diff --git a/.cargo/config.toml b/.cargo/config.toml
new file mode 100644
index 0000000000000000000000000000000000000000..4087f77f9671a54e6a2757a328cc89ca5703e178
--- /dev/null
+++ b/.cargo/config.toml
@@ -0,0 +1,12 @@
+[target.wasm32-unknown-unknown]
+rustflags = [
+	# Currently disabled because of https://github.com/GraphiteEditor/Graphite/issues/1262
+	# The current simd implementation leads to undefined behavior
+	#"-C",
+	#"target-feature=+simd128",
+	"-C",
+	"target-feature=+bulk-memory",
+	"-C",
+	"link-arg=--max-memory=4294967296",
+	"--cfg=web_sys_unstable_apis",
+]
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000000000000000000000000000000000..6b4ee383f2c74dc85c7c0855e99fb0e27e8862dc
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,32 @@
+{
+	"image": "mcr.microsoft.com/devcontainers/base:debian",
+	"features": {
+		"ghcr.io/devcontainers/features/rust:1": {
+			"profile": "default"
+		},
+		"ghcr.io/devcontainers/features/node:1": {}
+	},
+	"onCreateCommand": "cargo install cargo-watch wasm-pack cargo-about && cargo install -f wasm-bindgen-cli@0.2.100",
+	"customizations": {
+		"vscode": {
+			// NOTE: Keep this in sync with `.vscode/extensions.json`
+			"extensions": [
+				// Rust
+				"rust-lang.rust-analyzer",
+				"tamasfe.even-better-toml",
+				// Web
+				"dbaeumer.vscode-eslint",
+				"svelte.svelte-vscode",
+				"vitaliymaz.vscode-svg-previewer",
+				// Code quality
+				"wayou.vscode-todo-highlight",
+				"streetsidesoftware.code-spell-checker",
+				// Helpful
+				"mhutchie.git-graph",
+				"waderyan.gitblame",
+				"qezhu.gitlink",
+				"wmaurer.change-case"
+			]
+		}
+	}
+}
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000000000000000000000000000000000000..455b8bd434545665b5e903fc9ec9d6781e2b40a5
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,7 @@
+[*.{rs,js,ts,svelte,json,toml,svg,html,css,scss}]
+indent_style = tab
+indent_size = 4
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 200
diff --git a/.envrc b/.envrc
new file mode 100644
index 0000000000000000000000000000000000000000..930f30ba2a63988e2f18e61c587a3e15f92c61ea
--- /dev/null
+++ b/.envrc
@@ -0,0 +1 @@
+use flake .nix
diff --git a/.gitattributes b/.gitattributes
index a6344aac8c09253b3b630fb776ae94478aa0275b..5bff1f8d6eaa7b780937befdfa439a3c50f6db0a 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -33,3 +33,12 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+frontend/src-tauri/icons/icon.icns filter=lfs diff=lfs merge=lfs -text
+node-graph/graphene-cli/test_files/cat.jpg filter=lfs diff=lfs merge=lfs -text
+node-graph/graphene-cli/test_files/cow_transparent.png filter=lfs diff=lfs merge=lfs -text
+node-graph/graphene-cli/test_files/duck.jpg filter=lfs diff=lfs merge=lfs -text
+node-graph/graphene-cli/test_files/football.jpg filter=lfs diff=lfs merge=lfs -text
+node-graph/graphene-cli/test_files/mansion.jpg filter=lfs diff=lfs merge=lfs -text
+node-graph/graphene-cli/test_files/paper.jpg filter=lfs diff=lfs merge=lfs -text
+node-graph/graphene-cli/test_files/pizza.jpg filter=lfs diff=lfs merge=lfs -text
+node-graph/graphene-cli/test_files/pizza_transparent.png filter=lfs diff=lfs merge=lfs -text
diff --git a/.nix/flake.lock b/.nix/flake.lock
new file mode 100644
index 0000000000000000000000000000000000000000..5c11b23de187765bd9d0f5cdf69054e1e29cf2a3
--- /dev/null
+++ b/.nix/flake.lock
@@ -0,0 +1,99 @@
+{
+  "nodes": {
+    "flake-utils": {
+      "inputs": {
+        "systems": "systems"
+      },
+      "locked": {
+        "lastModified": 1731533236,
+        "narHash": "sha256-l0KFg5HjrsfsO/JpG+r7fRrqm12kzFHyUHqHCVpMMbI=",
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "rev": "11707dc2f618dd54ca8739b309ec4fc024de578b",
+        "type": "github"
+      },
+      "original": {
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "type": "github"
+      }
+    },
+    "nixpkgs": {
+      "locked": {
+        "lastModified": 1748190013,
+        "narHash": "sha256-R5HJFflOfsP5FBtk+zE8FpL8uqE7n62jqOsADvVshhE=",
+        "owner": "nixos",
+        "repo": "nixpkgs",
+        "rev": "62b852f6c6742134ade1abdd2a21685fd617a291",
+        "type": "github"
+      },
+      "original": {
+        "owner": "nixos",
+        "ref": "nixos-unstable",
+        "repo": "nixpkgs",
+        "type": "github"
+      }
+    },
+    "nixpkgs-unstable": {
+      "locked": {
+        "lastModified": 1748190013,
+        "narHash": "sha256-R5HJFflOfsP5FBtk+zE8FpL8uqE7n62jqOsADvVshhE=",
+        "owner": "nixos",
+        "repo": "nixpkgs",
+        "rev": "62b852f6c6742134ade1abdd2a21685fd617a291",
+        "type": "github"
+      },
+      "original": {
+        "owner": "nixos",
+        "ref": "nixos-unstable",
+        "repo": "nixpkgs",
+        "type": "github"
+      }
+    },
+    "root": {
+      "inputs": {
+        "flake-utils": "flake-utils",
+        "nixpkgs": "nixpkgs",
+        "nixpkgs-unstable": "nixpkgs-unstable",
+        "rust-overlay": "rust-overlay"
+      }
+    },
+    "rust-overlay": {
+      "inputs": {
+        "nixpkgs": [
+          "nixpkgs"
+        ]
+      },
+      "locked": {
+        "lastModified": 1748399823,
+        "narHash": "sha256-kahD8D5hOXOsGbNdoLLnqCL887cjHkx98Izc37nDjlA=",
+        "owner": "oxalica",
+        "repo": "rust-overlay",
+        "rev": "d68a69dc71bc19beb3479800392112c2f6218159",
+        "type": "github"
+      },
+      "original": {
+        "owner": "oxalica",
+        "repo": "rust-overlay",
+        "type": "github"
+      }
+    },
+    "systems": {
+      "locked": {
+        "lastModified": 1681028828,
+        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
+        "owner": "nix-systems",
+        "repo": "default",
+        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
+        "type": "github"
+      },
+      "original": {
+        "owner": "nix-systems",
+        "repo": "default",
+        "type": "github"
+      }
+    }
+  },
+  "root": "root",
+  "version": 7
+}
diff --git a/.nix/flake.nix b/.nix/flake.nix
new file mode 100644
index 0000000000000000000000000000000000000000..fc0cb6cbe401fb6be2cd70b87f59e61118ebedcc
--- /dev/null
+++ b/.nix/flake.nix
@@ -0,0 +1,115 @@
+# This is a helper file for people using NixOS as their operating system.
+# If you don't know what this file does, you can safely ignore it.
+# This file defines both the development environment for the project.
+#
+# Development Environment:
+# - Provides all necessary tools for Rust/WASM development
+# - Includes Tauri dependencies for desktop app development
+# - Sets up profiling and debugging tools
+# - Configures mold as the default linker for faster builds
+#
+#
+# Usage:
+# - Development shell: `nix develop`
+# - Run in dev shell with direnv: add `use flake` to .envrc
+{
+  description = "Development environment and build configuration";
+
+  inputs = {
+    # This url should be changed to match your system packages if you work on tauri because you need to use the same graphics library versions as the ones used by your system
+    nixpkgs.url = "github:nixos/nixpkgs/nixos-unstable";
+    nixpkgs-unstable.url = "github:nixos/nixpkgs/nixos-unstable";
+    rust-overlay = {
+      url = "github:oxalica/rust-overlay";
+      inputs.nixpkgs.follows = "nixpkgs";
+    };
+    flake-utils.url = "github:numtide/flake-utils";
+  };
+
+  outputs = { nixpkgs, nixpkgs-unstable, rust-overlay, flake-utils, ... }:
+    flake-utils.lib.eachDefaultSystem (system:
+      let
+        overlays = [ (import rust-overlay) ];
+        pkgs = import nixpkgs {
+          inherit system overlays;
+        };
+        pkgs-unstable = import nixpkgs-unstable {
+          inherit system overlays;
+        };
+        
+        rustc-wasm = pkgs.rust-bin.stable.latest.default.override {
+          targets = [ "wasm32-unknown-unknown" ];
+          extensions = [ "rust-src" "rust-analyzer" "clippy" "cargo" ];
+        };
+
+        # Shared build inputs - system libraries that need to be in LD_LIBRARY_PATH
+        buildInputs = with pkgs; [
+          # System libraries
+          openssl
+          vulkan-loader
+          mesa
+          libraw
+
+
+          # Tauri dependencies: keep in sync with https://v2.tauri.app/start/prerequisites/#system-dependencies (under the NixOS tab)
+          at-spi2-atk
+          atkmm
+          cairo
+          gdk-pixbuf
+          glib
+          gtk3
+          harfbuzz
+          librsvg
+          libsoup_3
+          pango
+          webkitgtk_4_1
+          openssl
+        ];
+
+        # Development tools that don't need to be in LD_LIBRARY_PATH
+        buildTools =  [
+          rustc-wasm
+          pkgs.nodejs
+          pkgs.nodePackages.npm
+          pkgs.binaryen
+          pkgs.wasm-bindgen-cli
+          pkgs-unstable.wasm-pack
+          pkgs.pkg-config
+          pkgs.git
+          pkgs.gobject-introspection
+          pkgs-unstable.cargo-tauri
+          pkgs-unstable.cargo-about
+
+          # Linker
+          pkgs.mold
+        ];
+        # Development tools that don't need to be in LD_LIBRARY_PATH
+        devTools = with pkgs; [
+          cargo-watch
+          cargo-nextest
+          cargo-expand
+          
+          # Profiling tools
+          gnuplot
+          samply
+          cargo-flamegraph
+
+        ];
+      in
+      {
+        # Development shell configuration
+        devShells.default = pkgs.mkShell {
+          packages = buildInputs ++ buildTools ++ devTools;
+
+          LD_LIBRARY_PATH = pkgs.lib.makeLibraryPath buildInputs;
+          GIO_MODULE_DIR="${pkgs.glib-networking}/lib/gio/modules/";
+          XDG_DATA_DIRS="${pkgs.gsettings-desktop-schemas}/share/gsettings-schemas/${pkgs.gsettings-desktop-schemas.name}:${pkgs.gtk3}/share/gsettings-schemas/${pkgs.gtk3.name}:$XDG_DATA_DIRS";
+          
+
+          shellHook = ''
+            alias cargo='mold --run cargo'
+          '';
+        };
+      }
+    );
+}
diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 0000000000000000000000000000000000000000..209e3ef4b6247ce746048d5711befda46206d235
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+20
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000000000000000000000000000000000000..efd119c33e4eb6f992093148ad9bd96c71473aa4
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,18 @@
+{
+	"singleQuote": false,
+	"useTabs": true,
+	"tabWidth": 4,
+	"printWidth": 200,
+	"overrides": [
+		{
+			"files": [
+				"*.yml",
+				"*.yaml"
+			],
+			"options": {
+				"useTabs": false,
+				"tabWidth": 2
+			}
+		}
+	]
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000000000000000000000000000000000000..e37a0efd117a4d5738053b353cb5de21444d0c03
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,20 @@
+{
+	// NOTE: Keep this in sync with `.devcontainer/devcontainer.json`
+	"recommendations": [
+		// Rust
+		"rust-lang.rust-analyzer",
+		"tamasfe.even-better-toml",
+		// Web
+		"dbaeumer.vscode-eslint",
+		"svelte.svelte-vscode",
+		"vitaliymaz.vscode-svg-previewer",
+		// Code quality
+		"wayou.vscode-todo-highlight",
+		"streetsidesoftware.code-spell-checker",
+		// Helpful
+		"mhutchie.git-graph",
+		"waderyan.gitblame",
+		"qezhu.gitlink",
+		"wmaurer.change-case"
+	]
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000000000000000000000000000000000000..df57674a138db31d98490803b983b6030c9b42bc
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,48 @@
+{
+	// Use IntelliSense to learn about possible attributes.
+	// Hover to view descriptions of existing attributes.
+	// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"type": "lldb",
+			"request": "launch",
+			"name": "Graphite debug executable",
+			"cargo": {
+				"args": [
+					"build",
+					"--bin=graphite",
+					"--package=graphite",
+				],
+				"filter": {
+					"name": "graphite",
+					"kind": "bin",
+				},
+			},
+			"args": [],
+			"cwd": "${workspaceFolder}",
+			"env": {
+				"RUST_LOG": "error",
+			},
+		},
+		{
+			"type": "lldb",
+			"request": "launch",
+			"name": "Debug unit tests in executable 'graphite'",
+			"cargo": {
+				"args": [
+					"test",
+					"--no-run",
+					"--bin=graphite",
+					"--package=graphite",
+				],
+				"filter": {
+					"name": "graphite",
+					"kind": "bin",
+				},
+			},
+			"args": [],
+			"cwd": "${workspaceFolder}",
+		},
+	],
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000000000000000000000000000000000000..7f48a1c56a4784b2d5648d98193a04bf0e14e357
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,56 @@
+{
+	// Rust: save on format
+	"[rust]": {
+		"editor.formatOnSave": true,
+		"editor.formatOnPaste": true,
+		"editor.defaultFormatter": "rust-lang.rust-analyzer"
+	},
+	// Web: save on format
+	"[javascript][typescript][svelte]": {
+		"editor.codeActionsOnSave": {
+			"source.fixAll.eslint": "explicit"
+		},
+		"editor.formatOnSave": true,
+		"editor.defaultFormatter": "dbaeumer.vscode-eslint"
+	},
+	"[scss]": {
+		"editor.codeActionsOnSave": {
+			"source.fixAll.eslint": "explicit"
+		},
+		"editor.formatOnSave": true,
+		// Configured in `.prettierrc`
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[json][jsonc][yaml][github-actions-workflow]": {
+		"editor.formatOnSave": true,
+		// Configured in `.prettierrc`
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	// Handlebars: don't save on format
+	// (`about.hbs` is used by Cargo About to encode license information)
+	"[handlebars]": {
+		"editor.formatOnSave": false
+	},
+	// Rust Analyzer config
+	"rust-analyzer.cargo.allTargets": false,
+	// ESLint config
+	"eslint.format.enable": true,
+	"eslint.workingDirectories": ["./frontend", "./website/other/bezier-rs-demos", "./website"],
+	"eslint.validate": ["javascript", "typescript", "svelte"],
+	// Svelte config
+	"svelte.plugin.svelte.compilerWarnings": {
+		// NOTICE: Keep this list in sync with the list in `frontend/vite.config.ts`
+		"css-unused-selector": "ignore",
+		"vite-plugin-svelte-css-no-scopable-elements": "ignore",
+		"a11y-no-static-element-interactions": "ignore",
+		"a11y-no-noninteractive-element-interactions": "ignore",
+		"a11y-click-events-have-key-events": "ignore"
+	},
+	// VS Code config
+	"html.format.wrapLineLength": 200,
+	"files.eol": "\n",
+	"files.insertFinalNewline": true,
+	"files.associations": {
+		"*.graphite": "json"
+	}
+}
diff --git a/Cargo.lock b/Cargo.lock
new file mode 100644
index 0000000000000000000000000000000000000000..da16bddb215904cc2ea163589c10569c3131e63e
--- /dev/null
+++ b/Cargo.lock
@@ -0,0 +1,8508 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 4
+
+[[package]]
+name = "Inflector"
+version = "0.11.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fe438c63458706e03479442743baae6c88256498e6431708f6dfc520a26515d3"
+
+[[package]]
+name = "ab_glyph"
+version = "0.2.29"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec3672c180e71eeaaac3a541fbbc5f5ad4def8b747c595ad30d674e43049f7b0"
+dependencies = [
+ "ab_glyph_rasterizer",
+ "owned_ttf_parser",
+]
+
+[[package]]
+name = "ab_glyph_rasterizer"
+version = "0.1.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c71b1793ee61086797f5c80b6efa2b8ffa6d5dd703f118545808a7f2e27f7046"
+
+[[package]]
+name = "addr2line"
+version = "0.24.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dfbe277e56a376000877090da837660b4427aad530e3028d44e0bffe4f89a1c1"
+dependencies = [
+ "gimli",
+]
+
+[[package]]
+name = "adler2"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "512761e0bb2578dd7380c6baaa0f4ce03e84f95e960231d1dec8bf4d7d6e2627"
+
+[[package]]
+name = "ahash"
+version = "0.8.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e89da841a80418a9b391ebaea17f5c112ffaaa96f621d2c285b5174da76b9011"
+dependencies = [
+ "cfg-if",
+ "getrandom 0.2.15",
+ "once_cell",
+ "version_check",
+ "zerocopy 0.7.35",
+]
+
+[[package]]
+name = "aho-corasick"
+version = "1.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e60d3430d3a69478ad0993f19238d2df97c507009a52b3c10addcd7f6bcb916"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "aligned-vec"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4aa90d7ce82d4be67b64039a3d588d38dbcc6736577de4a847025ce5b0c468d1"
+
+[[package]]
+name = "alloc-no-stdlib"
+version = "2.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cc7bb162ec39d46ab1ca8c77bf72e890535becd1751bb45f64c597edb4c8c6b3"
+
+[[package]]
+name = "alloc-stdlib"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "94fb8275041c72129eb51b7d0322c29b8387a0386127718b096429201a5d6ece"
+dependencies = [
+ "alloc-no-stdlib",
+]
+
+[[package]]
+name = "allocator-api2"
+version = "0.2.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "683d7910e743518b0e34f1186f92494becacb047c7b6bf616c96772180fef923"
+
+[[package]]
+name = "android-activity"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ee91c0c2905bae44f84bfa4e044536541df26b7703fd0888deeb9060fcc44289"
+dependencies = [
+ "android-properties",
+ "bitflags 2.9.0",
+ "cc",
+ "cesu8",
+ "jni",
+ "jni-sys",
+ "libc",
+ "log",
+ "ndk 0.8.0",
+ "ndk-context",
+ "ndk-sys 0.5.0+25.2.9519653",
+ "num_enum",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "android-properties"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc7eb209b1518d6bb87b283c20095f5228ecda460da70b44f0802523dea6da04"
+
+[[package]]
+name = "android-tzdata"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e999941b234f3131b00bc13c22d06e8c5ff726d1b6318ac7eb276997bbb4fef0"
+
+[[package]]
+name = "android_system_properties"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "819e7219dbd41043ac279b19830f2efc897156490d7fd6ea916720117ee66311"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "anes"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4b46cbb362ab8752921c97e041f5e366ee6297bd428a31275b9fcf1e380f7299"
+
+[[package]]
+name = "anstream"
+version = "0.6.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8acc5369981196006228e28809f761875c0327210a891e941f4c683b3a99529b"
+dependencies = [
+ "anstyle",
+ "anstyle-parse",
+ "anstyle-query",
+ "anstyle-wincon",
+ "colorchoice",
+ "is_terminal_polyfill",
+ "utf8parse",
+]
+
+[[package]]
+name = "anstyle"
+version = "1.0.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "55cc3b69f167a1ef2e161439aa98aed94e6028e5f9a59be9a6ffb47aef1651f9"
+
+[[package]]
+name = "anstyle-parse"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3b2d16507662817a6a20a9ea92df6652ee4f94f914589377d69f3b21bc5798a9"
+dependencies = [
+ "utf8parse",
+]
+
+[[package]]
+name = "anstyle-query"
+version = "1.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "79947af37f4177cfead1110013d678905c37501914fba0efea834c3fe9a8d60c"
+dependencies = [
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "anstyle-wincon"
+version = "3.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca3534e77181a9cc07539ad51f2141fe32f6c3ffd4df76db8ad92346b003ae4e"
+dependencies = [
+ "anstyle",
+ "once_cell",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "anyhow"
+version = "1.0.97"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dcfed56ad506cb2c684a14971b8861fdc3baaaae314b9e5f9bb532cbe3ba7a4f"
+
+[[package]]
+name = "arbitrary"
+version = "1.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dde20b3d026af13f561bdd0f15edf01fc734f0dafcedbaf42bba506a9517f223"
+
+[[package]]
+name = "arg_enum_proc_macro"
+version = "0.3.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0ae92a5119aa49cdbcf6b9f893fe4e1d98b04ccbf82ee0584ad948a44a734dea"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "arrayref"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "76a2e8124351fda1ef8aaaa3bbd7ebbcb486bbcd4225aca0aa0d84bb2db8fecb"
+
+[[package]]
+name = "arrayvec"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7c02d123df017efcdfbd739ef81735b36c5ba83ec3c59c80a9d7ecc718f92e50"
+
+[[package]]
+name = "as-raw-xcb-connection"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "175571dd1d178ced59193a6fc02dde1b972eb0bc56c892cde9beeceac5bf0f6b"
+
+[[package]]
+name = "ash"
+version = "0.38.0+1.3.281"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0bb44936d800fea8f016d7f2311c6a4f97aebd5dc86f09906139ec848cf3a46f"
+dependencies = [
+ "libloading 0.8.6",
+]
+
+[[package]]
+name = "atk"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "241b621213072e993be4f6f3a9e4b45f65b7e6faad43001be957184b7bb1824b"
+dependencies = [
+ "atk-sys",
+ "glib",
+ "libc",
+]
+
+[[package]]
+name = "atk-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c5e48b684b0ca77d2bbadeef17424c2ea3c897d44d566a1617e7e8f30614d086"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "atomic-waker"
+version = "1.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1505bd5d3d116872e7271a6d4e16d81d0c8570876c8de68093a09ac269d8aac0"
+
+[[package]]
+name = "autocfg"
+version = "1.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ace50bade8e6234aa140d9a2f552bbee1db4d353f69b8217bc503490fc1a9f26"
+
+[[package]]
+name = "av1-grain"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6678909d8c5d46a42abcf571271e15fdbc0a225e3646cf23762cd415046c78bf"
+dependencies = [
+ "anyhow",
+ "arrayvec",
+ "log",
+ "nom",
+ "num-rational",
+ "v_frame",
+]
+
+[[package]]
+name = "avif-serialize"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "98922d6a4cfbcb08820c69d8eeccc05bb1f29bfa06b4f5b1dbfe9a868bd7608e"
+dependencies = [
+ "arrayvec",
+]
+
+[[package]]
+name = "axum"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6d6fd624c75e18b3b4c6b9caf42b1afe24437daaee904069137d8bab077be8b8"
+dependencies = [
+ "axum-core",
+ "bytes",
+ "form_urlencoded",
+ "futures-util",
+ "http",
+ "http-body",
+ "http-body-util",
+ "hyper",
+ "hyper-util",
+ "itoa 1.0.15",
+ "matchit",
+ "memchr",
+ "mime",
+ "percent-encoding",
+ "pin-project-lite",
+ "rustversion",
+ "serde",
+ "serde_json",
+ "serde_path_to_error",
+ "serde_urlencoded",
+ "sync_wrapper",
+ "tokio",
+ "tower",
+ "tower-layer",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "axum-core"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df1362f362fd16024ae199c1970ce98f9661bf5ef94b9808fee734bc3698b733"
+dependencies = [
+ "bytes",
+ "futures-util",
+ "http",
+ "http-body",
+ "http-body-util",
+ "mime",
+ "pin-project-lite",
+ "rustversion",
+ "sync_wrapper",
+ "tower-layer",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "backtrace"
+version = "0.3.74"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8d82cb332cdfaed17ae235a638438ac4d4839913cc2af585c3c6746e8f8bee1a"
+dependencies = [
+ "addr2line",
+ "cfg-if",
+ "libc",
+ "miniz_oxide",
+ "object",
+ "rustc-demangle",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "base64"
+version = "0.21.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9d297deb1925b89f2ccc13d7635fa0714f12c87adce1c75356b39ca9b7178567"
+
+[[package]]
+name = "base64"
+version = "0.22.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
+
+[[package]]
+name = "bezier-rs"
+version = "0.4.0"
+dependencies = [
+ "dyn-any",
+ "glam",
+ "kurbo",
+ "serde",
+]
+
+[[package]]
+name = "bezier-rs-wasm"
+version = "0.0.0"
+dependencies = [
+ "bezier-rs",
+ "glam",
+ "js-sys",
+ "log",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "bincode"
+version = "1.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b1f45e9417d87227c7a56d22e471c6206462cba514c7590c09aff4cf6d1ddcad"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "bit-set"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "08807e080ed7f9d5433fa9b275196cfc35414f66a0c79d864dc51a0d825231a3"
+dependencies = [
+ "bit-vec",
+]
+
+[[package]]
+name = "bit-vec"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5e764a1d40d510daf35e07be9eb06e75770908c27d411ee6c92109c9840eaaf7"
+
+[[package]]
+name = "bit_field"
+version = "0.10.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc827186963e592360843fb5ba4b973e145841266c1357f7180c43526f2e5b61"
+
+[[package]]
+name = "bitflags"
+version = "1.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a"
+
+[[package]]
+name = "bitflags"
+version = "2.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c8214115b7bf84099f1309324e63141d4c5d7cc26862f97a0a857dbefe165bd"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "bitstream-io"
+version = "2.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6099cdc01846bc367c4e7dd630dc5966dccf36b652fae7a74e17b640411a91b2"
+
+[[package]]
+name = "block"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d8c1fef690941d3e7788d328517591fecc684c084084702d6ff1641e993699a"
+
+[[package]]
+name = "block-buffer"
+version = "0.10.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3078c7629b62d3f0439517fa394996acacc5cbc91c5a20d8c658e77abd503a71"
+dependencies = [
+ "generic-array",
+]
+
+[[package]]
+name = "block-sys"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ae85a0696e7ea3b835a453750bf002770776609115e6d25c6d2ff28a8200f7e7"
+dependencies = [
+ "objc-sys",
+]
+
+[[package]]
+name = "block2"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "15b55663a85f33501257357e6421bb33e769d5c9ffb5ba0921c975a123e35e68"
+dependencies = [
+ "block-sys",
+ "objc2 0.4.1",
+]
+
+[[package]]
+name = "block2"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2c132eebf10f5cad5289222520a4a058514204aed6d791f1cf4fe8088b82d15f"
+dependencies = [
+ "objc2 0.5.2",
+]
+
+[[package]]
+name = "block2"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "340d2f0bdb2a43c1d3cd40513185b2bd7def0aa1052f956455114bc98f82dcf2"
+dependencies = [
+ "objc2 0.6.1",
+]
+
+[[package]]
+name = "brotli"
+version = "7.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cc97b8f16f944bba54f0433f07e30be199b6dc2bd25937444bbad560bcea29bd"
+dependencies = [
+ "alloc-no-stdlib",
+ "alloc-stdlib",
+ "brotli-decompressor",
+]
+
+[[package]]
+name = "brotli-decompressor"
+version = "4.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "74fa05ad7d803d413eb8380983b092cbbaf9a85f151b871360e7b00cd7060b37"
+dependencies = [
+ "alloc-no-stdlib",
+ "alloc-stdlib",
+]
+
+[[package]]
+name = "built"
+version = "0.7.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56ed6191a7e78c36abdb16ab65341eefd73d64d303fffccdbb00d51e4205967b"
+
+[[package]]
+name = "bumpalo"
+version = "3.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1628fb46dfa0b37568d12e5edd512553eccf6a22a78e8bde00bb4aed84d5bdbf"
+
+[[package]]
+name = "bytemuck"
+version = "1.23.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c76a5792e44e4abe34d3abf15636779261d45a7450612059293d1d2cfc63422"
+dependencies = [
+ "bytemuck_derive",
+]
+
+[[package]]
+name = "bytemuck_derive"
+version = "1.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3fa76293b4f7bb636ab88fd78228235b5248b4d05cc589aed610f954af5d7c7a"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "byteorder"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fd0f2584146f6f2ef48085050886acf353beff7305ebd1ae69500e27c67f64b"
+
+[[package]]
+name = "byteorder-lite"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f1fe948ff07f4bd06c30984e69f5b4899c516a3ef74f34df92a2df2ab535495"
+
+[[package]]
+name = "bytes"
+version = "1.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d71b6127be86fdcfddb610f7182ac57211d4b18a3e9c82eb2d17662f2227ad6a"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "cairo-rs"
+version = "0.18.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ca26ef0159422fb77631dc9d17b102f253b876fe1586b03b803e63a309b4ee2"
+dependencies = [
+ "bitflags 2.9.0",
+ "cairo-sys-rs",
+ "glib",
+ "libc",
+ "once_cell",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "cairo-sys-rs"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "685c9fa8e590b8b3d678873528d83411db17242a73fccaed827770ea0fedda51"
+dependencies = [
+ "glib-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "calloop"
+version = "0.12.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fba7adb4dd5aa98e5553510223000e7148f621165ec5f9acd7113f6ca4995298"
+dependencies = [
+ "bitflags 2.9.0",
+ "log",
+ "polling",
+ "rustix 0.38.44",
+ "slab",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "calloop-wayland-source"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0f0ea9b9476c7fad82841a8dbb380e2eae480c21910feba80725b46931ed8f02"
+dependencies = [
+ "calloop",
+ "rustix 0.38.44",
+ "wayland-backend",
+ "wayland-client",
+]
+
+[[package]]
+name = "camino"
+version = "1.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b96ec4966b5813e2c0507c1f86115c8c5abaadc3980879c3424042a02fd1ad3"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "cargo-platform"
+version = "0.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e35af189006b9c0f00a064685c727031e3ed2d8020f7ba284d78cc2671bd36ea"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "cargo_metadata"
+version = "0.19.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dd5eb614ed4c27c5d706420e4320fbe3216ab31fa1c33cd8246ac36dae4479ba"
+dependencies = [
+ "camino",
+ "cargo-platform",
+ "semver",
+ "serde",
+ "serde_json",
+ "thiserror 2.0.12",
+]
+
+[[package]]
+name = "cargo_toml"
+version = "0.22.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "02260d489095346e5cafd04dea8e8cb54d1d74fcd759022a9b72986ebe9a1257"
+dependencies = [
+ "serde",
+ "toml",
+]
+
+[[package]]
+name = "cast"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "37b2a672a2cb129a2e41c10b1224bb368f9f37a2b16b612598138befd7b37eb5"
+
+[[package]]
+name = "cc"
+version = "1.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be714c154be609ec7f5dad223a33bf1482fff90472de28f7362806e6d4832b8c"
+dependencies = [
+ "jobserver",
+ "libc",
+ "shlex",
+]
+
+[[package]]
+name = "cesu8"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6d43a04d8753f35258c91f8ec639f792891f748a1edbd759cf1dcea3382ad83c"
+
+[[package]]
+name = "cfb"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d38f2da7a0a2c4ccf0065be06397cc26a81f4e528be095826eee9d4adbb8c60f"
+dependencies = [
+ "byteorder",
+ "fnv",
+ "uuid",
+]
+
+[[package]]
+name = "cfg-expr"
+version = "0.15.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d067ad48b8650848b989a59a86c6c36a995d02d2bf778d45c3c5d57bc2718f02"
+dependencies = [
+ "smallvec",
+ "target-lexicon",
+]
+
+[[package]]
+name = "cfg-if"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
+
+[[package]]
+name = "cfg_aliases"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fd16c4719339c4530435d38e511904438d07cce7950afa3718a84ac36c10e89e"
+
+[[package]]
+name = "cfg_aliases"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "613afe47fcd5fac7ccf1db93babcb082c5994d996f20b8b159f2ad1658eb5724"
+
+[[package]]
+name = "chrono"
+version = "0.4.40"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a7964611d71df112cb1730f2ee67324fcf4d0fc6606acbbe9bfe06df124637c"
+dependencies = [
+ "android-tzdata",
+ "iana-time-zone",
+ "js-sys",
+ "num-traits",
+ "serde",
+ "wasm-bindgen",
+ "windows-link",
+]
+
+[[package]]
+name = "ciborium"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "42e69ffd6f0917f5c029256a24d0161db17cea3997d185db0d35926308770f0e"
+dependencies = [
+ "ciborium-io",
+ "ciborium-ll",
+ "serde",
+]
+
+[[package]]
+name = "ciborium-io"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "05afea1e0a06c9be33d539b876f1ce3692f4afea2cb41f740e7743225ed1c757"
+
+[[package]]
+name = "ciborium-ll"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57663b653d948a338bfb3eeba9bb2fd5fcfaecb9e199e87e1eda4d9e8b240fd9"
+dependencies = [
+ "ciborium-io",
+ "half",
+]
+
+[[package]]
+name = "clap"
+version = "4.5.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "027bb0d98429ae334a8698531da7077bdf906419543a35a55c2cb1b66437d767"
+dependencies = [
+ "clap_builder",
+ "clap_derive",
+]
+
+[[package]]
+name = "clap_builder"
+version = "4.5.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5589e0cba072e0f3d23791efac0fd8627b49c829c196a492e88168e6a669d863"
+dependencies = [
+ "anstream",
+ "anstyle",
+ "clap_lex",
+ "strsim",
+]
+
+[[package]]
+name = "clap_derive"
+version = "4.5.28"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf4ced95c6f4a675af3da73304b9ac4ed991640c36374e4b46795c49e17cf1ed"
+dependencies = [
+ "heck 0.5.0",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "clap_lex"
+version = "0.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f46ad14479a25103f283c0f10005961cf086d8dc42205bb44c46ac563475dca6"
+
+[[package]]
+name = "codespan-reporting"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3538270d33cc669650c4b093848450d380def10c331d38c768e34cac80576e6e"
+dependencies = [
+ "termcolor",
+ "unicode-width",
+]
+
+[[package]]
+name = "color"
+version = "0.1.0"
+source = "git+https://github.com/linebender/color.git?rev=a4fa61aff6c3f292b729dc409e7832e5f0166e4a#a4fa61aff6c3f292b729dc409e7832e5f0166e4a"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "color"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7ae467d04a8a8aea5d9a49018a6ade2e4221d92968e8ce55a48c0b1164e5f698"
+
+[[package]]
+name = "color_quant"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3d7b894f5411737b7867f4827955924d7c254fc9f4d91a6aad6b097804b1018b"
+
+[[package]]
+name = "colorchoice"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b63caa9aa9397e2d9480a9b13673856c78d8ac123288526c37d7839f2a86990"
+
+[[package]]
+name = "colored"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "117725a109d387c937a1533ce01b450cbde6b88abceea8473c4d7a85853cda3c"
+dependencies = [
+ "lazy_static",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "combine"
+version = "4.6.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ba5a308b75df32fe02788e748662718f03fde005016435c444eea572398219fd"
+dependencies = [
+ "bytes",
+ "memchr",
+]
+
+[[package]]
+name = "concurrent-queue"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ca0197aee26d1ae37445ee532fefce43251d24cc7c166799f4d46817f1d3973"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "convert_case"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6245d59a3e82a7fc217c5828a6692dbc6dfb63a0c8c90495621f7b9d79704a0e"
+
+[[package]]
+name = "convert_case"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bb402b8d4c85569410425650ce3eddc7d698ed96d39a73f941b08fb63082f1e7"
+dependencies = [
+ "unicode-segmentation",
+]
+
+[[package]]
+name = "cookie"
+version = "0.18.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ddef33a339a91ea89fb53151bd0a4689cfce27055c291dfa69945475d22c747"
+dependencies = [
+ "percent-encoding",
+ "time",
+ "version_check",
+]
+
+[[package]]
+name = "cookie_store"
+version = "0.21.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2eac901828f88a5241ee0600950ab981148a18f2f756900ffba1b125ca6a3ef9"
+dependencies = [
+ "cookie",
+ "document-features",
+ "idna",
+ "log",
+ "publicsuffix",
+ "serde",
+ "serde_derive",
+ "serde_json",
+ "time",
+ "url",
+]
+
+[[package]]
+name = "core-foundation"
+version = "0.9.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "91e195e091a93c46f7102ec7818a2aa394e1e1771c3ab4825963fa03e45afb8f"
+dependencies = [
+ "core-foundation-sys",
+ "libc",
+]
+
+[[package]]
+name = "core-foundation"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b55271e5c8c478ad3f38ad24ef34923091e0548492a266d19b3c0b4d82574c63"
+dependencies = [
+ "core-foundation-sys",
+ "libc",
+]
+
+[[package]]
+name = "core-foundation-sys"
+version = "0.8.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "773648b94d0e5d620f64f280777445740e61fe701025087ec8b57f45c791888b"
+
+[[package]]
+name = "core-graphics"
+version = "0.23.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c07782be35f9e1140080c6b96f0d44b739e2278479f64e02fdab4e32dfd8b081"
+dependencies = [
+ "bitflags 1.3.2",
+ "core-foundation 0.9.4",
+ "core-graphics-types 0.1.3",
+ "foreign-types 0.5.0",
+ "libc",
+]
+
+[[package]]
+name = "core-graphics"
+version = "0.24.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fa95a34622365fa5bbf40b20b75dba8dfa8c94c734aea8ac9a5ca38af14316f1"
+dependencies = [
+ "bitflags 2.9.0",
+ "core-foundation 0.10.0",
+ "core-graphics-types 0.2.0",
+ "foreign-types 0.5.0",
+ "libc",
+]
+
+[[package]]
+name = "core-graphics-types"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "45390e6114f68f718cc7a830514a96f903cccd70d02a8f6d9f643ac4ba45afaf"
+dependencies = [
+ "bitflags 1.3.2",
+ "core-foundation 0.9.4",
+ "libc",
+]
+
+[[package]]
+name = "core-graphics-types"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3d44a101f213f6c4cdc1853d4b78aef6db6bdfa3468798cc1d9912f4735013eb"
+dependencies = [
+ "bitflags 2.9.0",
+ "core-foundation 0.10.0",
+ "libc",
+]
+
+[[package]]
+name = "core_maths"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77745e017f5edba1a9c1d854f6f3a52dac8a12dd5af5d2f54aecf61e43d80d30"
+dependencies = [
+ "libm",
+]
+
+[[package]]
+name = "cpufeatures"
+version = "0.2.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "59ed5838eebb26a2bb2e58f6d5b5316989ae9d08bab10e0e6d103e656d1b0280"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "crc32fast"
+version = "1.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a97769d94ddab943e4510d138150169a2758b5ef3eb191a9ee688de3e23ef7b3"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "criterion"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f2b12d017a929603d80db1831cd3a24082f8137ce19c69e6447f54f5fc8d692f"
+dependencies = [
+ "anes",
+ "cast",
+ "ciborium",
+ "clap",
+ "criterion-plot",
+ "is-terminal",
+ "itertools 0.10.5",
+ "num-traits",
+ "once_cell",
+ "oorandom",
+ "plotters",
+ "rayon",
+ "regex",
+ "serde",
+ "serde_derive",
+ "serde_json",
+ "tinytemplate",
+ "walkdir",
+]
+
+[[package]]
+name = "criterion-plot"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6b50826342786a51a89e2da3a28f1c32b06e387201bc2d19791f622c673706b1"
+dependencies = [
+ "cast",
+ "itertools 0.10.5",
+]
+
+[[package]]
+name = "crossbeam-channel"
+version = "0.5.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "06ba6d68e24814cb8de6bb986db8222d3a027d15872cabc0d18817bc3c0e4471"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-deque"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9dd111b7b7f7d55b72c0a6ae361660ee5853c9af73f70c3c2ef6858b950e2e51"
+dependencies = [
+ "crossbeam-epoch",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-epoch"
+version = "0.9.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b82ac4a3c2ca9c3460964f020e1402edd5753411d7737aa39c3714ad1b5420e"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-utils"
+version = "0.8.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0a5c400df2834b80a4c3327b3aad3a4c4cd4de0629063962b03235697506a28"
+
+[[package]]
+name = "crunchy"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "43da5946c66ffcc7745f48db692ffbb10a83bfe0afd96235c5c2a4fb23994929"
+
+[[package]]
+name = "crypto-common"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1bfb12502f3fc46cca1bb51ac28df9d618d813cdc3d2f25b9fe775a34af26bb3"
+dependencies = [
+ "generic-array",
+ "typenum",
+]
+
+[[package]]
+name = "cssparser"
+version = "0.27.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "754b69d351cdc2d8ee09ae203db831e005560fc6030da058f86ad60c92a9cb0a"
+dependencies = [
+ "cssparser-macros",
+ "dtoa-short",
+ "itoa 0.4.8",
+ "matches",
+ "phf 0.8.0",
+ "proc-macro2",
+ "quote",
+ "smallvec",
+ "syn 1.0.109",
+]
+
+[[package]]
+name = "cssparser-macros"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13b588ba4ac1a99f7f2964d24b3d896ddc6bf847ee3855dbd4366f058cfcd331"
+dependencies = [
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "ctor"
+version = "0.2.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32a2785755761f3ddc1492979ce1e48d2c00d09311c39e4466429188f3dd6501"
+dependencies = [
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "cursor-icon"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "96a6ac251f4a2aca6b3f91340350eab87ae57c3f127ffeb585e92bd336717991"
+
+[[package]]
+name = "darling"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc7f46116c46ff9ab3eb1597a45688b6715c6e628b5c133e288e709a29bcb4ee"
+dependencies = [
+ "darling_core",
+ "darling_macro",
+]
+
+[[package]]
+name = "darling_core"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d00b9596d185e565c2207a0b01f8bd1a135483d02d9b7b0a54b11da8d53412e"
+dependencies = [
+ "fnv",
+ "ident_case",
+ "proc-macro2",
+ "quote",
+ "strsim",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "darling_macro"
+version = "0.20.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc34b93ccb385b40dc71c6fceac4b2ad23662c7eeb248cf10d529b7e055b6ead"
+dependencies = [
+ "darling_core",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "data-url"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c297a1c74b71ae29df00c3e22dd9534821d60eb9af5a0192823fa2acea70c2a"
+
+[[package]]
+name = "deranged"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c9e6a11ca8224451684bc0d7d5a7adbf8f2fd6887261a1cfc3c0432f9d4068e"
+dependencies = [
+ "powerfmt",
+ "serde",
+]
+
+[[package]]
+name = "derivative"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fcc3dd5e9e9c0b295d6e1e4d811fb6f157d5ffd784b8d202fc62eac8035a770b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+]
+
+[[package]]
+name = "derive_more"
+version = "0.99.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3da29a38df43d6f156149c9b43ded5e018ddff2a855cf2cfd62e8cd7d079c69f"
+dependencies = [
+ "convert_case 0.4.0",
+ "proc-macro2",
+ "quote",
+ "rustc_version",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "diff"
+version = "0.1.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56254986775e3233ffa9c4d7d3faaf6d36a2c09d30b20687e9f88bc8bafc16c8"
+
+[[package]]
+name = "digest"
+version = "0.10.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9ed9a281f7bc9b7576e61468ba615a66a5c8cfdff42420a70aa82701a3b1e292"
+dependencies = [
+ "block-buffer",
+ "crypto-common",
+]
+
+[[package]]
+name = "dirs"
+version = "6.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c3e8aa94d75141228480295a7d0e7feb620b1a5ad9f12bc40be62411e38cce4e"
+dependencies = [
+ "dirs-sys",
+]
+
+[[package]]
+name = "dirs-sys"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e01a3366d27ee9890022452ee61b2b63a67e6f13f58900b651ff5665f0bb1fab"
+dependencies = [
+ "libc",
+ "option-ext",
+ "redox_users",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "dispatch"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bd0c93bb4b0c6d9b77f4435b0ae98c24d17f1c45b2ff844c6151a07256ca923b"
+
+[[package]]
+name = "dispatch2"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "89a09f22a6c6069a18470eb92d2298acf25463f14256d24778e1230d789a2aec"
+dependencies = [
+ "bitflags 2.9.0",
+ "objc2 0.6.1",
+]
+
+[[package]]
+name = "displaydoc"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "97369cbbc041bc366949bc74d34658d6cda5621039731c6310521892a3a20ae0"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "dlib"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "330c60081dcc4c72131f8eb70510f1ac07223e5d4163db481a04a0befcffa412"
+dependencies = [
+ "libloading 0.8.6",
+]
+
+[[package]]
+name = "dlopen2"
+version = "0.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9e1297103d2bbaea85724fcee6294c2d50b1081f9ad47d0f6f6f61eda65315a6"
+dependencies = [
+ "dlopen2_derive",
+ "libc",
+ "once_cell",
+ "winapi",
+]
+
+[[package]]
+name = "dlopen2_derive"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f2b99bf03862d7f545ebc28ddd33a665b50865f4dfd84031a393823879bd4c54"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "document-features"
+version = "0.2.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95249b50c6c185bee49034bcb378a49dc2b5dff0be90ff6616d31d64febab05d"
+dependencies = [
+ "litrs",
+]
+
+[[package]]
+name = "downcast-rs"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75b325c5dbd37f80359721ad39aca5a29fb04c89279657cffdda8736d0c0b9d2"
+
+[[package]]
+name = "dpi"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f25c0e292a7ca6d6498557ff1df68f32c99850012b6ea401cf8daf771f22ff53"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "dtoa"
+version = "1.0.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d6add3b8cff394282be81f3fc1a0605db594ed69890078ca6e2cab1c408bcf04"
+
+[[package]]
+name = "dtoa-short"
+version = "0.3.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd1511a7b6a56299bd043a9c167a6d2bfb37bf84a6dfceaba651168adfb43c87"
+dependencies = [
+ "dtoa",
+]
+
+[[package]]
+name = "dunce"
+version = "1.0.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "92773504d58c093f6de2459af4af33faa518c13451eb8f2b5698ed3d36e7c813"
+
+[[package]]
+name = "dyn-any"
+version = "0.3.1"
+dependencies = [
+ "dyn-any-derive",
+ "glam",
+ "reqwest",
+]
+
+[[package]]
+name = "dyn-any-derive"
+version = "0.3.0"
+dependencies = [
+ "dyn-any",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "dyn-clone"
+version = "1.0.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1c7a8fb8a9fbf66c1f703fe16184d10ca0ee9d23be5b4436400408ba54a95005"
+
+[[package]]
+name = "either"
+version = "1.15.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48c757948c5ede0e46177b7add2e67155f70e33c07fea8284df6576da70b3719"
+
+[[package]]
+name = "embed-resource"
+version = "3.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7fbc6e0d8e0c03a655b53ca813f0463d2c956bc4db8138dbc89f120b066551e3"
+dependencies = [
+ "cc",
+ "memchr",
+ "rustc_version",
+ "toml",
+ "vswhom",
+ "winreg",
+]
+
+[[package]]
+name = "embed_plist"
+version = "1.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4ef6b89e5b37196644d8796de5268852ff179b44e96276cf4290264843743bb7"
+
+[[package]]
+name = "encoding_rs"
+version = "0.8.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75030f3c4f45dafd7586dd6780965a8c7e8e285a5ecb86713e63a79c5b2766f3"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "env_filter"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "186e05a59d4c50738528153b83b0b0194d3a29507dfec16eccd4b342903397d0"
+dependencies = [
+ "log",
+ "regex",
+]
+
+[[package]]
+name = "env_logger"
+version = "0.11.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dcaee3d8e3cfc3fd92428d477bc97fc29ec8716d180c0d74c643bb26166660e0"
+dependencies = [
+ "anstream",
+ "anstyle",
+ "env_filter",
+ "humantime",
+ "log",
+]
+
+[[package]]
+name = "equivalent"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
+
+[[package]]
+name = "erased-serde"
+version = "0.4.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e004d887f51fcb9fef17317a2f3525c887d8aa3f4f50fed920816a688284a5b7"
+dependencies = [
+ "serde",
+ "typeid",
+]
+
+[[package]]
+name = "errno"
+version = "0.3.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "33d852cb9b869c2a9b3df2f71a3074817f01e1844f839a144f5fcef059a4eb5d"
+dependencies = [
+ "libc",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "euclid"
+version = "0.22.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ad9cdb4b747e485a12abb0e6566612956c7a1bafa3bdb8d682c5b6d403589e48"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "exr"
+version = "1.73.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f83197f59927b46c04a183a619b7c29df34e63e63c7869320862268c0ef687e0"
+dependencies = [
+ "bit_field",
+ "half",
+ "lebe",
+ "miniz_oxide",
+ "rayon-core",
+ "smallvec",
+ "zune-inflate",
+]
+
+[[package]]
+name = "fastnoise-lite"
+version = "1.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3e5f3c3cc9081e5d0e18bcd50e80cd33cba47fc22f88a9da9c33ecd1c87ea5c0"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "fastrand"
+version = "2.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "37909eebbb50d72f9059c3b6d82c0463f2ff062c9e95845c43a6c9c0355411be"
+
+[[package]]
+name = "fdeflate"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e6853b52649d4ac5c0bd02320cddc5ba956bdb407c4b75a2c6b75bf51500f8c"
+dependencies = [
+ "simd-adler32",
+]
+
+[[package]]
+name = "fern"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4316185f709b23713e41e3195f90edef7fb00c3ed4adc79769cf09cc762a3b29"
+dependencies = [
+ "colored",
+ "log",
+]
+
+[[package]]
+name = "field-offset"
+version = "0.3.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38e2275cc4e4fc009b0669731a1e5ab7ebf11f469eaede2bab9309a5b4d6057f"
+dependencies = [
+ "memoffset",
+ "rustc_version",
+]
+
+[[package]]
+name = "fixedbitset"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0ce7134b9999ecaf8bcd65542e436736ef32ddca1b3e06094cb6ec5755203b80"
+
+[[package]]
+name = "fixedbitset"
+version = "0.5.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d674e81391d1e1ab681a28d99df07927c6d4aa5b027d7da16ba32d1d21ecd99"
+
+[[package]]
+name = "flate2"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "11faaf5a5236997af9848be0bef4db95824b1d534ebc64d0f0c6cf3e67bd38dc"
+dependencies = [
+ "crc32fast",
+ "miniz_oxide",
+]
+
+[[package]]
+name = "float-cmp"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "98de4bbd547a563b716d8dfa9aad1cb19bfab00f4fa09a6a4ed21dbcf44ce9c4"
+
+[[package]]
+name = "fnv"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
+
+[[package]]
+name = "foldhash"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a0d2fde1f7b3d48b8395d5f2de76c18a528bd6a9cdde438df747bfcba3e05d6f"
+
+[[package]]
+name = "font-types"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d868ec188a98bb014c606072edd47e52e7ab7297db943b0b28503121e1d037bd"
+dependencies = [
+ "bytemuck",
+]
+
+[[package]]
+name = "font-types"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "02a596f5713680923a2080d86de50fe472fb290693cf0f701187a1c8b36996b7"
+dependencies = [
+ "bytemuck",
+]
+
+[[package]]
+name = "fontconfig-cache-parser"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a7f8afb20c8069fd676d27b214559a337cc619a605d25a87baa90b49a06f3b18"
+dependencies = [
+ "bytemuck",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "fontconfig-parser"
+version = "0.5.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c1fcfcd44ca6e90c921fee9fa665d530b21ef1327a4c1a6c5250ea44b776ada7"
+dependencies = [
+ "roxmltree",
+]
+
+[[package]]
+name = "fontdb"
+version = "0.22.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a3a6f9af55fb97ad673fb7a69533eb2f967648a06fa21f8c9bb2cd6d33975716"
+dependencies = [
+ "fontconfig-parser",
+ "log",
+ "memmap2",
+ "slotmap",
+ "tinyvec",
+ "ttf-parser 0.24.1",
+]
+
+[[package]]
+name = "fontique"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "39f97079e1293b8c1e9fb03a2875d328bd2ee8f3b95ce62959c0acc04049c708"
+dependencies = [
+ "bytemuck",
+ "fontconfig-cache-parser",
+ "hashbrown 0.15.4",
+ "icu_locid",
+ "memmap2",
+ "objc2 0.6.1",
+ "objc2-core-foundation",
+ "objc2-core-text",
+ "objc2-foundation 0.3.1",
+ "peniko 0.4.0",
+ "read-fonts 0.29.3",
+ "roxmltree",
+ "smallvec",
+ "windows 0.58.0",
+ "windows-core 0.58.0",
+]
+
+[[package]]
+name = "foreign-types"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f6f339eb8adc052cd2ca78910fda869aefa38d22d5cb648e6485e4d3fc06f3b1"
+dependencies = [
+ "foreign-types-shared 0.1.1",
+]
+
+[[package]]
+name = "foreign-types"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d737d9aa519fb7b749cbc3b962edcf310a8dd1f4b67c91c4f83975dbdd17d965"
+dependencies = [
+ "foreign-types-macros",
+ "foreign-types-shared 0.3.1",
+]
+
+[[package]]
+name = "foreign-types-macros"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a5c6c585bc94aaf2c7b51dd4c2ba22680844aba4c687be581871a6f518c5742"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "foreign-types-shared"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "00b0228411908ca8685dba7fc2cdd70ec9990a6e753e89b6ac91a84c40fbaf4b"
+
+[[package]]
+name = "foreign-types-shared"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa9a19cbb55df58761df49b23516a86d432839add4af60fc256da840f66ed35b"
+
+[[package]]
+name = "form_urlencoded"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e13624c2627564efccf4934284bdd98cbaa14e79b0b5a141218e507b3a823456"
+dependencies = [
+ "percent-encoding",
+]
+
+[[package]]
+name = "futf"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df420e2e84819663797d1ec6544b13c5be84629e7bb00dc960d6917db2987843"
+dependencies = [
+ "mac",
+ "new_debug_unreachable",
+]
+
+[[package]]
+name = "futures"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "65bc07b1a8bc7c85c5f2e110c476c7389b4554ba72af57d8445ea63a576b0876"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-channel"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2dff15bf788c671c1934e366d07e30c1814a8ef514e1af724a602e8a2fbe1b10"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+]
+
+[[package]]
+name = "futures-core"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "05f29059c0c2090612e8d742178b0580d2dc940c837851ad723096f87af6663e"
+
+[[package]]
+name = "futures-executor"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e28d1d997f585e54aebc3f97d39e72338912123a67330d723fdbb564d646c9f"
+dependencies = [
+ "futures-core",
+ "futures-task",
+ "futures-util",
+]
+
+[[package]]
+name = "futures-intrusive"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d930c203dd0b6ff06e0201a4a2fe9149b43c684fd4420555b26d21b1a02956f"
+dependencies = [
+ "futures-core",
+ "lock_api",
+ "parking_lot",
+]
+
+[[package]]
+name = "futures-io"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9e5c1b78ca4aae1ac06c48a526a655760685149f0d465d21f37abfe57ce075c6"
+
+[[package]]
+name = "futures-macro"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "162ee34ebcb7c64a8abebc059ce0fee27c2262618d7b60ed8faf72fef13c3650"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "futures-sink"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e575fab7d1e0dcb8d0c7bcf9a63ee213816ab51902e6d244a95819acacf1d4f7"
+
+[[package]]
+name = "futures-task"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f90f7dce0722e95104fcb095585910c0977252f286e354b5e3bd38902cd99988"
+
+[[package]]
+name = "futures-util"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9fa08315bb612088cc391249efdc3bc77536f16c91f6cf495e6fbe85b20a4a81"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-macro",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "pin-utils",
+ "slab",
+]
+
+[[package]]
+name = "fxhash"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c31b6d751ae2c7f11320402d34e41349dd1016f8d5d45e48c4312bc8625af50c"
+dependencies = [
+ "byteorder",
+]
+
+[[package]]
+name = "gdk"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d9f245958c627ac99d8e529166f9823fb3b838d1d41fd2b297af3075093c2691"
+dependencies = [
+ "cairo-rs",
+ "gdk-pixbuf",
+ "gdk-sys",
+ "gio",
+ "glib",
+ "libc",
+ "pango",
+]
+
+[[package]]
+name = "gdk-pixbuf"
+version = "0.18.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "50e1f5f1b0bfb830d6ccc8066d18db35c487b1b2b1e8589b5dfe9f07e8defaec"
+dependencies = [
+ "gdk-pixbuf-sys",
+ "gio",
+ "glib",
+ "libc",
+ "once_cell",
+]
+
+[[package]]
+name = "gdk-pixbuf-sys"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f9839ea644ed9c97a34d129ad56d38a25e6756f99f3a88e15cd39c20629caf7"
+dependencies = [
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gdk-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c2d13f38594ac1e66619e188c6d5a1adb98d11b2fcf7894fc416ad76aa2f3f7"
+dependencies = [
+ "cairo-sys-rs",
+ "gdk-pixbuf-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pango-sys",
+ "pkg-config",
+ "system-deps",
+]
+
+[[package]]
+name = "gdkwayland-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "140071d506d223f7572b9f09b5e155afbd77428cd5cc7af8f2694c41d98dfe69"
+dependencies = [
+ "gdk-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pkg-config",
+ "system-deps",
+]
+
+[[package]]
+name = "gdkx11"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3caa00e14351bebbc8183b3c36690327eb77c49abc2268dd4bd36b856db3fbfe"
+dependencies = [
+ "gdk",
+ "gdkx11-sys",
+ "gio",
+ "glib",
+ "libc",
+ "x11",
+]
+
+[[package]]
+name = "gdkx11-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6e2e7445fe01ac26f11601db260dd8608fe172514eb63b3b5e261ea6b0f4428d"
+dependencies = [
+ "gdk-sys",
+ "glib-sys",
+ "libc",
+ "system-deps",
+ "x11",
+]
+
+[[package]]
+name = "generic-array"
+version = "0.14.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "85649ca51fd72272d7821adaf274ad91c288277713d9c18820d8499a7ff69e9a"
+dependencies = [
+ "typenum",
+ "version_check",
+]
+
+[[package]]
+name = "gethostname"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0176e0459c2e4a1fe232f984bca6890e681076abb9934f6cea7c326f3fc47818"
+dependencies = [
+ "libc",
+ "windows-targets 0.48.5",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.1.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8fc3cb4d91f53b50155bdcfd23f6a4c39ae1969c2ae85982b135750cccaf5fce"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "wasi 0.9.0+wasi-snapshot-preview1",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c4567c8db10ae91089c99af84c68c38da3ec2f087c3f82960bcdbf3656b6f4d7"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "libc",
+ "wasi 0.11.0+wasi-snapshot-preview1",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "43a49c392881ce6d5c3b8cb70f98717b7c07aabbdff06687b9030dbfbe2725f8"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "wasi 0.13.3+wasi-0.2.2",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "gif"
+version = "0.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3fb2d69b19215e18bb912fa30f7ce15846e301408695e44e0ef719f1da9e19f2"
+dependencies = [
+ "color_quant",
+ "weezl",
+]
+
+[[package]]
+name = "gimli"
+version = "0.31.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "07e28edb80900c19c28f1072f2e8aeca7fa06b23cd4169cefe1af5aa3260783f"
+
+[[package]]
+name = "gio"
+version = "0.18.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d4fc8f532f87b79cbc51a79748f16a6828fb784be93145a322fa14d06d354c73"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-util",
+ "gio-sys",
+ "glib",
+ "libc",
+ "once_cell",
+ "pin-project-lite",
+ "smallvec",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "gio-sys"
+version = "0.18.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "37566df850baf5e4cb0dfb78af2e4b9898d817ed9263d1090a2df958c64737d2"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+ "winapi",
+]
+
+[[package]]
+name = "gl_generator"
+version = "0.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a95dfc23a2b4a9a2f5ab41d194f8bfda3cabec42af4e39f08c339eb2a0c124d"
+dependencies = [
+ "khronos_api",
+ "log",
+ "xml-rs",
+]
+
+[[package]]
+name = "glam"
+version = "0.29.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc46dd3ec48fdd8e693a98d2b8bafae273a2d54c1de02a2a7e3d57d501f39677"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "glib"
+version = "0.18.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "233daaf6e83ae6a12a52055f568f9d7cf4671dabb78ff9560ab6da230ce00ee5"
+dependencies = [
+ "bitflags 2.9.0",
+ "futures-channel",
+ "futures-core",
+ "futures-executor",
+ "futures-task",
+ "futures-util",
+ "gio-sys",
+ "glib-macros",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "memchr",
+ "once_cell",
+ "smallvec",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "glib-macros"
+version = "0.18.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0bb0228f477c0900c880fd78c8759b95c7636dbd7842707f49e132378aa2acdc"
+dependencies = [
+ "heck 0.4.1",
+ "proc-macro-crate 2.0.0",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "glib-sys"
+version = "0.18.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "063ce2eb6a8d0ea93d2bf8ba1957e78dbab6be1c2220dd3daca57d5a9d869898"
+dependencies = [
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "glob"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8d1add55171497b4705a648c6b583acafb01d58050a51727785f0b2c8e0a2b2"
+
+[[package]]
+name = "glow"
+version = "0.14.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d51fa363f025f5c111e03f13eda21162faeacb6911fe8caa0c0349f9cf0c4483"
+dependencies = [
+ "js-sys",
+ "slotmap",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "glutin_wgl_sys"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2c4ee00b289aba7a9e5306d57c2d05499b2e5dc427f84ac708bd2c090212cf3e"
+dependencies = [
+ "gl_generator",
+]
+
+[[package]]
+name = "gobject-sys"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0850127b514d1c4a4654ead6dedadb18198999985908e6ffe4436f53c785ce44"
+dependencies = [
+ "glib-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "gpu-alloc"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fbcd2dba93594b227a1f57ee09b8b9da8892c34d55aa332e034a228d0fe6a171"
+dependencies = [
+ "bitflags 2.9.0",
+ "gpu-alloc-types",
+]
+
+[[package]]
+name = "gpu-alloc-types"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "98ff03b468aa837d70984d55f5d3f846f6ec31fe34bbb97c4f85219caeee1ca4"
+dependencies = [
+ "bitflags 2.9.0",
+]
+
+[[package]]
+name = "gpu-allocator"
+version = "0.27.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c151a2a5ef800297b4e79efa4f4bec035c5f51d5ae587287c9b952bdf734cacd"
+dependencies = [
+ "log",
+ "presser",
+ "thiserror 1.0.69",
+ "windows 0.58.0",
+]
+
+[[package]]
+name = "gpu-descriptor"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dcf29e94d6d243368b7a56caa16bc213e4f9f8ed38c4d9557069527b5d5281ca"
+dependencies = [
+ "bitflags 2.9.0",
+ "gpu-descriptor-types",
+ "hashbrown 0.15.4",
+]
+
+[[package]]
+name = "gpu-descriptor-types"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fdf242682df893b86f33a73828fb09ca4b2d3bb6cc95249707fc684d27484b91"
+dependencies = [
+ "bitflags 2.9.0",
+]
+
+[[package]]
+name = "graph-craft"
+version = "0.1.0"
+dependencies = [
+ "bezier-rs",
+ "criterion",
+ "dyn-any",
+ "glam",
+ "graph-craft",
+ "graphene-application-io",
+ "graphene-brush",
+ "graphene-core",
+ "graphene-path-bool",
+ "graphene-raster-nodes",
+ "graphene-svg-renderer",
+ "iai-callgrind",
+ "js-sys",
+ "log",
+ "pretty_assertions",
+ "reqwest",
+ "rustc-hash 2.1.1",
+ "serde",
+ "serde_json",
+ "specta",
+ "tokio",
+ "url",
+ "wasm-bindgen",
+ "web-sys",
+ "wgpu-executor",
+ "winit",
+]
+
+[[package]]
+name = "graphene-application-io"
+version = "0.1.0"
+dependencies = [
+ "dyn-any",
+ "glam",
+ "graphene-core",
+ "log",
+ "serde",
+ "web-sys",
+ "wgpu",
+]
+
+[[package]]
+name = "graphene-brush"
+version = "0.1.0"
+dependencies = [
+ "dyn-any",
+ "glam",
+ "graphene-core",
+ "graphene-raster-nodes",
+ "node-macro",
+ "serde",
+ "tokio",
+]
+
+[[package]]
+name = "graphene-cli"
+version = "0.1.0"
+dependencies = [
+ "chrono",
+ "clap",
+ "fern",
+ "futures",
+ "graph-craft",
+ "graphene-core",
+ "graphene-std",
+ "interpreted-executor",
+ "log",
+ "preprocessor",
+ "tokio",
+ "wgpu",
+ "wgpu-executor",
+]
+
+[[package]]
+name = "graphene-core"
+version = "0.1.0"
+dependencies = [
+ "base64 0.22.1",
+ "bezier-rs",
+ "bytemuck",
+ "ctor",
+ "dyn-any",
+ "glam",
+ "half",
+ "image",
+ "kurbo",
+ "log",
+ "node-macro",
+ "num-derive",
+ "num-traits",
+ "parley",
+ "petgraph 0.7.1",
+ "rand 0.9.0",
+ "rand_chacha 0.9.0",
+ "rustc-hash 2.1.1",
+ "serde",
+ "serde_json",
+ "skrifa 0.32.0",
+ "specta",
+ "tinyvec",
+ "tokio",
+ "wgpu",
+]
+
+[[package]]
+name = "graphene-math-nodes"
+version = "0.1.0"
+dependencies = [
+ "glam",
+ "graphene-core",
+ "log",
+ "math-parser",
+ "node-macro",
+ "rand 0.9.0",
+]
+
+[[package]]
+name = "graphene-path-bool"
+version = "0.1.0"
+dependencies = [
+ "bezier-rs",
+ "dyn-any",
+ "glam",
+ "graphene-core",
+ "log",
+ "node-macro",
+ "path-bool",
+ "serde",
+ "specta",
+]
+
+[[package]]
+name = "graphene-raster-nodes"
+version = "0.1.0"
+dependencies = [
+ "bezier-rs",
+ "bytemuck",
+ "dyn-any",
+ "fastnoise-lite",
+ "futures",
+ "glam",
+ "graphene-core",
+ "image",
+ "ndarray",
+ "node-macro",
+ "rand 0.9.0",
+ "rand_chacha 0.9.0",
+ "serde",
+ "specta",
+ "tokio",
+]
+
+[[package]]
+name = "graphene-std"
+version = "0.1.0"
+dependencies = [
+ "base64 0.22.1",
+ "bytemuck",
+ "dyn-any",
+ "fastnoise-lite",
+ "futures",
+ "glam",
+ "graph-craft",
+ "graphene-application-io",
+ "graphene-brush",
+ "graphene-core",
+ "graphene-math-nodes",
+ "graphene-path-bool",
+ "graphene-raster-nodes",
+ "graphene-svg-renderer",
+ "image",
+ "log",
+ "ndarray",
+ "node-macro",
+ "rand 0.9.0",
+ "rand_chacha 0.9.0",
+ "reqwest",
+ "tokio",
+ "vello",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "wgpu-executor",
+]
+
+[[package]]
+name = "graphene-svg-renderer"
+version = "0.1.0"
+dependencies = [
+ "base64 0.22.1",
+ "bezier-rs",
+ "dyn-any",
+ "glam",
+ "graphene-core",
+ "log",
+ "num-traits",
+ "serde",
+ "usvg",
+ "vello",
+]
+
+[[package]]
+name = "graphite-desktop"
+version = "0.1.0"
+dependencies = [
+ "axum",
+ "chrono",
+ "fern",
+ "futures",
+ "graphite-editor",
+ "log",
+ "ron",
+ "tauri",
+ "tauri-build",
+ "tauri-plugin-http",
+ "tauri-plugin-shell",
+ "tokio",
+]
+
+[[package]]
+name = "graphite-editor"
+version = "0.0.0"
+dependencies = [
+ "bezier-rs",
+ "bitflags 2.9.0",
+ "derivative",
+ "dyn-any",
+ "env_logger",
+ "futures",
+ "glam",
+ "graph-craft",
+ "graphene-std",
+ "graphite-proc-macros",
+ "interpreted-executor",
+ "js-sys",
+ "kurbo",
+ "log",
+ "num_enum",
+ "once_cell",
+ "preprocessor",
+ "ron",
+ "serde",
+ "serde_json",
+ "specta",
+ "spin",
+ "thiserror 2.0.12",
+ "tokio",
+ "usvg",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "wgpu-executor",
+]
+
+[[package]]
+name = "graphite-proc-macros"
+version = "0.0.0"
+dependencies = [
+ "graphite-editor",
+ "proc-macro2",
+ "quote",
+ "serde",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "graphite-wasm"
+version = "0.0.0"
+dependencies = [
+ "graph-craft",
+ "graphene-std",
+ "graphite-editor",
+ "js-sys",
+ "log",
+ "math-parser",
+ "serde",
+ "serde-wasm-bindgen",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "wgpu",
+]
+
+[[package]]
+name = "gtk"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fd56fb197bfc42bd5d2751f4f017d44ff59fbb58140c6b49f9b3b2bdab08506a"
+dependencies = [
+ "atk",
+ "cairo-rs",
+ "field-offset",
+ "futures-channel",
+ "gdk",
+ "gdk-pixbuf",
+ "gio",
+ "glib",
+ "gtk-sys",
+ "gtk3-macros",
+ "libc",
+ "pango",
+ "pkg-config",
+]
+
+[[package]]
+name = "gtk-sys"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f29a1c21c59553eb7dd40e918be54dccd60c52b049b75119d5d96ce6b624414"
+dependencies = [
+ "atk-sys",
+ "cairo-sys-rs",
+ "gdk-pixbuf-sys",
+ "gdk-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "pango-sys",
+ "system-deps",
+]
+
+[[package]]
+name = "gtk3-macros"
+version = "0.18.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "52ff3c5b21f14f0736fed6dcfc0bfb4225ebf5725f3c0209edeec181e4d73e9d"
+dependencies = [
+ "proc-macro-crate 1.3.1",
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "guillotiere"
+version = "0.6.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b62d5865c036cb1393e23c50693df631d3f5d7bcca4c04fe4cc0fd592e74a782"
+dependencies = [
+ "euclid",
+ "svg_fmt",
+]
+
+[[package]]
+name = "h2"
+version = "0.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5017294ff4bb30944501348f6f8e42e6ad28f42c8bbef7a74029aff064a4e3c2"
+dependencies = [
+ "atomic-waker",
+ "bytes",
+ "fnv",
+ "futures-core",
+ "futures-sink",
+ "http",
+ "indexmap 2.7.1",
+ "slab",
+ "tokio",
+ "tokio-util",
+ "tracing",
+]
+
+[[package]]
+name = "half"
+version = "2.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6dd08c532ae367adf81c312a4580bc67f1d0fe8bc9c460520283f4c0ff277888"
+dependencies = [
+ "bytemuck",
+ "cfg-if",
+ "crunchy",
+ "serde",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a9ee70c43aaf417c914396645a0fa852624801b24ebb7ae78fe8272889ac888"
+
+[[package]]
+name = "hashbrown"
+version = "0.15.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5971ac85611da7067dbfcabef3c70ebb5606018acd9e2a3903a0da507521e0d5"
+dependencies = [
+ "allocator-api2",
+ "equivalent",
+ "foldhash",
+]
+
+[[package]]
+name = "heck"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95505c38b4572b2d910cecb0281560f54b440a19336cbbcb27bf6ce6adc6f5a8"
+
+[[package]]
+name = "heck"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2304e00983f87ffb38b55b444b5e3b60a884b5d30c0fca7d82fe33449bbe55ea"
+
+[[package]]
+name = "hermit-abi"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fbf6a919d6cf397374f7dfeeea91d974c7c0a7221d0d0f4f20d859d329e53fcc"
+
+[[package]]
+name = "hermit-abi"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fbd780fe5cc30f81464441920d82ac8740e2e46b29a6fad543ddd075229ce37e"
+
+[[package]]
+name = "hex"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f24254aa9a54b5c858eaee2f5bccdb46aaf0e486a595ed5fd8f86ba55232a70"
+
+[[package]]
+name = "hexf-parse"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dfa686283ad6dd069f105e5ab091b04c62850d3e4cf5d67debad1933f55023df"
+
+[[package]]
+name = "html5ever"
+version = "0.26.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bea68cab48b8459f17cf1c944c67ddc572d272d9f2b274140f223ecb1da4a3b7"
+dependencies = [
+ "log",
+ "mac",
+ "markup5ever",
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+]
+
+[[package]]
+name = "http"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f16ca2af56261c99fba8bac40a10251ce8188205a4c448fbb745a2e4daa76fea"
+dependencies = [
+ "bytes",
+ "fnv",
+ "itoa 1.0.15",
+]
+
+[[package]]
+name = "http-body"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1efedce1fb8e6913f23e0c92de8e62cd5b772a67e7b3946df930a62566c93184"
+dependencies = [
+ "bytes",
+ "http",
+]
+
+[[package]]
+name = "http-body-util"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "793429d76616a256bcb62c2a2ec2bed781c8307e797e2598c50010f2bee2544f"
+dependencies = [
+ "bytes",
+ "futures-util",
+ "http",
+ "http-body",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "httparse"
+version = "1.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6dbf3de79e51f3d586ab4cb9d5c3e2c14aa28ed23d180cf89b4df0454a69cc87"
+
+[[package]]
+name = "httpdate"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df3b46402a9d5adb4c86a0cf463f42e19994e3ee891101b1841f30a545cb49a9"
+
+[[package]]
+name = "humantime"
+version = "2.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9a3a5bfb195931eeb336b2a7b4d761daec841b97f947d34394601737a7bba5e4"
+
+[[package]]
+name = "hyper"
+version = "1.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cc2b571658e38e0c01b1fdca3bbbe93c00d3d71693ff2770043f8c29bc7d6f80"
+dependencies = [
+ "bytes",
+ "futures-channel",
+ "futures-util",
+ "h2",
+ "http",
+ "http-body",
+ "httparse",
+ "httpdate",
+ "itoa 1.0.15",
+ "pin-project-lite",
+ "smallvec",
+ "tokio",
+ "want",
+]
+
+[[package]]
+name = "hyper-rustls"
+version = "0.27.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2d191583f3da1305256f22463b9bb0471acad48a4e534a5218b9963e9c1f59b2"
+dependencies = [
+ "futures-util",
+ "http",
+ "hyper",
+ "hyper-util",
+ "rustls",
+ "rustls-pki-types",
+ "tokio",
+ "tokio-rustls",
+ "tower-service",
+ "webpki-roots",
+]
+
+[[package]]
+name = "hyper-tls"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70206fc6890eaca9fde8a0bf71caa2ddfc9fe045ac9e5c70df101a7dbde866e0"
+dependencies = [
+ "bytes",
+ "http-body-util",
+ "hyper",
+ "hyper-util",
+ "native-tls",
+ "tokio",
+ "tokio-native-tls",
+ "tower-service",
+]
+
+[[package]]
+name = "hyper-util"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df2dcfbe0677734ab2f3ffa7fa7bfd4706bfdc1ef393f2ee30184aed67e631b4"
+dependencies = [
+ "bytes",
+ "futures-channel",
+ "futures-util",
+ "http",
+ "http-body",
+ "hyper",
+ "pin-project-lite",
+ "socket2",
+ "tokio",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "iai-callgrind"
+version = "0.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "283f598a969822c70af13aae1272ba09c97014c7344d3b24652e5b1d7b771c36"
+dependencies = [
+ "bincode",
+ "iai-callgrind-macros",
+ "iai-callgrind-runner",
+]
+
+[[package]]
+name = "iai-callgrind-macros"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "04e2ff2e86bdba764b66d94b65f2caa03da60d971a6930fdc2e67f12582c5bb8"
+dependencies = [
+ "proc-macro-error",
+ "proc-macro2",
+ "quote",
+ "serde",
+ "serde_json",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "iai-callgrind-runner"
+version = "0.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fb92a65def0d3a0ef41029c411dc2ecdd3518708c062f8bd576fd4143be1c56b"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "iana-time-zone"
+version = "0.1.61"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "235e081f3925a06703c2d0117ea8b91f042756fd6e7a6e5d901e8ca1a996b220"
+dependencies = [
+ "android_system_properties",
+ "core-foundation-sys",
+ "iana-time-zone-haiku",
+ "js-sys",
+ "wasm-bindgen",
+ "windows-core 0.52.0",
+]
+
+[[package]]
+name = "iana-time-zone-haiku"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f31827a206f56af32e590ba56d5d2d085f558508192593743f16b2306495269f"
+dependencies = [
+ "cc",
+]
+
+[[package]]
+name = "ico"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cc50b891e4acf8fe0e71ef88ec43ad82ee07b3810ad09de10f1d01f072ed4b98"
+dependencies = [
+ "byteorder",
+ "png",
+]
+
+[[package]]
+name = "icrate"
+version = "0.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "99d3aaff8a54577104bafdf686ff18565c3b6903ca5782a2026ef06e2c7aa319"
+dependencies = [
+ "block2 0.3.0",
+ "dispatch",
+ "objc2 0.4.1",
+]
+
+[[package]]
+name = "icu_collections"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "db2fa452206ebee18c4b5c2274dbf1de17008e874b4dc4f0aea9d01ca79e4526"
+dependencies = [
+ "displaydoc",
+ "yoke",
+ "zerofrom",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13acbb8371917fc971be86fc8057c41a64b521c184808a698c02acc242dbf637"
+dependencies = [
+ "displaydoc",
+ "litemap",
+ "tinystr",
+ "writeable",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid_transform"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "01d11ac35de8e40fdeda00d9e1e9d92525f3f9d887cdd7aa81d727596788b54e"
+dependencies = [
+ "displaydoc",
+ "icu_locid",
+ "icu_locid_transform_data",
+ "icu_provider",
+ "tinystr",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid_transform_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fdc8ff3388f852bede6b579ad4e978ab004f139284d7b28715f773507b946f6e"
+
+[[package]]
+name = "icu_normalizer"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "19ce3e0da2ec68599d193c93d088142efd7f9c5d6fc9b803774855747dc6a84f"
+dependencies = [
+ "displaydoc",
+ "icu_collections",
+ "icu_normalizer_data",
+ "icu_properties",
+ "icu_provider",
+ "smallvec",
+ "utf16_iter",
+ "utf8_iter",
+ "write16",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_normalizer_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8cafbf7aa791e9b22bec55a167906f9e1215fd475cd22adfcf660e03e989516"
+
+[[package]]
+name = "icu_properties"
+version = "1.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "93d6020766cfc6302c15dbbc9c8778c37e62c14427cb7f6e601d849e092aeef5"
+dependencies = [
+ "displaydoc",
+ "icu_collections",
+ "icu_locid_transform",
+ "icu_properties_data",
+ "icu_provider",
+ "tinystr",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_properties_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67a8effbc3dd3e4ba1afa8ad918d5684b8868b3b26500753effea8d2eed19569"
+
+[[package]]
+name = "icu_provider"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ed421c8a8ef78d3e2dbc98a973be2f3770cb42b606e3ab18d6237c4dfde68d9"
+dependencies = [
+ "displaydoc",
+ "icu_locid",
+ "icu_provider_macros",
+ "stable_deref_trait",
+ "tinystr",
+ "writeable",
+ "yoke",
+ "zerofrom",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_provider_macros"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1ec89e9337638ecdc08744df490b221a7399bf8d164eb52a665454e60e075ad6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "ident_case"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9e0384b61958566e926dc50660321d12159025e767c18e043daf26b70104c39"
+
+[[package]]
+name = "idna"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "686f825264d630750a544639377bae737628043f20d38bbc029e8f29ea968a7e"
+dependencies = [
+ "idna_adapter",
+ "smallvec",
+ "utf8_iter",
+]
+
+[[package]]
+name = "idna_adapter"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "daca1df1c957320b2cf139ac61e7bd64fed304c5040df000a745aa1de3b4ef71"
+dependencies = [
+ "icu_normalizer",
+ "icu_properties",
+]
+
+[[package]]
+name = "image"
+version = "0.25.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd6f44aed642f18953a158afeb30206f4d50da59fbc66ecb53c66488de73563b"
+dependencies = [
+ "bytemuck",
+ "byteorder-lite",
+ "color_quant",
+ "exr",
+ "gif",
+ "image-webp 0.2.1",
+ "num-traits",
+ "png",
+ "qoi",
+ "ravif",
+ "rayon",
+ "rgb",
+ "tiff",
+ "zune-core",
+ "zune-jpeg",
+]
+
+[[package]]
+name = "image-webp"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f79afb8cbee2ef20f59ccd477a218c12a93943d075b492015ecb1bb81f8ee904"
+dependencies = [
+ "byteorder-lite",
+ "quick-error",
+]
+
+[[package]]
+name = "image-webp"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b77d01e822461baa8409e156015a1d91735549f0f2c17691bd2d996bef238f7f"
+dependencies = [
+ "byteorder-lite",
+ "quick-error",
+]
+
+[[package]]
+name = "imagesize"
+version = "0.13.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "edcd27d72f2f071c64249075f42e205ff93c9a4c5f6c6da53e79ed9f9832c285"
+
+[[package]]
+name = "imgref"
+version = "1.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0263a3d970d5c054ed9312c0057b4f3bde9c0b33836d3637361d4a9e6e7a408"
+
+[[package]]
+name = "indexmap"
+version = "1.9.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bd070e393353796e801d209ad339e89596eb4c8d430d18ede6a1cced8fafbd99"
+dependencies = [
+ "autocfg",
+ "hashbrown 0.12.3",
+ "serde",
+]
+
+[[package]]
+name = "indexmap"
+version = "2.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c9c992b02b5b4c94ea26e32fe5bccb7aa7d9f390ab5c1221ff895bc7ea8b652"
+dependencies = [
+ "equivalent",
+ "hashbrown 0.15.4",
+ "serde",
+]
+
+[[package]]
+name = "indoc"
+version = "2.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f4c7245a08504955605670dbf141fceab975f15ca21570696aebe9d2e71576bd"
+
+[[package]]
+name = "infer"
+version = "0.19.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a588916bfdfd92e71cacef98a63d9b1f0d74d6599980d11894290e7ddefffcf7"
+dependencies = [
+ "cfb",
+]
+
+[[package]]
+name = "interpolate_name"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c34819042dc3d3971c46c2190835914dfbe0c3c13f61449b2997f4e9722dfa60"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "interpreted-executor"
+version = "0.1.0"
+dependencies = [
+ "criterion",
+ "dyn-any",
+ "futures",
+ "glam",
+ "graph-craft",
+ "graphene-core",
+ "graphene-path-bool",
+ "graphene-std",
+ "log",
+ "once_cell",
+ "serde",
+ "wgpu-executor",
+]
+
+[[package]]
+name = "ipnet"
+version = "2.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "469fb0b9cefa57e3ef31275ee7cacb78f2fdca44e4765491884a2b119d4eb130"
+
+[[package]]
+name = "is-docker"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "928bae27f42bc99b60d9ac7334e3a21d10ad8f1835a4e12ec3ec0464765ed1b3"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "is-terminal"
+version = "0.4.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e04d7f318608d35d4b61ddd75cbdaee86b023ebe2bd5a66ee0915f0bf93095a9"
+dependencies = [
+ "hermit-abi 0.5.0",
+ "libc",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "is-wsl"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "173609498df190136aa7dea1a91db051746d339e18476eed5ca40521f02d7aa5"
+dependencies = [
+ "is-docker",
+ "once_cell",
+]
+
+[[package]]
+name = "is_terminal_polyfill"
+version = "1.70.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7943c866cc5cd64cbc25b2e01621d07fa8eb2a1a23160ee81ce38704e97b8ecf"
+
+[[package]]
+name = "itertools"
+version = "0.10.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b0fd2260e829bddf4cb6ea802289de2f86d6a7a690192fbe91b3f46e0f2c8473"
+dependencies = [
+ "either",
+]
+
+[[package]]
+name = "itertools"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ba291022dbbd398a455acf126c1e341954079855bc60dfdda641363bd6922569"
+dependencies = [
+ "either",
+]
+
+[[package]]
+name = "itoa"
+version = "0.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b71991ff56294aa922b450139ee08b3bfc70982c6b2c7562771375cf73542dd4"
+
+[[package]]
+name = "itoa"
+version = "1.0.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4a5f13b858c8d314ee3e8f639011f7ccefe71f97f96e50151fb991f267928e2c"
+
+[[package]]
+name = "javascriptcore-rs"
+version = "1.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca5671e9ffce8ffba57afc24070e906da7fc4b1ba66f2cabebf61bf2ea257fcc"
+dependencies = [
+ "bitflags 1.3.2",
+ "glib",
+ "javascriptcore-rs-sys",
+]
+
+[[package]]
+name = "javascriptcore-rs-sys"
+version = "1.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af1be78d14ffa4b75b66df31840478fef72b51f8c2465d4ca7c194da9f7a5124"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "jni"
+version = "0.21.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a87aa2bb7d2af34197c04845522473242e1aa17c12f4935d5856491a7fb8c97"
+dependencies = [
+ "cesu8",
+ "cfg-if",
+ "combine",
+ "jni-sys",
+ "log",
+ "thiserror 1.0.69",
+ "walkdir",
+ "windows-sys 0.45.0",
+]
+
+[[package]]
+name = "jni-sys"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8eaf4bc02d17cbdd7ff4c7438cafcdf7fb9a4613313ad11b4f8fefe7d3fa0130"
+
+[[package]]
+name = "jobserver"
+version = "0.1.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48d1dbcbbeb6a7fec7e059840aa538bd62aaccf972c7346c4d9d2059312853d0"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "jpeg-decoder"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f5d4a7da358eff58addd2877a45865158f0d78c911d43a5784ceb7bbf52833b0"
+
+[[package]]
+name = "js-sys"
+version = "0.3.77"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1cfaf33c695fc6e08064efbc1f72ec937429614f25eef83af942d0e227c3a28f"
+dependencies = [
+ "once_cell",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "json-patch"
+version = "3.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "863726d7afb6bc2590eeff7135d923545e5e964f004c2ccf8716c25e70a86f08"
+dependencies = [
+ "jsonptr",
+ "serde",
+ "serde_json",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "jsonptr"
+version = "0.6.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5dea2b27dd239b2556ed7a25ba842fe47fd602e7fc7433c2a8d6106d4d9edd70"
+dependencies = [
+ "serde",
+ "serde_json",
+]
+
+[[package]]
+name = "keyboard-types"
+version = "0.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b750dcadc39a09dbadd74e118f6dd6598df77fa01df0cfcdc52c28dece74528a"
+dependencies = [
+ "bitflags 2.9.0",
+ "serde",
+ "unicode-segmentation",
+]
+
+[[package]]
+name = "khronos-egl"
+version = "6.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6aae1df220ece3c0ada96b8153459b67eebe9ae9212258bb0134ae60416fdf76"
+dependencies = [
+ "libc",
+ "libloading 0.8.6",
+ "pkg-config",
+]
+
+[[package]]
+name = "khronos_api"
+version = "3.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e2db585e1d738fc771bf08a151420d3ed193d9d895a36df7f6f8a9456b911ddc"
+
+[[package]]
+name = "kuchikiki"
+version = "0.8.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f29e4755b7b995046f510a7520c42b2fed58b77bd94d5a87a8eb43d2fd126da8"
+dependencies = [
+ "cssparser",
+ "html5ever",
+ "indexmap 1.9.3",
+ "matches",
+ "selectors",
+]
+
+[[package]]
+name = "kurbo"
+version = "0.11.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1077d333efea6170d9ccb96d3c3026f300ca0773da4938cc4c811daa6df68b0c"
+dependencies = [
+ "arrayvec",
+ "serde",
+ "smallvec",
+]
+
+[[package]]
+name = "lazy_static"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bbd2bcb4c963f2ddae06a2efc7e9f3591312473c50c6685e1f298068316e66fe"
+
+[[package]]
+name = "lebe"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "03087c2bad5e1034e8cace5926dec053fb3790248370865f5117a7d0213354c8"
+
+[[package]]
+name = "libappindicator"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "03589b9607c868cc7ae54c0b2a22c8dc03dd41692d48f2d7df73615c6a95dc0a"
+dependencies = [
+ "glib",
+ "gtk",
+ "gtk-sys",
+ "libappindicator-sys",
+ "log",
+]
+
+[[package]]
+name = "libappindicator-sys"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6e9ec52138abedcc58dc17a7c6c0c00a2bdb4f3427c7f63fa97fd0d859155caf"
+dependencies = [
+ "gtk-sys",
+ "libloading 0.7.4",
+ "once_cell",
+]
+
+[[package]]
+name = "libc"
+version = "0.2.170"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "875b3680cb2f8f71bdcf9a30f38d48282f5d3c95cbf9b3fa57269bb5d5c06828"
+
+[[package]]
+name = "libfuzzer-sys"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cf78f52d400cf2d84a3a973a78a592b4adc535739e0a5597a0da6f0c357adc75"
+dependencies = [
+ "arbitrary",
+ "cc",
+]
+
+[[package]]
+name = "libloading"
+version = "0.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b67380fd3b2fbe7527a606e18729d21c6f3951633d0500574c4dc22d2d638b9f"
+dependencies = [
+ "cfg-if",
+ "winapi",
+]
+
+[[package]]
+name = "libloading"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fc2f4eb4bc735547cfed7c0a4922cbd04a4655978c09b54f1f7b228750664c34"
+dependencies = [
+ "cfg-if",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "libm"
+version = "0.2.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8355be11b20d696c8f18f6cc018c4e372165b1fa8126cef092399c9951984ffa"
+
+[[package]]
+name = "libredox"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c0ff37bd590ca25063e35af745c343cb7a0271906fb7b37e4813e8f79f00268d"
+dependencies = [
+ "bitflags 2.9.0",
+ "libc",
+ "redox_syscall 0.5.10",
+]
+
+[[package]]
+name = "linux-raw-sys"
+version = "0.4.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d26c52dbd32dccf2d10cac7725f8eae5296885fb5703b261f7d0a0739ec807ab"
+
+[[package]]
+name = "linux-raw-sys"
+version = "0.9.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6db9c683daf087dc577b7506e9695b3d556a9f3849903fa28186283afd6809e9"
+
+[[package]]
+name = "litemap"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "23fb14cb19457329c82206317a5663005a4d404783dc74f4252769b0d5f42856"
+
+[[package]]
+name = "litrs"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b4ce301924b7887e9d637144fdade93f9dfff9b60981d4ac161db09720d39aa5"
+
+[[package]]
+name = "lock_api"
+version = "0.4.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "07af8b9cdd281b7915f413fa73f29ebd5d55d0d3f0155584dade1ff18cea1b17"
+dependencies = [
+ "autocfg",
+ "scopeguard",
+]
+
+[[package]]
+name = "log"
+version = "0.4.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "30bde2b3dc3671ae49d8e2e9f044c7c005836e7a023ee57cffa25ab82764bb9e"
+
+[[package]]
+name = "loop9"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fae87c125b03c1d2c0150c90365d7d6bcc53fb73a9acaef207d2d065860f062"
+dependencies = [
+ "imgref",
+]
+
+[[package]]
+name = "mac"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c41e0c4fef86961ac6d6f8a82609f55f31b05e4fce149ac5710e439df7619ba4"
+
+[[package]]
+name = "malloc_buf"
+version = "0.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62bb907fe88d54d8d9ce32a3cceab4218ed2f6b7d35617cafe9adf84e43919cb"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "markup5ever"
+version = "0.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7a2629bb1404f3d34c2e921f21fd34ba00b206124c81f65c50b43b6aaefeb016"
+dependencies = [
+ "log",
+ "phf 0.10.1",
+ "phf_codegen 0.10.0",
+ "string_cache",
+ "string_cache_codegen",
+ "tendril",
+]
+
+[[package]]
+name = "matches"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2532096657941c2fea9c289d370a250971c689d4f143798ff67113ec042024a5"
+
+[[package]]
+name = "matchit"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47e1ffaa40ddd1f3ed91f717a33c8c0ee23fff369e3aa8772b9605cc1d22f4c3"
+
+[[package]]
+name = "math-parser"
+version = "0.0.0"
+dependencies = [
+ "criterion",
+ "lazy_static",
+ "num-complex",
+ "pest",
+ "pest_derive",
+ "thiserror 2.0.12",
+]
+
+[[package]]
+name = "matrixmultiply"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9380b911e3e96d10c1f415da0876389aaf1b56759054eeb0de7df940c456ba1a"
+dependencies = [
+ "autocfg",
+ "rawpointer",
+]
+
+[[package]]
+name = "maybe-rayon"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ea1f30cedd69f0a2954655f7188c6a834246d2bcf1e315e2ac40c4b24dc9519"
+dependencies = [
+ "cfg-if",
+ "rayon",
+]
+
+[[package]]
+name = "memchr"
+version = "2.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78ca9ab1a0babb1e7d5695e3530886289c18cf2f87ec19a575a0abdce112e3a3"
+
+[[package]]
+name = "memmap2"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fd3f7eed9d3848f8b98834af67102b720745c4ec028fcd0aa0239277e7de374f"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "memoffset"
+version = "0.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "488016bfae457b036d996092f6cb448677611ce4449e970ceaf42695203f218a"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "metal"
+version = "0.29.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7ecfd3296f8c56b7c1f6fbac3c71cefa9d78ce009850c45000015f206dc7fa21"
+dependencies = [
+ "bitflags 2.9.0",
+ "block",
+ "core-graphics-types 0.1.3",
+ "foreign-types 0.5.0",
+ "log",
+ "objc",
+ "paste",
+]
+
+[[package]]
+name = "mime"
+version = "0.3.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6877bb514081ee2a7ff5ef9de3281f14a4dd4bceac4c09388074a6b5df8a139a"
+
+[[package]]
+name = "minimal-lexical"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68354c5c6bd36d73ff3feceb05efa59b6acb7626617f4962be322a825e61f79a"
+
+[[package]]
+name = "miniz_oxide"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e3e04debbb59698c15bacbb6d93584a8c0ca9cc3213cb423d31f760d8843ce5"
+dependencies = [
+ "adler2",
+ "simd-adler32",
+]
+
+[[package]]
+name = "mio"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2886843bf800fba2e3377cff24abf6379b4c4d5c6681eaf9ea5b0d15090450bd"
+dependencies = [
+ "libc",
+ "wasi 0.11.0+wasi-snapshot-preview1",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "muda"
+version = "0.16.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4de14a9b5d569ca68d7c891d613b390cf5ab4f851c77aaa2f9e435555d3d9492"
+dependencies = [
+ "crossbeam-channel",
+ "dpi",
+ "gtk",
+ "keyboard-types",
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation 0.3.1",
+ "once_cell",
+ "png",
+ "serde",
+ "thiserror 2.0.12",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "naga"
+version = "23.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "364f94bc34f61332abebe8cad6f6cd82a5b65cff22c828d05d0968911462ca4f"
+dependencies = [
+ "arrayvec",
+ "bit-set",
+ "bitflags 2.9.0",
+ "cfg_aliases 0.1.1",
+ "codespan-reporting",
+ "hexf-parse",
+ "indexmap 2.7.1",
+ "log",
+ "petgraph 0.6.5",
+ "rustc-hash 1.1.0",
+ "spirv",
+ "termcolor",
+ "thiserror 1.0.69",
+ "unicode-xid",
+]
+
+[[package]]
+name = "native-tls"
+version = "0.2.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87de3442987e9dbec73158d5c715e7ad9072fda936bb03d19d7fa10e00520f0e"
+dependencies = [
+ "libc",
+ "log",
+ "openssl",
+ "openssl-probe",
+ "openssl-sys",
+ "schannel",
+ "security-framework",
+ "security-framework-sys",
+ "tempfile",
+]
+
+[[package]]
+name = "ndarray"
+version = "0.16.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "882ed72dce9365842bf196bdeedf5055305f11fc8c03dee7bb0194a6cad34841"
+dependencies = [
+ "matrixmultiply",
+ "num-complex",
+ "num-integer",
+ "num-traits",
+ "portable-atomic",
+ "portable-atomic-util",
+ "rawpointer",
+]
+
+[[package]]
+name = "ndk"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2076a31b7010b17a38c01907c45b945e8f11495ee4dd588309718901b1f7a5b7"
+dependencies = [
+ "bitflags 2.9.0",
+ "jni-sys",
+ "log",
+ "ndk-sys 0.5.0+25.2.9519653",
+ "num_enum",
+ "raw-window-handle",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "ndk"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c3f42e7bbe13d351b6bead8286a43aac9534b82bd3cc43e47037f012ebfd62d4"
+dependencies = [
+ "bitflags 2.9.0",
+ "jni-sys",
+ "log",
+ "ndk-sys 0.6.0+11769913",
+ "num_enum",
+ "raw-window-handle",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "ndk-context"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "27b02d87554356db9e9a873add8782d4ea6e3e58ea071a9adb9a2e8ddb884a8b"
+
+[[package]]
+name = "ndk-sys"
+version = "0.5.0+25.2.9519653"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c196769dd60fd4f363e11d948139556a344e79d451aeb2fa2fd040738ef7691"
+dependencies = [
+ "jni-sys",
+]
+
+[[package]]
+name = "ndk-sys"
+version = "0.6.0+11769913"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ee6cda3051665f1fb8d9e08fc35c96d5a244fb1be711a03b71118828afc9a873"
+dependencies = [
+ "jni-sys",
+]
+
+[[package]]
+name = "new_debug_unreachable"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "650eef8c711430f1a879fdd01d4745a7deea475becfb90269c06775983bbf086"
+
+[[package]]
+name = "node-macro"
+version = "0.0.0"
+dependencies = [
+ "convert_case 0.7.1",
+ "graphene-core",
+ "indoc",
+ "proc-macro-crate 3.3.0",
+ "proc-macro-error2",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "nodrop"
+version = "0.1.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72ef4a56884ca558e5ddb05a1d1e7e1bfd9a68d9ed024c21704cc98872dae1bb"
+
+[[package]]
+name = "nom"
+version = "7.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d273983c5a657a70a3e8f2a01329822f3b8c8172b73826411a55751e404a0a4a"
+dependencies = [
+ "memchr",
+ "minimal-lexical",
+]
+
+[[package]]
+name = "noop_proc_macro"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0676bb32a98c1a483ce53e500a81ad9c3d5b3f7c920c28c24e9cb0980d0b5bc8"
+
+[[package]]
+name = "num-bigint"
+version = "0.4.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a5e44f723f1133c9deac646763579fdb3ac745e418f2a7af9cd0c431da1f20b9"
+dependencies = [
+ "num-integer",
+ "num-traits",
+]
+
+[[package]]
+name = "num-complex"
+version = "0.4.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "73f88a1307638156682bada9d7604135552957b7818057dcef22705b4d509495"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "num-conv"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "51d515d32fb182ee37cda2ccdcb92950d6a3c2893aa280e540671c2cd0f3b1d9"
+
+[[package]]
+name = "num-derive"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ed3955f1a9c7c0c15e092f9c887db08b1fc683305fdf6eb6684f22555355e202"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "num-integer"
+version = "0.1.46"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7969661fd2958a5cb096e56c8e1ad0444ac2bbcd0061bd28660485a44879858f"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "num-rational"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f83d14da390562dca69fc84082e73e548e1ad308d24accdedd2720017cb37824"
+dependencies = [
+ "num-bigint",
+ "num-integer",
+ "num-traits",
+]
+
+[[package]]
+name = "num-traits"
+version = "0.2.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "071dfc062690e90b734c0b2273ce72ad0ffa95f0c74596bc250dcfd960262841"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "num_enum"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4e613fc340b2220f734a8595782c551f1250e969d87d3be1ae0579e8d4065179"
+dependencies = [
+ "num_enum_derive",
+]
+
+[[package]]
+name = "num_enum_derive"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af1844ef2428cc3e1cb900be36181049ef3d3193c63e43026cfe202983b27a56"
+dependencies = [
+ "proc-macro-crate 3.3.0",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "objc"
+version = "0.2.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "915b1b472bc21c53464d6c8461c9d3af805ba1ef837e1cac254428f4a77177b1"
+dependencies = [
+ "malloc_buf",
+]
+
+[[package]]
+name = "objc-sys"
+version = "0.3.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cdb91bdd390c7ce1a8607f35f3ca7151b65afc0ff5ff3b34fa350f7d7c7e4310"
+
+[[package]]
+name = "objc2"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "559c5a40fdd30eb5e344fbceacf7595a81e242529fb4e21cf5f43fb4f11ff98d"
+dependencies = [
+ "objc-sys",
+ "objc2-encode 3.0.0",
+]
+
+[[package]]
+name = "objc2"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "46a785d4eeff09c14c487497c162e92766fbb3e4059a71840cecc03d9a50b804"
+dependencies = [
+ "objc-sys",
+ "objc2-encode 4.1.0",
+]
+
+[[package]]
+name = "objc2"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "88c6597e14493ab2e44ce58f2fdecf095a51f12ca57bec060a11c57332520551"
+dependencies = [
+ "objc2-encode 4.1.0",
+ "objc2-exception-helper",
+]
+
+[[package]]
+name = "objc2-app-kit"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5906f93257178e2f7ae069efb89fbd6ee94f0592740b5f8a1512ca498814d0fb"
+dependencies = [
+ "bitflags 2.9.0",
+ "block2 0.6.1",
+ "libc",
+ "objc2 0.6.1",
+ "objc2-cloud-kit",
+ "objc2-core-data",
+ "objc2-core-foundation",
+ "objc2-core-graphics",
+ "objc2-core-image",
+ "objc2-foundation 0.3.1",
+ "objc2-quartz-core 0.3.0",
+]
+
+[[package]]
+name = "objc2-cloud-kit"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6c1948a9be5f469deadbd6bcb86ad7ff9e47b4f632380139722f7d9840c0d42c"
+dependencies = [
+ "bitflags 2.9.0",
+ "objc2 0.6.1",
+ "objc2-foundation 0.3.1",
+]
+
+[[package]]
+name = "objc2-core-data"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1f860f8e841f6d32f754836f51e6bc7777cd7e7053cf18528233f6811d3eceb4"
+dependencies = [
+ "bitflags 2.9.0",
+ "objc2 0.6.1",
+ "objc2-foundation 0.3.1",
+]
+
+[[package]]
+name = "objc2-core-foundation"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1c10c2894a6fed806ade6027bcd50662746363a9589d3ec9d9bef30a4e4bc166"
+dependencies = [
+ "bitflags 2.9.0",
+ "dispatch2",
+ "objc2 0.6.1",
+]
+
+[[package]]
+name = "objc2-core-graphics"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8dca602628b65356b6513290a21a6405b4d4027b8b250f0b98dddbb28b7de02"
+dependencies = [
+ "bitflags 2.9.0",
+ "objc2 0.6.1",
+ "objc2-core-foundation",
+ "objc2-io-surface",
+]
+
+[[package]]
+name = "objc2-core-image"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ffa6bea72bf42c78b0b34e89c0bafac877d5f80bf91e159a5d96ea7f693ca56"
+dependencies = [
+ "objc2 0.6.1",
+ "objc2-foundation 0.3.1",
+]
+
+[[package]]
+name = "objc2-core-text"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3ba833d4a1cb1aac330f8c973fd92b6ff1858e4aef5cdd00a255eefb28022fb5"
+dependencies = [
+ "bitflags 2.9.0",
+ "objc2-core-foundation",
+]
+
+[[package]]
+name = "objc2-encode"
+version = "3.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d079845b37af429bfe5dfa76e6d087d788031045b25cfc6fd898486fd9847666"
+
+[[package]]
+name = "objc2-encode"
+version = "4.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ef25abbcd74fb2609453eb695bd2f860d389e457f67dc17cafc8b8cbc89d0c33"
+
+[[package]]
+name = "objc2-exception-helper"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7a1c5fbb72d7735b076bb47b578523aedc40f3c439bea6dfd595c089d79d98a"
+dependencies = [
+ "cc",
+]
+
+[[package]]
+name = "objc2-foundation"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0ee638a5da3799329310ad4cfa62fbf045d5f56e3ef5ba4149e7452dcf89d5a8"
+dependencies = [
+ "bitflags 2.9.0",
+ "block2 0.5.1",
+ "libc",
+ "objc2 0.5.2",
+]
+
+[[package]]
+name = "objc2-foundation"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "900831247d2fe1a09a683278e5384cfb8c80c79fe6b166f9d14bfdde0ea1b03c"
+dependencies = [
+ "bitflags 2.9.0",
+ "block2 0.6.1",
+ "libc",
+ "objc2 0.6.1",
+ "objc2-core-foundation",
+]
+
+[[package]]
+name = "objc2-io-surface"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "161a8b87e32610086e1a7a9e9ec39f84459db7b3a0881c1f16ca5a2605581c19"
+dependencies = [
+ "bitflags 2.9.0",
+ "objc2 0.6.1",
+ "objc2-core-foundation",
+]
+
+[[package]]
+name = "objc2-metal"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dd0cba1276f6023976a406a14ffa85e1fdd19df6b0f737b063b95f6c8c7aadd6"
+dependencies = [
+ "bitflags 2.9.0",
+ "block2 0.5.1",
+ "objc2 0.5.2",
+ "objc2-foundation 0.2.2",
+]
+
+[[package]]
+name = "objc2-quartz-core"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e42bee7bff906b14b167da2bac5efe6b6a07e6f7c0a21a7308d40c960242dc7a"
+dependencies = [
+ "bitflags 2.9.0",
+ "block2 0.5.1",
+ "objc2 0.5.2",
+ "objc2-foundation 0.2.2",
+ "objc2-metal",
+]
+
+[[package]]
+name = "objc2-quartz-core"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6fb3794501bb1bee12f08dcad8c61f2a5875791ad1c6f47faa71a0f033f20071"
+dependencies = [
+ "bitflags 2.9.0",
+ "objc2 0.6.1",
+ "objc2-foundation 0.3.1",
+]
+
+[[package]]
+name = "objc2-ui-kit"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "777a571be14a42a3990d4ebedaeb8b54cd17377ec21b92e8200ac03797b3bee1"
+dependencies = [
+ "bitflags 2.9.0",
+ "objc2 0.6.1",
+ "objc2-core-foundation",
+ "objc2-foundation 0.3.1",
+]
+
+[[package]]
+name = "objc2-web-kit"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b717127e4014b0f9f3e8bba3d3f2acec81f1bde01f656823036e823ed2c94dce"
+dependencies = [
+ "bitflags 2.9.0",
+ "block2 0.6.1",
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation 0.3.1",
+]
+
+[[package]]
+name = "object"
+version = "0.36.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62948e14d923ea95ea2c7c86c71013138b66525b86bdc08d2dcc262bdb497b87"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "once_cell"
+version = "1.20.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "945462a4b81e43c4e3ba96bd7b49d834c6f61198356aa858733bc4acf3cbe62e"
+
+[[package]]
+name = "oorandom"
+version = "11.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d6790f58c7ff633d8771f42965289203411a5e5c68388703c06e14f24770b41e"
+
+[[package]]
+name = "open"
+version = "5.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e2483562e62ea94312f3576a7aca397306df7990b8d89033e18766744377ef95"
+dependencies = [
+ "dunce",
+ "is-wsl",
+ "libc",
+ "pathdiff",
+]
+
+[[package]]
+name = "openssl"
+version = "0.10.72"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fedfea7d58a1f73118430a55da6a286e7b044961736ce96a16a17068ea25e5da"
+dependencies = [
+ "bitflags 2.9.0",
+ "cfg-if",
+ "foreign-types 0.3.2",
+ "libc",
+ "once_cell",
+ "openssl-macros",
+ "openssl-sys",
+]
+
+[[package]]
+name = "openssl-macros"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a948666b637a0f465e8564c73e89d4dde00d72d4d473cc972f390fc3dcee7d9c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "openssl-probe"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d05e27ee213611ffe7d6348b942e8f942b37114c00cc03cec254295a4a17852e"
+
+[[package]]
+name = "openssl-sys"
+version = "0.9.107"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8288979acd84749c744a9014b4382d42b8f7b2592847b5afb2ed29e5d16ede07"
+dependencies = [
+ "cc",
+ "libc",
+ "pkg-config",
+ "vcpkg",
+]
+
+[[package]]
+name = "option-ext"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "04744f49eae99ab78e0d5c0b603ab218f515ea8cfe5a456d7629ad883a3b6e7d"
+
+[[package]]
+name = "orbclient"
+version = "0.3.48"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ba0b26cec2e24f08ed8bb31519a9333140a6599b867dac464bb150bdb796fd43"
+dependencies = [
+ "libredox",
+]
+
+[[package]]
+name = "os_pipe"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5ffd2b0a5634335b135d5728d84c5e0fd726954b87111f7506a61c502280d982"
+dependencies = [
+ "libc",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "owned_ttf_parser"
+version = "0.25.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "22ec719bbf3b2a81c109a4e20b1f129b5566b7dce654bc3872f6a05abf82b2c4"
+dependencies = [
+ "ttf-parser 0.25.1",
+]
+
+[[package]]
+name = "pango"
+version = "0.18.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7ca27ec1eb0457ab26f3036ea52229edbdb74dee1edd29063f5b9b010e7ebee4"
+dependencies = [
+ "gio",
+ "glib",
+ "libc",
+ "once_cell",
+ "pango-sys",
+]
+
+[[package]]
+name = "pango-sys"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "436737e391a843e5933d6d9aa102cb126d501e815b83601365a948a518555dc5"
+dependencies = [
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "parking_lot"
+version = "0.12.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1bf18183cf54e8d6059647fc3063646a1801cf30896933ec2311622cc4b9a27"
+dependencies = [
+ "lock_api",
+ "parking_lot_core",
+]
+
+[[package]]
+name = "parking_lot_core"
+version = "0.9.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e401f977ab385c9e4e3ab30627d6f26d00e2c73eef317493c4ec6d468726cf8"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "redox_syscall 0.5.10",
+ "smallvec",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "parley"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13e57638545cf2ba4c3e72cc5715e53b1880b829cc3dbefda3d1700c58efe723"
+dependencies = [
+ "fontique",
+ "hashbrown 0.15.4",
+ "peniko 0.4.0",
+ "skrifa 0.31.3",
+ "swash",
+]
+
+[[package]]
+name = "paste"
+version = "1.0.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57c0d7b74b563b49d38dae00a0c37d4d6de9b432382b2892f0574ddcae73fd0a"
+
+[[package]]
+name = "path-bool"
+version = "0.1.0"
+dependencies = [
+ "criterion",
+ "glam",
+ "glob",
+ "image",
+ "regex",
+ "resvg",
+ "slotmap",
+ "svg",
+]
+
+[[package]]
+name = "pathdiff"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df94ce210e5bc13cb6651479fa48d14f601d9858cfe0467f43ae157023b938d3"
+
+[[package]]
+name = "peniko"
+version = "0.2.0"
+source = "git+https://github.com/linebender/peniko.git?rev=d114c62#d114c6292dbcfb03e7360692198be423168a0edd"
+dependencies = [
+ "color 0.1.0",
+ "kurbo",
+ "smallvec",
+]
+
+[[package]]
+name = "peniko"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1f9529efd019889b2a205193c14ffb6e2839b54ed9d2720674f10f4b04d87ac9"
+dependencies = [
+ "color 0.3.1",
+ "kurbo",
+ "smallvec",
+]
+
+[[package]]
+name = "percent-encoding"
+version = "2.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3148f5046208a5d56bcfc03053e3ca6334e51da8dfb19b6cdc8b306fae3283e"
+
+[[package]]
+name = "pest"
+version = "2.7.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b7cafe60d6cf8e62e1b9b2ea516a089c008945bb5a275416789e7db0bc199dc"
+dependencies = [
+ "memchr",
+ "thiserror 2.0.12",
+ "ucd-trie",
+]
+
+[[package]]
+name = "pest_derive"
+version = "2.7.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "816518421cfc6887a0d62bf441b6ffb4536fcc926395a69e1a85852d4363f57e"
+dependencies = [
+ "pest",
+ "pest_generator",
+]
+
+[[package]]
+name = "pest_generator"
+version = "2.7.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7d1396fd3a870fc7838768d171b4616d5c91f6cc25e377b673d714567d99377b"
+dependencies = [
+ "pest",
+ "pest_meta",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "pest_meta"
+version = "2.7.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e1e58089ea25d717bfd31fb534e4f3afcc2cc569c70de3e239778991ea3b7dea"
+dependencies = [
+ "once_cell",
+ "pest",
+ "sha2",
+]
+
+[[package]]
+name = "petgraph"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b4c5cc86750666a3ed20bdaf5ca2a0344f9c67674cae0515bec2da16fbaa47db"
+dependencies = [
+ "fixedbitset 0.4.2",
+ "indexmap 2.7.1",
+]
+
+[[package]]
+name = "petgraph"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3672b37090dbd86368a4145bc067582552b29c27377cad4e0a306c97f9bd7772"
+dependencies = [
+ "fixedbitset 0.5.7",
+ "indexmap 2.7.1",
+]
+
+[[package]]
+name = "phf"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3dfb61232e34fcb633f43d12c58f83c1df82962dcdfa565a4e866ffc17dafe12"
+dependencies = [
+ "phf_macros 0.8.0",
+ "phf_shared 0.8.0",
+ "proc-macro-hack",
+]
+
+[[package]]
+name = "phf"
+version = "0.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fabbf1ead8a5bcbc20f5f8b939ee3f5b0f6f281b6ad3468b84656b658b455259"
+dependencies = [
+ "phf_shared 0.10.0",
+]
+
+[[package]]
+name = "phf"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fd6780a80ae0c52cc120a26a1a42c1ae51b247a253e4e06113d23d2c2edd078"
+dependencies = [
+ "phf_macros 0.11.3",
+ "phf_shared 0.11.3",
+]
+
+[[package]]
+name = "phf_codegen"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cbffee61585b0411840d3ece935cce9cb6321f01c45477d30066498cd5e1a815"
+dependencies = [
+ "phf_generator 0.8.0",
+ "phf_shared 0.8.0",
+]
+
+[[package]]
+name = "phf_codegen"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4fb1c3a8bc4dd4e5cfce29b44ffc14bedd2ee294559a294e2a4d4c9e9a6a13cd"
+dependencies = [
+ "phf_generator 0.10.0",
+ "phf_shared 0.10.0",
+]
+
+[[package]]
+name = "phf_generator"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "17367f0cc86f2d25802b2c26ee58a7b23faeccf78a396094c13dced0d0182526"
+dependencies = [
+ "phf_shared 0.8.0",
+ "rand 0.7.3",
+]
+
+[[package]]
+name = "phf_generator"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d5285893bb5eb82e6aaf5d59ee909a06a16737a8970984dd7746ba9283498d6"
+dependencies = [
+ "phf_shared 0.10.0",
+ "rand 0.8.5",
+]
+
+[[package]]
+name = "phf_generator"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c80231409c20246a13fddb31776fb942c38553c51e871f8cbd687a4cfb5843d"
+dependencies = [
+ "phf_shared 0.11.3",
+ "rand 0.8.5",
+]
+
+[[package]]
+name = "phf_macros"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f6fde18ff429ffc8fe78e2bf7f8b7a5a5a6e2a8b58bc5a9ac69198bbda9189c"
+dependencies = [
+ "phf_generator 0.8.0",
+ "phf_shared 0.8.0",
+ "proc-macro-hack",
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+]
+
+[[package]]
+name = "phf_macros"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f84ac04429c13a7ff43785d75ad27569f2951ce0ffd30a3321230db2fc727216"
+dependencies = [
+ "phf_generator 0.11.3",
+ "phf_shared 0.11.3",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "phf_shared"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c00cf8b9eafe68dde5e9eaa2cef8ee84a9336a47d566ec55ca16589633b65af7"
+dependencies = [
+ "siphasher 0.3.11",
+]
+
+[[package]]
+name = "phf_shared"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6796ad771acdc0123d2a88dc428b5e38ef24456743ddb1744ed628f9815c096"
+dependencies = [
+ "siphasher 0.3.11",
+]
+
+[[package]]
+name = "phf_shared"
+version = "0.11.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67eabc2ef2a60eb7faa00097bd1ffdb5bd28e62bf39990626a582201b7a754e5"
+dependencies = [
+ "siphasher 1.0.1",
+]
+
+[[package]]
+name = "pico-args"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5be167a7af36ee22fe3115051bc51f6e6c7054c9348e28deb4f49bd6f705a315"
+
+[[package]]
+name = "pin-project-lite"
+version = "0.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3b3cff922bd51709b605d9ead9aa71031d81447142d828eb4a6eba76fe619f9b"
+
+[[package]]
+name = "pin-utils"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"
+
+[[package]]
+name = "pkg-config"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7edddbd0b52d732b21ad9a5fab5c704c14cd949e5e9a1ec5929a24fded1b904c"
+
+[[package]]
+name = "plist"
+version = "1.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eac26e981c03a6e53e0aee43c113e3202f5581d5360dae7bd2c70e800dd0451d"
+dependencies = [
+ "base64 0.22.1",
+ "indexmap 2.7.1",
+ "quick-xml 0.32.0",
+ "serde",
+ "time",
+]
+
+[[package]]
+name = "plotters"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5aeb6f403d7a4911efb1e33402027fc44f29b5bf6def3effcc22d7bb75f2b747"
+dependencies = [
+ "num-traits",
+ "plotters-backend",
+ "plotters-svg",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "plotters-backend"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df42e13c12958a16b3f7f4386b9ab1f3e7933914ecea48da7139435263a4172a"
+
+[[package]]
+name = "plotters-svg"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "51bae2ac328883f7acdfea3d66a7c35751187f870bc81f94563733a154d7a670"
+dependencies = [
+ "plotters-backend",
+]
+
+[[package]]
+name = "png"
+version = "0.17.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "82151a2fc869e011c153adc57cf2789ccb8d9906ce52c0b39a6b5697749d7526"
+dependencies = [
+ "bitflags 1.3.2",
+ "crc32fast",
+ "fdeflate",
+ "flate2",
+ "miniz_oxide",
+]
+
+[[package]]
+name = "polling"
+version = "3.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a604568c3202727d1507653cb121dbd627a58684eb09a820fd746bee38b4442f"
+dependencies = [
+ "cfg-if",
+ "concurrent-queue",
+ "hermit-abi 0.4.0",
+ "pin-project-lite",
+ "rustix 0.38.44",
+ "tracing",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "portable-atomic"
+version = "1.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "350e9b48cbc6b0e028b0473b114454c6316e57336ee184ceab6e53f72c178b3e"
+
+[[package]]
+name = "portable-atomic-util"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d8a2f0d8d040d7848a709caf78912debcc3f33ee4b3cac47d73d1e1069e83507"
+dependencies = [
+ "portable-atomic",
+]
+
+[[package]]
+name = "powerfmt"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "439ee305def115ba05938db6eb1644ff94165c5ab5e9420d1c1bcedbba909391"
+
+[[package]]
+name = "ppv-lite86"
+version = "0.2.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77957b295656769bb8ad2b6a6b09d897d94f05c41b069aede1fcdaa675eaea04"
+dependencies = [
+ "zerocopy 0.7.35",
+]
+
+[[package]]
+name = "precomputed-hash"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "925383efa346730478fb4838dbe9137d2a47675ad789c546d150a6e1dd4ab31c"
+
+[[package]]
+name = "preprocessor"
+version = "0.1.0"
+dependencies = [
+ "graph-craft",
+ "graphene-std",
+ "interpreted-executor",
+]
+
+[[package]]
+name = "presser"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e8cf8e6a8aa66ce33f63993ffc4ea4271eb5b0530a9002db8455ea6050c77bfa"
+
+[[package]]
+name = "pretty_assertions"
+version = "1.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3ae130e2f271fbc2ac3a40fb1d07180839cdbbe443c7a27e1e3c13c5cac0116d"
+dependencies = [
+ "diff",
+ "yansi",
+]
+
+[[package]]
+name = "proc-macro-crate"
+version = "1.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f4c021e1093a56626774e81216a4ce732a735e5bad4868a03f3ed65ca0c3919"
+dependencies = [
+ "once_cell",
+ "toml_edit 0.19.15",
+]
+
+[[package]]
+name = "proc-macro-crate"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7e8366a6159044a37876a2b9817124296703c586a5c92e2c53751fa06d8d43e8"
+dependencies = [
+ "toml_edit 0.20.7",
+]
+
+[[package]]
+name = "proc-macro-crate"
+version = "3.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "edce586971a4dfaa28950c6f18ed55e0406c1ab88bbce2c6f6293a7aaba73d35"
+dependencies = [
+ "toml_edit 0.22.24",
+]
+
+[[package]]
+name = "proc-macro-error"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "da25490ff9892aab3fcf7c36f08cfb902dd3e71ca0f9f9517bea02a73a5ce38c"
+dependencies = [
+ "proc-macro-error-attr",
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro-error-attr"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a1be40180e52ecc98ad80b184934baf3d0d29f979574e439af5a55274b35f869"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "version_check",
+]
+
+[[package]]
+name = "proc-macro-error-attr2"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "96de42df36bb9bba5542fe9f1a054b8cc87e172759a1868aa05c1f3acc89dfc5"
+dependencies = [
+ "proc-macro2",
+ "quote",
+]
+
+[[package]]
+name = "proc-macro-error2"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "11ec05c52be0a07b08061f7dd003e7d7092e0472bc731b4af7bb1ef876109802"
+dependencies = [
+ "proc-macro-error-attr2",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "proc-macro-hack"
+version = "0.5.20+deprecated"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc375e1527247fe1a97d8b7156678dfe7c1af2fc075c9a4db3690ecd2a148068"
+
+[[package]]
+name = "proc-macro2"
+version = "1.0.94"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a31971752e70b8b2686d7e46ec17fb38dad4051d94024c88df49b667caea9c84"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "profiling"
+version = "1.0.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "afbdc74edc00b6f6a218ca6a5364d6226a259d4b8ea1af4a0ea063f27e179f4d"
+dependencies = [
+ "profiling-procmacros",
+]
+
+[[package]]
+name = "profiling-procmacros"
+version = "1.0.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a65f2e60fbf1063868558d69c6beacf412dc755f9fc020f514b7955fc914fe30"
+dependencies = [
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "psl-types"
+version = "2.0.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "33cb294fe86a74cbcf50d4445b37da762029549ebeea341421c7c70370f86cac"
+
+[[package]]
+name = "publicsuffix"
+version = "2.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6f42ea446cab60335f76979ec15e12619a2165b5ae2c12166bef27d283a9fadf"
+dependencies = [
+ "idna",
+ "psl-types",
+]
+
+[[package]]
+name = "qoi"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f6d64c71eb498fe9eae14ce4ec935c555749aef511cca85b5568910d6e48001"
+dependencies = [
+ "bytemuck",
+]
+
+[[package]]
+name = "quick-error"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a993555f31e5a609f617c12db6250dedcac1b0a85076912c436e6fc9b2c8e6a3"
+
+[[package]]
+name = "quick-xml"
+version = "0.32.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d3a6e5838b60e0e8fa7a43f22ade549a37d61f8bdbe636d0d7816191de969c2"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "quick-xml"
+version = "0.37.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "165859e9e55f79d67b96c5d96f4e88b6f2695a1972849c15a6a3f5c59fc2c003"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "quinn"
+version = "0.11.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62e96808277ec6f97351a2380e6c25114bc9e67037775464979f3037c92d05ef"
+dependencies = [
+ "bytes",
+ "pin-project-lite",
+ "quinn-proto",
+ "quinn-udp",
+ "rustc-hash 2.1.1",
+ "rustls",
+ "socket2",
+ "thiserror 2.0.12",
+ "tokio",
+ "tracing",
+]
+
+[[package]]
+name = "quinn-proto"
+version = "0.11.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a2fe5ef3495d7d2e377ff17b1a8ce2ee2ec2a18cde8b6ad6619d65d0701c135d"
+dependencies = [
+ "bytes",
+ "getrandom 0.2.15",
+ "rand 0.8.5",
+ "ring",
+ "rustc-hash 2.1.1",
+ "rustls",
+ "rustls-pki-types",
+ "slab",
+ "thiserror 2.0.12",
+ "tinyvec",
+ "tracing",
+ "web-time 1.1.0",
+]
+
+[[package]]
+name = "quinn-udp"
+version = "0.5.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e46f3055866785f6b92bc6164b76be02ca8f2eb4b002c0354b28cf4c119e5944"
+dependencies = [
+ "cfg_aliases 0.2.1",
+ "libc",
+ "once_cell",
+ "socket2",
+ "tracing",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "quote"
+version = "1.0.39"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c1f1914ce909e1658d9907913b4b91947430c7d9be598b15a1912935b8c04801"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "rand"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6a6b1679d49b24bbfe0c803429aa1874472f50d9b363131f0e89fc356b544d03"
+dependencies = [
+ "getrandom 0.1.16",
+ "libc",
+ "rand_chacha 0.2.2",
+ "rand_core 0.5.1",
+ "rand_hc",
+ "rand_pcg",
+]
+
+[[package]]
+name = "rand"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34af8d1a0e25924bc5b7c43c079c942339d8f0a8b57c39049bef581b46327404"
+dependencies = [
+ "libc",
+ "rand_chacha 0.3.1",
+ "rand_core 0.6.4",
+]
+
+[[package]]
+name = "rand"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3779b94aeb87e8bd4e834cee3650289ee9e0d5677f976ecdb6d219e5f4f6cd94"
+dependencies = [
+ "rand_chacha 0.9.0",
+ "rand_core 0.9.3",
+ "zerocopy 0.8.23",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f4c8ed856279c9737206bf725bf36935d8666ead7aa69b52be55af369d193402"
+dependencies = [
+ "ppv-lite86",
+ "rand_core 0.5.1",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
+dependencies = [
+ "ppv-lite86",
+ "rand_core 0.6.4",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3022b5f1df60f26e1ffddd6c66e8aa15de382ae63b3a0c1bfc0e4d3e3f325cb"
+dependencies = [
+ "ppv-lite86",
+ "rand_core 0.9.3",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "90bde5296fc891b0cef12a6d03ddccc162ce7b2aff54160af9338f8d40df6d19"
+dependencies = [
+ "getrandom 0.1.16",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec0be4795e2f6a28069bec0b5ff3e2ac9bafc99e6a9a7dc3547996c5c816922c"
+dependencies = [
+ "getrandom 0.2.15",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.9.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "99d9a13982dcf210057a8a78572b2217b667c3beacbf3a0d8b454f6f82837d38"
+dependencies = [
+ "getrandom 0.3.1",
+]
+
+[[package]]
+name = "rand_hc"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca3129af7b92a17112d59ad498c6f81eaf463253766b90396d39ea7a39d6613c"
+dependencies = [
+ "rand_core 0.5.1",
+]
+
+[[package]]
+name = "rand_pcg"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "16abd0c1b639e9eb4d7c50c0b8100b0d0f849be2349829c740fe8e6eb4816429"
+dependencies = [
+ "rand_core 0.5.1",
+]
+
+[[package]]
+name = "range-alloc"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c3d6831663a5098ea164f89cff59c6284e95f4e3c76ce9848d4529f5ccca9bde"
+
+[[package]]
+name = "rav1e"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd87ce80a7665b1cce111f8a16c1f3929f6547ce91ade6addf4ec86a8dda5ce9"
+dependencies = [
+ "arbitrary",
+ "arg_enum_proc_macro",
+ "arrayvec",
+ "av1-grain",
+ "bitstream-io",
+ "built",
+ "cfg-if",
+ "interpolate_name",
+ "itertools 0.12.1",
+ "libc",
+ "libfuzzer-sys",
+ "log",
+ "maybe-rayon",
+ "new_debug_unreachable",
+ "noop_proc_macro",
+ "num-derive",
+ "num-traits",
+ "once_cell",
+ "paste",
+ "profiling",
+ "rand 0.8.5",
+ "rand_chacha 0.3.1",
+ "simd_helpers",
+ "system-deps",
+ "thiserror 1.0.69",
+ "v_frame",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "ravif"
+version = "0.11.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2413fd96bd0ea5cdeeb37eaf446a22e6ed7b981d792828721e74ded1980a45c6"
+dependencies = [
+ "avif-serialize",
+ "imgref",
+ "loop9",
+ "quick-error",
+ "rav1e",
+ "rayon",
+ "rgb",
+]
+
+[[package]]
+name = "raw-window-handle"
+version = "0.6.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "20675572f6f24e9e76ef639bc5552774ed45f1c30e2951e1e99c59888861c539"
+
+[[package]]
+name = "rawpointer"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "60a357793950651c4ed0f3f52338f53b2f809f32d83a07f72909fa13e4c6c1e3"
+
+[[package]]
+name = "rayon"
+version = "1.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b418a60154510ca1a002a752ca9714984e21e4241e804d32555251faf8b78ffa"
+dependencies = [
+ "either",
+ "rayon-core",
+]
+
+[[package]]
+name = "rayon-core"
+version = "1.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1465873a3dfdaa8ae7cb14b4383657caab0b3e8a0aa9ae8e04b044854c8dfce2"
+dependencies = [
+ "crossbeam-deque",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "read-fonts"
+version = "0.25.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f6f9e8a4f503e5c8750e4cd3b32a4e090035c46374b305a15c70bad833dca05f"
+dependencies = [
+ "bytemuck",
+ "font-types 0.8.3",
+]
+
+[[package]]
+name = "read-fonts"
+version = "0.29.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "04ca636dac446b5664bd16c069c00a9621806895b8bb02c2dc68542b23b8f25d"
+dependencies = [
+ "bytemuck",
+ "font-types 0.9.0",
+]
+
+[[package]]
+name = "read-fonts"
+version = "0.30.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "192735ef611aac958468e670cb98432c925426f3cb71521fda202130f7388d91"
+dependencies = [
+ "bytemuck",
+ "font-types 0.9.0",
+]
+
+[[package]]
+name = "redox_syscall"
+version = "0.3.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "567664f262709473930a4bf9e51bf2ebf3348f2e748ccc50dea20646858f8f29"
+dependencies = [
+ "bitflags 1.3.2",
+]
+
+[[package]]
+name = "redox_syscall"
+version = "0.5.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b8c0c260b63a8219631167be35e6a988e9554dbd323f8bd08439c8ed1302bd1"
+dependencies = [
+ "bitflags 2.9.0",
+]
+
+[[package]]
+name = "redox_users"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dd6f9d3d47bdd2ad6945c5015a226ec6155d0bcdfd8f7cd29f86b71f8de99d2b"
+dependencies = [
+ "getrandom 0.2.15",
+ "libredox",
+ "thiserror 2.0.12",
+]
+
+[[package]]
+name = "regex"
+version = "1.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b544ef1b4eac5dc2db33ea63606ae9ffcfac26c1416a2806ae0bf5f56b201191"
+dependencies = [
+ "aho-corasick",
+ "memchr",
+ "regex-automata",
+ "regex-syntax",
+]
+
+[[package]]
+name = "regex-automata"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "809e8dc61f6de73b46c85f4c96486310fe304c434cfa43669d7b40f711150908"
+dependencies = [
+ "aho-corasick",
+ "memchr",
+ "regex-syntax",
+]
+
+[[package]]
+name = "regex-syntax"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2b15c43186be67a4fd63bee50d0303afffcef381492ebe2c5d87f324e1b8815c"
+
+[[package]]
+name = "renderdoc-sys"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "19b30a45b0cd0bcca8037f3d0dc3421eaf95327a17cad11964fb8179b4fc4832"
+
+[[package]]
+name = "reqwest"
+version = "0.12.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "43e734407157c3c2034e0258f5e4473ddb361b1e85f95a66690d67264d7cd1da"
+dependencies = [
+ "base64 0.22.1",
+ "bytes",
+ "cookie",
+ "cookie_store",
+ "encoding_rs",
+ "futures-channel",
+ "futures-core",
+ "futures-util",
+ "h2",
+ "http",
+ "http-body",
+ "http-body-util",
+ "hyper",
+ "hyper-rustls",
+ "hyper-tls",
+ "hyper-util",
+ "ipnet",
+ "js-sys",
+ "log",
+ "mime",
+ "native-tls",
+ "once_cell",
+ "percent-encoding",
+ "pin-project-lite",
+ "quinn",
+ "rustls",
+ "rustls-pemfile",
+ "rustls-pki-types",
+ "serde",
+ "serde_json",
+ "serde_urlencoded",
+ "sync_wrapper",
+ "system-configuration",
+ "tokio",
+ "tokio-native-tls",
+ "tokio-rustls",
+ "tokio-util",
+ "tower",
+ "tower-service",
+ "url",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "wasm-streams",
+ "web-sys",
+ "webpki-roots",
+ "windows-registry",
+]
+
+[[package]]
+name = "resvg"
+version = "0.44.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4a325d5e8d1cebddd070b13f44cec8071594ab67d1012797c121f27a669b7958"
+dependencies = [
+ "gif",
+ "image-webp 0.1.3",
+ "log",
+ "pico-args",
+ "rgb",
+ "svgtypes",
+ "tiny-skia",
+ "usvg",
+ "zune-jpeg",
+]
+
+[[package]]
+name = "rgb"
+version = "0.8.50"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57397d16646700483b67d2dd6511d79318f9d057fdbd21a4066aeac8b41d310a"
+dependencies = [
+ "bytemuck",
+]
+
+[[package]]
+name = "ring"
+version = "0.17.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70ac5d832aa16abd7d1def883a8545280c20a60f523a370aa3a9617c2b8550ee"
+dependencies = [
+ "cc",
+ "cfg-if",
+ "getrandom 0.2.15",
+ "libc",
+ "untrusted",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "ron"
+version = "0.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b91f7eff05f748767f183df4320a63d6936e9c6107d97c9e6bdd9784f4289c94"
+dependencies = [
+ "base64 0.21.7",
+ "bitflags 2.9.0",
+ "serde",
+ "serde_derive",
+]
+
+[[package]]
+name = "roxmltree"
+version = "0.20.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6c20b6793b5c2fa6553b250154b78d6d0db37e72700ae35fad9387a46f487c97"
+
+[[package]]
+name = "rustc-demangle"
+version = "0.1.24"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "719b953e2095829ee67db738b3bfa9fa368c94900df327b3f07fe6e794d2fe1f"
+
+[[package]]
+name = "rustc-hash"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "08d43f7aa6b08d49f382cde6a7982047c3426db949b1424bc4b7ec9ae12c6ce2"
+
+[[package]]
+name = "rustc-hash"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "357703d41365b4b27c590e3ed91eabb1b663f07c4c084095e60cbed4362dff0d"
+
+[[package]]
+name = "rustc_version"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfcb3a22ef46e85b45de6ee7e79d063319ebb6594faafcf1c225ea92ab6e9b92"
+dependencies = [
+ "semver",
+]
+
+[[package]]
+name = "rustix"
+version = "0.38.44"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fdb5bc1ae2baa591800df16c9ca78619bf65c0488b41b96ccec5d11220d8c154"
+dependencies = [
+ "bitflags 2.9.0",
+ "errno",
+ "libc",
+ "linux-raw-sys 0.4.15",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "rustix"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dade4812df5c384711475be5fcd8c162555352945401aed22a35bffeab61f657"
+dependencies = [
+ "bitflags 2.9.0",
+ "errno",
+ "libc",
+ "linux-raw-sys 0.9.2",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "rustls"
+version = "0.23.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47796c98c480fce5406ef69d1c76378375492c3b0a0de587be0c1d9feb12f395"
+dependencies = [
+ "once_cell",
+ "ring",
+ "rustls-pki-types",
+ "rustls-webpki",
+ "subtle",
+ "zeroize",
+]
+
+[[package]]
+name = "rustls-pemfile"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dce314e5fee3f39953d46bb63bb8a46d40c2f8fb7cc5a3b6cab2bde9721d6e50"
+dependencies = [
+ "rustls-pki-types",
+]
+
+[[package]]
+name = "rustls-pki-types"
+version = "1.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "917ce264624a4b4db1c364dcc35bfca9ded014d0a958cd47ad3e960e988ea51c"
+dependencies = [
+ "web-time 1.1.0",
+]
+
+[[package]]
+name = "rustls-webpki"
+version = "0.102.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64ca1bc8749bd4cf37b5ce386cc146580777b4e8572c7b97baf22c83f444bee9"
+dependencies = [
+ "ring",
+ "rustls-pki-types",
+ "untrusted",
+]
+
+[[package]]
+name = "rustversion"
+version = "1.0.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eded382c5f5f786b989652c49544c4877d9f015cc22e145a5ea8ea66c2921cd2"
+
+[[package]]
+name = "rustybuzz"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c85d1ccd519e61834798eb52c4e886e8c2d7d698dd3d6ce0b1b47eb8557f1181"
+dependencies = [
+ "bitflags 2.9.0",
+ "bytemuck",
+ "core_maths",
+ "log",
+ "smallvec",
+ "ttf-parser 0.24.1",
+ "unicode-bidi-mirroring",
+ "unicode-ccc",
+ "unicode-properties",
+ "unicode-script",
+]
+
+[[package]]
+name = "ryu"
+version = "1.0.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "28d3b2b1366ec20994f1fd18c3c594f05c5dd4bc44d8bb0c1c632c8d6829481f"
+
+[[package]]
+name = "same-file"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "93fc1dc3aaa9bfed95e02e6eadabb4baf7e3078b0bd1b4d7b6b0b68378900502"
+dependencies = [
+ "winapi-util",
+]
+
+[[package]]
+name = "schannel"
+version = "0.1.27"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1f29ebaa345f945cec9fbbc532eb307f0fdad8161f281b6369539c8d84876b3d"
+dependencies = [
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "schemars"
+version = "0.8.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3fbf2ae1b8bc8e02df939598064d22402220cd5bbcca1c76f7d6a310974d5615"
+dependencies = [
+ "dyn-clone",
+ "indexmap 1.9.3",
+ "schemars_derive",
+ "serde",
+ "serde_json",
+ "url",
+ "uuid",
+]
+
+[[package]]
+name = "schemars_derive"
+version = "0.8.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32e265784ad618884abaea0600a9adf15393368d840e0222d101a072f3f7534d"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "serde_derive_internals",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "scoped-tls"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e1cf6437eb19a8f4a6cc0f7dca544973b0b78843adbfeb3683d1a94a0024a294"
+
+[[package]]
+name = "scopeguard"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "94143f37725109f92c262ed2cf5e59bce7498c01bcc1502d7b9afe439a4e9f49"
+
+[[package]]
+name = "sctk-adwaita"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70b31447ca297092c5a9916fc3b955203157b37c19ca8edde4f52e9843e602c7"
+dependencies = [
+ "ab_glyph",
+ "log",
+ "memmap2",
+ "smithay-client-toolkit",
+ "tiny-skia",
+]
+
+[[package]]
+name = "security-framework"
+version = "2.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "897b2245f0b511c87893af39b033e5ca9cce68824c4d7e7630b5a1d339658d02"
+dependencies = [
+ "bitflags 2.9.0",
+ "core-foundation 0.9.4",
+ "core-foundation-sys",
+ "libc",
+ "security-framework-sys",
+]
+
+[[package]]
+name = "security-framework-sys"
+version = "2.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49db231d56a190491cb4aeda9527f1ad45345af50b0851622a7adb8c03b01c32"
+dependencies = [
+ "core-foundation-sys",
+ "libc",
+]
+
+[[package]]
+name = "selectors"
+version = "0.22.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df320f1889ac4ba6bc0cdc9c9af7af4bd64bb927bccdf32d81140dc1f9be12fe"
+dependencies = [
+ "bitflags 1.3.2",
+ "cssparser",
+ "derive_more",
+ "fxhash",
+ "log",
+ "matches",
+ "phf 0.8.0",
+ "phf_codegen 0.8.0",
+ "precomputed-hash",
+ "servo_arc",
+ "smallvec",
+ "thin-slice",
+]
+
+[[package]]
+name = "semver"
+version = "1.0.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56e6fa9c48d24d85fb3de5ad847117517440f6beceb7798af16b4a87d616b8d0"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "serde"
+version = "1.0.219"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5f0e2c6ed6606019b4e29e69dbaba95b11854410e5347d525002456dbbb786b6"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde-untagged"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "299d9c19d7d466db4ab10addd5703e4c615dec2a5a16dbbafe191045e87ee66e"
+dependencies = [
+ "erased-serde",
+ "serde",
+ "typeid",
+]
+
+[[package]]
+name = "serde-wasm-bindgen"
+version = "0.6.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8302e169f0eddcc139c70f139d19d6467353af16f9fce27e8c30158036a1e16b"
+dependencies = [
+ "js-sys",
+ "serde",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.219"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b0276cf7f2c73365f7157c8123c21cd9a50fbbd844757af28ca1f5925fc2a00"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "serde_derive_internals"
+version = "0.29.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "18d26a20a969b9e3fdf2fc2d9f21eda6c40e2de84c9408bb5d3b05d499aae711"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.140"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "20068b6e96dc6c9bd23e01df8827e6c7e1f2fddd43c21810382803c136b99373"
+dependencies = [
+ "itoa 1.0.15",
+ "memchr",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "serde_path_to_error"
+version = "0.1.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "59fab13f937fa393d08645bf3a84bdfe86e296747b506ada67bb15f10f218b2a"
+dependencies = [
+ "itoa 1.0.15",
+ "serde",
+]
+
+[[package]]
+name = "serde_repr"
+version = "0.1.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "175ee3e80ae9982737ca543e96133087cbd9a485eecc3bc4de9c1a37b47ea59c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "serde_spanned"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87607cb1398ed59d48732e575a4c28a7a8ebf2454b964fe3f224f2afc07909e1"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "serde_urlencoded"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3491c14715ca2294c4d6a88f15e84739788c1d030eed8c110436aafdaa2f3fd"
+dependencies = [
+ "form_urlencoded",
+ "itoa 1.0.15",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "serde_with"
+version = "3.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d6b6f7f2fcb69f747921f79f3926bd1e203fce4fef62c268dd3abfb6d86029aa"
+dependencies = [
+ "base64 0.22.1",
+ "chrono",
+ "hex",
+ "indexmap 1.9.3",
+ "indexmap 2.7.1",
+ "serde",
+ "serde_derive",
+ "serde_json",
+ "serde_with_macros",
+ "time",
+]
+
+[[package]]
+name = "serde_with_macros"
+version = "3.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8d00caa5193a3c8362ac2b73be6b9e768aa5a4b2f721d8f4b339600c3cb51f8e"
+dependencies = [
+ "darling",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "serialize-to-javascript"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c9823f2d3b6a81d98228151fdeaf848206a7855a7a042bbf9bf870449a66cafb"
+dependencies = [
+ "serde",
+ "serde_json",
+ "serialize-to-javascript-impl",
+]
+
+[[package]]
+name = "serialize-to-javascript-impl"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "74064874e9f6a15f04c1f3cb627902d0e6b410abbf36668afa873c61889f1763"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 1.0.109",
+]
+
+[[package]]
+name = "servo_arc"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d98238b800e0d1576d8b6e3de32827c2d74bee68bb97748dcf5071fb53965432"
+dependencies = [
+ "nodrop",
+ "stable_deref_trait",
+]
+
+[[package]]
+name = "sha2"
+version = "0.10.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "793db75ad2bcafc3ffa7c68b215fee268f537982cd901d132f89c6343f3a3dc8"
+dependencies = [
+ "cfg-if",
+ "cpufeatures",
+ "digest",
+]
+
+[[package]]
+name = "shared_child"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09fa9338aed9a1df411814a5b2252f7cd206c55ae9bf2fa763f8de84603aa60c"
+dependencies = [
+ "libc",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "shlex"
+version = "1.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fda2ff0d084019ba4d7c6f371c95d8fd75ce3524c3cb8fb653a3023f6323e64"
+
+[[package]]
+name = "simd-adler32"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d66dc143e6b11c1eddc06d5c423cfc97062865baf299914ab64caa38182078fe"
+
+[[package]]
+name = "simd_helpers"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95890f873bec569a0362c235787f3aca6e1e887302ba4840839bcc6459c42da6"
+dependencies = [
+ "quote",
+]
+
+[[package]]
+name = "simplecss"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7a9c6883ca9c3c7c90e888de77b7a5c849c779d25d74a1269b0218b14e8b136c"
+dependencies = [
+ "log",
+]
+
+[[package]]
+name = "siphasher"
+version = "0.3.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38b58827f4464d87d377d175e90bf58eb00fd8716ff0a62f80356b5e61555d0d"
+
+[[package]]
+name = "siphasher"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56199f7ddabf13fe5074ce809e7d3f42b42ae711800501b5b16ea82ad029c39d"
+
+[[package]]
+name = "skrifa"
+version = "0.26.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8cc1aa86c26dbb1b63875a7180aa0819709b33348eb5b1491e4321fae388179d"
+dependencies = [
+ "bytemuck",
+ "read-fonts 0.25.3",
+]
+
+[[package]]
+name = "skrifa"
+version = "0.31.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dbeb4ca4399663735553a09dd17ce7e49a0a0203f03b706b39628c4d913a8607"
+dependencies = [
+ "bytemuck",
+ "read-fonts 0.29.3",
+]
+
+[[package]]
+name = "skrifa"
+version = "0.32.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6d632b5a73f566303dbeabd344dc3e716fd4ddc9a70d6fc8ea8e6f06617da97"
+dependencies = [
+ "bytemuck",
+ "read-fonts 0.30.1",
+]
+
+[[package]]
+name = "slab"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f92a496fb766b417c996b9c5e57daf2f7ad3b0bebe1ccfca4856390e3d3bb67"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "slotmap"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dbff4acf519f630b3a3ddcfaea6c06b42174d9a44bc70c620e9ed1649d58b82a"
+dependencies = [
+ "version_check",
+]
+
+[[package]]
+name = "smallvec"
+version = "1.15.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67b1b7a3b5fe4f1376887184045fcf45c69e92af734b7aaddc05fb777b6fbd03"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "smithay-client-toolkit"
+version = "0.18.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "922fd3eeab3bd820d76537ce8f582b1cf951eceb5475c28500c7457d9d17f53a"
+dependencies = [
+ "bitflags 2.9.0",
+ "calloop",
+ "calloop-wayland-source",
+ "cursor-icon",
+ "libc",
+ "log",
+ "memmap2",
+ "rustix 0.38.44",
+ "thiserror 1.0.69",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-csd-frame",
+ "wayland-cursor",
+ "wayland-protocols",
+ "wayland-protocols-wlr",
+ "wayland-scanner",
+ "xkeysym",
+]
+
+[[package]]
+name = "smol_str"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dd538fb6910ac1099850255cf94a94df6551fbdd602454387d0adb2d1ca6dead"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "socket2"
+version = "0.5.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c970269d99b64e60ec3bd6ad27270092a5394c4e309314b18ae3fe575695fbe8"
+dependencies = [
+ "libc",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "softbuffer"
+version = "0.4.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "18051cdd562e792cad055119e0cdb2cfc137e44e3987532e0f9659a77931bb08"
+dependencies = [
+ "bytemuck",
+ "cfg_aliases 0.2.1",
+ "core-graphics 0.24.0",
+ "foreign-types 0.5.0",
+ "js-sys",
+ "log",
+ "objc2 0.5.2",
+ "objc2-foundation 0.2.2",
+ "objc2-quartz-core 0.2.2",
+ "raw-window-handle",
+ "redox_syscall 0.5.10",
+ "wasm-bindgen",
+ "web-sys",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "soup3"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "471f924a40f31251afc77450e781cb26d55c0b650842efafc9c6cbd2f7cc4f9f"
+dependencies = [
+ "futures-channel",
+ "gio",
+ "glib",
+ "libc",
+ "soup3-sys",
+]
+
+[[package]]
+name = "soup3-sys"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7ebe8950a680a12f24f15ebe1bf70db7af98ad242d9db43596ad3108aab86c27"
+dependencies = [
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "libc",
+ "system-deps",
+]
+
+[[package]]
+name = "specta"
+version = "2.0.0-rc.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ab7f01e9310a820edd31c80fde3cae445295adde21a3f9416517d7d65015b971"
+dependencies = [
+ "glam",
+ "specta-macros",
+ "thiserror 1.0.69",
+]
+
+[[package]]
+name = "specta-macros"
+version = "2.0.0-rc.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c0074b9e30ed84c6924eb63ad8d2fe71cdc82628525d84b1fcb1f2fd40676517"
+dependencies = [
+ "Inflector",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "spin"
+version = "0.9.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6980e8d7511241f8acf4aebddbb1ff938df5eebe98691418c4468d0b72a96a67"
+dependencies = [
+ "lock_api",
+]
+
+[[package]]
+name = "spirv"
+version = "0.3.0+sdk-1.3.268.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eda41003dc44290527a59b13432d4a0379379fa074b70174882adfbdfd917844"
+dependencies = [
+ "bitflags 2.9.0",
+]
+
+[[package]]
+name = "stable_deref_trait"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8f112729512f8e442d81f95a8a7ddf2b7c6b8a1a6f509a95864142b30cab2d3"
+
+[[package]]
+name = "static_assertions"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
+
+[[package]]
+name = "strict-num"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6637bab7722d379c8b41ba849228d680cc12d0a45ba1fa2b48f2a30577a06731"
+dependencies = [
+ "float-cmp",
+]
+
+[[package]]
+name = "string_cache"
+version = "0.8.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf776ba3fa74f83bf4b63c3dcbbf82173db2632ed8452cb2d891d33f459de70f"
+dependencies = [
+ "new_debug_unreachable",
+ "parking_lot",
+ "phf_shared 0.11.3",
+ "precomputed-hash",
+ "serde",
+]
+
+[[package]]
+name = "string_cache_codegen"
+version = "0.5.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c711928715f1fe0fe509c53b43e993a9a557babc2d0a3567d0a3006f1ac931a0"
+dependencies = [
+ "phf_generator 0.11.3",
+ "phf_shared 0.11.3",
+ "proc-macro2",
+ "quote",
+]
+
+[[package]]
+name = "strsim"
+version = "0.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7da8b5736845d9f2fcb837ea5d9e2628564b3b043a70948a3f0b778838c5fb4f"
+
+[[package]]
+name = "subtle"
+version = "2.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13c2bddecc57b384dee18652358fb23172facb8a2c51ccc10d74c157bdea3292"
+
+[[package]]
+name = "svg"
+version = "0.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "94afda9cd163c04f6bee8b4bf2501c91548deae308373c436f36aeff3cf3c4a3"
+
+[[package]]
+name = "svg_fmt"
+version = "0.4.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ce5d813d71d82c4cbc1742135004e4a79fd870214c155443451c139c9470a0aa"
+
+[[package]]
+name = "svgtypes"
+version = "0.15.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68c7541fff44b35860c1a7a47a7cadf3e4a304c457b58f9870d9706ece028afc"
+dependencies = [
+ "kurbo",
+ "siphasher 1.0.1",
+]
+
+[[package]]
+name = "swash"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f745de914febc7c9ab4388dfaf94bbc87e69f57bb41133a9b0c84d4be49856f3"
+dependencies = [
+ "skrifa 0.31.3",
+ "yazi",
+ "zeno",
+]
+
+[[package]]
+name = "swift-rs"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4057c98e2e852d51fdcfca832aac7b571f6b351ad159f9eda5db1655f8d0c4d7"
+dependencies = [
+ "base64 0.21.7",
+ "serde",
+ "serde_json",
+]
+
+[[package]]
+name = "syn"
+version = "1.0.109"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b64191b275b66ffe2469e8af2c1cfe3bafa67b529ead792a6d0160888b4237"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "syn"
+version = "2.0.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e02e925281e18ffd9d640e234264753c43edc62d64b2d4cf898f1bc5e75f3fc2"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "sync_wrapper"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0bf256ce5efdfa370213c1dabab5935a12e49f2c58d15e9eac2870d3b4f27263"
+dependencies = [
+ "futures-core",
+]
+
+[[package]]
+name = "synstructure"
+version = "0.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8af7666ab7b6390ab78131fb5b0fce11d6b7a6951602017c35fa82800708971"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "system-configuration"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c879d448e9d986b661742763247d3693ed13609438cf3d006f51f5368a5ba6b"
+dependencies = [
+ "bitflags 2.9.0",
+ "core-foundation 0.9.4",
+ "system-configuration-sys",
+]
+
+[[package]]
+name = "system-configuration-sys"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e1d1b10ced5ca923a1fcb8d03e96b8d3268065d724548c0211415ff6ac6bac4"
+dependencies = [
+ "core-foundation-sys",
+ "libc",
+]
+
+[[package]]
+name = "system-deps"
+version = "6.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a3e535eb8dded36d55ec13eddacd30dec501792ff23a0b1682c38601b8cf2349"
+dependencies = [
+ "cfg-expr",
+ "heck 0.5.0",
+ "pkg-config",
+ "toml",
+ "version-compare",
+]
+
+[[package]]
+name = "tao"
+version = "0.32.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "63c8b1020610b9138dd7b1e06cf259ae91aa05c30f3bd0d6b42a03997b92dec1"
+dependencies = [
+ "bitflags 2.9.0",
+ "core-foundation 0.10.0",
+ "core-graphics 0.24.0",
+ "crossbeam-channel",
+ "dispatch",
+ "dlopen2",
+ "dpi",
+ "gdkwayland-sys",
+ "gdkx11-sys",
+ "gtk",
+ "jni",
+ "lazy_static",
+ "libc",
+ "log",
+ "ndk 0.9.0",
+ "ndk-context",
+ "ndk-sys 0.6.0+11769913",
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "objc2-foundation 0.3.1",
+ "once_cell",
+ "parking_lot",
+ "raw-window-handle",
+ "scopeguard",
+ "tao-macros",
+ "unicode-segmentation",
+ "url",
+ "windows 0.60.0",
+ "windows-core 0.60.1",
+ "windows-version",
+ "x11-dl",
+]
+
+[[package]]
+name = "tao-macros"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f4e16beb8b2ac17db28eab8bca40e62dbfbb34c0fcdc6d9826b11b7b5d047dfd"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "target-lexicon"
+version = "0.12.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "61c41af27dd6d1e27b1b16b489db798443478cef1f06a660c96db617ba5de3b1"
+
+[[package]]
+name = "tauri"
+version = "2.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4d08db1ff9e011e04014e737ec022610d756c0eae0b3b3a9037bccaf3003173a"
+dependencies = [
+ "anyhow",
+ "bytes",
+ "dirs",
+ "dunce",
+ "embed_plist",
+ "futures-util",
+ "getrandom 0.2.15",
+ "glob",
+ "gtk",
+ "heck 0.5.0",
+ "http",
+ "jni",
+ "libc",
+ "log",
+ "mime",
+ "muda",
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "objc2-foundation 0.3.1",
+ "percent-encoding",
+ "plist",
+ "raw-window-handle",
+ "reqwest",
+ "serde",
+ "serde_json",
+ "serde_repr",
+ "serialize-to-javascript",
+ "swift-rs",
+ "tauri-build",
+ "tauri-macros",
+ "tauri-runtime",
+ "tauri-runtime-wry",
+ "tauri-utils",
+ "thiserror 2.0.12",
+ "tokio",
+ "tray-icon",
+ "url",
+ "urlpattern",
+ "webkit2gtk",
+ "webview2-com",
+ "window-vibrancy",
+ "windows 0.60.0",
+]
+
+[[package]]
+name = "tauri-build"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fd20e4661c2cce65343319e6e8da256958f5af958cafc47c0d0af66a55dcd17"
+dependencies = [
+ "anyhow",
+ "cargo_toml",
+ "dirs",
+ "glob",
+ "heck 0.5.0",
+ "json-patch",
+ "schemars",
+ "semver",
+ "serde",
+ "serde_json",
+ "tauri-utils",
+ "tauri-winres",
+ "toml",
+ "walkdir",
+]
+
+[[package]]
+name = "tauri-codegen"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "458258b19032450ccf975840116ecf013e539eadbb74420bd890e8c56ab2b1a4"
+dependencies = [
+ "base64 0.22.1",
+ "brotli",
+ "ico",
+ "json-patch",
+ "plist",
+ "png",
+ "proc-macro2",
+ "quote",
+ "semver",
+ "serde",
+ "serde_json",
+ "sha2",
+ "syn 2.0.99",
+ "tauri-utils",
+ "thiserror 2.0.12",
+ "time",
+ "url",
+ "uuid",
+ "walkdir",
+]
+
+[[package]]
+name = "tauri-macros"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d402813d3b9c773a0fa58697c457c771f10e735498fdcb7b343264d18e5a601f"
+dependencies = [
+ "heck 0.5.0",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+ "tauri-codegen",
+ "tauri-utils",
+]
+
+[[package]]
+name = "tauri-plugin"
+version = "2.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a4190775d6ff73fe66d9af44c012739a2659720efd9c0e1e56a918678038699d"
+dependencies = [
+ "anyhow",
+ "glob",
+ "plist",
+ "schemars",
+ "serde",
+ "serde_json",
+ "tauri-utils",
+ "toml",
+ "walkdir",
+]
+
+[[package]]
+name = "tauri-plugin-fs"
+version = "2.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "88371e340ad2f07409a3b68294abe73f20bc9c1bc1b631a31dc37a3d0161f682"
+dependencies = [
+ "anyhow",
+ "dunce",
+ "glob",
+ "percent-encoding",
+ "schemars",
+ "serde",
+ "serde_json",
+ "serde_repr",
+ "tauri",
+ "tauri-plugin",
+ "tauri-utils",
+ "thiserror 2.0.12",
+ "toml",
+ "url",
+ "uuid",
+]
+
+[[package]]
+name = "tauri-plugin-http"
+version = "2.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "40dcd6c922a1885e1f0bcebc6768fec6e005bd4b9001c5d90a2f5d4cab297729"
+dependencies = [
+ "bytes",
+ "cookie_store",
+ "data-url",
+ "http",
+ "regex",
+ "reqwest",
+ "schemars",
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-plugin",
+ "tauri-plugin-fs",
+ "thiserror 2.0.12",
+ "tokio",
+ "url",
+ "urlpattern",
+]
+
+[[package]]
+name = "tauri-plugin-shell"
+version = "2.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "69d5eb3368b959937ad2aeaf6ef9a8f5d11e01ffe03629d3530707bbcb27ff5d"
+dependencies = [
+ "encoding_rs",
+ "log",
+ "open",
+ "os_pipe",
+ "regex",
+ "schemars",
+ "serde",
+ "serde_json",
+ "shared_child",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.12",
+ "tokio",
+]
+
+[[package]]
+name = "tauri-runtime"
+version = "2.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "00ada7ac2f9276f09b8c3afffd3215fd5d9bff23c22df8a7c70e7ef67cacd532"
+dependencies = [
+ "cookie",
+ "dpi",
+ "gtk",
+ "http",
+ "jni",
+ "raw-window-handle",
+ "serde",
+ "serde_json",
+ "tauri-utils",
+ "thiserror 2.0.12",
+ "url",
+ "windows 0.60.0",
+]
+
+[[package]]
+name = "tauri-runtime-wry"
+version = "2.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cf2e5842c57e154af43a20a49c7efee0ce2578c20b4c2bdf266852b422d2e421"
+dependencies = [
+ "gtk",
+ "http",
+ "jni",
+ "log",
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "objc2-foundation 0.3.1",
+ "once_cell",
+ "percent-encoding",
+ "raw-window-handle",
+ "softbuffer",
+ "tao",
+ "tauri-runtime",
+ "tauri-utils",
+ "url",
+ "webkit2gtk",
+ "webview2-com",
+ "windows 0.60.0",
+ "wry",
+]
+
+[[package]]
+name = "tauri-utils"
+version = "2.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1f037e66c7638cc0a2213f61566932b9a06882b8346486579c90e4b019bac447"
+dependencies = [
+ "anyhow",
+ "brotli",
+ "cargo_metadata",
+ "ctor",
+ "dunce",
+ "glob",
+ "html5ever",
+ "http",
+ "infer",
+ "json-patch",
+ "kuchikiki",
+ "log",
+ "memchr",
+ "phf 0.11.3",
+ "proc-macro2",
+ "quote",
+ "regex",
+ "schemars",
+ "semver",
+ "serde",
+ "serde-untagged",
+ "serde_json",
+ "serde_with",
+ "swift-rs",
+ "thiserror 2.0.12",
+ "toml",
+ "url",
+ "urlpattern",
+ "uuid",
+ "walkdir",
+]
+
+[[package]]
+name = "tauri-winres"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56eaa45f707bedf34d19312c26d350bc0f3c59a47e58e8adbeecdc850d2c13a0"
+dependencies = [
+ "embed-resource",
+ "toml",
+]
+
+[[package]]
+name = "tempfile"
+version = "3.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2c317e0a526ee6120d8dabad239c8dadca62b24b6f168914bbbc8e2fb1f0e567"
+dependencies = [
+ "cfg-if",
+ "fastrand",
+ "getrandom 0.3.1",
+ "once_cell",
+ "rustix 1.0.1",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "tendril"
+version = "0.4.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d24a120c5fc464a3458240ee02c299ebcb9d67b5249c8848b09d639dca8d7bb0"
+dependencies = [
+ "futf",
+ "mac",
+ "utf-8",
+]
+
+[[package]]
+name = "termcolor"
+version = "1.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "06794f8f6c5c898b3275aebefa6b8a1cb24cd2c6c79397ab15774837a0bc5755"
+dependencies = [
+ "winapi-util",
+]
+
+[[package]]
+name = "thin-slice"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8eaa81235c7058867fa8c0e7314f33dcce9c215f535d1913822a2b3f5e289f3c"
+
+[[package]]
+name = "thiserror"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6aaf5339b578ea85b50e080feb250a3e8ae8cfcdff9a461c9ec2904bc923f52"
+dependencies = [
+ "thiserror-impl 1.0.69",
+]
+
+[[package]]
+name = "thiserror"
+version = "2.0.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "567b8a2dae586314f7be2a752ec7474332959c6460e02bde30d702a66d488708"
+dependencies = [
+ "thiserror-impl 2.0.12",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4fee6c4efc90059e10f81e6d42c60a18f76588c3d74cb83a0b242a2b6c7504c1"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "2.0.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f7cf42b4507d8ea322120659672cf1b9dbb93f8f2d4ecfd6e51350ff5b17a1d"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "tiff"
+version = "0.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ba1310fcea54c6a9a4fd1aad794ecc02c31682f6bfbecdf460bf19533eed1e3e"
+dependencies = [
+ "flate2",
+ "jpeg-decoder",
+ "weezl",
+]
+
+[[package]]
+name = "time"
+version = "0.3.41"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a7619e19bc266e0f9c5e6686659d394bc57973859340060a69221e57dbc0c40"
+dependencies = [
+ "deranged",
+ "itoa 1.0.15",
+ "num-conv",
+ "powerfmt",
+ "serde",
+ "time-core",
+ "time-macros",
+]
+
+[[package]]
+name = "time-core"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c9e9a38711f559d9e3ce1cdb06dd7c5b8ea546bc90052da6d06bb76da74bb07c"
+
+[[package]]
+name = "time-macros"
+version = "0.2.22"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3526739392ec93fd8b359c8e98514cb3e8e021beb4e5f597b00a0221f8ed8a49"
+dependencies = [
+ "num-conv",
+ "time-core",
+]
+
+[[package]]
+name = "tiny-skia"
+version = "0.11.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "83d13394d44dae3207b52a326c0c85a8bf87f1541f23b0d143811088497b09ab"
+dependencies = [
+ "arrayref",
+ "arrayvec",
+ "bytemuck",
+ "cfg-if",
+ "log",
+ "png",
+ "tiny-skia-path",
+]
+
+[[package]]
+name = "tiny-skia-path"
+version = "0.11.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c9e7fc0c2e86a30b117d0462aa261b72b7a99b7ebd7deb3a14ceda95c5bdc93"
+dependencies = [
+ "arrayref",
+ "bytemuck",
+ "strict-num",
+]
+
+[[package]]
+name = "tinystr"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9117f5d4db391c1cf6927e7bea3db74b9a1c1add8f7eda9ffd5364f40f57b82f"
+dependencies = [
+ "displaydoc",
+ "zerovec",
+]
+
+[[package]]
+name = "tinytemplate"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be4d6b5f19ff7664e8c98d03e2139cb510db9b0a60b55f8e8709b689d939b6bc"
+dependencies = [
+ "serde",
+ "serde_json",
+]
+
+[[package]]
+name = "tinyvec"
+version = "1.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09b3661f17e86524eccd4371ab0429194e0d7c008abb45f7a7495b1719463c71"
+dependencies = [
+ "tinyvec_macros",
+]
+
+[[package]]
+name = "tinyvec_macros"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1f3ccbac311fea05f86f61904b462b55fb3df8837a366dfc601a0161d0532f20"
+
+[[package]]
+name = "tokio"
+version = "1.45.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2513ca694ef9ede0fb23fe71a4ee4107cb102b9dc1930f6d0fd77aae068ae165"
+dependencies = [
+ "backtrace",
+ "bytes",
+ "libc",
+ "mio",
+ "pin-project-lite",
+ "socket2",
+ "tokio-macros",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "tokio-macros"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6e06d43f1345a3bcd39f6a56dbb7dcab2ba47e68e8ac134855e7e2bdbaf8cab8"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "tokio-native-tls"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bbae76ab933c85776efabc971569dd6119c580d8f5d448769dec1764bf796ef2"
+dependencies = [
+ "native-tls",
+ "tokio",
+]
+
+[[package]]
+name = "tokio-rustls"
+version = "0.26.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e727b36a1a0e8b74c376ac2211e40c2c8af09fb4013c60d910495810f008e9b"
+dependencies = [
+ "rustls",
+ "tokio",
+]
+
+[[package]]
+name = "tokio-util"
+version = "0.7.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d7fcaa8d55a2bdd6b83ace262b016eca0d79ee02818c5c1bcdf0305114081078"
+dependencies = [
+ "bytes",
+ "futures-core",
+ "futures-sink",
+ "pin-project-lite",
+ "tokio",
+]
+
+[[package]]
+name = "toml"
+version = "0.8.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd87a5cdd6ffab733b2f74bc4fd7ee5fff6634124999ac278c35fc78c6120148"
+dependencies = [
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_edit 0.22.24",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0dd7358ecb8fc2f8d014bf86f6f638ce72ba252a2c3a2572f2a795f1d23efb41"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.19.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b5bb770da30e5cbfde35a2d7b9b8a2c4b8ef89548a7a6aeab5c9a576e3e7421"
+dependencies = [
+ "indexmap 2.7.1",
+ "toml_datetime",
+ "winnow 0.5.40",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.20.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70f427fce4d84c72b5b732388bf4a9f4531b53f74e2887e3ecb2481f68f66d81"
+dependencies = [
+ "indexmap 2.7.1",
+ "toml_datetime",
+ "winnow 0.5.40",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.22.24"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "17b4795ff5edd201c7cd6dca065ae59972ce77d1b80fa0a84d94950ece7d1474"
+dependencies = [
+ "indexmap 2.7.1",
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "winnow 0.7.3",
+]
+
+[[package]]
+name = "tower"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d039ad9159c98b70ecfd540b2573b97f7f52c3e8d9f8ad57a24b916a536975f9"
+dependencies = [
+ "futures-core",
+ "futures-util",
+ "pin-project-lite",
+ "sync_wrapper",
+ "tokio",
+ "tower-layer",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "tower-layer"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "121c2a6cda46980bb0fcd1647ffaf6cd3fc79a013de288782836f6df9c48780e"
+
+[[package]]
+name = "tower-service"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8df9b6e13f2d32c91b9bd719c00d1958837bc7dec474d94952798cc8e69eeec3"
+
+[[package]]
+name = "tracing"
+version = "0.1.41"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "784e0ac535deb450455cbfa28a6f0df145ea1bb7ae51b821cf5e7927fdcfbdd0"
+dependencies = [
+ "log",
+ "pin-project-lite",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-core"
+version = "0.1.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e672c95779cf947c5311f83787af4fa8fffd12fb27e4993211a84bdfd9610f9c"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "tray-icon"
+version = "0.20.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d433764348e7084bad2c5ea22c96c71b61b17afe3a11645710f533bd72b6a2b5"
+dependencies = [
+ "crossbeam-channel",
+ "dirs",
+ "libappindicator",
+ "muda",
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-core-graphics",
+ "objc2-foundation 0.3.1",
+ "once_cell",
+ "png",
+ "serde",
+ "thiserror 2.0.12",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "try-lock"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e421abadd41a4225275504ea4d6566923418b7f05506fbc9c0fe86ba7396114b"
+
+[[package]]
+name = "ttf-parser"
+version = "0.24.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5be21190ff5d38e8b4a2d3b6a3ae57f612cc39c96e83cedeaf7abc338a8bac4a"
+dependencies = [
+ "core_maths",
+]
+
+[[package]]
+name = "ttf-parser"
+version = "0.25.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d2df906b07856748fa3f6e0ad0cbaa047052d4a7dd609e231c4f72cee8c36f31"
+
+[[package]]
+name = "typeid"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bc7d623258602320d5c55d1bc22793b57daff0ec7efc270ea7d55ce1d5f5471c"
+
+[[package]]
+name = "typenum"
+version = "1.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1dccffe3ce07af9386bfd29e80c0ab1a8205a2fc34e4bcd40364df902cfa8f3f"
+
+[[package]]
+name = "ucd-trie"
+version = "0.1.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2896d95c02a80c6d6a5d6e953d479f5ddf2dfdb6a244441010e373ac0fb88971"
+
+[[package]]
+name = "unic-char-property"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8c57a407d9b6fa02b4795eb81c5b6652060a15a7903ea981f3d723e6c0be221"
+dependencies = [
+ "unic-char-range",
+]
+
+[[package]]
+name = "unic-char-range"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0398022d5f700414f6b899e10b8348231abf9173fa93144cbc1a43b9793c1fbc"
+
+[[package]]
+name = "unic-common"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "80d7ff825a6a654ee85a63e80f92f054f904f21e7d12da4e22f9834a4aaa35bc"
+
+[[package]]
+name = "unic-ucd-ident"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e230a37c0381caa9219d67cf063aa3a375ffed5bf541a452db16e744bdab6987"
+dependencies = [
+ "unic-char-property",
+ "unic-char-range",
+ "unic-ucd-version",
+]
+
+[[package]]
+name = "unic-ucd-version"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "96bd2f2237fe450fcd0a1d2f5f4e91711124f7857ba2e964247776ebeeb7b0c4"
+dependencies = [
+ "unic-common",
+]
+
+[[package]]
+name = "unicode-bidi"
+version = "0.3.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c1cb5db39152898a79168971543b1cb5020dff7fe43c8dc468b0885f5e29df5"
+
+[[package]]
+name = "unicode-bidi-mirroring"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64af057ad7466495ca113126be61838d8af947f41d93a949980b2389a118082f"
+
+[[package]]
+name = "unicode-ccc"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "260bc6647b3893a9a90668360803a15f96b85a5257b1c3a0c3daf6ae2496de42"
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a5f39404a5da50712a4c1eecf25e90dd62b613502b7e925fd4e4d19b5c96512"
+
+[[package]]
+name = "unicode-properties"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e70f2a8b45122e719eb623c01822704c4e0907e7e426a05927e1a1cfff5b75d0"
+
+[[package]]
+name = "unicode-script"
+version = "0.5.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9fb421b350c9aff471779e262955939f565ec18b86c15364e6bdf0d662ca7c1f"
+
+[[package]]
+name = "unicode-segmentation"
+version = "1.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f6ccf251212114b54433ec949fd6a7841275f9ada20dddd2f29e9ceea4501493"
+
+[[package]]
+name = "unicode-vo"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b1d386ff53b415b7fe27b50bb44679e2cc4660272694b7b6f3326d8480823a94"
+
+[[package]]
+name = "unicode-width"
+version = "0.1.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7dd6e30e90baa6f72411720665d41d89b9a3d039dc45b8faea1ddd07f617f6af"
+
+[[package]]
+name = "unicode-xid"
+version = "0.2.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ebc1c04c71510c7f702b52b7c350734c9ff1295c464a03335b00bb84fc54f853"
+
+[[package]]
+name = "untrusted"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ecb6da28b8a351d773b68d5825ac39017e680750f980f3a1a85cd8dd28a47c1"
+
+[[package]]
+name = "url"
+version = "2.5.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32f8b686cadd1473f4bd0117a5d28d36b1ade384ea9b5069a1c40aefed7fda60"
+dependencies = [
+ "form_urlencoded",
+ "idna",
+ "percent-encoding",
+ "serde",
+]
+
+[[package]]
+name = "urlpattern"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70acd30e3aa1450bc2eece896ce2ad0d178e9c079493819301573dae3c37ba6d"
+dependencies = [
+ "regex",
+ "serde",
+ "unic-ucd-ident",
+ "url",
+]
+
+[[package]]
+name = "usvg"
+version = "0.44.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7447e703d7223b067607655e625e0dbca80822880248937da65966194c4864e6"
+dependencies = [
+ "base64 0.22.1",
+ "data-url",
+ "flate2",
+ "fontdb",
+ "imagesize",
+ "kurbo",
+ "log",
+ "pico-args",
+ "roxmltree",
+ "rustybuzz",
+ "simplecss",
+ "siphasher 1.0.1",
+ "strict-num",
+ "svgtypes",
+ "tiny-skia-path",
+ "unicode-bidi",
+ "unicode-script",
+ "unicode-vo",
+ "xmlwriter",
+]
+
+[[package]]
+name = "utf-8"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09cc8ee72d2a9becf2f2febe0205bbed8fc6615b7cb429ad062dc7b7ddd036a9"
+
+[[package]]
+name = "utf16_iter"
+version = "1.0.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8232dd3cdaed5356e0f716d285e4b40b932ac434100fe9b7e0e8e935b9e6246"
+
+[[package]]
+name = "utf8_iter"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
+
+[[package]]
+name = "utf8parse"
+version = "0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "06abde3611657adf66d383f00b093d7faecc7fa57071cce2578660c9f1010821"
+
+[[package]]
+name = "uuid"
+version = "1.16.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "458f7a779bf54acc9f347480ac654f68407d3aab21269a6e3c9f922acd9e2da9"
+dependencies = [
+ "getrandom 0.3.1",
+ "serde",
+]
+
+[[package]]
+name = "v_frame"
+version = "0.3.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d6f32aaa24bacd11e488aa9ba66369c7cd514885742c9fe08cfe85884db3e92b"
+dependencies = [
+ "aligned-vec",
+ "num-traits",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "vcpkg"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "accd4ea62f7bb7a82fe23066fb0957d48ef677f6eeb8215f372f52e48bb32426"
+
+[[package]]
+name = "vello"
+version = "0.3.0"
+source = "git+https://github.com/linebender/vello.git?rev=3275ec8#3275ec85d831180be81820de06cca29a97a757f5"
+dependencies = [
+ "bytemuck",
+ "futures-intrusive",
+ "log",
+ "peniko 0.2.0",
+ "png",
+ "skrifa 0.26.6",
+ "static_assertions",
+ "thiserror 2.0.12",
+ "vello_encoding",
+ "vello_shaders",
+ "wgpu",
+]
+
+[[package]]
+name = "vello_encoding"
+version = "0.3.0"
+source = "git+https://github.com/linebender/vello.git?rev=3275ec8#3275ec85d831180be81820de06cca29a97a757f5"
+dependencies = [
+ "bytemuck",
+ "guillotiere",
+ "peniko 0.2.0",
+ "skrifa 0.26.6",
+ "smallvec",
+]
+
+[[package]]
+name = "vello_shaders"
+version = "0.3.0"
+source = "git+https://github.com/linebender/vello.git?rev=3275ec8#3275ec85d831180be81820de06cca29a97a757f5"
+dependencies = [
+ "bytemuck",
+ "naga",
+ "thiserror 2.0.12",
+ "vello_encoding",
+]
+
+[[package]]
+name = "version-compare"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "852e951cb7832cb45cb1169900d19760cfa39b82bc0ea9c0e5a14ae88411c98b"
+
+[[package]]
+name = "version_check"
+version = "0.9.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b928f33d975fc6ad9f86c8f283853ad26bdd5b10b7f1542aa2fa15e2289105a"
+
+[[package]]
+name = "vswhom"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be979b7f07507105799e854203b470ff7c78a1639e330a58f183b5fea574608b"
+dependencies = [
+ "libc",
+ "vswhom-sys",
+]
+
+[[package]]
+name = "vswhom-sys"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fb067e4cbd1ff067d1df46c9194b5de0e98efd2810bbc95c5d5e5f25a3231150"
+dependencies = [
+ "cc",
+ "libc",
+]
+
+[[package]]
+name = "walkdir"
+version = "2.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "29790946404f91d9c5d06f9874efddea1dc06c5efe94541a7d6863108e3a5e4b"
+dependencies = [
+ "same-file",
+ "winapi-util",
+]
+
+[[package]]
+name = "want"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfa7760aed19e106de2c7c0b581b509f2f25d3dacaf737cb82ac61bc6d760b0e"
+dependencies = [
+ "try-lock",
+]
+
+[[package]]
+name = "wasi"
+version = "0.9.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cccddf32554fecc6acb585f82a32a72e28b48f8c4c1883ddfeeeaa96f7d8e519"
+
+[[package]]
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
+
+[[package]]
+name = "wasi"
+version = "0.13.3+wasi-0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "26816d2e1a4a36a2940b96c5296ce403917633dff8f3440e9b236ed6f6bacad2"
+dependencies = [
+ "wit-bindgen-rt",
+]
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1edc8929d7499fc4e8f0be2262a241556cfc54a0bea223790e71446f2aab1ef5"
+dependencies = [
+ "cfg-if",
+ "once_cell",
+ "rustversion",
+ "wasm-bindgen-macro",
+]
+
+[[package]]
+name = "wasm-bindgen-backend"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2f0a0651a5c2bc21487bde11ee802ccaf4c51935d0d3d42a6101f98161700bc6"
+dependencies = [
+ "bumpalo",
+ "log",
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-futures"
+version = "0.4.50"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "555d470ec0bc3bb57890405e5d4322cc9ea83cebb085523ced7be4144dac1e61"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "once_cell",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "wasm-bindgen-macro"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7fe63fc6d09ed3792bd0897b314f53de8e16568c2b3f7982f468c0bf9bd0b407"
+dependencies = [
+ "quote",
+ "wasm-bindgen-macro-support",
+]
+
+[[package]]
+name = "wasm-bindgen-macro-support"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ae87ea40c9f689fc23f209965b6fb8a99ad69aeeb0231408be24920604395de"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+ "wasm-bindgen-backend",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-shared"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a05d73b933a847d6cccdda8f838a22ff101ad9bf93e33684f39c1f5f0eece3d"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "wasm-streams"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "15053d8d85c7eccdbefef60f06769760a563c7f0a9d6902a13d35c7800b0ad65"
+dependencies = [
+ "futures-util",
+ "js-sys",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+]
+
+[[package]]
+name = "wayland-backend"
+version = "0.3.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b7208998eaa3870dad37ec8836979581506e0c5c64c20c9e79e9d2a10d6f47bf"
+dependencies = [
+ "cc",
+ "downcast-rs",
+ "rustix 0.38.44",
+ "scoped-tls",
+ "smallvec",
+ "wayland-sys",
+]
+
+[[package]]
+name = "wayland-client"
+version = "0.31.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c2120de3d33638aaef5b9f4472bff75f07c56379cf76ea320bd3a3d65ecaf73f"
+dependencies = [
+ "bitflags 2.9.0",
+ "rustix 0.38.44",
+ "wayland-backend",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-csd-frame"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "625c5029dbd43d25e6aa9615e88b829a5cad13b2819c4ae129fdbb7c31ab4c7e"
+dependencies = [
+ "bitflags 2.9.0",
+ "cursor-icon",
+ "wayland-backend",
+]
+
+[[package]]
+name = "wayland-cursor"
+version = "0.31.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a93029cbb6650748881a00e4922b076092a6a08c11e7fbdb923f064b23968c5d"
+dependencies = [
+ "rustix 0.38.44",
+ "wayland-client",
+ "xcursor",
+]
+
+[[package]]
+name = "wayland-protocols"
+version = "0.31.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f81f365b8b4a97f422ac0e8737c438024b5951734506b0e1d775c73030561f4"
+dependencies = [
+ "bitflags 2.9.0",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-protocols-plasma"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "23803551115ff9ea9bce586860c5c5a971e360825a0309264102a9495a5ff479"
+dependencies = [
+ "bitflags 2.9.0",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-protocols",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-protocols-wlr"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ad1f61b76b6c2d8742e10f9ba5c3737f6530b4c243132c2a2ccc8aa96fe25cd6"
+dependencies = [
+ "bitflags 2.9.0",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-protocols",
+ "wayland-scanner",
+]
+
+[[package]]
+name = "wayland-scanner"
+version = "0.31.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "896fdafd5d28145fce7958917d69f2fd44469b1d4e861cb5961bcbeebc6d1484"
+dependencies = [
+ "proc-macro2",
+ "quick-xml 0.37.2",
+ "quote",
+]
+
+[[package]]
+name = "wayland-sys"
+version = "0.31.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dbcebb399c77d5aa9fa5db874806ee7b4eba4e73650948e8f93963f128896615"
+dependencies = [
+ "dlib",
+ "log",
+ "once_cell",
+ "pkg-config",
+]
+
+[[package]]
+name = "web-sys"
+version = "0.3.77"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "33b6dd2ef9186f1f2072e409e99cd22a975331a6b3591b12c764e0e55c60d5d2"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "web-time"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa30049b1c872b72c89866d458eae9f20380ab280ffd1b1e18df2d3e2d98cfe0"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "web-time"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a6580f308b1fad9207618087a65c04e7a10bc77e02c8e84e9b00dd4b12fa0bb"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "webkit2gtk"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "76b1bc1e54c581da1e9f179d0b38512ba358fb1af2d634a1affe42e37172361a"
+dependencies = [
+ "bitflags 1.3.2",
+ "cairo-rs",
+ "gdk",
+ "gdk-sys",
+ "gio",
+ "gio-sys",
+ "glib",
+ "glib-sys",
+ "gobject-sys",
+ "gtk",
+ "gtk-sys",
+ "javascriptcore-rs",
+ "libc",
+ "once_cell",
+ "soup3",
+ "webkit2gtk-sys",
+]
+
+[[package]]
+name = "webkit2gtk-sys"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62daa38afc514d1f8f12b8693d30d5993ff77ced33ce30cd04deebc267a6d57c"
+dependencies = [
+ "bitflags 1.3.2",
+ "cairo-sys-rs",
+ "gdk-sys",
+ "gio-sys",
+ "glib-sys",
+ "gobject-sys",
+ "gtk-sys",
+ "javascriptcore-rs-sys",
+ "libc",
+ "pkg-config",
+ "soup3-sys",
+ "system-deps",
+]
+
+[[package]]
+name = "webpki-roots"
+version = "0.26.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2210b291f7ea53617fbafcc4939f10914214ec15aace5ba62293a668f322c5c9"
+dependencies = [
+ "rustls-pki-types",
+]
+
+[[package]]
+name = "webview2-com"
+version = "0.36.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b0d606f600e5272b514dbb66539dd068211cc20155be8d3958201b4b5bd79ed3"
+dependencies = [
+ "webview2-com-macros",
+ "webview2-com-sys",
+ "windows 0.60.0",
+ "windows-core 0.60.1",
+ "windows-implement 0.59.0",
+ "windows-interface 0.59.1",
+]
+
+[[package]]
+name = "webview2-com-macros"
+version = "0.8.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d228f15bba3b9d56dde8bddbee66fa24545bd17b48d5128ccf4a8742b18e431"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "webview2-com-sys"
+version = "0.36.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfb27fccd3c27f68e9a6af1bcf48c2d82534b8675b83608a4d81446d095a17ac"
+dependencies = [
+ "thiserror 2.0.12",
+ "windows 0.60.0",
+ "windows-core 0.60.1",
+]
+
+[[package]]
+name = "weezl"
+version = "0.1.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "53a85b86a771b1c87058196170769dd264f66c0782acf1ae6cc51bfd64b39082"
+
+[[package]]
+name = "wgpu"
+version = "23.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "80f70000db37c469ea9d67defdc13024ddf9a5f1b89cb2941b812ad7cde1735a"
+dependencies = [
+ "arrayvec",
+ "cfg_aliases 0.1.1",
+ "document-features",
+ "js-sys",
+ "log",
+ "naga",
+ "parking_lot",
+ "profiling",
+ "raw-window-handle",
+ "smallvec",
+ "static_assertions",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "wgpu-core",
+ "wgpu-hal",
+ "wgpu-types",
+]
+
+[[package]]
+name = "wgpu-core"
+version = "23.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d63c3c478de8e7e01786479919c8769f62a22eec16788d8c2ac77ce2c132778a"
+dependencies = [
+ "arrayvec",
+ "bit-vec",
+ "bitflags 2.9.0",
+ "bytemuck",
+ "cfg_aliases 0.1.1",
+ "document-features",
+ "indexmap 2.7.1",
+ "log",
+ "naga",
+ "once_cell",
+ "parking_lot",
+ "profiling",
+ "raw-window-handle",
+ "rustc-hash 1.1.0",
+ "smallvec",
+ "thiserror 1.0.69",
+ "wgpu-hal",
+ "wgpu-types",
+]
+
+[[package]]
+name = "wgpu-executor"
+version = "0.1.0"
+dependencies = [
+ "anyhow",
+ "dyn-any",
+ "futures",
+ "glam",
+ "graphene-application-io",
+ "graphene-core",
+ "graphene-svg-renderer",
+ "node-macro",
+ "vello",
+ "web-sys",
+ "wgpu",
+ "winit",
+]
+
+[[package]]
+name = "wgpu-hal"
+version = "23.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "89364b8a0b211adc7b16aeaf1bd5ad4a919c1154b44c9ce27838213ba05fd821"
+dependencies = [
+ "android_system_properties",
+ "arrayvec",
+ "ash",
+ "bit-set",
+ "bitflags 2.9.0",
+ "block",
+ "bytemuck",
+ "cfg_aliases 0.1.1",
+ "core-graphics-types 0.1.3",
+ "glow",
+ "glutin_wgl_sys",
+ "gpu-alloc",
+ "gpu-allocator",
+ "gpu-descriptor",
+ "js-sys",
+ "khronos-egl",
+ "libc",
+ "libloading 0.8.6",
+ "log",
+ "metal",
+ "naga",
+ "ndk-sys 0.5.0+25.2.9519653",
+ "objc",
+ "once_cell",
+ "parking_lot",
+ "profiling",
+ "range-alloc",
+ "raw-window-handle",
+ "renderdoc-sys",
+ "rustc-hash 1.1.0",
+ "smallvec",
+ "thiserror 1.0.69",
+ "wasm-bindgen",
+ "web-sys",
+ "wgpu-types",
+ "windows 0.58.0",
+ "windows-core 0.58.0",
+]
+
+[[package]]
+name = "wgpu-types"
+version = "23.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "610f6ff27778148c31093f3b03abc4840f9636d58d597ca2f5977433acfe0068"
+dependencies = [
+ "bitflags 2.9.0",
+ "js-sys",
+ "web-sys",
+]
+
+[[package]]
+name = "winapi"
+version = "0.3.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c839a674fcd7a98952e593242ea400abe93992746761e38641405d28b00f419"
+dependencies = [
+ "winapi-i686-pc-windows-gnu",
+ "winapi-x86_64-pc-windows-gnu",
+]
+
+[[package]]
+name = "winapi-i686-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6"
+
+[[package]]
+name = "winapi-util"
+version = "0.1.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cf221c93e13a30d793f7645a0e7762c55d169dbb0a49671918a2319d289b10bb"
+dependencies = [
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "winapi-x86_64-pc-windows-gnu"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
+
+[[package]]
+name = "window-vibrancy"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d9bec5a31f3f9362f2258fd0e9c9dd61a9ca432e7306cc78c444258f0dce9a9c"
+dependencies = [
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation 0.3.1",
+ "raw-window-handle",
+ "windows-sys 0.59.0",
+ "windows-version",
+]
+
+[[package]]
+name = "windows"
+version = "0.58.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dd04d41d93c4992d421894c18c8b43496aa748dd4c081bac0dc93eb0489272b6"
+dependencies = [
+ "windows-core 0.58.0",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows"
+version = "0.60.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ddf874e74c7a99773e62b1c671427abf01a425e77c3d3fb9fb1e4883ea934529"
+dependencies = [
+ "windows-collections",
+ "windows-core 0.60.1",
+ "windows-future",
+ "windows-link",
+ "windows-numerics",
+]
+
+[[package]]
+name = "windows-collections"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5467f79cc1ba3f52ebb2ed41dbb459b8e7db636cc3429458d9a852e15bc24dec"
+dependencies = [
+ "windows-core 0.60.1",
+]
+
+[[package]]
+name = "windows-core"
+version = "0.52.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "33ab640c8d7e35bf8ba19b884ba838ceb4fba93a4e8c65a9059d08afcfc683d9"
+dependencies = [
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-core"
+version = "0.58.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ba6d44ec8c2591c134257ce647b7ea6b20335bf6379a27dac5f1641fcf59f99"
+dependencies = [
+ "windows-implement 0.58.0",
+ "windows-interface 0.58.0",
+ "windows-result 0.2.0",
+ "windows-strings 0.1.0",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-core"
+version = "0.60.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ca21a92a9cae9bf4ccae5cf8368dce0837100ddf6e6d57936749e85f152f6247"
+dependencies = [
+ "windows-implement 0.59.0",
+ "windows-interface 0.59.1",
+ "windows-link",
+ "windows-result 0.3.1",
+ "windows-strings 0.3.1",
+]
+
+[[package]]
+name = "windows-future"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a787db4595e7eb80239b74ce8babfb1363d8e343ab072f2ffe901400c03349f0"
+dependencies = [
+ "windows-core 0.60.1",
+ "windows-link",
+]
+
+[[package]]
+name = "windows-implement"
+version = "0.58.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2bbd5b46c938e506ecbce286b6628a02171d56153ba733b6c741fc627ec9579b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "windows-implement"
+version = "0.59.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "83577b051e2f49a058c308f17f273b570a6a758386fc291b5f6a934dd84e48c1"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "windows-interface"
+version = "0.58.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "053c4c462dc91d3b1504c6fe5a726dd15e216ba718e84a0e46a88fbe5ded3515"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "windows-interface"
+version = "0.59.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bd9211b69f8dcdfa817bfd14bf1c97c9188afa36f4750130fcdf3f400eca9fa8"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "windows-link"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6dccfd733ce2b1753b03b6d3c65edf020262ea35e20ccdf3e288043e6dd620e3"
+
+[[package]]
+name = "windows-numerics"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "005dea54e2f6499f2cee279b8f703b3cf3b5734a2d8d21867c8f44003182eeed"
+dependencies = [
+ "windows-core 0.60.1",
+ "windows-link",
+]
+
+[[package]]
+name = "windows-registry"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e400001bb720a623c1c69032f8e3e4cf09984deec740f007dd2b03ec864804b0"
+dependencies = [
+ "windows-result 0.2.0",
+ "windows-strings 0.1.0",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-result"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d1043d8214f791817bab27572aaa8af63732e11bf84aa21a45a78d6c317ae0e"
+dependencies = [
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-result"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "06374efe858fab7e4f881500e6e86ec8bc28f9462c47e5a9941a0142ad86b189"
+dependencies = [
+ "windows-link",
+]
+
+[[package]]
+name = "windows-strings"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4cd9b125c486025df0eabcb585e62173c6c9eddcec5d117d3b6e8c30e2ee4d10"
+dependencies = [
+ "windows-result 0.2.0",
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-strings"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87fa48cc5d406560701792be122a10132491cff9d0aeb23583cc2dcafc847319"
+dependencies = [
+ "windows-link",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.45.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75283be5efb2831d37ea142365f009c02ec203cd29a3ebecbc093d52315b66d0"
+dependencies = [
+ "windows-targets 0.42.2",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.48.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "677d2418bec65e3338edb076e806bc1ec15693c5d0104683f2efe857f61056a9"
+dependencies = [
+ "windows-targets 0.48.5",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.52.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "282be5f36a8ce781fad8c8ae18fa3f9beff57ec1b52cb3de0789201425d9a33d"
+dependencies = [
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.59.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e38bc4d79ed67fd075bcc251a1c39b32a1776bbe92e5bef1f0bf1f8c531853b"
+dependencies = [
+ "windows-targets 0.52.6",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e5180c00cd44c9b1c88adb3693291f1cd93605ded80c250a75d472756b4d071"
+dependencies = [
+ "windows_aarch64_gnullvm 0.42.2",
+ "windows_aarch64_msvc 0.42.2",
+ "windows_i686_gnu 0.42.2",
+ "windows_i686_msvc 0.42.2",
+ "windows_x86_64_gnu 0.42.2",
+ "windows_x86_64_gnullvm 0.42.2",
+ "windows_x86_64_msvc 0.42.2",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9a2fa6e2155d7247be68c096456083145c183cbbbc2764150dda45a87197940c"
+dependencies = [
+ "windows_aarch64_gnullvm 0.48.5",
+ "windows_aarch64_msvc 0.48.5",
+ "windows_i686_gnu 0.48.5",
+ "windows_i686_msvc 0.48.5",
+ "windows_x86_64_gnu 0.48.5",
+ "windows_x86_64_gnullvm 0.48.5",
+ "windows_x86_64_msvc 0.48.5",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b724f72796e036ab90c1021d4780d4d3d648aca59e491e6b98e725b84e99973"
+dependencies = [
+ "windows_aarch64_gnullvm 0.52.6",
+ "windows_aarch64_msvc 0.52.6",
+ "windows_i686_gnu 0.52.6",
+ "windows_i686_gnullvm",
+ "windows_i686_msvc 0.52.6",
+ "windows_x86_64_gnu 0.52.6",
+ "windows_x86_64_gnullvm 0.52.6",
+ "windows_x86_64_msvc 0.52.6",
+]
+
+[[package]]
+name = "windows-version"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7bfbcc4996dd183ff1376a20ade1242da0d2dcaff83cc76710a588d24fd4c5db"
+dependencies = [
+ "windows-link",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "597a5118570b68bc08d8d59125332c54f1ba9d9adeedeef5b99b02ba2b0698f8"
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2b38e32f0abccf9987a4e3079dfb67dcd799fb61361e53e2882c3cbaf0d905d8"
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e08e8864a60f06ef0d0ff4ba04124db8b0fb3be5776a5cd47641e942e58c4d43"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc35310971f3b2dbbf3f0690a219f40e2d9afcf64f9ab7cc1be722937c26b4bc"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c61d927d8da41da96a81f029489353e68739737d3beca43145c8afec9a31a84f"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a75915e7def60c94dcef72200b9a8e58e5091744960da64ec734a6c6e9b3743e"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
+
+[[package]]
+name = "windows_i686_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "44d840b6ec649f480a41c8d80f9c65108b92d89345dd94027bfe06ac444d1060"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f55c233f70c4b27f66c523580f78f1004e8b5a8b659e05a4eb49d4166cca406"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8de912b8b8feb55c064867cf047dda097f92d51efad5b491dfb98f6bbb70cb36"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "53d40abd2583d23e4718fddf1ebec84dbff8381c07cae67ff7768bbf19c6718e"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "26d41b46a36d453748aedef1486d5c7a85db22e56aff34643984ea85514e94a3"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b7b52767868a23d5bab768e390dc5f5c55825b6d30b86c844ff2dc7414044cc"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.42.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9aec5da331524158c6d1a4ac0ab1541149c0b9505fde06423b02f5ef0106b9f0"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.48.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ed94fce61571a4006852b7389a063ab983c02eb1bb37b47f8272ce92d06d9538"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
+
+[[package]]
+name = "winit"
+version = "0.29.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0d59ad965a635657faf09c8f062badd885748428933dad8e8bdd64064d92e5ca"
+dependencies = [
+ "ahash",
+ "android-activity",
+ "atomic-waker",
+ "bitflags 2.9.0",
+ "bytemuck",
+ "calloop",
+ "cfg_aliases 0.1.1",
+ "core-foundation 0.9.4",
+ "core-graphics 0.23.2",
+ "cursor-icon",
+ "icrate",
+ "js-sys",
+ "libc",
+ "log",
+ "memmap2",
+ "ndk 0.8.0",
+ "ndk-sys 0.5.0+25.2.9519653",
+ "objc2 0.4.1",
+ "once_cell",
+ "orbclient",
+ "percent-encoding",
+ "raw-window-handle",
+ "redox_syscall 0.3.5",
+ "rustix 0.38.44",
+ "sctk-adwaita",
+ "smithay-client-toolkit",
+ "smol_str",
+ "unicode-segmentation",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "wayland-backend",
+ "wayland-client",
+ "wayland-protocols",
+ "wayland-protocols-plasma",
+ "web-sys",
+ "web-time 0.2.4",
+ "windows-sys 0.48.0",
+ "x11-dl",
+ "x11rb",
+ "xkbcommon-dl",
+]
+
+[[package]]
+name = "winnow"
+version = "0.5.40"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f593a95398737aeed53e489c785df13f3618e41dbcd6718c6addbf1395aa6876"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "winnow"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0e7f4ea97f6f78012141bcdb6a216b2609f0979ada50b20ca5b52dde2eac2bb1"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "winreg"
+version = "0.52.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a277a57398d4bfa075df44f501a17cfdf8542d224f0d36095a2adc7aee4ef0a5"
+dependencies = [
+ "cfg-if",
+ "windows-sys 0.48.0",
+]
+
+[[package]]
+name = "wit-bindgen-rt"
+version = "0.33.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3268f3d866458b787f390cf61f4bbb563b922d091359f9608842999eaee3943c"
+dependencies = [
+ "bitflags 2.9.0",
+]
+
+[[package]]
+name = "write16"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d1890f4022759daae28ed4fe62859b1236caebfc61ede2f63ed4e695f3f6d936"
+
+[[package]]
+name = "writeable"
+version = "0.5.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e9df38ee2d2c3c5948ea468a8406ff0db0b29ae1ffde1bcf20ef305bcc95c51"
+
+[[package]]
+name = "wry"
+version = "0.50.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b19b78efae8b853c6c817e8752fc1dbf9cab8a8ffe9c30f399bd750ccf0f0730"
+dependencies = [
+ "base64 0.22.1",
+ "block2 0.6.1",
+ "cookie",
+ "crossbeam-channel",
+ "dpi",
+ "dunce",
+ "gdkx11",
+ "gtk",
+ "html5ever",
+ "http",
+ "javascriptcore-rs",
+ "jni",
+ "kuchikiki",
+ "libc",
+ "ndk 0.9.0",
+ "objc2 0.6.1",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation 0.3.1",
+ "objc2-ui-kit",
+ "objc2-web-kit",
+ "once_cell",
+ "percent-encoding",
+ "raw-window-handle",
+ "sha2",
+ "soup3",
+ "tao-macros",
+ "thiserror 2.0.12",
+ "url",
+ "webkit2gtk",
+ "webkit2gtk-sys",
+ "webview2-com",
+ "windows 0.60.0",
+ "windows-core 0.60.1",
+ "windows-version",
+ "x11-dl",
+]
+
+[[package]]
+name = "x11"
+version = "2.21.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "502da5464ccd04011667b11c435cb992822c2c0dbde1770c988480d312a0db2e"
+dependencies = [
+ "libc",
+ "pkg-config",
+]
+
+[[package]]
+name = "x11-dl"
+version = "2.21.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "38735924fedd5314a6e548792904ed8c6de6636285cb9fec04d5b1db85c1516f"
+dependencies = [
+ "libc",
+ "once_cell",
+ "pkg-config",
+]
+
+[[package]]
+name = "x11rb"
+version = "0.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d91ffca73ee7f68ce055750bf9f6eca0780b8c85eff9bc046a3b0da41755e12"
+dependencies = [
+ "as-raw-xcb-connection",
+ "gethostname",
+ "libc",
+ "libloading 0.8.6",
+ "once_cell",
+ "rustix 0.38.44",
+ "x11rb-protocol",
+]
+
+[[package]]
+name = "x11rb-protocol"
+version = "0.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec107c4503ea0b4a98ef47356329af139c0a4f7750e621cf2973cd3385ebcb3d"
+
+[[package]]
+name = "xcursor"
+version = "0.3.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0ef33da6b1660b4ddbfb3aef0ade110c8b8a781a3b6382fa5f2b5b040fd55f61"
+
+[[package]]
+name = "xkbcommon-dl"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d039de8032a9a8856a6be89cea3e5d12fdd82306ab7c94d74e6deab2460651c5"
+dependencies = [
+ "bitflags 2.9.0",
+ "dlib",
+ "log",
+ "once_cell",
+ "xkeysym",
+]
+
+[[package]]
+name = "xkeysym"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b9cc00251562a284751c9973bace760d86c0276c471b4be569fe6b068ee97a56"
+
+[[package]]
+name = "xml-rs"
+version = "0.8.25"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c5b940ebc25896e71dd073bad2dbaa2abfe97b0a391415e22ad1326d9c54e3c4"
+
+[[package]]
+name = "xmlwriter"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec7a2a501ed189703dba8b08142f057e887dfc4b2cc4db2d343ac6376ba3e0b9"
+
+[[package]]
+name = "yansi"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfe53a6657fd280eaa890a3bc59152892ffa3e30101319d168b781ed6529b049"
+
+[[package]]
+name = "yazi"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e01738255b5a16e78bbb83e7fbba0a1e7dd506905cfc53f4622d89015a03fbb5"
+
+[[package]]
+name = "yoke"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "120e6aef9aa629e3d4f52dc8cc43a015c7724194c97dfaf45180d2daf2b77f40"
+dependencies = [
+ "serde",
+ "stable_deref_trait",
+ "yoke-derive",
+ "zerofrom",
+]
+
+[[package]]
+name = "yoke-derive"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2380878cad4ac9aac1e2435f3eb4020e8374b5f13c296cb75b4620ff8e229154"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+ "synstructure",
+]
+
+[[package]]
+name = "zeno"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6df3dc4292935e51816d896edcd52aa30bc297907c26167fec31e2b0c6a32524"
+
+[[package]]
+name = "zerocopy"
+version = "0.7.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b9b4fd18abc82b8136838da5d50bae7bdea537c574d8dc1a34ed098d6c166f0"
+dependencies = [
+ "byteorder",
+ "zerocopy-derive 0.7.35",
+]
+
+[[package]]
+name = "zerocopy"
+version = "0.8.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fd97444d05a4328b90e75e503a34bad781f14e28a823ad3557f0750df1ebcbc6"
+dependencies = [
+ "zerocopy-derive 0.8.23",
+]
+
+[[package]]
+name = "zerocopy-derive"
+version = "0.7.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fa4f8080344d4671fb4e831a13ad1e68092748387dfc4f55e356242fae12ce3e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "zerocopy-derive"
+version = "0.8.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6352c01d0edd5db859a63e2605f4ea3183ddbd15e2c4a9e7d32184df75e4f154"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "zerofrom"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "50cc42e0333e05660c3587f3bf9d0478688e15d870fab3346451ce7f8c9fbea5"
+dependencies = [
+ "zerofrom-derive",
+]
+
+[[package]]
+name = "zerofrom-derive"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d71e5d6e06ab090c67b5e44993ec16b72dcbaabc526db883a360057678b48502"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+ "synstructure",
+]
+
+[[package]]
+name = "zeroize"
+version = "1.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ced3678a2879b30306d323f4542626697a464a97c0a07c9aebf7ebca65cd4dde"
+
+[[package]]
+name = "zerovec"
+version = "0.10.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa2b893d79df23bfb12d5461018d408ea19dfafe76c2c7ef6d4eba614f8ff079"
+dependencies = [
+ "yoke",
+ "zerofrom",
+ "zerovec-derive",
+]
+
+[[package]]
+name = "zerovec-derive"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6eafa6dfb17584ea3e2bd6e76e0cc15ad7af12b09abdd1ca55961bed9b1063c6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.99",
+]
+
+[[package]]
+name = "zune-core"
+version = "0.4.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f423a2c17029964870cfaabb1f13dfab7d092a62a29a89264f4d36990ca414a"
+
+[[package]]
+name = "zune-inflate"
+version = "0.2.54"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "73ab332fe2f6680068f3582b16a24f90ad7096d5d39b974d1c0aff0125116f02"
+dependencies = [
+ "simd-adler32",
+]
+
+[[package]]
+name = "zune-jpeg"
+version = "0.4.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "99a5bab8d7dedf81405c4bb1f2b83ea057643d9cb28778cea9eecddeedd2e028"
+dependencies = [
+ "zune-core",
+]
diff --git a/Cargo.toml b/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..35c5e7040da1d752a4e184b95ed8c34b2026ec5b
--- /dev/null
+++ b/Cargo.toml
@@ -0,0 +1,179 @@
+[workspace]
+members = [
+	"editor",
+	"proc-macros",
+	"frontend/wasm",
+	"frontend/src-tauri",
+	"node-graph/gapplication-io",
+	"node-graph/gbrush",
+	"node-graph/gcore",
+	"node-graph/gstd",
+	"node-graph/gmath-nodes",
+	"node-graph/gpath-bool",
+	"node-graph/graph-craft",
+	"node-graph/graphene-cli",
+	"node-graph/graster-nodes",
+	"node-graph/gsvg-renderer",
+	"node-graph/interpreted-executor",
+	"node-graph/node-macro",
+	"node-graph/preprocessor",
+	"libraries/dyn-any",
+	"libraries/path-bool",
+	"libraries/bezier-rs",
+	"libraries/math-parser",
+	"website/other/bezier-rs-demos/wasm",
+]
+default-members = [
+	"editor",
+	"frontend/wasm",
+	"node-graph/gbrush",
+	"node-graph/gcore",
+	"node-graph/gstd",
+	"node-graph/gmath-nodes",
+	"node-graph/gpath-bool",
+	"node-graph/graph-craft",
+	"node-graph/graphene-cli",
+	"node-graph/graster-nodes",
+	"node-graph/gsvg-renderer",
+	"node-graph/interpreted-executor",
+	"node-graph/node-macro",
+]
+resolver = "2"
+
+[workspace.dependencies]
+# Local dependencies
+bezier-rs = { path = "libraries/bezier-rs", features = ["dyn-any", "serde"] }
+dyn-any = { path = "libraries/dyn-any", features = ["derive", "glam", "reqwest", "log-bad-types", "rc"] }
+preprocessor = { path = "node-graph/preprocessor"}
+math-parser = { path = "libraries/math-parser" }
+path-bool = { path = "libraries/path-bool" }
+graphene-application-io = { path = "node-graph/gapplication-io" }
+graphene-brush = { path = "node-graph/gbrush" }
+graphene-core = { path = "node-graph/gcore" }
+graphene-math-nodes = { path = "node-graph/gmath-nodes" }
+graphene-path-bool = { path = "node-graph/gpath-bool" }
+graph-craft = { path = "node-graph/graph-craft" }
+graphene-raster-nodes = { path = "node-graph/graster-nodes" }
+graphene-std = { path = "node-graph/gstd" }
+graphene-svg-renderer = { path = "node-graph/gsvg-renderer" }
+interpreted-executor = { path = "node-graph/interpreted-executor" }
+node-macro = { path = "node-graph/node-macro" }
+wgpu-executor = { path = "node-graph/wgpu-executor" }
+graphite-proc-macros = { path = "proc-macros" }
+
+# Workspace dependencies
+rustc-hash = "2.0"
+bytemuck = { version = "1.13", features = ["derive"] }
+serde = { version = "1.0", features = ["derive", "rc"] }
+serde_json = "1.0"
+serde-wasm-bindgen = "0.6"
+reqwest = { version = "0.12", features = ["blocking", "rustls-tls", "json"] }
+futures = "0.3"
+env_logger = "0.11"
+log = "0.4"
+bitflags = { version = "2.4", features = ["serde"] }
+ctor = "0.2"
+convert_case = "0.7"
+derivative = "2.2"
+thiserror = "2"
+anyhow = "1.0"
+proc-macro2 = { version = "1", features = [ "span-locations" ] }
+quote = "1.0"
+axum = "0.8"
+chrono = "0.4"
+ron = "0.8"
+fastnoise-lite = "1.1"
+wgpu = { version = "23", features = [
+	# We don't have wgpu on multiple threads (yet) https://github.com/gfx-rs/wgpu/blob/trunk/CHANGELOG.md#wgpu-types-now-send-sync-on-wasm
+	"fragile-send-sync-non-atomic-wasm",
+	"spirv",
+	"strict_asserts",
+] }
+once_cell = "1.13" # Remove when `core::cell::LazyCell` (<https://doc.rust-lang.org/core/cell/struct.LazyCell.html>) is stabilized in Rust 1.80 and we bump our MSRV
+wasm-bindgen = "=0.2.100" # NOTICE: ensure this stays in sync with the `wasm-bindgen-cli` version in `website/content/volunteer/guide/project-setup/_index.md`. We pin this version because wasm-bindgen upgrades may break various things.
+wasm-bindgen-futures = "0.4"
+js-sys = "=0.3.77"
+web-sys = { version = "=0.3.77", features = [
+	"Document",
+	"DomRect",
+	"Element",
+	"HtmlCanvasElement",
+	"CanvasRenderingContext2d",
+	"CanvasPattern",
+	"OffscreenCanvas",
+	"OffscreenCanvasRenderingContext2d",
+	"TextMetrics",
+	"Window",
+	"IdleRequestOptions",
+	"ImageData",
+	"Navigator",
+	"Gpu",
+	"HtmlImageElement",
+	"ImageBitmapRenderingContext",
+] }
+winit = "0.29"
+url = "2.5"
+tokio = { version = "1.29", features = ["fs", "macros", "io-std", "rt"] }
+vello = { git = "https://github.com/linebender/vello.git", rev = "3275ec8" } # TODO switch back to stable when a release is made
+resvg = "0.44"
+usvg = "0.44"
+rand = { version = "0.9", default-features = false, features = ["std_rng"] }
+rand_chacha = "0.9"
+glam = { version = "0.29", default-features = false, features = ["serde", "scalar-math", "debug-glam-assert"] }
+base64 = "0.22"
+image = { version = "0.25", default-features = false, features = ["png", "jpeg", "bmp"] }
+parley = "0.5.0"
+skrifa = "0.32.0"
+pretty_assertions = "1.4.1"
+fern = { version = "0.7", features = ["colored"] }
+num_enum = "0.7"
+num-derive = "0.4"
+num-traits = { version = "0.2", default-features = false, features = ["i128"] }
+specta = { version = "2.0.0-rc.22", features = [
+	"glam",
+	"derive",
+	# "typescript",
+] }
+syn = { version = "2.0", default-features = false, features = [
+	"full",
+	"derive",
+	"parsing",
+	"printing",
+	"visit-mut",
+	"visit",
+	"clone-impls",
+	"extra-traits",
+	"proc-macro",
+] }
+kurbo = { version = "0.11.0", features = ["serde"] }
+petgraph = { version = "0.7.1", default-features = false, features = [
+	"graphmap",
+] }
+half = { version = "2.4.1", default-features = false, features = ["bytemuck", "serde"] }
+tinyvec = { version = "1", features = ["std"] }
+criterion = { version = "0.5", features = ["html_reports"] }
+iai-callgrind = { version = "0.12.3" }
+ndarray = "0.16.1"
+
+[profile.dev]
+opt-level = 1
+
+[profile.dev.package]
+graphite-editor = { opt-level = 1 }
+graphene-core = { opt-level = 1 }
+graphene-std = { opt-level = 1 }
+interpreted-executor = { opt-level = 1 } # This is a mitigation for https://github.com/rustwasm/wasm-pack/issues/981 which is needed because the node_registry function is too large
+graphite-proc-macros = { opt-level = 1 }
+image = { opt-level = 2 }
+rustc-hash = { opt-level = 3 }
+serde_derive = { opt-level = 1 }
+specta-macros = { opt-level = 1 }
+syn = { opt-level = 1 }
+
+[profile.release]
+lto = "thin"
+debug = true
+
+[profile.profiling]
+inherits = "release"
+debug = true
diff --git a/LICENSE.txt b/LICENSE.txt
new file mode 100644
index 0000000000000000000000000000000000000000..261eeb9e9f8b2b4b0d119366dda99c6fd7d35c64
--- /dev/null
+++ b/LICENSE.txt
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/README.md b/README.md
index 990901a1730ccaf8aa052a4ddf0234bc009fad07..d0bd4a45e3cac51a4879547f09df1fbb2aa7f138 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,22 @@
 ---
 title: Graphite2
-emoji: 📉
-colorFrom: pink
-colorTo: yellow
+emoji: 🚀
+colorFrom: blue
+colorTo: green
 sdk: gradio
-sdk_version: 5.35.0
+sdk_version: "5.35.0"
 app_file: app.py
 pinned: false
 ---
 
+# Graphite2
+
+<a href="https://graphite.rs/">
+
+Deployed from: https://github.com/seawolf2357/Graphite
+
+## Features
+This Space provides a Gradio interface for the repository's main functionality.
+The app.py was automatically generated based on repository analysis.
+
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
diff --git a/about.hbs b/about.hbs
new file mode 100644
index 0000000000000000000000000000000000000000..e8cb48ace59a487e67f96202aceae16d9c93e5a5
--- /dev/null
+++ b/about.hbs
@@ -0,0 +1,27 @@
+{{!
+Be careful to prevent auto-formatting from breaking this file's indentation.
+Replace this file with JSON output once this is resolved: https://github.com/EmbarkStudios/cargo-about/issues/73
+
+The `GENERATED_BY_CARGO_ABOUT` prefix is a JS labeled statement
+(<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/label>)
+used so the reader of the generated file can verify the file does indeed start with that string,
+while remaining valid JS for subsequent parsing.
+}}
+GENERATED_BY_CARGO_ABOUT: [
+	{{#each licenses}}
+	{
+		licenseName: `{{name}}`,
+		licenseText: `{{text}}`,
+		packages: [
+			{{#each used_by}}
+			{
+				name: `{{crate.name}}`,
+				version: `{{crate.version}}`,
+				author: `{{crate.authors}}`,
+				repository: `{{crate.repository}}`,
+			},
+			{{/each}}
+		],
+	},
+	{{/each}}
+]
diff --git a/about.toml b/about.toml
new file mode 100644
index 0000000000000000000000000000000000000000..279ba1068ffa0d0e88702c9a8ff57cc815193917
--- /dev/null
+++ b/about.toml
@@ -0,0 +1,36 @@
+# Keep this list in sync with those in `/deny.toml` and `/frontend/vite.config.ts`.
+accepted = [
+	"Apache-2.0 WITH LLVM-exception",
+	"Apache-2.0",
+	"BSD-2-Clause",
+	"BSD-3-Clause",
+	"BSL-1.0",
+	"CC0-1.0",
+	"ISC",
+	"MIT-0",
+	"MIT",
+	"MPL-2.0",
+	"OpenSSL",
+	"Unicode-3.0",
+	"Unicode-DFS-2016",
+	"Zlib",
+]
+workarounds = ["ring"]
+ignore-build-dependencies = true
+ignore-dev-dependencies = true
+# Clearly Defined's API would occasionally (every few months) return errors for at least a full day (maybe some weird rate limiting?), but we can just disable to perform local checking (see #1653)
+no-clearly-defined = true
+
+# https://raw.githubusercontent.com/briansmith/webpki/main/LICENSE
+# is the ISC license but test code within the repo is BSD-3-Clause, but is not compiled into the crate when we use it
+[webpki.clarify]
+license = "ISC"
+[[webpki.clarify.files]]
+path = "LICENSE"
+checksum = "5b698ca13897be3afdb7174256fa1574f8c6892b8bea1a66dd6469d3fe27885a"
+
+[rustls-webpki.clarify]
+license = "ISC"
+[[rustls-webpki.clarify.files]]
+path = "LICENSE"
+checksum = "5b698ca13897be3afdb7174256fa1574f8c6892b8bea1a66dd6469d3fe27885a"
diff --git a/app.py b/app.py
new file mode 100644
index 0000000000000000000000000000000000000000..9cda8f0547bf777f166db357cc15ae0751f5746d
--- /dev/null
+++ b/app.py
@@ -0,0 +1,29 @@
+import gradio as gr
+
+# Function to simulate the Graphite tool functionality
+
+def create_graphics_tool(api_key, description):
+    if not api_key:
+        return "Error: API key is required. Please enter a valid API key."
+    if not description:
+        return "Error: Description is required. Please provide a description for the graphics tool."
+    # Simulate some processing (this would be replaced with actual functionality)
+    return f"Graphics tool created with description: '{description}'!"
+
+# Gradio interface setup
+
+def main():
+    with gr.Blocks() as demo:
+        gr.Markdown("# Graphite Graphics Tool\n\nCreate your own graphics tool using Graphite!\n\n## Instructions:\n1. Enter your API key (required).\n2. Provide a description for your graphics tool (required).\n3. Click 'Create Tool' to simulate the creation of a graphics tool.")
+
+        api_key = gr.Textbox(label="API Key", placeholder="Enter your API key here...")
+        description = gr.Textbox(label="Tool Description", placeholder="Describe your graphics tool...")
+        create_button = gr.Button("Create Tool")
+        output = gr.Textbox(label="Output")
+
+        create_button.click(create_graphics_tool, inputs=[api_key, description], outputs=output)
+
+    demo.launch()
+
+if __name__ == '__main__':
+    main()
\ No newline at end of file
diff --git a/demo-artwork/changing-seasons.graphite b/demo-artwork/changing-seasons.graphite
new file mode 100644
index 0000000000000000000000000000000000000000..4192970aa717d6c0c133299758769191c6fc8414
--- /dev/null
+++ b/demo-artwork/changing-seasons.graphite
@@ -0,0 +1 @@
+{"network_interface":{"network":{"exports":[{"Node":{"node_id":3143874172491239000,"output_index":0,"lambda":false}}],"nodes":[[10316247453530667000,{"inputs":[{"Node":{"node_id":9079109751490757000,"output_index":0,"lambda":false}},{"Node":{"node_id":12796400626461303056,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":false,"skip_deduplication":false}],[7954638344846060000,{"inputs":[{"Node":{"node_id":5991296268862790000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.1875,"green":0.0,"blue":0.0,"alpha":0.203125}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.19140625,"green":0.0,"blue":0.0,"alpha":0.203125}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17021405646895729000,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"GradientStops":[[0.0,{"red":1.0,"green":0.31764707,"blue":0.15686275,"alpha":1.0}],[0.5,{"red":1.0,"green":0.5686275,"blue":0.25490198,"alpha":1.0}],[1.0,{"red":1.0,"green":0.7294118,"blue":0.16078432,"alpha":1.0}]]},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::GradientValueNode"}},"visible":true,"skip_deduplication":false}],[8366826746721323000,{"inputs":[{"Node":{"node_id":5591755359500854000,"output_index":0,"lambda":false}},{"Node":{"node_id":13846904447064916285,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1250460246919467000,{"inputs":[{"Node":{"node_id":4742778578215475000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Union"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5991296268862790000,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":2000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":1000.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[26023588519449590,{"inputs":[{"Node":{"node_id":4002029424845293600,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.9765625,"green":0.7715821,"blue":0.2861023,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9765625,"green":0.7715821,"blue":0.2861023,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}],[1.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.09778450863315612,0.7264556766766779],"end":[0.09778450863315612,0.3634234796342139],"transform":[-371.95192745983906,4.5550973740038046e-14,0.0,965.1086770605688,766.3711364618157,-61.108677060568766]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3143874172491239000,{"inputs":[{"Value":{"tagged_value":{"ArtboardGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":18233215297647862000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"IVec2":[0,0]},"exposed":false}},{"Value":{"tagged_value":{"IVec2":[2000,1000]},"exposed":false}},{"Value":{"tagged_value":{"Color":{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":1}},{"Value":{"tagged_value":{"String":"Artboard"},"exposed":false}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToArtboardNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Network":{"import_type":{"Fn":[{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::graphic_element::Artboard>","alias":null}}]},"import_index":0}},{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::AppendArtboardNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15908863353600836000,{"inputs":[{"Node":{"node_id":7094974507355892337,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":350.0},"exposed":false}},{"Node":{"node_id":4373650744391914031,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8895289679682140000,{"inputs":[{"Node":{"node_id":213744308682803360,"output_index":0,"lambda":false}},{"Node":{"node_id":7954638344846060000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17725188707009528000,{"inputs":[{"Node":{"node_id":10316247453530667000,"output_index":0,"lambda":false}},{"Node":{"node_id":17025512774010843000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":false,"skip_deduplication":false}],[5591755359500854000,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":1789832635968548900,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12796400626461303056,{"inputs":[{"Node":{"node_id":1250460246919467000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1789832635968548900,{"inputs":[{"Node":{"node_id":1924303400883620400,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.99215686,"green":0.49019608,"blue":0.11764706,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":1.0,"green":1.0,"blue":1.0,"alpha":0.25}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17855766443650990000,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"GradientStops":[[0.0,{"red":0.1764706,"green":0.44313726,"blue":0.05882353,"alpha":1.0}],[0.5,{"red":0.45490196,"green":0.627451,"blue":0.3254902,"alpha":1.0}],[1.0,{"red":1.0,"green":0.5529412,"blue":0.16078432,"alpha":1.0}]]},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::GradientValueNode"}},"visible":true,"skip_deduplication":false}],[16084834641749443000,{"inputs":[{"Node":{"node_id":16141281339223525000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.99215686,"green":0.49019608,"blue":0.11764706,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":1.0,"green":1.0,"blue":1.0,"alpha":0.25}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[1924303400883620400,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[12399235852192450000,16255990754021933000,15620668684239604000,5432878891027338000],"remove":[5992115648840007000],"delta":[[5432878891027338000,[-0.8525377229081244,-6.779663923182397]],[12399235852192450000,[3.4492455418381667,-6.252914951989055]],[15620668684239604000,[-7.105427357601002e-15,61.89300411522633]],[16255990754021933000,[3.423868312757215,60.83950617283953]]]},"segments":{"add":[1366074222973177300,9911415907547690000,3820594103877681000,5933636287523951000],"remove":[16939395239973712000],"start_point":[[5933636287523951000,5432878891027338000],[9911415907547690000,16255990754021933000],[3820594103877681000,15620668684239604000],[1366074222973177300,12399235852192450000]],"end_point":[[5933636287523951000,12399235852192450000],[9911415907547690000,15620668684239604000],[3820594103877681000,5432878891027338000],[1366074222973177300,16255990754021933000]],"handle_primary":[[9911415907547690000,[-0.6380090646381761,1.00935799390129]],[1366074222973177300,[-12.729766803840905,34.6776406035666]],[5933636287523951000,[0.0,0.0]],[3820594103877681000,[-1.2746024488136916,-0.5300005080526233]]],"handle_end":[[3820594103877681000,[-11.281207133058956,31.692729766803836]],[1366074222973177300,[1.0502464055275982,-1.6615353350607336]],[9911415907547690000,[1.1025726645520375,0.4584677151070898]],[5933636287523951000,[0.0,0.0]]],"stroke":[[9911415907547690000,0],[1366074222973177300,0],[3820594103877681000,0],[5933636287523951000,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"Primary","segment":9911415907547690000},{"ty":"End","segment":1366074222973177300}],[{"ty":"Primary","segment":3820594103877681000},{"ty":"End","segment":9911415907547690000}]],"remove_g1_continuous":[[{"ty":"Primary","segment":1366074222973177300},{"ty":"End","segment":5933636287523951000}],[{"ty":"End","segment":3820594103877681000},{"ty":"Primary","segment":16939395239973712000}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2233138531352324200,{"inputs":[{"Node":{"node_id":366962978353611840,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4040070953711778000,{"inputs":[{"Node":{"node_id":15908863353600836000,"output_index":0,"lambda":false}},{"Node":{"node_id":2166474486859326700,"output_index":0,"lambda":false}},{"Node":{"node_id":10690271318666670633,"output_index":0,"lambda":false}},{"Node":{"node_id":12004715210677400127,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":360.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[17025512774010843000,{"inputs":[{"Node":{"node_id":13712392741217151405,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.9490196,"green":0.38039216,"blue":0.10980392,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9490196,"green":0.38039216,"blue":0.10980392,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.3155737704918033,{"red":0.0,"green":0.0,"blue":0.0,"alpha":0.0}],[1.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":0.203125}]],"gradient_type":"Radial","start":[0.5024847204000202,0.41434795196968177],"end":[0.9633481630366972,0.41434795196968194],"transform":[1191.785811691441,0.0,0.0,1109.5999999999997,274.8958396355149,62.489512494441215]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4742778578215475000,{"inputs":[{"Node":{"node_id":6102164880094062000,"output_index":0,"lambda":false}},{"Node":{"node_id":8876924567444570473,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10463288500489480000,{"inputs":[{"Node":{"node_id":4600332392291315000,"output_index":0,"lambda":false}},{"Node":{"node_id":4040070953711778000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3602127523880426500,{"inputs":[{"Value":{"tagged_value":{"RasterData":{"instance":[{"width":0,"height":0,"data":[0,""]}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Node":{"node_id":17725188707009528000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":false,"skip_deduplication":false}],[6102164880094062000,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":14253625255053304000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4002029424845293600,{"inputs":[{"Node":{"node_id":16141281339223525000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[],"remove":[],"delta":[[15620564416450861000,[-47.66529492455423,-18.042524005486992]],[10418348123687606000,[-61.3893894663837,-52.000301612710835]],[6358127410693457000,[-37.72290809327849,-10.54183813443079]],[16211201987812043000,[-7.105427357601002e-15,-23.90123456790124]],[891169987742051100,[-4.148148148148122,-38.03703703703696]],[7888691908524886000,[4.351165980795637,-8.105624142661181]],[12582713598977278000,[9.333333333333268,-66.33333333333327]],[353992768245212100,[-42.27413685969588,-41.62581710194484]],[9664410344080632000,[-35.276890617605005,-25.55103086414088]],[9934671969500465000,[-43.209876543209866,-14.975308641975468]],[16594203120813726000,[-62.53607037678802,-36.02218510909459]],[4839542169175255000,[-127.45378793812174,-12.06205126188287]],[753144493519442600,[-50.013717421124845,21.17283950617286]],[5755835744378529000,[-17.333333333333343,-33.1358024691358]],[11897064075526275000,[-61.65765794556601,-32.902083082000814]],[11874978858302702000,[5.843621399176955,-10.914951989026145]],[4570709177617499000,[-62.76543209876538,-6.827160493827164]],[4305429814263425000,[-22.598416051654286,-32.71009758017498]]]},"segments":{"add":[],"remove":[],"start_point":[],"end_point":[],"handle_primary":[[2092445122112560000,[-7.308641975308667,2.9629629629629903]],[9552874240071498000,[-5.53086419753086,-0.9657064471879552]],[1562499453192082400,[-0.08779149519892826,-1.6680384087791111]],[3359087961315235300,[-0.2881601545358876,-1.8891182956799923]],[5680639457836474000,[0.0,0.0]],[2416974091592514600,[0.0,0.0]],[4590600976245504500,[-6.49657064471878,1.2290809327846404]],[15866454419016458000,[-9.913311783442964,6.121455371873111]],[17948338937502876000,[0.0,0.0]],[3270826560526153000,[-10.966434817733528,4.317749647005792]],[4183498485018509000,[-37.13580246913581,14.485596707818928]],[18320159308706247000,[0.0,0.0]],[16362428386097514000,[-23.70370370370371,19.950617283950606]],[14351209823603001000,[0.0,0.0]],[3138315255762406000,[4.038408779149492,-14.5733882030178]],[8119312711427333000,[0.0,0.0]],[12441313998107066000,[-4.938271604938336,6.518518518518476]]],"handle_end":[[8119312711427333000,[-16.241426611796967,5.355281207133061]],[4183498485018509000,[-21.94787379972564,36.565157750342905]],[3270826560526153000,[-49.33882030178324,27.10562414266127]],[16362428386097514000,[-6.962962962962983,53.17283950617292]],[15866454419016458000,[2.458161865569238,7.637860082304542]],[1562499453192082400,[-0.6668238551234532,2.406364346749864]],[3359087961315235300,[-7.813443072702299,7.725651577503442]],[3138315255762406000,[-8.098765432098759,2.947337553780912]],[17948338937502876000,[-50.30452674897121,26.776406035665325]],[9552874240071498000,[-7.286694101508885,7.55006858710567]],[2416974091592514600,[37.06995884773662,-14.595336076817532]],[7709585677887591000,[-8.603566529492472,0.8779149519890552]],[14351209823603001000,[-7.374485596707803,5.70644718792866]],[4590600976245504500,[14.222222222222207,7.989026063100134]],[2092445122112560000,[-9.086419753086416,21.135802469135797]],[12441313998107066000,[5.171144805176233,13.506721506057374]],[5680639457836474000,[0.2881601545359018,1.8891182956799923]],[18320159308706247000,[-41.26200274348419,15.978052126200277]]],"stroke":[]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[366962978353611840,{"inputs":[{"Node":{"node_id":8366826746721323000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Union"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16379524086934900000,{"inputs":[{"Node":{"node_id":9609388203059839318,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.41796875,"green":0.1028595,"blue":0.1028595,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.421875,"green":0.1038208,"blue":0.1038208,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4600332392291315000,{"inputs":[{"Node":{"node_id":4040070953711778000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Node":{"node_id":11677958249556146000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::AssignColorsNode"}},"visible":true,"skip_deduplication":false}],[7386572856931342000,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":100.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::PercentageValueNode"}},"visible":true,"skip_deduplication":false}],[4373650744391914031,{"inputs":[{"Node":{"node_id":9641606876402405523,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[16141281339223525000,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[8940743774820468000,11897064075526275000,9664410344080632000,10418348123687606000,16594203120813726000,4839542169175255000,353992768245212100,4305429814263425000,15620564416450861000,4570709177617499000,9934671969500465000,6358127410693457000,753144493519442600,11874978858302702000,7888691908524886000,12582713598977278000,891169987742051100,5755835744378529000,16211201987812043000],"remove":[],"delta":[[7888691908524886000,[66.32098765432096,-154.30864197530863]],[15620564416450861000,[141.77777777777777,-86.60493827160491]],[9664410344080632000,[64.51145851883956,11.32880864191867]],[4305429814263425000,[91.25136529719612,-51.92090379156713]],[9934671969500465000,[125.38271604938268,-124.67901234567891]],[4839542169175255000,[157.56627079134535,-37.10118604950259]],[11874978858302702000,[92.39506172839504,-161.41975308641972]],[6358127410693457000,[115.50617283950618,-132.38271604938265]],[5755835744378529000,[28.444444444444457,-210.4567901234568]],[16211201987812043000,[0.0,-231.0]],[753144493519442600,[136.8395061728395,-177.6172839506173]],[4570709177617499000,[114.716049382716,-90.16049382716052]],[891169987742051100,[63.802469135802426,-190.90123456790127]],[12582713598977278000,[49.135802469135854,-136.33333333333334]],[16594203120813726000,[126.09711290079348,-8.575894451947931]],[353992768245212100,[114.87770338918835,-41.33714586101814]],[10418348123687606000,[112.8352056529406,14.952290638773944]],[11897064075526275000,[72.71938634062775,26.932261408475423]],[8940743774820468000,[0.0,0.0]]]},"segments":{"add":[7709585677887591000,14351209823603001000,18320159308706247000,8119312711427333000,4590600976245504500,17948338937502876000,1562499453192082400,3138315255762406000,2416974091592514600,3270826560526153000,5680639457836474000,3359087961315235300,9552874240071498000,15866454419016458000,4183498485018509000,2092445122112560000,16362428386097514000,12441313998107066000],"remove":[],"start_point":[[4590600976245504500,16594203120813726000],[18320159308706247000,9664410344080632000],[9552874240071498000,753144493519442600],[3359087961315235300,6358127410693457000],[5680639457836474000,9934671969500465000],[8119312711427333000,10418348123687606000],[12441313998107066000,5755835744378529000],[14351209823603001000,11897064075526275000],[2092445122112560000,12582713598977278000],[3138315255762406000,4305429814263425000],[3270826560526153000,4570709177617499000],[4183498485018509000,7888691908524886000],[15866454419016458000,11874978858302702000],[1562499453192082400,353992768245212100],[2416974091592514600,15620564416450861000],[17948338937502876000,4839542169175255000],[7709585677887591000,8940743774820468000],[16362428386097514000,891169987742051100]],"end_point":[[16362428386097514000,5755835744378529000],[3138315255762406000,15620564416450861000],[7709585677887591000,11897064075526275000],[2416974091592514600,4570709177617499000],[12441313998107066000,16211201987812043000],[2092445122112560000,891169987742051100],[4183498485018509000,12582713598977278000],[17948338937502876000,353992768245212100],[4590600976245504500,4839542169175255000],[8119312711427333000,16594203120813726000],[3270826560526153000,9934671969500465000],[18320159308706247000,10418348123687606000],[3359087961315235300,753144493519442600],[1562499453192082400,4305429814263425000],[9552874240071498000,11874978858302702000],[15866454419016458000,7888691908524886000],[5680639457836474000,6358127410693457000],[14351209823603001000,9664410344080632000]],"handle_primary":[[3138315255762406000,[-2.469006630399008,-5.902063388586043]],[3359087961315235300,[2.7654320987655296,-14.419753086419746]],[9552874240071498000,[-21.33333333333331,12.049382716049422]],[18320159308706247000,[0.0,0.0]],[2416974091592514600,[0.0,0.0]],[14351209823603001000,[0.0,0.0]],[7709585677887591000,[0.0,0.0]],[8119312711427333000,[0.0,0.0]],[15866454419016458000,[-10.469135802469168,13.432098765432102]],[3270826560526153000,[-9.086419753086432,-7.506172839506121]],[17948338937502876000,[0.0,0.0]],[2092445122112560000,[-1.5802469135804245,-5.5308641975308035]],[12441313998107066000,[-4.938271604938336,6.518518518518533]],[1562499453192082400,[-15.34246181071461,-3.7168967220297873]],[4183498485018509000,[-6.617283950617207,15.308641975308689]],[16362428386097514000,[-14.913580246913511,12.641975308642031]],[4590600976245504500,[-7.759646437163781,-18.695929243596197]],[5680639457836474000,[0.0,0.0]]],"handle_end":[[7709585677887591000,[-42.51530058403631,-10.382498109968708]],[18320159308706247000,[-24.983271918092953,-7.776766653003392]],[4183498485018509000,[4.938271604938336,-1.1851851851851052]],[3138315255762406000,[-21.33333333333337,3.753086419753061]],[3359087961315235300,[-27.099224819820336,19.753086419753146]],[14351209823603001000,[5.742854988208705,6.327636391047918]],[16362428386097514000,[-8.0,38.419753086419746]],[12441313998107066000,[13.234567901234527,34.5679012345679]],[2416974091592514600,[9.086419753086377,7.506172839506235]],[2092445122112560000,[-20.345679012345613,18.5679012345679]],[1562499453192082400,[2.0974057383288596,5.01376604938514]],[4590600976245504500,[-5.92501398131742,10.665547436428083]],[5680639457836474000,[-2.7654320987655296,14.419753086419746]],[9552874240071498000,[4.938271604938279,11.061728395061806]],[17948338937502876000,[25.51458639999055,20.651563178633637]],[3270826560526153000,[-13.03703703703701,9.679012345678984]],[8119312711427333000,[-40.68684029964413,7.631779585305026]],[15866454419016458000,[0.19753086419757435,13.827160493827137]]],"stroke":[[7709585677887591000,0],[9552874240071498000,0],[4183498485018509000,0],[8119312711427333000,0],[15866454419016458000,0],[18320159308706247000,0],[2416974091592514600,0],[3138315255762406000,0],[17948338937502876000,0],[3270826560526153000,0],[4590600976245504500,0],[1562499453192082400,0],[2092445122112560000,0],[16362428386097514000,0],[5680639457836474000,0],[12441313998107066000,0],[3359087961315235300,0],[14351209823603001000,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":1562499453192082400},{"ty":"Primary","segment":3138315255762406000}],[{"ty":"End","segment":2416974091592514600},{"ty":"Primary","segment":3270826560526153000}],[{"ty":"End","segment":5680639457836474000},{"ty":"Primary","segment":3359087961315235300}]],"remove_g1_continuous":[[{"ty":"End","segment":4183498485018509000},{"ty":"Primary","segment":2092445122112560000}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9641606876402405523,{"inputs":[],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::InstanceIndexNode"}},"visible":true,"skip_deduplication":false}],[9609388203059839318,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":2000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":1000.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[799182088624980700,{"inputs":[{"Node":{"node_id":7386572856931342000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":100.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::DivideNode"}},"visible":true,"skip_deduplication":false}],[9079109751490757000,{"inputs":[{"Value":{"tagged_value":{"RasterData":{"instance":[{"width":0,"height":0,"data":[0,""]}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Node":{"node_id":2233138531352324200,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":false,"skip_deduplication":false}],[11677958249556146000,{"inputs":[{"Node":{"node_id":17021405646895729000,"output_index":0,"lambda":false}},{"Node":{"node_id":17855766443650990000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BlendMode":"Normal"},"exposed":false}},{"Node":{"node_id":7386572856931342000,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::raster::adjustments::BlendNode"}},"visible":true,"skip_deduplication":false}],[13846904447064916285,{"inputs":[{"Node":{"node_id":16084834641749443000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"ReferencePoint":"CenterLeft"},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::MirrorNode"}},"visible":true,"skip_deduplication":false}],[16236970157339521798,{"inputs":[{"Node":{"node_id":8895289679682140000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"U64":8},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::InstanceRepeatNode"}},"visible":true,"skip_deduplication":false}],[7094974507355892337,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":2000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":1000.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[2166474486859326700,{"inputs":[{"Node":{"node_id":13712392741217151405,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":0.0}],[0.6885245901639344,{"red":0.08984375,"green":0.08984375,"blue":0.08984375,"alpha":0.08775313}],[1.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":0.20392157}]],"gradient_type":"Radial","start":[0.5024847204000202,0.41434795196968177],"end":[0.9633481630366972,0.41434795196968194],"transform":[1191.785811691441,0.0,0.0,1109.5999999999997,274.8958396355149,62.489512494441215]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9490196,"green":0.38039216,"blue":0.10980392,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":0.0}],[0.6885245901639344,{"red":0.08984375,"green":0.08984375,"blue":0.08984375,"alpha":0.08775313}],[1.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":0.20392157}]],"gradient_type":"Radial","start":[0.5024847204000202,0.41434795196968177],"end":[0.9633481630366972,0.41434795196968194],"transform":[1191.785811691441,0.0,0.0,1109.5999999999997,274.8958396355149,62.489512494441215]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13712392741217151405,{"inputs":[{"Node":{"node_id":5348726859432207000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5348726859432207000,{"inputs":[{"Node":{"node_id":12796400626461303056,"output_index":0,"lambda":false}},{"Node":{"node_id":2233138531352324200,"output_index":0,"lambda":false}},{"Node":{"node_id":799182088624980700,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::MorphNode"}},"visible":true,"skip_deduplication":false}],[10690271318666670633,{"inputs":[{"Node":{"node_id":12004715210677400127,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.2},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::SubtractNode"}},"visible":true,"skip_deduplication":false}],[3430686124240113700,{"inputs":[{"Node":{"node_id":3602127523880426500,"output_index":0,"lambda":false}},{"Node":{"node_id":16379524086934900000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18233215297647862000,{"inputs":[{"Node":{"node_id":14337610765966946000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[1000.0,500.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8876924567444570473,{"inputs":[{"Node":{"node_id":26023588519449590,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"ReferencePoint":"CenterLeft"},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::MirrorNode"}},"visible":true,"skip_deduplication":false}],[213744308682803360,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":10463288500489480000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12004715210677400127,{"inputs":[{"Node":{"node_id":3223387122603246085,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.1},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::MaxNode"}},"visible":true,"skip_deduplication":false}],[14250786159408925409,{"inputs":[{"Node":{"node_id":3430686124240113700,"output_index":0,"lambda":false}},{"Node":{"node_id":16236970157339521798,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14337610765966946000,{"inputs":[{"Node":{"node_id":14250786159408925409,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14253625255053304000,{"inputs":[{"Node":{"node_id":1924303400883620400,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.9765625,"green":0.7715821,"blue":0.2861023,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9765625,"green":0.7715821,"blue":0.2861023,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}],[1.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.09778450863315612,0.7264556766766779],"end":[0.09778450863315612,0.3634234796342139],"transform":[-371.95192745983906,4.5550973740038046e-14,0.0,965.1086770605688,766.3711364618157,-61.108677060568766]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3223387122603246085,{"inputs":[{"Node":{"node_id":9641606876402405523,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"String":"2 - 0.2A"},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::MathNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]},"network_metadata":{"persistent_metadata":{"node_metadata":[[213744308682803360,{"persistent_metadata":{"reference":"Merge","display_name":"Leaves","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16236970157339521798,{"persistent_metadata":{"reference":"Instance Repeat","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Future<Instances<GraphicElement>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5991296268862790000,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3223387122603246085,{"persistent_metadata":{"reference":"Math","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Future<f64>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-33,-35]}}},"network_metadata":null}}],[12796400626461303056,{"persistent_metadata":{"reference":"Cache","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-19,-25]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15908863353600836000,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"min":0.01,"is_integer":false,"mode":"Range","range_max":100,"input_name":"Separation Disk Diameter","range_min":1,"blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":true,"blank_assist":true,"input_name":"Seed","min":0},"widget_override":"number"}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-19,-38]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17025512774010843000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3602127523880426500,{"persistent_metadata":{"reference":"Merge","display_name":"Individual Leaf Views","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":3}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10463288500489480000,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6102164880094062000,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7094974507355892337,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-26,-38]}}},"network_metadata":null}}],[1924303400883620400,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":["Vector Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-44,-19]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9641606876402405523,{"persistent_metadata":{"reference":"Instance Index","display_name":"","input_properties":[],"output_names":["Future<f64>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-40,-36]}}},"network_metadata":null}}],[7954638344846060000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4742778578215475000,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-30,-22]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[799182088624980700,{"persistent_metadata":{"reference":"Divide","display_name":"","input_properties":[{"input_data":{"input_name":"Numerator"},"widget_override":null},{"input_data":{"input_name":"Denominator"},"widget_override":null}],"output_names":["Output"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-40,-30]}}},"network_metadata":null}}],[12004715210677400127,{"persistent_metadata":{"reference":"Max","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Future<f64>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-26,-35]}}},"network_metadata":null}}],[17725188707009528000,{"persistent_metadata":{"reference":"Merge","display_name":"Morph","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[9,-29]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17855766443650990000,{"persistent_metadata":{"reference":"Gradient Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Gradient"},"widget_override":null}],"output_names":["GradientStops"],"has_primary_output":true,"locked":false,"pinned":true,"node_type_metadata":{"Node":{"position":{"Absolute":[-47,-40]}}},"network_metadata":null}}],[14337610765966946000,{"persistent_metadata":{"reference":"Merge","display_name":"NOTE: Change seasons with the \"Percentage Value\" parameter","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[14,-52]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3143874172491239000,{"persistent_metadata":{"reference":"Artboard","display_name":"","input_properties":[{"input_data":{"input_name":"Artboards"},"widget_override":null},{"input_data":{"input_name":"Contents"},"widget_override":"hidden"},{"input_data":{"x":"X","input_name":"Location","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Dimensions","x":"W","unit":" px","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Background"},"widget_override":"artboard_background"},{"input_data":{"input_name":"Clip"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[26,-56]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Artboard","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-10,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Append Artboards","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[6,-4]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-2,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4600332392291315000,{"persistent_metadata":{"reference":"Assign Colors","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Group"},"widget_override":"hidden"},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Stroke"},"widget_override":null},{"input_data":{"input_name":"Gradient"},"widget_override":"assign_colors_gradient"},{"input_data":{"input_name":"Reverse"},"widget_override":null},{"input_data":{"input_name":"Randomize"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null},{"input_data":{"input_name":"Repeat Every"},"widget_override":"assign_colors_repeat_every"}],"output_names":["Vector Group"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2166474486859326700,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[2,-32]}}},"network_metadata":null}}],[2233138531352324200,{"persistent_metadata":{"reference":"Cache","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-19,-16]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[366962978353611840,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-26,-16]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17021405646895729000,{"persistent_metadata":{"reference":"Gradient Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Gradient"},"widget_override":null}],"output_names":["GradientStops"],"has_primary_output":true,"locked":false,"pinned":true,"node_type_metadata":{"Node":{"position":{"Absolute":[-47,-41]}}},"network_metadata":null}}],[18233215297647862000,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","y":"Y","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8366826746721323000,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-30,-13]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9609388203059839318,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5348726859432207000,{"persistent_metadata":{"reference":"Morph","display_name":"","input_properties":[{"input_data":{"input_name":"Source"},"widget_override":null},{"input_data":{"input_name":"Target"},"widget_override":null},{"input_data":{"input_name":"Time"},"widget_override":null},{"input_data":{"input_name":"Start Index"},"widget_override":null}],"output_names":["Instances<VectorData>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-12,-32]}}},"network_metadata":null}}],[8876924567444570473,{"persistent_metadata":{"reference":"Mirror","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Future<Instances<GraphicElement>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14253625255053304000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16084834641749443000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14250786159408925409,{"persistent_metadata":{"reference":"Merge","display_name":"Leaf Levels","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1250460246919467000,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-26,-25]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8895289679682140000,{"persistent_metadata":{"reference":"Merge","display_name":"Depth Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[2,-45]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4040070953711778000,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"mode":"Range","input_name":"Random Scale Min","min":0,"range_max":2,"range_min":0,"is_integer":false,"unit":"x","tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true},"widget_override":"number"},{"input_data":{"range_max":2,"mode":"Range","input_name":"Random Scale Max","blank_assist":true,"is_integer":false,"min":0,"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","range_min":0},"widget_override":"number"},{"input_data":{"range_max":50,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","blank_assist":true,"input_name":"Random Scale Bias","mode":"Range","is_integer":false,"range_min":-50},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance sizes","min":0,"blank_assist":true,"mode":"Increment","is_integer":true,"input_name":"Random Scale Seed"},"widget_override":"number"},{"input_data":{"unit":"°","mode":"Range","min":0,"input_name":"Random Rotation","is_integer":false,"blank_assist":true,"max":360,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise"},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation Seed","tooltip":"Seed to determine unique variations on all the randomized instance angles","blank_assist":true,"is_integer":true,"mode":"Increment","min":0},"widget_override":"number"}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-12,-38]}}},"network_metadata":null}}],[11677958249556146000,{"persistent_metadata":{"reference":"Blend","display_name":"","input_properties":[{"input_data":{"input_name":"Over"},"widget_override":null},{"input_data":{"input_name":"Under"},"widget_override":null},{"input_data":{"input_name":"Blend Mode"},"widget_override":null},{"input_data":{"input_name":"Opacity"},"widget_override":null}],"output_names":["Color"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-40,-41]}}},"network_metadata":null}}],[13712392741217151405,{"persistent_metadata":{"reference":"Cache","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-5,-32]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5591755359500854000,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9079109751490757000,{"persistent_metadata":{"reference":"Merge","display_name":"Maple Leaf","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13846904447064916285,{"persistent_metadata":{"reference":"Mirror","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Future<Instances<GraphicElement>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16141281339223525000,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":["Vector Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-58,-22]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10316247453530667000,{"persistent_metadata":{"reference":"Merge","display_name":"Oak Leaf","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":1}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1789832635968548900,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16379524086934900000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7386572856931342000,{"persistent_metadata":{"reference":"Percentage Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Percentage"},"widget_override":null}],"output_names":["f64"],"has_primary_output":true,"locked":false,"pinned":true,"node_type_metadata":{"Node":{"position":{"Absolute":[-47,-39]}}},"network_metadata":null}}],[10690271318666670633,{"persistent_metadata":{"reference":"Subtract","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Future<f64>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-19,-36]}}},"network_metadata":null}}],[4373650744391914031,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-33,-37]}}},"network_metadata":null}}],[26023588519449590,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3430686124240113700,{"persistent_metadata":{"reference":"Merge","display_name":"Solid Backdrop","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":8}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4002029424845293600,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":["Vector Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[287.6272550000002,767.89247],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,1278.0,1349.0],"node_graph_top_right":[1980.800048828125,0.0]},"selection_undo_history":[[1924303400883620400,8366826746721323000,16084834641749443000,13846904447064916285,366962978353611840,14253625255053304000,4002029424845293600,6102164880094062000,1250460246919467000,26023588519449590,5591755359500854000,8876924567444570473,4742778578215475000,1789832635968548900,16141281339223525000],[799182088624980700,4002029424845293600,366962978353611840,14253625255053304000,5348726859432207000,4742778578215475000,16084834641749443000,8876924567444570473,1924303400883620400,26023588519449590,16141281339223525000,1789832635968548900,1250460246919467000,13846904447064916285,5591755359500854000,6102164880094062000,8366826746721323000],[8876924567444570473,799182088624980700,26023588519449590,8366826746721323000,16084834641749443000,5591755359500854000,6102164880094062000,16141281339223525000,366962978353611840,1250460246919467000,4002029424845293600,1789832635968548900,1924303400883620400,14253625255053304000,13712392741217151405,13846904447064916285,5348726859432207000,4742778578215475000],[1250460246919467000,16084834641749443000,8366826746721323000,4002029424845293600,799182088624980700,26023588519449590,5348726859432207000,366962978353611840,8876924567444570473,6102164880094062000,13712392741217151405,13846904447064916285,9079109751490757000,5591755359500854000,16141281339223525000,1789832635968548900,1924303400883620400,14253625255053304000,4742778578215475000],[1250460246919467000,5348726859432207000,8366826746721323000,14253625255053304000,5591755359500854000,13846904447064916285,26023588519449590,799182088624980700,4742778578215475000,8876924567444570473,6102164880094062000,1924303400883620400,10316247453530667000,13712392741217151405,366962978353611840,1789832635968548900,4002029424845293600,16084834641749443000,9079109751490757000,16141281339223525000],[4742778578215475000,13712392741217151405,9079109751490757000,8876924567444570473,8366826746721323000,10316247453530667000,5348726859432207000,16084834641749443000,13846904447064916285,5591755359500854000,1789832635968548900,16141281339223525000,1250460246919467000,14253625255053304000,799182088624980700,366962978353611840,4002029424845293600,1924303400883620400,17725188707009528000,26023588519449590,6102164880094062000,17025512774010843000],[5591755359500854000,366962978353611840,4002029424845293600,3602127523880426500,5348726859432207000,13846904447064916285,6102164880094062000,26023588519449590,17025512774010843000,14253625255053304000,17725188707009528000,13712392741217151405,4742778578215475000,1924303400883620400,1789832635968548900,1250460246919467000,16141281339223525000,799182088624980700,8366826746721323000,9079109751490757000,8876924567444570473,10316247453530667000,16084834641749443000],[5591755359500854000,8366826746721323000,366962978353611840,6102164880094062000],[8366826746721323000,6102164880094062000,5591755359500854000,14253625255053304000,1789832635968548900,8876924567444570473,4742778578215475000,13846904447064916285,366962978353611840],[1789832635968548900,8366826746721323000,366962978353611840,5591755359500854000,4742778578215475000,26023588519449590,8876924567444570473,6102164880094062000,13846904447064916285,16084834641749443000,14253625255053304000],[8366826746721323000,13846904447064916285,26023588519449590,8876924567444570473,366962978353611840,4002029424845293600,1789832635968548900,16084834641749443000,4742778578215475000,6102164880094062000,5591755359500854000,1250460246919467000,14253625255053304000],[8876924567444570473,799182088624980700,5348726859432207000,13846904447064916285,366962978353611840,8366826746721323000,5591755359500854000,4742778578215475000,26023588519449590,4002029424845293600,16084834641749443000,14253625255053304000,1250460246919467000,6102164880094062000,1789832635968548900],[6102164880094062000,16084834641749443000,4742778578215475000,366962978353611840,16141281339223525000,1789832635968548900,26023588519449590,5591755359500854000,8876924567444570473,13846904447064916285,1924303400883620400,799182088624980700,8366826746721323000,4002029424845293600,5348726859432207000,1250460246919467000,14253625255053304000],[1250460246919467000,26023588519449590,13846904447064916285,14253625255053304000,1924303400883620400,16141281339223525000,6102164880094062000,4742778578215475000,5348726859432207000,8366826746721323000,799182088624980700,1789832635968548900,4002029424845293600,16084834641749443000,8876924567444570473,366962978353611840,13712392741217151405,5591755359500854000],[8366826746721323000,8876924567444570473,1924303400883620400,1250460246919467000,26023588519449590,366962978353611840,14253625255053304000,6102164880094062000,4002029424845293600,16084834641749443000,4742778578215475000,13846904447064916285,1789832635968548900,5348726859432207000,5591755359500854000,799182088624980700,16141281339223525000],[799182088624980700,8366826746721323000,6102164880094062000,26023588519449590,1250460246919467000,1789832635968548900,16084834641749443000,8876924567444570473,4002029424845293600,4742778578215475000,5348726859432207000,13846904447064916285,366962978353611840,14253625255053304000,5591755359500854000],[16084834641749443000,4742778578215475000,6102164880094062000,13846904447064916285,5348726859432207000,1789832635968548900,1250460246919467000,14253625255053304000,799182088624980700,26023588519449590,5591755359500854000,366962978353611840,8366826746721323000,8876924567444570473],[8876924567444570473,26023588519449590,366962978353611840,1250460246919467000,4742778578215475000,14253625255053304000,5591755359500854000,13846904447064916285,6102164880094062000,4002029424845293600,16084834641749443000,8366826746721323000,5348726859432207000,799182088624980700,1789832635968548900],[5591755359500854000,8876924567444570473,16141281339223525000,4002029424845293600,1789832635968548900,1250460246919467000,5348726859432207000,4742778578215475000,6102164880094062000,366962978353611840,16084834641749443000,8366826746721323000,1924303400883620400,799182088624980700,26023588519449590,14253625255053304000,13846904447064916285],[1924303400883620400,8876924567444570473,1789832635968548900,4002029424845293600,799182088624980700,16084834641749443000,13846904447064916285,8366826746721323000,26023588519449590,6102164880094062000,13712392741217151405,5348726859432207000,366962978353611840,16141281339223525000,14253625255053304000,4742778578215475000,5591755359500854000,1250460246919467000],[5591755359500854000,8366826746721323000,366962978353611840,6102164880094062000],[8366826746721323000,366962978353611840,4742778578215475000,5591755359500854000,6102164880094062000],[14253625255053304000,8366826746721323000,366962978353611840,1789832635968548900,8876924567444570473,5591755359500854000,4742778578215475000,6102164880094062000,13846904447064916285],[4742778578215475000,5591755359500854000,13846904447064916285,366962978353611840,14253625255053304000,8876924567444570473,16084834641749443000,8366826746721323000,1789832635968548900,26023588519449590,6102164880094062000],[1789832635968548900,5591755359500854000,4742778578215475000,8366826746721323000,13846904447064916285,6102164880094062000,1250460246919467000,16084834641749443000,8876924567444570473,14253625255053304000,4002029424845293600,366962978353611840,26023588519449590],[1789832635968548900,5348726859432207000,5591755359500854000,8876924567444570473,8366826746721323000,26023588519449590,6102164880094062000,366962978353611840,16084834641749443000,4742778578215475000,13846904447064916285,14253625255053304000,1250460246919467000,4002029424845293600],[16084834641749443000,4002029424845293600,8366826746721323000,5591755359500854000,6102164880094062000,14253625255053304000,4742778578215475000,8876924567444570473,13846904447064916285,16141281339223525000,1924303400883620400,26023588519449590,1250460246919467000,366962978353611840,1789832635968548900,5348726859432207000],[1789832635968548900,13846904447064916285,1924303400883620400,6102164880094062000,4742778578215475000,8876924567444570473,16084834641749443000,5591755359500854000,13712392741217151405,366962978353611840,16141281339223525000,26023588519449590,8366826746721323000,1250460246919467000,5348726859432207000,4002029424845293600,14253625255053304000],[6102164880094062000,26023588519449590,8876924567444570473,4002029424845293600,4742778578215475000,8366826746721323000,5348726859432207000,5591755359500854000,16141281339223525000,13846904447064916285,1789832635968548900,1250460246919467000,14253625255053304000,16084834641749443000,366962978353611840,1924303400883620400],[1250460246919467000,13712392741217151405,1924303400883620400,16141281339223525000,6102164880094062000,8876924567444570473,366962978353611840,13846904447064916285,8366826746721323000,14253625255053304000,16084834641749443000,1789832635968548900,26023588519449590,4742778578215475000,5348726859432207000,4002029424845293600,5591755359500854000],[9079109751490757000],[9079109751490757000,10316247453530667000],[10316247453530667000,9079109751490757000,5348726859432207000],[10316247453530667000,4742778578215475000,8366826746721323000,1250460246919467000,6102164880094062000,366962978353611840,5591755359500854000,9079109751490757000,5348726859432207000],[4742778578215475000,9079109751490757000,17725188707009528000,10316247453530667000,5591755359500854000,8366826746721323000,5348726859432207000,366962978353611840,1250460246919467000,6102164880094062000],[1250460246919467000,14253625255053304000,1789832635968548900,17725188707009528000,5348726859432207000,5591755359500854000,8366826746721323000,9079109751490757000,10316247453530667000,8876924567444570473,4742778578215475000,13846904447064916285,366962978353611840,6102164880094062000],[4742778578215475000,5348726859432207000,14253625255053304000,10316247453530667000,9079109751490757000,366962978353611840,1789832635968548900,13846904447064916285,5591755359500854000,1250460246919467000,6102164880094062000,799182088624980700,8876924567444570473,8366826746721323000,17725188707009528000],[9079109751490757000,13846904447064916285,5591755359500854000,5348726859432207000,366962978353611840,799182088624980700,4742778578215475000,8876924567444570473,1789832635968548900,14253625255053304000,17725188707009528000,8366826746721323000,10316247453530667000,6102164880094062000,16084834641749443000,26023588519449590,1250460246919467000],[10316247453530667000,366962978353611840,17025512774010843000,799182088624980700,6102164880094062000,16084834641749443000,8366826746721323000,17725188707009528000,5348726859432207000,14253625255053304000,4002029424845293600,1250460246919467000,26023588519449590,9079109751490757000,13846904447064916285,1789832635968548900,5591755359500854000,4742778578215475000,13712392741217151405,8876924567444570473],[17725188707009528000,1250460246919467000,1789832635968548900,366962978353611840,5591755359500854000,9079109751490757000,14253625255053304000,5348726859432207000,4742778578215475000,6102164880094062000,10316247453530667000,799182088624980700,4002029424845293600,13846904447064916285,1924303400883620400,17025512774010843000,8876924567444570473,26023588519449590,13712392741217151405,16141281339223525000,16084834641749443000,8366826746721323000],[9641606876402405523,7094974507355892337,2166474486859326700,4373650744391914031,15908863353600836000,10690271318666670633,5348726859432207000,3223387122603246085,799182088624980700,17725188707009528000,4040070953711778000,12004715210677400127,13712392741217151405],[4040070953711778000,10690271318666670633,9641606876402405523,799182088624980700,12004715210677400127,13712392741217151405,17725188707009528000,2166474486859326700,4373650744391914031,7094974507355892337,3223387122603246085,15908863353600836000,17025512774010843000,5348726859432207000],[10690271318666670633,5348726859432207000,17725188707009528000,3223387122603246085,12004715210677400127,13712392741217151405,1250460246919467000,4373650744391914031,799182088624980700,9641606876402405523,4040070953711778000,7094974507355892337,15908863353600836000,17025512774010843000,2166474486859326700],[7094974507355892337,3223387122603246085,13712392741217151405,10316247453530667000,15908863353600836000,12004715210677400127,4040070953711778000,1250460246919467000,799182088624980700,17725188707009528000,2166474486859326700,5348726859432207000,9641606876402405523,10690271318666670633,17025512774010843000,4373650744391914031],[13712392741217151405,17025512774010843000,15908863353600836000,12004715210677400127,10690271318666670633,17725188707009528000,4373650744391914031,7094974507355892337,3602127523880426500,2166474486859326700,799182088624980700,10316247453530667000,5348726859432207000,3223387122603246085,4040070953711778000,1250460246919467000,9641606876402405523],[17025512774010843000,4040070953711778000,5348726859432207000,12004715210677400127,17725188707009528000,3602127523880426500,10690271318666670633,7094974507355892337,3223387122603246085,1250460246919467000,4742778578215475000,4002029424845293600,10316247453530667000,799182088624980700,4373650744391914031,9641606876402405523,2166474486859326700,13712392741217151405,15908863353600836000],[17725188707009528000,17025512774010843000,13712392741217151405,10690271318666670633,7094974507355892337,12004715210677400127,3223387122603246085,26023588519449590,15908863353600836000,10316247453530667000,3602127523880426500,4002029424845293600,799182088624980700,5348726859432207000,4373650744391914031,9641606876402405523,4742778578215475000,4040070953711778000,2166474486859326700,1250460246919467000],[2166474486859326700,1250460246919467000,3223387122603246085,9641606876402405523,8366826746721323000,799182088624980700,8876924567444570473,16141281339223525000,10316247453530667000,13846904447064916285,26023588519449590,7094974507355892337,15908863353600836000,3602127523880426500,4742778578215475000,5348726859432207000,17025512774010843000,6102164880094062000,4040070953711778000,14253625255053304000,17725188707009528000,10690271318666670633,4002029424845293600,12004715210677400127,13712392741217151405,16084834641749443000,4373650744391914031],[1250460246919467000,3223387122603246085,10316247453530667000,5348726859432207000,2166474486859326700,6102164880094062000,17725188707009528000,12004715210677400127,3602127523880426500,4742778578215475000,4373650744391914031,8876924567444570473,1789832635968548900,799182088624980700,17025512774010843000,4040070953711778000,7094974507355892337,9641606876402405523,5591755359500854000,4002029424845293600,26023588519449590,13712392741217151405,15908863353600836000,16141281339223525000,1924303400883620400,8366826746721323000,13846904447064916285,10690271318666670633,16084834641749443000,14253625255053304000],[13846904447064916285,4373650744391914031,4742778578215475000,366962978353611840,4002029424845293600,17725188707009528000,17025512774010843000,3223387122603246085,15908863353600836000,8876924567444570473,1924303400883620400,8366826746721323000,6102164880094062000,12004715210677400127,16141281339223525000,10316247453530667000,3602127523880426500,1789832635968548900,799182088624980700,7094974507355892337,2166474486859326700,26023588519449590,10690271318666670633,14253625255053304000,1250460246919467000,4040070953711778000,9641606876402405523,13712392741217151405,16084834641749443000,5348726859432207000,5591755359500854000],[9079109751490757000],[17725188707009528000],[13712392741217151405,17725188707009528000,5348726859432207000,17025512774010843000,2166474486859326700],[17725188707009528000,2166474486859326700,17025512774010843000,5348726859432207000,1250460246919467000,13712392741217151405],[2166474486859326700,10316247453530667000,1250460246919467000,17025512774010843000,17725188707009528000,13712392741217151405,5348726859432207000],[17025512774010843000,2166474486859326700,17725188707009528000,5348726859432207000,13712392741217151405,9079109751490757000,1250460246919467000,10316247453530667000],[17025512774010843000,13712392741217151405,8366826746721323000,2166474486859326700,1250460246919467000,5348726859432207000,9079109751490757000,10316247453530667000,5591755359500854000,17725188707009528000],[6102164880094062000,5591755359500854000,17025512774010843000,17725188707009528000,9079109751490757000,1250460246919467000,2166474486859326700,8366826746721323000,10316247453530667000,5348726859432207000,366962978353611840,13712392741217151405],[6102164880094062000,4742778578215475000,1250460246919467000,366962978353611840,1789832635968548900,14253625255053304000,5591755359500854000,2166474486859326700,13712392741217151405,17025512774010843000,17725188707009528000,9079109751490757000,10316247453530667000,5348726859432207000,13846904447064916285,8366826746721323000],[13846904447064916285,16084834641749443000,1789832635968548900,2166474486859326700,5348726859432207000,26023588519449590,1250460246919467000,6102164880094062000,366962978353611840,13712392741217151405,5591755359500854000,9079109751490757000,10316247453530667000,8876924567444570473,17725188707009528000,17025512774010843000,8366826746721323000,14253625255053304000,4742778578215475000,1924303400883620400],[9079109751490757000,366962978353611840,8876924567444570473,2166474486859326700,5348726859432207000,26023588519449590,13712392741217151405,14253625255053304000,10316247453530667000,1924303400883620400,17025512774010843000,6102164880094062000,16084834641749443000,5591755359500854000,1789832635968548900,13846904447064916285,1250460246919467000,17725188707009528000,8366826746721323000,4742778578215475000,4002029424845293600],[4002029424845293600,2166474486859326700,1924303400883620400,16084834641749443000,17725188707009528000,4742778578215475000,13846904447064916285,16141281339223525000,9079109751490757000,6102164880094062000,5591755359500854000,13712392741217151405,26023588519449590,10316247453530667000,17025512774010843000,5348726859432207000,1789832635968548900,366962978353611840,1250460246919467000,8876924567444570473,14253625255053304000,8366826746721323000],[16141281339223525000,4002029424845293600,4742778578215475000,8876924567444570473,799182088624980700,26023588519449590],[16141281339223525000,4742778578215475000,799182088624980700,4002029424845293600,1250460246919467000,26023588519449590,8876924567444570473,6102164880094062000],[14253625255053304000,8876924567444570473,1924303400883620400,1250460246919467000,799182088624980700,16141281339223525000,4742778578215475000,6102164880094062000,26023588519449590,4002029424845293600],[1924303400883620400,6102164880094062000,799182088624980700,1250460246919467000,26023588519449590,5348726859432207000,16141281339223525000,8876924567444570473,4002029424845293600,4742778578215475000,14253625255053304000],[8876924567444570473,799182088624980700,26023588519449590,14253625255053304000,6102164880094062000,1924303400883620400,16141281339223525000,4002029424845293600,366962978353611840,5348726859432207000,4742778578215475000,1250460246919467000],[26023588519449590,4742778578215475000,8366826746721323000,8876924567444570473,1250460246919467000,5348726859432207000,366962978353611840,14253625255053304000,799182088624980700,1924303400883620400,6102164880094062000,16141281339223525000,4002029424845293600],[1924303400883620400,799182088624980700,8366826746721323000,14253625255053304000,16141281339223525000,17725188707009528000,1250460246919467000,26023588519449590,5348726859432207000,4002029424845293600,6102164880094062000,4742778578215475000,8876924567444570473,366962978353611840],[1250460246919467000,8876924567444570473,14253625255053304000,16141281339223525000,1924303400883620400,17725188707009528000,4742778578215475000,13846904447064916285,6102164880094062000,8366826746721323000,16084834641749443000,17025512774010843000,4002029424845293600,799182088624980700,26023588519449590,366962978353611840,5348726859432207000],[14253625255053304000,26023588519449590,4742778578215475000,16084834641749443000,6102164880094062000,366962978353611840,17725188707009528000,799182088624980700,1924303400883620400,16141281339223525000,5591755359500854000,4002029424845293600,1250460246919467000,13846904447064916285,8876924567444570473,5348726859432207000,8366826746721323000,17025512774010843000],[799182088624980700,5591755359500854000,1789832635968548900,8366826746721323000,17025512774010843000,1250460246919467000,26023588519449590,13846904447064916285,1924303400883620400,16084834641749443000,5348726859432207000,14253625255053304000,4742778578215475000,6102164880094062000,8876924567444570473,366962978353611840,17725188707009528000,16141281339223525000,4002029424845293600],[8366826746721323000,4742778578215475000,10316247453530667000,26023588519449590,5348726859432207000,9079109751490757000,799182088624980700,13846904447064916285,14253625255053304000,1789832635968548900,366962978353611840,8876924567444570473,16084834641749443000,17725188707009528000,17025512774010843000,5591755359500854000,16141281339223525000,1924303400883620400,1250460246919467000,6102164880094062000,4002029424845293600],[16084834641749443000,17725188707009528000,16141281339223525000,799182088624980700,14253625255053304000,13712392741217151405,8366826746721323000,17025512774010843000,5348726859432207000,8876924567444570473,4002029424845293600,9079109751490757000,6102164880094062000,1250460246919467000,5591755359500854000,4742778578215475000,1789832635968548900,10316247453530667000,13846904447064916285,366962978353611840,26023588519449590,1924303400883620400],[16084834641749443000,14253625255053304000,1789832635968548900,8876924567444570473,5591755359500854000,366962978353611840,2166474486859326700,17725188707009528000,13712392741217151405,17025512774010843000,4002029424845293600,10316247453530667000,1924303400883620400,26023588519449590,1250460246919467000,9079109751490757000,8366826746721323000,16141281339223525000,799182088624980700,5348726859432207000,13846904447064916285,4742778578215475000,6102164880094062000],[3602127523880426500],[5591755359500854000,8366826746721323000],[6102164880094062000,2233138531352324200,5591755359500854000,8366826746721323000,366962978353611840],[8366826746721323000,13846904447064916285,6102164880094062000,8876924567444570473,5591755359500854000,366962978353611840,2233138531352324200,4742778578215475000,14253625255053304000,1789832635968548900],[13846904447064916285,2233138531352324200,8876924567444570473,366962978353611840,1924303400883620400,1789832635968548900,14253625255053304000,5591755359500854000,16084834641749443000,8366826746721323000,26023588519449590,4742778578215475000,6102164880094062000],[14253625255053304000,4742778578215475000,6102164880094062000,1789832635968548900,12796400626461303056,2233138531352324200,8876924567444570473,26023588519449590,8366826746721323000,366962978353611840,13846904447064916285,1924303400883620400,1250460246919467000,16084834641749443000,5591755359500854000],[4002029424845293600,366962978353611840,1789832635968548900,14253625255053304000,4742778578215475000,13846904447064916285,1924303400883620400,2233138531352324200,1250460246919467000,6102164880094062000,16084834641749443000,12796400626461303056,5591755359500854000,8366826746721323000,26023588519449590,8876924567444570473],[4002029424845293600,14253625255053304000,366962978353611840,1924303400883620400,12796400626461303056,5591755359500854000,16141281339223525000,1789832635968548900,16084834641749443000,26023588519449590,13846904447064916285,8366826746721323000,2233138531352324200,1250460246919467000,6102164880094062000,8876924567444570473,4742778578215475000],[9079109751490757000],[9079109751490757000,10316247453530667000],[10316247453530667000,17725188707009528000,9079109751490757000],[3602127523880426500],[9079109751490757000],[2233138531352324200,9079109751490757000],[2233138531352324200,8366826746721323000,366962978353611840,5591755359500854000,9079109751490757000],[366962978353611840,2233138531352324200,5591755359500854000,8366826746721323000,6102164880094062000,9079109751490757000],[5591755359500854000,9079109751490757000,13846904447064916285,2233138531352324200,366962978353611840,1789832635968548900,14253625255053304000,6102164880094062000,8366826746721323000],[1924303400883620400,13846904447064916285,366962978353611840,14253625255053304000,8366826746721323000,2233138531352324200,16084834641749443000,5591755359500854000,6102164880094062000,9079109751490757000,1789832635968548900],[366962978353611840,8366826746721323000,6102164880094062000,14253625255053304000,2233138531352324200,1924303400883620400,9079109751490757000,5591755359500854000,16084834641749443000,4742778578215475000,13846904447064916285,1789832635968548900],[14253625255053304000,1924303400883620400,26023588519449590,5591755359500854000,16084834641749443000,1789832635968548900,9079109751490757000,13846904447064916285,366962978353611840,6102164880094062000,4742778578215475000,4002029424845293600,2233138531352324200,8366826746721323000],[1789832635968548900,26023588519449590,5591755359500854000,1924303400883620400,16084834641749443000,13846904447064916285,4742778578215475000,9079109751490757000,366962978353611840,8876924567444570473,2233138531352324200,14253625255053304000,8366826746721323000,4002029424845293600,6102164880094062000],[5591755359500854000,16141281339223525000,4742778578215475000,14253625255053304000,26023588519449590,2233138531352324200,13846904447064916285,1789832635968548900,1924303400883620400,16084834641749443000,8366826746721323000,8876924567444570473,6102164880094062000,9079109751490757000,366962978353611840,4002029424845293600],[16141281339223525000,1789832635968548900,16084834641749443000,26023588519449590,8876924567444570473,13846904447064916285,1924303400883620400,2233138531352324200,8366826746721323000,10316247453530667000,5591755359500854000,4742778578215475000,6102164880094062000,366962978353611840,4002029424845293600,9079109751490757000,14253625255053304000],[4002029424845293600,2233138531352324200,1789832635968548900,1924303400883620400,16084834641749443000,1250460246919467000,5591755359500854000,4742778578215475000,14253625255053304000,9079109751490757000,8876924567444570473,10316247453530667000,13846904447064916285,6102164880094062000,8366826746721323000,26023588519449590,12796400626461303056,366962978353611840,16141281339223525000],[]],"selection_redo_history":[]}}},"collapsed":[17725188707009528001,9079109751490757001,3602127523880426501],"name":"changing-seasons.graphite","commit_hash":"e647ca9f91a5e823137122126fe9e980f65d62ea","document_ptz":{"pan":[-999.7861718531644,-499.944688737096],"tilt":0.0,"zoom":0.940975,"flip":false},"document_mode":"DesignMode","view_mode":"Normal","overlays_visibility_settings":{"all":true,"artboard_name":true,"compass_rose":true,"quick_measurement":true,"transform_measurement":true,"transform_cage":true,"hover_outline":true,"selection_outline":true,"pivot":true,"path":true,"anchors":true,"handles":true},"rulers_visible":true,"snapping_state":{"snapping_enabled":true,"grid_snapping":false,"artboards":true,"tolerance":8.0,"bounding_box":{"center_point":true,"corner_point":true,"edge_midpoint":true,"align_with_edges":true,"distribute_evenly":true},"path":{"anchor_point":true,"line_midpoint":true,"along_path":true,"normal_to_path":true,"tangent_to_path":true,"path_intersection_point":true,"align_with_anchor_point":true,"perpendicular_from_endpoint":true},"grid":{"origin":[0.0,0.0],"grid_type":{"Rectangular":{"spacing":[1.0,1.0]}},"rectangular_spacing":[1.0,1.0],"isometric_y_spacing":1.0,"isometric_angle_a":30.0,"isometric_angle_b":30.0,"grid_color":{"red":0.6038274,"green":0.6038274,"blue":0.6038274,"alpha":1.0},"dot_display":false}},"graph_view_overlay_open":false,"graph_fade_artwork_percentage":80.0}
\ No newline at end of file
diff --git a/demo-artwork/isometric-fountain.graphite b/demo-artwork/isometric-fountain.graphite
new file mode 100644
index 0000000000000000000000000000000000000000..c66a44e3eeab2e4d001ab9e46f7d5910c5ad18f9
--- /dev/null
+++ b/demo-artwork/isometric-fountain.graphite
@@ -0,0 +1 @@
+{"network_interface":{"network":{"exports":[{"Node":{"node_id":15709488322180832347,"output_index":0,"lambda":false}}],"nodes":[[10507084483235320484,{"inputs":[{"Node":{"node_id":9157963288496356916,"output_index":0,"lambda":false}},{"Node":{"node_id":1396768435017101055,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4741515246389989284,{"inputs":[{"Node":{"node_id":14255588039347536657,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-70.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4105329493214975815,{"inputs":[{"Node":{"node_id":12931264630175648107,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652969916,-70.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16229837691656808412,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[74.85684586229115,93.12923138495351]],[2,[76.83345669875837,107.20900827532364]],[4,[119.2038270691288,10.452135486817724]],[3,[130.01864188394373,17.639788893964138]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[1,1],[4,4]],"end_point":[[1,2],[4,1],[3,4],[2,3]],"handle_primary":[[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[4,[43.97876382175265,-36.84748630595526]],[3,[0.0,0.0]],[2,[-7.85185185185199,56.395434425300664]]],"stroke":[[4,0],[1,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12172015233077238737,{"inputs":[{"Node":{"node_id":13287180494862716983,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Round"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[15166516760575860563,{"inputs":[{"Node":{"node_id":18085100003956405261,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-36.95875397623445,-115.11453403741598]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.442673035713692,1.442673035713692]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10477328336261010694,{"inputs":[{"Node":{"node_id":10189927996178548902,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652970024,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3185536512640676801,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":4101813853952238986,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5258402282444994019,{"inputs":[{"Node":{"node_id":958845362613832240,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-299.97967195575075,-74.37931084632919]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9999999999999984,0.9999999999999984]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3970872207068447290,{"inputs":[{"Node":{"node_id":2077983679740571162,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[1.2314781197853364,-154.7967075368743]},"exposed":false}},{"Value":{"tagged_value":{"F64":-1.0453527814904993},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.809730022247584,0.552568608414892]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.4027772116731048,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9115451226763736660,{"inputs":[{"Node":{"node_id":7067047867039575315,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.4745098,"green":0.68235296,"blue":0.60784316,"alpha":1.0}],[1.0,{"red":0.5568628,"green":0.7529412,"blue":0.6392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.02103945787988068,0.9859744936226362],"end":[0.6072632276568447,0.28531051081023584],"transform":[864.8574591113804,0.0,0.0,195.5288174655342,170.80386791692547,510.2135732107871]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.4745098,"green":0.68235296,"blue":0.60784316,"alpha":1.0}],[1.0,{"red":0.5568628,"green":0.7529412,"blue":0.6392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.02103945787988068,0.9859744936226362],"end":[0.6072632276568447,0.28531051081023584],"transform":[864.8574591113804,0.0,0.0,195.5288174655342,170.80386791692547,510.2135732107871]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11860177410232537211,{"inputs":[{"Node":{"node_id":5882319123081134737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractFront"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14019233912018234740,{"inputs":[{"Node":{"node_id":16069762220015310717,"output_index":0,"lambda":false}},{"Node":{"node_id":17785019773455930267,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4197544064668946479,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[7,[578.4678751731759,580.0]],[5,[615.7883832488644,560.0000000000001]],[2,[363.87495373796554,587.4999999999999]],[3,[345.21469970012123,592.5]],[4,[419.8557158514987,612.5]],[6,[634.4486372867087,565.0]],[1,[391.8653347947321,595.0]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[3,3],[5,5],[2,2],[4,4],[6,6],[1,1]],"end_point":[[1,2],[6,7],[4,5],[3,4],[2,3],[5,6]],"handle_primary":[[6,[0.0,0.0]],[5,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[5,[0.0,0.0]],[6,[0.0,0.0]]],"stroke":[[2,0],[4,0],[3,0],[5,0],[1,0],[6,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5448146793323825465,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[783.730669589464,550.0]],[1,[709.0896534380863,630.0]],[4,[895.6921938165308,580.0000000000001]],[2,[597.1281292110198,599.9999999999999]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[4,4],[1,1]],"end_point":[[2,3],[4,1],[1,2],[3,4]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[1,0],[4,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4187349759243468746,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],"remove":[],"delta":[[9,[606.0246913580247,486.803840877915]],[14,[650.6666666666667,398.2222222222223]],[13,[609.7997256515774,497.6899862825788]],[17,[668.3566529492455,433.2510288065844]],[11,[615.6378600823045,431.5390946502058]],[2,[533.9259259259258,420.7407407407407]],[18,[618.4910836762688,499.9725651577503]],[12,[609.0096021947874,496.4609053497942]],[15,[615.4183813443072,491.19341563786]],[1,[583.5500685871057,499.53360768175577]],[10,[607.8683127572016,488.3840877914952]],[3,[589.8710562414265,497.0754458161865]],[6,[594.4362139917694,493.6515775034293]],[16,[616.0751917898693,491.077444156548]],[8,[580.9382716049382,401.9753086419752]],[7,[596.3676268861453,491.9835390946502]],[5,[574.0246913580246,440.2962962962963]],[4,[591.18792866941,498.3045267489712]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],"remove":[],"start_point":[[17,17],[5,5],[13,13],[1,1],[2,2],[7,7],[18,18],[4,4],[15,15],[6,6],[12,12],[3,3],[8,8],[11,11],[16,16],[9,9],[10,10],[14,14]],"end_point":[[5,6],[8,9],[1,2],[17,18],[6,7],[3,4],[2,3],[15,16],[13,14],[9,10],[12,13],[18,1],[10,11],[7,8],[14,15],[11,12],[16,17],[4,5]],"handle_primary":[[15,[0.0,0.0]],[6,[0.0,0.0]],[12,[0.0,0.0]],[16,[0.0,0.0]],[5,[18.392318244170156,23.769547325102906]],[9,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]],[7,[0.0,0.0]],[8,[22.10150891632361,44.44444444444463]],[13,[0.0,0.0]],[10,[0.0,0.0]],[18,[-6.945585968035971,18.68277302655963]],[4,[0.0,0.0]],[2,[44.005486968450214,35.16049382716062]],[17,[-38.27709190672158,34.5020576131688]],[11,[-3.906721536351256,29.62962962962956]],[14,[-18.3045267489714,37.31138545953348]]],"handle_end":[[8,null],[4,[21.113854595336193,37.201646090535064]],[5,null],[9,[0.0,0.0]],[11,[0.0,0.0]],[14,null],[7,[25.964334705075316,61.47599451303165]],[2,null],[18,[7.8075669002856785,13.340866152962064]],[15,[0.0,0.0]],[13,[-23.747599451303245,35.4677640603565]],[6,[0.0,0.0]],[16,[-35.29218106995893,26.337448559670804]],[1,[48.21947873799752,48.855967078189394]],[3,[0.0,0.0]],[17,null],[12,[0.0,0.0]],[10,[-6.189300411522709,26.732510288065782]]],"stroke":[[13,0],[18,0],[17,0],[1,0],[7,0],[8,0],[3,0],[4,0],[10,0],[5,0],[16,0],[6,0],[15,0],[12,0],[2,0],[11,0],[14,0],[9,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":18}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9684750473849891261,{"inputs":[{"Node":{"node_id":70804263053697201,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.96862745,"green":0.8352941,"blue":0.62352943,"alpha":1.0}],[0.5772391174087621,{"red":0.7921569,"green":0.8019608,"blue":0.6450981,"alpha":1.0}],[1.0,{"red":0.6156863,"green":0.76862746,"blue":0.6666667,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1306.217782649108,0.0,0.0,739.9999999999992,405.99999999999864,284.9999999999999]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.96862745,"green":0.8352941,"blue":0.62352943,"alpha":1.0}],[0.5772391174087621,{"red":0.7921569,"green":0.8019608,"blue":0.6450981,"alpha":1.0}],[1.0,{"red":0.6156863,"green":0.76862746,"blue":0.6666667,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1306.217782649108,0.0,0.0,739.9999999999992,405.99999999999864,284.9999999999999]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13531127678140037818,{"inputs":[{"Node":{"node_id":3970872207068447290,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14055195208113082127,{"inputs":[{"Node":{"node_id":2510483139353274965,"output_index":0,"lambda":false}},{"Node":{"node_id":12360435709959435360,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18187802220803838247,{"inputs":[{"Node":{"node_id":11634445349252640936,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BlendMode":"Screen"},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::BlendModeNode"}},"visible":true,"skip_deduplication":false}],[8015732980153557800,{"inputs":[{"Node":{"node_id":3806549994589872867,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297002,-70.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2791109467690716388,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[2,[877.0319397786863,584.9999999999998]],[6,[1044.9742261192855,480.0]],[5,[596.8912314546803,600.0634765625]],[1,[1156.9357503463468,509.9999999999987]],[3,[783.7306695894646,560.0]],[4,[615.5514854925251,605.0634765625002]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[3,3],[2,2],[4,4],[1,1],[5,5],[6,6]],"end_point":[[4,5],[2,3],[6,1],[1,2],[3,4],[5,6]],"handle_primary":[[2,[0.0,0.0]],[1,[0.0,0.0]],[6,[0.0,0.0]],[3,null],[4,null],[5,[448.0829946646052,-120.0634765625]]],"handle_end":[[6,[0.0,0.0]],[1,[0.0,0.0]],[2,null],[5,null],[4,null],[3,null]],"stroke":[[3,0],[6,0],[4,0],[2,0],[1,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13747030364552895864,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[2,[1231.576766497729,510.00000000000233]],[1,[709.0896534380864,650.0]],[3,[1231.6308657449686,540.0144958496094]],[5,[709.0896534380863,660.0]],[4,[1156.9357503463516,540.0]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[4,4],[2,2],[1,1],[3,3],[5,5]],"end_point":[[1,2],[2,3],[4,5],[5,1],[3,4]],"handle_primary":[[1,[0.0,0.0]],[5,[0.0,0.0]],[4,[0.0,0.0]],[3,[-74.69511539861696,-0.014495849609375]],[2,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,null],[4,[0.0,0.0]],[3,null],[5,[-2.273736754432321e-13,-2.273736754432321e-13]]],"stroke":[[5,0],[3,0],[1,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8034980397175569257,{"inputs":[{"Node":{"node_id":4243146970185091100,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[55.4066256813212,48.820258260598735]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.093432966432927,1.093432966432927]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11776939455674933130,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":9684750473849891261,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4968550668755026811,{"inputs":[{"Node":{"node_id":585709295659496998,"output_index":0,"lambda":false}},{"Node":{"node_id":13609749019463823009,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17533670083736420411,{"inputs":[{"Node":{"node_id":7005645574203740491,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[0.8397260273972602,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[1.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":0.0}]],"gradient_type":"Radial","start":[0.9711254481326403,-0.313902431217137],"end":[1.0169100960157926,0.2104743282968058],"transform":[1332.3243231154509,0.0,0.0,297.49602202927537,-250.85405534350912,609.3847245924164]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[0.8397260273972602,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[1.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":0.0}]],"gradient_type":"Radial","start":[0.9711254481326403,-0.313902431217137],"end":[1.0169100960157926,0.2104743282968058],"transform":[1332.3243231154509,0.0,0.0,297.49602202927537,-250.85405534350912,609.3847245924164]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12683405703338263457,{"inputs":[{"Node":{"node_id":12537712543904859919,"output_index":0,"lambda":false}},{"Node":{"node_id":14449710315388146362,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1229809699395562135,{"inputs":[{"Node":{"node_id":2843751023378786714,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-36.95875397623445,-88.44786737074935]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.442673035713692,1.442673035713692]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12302362769310895852,{"inputs":[{"Node":{"node_id":15347111149235590492,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.8014369,"green":0.8203125,"blue":0.63446045,"alpha":1.0}],[0.4047792425110607,{"red":0.70046544,"green":0.765625,"blue":0.57421875,"alpha":1.0}],[0.6425390774124099,{"red":0.6,"green":0.70980394,"blue":0.56078434,"alpha":1.0}],[0.8010456340133093,{"red":0.47058824,"green":0.6509804,"blue":0.53333336,"alpha":1.0}],[0.894708599277477,{"red":0.40392157,"green":0.6117647,"blue":0.5176471,"alpha":1.0}],[1.0,{"red":0.26666668,"green":0.5176471,"blue":0.4745098,"alpha":1.0}]],"gradient_type":"Radial","start":[0.5027713289486062,0.6166666666666667],"end":[0.502771328948606,-0.08890027761186703],"transform":[-221.0038859407525,2.7065170151646932e-14,-2.814144532415396e-30,-196.7148850451868,1204.8351529382844,632.1259668592257]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.8014369,"green":0.8203125,"blue":0.63446045,"alpha":1.0}],[0.4047792425110607,{"red":0.70046544,"green":0.765625,"blue":0.57421875,"alpha":1.0}],[0.6425390774124099,{"red":0.6,"green":0.70980394,"blue":0.56078434,"alpha":1.0}],[0.8010456340133093,{"red":0.47058824,"green":0.6509804,"blue":0.53333336,"alpha":1.0}],[0.894708599277477,{"red":0.40392157,"green":0.6117647,"blue":0.5176471,"alpha":1.0}],[1.0,{"red":0.26666668,"green":0.5176471,"blue":0.4745098,"alpha":1.0}]],"gradient_type":"Radial","start":[0.5027713289486062,0.6166666666666667],"end":[0.502771328948606,-0.08890027761186703],"transform":[-221.0038859407525,2.7065170151646932e-14,-2.814144532415396e-30,-196.7148850451868,1204.8351529382844,632.1259668592257]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15488533792651297821,{"inputs":[{"Node":{"node_id":14019233912018234740,"output_index":0,"lambda":false}},{"Node":{"node_id":183952488591282082,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14791465604033956302,{"inputs":[{"Node":{"node_id":18187802220803838247,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":50.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[1147521068928676110,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":938033825024582130,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6821938959315178556,{"inputs":[{"Node":{"node_id":12683405703338263457,"output_index":0,"lambda":false}},{"Node":{"node_id":5326013268137833446,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1490537476612110327,{"inputs":[{"Node":{"node_id":2900504420179573771,"output_index":0,"lambda":false}},{"Node":{"node_id":429913874753911073,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3365825508845848745,{"inputs":[{"Node":{"node_id":7156963182187517674,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.4509804,"green":0.6745098,"blue":0.627451,"alpha":1.0}],[1.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}]],"gradient_type":"Linear","start":[0.008641111778101118,0.8823529411764692],"end":[0.9918085332369128,0.12352941176470456],"transform":[485.1666049839542,0.0,0.0,170.00000000000006,377.80762113533183,514.0000000000002]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.4509804,"green":0.6745098,"blue":0.627451,"alpha":1.0}],[1.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}]],"gradient_type":"Linear","start":[0.008641111778101118,0.8823529411764692],"end":[0.9918085332369128,0.12352941176470456],"transform":[485.1666049839542,0.0,0.0,170.00000000000006,377.80762113533183,514.0000000000002]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9157963288496356916,{"inputs":[{"Node":{"node_id":10188337730058049439,"output_index":0,"lambda":false}},{"Node":{"node_id":1108089904278882840,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3679103217373457623,{"inputs":[{"Node":{"node_id":7910743362843097140,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Round"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[13442128106088307772,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":13700218159488557234,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2225749123534781340,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[1138.2754963085072,550.0000000000001]],[4,[1110.285115251741,542.5]],[3,[1128.9453692895852,537.5000000000001]],[2,[1156.9357503463518,545.0000000000001]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[3,3],[1,1]],"end_point":[[1,2],[4,1],[2,3],[3,4]],"handle_primary":[[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[3,0],[1,0],[4,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11490835759023283071,{"inputs":[{"Node":{"node_id":16923062582661131268,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15517065353723874205,{"inputs":[{"Node":{"node_id":3616319631707471648,"output_index":0,"lambda":false}},{"Node":{"node_id":12548387328300782726,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3014633976566537110,{"inputs":[{"Node":{"node_id":5346759588580719138,"output_index":0,"lambda":false}},{"Node":{"node_id":11860177410232537211,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9981992739451603109,{"inputs":[{"Node":{"node_id":13852123721901366011,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.16078432,"green":0.2901961,"blue":0.16078432,"alpha":0.59765625}],[0.8744713248939212,{"red":0.16078432,"green":0.29411766,"blue":0.16078432,"alpha":0.4453125}],[1.0,{"red":0.16078432,"green":0.2784314,"blue":0.16078432,"alpha":0.2109375}]],"gradient_type":"Radial","start":[0.4917953695426216,3.5168687748431413],"end":[0.4917953695426216,-0.06740196271505461],"transform":[-746.5804084818038,9.142973075533649e-14,0.0,-200.04561753794505,1239.1647878825902,870.5228087689718]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.16078432,"green":0.2901961,"blue":0.16078432,"alpha":0.59765625}],[0.8744713248939212,{"red":0.16078432,"green":0.29411766,"blue":0.16078432,"alpha":0.4453125}],[1.0,{"red":0.16078432,"green":0.2784314,"blue":0.16078432,"alpha":0.2109375}]],"gradient_type":"Radial","start":[0.4917953695426216,3.5168687748431413],"end":[0.4917953695426216,-0.06740196271505461],"transform":[-746.5804084818038,9.142973075533649e-14,0.0,-200.04561753794505,1239.1647878825902,870.5228087689718]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[18128923159828618806,{"inputs":[{"Node":{"node_id":1229809699395562135,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.39215687,"green":0.6392157,"blue":0.4745098,"alpha":1.0}],[0.3267294443765037,{"red":0.45324707,"green":0.734375,"blue":0.5498848,"alpha":1.0}],[0.5703803350862179,{"red":0.72745097,"green":0.7784314,"blue":0.5235294,"alpha":1.0}],[1.0,{"red":1.0,"green":0.84705883,"blue":0.4627451,"alpha":1.0}]],"gradient_type":"Linear","start":[0.4425774215957188,0.8669102822986486],"end":[0.40311512028827146,0.4061330859327766],"transform":[-1171.3007272968916,1.4344296865231056e-13,-2.9954223230091924e-14,733.7843838145138,1307.3912558002485,53.87477268101975]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.39215687,"green":0.6392157,"blue":0.4745098,"alpha":1.0}],[0.3267294443765037,{"red":0.45324707,"green":0.734375,"blue":0.5498848,"alpha":1.0}],[0.5703803350862179,{"red":0.72745097,"green":0.7784314,"blue":0.5235294,"alpha":1.0}],[1.0,{"red":1.0,"green":0.84705883,"blue":0.4627451,"alpha":1.0}]],"gradient_type":"Linear","start":[0.4425774215957188,0.8669102822986486],"end":[0.40311512028827146,0.4061330859327766],"transform":[-1171.3007272968916,1.4344296865231056e-13,-2.9954223230091924e-14,733.7843838145138,1307.3912558002485,53.87477268101975]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[1156213189397385283,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[65.3108891324556,617.5]],[1,[55.98076211353359,615.0]],[4,[74.64101615137773,610.0]],[3,[83.97114317030051,612.4999999999999]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[4,4],[1,1],[3,3]],"end_point":[[1,2],[4,1],[2,3],[3,4]],"handle_primary":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[1,0],[3,0],[4,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8891726805381758817,{"inputs":[{"Node":{"node_id":17332567356044944766,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-74.42590421819692,41.71533421869417]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.6752258214141986},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[38.26905454222045,23.541084128981048]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4371138567686068,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12998832508553378533,{"inputs":[{"Node":{"node_id":3122972215852775755,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.46666667,"green":0.7019608,"blue":0.654902,"alpha":1.0}],[0.5,{"red":0.44313726,"green":0.68235296,"blue":0.6313726,"alpha":1.0}],[1.0,{"red":0.40784314,"green":0.627451,"blue":0.6,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0051615000620980345,0.22838569993468072],"end":[0.9899367003601665,0.951087390077165],"transform":[682.3892394899885,0.0,0.0,255.9839039030424,96.4778478979974,545.5369369350916]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.46666667,"green":0.7019608,"blue":0.654902,"alpha":1.0}],[0.5,{"red":0.44313726,"green":0.68235296,"blue":0.6313726,"alpha":1.0}],[1.0,{"red":0.40784314,"green":0.627451,"blue":0.6,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0051615000620980345,0.22838569993468072],"end":[0.9899367003601665,0.951087390077165],"transform":[682.3892394899885,0.0,0.0,255.9839039030424,96.4778478979974,545.5369369350916]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9798215931018813676,{"inputs":[{"Node":{"node_id":10779665858841986661,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9210109719406330381,{"inputs":[{"Node":{"node_id":8612613134760093452,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9409313765472227540,{"inputs":[{"Node":{"node_id":6821938959315178556,"output_index":0,"lambda":false}},{"Node":{"node_id":8463468388280418154,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13920465562072008593,{"inputs":[{"Node":{"node_id":3670594928372882885,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-63.99999999999994]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3122972215852775755,{"inputs":[{"Node":{"node_id":10431241258085047322,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3564067978712674849,{"inputs":[{"Node":{"node_id":6777328619777499144,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652970075,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2189393878093040029,{"inputs":[{"Node":{"node_id":15478704582542175684,"output_index":0,"lambda":false}},{"Node":{"node_id":17533670083736420411,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10917301734480569398,{"inputs":[{"Node":{"node_id":3455270778005546310,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13946577152348504742,{"inputs":[{"Node":{"node_id":3021739385836969518,"output_index":0,"lambda":false}},{"Node":{"node_id":15876464101883822838,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2510483139353274965,{"inputs":[{"Node":{"node_id":14202574750104046500,"output_index":0,"lambda":false}},{"Node":{"node_id":18128923159828618806,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16847360882244487081,{"inputs":[{"Node":{"node_id":13817976820605296433,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.972549,"green":0.87058824,"blue":0.6666667,"alpha":1.0}],[1.0,{"red":0.9490196,"green":0.92156863,"blue":0.7411765,"alpha":1.0}]],"gradient_type":"Linear","start":[0.6476985249926699,0.10666666666666667],"end":[0.9920644403070608,0.4398792234469302],"transform":[1119.6152422706632,0.0,0.0,300.0,555.8268590219807,337.0]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.972549,"green":0.87058824,"blue":0.6666667,"alpha":1.0}],[1.0,{"red":0.9490196,"green":0.92156863,"blue":0.7411765,"alpha":1.0}]],"gradient_type":"Linear","start":[0.6476985249926699,0.10666666666666667],"end":[0.9920644403070608,0.4398792234469302],"transform":[1119.6152422706632,0.0,0.0,300.0,555.8268590219807,337.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7671691070850213967,{"inputs":[{"Node":{"node_id":1658032775659237960,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.22091675,"green":0.4453125,"blue":0.44150904,"alpha":1.0}],[0.6048571201787465,{"red":0.3202623,"green":0.5461857,"blue":0.5423232,"alpha":0.859375}],[0.8131497297124398,{"red":0.41960785,"green":0.64705884,"blue":0.6431373,"alpha":0.71875}],[1.0,{"red":0.43137255,"green":0.61960787,"blue":0.5803922,"alpha":0.3984375}]],"gradient_type":"Radial","start":[0.3691427845059252,-2.109375000000002],"end":[0.05794738050227899,1.089204545454546],"transform":[317.2243186433542,0.0,0.0,109.99999999999989,917.7114317029974,729.0]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.22091675,"green":0.4453125,"blue":0.44150904,"alpha":1.0}],[0.6048571201787465,{"red":0.3202623,"green":0.5461857,"blue":0.5423232,"alpha":0.859375}],[0.8131497297124398,{"red":0.41960785,"green":0.64705884,"blue":0.6431373,"alpha":0.71875}],[1.0,{"red":0.43137255,"green":0.61960787,"blue":0.5803922,"alpha":0.3984375}]],"gradient_type":"Radial","start":[0.3691427845059252,-2.109375000000002],"end":[0.05794738050227899,1.089204545454546],"transform":[317.2243186433542,0.0,0.0,109.99999999999989,917.7114317029974,729.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16244305414728361140,{"inputs":[{"Node":{"node_id":11547499603328872398,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.5294118,"green":0.7490196,"blue":0.65882355,"alpha":1.0}],[1.0,{"red":0.46666667,"green":0.69803923,"blue":0.62352943,"alpha":1.0}]],"gradient_type":"Linear","start":[0.008550171763040293,0.13076923076922986],"end":[0.99103054401049,0.7769230769230764],"transform":[335.8845726811991,0.0,0.0,129.9999999999999,415.12812921102034,414.0000000000001]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.5294118,"green":0.7490196,"blue":0.65882355,"alpha":1.0}],[1.0,{"red":0.46666667,"green":0.69803923,"blue":0.62352943,"alpha":1.0}]],"gradient_type":"Linear","start":[0.008550171763040293,0.13076923076922986],"end":[0.99103054401049,0.7769230769230764],"transform":[335.8845726811991,0.0,0.0,129.9999999999999,415.12812921102034,414.0000000000001]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9724746185253267560,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"delta":[[6,[1194.256258422041,458.99999999999994]],[10,[1194.2562584220411,469.00000000000006]],[3,[1044.9742261192855,459.0]],[1,[1091.6248612138966,461.5]],[9,[1222.2466394788075,476.5000000000001]],[4,[1184.9261314031187,496.5]],[2,[1063.63448015713,453.99999999999994]],[8,[1184.9261314031187,486.5]],[11,[1175.5960043841962,474.00000000000006]],[5,[1259.567147554496,476.49999999999994]],[7,[1138.2754963085074,473.99999999999994]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[3,3],[8,8],[1,1],[4,4],[9,9],[2,2],[10,10],[7,7],[5,5],[6,6]],"end_point":[[1,2],[9,10],[7,8],[5,6],[6,7],[8,9],[2,3],[4,5],[10,11],[3,4]],"handle_primary":[[8,[0.0,0.0]],[4,[0.0,0.0]],[10,[0.0,0.0]],[6,[0.0,0.0]],[7,[0.0,0.0]],[1,[0.0,0.0]],[9,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[5,[0.0,0.0]]],"handle_end":[[9,[0.0,0.0]],[6,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[7,[0.0,0.0]],[8,[0.0,0.0]],[2,[0.0,0.0]],[10,[0.0,0.0]],[5,[0.0,0.0]]],"stroke":[[4,0],[2,0],[6,0],[8,0],[9,0],[7,0],[10,0],[1,0],[5,0],[3,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1108089904278882840,{"inputs":[{"Node":{"node_id":5317925967883407701,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13001069903842109798,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[1.0311603768047983,1.0082447817061446]],[4,[0.15793848790232112,1.0756444843098496]],[2,[1.067391838882569,0.5169672994595966]],[1,[0.02964805558748984,0.4451546735104888]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[3,3],[4,4],[2,2]],"end_point":[[2,3],[1,2],[4,1],[3,4]],"handle_primary":[[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[3,[-0.4856258676143469,-0.19200483651697595]]],"handle_end":[[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[2,null]],"stroke":[[4,0],[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4837219841531371489,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[597.1281292110205,340.0000000000001]],[2,[1343.5382907247958,320.00000000000006]],[3,[1007.6537180435968,230.0]],[1,[933.0127018922194,430.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[2,2],[4,4],[3,3]],"end_point":[[2,3],[1,2],[3,4],[4,1]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[1,0],[4,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17785019773455930267,{"inputs":[{"Node":{"node_id":17887542695709892422,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,-6.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10189927996178548902,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[298.56406460551045,540.0000000000002]],[5,[709.0896534380867,660.0]],[3,[597.1281292110203,649.9999999999999]],[2,[298.5640646055101,570.0000000000006]],[4,[597.1281292110198,630.0]],[6,[709.0896534380864,649.9999999999999]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[3,3],[1,1],[4,4],[5,5],[2,2],[6,6]],"end_point":[[5,6],[2,3],[3,4],[1,2],[4,5],[6,1]],"handle_primary":[[6,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]],[5,[-2.273736754432321e-13,-10.000000000000114]],[3,[-5.684341886080801e-13,-19.999999999999886]],[1,[0.0,0.0]]],"handle_end":[[6,[0.0,0.0]],[5,null],[1,[0.0,0.0]],[3,null],[2,null],[4,null]],"stroke":[[3,0],[6,0],[5,0],[2,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13868917743026516656,{"inputs":[{"Node":{"node_id":5258402282444994019,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.9529412,"green":0.83137256,"blue":0.49411765,"alpha":1.0}],[0.5,{"red":0.6039216,"green":0.77254903,"blue":0.6117647,"alpha":1.0}],[1.0,{"red":0.48010254,"green":0.71875,"blue":0.58451086,"alpha":1.0}]],"gradient_type":"Radial","start":[0.990188567383927,0.031432585832447346],"end":[0.003820820042059303,0.7823921936299838],"transform":[506.9103296893421,0.0,0.0,226.3770224587539,740.0631868527961,262.88438481107136]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.9529412,"green":0.83137256,"blue":0.49411765,"alpha":1.0}],[0.5,{"red":0.6039216,"green":0.77254903,"blue":0.6117647,"alpha":1.0}],[1.0,{"red":0.48010254,"green":0.71875,"blue":0.58451086,"alpha":1.0}]],"gradient_type":"Radial","start":[0.990188567383927,0.031432585832447346],"end":[0.003820820042059303,0.7823921936299838],"transform":[506.9103296893421,0.0,0.0,226.3770224587539,740.0631868527961,262.88438481107136]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9393309733761233513,{"inputs":[{"Node":{"node_id":13946577152348504742,"output_index":0,"lambda":false}},{"Node":{"node_id":11895211316848895241,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11634802583144606404,{"inputs":[{"Node":{"node_id":9226731772122225003,"output_index":0,"lambda":false}},{"Node":{"node_id":6868877732348460627,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8165914767449151618,{"inputs":[{"Node":{"node_id":11158238411769751544,"output_index":0,"lambda":false}},{"Node":{"node_id":13942146309185231085,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14400993470150734626,{"inputs":[{"Node":{"node_id":2088390810384907709,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-69.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14202574750104046500,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":1831743139584171612,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15216519480392295991,{"inputs":[{"Node":{"node_id":12019361655085452072,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.79607844,"green":0.7607843,"blue":0.57254905,"alpha":0.01}],[0.6837652235970189,{"red":0.6666667,"green":0.6666667,"blue":0.6666667,"alpha":0.011764706}],[0.7972664177223364,{"red":0.79607844,"green":0.7607843,"blue":0.57254905,"alpha":0.53515625}],[1.0,{"red":0.9647059,"green":0.7607843,"blue":0.5568628,"alpha":1.0}]],"gradient_type":"Radial","start":[0.5377061694297174,0.1861799653787184],"end":[0.4291107938423666,0.936951921882358],"transform":[-221.0038859407525,2.7065170151646932e-14,-2.629542652075462e-30,-183.8108080683632,1243.8351529382842,529.2218898824021]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.79607844,"green":0.7607843,"blue":0.57254905,"alpha":0.01}],[0.6837652235970189,{"red":0.6666667,"green":0.6666667,"blue":0.6666667,"alpha":0.011764706}],[0.7972664177223364,{"red":0.79607844,"green":0.7607843,"blue":0.57254905,"alpha":0.53515625}],[1.0,{"red":0.9647059,"green":0.7607843,"blue":0.5568628,"alpha":1.0}]],"gradient_type":"Radial","start":[0.5377061694297174,0.1861799653787184],"end":[0.4291107938423666,0.936951921882358],"transform":[-221.0038859407525,2.7065170151646932e-14,-2.629542652075462e-30,-183.8108080683632,1243.8351529382842,529.2218898824021]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[1831743139584171612,{"inputs":[{"Node":{"node_id":6569279146800941123,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.44433594,"green":0.7109375,"blue":0.60144055,"alpha":1.0}],[0.31019165912642926,{"red":0.42991638,"green":0.68359375,"blue":0.5723318,"alpha":0.85546875}],[1.0,{"red":0.41487122,"green":0.66796875,"blue":0.5466929,"alpha":0.3515625}]],"gradient_type":"Radial","start":[0.49564744287268736,0.12680209698558276],"end":[0.6983677910772572,0.8876146788990837],"transform":[340.37037037037106,0.0,0.0,113.03703703703678,837.2962962962961,682.6666666666667]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.44433594,"green":0.7109375,"blue":0.60144055,"alpha":1.0}],[0.31019165912642926,{"red":0.42991638,"green":0.68359375,"blue":0.5723318,"alpha":0.85546875}],[1.0,{"red":0.41487122,"green":0.66796875,"blue":0.5466929,"alpha":0.3515625}]],"gradient_type":"Radial","start":[0.49564744287268736,0.12680209698558276],"end":[0.6983677910772572,0.8876146788990837],"transform":[340.37037037037106,0.0,0.0,113.03703703703678,837.2962962962961,682.6666666666667]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12360435709959435360,{"inputs":[{"Node":{"node_id":15723520455917422372,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.47843137,"green":0.7294118,"blue":0.5686275,"alpha":1.0}],[1.0,{"red":0.39215687,"green":0.6392157,"blue":0.4745098,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5005723020410011,0.4324498034559026],"end":[0.5007962736667897,0.9150264743070644],"transform":[-992.1891732446936,1.215081295162773e-13,-2.5681507542728992e-14,629.116269946799,1261.8846407334754,149.34195758136912]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.47843137,"green":0.7294118,"blue":0.5686275,"alpha":1.0}],[1.0,{"red":0.39215687,"green":0.6392157,"blue":0.4745098,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5005723020410011,0.4324498034559026],"end":[0.5007962736667897,0.9150264743070644],"transform":[-992.1891732446936,1.215081295162773e-13,-2.5681507542728992e-14,629.116269946799,1261.8846407334754,149.34195758136912]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2077983679740571162,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[-137.83320996790803,20.957167389569804]],[4,[-124.49987663457466,76.24680898300153]],[2,[-130.2776544123526,8.793446239014884]],[3,[-119.7591358938339,55.2367451774976]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[1,1],[3,3],[4,4]],"end_point":[[1,2],[2,3],[3,4],[4,1]],"handle_primary":[[4,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[-5.037037037036939,-9.952135486817731]],[1,[0.0,0.0]],[4,[6.814814814814781,36.49116345166567]]],"stroke":[[2,0],[3,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2058192342619930156,{"inputs":[{"Node":{"node_id":2155997486525176376,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,-5.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10181153433637856462,{"inputs":[{"Node":{"node_id":9150078008481575131,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[187.102540378,187.10254037799996]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[373.205080756,373.205080756]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-3.2814312084546346e-17,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11579925754926059876,{"inputs":[{"Node":{"node_id":15670426414376277308,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[1175.596004383839,384.99999999999983]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[410.52558883186134,109.99999999999974]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-3.2814312084546346e-17,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9138781233934614517,{"inputs":[{"Node":{"node_id":8073807569018624098,"output_index":0,"lambda":false}},{"Node":{"node_id":4884180935153120645,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12370676490908282512,{"inputs":[{"Node":{"node_id":9666682009015049330,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[0.643741535074667,{"red":0.27450982,"green":0.49411765,"blue":0.5137255,"alpha":0.5019608}],[0.8214781907174007,{"red":0.27450982,"green":0.5019608,"blue":0.52156866,"alpha":0.17254902}],[1.0,{"red":0.0,"green":1.0,"blue":1.0,"alpha":0.003921569}]],"gradient_type":"Linear","start":[0.8142178455184718,0.014814814814815058],"end":[0.8217337510617708,0.33779273207824057],"transform":[1667.7715501019673,0.0,0.0,377.053346257955,-488.4641717793936,466.6341200282825]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[0.643741535074667,{"red":0.27450982,"green":0.49411765,"blue":0.5137255,"alpha":0.5019608}],[0.8214781907174007,{"red":0.27450982,"green":0.5019608,"blue":0.52156866,"alpha":0.17254902}],[1.0,{"red":0.0,"green":1.0,"blue":1.0,"alpha":0.003921569}]],"gradient_type":"Linear","start":[0.8142178455184718,0.014814814814815058],"end":[0.8217337510617708,0.33779273207824057],"transform":[1667.7715501019673,0.0,0.0,377.053346257955,-488.4641717793936,466.6341200282825]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16261620049358949344,{"inputs":[{"Node":{"node_id":16059265180575745658,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[7340659059180155803,{"inputs":[{"Node":{"node_id":7171713123860587892,"output_index":0,"lambda":false}},{"Node":{"node_id":13531127678140037818,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6589978257209505606,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[821.0511776651532,440.0000000000001]],[1,[709.0896534380868,410.0000000000001]],[2,[709.0896534380868,470.0]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[3,3],[1,1]],"end_point":[[2,3],[1,2],[3,1]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[2,0],[3,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16398743435291795904,{"inputs":[{"Node":{"node_id":5574499968250848265,"output_index":0,"lambda":false}},{"Node":{"node_id":4741515246389989284,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8181290118694677328,{"inputs":[{"Node":{"node_id":5540780316862276409,"output_index":0,"lambda":false}},{"Node":{"node_id":17638504852426495381,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13837327017498431546,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"delta":[[9,[1063.63448015713,504.0000000000001]],[5,[802.3909236273088,543.9999999999999]],[8,[727.7499074759312,594.0]],[10,[914.3524478543748,464.0]],[1,[662.4390183434757,536.5]],[12,[1287.5575286112626,593.9999999999999]],[3,[746.4101615137755,574.0]],[2,[774.4005425705421,566.5]],[4,[718.4197804570089,566.5]],[11,[858.3716857408418,479.00000000000006]],[6,[765.0704155516199,533.9999999999999]],[7,[634.4486372867094,569.0000000000001]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"start_point":[[5,5],[8,8],[7,7],[4,4],[1,1],[6,6],[2,2],[9,9],[3,3],[11,11],[10,10]],"end_point":[[11,12],[3,4],[4,5],[9,10],[2,3],[6,7],[7,8],[5,6],[10,11],[1,2],[8,9]],"handle_primary":[[8,[0.0,0.0]],[9,[0.0,0.0]],[6,[0.0,0.0]],[10,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]],[7,[0.0,0.0]],[11,[0.0,0.0]],[5,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[11,[0.0,0.0]],[5,[0.0,0.0]],[6,[0.0,0.0]],[7,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[10,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[8,[0.0,0.0]],[9,[0.0,0.0]]],"stroke":[[2,0],[8,0],[9,0],[5,0],[1,0],[4,0],[11,0],[7,0],[3,0],[6,0],[10,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[183952488591282082,{"inputs":[{"Node":{"node_id":17965270694495451178,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,-6.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1032659476619711014,{"inputs":[{"Node":{"node_id":3014633976566537110,"output_index":0,"lambda":false}},{"Node":{"node_id":2452294403891427489,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5670058004691708784,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[-109.83320996790816,-37.64985269946783]],[3,[-130.2776544123526,8.793446239014884]],[4,[-115.759135893834,30.3564064604534]],[2,[-117.83320996790816,-58.65991650497199]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[1,1],[2,2],[4,4]],"end_point":[[3,4],[1,2],[4,1],[2,3]],"handle_primary":[[3,[-0.7407407407406481,44.23171327474574]],[1,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,[0.7407407407406481,-44.23171327474574]],[3,[0.0,0.0]],[4,[-12.740740740740762,23.22164946924204]]],"stroke":[[3,0],[4,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11221222899304956410,{"inputs":[{"Node":{"node_id":5448146793323825465,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8242413775403456296,{"inputs":[{"Node":{"node_id":9138781233934614517,"output_index":0,"lambda":false}},{"Node":{"node_id":9115451226763736660,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15157035456876170143,{"inputs":[{"Node":{"node_id":17059035448296015006,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-63.99999999999994]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9150078008481575131,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[0.0,0.5]],[3,[0.5,1.0]],[2,[1.0,0.5]],[1,[0.5,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[3,3],[1,1],[2,2]],"end_point":[[4,1],[2,3],[1,2],[3,4]],"handle_primary":[[4,[0.0,-0.275892388889507]],[2,[0.0,0.27589238888950707]],[3,[-0.275892388889507,0.0]],[1,[0.27589238888950707,0.0]]],"handle_end":[[1,[0.0,-0.275892388889507]],[4,[-0.275892388889507,0.0]],[3,[0.0,0.27589238888950707]],[2,[0.27589238888950707,0.0]]],"stroke":[[1,0],[4,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15775513677915164685,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],"remove":[],"delta":[[11,[713.6278006401462,612.5505258344765]],[4,[682.3593964334707,606.4197530864195]],[18,[725.5089163237311,594.6117969821673]],[15,[763.4567901234569,605.6296296296294]],[1,[699.8518518518516,598.1234567901233]],[2,[667.3909465020577,593.3827160493828]],[9,[709.3552812071331,611.4970278920897]],[12,[721.9094650205761,611.3799725651577]],[17,[749.8271604938273,587.4567901234568]],[7,[692.1871665904588,615.6720012193263]],[3,[699.7421124828531,603.0617283950616]],[6,[695.3964334705074,609.7777777777776]],[16,[726.2990397805214,601.9862825788753]],[5,[662.6063100137173,612.5432098765428]],[8,[701.8247218411828,611.4580094497792]],[10,[709.413808870599,616.4718792866942]],[13,[734.8148148148149,620.9492455418381]],[14,[728.493827160494,609.9753086419753]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],"remove":[],"start_point":[[17,17],[6,6],[12,12],[4,4],[7,7],[15,15],[3,3],[9,9],[5,5],[11,11],[2,2],[13,13],[10,10],[18,18],[16,16],[14,14],[1,1],[8,8]],"end_point":[[8,9],[11,12],[4,5],[5,6],[9,10],[17,18],[7,8],[13,14],[10,11],[6,7],[15,16],[1,2],[18,1],[3,4],[16,17],[14,15],[2,3],[12,13]],"handle_primary":[[8,[0.0,0.0]],[6,[0.0,0.0]],[7,[0.0,0.0]],[4,[-6.038618148571572,2.2123832635880945]],[5,[0.0,0.0]],[15,[-15.992684042066571,-5.647919524462736]],[12,[0.6886396813392821,0.35058484628291353]],[1,[-13.651577503429507,-4.016460905349504]],[11,[0.9510922553114368,-0.40840938602514143]],[2,[5.399176954732297,6.584362139917744]],[9,[1.0398530837227329,0.17152215813985094]],[13,[-3.101966163694442,-4.096936442615402]],[18,[-0.0877914951989851,0.0]],[16,[0.0,0.0]],[14,[-0.1771601410563335,-2.331086581557088]],[17,[-7.648317030623161,4.388047332817109]],[10,[2.71082158531226,-3.275875783141601]],[3,[0.0,0.0]]],"handle_end":[[3,[6.038618148571345,-2.2123832635879808]],[14,[-22.51851851851859,-0.614540466392441]],[9,null],[1,[8.559670781892919,2.502057613168745]],[12,[-6.90626428898031,-2.3996342021031296]],[16,[-5.977212841894016,7.381559383908893]],[10,null],[18,[0.0,0.0]],[7,[-5.1358024691359105,5.530864197530718]],[17,null],[11,[-1.2025737194898056,-0.6122274594622468]],[5,[-8.69135802469134,3.3580246913579685]],[15,[2.8483462886752022,1.1315348270080676]],[4,[0.0,0.0]],[6,[4.13595488492615,-4.1749733272365575]],[13,[-0.5267489711934559,1.053497942386798]],[2,[0.0,0.0]],[8,[-3.7847889041303233,-0.6242950769699291]]],"stroke":[[12,0],[11,0],[9,0],[17,0],[8,0],[14,0],[1,0],[2,0],[13,0],[5,0],[15,0],[16,0],[4,0],[7,0],[3,0],[10,0],[6,0],[18,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":18}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6569279146800941123,{"inputs":[{"Node":{"node_id":15775513677915164685,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,26.66666666666663]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7799679303995308634,{"inputs":[{"Node":{"node_id":4323461535289334196,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2881239077602364410,{"inputs":[{"Node":{"node_id":9641315149170593327,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.47058824,"green":0.73333335,"blue":0.6117647,"alpha":0.296875}],[0.2777869967086046,{"red":0.46666667,"green":0.72156864,"blue":0.6,"alpha":0.70703125}],[0.36183495566130336,{"red":0.46666667,"green":0.72156864,"blue":0.6039216,"alpha":0.80078125}],[0.6507416725274494,{"red":0.4745098,"green":0.7294118,"blue":0.5921569,"alpha":0.23137255}],[1.0,{"red":0.47058824,"green":0.7176471,"blue":0.6039216,"alpha":0.18359375}]],"gradient_type":"Linear","start":[0.94412535478592,0.7803313772362046],"end":[0.3197649256748516,0.1688059143071423],"transform":[484.7509931080075,0.0,0.0,412.6696147733683,724.2574339293515,434.66666666666674]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.47058824,"green":0.73333335,"blue":0.6117647,"alpha":0.296875}],[0.2777869967086046,{"red":0.46666667,"green":0.72156864,"blue":0.6,"alpha":0.70703125}],[0.36183495566130336,{"red":0.46666667,"green":0.72156864,"blue":0.6039216,"alpha":0.80078125}],[0.6507416725274494,{"red":0.4745098,"green":0.7294118,"blue":0.5921569,"alpha":0.23137255}],[1.0,{"red":0.47058824,"green":0.7176471,"blue":0.6039216,"alpha":0.18359375}]],"gradient_type":"Linear","start":[0.94412535478592,0.7803313772362046],"end":[0.3197649256748516,0.1688059143071423],"transform":[484.7509931080075,0.0,0.0,412.6696147733683,724.2574339293515,434.66666666666674]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2088390810384907709,{"inputs":[{"Node":{"node_id":14341957170885045113,"output_index":0,"lambda":false}},{"Node":{"node_id":9323583246068171750,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2062662104423219162,{"inputs":[{"Node":{"node_id":10810157408196882043,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652970144,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6556170892691431702,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":3365825508845848745,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11595529463602678384,{"inputs":[{"Node":{"node_id":4398598693761352299,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-63.99999999999994]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10810157408196882043,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[1306.2177826491084,530.0000000000023]],[1,[1231.576766497731,510.00000000000233]],[3,[1306.217782649106,559.9999999999999]],[2,[1231.5767664977286,540.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[4,4],[1,1]],"end_point":[[3,4],[2,3],[1,2],[4,1]],"handle_primary":[[4,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[4,[-6.821210263296962e-13,-1.1368683772161605e-13]]],"stroke":[[1,0],[3,0],[4,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4323461535289334196,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[597.1281292110203,649.9999999999999]],[1,[634.4486372867091,639.9999999999999]],[2,[597.1281292110198,630.0]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[1,1],[3,3]],"end_point":[[1,2],[2,3],[3,1]],"handle_primary":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[3,[0.0,1.1368683772161605e-13]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[1,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16807867745126764195,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[0.5,1.0]],[2,[1.0,0.5]],[4,[0.0,0.5]],[1,[0.5,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[3,3],[2,2]],"end_point":[[2,3],[1,2],[4,1],[3,4]],"handle_primary":[[4,[0.0,-0.275892388889507]],[3,[-0.275892388889507,0.0]],[1,[0.27589238888950707,0.0]],[2,[0.0,0.27589238888950707]]],"handle_end":[[4,[-0.275892388889507,0.0]],[2,[0.27589238888950707,0.0]],[1,[0.0,-0.275892388889507]],[3,[0.0,0.27589238888950707]]],"stroke":[[2,0],[3,0],[4,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17881728913029763313,{"inputs":[{"Node":{"node_id":16793555741218543212,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15709488322180832347,{"inputs":[{"Value":{"tagged_value":{"ArtboardGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":7838724497953148309,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"IVec2":[0,0]},"exposed":false}},{"Value":{"tagged_value":{"IVec2":[1270,635]},"exposed":false}},{"Value":{"tagged_value":{"Color":{"red":0.5529412,"green":0.78039217,"blue":0.70980394,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":1}},{"Value":{"tagged_value":{"String":"Artboard"},"exposed":false}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToArtboardNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Network":{"import_type":{"Fn":[{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::graphic_element::Artboard>","alias":null}}]},"import_index":0}},{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::AppendArtboardNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14330881008352607546,{"inputs":[{"Node":{"node_id":11595529463602678384,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.27450982,"green":0.50980395,"blue":0.54509807,"alpha":1.0}],[0.7251131221719457,{"red":0.39215687,"green":0.6156863,"blue":0.5921569,"alpha":0.5019608}],[1.0,{"red":0.5058824,"green":0.7294118,"blue":0.6392157,"alpha":0.0}]],"gradient_type":"Linear","start":[0.3284027974661107,0.17846479235419954],"end":[0.3331499206771569,0.5505113976358942],"transform":[842.6155846750064,0.0,0.0,225.77816544354573,370.28268480418546,448.7065465860055]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.27450982,"green":0.50980395,"blue":0.54509807,"alpha":1.0}],[0.7251131221719457,{"red":0.39215687,"green":0.6156863,"blue":0.5921569,"alpha":0.5019608}],[1.0,{"red":0.5058824,"green":0.7294118,"blue":0.6392157,"alpha":0.0}]],"gradient_type":"Linear","start":[0.3284027974661107,0.17846479235419954],"end":[0.3331499206771569,0.5505113976358942],"transform":[842.6155846750064,0.0,0.0,225.77816544354573,370.28268480418546,448.7065465860055]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[70804263053697201,{"inputs":[{"Node":{"node_id":13942787566051910019,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[3.410605131648481e-13,3.410605131648481e-13]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1268.999999999999,634.9999999999992]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[194878846429432339,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[671.7691453623979,420.00000000000006]],[2,[559.8076211353317,450.0000000000001]],[4,[522.4871130596428,380.00000000000006]],[3,[410.5255888325765,410.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[3,3],[4,4],[2,2]],"end_point":[[4,1],[2,3],[1,2],[3,4]],"handle_primary":[[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[3,0],[4,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3806549994589872867,{"inputs":[{"Node":{"node_id":11429712783984224234,"output_index":0,"lambda":false}},{"Node":{"node_id":11479492521093639512,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[326112971739898070,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[559.8076211353317,610.0]],[2,[578.4678751731759,615.0]],[4,[578.4678751731759,605.0]],[3,[597.1281292110207,610.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[1,1],[3,3]],"end_point":[[4,1],[2,3],[3,4],[1,2]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[4,[-1.1368683772161605e-13,-1.1368683772161605e-13]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[1,0],[2,0],[4,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4898866541060902381,{"inputs":[{"Node":{"node_id":7799679303995308634,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.39520264,"green":0.72265625,"blue":0.56068987,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.39520264,"green":0.72265625,"blue":0.56068987,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[10779665858841986661,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[122.7099999086348,-47.60198818628578]],[1,[98.808765340734,-112.29086885060116]],[2,[97.17913571110468,-93.86098831945704]],[4,[127.45074064937567,-74.14101615113282]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[3,3],[2,2],[4,4]],"end_point":[[3,4],[4,1],[2,3],[1,2]],"handle_primary":[[4,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[2,[-5.92592592592608,-17.692685309898252]]],"stroke":[[4,0],[1,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7952384394377946257,{"inputs":[{"Node":{"node_id":9935922395919478146,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.44705883,"green":0.654902,"blue":0.50980395,"alpha":1.0}],[0.15303737473719153,{"red":0.44705883,"green":0.654902,"blue":0.50980395,"alpha":1.0}],[0.45863166412588735,{"red":0.7921569,"green":0.8509804,"blue":0.58431375,"alpha":1.0}],[0.6476150394844262,{"red":0.9764706,"green":0.92941177,"blue":0.54509807,"alpha":1.0}],[1.0,{"red":0.9764706,"green":0.92941177,"blue":0.54509807,"alpha":1.0}]],"gradient_type":"Radial","start":[0.5550432633852689,0.9407795494396834],"end":[0.3799981368712242,0.012217625842737945],"transform":[548.4300072318631,0.0,0.0,524.1079289375543,1123.2642857142864,356.5966454230286]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.44705883,"green":0.654902,"blue":0.50980395,"alpha":1.0}],[0.15303737473719153,{"red":0.44705883,"green":0.654902,"blue":0.50980395,"alpha":1.0}],[0.45863166412588735,{"red":0.7921569,"green":0.8509804,"blue":0.58431375,"alpha":1.0}],[0.6476150394844262,{"red":0.9764706,"green":0.92941177,"blue":0.54509807,"alpha":1.0}],[1.0,{"red":0.9764706,"green":0.92941177,"blue":0.54509807,"alpha":1.0}]],"gradient_type":"Radial","start":[0.5550432633852689,0.9407795494396834],"end":[0.3799981368712242,0.012217625842737945],"transform":[548.4300072318631,0.0,0.0,524.1079289375543,1123.2642857142864,356.5966454230286]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9666682009015049330,{"inputs":[{"Node":{"node_id":2791109467690716388,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[958845362613832240,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[2,[971.7488173182714,480.37931084632993]],[1,[971.7488173182716,440.37931084632993]],[4,[1195.671865772399,520.3793108463286]],[6,[1382.2744061508486,330.3793108463298]],[3,[1195.6718657723986,420.3793108463287]],[5,[1382.2744061508483,470.3793108463301]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[6,6],[4,4],[5,5],[2,2],[3,3],[1,1]],"end_point":[[3,4],[1,2],[2,3],[6,1],[5,6],[4,5]],"handle_primary":[[6,[0.0,0.0]],[3,[0.0,0.0]],[5,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,[0.0,0.0]],[5,[0.0,0.0]],[3,[0.0,0.0]],[6,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[2,0],[1,0],[5,0],[4,0],[6,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13817976820605296433,{"inputs":[{"Node":{"node_id":4837219841531371489,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652969996,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15595689026000825531,{"inputs":[{"Node":{"node_id":2785423879796980286,"output_index":0,"lambda":false}},{"Node":{"node_id":12172015233077238737,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17433098630591807963,{"inputs":[{"Node":{"node_id":11490835759023283071,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.49019608,"green":0.69411767,"blue":0.627451,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.49019608,"green":0.69411767,"blue":0.627451,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3670594928372882885,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[671.7691453623979,420.00000000000006]],[1,[671.7691453623979,459.99999999999994]],[4,[559.8076211353317,490.00000000000006]],[3,[559.8076211353316,450.00000000000006]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[1,1],[4,4],[3,3]],"end_point":[[3,4],[2,3],[4,1],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[3,0],[1,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15723520455917422372,{"inputs":[{"Node":{"node_id":4187349759243468746,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[55.4066256813212,75.48692492726542]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.093432966432927,1.093432966432927]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13743495762122910279,{"inputs":[{"Node":{"node_id":322234583139821148,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.30980393,"green":0.54901963,"blue":0.5568628,"alpha":1.0}],[1.0,{"red":0.27450982,"green":0.50980395,"blue":0.54509807,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0487255567160787,0.14016773560900295],"end":[0.9275384787415986,0.5063561479050618],"transform":[117.20355654603016,0.0,0.0,62.809196653128225,646.2891914581903,455.19617712971046]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.30980393,"green":0.54901963,"blue":0.5568628,"alpha":1.0}],[1.0,{"red":0.27450982,"green":0.50980395,"blue":0.54509807,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0487255567160787,0.14016773560900295],"end":[0.9275384787415986,0.5063561479050618],"transform":[117.20355654603016,0.0,0.0,62.809196653128225,646.2891914581903,455.19617712971046]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17250040304106119844,{"inputs":[{"Node":{"node_id":6142412830271644616,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,16.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12548387328300782726,{"inputs":[{"Node":{"node_id":764189229787475993,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.972549,"green":0.87058824,"blue":0.6666667,"alpha":1.0}],[1.0,{"red":0.98039216,"green":0.94509804,"blue":0.7058824,"alpha":1.0}]],"gradient_type":"Radial","start":[0.7883568080179962,0.844472024944475],"end":[0.14631144508187544,0.21558322991428724],"transform":[468.8142261841201,0.0,0.0,125.61839330625676,23.40711309206017,381.9187810343939]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.972549,"green":0.87058824,"blue":0.6666667,"alpha":1.0}],[1.0,{"red":0.98039216,"green":0.94509804,"blue":0.7058824,"alpha":1.0}]],"gradient_type":"Radial","start":[0.7883568080179962,0.844472024944475],"end":[0.14631144508187544,0.21558322991428724],"transform":[468.8142261841201,0.0,0.0,125.61839330625676,23.40711309206017,381.9187810343939]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7339104629465306715,{"inputs":[{"Node":{"node_id":16229837691656808412,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9226731772122225003,{"inputs":[{"Node":{"node_id":8884703330021429739,"output_index":0,"lambda":false}},{"Node":{"node_id":9695624216919732577,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10188337730058049439,{"inputs":[{"Node":{"node_id":1268775104597510914,"output_index":0,"lambda":false}},{"Node":{"node_id":11076863066321508991,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15898396405528650339,{"inputs":[{"Node":{"node_id":16807867745126764195,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[1156.935750346027,389.9999999999999]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[373.2050807562376,99.99999999999976]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-3.2814312084546346e-17,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4046495708656778502,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[106.87778599676416,75.02595252015249]],[2,[111.05567892098054,93.44803081206965]],[4,[122.38078180163905,40.36997488237489]],[3,[130.0186418839436,64.45168544306966]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[2,2],[3,3]],"end_point":[[4,1],[1,2],[2,3],[3,4]],"handle_primary":[[3,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[2,0],[4,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9771562518763748677,{"inputs":[{"Node":{"node_id":14234384001010789008,"output_index":0,"lambda":false}},{"Node":{"node_id":12554549497938935061,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11479492521093639512,{"inputs":[{"Node":{"node_id":15216519480392295991,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BlendMode":"Lighten"},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::BlendModeNode"}},"visible":true,"skip_deduplication":false}],[15300421479077882117,{"inputs":[{"Node":{"node_id":7030585744407664630,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.98039216,"green":0.94509804,"blue":0.7058824,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.98039216,"green":0.94509804,"blue":0.7058824,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4887570735033124574,{"inputs":[{"Node":{"node_id":9210109719406330381,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.39607844,"green":0.57322305,"blue":0.627451,"alpha":0.6313726}],[1.0,{"red":0.5882353,"green":0.627451,"blue":0.39607844,"alpha":0.0}]],"gradient_type":"Linear","start":[0.7128143377734406,-0.305555555555558],"end":[0.6180751590210081,0.944444444444442],"transform":[348.32474203976165,0.0,0.0,120.0,901.7091296728228,809.666666666667]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.39607844,"green":0.57322305,"blue":0.627451,"alpha":0.6313726}],[1.0,{"red":0.5882353,"green":0.627451,"blue":0.39607844,"alpha":0.0}]],"gradient_type":"Linear","start":[0.7128143377734406,-0.305555555555558],"end":[0.6180751590210081,0.944444444444442],"transform":[348.32474203976165,0.0,0.0,120.0,901.7091296728228,809.666666666667]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5365849201631468915,{"inputs":[{"Node":{"node_id":10849502918952703647,"output_index":0,"lambda":false}},{"Node":{"node_id":2310170068575553369,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14483299526002574058,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[933.0127018922192,649.9999999999999]],[4,[839.7114317029976,625.0000000000001]],[1,[1156.9357503463516,540.0]],[2,[1156.9357503463518,589.9999999999999]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[1,1],[2,2],[3,3]],"end_point":[[2,3],[4,1],[1,2],[3,4]],"handle_primary":[[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[2.273736754432321e-13,0.0]]],"stroke":[[4,0],[2,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14234384001010789008,{"inputs":[{"Node":{"node_id":4757672276235057645,"output_index":0,"lambda":false}},{"Node":{"node_id":8863202447825570192,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16793555741218543212,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[559.7618537735666,489.9877366723751]],[6,[410.5255888325765,450.0000000000001]],[3,[783.7306695894638,509.9999999999999]],[2,[634.4486372867091,470.00000000000006]],[4,[597.1281292110201,559.9999999999999]],[5,[298.56406460551005,480.00000000000006]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[2,2],[3,3],[6,6],[1,1],[5,5],[4,4]],"end_point":[[2,3],[6,1],[4,5],[1,2],[3,4],[5,6]],"handle_primary":[[6,[0.0,0.0]],[2,[149.28203230275471,39.99999999999983]],[5,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[6,[0.0,0.0]],[5,[0.0,0.0]],[1,null],[4,[0.0,0.0]],[2,null]],"stroke":[[2,0],[3,0],[1,0],[5,0],[4,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2209276411833629008,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[5,[0.1274934116812796,0.166664669692703]],[4,[0.0,0.5]],[1,[0.8725092774641316,0.16666767219504575]],[6,[0.5000000000000018,0.10816199860278752]],[2,[1.0,0.5]],[3,[0.5,1.0]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[2,2],[5,5],[3,3],[1,1],[6,6],[4,4]],"end_point":[[2,3],[3,4],[5,6],[1,2],[6,1],[4,5]],"handle_primary":[[5,[0.14548887396141374,-0.05850358027814341]],[1,[0.07925873631249913,0.08849560350574948]],[3,[-0.275892388889507,0.0]],[6,[0.22701785858837376,9.09188805575667e-7]],[2,[0.0,0.27589238888950707]],[4,[0.0,-0.12799231715991943]]],"handle_end":[[2,[0.27589238888950707,0.0]],[6,null],[4,[-0.07926033448372466,0.08849596308181285]],[5,null],[1,[0.0,-0.12799086965193351]],[3,[0.0,0.27589238888950707]]],"stroke":[[4,0],[3,0],[1,0],[2,0],[6,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5434119356821575534,{"inputs":[{"Node":{"node_id":1490537476612110327,"output_index":0,"lambda":false}},{"Node":{"node_id":16261620049358949344,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2032185045476767535,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":7340659059180155803,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15261165353096835967,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[6,[1044.9742261192855,480.0]],[1,[1156.9357503463468,509.9999999999987]],[4,[615.7883832488644,605.0000000000001]],[2,[877.0319397786863,584.9999999999998]],[5,[597.1281292110198,599.9999999999999]],[3,[783.7306695894646,560.0]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[1,1],[5,5],[3,3],[2,2],[4,4],[6,6]],"end_point":[[3,4],[4,5],[5,6],[1,2],[6,1],[2,3]],"handle_primary":[[2,[0.0,0.0]],[5,[447.84609690826574,-119.99999999999989]],[6,[0.0,0.0]],[4,null],[1,[0.0,0.0]],[3,null]],"handle_end":[[1,[0.0,0.0]],[3,null],[2,null],[6,[0.0,0.0]],[4,null],[5,null]],"stroke":[[6,0],[3,0],[4,0],[5,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1658032775659237960,{"inputs":[{"Node":{"node_id":14483299526002574058,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297003,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18185020559178852986,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":4847316728405535983,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6785205785632793666,{"inputs":[{"Node":{"node_id":10917301734480569398,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.49803922,"green":0.73333335,"blue":0.6666667,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.49803922,"green":0.73333335,"blue":0.6666667,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4884180935153120645,{"inputs":[{"Node":{"node_id":11221222899304956410,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.972549,"green":0.87058824,"blue":0.6666667,"alpha":1.0}],[1.0,{"red":0.98039216,"green":0.94509804,"blue":0.7058824,"alpha":1.0}]],"gradient_type":"Radial","start":[0.4094933109340779,0.6607209771464397],"end":[0.921423168424672,0.39536705519277415],"transform":[351.6106696380906,0.0,0.0,94.21379497969252,533.0177827301501,601.7509693203432]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.972549,"green":0.87058824,"blue":0.6666667,"alpha":1.0}],[1.0,{"red":0.98039216,"green":0.94509804,"blue":0.7058824,"alpha":1.0}]],"gradient_type":"Radial","start":[0.4094933109340779,0.6607209771464397],"end":[0.921423168424672,0.39536705519277415],"transform":[351.6106696380906,0.0,0.0,94.21379497969252,533.0177827301501,601.7509693203432]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7838724497953148309,{"inputs":[{"Node":{"node_id":9771562518763748677,"output_index":0,"lambda":false}},{"Node":{"node_id":2058192342619930156,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17873337220577786871,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[6,[1044.9742261192855,480.0]],[5,[597.1281292110198,599.9999999999999]],[2,[877.0319397786863,584.9999999999998]],[3,[783.7306695894646,560.0]],[4,[615.7883832488646,605.0000000000001]],[1,[1156.9357503463468,509.9999999999987]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[5,5],[6,6],[2,2],[1,1],[4,4],[3,3]],"end_point":[[1,2],[6,1],[5,6],[4,5],[2,3],[3,4]],"handle_primary":[[5,[447.84609690826574,-119.99999999999989]],[2,[0.0,0.0]],[3,null],[1,[0.0,0.0]],[6,[0.0,0.0]],[4,null]],"handle_end":[[4,null],[6,[0.0,0.0]],[1,[0.0,0.0]],[2,null],[5,null],[3,null]],"stroke":[[4,0],[6,0],[1,0],[3,0],[2,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7861616450605235840,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[1343.3813269975649,420.0420583039525]],[3,[1268.8972745734186,460.00000000000233]],[4,[1231.5767664977302,450.00000000000233]],[2,[1343.5382907247954,439.792314581573]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[1,1],[4,4],[3,3]],"end_point":[[2,3],[4,1],[3,4],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[3,0],[4,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8463468388280418154,{"inputs":[{"Node":{"node_id":9993538712344947860,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":74.5472},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[15670426414376277308,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[0.5,1.0]],[4,[0.0,0.5]],[2,[1.0,0.5]],[1,[0.5,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[3,3],[2,2]],"end_point":[[1,2],[2,3],[4,1],[3,4]],"handle_primary":[[2,[0.0,0.27589238888950707]],[3,[-0.275892388889507,0.0]],[4,[0.0,-0.275892388889507]],[1,[0.27589238888950707,0.0]]],"handle_end":[[3,[0.0,0.27589238888950707]],[4,[-0.275892388889507,0.0]],[1,[0.0,-0.275892388889507]],[2,[0.27589238888950707,0.0]]],"stroke":[[2,0],[1,0],[4,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2292399603649738346,{"inputs":[{"Node":{"node_id":16510804133693080967,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[0.9127081032507663,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[1.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":0.0}]],"gradient_type":"Radial","start":[0.6216293634586009,-3.518518518518513],"end":[0.4157051295501385,0.32812296023903675],"transform":[1332.3243231154509,0.0,0.0,297.49602202927537,-250.85405534350912,609.3847245924164]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[0.9127081032507663,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[1.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":0.0}]],"gradient_type":"Radial","start":[0.6216293634586009,-3.518518518518513],"end":[0.4157051295501385,0.32812296023903675],"transform":[1332.3243231154509,0.0,0.0,297.49602202927537,-250.85405534350912,609.3847245924164]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4069478660487729695,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[-22.15328312748764,98.9633432080564]],[2,[-23.148253406408465,116.21917209054972]],[4,[55.822325899541134,88.0419325229343]],[3,[59.855160808698834,104.19217420861494]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[1,1],[2,2],[4,4]],"end_point":[[3,4],[1,2],[2,3],[4,1]],"handle_primary":[[4,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[-27.645547736903644,17.139482007743737]],[4,[24.844120782255654,5.22590107758802]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[3,0],[1,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5326013268137833446,{"inputs":[{"Node":{"node_id":12875121980058869686,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.48235294,"green":0.69803923,"blue":0.69411767,"alpha":1.0}],[0.5005297191519419,{"red":0.48235294,"green":0.69803923,"blue":0.69411767,"alpha":1.0}],[0.8104119804726813,{"red":0.5686275,"green":0.69411767,"blue":0.5372549,"alpha":0.87890625}],[1.0,{"red":0.3529412,"green":0.5647059,"blue":0.57254905,"alpha":0.296875}]],"gradient_type":"Radial","start":[0.0015840517590797742,0.9627709247339196],"end":[1.0370671897237005,-1.554312234475219e-14],"transform":[2645.364887303592,0.0,0.0,759.3749999999876,-1035.2336294696888,690.8750000000118]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.48235294,"green":0.69803923,"blue":0.69411767,"alpha":1.0}],[0.5005297191519419,{"red":0.48235294,"green":0.69803923,"blue":0.69411767,"alpha":1.0}],[0.8104119804726813,{"red":0.5686275,"green":0.69411767,"blue":0.5372549,"alpha":0.87890625}],[1.0,{"red":0.3529412,"green":0.5647059,"blue":0.57254905,"alpha":0.296875}]],"gradient_type":"Radial","start":[0.0015840517590797742,0.9627709247339196],"end":[1.0370671897237005,-1.554312234475219e-14],"transform":[2645.364887303592,0.0,0.0,759.3749999999876,-1035.2336294696888,690.8750000000118]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12537712543904859919,{"inputs":[{"Node":{"node_id":4968550668755026811,"output_index":0,"lambda":false}},{"Node":{"node_id":8508454285877707748,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12469956387875933942,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":2881239077602364410,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13207576193421440093,{"inputs":[{"Node":{"node_id":12930243402848966353,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5686275,"green":0.7411765,"blue":0.654902,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5686275,"green":0.7411765,"blue":0.654902,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5574499968250848265,{"inputs":[{"Node":{"node_id":11776939455674933130,"output_index":0,"lambda":false}},{"Node":{"node_id":5925268772265373737,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18371793711669837037,{"inputs":[{"Node":{"node_id":7861616450605235840,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.00000000000006]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10742991645899166287,{"inputs":[{"Node":{"node_id":1104068854328504126,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-298.5640646053887,-114.0000000000026]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9999999999999996,0.9999999999999996]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18085100003956405261,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"remove":[],"delta":[[19,[530.7654320987656,499.55555555555566]],[8,[502.0960349862431,417.9179038759178]],[2,[476.9512618480758,444.1904085078117]],[10,[524.0493827160495,487.1111111111112]],[14,[552.9705625612692,418.19081042008474]],[6,[499.77650172698026,445.9388618767647]],[13,[526.0246913580248,490.07407407407413]],[1,[510.41975308641986,500.1481481481481]],[17,[565.2914244954804,444.3855996237166]],[15,[556.7578325004595,420.13017723423656]],[18,[568.2339832275112,446.0155371619765]],[5,[497.38271604938257,447.60493827160496]],[3,[480.5925925925926,440.2962962962962]],[12,[533.8924329970387,433.46495092641567]],[4,[511.55555555555554,490.2222222222222]],[9,[505.311372421164,416.4524664944526]],[16,[530.3703703703702,486.71604938271594]],[7,[515.1604938271604,486.716049382716]],[11,[531.5890484844431,432.90541944395505]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"remove":[],"start_point":[[3,3],[15,15],[6,6],[5,5],[10,10],[11,11],[4,4],[16,16],[7,7],[12,12],[13,13],[17,17],[14,14],[9,9],[19,19],[18,18],[8,8],[2,2],[1,1]],"end_point":[[6,7],[5,6],[4,5],[11,12],[7,8],[9,10],[13,14],[18,19],[1,2],[12,13],[14,15],[2,3],[15,16],[3,4],[16,17],[17,18],[8,9],[10,11],[19,1]],"handle_primary":[[10,[0.0,0.0]],[5,[-10.016557406305251,-15.024836109457851]],[1,[-9.283950617284065,-12.246913580246884]],[15,[-11.459519915000214,23.15277176924241]],[4,[0.0,0.0]],[3,[21.32824309569804,17.329197515254634]],[18,[-19.30865594294653,18.299752742610902]],[6,[3.9272019767233246,4.629039357803151]],[12,[-5.082537215847424,18.7049831985629]],[9,[11.197015798182122,18.39034937970939]],[7,[0.0,0.0]],[17,[27.324497401397252,-21.15032331824051]],[19,[-1.5204271954055455,4.429070525747022]],[2,[-17.16805625160663,-20.28383937076643]],[16,[0.0,0.0]],[14,[15.260998855532309,-21.888591759537466]],[13,[0.0,0.0]],[11,[7.784237194372736,-22.222909722529664]],[8,[-8.936088730151937,-20.93774746663439]]],"handle_end":[[19,[2.7053847913285836,3.5688054694122116]],[5,[-12.032856371187677,-14.183269935989983]],[11,[5.082537215847424,-18.704983198562843]],[6,[0.7901234567898427,-16.197530864197745]],[10,[-7.784237194372736,22.22290972252955]],[4,[13.03703703703701,19.555555555555543]],[18,[4.54320987654296,-13.23456790123464]],[8,[-11.197015798182008,-18.39034937970939]],[15,[4.54320987654296,-11.851851851852018]],[17,[19.435079545528083,-18.419570542198244]],[14,[11.286699158099054,-22.803605349427187]],[7,[18.59187624528363,43.5617887769169]],[16,[-28.402535606591755,21.984770746653737]],[3,[-3.111111111111086,-12.0]],[13,[-15.260998855532534,21.888591759537743]],[12,[3.7530864197531177,-16.59259259259261]],[2,[-22.123456790123555,-17.97530864197529]],[9,[0.7901234567898427,-21.135802469135857]],[1,[28.522359190346833,33.698803394714844]]],"stroke":[[10,0],[1,0],[9,0],[7,0],[4,0],[16,0],[19,0],[18,0],[3,0],[13,0],[15,0],[8,0],[11,0],[12,0],[17,0],[14,0],[5,0],[2,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":19}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8612613134760093452,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[839.7114317029974,625.0000000000001]],[4,[933.0127018922192,670.0000000000001]],[1,[933.0127018922192,650.0]],[3,[802.3909236273086,635.0000000000001]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[3,3],[2,2]],"end_point":[[1,2],[3,4],[4,1],[2,3]],"handle_primary":[[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[1,0],[3,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12931264630175648107,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"delta":[[3,[1531.243556529699,704.9999999999997]],[9,[1231.576766497731,510.0000000000024]],[7,[298.56406460551045,540.0000000000001]],[8,[709.0896534380863,649.9999999999999]],[5,[261.2435565296994,530.0000000000001]],[11,[1492.8203230275508,480.0000000000001]],[6,[298.56406460551034,520.0000000000002]],[1,[1492.820323027551,460.0000000000025]],[4,[261.24355652969956,704.9999999999997]],[2,[1531.2435565296985,470.3]],[10,[1306.2177826491086,530.0000000000023]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"start_point":[[11,11],[8,8],[10,10],[5,5],[4,4],[3,3],[6,6],[7,7],[2,2],[1,1],[9,9]],"end_point":[[6,7],[8,9],[10,11],[3,4],[9,10],[5,6],[1,2],[4,5],[11,1],[7,8],[2,3]],"handle_primary":[[3,[0.0,0.0]],[4,[0.0,0.0]],[10,[0.0,0.0]],[7,[0.0,0.0]],[1,[0.0,0.0]],[8,[0.0,0.0]],[2,[0.0,0.0]],[5,[0.0,0.0]],[9,[0.0,0.0]],[11,[0.0,0.0]],[6,[0.0,0.0]]],"handle_end":[[10,[0.0,0.0]],[6,[0.0,0.0]],[7,[0.0,0.0]],[11,[0.0,0.0]],[1,[0.0,0.0]],[8,[0.0,0.0]],[2,[0.0,0.0]],[5,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[9,[0.0,0.0]]],"stroke":[[7,0],[2,0],[5,0],[9,0],[11,0],[8,0],[1,0],[6,0],[10,0],[4,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":11}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4757672276235057645,{"inputs":[{"Node":{"node_id":4924169570021915606,"output_index":0,"lambda":false}},{"Node":{"node_id":14400993470150734626,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15134939288287905620,{"inputs":[{"Node":{"node_id":8958782938691501404,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10989897386232385465,{"inputs":[{"Node":{"node_id":10507084483235320484,"output_index":0,"lambda":false}},{"Node":{"node_id":7339104629465306715,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5540780316862276409,{"inputs":[{"Node":{"node_id":1032659476619711014,"output_index":0,"lambda":false}},{"Node":{"node_id":13743495762122910279,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9695624216919732577,{"inputs":[{"Node":{"node_id":1156213189397385283,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[16852951849051795674,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[2,[1156.9357503463518,590.0]],[5,[1343.5382907247958,560.0]],[3,[933.0127018922192,650.0]],[1,[1156.9357503463525,530.0]],[8,[1231.576766497731,510.0000000000022]],[4,[933.0127018922192,670.0]],[6,[1343.5382907247958,520.0]],[7,[1306.2177826491068,529.9999999999972]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[4,4],[3,3],[5,5],[2,2],[1,1],[7,7],[8,8],[6,6]],"end_point":[[5,6],[4,5],[6,7],[7,8],[3,4],[1,2],[2,3],[8,1]],"handle_primary":[[2,null],[1,[0.0,0.0]],[6,null],[7,[-74.64101615137588,-19.99999999999494]],[3,[0.0,20.0]],[4,[0.0,0.0]],[5,null],[8,[0.0,0.0]]],"handle_end":[[7,null],[3,null],[5,null],[6,null],[2,null],[8,[0.0,0.0]],[1,null],[4,null]],"stroke":[[2,0],[7,0],[5,0],[1,0],[8,0],[6,0],[4,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14124486712683868036,{"inputs":[{"Node":{"node_id":14449527838292182035,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.44433594,"green":0.7109375,"blue":0.60144055,"alpha":1.0}],[0.31019165912642926,{"red":0.42991638,"green":0.68359375,"blue":0.5723318,"alpha":0.85546875}],[1.0,{"red":0.41487122,"green":0.66796875,"blue":0.5466929,"alpha":0.3515625}]],"gradient_type":"Radial","start":[0.49564744287268736,0.12680209698558276],"end":[0.6983677910772572,0.8876146788990837],"transform":[340.37037037037106,0.0,0.0,113.03703703703678,837.2962962962961,682.6666666666667]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.44433594,"green":0.7109375,"blue":0.60144055,"alpha":1.0}],[0.31019165912642926,{"red":0.42991638,"green":0.68359375,"blue":0.5723318,"alpha":0.85546875}],[1.0,{"red":0.41487122,"green":0.66796875,"blue":0.5466929,"alpha":0.3515625}]],"gradient_type":"Radial","start":[0.49564744287268736,0.12680209698558276],"end":[0.6983677910772572,0.8876146788990837],"transform":[340.37037037037106,0.0,0.0,113.03703703703678,837.2962962962961,682.6666666666667]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11450962621506425680,{"inputs":[{"Node":{"node_id":514222872092587805,"output_index":0,"lambda":false}},{"Node":{"node_id":6006052038693767172,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11158238411769751544,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":14124486712683868036,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2310170068575553369,{"inputs":[{"Node":{"node_id":3564067978712674849,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.94921875,"green":0.8861847,"blue":0.5710144,"alpha":1.0}],[1.0,{"red":0.6594621,"green":0.859375,"blue":0.62438965,"alpha":1.0}]],"gradient_type":"Radial","start":[0.9615262104062824,0.1999999999999842],"end":[0.047819464216158014,0.809999999999961],"transform":[373.20508075688934,0.0,0.0,100.00000000000384,799.1535329954577,376.0000000000008]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.94921875,"green":0.8861847,"blue":0.5710144,"alpha":1.0}],[1.0,{"red":0.6594621,"green":0.859375,"blue":0.62438965,"alpha":1.0}]],"gradient_type":"Radial","start":[0.9615262104062824,0.1999999999999842],"end":[0.047819464216158014,0.809999999999961],"transform":[373.20508075688934,0.0,0.0,100.00000000000384,799.1535329954577,376.0000000000008]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[6868877732348460627,{"inputs":[{"Node":{"node_id":7884283658260267478,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[4191887059541031673,{"inputs":[{"Node":{"node_id":4046495708656778502,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13287180494862716983,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[830.3813046840752,527.5]],[2,[783.7306695894644,525.0]],[3,[811.7210506462309,532.5]],[1,[765.0704155516202,530.0]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[3,3],[1,1]],"end_point":[[1,2],[2,3],[3,4]],"handle_primary":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[1,0],[2,0],[3,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1396768435017101055,{"inputs":[{"Node":{"node_id":15914878146223026034,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16727310898641763441,{"inputs":[{"Node":{"node_id":13920465562072008593,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.4117647,"green":0.6392157,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.4117647,"green":0.6392157,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9278774434958175105,{"inputs":[{"Node":{"node_id":3927358878935116440,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-298.5640646053914,-74.00000000000011]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9999999999999972,0.9999999999999972]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12930243402848966353,{"inputs":[{"Node":{"node_id":7948029953091985757,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[895.6921938163274,315.9999999999998]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[373.2050807562376,99.99999999999976]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-3.2814312084546346e-17,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14805036488257720752,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[895.6921938165302,595.0]],[1,[849.0415587219195,597.5000000000001]],[2,[877.0319397786858,590.0]],[4,[942.3428289111416,582.5]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[3,3],[1,1]],"end_point":[[3,4],[1,2],[2,3]],"handle_primary":[[2,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[3,0],[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18011777376689315137,{"inputs":[{"Node":{"node_id":10564228200140683112,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[8343201730608263656,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[933.0127018922194,430.0]],[4,[709.0896534380868,470.0]],[5,[597.1281292110203,439.99999999999994]],[6,[597.1281292110205,340.0000000000001]],[2,[933.0127018922194,470.0]],[3,[709.0896534380868,410.0000000000001]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[1,1],[4,4],[5,5],[6,6],[3,3],[2,2]],"end_point":[[6,1],[4,5],[3,4],[5,6],[1,2],[2,3]],"handle_primary":[[5,[0.0,0.0]],[1,[0.0,0.0]],[6,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[5,[0.0,0.0]],[2,[0.0,0.0]],[6,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[2,0],[3,0],[5,0],[1,0],[6,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9935922395919478146,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"delta":[[3,[1276.181069958848,406.51851851851853]],[13,[1334.9135802469134,382.9465020576131]],[6,[1283.8189300411525,381.6296296296296]],[16,[1349.7942386831278,385.3168724279836]],[18,[1353.2181069958854,390.3209876543211]],[19,[1353.7448559670786,395.8518518518519]],[17,[1331.2263374485594,418.633744855967]],[1,[1317.9649443682358,445.9417771681145]],[14,[1320.9547325102878,428.11522633744846]],[4,[1281.3168724279838,402.0411522633745]],[8,[1311.341563786008,420.872427983539]],[5,[1303.7037037037037,419.6872427983538]],[11,[1318.5843621399176,404.93827160493817]],[12,[1330.9629629629628,378.8641975308641]],[15,[1346.7654320987656,379.522633744856]],[20,[1325.5637860082302,441.9423868312756]],[10,[1307.9176954732511,360.6913580246913]],[2,[1309.8491083676272,442.3520804755373]],[9,[1303.5720164609054,369.51440329218104]],[7,[1291.19341563786,379.78600823045264]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"start_point":[[6,6],[19,19],[20,20],[13,13],[16,16],[12,12],[7,7],[17,17],[18,18],[3,3],[5,5],[10,10],[8,8],[1,1],[2,2],[14,14],[9,9],[15,15],[11,11],[4,4]],"end_point":[[3,4],[15,16],[7,8],[11,12],[1,2],[18,19],[14,15],[20,1],[8,9],[16,17],[2,3],[9,10],[17,18],[6,7],[5,6],[19,20],[10,11],[12,13],[4,5],[13,14]],"handle_primary":[[4,[11.934313314187648,6.04743230718924]],[6,[-13.958847736625785,-23.967078189300366]],[19,[-17.792694511774243,22.05806648377495]],[18,[14.617283950616866,-16.32921810699594]],[7,[13.958847736626012,18.304526748971227]],[10,[10.930041152263357,24.88888888888891]],[17,[0.0,0.0]],[16,[-13.168724279835487,17.382716049382793]],[3,[-25.9423868312756,-18.304526748971227]],[5,[0.0,0.0]],[2,[-1.1927104603494172,-1.8387619597050957]],[12,[8.691358024691226,-13.168724279835374]],[15,[17.514403292181214,-18.96296296296299]],[9,[-8.427983539094384,-34.502057613168745]],[8,[0.0,0.0]],[14,[0.0,0.0]],[11,[0.0,0.0]],[1,[-5.73075474332677,0.190602104454058]],[20,[-0.8876695625660886,2.750800182899013]],[13,[-7.506172839506235,20.67489711934155]]],"handle_end":[[4,[0.0,0.0]],[3,[-29.366255144032948,-14.880658436213992]],[14,[-16.17829033097064,17.51634441849427]],[19,[2.149866795831258,-6.662224576095184]],[18,[19.22633744855989,-23.835390946502]],[16,[0.0,0.0]],[7,[0.0,0.0]],[10,[0.0,0.0]],[15,[22.902000000470935,-30.23064000062169]],[2,[21.160177959832257,14.930277849830986]],[9,[-11.24897964853426,-25.61514642859032]],[1,[1.8728852309102424,2.887364730986178]],[13,[0.0,0.0]],[20,[6.571889866311722,-0.218577847920983]],[6,[-21.35436745259517,-28.00242524443996]],[12,[7.506172839506235,-20.67489711934155]],[11,[-8.691358024691226,13.168724279835374]],[5,[8.275699533270199,14.209219953350214]],[17,[-11.234881916731185,12.550678897970386]],[8,[7.512329871725342,30.753600412376215]]],"stroke":[[5,0],[2,0],[17,0],[9,0],[4,0],[16,0],[14,0],[11,0],[8,0],[12,0],[1,0],[3,0],[10,0],[6,0],[15,0],[20,0],[13,0],[19,0],[7,0],[18,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":20}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8073807569018624098,{"inputs":[{"Node":{"node_id":8028812053913481975,"output_index":0,"lambda":false}},{"Node":{"node_id":12998832508553378533,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12875121980058869686,{"inputs":[{"Node":{"node_id":13747030364552895864,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14341957170885045113,{"inputs":[{"Node":{"node_id":12469956387875933942,"output_index":0,"lambda":false}},{"Node":{"node_id":7952384394377946257,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[514222872092587805,{"inputs":[{"Node":{"node_id":5434119356821575534,"output_index":0,"lambda":false}},{"Node":{"node_id":3679103217373457623,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9908869573449854874,{"inputs":[{"Node":{"node_id":16416441286881083283,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17059035448296015006,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[821.0511776651532,440.0000000000001]],[2,[821.0511776651531,500.0]],[1,[709.0896534380867,469.99999999999994]],[3,[933.0127018922194,470.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[3,3],[2,2],[1,1]],"end_point":[[1,2],[3,4],[2,3],[4,1]],"handle_primary":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,5.684341886080804e-14]]],"stroke":[[1,0],[3,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8028812053913481975,{"inputs":[{"Node":{"node_id":15517065353723874205,"output_index":0,"lambda":false}},{"Node":{"node_id":6785205785632793666,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9993538712344947860,{"inputs":[{"Node":{"node_id":15134939288287905620,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.38039216,"green":0.58431375,"blue":0.57254905,"alpha":1.0}],[1.0,{"red":0.38039216,"green":0.58431375,"blue":0.5764706,"alpha":0.0}]],"gradient_type":"Radial","start":[0.9375072552322194,-0.022211489741806645],"end":[0.8621391458239049,0.9748376053312908],"transform":[252.09601447033225,0.0,0.0,101.29892349242375,1209.6581574189368,708.250000000008]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.38039216,"green":0.58431375,"blue":0.57254905,"alpha":1.0}],[1.0,{"red":0.38039216,"green":0.58431375,"blue":0.5764706,"alpha":0.0}]],"gradient_type":"Radial","start":[0.9375072552322194,-0.022211489741806645],"end":[0.8621391458239049,0.9748376053312908],"transform":[252.09601447033225,0.0,0.0,101.29892349242375,1209.6581574189368,708.250000000008]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[456239140723765386,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[1.0,0.5]],[4,[0.0,0.5]],[3,[0.5,1.0]],[1,[0.5,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[3,3],[1,1],[2,2]],"end_point":[[2,3],[1,2],[3,4],[4,1]],"handle_primary":[[2,[0.0,0.27589238888950707]],[1,[0.27589238888950707,0.0]],[3,[-0.275892388889507,0.0]],[4,[0.0,-0.275892388889507]]],"handle_end":[[3,[0.0,0.27589238888950707]],[2,[0.27589238888950707,0.0]],[4,[-0.275892388889507,0.0]],[1,[0.0,-0.275892388889507]]],"stroke":[[3,0],[1,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2465823993152870948,{"inputs":[{"Node":{"node_id":15898396405528650339,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3778839,"green":0.76171875,"blue":0.72573423,"alpha":1.0}],[1.0,{"red":0.7411765,"green":0.87058824,"blue":0.7372549,"alpha":1.0}]],"gradient_type":"Radial","start":[0.4840260278337376,0.5459259284371654],"end":[-0.00035013139300899,0.5459259284371651],"transform":[-1259.5671475523018,1.5425248755610888e-13,0.0,-337.4999999999992,1616.6581574178408,781.2499999999995]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3778839,"green":0.76171875,"blue":0.72573423,"alpha":1.0}],[1.0,{"red":0.7411765,"green":0.87058824,"blue":0.7372549,"alpha":1.0}]],"gradient_type":"Radial","start":[0.4840260278337376,0.5459259284371654],"end":[-0.00035013139300899,0.5459259284371651],"transform":[-1259.5671475523018,1.5425248755610888e-13,0.0,-337.4999999999992,1616.6581574178408,781.2499999999995]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14161755104759532162,{"inputs":[{"Node":{"node_id":13837327017498431546,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,16.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3021739385836969518,{"inputs":[{"Node":{"node_id":6556170892691431702,"output_index":0,"lambda":false}},{"Node":{"node_id":13868917743026516656,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11547499603328872398,{"inputs":[{"Node":{"node_id":8343201730608263656,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6777328619777499144,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[1231.5767664977295,450.0]],[3,[1268.8972745734193,460.0000000000024]],[1,[1343.5382907246749,419.99978273075953]],[2,[1380.8587988003642,430.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[1,1],[3,3]],"end_point":[[1,2],[3,4],[2,3],[4,1]],"handle_primary":[[2,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[-6.821210263296962e-13,-5.684341886080804e-14]]],"stroke":[[1,0],[4,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3455270778005546310,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[410.5255888325765,450.0000000000001]],[4,[410.5255888325765,410.0]],[1,[559.8076211353316,449.99999999999994]],[2,[559.7618537735666,489.9877366723752]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[1,1],[3,3],[4,4]],"end_point":[[3,4],[2,3],[4,1],[1,2]],"handle_primary":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,5.684341886080804e-14]],[2,[0.0,0.0]]],"stroke":[[1,0],[3,0],[4,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11076863066321508991,{"inputs":[{"Node":{"node_id":8891726805381758817,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5925268772265373737,{"inputs":[{"Node":{"node_id":4105329493214975815,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.49019608,"green":0.7882353,"blue":0.75686276,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.49019608,"green":0.7882353,"blue":0.75686276,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11895211316848895241,{"inputs":[{"Node":{"node_id":10742991645899166287,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5019608,"green":0.72156864,"blue":0.62352943,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5019608,"green":0.72156864,"blue":0.62352943,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7639490284239357347,{"inputs":[{"Node":{"node_id":14805036488257720752,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Round"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[7259756719760382667,{"inputs":[{"Node":{"node_id":15157035456876170143,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.27450982,"green":0.50980395,"blue":0.54509807,"alpha":1.0}],[1.0,{"red":0.27450982,"green":0.50980395,"blue":0.54509807,"alpha":0.0}]],"gradient_type":"Linear","start":[0.4803107402195895,-0.1138575403671318],"end":[0.41147745365941946,0.9225580029175888],"transform":[842.6155846750064,0.0,0.0,225.77816544354573,370.28268480418546,448.7065465860055]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.27450982,"green":0.50980395,"blue":0.54509807,"alpha":1.0}],[1.0,{"red":0.27450982,"green":0.50980395,"blue":0.54509807,"alpha":0.0}]],"gradient_type":"Linear","start":[0.4803107402195895,-0.1138575403671318],"end":[0.41147745365941946,0.9225580029175888],"transform":[842.6155846750064,0.0,0.0,225.77816544354573,370.28268480418546,448.7065465860055]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2036609094647228373,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[3,[0.5,1.0]],[1,[0.8725092774628217,0.1666676721950458]],[5,[0.12749341167028605,0.1666646696927025]],[4,[0.0,0.5]],[2,[1.0,0.5]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[4,4],[3,3],[5,5],[1,1],[2,2]],"end_point":[[2,3],[3,4],[4,5],[5,1],[1,2]],"handle_primary":[[1,[0.07925873631249913,0.08849560350574948]],[4,[0.0,-0.12799231715991943]],[2,[0.0,0.27589238888950707]],[5,null],[3,[-0.275892388889507,0.0]]],"handle_end":[[4,[-0.07926033448372466,0.0884959630818129]],[1,[0.0,-0.12799086965193351]],[3,[0.0,0.27589238888950707]],[5,null],[2,[0.27589238888950707,0.0]]],"stroke":[[1,0],[5,0],[3,0],[4,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14842592386831797498,{"inputs":[{"Node":{"node_id":664587514588499648,"output_index":0,"lambda":false}},{"Node":{"node_id":14330881008352607546,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4243146970185091100,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],"remove":[],"delta":[[7,[596.3676268861453,491.9835390946502]],[17,[668.3566529492455,433.2510288065844]],[8,[580.9382716049382,401.9753086419752]],[5,[574.0246913580246,440.2962962962963]],[12,[609.0096021947874,496.4609053497942]],[1,[583.5500685871057,499.53360768175577]],[3,[589.8710562414265,497.0754458161865]],[4,[591.18792866941,498.3045267489712]],[18,[618.4910836762688,499.9725651577503]],[9,[606.0246913580247,486.803840877915]],[15,[615.4183813443072,491.19341563786]],[13,[609.7997256515774,497.6899862825788]],[16,[616.0751917898693,491.077444156548]],[14,[650.6666666666667,398.2222222222223]],[6,[594.4362139917694,493.6515775034293]],[10,[607.8683127572016,488.3840877914952]],[11,[615.6378600823045,431.5390946502058]],[2,[533.9259259259258,420.7407407407407]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],"remove":[],"start_point":[[18,18],[7,7],[13,13],[6,6],[15,15],[9,9],[3,3],[16,16],[12,12],[17,17],[4,4],[2,2],[1,1],[14,14],[5,5],[8,8],[10,10],[11,11]],"end_point":[[6,7],[16,17],[18,1],[5,6],[1,2],[11,12],[10,11],[14,15],[15,16],[13,14],[2,3],[7,8],[8,9],[12,13],[9,10],[3,4],[4,5],[17,18]],"handle_primary":[[17,[-38.27709190672158,34.5020576131688]],[2,[44.005486968450214,35.16049382716062]],[18,[-7.386678859929702,8.10852004267656]],[9,[0.0,0.0]],[13,[0.0,0.0]],[14,[-18.3045267489714,37.31138545953348]],[12,[0.0,0.0]],[16,[0.0,0.0]],[4,[0.0,0.0]],[15,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[6,[0.0,0.0]],[11,[-3.906721536351256,29.62962962962956]],[8,[22.10150891632361,44.44444444444463]],[5,[18.392318244170156,23.769547325102906]],[10,[0.0,0.0]],[7,[0.0,0.0]]],"handle_end":[[18,[3.2434080170708057,6.03566529492457]],[7,[25.964334705075316,61.47599451303165]],[1,[48.21947873799752,48.855967078189394]],[11,[0.0,0.0]],[10,[-6.189300411522709,26.732510288065782]],[13,[-23.747599451303245,35.4677640603565]],[6,[0.0,0.0]],[2,null],[9,[0.0,0.0]],[14,null],[3,[0.0,0.0]],[16,[-35.29218106995893,26.337448559670804]],[12,[0.0,0.0]],[5,null],[15,[0.0,0.0]],[8,null],[17,null],[4,[21.113854595336193,37.201646090535064]]],"stroke":[[15,0],[17,0],[2,0],[16,0],[8,0],[12,0],[13,0],[6,0],[14,0],[9,0],[5,0],[11,0],[18,0],[10,0],[4,0],[7,0],[3,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":18}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17965270694495451178,{"inputs":[{"Node":{"node_id":9409313765472227540,"output_index":0,"lambda":false}},{"Node":{"node_id":4887570735033124574,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15167880819976070791,{"inputs":[{"Node":{"node_id":4898866541060902381,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":33.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[16069762220015310717,{"inputs":[{"Node":{"node_id":16398743435291795904,"output_index":0,"lambda":false}},{"Node":{"node_id":14791465604033956302,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16510804133693080967,{"inputs":[{"Node":{"node_id":3966971396176820223,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652969996,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2785423879796980286,{"inputs":[{"Node":{"node_id":11634802583144606404,"output_index":0,"lambda":false}},{"Node":{"node_id":16591255610014418910,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2921219300441868542,{"inputs":[{"Node":{"node_id":11506204916439878896,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.49019608,"green":0.69411767,"blue":0.627451,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.49019608,"green":0.69411767,"blue":0.627451,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7067047867039575315,{"inputs":[{"Node":{"node_id":15261165353096835967,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652969996,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5261200785298607501,{"inputs":[{"Node":{"node_id":2465823993152870948,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BlendMode":"Lighten"},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::BlendModeNode"}},"visible":true,"skip_deduplication":false}],[12554549497938935061,{"inputs":[{"Node":{"node_id":14055195208113082127,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[833.274364370262,-33.56362500933909]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.8,-0.6]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.2246467991473532e-16,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8256712316698018135,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[1268.897274573418,500.00000000000006]],[2,[1268.8972745734184,559.9999999999999]],[4,[1343.5382907247958,520.0]],[3,[1343.538290724796,579.9999999999998]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[3,3],[1,1]],"end_point":[[3,4],[2,3],[1,2],[4,1]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[1,0],[3,0],[4,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18046677540207938977,{"inputs":[{"Node":{"node_id":2189393878093040029,"output_index":0,"lambda":false}},{"Node":{"node_id":2292399603649738346,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4134257789770357215,{"inputs":[{"Node":{"node_id":9640215309187299519,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-298.5640646053945,-71.86019325256757]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9999999999999948,0.9999999999999948]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15914878146223026034,{"inputs":[{"Node":{"node_id":4069478660487729695,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[39.06014871394696,-80.31594690033606]},"exposed":false}},{"Value":{"tagged_value":{"F64":-0.44070994426773896},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.7021527212517815,1.4014617956106905]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.8600612888523491,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2640491057355360805,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"delta":[[9,[821.0511776651531,440.00000000000006]],[5,[410.5255888325765,450.0000000000001]],[3,[559.8076211353318,500.00000000000017]],[4,[410.5255888325763,460.0]],[6,[559.7618537735666,489.9877366723752]],[7,[671.7691453623979,459.99999999999994]],[10,[933.0127018922194,470.0]],[2,[653.1088913245535,475.0]],[8,[709.0896534380868,470.00000000000006]],[1,[783.7306695894642,510.0]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[9,9],[1,1],[4,4],[7,7],[2,2],[3,3],[10,10],[6,6],[8,8],[5,5]],"end_point":[[9,10],[8,9],[7,8],[1,2],[5,6],[6,7],[10,1],[2,3],[3,4],[4,5]],"handle_primary":[[5,null],[10,[0.0,0.0]],[6,null],[3,[-149.2820323027555,-40.00000000000017]],[1,null],[2,null],[8,[0.0,0.0]],[7,[37.32050807568885,10.000000000000114]],[9,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[4,null],[7,null],[6,null],[9,[0.0,0.0]],[1,null],[2,null],[3,null],[5,null],[8,[0.0,0.0]],[10,null]],"stroke":[[9,0],[6,0],[2,0],[5,0],[4,0],[10,0],[7,0],[3,0],[8,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":10}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3680957604830907751,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15],"remove":[],"delta":[[7,[1336.2743484224964,374.25514403292175]],[11,[1325.124828532236,431.14403292181055]],[10,[1354.710562414266,375.5720164609054]],[6,[1317.750342935528,414.37585733882025]],[13,[1322.315500685871,442.4691358024692]],[15,[1264.5486968449932,395.9981710105167]],[4,[1311.6049382716046,423.2427983539094]],[1,[1304.1133973479657,421.12604785855825]],[14,[1313.0096021947877,442.29355281207137]],[2,[1304.6986739826243,420.69684499314127]],[5,[1301.1577503429353,350.639231824417]],[9,[1321.5253772290812,429.56378600823047]],[3,[1278.0100594421583,366.7343392775492]],[12,[1360.3292181069958,385.0534979423868]],[8,[1319.9451303155006,428.8614540466391]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15],"remove":[],"start_point":[[14,14],[9,9],[6,6],[10,10],[8,8],[1,1],[13,13],[7,7],[15,15],[4,4],[5,5],[11,11],[2,2],[3,3],[12,12]],"end_point":[[2,3],[4,5],[8,9],[11,12],[9,10],[5,6],[6,7],[13,14],[14,15],[15,1],[7,8],[3,4],[1,2],[12,13],[10,11]],"handle_primary":[[14,[-1.4013919408635047,-1.0754868383370422]],[3,[22.884316415180592,29.146776406035656]],[7,[-16.182898948331285,35.4677640603565]],[13,[-1.0925163846973192,0.8063811410860922]],[15,[30.375857338820197,15.10013717421117]],[2,[0.0,0.0]],[12,[-18.78737997256485,20.455418381344316]],[10,[-22.650205761316556,26.60082304526742]],[8,[0.0,0.0]],[1,[0.0,0.0]],[11,[6.190926179952385,-9.64405832444237]],[4,[0.0,0.0]],[6,[0.0,0.0]],[9,[0.0,0.0]],[5,[15.978052126200282,30.375857338820197]]],"handle_end":[[15,[0.0,0.0]],[4,[16.153635116598025,62.683127572016474]],[13,[0.8337588052027058,0.639861408644208]],[10,null],[5,[0.0,0.0]],[2,[26.044810242340873,43.48605395518973]],[9,[-20.894375857338673,18.52400548696835]],[6,[-20.484682213077576,38.013717421124625]],[7,[0.0,0.0]],[1,[0.0,0.0]],[12,[1.2603823499284772,-0.9302822106615168]],[14,[36.34567901234527,22.650205761316897]],[3,[0.0,0.0]],[11,[-18.34842249657072,19.13854595336079]],[8,[0.0,0.0]]],"stroke":[[3,0],[8,0],[11,0],[13,0],[4,0],[15,0],[9,0],[1,0],[5,0],[2,0],[14,0],[7,0],[10,0],[6,0],[12,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":15}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7910743362843097140,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"delta":[[8,[261.24355652982126,545.0]],[11,[18.66025403784454,515.0]],[7,[93.30127018922188,590.0]],[2,[121.29165124598823,557.5000000000001]],[6,[130.62177826491063,599.9999999999999]],[3,[83.97114317030001,547.5]],[1,[-9.33012701892199,592.5]],[10,[261.2435565298214,580.0]],[4,[55.98076211353338,555.0000000000001]],[9,[326.55444566227675,562.5]],[5,[177.2724133595217,587.5]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[6,6],[8,8],[5,5],[4,4],[3,3],[1,1],[10,10],[2,2],[9,9],[7,7]],"end_point":[[7,8],[5,6],[3,4],[9,10],[1,2],[2,3],[4,5],[10,11],[6,7],[8,9]],"handle_primary":[[9,[0.0,0.0]],[5,[0.0,0.0]],[10,[0.0,0.0]],[6,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[7,[0.0,0.0]],[8,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[5,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[7,[0.0,0.0]],[6,[0.0,0.0]],[10,[0.0,0.0]],[1,[0.0,0.0]],[9,[0.0,0.0]],[8,[0.0,0.0]]],"stroke":[[4,0],[6,0],[8,0],[7,0],[10,0],[1,0],[9,0],[3,0],[5,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17887542695709892422,{"inputs":[{"Node":{"node_id":14842592386831797498,"output_index":0,"lambda":false}},{"Node":{"node_id":7259756719760382667,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10564228200140683112,{"inputs":[{"Node":{"node_id":13001069903842109798,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-140.23409378379097,-66.17529531267506]},"exposed":false}},{"Value":{"tagged_value":{"F64":-1.1549250908208777},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[61.12160376625298,24.813625019997943]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.6236723178991973,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11634445349252640936,{"inputs":[{"Node":{"node_id":2032185045476767535,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[708.5896534382083,269.5]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,0.267949192432]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-3.2814312084546346e-17,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3966971396176820223,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[5,[597.1281292110198,599.9999999999999]],[4,[615.7883832488646,605.0000000000001]],[1,[1156.9357503463468,509.9999999999987]],[3,[783.7306695894646,560.0]],[2,[877.0319397786863,584.9999999999998]],[6,[1044.9742261192855,480.0]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[4,4],[3,3],[6,6],[1,1],[2,2],[5,5]],"end_point":[[1,2],[6,1],[4,5],[2,3],[5,6],[3,4]],"handle_primary":[[3,null],[2,[0.0,0.0]],[4,null],[1,[0.0,0.0]],[6,[0.0,0.0]],[5,[447.84609690826574,-119.99999999999989]]],"handle_end":[[4,null],[1,[0.0,0.0]],[6,[0.0,0.0]],[5,null],[3,null],[2,null]],"stroke":[[6,0],[5,0],[4,0],[3,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2900504420179573771,{"inputs":[{"Node":{"node_id":3185536512640676801,"output_index":0,"lambda":false}},{"Node":{"node_id":10852750245702849075,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2843751023378786714,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"remove":[],"delta":[[5,[497.38271604938257,447.60493827160496]],[14,[552.9705625612692,418.19081042008474]],[13,[526.0246913580248,490.07407407407413]],[8,[502.0960349862431,417.9179038759178]],[1,[510.41975308641986,500.1481481481481]],[15,[556.7578325004595,420.13017723423656]],[10,[524.0493827160495,487.1111111111112]],[7,[515.1604938271604,486.716049382716]],[16,[530.3703703703702,486.71604938271594]],[19,[530.7654320987656,499.55555555555566]],[18,[568.2339832275112,446.0155371619765]],[4,[511.55555555555554,490.2222222222222]],[12,[533.8924329970387,433.46495092641567]],[17,[565.2914244954804,444.3855996237166]],[6,[499.77650172698026,445.9388618767647]],[11,[531.5890484844431,432.90541944395505]],[3,[480.5925925925926,440.2962962962962]],[9,[505.311372421164,416.4524664944526]],[2,[476.9512618480758,444.1904085078117]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"remove":[],"start_point":[[6,6],[7,7],[18,18],[2,2],[4,4],[19,19],[15,15],[5,5],[16,16],[12,12],[11,11],[17,17],[13,13],[10,10],[14,14],[3,3],[1,1],[9,9],[8,8]],"end_point":[[1,2],[13,14],[6,7],[2,3],[8,9],[16,17],[3,4],[11,12],[15,16],[19,1],[4,5],[12,13],[5,6],[14,15],[7,8],[18,19],[17,18],[9,10],[10,11]],"handle_primary":[[5,[-10.016557406305251,-15.024836109457851]],[11,[7.784237194372736,-22.222909722529664]],[10,[0.0,0.0]],[9,[11.197015798182122,18.39034937970939]],[1,[-9.283950617284065,-12.246913580246884]],[8,[-8.936088730151937,-20.93774746663439]],[12,[-5.082537215847424,18.7049831985629]],[3,[21.32824309569804,17.329197515254634]],[15,[-11.459519915000214,23.15277176924241]],[13,[0.0,0.0]],[2,[-17.16805625160663,-20.28383937076643]],[4,[0.0,0.0]],[16,[0.0,0.0]],[7,[0.0,0.0]],[6,[3.9272019767233246,4.629039357803151]],[14,[15.260998855532309,-21.888591759537466]],[18,[-19.30865594294653,18.299752742610902]],[17,[27.324497401397252,-21.15032331824051]],[19,[-1.5204271954055455,4.429070525747022]]],"handle_end":[[18,[4.54320987654296,-13.23456790123464]],[3,[-3.111111111111086,-12.0]],[15,[4.54320987654296,-11.851851851852018]],[12,[3.7530864197531177,-16.59259259259261]],[11,[5.082537215847424,-18.704983198562843]],[10,[-7.784237194372736,22.22290972252955]],[16,[-28.402535606591755,21.984770746653737]],[14,[11.286699158099054,-22.803605349427187]],[7,[18.59187624528363,43.5617887769169]],[17,[19.435079545528083,-18.419570542198244]],[13,[-15.260998855532534,21.888591759537743]],[19,[2.7053847913285836,3.5688054694122116]],[9,[0.7901234567898427,-21.135802469135857]],[5,[-12.032856371187677,-14.183269935989983]],[6,[0.7901234567898427,-16.197530864197745]],[2,[-22.123456790123555,-17.97530864197529]],[8,[-11.197015798182008,-18.39034937970939]],[4,[13.03703703703701,19.555555555555543]],[1,[28.522359190346833,33.698803394714844]]],"stroke":[[18,0],[10,0],[4,0],[19,0],[6,0],[9,0],[17,0],[11,0],[1,0],[14,0],[3,0],[16,0],[2,0],[5,0],[7,0],[12,0],[8,0],[15,0],[13,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":19}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7637119583909417127,{"inputs":[{"Node":{"node_id":4740496570730418920,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[8166796652234334001,{"inputs":[{"Node":{"node_id":8034980397175569257,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.47937012,"green":0.73046875,"blue":0.56778514,"alpha":1.0}],[1.0,{"red":0.36862746,"green":0.57254905,"blue":0.45490196,"alpha":1.0}]],"gradient_type":"Linear","start":[0.4830458531002497,0.18799510852727777],"end":[0.5102584056336581,0.7583861422837161],"transform":[330.72972441489793,0.0,0.0,262.97748583483383,694.2423781243951,620.5615190102498]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.47937012,"green":0.73046875,"blue":0.56778514,"alpha":1.0}],[1.0,{"red":0.36862746,"green":0.57254905,"blue":0.45490196,"alpha":1.0}]],"gradient_type":"Linear","start":[0.4830458531002497,0.18799510852727777],"end":[0.5102584056336581,0.7583861422837161],"transform":[330.72972441489793,0.0,0.0,262.97748583483383,694.2423781243951,620.5615190102498]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16591255610014418910,{"inputs":[{"Node":{"node_id":2225749123534781340,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[5891705401441266824,{"inputs":[{"Node":{"node_id":5670058004691708784,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17332567356044944766,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[-0.10921713655450987,1.0126086768123077]],[2,[1.0,0.0]],[3,[1.0,1.0]],[1,[0.0,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[4,4],[3,3],[1,1]],"end_point":[[1,2],[3,4],[4,1],[2,3]],"handle_primary":[[1,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[1,0],[3,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[429913874753911073,{"inputs":[{"Node":{"node_id":11236872744106223256,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.9098039,"blue":0.7764706,"alpha":0.75}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Round"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[13701442050580061197,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[2,[1343.5382907247958,520.0000000000001]],[1,[1268.897274573418,500.00000000000006]],[4,[1380.8587988003635,429.9999999999991]],[6,[1380.8587988003635,469.9999999999993]],[3,[1530.14083110324,469.9999999999986]],[5,[1380.8587988003635,469.9997827307588]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[2,2],[3,3],[5,5],[1,1],[6,6],[4,4]],"end_point":[[3,4],[6,1],[4,5],[5,6],[1,2],[2,3]],"handle_primary":[[4,[0.0,0.0]],[6,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[5,[0.0,0.0002172692405224552]]],"handle_end":[[4,null],[6,[4.547473508864641e-13,5.684341886080804e-14]],[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[5,null]],"stroke":[[6,0],[1,0],[5,0],[3,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16059265180575745658,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[4,[1082.2947341949744,580.0]],[2,[1044.9742261192855,599.9999999999999]],[5,[839.7114317029976,645.0]],[1,[1194.256258422041,640.0]],[3,[1100.9549882328188,585.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[3,3],[1,1]],"end_point":[[4,5],[1,2],[2,3],[3,4]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[1,0],[4,0],[3,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5882319123081134737,{"inputs":[{"Node":{"node_id":14102693648424950146,"output_index":0,"lambda":false}},{"Node":{"node_id":13207576193421440093,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7030585744407664630,{"inputs":[{"Node":{"node_id":13701442050580061197,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-298.5640646053887,-113.99999999999903]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9999999999999996,0.9999999999999996]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4740496570730418920,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[279.9038105676662,605.0000000000001]],[3,[261.24355652982155,620.0]],[4,[298.56406460551034,610.0]],[2,[242.58330249197704,615.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[3,3],[2,2]],"end_point":[[2,3],[3,4],[4,1],[1,2]],"handle_primary":[[1,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[1,0],[3,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10651614176902312108,{"inputs":[{"Node":{"node_id":4134257789770357215,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.41568628,"green":0.6313726,"blue":0.6039216,"alpha":1.0}],[0.869076264787314,{"red":0.46666667,"green":0.69803923,"blue":0.6313726,"alpha":1.0}],[0.9670173672287944,{"red":0.39215687,"green":0.6117647,"blue":0.6,"alpha":1.0}],[1.0,{"red":0.37254903,"green":0.5647059,"blue":0.5529412,"alpha":1.0}]],"gradient_type":"Radial","start":[0.004591093221745557,0.9549938856995572],"end":[1.0010898078090742,0.23229219555707512],"transform":[682.3892394899896,0.0,0.0,255.98390390304277,553.867087387986,415.53693693509086]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.41568628,"green":0.6313726,"blue":0.6039216,"alpha":1.0}],[0.869076264787314,{"red":0.46666667,"green":0.69803923,"blue":0.6313726,"alpha":1.0}],[0.9670173672287944,{"red":0.39215687,"green":0.6117647,"blue":0.6,"alpha":1.0}],[1.0,{"red":0.37254903,"green":0.5647059,"blue":0.5529412,"alpha":1.0}]],"gradient_type":"Radial","start":[0.004591093221745557,0.9549938856995572],"end":[1.0010898078090742,0.23229219555707512],"transform":[682.3892394899896,0.0,0.0,255.98390390304277,553.867087387986,415.53693693509086]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[18431382379595272672,{"inputs":[{"Node":{"node_id":10989897386232385465,"output_index":0,"lambda":false}},{"Node":{"node_id":4191887059541031673,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13609749019463823009,{"inputs":[{"Node":{"node_id":2062662104423219162,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.34901962,"green":0.5647059,"blue":0.5686275,"alpha":1.0}],[1.0,{"red":0.34901962,"green":0.5647059,"blue":0.5686275,"alpha":0.0}]],"gradient_type":"Linear","start":[0.6190188337031772,0.2673182752249348],"end":[0.4910887633661796,0.9800526827918484],"transform":[244.87384707744465,0.0,0.0,164.03437392974598,690.4184767777101,515.1506140834983]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.34901962,"green":0.5647059,"blue":0.5686275,"alpha":1.0}],[1.0,{"red":0.34901962,"green":0.5647059,"blue":0.5686275,"alpha":0.0}]],"gradient_type":"Linear","start":[0.6190188337031772,0.2673182752249348],"end":[0.4910887633661796,0.9800526827918484],"transform":[244.87384707744465,0.0,0.0,164.03437392974598,690.4184767777101,515.1506140834983]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4847316728405535983,{"inputs":[{"Node":{"node_id":11579925754926059876,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5686275,"green":0.7411765,"blue":0.654902,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5686275,"green":0.7411765,"blue":0.654902,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[10431241258085047322,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[3,[597.1281292110202,599.9999999999999]],[1,[298.56406460551034,479.99999999999983]],[6,[298.56406460551045,540.0000000000001]],[4,[709.0896534380863,630.0]],[5,[709.0896534380863,649.9999999999999]],[2,[597.1281292110192,559.9999999999998]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[1,1],[5,5],[4,4],[6,6],[3,3],[2,2]],"end_point":[[3,4],[5,6],[2,3],[6,1],[1,2],[4,5]],"handle_primary":[[6,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[5,[0.0,0.0]]],"handle_end":[[5,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[6,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[2,0],[6,0],[5,0],[4,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5346759588580719138,{"inputs":[{"Node":{"node_id":57904581517036791,"output_index":0,"lambda":false}},{"Node":{"node_id":16244305414728361140,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8508454285877707748,{"inputs":[{"Node":{"node_id":9908869573449854874,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.5137255,"green":0.7294118,"blue":0.68235296,"alpha":1.0}],[1.0,{"red":0.49019608,"green":0.7882353,"blue":0.75686276,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0033697141397510677,0.6230645063687077],"end":[0.058070316242295306,1.09924019568288],"transform":[593.4286164571708,0.0,0.0,254.41394967234703,831.0003152001923,405.4836980340858]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.5137255,"green":0.7294118,"blue":0.68235296,"alpha":1.0}],[1.0,{"red":0.49019608,"green":0.7882353,"blue":0.75686276,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0033697141397510677,0.6230645063687077],"end":[0.058070316242295306,1.09924019568288],"transform":[593.4286164571708,0.0,0.0,254.41394967234703,831.0003152001923,405.4836980340858]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11236872744106223256,{"inputs":[{"Node":{"node_id":9724746185253267560,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,16.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14102693648424950146,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":16847360882244487081,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6142412830271644616,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[1203.586385440963,436.5]],[2,[1175.5960043841962,429.0]],[1,[1278.2274015923404,401.49999999999994]],[4,[1250.2370205355735,424.00000000000006]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[1,1],[3,3],[2,2]],"end_point":[[2,3],[3,4],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[3,0],[2,0],[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[57904581517036791,{"inputs":[{"Node":{"node_id":9393309733761233513,"output_index":0,"lambda":false}},{"Node":{"node_id":15300421479077882117,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10852750245702849075,{"inputs":[{"Node":{"node_id":17250040304106119844,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.77254903,"alpha":0.75}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Round"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[14449710315388146362,{"inputs":[{"Node":{"node_id":7671691070850213967,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":81.1788},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[6006052038693767172,{"inputs":[{"Node":{"node_id":4197544064668946479,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Round"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[16923062582661131268,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[671.769145362398,420.0000000000001]],[1,[597.1281292110202,399.9999999999999]],[3,[653.1088913245534,424.99999999999994]],[2,[597.1281292110202,409.99999999999994]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[3,3],[1,1],[2,2]],"end_point":[[1,2],[2,3],[4,1],[3,4]],"handle_primary":[[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[2,0],[4,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8958782938691501404,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[1156.9357503463516,540.0]],[2,[1231.576766497729,510.00000000000233]],[3,[1231.6308657449686,540.0144958496094]],[1,[1156.9357503463525,530.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[1,1],[4,4],[3,3]],"end_point":[[1,2],[2,3],[3,4],[4,1]],"handle_primary":[[3,[-74.69511539861696,-0.014495849609375]],[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[4,[0.0,-2.273736754432321e-13]],[2,null],[3,null]],"stroke":[[3,0],[4,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15478704582542175684,{"inputs":[{"Node":{"node_id":8242413775403456296,"output_index":0,"lambda":false}},{"Node":{"node_id":13696921450692276893,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[532055960192543062,{"inputs":[{"Node":{"node_id":326112971739898070,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[13942787566051910019,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[1.000788022064618,-6.266203653947348e-16]],[3,[1.000788022064618,1.0000000000000009]],[4,[0.0,1.0]],[1,[0.0,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[1,1],[3,3],[2,2]],"end_point":[[4,1],[1,2],[3,4],[2,3]],"handle_primary":[[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[2,0],[3,0],[4,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13852123721901366011,{"inputs":[{"Node":{"node_id":456239140723765386,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[819.6941583984747,299.6363877833991]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[221.20900992053447,59.27277556679853]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-3.2814312084546346e-17,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7171713123860587892,{"inputs":[{"Node":{"node_id":18431382379595272672,"output_index":0,"lambda":false}},{"Node":{"node_id":9798215931018813676,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7884283658260267478,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[1250.2370205355735,545.0000000000001]],[4,[1203.5863854409629,557.4999999999999]],[1,[1184.9261314031187,552.5]],[2,[1231.5767664977295,540.0000000000001]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[1,1],[2,2],[3,3]],"end_point":[[1,2],[2,3],[3,4],[4,1]],"handle_primary":[[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[4,0],[3,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16564941800301062922,{"inputs":[{"Node":{"node_id":18371793711669837037,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":0.03}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":0.03}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3616319631707471648,{"inputs":[{"Node":{"node_id":12852312236973354891,"output_index":0,"lambda":false}},{"Node":{"node_id":16727310898641763441,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1104068854328504126,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[1343.5382907247958,520.0]],[2,[1530.14083110324,530.000000000003]],[1,[1343.538290724796,580.0000000000001]],[3,[1530.14083110324,470.00000000000216]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[4,4],[1,1]],"end_point":[[1,2],[2,3],[3,4],[4,1]],"handle_primary":[[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[4,0],[3,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13942146309185231085,{"inputs":[{"Node":{"node_id":15166516760575860563,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.36862746,"green":0.57254905,"blue":0.45490196,"alpha":1.0}],[0.2134053325596848,{"red":0.45490196,"green":0.70980394,"blue":0.58431375,"alpha":1.0}],[1.0,{"red":1.0,"green":0.84705883,"blue":0.4627451,"alpha":1.0}]],"gradient_type":"Linear","start":[0.4417705336480124,0.7894513882255817],"end":[0.4000315611112892,0.37243515464306],"transform":[1317.713318209003,0.0,0.0,1100.6765757217709,406.8730842197156,-30.930650690931543]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.36862746,"green":0.57254905,"blue":0.45490196,"alpha":1.0}],[0.2134053325596848,{"red":0.45490196,"green":0.70980394,"blue":0.58431375,"alpha":1.0}],[1.0,{"red":1.0,"green":0.84705883,"blue":0.4627451,"alpha":1.0}]],"gradient_type":"Linear","start":[0.4417705336480124,0.7894513882255817],"end":[0.4000315611112892,0.37243515464306],"transform":[1317.713318209003,0.0,0.0,1100.6765757217709,406.8730842197156,-30.930650690931543]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14449527838292182035,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],"remove":[],"delta":[[4,[682.3593964334707,606.4197530864195]],[7,[692.1871665904588,615.6720012193263]],[10,[709.413808870599,616.4718792866942]],[11,[713.6278006401462,612.5505258344765]],[1,[699.8518518518516,598.1234567901233]],[13,[734.8148148148149,620.9492455418381]],[8,[701.8247218411828,611.4580094497792]],[17,[749.8271604938273,587.4567901234568]],[5,[662.6063100137173,612.5432098765428]],[3,[699.7421124828531,603.0617283950616]],[18,[725.5089163237311,594.6117969821673]],[15,[763.4567901234569,605.6296296296294]],[6,[695.3964334705074,609.7777777777776]],[14,[728.493827160494,609.9753086419753]],[9,[709.3552812071331,611.4970278920897]],[12,[721.9094650205761,611.3799725651577]],[16,[726.2990397805214,601.9862825788753]],[2,[667.3909465020577,593.3827160493828]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18],"remove":[],"start_point":[[17,17],[8,8],[5,5],[16,16],[3,3],[12,12],[2,2],[4,4],[13,13],[18,18],[1,1],[9,9],[15,15],[11,11],[7,7],[10,10],[14,14],[6,6]],"end_point":[[10,11],[15,16],[3,4],[18,1],[13,14],[14,15],[2,3],[6,7],[12,13],[7,8],[9,10],[17,18],[1,2],[16,17],[11,12],[5,6],[4,5],[8,9]],"handle_primary":[[10,[2.71082158531226,-3.275875783141601]],[3,[0.0,0.0]],[6,[0.0,0.0]],[5,[0.0,0.0]],[9,[1.0398530837227329,0.17152215813985094]],[14,[-0.1771601410563335,-2.331086581557088]],[18,[-0.0877914951989851,0.0]],[16,[0.0,0.0]],[17,[-7.648317030623161,4.388047332817109]],[8,[0.0,0.0]],[12,[0.6886396813392821,0.35058484628291353]],[11,[0.9510922553114368,-0.40840938602514143]],[4,[-6.038618148571572,2.2123832635880945]],[2,[5.399176954732297,6.584362139917744]],[15,[-15.992684042066571,-5.647919524462736]],[1,[-13.651577503429507,-4.016460905349504]],[7,[0.0,0.0]],[13,[-3.101966163694442,-4.096936442615402]]],"handle_end":[[10,null],[6,[4.13595488492615,-4.1749733272365575]],[18,[0.0,0.0]],[5,[-8.69135802469134,3.3580246913579685]],[12,[-6.90626428898031,-2.3996342021031296]],[16,[-5.977212841894016,7.381559383908893]],[3,[6.038618148571345,-2.2123832635879808]],[14,[-22.51851851851859,-0.614540466392441]],[4,[0.0,0.0]],[17,null],[7,[-5.1358024691359105,5.530864197530718]],[15,[2.8483462886752022,1.1315348270080676]],[8,[-3.7847889041303233,-0.6242950769699291]],[9,null],[13,[-0.5267489711934559,1.053497942386798]],[2,[0.0,0.0]],[11,[-1.2025737194898056,-0.6122274594622468]],[1,[8.559670781892919,2.502057613168745]]],"stroke":[[13,0],[9,0],[8,0],[7,0],[12,0],[11,0],[3,0],[4,0],[10,0],[14,0],[15,0],[17,0],[6,0],[5,0],[18,0],[2,0],[1,0],[16,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":18}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13861850149743924125,{"inputs":[{"Node":{"node_id":13442128106088307772,"output_index":0,"lambda":false}},{"Node":{"node_id":5891705401441266824,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4398598693761352299,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[933.0127018922194,470.0]],[4,[821.0511776651532,440.0000000000001]],[2,[821.0511776651531,500.0]],[1,[709.0896534380867,469.99999999999994]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[1,1],[4,4]],"end_point":[[2,3],[1,2],[4,1],[3,4]],"handle_primary":[[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,5.684341886080804e-14]],[2,[0.0,0.0]]],"stroke":[[4,0],[3,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16732345645494316637,{"inputs":[{"Node":{"node_id":11450962621506425680,"output_index":0,"lambda":false}},{"Node":{"node_id":7637119583909417127,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[938033825024582130,{"inputs":[{"Node":{"node_id":10477328336261010694,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.5019608,"green":0.72156864,"blue":0.70980394,"alpha":1.0}],[1.0,{"red":0.5019608,"green":0.72156864,"blue":0.70980394,"alpha":0.0}]],"gradient_type":"Linear","start":[0.44995556068938913,0.40889389103747775],"end":[0.42763248011625454,0.6979899795516591],"transform":[861.8034829475831,0.0,0.0,248.35202392783896,117.22673062625182,378.4503745891131]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.5019608,"green":0.72156864,"blue":0.70980394,"alpha":1.0}],[1.0,{"red":0.5019608,"green":0.72156864,"blue":0.70980394,"alpha":0.0}]],"gradient_type":"Linear","start":[0.44995556068938913,0.40889389103747775],"end":[0.42763248011625454,0.6979899795516591],"transform":[861.8034829475831,0.0,0.0,248.35202392783896,117.22673062625182,378.4503745891131]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12019361655085452072,{"inputs":[{"Node":{"node_id":2036609094647228373,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[1080.8351529382842,378.98352292316827]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[221.0038859407525,220.57244110912933]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-1.2222560378726955e-16,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[585709295659496998,{"inputs":[{"Node":{"node_id":11990662272042254522,"output_index":0,"lambda":false}},{"Node":{"node_id":12331680982485935376,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15347111149235590492,{"inputs":[{"Node":{"node_id":2209276411833629008,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[1080.8351529382842,378.9835229231682]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[221.0038859407525,220.57244110912933]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-1.2222560378726955e-16,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14752203606937854133,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[1044.9742261192855,480.0]],[3,[1044.9742261192855,439.99999999999994]],[1,[597.1281292110193,599.9999999999997]],[2,[597.1281292110197,559.9999999999997]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[1,1],[4,4]],"end_point":[[1,2],[4,1],[2,3],[3,4]],"handle_primary":[[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[1,0],[4,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10849502918952703647,{"inputs":[{"Node":{"node_id":9663740787529879916,"output_index":0,"lambda":false}},{"Node":{"node_id":17433098630591807963,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11506204916439878896,{"inputs":[{"Node":{"node_id":2640491057355360805,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7005645574203740491,{"inputs":[{"Node":{"node_id":17873337220577786871,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652969996,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2452294403891427489,{"inputs":[{"Node":{"node_id":9278774434958175105,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[1.0,{"red":0.3372549,"green":0.5647059,"blue":0.5529412,"alpha":1.0}]],"gradient_type":"Linear","start":[0.027025122260555538,0.6600000000000135],"end":[0.9916422150126412,0.04000000000001247],"transform":[111.96152422706125,0.0,0.0,99.99999999999976,862.9742261192855,483.9999999999988]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[1.0,{"red":0.3372549,"green":0.5647059,"blue":0.5529412,"alpha":1.0}]],"gradient_type":"Linear","start":[0.027025122260555538,0.6600000000000135],"end":[0.9916422150126412,0.04000000000001247],"transform":[111.96152422706125,0.0,0.0,99.99999999999976,862.9742261192855,483.9999999999988]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17638504852426495381,{"inputs":[{"Node":{"node_id":17881728913029763313,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.972549,"green":0.87058824,"blue":0.6666667,"alpha":1.0}],[1.0,{"red":0.98039216,"green":0.94509804,"blue":0.7058824,"alpha":1.0}]],"gradient_type":"Radial","start":[0.7363207208514658,0.8045676758185962],"end":[0.02104094774655124,0.19319223963735063],"transform":[703.2213392761797,0.0,0.0,157.02299163282092,64.20355654603011,465.66437657189834]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.972549,"green":0.87058824,"blue":0.6666667,"alpha":1.0}],[1.0,{"red":0.98039216,"green":0.94509804,"blue":0.7058824,"alpha":1.0}]],"gradient_type":"Radial","start":[0.7363207208514658,0.8045676758185962],"end":[0.02104094774655124,0.19319223963735063],"transform":[703.2213392761797,0.0,0.0,157.02299163282092,64.20355654603011,465.66437657189834]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13696921450692276893,{"inputs":[{"Node":{"node_id":729026403095264425,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[0.9059757781988896,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[1.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":0.0}]],"gradient_type":"Radial","start":[0.8930663763318565,-1.4466906873466163],"end":[1.0003976000579349,0.2239198862330611],"transform":[1332.3243231154509,0.0,0.0,297.49602202927537,-250.85405534350912,609.3847245924164]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[0.9059757781988896,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":1.0}],[1.0,{"red":0.27058825,"green":0.49411765,"blue":0.5137255,"alpha":0.0}]],"gradient_type":"Radial","start":[0.8930663763318565,-1.4466906873466163],"end":[1.0003976000579349,0.2239198862330611],"transform":[1332.3243231154509,0.0,0.0,297.49602202927537,-250.85405534350912,609.3847245924164]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[764189229787475993,{"inputs":[{"Node":{"node_id":194878846429432339,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[664587514588499648,{"inputs":[{"Node":{"node_id":5365849201631468915,"output_index":0,"lambda":false}},{"Node":{"node_id":16564941800301062922,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4924169570021915606,{"inputs":[{"Node":{"node_id":972153153989181918,"output_index":0,"lambda":false}},{"Node":{"node_id":8015732980153557800,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13853529851208960143,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[-40.648024782723304,138.90840278889075]],[3,[29.146213900404632,142.10291541428978]],[2,[28.09271595801783,129.8163283935271]],[1,[-39.199465111941095,125.88462054688308]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[1,1],[2,2],[3,3]],"end_point":[[4,1],[3,4],[2,3],[1,2]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[3,[27.65672806576993,9.286366023261053]],[4,[0.0,0.0]],[2,[0.0,0.0]],[1,[-37.794238683127446,8.35487917411865]]],"stroke":[[3,0],[4,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16416441286881083283,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[1492.8203230275506,480.00000000000006]],[1,[1306.217782649107,559.9999999999999]],[2,[1492.8203230275508,509.99999999999994]],[4,[1306.2177826491068,529.9999999999972]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[4,4],[1,1],[3,3]],"end_point":[[1,2],[4,1],[3,4],[2,3]],"handle_primary":[[2,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[4,0],[3,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7948029953091985757,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[0.5,0.0]],[3,[0.5,1.0]],[2,[1.0,0.5]],[4,[0.0,0.5]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[1,1],[4,4]],"end_point":[[3,4],[4,1],[1,2],[2,3]],"handle_primary":[[4,[0.0,-0.275892388889507]],[2,[0.0,0.27589238888950707]],[1,[0.27589238888950707,0.0]],[3,[-0.275892388889507,0.0]]],"handle_end":[[1,[0.0,-0.275892388889507]],[3,[0.0,0.27589238888950707]],[2,[0.27589238888950707,0.0]],[4,[-0.275892388889507,0.0]]],"stroke":[[4,0],[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9663740787529879916,{"inputs":[{"Node":{"node_id":14633096010607565334,"output_index":0,"lambda":false}},{"Node":{"node_id":10651614176902312108,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9323583246068171750,{"inputs":[{"Node":{"node_id":3680957604830907751,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.54901963,"green":0.7372549,"blue":0.654902,"alpha":1.0}],[1.0,{"red":0.44705883,"green":0.654902,"blue":0.50980395,"alpha":1.0}]],"gradient_type":"Linear","start":[0.481496333638864,0.31809715494984925],"end":[0.5186182401466546,0.7659061379880119],"transform":[215.50617283950584,0.0,0.0,207.67783479697297,1364.2345679012346,470.9382716049381]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.54901963,"green":0.7372549,"blue":0.654902,"alpha":1.0}],[1.0,{"red":0.44705883,"green":0.654902,"blue":0.50980395,"alpha":1.0}]],"gradient_type":"Linear","start":[0.481496333638864,0.31809715494984925],"end":[0.5186182401466546,0.7659061379880119],"transform":[215.50617283950584,0.0,0.0,207.67783479697297,1364.2345679012346,470.9382716049381]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15876464101883822838,{"inputs":[{"Node":{"node_id":3227544593834141716,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.33333334,"green":0.5647059,"blue":0.5529412,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.33333334,"green":0.5647059,"blue":0.5529412,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5317925967883407701,{"inputs":[{"Node":{"node_id":13853529851208960143,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,2.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[729026403095264425,{"inputs":[{"Node":{"node_id":9392462024456293097,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.24355652969996,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[972153153989181918,{"inputs":[{"Node":{"node_id":15488533792651297821,"output_index":0,"lambda":false}},{"Node":{"node_id":9981992739451603109,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12852312236973354891,{"inputs":[{"Node":{"node_id":8181290118694677328,"output_index":0,"lambda":false}},{"Node":{"node_id":2921219300441868542,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5017082804473894058,{"inputs":[{"Node":{"node_id":8165914767449151618,"output_index":0,"lambda":false}},{"Node":{"node_id":8166796652234334001,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1268775104597510914,{"inputs":[{"Node":{"node_id":13861850149743924125,"output_index":0,"lambda":false}},{"Node":{"node_id":18011777376689315137,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9641315149170593327,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"delta":[[19,[1353.7580246913572,440.1251028806582]],[2,[1297.047751590237,432.45710241679353]],[17,[1343.538290724795,449.4814814814814]],[6,[1286.7160493827164,380.04205830395256]],[20,[1326.2661179698216,436.1481481481482]],[7,[1284.082304526749,376.2304526748971]],[1,[1313.111111111111,440.66666666666663]],[9,[1269.113854595336,397.6954732510288]],[14,[1325.5637860082304,455.6378600823044]],[12,[1302.7379972565157,443.9615912208504]],[18,[1327.484998303753,444.1384489176408]],[16,[1323.5884773662551,445.96633567616453]],[5,[1280.0,432.79012345679007]],[3,[1311.0123456790122,389.1358024691358]],[8,[1270.5185185185182,430.0]],[10,[1267.5056400134067,396.48371220183463]],[13,[1312.9218106995884,446.85871056241416]],[4,[1309.432098765432,385.3827160493827]],[11,[1259.4489801206926,442.53166286845914]],[15,[1319.4403292181073,447.7366255144034]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"start_point":[[6,6],[15,15],[12,12],[9,9],[18,18],[8,8],[11,11],[4,4],[14,14],[7,7],[16,16],[1,1],[19,19],[2,2],[17,17],[20,20],[5,5],[3,3],[13,13],[10,10]],"end_point":[[6,7],[10,11],[7,8],[1,2],[5,6],[16,17],[17,18],[14,15],[13,14],[18,19],[12,13],[2,3],[20,1],[19,20],[8,9],[15,16],[9,10],[11,12],[4,5],[3,4]],"handle_primary":[[3,null],[16,[19.75931834024595,4.512540664093933]],[10,[-0.14088374697121253,12.961503560065635]],[15,[0.05852766346606586,-1.7558299039780536]],[5,[0.0,-30.09785939152056]],[9,[0.0,0.0]],[7,[-10.798353909464822,37.53086419753089]],[19,[-0.162851070793522,-0.9241759662677964]],[8,[-2.1728395061727497,-5.1111111111111995]],[6,null],[2,[-7.975963753017595,-5.0295761250696955]],[20,null],[4,[-16.197530864197688,14.61728395061732]],[14,[0.7997581306144639,-0.5767761645364544]],[12,[9.763281342613707,0.018425375535628064]],[18,[26.44161668001243,-3.0566001241026584]],[17,[0.17673990847697496,-0.9253757795596016]],[11,[14.00629256044499,3.614815506799175]],[1,[-1.6922078070856514,-5.274941522376082]],[13,[0.0,0.0]]],"handle_end":[[6,null],[7,null],[15,null],[5,null],[12,[0.0,0.0]],[11,[-11.251577773519555,-0.02123410547835647]],[9,null],[8,[0.0,0.0]],[14,[-0.022878726643284608,0.6863617992941045]],[16,null],[19,[1.229080932784882,6.672153635116501]],[1,[3.0857646420445235,-0.2303077208630384]],[13,[-0.8413105648451165,0.6067432917530482]],[3,null],[4,null],[18,null],[10,[-4.337869009581482,-9.544008547471435]],[20,null],[17,null],[2,null]],"stroke":[[13,0],[14,0],[16,0],[5,0],[15,0],[9,0],[10,0],[19,0],[18,0],[11,0],[2,0],[17,0],[8,0],[1,0],[6,0],[20,0],[12,0],[3,0],[7,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":20}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3927358878935116440,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[1194.2562584220411,420.00000000000006]],[2,[1082.2947341949798,490.0000000000013]],[3,[1082.2947341949805,450.0000000000013]],[1,[1194.2562584220414,520.0000000000001]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[1,1],[4,4]],"end_point":[[1,2],[4,1],[3,4],[2,3]],"handle_primary":[[2,[6.821210263296962e-13,-40.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[1,null],[4,[0.0,-1.1368683772161605e-13]],[2,null]],"stroke":[[2,0],[1,0],[3,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14255588039347536657,{"inputs":[{"Node":{"node_id":18185020559178852986,"output_index":0,"lambda":false}},{"Node":{"node_id":5261200785298607501,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9640215309187299519,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[3,[746.4101615137856,637.8601932525706]],[5,[1268.8972745734306,517.8601932525701]],[4,[746.4101615137852,657.8601932525711]],[2,[1194.2562584220475,517.8601932525687]],[1,[1268.8972745734306,457.8601932525698]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[3,3],[4,4],[2,2],[1,1],[5,5]],"end_point":[[4,5],[3,4],[5,1],[2,3],[1,2]],"handle_primary":[[4,[0.0,0.0]],[5,[0.0,-60.00000000000029]],[2,[-447.8460969082618,120.00000000000192]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[1,null],[3,[0.0,0.0]],[5,null],[4,null],[2,null]],"stroke":[[2,0],[3,0],[5,0],[4,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4101813853952238986,{"inputs":[{"Node":{"node_id":14161755104759532162,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9372549,"green":0.90588236,"blue":0.7764706,"alpha":0.7490196}},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Round"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[8884703330021429739,{"inputs":[{"Node":{"node_id":16732345645494316637,"output_index":0,"lambda":false}},{"Node":{"node_id":532055960192543062,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2155997486525176376,{"inputs":[{"Node":{"node_id":15595689026000825531,"output_index":0,"lambda":false}},{"Node":{"node_id":7639490284239357347,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13700218159488557234,{"inputs":[{"Node":{"node_id":10181153433637856462,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.4831746395427087,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.49908141270537343,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}],[0.5160486374122156,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.65708869278784,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.6729954659505047,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}],[0.6899626906573468,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.7291993977919214,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.7440457194104085,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}],[0.7588920410288952,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}]],"gradient_type":"Radial","start":[0.5008896367526079,0.4999999999999998],"end":[1.0,0.5],"transform":[-1889.35072132725,6.199774420689026e-14,-1.0738324292042565e-13,-506.25000000045327,2021.9872361261616,956.3750000002264]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.4831746395427087,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.49908141270537343,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}],[0.5160486374122156,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.65708869278784,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.6729954659505047,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}],[0.6899626906573468,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.7291993977919214,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[0.7440457194104085,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}],[0.7588920410288952,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}]],"gradient_type":"Radial","start":[0.5008896367526079,0.4999999999999998],"end":[1.0,0.5],"transform":[-1889.35072132725,6.199774420689026e-14,-1.0738324292042565e-13,-506.25000000045327,2021.9872361261616,956.3750000002264]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[8863202447825570192,{"inputs":[{"Node":{"node_id":5017082804473894058,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-299.38891648776223,-111.69072674057747]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0616145921394244,1.0616145921394244]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7156963182187517674,{"inputs":[{"Node":{"node_id":14752203606937854133,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565296996,-63.99999999999977]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[322234583139821148,{"inputs":[{"Node":{"node_id":6589978257209505606,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-63.99999999999994]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11990662272042254522,{"inputs":[{"Node":{"node_id":1147521068928676110,"output_index":0,"lambda":false}},{"Node":{"node_id":15167880819976070791,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14633096010607565334,{"inputs":[{"Node":{"node_id":18046677540207938977,"output_index":0,"lambda":false}},{"Node":{"node_id":12370676490908282512,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3227544593834141716,{"inputs":[{"Node":{"node_id":8256712316698018135,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-298.5640646053871,-113.9999999999974]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9999999999999996,0.9999999999999996]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2183401450260403525,{"inputs":[{"Node":{"node_id":16852951849051795674,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-261.2435565297001,-64.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11429712783984224234,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":12302362769310895852,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9392462024456293097,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[3,[783.7306695894646,560.0]],[1,[1156.9357503463468,509.9999999999987]],[6,[1044.9742261192855,480.0]],[2,[877.0319397786863,584.9999999999998]],[4,[615.7883832488646,605.0000000000001]],[5,[597.1281292110198,599.9999999999999]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[2,2],[6,6],[1,1],[4,4],[5,5],[3,3]],"end_point":[[5,6],[1,2],[3,4],[2,3],[6,1],[4,5]],"handle_primary":[[2,[0.0,0.0]],[6,[0.0,0.0]],[1,[0.0,0.0]],[3,null],[5,[447.84609690826574,-119.99999999999989]],[4,null]],"handle_end":[[6,[0.0,0.0]],[3,null],[5,null],[4,null],[1,[0.0,0.0]],[2,null]],"stroke":[[2,0],[1,0],[5,0],[6,0],[3,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12331680982485935376,{"inputs":[{"Node":{"node_id":2183401450260403525,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.5882353,"green":0.627451,"blue":0.39607844,"alpha":0.6313726}],[1.0,{"red":0.5882353,"green":0.627451,"blue":0.39607844,"alpha":0.0}]],"gradient_type":"Linear","start":[0.7293479177394283,-0.000903965337796908],"end":[0.7877909957441462,0.5587258938108439],"transform":[508.0879347267641,0.0,0.0,198.0243662458641,767.745306197191,484.2026674087032]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.5882353,"green":0.627451,"blue":0.39607844,"alpha":0.6313726}],[1.0,{"red":0.5882353,"green":0.627451,"blue":0.39607844,"alpha":0.0}]],"gradient_type":"Linear","start":[0.7293479177394283,-0.000903965337796908],"end":[0.7877909957441462,0.5587258938108439],"transform":[508.0879347267641,0.0,0.0,198.0243662458641,767.745306197191,484.2026674087032]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]},"network_metadata":{"persistent_metadata":{"node_metadata":[[2088390810384907709,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-22,72]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3014633976566537110,{"persistent_metadata":{"reference":"Merge","display_name":"Boolean Cut","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5434119356821575534,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4105329493214975815,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18046677540207938977,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17433098630591807963,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12331680982485935376,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12852312236973354891,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9771562518763748677,{"persistent_metadata":{"reference":"Merge","display_name":"Plant (Upper Left)","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":39}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11479492521093639512,{"persistent_metadata":{"reference":"Blend Mode","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Blend Mode"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11547499603328872398,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10849502918952703647,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4741515246389989284,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3970872207068447290,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3927358878935116440,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9695624216919732577,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4924169570021915606,{"persistent_metadata":{"reference":"Merge","display_name":"Sphere","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":9}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14805036488257720752,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,6]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15300421479077882117,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16416441286881083283,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2921219300441868542,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16732345645494316637,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15167880819976070791,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4134257789770357215,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16510804133693080967,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14330881008352607546,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3021739385836969518,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5017082804473894058,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-22,60]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12683405703338263457,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5317925967883407701,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9278774434958175105,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8181290118694677328,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8863202447825570192,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","unit":"x","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3122972215852775755,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15216519480392295991,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8028812053913481975,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7639490284239357347,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7799679303995308634,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","input_name":"Translation","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","unit":"x","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8884703330021429739,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3680957604830907751,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16261620049358949344,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15347111149235590492,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7952384394377946257,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5261200785298607501,{"persistent_metadata":{"reference":"Blend Mode","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Blend Mode"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18185020559178852986,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17881728913029763313,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16847360882244487081,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9392462024456293097,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15898396405528650339,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","input_name":"Translation","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17250040304106119844,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,39]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[585709295659496998,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2209276411833629008,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10564228200140683112,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","x":"W","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7861616450605235840,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12537712543904859919,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10779665858841986661,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15709488322180832347,{"persistent_metadata":{"reference":"Artboard","display_name":"","input_properties":[{"input_data":{"input_name":"Artboards"},"widget_override":null},{"input_data":{"input_name":"Contents"},"widget_override":"hidden"},{"input_data":{"x":"X","unit":" px","y":"Y","input_name":"Location"},"widget_override":"vec2"},{"input_data":{"input_name":"Dimensions","unit":" px","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Background"},"widget_override":"artboard_background"},{"input_data":{"input_name":"Clip"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-5,0]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-2,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Artboard","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-10,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Append Artboards","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[6,-4]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8166796652234334001,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13817976820605296433,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","input_name":"Translation","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14791465604033956302,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14842592386831797498,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7910743362843097140,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,30]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2189393878093040029,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8612613134760093452,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9663740787529879916,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11579925754926059876,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8891726805381758817,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7067047867039575315,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10989897386232385465,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11595529463602678384,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","x":"X","unit":" px","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[764189229787475993,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","unit":"x","x":"W","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12875121980058869686,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13837327017498431546,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7005645574203740491,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5448146793323825465,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3670594928372882885,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7948029953091985757,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4191887059541031673,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2640491057355360805,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15517065353723874205,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17059035448296015006,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4187349759243468746,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9409313765472227540,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7171713123860587892,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11860177410232537211,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[456239140723765386,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4398598693761352299,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4740496570730418920,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,24]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16793555741218543212,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11634445349252640936,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","x":"W","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9981992739451603109,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11990662272042254522,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10507084483235320484,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16852951849051795674,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2881239077602364410,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5326013268137833446,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8463468388280418154,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7030585744407664630,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4046495708656778502,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9210109719406330381,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13852123721901366011,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","input_name":"Translation","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8242413775403456296,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7884283658260267478,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,15]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12931264630175648107,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7671691070850213967,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16069762220015310717,{"persistent_metadata":{"reference":"Merge","display_name":"Fountain Water Ripples","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":87}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11506204916439878896,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1396768435017101055,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6556170892691431702,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14234384001010789008,{"persistent_metadata":{"reference":"Merge","display_name":"Plant (Lower Left)","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":9}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3679103217373457623,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2292399603649738346,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[57904581517036791,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9724746185253267560,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,36]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[938033825024582130,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1147521068928676110,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18187802220803838247,{"persistent_metadata":{"reference":"Blend Mode","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Blend Mode"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13868917743026516656,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13287180494862716983,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,9]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9935922395919478146,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2077983679740571162,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3455270778005546310,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2225749123534781340,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,12]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13442128106088307772,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2900504420179573771,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[972153153989181918,{"persistent_metadata":{"reference":"Merge","display_name":"Sphere Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14341957170885045113,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2062662104423219162,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4101813853952238986,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14255588039347536657,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-22,255]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12302362769310895852,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5346759588580719138,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1658032775659237960,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","x":"W","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1108089904278882840,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13001069903842109798,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3564067978712674849,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","input_name":"Scale","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3616319631707471648,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[194878846429432339,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15914878146223026034,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10431241258085047322,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18128923159828618806,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4757672276235057645,{"persistent_metadata":{"reference":"Merge","display_name":"Plant (Right)","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":9}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13207576193421440093,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9226731772122225003,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17965270694495451178,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-22,96]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13531127678140037818,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7259756719760382667,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[532055960192543062,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15134939288287905620,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","unit":" px","input_name":"Translation","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","input_name":"Scale","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11221222899304956410,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4968550668755026811,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18371793711669837037,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5891705401441266824,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15775513677915164685,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[958845362613832240,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7637119583909417127,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6589978257209505606,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12469956387875933942,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11490835759023283071,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","input_name":"Translation","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","x":"W","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2036609094647228373,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10651614176902312108,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[326112971739898070,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,21]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1229809699395562135,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9993538712344947860,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18085100003956405261,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16059265180575745658,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,33]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7156963182187517674,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","y":"Y","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6142412830271644616,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,39]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13696921450692276893,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14102693648424950146,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3227544593834141716,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11236872744106223256,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,36]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[322234583139821148,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","input_name":"Scale","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10742991645899166287,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","y":"Y","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","x":"W","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15166516760575860563,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15595689026000825531,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12930243402848966353,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9641315149170593327,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7340659059180155803,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-44,219]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10477328336261010694,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","input_name":"Translation","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17887542695709892422,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-22,126]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10852750245702849075,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4197544064668946479,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,27]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12019361655085452072,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","input_name":"Translation","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","unit":"x","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13853529851208960143,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7838724497953148309,{"persistent_metadata":{"reference":"Merge","display_name":"Geometric Ripples","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-9,3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4323461535289334196,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13701442050580061197,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4847316728405535983,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8958782938691501404,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16807867745126764195,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9138781233934614517,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6868877732348460627,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9157963288496356916,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16727310898641763441,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1156213189397385283,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,18]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18011777376689315137,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14449710315388146362,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9908869573449854874,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","unit":" px","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9393309733761233513,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13747030364552895864,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14055195208113082127,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-22,48]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10188337730058049439,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13942146309185231085,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16564941800301062922,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4243146970185091100,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[70804263053697201,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","y":"Y","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","input_name":"Scale","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11158238411769751544,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2843751023378786714,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14124486712683868036,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16398743435291795904,{"persistent_metadata":{"reference":"Merge","display_name":"Fountain Water","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":36}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13700218159488557234,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[729026403095264425,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5925268772265373737,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15488533792651297821,{"persistent_metadata":{"reference":"Merge","display_name":"Structure Reflection","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5540780316862276409,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2032185045476767535,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-36,216]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11776939455674933130,{"persistent_metadata":{"reference":"Merge","display_name":"Backdrop Gradient","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7339104629465306715,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13920465562072008593,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2785423879796980286,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15261165353096835967,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14400993470150734626,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12548387328300782726,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17638504852426495381,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11429712783984224234,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[664587514588499648,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11634802583144606404,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11076863066321508991,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2791109467690716388,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3185536512640676801,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9684750473849891261,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2183401450260403525,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14483299526002574058,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14449527838292182035,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5882319123081134737,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-35,189]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1490537476612110327,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2310170068575553369,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16229837691656808412,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[183952488591282082,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","input_name":"Scale","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2510483139353274965,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5258402282444994019,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8165914767449151618,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15876464101883822838,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3806549994589872867,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-22,84]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16591255610014418910,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14161755104759532162,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","input_name":"Translation","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6785205785632793666,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14633096010607565334,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13743495762122910279,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12172015233077238737,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9150078008481575131,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9798215931018813676,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9115451226763736660,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16244305414728361140,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8034980397175569257,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13861850149743924125,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14202574750104046500,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15157035456876170143,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5365849201631468915,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1104068854328504126,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10810157408196882043,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10917301734480569398,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","input_name":"Scale","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10181153433637856462,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","x":"W","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4898866541060902381,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12554549497938935061,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5574499968250848265,{"persistent_metadata":{"reference":"Merge","display_name":"Water","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18431382379595272672,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12360435709959435360,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11450962621506425680,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6006052038693767172,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9666682009015049330,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10189927996178548902,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15723520455917422372,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2465823993152870948,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17873337220577786871,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3365825508845848745,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12370676490908282512,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9323583246068171750,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4884180935153120645,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[429913874753911073,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1032659476619711014,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11895211316848895241,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8256712316698018135,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[514222872092587805,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17785019773455930267,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5670058004691708784,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1831743139584171612,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9640215309187299519,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6777328619777499144,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2058192342619930156,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","input_name":"Scale","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8073807569018624098,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12998832508553378533,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13942787566051910019,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17533670083736420411,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4837219841531371489,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4069478660487729695,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14019233912018234740,{"persistent_metadata":{"reference":"Merge","display_name":"Structure","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":27}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17332567356044944766,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3966971396176820223,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14752203606937854133,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2452294403891427489,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13946577152348504742,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15478704582542175684,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15670426414376277308,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13609749019463823009,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6569279146800941123,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8508454285877707748,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8015732980153557800,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2155997486525176376,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-22,6]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4887570735033124574,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16923062582661131268,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6821938959315178556,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8343201730608263656,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1268775104597510914,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[693.0,-4081.136664739667],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,693.0,-4081.0],"node_graph_top_right":[1468.796875,0.0]},"selection_undo_history":[[],[],[],[],[],[15517065353723874205],[7340659059180155803],[7340659059180155803,13442128106088307772,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[16398743435291795904,4741515246389989284,14255588039347536657,5261200785298607501,2465823993152870948,15898396405528650339,16807867745126764195,18185020559178852986,4847316728405535983,11579925754926059876,15670426414376277308,5574499968250848265,5925268772265373737,4105329493214975815,12931264630175648107,11776939455674933130,9684750473849891261,70804263053697201,13942787566051910019],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[16398743435291795904,4741515246389989284,14255588039347536657,5261200785298607501,2465823993152870948,15898396405528650339,16807867745126764195,18185020559178852986,4847316728405535983,11579925754926059876,15670426414376277308,5574499968250848265,5925268772265373737,4105329493214975815,12931264630175648107,11776939455674933130,9684750473849891261,70804263053697201,13942787566051910019],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162,7171713123860587892,9798215931018813676,10779665858841986661,18431382379595272672,4191887059541031673,4046495708656778502,10989897386232385465,7339104629465306715,16229837691656808412,10507084483235320484,1396768435017101055,15914878146223026034,4069478660487729695,9157963288496356916,1108089904278882840,5317925967883407701,13853529851208960143,10188337730058049439,11076863066321508991,8891726805381758817,17332567356044944766,1268775104597510914,18011777376689315137,10564228200140683112,13001069903842109798,13861850149743924125,5891705401441266824,5670058004691708784],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[13442128106088307772],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162,7171713123860587892,9798215931018813676,10779665858841986661,18431382379595272672,4191887059541031673,4046495708656778502,10989897386232385465,7339104629465306715,16229837691656808412,10507084483235320484,1396768435017101055,15914878146223026034,4069478660487729695,9157963288496356916,1108089904278882840,5317925967883407701,13853529851208960143,10188337730058049439,11076863066321508991,8891726805381758817,17332567356044944766,1268775104597510914,18011777376689315137,10564228200140683112,13001069903842109798],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[13861850149743924125],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162,7171713123860587892,9798215931018813676,10779665858841986661,18431382379595272672,4191887059541031673,4046495708656778502,10989897386232385465,7339104629465306715,16229837691656808412,10507084483235320484,1396768435017101055,15914878146223026034,4069478660487729695,9157963288496356916,1108089904278882840,5317925967883407701,13853529851208960143,10188337730058049439,11076863066321508991,8891726805381758817,17332567356044944766],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[1268775104597510914],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162,7171713123860587892,9798215931018813676,10779665858841986661,18431382379595272672,4191887059541031673,4046495708656778502,10989897386232385465,7339104629465306715,16229837691656808412,10507084483235320484,1396768435017101055,15914878146223026034,4069478660487729695,9157963288496356916,1108089904278882840,5317925967883407701,13853529851208960143],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[10188337730058049439],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162,7171713123860587892,9798215931018813676,10779665858841986661,18431382379595272672,4191887059541031673,4046495708656778502,10989897386232385465,7339104629465306715,16229837691656808412,10507084483235320484,1396768435017101055,15914878146223026034,4069478660487729695],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[9157963288496356916],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162,7171713123860587892,9798215931018813676,10779665858841986661,18431382379595272672,4191887059541031673,4046495708656778502,10989897386232385465,7339104629465306715,16229837691656808412],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[10507084483235320484],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162,7171713123860587892,9798215931018813676,10779665858841986661,18431382379595272672,4191887059541031673,4046495708656778502],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[10989897386232385465],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162,7171713123860587892,9798215931018813676,10779665858841986661],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[18431382379595272672],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7340659059180155803,13531127678140037818,3970872207068447290,2077983679740571162],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[7171713123860587892],[7340659059180155803,7171713123860587892,18431382379595272672,10989897386232385465,10507084483235320484,9157963288496356916,10188337730058049439,1268775104597510914,13861850149743924125,13442128106088307772],[2032185045476767535],[]],"selection_redo_history":[]}}},"collapsed":[7838724497953148310,9771562518763748678,14234384001010789009,4757672276235057646,4924169570021915607,15488533792651297822,16398743435291795905,972153153989181919,14019233912018234741,5574499968250848266,11776939455674933131,2032185045476767536,16069762220015310718],"name":"isometric-fountain.graphite","commit_hash":"8d83fa707928a1c54fe10224695a0c4791ab3501","document_ptz":{"pan":[-639.4105997694348,-319.94980900906876],"tilt":0.0,"zoom":1.0,"flip":false},"document_mode":"DesignMode","view_mode":"Normal","overlays_visibility_settings":{"all":true,"artboard_name":true,"compass_rose":true,"quick_measurement":true,"transform_measurement":true,"transform_cage":true,"hover_outline":true,"selection_outline":true,"pivot":true,"path":true,"anchors":true,"handles":true},"rulers_visible":true,"snapping_state":{"snapping_enabled":true,"grid_snapping":false,"artboards":true,"tolerance":8.0,"bounding_box":{"center_point":true,"corner_point":true,"edge_midpoint":true,"align_with_edges":true,"distribute_evenly":true},"path":{"anchor_point":true,"line_midpoint":true,"along_path":true,"normal_to_path":true,"tangent_to_path":true,"path_intersection_point":true,"align_with_anchor_point":true,"perpendicular_from_endpoint":true},"grid":{"origin":[0.0,0.0],"grid_type":{"Isometric":{"y_axis_spacing":20.0,"angle_a":15.0,"angle_b":15.0}},"rectangular_spacing":[1.0,1.0],"isometric_y_spacing":1.0,"isometric_angle_a":30.0,"isometric_angle_b":30.0,"grid_color":{"red":0.60784316,"green":0.60784316,"blue":0.60784316,"alpha":0.25},"dot_display":false}},"graph_view_overlay_open":false,"graph_fade_artwork_percentage":80.0}
\ No newline at end of file
diff --git a/demo-artwork/marbled-mandelbrot.graphite b/demo-artwork/marbled-mandelbrot.graphite
new file mode 100644
index 0000000000000000000000000000000000000000..2558debe43d553ff74225b5899298d730cac4ead
--- /dev/null
+++ b/demo-artwork/marbled-mandelbrot.graphite
@@ -0,0 +1 @@
+{"network_interface":{"network":{"exports":[{"Node":{"node_id":12241147352993594415,"output_index":0,"lambda":false}}],"nodes":[[4388711862172196665,{"inputs":[],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_std::raster::MandelbrotNode"}},"visible":true,"skip_deduplication":false}],[3606681156406984991,{"inputs":[{"Node":{"node_id":6323350524796370485,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"GradientStops":[[0.3237704918032787,{"red":1.0,"green":0.0,"blue":1.0,"alpha":0.1}],[0.5655737704918032,{"red":0.8901961,"green":0.8117647,"blue":0.39215687,"alpha":1.0}],[0.8155737704918032,{"red":0.0,"green":1.0,"blue":1.0,"alpha":0.5}]]},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::raster::adjustments::GradientMapNode"}},"visible":true,"skip_deduplication":false}],[6029481207635803402,{"inputs":[{"Node":{"node_id":4388711862172196665,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1000.0,1000.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7624113397561636853,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":3606681156406984991,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[80924370013313595,{"inputs":[{"Node":{"node_id":6029481207635803402,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"GradientStops":[[0.0,{"red":0.19607843,"green":0.0,"blue":0.21176471,"alpha":1.0}],[0.12704918032786883,{"red":0.0627451,"green":0.19215687,"blue":0.39607844,"alpha":1.0}],[0.5,{"red":0.8901961,"green":0.8117647,"blue":0.39215687,"alpha":1.0}],[1.0,{"red":0.58431375,"green":0.92941177,"blue":0.92941177,"alpha":0.01}]]},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::raster::adjustments::GradientMapNode"}},"visible":true,"skip_deduplication":false}],[6323350524796370485,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":35.0},"exposed":false}},{"Value":{"tagged_value":{"NoiseType":"OpenSimplex2"},"exposed":false}},{"Value":{"tagged_value":{"DomainWarpType":"OpenSimplex2"},"exposed":false}},{"Value":{"tagged_value":{"F64":100.0},"exposed":false}},{"Value":{"tagged_value":{"FractalType":"PingPong"},"exposed":false}},{"Value":{"tagged_value":{"U32":3},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.5},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"CellularDistanceFunction":"Hybrid"},"exposed":false}},{"Value":{"tagged_value":{"CellularReturnType":"CellValue"},"exposed":false}},{"Value":{"tagged_value":{"F64":1.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_std::raster::NoisePatternNode"}},"visible":true,"skip_deduplication":false}],[6565638614909771142,{"inputs":[{"Node":{"node_id":7624113397561636853,"output_index":0,"lambda":false}},{"Node":{"node_id":80924370013313595,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12241147352993594415,{"inputs":[{"Value":{"tagged_value":{"ArtboardGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":6565638614909771142,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"IVec2":[0,0]},"exposed":false}},{"Value":{"tagged_value":{"IVec2":[1000,1000]},"exposed":false}},{"Value":{"tagged_value":{"Color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":1}},{"Value":{"tagged_value":{"String":"Artboard"},"exposed":false}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToArtboardNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Network":{"import_type":{"Fn":[{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::graphic_element::Artboard>","alias":null}}]},"import_index":0}},{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::AppendArtboardNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]},"network_metadata":{"persistent_metadata":{"node_metadata":[[6029481207635803402,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","input_name":"Translation","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7624113397561636853,{"persistent_metadata":{"reference":"Merge","display_name":"Swirly Noise","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4388711862172196665,{"persistent_metadata":{"reference":"Mandelbrot","display_name":"","input_properties":[],"output_names":["Raster"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6323350524796370485,{"persistent_metadata":{"reference":"Noise Pattern","display_name":"","input_properties":[{"input_data":{"input_name":"Spacer"},"widget_override":null},{"input_data":{"input_name":"Clip"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null},{"input_data":{"input_name":"Scale"},"widget_override":"noise_properties_scale"},{"input_data":{"input_name":"Noise Type"},"widget_override":"noise_properties_noise_type"},{"input_data":{"input_name":"Domain Warp Type"},"widget_override":"noise_properties_domain_warp_type"},{"input_data":{"input_name":"Domain Warp Amplitude"},"widget_override":"noise_properties_domain_warp_amplitude"},{"input_data":{"input_name":"Fractal Type"},"widget_override":"noise_properties_fractal_type"},{"input_data":{"input_name":"Fractal Octaves"},"widget_override":"noise_properties_fractal_octaves"},{"input_data":{"input_name":"Fractal Lacunarity"},"widget_override":"noise_properties_fractal_lacunarity"},{"input_data":{"input_name":"Fractal Gain"},"widget_override":"noise_properties_fractal_gain"},{"input_data":{"input_name":"Fractal Weighted Strength"},"widget_override":"noise_properties_fractal_weighted_strength"},{"input_data":{"input_name":"Fractal Ping Pong Strength"},"widget_override":"noise_properties_ping_pong_strength"},{"input_data":{"input_name":"Cellular Distance Function"},"widget_override":"noise_properties_cellular_distance_function"},{"input_data":{"input_name":"Cellular Return Type"},"widget_override":"noise_properties_cellular_return_type"},{"input_data":{"input_name":"Cellular Jitter"},"widget_override":"noise_properties_cellular_jitter"}],"output_names":["Image"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Noise Pattern","input_properties":[],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Cull","input_properties":[],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12241147352993594415,{"persistent_metadata":{"reference":"Artboard","display_name":"","input_properties":[{"input_data":{"input_name":"Artboards"},"widget_override":null},{"input_data":{"input_name":"Contents"},"widget_override":"hidden"},{"input_data":{"input_name":"Location","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Dimensions","unit":" px","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Background"},"widget_override":"artboard_background"},{"input_data":{"input_name":"Clip"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-8,3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-2,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Artboard","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-10,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Append Artboards","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[6,-4]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6565638614909771142,{"persistent_metadata":{"reference":"Merge","display_name":"Mandelbrot Set","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-16,6]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3606681156406984991,{"persistent_metadata":{"reference":"Gradient Map","display_name":"","input_properties":[{"input_data":{"input_name":"Image"},"widget_override":null},{"input_data":{"input_name":"Gradient"},"widget_override":null},{"input_data":{"input_name":"Reverse"},"widget_override":null}],"output_names":["Image"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[80924370013313595,{"persistent_metadata":{"reference":"Gradient Map","display_name":"","input_properties":[{"input_data":{"input_name":"Image"},"widget_override":null},{"input_data":{"input_name":"Gradient"},"widget_override":null},{"input_data":{"input_name":"Reverse"},"widget_override":null}],"output_names":["Image"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[345.0,-187.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,1336.0,394.0],"node_graph_top_right":[1468.796875,0.0]},"selection_undo_history":[[12241147352993594415]],"selection_redo_history":[]}}},"collapsed":[],"name":"marbled-mandelbrot.graphite","commit_hash":"f6ffa45a8180183d70a67d3e41249934a8fcacc9","document_ptz":{"pan":[-339.3903349049215,-502.62390663267854],"tilt":0.0,"zoom":4.0,"flip":false},"document_mode":"DesignMode","view_mode":"Normal","overlays_visibility_settings":{"all":true,"artboard_name":true,"compass_rose":true,"quick_measurement":true,"transform_measurement":true,"transform_cage":true,"hover_outline":true,"selection_outline":true,"pivot":true,"path":true,"anchors":true,"handles":true},"rulers_visible":true,"snapping_state":{"snapping_enabled":true,"grid_snapping":false,"artboards":true,"tolerance":8.0,"bounding_box":{"center_point":true,"corner_point":true,"edge_midpoint":true,"align_with_edges":true,"distribute_evenly":true},"path":{"anchor_point":true,"line_midpoint":true,"along_path":true,"normal_to_path":true,"tangent_to_path":true,"path_intersection_point":true,"align_with_anchor_point":true,"perpendicular_from_endpoint":true},"grid":{"origin":[0.0,0.0],"grid_type":{"Rectangular":{"spacing":[1.0,1.0]}},"rectangular_spacing":[1.0,1.0],"isometric_y_spacing":1.0,"isometric_angle_a":30.0,"isometric_angle_b":30.0,"grid_color":{"red":0.6038274,"green":0.6038274,"blue":0.6038274,"alpha":1.0},"dot_display":false}},"graph_view_overlay_open":false,"graph_fade_artwork_percentage":80.0}
\ No newline at end of file
diff --git a/demo-artwork/painted-dreams.graphite b/demo-artwork/painted-dreams.graphite
new file mode 100644
index 0000000000000000000000000000000000000000..f59f017b7359dfd266073cd11b9fc5faf827ae93
--- /dev/null
+++ b/demo-artwork/painted-dreams.graphite
@@ -0,0 +1 @@
+{"network_interface":{"network":{"exports":[{"Node":{"node_id":392274448837115448,"output_index":0,"lambda":false}}],"nodes":[[13353438235848911576,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[6379137305818664393,18442321214082298093,18118267825025549699,6351696498298648253,17863574903157697896,4691860614575868200,301778328144628917,10625296323957562985,533731991408535384,13357220652574593654,15992617814592812350],"remove":[],"delta":[[6379137305818664393,[625.4814814814813,0.0]],[6351696498298648253,[646.8148148148149,0.0]],[301778328144628917,[493.5149940383244,200.29629629629628]],[13357220652574593654,[574.2222222222222,108.44444444444449]],[18442321214082298093,[565.6296296296297,122.96296296296298]],[10625296323957562985,[473.4814814814815,272.5925925925926]],[18118267825025549699,[642.0740740740741,0.0]],[4691860614575868200,[528.2962962962963,283.8518518518518]],[15992617814592812350,[621.0370370370368,0.0]],[17863574903157697896,[606.8148151308641,95.19407372365433]],[533731991408535384,[501.6296296296296,175.40740740740742]]]},"segments":{"add":[13662059715350867364,3384102572540409881,12035095010819582754,10146665273368938971,318560030360358929,8462655819889292900,3303411878775644985,8661113083384527971,2035327810332855521,11346538709718766144,3710133387837274291],"remove":[],"start_point":[[8462655819889292900,4691860614575868200],[10146665273368938971,6351696498298648253],[318560030360358929,17863574903157697896],[3303411878775644985,301778328144628917],[8661113083384527971,10625296323957562985],[11346538709718766144,13357220652574593654],[3384102572540409881,18442321214082298093],[2035327810332855521,533731991408535384],[13662059715350867364,6379137305818664393],[12035095010819582754,18118267825025549699],[3710133387837274291,15992617814592812350]],"end_point":[[11346538709718766144,15992617814592812350],[3384102572540409881,18118267825025549699],[12035095010819582754,6351696498298648253],[3303411878775644985,10625296323957562985],[2035327810332855521,13357220652574593654],[3710133387837274291,6379137305818664393],[318560030360358929,4691860614575868200],[8462655819889292900,301778328144628917],[8661113083384527971,533731991408535384],[10146665273368938971,17863574903157697896],[13662059715350867364,18442321214082298093]],"handle_primary":[[8661113083384527971,[0.2962962962963047,0.2962962962963047]],[8462655819889292900,[0.0,0.0]],[13662059715350867364,[0.0,0.0]],[3710133387837274291,[0.0,0.0]],[3384102572540409881,[0.0,0.0]],[11346538709718766144,[9.925839724176626,-9.951533978271286]],[318560030360358929,[-46.95465552079859,46.40007297527743]],[2035327810332855521,[42.96296296296293,-41.7777777777778]],[3303411878775644985,[0.0,0.0]],[12035095010819582754,[0.0,0.0]],[10146665273368938971,[0.0,0.0]]],"handle_end":[[3384102572540409881,[0.5807410754567854,77.36888852918523]],[10146665273368938971,[48.16592595101224,-47.597037061827145]],[11346538709718766144,[1.1377781018271662,63.71555518874077]],[12035095010819582754,[0.0,0.0]],[8462655819889292900,[-21.74426522093495,47.99999999999997]],[2035327810332855521,[-8.299214014278164,8.32069754812484]],[3710133387837274291,[0.0,0.0]],[318560030360358929,[-97.48148148148152,-81.18518518518522]],[8661113083384527971,[-42.34888386913234,41.180638796880466]],[3303411878775644985,[-6.2222222222222285,-40.59259259259261]],[13662059715350867364,[68.68148181185177,-54.8859262904691]]],"stroke":[[318560030360358929,0],[10146665273368938971,0],[3384102572540409881,0],[3303411878775644985,0],[2035327810332855521,0],[8462655819889292900,0],[12035095010819582754,0],[3710133387837274291,0],[11346538709718766144,0],[8661113083384527971,0],[13662059715350867364,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":8661113083384527971},{"ty":"Primary","segment":2035327810332855521}],[{"ty":"End","segment":12035095010819582754},{"ty":"Primary","segment":10146665273368938971}],[{"ty":"Primary","segment":11346538709718766144},{"ty":"End","segment":2035327810332855521}],[{"ty":"End","segment":10146665273368938971},{"ty":"Primary","segment":318560030360358929}]],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16671141883125519098,{"inputs":[{"Node":{"node_id":16306737306999003555,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[6445954214067437701,{"inputs":[{"Node":{"node_id":13670206802546093234,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractFront"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[140396870212231820,{"inputs":[{"Node":{"node_id":18095952297474762348,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5449860184735415958,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[17520941196305861319,6029995238423674441,16590926169549948521,12817219955590128894,4723170318056755559,12317789037775437786,17339925811006567497,4659274885664969740,1541401134848201833,17321098837874422287,11084016020553554647,9729762716079513741,13279221198527484331,7727030009292816503,15701538241214188894],"remove":[],"delta":[[13279221198527484331,[564.0,768.0]],[17339925811006567497,[898.0,468.0]],[12317789037775437786,[902.0,394.0]],[9729762716079513741,[585.0,666.0]],[15701538241214188894,[0.0,0.0]],[6029995238423674441,[898.0,46.0]],[11084016020553554647,[655.0,636.0]],[1541401134848201833,[886.0,572.0]],[16590926169549948521,[869.0,147.0]],[12817219955590128894,[933.0,273.0]],[4659274885664969740,[896.0,523.0]],[17321098837874422287,[802.6666666666667,656.4444444444445]],[17520941196305861319,[889.0,0.0]],[4723170318056755559,[923.0,349.0]],[7727030009292816503,[0.0,768.0]]]},"segments":{"add":[862900208337901235,4806484166818510930,11569179934425192262,9808624553037921371,9730229894941201870,1248401493076165062,8832757535144158913,15056691877609602335,8919277736361106420,16631919016540861133,9314952320711038398,10137845066833192587,14740183693208469558,3307452201570141575,3876401232874291775],"remove":[],"start_point":[[8919277736361106420,1541401134848201833],[15056691877609602335,4659274885664969740],[14740183693208469558,13279221198527484331],[16631919016540861133,17321098837874422287],[3307452201570141575,7727030009292816503],[11569179934425192262,16590926169549948521],[1248401493076165062,12317789037775437786],[3876401232874291775,15701538241214188894],[9808624553037921371,12817219955590128894],[9314952320711038398,11084016020553554647],[9730229894941201870,4723170318056755559],[862900208337901235,17520941196305861319],[4806484166818510930,6029995238423674441],[8832757535144158913,17339925811006567497],[10137845066833192587,9729762716079513741]],"end_point":[[9314952320711038398,9729762716079513741],[8832757535144158913,4659274885664969740],[9808624553037921371,4723170318056755559],[4806484166818510930,16590926169549948521],[862900208337901235,6029995238423674441],[1248401493076165062,17339925811006567497],[16631919016540861133,11084016020553554647],[14740183693208469558,7727030009292816503],[11569179934425192262,12817219955590128894],[3876401232874291775,17520941196305861319],[8919277736361106420,17321098837874422287],[10137845066833192587,13279221198527484331],[15056691877609602335,1541401134848201833],[3307452201570141575,15701538241214188894],[9730229894941201870,12317789037775437786]],"handle_primary":[[9808624553037921371,[18.0,36.0]],[14740183693208469558,[0.0,0.0]],[3307452201570141575,[0.0,0.0]],[11569179934425192262,[-4.0,51.0]],[8832757535144158913,[14.888888888888914,4.8888888888888005]],[15056691877609602335,[0.0,0.0]],[8919277736361106420,[10.458809984597837,40.44073194044492]],[16631919016540861133,[-63.996421719362885,-1.2074796550824587]],[3876401232874291775,[0.0,0.0]],[1248401493076165062,[21.0,27.0]],[9314952320711038398,[-34.0,-7.0]],[4806484166818510930,[11.595886737767424,32.210796493798]],[862900208337901235,[0.0,0.0]],[10137845066833192587,[-19.0,43.0]],[9730229894941201870,[-24.00371914417652,11.366922485048674]]],"handle_end":[[3876401232874291775,[0.0,0.0]],[862900208337901235,[-9.000000000000114,-25.0]],[8832757535144158913,[33.33333333333326,-9.666666666666742]],[9808624553037921371,[28.703703703703695,-13.592592592592496]],[9730229894941201870,[-21.0,-27.0]],[1248401493076165062,[30.59259259259261,-36.59259259259255]],[3307452201570141575,[0.0,0.0]],[16631919016540861133,[34.0,7.0]],[8919277736361106420,[70.66666666666652,1.333333333333485]],[10137845066833192587,[0.0,0.0]],[4806484166818510930,[3.365858386031487,-42.91469442190146]],[14740183693208469558,[0.0,0.0]],[9314952320711038398,[19.0,-43.0]],[15056691877609602335,[-10.0,-38.66666666666663]],[11569179934425192262,[-18.0,-36.0]]],"stroke":[[4806484166818510930,0],[14740183693208469558,0],[1248401493076165062,0],[3876401232874291775,0],[862900208337901235,0],[16631919016540861133,0],[11569179934425192262,0],[9314952320711038398,0],[8919277736361106420,0],[15056691877609602335,0],[8832757535144158913,0],[10137845066833192587,0],[9808624553037921371,0],[3307452201570141575,0],[9730229894941201870,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":9314952320711038398},{"ty":"Primary","segment":10137845066833192587}],[{"ty":"End","segment":8919277736361106420},{"ty":"Primary","segment":16631919016540861133}],[{"ty":"End","segment":9730229894941201870},{"ty":"Primary","segment":1248401493076165062}],[{"ty":"End","segment":3307452201570141575},{"ty":"Primary","segment":3876401232874291775}],[{"ty":"End","segment":4806484166818510930},{"ty":"Primary","segment":11569179934425192262}],[{"ty":"End","segment":9808624553037921371},{"ty":"Primary","segment":9730229894941201870}],[{"ty":"End","segment":10137845066833192587},{"ty":"Primary","segment":14740183693208469558}],[{"ty":"End","segment":11569179934425192262},{"ty":"Primary","segment":9808624553037921371}],[{"ty":"End","segment":16631919016540861133},{"ty":"Primary","segment":9314952320711038398}],[{"ty":"End","segment":862900208337901235},{"ty":"Primary","segment":4806484166818510930}],[{"ty":"End","segment":14740183693208469558},{"ty":"Primary","segment":3307452201570141575}],[{"ty":"End","segment":15056691877609602335},{"ty":"Primary","segment":8919277736361106420}]],"remove_g1_continuous":[[{"ty":"Primary","segment":8832757535144158913},{"ty":"End","segment":1248401493076165062}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12709602171929957216,{"inputs":[{"Node":{"node_id":17753909951719808506,"output_index":0,"lambda":false}},{"Node":{"node_id":12922148192688274227,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16609137733952262762,{"inputs":[{"Node":{"node_id":17397123104674848450,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7855094781869605606,{"inputs":[{"Node":{"node_id":14141479077115894852,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractBack"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8460565235419043665,{"inputs":[{"Node":{"node_id":3079923906392020295,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,412.1]},"exposed":false}},{"Value":{"tagged_value":{"F64":27.6},"exposed":false}},{"Value":{"tagged_value":{"U32":8},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[6194305264313730032,{"inputs":[{"Node":{"node_id":4560146526699152877,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14950060858756810933,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[9346093213164033195,3249248431686392864,9577388580635291078],"remove":[],"delta":[[3249248431686392864,[1536.0,95.0]],[9577388580635291078,[1536.0,0.0]],[9346093213164033195,[1211.0,0.0]]]},"segments":{"add":[9585086796709645600,13980191878100735848,1147165232046305110],"remove":[],"start_point":[[13980191878100735848,3249248431686392864],[1147165232046305110,9577388580635291078],[9585086796709645600,9346093213164033195]],"end_point":[[9585086796709645600,3249248431686392864],[13980191878100735848,9577388580635291078],[1147165232046305110,9346093213164033195]],"handle_primary":[[1147165232046305110,[0.0,0.0]],[13980191878100735848,[4.547473508864641e-13,2.8421709430404014e-14]],[9585086796709645600,[0.0,0.0]]],"handle_end":[[1147165232046305110,[0.0,0.0]],[13980191878100735848,[0.0,0.0]],[9585086796709645600,[-281.0,-17.00000000000003]]],"stroke":[[13980191878100735848,0],[1147165232046305110,0],[9585086796709645600,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":13980191878100735848},{"ty":"Primary","segment":1147165232046305110}]],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14698962747138962125,{"inputs":[{"Node":{"node_id":17562801632450633291,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18031616785650843168,{"inputs":[{"Node":{"node_id":17952673493105230490,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SolidifyStrokeNode"}},"visible":true,"skip_deduplication":false}],[11196821089257149774,{"inputs":[{"Node":{"node_id":5888633415105234509,"output_index":0,"lambda":false}},{"Node":{"node_id":18031616785650843168,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8359580532088731394,{"inputs":[{"Node":{"node_id":6726954210929537972,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[8269257328703012432,{"inputs":[{"Node":{"node_id":4102754869474520966,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13203761224559198689,{"inputs":[{"Node":{"node_id":4809200889774783438,"output_index":0,"lambda":false}},{"Node":{"node_id":14690269209726153565,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13670206802546093234,{"inputs":[{"Node":{"node_id":17285637344898461972,"output_index":0,"lambda":false}},{"Node":{"node_id":7855094781869605606,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7201841978411396053,{"inputs":[{"Node":{"node_id":4328376070224119511,"output_index":0,"lambda":false}},{"Node":{"node_id":17735408893002232096,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11429506195623419966,{"inputs":[{"Node":{"node_id":11301831865756336526,"output_index":0,"lambda":false}},{"Node":{"node_id":5449860184735415958,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9071802450034150503,{"inputs":[{"Node":{"node_id":9338394475379815879,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[10063704933309776584,{"inputs":[{"Node":{"node_id":13838011362258067867,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":-1.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::MultiplyNode"}},"visible":true,"skip_deduplication":false}],[3608604157153838227,{"inputs":[{"Node":{"node_id":17299978721726771610,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::BoundingBoxNode"}},"visible":true,"skip_deduplication":false}],[12185047359007423618,{"inputs":[{"Node":{"node_id":10080296672372912698,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7018444885869143173,{"inputs":[{"Node":{"node_id":12234961922142600898,"output_index":0,"lambda":false}},{"Node":{"node_id":8426490990601560741,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1001728975241745659,{"inputs":[{"Node":{"node_id":12770183061753030023,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[392274448837115448,{"inputs":[{"Value":{"tagged_value":{"ArtboardGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":6787585796949551500,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"IVec2":[0,0]},"exposed":false}},{"Value":{"tagged_value":{"IVec2":[1536,768]},"exposed":false}},{"Value":{"tagged_value":{"Color":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":1}},{"Value":{"tagged_value":{"String":"Artboard"},"exposed":false}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToArtboardNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Network":{"import_type":{"Fn":[{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::graphic_element::Artboard>","alias":null}}]},"import_index":0}},{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::AppendArtboardNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17562801632450633291,{"inputs":[{"Node":{"node_id":10286817149456341619,"output_index":0,"lambda":false}},{"Node":{"node_id":5449860184735415958,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3750439930725791025,{"inputs":[{"Node":{"node_id":12276520439585231336,"output_index":0,"lambda":false}},{"Node":{"node_id":14228923746783465609,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[682567808439406093,{"inputs":[{"Node":{"node_id":7755499790391969923,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[300.0,50.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":15},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[17740294143355019755,{"inputs":[{"Node":{"node_id":15301503532602557206,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16759836951269190891,{"inputs":[{"Node":{"node_id":11429506195623419966,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17495267820524300686,{"inputs":[{"Node":{"node_id":13616602029989984195,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[1248.4973005620557,-153.1867628889006]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.2972951295167027},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0000000000000002,1.0000000000000002]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[5.5511151231257815e-17,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12234961922142600898,{"inputs":[{"Node":{"node_id":1627123781166851142,"output_index":0,"lambda":false}},{"Node":{"node_id":18351415092709164412,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11095670964487764044,{"inputs":[{"Node":{"node_id":17603523494627491590,"output_index":0,"lambda":false}},{"Node":{"node_id":8359580532088731394,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11301831865756336526,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[3251241957527197760,11100418327549747778,8048619563638005414,1078998931754662073],"remove":[],"delta":[[1078998931754662073,[942.0246913580248,264.2962962962963]],[3251241957527197760,[875.8001811251517,185.6784024477276]],[11100418327549747778,[910.880658436214,243.0946502057613]],[8048619563638005414,[944.0577392578124,302.0703430175781]]]},"segments":{"add":[6165219920202055745,10795897848378052161,3439025775805007707,12551435438068218604],"remove":[],"start_point":[[6165219920202055745,3251241957527197760],[3439025775805007707,8048619563638005414],[10795897848378052161,11100418327549747778],[12551435438068218604,1078998931754662073]],"end_point":[[3439025775805007707,1078998931754662073],[12551435438068218604,3251241957527197760],[6165219920202055745,11100418327549747778],[10795897848378052161,8048619563638005414]],"handle_primary":[[3439025775805007707,[-2.629814161991817e-6,5.151861046215345e-6]],[10795897848378052161,[11.46027223334628,13.82427457744465]],[12551435438068218604,[-14.61728395061732,-27.456790123456813]],[6165219920202055745,[0.0,0.0]]],"handle_end":[[12551435438068218604,[23.33217876876199,5.204454965879364]],[6165219920202055745,[-29.36625514403283,-35.42386831275718]],[3439025775805007707,[14.61728395061732,27.456790123456813]],[10795897848378052161,[-4.732636377154108,-19.33783272951229]]],"stroke":[[12551435438068218604,0],[6165219920202055745,0],[10795897848378052161,0],[3439025775805007707,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":6165219920202055745},{"ty":"Primary","segment":10795897848378052161}],[{"ty":"End","segment":3439025775805007707},{"ty":"Primary","segment":12551435438068218604}]],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15301503532602557206,{"inputs":[{"Node":{"node_id":6728362629909402903,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6787585796949551500,{"inputs":[{"Node":{"node_id":11095670964487764044,"output_index":0,"lambda":false}},{"Node":{"node_id":16177422101884031678,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18003287685830153881,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[4475009837548700636,4481635366652149569,1608608093193158603,4765910415851982345],"remove":[1647009925892902058],"delta":[[4481635366652149569,[684.8888888888889,395.55555555555554]],[4765910415851982345,[283.33331298828125,354.6666564941406]],[1608608093193158603,[609.7777777777777,620.0]],[4475009837548700636,[525.7325506063205,282.1042056224195]]]},"segments":{"add":[3045825504718908919,8024777209266880257,3983292299330016176,11103925991989272298],"remove":[13489289770112164650],"start_point":[[3983292299330016176,1608608093193158603],[11103925991989272298,4765910415851982345],[3045825504718908919,4475009837548700636],[8024777209266880257,4481635366652149569]],"end_point":[[8024777209266880257,1608608093193158603],[11103925991989272298,4475009837548700636],[3045825504718908919,4481635366652149569],[3983292299330016176,4765910415851982345]],"handle_primary":[[3045825504718908919,[62.22222222222217,43.111111111111086]],[3983292299330016176,[0.0,0.0]],[11103925991989272298,[0.0,0.0]],[8024777209266880257,[11.111111111111086,62.22222222222217]]],"handle_end":[[11103925991989272298,[-113.5844024581724,39.08097956276566]],[8024777209266880257,[34.66666666666674,-85.33333333333337]],[3045825504718908919,[-11.111111111111086,-62.22222222222217]],[3983292299330016176,[0.0,0.0]]],"stroke":[[11103925991989272298,0],[8024777209266880257,0],[3045825504718908919,0],[3983292299330016176,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":3045825504718908919},{"ty":"Primary","segment":8024777209266880257}],[{"ty":"End","segment":3983292299330016176},{"ty":"Primary","segment":11103925991989272298}]],"remove_g1_continuous":[[{"ty":"End","segment":11103925991989272298},{"ty":"Primary","segment":3045825504718908919}],[{"ty":"End","segment":13489289770112164650},{"ty":"Primary","segment":3045825504718908919}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12770183061753030023,{"inputs":[{"Node":{"node_id":17495267820524300686,"output_index":0,"lambda":false}},{"Node":{"node_id":1009114585722052052,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17299978721726771610,{"inputs":[{"Node":{"node_id":7029437790788498388,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[459.4,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":-8.6},"exposed":false}},{"Value":{"tagged_value":{"U32":5},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[9135110142507605216,{"inputs":[{"Node":{"node_id":11196821089257149774,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractFront"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7104261880154687267,{"inputs":[{"Node":{"node_id":2834866505092039323,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18271512507682813443,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[10872099980755217048,13049263474526562389,2409359561719399794,9175973472325454282,14263506369487797530,5496457317579994340,7125168137854779179,9658821733796680583,425878374398720476,5252668597335249558],"remove":[],"delta":[[2409359561719399794,[892.7407407407408,111.70370370370372]],[5252668597335249558,[888.2516734908237,208.88931872324497]],[10872099980755217048,[889.0,0.0]],[9175973472325454282,[881.4814814814815,152.5925925925926]],[7125168137854779179,[912.2962962962964,205.6296296296296]],[14263506369487797530,[886.5185185185185,178.66666666666669]],[9658821733796680583,[920.5925925925926,208.0]],[425878374398720476,[898.633744855967,207.99999999999997]],[13049263474526562389,[903.1111111111112,55.70370370370371]],[5496457317579994340,[929.3607681755832,198.40877914951983]]]},"segments":{"add":[16241193756011776206,13961346931609713434,6443321953815072406,13223251807271379465,6545223889678917273,9745298522639115232,8058164935346100149,9187894839116405225,5210886161307886529,11050813873332011119],"remove":[],"start_point":[[16241193756011776206,10872099980755217048],[13961346931609713434,13049263474526562389],[6545223889678917273,14263506369487797530],[11050813873332011119,5252668597335249558],[8058164935346100149,7125168137854779179],[13223251807271379465,9175973472325454282],[6443321953815072406,2409359561719399794],[9187894839116405225,9658821733796680583],[9745298522639115232,5496457317579994340],[5210886161307886529,425878374398720476]],"end_point":[[5210886161307886529,5252668597335249558],[8058164935346100149,9658821733796680583],[6545223889678917273,5496457317579994340],[13961346931609713434,2409359561719399794],[6443321953815072406,9175973472325454282],[16241193756011776206,13049263474526562389],[11050813873332011119,10872099980755217048],[9745298522639115232,7125168137854779179],[13223251807271379465,14263506369487797530],[9187894839116405225,425878374398720476]],"handle_primary":[[13223251807271379465,[3.2812071330587287,8.329218106995853]],[5210886161307886529,[-1.1368683772161605e-13,-2.8421709430404014e-14]],[9187894839116405225,[-8.263374485596842,1.880201188843188]],[6443321953815072406,[-9.144953020396894,24.145964868041293]],[13961346931609713434,[6.522611384544012,17.67970980547415]],[9745298522639115232,[0.0,0.0]],[6545223889678917273,[0.0,0.0]],[8058164935346100149,[0.0,0.0]],[16241193756011776206,[0.0,0.0]],[11050813873332011119,[-5.947146741852521,-2.1403475298293415]]],"handle_end":[[5210886161307886529,[5.947146741852521,2.1403475298293415]],[6545223889678917273,[-25.3424782807499,-1.3461362597164737]],[9187894839116405225,[4.974851394604343,2.0557841792410443]],[11050813873332011119,[-86.26684502769479,250.37037037037035]],[8058164935346100149,[-5.925925925925867,-2.370370370370381]],[9745298522639115232,[7.703703703703695,-2.074074074074076]],[16241193756011776206,[-7.506172839506348,-20.345679012345684]],[6443321953815072406,[-3.3276401397055917,-8.447086508484054]],[13961346931609713434,[10.984910836762538,-29.00411522633746]],[13223251807271379465,[0.7901234567900701,-9.492455418381354]]],"stroke":[[6443321953815072406,0],[11050813873332011119,0],[9187894839116405225,0],[13961346931609713434,0],[13223251807271379465,0],[6545223889678917273,0],[9745298522639115232,0],[16241193756011776206,0],[8058164935346100149,0],[5210886161307886529,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":16241193756011776206},{"ty":"Primary","segment":13961346931609713434}],[{"ty":"End","segment":13961346931609713434},{"ty":"Primary","segment":6443321953815072406}],[{"ty":"End","segment":5210886161307886529},{"ty":"Primary","segment":11050813873332011119}],[{"ty":"End","segment":6443321953815072406},{"ty":"Primary","segment":13223251807271379465}]],"remove_g1_continuous":[[{"ty":"Primary","segment":9187894839116405225},{"ty":"End","segment":8058164935346100149}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8511737864852441844,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::CircleNode"}},"visible":true,"skip_deduplication":false}],[17696051535511578981,{"inputs":[{"Node":{"node_id":16780039553038473906,"output_index":0,"lambda":false}},{"Node":{"node_id":9071802450034150503,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10286817149456341619,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[10786213048155734586,12599396287665855262,6164201091766276213,6781153531246981076,15695128662656633322,8241402276734357681,10333377922713208038,3749627916562964805,2535476870476707501],"remove":[],"delta":[[3749627916562964805,[866.172839506173,558.2222222222224]],[8241402276734357681,[853.3333333333336,529.1851851851854]],[10786213048155734586,[917.7283950617284,502.91358024691374]],[10333377922713208038,[843.4567901234569,550.1234567901236]],[6164201091766276213,[902.9135802469136,506.8641975308643]],[2535476870476707501,[887.5061728395062,568.6913580246915]],[12599396287665855262,[902.5185185185188,498.56790123456807]],[15695128662656633322,[825.6790123456792,509.4320987654323]],[6781153531246981076,[872.6913580246915,513.7777777777779]]]},"segments":{"add":[15700595221504820396,6369399239389505343,17761347836385237495,3021925106447084698,14489254209548096966,3461110970422306113,14847678502054094837,14515109677644612103,264894972572137143],"remove":[],"start_point":[[264894972572137143,2535476870476707501],[17761347836385237495,6164201091766276213],[3461110970422306113,8241402276734357681],[6369399239389505343,12599396287665855262],[14847678502054094837,10333377922713208038],[14489254209548096966,15695128662656633322],[14515109677644612103,3749627916562964805],[3021925106447084698,6781153531246981076],[15700595221504820396,10786213048155734586]],"end_point":[[6369399239389505343,6164201091766276213],[17761347836385237495,6781153531246981076],[14515109677644612103,2535476870476707501],[3021925106447084698,15695128662656633322],[264894972572137143,10786213048155734586],[14847678502054094837,3749627916562964805],[14489254209548096966,8241402276734357681],[3461110970422306113,10333377922713208038],[15700595221504820396,12599396287665855262]],"handle_primary":[[264894972572137143,[0.0,0.0]],[6369399239389505343,[-7.1111111111111995,-5.530864197530889]],[17761347836385237495,[0.0,0.0]],[14847678502054094837,[0.7901234567900701,2.765432098765473]],[14489254209548096966,[-0.3950434518873181,1.0617032941893854]],[14515109677644612103,[8.888888888888914,0.0]],[15700595221504820396,[0.0,0.0]],[3461110970422306113,[0.38915905346209456,1.493515242756871]],[3021925106447084698,[-16.59259259259261,2.370370370370324]]],"handle_end":[[14489254209548096966,[-0.5712718875797691,-2.192428171126153]],[14515109677644612103,[0.0,0.0]],[17761347836385237495,[16.59259259259261,-2.370370370370324]],[264894972572137143,[3.753086419753003,37.1358024691358]],[3461110970422306113,[-0.7901234567900701,-2.765432098765473]],[14847678502054094837,[-8.888888888888914,0.0]],[6369399239389505343,[0.0,0.0]],[15700595221504820396,[7.1111111111111995,5.530864197530889]],[3021925106447084698,[0.5488119028742631,-1.474965354794051]]],"stroke":[[3461110970422306113,0],[14847678502054094837,0],[15700595221504820396,0],[3021925106447084698,0],[6369399239389505343,0],[14515109677644612103,0],[264894972572137143,0],[17761347836385237495,0],[14489254209548096966,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":14489254209548096966},{"ty":"Primary","segment":3461110970422306113}],[{"ty":"End","segment":14515109677644612103},{"ty":"Primary","segment":264894972572137143}],[{"ty":"End","segment":3021925106447084698},{"ty":"Primary","segment":14489254209548096966}],[{"ty":"End","segment":15700595221504820396},{"ty":"Primary","segment":6369399239389505343}],[{"ty":"End","segment":14847678502054094837},{"ty":"Primary","segment":14515109677644612103}],[{"ty":"End","segment":17761347836385237495},{"ty":"Primary","segment":3021925106447084698}],[{"ty":"End","segment":3461110970422306113},{"ty":"Primary","segment":14847678502054094837}],[{"ty":"End","segment":6369399239389505343},{"ty":"Primary","segment":17761347836385237495}]],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6726954210929537972,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[177515045030371783,4609870404630548899,1458337690478625792,16230687409600568539,8055802412900565217,12390708657704154619,12909592102393222573,6873550371723398444,13416153271806375161,2492294980235986276,12448133448335459077,7624137673235413199],"remove":[],"delta":[[177515045030371783,[604.2883706752018,0.0]],[13416153271806375161,[531.8518518518517,131.2592592592593]],[7624137673235413199,[617.8765432098766,2.465190328815662e-32]],[12390708657704154619,[596.6748971193416,72.42798353909465]],[2492294980235986276,[604.4434936307387,42.970116997735616]],[4609870404630548899,[589.432098765432,64.79012345679011]],[6873550371723398444,[538.6666666666667,136.0]],[16230687409600568539,[491.55555555555554,311.55555555555566]],[1458337690478625792,[473.1851851851851,213.62962962962965]],[8055802412900565217,[480.4444444444445,219.7777777777778]],[12448133448335459077,[610.3703703703706,2.4308653429145085e-63]],[12909592102393222573,[607.8024691358027,0.0]]]},"segments":{"add":[12529947318087068663,5578827639764758986,1705877195608053135,2463526518527501592,9361245670457788924,921651403153242564,9825559201153691780,15749222431214672690,14294722277069184337,4341232355541306629,3818841110886669992],"remove":[5057709998225566481,16939098306153440303,17799038492181728804,17843645051722826880,11060716078587457450],"start_point":[[9361245670457788924,6873550371723398444],[14294722277069184337,12448133448335459077],[2463526518527501592,8055802412900565217],[12529947318087068663,177515045030371783],[9825559201153691780,13416153271806375161],[4341232355541306629,12390708657704154619],[921651403153242564,4609870404630548899],[5578827639764758986,1458337690478625792],[15749222431214672690,2492294980235986276],[3818841110886669992,7624137673235413199],[1705877195608053135,16230687409600568539]],"end_point":[[1705877195608053135,8055802412900565217],[921651403153242564,13416153271806375161],[5578827639764758986,16230687409600568539],[9361245670457788924,12390708657704154619],[9825559201153691780,1458337690478625792],[14294722277069184337,2492294980235986276],[12529947318087068663,4609870404630548899],[3818841110886669992,12448133448335459077],[2463526518527501592,6873550371723398444],[4341232355541306629,7624137673235413199],[15749222431214672690,12909592102393222573]],"handle_primary":[[14294722277069184337,[-0.2633744855968416,28.576131687242796]],[9825559201153691780,[-30.00610951685011,28.39287782239575]],[1705877195608053135,[0.0,0.0]],[3818841110886669992,[0.0,0.0]],[5578827639764758986,[-19.25925925925924,60.44444444444443]],[2463526518527501592,[9.74414620103056,-24.528368023283747]],[12529947318087068663,[0.0,0.0]],[921651403153242564,[-7.513106110924076,12.956274823940417]],[15749222431214672690,[3.877242131088792,-22.333682252383095]],[9361245670457788924,[22.844654233974516,-21.876660410500975]],[4341232355541306629,[19.753086419753117,-26.73251028806584]]],"handle_end":[[921651403153242564,[27.555555555555657,-26.07407407407412]],[9361245670457788924,[-16.14969885498249,21.855925783742933]],[1705877195608053135,[-19.33333333333331,48.66666666666666]],[14294722277069184337,[0.0,0.0]],[12529947318087068663,[12.90534979423876,-22.255144032921805]],[5578827639764758986,[0.0,0.0]],[2463526518527501592,[-34.96296296296305,33.481481481481495]],[9825559201153691780,[6.194184133897295,-19.440208666385132]],[15749222431214672690,[0.0,0.0]],[4341232355541306629,[0.0,0.0]],[3818841110886669992,[0.0,0.0]]],"stroke":[[9361245670457788924,0],[2463526518527501592,0],[921651403153242564,0],[1705877195608053135,0],[4341232355541306629,0],[15749222431214672690,0],[14294722277069184337,0],[3818841110886669992,0],[12529947318087068663,0],[5578827639764758986,0],[9825559201153691780,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":9361245670457788924},{"ty":"Primary","segment":17843645051722826880}],[{"ty":"Primary","segment":5578827639764758986},{"ty":"End","segment":9825559201153691780}],[{"ty":"Primary","segment":16939098306153440303},{"ty":"End","segment":9361245670457788924}],[{"ty":"End","segment":12529947318087068663},{"ty":"Primary","segment":921651403153242564}],[{"ty":"End","segment":17843645051722826880},{"ty":"Primary","segment":15749222431214672690}],[{"ty":"End","segment":9361245670457788924},{"ty":"Primary","segment":5057709998225566481}],[{"ty":"End","segment":1705877195608053135},{"ty":"Primary","segment":17799038492181728804}],[{"ty":"End","segment":17799038492181728804},{"ty":"Primary","segment":16939098306153440303}],[{"ty":"End","segment":2463526518527501592},{"ty":"Primary","segment":9361245670457788924}],[{"ty":"End","segment":11060716078587457450},{"ty":"Primary","segment":5578827639764758986}],[{"ty":"End","segment":9361245670457788924},{"ty":"Primary","segment":4341232355541306629}],[{"ty":"End","segment":12529947318087068663},{"ty":"Primary","segment":11060716078587457450}],[{"ty":"End","segment":1705877195608053135},{"ty":"Primary","segment":2463526518527501592}],[{"ty":"End","segment":921651403153242564},{"ty":"Primary","segment":9825559201153691780}]],"remove_g1_continuous":[[{"ty":"Primary","segment":14294722277069184337},{"ty":"End","segment":3818841110886669992}],[{"ty":"End","segment":5057709998225566481},{"ty":"Primary","segment":14294722277069184337}],[{"ty":"End","segment":4341232355541306629},{"ty":"Primary","segment":3818841110886669992}],[{"ty":"Primary","segment":15749222431214672690},{"ty":"End","segment":14294722277069184337}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17603523494627491590,{"inputs":[{"Node":{"node_id":10995640810984321903,"output_index":0,"lambda":false}},{"Node":{"node_id":17740294143355019755,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13616602029989984195,{"inputs":[{"Node":{"node_id":3050731459444225191,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FlattenPathNode"}},"visible":true,"skip_deduplication":false}],[4301099429811409147,{"inputs":[{"Node":{"node_id":57390435731316553,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[81.3755165062,-154.9064700048801]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.4164633072520061},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9999999999999998,0.9999999999999998]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3109716240255919254,{"inputs":[{"Node":{"node_id":5877930116725120460,"output_index":0,"lambda":false}},{"Node":{"node_id":18053728639616073084,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2723198387862533596,{"inputs":[{"Node":{"node_id":14030142873804552388,"output_index":0,"lambda":false}},{"Node":{"node_id":11201759760883367635,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18351415092709164412,{"inputs":[{"Node":{"node_id":1009114585722052052,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[6484183251661832039,{"inputs":[{"Node":{"node_id":294265135510952894,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[474.2,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":-7.2},"exposed":false}},{"Value":{"tagged_value":{"U32":5},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[12922148192688274227,{"inputs":[{"Node":{"node_id":18188505856445531484,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7755499790391969923,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::CircleNode"}},"visible":true,"skip_deduplication":false}],[6503655938154160104,{"inputs":[{"Node":{"node_id":17696051535511578981,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractFront"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16780039553038473906,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":7104088139635280554,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1508440849951861669,{"inputs":[{"Node":{"node_id":8566844905246185636,"output_index":0,"lambda":false}},{"Node":{"node_id":7480253252288032958,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5856350938151339368,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[5138872293174440313,14935583009751134816,9014079831396927156,7008812441195504980,9603704700847490044,7238075805746621699,2355002738045707979,5021902985892894619,17629528758352690600,5995306636877552],"remove":[10768931421586254879],"delta":[[7008812441195504980,[888.8888888888887,421.3333333333333]],[5138872293174440313,[922.9629629629628,422.22222222222223]],[9603704700847490044,[821.037037037037,464.2962962962963]],[14935583009751134816,[914.9629629629628,418.3703703703703]],[2355002738045707979,[826.2057613168724,485.0041152263375]],[5021902985892894619,[857.679012345679,478.2880658436215]],[5995306636877552,[912.8888888888888,479.7037037037037]],[7238075805746621699,[798.6831275720165,497.9094650205762]],[9014079831396927156,[908.4444444444443,429.9259259259259]],[17629528758352690600,[892.148148148148,480.2962962962963]]]},"segments":{"add":[7250062683967197158,14131440324578863745,4499620435559196394,14571502160667941876,7203043366367198812,239843798079287870,7655921914272804429,12687760936062936386,7117413478945421556,9071432674597727163],"remove":[3746587001535987651],"start_point":[[239843798079287870,2355002738045707979],[12687760936062936386,17629528758352690600],[7655921914272804429,5021902985892894619],[4499620435559196394,9014079831396927156],[9071432674597727163,7238075805746621699],[7203043366367198812,9603704700847490044],[7250062683967197158,5138872293174440313],[14571502160667941876,7008812441195504980],[7117413478945421556,5995306636877552],[14131440324578863745,14935583009751134816]],"end_point":[[4499620435559196394,7008812441195504980],[7655921914272804429,17629528758352690600],[14131440324578863745,9014079831396927156],[239843798079287870,5021902985892894619],[14571502160667941876,9603704700847490044],[7250062683967197158,14935583009751134816],[9071432674597727163,2355002738045707979],[7203043366367198812,7238075805746621699],[7117413478945421556,5138872293174440313],[12687760936062936386,5995306636877552]],"handle_primary":[[7203043366367198812,[0.0,0.2962962962963047]],[7117413478945421556,[0.0,0.0]],[9071432674597727163,[4.345679012345499,-3.555555555555543]],[14571502160667941876,[-0.5925925925926094,0.0]],[7655921914272804429,[18.172839506172863,-1.9753086419753456]],[14131440324578863745,[0.0,0.0]],[239843798079287870,[9.61316872427983,-1.843621399176982]],[12687760936062936386,[10.666666666666742,3.555555555555543]],[4499620435559196394,[-0.2962962962963047,-0.2962962962963047]],[7250062683967197158,[0.0,0.0]]],"handle_end":[[12687760936062936386,[0.0,0.0]],[7250062683967197158,[0.0,0.0]],[7117413478945421556,[15.703703703703695,33.48148148148147]],[4499620435559196394,[8.59259259259261,5.629629629629619]],[7203043366367198812,[-1.1851851851852189,-25.18518518518516]],[9071432674597727163,[-9.913826570592164,1.9012818080587977]],[7655921914272804429,[-10.666666666666742,-3.555555555555543]],[14571502160667941876,[24.395061728395035,-0.36213991769540144]],[14131440324578863745,[2.962962962963047,-3.259259259259238]],[239843798079287870,[-21.502976534539364,2.3372800581021456]]],"stroke":[[7203043366367198812,0],[239843798079287870,0],[4499620435559196394,0],[7117413478945421556,0],[12687760936062936386,0],[14131440324578863745,0],[7655921914272804429,0],[7250062683967197158,0],[9071432674597727163,0],[14571502160667941876,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":7250062683967197158},{"ty":"Primary","segment":14131440324578863745}],[{"ty":"End","segment":12687760936062936386},{"ty":"Primary","segment":7117413478945421556}],[{"ty":"End","segment":7655921914272804429},{"ty":"Primary","segment":12687760936062936386}],[{"ty":"Primary","segment":239843798079287870},{"ty":"End","segment":9071432674597727163}],[{"ty":"End","segment":239843798079287870},{"ty":"Primary","segment":7655921914272804429}]],"remove_g1_continuous":[[{"ty":"End","segment":3746587001535987651},{"ty":"Primary","segment":239843798079287870}],[{"ty":"End","segment":9071432674597727163},{"ty":"Primary","segment":3746587001535987651}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14257963317028524134,{"inputs":[{"Node":{"node_id":1001728975241745659,"output_index":0,"lambda":false}},{"Node":{"node_id":6503655938154160104,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1491840484128555837,{"inputs":[{"Node":{"node_id":1508440849951861669,"output_index":0,"lambda":false}},{"Node":{"node_id":9808637865669223270,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5888633415105234509,{"inputs":[{"Node":{"node_id":3750439930725791025,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1258994191538244490,{"inputs":[{"Node":{"node_id":5488285068107445023,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5486211022469996717,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[266134622800431246,12075466065090700811,7115673652122600762,9852238672814254137],"remove":[134095410253559933],"delta":[[266134622800431246,[525.7325506063205,282.1042056224195]],[7115673652122600762,[646.5386352539062,343.99395751953125]],[12075466065090700811,[877.0370370370372,136.5925925925926]],[9852238672814254137,[879.7947439326053,110.54094004739208]]]},"segments":{"add":[17255728395700231433,3166693019207180063,10242199012993595528,2159953159628520134],"remove":[13980530488817762548,10196443086284452827,3769008694104161528],"start_point":[[17255728395700231433,12075466065090700811],[3166693019207180063,7115673652122600762],[2159953159628520134,9852238672814254137],[10242199012993595528,266134622800431246]],"end_point":[[17255728395700231433,7115673652122600762],[2159953159628520134,12075466065090700811],[10242199012993595528,9852238672814254137],[3166693019207180063,266134622800431246]],"handle_primary":[[17255728395700231433,[0.0010773420832492775,-0.01370555995902123]],[10242199012993595528,[137.37856050479058,-43.88198340019727]],[2159953159628520134,[0.0,0.0]],[3166693019207180063,[-126.67994767097883,-51.72627287889763]]],"handle_end":[[10242199012993595528,[-15.794743932605344,36.71831921186718]],[2159953159628520134,[0.0,0.0]],[17255728395700231433,[165.46136474609386,67.5615980360243]],[3166693019207180063,[0.0,0.0]]],"stroke":[[17255728395700231433,0],[10242199012993595528,0],[2159953159628520134,0],[3166693019207180063,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"Primary","segment":3166693019207180063},{"ty":"End","segment":17255728395700231433}]],"remove_g1_continuous":[[{"ty":"End","segment":10242199012993595528},{"ty":"Primary","segment":2159953159628520134}],[{"ty":"Primary","segment":3769008694104161528},{"ty":"End","segment":10196443086284452827}],[{"ty":"End","segment":3166693019207180063},{"ty":"Primary","segment":13980530488817762548}],[{"ty":"Primary","segment":10242199012993595528},{"ty":"End","segment":3166693019207180063}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14139129879376457893,{"inputs":[{"Node":{"node_id":11373527190663101881,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5954536408321808728,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[8323145223085840944,87630150944518163,8212340198835025146,6057321578372831916,16788403743390653241,16686047298905200065,15635903913637220842,8652457572576966876,3124531241960914803,18307826411292029066,9969822516610975381,16995054111951247369,16808246968731723098],"remove":[],"delta":[[16808246968731723098,[891.5555555555554,768.0]],[9969822516610975381,[0.0,0.0]],[16788403743390653241,[467.99999999999994,487.3333333333333]],[8323145223085840944,[891.5555555555554,569.3827160493826]],[3124531241960914803,[589.9588477366256,64.65843621399176]],[16995054111951247369,[0.0,768.0]],[6057321578372831916,[708.148148148148,616.2962962962962]],[8652457572576966876,[514.4523315429688,146.72100830078125]],[16686047298905200065,[283.3333333333333,354.66666666666663]],[87630150944518163,[879.1111111111111,595.8518518518517]],[18307826411292029066,[601.1756940654021,0.0]],[15635903913637220842,[468.4799499511719,219.78570556640625]],[8212340198835025146,[830.8148148148148,633.7777777777776]]]},"segments":{"add":[14879480148926424885,5227512358023446442,17410347049685436697,9544743211426701912,14715945740984195653,515539069333222772,9242150930423817167,8823161072525575433,15885450050057549950,1662692131856898001,178608879920007638,12162371359208565273,16224358815792062223],"remove":[],"start_point":[[9242150930423817167,15635903913637220842],[14879480148926424885,8323145223085840944],[17410347049685436697,8212340198835025146],[178608879920007638,9969822516610975381],[12162371359208565273,16995054111951247369],[515539069333222772,16686047298905200065],[1662692131856898001,18307826411292029066],[8823161072525575433,8652457572576966876],[15885450050057549950,3124531241960914803],[14715945740984195653,16788403743390653241],[9544743211426701912,6057321578372831916],[16224358815792062223,16808246968731723098],[5227512358023446442,87630150944518163]],"end_point":[[14879480148926424885,87630150944518163],[17410347049685436697,6057321578372831916],[9544743211426701912,16788403743390653241],[16224358815792062223,8323145223085840944],[178608879920007638,16995054111951247369],[9242150930423817167,8652457572576966876],[15885450050057549950,18307826411292029066],[1662692131856898001,9969822516610975381],[515539069333222772,15635903913637220842],[5227512358023446442,8212340198835025146],[12162371359208565273,16808246968731723098],[14715945740984195653,16686047298905200065],[8823161072525575433,3124531241960914803]],"handle_primary":[[1662692131856898001,[0.0,0.0]],[5227512358023446442,[-4.444444444444457,18.074074074074133]],[14879480148926424885,[0.0,0.0]],[12162371359208565273,[0.0,0.0]],[9544743211426701912,[-57.48148148148141,-21.629629629629676]],[9242150930423817167,[27.25925925925918,-22.518518518518533]],[8823161072525575433,[11.259252477575274,-22.666663275824646]],[15885450050057549950,[11.193415637860312,-27.25925925925926]],[17410347049685436697,[-26.37037037037044,2.3703703703704377]],[14715945740984195653,[-92.66666666666656,-80.66666666666669]],[515539069333222772,[48.66666666666663,-23.999999999999943]],[16224358815792062223,[0.0,0.0]],[178608879920007638,[0.0,0.0]]],"handle_end":[[17410347049685436697,[57.48148148148141,21.629629629629676]],[12162371359208565273,[0.0,0.0]],[1662692131856898001,[0.0,0.0]],[8823161072525575433,[-12.439135136214697,30.29295262583988]],[16224358815792062223,[0.0,0.0]],[5227512358023446442,[26.37037037037044,-2.3703703703704377]],[515539069333222772,[-95.07216232621772,78.5378732260062]],[178608879920007638,[0.0,0.0]],[14879480148926424885,[4.444444444444457,-18.074074074074133]],[9544743211426701912,[92.66666666666656,80.66666666666669]],[14715945740984195653,[0.0,0.0]],[15885450050057549950,[0.0,0.0]],[9242150930423817167,[-9.36826657882972,18.859808361471693]]],"stroke":[[14715945740984195653,0],[16224358815792062223,0],[14879480148926424885,0],[9544743211426701912,0],[8823161072525575433,0],[178608879920007638,0],[5227512358023446442,0],[17410347049685436697,0],[1662692131856898001,0],[9242150930423817167,0],[515539069333222772,0],[15885450050057549950,0],[12162371359208565273,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":515539069333222772},{"ty":"Primary","segment":9242150930423817167}],[{"ty":"End","segment":12162371359208565273},{"ty":"Primary","segment":16224358815792062223}],[{"ty":"End","segment":9544743211426701912},{"ty":"Primary","segment":14715945740984195653}],[{"ty":"End","segment":8823161072525575433},{"ty":"Primary","segment":15885450050057549950}],[{"ty":"End","segment":5227512358023446442},{"ty":"Primary","segment":17410347049685436697}],[{"ty":"End","segment":9242150930423817167},{"ty":"Primary","segment":8823161072525575433}],[{"ty":"End","segment":15885450050057549950},{"ty":"Primary","segment":1662692131856898001}],[{"ty":"End","segment":178608879920007638},{"ty":"Primary","segment":12162371359208565273}],[{"ty":"End","segment":1662692131856898001},{"ty":"Primary","segment":178608879920007638}],[{"ty":"End","segment":17410347049685436697},{"ty":"Primary","segment":9544743211426701912}],[{"ty":"End","segment":14879480148926424885},{"ty":"Primary","segment":5227512358023446442}]],"remove_g1_continuous":[[{"ty":"End","segment":14715945740984195653},{"ty":"Primary","segment":515539069333222772}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18053728639616073084,{"inputs":[{"Node":{"node_id":6616450276140292763,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17569892869974995307,{"inputs":[{"Node":{"node_id":3997031659711823213,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}],[5534800796196967885,{"inputs":[{"Node":{"node_id":3608604157153838227,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"CentroidType":"Area"},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CentroidNode"}},"visible":true,"skip_deduplication":false}],[7029437790788498388,{"inputs":[{"Node":{"node_id":1809704172129195322,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17351444026127625357,{"inputs":[{"Node":{"node_id":14808063168960305551,"output_index":0,"lambda":false}},{"Node":{"node_id":13916027199283115943,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17735408893002232096,{"inputs":[{"Node":{"node_id":14228923746783465609,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17285637344898461972,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[16608607268690234590,17457877227823502997,13436129231170586617,5992570223148766873],"remove":[],"delta":[[17457877227823502997,[273.0,476.0]],[13436129231170586617,[481.3333333333333,768.0]],[16608607268690234590,[0.0,340.0]],[5992570223148766873,[-2.273736754432321e-13,768.0]]]},"segments":{"add":[13284808974014161135,5472571334856691465,8776124420595946733,4274372337254864190],"remove":[],"start_point":[[5472571334856691465,17457877227823502997],[13284808974014161135,16608607268690234590],[4274372337254864190,5992570223148766873],[8776124420595946733,13436129231170586617]],"end_point":[[5472571334856691465,13436129231170586617],[8776124420595946733,5992570223148766873],[4274372337254864190,16608607268690234590],[13284808974014161135,17457877227823502997]],"handle_primary":[[4274372337254864190,[0.0,0.0]],[8776124420595946733,[0.0,0.0]],[5472571334856691465,[146.0,-13.0]],[13284808974014161135,[161.73791370620617,43.57576470888159]]],"handle_end":[[13284808974014161135,[-165.43581782916667,14.730586519035386]],[8776124420595946733,[0.0,0.0]],[4274372337254864190,[0.0,0.0]],[5472571334856691465,[0.4078646547782227,-253.307727480567]]],"stroke":[[5472571334856691465,0],[4274372337254864190,0],[13284808974014161135,0],[8776124420595946733,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":13284808974014161135},{"ty":"Primary","segment":5472571334856691465}],[{"ty":"End","segment":8776124420595946733},{"ty":"Primary","segment":4274372337254864190}]],"remove_g1_continuous":[[{"ty":"Primary","segment":13284808974014161135},{"ty":"End","segment":4274372337254864190}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15900830679378240619,{"inputs":[{"Node":{"node_id":2287485748649359627,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1662641269094032596,{"inputs":[{"Node":{"node_id":16304636129468583592,"output_index":0,"lambda":false}},{"Node":{"node_id":14139765080256493579,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6728362629909402903,{"inputs":[{"Node":{"node_id":5856350938151339368,"output_index":0,"lambda":false}},{"Node":{"node_id":5449860184735415958,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12276520439585231336,{"inputs":[{"Node":{"node_id":13795432594059356320,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[997.5029638869316,545.7213923090854]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10995640810984321903,{"inputs":[{"Node":{"node_id":12353675714904258944,"output_index":0,"lambda":false}},{"Node":{"node_id":10265035897167064154,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15354358358546908017,{"inputs":[{"Node":{"node_id":14950060858756810933,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4328376070224119511,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":13446205009526451196,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1009114585722052052,{"inputs":[{"Node":{"node_id":15692102598187739001,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7252918969430566594,{"inputs":[{"Node":{"node_id":5534800796196967885,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":-1.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::MultiplyNode"}},"visible":true,"skip_deduplication":false}],[14684142559936015947,{"inputs":[{"Node":{"node_id":15930698052919171086,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4771789845668099116,{"inputs":[{"Node":{"node_id":17351444026127625357,"output_index":0,"lambda":false}},{"Node":{"node_id":14684142559936015947,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14690269209726153565,{"inputs":[{"Node":{"node_id":7376049709233607419,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[18188505856445531484,{"inputs":[{"Node":{"node_id":8887924609778270360,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3410481056630111806,{"inputs":[{"Node":{"node_id":1097494158696050491,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2834866505092039323,{"inputs":[{"Node":{"node_id":18003287685830153881,"output_index":0,"lambda":false}},{"Node":{"node_id":14139765080256493579,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5014806436727666175,{"inputs":[{"Node":{"node_id":7855094781869605606,"output_index":0,"lambda":false}},{"Node":{"node_id":8863346544623578893,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14139765080256493579,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[3507505346656189771,2904729023031858224,854708012647259796,4175610638601362388,7821224334582795476,2195807584570698921],"remove":[1009888023123207923,16332448509429125699],"delta":[[4175610638601362388,[957.0,324.0]],[2904729023031858224,[491.3420376907663,506.7530051313737]],[3507505346656189771,[552.0,768.0000000000001]],[854708012647259796,[740.0,298.0]],[2195807584570698921,[993.0,767.9999999999999]],[7821224334582795476,[1093.0,600.0]]]},"segments":{"add":[4553965744616493549,13993263006398686359,6577640955869157325,17304574948462342226,8570276641842028192,17183285389582020412],"remove":[546565283439891712,5710832026764395735],"start_point":[[8570276641842028192,2195807584570698921],[13993263006398686359,2904729023031858224],[4553965744616493549,3507505346656189771],[17183285389582020412,7821224334582795476],[6577640955869157325,854708012647259796],[17304574948462342226,4175610638601362388]],"end_point":[[4553965744616493549,2904729023031858224],[17183285389582020412,2195807584570698921],[13993263006398686359,854708012647259796],[6577640955869157325,4175610638601362388],[8570276641842028192,3507505346656189771],[17304574948462342226,7821224334582795476]],"handle_primary":[[4553965744616493549,[0.0,0.0]],[13993263006398686359,[0.0,-84.7537417270637]],[17183285389582020412,[-24.08196064282073,82.4624712920831]],[17304574948462342226,[50.35246044959922,33.38607084805801]],[6577640955869157325,[102.0,-45.0]],[8570276641842028192,[0.0,0.0]]],"handle_end":[[4553965744616493549,[0.0,135.2464055295568]],[6577640955869157325,[-50.35246044959922,-33.38607084805801]],[17304574948462342226,[33.0,-113.0]],[8570276641842028192,[0.0,0.0]],[13993263006398686359,[-102.0,45.0]],[17183285389582020412,[0.0,0.0]]],"stroke":[[17304574948462342226,0],[4553965744616493549,0],[8570276641842028192,0],[13993263006398686359,0],[17183285389582020412,0],[6577640955869157325,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"Primary","segment":8570276641842028192},{"ty":"End","segment":17183285389582020412}],[{"ty":"End","segment":4553965744616493549},{"ty":"Primary","segment":13993263006398686359}],[{"ty":"End","segment":6577640955869157325},{"ty":"Primary","segment":17304574948462342226}],[{"ty":"End","segment":17304574948462342226},{"ty":"Primary","segment":17183285389582020412}],[{"ty":"End","segment":13993263006398686359},{"ty":"Primary","segment":6577640955869157325}]],"remove_g1_continuous":[[{"ty":"End","segment":17183285389582020412},{"ty":"Primary","segment":546565283439891712}],[{"ty":"Primary","segment":8570276641842028192},{"ty":"End","segment":546565283439891712}],[{"ty":"End","segment":5710832026764395735},{"ty":"Primary","segment":8570276641842028192}],[{"ty":"End","segment":546565283439891712},{"ty":"Primary","segment":5710832026764395735}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10080296672372912698,{"inputs":[{"Node":{"node_id":12867379765049504290,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractFront"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12353675714904258944,{"inputs":[{"Node":{"node_id":13203761224559198689,"output_index":0,"lambda":false}},{"Node":{"node_id":17271572793812678706,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17271572793812678706,{"inputs":[{"Node":{"node_id":15900830679378240619,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14228923746783465609,{"inputs":[{"Node":{"node_id":16304636129468583592,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[2003133867055127539,13758328146055368475],"remove":[],"delta":[[13758328146055368475,[1299.3064572949788,786.3993743175897]],[4648964341912884959,[324.66666666666646,0.0]],[16569120368910754547,[-43.0,0.0]],[2003133867055127539,[1011.111083984375,786.3993530273438]]]},"segments":{"add":[8214025514312603513,7334532063810723038,13431612844608018700],"remove":[6602880736207868665,3433930674303663828],"start_point":[[8214025514312603513,2003133867055127539],[7334532063810723038,16569120368910754547],[13431612844608018700,13758328146055368475]],"end_point":[[7334532063810723038,13758328146055368475],[13431612844608018700,2003133867055127539],[8214025514312603513,4648964341912884959]],"handle_primary":[[13431612844608018700,null],[9030015329489789075,[69.08057198853999,-80.19415805947563]],[7334532063810723038,null],[8214025514312603513,null]],"handle_end":[[7334532063810723038,null],[8214025514312603513,null],[2197140374690997530,[-24.333333333333485,-86.99999999999977]],[13431612844608018700,null],[9030015329489789075,[0.0,0.0]]],"stroke":[[7334532063810723038,0],[13431612844608018700,0],[8214025514312603513,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[[{"ty":"Primary","segment":9030015329489789075},{"ty":"End","segment":3433930674303663828}],[{"ty":"End","segment":9030015329489789075},{"ty":"Primary","segment":2197140374690997530}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11210964267417873667,{"inputs":[{"Node":{"node_id":4261249487994076490,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[91.7203910728,-99.9607940061]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.40698564029617024},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1097494158696050491,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":15.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::CircleNode"}},"visible":true,"skip_deduplication":false}],[8887924609778270360,{"inputs":[{"Node":{"node_id":5014806436727666175,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17036604842139972912,{"inputs":[{"Node":{"node_id":1491840484128555837,"output_index":0,"lambda":false}},{"Node":{"node_id":11210964267417873667,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12145355397916841389,{"inputs":[{"Node":{"node_id":16759836951269190891,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4470272391975492611,{"inputs":[{"Node":{"node_id":7018444885869143173,"output_index":0,"lambda":false}},{"Node":{"node_id":12145355397916841389,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7962101329808960965,{"inputs":[{"Node":{"node_id":16322546010403524636,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":-1.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::MultiplyNode"}},"visible":true,"skip_deduplication":false}],[5556372312033787775,{"inputs":[{"Node":{"node_id":6484183251661832039,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::BoundingBoxNode"}},"visible":true,"skip_deduplication":false}],[294265135510952894,{"inputs":[{"Node":{"node_id":11264395591110193456,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2025899804080897524,{"inputs":[{"Node":{"node_id":17740496701763775226,"output_index":0,"lambda":false}},{"Node":{"node_id":3214181946162459584,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[990192925663920333,{"inputs":[{"Node":{"node_id":3410481056630111806,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[466.8,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":-7.9},"exposed":false}},{"Value":{"tagged_value":{"U32":5},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[11264395591110193456,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":10.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::CircleNode"}},"visible":true,"skip_deduplication":false}],[13027689870767713939,{"inputs":[{"Node":{"node_id":7201841978411396053,"output_index":0,"lambda":false}},{"Node":{"node_id":13340751444307201866,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9338394475379815879,{"inputs":[{"Node":{"node_id":7977952035097419157,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[1327.0278641242007,11.102707365920756]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.23820276778328575},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[230.36030209674013,67.6958526826066]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[3.855605378252775e-17,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14496934933990319842,{"inputs":[{"Node":{"node_id":12709602171929957216,"output_index":0,"lambda":false}},{"Node":{"node_id":12185047359007423618,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13739729101529293427,{"inputs":[{"Node":{"node_id":18003287685830153881,"output_index":0,"lambda":false}},{"Node":{"node_id":14139765080256493579,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3214181946162459584,{"inputs":[{"Node":{"node_id":5449860184735415958,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16322546010403524636,{"inputs":[{"Node":{"node_id":5556372312033787775,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"CentroidType":"Area"},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CentroidNode"}},"visible":true,"skip_deduplication":false}],[804622576568168609,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[13654185056786459919,6952183320761642858,2802617302192982616,7639287212006638253,15117515618866904690,15750781936547583892,7025422618543191491,3831533579307185652,16937470333767479918,10412162547161259027,5269777039739103358],"remove":[],"delta":[[15117515618866904690,[819.1111111111109,354.44444444444434]],[5269777039739103358,[902.2222222222222,394.66666666666663]],[15750781936547583892,[840.6666666666665,368.66666666666663]],[7639287212006638253,[862.8888888888888,349.3333333333333]],[2802617302192982616,[911.7777777777776,334.88888888888886]],[10412162547161259027,[887.3333333333333,376.0]],[6952183320761642858,[933.9259259259262,324.3456790123457]],[16937470333767479918,[876.6666666666665,359.55555555555554]],[3831533579307185652,[880.4444444444443,357.3333333333333]],[7025422618543191491,[911.5555555555554,345.3333333333333]],[13654185056786459919,[946.1728395061732,330.8641975308642]]]},"segments":{"add":[10498175376126066982,10426255560432238561,11214998966879437330,1241631398419524272,15286139376878919277,15838384105575178137,12854270992100552972,379744301215040936,4069217348643062888,10438163357339042361,9330486019469919863],"remove":[],"start_point":[[11214998966879437330,2802617302192982616],[4069217348643062888,16937470333767479918],[10438163357339042361,10412162547161259027],[379744301215040936,3831533579307185652],[10498175376126066982,13654185056786459919],[15286139376878919277,15117515618866904690],[12854270992100552972,7025422618543191491],[10426255560432238561,6952183320761642858],[1241631398419524272,7639287212006638253],[15838384105575178137,15750781936547583892],[9330486019469919863,5269777039739103358]],"end_point":[[11214998966879437330,7639287212006638253],[4069217348643062888,10412162547161259027],[15286139376878919277,15750781936547583892],[9330486019469919863,13654185056786459919],[12854270992100552972,3831533579307185652],[10498175376126066982,6952183320761642858],[10438163357339042361,5269777039739103358],[1241631398419524272,15117515618866904690],[10426255560432238561,2802617302192982616],[379744301215040936,16937470333767479918],[15838384105575178137,7025422618543191491]],"handle_primary":[[379744301215040936,[-0.2222222222221717,0.0]],[10438163357339042361,[1.3333333333332575,10.888888888888856]],[4069217348643062888,[0.0,0.0]],[12854270992100552972,[-0.4444444444443434,0.0]],[1241631398419524272,[-17.111111111111086,12.888888888888856]],[15286139376878919277,[-0.5188510642573192,0.6084707935380038]],[9330486019469919863,[5.555555555555429,-0.2222222222221717]],[15838384105575178137,[22.222222222222285,5.555555555555543]],[11214998966879437330,[-16.666666666666515,-3.777777777777771]],[10498175376126066982,[0.0,0.0]],[10426255560432238561,[-0.39506172839503506,-0.19753086419757435]]],"handle_end":[[1241631398419524272,[0.5951379226228255,-0.6979344728938486]],[10438163357339042361,[-5.555555555555429,0.2222222222221717]],[10498175376126066982,[4.9382716049382225,0.19753086419757435]],[15838384105575178137,[-20.0,2.0]],[10426255560432238561,[16.666666666666515,3.777777777777771]],[11214998966879437330,[17.111111111111086,-12.888888888888856]],[9330486019469919863,[0.0,0.0]],[4069217348643062888,[-1.3333333333332575,-10.888888888888856]],[15286139376878919277,[-22.222222222222285,-5.555555555555543]],[12854270992100552972,[33.77777777777783,2.2222222222222285]],[379744301215040936,[0.0,0.0]]],"stroke":[[4069217348643062888,0],[15286139376878919277,0],[12854270992100552972,0],[15838384105575178137,0],[1241631398419524272,0],[379744301215040936,0],[10498175376126066982,0],[10426255560432238561,0],[9330486019469919863,0],[11214998966879437330,0],[10438163357339042361,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":10438163357339042361},{"ty":"Primary","segment":9330486019469919863}],[{"ty":"End","segment":15286139376878919277},{"ty":"Primary","segment":15838384105575178137}],[{"ty":"End","segment":11214998966879437330},{"ty":"Primary","segment":1241631398419524272}],[{"ty":"End","segment":10426255560432238561},{"ty":"Primary","segment":11214998966879437330}],[{"ty":"End","segment":379744301215040936},{"ty":"Primary","segment":4069217348643062888}],[{"ty":"End","segment":1241631398419524272},{"ty":"Primary","segment":15286139376878919277}],[{"ty":"End","segment":4069217348643062888},{"ty":"Primary","segment":10438163357339042361}]],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17753909951719808506,{"inputs":[{"Node":{"node_id":2185437945364824599,"output_index":0,"lambda":false}},{"Node":{"node_id":9563008199132558110,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8566844905246185636,{"inputs":[{"Node":{"node_id":6852799892628327372,"output_index":0,"lambda":false}},{"Node":{"node_id":17131529656312051452,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18095952297474762348,{"inputs":[{"Node":{"node_id":5954536408321808728,"output_index":0,"lambda":false}},{"Node":{"node_id":5449860184735415958,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4261249487994076490,{"inputs":[{"Node":{"node_id":14516211820212764316,"output_index":0,"lambda":false}},{"Node":{"node_id":5534800796196967885,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8426490990601560741,{"inputs":[{"Node":{"node_id":10760002922115563021,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13795432594059356320,{"inputs":[{"Node":{"node_id":2871608309888343463,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FlattenPathNode"}},"visible":true,"skip_deduplication":false}],[7651693425519490419,{"inputs":[{"Node":{"node_id":4771789845668099116,"output_index":0,"lambda":false}},{"Node":{"node_id":15817956847588799375,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6616450276140292763,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[14760110820354327749,9465415708990918986,13517856880347849115,12398030966924498647,2930103517622848405,9496337687212684441],"remove":[],"delta":[[9465415708990918986,[706.3703703703703,86.51851851851853]],[13517856880347849115,[777.1851851851851,92.44444444444446]],[14760110820354327749,[614.8148148148148,129.1851851851852]],[9496337687212684441,[732.148148148148,57.18518518518518]],[2930103517622848405,[819.2592592592591,69.33333333333334]],[12398030966924498647,[823.4074074074074,97.4814814814815]]]},"segments":{"add":[18226408581696793441,16628058317667581864,3809009367670994230,13496648265229692336,10686631697241750410,11696351847604335156],"remove":[],"start_point":[[16628058317667581864,9465415708990918986],[18226408581696793441,14760110820354327749],[10686631697241750410,2930103517622848405],[13496648265229692336,12398030966924498647],[3809009367670994230,13517856880347849115],[11696351847604335156,9496337687212684441]],"end_point":[[10686631697241750410,9496337687212684441],[18226408581696793441,9465415708990918986],[3809009367670994230,12398030966924498647],[16628058317667581864,13517856880347849115],[11696351847604335156,14760110820354327749],[13496648265229692336,2930103517622848405]],"handle_primary":[[13496648265229692336,[14.222222222222172,-0.8888888888888857]],[3809009367670994230,[21.33333333333337,4.740740740740733]],[16628058317667581864,[41.185185185185105,-9.7777777777778]],[10686631697241750410,[-13.037037037036953,-4.444444444444457]],[11696351847604335156,[-29.333333333333258,11.55555555555555]],[18226408581696793441,[0.0,0.0]]],"handle_end":[[13496648265229692336,[13.037037037036953,4.444444444444457]],[11696351847604335156,[54.81481481481478,-42.37037037037035]],[18226408581696793441,[-41.185185185185105,9.7777777777778]],[16628058317667581864,[-21.33333333333337,-4.740740740740733]],[3809009367670994230,[-14.222222222222172,0.8888888888888857]],[10686631697241750410,[29.333333333333258,-11.55555555555555]]],"stroke":[[16628058317667581864,0],[10686631697241750410,0],[18226408581696793441,0],[13496648265229692336,0],[11696351847604335156,0],[3809009367670994230,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":10686631697241750410},{"ty":"Primary","segment":11696351847604335156}],[{"ty":"End","segment":18226408581696793441},{"ty":"Primary","segment":16628058317667581864}],[{"ty":"End","segment":13496648265229692336},{"ty":"Primary","segment":10686631697241750410}],[{"ty":"End","segment":16628058317667581864},{"ty":"Primary","segment":3809009367670994230}],[{"ty":"End","segment":3809009367670994230},{"ty":"Primary","segment":13496648265229692336}]],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4560146526699152877,{"inputs":[{"Node":{"node_id":5486211022469996717,"output_index":0,"lambda":false}},{"Node":{"node_id":13646498613066619660,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[57390435731316553,{"inputs":[{"Node":{"node_id":8460565235419043665,"output_index":0,"lambda":false}},{"Node":{"node_id":13838011362258067867,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16785043320296790229,{"inputs":[{"Node":{"node_id":1009114585722052052,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":20.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[9808637865669223270,{"inputs":[{"Node":{"node_id":140396870212231820,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16177422101884031678,{"inputs":[{"Node":{"node_id":13353438235848911576,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11201759760883367635,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[5173348374891662425,12314285668680405002,7388288026322342161,12796056970187696453],"remove":[],"delta":[[5173348374891662425,[969.0,0.0]],[12314285668680405002,[1085.0,181.0]],[7388288026322342161,[1277.0,319.0]],[12796056970187696453,[1418.0,0.0]]]},"segments":{"add":[10860608091363771974,9177623211202289793,18091265337503274797,9065140293539496953],"remove":[],"start_point":[[9065140293539496953,12796056970187696453],[10860608091363771974,5173348374891662425],[18091265337503274797,7388288026322342161],[9177623211202289793,12314285668680405002]],"end_point":[[9065140293539496953,5173348374891662425],[18091265337503274797,12796056970187696453],[10860608091363771974,12314285668680405002],[9177623211202289793,7388288026322342161]],"handle_primary":[[10860608091363771974,[0.0,0.0]],[18091265337503274797,[178.0,-35.0]],[9065140293539496953,[0.0,0.0]],[9177623211202289793,[-33.0,137.0]]],"handle_end":[[18091265337503274797,[168.99998492988766,81.0]],[10860608091363771974,[25.066898104916696,-104.0656072840481]],[9177623211202289793,[-77.81941867085992,15.301571086966838]],[9065140293539496953,[0.0,0.0]]],"stroke":[[18091265337503274797,0],[9065140293539496953,0],[9177623211202289793,0],[10860608091363771974,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":9177623211202289793},{"ty":"Primary","segment":18091265337503274797}],[{"ty":"End","segment":10860608091363771974},{"ty":"Primary","segment":9177623211202289793}]],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10760002922115563021,{"inputs":[{"Node":{"node_id":14257963317028524134,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractFront"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13588160462734303101,{"inputs":[{"Node":{"node_id":17036604842139972912,"output_index":0,"lambda":false}},{"Node":{"node_id":4301099429811409147,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11373527190663101881,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[12058665768506126331,6802441093413090533,4854280308383915721,17729943149159368459,7436032950540776377,2189722519288419244,15817054697695831753,15744271344233846756,13877679667762731651,13567509413382199058,5664077098702810122,14178520291283306679,15575201098426093294],"remove":[],"delta":[[15744271344233846756,[785.7777777777777,205.62962962962965]],[6802441093413090533,[783.4074074074074,172.74074074074073]],[7436032950540776377,[815.4074074074074,203.25925925925927]],[2189722519288419244,[796.0493827160494,202.2716049382716]],[12058665768506126331,[693.7283950617283,174.35390946502056]],[4854280308383915721,[813.9259259259259,200.2962962962963]],[17729943149159368459,[801.1851851851852,199.90123456790124]],[13877679667762731651,[743.4074074074074,234.66666666666669]],[15817054697695831753,[806.716049382716,206.22222222222223]],[14178520291283306679,[668.4444444444443,183.1111111111111]],[13567509413382199058,[702.6831275720166,195.95061728395063]],[15575201098426093294,[636.7407407407406,173.33333333333331]],[5664077098702810122,[686.5185185185185,191.1111111111111]]]},"segments":{"add":[2336956120616260883,1639796012074210121,3918280827204321712,13932755083907220179,14941832641240060361,94092576912261794,18299135553255571870,3109091330258982137,11037018395008586448,16261506098907231989,8279051592565434787,2367379450383978497,5102625335252315850],"remove":[],"start_point":[[14941832641240060361,7436032950540776377],[18299135553255571870,15817054697695831753],[8279051592565434787,5664077098702810122],[3918280827204321712,4854280308383915721],[13932755083907220179,17729943149159368459],[2336956120616260883,12058665768506126331],[3109091330258982137,15744271344233846756],[1639796012074210121,6802441093413090533],[5102625335252315850,15575201098426093294],[2367379450383978497,14178520291283306679],[11037018395008586448,13877679667762731651],[16261506098907231989,13567509413382199058],[94092576912261794,2189722519288419244]],"end_point":[[18299135553255571870,15744271344233846756],[14941832641240060361,2189722519288419244],[16261506098907231989,5664077098702810122],[2367379450383978497,15575201098426093294],[13932755083907220179,7436032950540776377],[1639796012074210121,4854280308383915721],[3109091330258982137,13877679667762731651],[11037018395008586448,13567509413382199058],[94092576912261794,15817054697695831753],[2336956120616260883,6802441093413090533],[3918280827204321712,17729943149159368459],[5102625335252315850,12058665768506126331],[8279051592565434787,14178520291283306679]],"handle_primary":[[3918280827204321712,[0.0,0.0]],[11037018395008586448,[0.0,0.0]],[18299135553255571870,[0.0,0.0]],[1639796012074210121,[0.0,0.0]],[16261506098907231989,[0.0,0.0]],[3109091330258982137,[0.0,0.0]],[8279051592565434787,[-16.75720164609038,-2.1399176954732297]],[2367379450383978497,[-5.037037037036953,-1.7777777777777717]],[13932755083907220179,[0.0,0.0]],[2336956120616260883,[0.0,0.0]],[5102625335252315850,[0.0,0.0]],[14941832641240060361,[0.0,0.0]],[94092576912261794,[0.0,0.0]]],"handle_end":[[2336956120616260883,[-65.77777777777783,13.333333333333314]],[14941832641240060361,[7.1111111111111995,1.7777777777778]],[16261506098907231989,[12.1395654462896,1.5502392023748983]],[13932755083907220179,[0.0,0.0]],[8279051592565434787,[5.037037037036953,1.7777777777777717]],[5102625335252315850,[-27.12757201646093,2.633744855967052]],[11037018395008586448,[13.168724279835374,22.12345679012344]],[94092576912261794,[0.0,0.0]],[18299135553255571870,[10.07407407407402,2.7654320987654444]],[3109091330258982137,[18.962962962963047,2.074074074074048]],[1639796012074210121,[-19.259259259259352,-3.259259259259238]],[2367379450383978497,[12.740740740740648,5.037037037037038]],[3918280827204321712,[0.0,0.0]]],"stroke":[[2336956120616260883,0],[2367379450383978497,0],[1639796012074210121,0],[18299135553255571870,0],[8279051592565434787,0],[3918280827204321712,0],[11037018395008586448,0],[13932755083907220179,0],[94092576912261794,0],[3109091330258982137,0],[5102625335252315850,0],[16261506098907231989,0],[14941832641240060361,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":3918280827204321712},{"ty":"Primary","segment":13932755083907220179}],[{"ty":"End","segment":94092576912261794},{"ty":"Primary","segment":18299135553255571870}],[{"ty":"End","segment":8279051592565434787},{"ty":"Primary","segment":2367379450383978497}],[{"ty":"End","segment":13932755083907220179},{"ty":"Primary","segment":14941832641240060361}],[{"ty":"End","segment":16261506098907231989},{"ty":"Primary","segment":8279051592565434787}]],"remove_g1_continuous":[[{"ty":"Primary","segment":16261506098907231989},{"ty":"End","segment":11037018395008586448}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9563008199132558110,{"inputs":[{"Node":{"node_id":7855094781869605606,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[18081743490344004315,{"inputs":[{"Node":{"node_id":13588160462734303101,"output_index":0,"lambda":false}},{"Node":{"node_id":18068340617333437755,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6852799892628327372,{"inputs":[{"Node":{"node_id":2025899804080897524,"output_index":0,"lambda":false}},{"Node":{"node_id":16671141883125519098,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17952673493105230490,{"inputs":[{"Node":{"node_id":14228923746783465609,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":20.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[8863346544623578893,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[5480246971175127548,949359986970918930,6461719056721357962,6265491311473200676],"remove":[947514826240006203],"delta":[[6461719056721357962,[173.33333333333331,506.66666666666674]],[949359986970918930,[0.0,608.0]],[5480246971175127548,[364.0,767.9999999999999]],[6265491311473200676,[-2.273736754432321e-13,768.0000000000001]]]},"segments":{"add":[8951068186878308228,9717584104793611782,15710828508798332384,12480300844056666979],"remove":[6561081452252813685,11231973846952426191,15926511461198813522],"start_point":[[15710828508798332384,5480246971175127548],[8951068186878308228,6461719056721357962],[12480300844056666979,6265491311473200676],[9717584104793611782,949359986970918930]],"end_point":[[15710828508798332384,6265491311473200676],[8951068186878308228,5480246971175127548],[9717584104793611782,6461719056721357962],[12480300844056666979,949359986970918930]],"handle_primary":[[12480300844056666979,null],[8951068186878308228,[121.00000000000006,-37.99999999999994]],[9717584104793611782,[0.0,0.0]],[15710828508798332384,null]],"handle_end":[[12480300844056666979,null],[9717584104793611782,[-63.1770926995265,19.84073985604961]],[15710828508798332384,null],[8951068186878308228,[-92.0,-81.99999999999989]]],"stroke":[[9717584104793611782,0],[15710828508798332384,0],[8951068186878308228,0],[12480300844056666979,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"Primary","segment":9717584104793611782},{"ty":"End","segment":12480300844056666979}],[{"ty":"Primary","segment":8951068186878308228},{"ty":"End","segment":9717584104793611782}],[{"ty":"End","segment":6561081452252813685},{"ty":"Primary","segment":9717584104793611782}]],"remove_g1_continuous":[[{"ty":"Primary","segment":11231973846952426191},{"ty":"End","segment":9717584104793611782}],[{"ty":"End","segment":15926511461198813522},{"ty":"Primary","segment":8951068186878308228}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15692102598187739001,{"inputs":[{"Node":{"node_id":14950060858756810933,"output_index":0,"lambda":false}},{"Node":{"node_id":11201759760883367635,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4421418468606442725,{"inputs":[{"Node":{"node_id":8863346544623578893,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4807760870555738383,{"inputs":[{"Node":{"node_id":876963243827503916,"output_index":0,"lambda":false}},{"Node":{"node_id":8269257328703012432,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4102754869474520966,{"inputs":[{"Node":{"node_id":2723198387862533596,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2880630606834119505,{"inputs":[{"Node":{"node_id":8297015715799006244,"output_index":0,"lambda":false}},{"Node":{"node_id":16322546010403524636,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10265035897167064154,{"inputs":[{"Node":{"node_id":14698962747138962125,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17131529656312051452,{"inputs":[{"Node":{"node_id":13646498613066619660,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7104088139635280554,{"inputs":[{"Node":{"node_id":16785043320296790229,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SolidifyStrokeNode"}},"visible":true,"skip_deduplication":false}],[18068340617333437755,{"inputs":[{"Node":{"node_id":2880630606834119505,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[73.0306419396,-200.8521460039]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.42594097420784194},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9999999999999998,0.9999999999999998]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2185437945364824599,{"inputs":[{"Node":{"node_id":18081743490344004315,"output_index":0,"lambda":false}},{"Node":{"node_id":4421418468606442725,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1627123781166851142,{"inputs":[{"Node":{"node_id":4807760870555738383,"output_index":0,"lambda":false}},{"Node":{"node_id":15354358358546908017,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14141479077115894852,{"inputs":[{"Node":{"node_id":15433707377961038695,"output_index":0,"lambda":false}},{"Node":{"node_id":17285637344898461972,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17397123104674848450,{"inputs":[{"Node":{"node_id":1662641269094032596,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15877481873925059044,{"inputs":[{"Node":{"node_id":17299978721726771610,"output_index":0,"lambda":false}},{"Node":{"node_id":7252918969430566594,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13340751444307201866,{"inputs":[{"Node":{"node_id":9135110142507605216,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.93333334,"green":0.8627451,"blue":0.7254902,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12741076678082295759,{"inputs":[{"Node":{"node_id":14139765080256493579,"output_index":0,"lambda":false}},{"Node":{"node_id":5449860184735415958,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13916027199283115943,{"inputs":[{"Node":{"node_id":6194305264313730032,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.101960786,"green":0.13333334,"blue":0.13725491,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15930698052919171086,{"inputs":[{"Node":{"node_id":13739729101529293427,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractFront"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4631655038168471552,{"inputs":[{"Node":{"node_id":990192925663920333,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::BoundingBoxNode"}},"visible":true,"skip_deduplication":false}],[17223836790030950966,{"inputs":[{"Node":{"node_id":14030142873804552388,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17056531964793634106,{"inputs":[{"Node":{"node_id":990192925663920333,"output_index":0,"lambda":false}},{"Node":{"node_id":10063704933309776584,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13446205009526451196,{"inputs":[{"Node":{"node_id":14139765080256493579,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.92156863,"green":0.6039216,"blue":0.18039216,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15433707377961038695,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[16723991032614525258,1623125309784127684,7209807874503344461,3123395482103162919,2668496811386192321],"remove":[12344391980636687302],"delta":[[3123395482103162919,[-2.273736754432321e-13,689.0]],[7209807874503344461,[188.0,694.6666666666669]],[16723991032614525258,[553.0000000000001,768.0]],[2668496811386192321,[0.0,768.0]],[1623125309784127684,[643.9258958566198,633.6997633965701]]]},"segments":{"add":[3656277643115996070,6789459806904610761,16287649713110748258,16456150086799119359,1652964032977338610],"remove":[1848051273241122771],"start_point":[[6789459806904610761,1623125309784127684],[16456150086799119359,2668496811386192321],[16287649713110748258,3123395482103162919],[1652964032977338610,7209807874503344461],[3656277643115996070,16723991032614525258]],"end_point":[[16456150086799119359,16723991032614525258],[16287649713110748258,2668496811386192321],[1652964032977338610,3123395482103162919],[3656277643115996070,1623125309784127684],[6789459806904610761,7209807874503344461]],"handle_primary":[[3656277643115996070,[0.0,0.0]],[16287649713110748258,[0.0,0.0]],[16456150086799119359,[0.0,0.0]],[6789459806904610761,[-213.92589585661983,-68.82675604113183]],[1652964032977338610,[-81.48609837852206,84.6759456460087]]],"handle_end":[[6789459806904610761,[187.33333333333343,-194.6666666666667]],[3656277643115996070,[0.0,0.0]],[16287649713110748258,[0.0,0.0]],[1652964032977338610,[56.00000000000023,11.0]],[16456150086799119359,[0.0,0.0]]],"stroke":[[16287649713110748258,0],[16456150086799119359,0],[6789459806904610761,0],[1652964032977338610,0],[3656277643115996070,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":6789459806904610761},{"ty":"Primary","segment":1652964032977338610}],[{"ty":"End","segment":16287649713110748258},{"ty":"Primary","segment":16456150086799119359}]],"remove_g1_continuous":[[{"ty":"End","segment":1652964032977338610},{"ty":"Primary","segment":1848051273241122771}],[{"ty":"End","segment":3656277643115996070},{"ty":"Primary","segment":6789459806904610761}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5877930116725120460,{"inputs":[{"Node":{"node_id":4470272391975492611,"output_index":0,"lambda":false}},{"Node":{"node_id":1258994191538244490,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14516211820212764316,{"inputs":[{"Node":{"node_id":2124231869409556689,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,416.7]},"exposed":false}},{"Value":{"tagged_value":{"F64":31.0},"exposed":false}},{"Value":{"tagged_value":{"U32":8},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[3997031659711823213,{"inputs":[{"Node":{"node_id":6484183251661832039,"output_index":0,"lambda":false}},{"Node":{"node_id":7962101329808960965,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3471746866096043087,{"inputs":[{"Node":{"node_id":5486211022469996717,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7480253252288032958,{"inputs":[{"Node":{"node_id":7104261880154687267,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8509804,"green":0.24313726,"blue":0.18431373,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3079923906392020295,{"inputs":[{"Node":{"node_id":17056531964793634106,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}],[4809200889774783438,{"inputs":[{"Node":{"node_id":3109716240255919254,"output_index":0,"lambda":false}},{"Node":{"node_id":14139129879376457893,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16304636129468583592,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[4648964341912884959,10156053545530752213,16569120368910754547],"remove":[],"delta":[[4648964341912884959,[665.0000000000001,768.0]],[10156053545530752213,[1094.162353515625,594.2965698242188]],[16569120368910754547,[1361.0,768.0]]]},"segments":{"add":[9030015329489789075,2197140374690997530,3433930674303663828],"remove":[],"start_point":[[3433930674303663828,16569120368910754547],[2197140374690997530,10156053545530752213],[9030015329489789075,4648964341912884959]],"end_point":[[9030015329489789075,10156053545530752213],[3433930674303663828,4648964341912884959],[2197140374690997530,16569120368910754547]],"handle_primary":[[2197140374690997530,[79.20069951994813,30.807024746222492]],[9030015329489789075,[32.66666666666663,-95.99999999999989]],[3433930674303663828,[0.0,0.0]]],"handle_end":[[3433930674303663828,[0.0,0.0]],[2197140374690997530,[-24.333333333333485,-86.99999999999977]],[9030015329489789075,[-238.88331323750492,-92.9194336284096]]],"stroke":[[3433930674303663828,0],[9030015329489789075,0],[2197140374690997530,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":9030015329489789075},{"ty":"Primary","segment":2197140374690997530}]],"remove_g1_continuous":[[{"ty":"End","segment":2197140374690997530},{"ty":"Primary","segment":3433930674303663828}],[{"ty":"Primary","segment":9030015329489789075},{"ty":"End","segment":3433930674303663828}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2871608309888343463,{"inputs":[{"Node":{"node_id":12494428953087324640,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,200.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":8},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[5488285068107445023,{"inputs":[{"Node":{"node_id":7667878689218439065,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"SubtractFront"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3050731459444225191,{"inputs":[{"Node":{"node_id":682567808439406093,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,200.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":12},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[16306737306999003555,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[6082833770141706533,7903705226822768120,17147466439590042359,13341364271767916194],"remove":[],"delta":[[13341364271767916194,[262.22222222222223,364.1481481481481]],[17147466439590042359,[526.0109927536641,282.1042175292969]],[6082833770141706533,[504.0987654320987,184.6255144032922]],[7903705226822768120,[497.3827160493826,248.88888888888889]]]},"segments":{"add":[14649965831690031908,801877719748058643,9659144961849433642,2255088856072565305],"remove":[],"start_point":[[14649965831690031908,6082833770141706533],[9659144961849433642,17147466439590042359],[2255088856072565305,13341364271767916194],[801877719748058643,7903705226822768120]],"end_point":[[2255088856072565305,6082833770141706533],[801877719748058643,17147466439590042359],[9659144961849433642,13341364271767916194],[14649965831690031908,7903705226822768120]],"handle_primary":[[9659144961849433642,[0.0,0.0]],[801877719748058643,[13.173601585124231,23.615912208504938]],[2255088856072565305,[0.0,0.0]],[14649965831690031908,[0.0,0.0]]],"handle_end":[[2255088856072565305,[-112.09876543209862,43.81893004115227]],[9659144961849433642,[195.55555555555569,-16.14814814814804]],[14649965831690031908,[-17.920501046401128,-32.12553353079403]],[801877719748058643,[0.0,0.0]]],"stroke":[[9659144961849433642,0],[801877719748058643,0],[2255088856072565305,0],[14649965831690031908,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":14649965831690031908},{"ty":"Primary","segment":801877719748058643}],[{"ty":"End","segment":801877719748058643},{"ty":"Primary","segment":9659144961849433642}]],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8297015715799006244,{"inputs":[{"Node":{"node_id":17569892869974995307,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,407.5]},"exposed":false}},{"Value":{"tagged_value":{"F64":24.2},"exposed":false}},{"Value":{"tagged_value":{"U32":8},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[12867379765049504290,{"inputs":[{"Node":{"node_id":6445954214067437701,"output_index":0,"lambda":false}},{"Node":{"node_id":8863346544623578893,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17740496701763775226,{"inputs":[{"Node":{"node_id":13027689870767713939,"output_index":0,"lambda":false}},{"Node":{"node_id":16609137733952262762,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14808063168960305551,{"inputs":[{"Node":{"node_id":14496934933990319842,"output_index":0,"lambda":false}},{"Node":{"node_id":3471746866096043087,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12494428953087324640,{"inputs":[{"Node":{"node_id":8511737864852441844,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[300.0,50.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":12},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::RepeatNode"}},"visible":true,"skip_deduplication":false}],[15817956847588799375,{"inputs":[{"Node":{"node_id":11201759760883367635,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3137255,"green":0.44705883,"blue":0.45490196,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2287485748649359627,{"inputs":[{"Node":{"node_id":804622576568168609,"output_index":0,"lambda":false}},{"Node":{"node_id":5449860184735415958,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13646498613066619660,{"inputs":[{"Node":{"node_id":12741076678082295759,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"BooleanOperation":"Intersect"},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::style::Fill","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_path_bool::BooleanOperationNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1809704172129195322,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":20.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::CircleNode"}},"visible":true,"skip_deduplication":false}],[2124231869409556689,{"inputs":[{"Node":{"node_id":15877481873925059044,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}],[876963243827503916,{"inputs":[{"Node":{"node_id":7651693425519490419,"output_index":0,"lambda":false}},{"Node":{"node_id":17223836790030950966,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13838011362258067867,{"inputs":[{"Node":{"node_id":4631655038168471552,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"CentroidType":"Area"},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CentroidNode"}},"visible":true,"skip_deduplication":false}],[7376049709233607419,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[16958489363675356032,7347160684180114694,4322398537034510509,3438797896265725901,16005438712872589849,1674257131044231065,10491326691824745018,9374180853656949931,13358295350421759755,15245407364463454564],"remove":[],"delta":[[1674257131044231065,[829.4320987654323,121.67901234567904]],[4322398537034510509,[776.888888888889,117.53086419753087]],[13358295350421759755,[778.4691358024693,177.1851851851852]],[16005438712872589849,[817.1851851851852,94.61728395061728]],[16958489363675356032,[658.172839506173,169.08641975308643]],[10491326691824745018,[811.851851851852,148.54320987654322]],[7347160684180114694,[772.1481481481483,138.66666666666669]],[9374180853656949931,[784.0000000000002,176.98765432098767]],[3438797896265725901,[795.4567901234569,94.41975308641976]],[15245407364463454564,[773.530864197531,141.4320987654321]]]},"segments":{"add":[11663644781855838202,198953627342130434,8327087349631976772,13015157349146777770,8528911024810728168,3235570761188242773,16847383896493391194,16846650637386857857,3784798568712268630,12873317883441611394],"remove":[],"start_point":[[3235570761188242773,1674257131044231065],[12873317883441611394,15245407364463454564],[16847383896493391194,10491326691824745018],[8528911024810728168,16005438712872589849],[11663644781855838202,16958489363675356032],[3784798568712268630,13358295350421759755],[13015157349146777770,3438797896265725901],[198953627342130434,7347160684180114694],[16846650637386857857,9374180853656949931],[8327087349631976772,4322398537034510509]],"end_point":[[13015157349146777770,16005438712872589849],[16847383896493391194,9374180853656949931],[8528911024810728168,1674257131044231065],[12873317883441611394,16958489363675356032],[3784798568712268630,15245407364463454564],[198953627342130434,4322398537034510509],[8327087349631976772,3438797896265725901],[16846650637386857857,13358295350421759755],[3235570761188242773,10491326691824745018],[11663644781855838202,7347160684180114694]],"handle_primary":[[12873317883441611394,[-19.75308641975323,2.172839506172835]],[198953627342130434,[0.0,0.3950617283950635]],[8327087349631976772,[-0.19753086419757435,-13.82716049382715]],[16847383896493391194,[-17.185185185185105,13.234567901234584]],[16846650637386857857,[0.0,0.0]],[13015157349146777770,[0.0,0.0]],[3235570761188242773,[0.1975308641974607,7.703703703703709]],[3784798568712268630,[-2.962962962963161,-10.864197530864232]],[11663644781855838202,[0.0,0.0]],[8528911024810728168,[5.530864197530946,5.925925925925924]]],"handle_end":[[13015157349146777770,[-5.530864197530946,-5.925925925925924]],[11663644781855838202,[-74.27160493827171,29.03703703703698]],[16847383896493391194,[0.0,0.0]],[3235570761188242773,[17.185185185185105,-13.234567901234584]],[198953627342130434,[0.19753086419757435,13.82716049382715]],[12873317883441611394,[33.382716049382566,14.222222222222172]],[8327087349631976772,[0.0,0.0]],[8528911024810728168,[-0.1975308641974607,-7.703703703703709]],[3784798568712268630,[2.9629629629629335,5.135802469135797]],[16846650637386857857,[0.0,0.0]]],"stroke":[[13015157349146777770,0],[11663644781855838202,0],[3784798568712268630,0],[12873317883441611394,0],[8528911024810728168,0],[198953627342130434,0],[8327087349631976772,0],[16847383896493391194,0],[16846650637386857857,0],[3235570761188242773,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":3235570761188242773},{"ty":"Primary","segment":16847383896493391194}],[{"ty":"End","segment":8528911024810728168},{"ty":"Primary","segment":3235570761188242773}],[{"ty":"End","segment":8327087349631976772},{"ty":"Primary","segment":13015157349146777770}],[{"ty":"End","segment":16847383896493391194},{"ty":"Primary","segment":16846650637386857857}],[{"ty":"End","segment":13015157349146777770},{"ty":"Primary","segment":8528911024810728168}],[{"ty":"End","segment":198953627342130434},{"ty":"Primary","segment":8327087349631976772}]],"remove_g1_continuous":[[{"ty":"End","segment":16846650637386857857},{"ty":"Primary","segment":3784798568712268630}],[{"ty":"End","segment":3784798568712268630},{"ty":"Primary","segment":12873317883441611394}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7977952035097419157,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":0.5},"exposed":false}},{"Value":{"tagged_value":{"F64":0.5},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::EllipseNode"}},"visible":true,"skip_deduplication":false}],[7667878689218439065,{"inputs":[{"Node":{"node_id":18271512507682813443,"output_index":0,"lambda":false}},{"Node":{"node_id":5449860184735415958,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14030142873804552388,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[11163144542703672167,7233902871991446034,9403888920678312544,5714042674660607880,9912917483675332510],"remove":[],"delta":[[5714042674660607880,[1536.0,0.0]],[11163144542703672167,[763.0,0.0]],[7233902871991446034,[908.0,134.0]],[9403888920678312544,[1271.0,199.0]],[9912917483675332510,[1536.0,254.00000000000009]]]},"segments":{"add":[7099980686025805826,11879054056208937348,7804540624589615499,3118709054343469746,12085471811343146506],"remove":[8174738144062904321],"start_point":[[7804540624589615499,5714042674660607880],[12085471811343146506,9912917483675332510],[3118709054343469746,9403888920678312544],[11879054056208937348,7233902871991446034],[7099980686025805826,11163144542703672167]],"end_point":[[3118709054343469746,9912917483675332510],[7099980686025805826,7233902871991446034],[12085471811343146506,5714042674660607880],[7804540624589615499,11163144542703672167],[11879054056208937348,9403888920678312544]],"handle_primary":[[12085471811343146506,[0.0,0.0]],[7099980686025805826,[0.0,0.0]],[3118709054343469746,[191.0,-106.0]],[7804540624589615499,[0.0,0.0]],[11879054056208937348,[68.41365603453937,54.51084151791355]]],"handle_end":[[12085471811343146506,[0.0,0.0]],[7099980686025805826,[-68.41365603453914,-54.51084151791349]],[7804540624589615499,[0.0,0.0]],[11879054056208937348,[-121.83694366711715,67.61631428646292]],[3118709054343469746,[0.0,0.0]]],"stroke":[[11879054056208937348,0],[7099980686025805826,0],[7804540624589615499,0],[3118709054343469746,0],[12085471811343146506,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[[{"ty":"End","segment":7099980686025805826},{"ty":"Primary","segment":11879054056208937348}],[{"ty":"End","segment":11879054056208937348},{"ty":"Primary","segment":8174738144062904321}],[{"ty":"End","segment":11879054056208937348},{"ty":"Primary","segment":3118709054343469746}]],"remove_g1_continuous":[[{"ty":"End","segment":3118709054343469746},{"ty":"Primary","segment":12085471811343146506}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]},"network_metadata":{"persistent_metadata":{"node_metadata":[[294265135510952894,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-71,93]}}},"network_metadata":null}}],[8269257328703012432,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6194305264313730032,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16671141883125519098,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10063704933309776584,{"persistent_metadata":{"reference":"Multiply","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["f64"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,101]}}},"network_metadata":null}}],[16780039553038473906,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1662641269094032596,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1097494158696050491,{"persistent_metadata":{"reference":"Circle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Radius"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-78,99]}}},"network_metadata":null}}],[5014806436727666175,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7252918969430566594,{"persistent_metadata":{"reference":"Multiply","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["f64"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,107]}}},"network_metadata":null}}],[14496934933990319842,{"persistent_metadata":{"reference":"Merge","display_name":"Bottom Left Blue","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2124231869409556689,{"persistent_metadata":{"reference":"To Group","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Instances<GraphicElement>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7755499790391969923,{"persistent_metadata":{"reference":"Circle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Radius"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17740496701763775226,{"persistent_metadata":{"reference":"Merge","display_name":"Bottom Blue","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4809200889774783438,{"persistent_metadata":{"reference":"Merge","display_name":"Front Eye","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4261249487994076490,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_skew"},{"input_data":{},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14684142559936015947,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6616450276140292763,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1001728975241745659,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13739729101529293427,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8460565235419043665,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2723198387862533596,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7480253252288032958,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11264395591110193456,{"persistent_metadata":{"reference":"Circle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Radius"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-78,93]}}},"network_metadata":null}}],[3214181946162459584,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4771789845668099116,{"persistent_metadata":{"reference":"Merge","display_name":"Cheek Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2871608309888343463,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4470272391975492611,{"persistent_metadata":{"reference":"Merge","display_name":"Rose Sliver Silhouette","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7376049709233607419,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18068340617333437755,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","unit":" px","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7977952035097419157,{"persistent_metadata":{"reference":"Ellipse","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Radius X"},"widget_override":null},{"input_data":{"input_name":"Radius Y"},"widget_override":null}],"output_names":["Instances<VectorData>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6728362629909402903,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18081743490344004315,{"persistent_metadata":{"reference":"Merge","display_name":"Hair Dots Orange","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13838011362258067867,{"persistent_metadata":{"reference":"Centroid","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["DVec2"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,103]}}},"network_metadata":null}}],[17696051535511578981,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-41,47]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1258994191538244490,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4328376070224119511,{"persistent_metadata":{"reference":"Merge","display_name":"Bottom Orange","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6726954210929537972,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13670206802546093234,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6787585796949551500,{"persistent_metadata":{"reference":"Merge","display_name":"Hair Strand 1","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-8,12]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14141479077115894852,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-57,87]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9071802450034150503,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Instances<VectorData>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7104088139635280554,{"persistent_metadata":{"reference":"Solidify Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15433707377961038695,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-64,87]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8511737864852441844,{"persistent_metadata":{"reference":"Circle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Radius"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9135110142507605216,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2880630606834119505,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_skew"},{"input_data":{},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7651693425519490419,{"persistent_metadata":{"reference":"Merge","display_name":"Top Right Blue","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17056531964793634106,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_skew"},{"input_data":{},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3471746866096043087,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[876963243827503916,{"persistent_metadata":{"reference":"Merge","display_name":"Top Right Red","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11301831865756336526,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17299978721726771610,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-64,106]}}},"network_metadata":null}}],[6484183251661832039,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-64,93]}}},"network_metadata":null}}],[12145355397916841389,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17351444026127625357,{"persistent_metadata":{"reference":"Merge","display_name":"Face Black","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10995640810984321903,{"persistent_metadata":{"reference":"Merge","display_name":"Lip Bottom","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17397123104674848450,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7018444885869143173,{"persistent_metadata":{"reference":"Merge","display_name":"Top Right Black - Dots","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11196821089257149774,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6503655938154160104,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-35,44]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8863346544623578893,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,90]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5856350938151339368,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11210964267417873667,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","input_name":"Translation","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3079923906392020295,{"persistent_metadata":{"reference":"To Group","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Instances<GraphicElement>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5556372312033787775,{"persistent_metadata":{"reference":"Bounding Box","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Instances<VectorData>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-57,96]}}},"network_metadata":null}}],[12770183061753030023,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16609137733952262762,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8426490990601560741,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12494428953087324640,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18271512507682813443,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17753909951719808506,{"persistent_metadata":{"reference":"Merge","display_name":"Bottom Left Red","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14950060858756810933,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-64,60]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7667878689218439065,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10286817149456341619,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16304636129468583592,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-57,135]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13795432594059356320,{"persistent_metadata":{"reference":"Flatten Path","display_name":"","input_properties":[{"input_data":{"input_name":"Graphic Group Input"},"widget_override":null}],"output_names":["Instances<VectorData>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8887924609778270360,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4102754869474520966,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18003287685830153881,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,72]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1809704172129195322,{"persistent_metadata":{"reference":"Circle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Radius"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-78,106]}}},"network_metadata":null}}],[15354358358546908017,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1491840484128555837,{"persistent_metadata":{"reference":"Merge","display_name":"Face Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":3}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15817956847588799375,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3050731459444225191,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5888633415105234509,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[804622576568168609,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[57390435731316553,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{"x":"X","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_skew"},{"input_data":{},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7201841978411396053,{"persistent_metadata":{"reference":"Merge","display_name":"Bottom Black","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":2}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11373527190663101881,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2185437945364824599,{"persistent_metadata":{"reference":"Merge","display_name":"Bottom Left White","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1009114585722052052,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,57]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12234961922142600898,{"persistent_metadata":{"reference":"Merge","display_name":"Top Right Black","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":12}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16306737306999003555,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1627123781166851142,{"persistent_metadata":{"reference":"Merge","display_name":"Top Right Corner Orange","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15930698052919171086,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7029437790788498388,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-71,106]}}},"network_metadata":null}}],[4807760870555738383,{"persistent_metadata":{"reference":"Merge","display_name":"Top Right Main Orange","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5877930116725120460,{"persistent_metadata":{"reference":"Merge","display_name":"Rear Eyelash","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14690269209726153565,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14516211820212764316,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13646498613066619660,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-35,118]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4631655038168471552,{"persistent_metadata":{"reference":"Bounding Box","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Instances<VectorData>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-57,103]}}},"network_metadata":null}}],[8359580532088731394,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3410481056630111806,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-71,99]}}},"network_metadata":null}}],[12185047359007423618,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13916027199283115943,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2025899804080897524,{"persistent_metadata":{"reference":"Merge","display_name":"Face White","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10080296672372912698,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17952673493105230490,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-42,133]}}},"network_metadata":null}}],[9808637865669223270,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18031616785650843168,{"persistent_metadata":{"reference":"Solidify Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-35,133]}}},"network_metadata":null}}],[14030142873804552388,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-36,66]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12741076678082295759,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-42,118]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14139129879376457893,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15692102598187739001,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-57,57]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18351415092709164412,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17495267820524300686,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18188505856445531484,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14698962747138962125,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13203761224559198689,{"persistent_metadata":{"reference":"Merge","display_name":"Front Eye Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17131529656312051452,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4560146526699152877,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7962101329808960965,{"persistent_metadata":{"reference":"Multiply","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["f64"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,94]}}},"network_metadata":null}}],[17271572793812678706,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15877481873925059044,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_skew"},{"input_data":{},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[140396870212231820,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11095670964487764044,{"persistent_metadata":{"reference":"Merge","display_name":"Hair Strand 2","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14228923746783465609,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-49,135]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12709602171929957216,{"persistent_metadata":{"reference":"Merge","display_name":"Bottom Left Orange","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3608604157153838227,{"persistent_metadata":{"reference":"Bounding Box","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Instances<VectorData>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-57,109]}}},"network_metadata":null}}],[17223836790030950966,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13616602029989984195,{"persistent_metadata":{"reference":"Flatten Path","display_name":"","input_properties":[{"input_data":{"input_name":"Graphic Group Input"},"widget_override":null}],"output_names":["Instances<VectorData>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13340751444307201866,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3750439930725791025,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16177422101884031678,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12353675714904258944,{"persistent_metadata":{"reference":"Merge","display_name":"Nose Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17285637344898461972,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-64,81]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11429506195623419966,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12867379765049504290,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[990192925663920333,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-64,99]}}},"network_metadata":null}}],[16322546010403524636,{"persistent_metadata":{"reference":"Centroid","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["DVec2"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,96]}}},"network_metadata":null}}],[14808063168960305551,{"persistent_metadata":{"reference":"Merge","display_name":"Face Blue","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14257963317028524134,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17569892869974995307,{"persistent_metadata":{"reference":"To Group","display_name":"","input_properties":[{"input_data":{},"widget_override":null}],"output_names":["Instances<GraphicElement>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1508440849951861669,{"persistent_metadata":{"reference":"Merge","display_name":"Face Red","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10760002922115563021,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16759836951269190891,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15900830679378240619,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12276520439585231336,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3109716240255919254,{"persistent_metadata":{"reference":"Merge","display_name":"Front Eyebrow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14139765080256493579,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-57,138]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18095952297474762348,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2287485748649359627,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3997031659711823213,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_skew"},{"input_data":{},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6445954214067437701,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13027689870767713939,{"persistent_metadata":{"reference":"Merge","display_name":"Bottom Black - Dots","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6852799892628327372,{"persistent_metadata":{"reference":"Merge","display_name":"Head Orange","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12922148192688274227,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","input_name":"Translation","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5488285068107445023,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2834866505092039323,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[682567808439406093,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8297015715799006244,{"persistent_metadata":{"reference":"Repeat","display_name":"","input_properties":[{"input_data":{"input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Direction"},"widget_override":null},{"input_data":{"input_name":"Angle"},"widget_override":null},{"input_data":{"input_name":"Instances"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15301503532602557206,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4421418468606442725,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7104261880154687267,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7855094781869605606,{"persistent_metadata":{"reference":"Boolean Operation","display_name":"","input_properties":[{"input_data":{"input_name":"Group of Paths"},"widget_override":null},{"input_data":{"input_name":"Operation"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,87]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Boolean Operation","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[-312.5,-36.5],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,678.0,544.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5954536408321808728,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13588160462734303101,{"persistent_metadata":{"reference":"Merge","display_name":"Hair Dots Red","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":3}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5486211022469996717,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,75]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9338394475379815879,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11201759760883367635,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-64,64]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16785043320296790229,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17036604842139972912,{"persistent_metadata":{"reference":"Merge","display_name":"Hair Dots Blue","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":4}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13353438235848911576,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17740294143355019755,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17562801632450633291,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13446205009526451196,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5534800796196967885,{"persistent_metadata":{"reference":"Centroid","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["DVec2"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,109]}}},"network_metadata":null}}],[8566844905246185636,{"persistent_metadata":{"reference":"Merge","display_name":"Mouth Orange","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4301099429811409147,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10265035897167064154,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[392274448837115448,{"persistent_metadata":{"reference":"Artboard","display_name":"","input_properties":[{"input_data":{"input_name":"Artboards"},"widget_override":null},{"input_data":{"input_name":"Contents"},"widget_override":"hidden"},{"input_data":{"input_name":"Location","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"y":"H","input_name":"Dimensions","unit":" px","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Background"},"widget_override":"artboard_background"},{"input_data":{"input_name":"Clip"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-4,9]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-2,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Append Artboards","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[6,-4]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Artboard","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-10,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17603523494627491590,{"persistent_metadata":{"reference":"Merge","display_name":"Lip Top","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5449860184735415958,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-57,124]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9563008199132558110,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17735408893002232096,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18053728639616073084,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[866.5700198973645,-2549.4579096366515],"tilt":0.0,"zoom":0.6666666666666666,"flip":false},"node_graph_to_viewport":[0.6666666666666666,0.0,0.0,0.6666666666666666,1568.0,-1119.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[3410481056630111806],[1097494158696050491],[3410481056630111806],[11684705487012407227],[],[294265135510952894],[],[],[],[13340751444307201866],[3765280235392282097],[3765280235392282097],[],[13795432594059356320],[],[2871608309888343463],[2871608309888343463,12494428953087324640],[3765280235392282097,12494428953087324640,2871608309888343463],[8511737864852441844,2871608309888343463,12494428953087324640,3765280235392282097],[],[13795432594059356320],[],[12494428953087324640,2871608309888343463],[2871608309888343463,3765280235392282097,12494428953087324640],[12494428953087324640,2871608309888343463,3765280235392282097,8511737864852441844],[],[3765280235392282097],[],[],[13616602029989984195],[],[],[],[16780039553038473906],[7104088139635280554],[],[],[7104088139635280554],[],[7104088139635280554],[],[],[16785043320296790229],[6503655938154160104],[17696051535511578981],[6503655938154160104],[17696051535511578981],[9071802450034150503],[],[17696051535511578981],[6503655938154160104],[],[18031616785650843168],[17952673493105230490],[],[4328376070224119511],[18031616785650843168,3750439930725791025,13446205009526451196,7201841978411396053,17735408893002232096,11196821089257149774,13027689870767713939,17952673493105230490,14228923746783465609,4328376070224119511],[13027689870767713939,16609137733952262762,12276520439585231336,13795432594059356320,7201841978411396053,17740496701763775226,13340751444307201866,5888633415105234509,17735408893002232096,9135110142507605216,3750439930725791025,11196821089257149774,17397123104674848450,13446205009526451196,4328376070224119511,14228923746783465609,1662641269094032596,18031616785650843168,17952673493105230490],[5888633415105234509,17740496701763775226,14228923746783465609,12276520439585231336,18031616785650843168,16306737306999003555,6852799892628327372,17952673493105230490,3750439930725791025,16671141883125519098,13446205009526451196,11196821089257149774,1662641269094032596,9135110142507605216,17397123104674848450,3214181946162459584,13027689870767713939,16609137733952262762,7201841978411396053,13795432594059356320,17735408893002232096,2871608309888343463,4328376070224119511,2025899804080897524,13340751444307201866],[17952673493105230490,13027689870767713939,13646498613066619660,14139765080256493579,3214181946162459584,13795432594059356320,1662641269094032596,16671141883125519098,17740496701763775226,16306737306999003555,17735408893002232096,14228923746783465609,4328376070224119511,12276520439585231336,9135110142507605216,11196821089257149774,2025899804080897524,17397123104674848450,5888633415105234509,7201841978411396053,16609137733952262762,2871608309888343463,16304636129468583592,13446205009526451196,17131529656312051452,8566844905246185636,5449860184735415958,3750439930725791025,18031616785650843168,12494428953087324640,12741076678082295759,6852799892628327372,13340751444307201866],[3750439930725791025,5888633415105234509,18031616785650843168,12494428953087324640,13340751444307201866,16306737306999003555,17952673493105230490,17397123104674848450,13795432594059356320,12741076678082295759,7201841978411396053,9135110142507605216,3214181946162459584,2871608309888343463,6852799892628327372,13646498613066619660,17740496701763775226,17131529656312051452,16671141883125519098,13446205009526451196,12276520439585231336,14139765080256493579,14228923746783465609,5449860184735415958,4328376070224119511,16609137733952262762,17735408893002232096,16304636129468583592,8566844905246185636,1662641269094032596,2025899804080897524,11196821089257149774,13027689870767713939,8511737864852441844],[13340751444307201866,5888633415105234509,14139765080256493579,8566844905246185636,13795432594059356320,16609137733952262762,5449860184735415958,13027689870767713939,6852799892628327372,3750439930725791025,8511737864852441844,11196821089257149774,12494428953087324640,17131529656312051452,16306737306999003555,2834866505092039323,17735408893002232096,13646498613066619660,18031616785650843168,12276520439585231336,17740496701763775226,3214181946162459584,12741076678082295759,16671141883125519098,9135110142507605216,14228923746783465609,2871608309888343463,16304636129468583592,2025899804080897524,17397123104674848450,17952673493105230490,1662641269094032596,7201841978411396053,13446205009526451196,4328376070224119511],[9135110142507605216,12276520439585231336,2871608309888343463,1508440849951861669,2025899804080897524,7201841978411396053,11196821089257149774,17740496701763775226,13446205009526451196,6852799892628327372,3214181946162459584,1662641269094032596,4328376070224119511,12741076678082295759,13340751444307201866,13795432594059356320,16671141883125519098,14139765080256493579,5888633415105234509,17735408893002232096,18031616785650843168,17131529656312051452,13027689870767713939,8566844905246185636,17952673493105230490,2834866505092039323,5449860184735415958,16304636129468583592,16609137733952262762,16306737306999003555,17397123104674848450,13646498613066619660,14228923746783465609,3750439930725791025,12494428953087324640,8511737864852441844],[17397123104674848450,13340751444307201866,12494428953087324640,13446205009526451196,3214181946162459584,17131529656312051452,16609137733952262762,16306737306999003555,12276520439585231336,2871608309888343463,4328376070224119511,16304636129468583592,17740496701763775226,7201841978411396053,2834866505092039323,9135110142507605216,8511737864852441844,5888633415105234509,13795432594059356320,17952673493105230490,7480253252288032958,11196821089257149774,5449860184735415958,14228923746783465609,3750439930725791025,13027689870767713939,17735408893002232096,1508440849951861669,8566844905246185636,18031616785650843168,13646498613066619660,14139765080256493579,7104261880154687267,2025899804080897524,12741076678082295759,1662641269094032596,6852799892628327372,16671141883125519098],[17952673493105230490,7104261880154687267,18031616785650843168,8566844905246185636,17735408893002232096,7201841978411396053,12741076678082295759,5449860184735415958,16609137733952262762,1662641269094032596,3214181946162459584,11196821089257149774,1508440849951861669,13340751444307201866,13446205009526451196,8511737864852441844,9135110142507605216,6852799892628327372,3750439930725791025,13795432594059356320,4328376070224119511,17131529656312051452,16304636129468583592,16306737306999003555,17740496701763775226,12494428953087324640,17397123104674848450,16671141883125519098,5888633415105234509,12276520439585231336,2834866505092039323,7480253252288032958,18095952297474762348,13646498613066619660,2871608309888343463,2025899804080897524,14228923746783465609,14139765080256493579,13027689870767713939],[1491840484128555837,7104261880154687267,17397123104674848450,8511737864852441844,13446205009526451196,13795432594059356320,14228923746783465609,7480253252288032958,2025899804080897524,17735408893002232096,16306737306999003555,17740496701763775226,12741076678082295759,13646498613066619660,4328376070224119511,12276520439585231336,18031616785650843168,3750439930725791025,3214181946162459584,2871608309888343463,5888633415105234509,16304636129468583592,13340751444307201866,1662641269094032596,11196821089257149774,5449860184735415958,16671141883125519098,13027689870767713939,17952673493105230490,6852799892628327372,17131529656312051452,14139765080256493579,1508440849951861669,18095952297474762348,8566844905246185636,12494428953087324640,16609137733952262762,2834866505092039323,9135110142507605216,7201841978411396053],[13027689870767713939,8511737864852441844,2871608309888343463,3214181946162459584,14228923746783465609,9808637865669223270,1508440849951861669,12494428953087324640,7201841978411396053,16671141883125519098,13340751444307201866,140396870212231820,1491840484128555837,13446205009526451196,14139765080256493579,5888633415105234509,2834866505092039323,7480253252288032958,17397123104674848450,17740496701763775226,1662641269094032596,18095952297474762348,16306737306999003555,16304636129468583592,17735408893002232096,12276520439585231336,16609137733952262762,4328376070224119511,13795432594059356320,7104261880154687267,5449860184735415958,17131529656312051452,13646498613066619660,6852799892628327372,3750439930725791025,2025899804080897524,9135110142507605216,5954536408321808728,11196821089257149774,12741076678082295759,8566844905246185636,17952673493105230490,18031616785650843168],[7252918969430566594,15877481873925059044,4261249487994076490,5534800796196967885,17036604842139972912],[5534800796196967885,11210964267417873667,4261249487994076490,17036604842139972912,2124231869409556689,7252918969430566594,14516211820212764316,15877481873925059044],[17036604842139972912,4261249487994076490,11210964267417873667,3608604157153838227,15877481873925059044,5534800796196967885,2124231869409556689,14516211820212764316,7252918969430566594],[14516211820212764316,4261249487994076490,11210964267417873667,7252918969430566594,15877481873925059044,17036604842139972912,5534800796196967885,3608604157153838227,2124231869409556689,17299978721726771610],[7252918969430566594,11210964267417873667,15877481873925059044,3608604157153838227,4261249487994076490,2124231869409556689,17299978721726771610,7029437790788498388,5534800796196967885,14516211820212764316,17036604842139972912],[4261249487994076490,17036604842139972912,5534800796196967885,17299978721726771610,7252918969430566594,3608604157153838227,14516211820212764316,11210964267417873667,1809704172129195322,2124231869409556689,15877481873925059044,7029437790788498388],[57390435731316553,13838011362258067867,17056531964793634106,4631655038168471552,13588160462734303101,10063704933309776584],[3410481056630111806,13838011362258067867,990192925663920333,57390435731316553,4631655038168471552,8460565235419043665,10063704933309776584,3079923906392020295,13588160462734303101,4301099429811409147,17056531964793634106],[57390435731316553,1097494158696050491,3410481056630111806,990192925663920333,8460565235419043665,13588160462734303101,13838011362258067867,17056531964793634106,4631655038168471552,3079923906392020295,4301099429811409147,10063704933309776584],[13588160462734303101],[4301099429811409147,8460565235419043665,13588160462734303101,57390435731316553],[3079923906392020295,17056531964793634106,4301099429811409147,8460565235419043665,57390435731316553,13588160462734303101],[57390435731316553,13588160462734303101,4301099429811409147,10063704933309776584,3079923906392020295,8460565235419043665,17056531964793634106],[4301099429811409147,990192925663920333,10063704933309776584,57390435731316553,17056531964793634106,3079923906392020295,8460565235419043665,13588160462734303101],[3410481056630111806,57390435731316553,990192925663920333,13588160462734303101,10063704933309776584,8460565235419043665,3079923906392020295,4301099429811409147,17056531964793634106],[3410481056630111806,13588160462734303101,57390435731316553,3079923906392020295,17056531964793634106,10063704933309776584,4301099429811409147,1097494158696050491,990192925663920333,8460565235419043665],[17056531964793634106,4631655038168471552,10063704933309776584,3410481056630111806,8460565235419043665,3079923906392020295,990192925663920333,1097494158696050491,13838011362258067867,13588160462734303101,4301099429811409147,57390435731316553],[11210964267417873667,4261249487994076490,14516211820212764316,17036604842139972912],[14516211820212764316,7252918969430566594,4261249487994076490,15877481873925059044,17036604842139972912,2124231869409556689,11210964267417873667],[7252918969430566594,17299978721726771610,15877481873925059044,4261249487994076490,17036604842139972912,11210964267417873667,14516211820212764316,2124231869409556689],[4261249487994076490,15877481873925059044,14516211820212764316,7252918969430566594,17299978721726771610,11210964267417873667,17036604842139972912,7029437790788498388,2124231869409556689],[15877481873925059044,7252918969430566594,4261249487994076490,17036604842139972912,17299978721726771610,1809704172129195322,7029437790788498388,2124231869409556689,11210964267417873667,14516211820212764316],[2124231869409556689,5534800796196967885,7029437790788498388,7252918969430566594,14516211820212764316,4261249487994076490,11210964267417873667,15877481873925059044,17299978721726771610,3608604157153838227,1809704172129195322,17036604842139972912],[17299978721726771610,4261249487994076490,1809704172129195322,7029437790788498388,14516211820212764316,11210964267417873667,15877481873925059044,17036604842139972912,7252918969430566594,2124231869409556689],[14516211820212764316,15877481873925059044,17299978721726771610,7252918969430566594,17036604842139972912,1809704172129195322,5534800796196967885,7029437790788498388,4261249487994076490,11210964267417873667,2124231869409556689,3608604157153838227],[4328376070224119511],[13340751444307201866,6852799892628327372,14228923746783465609,2871608309888343463,11196821089257149774,9135110142507605216,17740496701763775226,12276520439585231336,2025899804080897524,3750439930725791025,1662641269094032596,5888633415105234509,4328376070224119511,17735408893002232096,7201841978411396053,17397123104674848450,13795432594059356320,18031616785650843168,16609137733952262762,13027689870767713939,17952673493105230490,3214181946162459584,16671141883125519098,16306737306999003555,13446205009526451196],[3750439930725791025,12741076678082295759,7201841978411396053,7480253252288032958,13446205009526451196,3214181946162459584,13340751444307201866,13646498613066619660,14139765080256493579,6852799892628327372,16306737306999003555,4328376070224119511,8566844905246185636,7104261880154687267,12494428953087324640,5449860184735415958,1662641269094032596,17740496701763775226,17952673493105230490,16304636129468583592,2025899804080897524,9135110142507605216,2871608309888343463,18031616785650843168,2834866505092039323,13027689870767713939,13795432594059356320,12276520439585231336,11196821089257149774,17397123104674848450,16609137733952262762,17131529656312051452,14228923746783465609,16671141883125519098,5888633415105234509,8511737864852441844,17735408893002232096,1508440849951861669],[17131529656312051452,16306737306999003555,12276520439585231336,17735408893002232096,18095952297474762348,7201841978411396053,17740496701763775226,14139765080256493579,13795432594059356320,8511737864852441844,4328376070224119511,6852799892628327372,5449860184735415958,140396870212231820,14228923746783465609,13446205009526451196,11196821089257149774,9808637865669223270,1508440849951861669,13027689870767713939,1491840484128555837,5954536408321808728,17397123104674848450,9135110142507605216,2871608309888343463,18031616785650843168,2834866505092039323,3214181946162459584,3750439930725791025,1662641269094032596,13646498613066619660,16304636129468583592,8566844905246185636,7480253252288032958,5888633415105234509,2025899804080897524,12741076678082295759,16671141883125519098,12494428953087324640,17952673493105230490,16609137733952262762,7104261880154687267,13340751444307201866],[17036604842139972912],[13588160462734303101],[18081743490344004315],[]],"selection_redo_history":[]}}},"collapsed":[],"name":"painted-dreams.graphite","commit_hash":"3a591dac6a53454813c8df6ceed5b44b91d1e816","document_ptz":{"pan":[-768.2748744089959,-384.56142660725646],"tilt":0.0,"zoom":1.0,"flip":false},"document_mode":"DesignMode","view_mode":"Normal","overlays_visibility_settings":{"all":true,"artboard_name":true,"compass_rose":true,"quick_measurement":true,"transform_measurement":true,"transform_cage":true,"hover_outline":true,"selection_outline":true,"pivot":true,"path":true,"anchors":true,"handles":true},"rulers_visible":true,"snapping_state":{"snapping_enabled":true,"grid_snapping":false,"artboards":true,"tolerance":8.0,"bounding_box":{"center_point":true,"corner_point":true,"edge_midpoint":true,"align_with_edges":true,"distribute_evenly":true},"path":{"anchor_point":true,"line_midpoint":true,"along_path":true,"normal_to_path":true,"tangent_to_path":true,"path_intersection_point":true,"align_with_anchor_point":true,"perpendicular_from_endpoint":true},"grid":{"origin":[0.0,0.0],"grid_type":{"Rectangular":{"spacing":[1.0,1.0]}},"rectangular_spacing":[1.0,1.0],"isometric_y_spacing":1.0,"isometric_angle_a":30.0,"isometric_angle_b":30.0,"grid_color":{"red":0.6038274,"green":0.6038274,"blue":0.6038274,"alpha":1.0},"dot_display":false}},"graph_view_overlay_open":false,"graph_fade_artwork_percentage":80.0}
\ No newline at end of file
diff --git a/demo-artwork/parametric-dunescape.graphite b/demo-artwork/parametric-dunescape.graphite
new file mode 100644
index 0000000000000000000000000000000000000000..56c1760c602aa76a2168af1f746db3671f2fe69f
--- /dev/null
+++ b/demo-artwork/parametric-dunescape.graphite
@@ -0,0 +1 @@
+{"network_interface":{"network":{"exports":[{"Node":{"node_id":4445985685181725042,"output_index":0,"lambda":false}}],"nodes":[[17154757625902243313,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.23529412,"green":0.23529412,"blue":0.24313726,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1670.79570439},"exposed":false}},{"Value":{"tagged_value":{"F64":24.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[11731553664207576737,{"inputs":[{"Node":{"node_id":757876048866560520,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":1357621220363171879,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[1357621220363171879,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[757876048866560520,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3683309254695891012,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.68235296,"green":0.5372549,"blue":0.4627451,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1485.34393334},"exposed":false}},{"Value":{"tagged_value":{"F64":225.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[3916070947050514908,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":3916070947050514908,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":10720574559271598132,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[10720574559271598132,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13644002059194136823,{"inputs":[{"Node":{"node_id":17437077810654043142,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":5.599999999999968},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[4037968351431607570,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8666667,"green":0.69803923,"blue":0.56078434,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1442.36628417},"exposed":false}},{"Value":{"tagged_value":{"F64":318.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[11874141024063691837,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":11874141024063691837,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":7807438675023750219,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7807438675023750219,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13323241418027154136,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.18039216,"green":0.19215687,"blue":0.21960784,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1733.30579952},"exposed":false}},{"Value":{"tagged_value":{"F64":77.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[11731553664207576737,{"inputs":[{"Node":{"node_id":16504069171520924548,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[3434804841107735149,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":3434804841107735149,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[16504069171520924548,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12110920487474373676,{"inputs":[{"Node":{"node_id":12639486733043466090,"output_index":0,"lambda":false}},{"Node":{"node_id":13323241418027154136,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10806978668166337270,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.21176471,"green":0.21568628,"blue":0.23137255,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1579.30304164},"exposed":false}},{"Value":{"tagged_value":{"F64":142.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[9133354469966676056,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":3765311973789472189,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":9133354469966676056,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[3765311973789472189,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4390668436091073484,{"inputs":[{"Node":{"node_id":13676600738025998635,"output_index":0,"lambda":false}},{"Node":{"node_id":12122314434656187176,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5883606306991910210,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.4862745,"green":0.43137255,"blue":0.39607844,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1524.31304726},"exposed":false}},{"Value":{"tagged_value":{"F64":175.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[16598825029377599083,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":16598825029377599083,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[6686718746443793247,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":6686718746443793247,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13132104524813958174,{"inputs":[{"Node":{"node_id":4390668436091073484,"output_index":0,"lambda":false}},{"Node":{"node_id":2163528024003768644,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12416569579970107543,{"inputs":[{"Node":{"node_id":13644002059194136823,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[9069881382900058607,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":4037968351431607570,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12639486733043466090,{"inputs":[{"Node":{"node_id":8804763001225416124,"output_index":0,"lambda":false}},{"Node":{"node_id":1801066723091712434,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7128559142392931896,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.15686275,"green":0.16862746,"blue":0.1882353,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1803.43646796},"exposed":false}},{"Value":{"tagged_value":{"F64":35.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[11731553664207576737,{"inputs":[{"Node":{"node_id":10094915787292727725,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[18443039976647938912,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[10094915787292727725,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":18443039976647938912,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17327221498641745184,{"inputs":[{"Node":{"node_id":12317719117993811200,"output_index":0,"lambda":false}},{"Node":{"node_id":3683309254695891012,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7711570794020903773,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8784314,"green":0.49019608,"blue":0.36862746,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1513.3360814},"exposed":false}},{"Value":{"tagged_value":{"F64":22.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[3025883099767376126,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":3025883099767376126,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[1126802566044359983,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":1126802566044359983,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10686861494573327243,{"inputs":[{"Node":{"node_id":11386926595254122633,"output_index":0,"lambda":false}},{"Node":{"node_id":10806978668166337270,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17589660903986237301,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9529412,"green":0.6431373,"blue":0.42352942,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1614.38741737},"exposed":false}},{"Value":{"tagged_value":{"F64":17.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[3289411516263327806,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":3289411516263327806,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":12029121808718862100,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[12029121808718862100,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2163528024003768644,{"inputs":[{"Node":{"node_id":12110920487474373676,"output_index":0,"lambda":false}},{"Node":{"node_id":7128559142392931896,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6523786079462141312,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.85882354,"green":0.57254905,"blue":0.43529412,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1491.01593158},"exposed":false}},{"Value":{"tagged_value":{"F64":173.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[7783268010546120518,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":16009834030113172488,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":7783268010546120518,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[16009834030113172488,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11386926595254122633,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":6523786079462141312,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15002088321732485705,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1343.63187023},"exposed":false}},{"Value":{"tagged_value":{"F64":349.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[11731553664207576737,{"inputs":[{"Node":{"node_id":15212962088799153943,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":8591396027454826376,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[15212962088799153943,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8591396027454826376,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3934928477288442109,{"inputs":[{"Node":{"node_id":239716716021064150,"output_index":0,"lambda":false}},{"Node":{"node_id":17589660903986237301,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16611856724057842399,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.23529412,"green":0.23529412,"blue":0.24313726,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1554.40785539},"exposed":false}},{"Value":{"tagged_value":{"F64":50.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[17232801702996970986,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9065988052616974602,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":17232801702996970986,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":9065988052616974602,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3726756269632080543,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5254902,"green":0.45882353,"blue":0.41568628,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1465.6573046},"exposed":false}},{"Value":{"tagged_value":{"F64":230.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[5294703684886212416,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7419291594083587754,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11731553664207576737,{"inputs":[{"Node":{"node_id":5294703684886212416,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":7419291594083587754,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1801066723091712434,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.21176471,"green":0.21568628,"blue":0.23137255,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1744.31393592},"exposed":false}},{"Value":{"tagged_value":{"F64":63.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[11731553664207576737,{"inputs":[{"Node":{"node_id":14514477720912258595,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":18341697272814101120,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[18341697272814101120,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14514477720912258595,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12317719117993811200,{"inputs":[{"Node":{"node_id":9069881382900058607,"output_index":0,"lambda":false}},{"Node":{"node_id":17239043462037837834,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8804763001225416124,{"inputs":[{"Node":{"node_id":3934928477288442109,"output_index":0,"lambda":false}},{"Node":{"node_id":17154757625902243313,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17239043462037837834,{"inputs":[{"Value":{"tagged_value":"None","exposed":true}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8039216,"green":0.6627451,"blue":0.52156866,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":1447.11050605},"exposed":false}},{"Value":{"tagged_value":{"F64":309.0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2288754089236120499,"output_index":0,"lambda":false}}],"nodes":[[11731553664207576737,{"inputs":[{"Node":{"node_id":7260397085903590160,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":48.900000000000006},"exposed":false}},{"Node":{"node_id":7828034197076821310,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}],[14158287945315818946,{"inputs":[{"Node":{"node_id":16943732999059587742,"output_index":0,"lambda":false}},{"Node":{"node_id":14577956936089455769,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.6181095265062186,3.496297826945966]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.4855225354961647,0.31002285853371414]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2288754089236120499,{"inputs":[{"Node":{"node_id":14158287945315818946,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[15937218612227302315,{"inputs":[{"Node":{"node_id":11731553664207576737,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":172.9},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7828034197076821310,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":3}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::ToU32Node"}},"visible":true,"skip_deduplication":false}],[7260397085903590160,{"inputs":[{"Node":{"node_id":1791308547102433540,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":800.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[640915213983348287,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":4000.0},"exposed":false}},{"Value":{"tagged_value":{"F64":500.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::RectangleNode"}},"visible":true,"skip_deduplication":false}],[1791308547102433540,{"inputs":[{"Node":{"node_id":640915213983348287,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":1}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.99607843,"green":0.827451,"blue":0.65882355,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14577956936089455769,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1050.10498991},"exposed":false}},{"Network":{"import_type":{"Generic":"T"},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_math_nodes::CoordinateValueNode"}},"visible":true,"skip_deduplication":false}],[16943732999059587742,{"inputs":[{"Node":{"node_id":15937218612227302315,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.399999999999956},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::JitterPointsNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2128810469968776913,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":12416569579970107543,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[239716716021064150,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":7711570794020903773,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15385259560644295534,{"inputs":[{"Node":{"node_id":17327221498641745184,"output_index":0,"lambda":false}},{"Node":{"node_id":3726756269632080543,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4445985685181725042,{"inputs":[{"Value":{"tagged_value":{"ArtboardGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":13132104524813958174,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"IVec2":[0,0]},"exposed":false}},{"Value":{"tagged_value":{"IVec2":[2000,1000]},"exposed":false}},{"Value":{"tagged_value":{"Color":{"red":0.99607843,"green":0.8745098,"blue":0.7019608,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":1}},{"Value":{"tagged_value":{"String":"Artboard"},"exposed":false}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToArtboardNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Network":{"import_type":{"Fn":[{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::graphic_element::Artboard>","alias":null}}]},"import_index":0}},{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::AppendArtboardNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12122314434656187176,{"inputs":[{"Node":{"node_id":10686861494573327243,"output_index":0,"lambda":false}},{"Node":{"node_id":16611856724057842399,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13676600738025998635,{"inputs":[{"Node":{"node_id":2128810469968776913,"output_index":0,"lambda":false}},{"Node":{"node_id":6097807941755042226,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6097807941755042226,{"inputs":[{"Node":{"node_id":15385259560644295534,"output_index":0,"lambda":false}},{"Node":{"node_id":5883606306991910210,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17437077810654043142,{"inputs":[{"Node":{"node_id":15002088321732485705,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":40.0},"exposed":false}},{"Value":{"tagged_value":{"U32":40},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]},"network_metadata":{"persistent_metadata":{"node_metadata":[[1801066723091712434,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[14514477720912258595,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"mode":"Increment","is_integer":false,"unit":" px","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"min":2.0,"is_integer":true,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"unit":" px","is_integer":false,"min":0.0,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"mode":"Increment","unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[18341697272814101120,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"unit":" px","blank_assist":true,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"is_integer":false,"unit":" px","blank_assist":true,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"unit":" px","min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[17.0,-79.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,1008.0,502.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[17437077810654043142,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Spacing","min":1.0,"is_integer":false,"tooltip":"Distance between each instance (exact if 'Adaptive Spacing' is disabled, approximate if enabled)","unit":" px","blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"input_name":"Start Offset","tooltip":"Exclude some distance from the start of the path before the first instance","unit":" px","min":0.0,"is_integer":false},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"tooltip":"Exclude some distance from the end of the path after the last instance","blank_assist":true,"unit":" px","input_name":"Stop Offset","mode":"Increment"},"widget_override":"number"},{"input_data":{"tooltip":"Round 'Spacing' to a nearby value that divides into the path length evenly","input_name":"Adaptive Spacing"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8804763001225416124,{"persistent_metadata":{"reference":"Merge","display_name":"Dune in Shadow 4","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13644002059194136823,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10686861494573327243,{"persistent_metadata":{"reference":"Merge","display_name":"Dune in Shadow 2","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3726756269632080543,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[7419291594083587754,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"mode":"Increment","blank_assist":true,"min":0.0,"unit":" px"},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"mode":"Increment","unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":false,"min":0.0,"blank_assist":true,"unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[5294703684886212416,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","is_integer":false,"mode":"Increment","min":0.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"is_integer":false,"min":0.0,"unit":" px","blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"mode":"Increment","is_integer":false,"unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[6097807941755042226,{"persistent_metadata":{"reference":"Merge","display_name":"Dune 1","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-14,40]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3683309254695891012,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[10720574559271598132,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"min":0.0,"unit":" px","mode":"Increment","is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"unit":" px","min":0.0,"mode":"Increment","blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3916070947050514908,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"mode":"Increment","min":0.0,"is_integer":false,"unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"is_integer":false,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[15002088321732485705,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[15212962088799153943,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"unit":" px","min":0.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"unit":" px","is_integer":false,"blank_assist":true,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[8591396027454826376,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"unit":" px","mode":"Increment","min":0.0,"is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Increment","unit":" px","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[12317719117993811200,{"persistent_metadata":{"reference":"Merge","display_name":"Dune 4","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2128810469968776913,{"persistent_metadata":{"reference":"Merge","display_name":"Far Mountains","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":16}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15385259560644295534,{"persistent_metadata":{"reference":"Merge","display_name":"Dune 2","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11386926595254122633,{"persistent_metadata":{"reference":"Merge","display_name":"Dune","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5883606306991910210,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[6686718746443793247,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"is_integer":false,"unit":" px","min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"unit":" px","is_integer":false,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16598825029377599083,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"unit":" px","is_integer":false,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","blank_assist":true,"is_integer":false,"unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","y":"Y","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","x":"W","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[2163528024003768644,{"persistent_metadata":{"reference":"Merge","display_name":"Dune in Shadow 1","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-14,6]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4037968351431607570,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[11874141024063691837,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"blank_assist":true,"is_integer":false,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","unit":" px","is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","unit":" px","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[7807438675023750219,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"mode":"Increment","min":0.0,"blank_assist":true,"is_integer":false,"unit":" px"},"widget_override":"number"},{"input_data":{"is_integer":true,"min":2.0,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","unit":" px","is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[12122314434656187176,{"persistent_metadata":{"reference":"Merge","display_name":"Dune in Shadow 1","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-14,27]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17327221498641745184,{"persistent_metadata":{"reference":"Merge","display_name":"Dune 3","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[95.5,23.5],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,1086.0,604.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12416569579970107543,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17239043462037837834,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[7260397085903590160,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","is_integer":false,"blank_assist":true,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":true,"min":2.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"unit":" px","is_integer":false,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"unit":" px","mode":"Increment","min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15937218612227302315,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","is_integer":false,"min":0.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"unit":" px","mode":"Increment","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Increment","min":0.0,"unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[7128559142392931896,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[10094915787292727725,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"mode":"Increment","min":0.0,"unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":true,"blank_assist":true,"min":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"mode":"Increment","blank_assist":true,"unit":" px"},"widget_override":"number"},{"input_data":{"blank_assist":true,"unit":" px","is_integer":false,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[18443039976647938912,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"blank_assist":true,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":false,"blank_assist":true,"min":0.0,"unit":" px"},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"blank_assist":true,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.33333333333328596,-0.3333333333333428],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,580.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[10094915787292727725]],"selection_redo_history":[]}}}}],[13323241418027154136,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","unit":"x","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3434804841107735149,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","blank_assist":true,"min":0.0,"mode":"Increment","is_integer":false},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":false,"min":0.0,"mode":"Increment","blank_assist":true,"unit":" px"},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","is_integer":false,"unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[16504069171520924548,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"min":0.0,"blank_assist":true,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":false,"unit":" px","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[26.0,-82.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,1017.0,499.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[239716716021064150,{"persistent_metadata":{"reference":"Merge","display_name":"Dune 2","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13676600738025998635,{"persistent_metadata":{"reference":"Merge","display_name":"Background","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":10}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3934928477288442109,{"persistent_metadata":{"reference":"Merge","display_name":"Dune 1","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4445985685181725042,{"persistent_metadata":{"reference":"Artboard","display_name":"","input_properties":[{"input_data":{"input_name":"Artboards"},"widget_override":null},{"input_data":{"input_name":"Contents"},"widget_override":"hidden"},{"input_data":{"unit":" px","y":"Y","x":"X","input_name":"Location"},"widget_override":"vec2"},{"input_data":{"y":"H","unit":" px","x":"W","input_name":"Dimensions"},"widget_override":"vec2"},{"input_data":{"input_name":"Background"},"widget_override":"artboard_background"},{"input_data":{"input_name":"Clip"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[3,0]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-2,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Artboard","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-10,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Append Artboards","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[6,-4]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10806978668166337270,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[3765311973789472189,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","blank_assist":true,"mode":"Increment","is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":2.0,"mode":"Increment","is_integer":true},"widget_override":"number"},{"input_data":{"unit":" px","blank_assist":true,"min":0.0,"is_integer":false,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","min":0.0,"blank_assist":true,"unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[9133354469966676056,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"mode":"Increment","unit":" px","min":0.0,"is_integer":false},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"unit":" px","blank_assist":true,"mode":"Increment","is_integer":false},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","min":0.0,"unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[9069881382900058607,{"persistent_metadata":{"reference":"Merge","display_name":"Dune 5","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4390668436091073484,{"persistent_metadata":{"reference":"Merge","display_name":"Midground in Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":18}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17589660903986237301,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[3289411516263327806,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","blank_assist":true,"is_integer":false,"mode":"Increment","min":0.0},"widget_override":"number"},{"input_data":{"mode":"Increment","min":2.0,"is_integer":true,"blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":false,"unit":" px","mode":"Increment","min":0.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"is_integer":false,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[12029121808718862100,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"mode":"Increment","blank_assist":true,"unit":" px","min":0.0,"is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":true,"blank_assist":true,"min":2.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","unit":" px","min":0.0,"is_integer":false},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"mode":"Increment","unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","unit":"x","x":"W","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[12639486733043466090,{"persistent_metadata":{"reference":"Merge","display_name":"Dune in Shadow 3","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6523786079462141312,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[7783268010546120518,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"unit":" px","blank_assist":true,"is_integer":false,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"unit":" px","is_integer":false,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[16009834030113172488,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"mode":"Increment","blank_assist":true,"is_integer":false,"unit":" px"},"widget_override":"number"},{"input_data":{"min":2.0,"blank_assist":true,"mode":"Increment","is_integer":true},"widget_override":"number"},{"input_data":{"min":0.0,"unit":" px","blank_assist":true,"is_integer":false,"mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":false,"unit":" px","min":0.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","y":"Y","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[13132104524813958174,{"persistent_metadata":{"reference":"Merge","display_name":"Foreground","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-4,3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16611856724057842399,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[17232801702996970986,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"min":0.0,"is_integer":false,"unit":" px","mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"min":2.0,"is_integer":true},"widget_override":"number"},{"input_data":{"unit":" px","is_integer":false,"min":0.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[9065988052616974602,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"blank_assist":true,"mode":"Increment","unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{"is_integer":true,"mode":"Increment","min":2.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"mode":"Increment","unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{"unit":" px","is_integer":false,"blank_assist":true,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[17154757625902243313,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[1357621220363171879,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"mode":"Increment","min":0.0,"blank_assist":true,"unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","min":2.0,"blank_assist":true,"is_integer":true},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"mode":"Increment","is_integer":false,"unit":" px"},"widget_override":"number"},{"input_data":{"unit":" px","is_integer":false,"min":0.0,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","unit":" px","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[757876048866560520,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","is_integer":false,"min":0.0,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"mode":"Increment","unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{"is_integer":false,"min":0.0,"mode":"Increment","unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}],[12110920487474373676,{"persistent_metadata":{"reference":"Merge","display_name":"Dune in Shadow 2","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":["Out"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7711570794020903773,{"persistent_metadata":{"reference":null,"display_name":"Dune","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":[""],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[640915213983348287,{"persistent_metadata":{"reference":"Rectangle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Width"},"widget_override":null},{"input_data":{"input_name":"Height"},"widget_override":null},{"input_data":{"input_name":"Individual Corner Radii"},"widget_override":null},{"input_data":{"input_name":"Corner Radius"},"widget_override":null},{"input_data":{"input_name":"Clamped"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-27,-3]}}},"network_metadata":null}}],[1791308547102433540,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-20,-3]}}},"network_metadata":null}}],[14577956936089455769,{"persistent_metadata":{"reference":"Coordinate Value","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"X"},"widget_override":null},{"input_data":{"input_name":"Y"},"widget_override":null}],"output_names":["Future<DVec2>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-1]}}},"network_metadata":null}}],[16943732999059587742,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[8,-3]}}},"network_metadata":null}}],[7828034197076821310,{"persistent_metadata":{"reference":"To u32","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null}],"output_names":["Future<u32>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,1]}}},"network_metadata":null}}],[11731553664207576737,{"persistent_metadata":{"reference":"Jitter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Amount"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-6,-3]}}},"network_metadata":null}}],[3025883099767376126,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","min":0.0,"mode":"Increment","is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Increment","unit":" px","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","blank_assist":true,"unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-13,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14158287945315818946,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"transform_skew"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[15,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2288754089236120499,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":["Future<Instances<VectorData>>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[22,-3]}}},"network_metadata":null}}],[1126802566044359983,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"mode":"Increment","blank_assist":true,"is_integer":false,"min":0.0,"unit":" px"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"min":2.0,"is_integer":true},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"mode":"Increment","unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Increment","unit":" px","min":0.0,"blank_assist":true},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,991.0,581.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[]],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[393.8840949272409,-703.048313613491],"tilt":0.0,"zoom":0.7533811475409836,"flip":false},"node_graph_to_viewport":[0.7533811475409836,0.0,0.0,0.7533811475409836,1287.0,51.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[6097807941755042226,15385259560644295534,17327221498641745184,12317719117993811200,9069881382900058607],[17327221498641745184],[6097807941755042226,15385259560644295534,17327221498641745184,12317719117993811200,9069881382900058607],[6097807941755042226,5883606306991910210,2128810469968776913,12416569579970107543,13644002059194136823,17437077810654043142,15002088321732485705],[6097807941755042226,15385259560644295534,17327221498641745184,12317719117993811200,9069881382900058607],[2128810469968776913],[6097807941755042226,15385259560644295534,17327221498641745184,12317719117993811200,9069881382900058607],[15385259560644295534],[6097807941755042226,15385259560644295534,17327221498641745184,12317719117993811200,9069881382900058607],[2128810469968776913,12416569579970107543,13644002059194136823,17437077810654043142,15002088321732485705],[6097807941755042226,15385259560644295534,17327221498641745184,12317719117993811200,9069881382900058607],[13676600738025998635],[2128810469968776913],[11435147660766496741],[15726496377243608372],[4390668436091073484],[11386926595254122633],[11435147660766496741],[15726496377243608372],[15726496377243608372,11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[11435147660766496741],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[11435147660766496741,15726496377243608372,4390668436091073484,11386926595254122633,13676600738025998635,2128810469968776913],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[11435147660766496741],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[4390668436091073484,11386926595254122633,13676600738025998635,2128810469968776913],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[11435147660766496741,2163528024003768644,7128559142392931896,12110920487474373676,13323241418027154136,12639486733043466090,1801066723091712434,8804763001225416124,17154757625902243313,4390668436091073484,12122314434656187176,16611856724057842399,10686861494573327243,10806978668166337270,11386926595254122633,6523786079462141312,13676600738025998635,6097807941755042226,5883606306991910210,15385259560644295534,3726756269632080543,17327221498641745184,3683309254695891012,12317719117993811200,17239043462037837834,9069881382900058607,4037968351431607570,2128810469968776913,12416569579970107543,13644002059194136823,17437077810654043142,15002088321732485705],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[4390668436091073484,11386926595254122633,13676600738025998635,2128810469968776913],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[15726496377243608372],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[4390668436091073484,12122314434656187176,16611856724057842399,10686861494573327243,10806978668166337270,11386926595254122633,6523786079462141312,13676600738025998635,6097807941755042226,5883606306991910210,15385259560644295534,3726756269632080543,17327221498641745184,3683309254695891012,12317719117993811200,17239043462037837834,9069881382900058607,4037968351431607570,2128810469968776913,12416569579970107543,13644002059194136823,17437077810654043142,15002088321732485705],[11435147660766496741,2163528024003768644,12110920487474373676,12639486733043466090,8804763001225416124,15726496377243608372],[13132104524813958174],[11435147660766496741],[2163528024003768644],[12110920487474373676],[12639486733043466090],[8804763001225416124],[11435147660766496741],[15726496377243608372],[3934928477288442109],[239716716021064150],[15726496377243608372],[15726496377243608372,11435147660766496741],[239716716021064150],[239716716021064150,7711570794020903773],[239716716021064150,3934928477288442109],[4390668436091073484],[12122314434656187176],[10686861494573327243],[11386926595254122633],[4390668436091073484],[13676600738025998635,2128810469968776913],[13676600738025998635,6097807941755042226,5883606306991910210,15385259560644295534,3726756269632080543,17327221498641745184,3683309254695891012,12317719117993811200,17239043462037837834,9069881382900058607,4037968351431607570,2128810469968776913,12416569579970107543,13644002059194136823,17437077810654043142,15002088321732485705],[11386926595254122633],[13676600738025998635],[6097807941755042226],[15385259560644295534],[17327221498641745184],[12317719117993811200],[9069881382900058607],[2128810469968776913],[13132104524813958174],[2128810469968776913],[13132104524813958174],[2163528024003768644],[239716716021064150],[3934928477288442109],[8804763001225416124],[12639486733043466090],[12110920487474373676],[2163528024003768644],[4390668436091073484],[13676600738025998635],[2128810469968776913],[2163528024003768644],[9069881382900058607],[12317719117993811200,9069881382900058607],[17327221498641745184,12317719117993811200,9069881382900058607],[15385259560644295534,17327221498641745184,12317719117993811200,9069881382900058607],[12317719117993811200,15385259560644295534,9069881382900058607,17327221498641745184,6097807941755042226],[17327221498641745184,12317719117993811200,11386926595254122633,6097807941755042226,9069881382900058607,15385259560644295534],[9069881382900058607,6097807941755042226,10686861494573327243,15385259560644295534,11386926595254122633,12317719117993811200,17327221498641745184],[10686861494573327243,15385259560644295534,12122314434656187176,11386926595254122633,9069881382900058607,6097807941755042226,12317719117993811200,17327221498641745184],[12122314434656187176,6097807941755042226,11386926595254122633,12317719117993811200,17327221498641745184,10686861494573327243,239716716021064150,15385259560644295534,9069881382900058607],[9069881382900058607,239716716021064150,6097807941755042226,12122314434656187176,12317719117993811200,10686861494573327243,15385259560644295534,17327221498641745184,11386926595254122633,3934928477288442109],[9069881382900058607,13676600738025998635,3934928477288442109,12122314434656187176,6097807941755042226,15385259560644295534,4390668436091073484,10686861494573327243,17327221498641745184,11386926595254122633,12317719117993811200,239716716021064150],[6097807941755042226,3934928477288442109,4390668436091073484,9069881382900058607,13676600738025998635,11386926595254122633,15385259560644295534,12122314434656187176,8804763001225416124,10686861494573327243,239716716021064150,12317719117993811200,17327221498641745184],[9069881382900058607,12122314434656187176,13676600738025998635,10686861494573327243,12317719117993811200,6097807941755042226,15385259560644295534,239716716021064150,17327221498641745184,11386926595254122633,3934928477288442109,8804763001225416124,12639486733043466090,4390668436091073484],[10686861494573327243,15385259560644295534,17327221498641745184,239716716021064150,8804763001225416124,6097807941755042226,11386926595254122633,12317719117993811200,12122314434656187176,9069881382900058607,3934928477288442109,12639486733043466090],[10686861494573327243,17327221498641745184,12317719117993811200,11386926595254122633,12639486733043466090,12122314434656187176,9069881382900058607,6097807941755042226,12110920487474373676,3934928477288442109,15385259560644295534,8804763001225416124,239716716021064150],[12110920487474373676,10686861494573327243,11386926595254122633,12317719117993811200,8804763001225416124,3934928477288442109,9069881382900058607,15385259560644295534,2163528024003768644,17327221498641745184,239716716021064150,12639486733043466090,12122314434656187176,6097807941755042226],[2128810469968776913],[17327221498641745184],[]],"selection_redo_history":[]}}},"collapsed":[4390668436091073485,13676600738025998636,13132104524813958175],"name":"parametric-dunescape.graphite","commit_hash":"c4e16e1aac642bbcde72f41f86deed79e6e38006","document_ptz":{"pan":[-999.515765085624,-500.18277881031514],"tilt":0.0,"zoom":0.940975,"flip":false},"document_mode":"DesignMode","view_mode":"Normal","overlays_visibility_settings":{"all":true,"artboard_name":true,"compass_rose":true,"quick_measurement":true,"transform_measurement":true,"transform_cage":true,"hover_outline":true,"selection_outline":true,"pivot":true,"path":true,"anchors":true,"handles":true},"rulers_visible":true,"snapping_state":{"snapping_enabled":true,"grid_snapping":false,"artboards":true,"tolerance":8.0,"bounding_box":{"center_point":true,"corner_point":true,"edge_midpoint":true,"align_with_edges":true,"distribute_evenly":true},"path":{"anchor_point":true,"line_midpoint":true,"along_path":true,"normal_to_path":true,"tangent_to_path":true,"path_intersection_point":true,"align_with_anchor_point":true,"perpendicular_from_endpoint":true},"grid":{"origin":[0.0,0.0],"grid_type":{"Rectangular":{"spacing":[1.0,1.0]}},"rectangular_spacing":[1.0,1.0],"isometric_y_spacing":1.0,"isometric_angle_a":30.0,"isometric_angle_b":30.0,"grid_color":{"red":0.6038274,"green":0.6038274,"blue":0.6038274,"alpha":1.0},"dot_display":false}},"graph_view_overlay_open":false,"graph_fade_artwork_percentage":80.0}
\ No newline at end of file
diff --git a/demo-artwork/procedural-string-lights.graphite b/demo-artwork/procedural-string-lights.graphite
new file mode 100644
index 0000000000000000000000000000000000000000..7a705914f5a85586a787436dfa283150229b1099
--- /dev/null
+++ b/demo-artwork/procedural-string-lights.graphite
@@ -0,0 +1 @@
+{"network_interface":{"network":{"exports":[{"Node":{"node_id":14972365039974885000,"output_index":0,"lambda":false}}],"nodes":[[183562335973647870,{"inputs":[{"Node":{"node_id":4248875763694880300,"output_index":0,"lambda":false}},{"Node":{"node_id":2181148486404191200,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[665049002420596400,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34],"remove":[],"delta":[[1,[-103.55555555555554,126.66666666666664]],[22,[71.11111111111109,-201.7777777777778]],[3,[45.77777777777777,145.33333333333331]],[9,[156.4444444444444,97.33333333333331]],[6,[123.99999999999994,148.4444444444444]],[30,[-9.333333333333371,0.0]],[20,[128.4444444444444,-142.22222222222223]],[28,[39.111111111111086,-58.22222222222226]],[16,[159.5555555555555,-75.55555555555557]],[21,[76.0,-202.22222222222223]],[26,[22.66666666666663,-81.33333333333337]],[8,[252.4444444444444,124.88888888888886]],[24,[57.77777777777777,-129.33333333333334]],[33,[-78.22222222222223,75.55555555555554]],[18,[145.77777777777777,-97.7777777777778]],[13,[153.77777777777777,-1.3333333333333712]],[19,[90.66666666666664,-129.33333333333334]],[15,[111.11111111111114,-60.888888888888914]],[7,[229.33333333333331,152.4444444444444]],[17,[123.99999999999994,-84.00000000000003]],[4,[18.66666666666663,157.77777777777771]],[25,[0.8888888888888573,-94.66666666666669]],[10,[216.4444444444444,72.4444444444444]],[23,[19.555555555555543,-139.55555555555557]],[12,[199.5555555555555,10.666666666666629]],[5,[66.22222222222223,152.88888888888886]],[31,[-53.33333333333337,13.777777777777771]],[11,[136.88888888888886,39.111111111111086]],[29,[-32.888888888888914,-14.666666666666686]],[32,[9.333333333333314,38.66666666666663]],[27,[-11.111111111111144,-72.00000000000003]],[34,[-5.333333333333371,99.11111111111109]],[2,[-67.55555555555554,158.22222222222217]],[14,[183.11111111111103,-19.111111111111143]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34],"remove":[],"start_point":[[13,13],[9,9],[34,34],[18,18],[32,32],[28,28],[21,21],[12,12],[25,25],[3,3],[22,22],[29,29],[1,1],[20,20],[2,2],[10,10],[19,19],[6,6],[17,17],[30,30],[5,5],[8,8],[16,16],[33,33],[14,14],[11,11],[15,15],[26,26],[24,24],[7,7],[23,23],[27,27],[31,31],[4,4]],"end_point":[[30,31],[14,15],[20,21],[2,3],[26,27],[15,16],[24,25],[17,18],[22,23],[16,17],[5,6],[4,5],[11,12],[7,8],[1,2],[34,1],[21,22],[18,19],[29,30],[19,20],[32,33],[33,34],[31,32],[3,4],[8,9],[25,26],[9,10],[27,28],[6,7],[13,14],[28,29],[12,13],[23,24],[10,11]],"handle_primary":[[18,[0.0,0.0]],[7,[24.88888888888891,-15.111111111111086]],[32,[0.0,0.0]],[28,[0.0,0.0]],[2,[30.66666666666663,2.6666666666666856]],[9,[0.0,0.0]],[20,[0.0,0.0]],[29,[0.0,0.0]],[8,[0.0,0.0]],[11,[0.0,0.0]],[27,[0.0,0.0]],[10,[0.0,0.0]],[16,[0.0,0.0]],[31,[0.0,0.0]],[21,[0.0,0.0]],[15,[0.0,0.0]],[1,[0.0,0.0]],[5,[0.0,0.0]],[33,[0.0,0.0]],[6,[0.0,0.0]],[22,[0.0,0.0]],[14,[0.0,0.0]],[25,[0.0,0.0]],[26,[0.0,0.0]],[34,[0.0,0.0]],[4,[0.0,0.0]],[24,[0.0,0.0]],[19,[0.0,0.0]],[12,[0.0,0.0]],[13,[0.0,0.0]],[23,[0.0,0.0]],[30,[0.0,0.0]],[3,[0.0,0.0]],[17,[0.0,0.0]]],"handle_end":[[33,[-64.44444444444446,3.111111111111157]],[3,[8.4444444444444,-0.8888888888889142]],[31,[-42.22222222222223,5.333333333333314]],[13,[-13.333333333333371,14.222222222222229]],[9,[-34.222222222222285,36.0]],[23,[-35.55555555555554,11.1111111111111]],[27,[-39.55555555555554,12.444444444444429]],[1,[-30.666666666666615,-2.6666666666666856]],[34,[65.7777777777778,12.444444444444445]],[14,[29.33333333333337,57.77777777777777]],[8,[36.0,41.77777777777777]],[4,[-31.555555555555543,18.22222222222223]],[2,[-51.111111111111086,14.666666666666686]],[6,[-24.88888888888891,15.111111111111086]],[24,[47.55555555555554,4.888888888888886]],[16,[6.666666666666629,13.333333333333314]],[15,[-12.444444444444455,28.444444444444457]],[18,[13.3333333333333,41.33333333333334]],[21,[0.0,0.0]],[30,[35.111111111111086,1.333333333333373]],[26,[26.22222222222223,2.666666666666657]],[5,[-13.333333333333384,14.222222222222229]],[11,[-24.0,31.555555555555543]],[7,[0.0,0.0]],[20,[13.333333333333371,70.22222222222223]],[17,[-10.222222222222172,12.444444444444455]],[12,[18.66666666666663,16.0]],[25,[-11.111111111111144,-1.7777777777778]],[10,[26.66666666666663,44.44444444444446]],[22,[38.22222222222223,4.888888888888886]],[32,[55.111111111111086,9.777777777777771]],[28,[54.66666666666663,6.666666666666686]],[29,[-17.77777777777777,-3.555555555555543]],[19,[-9.777777777777844,23.55555555555557]]],"stroke":[[28,0],[14,0],[23,0],[2,0],[34,0],[11,0],[15,0],[31,0],[33,0],[9,0],[12,0],[1,0],[6,0],[21,0],[24,0],[3,0],[22,0],[25,0],[13,0],[18,0],[30,0],[10,0],[29,0],[27,0],[4,0],[16,0],[26,0],[17,0],[8,0],[19,0],[5,0],[20,0],[7,0],[32,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":34}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14972365039974885000,{"inputs":[{"Value":{"tagged_value":{"ArtboardGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":3471929742275053000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"IVec2":[0,0]},"exposed":false}},{"Value":{"tagged_value":{"IVec2":[1000,1000]},"exposed":false}},{"Value":{"tagged_value":{"Color":{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":1}},{"Value":{"tagged_value":{"String":"Artboard"},"exposed":false}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToArtboardNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Network":{"import_type":{"Fn":[{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::graphic_element::Artboard>","alias":null}}]},"import_index":0}},{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::AppendArtboardNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13394621587544123000,{"inputs":[{"Node":{"node_id":13907401402762847509,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.6484375,"green":0.6484375,"blue":0.6484375,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.6484375,"green":0.6484375,"blue":0.6484375,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.91796875,"green":0.68489075,"blue":0.68489075,"alpha":1.0}],[1.0,{"red":0.8862745,"green":0.16470589,"blue":0.16470589,"alpha":1.0}]],"gradient_type":"Radial","start":[0.4915209831246563,0.36613756613756576],"end":[0.49551110871305326,0.9947089947089944],"transform":[250.61867799546343,0.0,0.0,472.4999999999999,809.8156610022683,336.0000000000002]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11411423299989983000,{"inputs":[{"Node":{"node_id":16877573495957869000,"output_index":0,"lambda":false}},{"Node":{"node_id":3958246774416220000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14631609508767818000,{"inputs":[{"Node":{"node_id":15889416971203222000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[487.1243076693745,127.7443401649906]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[25.393705016577044,25.003032631706716]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2908374490615384600,{"inputs":[{"Node":{"node_id":17339085479159577000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.078431375,"green":0.14901961,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.078431375,"green":0.14901961,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16765094648901306000,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":8147814087664910471,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[655907162126315400,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"delta":[[11,[186.0,824.9999999999999]],[9,[750.0,703.9999999999999]],[4,[484.0,446.9999999999999]],[6,[495.0,533.9999999999999]],[2,[587.0,291.9999999999999]],[10,[455.0,824.9999999999999]],[3,[373.0,372.9999999999999]],[1,[416.0,270.9999999999999]],[7,[304.0,611.9999999999999]],[8,[475.0,671.9999999999999]],[5,[639.0,438.9999999999999]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[7,7],[9,9],[5,5],[4,4],[10,10],[8,8],[6,6],[3,3],[1,1],[2,2]],"end_point":[[2,3],[3,4],[4,5],[5,6],[8,9],[7,8],[6,7],[1,2],[9,10],[10,11]],"handle_primary":[[10,[0.0,0.0]],[6,[0.0,0.0]],[5,[0.0,0.0]],[8,[0.0,0.0]],[3,[0.0,0.0]],[9,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[7,[0.0,0.0]]],"handle_end":[[8,[0.0,0.0]],[10,[0.0,0.0]],[1,[0.0,0.0]],[9,[0.0,0.0]],[7,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[5,[0.0,0.0]],[6,[0.0,0.0]]],"stroke":[[8,0],[5,0],[10,0],[3,0],[2,0],[9,0],[4,0],[7,0],[6,0],[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16877573495957869000,{"inputs":[{"Node":{"node_id":4534782777857480700,"output_index":0,"lambda":false}},{"Node":{"node_id":5737014828407011000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5737014828407011000,{"inputs":[{"Node":{"node_id":10504222558938851000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[499.21344163872624,106.32837674079803]},"exposed":false}},{"Value":{"tagged_value":{"F64":3.141592653589793},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[55.110312549931045,55.110312549931045]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-1.921525468856923e-16,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10504222558938851000,{"inputs":[{"Node":{"node_id":13571989088655643000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":1.0,"green":0.94460994,"blue":0.79296875,"alpha":1.0}],[1.0,{"red":0.89411765,"green":0.654902,"blue":0.0,"alpha":1.0}]],"gradient_type":"Radial","start":[0.4703098217208352,0.4995258072961386],"end":[0.9924395932459462,0.5005395053456176],"transform":[237.34320332463173,-71.34811668265112,75.01984946235177,249.55741247555255,995.9008094918244,343.8953521035491]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":1.0,"green":0.94460994,"blue":0.79296875,"alpha":1.0}],[1.0,{"red":0.89411765,"green":0.654902,"blue":0.0,"alpha":1.0}]],"gradient_type":"Radial","start":[0.4703098217208352,0.4995258072961386],"end":[0.9924395932459462,0.5005395053456176],"transform":[237.34320332463173,-71.34811668265112,75.01984946235177,249.55741247555255,995.9008094918244,343.8953521035491]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4248875763694880300,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":7297408968096180000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3471929742275053000,{"inputs":[{"Node":{"node_id":11411423299989983000,"output_index":0,"lambda":false}},{"Node":{"node_id":4217566479741824000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[169695252050218443,{"inputs":[{"Node":{"node_id":6559102076450693000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":0.75}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":0.01}]],"gradient_type":"Radial","start":[0.4915209831246563,0.36613756613756576],"end":[0.49551110871305326,0.9947089947089944],"transform":[250.61867799546343,0.0,0.0,472.4999999999999,809.8156610022683,336.0000000000002]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":0.7734375}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":0.01}]],"gradient_type":"Radial","start":[0.4915209831246563,0.36613756613756576],"end":[0.49551110871305326,0.9947089947089944],"transform":[250.61867799546343,0.0,0.0,472.4999999999999,809.8156610022683,336.0000000000002]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5250960114142560178,{"inputs":[{"Node":{"node_id":655907162126315400,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.18629456,"green":0.18054199,"blue":0.2265625,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":8.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Round"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[17339085479159577000,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[2,[122.22222222222224,196.4444444444444]],[7,[66.51851851851853,147.1111111111111]],[6,[58.962962962962976,152.74074074074073]],[3,[123.55555555555554,199.1111111111111]],[4,[28.296296296296305,198.96296296296293]],[5,[28.296296296296305,197.33333333333331]],[1,[88.4444444444444,151.55555555555554]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[5,5],[2,2],[7,7],[6,6],[3,3],[4,4],[1,1]],"end_point":[[4,5],[1,2],[7,1],[5,6],[3,4],[6,7],[2,3]],"handle_primary":[[7,[0.0,0.0]],[1,[0.0,0.0]],[6,[0.0,0.0]],[2,[0.0,0.0]],[5,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[4,[0.0,0.0]],[5,[5.92592592592591,45.77777777777786]],[2,[0.0,0.0]],[6,[0.0,0.0]],[1,[-32.0,-3.5555555555555145]],[7,[0.0,0.0]]],"stroke":[[6,0],[1,0],[7,0],[4,0],[3,0],[2,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13571989088655643000,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"U32":5},"exposed":false}},{"Value":{"tagged_value":{"F64":0.5},"exposed":false}},{"Value":{"tagged_value":{"F64":1.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::StarNode"}},"visible":true,"skip_deduplication":false}],[8147814087664910471,{"inputs":[{"Node":{"node_id":2866788868013687300,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3372549,"green":0.33333334,"blue":0.40784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3372549,"green":0.33333334,"blue":0.40784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13907401402762847509,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[10666000720855117911,12291367210538906710,11079673538758176715,9852417284720842144,13528392218319754720],"position":[[0.0,16.600000381469727],[13.314000129699709,30.4060001373291],[0.0,66.8030014038086],[-13.314000129699709,30.4060001373291],[0.0,16.600000381469727]]},"segment_domain":{"id":[1,2,3,4,5],"start_point":[0,1,2,3,4],"end_point":[1,2,3,4,0],"handles":[{"Cubic":{"handle_start":[7.347000122070312,16.600000381469727],"handle_end":[13.314000129699709,22.788000106811523]}},{"Cubic":{"handle_start":[13.314000129699709,38.02399826049805],"handle_end":[4.480999946594238,66.8030014038086]}},{"Cubic":{"handle_start":[-4.480999946594238,66.8030014038086],"handle_end":[-13.314000129699709,38.02299880981445]}},{"Cubic":{"handle_start":[-13.314000129699709,22.788000106811523],"handle_end":[-7.347000122070312,16.600000381469727]}},{"Cubic":{"handle_start":[0.0,16.600000381469727],"handle_end":[0.0,16.600000381469727]}}],"stroke":[0,0,0,0,0]},"region_domain":{"id":[0],"segment_range":[{"start":1,"end":5}],"fill":[0]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":false}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[],"remove":[13528392218319754720],"delta":[]},"segments":{"add":[4],"remove":[5],"start_point":[[4,9852417284720842144]],"end_point":[[4,10666000720855117911]],"handle_primary":[[4,[0.0,-7.618000030517578]]],"handle_end":[[4,[-7.34700012207,-3.552713678800501e-15]]],"stroke":[[4,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[[{"ty":"End","segment":4},{"ty":"Primary","segment":1}],[{"ty":"End","segment":4},{"ty":"Primary","segment":5}]]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6559102076450693000,{"inputs":[{"Node":{"node_id":13907401402762847509,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}],[2866788868013687300,{"inputs":[{"Node":{"node_id":8496292024993914696,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}],[4331062027851128000,{"inputs":[{"Node":{"node_id":665049002420596400,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.1764706,"green":0.25882354,"blue":0.32156864,"alpha":1.0}],[1.0,{"red":0.16577148,"green":0.37890625,"blue":0.36788198,"alpha":1.0}]],"gradient_type":"Linear","start":[0.3769992978075994,0.1888891278143931],"end":[0.9861902161192166,0.9200728483862376],"transform":[801.0625,0.0,0.0,820.5871973335948,698.0,185.0]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.1764706,"green":0.25882354,"blue":0.32156864,"alpha":1.0}],[1.0,{"red":0.16577148,"green":0.37890625,"blue":0.36788198,"alpha":1.0}]],"gradient_type":"Linear","start":[0.3769992978075994,0.1888891278143931],"end":[0.9861902161192166,0.9200728483862376],"transform":[801.0625,0.0,0.0,820.5871973335948,698.0,185.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11815560782623298000,{"inputs":[{"Node":{"node_id":16765094648901306000,"output_index":0,"lambda":false}},{"Node":{"node_id":13394621587544123000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13371003476981866000,{"inputs":[{"Node":{"node_id":11815560782623298000,"output_index":0,"lambda":false}},{"Node":{"node_id":169695252050218443,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4534782777857480700,{"inputs":[{"Node":{"node_id":183562335973647870,"output_index":0,"lambda":false}},{"Node":{"node_id":14631609508767818000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17790961655412892000,{"inputs":[{"Node":{"node_id":12728151724950013388,"output_index":0,"lambda":false}},{"Node":{"node_id":13371003476981866000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.0},"exposed":false}},{"Value":{"tagged_value":{"F64":1.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":10.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[2181148486404191200,{"inputs":[{"Node":{"node_id":4331062027851128000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[353.5143520436918,551.6238777493922]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.9777789484064812,1.9777789484064812]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4217566479741824000,{"inputs":[{"Node":{"node_id":17790961655412892000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"GradientStops":[[0.0,{"red":0.16470589,"green":0.8862745,"blue":0.4117647,"alpha":1.0}],[0.5,{"red":0.8862745,"green":0.16470589,"blue":0.16470589,"alpha":1.0}],[1.0,{"red":0.16470589,"green":0.54901963,"blue":0.8862745,"alpha":1.0}]]},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"U32":3},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::AssignColorsNode"}},"visible":true,"skip_deduplication":false}],[3958246774416220000,{"inputs":[{"Node":{"node_id":5250960114142560178,"output_index":0,"lambda":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SplineNode"}},"visible":true,"skip_deduplication":false}],[7297408968096180000,{"inputs":[{"Node":{"node_id":2908374490615384600,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[353.5143520436944,551.6238777493922]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.9777789484064812,1.9777789484064812]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8309013977031955000,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[0.0,0.0]],[3,[1.0,1.0]],[4,[0.0,1.0]],[2,[1.0,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[4,4],[1,1]],"end_point":[[2,3],[4,1],[3,4],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[2,0],[1,0],[3,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8496292024993914696,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[8579252446942557840,5702904670777106146,6914816536199142761,17771770146045579307,4317718082554655671],"position":[[-5.75,-0.4000000059604645],[5.75,-0.4000000059604645],[10.0,21.600000381469727],[-10.0,21.600000381469727],[-5.75,-0.4000000059604645]]},"segment_domain":{"id":[1,2,3,4,5],"start_point":[0,1,2,3,4],"end_point":[1,2,3,4,0],"handles":[{"Cubic":{"handle_start":[-5.75,-0.4000000059604645],"handle_end":[5.75,-0.4000000059604645]}},{"Cubic":{"handle_start":[5.75,-0.4000000059604645],"handle_end":[10.0,21.600000381469727]}},{"Cubic":{"handle_start":[10.0,21.600000381469727],"handle_end":[-10.0,21.600000381469727]}},{"Cubic":{"handle_start":[-10.0,21.600000381469727],"handle_end":[-5.75,-0.4000000059604645]}},{"Cubic":{"handle_start":[-5.75,-0.4000000059604645],"handle_end":[-5.75,-0.4000000059604645]}}],"stroke":[0,0,0,0,0]},"region_domain":{"id":[0],"segment_range":[{"start":1,"end":5}],"fill":[0]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":false}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[],"remove":[4317718082554655671],"delta":[]},"segments":{"add":[4],"remove":[5],"start_point":[[4,17771770146045579307]],"end_point":[[4,8579252446942557840]],"handle_primary":[[4,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]]],"stroke":[[4,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15889416971203222000,{"inputs":[{"Node":{"node_id":8309013977031955000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.89411765,"green":0.654902,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.89411765,"green":0.654902,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12728151724950013388,{"inputs":[{"Node":{"node_id":3958246774416220000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":105.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]},"network_metadata":{"persistent_metadata":{"node_metadata":[[11411423299989983000,{"persistent_metadata":{"reference":"Merge","display_name":"Wire (Use Path Tool to Reshape This!)","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13394621587544123000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4331062027851128000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[655907162126315400,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,15]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12728151724950013388,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"is_integer":false,"unit":" px","min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"is_integer":false,"min":0.0,"mode":"Increment","blank_assist":true,"unit":" px"},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","is_integer":false,"unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[665049002420596400,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14972365039974885000,{"persistent_metadata":{"reference":"Artboard","display_name":"","input_properties":[{"input_data":{"input_name":"Artboards"},"widget_override":null},{"input_data":{"input_name":"Contents"},"widget_override":"hidden"},{"input_data":{"input_name":"Location","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"x":"W","y":"H","unit":" px","input_name":"Dimensions"},"widget_override":"vec2"},{"input_data":{"input_name":"Background"},"widget_override":"artboard_background"},{"input_data":{"input_name":"Clip"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-4,9]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Append Artboards","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[6,-4]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-2,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Artboard","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-10,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15889416971203222000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13907401402762847509,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Vector Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-50,21]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11815560782623298000,{"persistent_metadata":{"reference":"Merge","display_name":"Bulb Shape","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2908374490615384600,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4534782777857480700,{"persistent_metadata":{"reference":"Merge","display_name":"Star Base","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13371003476981866000,{"persistent_metadata":{"reference":"Merge","display_name":"Bulb Glow Gradient","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-29,18]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2866788868013687300,{"persistent_metadata":{"reference":"To Group","display_name":"","input_properties":[{"input_data":{"input_name":"Element"},"widget_override":null}],"output_names":["Instances<GraphicGroup>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17790961655412892000,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"unit":"x","input_name":"Random Scale Min","range_max":2,"mode":"Range","range_min":0,"min":0,"tooltip":"Minimum range of randomized sizes given to each instance","is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"unit":"x","range_max":2,"tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true,"range_min":0,"input_name":"Random Scale Max","is_integer":false,"min":0,"mode":"Range"},"widget_override":"number"},{"input_data":{"range_max":50,"range_min":-50,"input_name":"Random Scale Bias","is_integer":false,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","mode":"Range","blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","input_name":"Random Scale Seed","min":0,"is_integer":true},"widget_override":"number"},{"input_data":{"is_integer":false,"max":360,"min":0,"blank_assist":true,"input_name":"Random Rotation","mode":"Range","unit":"°","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise"},"widget_override":"number"},{"input_data":{"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed","blank_assist":true,"is_integer":true,"min":0},"widget_override":"number"}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3471929742275053000,{"persistent_metadata":{"reference":"Merge","display_name":"Lights","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-8,12]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5737014828407011000,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8147814087664910471,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5250960114142560178,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,15]}}},"network_metadata":null}}],[17339085479159577000,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[183562335973647870,{"persistent_metadata":{"reference":"Merge","display_name":"Tree","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13571989088655643000,{"persistent_metadata":{"reference":"Star","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Sides"},"widget_override":null},{"input_data":{"input_name":"Radius"},"widget_override":null},{"input_data":{"input_name":"Inner Radius"},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14631609508767818000,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3958246774416220000,{"persistent_metadata":{"reference":"Spline","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-36,15]}}},"network_metadata":null}}],[6559102076450693000,{"persistent_metadata":{"reference":"To Group","display_name":"","input_properties":[{"input_data":{"input_name":"Element"},"widget_override":null}],"output_names":["Instances<GraphicGroup>"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[169695252050218443,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16877573495957869000,{"persistent_metadata":{"reference":"Merge","display_name":"Star","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":10}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8309013977031955000,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4248875763694880300,{"persistent_metadata":{"reference":"Merge","display_name":"Tree Stump","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10504222558938851000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8496292024993914696,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":["Vector Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2181148486404191200,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16765094648901306000,{"persistent_metadata":{"reference":"Merge","display_name":"Bulb Housing","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4217566479741824000,{"persistent_metadata":{"reference":"Assign Colors","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Group"},"widget_override":"hidden"},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Stroke"},"widget_override":null},{"input_data":{"input_name":"Gradient"},"widget_override":"assign_colors_gradient"},{"input_data":{"input_name":"Reverse"},"widget_override":null},{"input_data":{"input_name":"Randomize"},"widget_override":null},{"input_data":{"input_name":"Seed"},"widget_override":null},{"input_data":{"input_name":"Repeat Every"},"widget_override":"assign_colors_repeat_every"}],"output_names":["Vector Group"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7297408968096180000,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[527.9166666666665,-576.1833333333332],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,1518.0,4.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[],[2866788868013687300],[],[4352028121261571600],[],[2866788868013687300],[6559102076450693000],[6559102076450693000],[10775791528628074000],[],[6559102076450693000],[],[],[],[],[],[15084833709935380000],[],[16765094648901306000],[16765094648901306000,11815560782623298000],[16765094648901306000,13371003476981866000,11815560782623298000],[6559102076450693000,16765094648901306000,13394621587544123000,11815560782623298000,2866788868013687300,13371003476981866000],[3958246774416220000],[],[],[3958246774416220000],[3958246774416220000,655907162126315400],[],[3958246774416220000],[],[3958246774416220000],[655907162126315400,3958246774416220000],[],[],[3958246774416220000],[655907162126315400,3958246774416220000],[],[14631609508767818000],[],[5737014828407011000],[],[10118219203151733000],[],[],[],[],[],[],[655907162126315400],[],[],[655907162126315400,3958246774416220000],[],[],[16877573495957869000],[11411423299989983000],[16877573495957869000],[3471929742275053000],[11411423299989983000],[11411423299989983000,15209576944107258000],[15209576944107258000,3287844738046380000,11411423299989983000],[15209576944107258000,3287844738046380000,11411423299989983000,3958246774416220000],[3958246774416220000,655907162126315400,15209576944107258000,11411423299989983000,3287844738046380000],[4248875763694880300],[11411423299989983000],[3471929742275053000],[11411423299989983000],[15223368326030279287],[11815560782623298000],[11815560782623298000,16765094648901306000],[11815560782623298000],[13371003476981866000],[16765094648901306000],[15223368326030279287],[13371003476981866000],[13371003476981866000,16765094648901306000,11815560782623298000],[13371003476981866000],[11815560782623298000],[16765094648901306000],[13371003476981866000],[16765094648901306000],[11815560782623298000],[13371003476981866000],[11815560782623298000],[13371003476981866000],[16765094648901306000],[13371003476981866000],[16877573495957869000],[16765094648901306000],[13371003476981866000],[16765094648901306000],[11411423299989983000],[]],"selection_redo_history":[]}}},"collapsed":[],"name":"procedural-string-lights.graphite","commit_hash":"95bbc95606ba40ed7441fdf4e1b954d80b72e3dc","document_ptz":{"pan":[-500.157717622685,-499.8045823704831],"tilt":0.0,"zoom":1.0,"flip":false},"document_mode":"DesignMode","view_mode":"Normal","overlays_visibility_settings":{"all":true,"artboard_name":true,"compass_rose":true,"quick_measurement":true,"transform_measurement":true,"transform_cage":true,"hover_outline":true,"selection_outline":true,"pivot":true,"path":true,"anchors":true,"handles":true},"rulers_visible":true,"snapping_state":{"snapping_enabled":true,"grid_snapping":false,"artboards":true,"tolerance":8.0,"bounding_box":{"center_point":true,"corner_point":true,"edge_midpoint":true,"align_with_edges":true,"distribute_evenly":true},"path":{"anchor_point":true,"line_midpoint":true,"along_path":true,"normal_to_path":true,"tangent_to_path":true,"path_intersection_point":true,"align_with_anchor_point":true,"perpendicular_from_endpoint":true},"grid":{"origin":[0.0,0.0],"grid_type":{"Rectangular":{"spacing":[1.0,1.0]}},"rectangular_spacing":[1.0,1.0],"isometric_y_spacing":1.0,"isometric_angle_a":30.0,"isometric_angle_b":30.0,"grid_color":{"red":0.6038274,"green":0.6038274,"blue":0.6038274,"alpha":1.0},"dot_display":false}},"graph_view_overlay_open":false,"graph_fade_artwork_percentage":80.0}
\ No newline at end of file
diff --git a/demo-artwork/red-dress.graphite b/demo-artwork/red-dress.graphite
new file mode 100644
index 0000000000000000000000000000000000000000..68f34ea4ed9ea8b07f9640b5915884afdd6775f5
--- /dev/null
+++ b/demo-artwork/red-dress.graphite
@@ -0,0 +1 @@
+{"network_interface":{"network":{"exports":[{"Node":{"node_id":2394762731964337494,"output_index":0,"lambda":false}}],"nodes":[[10127467043900015225,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[258.00000000000006,994.6666666666664]],[2,[644.0,726.6666666666666]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[-328.66666666666674,129.33333333333337]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15961046538654083626,{"inputs":[{"Node":{"node_id":1889157037801767612,"output_index":0,"lambda":false}},{"Node":{"node_id":4332145463108161926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.5},"exposed":false}},{"Value":{"tagged_value":{"F64":10.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[17378885078543074499,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[7,[727.5555555555554,1026.6666666666663]],[3,[707.5,1026.5]],[4,[709.5555555555554,1026.6666666666667]],[8,[746.0000000000001,842.9999999999999]],[1,[823.2222222222221,660.4444444444445]],[6,[725.7777777777779,1026.370370370371]],[2,[745.5,826.0]],[5,[740.4444444444443,857.1111111111111]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[4,4],[2,2],[3,3],[6,6],[8,8],[5,5],[1,1],[7,7]],"end_point":[[2,3],[8,1],[7,8],[4,5],[1,2],[3,4],[5,6],[6,7]],"handle_primary":[[3,[0.0,0.0]],[1,[0.0,0.0]],[8,[17.33333333333337,-84.99999999999989]],[5,[0.0,0.0]],[7,[0.0,0.0]],[4,[0.0,0.0]],[6,[0.0,0.0]],[2,[-24.5,85.0]]],"handle_end":[[1,[24.5,-85.0]],[3,[0.0,0.0]],[8,[1.772016460905547,0.9591220850479658]],[2,[0.0,0.0]],[4,[-23.11111111111109,90.44444444444456]],[6,[0.0,0.0]],[7,[-26.8034437596026,131.4399645903585]],[5,[-7.555555555555884,-59.25925925925992]]],"stroke":[[3,0],[2,0],[7,0],[6,0],[1,0],[4,0],[5,0],[8,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14537754528543289381,{"inputs":[{"Node":{"node_id":1689789805659535712,"output_index":0,"lambda":false}},{"Node":{"node_id":17364155187784942740,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11656581020969095354,{"inputs":[{"Node":{"node_id":8413863870096329943,"output_index":0,"lambda":false}},{"Node":{"node_id":9698363115186534174,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4350324834849900949,{"inputs":[{"Node":{"node_id":6672826052605647592,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15857077552290328068,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[740.0,516.0]],[1,[848.8888888888889,330.66666666666663]],[4,[702.2222222222222,621.3333333333333]],[2,[820.8888888888889,395.55555555555554]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[3,3],[1,1]],"end_point":[[2,3],[1,2],[3,4]],"handle_primary":[[3,[-17.77777777777783,35.55555555555554]],[2,[-15.111111111111086,22.66666666666663]],[1,[0.0,0.0]]],"handle_end":[[3,[6.222222222222172,-38.66666666666674]],[2,[17.77777777777783,-35.55555555555554]],[1,[15.111111111111086,-22.66666666666663]]],"stroke":[[1,0],[3,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15735375935164094402,{"inputs":[{"Node":{"node_id":3414873131936208778,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15239301303367148581,{"inputs":[{"Node":{"node_id":11268046366284173800,"output_index":0,"lambda":false}},{"Node":{"node_id":5269304445610080925,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[615144098061106242,{"inputs":[{"Node":{"node_id":14675232891471617236,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.84705883,"green":0.5372549,"blue":0.38431373,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.84705883,"green":0.5372549,"blue":0.38431373,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11058365317860779469,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[6,[368.0,902.6666666666669]],[1,[181.0,1023.0]],[4,[397.3333333333333,770.6666666666666]],[2,[242.0,917.0]],[7,[311.3333333333333,1018.6666666666666]],[5,[479.00000000000006,817.0]],[3,[352.0,833.0]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[7,7],[2,2],[5,5],[6,6],[1,1],[3,3],[4,4]],"end_point":[[3,4],[2,3],[1,2],[4,5],[6,7],[5,6],[7,1]],"handle_primary":[[1,[0.0,0.0]],[6,[0.0,0.0]],[4,[0.0,0.0]],[7,[0.0,0.0]],[5,[-35.31654570364651,23.463149348287175]],[3,[37.4110841377784,-16.935189837826556]],[2,[40.0718943376238,-39.16116946631416]]],"handle_end":[[4,[35.31654570364611,-23.463149348286947]],[2,[-37.4110841377784,16.935189837826556]],[5,[45.99999999999994,-52.00000000000023]],[7,[0.0,1.3333333333337123]],[1,[-40.071894337623746,39.16116946631416]],[6,[18.0,-55.33333333333326]],[3,[0.0,0.0]]],"stroke":[[5,0],[1,0],[6,0],[3,0],[7,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14946189826912398678,{"inputs":[{"Node":{"node_id":10086073308516686449,"output_index":0,"lambda":false}},{"Node":{"node_id":12030171742672119253,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11553850607251055696,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[7,[591.5390946502059,128.7023319615912]],[4,[608.570644718793,131.2482853223594]],[3,[594.085048010974,128.61454046639233]],[5,[619.2812071330591,124.6639231824417]],[2,[596.631001371742,112.37311385459536]],[8,[594.962962962963,111.93415637860085]],[1,[597.5967078189302,96.04389574759946]],[6,[609.9753086419754,133.5308641975309]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[1,1],[2,2],[3,3],[4,4],[5,5],[7,7],[8,8],[6,6]],"end_point":[[5,6],[7,8],[4,5],[2,3],[3,4],[1,2],[6,7],[8,1]],"handle_primary":[[2,[-4.126200274348321,7.1111111111111]],[7,[-2.3703703703704377,-6.057613168724245]],[3,[3.5534615822588194,4.6302681223374975]],[8,[4.1262002743484345,-6.935528120713329]],[1,[0.0,0.0]],[4,[4.038408779149563,-1.492455418381354]],[5,[0.0,0.0]],[6,[-7.286694101508829,3.0727023319615796]]],"handle_end":[[2,[-2.8971193415636662,-3.7750342935528063]],[1,[4.126200274348321,-7.111111111111114]],[7,[-4.1262002743484345,6.935528120713272]],[4,[0.0,0.0]],[8,[-0.0877914951989851,0.08779149519889984]],[6,[2.3703703703704377,6.057613168724259]],[5,[7.286694101508829,-3.0727023319615796]],[3,[-4.038408779149563,1.492455418381354]]],"stroke":[[8,0],[1,0],[5,0],[3,0],[7,0],[4,0],[6,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4453139144069993994,{"inputs":[{"Node":{"node_id":11804065810513502701,"output_index":0,"lambda":false}},{"Node":{"node_id":3955326429435439190,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5040278174920511484,{"inputs":[{"Node":{"node_id":14345191642063772510,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4577174813962563383,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[683.6813083078299,66.11925839089211]],[1,[681.3689965686843,65.32157692417977]],[2,[681.8346756482305,95.35045043533154]],[3,[682.7287205627164,97.04177207029592]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[1,1],[3,3],[2,2]],"end_point":[[3,4],[1,2],[4,1],[2,3]],"handle_primary":[[2,[0.0,0.0]],[4,[-1.0406539360374154,-1.1405457962673182]],[1,[0.0,0.0]],[3,[-1.544754703853414,-12.605862910106907]]],"handle_end":[[1,[-2.6406503472093164,-12.592334294499352]],[4,[-1.1368683772161605e-13,-1.4210854715202004e-14]],[3,null],[2,[-0.5302752037773644,-0.69223185792994]]],"stroke":[[3,0],[2,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14225285635863713990,{"inputs":[{"Node":{"node_id":8410534738018320047,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[25.333333333333485,12.641975308641918]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11899713172487274471,{"inputs":[{"Node":{"node_id":9954843247420111867,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[6580280438672662494,{"inputs":[{"Node":{"node_id":15395954548128560685,"output_index":0,"lambda":false}},{"Node":{"node_id":14598755603287563819,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17967471489196302183,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[334.8148148148148,1025.4814814814813]],[2,[568.8888888888889,785.4814814814813]],[1,[339.25925925925924,1025.185185185185]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[1,1],[3,3]],"end_point":[[3,1],[1,2],[2,3]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[-209.77777777777777,108.44444444444468]],[3,null],[2,[42.07407407407419,-157.6296296296293]]],"stroke":[[3,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10086073308516686449,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":3971837674569123876,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4222034829755771252,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[155.25925925925927,256.7901234567901]],[4,[161.6241426611797,258.3703703703704]],[3,[152.49382716049382,262.71604938271605]],[1,[165.5308641975309,250.07407407407408]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[2,2],[3,3]],"end_point":[[2,3],[4,1],[1,2],[3,4]],"handle_primary":[[4,[2.7654320987654444,-3.950617283950635]],[1,[0.0,0.0]],[2,[-1.9753086419753176,0.790123456790127]],[3,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[3,[-2.7654320987654444,3.950617283950635]],[2,[-0.3950617283950919,-1.7777777777777717]],[1,[1.9753086419753176,-0.790123456790127]]],"stroke":[[2,0],[3,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4307303572241320716,{"inputs":[{"Node":{"node_id":4265165189651403984,"output_index":0,"lambda":false}},{"Node":{"node_id":4572557574846980832,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2878992817082507910,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[738.074074074074,1027.2592592592591]],[3,[741.6296296296296,1027.5555555555557]],[1,[777.4814814814814,867.5555555555555]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[3,3],[1,1],[2,2]],"end_point":[[2,3],[1,2],[3,1]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[-25.185185185185105,132.14814814814804]],[1,[0.0,0.0]]],"stroke":[[1,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9863310024364795214,{"inputs":[{"Node":{"node_id":5278509881589546420,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11025165626998987360,{"inputs":[{"Node":{"node_id":5326536612985524219,"output_index":0,"lambda":false}},{"Node":{"node_id":4332145463108161926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":40.0},"exposed":false}},{"Value":{"tagged_value":{"F64":-15.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[15982852655074258238,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[2,[798.222222222222,639.8024691358025]],[1,[837.9999999999998,535.8024691358025]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[1,1],[2,2]],"end_point":[[2,1],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[31.037037037037067,-61.11111111111131]]],"handle_end":[[1,[34.000000000000114,-59.77777777777783]],[2,null]],"stroke":[[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17699121037850769131,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[158.22222222222223,332.0]],[2,[429.33333333333326,295.1111111111111]],[1,[531.1111111111111,364.0]],[3,[282.2222222222222,277.3333333333333]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[1,1],[3,3]],"end_point":[[2,3],[3,4],[1,2]],"handle_primary":[[2,[-56.8888888888888,-24.0]],[1,[0.0,0.0]],[3,[-33.333333333333286,6.666666666666686]]],"handle_end":[[3,[60.0,-41.77777777777777]],[2,[33.333333333333314,-6.666666666666686]],[1,[56.8888888888888,24.0]]],"stroke":[[3,0],[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5174744389209053970,{"inputs":[{"Node":{"node_id":12385950900718181935,"output_index":0,"lambda":false}},{"Node":{"node_id":5040278174920511484,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1689789805659535712,{"inputs":[{"Node":{"node_id":15637103575662751567,"output_index":0,"lambda":false}},{"Node":{"node_id":11590691579869262546,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9778375740427894463,{"inputs":[{"Node":{"node_id":16137033772363318157,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5002654561220917457,{"inputs":[{"Node":{"node_id":11632506522064533635,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":35.0},"exposed":false}},{"Value":{"tagged_value":{"U32":206},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8699675339613677057,{"inputs":[{"Node":{"node_id":15982852655074258238,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[40.2222222222224,-10.469135802469168]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18207065424980079673,{"inputs":[{"Node":{"node_id":13035777574951374461,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2660652185019504730,{"inputs":[{"Node":{"node_id":1806828617441445250,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":8.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2959546142916532439,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[0.5,1.0]],[4,[0.0,0.5]],[2,[1.0,0.5]],[1,[0.5,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[4,4],[1,1],[2,2]],"end_point":[[1,2],[4,1],[3,4],[2,3]],"handle_primary":[[1,[0.27589238888950707,0.0]],[3,[-0.275892388889507,0.0]],[2,[0.0,0.27589238888950707]],[4,[0.0,-0.275892388889507]]],"handle_end":[[4,[-0.275892388889507,0.0]],[2,[0.27589238888950707,0.0]],[1,[0.0,-0.275892388889507]],[3,[0.0,0.27589238888950707]]],"stroke":[[2,0],[3,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11479098559726891734,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"delta":[[9,[717.5491540923639,95.80978509373573]],[6,[717.9588477366254,99.32144490169182]],[7,[710.5648529187624,103.39887212315196]],[1,[660.660265203475,61.39551897576588]],[10,[712.047553726566,86.56241426611797]],[2,[669.2053040695015,63.20987654320987]],[4,[704.5560128029263,81.29492455418381]],[11,[694.9574759945133,76.78829446730683]],[3,[686.5294924554183,63.38545953360767]],[8,[709.979576284103,102.93065081542449]],[12,[683.3104709647919,64.0877914951989]],[5,[718.310013717421,90.01554641060812]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"start_point":[[8,8],[2,2],[3,3],[12,12],[11,11],[6,6],[4,4],[9,9],[10,10],[5,5],[7,7],[1,1]],"end_point":[[9,10],[3,4],[11,12],[1,2],[10,11],[6,7],[12,1],[4,5],[2,3],[7,8],[8,9],[5,6]],"handle_primary":[[4,[8.369455875628773,2.867855509830818]],[8,[0.0,0.0]],[9,[0.17558299039785652,-3.5116598079561214]],[12,[-12.8760859625055,-0.4682213077274682]],[6,[-1.9184335509834227,1.995170893022717]],[2,[5.4430727023319605,-0.6438042981252892]],[1,[0.0,0.0]],[5,[1.1120256058526363,1.9314128943758817]],[3,[3.4531321444902687,2.1655235482396193]],[7,[-0.585276634659408,-0.4682213077274753]],[10,[-4.096936442615174,-1.872885230909901]],[11,[-5.618655692729931,-7.257430269775952]]],"handle_end":[[6,[1.706505264591101,-0.4025776799149554]],[5,[2.926383173296813,-3.043438500228561]],[8,[-0.17558299039785652,3.511659807956093]],[7,null],[9,[4.0931309699032,1.8711455862415676]],[11,[4.036165212980222,0.14676964410837456]],[10,[5.464020763447934,7.057693486120044]],[1,[-5.4430727023319605,0.6438042981252892]],[3,[-8.369455875628773,-2.867855509830818]],[2,[-3.4853769593560173,-2.1857448728164144]],[12,[4.9748513946045705,5.91129401005945]],[4,[-1.8416562954789697,-3.1986661974113133]]],"stroke":[[11,0],[2,0],[10,0],[9,0],[8,0],[1,0],[5,0],[4,0],[7,0],[3,0],[12,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":12}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6282972142629473139,{"inputs":[{"Node":{"node_id":15815816861435910950,"output_index":0,"lambda":false}},{"Node":{"node_id":15578929303912288394,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3406722917122601552,{"inputs":[{"Value":{"tagged_value":"None","exposed":false}},{"Value":{"tagged_value":{"F64":1.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::generator_nodes::CircleNode"}},"visible":true,"skip_deduplication":false}],[16530658574540156160,{"inputs":[{"Node":{"node_id":11666664915283969027,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[23.70370370370381,12.641975308641918]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1167210731467447244,{"inputs":[{"Node":{"node_id":16551385471328831128,"output_index":0,"lambda":false}},{"Node":{"node_id":10432831427187785843,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4248321400839848160,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":13231685386999438557,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[907841922684377912,{"inputs":[{"Node":{"node_id":17336535036064625290,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12219771677493189964,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":5140869461760168364,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9954843247420111867,{"inputs":[{"Node":{"node_id":6988349135757634271,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.14046639231827385,0.1473642955124319]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10619788176782820865,{"inputs":[{"Node":{"node_id":2397243911096708995,"output_index":0,"lambda":false}},{"Node":{"node_id":1157261387411722141,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14285767317419627814,{"inputs":[{"Node":{"node_id":6749771744300551215,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12049041947382267086,{"inputs":[{"Node":{"node_id":2959546142916532439,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[25.77777777777777,508.44444444444446]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[8.0,8.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11573595155909211511,{"inputs":[{"Node":{"node_id":10127467043900015225,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17891208858820401648,{"inputs":[{"Node":{"node_id":1204243038352113866,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-7.407407407407391,4.740740740740762]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15949658764632267703,{"inputs":[{"Node":{"node_id":14012583111791538162,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13352561089252322209,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[752.4444444444443,739.1111111111111]],[1,[612.0,1025.3333333333333]],[2,[749.7777777777777,741.7777777777778]],[4,[615.5555555555555,1025.7777777777778]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[3,3],[2,2]],"end_point":[[3,4],[1,2],[4,1],[2,3]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[28.000000000000114,-107.55555555555544]],[1,[-112.0,179.55555555555577]],[4,[-0.4444444444444571,0.0]]],"stroke":[[2,0],[4,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10689298484366290551,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[151.22962962962964,252.1283950617284]],[1,[156.93571992954355,246.07901729349]],[3,[155.85185185185185,253.03703703703707]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[3,3],[2,2],[1,1]],"end_point":[[3,1],[2,3],[1,2]],"handle_primary":[[1,[-2.071522398679349,1.8617234472507391]],[2,[-0.4744436253241133,1.2651830008642833]],[3,[1.0949818244169762,-0.3546380887060252]]],"handle_end":[[3,[1.9215307714004553,1.0902372408288272]],[1,[0.9481481481481068,-2.5283950617284177]],[2,[-1.0949818244169762,0.3546380887060252]]],"stroke":[[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1785173043494067496,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[636.4444444444443,579.5555555555555]],[4,[770.2222222222222,459.1111111111111]],[1,[566.6666666666666,576.0]],[3,[712.0,519.1111111111111]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[1,1],[2,2],[3,3]],"end_point":[[1,2],[3,4],[2,3]],"handle_primary":[[2,[31.1111111111112,-17.33333333333337]],[1,[0.0,0.0]],[3,[18.22222222222217,-21.777777777777715]]],"handle_end":[[3,[0.0,0.0]],[2,[-18.22222222222217,21.777777777777715]],[1,[-31.1111111111112,17.33333333333337]]],"stroke":[[3,0],[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12554368619682347699,{"inputs":[{"Node":{"node_id":2594533001540454577,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[13261814586176172586,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16],"remove":[],"delta":[[13,[736.8888888888889,432.2962962962963]],[8,[686.5302034429451,490.6109861193811]],[14,[782.8148148148148,378.96296296296293]],[16,[809.1851851851852,207.1111111111111]],[12,[715.8518518518517,452.14814814814815]],[3,[851.1111111111111,237.7777777777778]],[4,[858.6666666666666,268.88888888888886]],[11,[719.9999999999999,460.8395061728396]],[5,[829.8271604938273,345.08641975308643]],[1,[799.1111111111112,188.14814814814815]],[7,[680.4331323644109,506.0568995183343]],[15,[817.4814814814815,272.2962962962963]],[6,[775.5061728395061,429.23456790123464]],[9,[758.716049382716,441.8765432098765]],[10,[755.3580246913581,432.5925925925926]],[2,[827.2592592592594,206.41975308641975]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16],"remove":[],"start_point":[[9,9],[11,11],[12,12],[2,2],[8,8],[6,6],[10,10],[3,3],[16,16],[13,13],[14,14],[15,15],[4,4],[1,1],[7,7],[5,5]],"end_point":[[1,2],[6,7],[3,4],[4,5],[8,9],[15,16],[14,15],[16,1],[2,3],[7,8],[9,10],[13,14],[5,6],[11,12],[10,11],[12,13]],"handle_primary":[[6,[-36.541158121167314,42.67873357730855]],[10,[0.0,0.0]],[5,[-31.06481223802939,48.93526760703577]],[7,null],[16,[0.0,0.0]],[8,[37.39536928167615,-11.787670751832536]],[14,[20.148148148148152,-33.481481481481524]],[12,[0.0,0.0]],[11,[0.0,0.0]],[9,[0.0,0.0]],[1,[0.0,0.0]],[4,[-2.5679012345678984,17.77777777777777]],[15,[5.925925925925867,-34.96296296296299]],[2,[0.0,0.0]],[13,[0.0,0.0]],[3,[9.086419753086489,9.086419753086432]]],"handle_end":[[15,[6.51851851851859,11.851851851851848]],[3,[2.5679012345678984,-17.77777777777777]],[16,[0.0,0.0]],[9,[0.0,0.0]],[8,[-11.555555555555657,17.18518518518522]],[1,[0.0,0.0]],[13,[-20.148148148148152,33.481481481481524]],[6,[22.320987654321016,-14.222222222222342]],[14,[-5.925925925925867,34.96296296296299]],[7,null],[2,[-9.086419753086489,-9.086419753086432]],[12,[0.0,0.0]],[11,[0.0,0.0]],[5,[18.3855550289378,-21.473654506216747]],[10,[0.0,0.0]],[4,[31.06481223802939,-48.93526760703571]]],"stroke":[[9,0],[13,0],[1,0],[12,0],[6,0],[14,0],[4,0],[15,0],[3,0],[7,0],[8,0],[10,0],[5,0],[16,0],[2,0],[11,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":16}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11616089678400336955,{"inputs":[{"Node":{"node_id":2660652185019504730,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.8},"exposed":false}},{"Value":{"tagged_value":{"F64":3.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[17336535036064625290,{"inputs":[{"Node":{"node_id":10421722418968896452,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[49.47996245659249,5.913900401382151]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.9277405532359332,0.9277405532359332]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1621196991038859321,{"inputs":[{"Node":{"node_id":15857077552290328068,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3150436463719911922,{"inputs":[{"Node":{"node_id":18214377096178867498,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5455777299776842371,{"inputs":[{"Node":{"node_id":9470742171134780193,"output_index":0,"lambda":false}},{"Node":{"node_id":7385465194555106679,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13045580349734858212,{"inputs":[{"Node":{"node_id":10795820039540504703,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10432831427187785843,{"inputs":[{"Node":{"node_id":2087303479944421366,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14209241002058525241,{"inputs":[{"Node":{"node_id":16290933138334939444,"output_index":0,"lambda":false}},{"Node":{"node_id":10918055532782314571,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9374264173303233490,{"inputs":[{"Node":{"node_id":1713644030979611623,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8934999452649011837,{"inputs":[{"Node":{"node_id":16796171662855500935,"output_index":0,"lambda":false}},{"Node":{"node_id":16756940771483104467,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4787732047489141819,{"inputs":[{"Node":{"node_id":12062649793560663566,"output_index":0,"lambda":false}},{"Node":{"node_id":4248321400839848160,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16614450796751955858,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[6,[845.3333333333333,842.0000000000001]],[5,[807.3333333333334,1026.0]],[4,[327.3333333333333,1024.6666666666663]],[1,[902.6666666666666,446.6666666666667]],[7,[918.6666666666664,604.6666666666666]],[2,[757.1358024691358,661.5308641975308]],[3,[481.33333333333337,826.6666666666666]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[5,5],[3,3],[6,6],[7,7],[1,1],[2,2],[4,4]],"end_point":[[7,1],[2,3],[4,5],[3,4],[5,6],[6,7],[1,2]],"handle_primary":[[6,[49.4943341398548,-116.98660796692934]],[2,[-138.41983388553547,108.26897897977506]],[4,[0.0,0.0]],[5,[0.0,0.0]],[3,[-131.33333333333337,78.66666666666652]],[7,[16.000000000000227,-89.99999999999989]],[1,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[7,[3.3333333333333712,32.00000000000006]],[1,[134.66666666666686,-105.33333333333326]],[6,[-16.71260304301461,94.00839211695676]],[3,[0.0,0.0]],[5,[-36.66666666666663,86.66666666666652]],[2,[143.2366194125077,-85.79655375977609]]],"stroke":[[7,0],[3,0],[4,0],[2,0],[5,0],[1,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6666260895482068061,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[646.4033730994855,154.80329633678198]],[1,[643.0921942512911,135.30336230847865]],[2,[645.6821893629258,155.3850506865855]],[4,[645.3845450388659,135.9012345679012]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[4,4],[1,1]],"end_point":[[4,1],[1,2],[2,3],[3,4]],"handle_primary":[[4,[0.0,0.0]],[3,[-0.2558402858584259,-10.083527774255913]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[4,[1.68322954928135,-0.022087435068414152]],[1,[-0.05703059647760256,-13.444628325495556]],[2,[-0.3446760851414865,0.611494768909921]]],"stroke":[[4,0],[3,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7893851488963635918,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[2,[24.0,486.0]],[1,[125.0,420.0]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[23.0,-70.0]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3802858053991775169,{"inputs":[{"Node":{"node_id":11058365317860779469,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":25.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11199691961479466803,{"inputs":[{"Node":{"node_id":7141088190930752823,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[7141088190930752823,{"inputs":[{"Node":{"node_id":541002100261582638,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18319784717194273926,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"delta":[[3,[167.0,691.0]],[10,[610.6666666666666,712.4444444444443]],[7,[558.6666666666666,749.7777777777778]],[8,[706.6666666666666,687.5555555555554]],[5,[418.2222222222222,754.6666666666666]],[2,[150.22222222222223,568.4444444444445]],[11,[595.0,690.0]],[6,[443.1111111111111,783.1111111111111]],[9,[828.0,570.2222222222221]],[4,[574.6666666666666,712.4444444444443]],[12,[437.99999999999994,690.0]],[1,[172.22222222222217,564.7777777777779]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"start_point":[[3,3],[11,11],[5,5],[1,1],[12,12],[7,7],[4,4],[6,6],[9,9],[8,8],[2,2],[10,10]],"end_point":[[8,9],[11,12],[5,6],[6,7],[1,2],[9,10],[10,11],[4,5],[12,1],[3,4],[7,8],[2,3]],"handle_primary":[[8,[60.44444444444446,-39.55555555555566]],[5,[0.0,0.0]],[12,[-98.22222222222224,-28.0]],[6,[0.0,0.0]],[7,[32.888888888888914,-13.333333333333483]],[10,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[18.111111111111057,85.22222222222229]],[9,[0.0,0.0]],[4,[0.0,0.0]],[11,[0.0,0.0]]],"handle_end":[[10,[-1.3333333333333712,21.77777777777783]],[5,[-18.66666666666663,-4.888888888888914]],[9,[145.77777777777771,-61.777777777777715]],[7,[-60.44444444444446,39.55555555555566]],[4,[54.22222222222223,-9.333333333333371]],[6,[-32.888888888888914,13.333333333333483]],[1,null],[8,[0.0,0.0]],[12,[161.33333333333337,34.66666666666674]],[3,[-128.44444444444446,26.22222222222217]],[2,null],[11,[98.22222222222224,28.0]]],"stroke":[[4,0],[10,0],[9,0],[3,0],[8,0],[5,0],[6,0],[11,0],[7,0],[12,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":12}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4479074488343511985,{"inputs":[{"Node":{"node_id":11479098559726891734,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6156863,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6156863,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16137033772363318157,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[720.417009602195,178.00603566529497]],[1,[688.566255144033,175.3371742112483]],[3,[720.1360768175583,181.58792866941016]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[3,3],[1,1]],"end_point":[[1,2],[3,1],[2,3]],"handle_primary":[[1,[29.423007364946784,-0.024697364703285984]],[3,[-1.1237311385458495,-3.125377229080982]],[2,[1.8041152263373303,2.00164609053499]]],"handle_end":[[3,[12.04499314128941,0.8076817558298615]],[1,null],[2,null]],"stroke":[[3,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3170924135668664007,{"inputs":[{"Node":{"node_id":4787732047489141819,"output_index":0,"lambda":false}},{"Node":{"node_id":13444661581815146533,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16051539163551573193,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[4,[519.1111111111111,1026.2222222222222]],[1,[708.0000000000001,769.3333333333333]],[2,[609.7777777777777,896.0]],[3,[514.6666666666666,1025.7777777777778]],[5,[588.0,930.6666666666666]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[5,5],[2,2],[3,3],[1,1],[4,4]],"end_point":[[3,4],[5,1],[4,5],[1,2],[2,3]],"handle_primary":[[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[5,[24.0,-29.77777777777783]],[2,[-54.66666666666663,69.33333333333314]]],"handle_end":[[2,[0.0,0.0]],[1,[54.66666666666663,-69.33333333333326]],[5,[-28.44444444444457,47.111111111111086]],[4,[-24.0,29.777777777777715]],[3,[0.0,0.0]]],"stroke":[[1,0],[4,0],[5,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6292009934909381201,{"inputs":[{"Node":{"node_id":10424806499648491677,"output_index":0,"lambda":false}},{"Node":{"node_id":9778375740427894463,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1204243038352113866,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[808.8888888888889,832.2962962962965]],[2,[837.3333333333334,653.6296296296296]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[1,1],[2,2]],"end_point":[[2,1],[1,2]],"handle_primary":[[2,[-26.22222222222217,80.29629629629608]],[1,[0.0,0.0]]],"handle_end":[[2,[0.0,-0.4444444444443434]],[1,[-22.22222222222217,79.40740740740739]]],"stroke":[[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12062649793560663566,{"inputs":[{"Node":{"node_id":5455777299776842371,"output_index":0,"lambda":false}},{"Node":{"node_id":8934999452649011837,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17494926338451345058,{"inputs":[{"Node":{"node_id":1167210731467447244,"output_index":0,"lambda":false}},{"Node":{"node_id":9529195152569434392,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14098374807212007572,{"inputs":[{"Node":{"node_id":17494926338451345058,"output_index":0,"lambda":false}},{"Node":{"node_id":10336592647221792772,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4572557574846980832,{"inputs":[{"Node":{"node_id":13014916927589286309,"output_index":0,"lambda":false}},{"Node":{"node_id":4332145463108161926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.5},"exposed":false}},{"Value":{"tagged_value":{"F64":30.0},"exposed":false}},{"Value":{"tagged_value":{"F64":-60.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[3992858139802231032,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[635.8445358939186,153.225422953818]],[1,[634.615454961134,135.08184727937814]],[4,[645.384545038866,135.90123456790124]],[3,[648.9547325102881,151.8792866941015]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[3,3],[2,2],[1,1]],"end_point":[[2,3],[4,1],[3,4],[1,2]],"handle_primary":[[4,[0.0,0.0]],[3,[1.8143575674440624,-2.575217192501128]],[1,[0.0,0.0]],[2,[6.203932327389111,7.491540923639718]]],"handle_end":[[1,[-6.203932327389111,-7.491540923639718]],[4,[9.247370827617717,-0.3511659807956278]],[3,[6.730681298582454,7.257430269775966]],[2,[-1.8143575674440624,2.575217192501128]]],"stroke":[[4,0],[2,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8091904580702893317,{"inputs":[{"Node":{"node_id":15446793500614592278,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15492651270767932214,{"inputs":[{"Node":{"node_id":6580280438672662494,"output_index":0,"lambda":false}},{"Node":{"node_id":2698266912167150713,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10918055532782314571,{"inputs":[{"Node":{"node_id":7447657690776686262,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[18067513817508158001,{"inputs":[{"Node":{"node_id":16649851742084147477,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1661691009086487874,{"inputs":[{"Node":{"node_id":14797986717815207528,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14029368390543839187,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[668.4444444444445,516.4444444444443]],[3,[808.0,413.33333333333337]],[1,[604.8888888888889,523.5555555555557]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[1,2],[2,3]],"handle_primary":[[1,[0.0,0.0]],[2,[23.1111111111112,-9.7777777777776]]],"handle_end":[[2,[-59.111111111111086,58.22222222222223]],[1,[-23.1111111111112,9.7777777777776]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15896921950407486754,{"inputs":[{"Node":{"node_id":13163272246010991228,"output_index":0,"lambda":false}},{"Node":{"node_id":11199691961479466803,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15466714490303763249,{"inputs":[{"Node":{"node_id":10514847656270897393,"output_index":0,"lambda":false}},{"Node":{"node_id":11659756061767599421,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2659768650911099730,{"inputs":[{"Node":{"node_id":13045087323693407920,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":6.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12224498203743157414,{"inputs":[{"Node":{"node_id":2878992817082507910,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13045087323693407920,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[19.0,494.0]],[2,[227.0,496.0]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[-98.0,-55.0]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8240895922641772563,{"inputs":[{"Node":{"node_id":16530658574540156160,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13644138583806412631,{"inputs":[{"Node":{"node_id":2641530639940889619,"output_index":0,"lambda":false}},{"Node":{"node_id":12473080738469616517,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11021243031011826737,{"inputs":[{"Node":{"node_id":16446146761452576438,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17064046832210629373,{"inputs":[{"Node":{"node_id":12219771677493189964,"output_index":0,"lambda":false}},{"Node":{"node_id":11677503666435782605,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10420981328998103391,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[694.2222222222222,623.5555555555554]],[1,[859.5555555555554,375.1111111111111]],[2,[844.4444444444443,460.44444444444434]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[1,1],[2,2]],"end_point":[[2,3],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[-11.999999999999886,30.6666666666668]]],"handle_end":[[1,[11.055745483535702,-28.253571791258253]],[2,[76.88888888888891,-30.666666666666742]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15460109068588328521,{"inputs":[{"Node":{"node_id":5185036609290210853,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.9019608,"green":0.8,"blue":0.6,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9019608,"green":0.8,"blue":0.6,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17815494794630739611,{"inputs":[{"Node":{"node_id":14079496619264986678,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4131094614457622424,{"inputs":[{"Node":{"node_id":11356586238302409958,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10860592954464951000,{"inputs":[{"Node":{"node_id":4236845268521674740,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12387541320114693418,{"inputs":[{"Node":{"node_id":5471152581000334146,"output_index":0,"lambda":false}},{"Node":{"node_id":15460109068588328521,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9182448229950585507,{"inputs":[{"Node":{"node_id":12496143061817048445,"output_index":0,"lambda":false}},{"Node":{"node_id":7320676248579211727,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[431994205232245356,{"inputs":[{"Node":{"node_id":12387541320114693418,"output_index":0,"lambda":false}},{"Node":{"node_id":14894569344576297448,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12594527670567285670,{"inputs":[{"Node":{"node_id":4663768795652429571,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14345191642063772510,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[838.2222222222222,766.6666666666669]],[2,[833.7777777777777,780.4444444444443]],[1,[880.8888888888888,556.4444444444443]],[3,[813.3557395833334,961.1454375]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[3,3],[1,1]],"end_point":[[1,2],[4,1],[3,4],[2,3]],"handle_primary":[[4,[10.643023589139377,-58.51588472312813]],[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[-9.333333333333371,54.66666666666674]]],"handle_end":[[3,[-10.643023589139377,58.51588472312813]],[2,[0.0,0.0]],[4,[-0.4444444444444571,-0.8888888888888005]],[1,[9.333333333333371,-54.66666666666674]]],"stroke":[[4,0],[3,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12531351117929704587,{"inputs":[{"Node":{"node_id":11194653561109699287,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12801133692316734622,{"inputs":[{"Node":{"node_id":17699121037850769131,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12385950900718181935,{"inputs":[{"Node":{"node_id":4372998635946271235,"output_index":0,"lambda":false}},{"Node":{"node_id":615144098061106242,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1713644030979611623,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[404.0,882.6666666666666]],[2,[321.33333333333326,1022.0]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[30.96296296296316,-100.2222222222224]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3649809135741361946,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[787.1111111111111,414.66666666666663]],[2,[841.3333333333333,336.8888888888889]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[-21.333333333333258,48.888888888888914]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5213978458941436169,{"inputs":[{"Node":{"node_id":13261814586176172586,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":7.0},"exposed":false}},{"Value":{"tagged_value":{"U32":10},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4663768795652429571,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[6,[706.633744855967,98.10699588477364]],[3,[708.8285322359397,101.48696844993144]],[2,[696.6255144032922,96.92181069958846]],[5,[710.8379820149368,102.96966925773508]],[1,[691.7530864197531,86.91358024691357]],[4,[713.0620332266423,107.3007163542143]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[5,5],[4,4],[6,6],[3,3],[2,2],[1,1]],"end_point":[[3,4],[2,3],[1,2],[4,5],[5,6],[6,1]],"handle_primary":[[5,[-0.8974241731443726,-2.770309404054231]],[3,[1.7753391251332005,4.7992684042066]],[4,[0.0,0.0]],[1,[0.0,0.0]],[6,[-6.847736625514244,-2.3703703703703525]],[2,[6.057613168724288,1.9753086419753032]]],"handle_end":[[4,[0.786301337230384,2.4272780410153985]],[1,[-6.057613168724288,-1.9753086419753032]],[5,[2.9051419934493197,1.005626074655538]],[2,[-0.7886938944185431,-2.1320736046921525]],[6,[1.1851851851849915,8.823045267489718]],[3,[-0.9218106995884908,-0.3950617283950635]]],"stroke":[[5,0],[1,0],[3,0],[2,0],[4,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10599660455959346550,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[478.2222222222222,515.1111111111111]],[2,[572.0,570.2222222222222]],[4,[745.3333333333333,471.55555555555554]],[3,[654.6666666666666,546.6666666666666]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[1,1],[2,2],[3,3]],"end_point":[[2,3],[1,2],[3,4]],"handle_primary":[[1,[0.0,0.0]],[3,[26.222222222222285,-16.0]],[2,[31.555555555555543,7.555555555555543]]],"handle_end":[[3,[0.0,0.0]],[2,[-26.222222222222285,16.0]],[1,[-31.555555555555543,-7.555555555555543]]],"stroke":[[3,0],[2,0],[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16756940771483104467,{"inputs":[{"Node":{"node_id":13975451746581400000,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.84705883,"green":0.5372549,"blue":0.38431373,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.84705883,"green":0.5372549,"blue":0.38431373,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17207895962122263432,{"inputs":[{"Node":{"node_id":11573595155909211511,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[2175432926627256613,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":14982414026754548178,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17945736750161448391,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[688.3433248095167,92.67923984990472]],[4,[687.6968543916372,70.6398816184091]],[1,[689.4327280262556,73.68042956754955]],[3,[687.4660700953133,94.52064202140812]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[1,1],[3,3]],"end_point":[[2,3],[1,2],[3,4],[4,1]],"handle_primary":[[3,[-0.975596082205584,-10.16276974584038]],[1,[-1.460603632035259,12.298077567102167]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[2,[0.6631784948407358,-0.4471776104951459]],[4,[-0.3670368206467174,-1.6914035044494111]],[1,null],[3,[0.0,0.0]]],"stroke":[[2,0],[3,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16324258033206362312,{"inputs":[{"Node":{"node_id":16732130236852371275,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.0},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[14079496619264986678,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[608.9876543209878,75.25925925925925]],[1,[597.2345679012346,77.92592592592592]],[3,[609.2839506172841,76.74074074074073]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[1,1],[3,3],[2,2]],"end_point":[[3,1],[1,2],[2,3]],"handle_primary":[[2,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[8.09876543209873,0.2962962962962763]],[2,[0.0,0.0]],[1,[-6.222222222222172,-0.9876543209876588]]],"stroke":[[3,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10253927692147706615,{"inputs":[{"Node":{"node_id":7262199696924786895,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[9529195152569434392,{"inputs":[{"Node":{"node_id":3121275823460307102,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[12876462860151722087,{"inputs":[{"Node":{"node_id":10619788176782820865,"output_index":0,"lambda":false}},{"Node":{"node_id":10415872992231003638,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11268046366284173800,{"inputs":[{"Node":{"node_id":4453139144069993994,"output_index":0,"lambda":false}},{"Node":{"node_id":11616089678400336955,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15303587427289959766,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[610.6666666666666,706.6666666666666]],[2,[818.2222222222222,566.2222222222222]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[-82.66666666666674,97.77777777777771]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12761901161949743155,{"inputs":[{"Node":{"node_id":7659717355245331967,"output_index":0,"lambda":false}},{"Node":{"node_id":8091904580702893317,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14887821801874852671,{"inputs":[{"Node":{"node_id":8230694129617719636,"output_index":0,"lambda":false}},{"Node":{"node_id":18279507457571359732,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6416452251137958677,{"inputs":[{"Node":{"node_id":9374264173303233490,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[11194653561109699287,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[6,[603.4567901234567,92.83950617283948]],[2,[607.4000914494741,86.85505258344766]],[4,[605.761316872428,82.28989483310471]],[1,[604.3716161316235,95.4260819221956]],[3,[623.4951989026065,81.23639689071788]],[5,[602.0316509633005,90.5516059992284]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[6,6],[2,2],[4,4],[3,3],[5,5],[1,1]],"end_point":[[4,5],[5,6],[2,3],[3,4],[1,2],[6,1]],"handle_primary":[[6,[0.3965701826469967,0.8240731861035471]],[5,[0.0,0.0]],[4,[-3.2460274482192517,2.85650415443304]],[2,[3.687242798354191,-3.4531321444901835]],[1,[0.0,0.0]],[3,[-0.7803688462123546,-2.7117817405883216]]],"handle_end":[[3,[4.389574759945049,-3.862825788751721]],[1,[-3.3249738510837687,3.113864400221118]],[6,[-2.273736754432321e-13,-4.263256414560601e-14]],[4,[-0.10095077423932251,-1.27829797882373]],[2,[-1.0144795000761633,1.6192653558908745]],[5,[-0.3896135191956773,-0.8096172333722365]]],"stroke":[[3,0],[5,0],[1,0],[4,0],[2,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7747398671834040298,{"inputs":[{"Node":{"node_id":18319784717194273926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":30.0},"exposed":false}},{"Value":{"tagged_value":{"U32":47},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1869448627329502330,{"inputs":[{"Node":{"node_id":3827449344952693766,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[16796171662855500935,{"inputs":[{"Node":{"node_id":14993053984267866751,"output_index":0,"lambda":false}},{"Node":{"node_id":9371909264427723282,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14012648643507848353,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[615.7168724279835,33.05349794238683]],[2,[613.7152263374486,29.076543209876547]],[4,[613.6098765432099,30.393415637860084]],[1,[610.080658436214,28.760493827160495]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[2,2],[3,3]],"end_point":[[1,2],[4,1],[3,4],[2,3]],"handle_primary":[[2,[1.5990193552247547,1.4582133097558128]],[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[-1.3168724279836397,-1.343209876543213]]],"handle_end":[[4,[0.05267489711934559,0.02633744855966924]],[3,[0.7962610294339356,0.812186250022549]],[2,[-0.05267489711934559,-0.9218106995884768]],[1,[-1.447323438899616,-1.3198753943965968]]],"stroke":[[4,0],[3,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7525593029671097583,{"inputs":[{"Node":{"node_id":16175421708184657649,"output_index":0,"lambda":false}},{"Node":{"node_id":15735375935164094402,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14894569344576297448,{"inputs":[{"Node":{"node_id":5555007473125503522,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15578929303912288394,{"inputs":[{"Node":{"node_id":10770443343193024138,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[10133176481349663495,{"inputs":[{"Node":{"node_id":12876462860151722087,"output_index":0,"lambda":false}},{"Node":{"node_id":11021243031011826737,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4332145463108161926,{"inputs":[{"Node":{"node_id":3406722917122601552,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9740500978584792725,{"inputs":[{"Node":{"node_id":14946189826912398678,"output_index":0,"lambda":false}},{"Node":{"node_id":10586744777717861556,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10421722418968896452,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[683.3689986282578,99.49702789208962]],[3,[691.7384545038866,78.07590306355738]],[1,[677.8673982624599,66.19478737997257]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[3,3],[1,1]],"end_point":[[1,2],[3,1],[2,3]],"handle_primary":[[3,[0.12630166293718048,-1.7247569518707309]],[1,[-0.49434169374126213,0.7369041683249975]],[2,[0.34676700844204333,0.512429191350904]]],"handle_end":[[2,[-1.4537474229852023,19.852161212683583]],[1,[-7.636184307015128,-11.284244620129414]],[3,[5.6142033131263815,-8.368968014727507]]],"stroke":[[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16551385471328831128,{"inputs":[{"Node":{"node_id":14991324592500870173,"output_index":0,"lambda":false}},{"Node":{"node_id":17207349373429328029,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6532401937876437300,{"inputs":[{"Node":{"node_id":3992858139802231032,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3971837674569123876,{"inputs":[{"Node":{"node_id":4131094614457622424,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":3.3528},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[6988349135757634271,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[188.0493827160494,269.116049382716]],[3,[183.0891632373113,268.771154223006]],[1,[189.14614932392712,263.9984322947286]],[4,[184.5962505715592,263.55006858710567]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[4,4],[2,2],[1,1]],"end_point":[[4,1],[2,3],[3,4],[1,2]],"handle_primary":[[3,[-0.9800640224909783,-1.3570273385153655]],[2,[-1.9972565157751203,0.9588085439937686]],[4,[1.697261300324044,-1.9917992948792855]],[1,[1.552958476004363,1.9059035841873424]]],"handle_end":[[3,[-1.5959762231368018,1.872937487752267]],[1,[3.459421910557637,-1.6607397492127802]],[2,[1.0091841400482906,1.3973479652491392]],[4,[-1.464617942413156,-1.7974856565980986]]],"stroke":[[1,0],[4,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1384427686127078856,{"inputs":[{"Node":{"node_id":17064046832210629373,"output_index":0,"lambda":false}},{"Node":{"node_id":17529660518597229229,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14057307926677215422,{"inputs":[{"Node":{"node_id":5861306074868809692,"output_index":0,"lambda":false}},{"Node":{"node_id":7450965328305122110,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4832236468224231783,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[232.44444444444443,332.8888888888889]],[2,[369.77777777777777,381.7777777777778]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[-73.77777777777777,-53.77777777777777]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14991324592500870173,{"inputs":[{"Node":{"node_id":542361600097372754,"output_index":0,"lambda":false}},{"Node":{"node_id":10860592954464951000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11630078441485655672,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[2,[751.4074074074075,685.0370370370371]],[1,[760.6913580246915,657.5802469135803]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[1,2],[2,1]],"handle_primary":[[1,[0.0,0.0]],[2,[4.543209876543187,-10.271604938271594]]],"handle_end":[[2,null],[1,[7.111111111110972,-8.44444444444457]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3970516859959908758,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[78.22222222222219,579.2592592592591]],[1,[49.77777777777773,636.148148148148]],[3,[170.96296296296293,544.5925925925925]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[2,3],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[27.259259259259252,-24.88888888888891]]],"handle_end":[[1,[-27.259259259259267,24.88888888888891]],[2,[-21.62962962962962,-2.0740740740740193]]],"stroke":[[2,0],[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13302269488061286120,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[262.66666666666674,903.3333333333331]],[2,[565.3333333333335,756.6666666666666]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[-200.66666666666652,64.66666666666663]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1889157037801767612,{"inputs":[{"Node":{"node_id":17324767436949538365,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":30.0},"exposed":false}},{"Value":{"tagged_value":{"U32":18},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10270446074640675342,{"inputs":[{"Node":{"node_id":14883504161508594099,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4078100635676202528,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26],"remove":[],"delta":[[4,[627.9111111111112,43.73333333333333]],[16,[661.0962962962963,35.792592592592584]],[3,[613.4518518518519,35.43703703703703]],[18,[621.2740740740741,37.21481481481481]],[15,[677.925925925926,46.222222222222214]],[7,[684.4444444444445,46.1037037037037]],[17,[639.762962962963,37.45185185185185]],[14,[698.3111111111111,43.61481481481481]],[6,[676.2666666666667,48.47407407407407]],[20,[601.2444444444444,36.859259259259254]],[26,[607.3152263374486,46.38024691358025]],[1,[606.3407407407408,47.76296296296296]],[9,[642.4888888888889,44.44444444444444]],[21,[605.3925925925926,49.42222222222222]],[13,[707.0814814814814,53.33333333333333]],[23,[608.5794238683127,44.82633744855967]],[11,[665.4814814814815,56.05925925925925]],[10,[653.1555555555556,49.89629629629629]],[22,[607.6312757201646,47.64444444444445]],[24,[605.998353909465,33.79094650205761]],[12,[683.3777777777777,50.48888888888889]],[19,[613.4518518518519,26.429629629629623]],[8,[667.2592592592594,52.029629629629625]],[2,[603.4962962962964,36.977777777777774]],[25,[604.6288065843622,39.321810699588475]],[5,[653.9851851851852,38.99259259259259]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26],"remove":[],"start_point":[[22,22],[18,18],[14,14],[2,2],[20,20],[7,7],[25,25],[6,6],[3,3],[17,17],[10,10],[19,19],[13,13],[9,9],[5,5],[24,24],[16,16],[11,11],[4,4],[26,26],[21,21],[1,1],[12,12],[8,8],[23,23],[15,15]],"end_point":[[6,7],[10,11],[8,9],[11,12],[5,6],[22,23],[13,14],[21,22],[1,2],[14,15],[26,1],[12,13],[18,19],[7,8],[3,4],[23,24],[15,16],[25,26],[4,5],[20,21],[24,25],[16,17],[9,10],[17,18],[19,20],[2,3]],"handle_primary":[[22,[0.0,0.0]],[10,[2.251851851851825,2.2518518518518533]],[2,[2.1333333333333258,-5.68888888888889]],[25,[0.18814026836287212,2.510418336797158]],[6,[4.5037037037037635,1.1851851851851831]],[26,[0.0,0.0]],[8,[-10.666666666666629,-0.7111111111111157]],[16,[-5.214814814814758,-1.3037037037037038]],[19,[-3.3185185185185446,-1.1851851851851831]],[23,[-2.2123456790121736,-2.3967078189300537]],[7,[0.0,0.0]],[20,[-1.5407407407407163,8.651851851851852]],[13,[0.0,0.0]],[17,[-6.992592592592587,2.962962962962962]],[14,[-10.90370370370374,-2.6074074074074076]],[3,[2.9629629629629335,4.385185185185186]],[1,[0.0,0.0]],[18,[-3.437037037037044,-4.148148148148145]],[12,[6.9925925925927,-4.740740740740748]],[5,[10.311111111111131,0.5925925925925952]],[11,[3.318518518518431,-0.11851851851851336]],[4,[6.992592592592587,-0.23703703703703383]],[9,[0.0,0.0]],[24,[0.0,0.0]],[21,[0.0,0.0]],[15,[-2.844444444444548,-0.829629629629629]]],"handle_end":[[4,[-10.311111111111131,-0.5925925925925952]],[19,[1.5407407407407163,-8.651851851851855]],[26,[0.0,0.0]],[5,[-4.5037037037037635,-1.1851851851851904]],[21,[0.0,0.0]],[1,[-2.1333333333333258,5.68888888888889]],[12,[-3.0814814814815463,-9.48148148148148]],[13,[10.90370370370374,2.6074074074074076]],[15,[5.214814814814758,1.3037037037037038]],[23,[0.0,0.0]],[8,[9.36296296296291,-2.4888888888888943]],[20,[0.0,0.0]],[3,[-6.992592592592587,0.23703703703703383]],[9,[-2.251851851851825,-2.2518518518518533]],[17,[3.437037037037044,4.148148148148145]],[2,[-2.9629629629629335,-4.385185185185186]],[25,[0.0,0.0]],[22,null],[24,[-0.13898543393838736,-1.8545289902200464]],[18,[3.3185185185185446,1.1851851851851831]],[11,[-6.9925925925927,4.740740740740748]],[14,[2.844444444444548,0.829629629629629]],[7,[10.666666666666629,0.7111111111111086]],[6,[0.0,0.0]],[16,[6.992592592592587,-2.962962962962962]],[10,[-3.318518518518431,0.11851851851851336]]],"stroke":[[21,0],[16,0],[24,0],[18,0],[3,0],[20,0],[15,0],[12,0],[14,0],[23,0],[26,0],[5,0],[2,0],[17,0],[22,0],[11,0],[6,0],[10,0],[19,0],[1,0],[4,0],[9,0],[7,0],[25,0],[8,0],[13,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":26}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2422139482859833437,{"inputs":[{"Node":{"node_id":14537754528543289381,"output_index":0,"lambda":false}},{"Node":{"node_id":172538270105470471,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4372998635946271235,{"inputs":[{"Node":{"node_id":13481022631108980683,"output_index":0,"lambda":false}},{"Node":{"node_id":2126710823743005151,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[542361600097372754,{"inputs":[{"Node":{"node_id":17971411534648521628,"output_index":0,"lambda":false}},{"Node":{"node_id":6867142265138950838,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14888395629683671889,{"inputs":[{"Node":{"node_id":4341772758799935306,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[2698266912167150713,{"inputs":[{"Node":{"node_id":3165571685352930240,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17324767436949538365,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[2,[362.22222222222223,512.0]],[1,[503.11111111111114,614.6666666666666]],[3,[158.66666666666669,419.55555555555554]],[5,[119.1111111111111,456.44444444444446]],[6,[289.7777777777778,503.1111111111111]],[4,[150.22222222222223,429.3333333333333]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[1,1],[4,4],[6,6],[3,3],[5,5],[2,2]],"end_point":[[4,5],[6,1],[1,2],[3,4],[5,6],[2,3]],"handle_primary":[[5,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[6,[89.85096850895411,61.20347364650138]],[4,[0.0,0.0]],[2,[-52.888888888888914,-48.44444444444446]]],"handle_end":[[6,[0.8888888888888005,-0.4444444444444571]],[4,[7.1111111111111,-35.55555555555554]],[2,[76.0,-1.7777777777777717]],[3,[0.0,0.0]],[5,[-89.85096850895414,-61.20347364650138]],[1,[52.888888888888914,48.44444444444446]]],"stroke":[[4,0],[5,0],[2,0],[3,0],[6,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1659518581611333812,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17],"remove":[],"delta":[[3,[917.991769547325,333.4320987654321]],[7,[773.7942386831274,177.119341563786]],[8,[809.349794238683,192.0]],[5,[838.3209876543208,205.6954732510288]],[2,[913.2510288065844,355.55555555555554]],[13,[872.1207133058986,331.2373113854595]],[4,[869.1358024691356,247.17695473251027]],[9,[838.4526748971191,213.46502057613168]],[12,[858.1618655692731,310.6063100137174]],[1,[889.8106995884773,368.4609053497942]],[11,[865.1851851851853,248.6255144032922]],[16,[854.5185185185187,346.46913580246917]],[17,[866.172839506173,375.11111111111114]],[10,[856.2304526748969,234.40329218106996]],[15,[872.9108367626887,333.08093278463645]],[6,[812.2469135802468,182.5185185185185]],[14,[885.9039780521264,331.0617283950617]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17],"remove":[],"start_point":[[4,4],[5,5],[14,14],[8,8],[13,13],[7,7],[16,16],[12,12],[2,2],[1,1],[6,6],[17,17],[3,3],[15,15],[11,11],[9,9],[10,10]],"end_point":[[11,12],[5,6],[9,10],[13,14],[14,15],[10,11],[4,5],[3,4],[6,7],[16,17],[12,13],[2,3],[1,2],[7,8],[17,1],[15,16],[8,9]],"handle_primary":[[14,[-5.267489711934104,0.0]],[7,[6.584362139917744,1.0534979423868265]],[15,[-5.267489711934104,1.4924554183813257]],[12,[6.935528120713343,13.080932784636502]],[10,[7.506172839506121,6.452674897119351]],[8,[14.748971193415628,7.242798353909478]],[13,[7.111111111111086,-2.72153635116598]],[3,[-10.72985850116538,-29.20905925317203]],[17,[4.279835390946232,0.32921810699582466]],[5,[-6.320987654321016,-8.164609053497912]],[11,[1.9314128943758533,32.395061728395035]],[4,[-8.03292181069969,-10.008230452674894]],[1,[9.349794238683105,-4.213991769547306]],[16,[0.0,0.0]],[9,[6.189300411522595,6.97942386831275]],[2,[7.637860082304428,-3.423868312757179]],[6,[-10.930041152263357,-4.213991769547334]]],"handle_end":[[1,[-7.637860082304542,3.423868312757179]],[7,[-14.748971193415628,-7.242798353909478]],[6,[0.0,0.0]],[9,[-7.506172839506121,-6.452674897119351]],[14,[5.267489711934104,-1.4924554183813257]],[13,[0.0,0.0]],[4,[6.320987654321016,8.164609053497912]],[5,[10.930041152263357,4.213991769547334]],[8,[-6.189300411522595,-6.97942386831275]],[17,[-9.349794238683105,4.213991769547306]],[2,[7.1111111111111995,19.35802469135808]],[12,[0.0,0.0]],[11,[0.0,0.0]],[16,[-8.098765432098958,-2.1728395061728634]],[15,[0.0,0.0]],[10,[0.0,0.0]],[3,[8.03292181069969,10.008230452674894]]],"stroke":[[9,0],[6,0],[11,0],[3,0],[13,0],[10,0],[8,0],[5,0],[7,0],[14,0],[17,0],[4,0],[15,0],[12,0],[1,0],[2,0],[16,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":17}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11481949351661484921,{"inputs":[{"Node":{"node_id":15303587427289959766,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4105711298139980122,{"inputs":[{"Node":{"node_id":1162381870526064378,"output_index":0,"lambda":false}},{"Node":{"node_id":1272070255512697108,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10415872992231003638,{"inputs":[{"Node":{"node_id":8375495949882478840,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[10587073897090054035,{"inputs":[{"Node":{"node_id":8814059393325469059,"output_index":0,"lambda":false}},{"Node":{"node_id":907841922684377912,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4422453582814483232,{"inputs":[{"Node":{"node_id":4577638792388493935,"output_index":0,"lambda":false}},{"Node":{"node_id":431994205232245356,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14817659161913199655,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[726.8148148148148,1023.9999999999998]],[2,[725.3333333333333,985.7777777777776]],[1,[796.148148148148,723.8518518518517]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[3,3],[1,1]],"end_point":[[3,1],[1,2],[2,3]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[1,[9.777777777777828,-73.18518518518522]],[2,[0.0,0.0]],[3,[-75.55555555555566,240.59259259259304]]],"stroke":[[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7505360855062237520,{"inputs":[{"Node":{"node_id":17945736750161448391,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[8766106989344197438,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[197.33333333333337,212.5432098765432]],[6,[184.49382716049385,218.2716049382716]],[2,[172.64197530864195,208.98765432098767]],[3,[153.58712172411558,204.8434307274338]],[5,[155.85185185185185,211.55555555555557]],[4,[146.5679012345679,204.44444444444449]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[5,5],[6,6],[3,3],[2,2],[1,1],[4,4]],"end_point":[[1,2],[3,4],[6,1],[5,6],[4,5],[2,3]],"handle_primary":[[2,[-7.703703703703667,-1.1851851851851904]],[1,[0.0,0.0]],[3,[-5.834035304362487,0.7861989021958493]],[5,[8.493827160493822,2.3703703703703525]],[6,[3.160493827160479,-0.9876543209876444]],[4,[0.0,0.0]]],"handle_end":[[5,[-3.1604938271605363,0.9876543209877012]],[4,[-8.493827160493794,-2.370370370370381]],[3,[0.0,0.0]],[6,[-3.160493827160479,1.9753086419753456]],[1,[7.703703703703724,1.1851851851852189]],[2,[5.834035304362487,-0.7861989021958493]]],"stroke":[[6,0],[3,0],[1,0],[2,0],[4,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14831840560430171946,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[2,[831.5555555555555,737.3333333333334]],[1,[791.5555555555555,1026.6666666666663]],[3,[889.7777777777777,516.8888888888889]],[4,[893.7613168724276,509.6296296296296]],[5,[833.4814814814815,746.3703703703703]],[6,[793.7777777777777,1027.2592592592591]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[1,1],[4,4],[5,5],[3,3],[2,2],[6,6]],"end_point":[[2,3],[3,4],[1,2],[6,1],[4,5],[5,6]],"handle_primary":[[6,[0.0,0.0]],[3,[0.0,0.0]],[5,[-24.0,92.44444444444446]],[2,[19.555555555555543,-74.66666666666674]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[4,[24.0,-92.44444444444446]],[6,[-0.14814814814815236,0.29629629629675946]],[1,[-26.4188207246807,100.8718609487812]],[5,[0.0,0.0]],[2,[-22.22222222222217,89.77777777777783]]],"stroke":[[1,0],[2,0],[4,0],[6,0],[5,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7466034304713056391,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[635.5072483424783,152.80078149291265]],[1,[635.2478000597847,135.0597939750059]],[3,[636.4372010299622,153.9035515500083]],[4,[637.4252384335797,135.01742888696126]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[1,1],[2,2],[3,3]],"end_point":[[3,4],[1,2],[4,1],[2,3]],"handle_primary":[[1,[0.0,0.0]],[3,[1.020097146128478,-12.422679731687992]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[4,[1.1169817316086892,-0.21205734949143107]],[3,null],[1,[0.4153244360613826,-11.397946559213551]],[2,[-0.5579820762119425,-0.504231587867622]]],"stroke":[[1,0],[4,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3636653585682494814,{"inputs":[{"Node":{"node_id":11565160497886435388,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.5},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[172538270105470471,{"inputs":[{"Node":{"node_id":9276497172451351253,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9470742171134780193,{"inputs":[{"Node":{"node_id":15126865253122550765,"output_index":0,"lambda":false}},{"Node":{"node_id":10270446074640675342,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10795820039540504703,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"remove":[],"delta":[[4,[604.4444444444445,138.96296296296293]],[10,[396.14814814814815,88.29629629629629]],[5,[574.5185185185185,169.18518518518516]],[14,[418.0913936876638,12.121582398270874]],[3,[590.2222222222222,113.18518518518518]],[13,[376.7623479921926,0.4130988647245317]],[12,[332.131357712622,16.970215357579164]],[6,[518.2222222222222,175.7037037037037]],[17,[478.3481748953775,55.407407407407405]],[11,[350.8679463145693,59.25925925925925]],[1,[569.1851851851852,61.629629629629605]],[8,[447.7037037037037,131.25925925925924]],[2,[591.1111111111111,92.44444444444444]],[7,[485.6296296296296,153.48148148148147]],[19,[540.4444444444445,70.22222222222221]],[15,[432.1308820290171,20.740740740740748]],[18,[498.66666666666663,63.70370370370368]],[9,[418.074074074074,116.14814814814814]],[16,[451.9827338808689,43.25925925925927]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"remove":[],"start_point":[[12,12],[8,8],[4,4],[5,5],[16,16],[1,1],[19,19],[18,18],[2,2],[3,3],[7,7],[13,13],[9,9],[17,17],[14,14],[15,15],[10,10],[6,6],[11,11]],"end_point":[[4,5],[7,8],[3,4],[11,12],[16,17],[8,9],[5,6],[12,13],[18,19],[1,2],[10,11],[13,14],[9,10],[17,18],[15,16],[19,1],[2,3],[14,15],[6,7]],"handle_primary":[[3,[-6.518518518518476,13.3333333333333]],[10,[-13.333333333333371,-8.59259259259261]],[17,[10.962962962963047,12.148148148148124]],[16,[7.703703703703695,6.814814814814817]],[15,[20.148148148148152,6.8148148148148096]],[8,[-9.481481481481524,-12.740740740740762]],[12,[4.019883543587866,-14.744727738229416]],[11,[-11.259259259259125,-10.962962962962962]],[5,[-13.629629629629562,5.925925925925924]],[19,[11.555555555555545,-3.851851851851848]],[6,[-14.222222222222172,-11.851851851851848]],[9,[-13.629629629629562,-7.407407407407419]],[14,[0.0,0.0]],[13,[41.32904569547122,11.708483533546342]],[1,[12.848891737595522,5.11227609582204]],[2,[0.0,0.0]],[7,[-15.407407407407447,4.444444444444457]],[4,[18.370370370370324,0.2962962962963047]],[18,[13.333333333333371,4.148148148148152]]],"handle_end":[[18,[-11.555555555555545,3.851851851851848]],[5,[14.222222222222172,11.85185185185182]],[9,[13.333333333333371,8.59259259259261]],[13,null],[17,[-13.333333333333371,-4.148148148148152]],[3,[-18.370370370370324,-0.2962962962963047]],[10,[11.259259259259238,10.962962962963076]],[6,[15.407407407407334,-4.444444444444457]],[2,[6.518518518518476,-13.333333333333314]],[12,null],[7,[9.481481481481524,12.740740740740762]],[14,[-20.14814814814821,-6.814814814814827]],[11,[-2.7704748413796665,10.16196036497552]],[19,[-12.030418259761518,-4.786624476892754]],[1,[-24.88888888888891,-10.666666666666655]],[15,[-7.703703703703695,-6.8148148148148096]],[4,[13.629629629629562,-5.925925925925924]],[8,[13.629629629629562,7.407407407407419]],[16,[-10.96296296296299,-12.148148148148188]]],"stroke":[[3,0],[4,0],[9,0],[7,0],[1,0],[13,0],[17,0],[18,0],[14,0],[8,0],[12,0],[11,0],[2,0],[10,0],[6,0],[16,0],[19,0],[15,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":19}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10928540355449103287,{"inputs":[{"Node":{"node_id":18190631752493248867,"output_index":0,"lambda":false}},{"Node":{"node_id":12554368619682347699,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12313564802550122052,{"inputs":[{"Node":{"node_id":13557369662261607646,"output_index":0,"lambda":false}},{"Node":{"node_id":9684857454501250999,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8413863870096329943,{"inputs":[{"Node":{"node_id":16195626650123806176,"output_index":0,"lambda":false}},{"Node":{"node_id":5302437193964714993,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9847383247226990698,{"inputs":[{"Node":{"node_id":3627710206997006419,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11632506522064533635,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[7,[145.33333333333331,1022.6666666666666]],[5,[336.66666666666663,799.3333333333334]],[1,[40.66666666666663,1022.6666666666666]],[2,[113.33333333333331,859.3333333333333]],[6,[208.0,903.0]],[4,[397.3333333333333,770.6666666666666]],[3,[299.33333333333326,775.3333333333333]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[7,7],[1,1],[4,4],[2,2],[3,3],[6,6],[5,5]],"end_point":[[5,6],[2,3],[6,7],[1,2],[3,4],[7,1],[4,5]],"handle_primary":[[4,[0.0,0.0]],[1,[0.0,0.0]],[6,[0.0,0.0]],[5,[-40.66666666666663,12.0]],[2,[58.666666666666686,-57.33333333333326]],[7,[0.0,0.0]],[3,[65.33333333333337,-6.0]]],"handle_end":[[6,[18.00000000000003,-55.33333333333326]],[2,[-65.33333333333337,6.0]],[3,[0.0,0.0]],[7,[0.0,1.3333333333333712]],[1,[-58.666666666666686,57.333333333333144]],[5,[35.666666666666686,-46.66666666666674]],[4,[40.66666666666663,-12.0]]],"stroke":[[5,0],[4,0],[3,0],[6,0],[1,0],[2,0],[7,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15498700602024283966,{"inputs":[{"Node":{"node_id":15466714490303763249,"output_index":0,"lambda":false}},{"Node":{"node_id":9847383247226990698,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12473080738469616517,{"inputs":[{"Node":{"node_id":17891208858820401648,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17133591775058457007,{"inputs":[{"Node":{"node_id":18067513817508158001,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[13163272246010991228,{"inputs":[{"Node":{"node_id":9740500978584792725,"output_index":0,"lambda":false}},{"Node":{"node_id":10253927692147706615,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15286091228862934481,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[4,[665.7229080932784,23.79149519890261]],[2,[627.0946502057614,23.00137174211249]],[1,[623.1001371742112,22.694101508916333]],[3,[638.5953360768175,27.56652949245542]],[7,[637.0589849108368,29.980795610425247]],[5,[684.554183813443,27.654320987654327]],[6,[661.2894375857338,26.381344307270236]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[3,3],[2,2],[4,4],[5,5],[6,6],[1,1],[7,7]],"end_point":[[6,7],[3,4],[2,3],[4,5],[7,1],[1,2],[5,6]],"handle_primary":[[5,[0.0,0.0]],[6,[-11.456790123456813,0.9657064471879302]],[1,[0.0,0.0]],[2,[2.150891632373032,1.5802469135802468]],[7,[-6.089851956901498,-0.48236451143773706]],[4,[6.672153635116501,-0.35116598079560646]],[3,[5.3991769547326385,0.13168724279836042]]],"handle_end":[[7,[2.194787379972581,3.906721536351163]],[1,[-2.150891632373032,-1.5802469135802468]],[6,[4.433470507544598,0.35116598079561]],[3,[-6.672153635116501,0.35116598079560646]],[4,[-0.9218106995884908,-1.0534979423868336]],[2,[-5.486565700800156,-0.13381867562927496]],[5,[11.456790123456813,-0.9657064471879336]]],"stroke":[[5,0],[7,0],[4,0],[1,0],[3,0],[6,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3165571685352930240,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[641.3926773385256,156.76403071818197]],[3,[642.0732703685807,156.78028060137643]],[1,[639.0431812985823,135.02706332876082]],[4,[641.1783537148203,135.11412115589184]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[4,4],[2,2],[1,1]],"end_point":[[1,2],[2,3],[3,4],[4,1]],"handle_primary":[[4,[0.0,0.0]],[2,[0.0,0.0]],[3,[-0.4020858660272779,-10.361367902183218]],[1,[0.0,0.0]]],"handle_end":[[4,[1.0850699611588652,-0.2123114466060372]],[3,null],[1,[-0.08991158554488266,-10.211393405397416]],[2,[-0.29793124344723765,0.12588207707705124]]],"stroke":[[4,0],[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13014916927589286309,{"inputs":[{"Node":{"node_id":2044103368441997753,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15815816861435910950,{"inputs":[{"Node":{"node_id":4105711298139980122,"output_index":0,"lambda":false}},{"Node":{"node_id":17815494794630739611,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15798070933198867970,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"delta":[[1,[595.1111111111111,513.3333333333333]],[10,[508.88888888888886,389.33333333333337]],[3,[598.6666666666666,547.1111111111111]],[4,[536.0,522.2222222222221]],[2,[642.2222222222222,536.8888888888889]],[11,[588.6666666666665,453.3333333333333]],[12,[660.0,500.66666666666663]],[9,[424.44444444444446,340.0]],[5,[449.99999999999994,445.3333333333333]],[8,[350.6666666666667,340.0]],[6,[438.18064449587104,508.2403828865154]],[7,[384.7140020398532,440.0243218219409]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"start_point":[[8,8],[11,11],[3,3],[2,2],[7,7],[12,12],[5,5],[1,1],[9,9],[10,10],[6,6],[4,4]],"end_point":[[4,5],[11,12],[6,7],[10,11],[5,6],[3,4],[8,9],[12,1],[1,2],[9,10],[7,8],[2,3]],"handle_primary":[[11,[22.666666666666856,18.0]],[6,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[8,[-46.969945387028645,-26.215783471829923]],[7,[5.531031978208716,-44.24825582567013]],[4,[-25.28395061728401,-13.827160493827025]],[3,[-18.370370370370324,2.1728395061728634]],[12,[-31.999999999999886,10.666666666666686]],[9,[24.0,8.0]],[5,[0.0,0.0]],[10,[25.481481481481467,20.4444444444444]]],"handle_end":[[12,null],[9,[-25.481481481481467,-20.4444444444444]],[3,[25.283950617284063,13.827160493827025]],[6,[-4.764895727801786,38.11916582241446]],[1,[-58.22222222222217,-1.3333333333332575]],[11,[-17.185185185185105,5.925925925925867]],[4,[0.0,0.0]],[5,[0.0,0.0]],[8,[-24.0,-8.0]],[2,[18.370370370370324,-2.1728395061728634]],[7,[28.6666666666668,16.000000000000057]],[10,[-23.199803616588156,-18.42337346023163]]],"stroke":[[6,0],[9,0],[4,0],[5,0],[8,0],[10,0],[3,0],[2,0],[7,0],[1,0],[11,0],[12,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":12}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6672826052605647592,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"delta":[[6,[594.172839506173,82.87517146776406]],[5,[603.127572016461,99.64334705075449]],[1,[617.5253772290811,122.03017832647464]],[3,[605.4979423868314,125.19067215363512]],[4,[600.0548696844994,115.53360768175584]],[8,[585.8326474622772,72.60356652949247]],[9,[593.3827160493829,85.77229080932784]],[7,[591.0123456790125,60.40054869684499]],[10,[599.4403292181071,108.68587105624144]],[12,[613.7991159884164,125.99055022100288]],[2,[614.2716726786227,123.52371759047573]],[11,[599.381801554641,127.00502972107913]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"start_point":[[12,12],[3,3],[10,10],[9,9],[6,6],[1,1],[4,4],[5,5],[8,8],[2,2],[7,7],[11,11]],"end_point":[[9,10],[8,9],[6,7],[5,6],[4,5],[2,3],[11,12],[7,8],[12,1],[10,11],[3,4],[1,2]],"handle_primary":[[11,[3.960543177125487,4.094798878044912]],[6,[-6.145404663923159,-8.076817558299041]],[2,[-1.2820759681926577,0.7008681959453185]],[7,[0.0,0.0]],[4,[0.8779149519890552,-4.477366255144034]],[5,[-0.8779149519890552,-4.477366255144048]],[3,[-4.594421582076166,-1.1705532693187024]],[8,[0.6346981736430735,5.019885555177211]],[10,[-2.575217192501441,8.77914951989024]],[12,[2.3801249809480396,-1.7168114616673904]],[9,[3.599451303154978,4.477366255144034]],[1,[0.0,0.0]]],"handle_end":[[7,[-0.9657064471879266,-7.637860082304528]],[8,[-3.599451303154978,-4.477366255144034]],[4,[0.8779149519890552,4.47736625514402]],[5,[6.145404663923159,8.076817558299041]],[11,[-2.036412917146322,1.4688880058104417]],[10,[-4.118548609866821,-4.258160427150372]],[6,[-6.057613168724288,9.305898491083669]],[12,[0.0,0.0]],[3,[-0.8779149519890552,4.477366255144034]],[1,[1.3006147436874471,-0.7110027265491681]],[2,[3.396564570446685,0.8653667695405147]],[9,[3.3684073442221916,-11.48320685530176]]],"stroke":[[12,0],[11,0],[5,0],[1,0],[9,0],[10,0],[3,0],[7,0],[8,0],[2,0],[6,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":12}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7385465194555106679,{"inputs":[{"Node":{"node_id":5009664118231399060,"output_index":0,"lambda":false}},{"Node":{"node_id":6416452251137958677,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9425359632144678256,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[5,[606.9918024691358,101.68414814814815]],[3,[622.6042778031804,84.90413046791649]],[2,[615.0086877000457,93.76131687242795]],[4,[612.3749428440786,88.61088248742568]],[1,[610.2608816540582,107.73159867034722]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[4,4],[3,3],[2,2],[5,5],[1,1]],"end_point":[[2,3],[4,5],[3,4],[5,1],[1,2]],"handle_primary":[[1,[0.0,0.0]],[4,[-3.0889600162577153,2.952395468170536]],[5,[0.0,0.0]],[3,[-0.6242950769699291,-0.9364426154549648]],[2,[3.21902149062646,-3.511659807956093]]],"handle_end":[[5,[-2.1454520955559246,-3.1101486881290583]],[4,[-0.5623782142248501,-6.258066225952547]],[3,[2.992367941940074,-2.86007378029646]],[1,[-3.21902149062646,3.5116598079561214]],[2,[0.15607376924265282,0.7543565513387165]]],"stroke":[[2,0],[5,0],[3,0],[4,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15177845878727456758,{"inputs":[{"Node":{"node_id":14225285635863713990,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5555007473125503522,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[6,[724.0262155159273,62.468526139308025]],[7,[722.6215515927449,59.58116140832189]],[1,[721.7241274196006,63.248894985520494]],[4,[725.0797134583142,72.96448712086573]],[5,[726.0551745160798,67.30681298582532]],[2,[724.7285474775185,66.64349946654472]],[3,[723.7140679774425,72.106081390032]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[2,2],[5,5],[3,3],[4,4],[1,1],[7,7],[6,6]],"end_point":[[6,7],[5,6],[3,4],[1,2],[4,5],[7,1],[2,3]],"handle_primary":[[1,[0.0,0.0]],[6,[-0.03901844231063478,-1.2485901539399509]],[5,[-0.585276634659408,-3.8628257887517066]],[4,[0.6633135192806776,-0.8584057308337094]],[7,[-1.014479500076277,0.3901844231062413]],[3,[-1.287608596250493,1.7558299039780536]],[2,[0.546258192348887,2.106995884773667]]],"handle_end":[[1,[-0.501794076076294,-1.9354914362939013]],[5,[0.03901844231063478,1.2485901539399509]],[7,[0.07803688462126956,-0.03901844231062768]],[2,[1.852405339488314,-2.526007281120613]],[3,[-0.6633135192806776,0.8584057308337094]],[6,[1.014479500076277,-0.39018442310623414]],[4,[0.585276634659408,3.8628257887517066]]],"stroke":[[5,0],[7,0],[1,0],[6,0],[4,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17529660518597229229,{"inputs":[{"Node":{"node_id":3802858053991775169,"output_index":0,"lambda":false}},{"Node":{"node_id":4332145463108161926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"F64":40.0},"exposed":false}},{"Value":{"tagged_value":{"F64":-30.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[16446146761452576438,{"inputs":[{"Node":{"node_id":12131058586835568367,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[619.1444612416404,54.266956717585614]},"exposed":false}},{"Value":{"tagged_value":{"F64":-0.6118784},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[5.617278800347149,2.5068847538738956]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.1858656806102035e-16,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[454416440369338250,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[2,[733.7777777777778,518.6666666666666]],[1,[696.0,593.3333333333333]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[0.0,0.0]]],"handle_end":[[1,[-18.666666666666515,26.66666666666663]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15038739378867834454,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[2,[667.4787379972565,58.20576131687244]],[5,[704.6145404663924,55.39643347050756]],[1,[654.3978052126201,51.621399176954746]],[7,[662.3868312757203,59.61042524005489]],[3,[691.5336076817558,52.14814814814816]],[4,[704.965706447188,54.25514403292181]],[6,[687.4951989026064,54.518518518518526]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[2,2],[7,7],[4,4],[1,1],[5,5],[3,3],[6,6]],"end_point":[[1,2],[4,5],[5,6],[2,3],[3,4],[6,7],[7,1]],"handle_primary":[[3,[7.723134415788309,-0.2640387834457485]],[4,[0.0,0.0]],[5,[0.0,0.0]],[1,[0.0,0.0]],[7,[-4.546573253919632,-2.2347563451469625]],[6,[-10.156808190486911,1.6663513437517778]],[2,[6.145404663923159,-1.0534979423868336]]],"handle_end":[[6,[5.179698216735233,2.5459533607681664]],[7,[0.0,0.08779149519890694]],[3,null],[1,[-5.875074923313605,1.0071557011394745]],[2,[-10.271604938271594,0.35116598079560646]],[5,[11.237311385459408,-1.8436213991769537]],[4,[0.0,0.0]]],"stroke":[[4,0],[2,0],[6,0],[5,0],[7,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14982414026754548178,{"inputs":[{"Node":{"node_id":13045580349734858212,"output_index":0,"lambda":false}},{"Node":{"node_id":4332145463108161926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":10.0},"exposed":false}},{"Value":{"tagged_value":{"F64":-25.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[4493274523708782092,{"inputs":[{"Node":{"node_id":15239301303367148581,"output_index":0,"lambda":false}},{"Node":{"node_id":12880230498984021417,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6973438081601736688,{"inputs":[{"Node":{"node_id":11630078441485655672,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[4577638792388493935,{"inputs":[{"Node":{"node_id":3170924135668664007,"output_index":0,"lambda":false}},{"Node":{"node_id":6292009934909381201,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12131058586835568367,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[0.443655685420585,0.8388279058567918]],[2,[1.0389965338526328,0.5311836299154763]],[4,[0.022131022857413415,0.4190687668825941]],[1,[0.6081211287919952,-0.2081641356766983]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[4,4],[1,1]],"end_point":[[3,4],[2,3],[4,1],[1,2]],"handle_primary":[[1,[0.297407817404018,0.05174926937677715]],[3,[-0.29501938196342326,-0.04735956037402645]],[2,[-0.06483434986356718,0.26682960488486684]],[4,[0.021131345375600137,-0.27179882337964756]]],"handle_end":[[2,[0.2950193819634199,0.04735956037402589]],[4,[-0.38805268271111915,-0.0675215701634326]],[3,[-0.02113134537560013,0.27179882337964756]],[1,[0.07365905854782184,-0.30314821587423946]]],"stroke":[[4,0],[2,0],[3,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1157261387411722141,{"inputs":[{"Node":{"node_id":4577174813962563383,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11659756061767599421,{"inputs":[{"Node":{"node_id":8766106989344197438,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5140869461760168364,{"inputs":[{"Node":{"node_id":17118107476414252025,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[8543051864256131356,{"inputs":[{"Node":{"node_id":5002654561220917457,"output_index":0,"lambda":false}},{"Node":{"node_id":4332145463108161926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"F64":300.0},"exposed":false}},{"Value":{"tagged_value":{"F64":-100.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[16732130236852371275,{"inputs":[{"Node":{"node_id":4832236468224231783,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":6.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5185036609290210853,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29],"remove":[],"delta":[[1,[687.846364883402,65.58024691358025]],[6,[695.152568206066,67.34583142813594]],[4,[704.9657064471878,54.25514403292179]],[26,[722.5825331504344,57.31809175430575]],[24,[719.0123456790122,66.6337448559671]],[5,[705.102270995275,59.269013869836904]],[19,[705.9094650205762,70.25514403292182]],[7,[701.785703398872,67.26779454351473]],[8,[709.8600823045268,50.83127572016461]],[29,[694.0600518213687,74.40816948635879]],[17,[713.3351623228167,47.46593507087334]],[2,[697.9423868312758,64.79012345679013]],[14,[711.9695168419447,48.57796067672611]],[25,[719.8512421886905,54.19661636945587]],[23,[711.5061728395062,69.99176954732509]],[11,[697.7283950617284,31.30864197530864]],[27,[718.680688919372,68.71147690900777]],[9,[702.2222222222223,38.38683127572017]],[18,[716.7736625514402,54.9135802469136]],[20,[716.6907483615302,62.66361835086114]],[22,[719.6171315348269,59.659198292943145]],[15,[703.604938271605,68.21399176954733]],[3,[703.7366255144034,54.694101508916326]],[13,[706.9556470050298,39.272062185642426]],[12,[698.2935528120714,34.35573845450388]],[28,[702.2539247065995,73.00350556317633]],[21,[716.1444901691814,49.82655083066605]],[16,[713.7448559670781,60.37860082304528]],[10,[696.5925925925927,33.728395061728385]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29],"remove":[],"start_point":[[3,3],[9,9],[10,10],[27,27],[24,24],[26,26],[25,25],[8,8],[21,21],[1,1],[28,28],[4,4],[14,14],[29,29],[12,12],[22,22],[19,19],[5,5],[13,13],[2,2],[20,20],[11,11],[6,6],[15,15],[17,17],[7,7],[23,23],[18,18],[16,16]],"end_point":[[19,20],[2,3],[23,24],[5,6],[10,11],[14,15],[3,4],[21,22],[29,1],[9,10],[12,13],[7,8],[11,12],[1,2],[22,23],[15,16],[20,21],[8,9],[26,27],[16,17],[18,19],[6,7],[17,18],[28,29],[13,14],[4,5],[24,25],[27,28],[25,26]],"handle_primary":[[6,[0.0,0.0]],[9,[-3.823807346440958,-1.6387745770461848]],[22,[-1.7948483462886315,6.047858558146615]],[11,[0.0,0.0]],[19,[0.0,0.0]],[21,[0.0,0.0]],[5,[-1.1705532693187024,3.0044200579180043]],[1,[0.0,0.0]],[13,[2.1939750755697105,1.3128956217623369]],[3,[0.0,0.0]],[29,[0.0,0.0]],[15,[0.0,0.0]],[25,[0.0,0.0]],[26,[0.8664211612748431,3.3573819999397045]],[8,[1.1368683772161605e-13,-7.4135040390184415]],[28,[-7.920532726374063,-0.13055823175342596]],[7,[3.3946044810244302,-1.8728852309099435]],[24,[2.106995884773596,-3.0044200579180256]],[18,[-0.7242798353908029,5.860082304526735]],[12,[1.5089163237310004,2.3850022862368547]],[17,[0.0,0.0]],[4,[0.0,0.0]],[23,[0.0,0.0]],[27,[-4.128769232802142,3.294230770852593]],[14,[0.9193720469440904,5.347965249199831]],[16,[2.9207548934437,-5.774876595401999]],[10,[-0.04481007342064913,-1.8372595419893116]],[2,[1.5646505637769224,-1.2302214356413188]],[20,[2.536198750190465,-6.516079865874104]]],"handle_end":[[21,[1.7948483462886315,-6.047858558146615]],[26,[3.66773357719876,-2.926383173296756]],[25,[-0.6242950769700428,-2.419143423258646]],[5,[6.516079865874076,-2.4581618655692807]],[15,[-3.84819387288519,7.608596250571544]],[23,[-2.1028230213785264,2.9984698638176326]],[16,[1.1705532693187024,1.8728852309099224]],[19,[-2.536198750190465,6.516079865874104]],[24,[2.980033531474078,4.338363054412447]],[11,[-0.8654907204776237,-1.3679998781853442]],[22,[2.731290961743639,-1.326627038561199]],[9,[0.04481007342064913,1.837259541989333]],[7,[-1.1368683772161605e-13,8.389895136005812]],[17,[0.667740598959881,-5.402628482494777]],[27,[7.101356500533598,0.11705532693187592]],[10,[0.0,0.0]],[6,[-3.208476806721251,1.7701941002599142]],[28,[0.0,0.0]],[12,[-3.679926840420876,-2.202103337905797]],[8,[5.150019007352512,2.2071510031511608]],[29,[0.009754610577488164,0.048773052888265056]],[4,[1.1705532693187024,-3.0044200579180043]],[1,[-2.555707971345896,2.0094497789970944]],[3,[0.0,0.0]],[18,[9.169333942996444,-4.409083981100437]],[13,[-0.7923207898123792,-4.608911119518574]],[14,[7.30864197530866,-5.333333333333336]],[20,[1.638774577046206,1.5607376924249363]],[2,[0.5267489711934559,6.320987654320987]]],"stroke":[[7,0],[22,0],[24,0],[18,0],[17,0],[13,0],[16,0],[10,0],[12,0],[3,0],[6,0],[28,0],[20,0],[21,0],[23,0],[1,0],[14,0],[4,0],[9,0],[8,0],[5,0],[2,0],[19,0],[26,0],[15,0],[25,0],[27,0],[11,0],[29,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":29}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18190631752493248867,{"inputs":[{"Node":{"node_id":12428327489525325219,"output_index":0,"lambda":false}},{"Node":{"node_id":10375238420217738812,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8644924780109919177,{"inputs":[{"Node":{"node_id":10599660455959346550,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5020096817747898028,{"inputs":[{"Node":{"node_id":15286091228862934481,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2641530639940889619,{"inputs":[{"Node":{"node_id":5174744389209053970,"output_index":0,"lambda":false}},{"Node":{"node_id":14539627480594383748,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5326536612985524219,{"inputs":[{"Node":{"node_id":15798070933198867970,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":27.0},"exposed":false}},{"Value":{"tagged_value":{"U32":9},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"u32","alias":null}},"import_index":2}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::PoissonDiskPointsNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11666664915283969027,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[2,[751.4074074074075,685.0370370370371]],[1,[802.3703703703703,580.9382716049382]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[1,1],[2,2]],"end_point":[[1,2],[2,1]],"handle_primary":[[1,[0.0,0.0]],[2,[20.740740740740534,-42.469135802469054]]],"handle_end":[[1,[27.259259259259125,-48.79012345678995]],[2,null]],"stroke":[[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3414873131936208778,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[2,[697.7777777777777,954.2222222222222]],[1,[761.7777777777777,737.3333333333333]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[2,1],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[-40.0,81.33333333333326]],[1,[26.22222222222217,-158.66666666666652]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3686761601672683183,{"inputs":[{"Node":{"node_id":4859656512650360562,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16805628435335819723,{"inputs":[{"Node":{"node_id":10689298484366290551,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13557369662261607646,{"inputs":[{"Node":{"node_id":3535178979443201645,"output_index":0,"lambda":false}},{"Node":{"node_id":15177845878727456758,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16339345235172368839,{"inputs":[{"Node":{"node_id":14778750092903591172,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[18214377096178867498,{"inputs":[{"Node":{"node_id":7747398671834040298,"output_index":0,"lambda":false}},{"Node":{"node_id":4332145463108161926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":300.0},"exposed":false}},{"Value":{"tagged_value":{"F64":-100.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[3955326429435439190,{"inputs":[{"Node":{"node_id":18207065424980079673,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[2126710823743005151,{"inputs":[{"Node":{"node_id":14831840560430171946,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11804065810513502701,{"inputs":[{"Node":{"node_id":9782123335421401489,"output_index":0,"lambda":false}},{"Node":{"node_id":17133591775058457007,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7320676248579211727,{"inputs":[{"Node":{"node_id":14817659161913199655,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7654665057468818389,{"inputs":[{"Node":{"node_id":17378885078543074499,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[10514847656270897393,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":16339345235172368839,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16434255153991868080,{"inputs":[{"Node":{"node_id":6124821161363551058,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[17207349373429328029,{"inputs":[{"Node":{"node_id":17967471489196302183,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[6867142265138950838,{"inputs":[{"Node":{"node_id":4784708315242877950,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14862049226133442027,{"inputs":[{"Node":{"node_id":16614450796751955858,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[8814059393325469059,{"inputs":[{"Node":{"node_id":15492651270767932214,"output_index":0,"lambda":false}},{"Node":{"node_id":14035980686649077716,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17364155187784942740,{"inputs":[{"Node":{"node_id":1378578509112405,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.9019608,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.9019608,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[10586744777717861556,{"inputs":[{"Node":{"node_id":11417901103965737900,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[15656854169166220905,{"inputs":[{"Node":{"node_id":7821977654068146599,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-5.0,22.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4909350123806022131,{"inputs":[{"Node":{"node_id":15498700602024283966,"output_index":0,"lambda":false}},{"Node":{"node_id":16536768589601337644,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10190227675276560561,{"inputs":[{"Node":{"node_id":2682920349304670808,"output_index":0,"lambda":false}},{"Node":{"node_id":16434255153991868080,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10424806499648491677,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":17147975601187022720,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14598755603287563819,{"inputs":[{"Node":{"node_id":7466034304713056391,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[8230694129617719636,{"inputs":[{"Node":{"node_id":4909350123806022131,"output_index":0,"lambda":false}},{"Node":{"node_id":16805628435335819723,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16175421708184657649,{"inputs":[{"Node":{"node_id":8698602280607307123,"output_index":0,"lambda":false}},{"Node":{"node_id":514796034658094296,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18422317423856403288,{"inputs":[{"Node":{"node_id":10133176481349663495,"output_index":0,"lambda":false}},{"Node":{"node_id":12594527670567285670,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15395954548128560685,{"inputs":[{"Node":{"node_id":13475705179546695973,"output_index":0,"lambda":false}},{"Node":{"node_id":16767482995096345179,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11464423670065789907,{"inputs":[{"Node":{"node_id":8644924780109919177,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[5269304445610080925,{"inputs":[{"Node":{"node_id":3686761601672683183,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[14012583111791538162,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[603.3333333333335,744.6666666666666]],[2,[380.00000000000006,806.0]],[1,[248.00000000000009,884.0]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[1,1],[2,2]],"end_point":[[1,2],[2,3]],"handle_primary":[[1,[0.0,0.0]],[2,[70.80694036316174,-19.49756328840681]]],"handle_end":[[1,[-92.00000000000006,25.333333333333258]],[2,[-71.33333333333326,24.0]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4784708315242877950,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[7,[807.0666666666666,680.1333333333332]],[5,[464.5925925925926,1025.382716049383]],[3,[592.4000000000001,852.3999999999999]],[2,[808.5333333333333,683.1555555555556]],[1,[902.6666666666669,446.66666666666674]],[6,[592.0,845.3333333333333]],[4,[468.14814814814815,1025.382716049383]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[4,4],[2,2],[7,7],[6,6],[5,5],[1,1],[3,3]],"end_point":[[4,5],[3,4],[5,6],[6,7],[7,1],[2,3],[1,2]],"handle_primary":[[6,[93.94069526511169,-85.35957406301043]],[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[-81.33333333333337,100.88888888888891]],[3,[-91.33798434535026,86.27035509501377]],[7,[62.39957279246403,-72.271586423759]],[5,[0.0,0.0]]],"handle_end":[[6,[-87.55555555555577,101.4074074074075]],[2,[85.857044886376,-81.09351003138556]],[3,[0.0,0.0]],[5,[-102.71604938271612,93.3333333333336]],[4,[0.0,0.0]],[1,[97.81027061870486,-121.32749415544254]],[7,[-3.466666666666697,51.33333333333326]]],"stroke":[[1,0],[5,0],[3,0],[7,0],[6,0],[4,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8375495949882478840,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"delta":[[4,[642.6077325610934,47.29035208047554]],[2,[617.4278311233043,51.042625616013815]],[10,[650.9056546258192,56.62876594015139]],[9,[662.1234567901236,66.9849108367627]],[1,[616.0751917898693,61.31097901742621]],[7,[673.0096021947875,65.84362139917695]],[6,[662.1234567901236,64.96570644718793]],[3,[628.5871056241429,46.71808159325306]],[11,[641.3168724279836,48.02194787379973]],[8,[675.3580246913581,68.74074074074075]],[5,[650.6227709190673,52.93827160493828]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"start_point":[[6,6],[2,2],[1,1],[5,5],[3,3],[9,9],[4,4],[7,7],[11,11],[10,10],[8,8]],"end_point":[[10,11],[4,5],[6,7],[8,9],[1,2],[9,10],[2,3],[7,8],[5,6],[3,4],[11,1]],"handle_primary":[[10,[-2.0025980353477735,-3.5689865976493422]],[5,[3.160493827160508,4.6529492455418335]],[4,[2.784561671457709,0.5265657466421629]],[8,[0.0,0.0]],[1,[-0.7315957933242316,0.01300614743686168]],[2,[2.1833209230284183,-3.0691100638496778]],[9,[-4.389574759945162,-2.106995884773667]],[11,[-8.252400548696869,-0.8779149519890339]],[7,[0.0,0.0]],[3,[4.873654303444027,-0.3091793289098348]],[6,[5.4430727023319605,2.545953360768181]]],"handle_end":[[5,[-5.4430727023319605,-2.545953360768181]],[6,[0.0,0.0]],[4,[-3.160493827160508,-4.6529492455418335]],[3,[-2.7845616714574817,-0.5265657466421203]],[10,[6.086554705109506,0.6475058196925048]],[2,[-5.145487535686698,0.32642413354457744]],[7,[0.0,0.0]],[9,[2.6272417822486887,4.682213077274824]],[1,[-2.4595700304455477,3.4574354386312436]],[11,[2.0257074632933154,-0.6893258141543512]],[8,[4.389574759945162,2.106995884773667]]],"stroke":[[11,0],[3,0],[5,0],[7,0],[2,0],[4,0],[9,0],[10,0],[1,0],[6,0],[8,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":11}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11677503666435782605,{"inputs":[{"Node":{"node_id":12049041947382267086,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16536768589601337644,{"inputs":[{"Node":{"node_id":4222034829755771252,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2087303479944421366,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[443.2592592592592,882.0740740740739]],[3,[368.59259259259255,1025.1851851851852]],[1,[365.6296296296296,1025.4814814814813]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[1,2],[2,3]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[31.111111111111143,-96.29629629629642]],[1,[-48.59259259259255,50.07407407407413]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17426609415699324395,{"inputs":[{"Node":{"node_id":15896921950407486754,"output_index":0,"lambda":false}},{"Node":{"node_id":11464423670065789907,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16450742929146919960,{"inputs":[{"Node":{"node_id":14887821801874852671,"output_index":0,"lambda":false}},{"Node":{"node_id":11899713172487274471,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8595304668947966919,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[810.1333333333333,731.4666666666668]],[2,[798.4000000000001,879.4666666666668]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[1,1],[2,2]],"end_point":[[1,2],[2,1]],"handle_primary":[[2,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[-1.8666666666665608,-67.46666666666658]],[2,[-18.13333333333333,82.66666666666674]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11451028343967836482,{"inputs":[{"Node":{"node_id":2422139482859833437,"output_index":0,"lambda":false}},{"Node":{"node_id":12531351117929704587,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[314278016428495768,{"inputs":[{"Node":{"node_id":6282972142629473139,"output_index":0,"lambda":false}},{"Node":{"node_id":5020096817747898028,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17971411534648521628,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":14862049226133442027,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13014628586360765651,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":2175432926627256613,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14778750092903591172,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[149.0793650793651,202.5537918871252]],[3,[146.5679012345679,204.44444444444449]],[1,[155.98219408731924,204.757705978404]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[1,1],[3,3],[2,2]],"end_point":[[2,3],[1,2],[3,1]],"handle_primary":[[1,[-2.6135873853791907,-0.8494167367814498]],[3,[0.9278738161427498,1.2447087777524644]],[2,[-2.2695727277346123,-0.643804298125275]]],"handle_end":[[1,[1.7022700834823468,0.48287890620272833]],[2,[-1.156966490299823,-1.5520282186949146]],[3,[-0.32172621516085087,3.1233079488176827]]],"stroke":[[2,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18015048324114736039,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29],"remove":[],"delta":[[26,[752.1975308641976,172.83950617283952]],[12,[603.4567901234568,92.8395061728395]],[6,[617.283950617284,44.641975308641975]],[10,[597.530864197531,73.08641975308642]],[1,[687.4074074074074,99.1604938271605]],[13,[616.2962962962963,115.16049382716052]],[16,[672.5925925925926,176.5925925925926]],[19,[797.8271604938273,246.1234567901235]],[3,[675.3580246913581,68.74074074074075]],[2,[683.0617283950618,104.2962962962963]],[29,[705.1851851851852,106.27160493827162]],[4,[654.4197530864197,54.91358024691358]],[20,[805.1358024691358,260.34567901234567]],[9,[609.3827160493827,43.65432098765433]],[22,[785.9753086419753,197.13580246913585]],[7,[607.2098765432099,55.308641975308646]],[11,[596.9382716049383,85.13580246913581]],[23,[760.8888888888889,175.80246913580248]],[15,[664.8888888888889,140.64197530864195]],[14,[630.716049382716,132.3456790123457]],[21,[805.925925925926,230.9135802469136]],[25,[737.7777777777778,170.07407407407408]],[27,[722.1728395061729,147.1604938271605]],[5,[639.8024691358025,44.24691358024691]],[28,[730.2716049382716,169.4814814814815]],[8,[613.3333333333334,44.24691358024691]],[24,[746.8641975308642,175.40740740740742]],[18,[799.2098765432099,253.23456790123456]],[17,[757.7283950617285,217.48148148148147]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29],"remove":[],"start_point":[[14,14],[28,28],[25,25],[22,22],[3,3],[5,5],[23,23],[18,18],[2,2],[9,9],[6,6],[10,10],[20,20],[26,26],[8,8],[12,12],[24,24],[21,21],[17,17],[4,4],[19,19],[16,16],[15,15],[29,29],[1,1],[7,7],[13,13],[27,27],[11,11]],"end_point":[[5,6],[24,25],[13,14],[3,4],[7,8],[28,29],[26,27],[4,5],[29,1],[27,28],[20,21],[1,2],[15,16],[14,15],[17,18],[2,3],[21,22],[22,23],[16,17],[19,20],[8,9],[6,7],[25,26],[11,12],[9,10],[10,11],[23,24],[12,13],[18,19]],"handle_primary":[[16,[29.23456790123464,10.666666666666686]],[1,[-2.1728395061728634,1.5802469135802255]],[13,[2.370370370370324,7.308641975308632]],[8,[-1.1851851851851052,-1.1851851851851904]],[26,[0.0,0.0]],[14,[5.728395061728293,2.370370370370381]],[12,[5.728395061728406,16.98765432098766]],[29,[-13.234567901234527,-3.3580246913580396]],[20,[0.0,0.0]],[6,[-8.09876543209873,4.740740740740733]],[23,[-2.5679012345678984,-0.592592592592581]],[10,[-6.320987654320902,4.740740740740733]],[11,[3.3580246913580822,1.9753086419753176]],[3,[-15.209876543209816,-1.7777777777777717]],[25,[0.0,0.0]],[7,[-0.9876543209876444,-4.740740740740733]],[27,[0.0,0.0]],[9,[-14.024691358024713,15.802469135802482]],[21,[-2.5679012345678984,-9.481481481481469]],[15,[6.913580246913625,9.87654320987656]],[5,[-9.48148148148141,0.9876543209876516]],[24,[-5.3333333333332575,-2.5679012345678984]],[22,[-7.506172839506121,-7.901234567901298]],[19,[4.543209876543187,5.925925925925952]],[18,[0.0,-2.172839506172835]],[4,[-2.3703703703704377,-3.555555555555557]],[28,[0.0,0.0]],[17,[20.594048174910657,8.937919170354007]],[2,[-8.120713305898448,-14.573388203017842]]],"handle_end":[[21,[7.506172839506121,7.901234567901213]],[26,[19.35802469135808,26.864197530864203]],[10,[-3.3580246913580822,-1.9753086419753176]],[27,[-3.7530864197531177,-7.506172839506178]],[22,[2.5679012345678984,0.592592592592581]],[6,[0.0,0.0]],[7,[0.0,0.0]],[12,[0.0,0.0]],[3,[2.3703703703704377,3.555555555555557]],[8,[0.0,0.0]],[9,[0.0,0.0]],[16,[-20.59404817491054,-8.937919170353979]],[15,[0.0,0.0]],[25,[-4.740740740740762,0.790123456790127]],[20,[2.5679012345678984,9.481481481481438]],[19,[0.0,0.0]],[2,[0.0,0.0]],[4,[9.48148148148141,-0.9876543209876444]],[24,[0.0,0.0]],[14,[-6.913580246913625,-9.876543209876502]],[29,[0.0,0.0]],[18,[0.0,0.0]],[1,[0.0,0.0]],[5,[0.0,0.0]],[23,[5.3333333333332575,2.5679012345678984]],[13,[-5.728395061728293,-2.370370370370381]],[28,[17.580246913580254,58.07407407407402]],[17,[0.0,0.0]],[11,[0.0,0.0]]],"stroke":[[18,0],[15,0],[5,0],[16,0],[21,0],[20,0],[3,0],[11,0],[4,0],[25,0],[1,0],[9,0],[26,0],[29,0],[12,0],[13,0],[17,0],[10,0],[19,0],[8,0],[23,0],[6,0],[22,0],[7,0],[24,0],[2,0],[14,0],[28,0],[27,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":29}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13975451746581400000,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[835.7333333333332,786.4000000000001]],[2,[901.6,572.8]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[1,1],[2,2]],"end_point":[[1,2],[2,1]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[47.4666666666667,-108.26666666666664]],[1,[-22.399999999999977,109.06666666666648]]],"stroke":[[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13035777574951374461,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[696.8888888888889,697.3333333333333]],[2,[833.7777777777778,573.3333333333333]],[1,[896.0,440.44444444444446]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[2,3],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[-68.0,92.88888888888891]]],"handle_end":[[2,[0.0,0.0]],[1,[68.0,-92.88888888888891]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3827449344952693766,{"inputs":[{"Node":{"node_id":2440895173483452224,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11565160497886435388,{"inputs":[{"Node":{"node_id":7893851488963635918,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":6.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10336592647221792772,{"inputs":[{"Node":{"node_id":16051539163551573193,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3535178979443201645,{"inputs":[{"Node":{"node_id":12838133055063962839,"output_index":0,"lambda":false}},{"Node":{"node_id":8240895922641772563,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14675232891471617236,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[1,[652.8888888888889,822.6666666666666]],[3,[483.9506172839506,1026.7654320987656]],[2,[480.7407407407408,1026.6666666666663]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[1,1],[3,3]],"end_point":[[2,3],[3,1],[1,2]],"handle_primary":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[1,[26.66666666666669,-58.666666666666515]],[3,[-143.85185185185185,150.07407407407413]]],"stroke":[[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14035980686649077716,{"inputs":[{"Node":{"node_id":6666260895482068061,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[421715625023770179,{"inputs":[{"Node":{"node_id":3670529450440935325,"output_index":0,"lambda":false}},{"Node":{"node_id":3150436463719911922,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2044103368441997753,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[4,[796.4444444444446,278.12345679012356]],[7,[710.7160493827162,200.09876543209884]],[1,[710.5185185185186,302.2222222222223]],[3,[747.6543209876543,394.6666666666667]],[2,[723.3580246913581,337.97530864197535]],[8,[694.5185185185187,204.8395061728396]],[5,[793.6790123456792,258.7654320987655]],[6,[756.7407407407409,223.40740740740748]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[7,7],[8,8],[1,1],[6,6],[3,3],[5,5],[4,4],[2,2]],"end_point":[[7,8],[6,7],[2,3],[8,1],[1,2],[4,5],[5,6],[3,4]],"handle_primary":[[2,[0.0,0.0]],[1,[0.0,0.0]],[6,[-22.518518518518476,-12.641975308641976]],[5,[-5.135802469135797,-10.271604938271594]],[7,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[8,[0.0,0.0]]],"handle_end":[[3,[-12.049382716049422,68.54320987654324]],[6,[0.0,0.0]],[8,[7.111111111110972,-82.76543209876547]],[1,[1.3827160493826796,-12.641975308641976]],[4,[5.135802469135797,10.271604938271594]],[7,[8.117474523314513,-0.7895812719984008]],[5,[22.518518518518476,12.641975308641976]],[2,[-10.864197530864203,-35.5555555555556]]],"stroke":[[4,0],[6,0],[1,0],[5,0],[2,0],[8,0],[3,0],[7,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6124821161363551058,{"inputs":[{"Node":{"node_id":10420981328998103391,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6749771744300551215,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[1,[589.3333333333333,1025.3333333333333]],[5,[585.3333333333333,1025.7777777777778]],[3,[726.6666666666666,765.3333333333333]],[2,[660.4444444444443,878.2222222222222]],[4,[620.8888888888888,943.5555555555557]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[4,4],[1,1],[2,2],[5,5],[3,3]],"end_point":[[3,4],[2,3],[5,1],[1,2],[4,5]],"handle_primary":[[5,[0.0,0.0]],[1,[0.0,0.0]],[2,[31.11111111111109,-50.66666666666663]],[4,[-29.333333333333258,59.11111111111097]],[3,[0.0,0.0]]],"handle_end":[[5,[-0.4444444444443434,0.8888888888889142]],[2,[0.0,0.0]],[4,[0.0,0.0]],[3,[29.333333333333258,-59.1111111111112]],[1,[-31.863450886870623,51.89190573004646]]],"stroke":[[3,0],[1,0],[4,0],[2,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2440895173483452224,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[33.18518518518515,636.148148148148]],[1,[93.037037037037,526.8148148148147]],[2,[30.814814814814767,578.0740740740739]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[1,2],[2,3]],"handle_primary":[[2,[-9.185185185185162,39.703703703703695]],[1,[0.0,0.0]]],"handle_end":[[1,[9.185185185185162,-39.703703703703695]],[2,[0.0,0.0]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11356586238302409958,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[3,[732.148148148148,432.2962962962963]],[5,[811.8518518518518,273.18518518518516]],[4,[777.7777777777778,375.7037037037037]],[6,[792.2962962962963,188.74074074074073]],[1,[811.5555555555555,250.96296296296296]],[2,[783.1111111111111,348.74074074074065]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[2,2],[5,5],[1,1],[4,4],[3,3]],"end_point":[[1,2],[3,4],[2,3],[5,6],[4,5]],"handle_primary":[[3,[0.0,0.0]],[2,[-14.6604291210798,34.80924611318039]],[5,[3.7834358363461433,-27.565032521950258]],[1,[0.0,0.0]],[4,[10.310300340717504,-19.181954122264813]]],"handle_end":[[2,[26.666666666666515,-35.555555555555486]],[4,[-4.148148148148152,30.22222222222223]],[5,[26.074074074074133,33.18518518518516]],[1,[14.6604291210798,-34.809246113180336]],[3,[-12.740740740740875,23.703703703703695]]],"stroke":[[2,0],[5,0],[3,0],[1,0],[4,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13231685386999438557,{"inputs":[{"Node":{"node_id":1659518581611333812,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9371909264427723282,{"inputs":[{"Node":{"node_id":8595304668947966919,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.84705883,"green":0.5372549,"blue":0.38431373,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.84705883,"green":0.5372549,"blue":0.38431373,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9782123335421401489,{"inputs":[{"Node":{"node_id":11656581020969095354,"output_index":0,"lambda":false}},{"Node":{"node_id":1019037285881657884,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2780251074492832077,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[644.0435005900861,214.94345295604788]],[4,[654.5349442975197,224.51689533908117]],[3,[679.189837009989,239.99177480754585]],[1,[620.0443231093315,208.38630063890184]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[3,3],[1,1]],"end_point":[[2,3],[1,2],[3,4],[4,1]],"handle_primary":[[2,[17.048596024579638,8.262011919603992]],[1,[0.0,0.0]],[4,[-14.688021190407198,-10.884872846462486]],[3,[0.0,0.0]]],"handle_end":[[2,[-15.868308607493532,-9.835728475719122]],[3,[13.4932102981968,9.999432631699392]],[1,[-9.660678057982182,-4.68171321271447]],[4,[0.1311430463429133,0.13114304634288487]]],"stroke":[[4,0],[3,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17118107476414252025,{"inputs":[{"Node":{"node_id":6645255982686652881,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[74.2222222222222,480.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[40.0,40.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3627710206997006419,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[1,[152.49382716049382,262.71604938271605]],[3,[154.2366898148148,257.4780574845679]],[2,[149.94787379972564,262.84773662551436]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[3,3],[2,2],[1,1]],"end_point":[[3,1],[1,2],[2,3]],"handle_primary":[[2,[-0.2633744855966995,-0.4389574759944139]],[3,[4.31137018907981,-2.5386217986682027]],[1,[0.0,0.0]]],"handle_end":[[2,[-3.3775342902714556,1.988760370600971]],[1,[0.4650366425890411,0.7750610709815646]],[3,[2.8421709430404014e-14,0.0]]],"stroke":[[2,0],[3,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12838133055063962839,{"inputs":[{"Node":{"node_id":13644138583806412631,"output_index":0,"lambda":false}},{"Node":{"node_id":6973438081601736688,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7922156219537051964,{"inputs":[{"Node":{"node_id":13594670583065022897,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[15446793500614592278,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[3,[722.3484224965707,77.2565157750343]],[5,[718.2222222222222,97.09739368998628]],[7,[718.3100137174213,77.2565157750343]],[1,[694.3429355281208,73.8326474622771]],[4,[725.5967078189301,90.3374485596708]],[8,[697.5034293552812,77.4320987654321]],[6,[724.6310013717421,85.86008230452676]],[2,[702.244170096022,76.11522633744856]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[3,3],[4,4],[8,8],[1,1],[5,5],[7,7],[2,2],[6,6]],"end_point":[[4,5],[1,2],[5,6],[6,7],[3,4],[7,8],[8,1],[2,3]],"handle_primary":[[6,[-0.7023319615914261,-5.091906721536347]],[5,[0.0,0.0]],[1,[0.0,0.0]],[8,[-3.5116598079559935,-1.6680384087791396]],[7,[-6.236870142765838,-1.74052190030676]],[4,[-1.9392278971834005,5.143169640356035]],[2,[5.267489711934218,-0.7023319615912129]],[3,[3.456189131014753,3.3025807251918877]]],"handle_end":[[3,[2.0192043895747247,-5.355281207133089]],[6,[3.7750342935527215,1.0534979423868265]],[4,[0.0,0.0]],[2,[-3.950617283950578,-3.775034293552821]],[1,[-5.267489711934218,0.7023319615912129]],[8,[0.08779149519887142,0.08779149519891405]],[5,[0.6823799889585871,4.947254919948108]],[7,[3.5116598079559935,1.6680384087791396]]],"stroke":[[3,0],[1,0],[5,0],[6,0],[2,0],[4,0],[7,0],[8,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9684857454501250999,{"inputs":[{"Node":{"node_id":8699675339613677057,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13444661581815146533,{"inputs":[{"Node":{"node_id":16450742929146919960,"output_index":0,"lambda":false}},{"Node":{"node_id":10792166025753022402,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14993053984267866751,{"inputs":[{"Node":{"node_id":13907578809542898348,"output_index":0,"lambda":false}},{"Node":{"node_id":9863310024364795214,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16195626650123806176,{"inputs":[{"Node":{"node_id":14057307926677215422,"output_index":0,"lambda":false}},{"Node":{"node_id":1869448627329502330,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18279507457571359732,{"inputs":[{"Node":{"node_id":8697043784435445845,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3121275823460307102,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[2,[612.0,780.0]],[5,[595.5555555555555,791.1111111111111]],[4,[449.77777777777777,1025.7777777777778]],[3,[452.88888888888886,1025.3333333333333]],[1,[705.7777777777778,698.6666666666666]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[5,5],[1,1],[3,3],[2,2],[4,4]],"end_point":[[4,5],[3,4],[1,2],[2,3],[5,1]],"handle_primary":[[1,[0.0,0.0]],[2,[-35.111111111111086,34.66666666666663]],[3,[0.0,0.0]],[5,[54.93054949731868,-52.22097082256312]],[4,[0.0,0.0]]],"handle_end":[[1,[35.111111111111086,-34.66666666666663]],[5,[-1.1368683772161605e-13,-0.5925925925926094]],[3,[0.0,0.0]],[2,[59.111111111111086,-144.8888888888889]],[4,[-99.11111111111104,94.22222222222229]]],"stroke":[[3,0],[2,0],[4,0],[1,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13269760558336088742,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[5,[756.4444444444443,438.22222222222223]],[3,[595.1111111111111,439.55555555555554]],[1,[265.3333333333333,312.0]],[2,[447.1111111111111,332.44444444444446]],[4,[698.2222222222222,483.1111111111111]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[4,4],[1,1]],"end_point":[[3,4],[4,5],[1,2],[2,3]],"handle_primary":[[1,[0.0,0.0]],[3,[20.8888888888888,20.444444444444457]],[2,[83.95959630801838,35.04735442215451]],[4,[22.46059594926794,-9.800987323316916]]],"handle_end":[[2,[-20.8888888888888,-20.444444444444457]],[1,[-96.88888888888886,-40.44444444444446]],[3,[-48.888888888888914,21.33333333333331]],[4,[-22.222222222222285,23.111111111111143]]],"stroke":[[2,0],[4,0],[3,0],[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11590691579869262546,{"inputs":[{"Node":{"node_id":11553850607251055696,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13481022631108980683,{"inputs":[{"Node":{"node_id":9182448229950585507,"output_index":0,"lambda":false}},{"Node":{"node_id":12224498203743157414,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14797986717815207528,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[5,[868.0,380.44444444444446]],[4,[826.6666666666665,552.4444444444443]],[3,[665.7777777777778,658.6666666666667]],[1,[80.0,557.0]],[2,[425.0,650.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[1,1],[4,4]],"end_point":[[4,5],[3,4],[2,3],[1,2]],"handle_primary":[[4,[59.11111111111131,-70.66666666666652]],[3,[0.0,0.0]],[1,[134.0,-75.0]],[2,[105.59298295237464,48.735222901095995]]],"handle_end":[[4,[0.0,0.0]],[2,[0.0,0.0]],[1,[-104.0,-48.0]],[3,[-59.11111111111131,70.66666666666652]]],"stroke":[[3,0],[1,0],[2,0],[4,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5861306074868809692,{"inputs":[{"Node":{"node_id":10190227675276560561,"output_index":0,"lambda":false}},{"Node":{"node_id":3636653585682494814,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13907578809542898348,{"inputs":[{"Node":{"node_id":12313564802550122052,"output_index":0,"lambda":false}},{"Node":{"node_id":15827578515555598997,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[581013017684525986,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[803.5555555555554,878.6666666666665]],[2,[852.0,631.1111111111111]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[1,1],[2,2]],"end_point":[[1,2],[2,1]],"handle_primary":[[2,[-41.77777777777783,81.77777777777771]],[1,[0.0,0.0]]],"handle_end":[[1,[-37.77777777777783,80.88888888888903]],[2,[0.0,-0.4444444444443434]]],"stroke":[[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3670529450440935325,{"inputs":[{"Node":{"node_id":1384427686127078856,"output_index":0,"lambda":false}},{"Node":{"node_id":8543051864256131356,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12030171742672119253,{"inputs":[{"Node":{"node_id":12801133692316734622,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[7450965328305122110,{"inputs":[{"Node":{"node_id":2659768650911099730,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.4},"exposed":false}},{"Value":{"tagged_value":{"F64":2.5},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[1806828617441445250,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[395.3333333333333,758.0]],[4,[32.0,1025.3333333333333]],[3,[147.33333333333334,814.0000000000001]],[2,[304.6666666666667,765.3333333333333]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[3,3],[2,2],[1,1]],"end_point":[[1,2],[2,3],[3,4]],"handle_primary":[[2,[-32.666666666666686,0.6666666666667425]],[1,[0.0,0.0]],[3,[-50.13723402627032,36.301698579412914]]],"handle_end":[[2,[50.137234026270335,-36.301698579412914]],[3,[-0.6666666666666892,-122.66666666666686]],[1,[32.666666666666686,-0.6666666666667425]]],"stroke":[[2,0],[1,0],[3,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13475705179546695973,{"inputs":[{"Node":{"node_id":11451028343967836482,"output_index":0,"lambda":false}},{"Node":{"node_id":501401493219507773,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2594533001540454577,{"inputs":[{"Node":{"node_id":15518174914032911052,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":8.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9276497172451351253,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[607.1269623532997,114.75323883554336]],[3,[605.1760402377686,111.78783721993597]],[4,[605.9173906416706,103.71101966163694]],[1,[606.8928516994359,102.3453741807651]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[3,3],[1,1]],"end_point":[[1,2],[3,4],[4,1],[2,3]],"handle_primary":[[3,[-0.585276634659408,-2.419143423258646]],[2,[0.0,0.0]],[4,[0.27360881696279193,-0.7182231445274425]],[1,[0.0,0.0]]],"handle_end":[[3,[-0.6242950769699291,1.6387745770462772]],[1,[-1.3656454808717626,-5.306508154244753]],[2,[0.585276634659408,2.4191434232586317]],[4,[0.0,0.03901844231063478]]],"stroke":[[3,0],[1,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7821977654068146599,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[825.9524005971,863.6469292802573]],[1,[917.0,471.6]],[2,[826.5068586621596,856.9308484975209]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[1,1],[2,2],[3,3]],"end_point":[[1,2],[3,1],[2,3]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[-0.39999999999997726,191.19999999999985]],[2,[0.0,0.0]],[1,[94.89314133784036,-231.73084849752092]]],"stroke":[[2,0],[3,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15126865253122550765,{"inputs":[{"Node":{"node_id":13014628586360765651,"output_index":0,"lambda":false}},{"Node":{"node_id":4307303572241320716,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2682920349304670808,{"inputs":[{"Node":{"node_id":10928540355449103287,"output_index":0,"lambda":false}},{"Node":{"node_id":16324258033206362312,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13368990606109678244,{"inputs":[{"Node":{"node_id":421715625023770179,"output_index":0,"lambda":false}},{"Node":{"node_id":15961046538654083626,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16290933138334939444,{"inputs":[{"Node":{"node_id":17426609415699324395,"output_index":0,"lambda":false}},{"Node":{"node_id":14888395629683671889,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12496143061817048445,{"inputs":[{"Node":{"node_id":7525593029671097583,"output_index":0,"lambda":false}},{"Node":{"node_id":7654665057468818389,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12880230498984021417,{"inputs":[{"Node":{"node_id":15949658764632267703,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[14883504161508594099,{"inputs":[{"Node":{"node_id":13368990606109678244,"output_index":0,"lambda":false}},{"Node":{"node_id":11025165626998987360,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7262199696924786895,{"inputs":[{"Node":{"node_id":14029368390543839187,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[952330505278607301,{"inputs":[{"Node":{"node_id":15038739378867834454,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5302437193964714993,{"inputs":[{"Node":{"node_id":1235106489581249820,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[10792166025753022402,{"inputs":[{"Node":{"node_id":2780251074492832077,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[16649851742084147477,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[2,[838.6666666666666,564.0]],[1,[870.6666666666665,383.55555555555554]]]},"segments":{"add":[1],"remove":[],"start_point":[[1,1]],"end_point":[[1,2]],"handle_primary":[[1,[16.000000000000227,37.33333333333337]]],"handle_end":[[1,[48.44444444444446,-91.11111111111109]]],"stroke":[[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1272070255512697108,{"inputs":[{"Node":{"node_id":14012648643507848353,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17147975601187022720,{"inputs":[{"Node":{"node_id":18015048324114736039,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15518174914032911052,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[2,[814.2222222222223,498.66666666666663]],[4,[429.7777777777778,551.5555555555555]],[1,[851.5555555555557,370.66666666666663]],[3,[639.1111111111112,614.6666666666666]],[5,[262.6666666666667,423.5555555555556]],[6,[129.77777777777777,406.2222222222222]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[2,2],[5,5],[3,3],[1,1],[4,4]],"end_point":[[3,4],[1,2],[2,3],[4,5],[5,6]],"handle_primary":[[2,[-43.55555555555554,54.66666666666663]],[4,[-74.22222222222217,-57.77777777777783]],[3,[-83.11111111111109,3.111111111111086]],[1,[0.0,0.0]],[5,[-58.2222222222222,-21.77777777777783]]],"handle_end":[[4,[66.87431172777582,25.01405553176352]],[5,[57.333333333333314,-5.777777777777828]],[2,[83.11111111111109,-3.111111111111086]],[3,[74.22222222222217,57.77777777777783]],[1,[43.55555555555554,-54.66666666666663]]],"stroke":[[2,0],[3,0],[5,0],[1,0],[4,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17078740291337047697,{"inputs":[{"Node":{"node_id":3406722917122601552,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.84765625,"green":0.5384252,"blue":0.3874054,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.84765625,"green":0.5384252,"blue":0.3874054,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[10264089084180279094,{"inputs":[{"Node":{"node_id":5213978458941436169,"output_index":0,"lambda":false}},{"Node":{"node_id":4332145463108161926,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.0},"exposed":false}},{"Value":{"tagged_value":{"F64":60.0},"exposed":false}},{"Value":{"tagged_value":{"F64":-100.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[4859656512650360562,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[416.66666666666663,803.3333333333333]],[2,[249.3333333333334,898.0]],[1,[163.33333333333343,1025.3333333333333]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[1,2],[2,3]],"handle_primary":[[2,[40.66666666666666,-40.666666666666515]],[1,[0.0,0.0]]],"handle_end":[[2,[-77.99999999999994,22.666666666666742]],[1,[-45.09988913511887,45.099889135118815]]],"stroke":[[2,0],[1,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[13594670583065022897,{"inputs":[{"Node":{"node_id":13302269488061286120,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4265165189651403984,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":10264089084180279094,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12428327489525325219,{"inputs":[{"Node":{"node_id":14209241002058525241,"output_index":0,"lambda":false}},{"Node":{"node_id":1984475088429379731,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16767482995096345179,{"inputs":[{"Node":{"node_id":6532401937876437300,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5278509881589546420,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[1,[899.1111111111111,600.0000000000001]],[3,[823.7037037037037,861.8666666666667]],[2,[824.4444444444445,850.2222222222223]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[3,3],[2,2],[1,1]],"end_point":[[1,2],[2,3],[3,1]],"handle_primary":[[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[-26.31111111111113,120.79999999999984]],[1,[39.55555555555554,-105.8222222222222]]],"stroke":[[3,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7659717355245331967,{"inputs":[{"Node":{"node_id":18422317423856403288,"output_index":0,"lambda":false}},{"Node":{"node_id":4479074488343511985,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8697043784435445845,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35],"remove":[],"delta":[[9,[326.22222222222223,208.0]],[16,[172.44444444444446,239.40740740740745]],[4,[647.5555555555554,171.55555555555557]],[27,[251.06172839506175,233.283950617284]],[5,[616.4444444444443,170.22222222222223]],[33,[602.2716049382716,229.5308641975309]],[2,[701.7777777777777,252.0]],[24,[188.90085842299663,268.4351595864769]],[3,[679.9012345679013,198.716049382716]],[14,[155.06172839506175,249.08641975308643]],[23,[185.37661941777165,263.56957780826093]],[8,[413.77777777777777,199.55555555555551]],[35,[680.888888888889,281.48148148148147]],[12,[199.11111111111111,214.51851851851853]],[1,[699.5555555555554,303.55555555555554]],[34,[647.5061728395062,240.79012345679013]],[10,[271.1111111111111,207.55555555555551]],[22,[195.95061728395063,253.8271604938272]],[17,[183.50617283950615,231.70370370370372]],[28,[278.9135802469136,223.80246913580248]],[11,[208.44444444444443,212.0]],[25,[201.87654320987656,262.12345679012344]],[31,[463.01234567901247,246.71604938271605]],[29,[369.3827160493828,240.19753086419755]],[18,[195.1604938271605,228.54320987654324]],[19,[205.23456790123456,227.55555555555557]],[26,[227.55555555555557,246.51851851851853]],[30,[425.4814814814815,246.71604938271605]],[6,[553.7777777777777,195.11111111111111]],[7,[452.0,206.22222222222223]],[13,[173.03703703703707,226.962962962963]],[32,[526.0246913580247,240.79012345679013]],[20,[217.87654320987656,231.90123456790127]],[15,[155.85185185185185,253.03703703703707]],[21,[216.8888888888889,238.22222222222223]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35],"remove":[],"start_point":[[34,34],[9,9],[2,2],[17,17],[11,11],[29,29],[19,19],[14,14],[27,27],[30,30],[24,24],[5,5],[4,4],[31,31],[23,23],[1,1],[15,15],[6,6],[28,28],[7,7],[16,16],[22,22],[35,35],[18,18],[13,13],[12,12],[26,26],[8,8],[20,20],[25,25],[21,21],[10,10],[33,33],[3,3],[32,32]],"end_point":[[4,5],[27,28],[24,25],[33,34],[2,3],[9,10],[3,4],[1,2],[25,26],[18,19],[13,14],[23,24],[26,27],[21,22],[28,29],[8,9],[35,1],[12,13],[15,16],[19,20],[10,11],[17,18],[16,17],[11,12],[14,15],[32,33],[30,31],[7,8],[22,23],[20,21],[6,7],[5,6],[34,35],[29,30],[31,32]],"handle_primary":[[12,[-5.53086419753086,3.3580246913580254]],[13,[-9.28395061728395,7.703703703703695]],[24,[3.3430068414448044,-0.5735531240474074]],[4,[-10.222222222222172,-3.5555555555555713]],[18,[4.148148148148124,-1.3827160493827364]],[30,[11.061728395061778,0.7901234567900985]],[21,[-3.753086419753061,3.5555555555555713]],[7,[-8.444444444444457,-2.2222222222222285]],[27,[6.518518518518505,-6.518518518518562]],[3,[-17.576025737442137,-14.306067460708704]],[32,[23.90123456790127,-2.765432098765416]],[33,[24.098765432098844,-2.5679012345678984]],[23,[-0.9364426154549506,2.4191434232586175]],[9,[-30.22222222222223,1.3333333333333712]],[11,[0.0,0.0]],[22,[-8.16460905349794,4.4115226337448235]],[6,[-23.11111111111109,9.777777777777771]],[29,[29.4320987654321,3.358024691358054]],[25,[4.938271604938279,-3.160493827160451]],[10,[-12.888888888888856,1.7777777777778567]],[20,[2.3703703703704093,1.185185185185162]],[28,[14.81481481481478,1.9753086419753176]],[35,[10.469135802469168,11.851851851851848]],[1,[0.0,0.0]],[16,[5.530864197530889,-7.111111111111143]],[14,[-1.61975308641982,1.935802469135723]],[17,[2.7654320987654444,-0.790123456790127]],[34,[10.074074074074131,11.85185185185182]],[31,[19.753086419753004,-4.543209876543159]],[8,[-25.33333333333331,1.7777777777778567]],[15,[3.7530864197531177,-1.580246913580254]],[5,[-12.0,3.555555555555543]],[26,[8.493827160493822,-2.765432098765416]],[19,[4.74074074074079,0.9876543209876728]],[2,[-2.913580246913398,-22.66666666666669]]],"handle_end":[[26,[-6.518518518518505,6.518518518518505]],[27,[-14.81481481481478,-1.9753086419753176]],[34,[-10.469135802469168,-11.851851851851848]],[6,[8.444444444444457,2.222222222222257]],[31,[-23.90123456790127,2.7654320987653875]],[35,[0.0,5.684341886080804e-14]],[25,[-8.493827160493822,2.765432098765416]],[22,[0.752878950104872,-1.9449372877709263]],[19,[-2.3703703703704093,-1.185185185185162]],[20,[3.753086419753089,-3.5555555555556]],[14,[-3.7530864197531177,1.580246913580254]],[13,[1.4782632300064904,-1.7667048358613044]],[29,[-11.061728395061778,-0.790123456790127]],[1,[2.822923929132685,21.961391245287817]],[8,[30.22222222222223,-1.3333333333333712]],[11,[5.530864197530917,-3.3580246913580254]],[28,[-29.4320987654321,-3.358024691357997]],[9,[12.888888888888856,-1.777777777777743]],[2,[8.493827160493879,6.913580246913597]],[15,[-5.530864197530889,7.111111111111086]],[5,[23.11111111111109,-9.777777777777745]],[18,[-4.740740740740705,-0.9876543209876728]],[30,[-19.753086419753004,4.543209876543187]],[24,[-4.938271604938279,3.160493827160451]],[12,[9.283950617283978,-7.703703703703695]],[10,[20.88888888888889,-1.4814814814814952]],[4,[12.0,-3.555555555555543]],[17,[-4.148148148148152,1.3827160493827648]],[33,[-10.074074074074131,-11.851851851851848]],[32,[-24.098765432098844,2.5679012345678984]],[23,[-1.24660051630255,0.213876804468498]],[7,[25.33333333333331,-1.777777777777743]],[21,[9.952891875905069,-5.377772223271279]],[16,[-2.765432098765416,0.790123456790127]],[3,[10.222222222222172,3.5555555555555713]]],"stroke":[[13,0],[8,0],[1,0],[31,0],[21,0],[19,0],[2,0],[22,0],[25,0],[11,0],[17,0],[6,0],[28,0],[9,0],[24,0],[12,0],[20,0],[10,0],[4,0],[15,0],[16,0],[29,0],[34,0],[33,0],[3,0],[32,0],[14,0],[26,0],[23,0],[5,0],[30,0],[7,0],[27,0],[35,0],[18,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":35}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4236845268521674740,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[2,[568.8888888888889,785.4814814814813]],[1,[397.6296296296296,1025.185185185185]],[3,[393.1851851851852,1025.4814814814813]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[1,1],[3,3]],"end_point":[[3,1],[1,2],[2,3]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[3,null],[1,[-153.1851851851851,112.88888888888891]],[2,[33.777777777777885,-150.22222222222194]]],"stroke":[[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1984475088429379731,{"inputs":[{"Node":{"node_id":1621196991038859321,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[9271343782272072828,{"inputs":[{"Node":{"node_id":4078100635676202528,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.8980392,"green":0.8,"blue":0.6117647,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[514796034658094296,{"inputs":[{"Node":{"node_id":13352561089252322209,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[8698602280607307123,{"inputs":[{"Node":{"node_id":14098374807212007572,"output_index":0,"lambda":false}},{"Node":{"node_id":14285767317419627814,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10770443343193024138,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[1,[616.0987654320988,23.01234567901235]],[2,[621.0370370370372,23.01234567901235]],[4,[656.6913580246915,28.049382716049383]],[5,[671.3086419753088,28.641975308641975]],[6,[656.4609053497943,30.375857338820303]],[3,[634.172839506173,30.814814814814817]],[7,[634.1618655692731,33.7997256515775]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[6,6],[4,4],[3,3],[5,5],[7,7],[2,2],[1,1]],"end_point":[[7,1],[2,3],[4,5],[1,2],[6,7],[3,4],[5,6]],"handle_primary":[[4,[4.345679012345727,-0.39506172839505993]],[1,[0.0,0.0]],[6,[-10.31550068587103,2.4142661179698237]],[5,[0.0,0.0]],[2,[1.1851851851851052,1.5802469135802468]],[3,[6.024691358024711,0.4938271604938329]],[7,[-6.408779149519887,-0.8340192043895769]]],"handle_end":[[6,[6.408779149519887,0.8340192043895769]],[5,[10.31550068587103,-2.4142661179698237]],[2,[-6.024691358024711,-0.49382716049382935]],[1,[-1.1851851851851052,-1.5802469135802468]],[3,[-4.345679012345727,0.39506172839506704]],[7,[4.455418381344316,5.4759945130315515]],[4,[-0.39506172839503506,-0.5925925925925917]]],"stroke":[[3,0],[2,0],[1,0],[5,0],[7,0],[4,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1019037285881657884,{"inputs":[{"Node":{"node_id":11481949351661484921,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[8410534738018320047,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2],"remove":[],"delta":[[1,[834.6666666666665,551.8024691358028]],[2,[762.5185185185184,667.5061728395063]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[1,2],[2,1]],"handle_primary":[[2,[44.88888888888857,-64.49382716049388]],[1,[0.0,0.0]]],"handle_end":[[2,null],[1,[47.85185185185162,-63.160493827160394]]],"stroke":[[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":2}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2397243911096708995,{"inputs":[{"Node":{"node_id":10587073897090054035,"output_index":0,"lambda":false}},{"Node":{"node_id":7505360855062237520,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[541002100261582638,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[648.4444444444443,543.5555555555555]],[2,[536.8888888888889,544.4444444444445]],[1,[456.88888888888886,483.55555555555554]],[3,[609.7777777777777,559.5555555555555]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[2,2],[1,1],[3,3]],"end_point":[[2,3],[1,2],[3,4]],"handle_primary":[[1,[0.0,0.0]],[3,[20.0,-7.555555555555543]],[2,[25.777777777777715,11.555555555555545]]],"handle_end":[[3,[0.0,0.0]],[1,[-25.777777777777715,-11.555555555555545]],[2,[-20.0,7.555555555555543]]],"stroke":[[1,0],[2,0],[3,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5009664118231399060,{"inputs":[{"Node":{"node_id":3226457726231232839,"output_index":0,"lambda":false}},{"Node":{"node_id":17207895962122263432,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1378578509112405,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[3,[590.4855967078191,66.80932784636488]],[5,[593.3924706599604,60.59564090839812]],[2,[599.5281207133061,50.3923182441701]],[4,[594.6410608139003,75.57872275567746]],[1,[602.6886145404666,50.91906721536352]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[3,3],[4,4],[2,2],[5,5],[1,1]],"end_point":[[3,4],[2,3],[5,1],[4,5],[1,2]],"handle_primary":[[1,[0.0,0.0]],[3,[1.9314128943758533,7.3257125438195345]],[2,[-1.843621399176982,0.5267489711934203]],[5,[1.248590153939972,-3.9798811156835896]],[4,[0.0,0.0]]],"handle_end":[[4,[-1.704168058538812,5.432035686592322]],[5,[-4.379820149367788,0.9754610577655498]],[1,[1.843621399176982,-0.5267489711934203]],[3,[0.0,0.0]],[2,[-2.7532629181224593,-10.4429315732828]]],"stroke":[[2,0],[4,0],[5,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[501401493219507773,{"inputs":[{"Node":{"node_id":9425359632144678256,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.7529412,"green":0.15686275,"blue":0.13333334,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[1235106489581249820,{"inputs":[{"Node":{"node_id":3970516859959908758,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2394762731964337494,{"inputs":[{"Value":{"tagged_value":{"ArtboardGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":4422453582814483232,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"IVec2":[0,0]},"exposed":false}},{"Value":{"tagged_value":{"IVec2":[1024,1024]},"exposed":false}},{"Value":{"tagged_value":{"Color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":1}},{"Value":{"tagged_value":{"String":"Artboard"},"exposed":false}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToArtboardNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Network":{"import_type":{"Fn":[{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::graphic_element::Artboard>","alias":null}}]},"import_index":0}},{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::AppendArtboardNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4341772758799935306,{"inputs":[{"Node":{"node_id":1785173043494067496,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3226457726231232839,{"inputs":[{"Node":{"node_id":4493274523708782092,"output_index":0,"lambda":false}},{"Node":{"node_id":7922156219537051964,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6645255982686652881,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[0.5,0.0]],[3,[0.5,1.0]],[2,[1.0,0.5]],[4,[0.0,0.5]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[1,1],[4,4]],"end_point":[[1,2],[4,1],[3,4],[2,3]],"handle_primary":[[3,[-0.275892388889507,0.0]],[2,[0.0,0.27589238888950707]],[1,[0.27589238888950707,0.0]],[4,[0.0,-0.275892388889507]]],"handle_end":[[2,[0.27589238888950707,0.0]],[3,[0.0,0.27589238888950707]],[4,[-0.275892388889507,0.0]],[1,[0.0,-0.275892388889507]]],"stroke":[[1,0],[2,0],[3,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1162381870526064378,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":9271343782272072828,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[7447657690776686262,{"inputs":[{"Node":{"node_id":3649809135741361946,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9698363115186534174,{"inputs":[{"Node":{"node_id":1661691009086487874,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}],[5471152581000334146,{"inputs":[{"Node":{"node_id":12761901161949743155,"output_index":0,"lambda":false}},{"Node":{"node_id":952330505278607301,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15827578515555598997,{"inputs":[{"Node":{"node_id":15656854169166220905,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14539627480594383748,{"inputs":[{"Node":{"node_id":581013017684525986,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[2282726379014798660,{"inputs":[{"Node":{"node_id":454416440369338250,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11417901103965737900,{"inputs":[{"Node":{"node_id":13269760558336088742,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"PointSpacingType":"Separation"},"exposed":false}},{"Value":{"tagged_value":{"F64":5.0},"exposed":false}},{"Value":{"tagged_value":{"U32":100},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"Bool":false},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":4,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SubpathSegmentLengthsNode"}},"visible":true,"skip_deduplication":false}],[4,{"inputs":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::BoundlessFootprintNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::FreezeRealTimeNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MemoNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::misc::PointSpacingType","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":5}},{"Network":{"import_type":{"Concrete":{"name":"bool","alias":null}},"import_index":6}},{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::SamplePolylineNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15637103575662751567,{"inputs":[{"Node":{"node_id":314278016428495768,"output_index":0,"lambda":false}},{"Node":{"node_id":4350324834849900949,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10375238420217738812,{"inputs":[{"Node":{"node_id":2282726379014798660,"output_index":0,"lambda":false}},{"Node":{"node_id":17078740291337047697,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":1.2},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"U32":0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::CopyToPointsNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]},"network_metadata":{"persistent_metadata":{"node_metadata":[[11025165626998987360,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"input_name":"Random Scale Min","is_integer":false,"mode":"Range","range_min":0.0,"min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true,"unit":"x","range_max":2.0},"widget_override":"number"},{"input_data":{"is_integer":false,"unit":"x","mode":"Range","min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"blank_assist":true,"input_name":"Random Scale Max","range_max":2.0},"widget_override":"number"},{"input_data":{"range_min":-50.0,"input_name":"Random Scale Bias","blank_assist":true,"is_integer":false,"range_max":50.0,"mode":"Range","tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)"},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","is_integer":true,"min":0.0,"input_name":"Random Scale Seed","tooltip":"Seed to determine unique variations on all the randomized instance sizes"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"is_integer":false,"input_name":"Random Rotation","max":360.0,"mode":"Range","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","unit":"°"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"input_name":"Random Rotation Seed","tooltip":"Seed to determine unique variations on all the randomized instance angles","is_integer":true,"mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7654665057468818389,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1204243038352113866,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[431994205232245356,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,7]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13035777574951374461,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7821977654068146599,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9182448229950585507,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1806828617441445250,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16051539163551573193,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14345191642063772510,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2397243911096708995,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17494926338451345058,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5174744389209053970,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11464423670065789907,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"range_max":2.0,"input_name":"Random Scale Min","tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true,"unit":"x","is_integer":false,"min":0.0,"mode":"Range","range_min":0.0},"widget_override":"number"},{"input_data":{"range_min":0.0,"is_integer":false,"min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Max","unit":"x","range_max":2.0,"blank_assist":true,"mode":"Range"},"widget_override":"number"},{"input_data":{"blank_assist":true,"input_name":"Random Scale Bias","range_min":-50.0,"is_integer":false,"mode":"Range","range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)"},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":true,"min":0.0,"blank_assist":true,"input_name":"Random Scale Seed","tooltip":"Seed to determine unique variations on all the randomized instance sizes"},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation","mode":"Range","min":0.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","max":360.0,"unit":"°","blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","min":0.0,"is_integer":true,"blank_assist":true,"input_name":"Random Rotation Seed"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10375238420217738812,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"min":0.0,"range_max":2.0,"range_min":0.0,"unit":"x","mode":"Range","input_name":"Random Scale Min","is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true},"widget_override":"number"},{"input_data":{"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Max","mode":"Range","range_min":0.0,"min":0.0,"is_integer":false,"blank_assist":true,"range_max":2.0,"unit":"x"},"widget_override":"number"},{"input_data":{"is_integer":false,"range_max":50.0,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","mode":"Range","blank_assist":true,"input_name":"Random Scale Bias"},"widget_override":"number"},{"input_data":{"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true,"input_name":"Random Scale Seed","is_integer":true,"min":0.0},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation","min":0.0,"mode":"Range","unit":"°","blank_assist":true,"max":360.0,"is_integer":false,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise"},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed","mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18279507457571359732,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10432831427187785843,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13045580349734858212,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"min":0.01,"range_min":1.0,"input_name":"Separation Disk Diameter","is_integer":false,"blank_assist":true,"range_max":100.0,"mode":"Range"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"mode":"Increment","input_name":"Seed","is_integer":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8413863870096329943,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15177845878727456758,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2878992817082507910,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4784708315242877950,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9740500978584792725,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12473080738469616517,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15286091228862934481,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2959546142916532439,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14946189826912398678,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4663768795652429571,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1162381870526064378,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14887821801874852671,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6292009934909381201,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,88]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2087303479944421366,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11630078441485655672,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[542361600097372754,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14982414026754548178,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"mode":"Range","unit":"x","range_min":0.0,"blank_assist":true,"is_integer":false,"min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","range_max":2.0,"input_name":"Random Scale Min"},"widget_override":"number"},{"input_data":{"range_max":2.0,"is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true,"input_name":"Random Scale Max","min":0.0,"range_min":0.0,"unit":"x","mode":"Range"},"widget_override":"number"},{"input_data":{"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","range_max":50.0,"range_min":-50.0,"is_integer":false,"input_name":"Random Scale Bias","mode":"Range","blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"input_name":"Random Scale Seed","is_integer":true,"min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":false,"input_name":"Random Rotation","mode":"Range","blank_assist":true,"unit":"°","max":360.0,"min":0.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise"},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"mode":"Increment","is_integer":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13557369662261607646,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16175421708184657649,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10918055532782314571,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"input_name":"Random Scale Min","blank_assist":true,"min":0.0,"range_min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","is_integer":false,"range_max":2.0,"mode":"Range","unit":"x"},"widget_override":"number"},{"input_data":{"tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"mode":"Range","range_max":2.0,"unit":"x","input_name":"Random Scale Max","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"range_max":50.0,"input_name":"Random Scale Bias","is_integer":false,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","mode":"Range"},"widget_override":"number"},{"input_data":{"is_integer":true,"mode":"Increment","min":0.0,"blank_assist":true,"input_name":"Random Scale Seed","tooltip":"Seed to determine unique variations on all the randomized instance sizes"},"widget_override":"number"},{"input_data":{"max":360.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","mode":"Range","blank_assist":true,"input_name":"Random Rotation","min":0.0,"is_integer":false,"unit":"°"},"widget_override":"number"},{"input_data":{"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","is_integer":true,"input_name":"Random Rotation Seed","blank_assist":true,"min":0.0},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15982852655074258238,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13261814586176172586,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4572557574846980832,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"blank_assist":true,"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Min","is_integer":false,"range_min":0.0,"min":0.0,"mode":"Range","range_max":2.0,"unit":"x"},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"range_min":0.0,"min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","range_max":2.0,"input_name":"Random Scale Max","mode":"Range","unit":"x"},"widget_override":"number"},{"input_data":{"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","input_name":"Random Scale Bias","is_integer":false,"blank_assist":true,"mode":"Range","range_max":50.0},"widget_override":"number"},{"input_data":{"is_integer":true,"min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","mode":"Increment","blank_assist":true,"input_name":"Random Scale Seed"},"widget_override":"number"},{"input_data":{"mode":"Range","is_integer":false,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","unit":"°","max":360.0,"blank_assist":true,"input_name":"Random Rotation","min":0.0},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation Seed","min":0.0,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","blank_assist":true,"is_integer":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9529195152569434392,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14057307926677215422,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16767482995096345179,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1272070255512697108,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15827578515555598997,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4222034829755771252,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6672826052605647592,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12531351117929704587,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9276497172451351253,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14598755603287563819,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6124821161363551058,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"mode":"Increment","blank_assist":true,"unit":" px","is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"is_integer":true,"mode":"Increment","min":2.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"unit":" px","min":0.0,"blank_assist":true,"is_integer":false,"mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":false,"unit":" px","min":0.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17971411534648521628,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8595304668947966919,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1157261387411722141,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15239301303367148581,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12496143061817048445,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15798070933198867970,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6645255982686652881,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16446146761452576438,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","input_name":"Translation","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11481949351661484921,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"mode":"Increment","is_integer":false,"blank_assist":true,"unit":" px"},"widget_override":"number"},{"input_data":{"is_integer":true,"mode":"Increment","min":2.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"unit":" px","blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"mode":"Increment","min":0.0,"unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15303587427289959766,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14991324592500870173,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8375495949882478840,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4350324834849900949,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4479074488343511985,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9425359632144678256,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13302269488061286120,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12387541320114693418,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9778375740427894463,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3992858139802231032,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11479098559726891734,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2641530639940889619,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3150436463719911922,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_skew"},{"input_data":{},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13352561089252322209,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7747398671834040298,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Separation Disk Diameter","blank_assist":true,"range_max":100.0,"is_integer":false,"min":0.01,"range_min":1.0,"mode":"Range"},"widget_override":"number"},{"input_data":{"is_integer":true,"min":0.0,"mode":"Increment","input_name":"Seed","blank_assist":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11677503666435782605,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18190631752493248867,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3170924135668664007,{"persistent_metadata":{"reference":"Merge","display_name":"Pointing Arm","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10928540355449103287,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10792166025753022402,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4332145463108161926,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-31,292]}}},"network_metadata":null}}],[7893851488963635918,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11356586238302409958,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9271343782272072828,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9847383247226990698,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16290933138334939444,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4265165189651403984,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9470742171134780193,{"persistent_metadata":{"reference":"Merge","display_name":"Dotted Skirt","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":81}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6416452251137958677,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"range_min":0.0,"min":0.0,"unit":"x","range_max":2.0,"input_name":"Random Scale Min","is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true,"mode":"Range"},"widget_override":"number"},{"input_data":{"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range","range_min":0.0,"blank_assist":true,"is_integer":false,"unit":"x","input_name":"Random Scale Max","min":0.0},"widget_override":"number"},{"input_data":{"mode":"Range","range_min":-50.0,"range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","blank_assist":true,"input_name":"Random Scale Bias","is_integer":false},"widget_override":"number"},{"input_data":{"blank_assist":true,"input_name":"Random Scale Seed","min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","is_integer":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"min":0.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","mode":"Range","unit":"°","input_name":"Random Rotation","max":360.0,"is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed","is_integer":true,"mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7320676248579211727,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5213978458941436169,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"range_min":1.0,"min":0.01,"mode":"Range","input_name":"Separation Disk Diameter","is_integer":false,"range_max":100.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"input_name":"Seed","blank_assist":true,"is_integer":true,"min":0.0,"mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12219771677493189964,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8699675339613677057,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","unit":" px","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2440895173483452224,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3802858053991775169,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"range_max":100.0,"min":0.01,"range_min":1.0,"blank_assist":true,"input_name":"Separation Disk Diameter","is_integer":false,"mode":"Range"},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","blank_assist":true,"is_integer":true,"input_name":"Seed"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5555007473125503522,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11656581020969095354,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[541002100261582638,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10587073897090054035,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12876462860151722087,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12554368619682347699,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"unit":"x","mode":"Range","range_min":0.0,"blank_assist":true,"input_name":"Random Scale Min","is_integer":false,"min":0.0,"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance"},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Max","unit":"x","is_integer":false,"min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","range_max":2.0,"mode":"Range","range_min":0.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"range_min":-50.0,"input_name":"Random Scale Bias","mode":"Range","is_integer":false,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","range_max":50.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","is_integer":true,"blank_assist":true,"input_name":"Random Scale Seed","min":0.0},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation","mode":"Range","blank_assist":true,"is_integer":false,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","min":0.0,"max":360.0,"unit":"°"},"widget_override":"number"},{"input_data":{"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","is_integer":true,"blank_assist":true,"input_name":"Random Rotation Seed","min":0.0},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10264089084180279094,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"tooltip":"Minimum range of randomized sizes given to each instance","is_integer":false,"range_max":2.0,"min":0.0,"blank_assist":true,"range_min":0.0,"mode":"Range","unit":"x","input_name":"Random Scale Min"},"widget_override":"number"},{"input_data":{"range_max":2.0,"unit":"x","range_min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Max","is_integer":false,"blank_assist":true,"mode":"Range","min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"input_name":"Random Scale Bias","is_integer":false,"mode":"Range","range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","range_min":-50.0},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"mode":"Increment","input_name":"Random Scale Seed","tooltip":"Seed to determine unique variations on all the randomized instance sizes","is_integer":true},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation","mode":"Range","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","unit":"°","is_integer":false,"min":0.0,"blank_assist":true,"max":360.0},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance angles","min":0.0,"mode":"Increment","blank_assist":true,"input_name":"Random Rotation Seed","is_integer":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1621196991038859321,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"mode":"Increment","unit":" px","is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":true,"mode":"Increment","blank_assist":true,"min":2.0},"widget_override":"number"},{"input_data":{"unit":" px","is_integer":false,"min":0.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"unit":" px","blank_assist":true,"mode":"Increment","is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17378885078543074499,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12761901161949743155,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14993053984267866751,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1384427686127078856,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16649851742084147477,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17133591775058457007,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"range_max":2.0,"input_name":"Random Scale Min","is_integer":false,"mode":"Range","unit":"x","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"mode":"Range","tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"range_max":2.0,"unit":"x","input_name":"Random Scale Max","min":0.0,"is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Range","range_max":50.0,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","blank_assist":true,"input_name":"Random Scale Bias"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"mode":"Increment","input_name":"Random Scale Seed","is_integer":true,"tooltip":"Seed to determine unique variations on all the randomized instance sizes"},"widget_override":"number"},{"input_data":{"max":360.0,"unit":"°","min":0.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","is_integer":false,"blank_assist":true,"input_name":"Random Rotation","mode":"Range"},"widget_override":"number"},{"input_data":{"is_integer":true,"input_name":"Random Rotation Seed","min":0.0,"mode":"Increment","blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12313564802550122052,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12385950900718181935,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10086073308516686449,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8091904580702893317,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11021243031011826737,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2126710823743005151,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17364155187784942740,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[421715625023770179,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15038739378867834454,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4307303572241320716,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,319]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8543051864256131356,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"blank_assist":true,"is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range","range_max":2.0,"range_min":0.0,"input_name":"Random Scale Min","unit":"x","min":0.0},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Max","min":0.0,"range_min":0.0,"unit":"x","blank_assist":true,"tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range","is_integer":false,"range_max":2.0},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Bias","is_integer":false,"blank_assist":true,"mode":"Range","range_max":50.0,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)"},"widget_override":"number"},{"input_data":{"min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","input_name":"Random Scale Seed","is_integer":true,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"unit":"°","blank_assist":true,"input_name":"Random Rotation","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","mode":"Range","max":360.0,"min":0.0,"is_integer":false},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation Seed","min":0.0,"is_integer":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","blank_assist":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[615144098061106242,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9698363115186534174,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","range_max":2.0,"is_integer":false,"min":0.0,"mode":"Range","blank_assist":true,"input_name":"Random Scale Min","range_min":0.0},"widget_override":"number"},{"input_data":{"mode":"Range","range_min":0.0,"blank_assist":true,"is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","input_name":"Random Scale Max","range_max":2.0,"min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"range_max":50.0,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","mode":"Range","input_name":"Random Scale Bias","is_integer":false},"widget_override":"number"},{"input_data":{"is_integer":true,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true,"mode":"Increment","input_name":"Random Scale Seed","min":0.0},"widget_override":"number"},{"input_data":{"unit":"°","blank_assist":true,"input_name":"Random Rotation","min":0.0,"mode":"Range","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","max":360.0,"is_integer":false},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance angles","min":0.0,"is_integer":true,"blank_assist":true,"mode":"Increment","input_name":"Random Rotation Seed"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18214377096178867498,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"min":0.0,"input_name":"Random Scale Min","blank_assist":true,"is_integer":false,"mode":"Range","range_max":2.0,"range_min":0.0,"unit":"x","tooltip":"Minimum range of randomized sizes given to each instance"},"widget_override":"number"},{"input_data":{"range_max":2.0,"input_name":"Random Scale Max","blank_assist":true,"min":0.0,"unit":"x","is_integer":false,"range_min":0.0,"mode":"Range","tooltip":"Minimum range of randomized sizes given to each instance"},"widget_override":"number"},{"input_data":{"mode":"Range","input_name":"Random Scale Bias","tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","is_integer":false,"range_max":50.0,"blank_assist":true,"range_min":-50.0},"widget_override":"number"},{"input_data":{"min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true,"is_integer":true,"input_name":"Random Scale Seed","mode":"Increment"},"widget_override":"number"},{"input_data":{"max":360.0,"mode":"Range","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","input_name":"Random Rotation","blank_assist":true,"is_integer":false,"min":0.0,"unit":"°"},"widget_override":"number"},{"input_data":{"mode":"Increment","input_name":"Random Rotation Seed","is_integer":true,"blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","min":0.0},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4105711298139980122,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13368990606109678244,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10253927692147706615,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"blank_assist":true,"min":0.0,"input_name":"Random Scale Min","range_max":2.0,"is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"mode":"Range","unit":"x"},"widget_override":"number"},{"input_data":{"mode":"Range","range_min":0.0,"unit":"x","input_name":"Random Scale Max","min":0.0,"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"mode":"Range","input_name":"Random Scale Bias","range_max":50.0,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)"},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":true,"mode":"Increment","input_name":"Random Scale Seed","blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance sizes"},"widget_override":"number"},{"input_data":{"max":360.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","unit":"°","input_name":"Random Rotation","blank_assist":true,"mode":"Range","is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"input_name":"Random Rotation Seed","tooltip":"Seed to determine unique variations on all the randomized instance angles","is_integer":true,"mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1659518581611333812,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8934999452649011837,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,130]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13163272246010991228,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11804065810513502701,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5140869461760168364,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14285767317419627814,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8814059393325469059,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12131058586835568367,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10514847656270897393,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15637103575662751567,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6867142265138950838,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1713644030979611623,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3406722917122601552,{"persistent_metadata":{"reference":"Circle","display_name":"","input_properties":[{"input_data":{"input_name":"Primary"},"widget_override":null},{"input_data":{"input_name":"Radius"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-38,208]}}},"network_metadata":null}}],[13444661581815146533,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,97]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4078100635676202528,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4787732047489141819,{"persistent_metadata":{"reference":"Merge","display_name":"Tucked Arm","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":24}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4909350123806022131,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3971837674569123876,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"range_max":2.0,"blank_assist":true,"tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range","range_min":0.0,"min":0.0,"unit":"x","is_integer":false,"input_name":"Random Scale Min"},"widget_override":"number"},{"input_data":{"range_max":2.0,"is_integer":false,"min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","input_name":"Random Scale Max","mode":"Range","range_min":0.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","is_integer":false,"input_name":"Random Scale Bias","mode":"Range","range_max":50.0,"range_min":-50.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","input_name":"Random Scale Seed","min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true,"is_integer":true},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Range","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","blank_assist":true,"input_name":"Random Rotation","is_integer":false,"unit":"°","max":360.0},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation Seed","min":0.0,"mode":"Increment","is_integer":true,"blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1167210731467447244,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5185036609290210853,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3535178979443201645,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1661691009086487874,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"unit":" px","min":0.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":true,"blank_assist":true,"min":2.0},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":false,"min":0.0,"blank_assist":true,"unit":" px"},"widget_override":"number"},{"input_data":{"blank_assist":true,"unit":" px","mode":"Increment","is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5278509881589546420,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2594533001540454577,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"blank_assist":true,"is_integer":false,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"unit":" px","blank_assist":true,"mode":"Increment","is_integer":false},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"is_integer":false,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17699121037850769131,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1889157037801767612,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Separation Disk Diameter","blank_assist":true,"min":0.01,"is_integer":false,"mode":"Range","range_max":100.0,"range_min":1.0},"widget_override":"number"},{"input_data":{"is_integer":true,"min":0.0,"blank_assist":true,"mode":"Increment","input_name":"Seed"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13045087323693407920,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17529660518597229229,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Random Scale Min","blank_assist":true,"min":0.0,"mode":"Range","unit":"x","tooltip":"Minimum range of randomized sizes given to each instance","range_max":2.0,"is_integer":false,"range_min":0.0},"widget_override":"number"},{"input_data":{"min":0.0,"range_max":2.0,"input_name":"Random Scale Max","tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"mode":"Range","is_integer":false,"unit":"x","blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Range","range_max":50.0,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","input_name":"Random Scale Bias","blank_assist":true},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true,"mode":"Increment","is_integer":true,"min":0.0,"input_name":"Random Scale Seed"},"widget_override":"number"},{"input_data":{"max":360.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","min":0.0,"unit":"°","input_name":"Random Rotation","blank_assist":true,"is_integer":false,"mode":"Range"},"widget_override":"number"},{"input_data":{"blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","min":0.0,"mode":"Increment","is_integer":true,"input_name":"Random Rotation Seed"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[5020096817747898028,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12801133692316734622,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"blank_assist":true,"unit":" px","mode":"Increment","is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","min":2.0,"is_integer":true,"blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","is_integer":false,"blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5040278174920511484,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14012583111791538162,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9782123335421401489,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15896921950407486754,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17118107476414252025,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","x":"W","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10424806499648491677,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14079496619264986678,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3686761601672683183,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"mode":"Increment","min":0.0,"unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{"min":2.0,"blank_assist":true,"mode":"Increment","is_integer":true},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","blank_assist":true,"unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{"unit":" px","min":0.0,"mode":"Increment","blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4248321400839848160,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,124]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6988349135757634271,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6973438081601736688,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17945736750161448391,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4493274523708782092,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11565160497886435388,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"unit":" px","is_integer":false,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","is_integer":false,"blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"mode":"Increment","min":0.0,"unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3670529450440935325,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3827449344952693766,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","blank_assist":true,"is_integer":false,"mode":"Increment","min":0.0},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"unit":" px","min":0.0,"is_integer":false},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"mode":"Increment","unit":" px","min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7525593029671097583,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7447657690776686262,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"unit":" px","mode":"Increment","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Increment","unit":" px","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":false,"blank_assist":true,"min":0.0,"unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10190227675276560561,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3414873131936208778,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10795820039540504703,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13644138583806412631,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16796171662855500935,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13014628586360765651,{"persistent_metadata":{"reference":"Merge","display_name":"Dotted Aura","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7922156219537051964,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"is_integer":false,"blank_assist":true,"min":0.0,"mode":"Range","unit":"x","input_name":"Random Scale Min","range_min":0.0,"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance"},"widget_override":"number"},{"input_data":{"min":0.0,"range_max":2.0,"unit":"x","input_name":"Random Scale Max","range_min":0.0,"is_integer":false,"blank_assist":true,"tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range"},"widget_override":"number"},{"input_data":{"blank_assist":true,"range_min":-50.0,"range_max":50.0,"is_integer":false,"mode":"Range","input_name":"Random Scale Bias","tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)"},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Seed","tooltip":"Seed to determine unique variations on all the randomized instance sizes","is_integer":true,"blank_assist":true,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"unit":"°","input_name":"Random Rotation","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","blank_assist":true,"max":360.0,"min":0.0,"is_integer":false,"mode":"Range"},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation Seed","blank_assist":true,"min":0.0,"is_integer":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16324258033206362312,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Random Scale Min","range_min":0.0,"is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","min":0.0,"unit":"x","range_max":2.0,"mode":"Range","blank_assist":true},"widget_override":"number"},{"input_data":{"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Max","min":0.0,"range_min":0.0,"is_integer":false,"mode":"Range","range_max":2.0,"unit":"x","blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Range","range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","range_min":-50.0,"input_name":"Random Scale Bias","blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance sizes","input_name":"Random Scale Seed","is_integer":true,"min":0.0,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Range","blank_assist":true,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","is_integer":false,"max":360.0,"unit":"°","min":0.0,"input_name":"Random Rotation"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"is_integer":true,"input_name":"Random Rotation Seed","min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance angles"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10860592954464951000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10619788176782820865,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14012648643507848353,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17078740291337047697,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-31,208]}}},"network_metadata":null}}],[8698602280607307123,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3955326429435439190,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","mode":"Range","range_min":0.0,"range_max":2.0,"input_name":"Random Scale Min"},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Range","range_min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","min":0.0,"range_max":2.0,"blank_assist":true,"unit":"x","input_name":"Random Scale Max"},"widget_override":"number"},{"input_data":{"range_max":50.0,"blank_assist":true,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","mode":"Range","input_name":"Random Scale Bias","is_integer":false},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance sizes","mode":"Increment","min":0.0,"input_name":"Random Scale Seed","is_integer":true,"blank_assist":true},"widget_override":"number"},{"input_data":{"unit":"°","blank_assist":true,"max":360.0,"min":0.0,"input_name":"Random Rotation","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","is_integer":false,"mode":"Range"},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation Seed","min":0.0,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","is_integer":true,"blank_assist":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15460109068588328521,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13231685386999438557,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[9954843247420111867,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","unit":"x","y":"H","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11616089678400336955,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"range_max":2.0,"blank_assist":true,"mode":"Range","min":0.0,"unit":"x","range_min":0.0,"is_integer":false,"input_name":"Random Scale Min","tooltip":"Minimum range of randomized sizes given to each instance"},"widget_override":"number"},{"input_data":{"range_max":2.0,"blank_assist":true,"input_name":"Random Scale Max","is_integer":false,"mode":"Range","min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"unit":"x"},"widget_override":"number"},{"input_data":{"range_min":-50.0,"blank_assist":true,"is_integer":false,"range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","input_name":"Random Scale Bias","mode":"Range"},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Seed","is_integer":true,"blank_assist":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","min":0.0},"widget_override":"number"},{"input_data":{"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","is_integer":false,"min":0.0,"input_name":"Random Rotation","unit":"°","max":360.0,"blank_assist":true,"mode":"Range"},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","is_integer":true,"input_name":"Random Rotation Seed","blank_assist":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15446793500614592278,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[514796034658094296,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16805628435335819723,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15815816861435910950,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11058365317860779469,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7141088190930752823,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"mode":"Increment","blank_assist":true,"unit":" px","min":0.0},"widget_override":"number"},{"input_data":{"min":2.0,"mode":"Increment","blank_assist":true,"is_integer":true},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","min":0.0,"blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13481022631108980683,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[581013017684525986,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11451028343967836482,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7466034304713056391,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13014916927589286309,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"is_integer":false,"input_name":"Separation Disk Diameter","mode":"Range","range_max":100.0,"range_min":1.0,"min":0.01,"blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","input_name":"Seed","blank_assist":true,"min":0.0,"is_integer":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1235106489581249820,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","blank_assist":true,"is_integer":false,"mode":"Increment","min":0.0},"widget_override":"number"},{"input_data":{"min":2.0,"mode":"Increment","is_integer":true,"blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"unit":" px","min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"unit":" px","min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3649809135741361946,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3226457726231232839,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17336535036064625290,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4832236468224231783,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4372998635946271235,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5471152581000334146,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14817659161913199655,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17815494794630739611,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6580280438672662494,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14894569344576297448,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4422453582814483232,{"persistent_metadata":{"reference":"Merge","display_name":"Hair and Face","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-7,4]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14675232891471617236,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14778750092903591172,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14888395629683671889,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"min":0.0,"blank_assist":true,"is_integer":false,"mode":"Range","range_max":2.0,"range_min":0.0,"input_name":"Random Scale Min","unit":"x","tooltip":"Minimum range of randomized sizes given to each instance"},"widget_override":"number"},{"input_data":{"blank_assist":true,"unit":"x","is_integer":false,"range_max":2.0,"input_name":"Random Scale Max","min":0.0,"mode":"Range","tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0},"widget_override":"number"},{"input_data":{"range_min":-50.0,"input_name":"Random Scale Bias","is_integer":false,"blank_assist":true,"mode":"Range","range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)"},"widget_override":"number"},{"input_data":{"blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","input_name":"Random Scale Seed","is_integer":true,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"is_integer":false,"input_name":"Random Rotation","max":360.0,"mode":"Range","min":0.0,"unit":"°","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed","min":0.0,"mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8240895922641772563,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3627710206997006419,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10336592647221792772,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10420981328998103391,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12428327489525325219,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11199691961479466803,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Min","range_max":2.0,"min":0.0,"is_integer":false,"blank_assist":true,"range_min":0.0,"unit":"x","mode":"Range"},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Range","unit":"x","blank_assist":true,"min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"input_name":"Random Scale Max","range_max":2.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"range_max":50.0,"range_min":-50.0,"mode":"Range","tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","is_integer":false,"input_name":"Random Scale Bias"},"widget_override":"number"},{"input_data":{"is_integer":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true,"input_name":"Random Scale Seed","min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"max":360.0,"mode":"Range","min":0.0,"unit":"°","input_name":"Random Rotation","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","blank_assist":true,"input_name":"Random Rotation Seed","is_integer":true,"min":0.0},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12049041947382267086,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5269304445610080925,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"min":0.0,"blank_assist":true,"input_name":"Random Scale Min","is_integer":false,"range_max":2.0,"range_min":0.0,"mode":"Range","unit":"x","tooltip":"Minimum range of randomized sizes given to each instance"},"widget_override":"number"},{"input_data":{"is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","blank_assist":true,"input_name":"Random Scale Max","mode":"Range","min":0.0,"range_max":2.0,"range_min":0.0},"widget_override":"number"},{"input_data":{"range_max":50.0,"is_integer":false,"mode":"Range","input_name":"Random Scale Bias","range_min":-50.0,"blank_assist":true,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)"},"widget_override":"number"},{"input_data":{"is_integer":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","input_name":"Random Scale Seed","min":0.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Range","unit":"°","is_integer":false,"max":360.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","blank_assist":true,"min":0.0,"input_name":"Random Rotation"},"widget_override":"number"},{"input_data":{"is_integer":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","blank_assist":true,"mode":"Increment","min":0.0,"input_name":"Random Rotation Seed"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8230694129617719636,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2394762731964337494,{"persistent_metadata":{"reference":"Artboard","display_name":"","input_properties":[{"input_data":{"input_name":"Artboards"},"widget_override":null},{"input_data":{"input_name":"Contents"},"widget_override":"hidden"},{"input_data":{"unit":" px","input_name":"Location","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"y":"H","unit":" px","input_name":"Dimensions","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Background"},"widget_override":"artboard_background"},{"input_data":{"input_name":"Clip"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-3,1]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-2,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Append Artboards","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[6,-4]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Artboard","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-10,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2659768650911099730,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"unit":" px","min":0.0,"mode":"Increment","is_integer":false},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":2.0,"is_integer":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","unit":" px","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"mode":"Increment","is_integer":false,"unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17426609415699324395,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2282726379014798660,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"mode":"Increment","blank_assist":true,"unit":" px","min":0.0},"widget_override":"number"},{"input_data":{"is_integer":true,"min":2.0,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"mode":"Increment","unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{"blank_assist":true,"unit":" px","min":0.0,"is_integer":false,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14225285635863713990,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","unit":"x","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4859656512650360562,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14883504161508594099,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,295]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12838133055063962839,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2780251074492832077,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3970516859959908758,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5302437193964714993,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"input_name":"Random Scale Min","range_min":0.0,"blank_assist":true,"is_integer":false,"min":0.0,"range_max":2.0,"mode":"Range","tooltip":"Minimum range of randomized sizes given to each instance","unit":"x"},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"input_name":"Random Scale Max","range_min":0.0,"mode":"Range","min":0.0,"range_max":2.0,"unit":"x","tooltip":"Minimum range of randomized sizes given to each instance"},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Bias","tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","range_max":50.0,"is_integer":false,"mode":"Range","range_min":-50.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","min":0.0,"is_integer":true,"input_name":"Random Scale Seed"},"widget_override":"number"},{"input_data":{"min":0.0,"unit":"°","mode":"Range","blank_assist":true,"is_integer":false,"max":360.0,"input_name":"Random Rotation","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise"},"widget_override":"number"},{"input_data":{"is_integer":true,"min":0.0,"input_name":"Random Rotation Seed","blank_assist":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17207349373429328029,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18207065424980079673,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","blank_assist":true,"is_integer":false,"mode":"Increment","min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":2.0,"mode":"Increment","is_integer":true},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"min":0.0,"unit":" px","mode":"Increment"},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"mode":"Increment","unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8697043784435445845,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10270446074640675342,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{"y":"Y","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{},"widget_override":"transform_skew"},{"input_data":{},"widget_override":"hidden"}],"output_names":["Data"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5861306074868809692,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15518174914032911052,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2698266912167150713,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15126865253122550765,{"persistent_metadata":{"reference":"Merge","display_name":"Dotted Bodice","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":21}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5455777299776842371,{"persistent_metadata":{"reference":"Merge","display_name":"Beaded Skirt","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":78}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[907841922684377912,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15498700602024283966,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4453139144069993994,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12224498203743157414,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17967471489196302183,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14539627480594383748,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16530658574540156160,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17324767436949538365,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9371909264427723282,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8410534738018320047,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5326536612985524219,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"range_min":1.0,"range_max":100.0,"is_integer":false,"input_name":"Separation Disk Diameter","min":0.01,"mode":"Range","blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"input_name":"Seed","is_integer":true,"blank_assist":true,"mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16450742929146919960,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9684857454501250999,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15395954548128560685,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10770443343193024138,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10421722418968896452,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11268046366284173800,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1378578509112405,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13975451746581400000,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8644924780109919177,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","is_integer":false,"min":0.0,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Increment","unit":" px","blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","min":0.0,"unit":" px","blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16536768589601337644,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[18015048324114736039,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13594670583065022897,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","min":0.0,"is_integer":false,"blank_assist":true,"mode":"Increment"},"widget_override":"number"},{"input_data":{"min":2.0,"is_integer":true,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"unit":" px","mode":"Increment","blank_assist":true,"is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{"unit":" px","min":0.0,"is_integer":false,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10133176481349663495,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[172538270105470471,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11573595155909211511,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"mode":"Increment","is_integer":false,"unit":" px","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"is_integer":true,"mode":"Increment","min":2.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"blank_assist":true,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7450965328305122110,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"unit":"x","blank_assist":true,"mode":"Range","range_min":0.0,"is_integer":false,"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Min","min":0.0},"widget_override":"number"},{"input_data":{"range_min":0.0,"mode":"Range","is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","range_max":2.0,"min":0.0,"unit":"x","blank_assist":true,"input_name":"Random Scale Max"},"widget_override":"number"},{"input_data":{"range_min":-50.0,"is_integer":false,"input_name":"Random Scale Bias","range_max":50.0,"mode":"Range","tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":true,"min":0.0,"input_name":"Random Scale Seed","mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"mode":"Range","unit":"°","input_name":"Random Rotation","max":360.0,"blank_assist":true,"is_integer":false,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise"},"widget_override":"number"},{"input_data":{"blank_assist":true,"input_name":"Random Rotation Seed","mode":"Increment","min":0.0,"is_integer":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14831840560430171946,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7505360855062237520,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16195626650123806176,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11632506522064533635,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15492651270767932214,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18319784717194273926,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13475705179546695973,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3121275823460307102,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18067513817508158001,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"is_integer":false,"mode":"Increment","unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{"min":2.0,"is_integer":true,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","unit":" px","is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11417901103965737900,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"min":0.0,"is_integer":false,"mode":"Increment","unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{"min":2.0,"mode":"Increment","is_integer":true,"blank_assist":true},"widget_override":"number"},{"input_data":{"unit":" px","is_integer":false,"min":0.0,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"unit":" px","is_integer":false,"mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16732130236852371275,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","is_integer":false,"mode":"Increment","min":0.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"mode":"Increment","min":2.0},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Increment","unit":" px","min":0.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"blank_assist":true,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1984475088429379731,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"input_name":"Random Scale Min","blank_assist":true,"mode":"Range","tooltip":"Minimum range of randomized sizes given to each instance","is_integer":false,"range_min":0.0,"range_max":2.0,"unit":"x","min":0.0},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Max","range_max":2.0,"min":0.0,"range_min":0.0,"mode":"Range","is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","blank_assist":true},"widget_override":"number"},{"input_data":{"range_min":-50.0,"is_integer":false,"input_name":"Random Scale Bias","blank_assist":true,"range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","mode":"Range"},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Seed","min":0.0,"is_integer":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Range","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","unit":"°","blank_assist":true,"min":0.0,"is_integer":false,"input_name":"Random Rotation","max":360.0},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation Seed","blank_assist":true,"min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance angles","is_integer":true,"mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14035980686649077716,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17891208858820401648,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","unit":" px","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","y":"H","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15735375935164094402,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[314278016428495768,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9863310024364795214,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[3636653585682494814,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","range_max":2.0,"blank_assist":true,"input_name":"Random Scale Min","mode":"Range","range_min":0.0,"min":0.0,"is_integer":false},"widget_override":"number"},{"input_data":{"range_min":0.0,"input_name":"Random Scale Max","mode":"Range","is_integer":false,"tooltip":"Minimum range of randomized sizes given to each instance","unit":"x","min":0.0,"blank_assist":true,"range_max":2.0},"widget_override":"number"},{"input_data":{"mode":"Range","input_name":"Random Scale Bias","range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","is_integer":false,"blank_assist":true,"range_min":-50.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"input_name":"Random Scale Seed","is_integer":true,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance sizes"},"widget_override":"number"},{"input_data":{"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","max":360.0,"is_integer":false,"mode":"Range","input_name":"Random Rotation","blank_assist":true,"min":0.0,"unit":"°"},"widget_override":"number"},{"input_data":{"is_integer":true,"min":0.0,"mode":"Increment","blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16434255153991868080,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"range_min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Min","unit":"x","mode":"Range","blank_assist":true,"range_max":2.0,"min":0.0,"is_integer":false},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Max","min":0.0,"range_max":2.0,"mode":"Range","unit":"x","range_min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","is_integer":false,"blank_assist":true},"widget_override":"number"},{"input_data":{"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","blank_assist":true,"is_integer":false,"mode":"Range","range_max":50.0,"input_name":"Random Scale Bias","range_min":-50.0},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Seed","blank_assist":true,"mode":"Increment","is_integer":true,"min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance sizes"},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation","unit":"°","max":360.0,"mode":"Range","is_integer":false,"min":0.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"min":0.0,"is_integer":true,"input_name":"Random Rotation Seed","tooltip":"Seed to determine unique variations on all the randomized instance angles"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[501401493219507773,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14537754528543289381,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[952330505278607301,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4577638792388493935,{"persistent_metadata":{"reference":"Merge","display_name":"Head and Neck","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":78}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17064046832210629373,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11899713172487274471,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15466714490303763249,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10689298484366290551,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1785173043494067496,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[454416440369338250,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14209241002058525241,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7385465194555106679,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,211]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17147975601187022720,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4341772758799935306,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"min":0.0,"mode":"Increment","unit":" px","blank_assist":true},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":true,"min":2.0,"blank_assist":true},"widget_override":"number"},{"input_data":{"is_integer":false,"blank_assist":true,"min":0.0,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{"unit":" px","blank_assist":true,"mode":"Increment","is_integer":false,"min":0.0},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14098374807212007572,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2175432926627256613,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-17,328]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11666664915283969027,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13907578809542898348,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15857077552290328068,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7659717355245331967,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12062649793560663566,{"persistent_metadata":{"reference":"Merge","display_name":"Solid Red Skirt","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":3}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2660652185019504730,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"unit":" px","mode":"Increment"},"widget_override":"number"},{"input_data":{"mode":"Increment","is_integer":true,"blank_assist":true,"min":2.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","min":0.0,"is_integer":false,"unit":" px"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"is_integer":false,"mode":"Increment","unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5002654561220917457,{"persistent_metadata":{"reference":"Scatter Points","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"range_max":100.0,"input_name":"Separation Disk Diameter","mode":"Range","min":0.01,"range_min":1.0,"blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"input_name":"Seed","min":0.0,"is_integer":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Poisson-Disk Points","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15578929303912288394,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16756940771483104467,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1869448627329502330,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"input_name":"Random Scale Min","min":0.0,"blank_assist":true,"mode":"Range","range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance","is_integer":false,"unit":"x","range_min":0.0},"widget_override":"number"},{"input_data":{"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance","is_integer":false,"blank_assist":true,"min":0.0,"range_min":0.0,"unit":"x","mode":"Range","input_name":"Random Scale Max"},"widget_override":"number"},{"input_data":{"mode":"Range","tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","blank_assist":true,"is_integer":false,"range_min":-50.0,"input_name":"Random Scale Bias","range_max":50.0},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Seed","blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","is_integer":true,"mode":"Increment","min":0.0},"widget_override":"number"},{"input_data":{"mode":"Range","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","unit":"°","max":360.0,"is_integer":false,"min":0.0,"blank_assist":true,"input_name":"Random Rotation"},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance angles","blank_assist":true,"is_integer":true,"min":0.0,"input_name":"Random Rotation Seed","mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11553850607251055696,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18422317423856403288,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15961046538654083626,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"is_integer":false,"min":0.0,"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range","input_name":"Random Scale Min","blank_assist":true,"range_min":0.0,"unit":"x"},"widget_override":"number"},{"input_data":{"range_max":2.0,"mode":"Range","blank_assist":true,"range_min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","min":0.0,"is_integer":false,"input_name":"Random Scale Max","unit":"x"},"widget_override":"number"},{"input_data":{"blank_assist":true,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","input_name":"Random Scale Bias","is_integer":false,"range_max":50.0,"mode":"Range","range_min":-50.0},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true,"input_name":"Random Scale Seed","is_integer":true,"mode":"Increment","min":0.0},"widget_override":"number"},{"input_data":{"mode":"Range","input_name":"Random Rotation","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","unit":"°","blank_assist":true,"is_integer":false,"min":0.0,"max":360.0},"widget_override":"number"},{"input_data":{"is_integer":true,"min":0.0,"mode":"Increment","tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed","blank_assist":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6282972142629473139,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12594527670567285670,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12880230498984021417,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"is_integer":false,"input_name":"Random Scale Min","min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range","unit":"x","range_min":0.0,"blank_assist":true,"range_max":2.0},"widget_override":"number"},{"input_data":{"range_max":2.0,"mode":"Range","range_min":0.0,"input_name":"Random Scale Max","tooltip":"Minimum range of randomized sizes given to each instance","is_integer":false,"min":0.0,"unit":"x","blank_assist":true},"widget_override":"number"},{"input_data":{"range_max":50.0,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","is_integer":false,"input_name":"Random Scale Bias","mode":"Range","blank_assist":true},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance sizes","min":0.0,"mode":"Increment","blank_assist":true,"input_name":"Random Scale Seed","is_integer":true},"widget_override":"number"},{"input_data":{"unit":"°","blank_assist":true,"max":360.0,"tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","min":0.0,"input_name":"Random Rotation","mode":"Range","is_integer":false},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed","min":0.0,"mode":"Increment"},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[13269760558336088742,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16551385471328831128,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15656854169166220905,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2682920349304670808,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12030171742672119253,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"is_integer":false,"mode":"Range","blank_assist":true,"min":0.0,"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance","input_name":"Random Scale Min","unit":"x","range_min":0.0},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Max","tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range","range_max":2.0,"range_min":0.0,"unit":"x","is_integer":false,"blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","range_max":50.0,"range_min":-50.0,"input_name":"Random Scale Bias","is_integer":false,"blank_assist":true,"mode":"Range"},"widget_override":"number"},{"input_data":{"blank_assist":true,"input_name":"Random Scale Seed","min":0.0,"is_integer":true,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","mode":"Increment"},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation","blank_assist":true,"min":0.0,"unit":"°","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","is_integer":false,"mode":"Range","max":360.0},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance angles","input_name":"Random Rotation Seed","is_integer":true,"mode":"Increment","blank_assist":true,"min":0.0},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10599660455959346550,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7262199696924786895,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","min":0.0,"mode":"Increment","blank_assist":true,"is_integer":false},"widget_override":"number"},{"input_data":{"is_integer":true,"blank_assist":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":0.0,"is_integer":false,"unit":" px","mode":"Increment"},"widget_override":"number"},{"input_data":{"min":0.0,"is_integer":false,"blank_assist":true,"unit":" px","mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5009664118231399060,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16137033772363318157,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10586744777717861556,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"tooltip":"Artwork to be copied and placed at each point","input_name":"Instance"},"widget_override":null},{"input_data":{"mode":"Range","range_max":2.0,"blank_assist":true,"range_min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","min":0.0,"input_name":"Random Scale Min","is_integer":false,"unit":"x"},"widget_override":"number"},{"input_data":{"input_name":"Random Scale Max","tooltip":"Minimum range of randomized sizes given to each instance","mode":"Range","range_max":2.0,"unit":"x","is_integer":false,"blank_assist":true,"min":0.0,"range_min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"range_min":-50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","mode":"Range","input_name":"Random Scale Bias","range_max":50.0,"is_integer":false},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"tooltip":"Seed to determine unique variations on all the randomized instance sizes","is_integer":true,"input_name":"Random Scale Seed","min":0.0},"widget_override":"number"},{"input_data":{"is_integer":false,"mode":"Range","max":360.0,"min":0.0,"unit":"°","blank_assist":true,"input_name":"Random Rotation","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise"},"widget_override":"number"},{"input_data":{"input_name":"Random Rotation Seed","tooltip":"Seed to determine unique variations on all the randomized instance angles","is_integer":true,"mode":"Increment","min":0.0,"blank_assist":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11659756061767599421,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6532401937876437300,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14862049226133442027,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16339345235172368839,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14797986717815207528,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4236845268521674740,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4131094614457622424,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","blank_assist":true,"is_integer":false,"mode":"Increment","min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":true,"min":2.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","min":0.0,"is_integer":false,"unit":" px"},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"min":0.0,"unit":" px","is_integer":false},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11194653561109699287,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11590691579869262546,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15949658764632267703,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"unit":" px","blank_assist":true,"is_integer":false,"min":0.0,"mode":"Increment"},"widget_override":"number"},{"input_data":{"blank_assist":true,"min":2.0,"mode":"Increment","is_integer":true},"widget_override":"number"},{"input_data":{"min":0.0,"blank_assist":true,"unit":" px","mode":"Increment","is_integer":false},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Increment","is_integer":false,"min":0.0,"unit":" px"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2044103368441997753,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1019037285881657884,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"input_name":"Random Scale Min","is_integer":false,"unit":"x","tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"range_max":2.0,"mode":"Range","blank_assist":true,"min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"mode":"Range","input_name":"Random Scale Max","min":0.0,"range_max":2.0,"tooltip":"Minimum range of randomized sizes given to each instance","range_min":0.0,"is_integer":false,"unit":"x"},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"mode":"Range","range_min":-50.0,"input_name":"Random Scale Bias","range_max":50.0,"tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)"},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance sizes","input_name":"Random Scale Seed","is_integer":true,"min":0.0,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"max":360.0,"is_integer":false,"blank_assist":true,"mode":"Range","unit":"°","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","min":0.0,"input_name":"Random Rotation"},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance angles","mode":"Increment","input_name":"Random Rotation Seed","is_integer":true,"blank_assist":true,"min":0.0},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4577174813962563383,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17207895962122263432,{"persistent_metadata":{"reference":"Copy to Points","display_name":"","input_properties":[{"input_data":{"input_name":"Points"},"widget_override":null},{"input_data":{"input_name":"Instance","tooltip":"Artwork to be copied and placed at each point"},"widget_override":null},{"input_data":{"is_integer":false,"mode":"Range","range_min":0.0,"tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true,"input_name":"Random Scale Min","min":0.0,"unit":"x","range_max":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"input_name":"Random Scale Max","tooltip":"Minimum range of randomized sizes given to each instance","blank_assist":true,"mode":"Range","is_integer":false,"range_min":0.0,"unit":"x","range_max":2.0},"widget_override":"number"},{"input_data":{"is_integer":false,"range_min":-50.0,"input_name":"Random Scale Bias","tooltip":"Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes)","range_max":50.0,"blank_assist":true,"mode":"Range"},"widget_override":"number"},{"input_data":{"tooltip":"Seed to determine unique variations on all the randomized instance sizes","blank_assist":true,"input_name":"Random Scale Seed","mode":"Increment","is_integer":true,"min":0.0},"widget_override":"number"},{"input_data":{"blank_assist":true,"input_name":"Random Rotation","min":0.0,"max":360.0,"is_integer":false,"mode":"Range","tooltip":"Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise","unit":"°"},"widget_override":"number"},{"input_data":{"mode":"Increment","min":0.0,"tooltip":"Seed to determine unique variations on all the randomized instance angles","blank_assist":true,"input_name":"Random Rotation Seed","is_integer":true},"widget_override":"number"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[10415872992231003638,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6666260895482068061,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3165571685352930240,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1689789805659535712,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6749771744300551215,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16614450796751955858,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14029368390543839187,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10127467043900015225,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2422139482859833437,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9374264173303233490,{"persistent_metadata":{"reference":"Sample Polyline","display_name":"","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"is_integer":false,"mode":"Increment","blank_assist":true,"unit":" px","min":0.0},"widget_override":"number"},{"input_data":{"mode":"Increment","blank_assist":true,"is_integer":true,"min":2.0},"widget_override":"number"},{"input_data":{"min":0.0,"unit":" px","is_integer":false,"mode":"Increment","blank_assist":true},"widget_override":"number"},{"input_data":{"blank_assist":true,"is_integer":false,"min":0.0,"unit":" px","mode":"Increment"},"widget_override":"number"},{"input_data":{},"widget_override":null}],"output_names":["Vector"],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[4,{"persistent_metadata":{"reference":null,"display_name":"Boundless Footprint","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[28,0]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Freeze Real Time","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[21,0]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Memoize","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[14,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Subpath Segment Lengths","input_properties":[{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,7]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Sample Polyline","input_properties":[{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[8766106989344197438,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[737.4067596403,-6318.358748666366],"tilt":0.0,"zoom":0.6328125,"flip":false},"node_graph_to_viewport":[0.6328125,0.0,0.0,0.6328125,1457.0,-3418.0],"node_graph_top_right":[1980.796875,0.0]},"selection_undo_history":[[3457800614598085282],[17426704671299246894],[2699408592782313690],[4493274523708782092],[14031411536409518176],[13263961817794116841],[835795066714655983],[11477846841203274509],[727544715487174952],[6480666310383891203],[15086626938904467381],[12994398686940961368],[15086626938904467381],[],[12994398686940961368],[],[5140869461760168364],[11677503666435782605],[776454851019809551],[],[10662978266497754900],[],[13201515093260842314],[],[3932608775253338292],[],[8090442493082590595],[],[17545135276965178247],[4332145463108161926],[],[4332145463108161926],[],[4332145463108161926],[],[11356586238302409958,10086073308516686449],[],[4332145463108161926],[],[3406722917122601552],[4332145463108161926],[],[4332145463108161926],[],[10086073308516686449],[17545135276965178247],[],[17078740291337047697],[3457800614598085282],[3457800614598085282,17426704671299246894],[3457800614598085282,17426704671299246894,2699408592782313690],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,15239301303367148581],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,15239301303367148581,13263961817794116841],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,15239301303367148581,13263961817794116841],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378,12579808169500774530],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378,12579808169500774530,862014397356527450],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378,12579808169500774530,862014397356527450,13790235862723082076],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378,12579808169500774530,862014397356527450,13790235862723082076,9531720291230511752],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378,12579808169500774530,862014397356527450,13790235862723082076,9531720291230511752,12792838691218304039],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378,12579808169500774530,862014397356527450,13790235862723082076,9531720291230511752,12792838691218304039,5102308641931177440],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378,12579808169500774530,862014397356527450,13790235862723082076,9531720291230511752,12792838691218304039,5102308641931177440,14480644719732559657],[3457800614598085282,17426704671299246894,2699408592782313690,14031411536409518176,13263961817794116841,835795066714655983,11477846841203274509,727544715487174952,6480666310383891203,10550662778443296023,13185163654003144011,3559656994078944914,12747708470463124971,898580338082782932,17099718003896986529,1510915657479425828,770786980744949903,5742628441455317378,12579808169500774530,862014397356527450,13790235862723082076,9531720291230511752,12792838691218304039,5102308641931177440,14480644719732559657,3601587624047636241],[],[17078740291337047697],[3406722917122601552],[],[9470742171134780193],[14883504161508594099],[],[13163272246010991228],[],[4332145463108161926],[17078740291337047697],[],[],[17078740291337047697,3406722917122601552],[],[9470742171134780193],[13368990606109678244],[9470742171134780193],[14883504161508594099],[421715625023770179],[3670529450440935325],[4265165189651403984],[]],"selection_redo_history":[]}}},"collapsed":[4422453582814483233,4577638792388493936,3170924135668664008,4787732047489141820,12062649793560663567,5455777299776842372,9470742171134780194,15126865253122550766,13014628586360765652],"name":"red-dress.graphite","commit_hash":"8fa46ba63a69bb5fa18a49194cf112d963a2d43b","document_ptz":{"pan":[-512.5,-515.648496025349],"tilt":0.0,"zoom":1.0,"flip":false},"document_mode":"DesignMode","view_mode":"Normal","overlays_visibility_settings":{"all":true,"artboard_name":true,"compass_rose":true,"quick_measurement":true,"transform_measurement":true,"transform_cage":true,"hover_outline":true,"selection_outline":true,"pivot":true,"path":true,"anchors":true,"handles":true},"rulers_visible":true,"snapping_state":{"snapping_enabled":false,"grid_snapping":false,"artboards":true,"tolerance":8.0,"bounding_box":{"center_point":true,"corner_point":true,"edge_midpoint":true,"align_with_edges":true,"distribute_evenly":true},"path":{"anchor_point":true,"line_midpoint":true,"along_path":true,"normal_to_path":true,"tangent_to_path":true,"path_intersection_point":true,"align_with_anchor_point":true,"perpendicular_from_endpoint":true},"grid":{"origin":[0.0,0.0],"grid_type":{"Rectangular":{"spacing":[1.0,1.0]}},"rectangular_spacing":[1.0,1.0],"isometric_y_spacing":1.0,"isometric_angle_a":30.0,"isometric_angle_b":30.0,"grid_color":{"red":0.6038274,"green":0.6038274,"blue":0.6038274,"alpha":1.0},"dot_display":false}},"graph_view_overlay_open":false,"graph_fade_artwork_percentage":80.0}
\ No newline at end of file
diff --git a/demo-artwork/valley-of-spires.graphite b/demo-artwork/valley-of-spires.graphite
new file mode 100644
index 0000000000000000000000000000000000000000..f973db4d76693520ebce584bdbee218ce54071fd
--- /dev/null
+++ b/demo-artwork/valley-of-spires.graphite
@@ -0,0 +1 @@
+{"network_interface":{"network":{"exports":[{"Node":{"node_id":16815500381887058038,"output_index":0,"lambda":false}}],"nodes":[[202,{"inputs":[{"Node":{"node_id":206,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[404,{"inputs":[{"Node":{"node_id":402,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[93,{"inputs":[{"Node":{"node_id":94,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[851.1666666666667,668.5377104806669]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[39.677869315599935,39.67786931560005]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[155,{"inputs":[{"Node":{"node_id":159,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.7529412,"green":0.34117648,"blue":0.2,"alpha":1.0}],[1.0,{"red":0.6431373,"green":0.31764707,"blue":0.21176471,"alpha":1.0}]],"gradient_type":"Linear","start":[0.9001916129448388,0.7881778212017586],"end":[0.8902470335613286,0.6662432828529555],"transform":[603.3437683597715,0.0,0.0,426.45833333333366,450.87499999999994,340.8749999999998]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.7529412,"green":0.34117648,"blue":0.2,"alpha":1.0}],[1.0,{"red":0.6431373,"green":0.31764707,"blue":0.21176471,"alpha":1.0}]],"gradient_type":"Linear","start":[0.9001916129448388,0.7881778212017586],"end":[0.8902470335613286,0.6662432828529555],"transform":[603.3437683597715,0.0,0.0,426.45833333333366,450.87499999999994,340.8749999999998]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[497,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[0.0,0.0]],[2,[1.0,0.0]],[4,[0.0,1.0]],[3,[1.0,1.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[3,3],[4,4],[1,1]],"end_point":[[1,2],[3,4],[4,1],[2,3]],"handle_primary":[[2,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[2,0],[4,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[8861964493222160710,{"inputs":[{"Node":{"node_id":16894739051789815098,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":0.0390625}]],"gradient_type":"Radial","start":[0.49999999999999994,0.5000000000000009],"end":[0.9003149237651733,0.5000000000000009],"transform":[1153.5000000000016,0.0,0.0,116.99999999999352,390.5000000000018,782.9999999999995]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":0.0390625}]],"gradient_type":"Radial","start":[0.49999999999999994,0.5000000000000009],"end":[0.9003149237651733,0.5000000000000009],"transform":[1153.5000000000016,0.0,0.0,116.99999999999352,390.5000000000018,782.9999999999995]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[248,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"delta":[[20,[850.4753086419754,600.0720164609053]],[9,[1026.277777777778,628.0555555555557]],[18,[884.845679012346,621.141975308642]],[5,[923.956790123457,545.6851851851852]],[1,[866.5679012345681,572.641975308642]],[4,[898.8703703703707,571.5617283950618]],[2,[890.3765432098768,558.3271604938273]],[3,[884.6481481481485,571.7592592592594]],[19,[867.9970278920896,620.4835390946502]],[17,[915.067901234568,618.7716049382716]],[11,[991.9074074074076,607.667262767384]],[13,[955.9567901234568,612.4506172839507]],[16,[922.574074074074,606.9197530864199]],[10,[999.8086419753088,626.6728395061729]],[6,[944.141561350963,527.7098765432099]],[7,[986.8703703703704,552.6481481481483]],[14,[944.3024691358024,613.8333333333334]],[8,[1025.882716049383,576.7015952852717]],[12,[965.0432098765434,605.3395061728396]],[15,[935.0185185185186,608.3024691358025]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"start_point":[[14,14],[17,17],[16,16],[9,9],[20,20],[19,19],[11,11],[18,18],[4,4],[13,13],[5,5],[10,10],[12,12],[3,3],[1,1],[7,7],[15,15],[2,2],[8,8],[6,6]],"end_point":[[4,5],[1,2],[20,1],[17,18],[15,16],[18,19],[5,6],[8,9],[12,13],[11,12],[3,4],[19,20],[14,15],[13,14],[2,3],[10,11],[7,8],[6,7],[16,17],[9,10]],"handle_primary":[[18,[0.0,0.0]],[9,[0.0,0.0]],[2,[0.0,0.0]],[17,[0.0,0.0]],[3,[0.0,0.0]],[15,[0.0,0.0]],[16,[0.0,0.0]],[14,[0.0,0.0]],[12,[0.0,0.0]],[19,[-11.881115683584769,-0.11705532693190436]],[4,[0.0,0.0]],[11,[0.0,0.0]],[1,[0.0,0.0]],[6,[0.0,0.0]],[10,[-2.96296296296282,-1.1851851851851052]],[20,[0.0,0.0]],[13,[0.0,0.0]],[5,[0.0,0.5925925925926094]],[7,[22.254029366644772,13.337995427526266]],[8,[0.0,0.0]]],"handle_end":[[7,[0.0,0.0]],[20,[0.0,0.0]],[15,[5.135802469136024,0.9876543209877582]],[6,[-11.851851851851848,-16.036008230452808]],[9,[2.962962962963047,1.1851851851851052]],[3,[-8.69135802469134,0.39506172839503506]],[16,[2.3703703703704377,-1.7777777777778283]],[4,[-7.703703703703809,15.604938271604851]],[13,[2.1728395061727497,0.39506172839503506]],[2,[0.5925925925926094,-3.555555555555543]],[12,[2.7654320987655865,-2.7624450928566375]],[14,[4.740740740740762,0.7901234567901838]],[10,[0.3950617283951487,3.117880051334623]],[11,[18.567901234567785,4.543209876543301]],[5,[0.0,0.0]],[17,[20.5432098765433,0.1975308641974607]],[19,[0.0,0.0]],[1,[-10.271604938271707,4.543209876543187]],[18,[11.881115683584769,0.11705532693190436]],[8,[0.0,0.0]]],"stroke":[[11,0],[15,0],[5,0],[13,0],[12,0],[16,0],[6,0],[9,0],[19,0],[14,0],[20,0],[7,0],[1,0],[3,0],[17,0],[18,0],[2,0],[10,0],[4,0],[8,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":20}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[419,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[0.0,0.0]],[3,[1.0,1.0]],[2,[1.0,0.0]],[4,[0.0,1.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[3,3],[2,2],[4,4]],"end_point":[[2,3],[3,4],[4,1],[1,2]],"handle_primary":[[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[3,0],[2,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[77,{"inputs":[{"Node":{"node_id":78,"output_index":0,"lambda":false}},{"Node":{"node_id":448,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[108,{"inputs":[{"Node":{"node_id":109,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[858.7905598373798,601.6041802310946]},"exposed":false}},{"Value":{"tagged_value":{"F64":1.2246469000000002e-16},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.1014123874504275,0.11427520552998474]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.3799770244301692e-16,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[450,{"inputs":[{"Node":{"node_id":451,"output_index":0,"lambda":false}},{"Node":{"node_id":467,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[310,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[5,[710.9477975918305,613.6358024691357]],[1,[744.3996087994717,586.9732002235432]],[7,[779.7592592592597,612.6204267490609]],[3,[698.0912208504803,600.3792866941013]],[4,[706.1680384087791,607.8415637860082]],[2,[734.9571457603006,587.5194584158918]],[6,[729.3449931412895,610.3875171467763]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[7,7],[2,2],[6,6],[1,1],[4,4],[3,3],[5,5]],"end_point":[[6,7],[5,6],[3,4],[7,1],[2,3],[4,5],[1,2]],"handle_primary":[[7,[0.0,0.0]],[1,[0.0,0.0]],[6,[15.119646395366544,2.853223593964344]],[5,[7.452522481329197,2.721536351166037]],[4,[2.1947873799731497,4.691071467853249]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[2,[6.496570644718986,-11.149519890260422]],[4,null],[6,[0.0,0.0]],[5,null],[7,[9.28638926992835,13.56378600823075]],[3,[-2.494608558449272,-5.331900091455282]],[1,[0.0,0.0]]],"stroke":[[6,0],[7,0],[4,0],[1,0],[5,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[481,{"inputs":[{"Node":{"node_id":485,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.8980392,"green":0.67058825,"blue":0.28235295,"alpha":1.0}],[1.0,{"red":0.73333335,"green":0.3764706,"blue":0.2,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5563229660866629,0.005130077289715984],"end":[0.5563229660866629,0.9884201225302],"transform":[105.93178001350952,0.0,0.0,640.7349028554129,1148.0677179400443,125.71298042613309]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.8980392,"green":0.67058825,"blue":0.28235295,"alpha":1.0}],[1.0,{"red":0.73333335,"green":0.3764706,"blue":0.2,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5563229660866629,0.005130077289715984],"end":[0.5563229660866629,0.9884201225302],"transform":[105.93178001350952,0.0,0.0,640.7349028554129,1148.0677179400443,125.71298042613309]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[170,{"inputs":[{"Node":{"node_id":171,"output_index":0,"lambda":false}},{"Node":{"node_id":196,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4913361824430066698,{"inputs":[{"Node":{"node_id":11807598261442997948,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14080831508667499826,{"inputs":[{"Node":{"node_id":11377169273880889832,"output_index":0,"lambda":false}},{"Node":{"node_id":14113040319560793790,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[232,{"inputs":[{"Node":{"node_id":236,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[434,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[0.4436233919998075,1.0]],[1,[0.5926327057682128,-0.43396226415094336]],[3,[1.0069833844920426,0.9999999999999988]],[2,[0.8076864692090735,-0.4339622641509434]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[3,3],[2,2],[4,4]],"end_point":[[1,2],[3,4],[4,1],[2,3]],"handle_primary":[[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[3,0],[2,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[465,{"inputs":[{"Node":{"node_id":469,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.8784314,"green":0.63529414,"blue":0.24313726,"alpha":1.0}],[1.0,{"red":0.827451,"green":0.36862746,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Linear","start":[0.543973941368078,0.19174161896974656],"end":[0.373641330960254,0.5573628465419693],"transform":[302.3829616698968,-53.04285523745623,140.87168719958515,803.0713618290636,568.5525435223506,63.555059935554134]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.8784314,"green":0.63529414,"blue":0.24313726,"alpha":1.0}],[1.0,{"red":0.827451,"green":0.36862746,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Linear","start":[0.543973941368078,0.19174161896974656],"end":[0.373641330960254,0.5573628465419693],"transform":[302.3829616698968,-53.04285523745623,140.87168719958515,803.0713618290636,568.5525435223506,63.555059935554134]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7148230379224894975,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"delta":[[15,[496.30246913580254,612.3006782502672]],[8,[502.6234567901235,563.1154930650816]],[16,[478.9197530864198,618.6875095259874]],[7,[495.90740740740733,567.882982777016]],[9,[510.261316872428,573.2078189300412]],[14,[496.49999999999994,603.4117893613783]],[20,[480.89506172839504,532.4323654930657]],[6,[490.17901234567904,556.0043819539711]],[18,[438.2283950617284,585.5544307531777]],[1,[506.7057613168725,531.9348803536052]],[5,[500.4506172839507,547.5105547934772]],[19,[468.05555555555594,550.6710486206383]],[3,[488.5329218106997,551.6587029416252]],[4,[500.77983539094663,544.0208428593207]],[2,[497.8388203017833,534.5393613778391]],[13,[516.8017832647463,593.4437585733884]],[10,[496.50000000000006,582.6234567901236]],[11,[504.00617283950623,588.9444444444446]],[17,[448.3683127572017,617.6340115836006]],[12,[513.3888888888889,585.5544307531777]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"start_point":[[20,20],[3,3],[12,12],[5,5],[13,13],[16,16],[18,18],[11,11],[19,19],[15,15],[6,6],[7,7],[14,14],[17,17],[8,8],[9,9],[4,4],[1,1],[10,10],[2,2]],"end_point":[[4,5],[10,11],[11,12],[16,17],[6,7],[9,10],[7,8],[3,4],[13,14],[17,18],[1,2],[5,6],[15,16],[18,19],[2,3],[20,1],[12,13],[19,20],[8,9],[14,15]],"handle_primary":[[8,[0.0,0.0]],[14,[0.0,0.0]],[10,[0.0,0.0]],[1,[0.0,0.0]],[12,[0.0,0.0]],[16,[0.0,0.0]],[20,[7.46503467504715,-4.02781143068205]],[15,[0.0,0.0]],[7,[0.0,0.0]],[5,[-6.737997256515712,3.1824417009599983]],[19,[0.0,0.0]],[4,null],[9,[0.0,0.0]],[6,[0.0,0.0]],[11,[0.0,0.0]],[17,[0.0,0.0]],[2,[-7.188100137174104,2.6138545953361927]],[3,[4.565157750342848,-4.301783264746064]],[13,[0.0,0.0]],[18,[0.0,0.0]]],"handle_end":[[1,[3.4386245260820374,-1.250408918575317]],[2,[0.27087722942241044,-5.120145445603839]],[4,null],[20,[0.0,0.0]],[7,[-3.6872427983540206,1.4485596707820605]],[3,null],[10,[-2.765432098765416,-3.555555555555543]],[5,[0.0,0.0]],[13,[0.0,0.0]],[12,[-0.39506172839503506,-1.975308641975289]],[8,[-1.7777777777777717,-5.728395061728406]],[6,[-2.508333333333439,-2.0902777777778283]],[18,[0.0,0.0]],[17,[0.0,0.0]],[9,[6.716049382716108,-8.49382716049422]],[19,[-3.394604481024089,3.2873037646699004]],[11,[-3.851851851851848,0.7581344568814075]],[16,[0.0,0.0]],[15,[0.0,0.0]],[14,[-0.7901234567900701,-4.938271604938336]]],"stroke":[[11,0],[19,0],[1,0],[13,0],[4,0],[7,0],[17,0],[8,0],[5,0],[9,0],[14,0],[12,0],[20,0],[16,0],[15,0],[18,0],[10,0],[6,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":20}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[325,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9],"remove":[],"delta":[[1,[744.0,592.0]],[8,[631.8333333333333,608.5]],[7,[619.8333333333333,577.1666666666666]],[9,[677.1666666666666,609.1666666666666]],[3,[708.5,335.16666666666663]],[2,[733.1666666666666,489.16666666666663]],[4,[695.8333333333333,239.16666666666663]],[5,[660.5,187.83333333333331]],[6,[619.8333333333333,207.83333333333331]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9],"remove":[],"start_point":[[9,9],[8,8],[7,7],[4,4],[5,5],[3,3],[6,6],[1,1],[2,2]],"end_point":[[5,6],[6,7],[9,1],[8,9],[3,4],[7,8],[1,2],[2,3],[4,5]],"handle_primary":[[1,[0.0,0.0]],[8,[12.666666666666742,4.666666666666629]],[5,[-36.0,-6.666666666666686]],[9,[18.66666666666663,-5.3333333333332575]],[7,[0.0,12.666666666666742]],[3,[-6.6666666666667425,-57.333333333333314]],[6,[0.0,16.666666666666686]],[2,[-4.666666666666629,-50.666666666666686]],[4,[-3.3333333333332575,-21.33333333333331]]],"handle_end":[[2,[6.6666666666667425,57.333333333333314]],[9,[0.0,0.0]],[1,[4.666666666666629,50.66666666666663]],[7,[-12.666666666666742,-4.666666666666629]],[8,[-18.66666666666663,5.3333333333332575]],[4,[36.0,6.666666666666657]],[6,[0.0,-12.666666666666742]],[5,[0.0,-16.666666666666686]],[3,[3.3333333333332575,21.33333333333331]]],"stroke":[[9,0],[7,0],[4,0],[3,0],[1,0],[8,0],[5,0],[2,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":9}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[496,{"inputs":[{"Node":{"node_id":497,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1024.0,600.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11377169273880889832,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":14433811491576609500,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11891167879168294182,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[4,[126.900438957476,611.0020576131687]],[3,[148.91152263374485,614.1625514403293]],[6,[119.98422496570645,609.4218106995885]],[5,[118.93072702331962,598.7990397805213]],[2,[104.00617283950618,624.6097393689986]],[1,[112.52194787379976,598.7990397805213]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[6,6],[3,3],[2,2],[1,1],[5,5],[4,4]],"end_point":[[2,3],[4,5],[3,4],[1,2],[5,6],[6,1]],"handle_primary":[[3,null],[2,[0.0,0.0]],[5,[0.0,0.0]],[6,[-4.477366255144005,-1.843621399176868]],[1,[-2.370370370370395,22.25514403292175]],[4,[-2.058260034882977,-0.6051267923739942]]],"handle_end":[[6,[0.0,0.0]],[5,[0.7023319615912413,-1.9314128943758533]],[3,null],[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[-21.11385459533605,1.053497942386798]]],"stroke":[[4,0],[1,0],[6,0],[5,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[418,{"inputs":[{"Node":{"node_id":419,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[83.16666666666677,614.179527199694]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[294.3945373546583,138.32047280030588]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[76,{"inputs":[{"Node":{"node_id":77,"output_index":0,"lambda":false}},{"Node":{"node_id":16164610528699022118,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[449,{"inputs":[{"Node":{"node_id":450,"output_index":0,"lambda":false}},{"Node":{"node_id":6015109908395573189,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14113040319560793790,{"inputs":[{"Node":{"node_id":9603838021022368374,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[138,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[126.55144032921808,714.7983539094649]],[2,[105.84979423868312,685.0102880658435]],[3,[90.17901234567904,708.7139917695472]],[4,[116.38477366255144,723.5946502057614]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[4,4],[1,1]],"end_point":[[1,2],[3,4],[2,3],[4,1]],"handle_primary":[[1,[0.0,0.0]],[3,[-2.4237705319430347,10.543401813951732]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[2.6337448559670804,-11.456790123456472]],[4,[3.6604938271605647,11.166666666666742]],[1,[16.460905349794245,13.695473251028716]]],"stroke":[[1,0],[4,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[169,{"inputs":[{"Node":{"node_id":170,"output_index":0,"lambda":false}},{"Node":{"node_id":190,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[200,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"delta":[[9,[1001.2407407407406,568.2037037037037]],[2,[993.9814814814814,530.7222222222222]],[4,[972.0555555555557,547.0185185185185]],[1,[1004.392496062592,536.8475080018289]],[8,[994.0802469135804,561.8388203017832]],[5,[990.3271604938273,558.7222222222222]],[10,[1010.492379210486,553.0791800030486]],[3,[974.574074074074,539.3148148148148]],[6,[988.3518518518518,565.8333333333333]],[7,[988.9444444444443,571.9567901234568]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[1,1],[9,9],[5,5],[2,2],[10,10],[6,6],[4,4],[7,7],[8,8],[3,3]],"end_point":[[6,7],[8,9],[1,2],[7,8],[2,3],[3,4],[5,6],[10,1],[9,10],[4,5]],"handle_primary":[[8,[0.0,0.0]],[10,[0.0,0.0]],[6,[0.0,0.0]],[4,[5.818749999999909,2.0456767733078323]],[5,[1.1368683772161605e-13,0.0]],[9,[0.0,0.0]],[7,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[3,[5.171433893884796,-5.185320665887616]],[9,[0.0,0.0]],[6,[0.0,0.0]],[4,[0.0,0.0]],[8,[1.1368683772161605e-13,0.0]],[5,[0.0,0.0]],[1,[0.0,0.0]],[7,[0.0,0.0]],[10,[2.600823045267589,7.538372631948732]],[2,[0.0,0.0]]],"stroke":[[6,0],[8,0],[1,0],[9,0],[5,0],[7,0],[3,0],[2,0],[10,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":10}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6015109908395573189,{"inputs":[{"Node":{"node_id":459,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-8.0,2.6666666666000083]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[402,{"inputs":[{"Node":{"node_id":406,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15552693212536925398,{"inputs":[{"Node":{"node_id":1598976462838094167,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.328125,"green":0.19633627,"blue":0.17047119,"alpha":1.0}]],"gradient_type":"Linear","start":[0.3458831403130609,0.8154173283216788],"end":[0.29832402234636923,0.9999999999999992],"transform":[596.6666666666671,0.0,0.0,669.6474899687091,706.9999999999995,7.352510031290876]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.328125,"green":0.19633627,"blue":0.17047119,"alpha":1.0}]],"gradient_type":"Linear","start":[0.3458831403130609,0.8154173283216788],"end":[0.29832402234636923,0.9999999999999992],"transform":[596.6666666666671,0.0,0.0,669.6474899687091,706.9999999999995,7.352510031290876]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[262,{"inputs":[{"Node":{"node_id":266,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[433,{"inputs":[{"Node":{"node_id":434,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[628.6154039265571,697.6163522012579]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[206.6666666666667,70.66666666666666]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[122,{"inputs":[{"Node":{"node_id":126,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[0.5,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Linear","start":[0.8261898755429384,0.6803505808618764],"end":[0.9730393010117852,0.6150128281109604],"transform":[674.1599409321643,0.0,0.0,374.9746351607879,311.0158823052205,208.88578915988776]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[0.5,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Linear","start":[0.8261898755429384,0.6803505808618764],"end":[0.9730393010117852,0.6150128281109604],"transform":[674.1599409321643,0.0,0.0,374.9746351607879,311.0158823052205,208.88578915988776]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7135480377162524224,{"inputs":[{"Node":{"node_id":487,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[28.82327697714288,-49.808276940773226]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.057504143999955744},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[184,{"inputs":[{"Node":{"node_id":188,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[75,{"inputs":[{"Node":{"node_id":76,"output_index":0,"lambda":false}},{"Node":{"node_id":161,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[277,{"inputs":[{"Node":{"node_id":1453710883947581217,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.92156863,"green":0.7294118,"blue":0.2784314,"alpha":1.0}],[1.0,{"red":0.7176471,"green":0.28627452,"blue":0.16862746,"alpha":1.0}]],"gradient_type":"Linear","start":[1.0246769250512615,0.027819435424882025],"end":[0.2667933279762451,0.9665428076110212],"transform":[152.18301372607758,-26.46547846507388,122.86581252135512,706.5086564778592,1104.6435199127652,59.354620942005326]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.92156863,"green":0.7294118,"blue":0.2784314,"alpha":1.0}],[1.0,{"red":0.7176471,"green":0.28627452,"blue":0.16862746,"alpha":1.0}]],"gradient_type":"Linear","start":[1.0246769250512615,0.027819435424882025],"end":[0.2667933279762451,0.9665428076110212],"transform":[152.18301372607758,-26.46547846507388,122.86581252135512,706.5086564778592,1104.6435199127652,59.354620942005326]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[448,{"inputs":[{"Node":{"node_id":449,"output_index":0,"lambda":false}},{"Node":{"node_id":455,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11155094820673141470,{"inputs":[{"Node":{"node_id":97478832511923699,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.08732233199581252,0.5212000945774993],"end":[0.9287098983518448,0.5070261975055625],"transform":[139.824941251317,-21.014379437271643,45.64496496886203,416.4689172758892,1005.0,432.99999999999955]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.08732233199581252,0.5212000945774993],"end":[0.9287098983518448,0.5070261975055625],"transform":[139.824941251317,-21.014379437271643,45.64496496886203,416.4689172758892,1005.0,432.99999999999955]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17257434333682934071,{"inputs":[{"Node":{"node_id":13606781735926093266,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[168,{"inputs":[{"Node":{"node_id":169,"output_index":0,"lambda":false}},{"Node":{"node_id":184,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[230,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[0.935534758874228,0.06746859421299994]],[4,[0.2700473236113544,1.0652669412541609]],[3,[1.134036317002156,1.0722882682186752]],[1,[-0.03624142718978522,-0.003682959682299257]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[2,2],[3,3],[4,4]],"end_point":[[2,3],[4,1],[1,2],[3,4]],"handle_primary":[[1,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[1,0],[2,0],[4,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[90,{"inputs":[{"Node":{"node_id":93,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[0.5999119243817099,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Radial","start":[0.3201759714645238,0.5902044022091868],"end":[1.025282605251574,0.18308301136073535],"transform":[138.98607005532313,0.0,0.0,138.98607005532352,1193.5000000000005,570.5540117570772]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[0.5999119243817099,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Radial","start":[0.3201759714645238,0.5902044022091868],"end":[1.025282605251574,0.18308301136073535],"transform":[138.98607005532313,0.0,0.0,138.98607005532352,1193.5000000000005,570.5540117570772]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[463,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[-4.833333333333348,600.0555555555555]],[2,[-4.833333333333332,345.83333333333326]],[4,[129.38888888888889,628.0555555555557]],[3,[80.05555555555559,484.94444444444446]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[4,4],[3,3],[1,1]],"end_point":[[3,4],[1,2],[2,3],[4,1]],"handle_primary":[[2,[0.0,0.0]],[4,[0.0,0.0]],[3,[32.038317168599576,69.73045501401077]],[1,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[-45.33333333333338,-98.66666666666669]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[2,0],[1,0],[3,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[292,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":312,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17414691604179185270,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[546.1069958847736,566.7818930041152]],[4,[547.6604938271604,606.7880658436213]],[3,[539.3641975308641,608.7633744855966]],[2,[530.2777777777771,564.9115226337452]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[1,1],[2,2],[3,3]],"end_point":[[1,2],[2,3],[3,4],[4,1]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[3,0],[4,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[323,{"inputs":[{"Node":{"node_id":321,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[214,{"inputs":[{"Node":{"node_id":218,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[6272196533192700024,{"inputs":[{"Node":{"node_id":481,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[28.815503095243457,-49.74366671015599]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.057504143999955744},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[1.0,1.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[74,{"inputs":[{"Node":{"node_id":75,"output_index":0,"lambda":false}},{"Node":{"node_id":81,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[105,{"inputs":[{"Node":{"node_id":108,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[0.7721675713724807,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Radial","start":[0.401555786122616,0.773953065673463],"end":[0.898982212168407,0.4370729973098963],"transform":[490.52480371748175,6.007196307749977e-14,0.0,325.3699488483585,982.0269268305848,323.7895812222803]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[0.7721675713724807,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Radial","start":[0.401555786122616,0.773953065673463],"end":[0.898982212168407,0.4370729973098963],"transform":[490.52480371748175,6.007196307749977e-14,0.0,325.3699488483585,982.0269268305848,323.7895812222803]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[17173383864410319040,{"inputs":[{"Node":{"node_id":15277819403265847073,"output_index":0,"lambda":false}},{"Node":{"node_id":15552693212536925398,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[478,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":7135480377162524224,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1635416892097245588,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":11472292186872186521,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6926019345498826421,{"inputs":[{"Node":{"node_id":989999757220954936,"output_index":0,"lambda":false}},{"Node":{"node_id":17020523203516467057,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17911294938421300842,{"inputs":[{"Node":{"node_id":17414691604179185270,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[400,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"delta":[[10,[378.8703703703703,472.7962962962963]],[9,[378.57407407407413,324.0555555555556]],[6,[457.9814814814815,279.4135802469136]],[1,[531.0946502057612,568.230452674897]],[11,[378.8703703703703,545.3888888888889]],[7,[411.7592592592593,261.83333333333337]],[3,[499.1666666666666,380.94444444444446]],[2,[513.0925925925925,455.6111111111111]],[5,[482.47530864197535,316.35185185185185]],[12,[399.3148148148148,564.0555555555555]],[8,[381.7345679012346,268.5493827160494]],[4,[487.3148148148147,333.24074074074076]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12],"remove":[],"start_point":[[5,5],[1,1],[4,4],[6,6],[12,12],[7,7],[9,9],[3,3],[11,11],[10,10],[2,2],[8,8]],"end_point":[[4,5],[6,7],[10,11],[12,1],[5,6],[8,9],[3,4],[9,10],[11,12],[1,2],[2,3],[7,8]],"handle_primary":[[6,[-20.345679012345727,-8.691358024691397]],[12,[22.22222222222223,-1.1851851851852189]],[1,[0.0,0.0]],[5,[-2.1728395061728065,-7.703703703703695]],[10,[-0.8888888888888573,38.81481481481478]],[2,[-6.51851851851859,-35.55555555555554]],[4,[0.0,0.0]],[8,[-6.716049382716051,13.62962962962962]],[11,[0.0,6.518518518518476]],[3,[-1.7777777777777717,-12.444444444444455]],[7,[-5.925925925925924,-0.9876543209876444]],[9,[0.1975308641974607,16.395061728395035]]],"handle_end":[[12,[-37.99794238683137,-21.306584362139915]],[10,[0.0,-6.518518518518476]],[7,[6.716049382716051,-13.62962962962962]],[11,[-22.22222222222223,1.1851851851852189]],[8,[-0.1975308641974607,-16.395061728395035]],[5,[20.345679012345784,8.691358024691397]],[9,[0.8888888888888573,-38.81481481481478]],[3,[8.888888888888971,23.407407407407447]],[1,[6.51851851851859,35.55555555555554]],[4,[2.1728395061728065,7.703703703703695]],[6,[5.925925925925924,0.9876543209876444]],[2,[1.7777777777777717,12.444444444444455]]],"stroke":[[2,0],[11,0],[5,0],[12,0],[3,0],[7,0],[6,0],[1,0],[4,0],[9,0],[10,0],[8,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":12}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[229,{"inputs":[{"Node":{"node_id":227,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[829.8099807176391,565.8945401302792]},"exposed":false}},{"Value":{"tagged_value":{"F64":-1.958532},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[3.920156284886552,12.362329004080864]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.12623993859136304,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4454263454059119441,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[0.0,0.5]],[2,[1.0,0.5]],[3,[0.5,1.0]],[1,[0.5,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[4,4],[1,1],[3,3]],"end_point":[[2,3],[4,1],[3,4],[1,2]],"handle_primary":[[3,[-0.275892388889507,0.0]],[4,[0.0,-0.275892388889507]],[1,[0.27589238888950707,0.0]],[2,[0.0,0.27589238888950707]]],"handle_end":[[1,[0.0,-0.275892388889507]],[3,[0.0,0.27589238888950707]],[2,[0.27589238888950707,0.0]],[4,[-0.275892388889507,0.0]]],"stroke":[[3,0],[4,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[260,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[1,[-0.06772020100134477,-0.27125764892979654]],[5,[0.05417500861004592,0.8211321210533473]],[2,[0.8103689541744266,-0.2611110184526325]],[4,[0.4707515606101555,1.0016674771193048]],[3,[1.1461889241405476,1.0977967891967286]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[3,3],[1,1],[2,2],[5,5],[4,4]],"end_point":[[4,5],[5,1],[3,4],[2,3],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[-2.220446049250313e-16,-2.220446049250313e-16]],[5,[0.0,0.0]],[4,[-0.4165765520001096,-0.1805353560659575]]],"handle_end":[[2,[0.0,0.0]],[4,null],[5,[0.0,0.0]],[3,[0.2875939062231115,0.06333186265853907]],[1,[0.0,0.0]]],"stroke":[[1,0],[2,0],[4,0],[3,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[120,{"inputs":[{"Node":{"node_id":1635416892097245588,"output_index":0,"lambda":false}},{"Node":{"node_id":140,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10486443711686704000,{"inputs":[{"Node":{"node_id":5714505144727602368,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.15803798551484238,0.5113172122965266],"end":[0.8867475285247997,0.49951059174236745],"transform":[86.14721272187913,-121.25388422552253,404.54387368785456,312.49837227690176,602.5352222980036,467.4253353064524]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.15803798551484238,0.5113172122965266],"end":[0.8867475285247997,0.49951059174236745],"transform":[86.14721272187913,-121.25388422552253,404.54387368785456,312.49837227690176,602.5352222980036,467.4253353064524]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[291,{"inputs":[{"Node":{"node_id":292,"output_index":0,"lambda":false}},{"Node":{"node_id":306,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[493,{"inputs":[{"Node":{"node_id":496,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.16152954,"green":0.5000886,"blue":0.5234375,"alpha":1.0}],[0.33108336235841895,{"red":0.2509804,"green":0.54509807,"blue":0.5176471,"alpha":1.0}],[0.6158954287284122,{"red":0.48235294,"green":0.5568628,"blue":0.4,"alpha":1.0}],[1.0,{"red":0.73333335,"green":0.49411765,"blue":0.23137255,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5224609375,-0.000170829498767594],"end":[0.5224609375,0.9116247106204544],"transform":[1024.0,0.0,0.0,595.075070611153,559.0,78.92492938884703]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.16152954,"green":0.5000886,"blue":0.5234375,"alpha":1.0}],[0.33108336235841895,{"red":0.2509804,"green":0.54509807,"blue":0.5176471,"alpha":1.0}],[0.6158954287284122,{"red":0.48235294,"green":0.5568628,"blue":0.4,"alpha":1.0}],[1.0,{"red":0.73333335,"green":0.49411765,"blue":0.23137255,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5224609375,-0.000170829498767594],"end":[0.5224609375,0.9116247106204544],"transform":[1024.0,0.0,0.0,595.075070611153,559.0,78.92492938884703]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11807598261442997948,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[527.0733882030179,547.0898491083676]],[5,[541.9979423868313,611.7921810699589]],[3,[481.882716049383,533.8333333333337]],[2,[500.121399176955,531.6385459533608]],[6,[530.2777777777774,564.9115226337451]],[4,[495.38065843621376,614.5137174211251]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[4,4],[6,6],[5,5],[1,1],[3,3],[2,2]],"end_point":[[1,2],[4,5],[6,1],[3,4],[5,6],[2,3]],"handle_primary":[[5,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[2,[5.684341886080804e-14,0.0]],[6,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[16.644617182340255,-0.4357059391355733]],[3,[0.0,0.0]],[4,[0.0,0.0]],[5,[0.0,0.0]],[2,[0.0,0.0]],[6,[0.0,0.0]]],"stroke":[[4,0],[2,0],[1,0],[3,0],[6,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[182,{"inputs":[{"Node":{"node_id":12768614558324028960,"output_index":0,"lambda":false}},{"Node":{"node_id":268,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3930114406985796561,{"inputs":[{"Node":{"node_id":4454263454059119441,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":50.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[12875520257830460085,{"inputs":[{"Node":{"node_id":11891167879168294182,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[9778003574990260202,{"inputs":[{"Node":{"node_id":6926019345498826421,"output_index":0,"lambda":false}},{"Node":{"node_id":5364427239360309137,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[244,{"inputs":[{"Node":{"node_id":248,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[415,{"inputs":[{"Node":{"node_id":418,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.827451,"green":0.36862746,"blue":0.20784314,"alpha":1.0}],[0.5,{"red":0.827451,"green":0.36862746,"blue":0.20784314,"alpha":0.80859375}],[1.0,{"red":0.827451,"green":0.36862746,"blue":0.20784314,"alpha":0.0}]],"gradient_type":"Radial","start":[0.30473369160482133,-0.27613184386946],"end":[0.66690549049424,0.16136781742013184],"transform":[294.3945373546583,0.0,0.0,138.32047280030588,578.6666666666667,646.679527199694]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.827451,"green":0.36862746,"blue":0.20784314,"alpha":1.0}],[0.5,{"red":0.827451,"green":0.36862746,"blue":0.20784314,"alpha":0.80859375}],[1.0,{"red":0.827451,"green":0.36862746,"blue":0.20784314,"alpha":0.0}]],"gradient_type":"Radial","start":[0.30473369160482133,-0.27613184386946],"end":[0.66690549049424,0.16136781742013184],"transform":[294.3945373546583,0.0,0.0,138.32047280030588,578.6666666666667,646.679527199694]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[275,{"inputs":[{"Node":{"node_id":11427960919145580782,"output_index":0,"lambda":false}},{"Node":{"node_id":283,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[446,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[4,[0.0,1.0]],[2,[1.0,0.0]],[3,[1.0,1.0]],[1,[0.0,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[2,2],[3,3]],"end_point":[[3,4],[1,2],[2,3],[4,1]],"handle_primary":[[3,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]]],"stroke":[[4,0],[2,0],[3,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[477,{"inputs":[{"Node":{"node_id":478,"output_index":0,"lambda":false}},{"Node":{"node_id":6272196533192700024,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[306,{"inputs":[{"Node":{"node_id":310,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[166,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":393,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11472292186872186521,{"inputs":[{"Node":{"node_id":4452902364641883403,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-1367.319046874664,107.29818643577867]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[4.24444444444444,0.8618453375356869]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[88,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":96,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[259,{"inputs":[{"Node":{"node_id":257,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[894.1788584769913,562.0196920444174]},"exposed":false}},{"Value":{"tagged_value":{"F64":-2.3255084},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[15.813534861768243,49.86845076365074]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.12623993859136165,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[430,{"inputs":[{"Node":{"node_id":433,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.71875,"green":0.37165833,"blue":0.20214844,"alpha":1.0}],[0.09210526315789476,{"red":0.7254902,"green":0.41960785,"blue":0.2,"alpha":1.0}],[1.0,{"red":0.79607844,"green":0.49411765,"blue":0.22745098,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5000000000000004,0.0],"end":[0.5000000000000004,1.0],"transform":[261.96239650888936,0.0,0.0,227.99999999999997,1386.0376034911103,614.0]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.71875,"green":0.37165833,"blue":0.20214844,"alpha":1.0}],[0.09210526315789476,{"red":0.7254902,"green":0.41960785,"blue":0.2,"alpha":1.0}],[1.0,{"red":0.79607844,"green":0.49411765,"blue":0.22745098,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5000000000000004,0.0],"end":[0.5000000000000004,1.0],"transform":[261.96239650888936,0.0,0.0,227.99999999999997,1386.0376034911103,614.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[119,{"inputs":[{"Node":{"node_id":120,"output_index":0,"lambda":false}},{"Node":{"node_id":134,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[290,{"inputs":[{"Node":{"node_id":291,"output_index":0,"lambda":false}},{"Node":{"node_id":300,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[321,{"inputs":[{"Node":{"node_id":325,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.9254902,"green":0.7176471,"blue":0.28627452,"alpha":1.0}],[1.0,{"red":0.7176471,"green":0.28627452,"blue":0.16862746,"alpha":1.0}]],"gradient_type":"Linear","start":[0.6317852697063873,0.02415325870852081],"end":[0.05910622380623476,0.9861828395407052],"transform":[279.388605442177,0.0,0.0,960.4694267308416,951.4863945578228,120.80153345454534]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.9254902,"green":0.7176471,"blue":0.28627452,"alpha":1.0}],[1.0,{"red":0.7176471,"green":0.28627452,"blue":0.16862746,"alpha":1.0}]],"gradient_type":"Linear","start":[0.6317852697063873,0.02415325870852081],"end":[0.05910622380623476,0.9861828395407052],"transform":[279.388605442177,0.0,0.0,960.4694267308416,951.4863945578228,120.80153345454534]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5364427239360309137,{"inputs":[{"Node":{"node_id":12325841371509826180,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":75.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[181,{"inputs":[{"Node":{"node_id":182,"output_index":0,"lambda":false}},{"Node":{"node_id":262,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14335659566300901430,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":14579754335592291854,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[212,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[1,[957.8271604938273,462.1234567901235]],[2,[948.746913580247,472.10493827160496]],[3,[925.6111111111112,527.7098765432099]],[5,[977.4876543209878,545.4876543209878]],[4,[922.2777777777778,549.4629629629628]],[7,[984.9112747301664,495.90740740740745]],[8,[965.6358024691358,465.1913580246914]],[6,[990.3271604938273,526.5246913580247]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[3,3],[7,7],[6,6],[5,5],[2,2],[4,4],[8,8],[1,1]],"end_point":[[8,1],[7,8],[1,2],[3,4],[5,6],[2,3],[6,7],[4,5]],"handle_primary":[[7,[0.0,0.0]],[2,[-6.123456790123441,10.962962962962932]],[8,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[3,[-2.469135802469168,9.975308641975287]],[6,[0.0,0.0]],[5,[0.0,0.0]]],"handle_end":[[1,[6.123456790123441,-10.96296296296299]],[5,[0.0,0.0]],[4,[0.0,0.0]],[6,[0.0,0.0]],[7,[7.407407407407391,6.814814814814838]],[2,[2.469135802468827,-9.975308641975287]],[8,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[8,0],[7,0],[2,0],[5,0],[3,0],[1,0],[6,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14433811491576609500,{"inputs":[{"Node":{"node_id":9570557034533539493,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[274,{"inputs":[{"Node":{"node_id":275,"output_index":0,"lambda":false}},{"Node":{"node_id":277,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[445,{"inputs":[{"Node":{"node_id":446,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[83.1666666666668,614.1795271996941]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[941.3333333333331,154.32047280030588]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[103,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":111,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[134,{"inputs":[{"Node":{"node_id":138,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[165,{"inputs":[{"Node":{"node_id":166,"output_index":0,"lambda":false}},{"Node":{"node_id":16821952675128396603,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[10278740841813346388,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[7,[779.7592592592597,612.6204267490609]],[6,[729.3449931412895,610.3875171467763]],[2,[734.9571457603006,587.5194584158918]],[5,[710.9477975918305,613.6358024691357]],[3,[698.0912208504803,600.3792866941013]],[1,[744.3996087994717,586.9732002235432]],[4,[706.1680384087791,607.8415637860082]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[5,5],[3,3],[2,2],[1,1],[7,7],[4,4],[6,6]],"end_point":[[6,7],[5,6],[4,5],[7,1],[1,2],[2,3],[3,4]],"handle_primary":[[7,[0.0,0.0]],[4,[2.1947873799731497,4.691071467853249]],[3,[0.0,0.0]],[2,[0.0,0.0]],[5,[7.452522481329197,2.721536351166037]],[1,[0.0,0.0]],[6,[15.119646395366544,2.853223593964344]]],"handle_end":[[4,null],[1,[0.0,0.0]],[5,null],[3,[-2.494608558449272,-5.331900091455282]],[7,[9.28638926992835,13.56378600823075]],[2,[6.496570644718986,-11.149519890260422]],[6,[0.0,0.0]]],"stroke":[[2,0],[6,0],[4,0],[3,0],[5,0],[7,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[196,{"inputs":[{"Node":{"node_id":200,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[398,{"inputs":[{"Node":{"node_id":396,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[227,{"inputs":[{"Node":{"node_id":230,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":75.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[87,{"inputs":[{"Node":{"node_id":88,"output_index":0,"lambda":false}},{"Node":{"node_id":90,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[118,{"inputs":[{"Node":{"node_id":119,"output_index":0,"lambda":false}},{"Node":{"node_id":128,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[491,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[2,[867.3888888888889,344.05555555555554]],[4,[851.3888888888889,542.2777777777777]],[5,[876.9444444444443,582.1008216600221]],[1,[903.3333333333331,336.44444444444446]],[3,[858.2777777777777,377.8333333333333]],[6,[908.5000000000005,581.0432098765432]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[2,2],[6,6],[3,3],[1,1],[5,5],[4,4]],"end_point":[[1,2],[3,4],[5,6],[6,1],[4,5],[2,3]],"handle_primary":[[3,[-0.4444444444444571,14.444444444444455]],[5,[0.0,0.0]],[2,[-9.555555555555657,12.444444444444455]],[1,[0.0,0.0]],[4,[-2.888888888888914,28.66666666666663]],[6,[0.0,0.0]]],"handle_end":[[5,[0.0,0.0]],[3,[2.888888888888914,-28.66666666666663]],[1,[9.555555555555657,-12.444444444444455]],[6,[0.16666666666685614,-0.2777777777777146]],[4,[0.0,0.0]],[2,[0.4444444444444571,-14.444444444444455]]],"stroke":[[5,0],[1,0],[3,0],[6,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[180,{"inputs":[{"Node":{"node_id":181,"output_index":0,"lambda":false}},{"Node":{"node_id":256,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11345069121502219134,{"inputs":[{"Node":{"node_id":12068777759187203228,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[413,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":436,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[242,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[3,[819.0679012345677,520.2695473251028]],[4,[812.5713305898489,549.7821216278006]],[1,[842.2716049382715,561.8070416095107]],[5,[837.913808870599,583.4355281207133]],[2,[821.8187014174667,518.4112940100595]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[4,4],[5,5],[1,1],[2,2],[3,3]],"end_point":[[4,5],[5,1],[2,3],[3,4],[1,2]],"handle_primary":[[1,[0.0,0.0]],[3,[-1.4046639231823974,2.1801554641060648]],[4,[0.0,0.0]],[2,[0.0,0.0]],[5,[0.0,0.0]]],"handle_end":[[2,[1.4046639231823974,-2.1801554641060648]],[1,[10.88614540466392,16.621856424325642]],[3,[0.0,0.0]],[5,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[3,0],[2,0],[1,0],[5,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[102,{"inputs":[{"Node":{"node_id":103,"output_index":0,"lambda":false}},{"Node":{"node_id":105,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[475,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[22.827133919383556,312.5]],[6,[102.27777777777776,528.0555555555553]],[2,[46.49999999999994,177.5]],[5,[172.5,512.0555555555555]],[4,[85.15294924554185,45.49314128943759]],[3,[81.20964791952444,29.23708276177412]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[1,1],[2,2],[5,5],[3,3],[4,4],[6,6]],"end_point":[[6,1],[5,6],[2,3],[1,2],[3,4],[4,5]],"handle_primary":[[6,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[2,[15.777777777777828,-79.0]],[5,[0.0,0.0]]],"handle_end":[[2,[0.0,0.0]],[5,[0.0,0.0]],[6,[0.0,0.0]],[3,[0.0,0.0]],[1,[-14.820678206547353,74.20776200602205]],[4,[0.0,0.0]]],"stroke":[[4,0],[6,0],[3,0],[5,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[304,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"delta":[[10,[712.0500685871053,614.4420508944315]],[1,[645.3333333333333,614.013717421125]],[5,[744.3996087994716,586.9732002235431]],[6,[717.5809327846364,593.2681755829904]],[8,[708.7139917695473,601.783950617284]],[3,[680.2695473251027,600.730452674897]],[9,[713.2108672458469,610.5533455265964]],[7,[702.5246913580245,600.8931773149878]],[2,[658.574074074074,609.6851851851851]],[4,[699.4958847736627,594.497256515775]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[3,3],[4,4],[8,8],[10,10],[5,5],[9,9],[7,7],[2,2],[6,6],[1,1]],"end_point":[[5,6],[4,5],[10,1],[7,8],[3,4],[9,10],[6,7],[8,9],[1,2],[2,3]],"handle_primary":[[7,[0.0,0.0]],[4,[4.444444444444002,-5.662551440328798]],[1,[0.0,0.0]],[10,[-58.35223289132739,3.851425709744945]],[6,[-10.886145404663694,2.8971193415636662]],[8,[0.0,0.0]],[9,[0.0,0.0]],[3,[7.374485596707928,-0.92181069958815]],[2,[4.740740740740762,-4.148148148148152]],[5,[0.0,0.0]]],"handle_end":[[2,[-6.174173455107166,0.7717716818881399]],[6,[0.0,0.0]],[5,[10.516302710276136,-2.79869346321857]],[10,null],[3,[-1.6866098186769705,2.1488658430550913]],[4,[-5.794238683127446,-2.0192043895747247]],[8,[-2.5361987501905787,-3.706752019509281]],[7,[-2.89711934156378,-1.975308641975289]],[1,[-4.740740740740762,4.148148148148152]],[9,[-0.08779149519853036,-2.2109123484780184]]],"stroke":[[1,0],[3,0],[4,0],[9,0],[6,0],[2,0],[8,0],[10,0],[5,0],[7,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":10}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[164,{"inputs":[{"Node":{"node_id":165,"output_index":0,"lambda":false}},{"Node":{"node_id":318,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[226,{"inputs":[{"Node":{"node_id":229,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.24641848672125644,0.5269240260497682],"end":[0.8641268166855021,0.5169975680471844],"transform":[-100.21499095458871,-245.37810800253257,714.8940033002694,-259.11571915794843,778.0,832.9999999999964]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.24641848672125644,0.5269240260497682],"end":[0.8641268166855021,0.5169975680471844],"transform":[-100.21499095458871,-245.37810800253257,714.8940033002694,-259.11571915794843,778.0,832.9999999999964]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[428,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[0.17362079214327678,-0.41509433962264153]],[3,[0.7349403737393546,1.0000000000000002]],[4,[0.1596715565350542,1.0]],[2,[0.8076864692090735,-0.4339622641509434]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[1,1],[3,3],[4,4]],"end_point":[[4,1],[2,3],[3,4],[1,2]],"handle_primary":[[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[3,0],[2,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[257,{"inputs":[{"Node":{"node_id":260,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":75.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[10544930474333783117,{"inputs":[{"Node":{"node_id":17173383864410319040,"output_index":0,"lambda":false}},{"Node":{"node_id":4633399390154487467,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[117,{"inputs":[{"Node":{"node_id":118,"output_index":0,"lambda":false}},{"Node":{"node_id":122,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[459,{"inputs":[{"Node":{"node_id":463,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[319,{"inputs":[{"Node":{"node_id":290,"output_index":0,"lambda":false}},{"Node":{"node_id":329,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12068777759187203228,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"delta":[[6,[717.5809327846364,593.2681755829904]],[2,[658.574074074074,609.6851851851851]],[7,[702.5246913580245,600.8931773149878]],[5,[744.3996087994716,586.9732002235431]],[4,[699.4958847736627,594.497256515775]],[1,[645.3333333333333,614.013717421125]],[8,[708.7139917695473,601.783950617284]],[9,[713.2108672458469,610.5533455265964]],[10,[712.0500685871053,614.4420508944315]],[3,[680.2695473251027,600.730452674897]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[9,9],[8,8],[7,7],[2,2],[3,3],[4,4],[6,6],[1,1],[5,5],[10,10]],"end_point":[[2,3],[10,1],[7,8],[5,6],[3,4],[9,10],[4,5],[8,9],[1,2],[6,7]],"handle_primary":[[1,[0.0,0.0]],[2,[4.740740740740762,-4.148148148148152]],[9,[0.0,0.0]],[3,[7.374485596707928,-0.92181069958815]],[5,[0.0,0.0]],[6,[-10.886145404663694,2.8971193415636662]],[10,[-58.35223289132739,3.851425709744945]],[4,[4.444444444444002,-5.662551440328798]],[7,[0.0,0.0]],[8,[0.0,0.0]]],"handle_end":[[5,[10.516302710276136,-2.79869346321857]],[2,[-6.174173455107166,0.7717716818881399]],[9,[-0.08779149519853036,-2.2109123484780184]],[7,[-2.89711934156378,-1.975308641975289]],[1,[-4.740740740740762,4.148148148148152]],[8,[-2.5361987501905787,-3.706752019509281]],[6,[0.0,0.0]],[3,[-1.6866098186769705,2.1488658430550913]],[4,[-5.794238683127446,-2.0192043895747247]],[10,null]],"stroke":[[4,0],[7,0],[8,0],[5,0],[2,0],[3,0],[9,0],[1,0],[10,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":10}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[179,{"inputs":[{"Node":{"node_id":180,"output_index":0,"lambda":false}},{"Node":{"node_id":250,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16815500381887058038,{"inputs":[{"Value":{"tagged_value":{"ArtboardGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":74,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"IVec2":[0,0]},"exposed":false}},{"Value":{"tagged_value":{"IVec2":[1024,768]},"exposed":false}},{"Value":{"tagged_value":{"Color":{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Bool":true},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":2,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":1}},{"Value":{"tagged_value":{"String":"Artboard"},"exposed":false}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"graph_craft::document::value::TaggedValue","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToArtboardNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Network":{"import_type":{"Fn":[{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::graphic_element::Artboard>","alias":null}}]},"import_index":0}},{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::AppendArtboardNode"}},"visible":true,"skip_deduplication":false}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[412,{"inputs":[{"Node":{"node_id":413,"output_index":0,"lambda":false}},{"Node":{"node_id":421,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[272,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[3,[896.2037037037037,507.6111111111111]],[5,[927.7592592592592,537.8333333333333]],[6,[873.7839506172841,571.9567901234568]],[2,[885.701646090535,534.2283950617283]],[1,[872.6913580246915,564.7407407407408]],[4,[919.7592592592592,507.7592592592593]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[2,2],[6,6],[5,5],[1,1],[3,3],[4,4]],"end_point":[[4,5],[2,3],[6,1],[3,4],[5,6],[1,2]],"handle_primary":[[1,[8.404909667028619,-14.163252363220296]],[3,[5.629629629629449,-5.185185185185162]],[2,[2.6337448559671657,-9.349794238682987]],[6,[0.0,0.0]],[5,[0.0,0.0]],[4,[9.641681333516315,12.166883587532825]]],"handle_end":[[5,[0.0,0.0]],[4,[0.0,0.0]],[2,[-6.29752559155645,5.8003525185389435]],[6,[0.0,0.0]],[1,null],[3,[-6.222222222222285,-7.851851851851904]]],"stroke":[[1,0],[5,0],[3,0],[6,0],[2,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[132,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[5,[170.5082304526749,714.508230452675]],[4,[158.12962962962962,718.0637860082305]],[2,[158.95389422344155,655.6901143957208]],[1,[172.61522633744855,706.3436213991771]],[3,[153.6522633744856,666.8374485596709]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[5,5],[2,2],[4,4],[3,3],[1,1]],"end_point":[[5,1],[2,3],[1,2],[3,4],[4,5]],"handle_primary":[[4,[0.0,0.0]],[2,[0.0,0.0]],[5,[3.160493827160508,-3.5555555555554292]],[1,[0.0,0.0]],[3,[-1.8436213991769537,9.744855967078138]]],"handle_end":[[4,[-3.403056460676396,3.828438518260782]],[3,[0.0,0.0]],[2,[1.8436213991768968,-9.744855967078138]],[1,[10.930041152263357,25.448559670781947]],[5,null]],"stroke":[[3,0],[4,0],[5,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[18142347460553706128,{"inputs":[{"Node":{"node_id":3719764965605527929,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":75.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[5714505144727602368,{"inputs":[{"Node":{"node_id":18142347460553706128,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[742.4503588311712,593.3522045638366]},"exposed":false}},{"Value":{"tagged_value":{"F64":-0.9530782},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[11.868580002725764,37.42791872115287]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.12623993859136118,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3719764965605527929,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[5,[0.5092009949861728,0.9569233045341342]],[4,[1.0925954941660798,1.0006513038165834]],[2,[0.5284291926980893,-0.05749241759918103]],[3,[0.9294778693529006,0.07804966382593222]],[1,[0.024789182815927936,-0.19742232174172225]],[6,[-0.007635827307500006,0.8135210708932508]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[3,3],[1,1],[6,6],[5,5],[2,2],[4,4]],"end_point":[[2,3],[4,5],[1,2],[3,4],[6,1],[5,6]],"handle_primary":[[2,[0.21441988872806772,0.05895880273641681]],[6,[0.0,0.0]],[5,[-0.28124758738050376,-0.047835328360902984]],[4,[0.0,0.0]],[1,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[5,[0.0,0.0]],[6,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.26857587477611267,0.04568009019878494]],[1,[-0.16942059711236046,-0.046585396643413435]],[2,[0.0,0.0]]],"stroke":[[2,0],[6,0],[1,0],[3,0],[5,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[194,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[5,[0.038029134760865314,0.7285470752399478]],[4,[0.9388148027481048,0.674134940686276]],[1,[-0.15531318767467384,0.11366419216517]],[2,[0.2647731761418837,0.17920265855050785]],[3,[0.7287108039915611,0.06963660702488284]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[5,5],[4,4],[1,1],[3,3],[2,2]],"end_point":[[3,4],[4,5],[2,3],[5,1],[1,2]],"handle_primary":[[1,[0.0,0.0]],[3,[-0.06001521816071698,0.06545334966568245]],[2,[0.12249986382303002,-0.04615791866776875]],[4,[0.0,0.0]],[5,[0.0,0.0]]],"handle_end":[[1,[-0.1993257782423989,0.03454533724430142]],[3,[0.0,0.0]],[2,[-0.2265909018579063,0.03511994027079236]],[4,[0.0,0.0]],[5,[0.0,0.0]]],"stroke":[[5,0],[2,0],[4,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17020523203516467057,{"inputs":[{"Node":{"node_id":7148230379224894975,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.328125,"green":0.19633627,"blue":0.17047119,"alpha":1.0}]],"gradient_type":"Linear","start":[0.3458831403130609,0.8154173283216788],"end":[0.29832402234636923,0.9999999999999992],"transform":[596.6666666666671,0.0,0.0,669.6474899687091,706.9999999999995,7.352510031290876]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.328125,"green":0.19633627,"blue":0.17047119,"alpha":1.0}]],"gradient_type":"Linear","start":[0.3458831403130609,0.8154173283216788],"end":[0.29832402234636923,0.9999999999999992],"transform":[596.6666666666671,0.0,0.0,669.6474899687091,706.9999999999995,7.352510031290876]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[396,{"inputs":[{"Node":{"node_id":400,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.7176471,"green":0.28627452,"blue":0.16862746,"alpha":1.0}],[1.0,{"red":0.9098039,"green":0.6862745,"blue":0.27058825,"alpha":1.0}]],"gradient_type":"Linear","start":[0.03910157250347135,0.9695090157857073],"end":[0.36170698072938423,0.042039957474503786],"transform":[340.38852944828716,-58.91966522272131,118.39875359080357,684.0089377789295,972.9016141723532,145.55594755688992]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.7176471,"green":0.28627452,"blue":0.16862746,"alpha":1.0}],[1.0,{"red":0.9098039,"green":0.6862745,"blue":0.27058825,"alpha":1.0}]],"gradient_type":"Linear","start":[0.03910157250347135,0.9695090157857073],"end":[0.36170698072938423,0.042039957474503786],"transform":[340.38852944828716,-58.91966522272131,118.39875359080357,684.0089377789295,972.9016141723532,145.55594755688992]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[85,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":155,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[427,{"inputs":[{"Node":{"node_id":428,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[583.9293351067386,697.6163522012579]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[206.6666666666667,70.66666666666666]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[256,{"inputs":[{"Node":{"node_id":259,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.19879202692409503,0.5201781689919184],"end":[0.8398128222157668,0.5168778892557565],"transform":[-149.7970504069467,-159.28457060198534,587.8340874439789,-510.0857997683857,879.0000000000035,834.0]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.19879202692409503,0.5201781689919184],"end":[0.8398128222157668,0.5168778892557565],"transform":[-149.7970504069467,-159.28457060198534,587.8340874439789,-510.0857997683857,879.0000000000035,834.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[287,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[5,[904.5,283.46296296296293]],[3,[913.619341563786,134.1625514403292]],[6,[898.2777777777778,520.5]],[2,[934.9526748971192,114.67283950617282]],[1,[954.864197530864,116.14814814814812]],[4,[910.06378600823,174.98559670781898]],[7,[944.7962962962962,568.2037037037037]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[4,4],[7,7],[6,6],[5,5],[1,1],[2,2],[3,3]],"end_point":[[7,1],[4,5],[5,6],[1,2],[2,3],[3,4],[6,7]],"handle_primary":[[2,[-9.481481481481635,1.8436213991769392]],[6,[0.0,0.0]],[3,[-2.2386831275719032,10.008230452674894]],[5,[-3.5555555555556566,34.37037037037038]],[4,[-0.7901234567891606,29.102880658436305]],[7,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[9.481481481481635,-1.8436213991769392]],[7,[0.0,0.0]],[2,[2.677546335770103,-11.970207148147836]],[3,[0.370701337431683,-13.654165928739786]],[4,[3.5555555555554292,-34.37037037037038]],[5,[0.0,0.0]],[6,[0.0,0.0]]],"stroke":[[7,0],[6,0],[4,0],[5,0],[3,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[318,{"inputs":[{"Node":{"node_id":319,"output_index":0,"lambda":false}},{"Node":{"node_id":323,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[178,{"inputs":[{"Node":{"node_id":179,"output_index":0,"lambda":false}},{"Node":{"node_id":244,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16821952675128396603,{"inputs":[{"Node":{"node_id":3885641499621884510,"output_index":0,"lambda":false}},{"Node":{"node_id":36935169817407978,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[36935169817407978,{"inputs":[{"Node":{"node_id":15848750910363784662,"output_index":0,"lambda":false}},{"Node":{"node_id":11279424538712841875,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[411,{"inputs":[{"Node":{"node_id":412,"output_index":0,"lambda":false}},{"Node":{"node_id":415,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[442,{"inputs":[{"Node":{"node_id":445,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.50980395,"green":0.26666668,"blue":0.2,"alpha":1.0}],[0.14354235440709684,{"red":0.5882353,"green":0.30588236,"blue":0.20392157,"alpha":1.0}],[0.5,{"red":0.6784314,"green":0.33333334,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.76953125,"green":0.4772935,"blue":0.21943665,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5063739376770537,0.01352247091271197],"end":[0.5049575070821529,1.015819012091678],"transform":[1412.0,0.0,0.0,231.4807092004588,351.0000000000001,588.5192907995412]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.50980395,"green":0.26666668,"blue":0.2,"alpha":1.0}],[0.14354235440709684,{"red":0.5882353,"green":0.30588236,"blue":0.20392157,"alpha":1.0}],[0.5,{"red":0.6784314,"green":0.33333334,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.76953125,"green":0.4772935,"blue":0.21943665,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5063739376770537,0.01352247091271197],"end":[0.5049575070821529,1.015819012091678],"transform":[1412.0,0.0,0.0,231.4807092004588,351.0000000000001,588.5192907995412]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[14205611254835578455,{"inputs":[{"Node":{"node_id":14335659566300901430,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[-1339.7031164295145,65.50112655997924]},"exposed":false}},{"Value":{"tagged_value":{"F64":-0.042402443},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[4.244995417859058,0.8619572141015625]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[4.90381723950611e-18,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[100,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[1.0,1.0]],[1,[-0.03917736275965821,1.5785983631388945e-15]],[4,[0.0,1.0]],[2,[0.9501947601024644,0.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[3,3],[1,1],[2,2]],"end_point":[[4,1],[1,2],[3,4],[2,3]],"handle_primary":[[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"stroke":[[3,0],[4,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[162,{"inputs":[{"Node":{"node_id":164,"output_index":0,"lambda":false}},{"Node":{"node_id":274,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9422094883894860610,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[527.0733882030179,547.0898491083676]],[2,[500.121399176955,531.6385459533608]],[4,[495.38065843621376,614.5137174211251]],[5,[541.9979423868313,611.7921810699589]],[3,[481.882716049383,533.8333333333337]],[6,[530.2777777777774,564.9115226337451]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[2,2],[4,4],[1,1],[3,3],[5,5],[6,6]],"end_point":[[5,6],[6,1],[4,5],[1,2],[2,3],[3,4]],"handle_primary":[[6,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[4,[0.0,0.0]],[5,[0.0,0.0]],[2,[5.684341886080804e-14,0.0]]],"handle_end":[[2,[0.0,0.0]],[4,[0.0,0.0]],[1,[16.644617182340255,-0.4357059391355733]],[3,[0.0,0.0]],[5,[0.0,0.0]],[6,[0.0,0.0]]],"stroke":[[5,0],[3,0],[1,0],[2,0],[4,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[193,{"inputs":[{"Node":{"node_id":191,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[965.2687196297846,544.9034434174798]},"exposed":false}},{"Value":{"tagged_value":{"F64":-1.7199705},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[17.59013219658168,55.471003102038694]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.12623993859136257,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[224,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"remove":[],"delta":[[18,[876.3518518518517,620.2201646090534]],[19,[742.2503429355281,620.0445816186556]],[17,[877.4053497942385,607.1831275720164]],[11,[830.3930041152262,568.5987654320987]],[15,[874.7716049382715,566.491769547325]],[5,[819.0679012345677,520.2695473251028]],[14,[864.6316872427983,543.3148148148147]],[12,[837.1090534979422,574.2613168724279]],[10,[827.364197530864,555.9567901234567]],[7,[817.6193415637858,545.6851851851851]],[3,[779.9567901234567,598.5451457288699]],[8,[825.5205761316871,544.7633744855966]],[4,[790.0967078189299,592.170781893004]],[9,[825.2572016460904,550.6893004115226]],[2,[773.1090534979423,610.0802469135801]],[16,[858.4423868312756,599.2818930041151]],[13,[852.648148148148,535.9403292181069]],[1,[741.4602194787379,611.9677640603566]],[6,[819.3312757201645,537.1255144032921]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"remove":[],"start_point":[[6,6],[9,9],[8,8],[3,3],[11,11],[14,14],[17,17],[19,19],[15,15],[18,18],[2,2],[5,5],[12,12],[4,4],[10,10],[16,16],[7,7],[1,1],[13,13]],"end_point":[[9,10],[5,6],[2,3],[11,12],[10,11],[17,18],[3,4],[18,19],[12,13],[1,2],[15,16],[6,7],[13,14],[16,17],[14,15],[7,8],[8,9],[4,5],[19,1]],"handle_primary":[[14,[3.68724279835385,7.90123456790127]],[16,[0.0,0.0]],[5,[0.0,0.0]],[12,[0.0,0.0]],[11,[0.658436213991763,2.1698525002639144]],[7,[1.4485596707819468,2.633744855967052]],[13,[0.0,0.0]],[18,[-1.843621399176982,1.975308641975289]],[3,[5.530864197530832,-1.8969975807218589]],[8,[0.0,0.0]],[10,[1.7119341563786747,1.316872427983526]],[17,[0.0,0.0]],[19,[-21.66213092273972,1.775584501863932]],[2,[4.609053497942341,-0.9218106995883772]],[6,[0.0,0.0]],[4,[1.0534979423869115,-4.345679012345613]],[1,[0.0,0.0]],[9,[0.0,0.0]],[15,[0.0,0.0]]],"handle_end":[[12,[-7.637860082304542,12.641975308641918]],[14,[0.0,0.0]],[8,[1.1851851851852189,-2.502057613168745]],[16,[-5.1358024691359105,-5.00411522633749]],[5,[-0.39506172839503506,-3.160493827160508]],[9,[-1.7119341563786747,-1.316872427983526]],[1,[-4.609053497942341,0.9218106995883772]],[18,[21.421124828532356,-1.7558299039781105]],[7,[-5.135802469135797,4.609053497942341]],[10,[-0.658436213991763,-2.1698525002639144]],[3,[-1.0534979423869115,4.345679012345613]],[19,[0.0,0.0]],[11,[-2.10699588477371,-0.3950617283951487]],[2,[-5.530864197530832,1.8969975807218589]],[6,[-1.4485596707819468,-2.633744855967052]],[13,[-3.68724279835385,-7.90123456790127]],[15,[2.765432098765359,-11.851851851851848]],[4,[-16.987654320987644,28.049382716049426]],[17,[1.843621399176982,-1.975308641975289]]],"stroke":[[15,0],[10,0],[8,0],[18,0],[2,0],[7,0],[17,0],[16,0],[4,0],[19,0],[11,0],[5,0],[9,0],[6,0],[3,0],[12,0],[1,0],[14,0],[13,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":19}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[14579754335592291854,{"inputs":[{"Node":{"node_id":1644624352314732667,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":0.0}]],"gradient_type":"Radial","start":[0.49999999999999994,0.5000000000000009],"end":[0.9003149237651733,0.5000000000000009],"transform":[1153.5000000000016,0.0,0.0,116.99999999999352,390.5000000000018,782.9999999999995]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":0.0}]],"gradient_type":"Radial","start":[0.49999999999999994,0.5000000000000009],"end":[0.9003149237651733,0.5000000000000009],"transform":[1153.5000000000016,0.0,0.0,116.99999999999352,390.5000000000018,782.9999999999995]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[7134154821675013808,{"inputs":[{"Node":{"node_id":408,"output_index":0,"lambda":false}},{"Node":{"node_id":14205611254835578455,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[457,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[129.38888888888889,628.0555555555557]],[2,[80.05555555555559,484.94444444444446]],[1,[-4.833333333333332,345.83333333333326]]]},"segments":{"add":[1,2],"remove":[],"start_point":[[2,2],[1,1]],"end_point":[[1,2],[2,3]],"handle_primary":[[1,[0.0,0.0]],[2,[32.038317168599576,69.73045501401077]]],"handle_end":[[1,[-45.33333333333338,-98.66666666666669]],[2,[0.0,0.0]]],"stroke":[[1,0],[2,0]]},"regions":{"add":[],"remove":[],"segment_range":[],"fill":[]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[115,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[1.0,0.0]],[4,[0.0,1.0]],[3,[1.0,1.0]],[1,[-0.04384002017081715,1.8188575645616826e-15]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[1,1],[2,2],[4,4]],"end_point":[[2,3],[3,4],[4,1],[1,2]],"handle_primary":[[2,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[4,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[4,0],[1,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6710503329407068595,{"inputs":[{"Node":{"node_id":16831252454255560063,"output_index":0,"lambda":false}},{"Node":{"node_id":10486443711686704000,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9570557034533539493,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[740.3456790123458,588.2030178326476]],[4,[789.2187928669412,601.4967933823075]],[5,[767.1831275720166,614.1625514403293]],[6,[751.1172839506169,611.1776406035664]],[3,[794.0473251028808,582.3820301783265]],[2,[755.3312757201647,586.2448559670783]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[6,6],[3,3],[5,5],[2,2],[1,1],[4,4]],"end_point":[[5,6],[1,2],[2,3],[4,5],[3,4],[6,1]],"handle_primary":[[4,[-8.427983539094612,8.539557783673331]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[9.481481481481524,0.4824094931645959]],[5,[-11.149519890260535,0.2794994541025062]],[6,[0.0,0.0]]],"handle_end":[[2,[-9.305898491083669,-1.1412894375856697]],[5,[0.0,0.0]],[4,[11.149519890260535,-0.2794994541025062]],[1,[-9.481481481481524,-0.4824094931645959]],[6,[0.0,0.0]],[3,[8.427983539094612,-8.539557783673331]]],"stroke":[[4,0],[5,0],[3,0],[6,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5175066652268973319,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[-0.09890842105846484,-0.06578040790199424]],[3,[1.0362898771040632,0.9994054840058096]],[2,[0.8379395417513005,-0.05940639119491883]],[4,[0.0,1.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[1,1],[4,4]],"end_point":[[2,3],[3,4],[4,1],[1,2]],"handle_primary":[[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[3,0],[4,0],[1,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[177,{"inputs":[{"Node":{"node_id":178,"output_index":0,"lambda":false}},{"Node":{"node_id":238,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[208,{"inputs":[{"Node":{"node_id":212,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[15277819403265847073,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":4913361824430066698,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[99,{"inputs":[{"Node":{"node_id":100,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[827.4018790826805,704.5]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[74.57030178326477,63.99999999999989]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[161,{"inputs":[{"Node":{"node_id":162,"output_index":0,"lambda":false}},{"Node":{"node_id":168,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[17245613731534563958,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[1,[0.5,0.0]],[2,[1.0,0.5]],[3,[0.5,1.0]],[4,[0.0,0.5]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[2,2],[1,1],[3,3]],"end_point":[[3,4],[2,3],[1,2],[4,1]],"handle_primary":[[2,[0.0,0.27589238888950707]],[1,[0.27589238888950707,0.0]],[3,[-0.275892388889507,0.0]],[4,[0.0,-0.275892388889507]]],"handle_end":[[1,[0.0,-0.275892388889507]],[2,[0.27589238888950707,0.0]],[3,[0.0,0.27589238888950707]],[4,[-0.275892388889507,0.0]]],"stroke":[[1,0],[4,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[394,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":404,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[254,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[1,[887.506172839506,620.2933732713938]],[5,[910.5246913580244,598.202467627757]],[2,[999.8086419753088,626.6728395061729]],[4,[1004.3518518518516,600.7306004720272]],[3,[1012.648148148148,620.7933732713938]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[2,2],[3,3],[5,5],[1,1],[4,4]],"end_point":[[3,4],[5,1],[1,2],[4,5],[2,3]],"handle_primary":[[4,[0.0,0.0]],[3,[0.0,0.0]],[5,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[2,[0.0,0.0]],[1,[-43.25925925925878,-1.3827160493827932]],[5,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[1,0],[3,0],[2,0],[5,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[83,{"inputs":[{"Node":{"node_id":85,"output_index":0,"lambda":false}},{"Node":{"node_id":117,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[114,{"inputs":[{"Node":{"node_id":115,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[926.5490676442352,657.3888888888888]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[97.92901234567933,111.111111111111]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[487,{"inputs":[{"Node":{"node_id":491,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.5546875,"green":0.30678105,"blue":0.24050903,"alpha":1.0}],[1.0,{"red":0.41015625,"green":0.26908994,"blue":0.22590637,"alpha":1.0}]],"gradient_type":"Linear","start":[0.6510643291021605,0.0026199374677413345],"end":[0.6510643291021605,0.8853991419751945],"transform":[171.95146556847033,0.0,0.0,739.7405389344278,1183.0485344315307,119.06192604563851]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.5546875,"green":0.30678105,"blue":0.24050903,"alpha":1.0}],[1.0,{"red":0.41015625,"green":0.26908994,"blue":0.22590637,"alpha":1.0}]],"gradient_type":"Linear","start":[0.6510643291021605,0.0026199374677413345],"end":[0.6510643291021605,0.8853991419751945],"transform":[171.95146556847033,0.0,0.0,739.7405389344278,1183.0485344315307,119.06192604563851]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[316,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[2,[755.3312757201647,586.2448559670783]],[5,[767.1831275720166,614.1625514403293]],[4,[789.2187928669412,601.4967933823075]],[6,[751.1172839506169,611.1776406035664]],[1,[740.3456790123458,588.2030178326476]],[3,[794.0473251028808,582.3820301783265]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[4,4],[1,1],[6,6],[3,3],[2,2],[5,5]],"end_point":[[6,1],[4,5],[2,3],[1,2],[5,6],[3,4]],"handle_primary":[[2,[9.481481481481524,0.4824094931645959]],[1,[0.0,0.0]],[5,[-11.149519890260535,0.2794994541025062]],[6,[0.0,0.0]],[3,[0.0,0.0]],[4,[-8.427983539094612,8.539557783673331]]],"handle_end":[[2,[-9.305898491083669,-1.1412894375856697]],[4,[11.149519890260535,-0.2794994541025062]],[6,[0.0,0.0]],[5,[0.0,0.0]],[1,[-9.481481481481524,-0.4824094931645959]],[3,[8.427983539094612,-8.539557783673331]]],"stroke":[[2,0],[6,0],[5,0],[3,0],[4,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[97478832511923699,{"inputs":[{"Node":{"node_id":2999157202967297847,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[486.78967826851385,539.8989473007496]},"exposed":false}},{"Value":{"tagged_value":{"F64":-0.14917418},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[24.603566707484493,77.5880766500041]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.12623993859136096,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[176,{"inputs":[{"Node":{"node_id":177,"output_index":0,"lambda":false}},{"Node":{"node_id":232,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12717405604755313921,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":15483449862348058100,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1644624352314732667,{"inputs":[{"Node":{"node_id":3930114406985796561,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[337.1982047610469,692.7466487935636]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[50.0,50.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[409,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":442,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[238,{"inputs":[{"Node":{"node_id":242,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[3707802522175443254,{"inputs":[{"Node":{"node_id":10278740841813346388,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[440,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[1.0,0.0]],[4,[0.0387096774193552,1.0]],[1,[0.0,0.0]],[3,[1.035483870967742,1.0]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[3,3],[2,2],[1,1],[4,4]],"end_point":[[2,3],[1,2],[4,1],[3,4]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]],[4,[0.0,0.0]]],"handle_end":[[3,[0.0,0.0]],[4,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]]],"stroke":[[2,0],[4,0],[1,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9603838021022368374,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[1,[744.3996087994717,586.9732002235432]],[5,[710.9477975918305,613.6358024691357]],[3,[698.0912208504803,600.3792866941013]],[2,[734.9571457603006,587.5194584158918]],[4,[706.1680384087791,607.8415637860082]],[7,[779.7592592592597,612.6204267490609]],[6,[729.3449931412895,610.3875171467763]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[1,1],[7,7],[4,4],[2,2],[3,3],[6,6],[5,5]],"end_point":[[7,1],[5,6],[3,4],[2,3],[1,2],[6,7],[4,5]],"handle_primary":[[5,[7.452522481329197,2.721536351166037]],[1,[0.0,0.0]],[7,[0.0,0.0]],[4,[2.1947873799731497,4.691071467853249]],[6,[15.119646395366544,2.853223593964344]],[3,[0.0,0.0]],[2,[0.0,0.0]]],"handle_end":[[7,[9.28638926992835,13.56378600823075]],[2,[6.496570644718986,-11.149519890260422]],[6,[0.0,0.0]],[3,[-2.494608558449272,-5.331900091455282]],[4,null],[5,null],[1,[0.0,0.0]]],"stroke":[[1,0],[7,0],[4,0],[3,0],[2,0],[5,0],[6,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[471,{"inputs":[{"Node":{"node_id":475,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[300,{"inputs":[{"Node":{"node_id":304,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[331,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"delta":[[6,[523.3861454046643,611.9385002286241]],[1,[659.4434537418081,187.67146776406028]],[3,[588.0884773662551,227.52880658436212]],[10,[750.8539094650207,617.9375857338821]],[9,[661.5370370370372,619.7592592592594]],[2,[622.9855967078189,184.4670781893004]],[11,[675.4629629629632,591.0185185185186]],[8,[446.6563786008233,618.9032921810701]],[7,[486.7770919067218,613.3724279835391]],[5,[540.9444444444443,605.8710283878144]],[4,[563.1666666666666,433.38888888888886]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11],"remove":[],"start_point":[[9,9],[4,4],[2,2],[11,11],[3,3],[10,10],[1,1],[8,8],[7,7],[6,6],[5,5]],"end_point":[[11,1],[10,11],[6,7],[4,5],[5,6],[1,2],[3,4],[8,9],[9,10],[7,8],[2,3]],"handle_primary":[[10,[1.1851851851849915,-37.53086419753106]],[11,[0.0,0.0]],[3,[-3.950617283950692,42.13991769547326]],[2,[-6.716049382716051,0.9218106995884908]],[8,[0.0,0.0]],[1,[-3.9798811156837246,-1.1315348270080108]],[7,[-3.511659807956221,0.819387288523103]],[5,[0.0,0.0]],[9,[43.09465020576113,-0.9876543209876444]],[6,[0.0,0.0]],[4,[-10.222222222222172,79.55555555555549]]],"handle_end":[[7,[1.5363511659809888,-3.599451303154865]],[4,[0.0,0.0]],[9,[-22.386831275720624,5.3991769547326385]],[1,[6.716049382716051,-0.9218106995884624]],[3,[10.222222222222172,-79.55555555555549]],[11,null],[8,[-14.51772944216873,0.33272107201298695]],[6,[5.110425979711636,-1.1924327285993286]],[10,[0.0,0.0]],[2,[3.950617283950692,-42.13991769547323]],[5,[5.5601280292639785,-9.422953818016254]]],"stroke":[[4,0],[2,0],[6,0],[8,0],[9,0],[7,0],[3,0],[10,0],[5,0],[1,0],[11,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":11}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[191,{"inputs":[{"Node":{"node_id":194,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":75.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[6980979116665635870,{"inputs":[{"Node":{"node_id":5175066652268973319,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[486.78967826851385,539.8989473007496]},"exposed":false}},{"Value":{"tagged_value":{"F64":-0.14917418},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[24.603566707484493,77.5880766500041]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.12623993859136096,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[393,{"inputs":[{"Node":{"node_id":394,"output_index":0,"lambda":false}},{"Node":{"node_id":398,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[424,{"inputs":[{"Node":{"node_id":427,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.72265625,"green":0.3808298,"blue":0.2117157,"alpha":1.0}],[0.07456140350877193,{"red":0.827451,"green":0.42352942,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.84705883,"green":0.48235294,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5000000000000004,0.0],"end":[0.5000000000000004,1.0],"transform":[301.3269343934191,0.0,0.0,227.99999999999997,1490.0,614.0]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.72265625,"green":0.3808298,"blue":0.2117157,"alpha":1.0}],[0.07456140350877193,{"red":0.827451,"green":0.42352942,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.84705883,"green":0.48235294,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5000000000000004,0.0],"end":[0.5000000000000004,1.0],"transform":[301.3269343934191,0.0,0.0,227.99999999999997,1490.0,614.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[82,{"inputs":[{"Node":{"node_id":83,"output_index":0,"lambda":false}},{"Node":{"node_id":102,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[455,{"inputs":[{"Node":{"node_id":453,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":6.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[144,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[0.5,1.0]],[1,[0.5,0.0]],[2,[1.0,0.5]],[4,[0.0,0.5]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[4,4],[3,3],[1,1]],"end_point":[[2,3],[3,4],[1,2],[4,1]],"handle_primary":[[4,[0.0,-0.275892388889507]],[1,[0.27589238888950707,0.0]],[2,[0.0,0.27589238888950707]],[3,[-0.275892388889507,0.0]]],"handle_end":[[3,[0.0,0.27589238888950707]],[1,[0.0,-0.275892388889507]],[2,[0.27589238888950707,0.0]],[4,[-0.275892388889507,0.0]]],"stroke":[[4,0],[3,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[175,{"inputs":[{"Node":{"node_id":176,"output_index":0,"lambda":false}},{"Node":{"node_id":226,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[206,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15],"remove":[],"delta":[[15,[1001.8333333333334,567.0185185185184]],[5,[963.3148148148148,466.8703703703703]],[12,[981.6851851851852,523.1666666666666]],[9,[973.0925925925924,496.5]],[11,[975.1666666666664,511.3148148148148]],[8,[972.5274348422496,495.6732967535437]],[4,[956.3024691358024,462.55639384240214]],[3,[971.3148148148148,466.5740740740741]],[2,[988.351851851852,494.72222222222223]],[6,[967.9074074074072,482.8703703703703]],[13,[967.3148148148148,531.9074074074074]],[14,[974.574074074074,539.3148148148148]],[7,[965.9814814814814,501.38888888888886]],[1,[1009.6296296296296,552.8888888888889]],[10,[968.2037037037036,504.05555555555554]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15],"remove":[],"start_point":[[7,7],[4,4],[15,15],[5,5],[8,8],[6,6],[10,10],[2,2],[14,14],[13,13],[9,9],[11,11],[3,3],[12,12],[1,1]],"end_point":[[5,6],[2,3],[12,13],[9,10],[15,1],[11,12],[3,4],[6,7],[8,9],[14,15],[7,8],[13,14],[4,5],[1,2],[10,11]],"handle_primary":[[5,[2.814814814814781,3.7037037037036953]],[11,[3.703703703703809,-0.7407407407407618]],[6,[-5.333333333333144,8.296296296296305]],[13,[0.0,0.0]],[12,[-4.888888888889028,8.59259259259261]],[1,[0.0,0.0]],[9,[0.0,0.0]],[14,[0.0,0.0]],[4,[0.0,0.0]],[7,[0.0,0.0]],[3,[-4.395061728394808,-4.740740740740705]],[15,[0.0,0.0]],[8,[0.0,0.0]],[2,[-6.51851851851859,-12.148148148148152]],[10,[0.0,0.0]]],"handle_end":[[4,[-2.814814814814781,-3.7037037037036953]],[6,[-1.7777777777778283,-0.8888888888889142]],[3,[3.265062349348341,-2.124337414689535]],[13,[-4.296296296296418,-2.6666666666666288]],[12,[0.0,0.0]],[2,[3.786081133230596,4.083862795394623]],[8,[-0.009144947416189098,-0.38774577046183367]],[11,[4.8888888888888005,-8.59259259259261]],[5,[5.333333333333485,-8.296296296296305]],[14,[-3.4074074074073906,-0.7407407407407618]],[10,[-3.7037037037035816,0.7407407407407618]],[7,[-2.6666666666667425,0.740740740740705]],[9,[0.7407407407407618,-4.0]],[1,[6.51851851851859,12.148148148148152]],[15,[-3.796296296296191,11.166666666666517]]],"stroke":[[9,0],[14,0],[10,0],[8,0],[4,0],[15,0],[5,0],[3,0],[12,0],[7,0],[1,0],[6,0],[13,0],[11,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":15}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[408,{"inputs":[{"Node":{"node_id":409,"output_index":0,"lambda":false}},{"Node":{"node_id":411,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1453710883947581217,{"inputs":[{"Node":{"node_id":281,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[268,{"inputs":[{"Node":{"node_id":272,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[439,{"inputs":[{"Node":{"node_id":440,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[344.5177419354837,697.8333333333333]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[206.6666666666667,70.66666666666666]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12768614558324028960,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":6710503329407068595,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[128,{"inputs":[{"Node":{"node_id":132,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[159,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5],"remove":[],"delta":[[1,[-2.6666666666667,581.3333333333333]],[5,[-2.6666666666666856,770.8703703703704]],[3,[266.2777777777779,704.4077331232156]],[4,[249.09259259259255,770.8703703703704]],[2,[153.0925925925926,632.7962962962963]]]},"segments":{"add":[1,2,3,4,5],"remove":[],"start_point":[[2,2],[5,5],[1,1],[4,4],[3,3]],"end_point":[[1,2],[4,5],[3,4],[2,3],[5,1]],"handle_primary":[[1,[0.0,0.0]],[3,[8.273042653236644,16.012340619167617]],[4,[0.0,0.0]],[5,[0.0,0.0]],[2,[69.92592592592595,31.40740740740773]]],"handle_end":[[1,[-105.44980253803315,-47.36304690267639]],[4,[0.0,0.0]],[2,[-9.18518518518522,-17.777777777777715]],[3,[19.407407407407447,-32.148148148148266]],[5,[0.0,0.0]]],"stroke":[[5,0],[3,0],[4,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":5}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2489761779922717592,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"delta":[[6,[468.0555555555556,551.0185185185187]],[4,[282.37654320987656,585.9814814814815]],[3,[205.93209876543213,600.5987654320988]],[10,[288.6975308641976,620.1543209876544]],[8,[481.88271604938296,600.2037037037037]],[1,[156.18106995884773,623.2098765432096]],[9,[447.46059205066985,619.9047655337092]],[7,[455.2160493827161,586.8374485596709]],[5,[338.4753086419753,574.1296296296297]],[2,[161.81687242798355,618.7716049382714]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[6,6],[8,8],[5,5],[1,1],[10,10],[3,3],[4,4],[9,9],[2,2],[7,7]],"end_point":[[6,7],[4,5],[10,1],[3,4],[9,10],[5,6],[8,9],[2,3],[7,8],[1,2]],"handle_primary":[[5,[0.0,0.0]],[3,[21.135802469135797,-7.703703703703695]],[1,[0.0,0.0]],[6,[-0.19753086419751753,-0.19753086419757435]],[10,[-70.32098765432102,1.975308641975289]],[8,[0.0,0.0]],[2,[5.925925925925924,-2.370370370370324]],[7,[0.0,0.0]],[4,[22.71604938271605,-4.9382716049382225]],[9,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[8,[11.358024691357969,-11.390946502057773]],[7,[-8.691358024691567,-7.308641975308547]],[2,[-21.135802469135797,7.703703703703695]],[1,[-5.925925925925924,2.370370370370324]],[9,[70.32098765432102,-1.975308641975289]],[3,[-22.71604938271605,4.9382716049382225]],[5,[-40.09876543209879,-8.09876543209873]],[6,[4.345679012345613,-25.481481481481524]],[10,[41.77160493827162,-2.8703703703704377]]],"stroke":[[10,0],[2,0],[5,0],[9,0],[3,0],[1,0],[6,0],[4,0],[7,0],[8,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":10}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[190,{"inputs":[{"Node":{"node_id":193,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.1331892468887066,0.5346273584022614],"end":[0.8687039445257865,0.5091081472114145],"transform":[-218.7504556627755,-14.37593189759248,43.932245743957935,-414.3431050369427,1186.6527692956029,632.7498382754235]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.1331892468887066,0.5346273584022614],"end":[0.8687039445257865,0.5091081472114145],"transform":[-218.7504556627755,-14.37593189759248,43.932245743957935,-414.3431050369427,1186.6527692956029,632.7498382754235]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[11427960919145580782,{"inputs":[{"Node":{"node_id":6873123446543957690,"output_index":0,"lambda":false}},{"Node":{"node_id":11345069121502219134,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15848750910363784662,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":17911294938421300842,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[81,{"inputs":[{"Node":{"node_id":82,"output_index":0,"lambda":false}},{"Node":{"node_id":87,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[15483449862348058100,{"inputs":[{"Node":{"node_id":5382879283978921947,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[283,{"inputs":[{"Node":{"node_id":16360261423333265502,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[143,{"inputs":[{"Node":{"node_id":144,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[22.81427346112025,718.7256085656885]},"exposed":false}},{"Value":{"tagged_value":{"F64":-0.028919384},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[114.60967448512612,10.883703174332329]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[-0.002522502109903075,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[6873123446543957690,{"inputs":[{"Node":{"node_id":12717405604755313921,"output_index":0,"lambda":false}},{"Node":{"node_id":3707802522175443254,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[485,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7],"remove":[],"delta":[[5,[874.2777777777776,540.5]],[4,[873.611111111111,465.6111111111111]],[7,[907.1666666666664,501.16666666666663]],[2,[881.6925011431184,340.0384849870446]],[6,[879.873428946497,552.0307817039356]],[3,[873.1913580246915,359.61111111111114]],[1,[901.7869989330896,337.4632677945435]]]},"segments":{"add":[1,2,3,4,5,6,7],"remove":[],"start_point":[[7,7],[5,5],[1,1],[3,3],[6,6],[2,2],[4,4]],"end_point":[[4,5],[1,2],[6,7],[5,6],[2,3],[7,1],[3,4]],"handle_primary":[[1,[0.0,0.0]],[4,[-0.22222222222228535,37.77777777777777]],[6,[4.0,1.7777777777777146]],[7,[2.888888888889028,-35.111111111111086]],[5,[1.086419753086716,4.000000000000114]],[3,[0.09876543209873034,9.87654320987656]],[2,[-5.885745135394927,5.678500588373993]]],"handle_end":[[6,[-2.8888888888888005,35.111111111111086]],[1,[5.5406188081085475,-5.34552659655543]],[7,[0.0,0.0]],[3,[0.22222222222228535,-37.77777777777777]],[5,[-4.0,-1.7777777777777146]],[4,[-0.9901901223357754,-3.645699995871837]],[2,[-0.09876543209873034,-9.87654320987656]]],"stroke":[[5,0],[1,0],[7,0],[3,0],[6,0],[4,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":7}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[174,{"inputs":[{"Node":{"node_id":175,"output_index":0,"lambda":false}},{"Node":{"node_id":220,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[4633399390154487467,{"inputs":[{"Node":{"node_id":11155094820673141470,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"F64":75.0},"exposed":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::blending_nodes::OpacityNode"}},"visible":true,"skip_deduplication":false}],[236,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[842.2716049382717,560.2962962962963]],[6,[838.425925925926,581.0432098765433]],[2,[837.9320987654322,560.7962962962963]],[4,[828.8127572016463,566.4259259259259]],[5,[826.9691358024693,580.1543209876544]],[3,[832.8950617283951,560.829218106996]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[6,6],[1,1],[2,2],[3,3],[5,5],[4,4]],"end_point":[[4,5],[1,2],[5,6],[3,4],[6,1],[2,3]],"handle_primary":[[1,[-4.339506172839492,0.5]],[5,[0.0,0.0]],[2,[0.0,0.0]],[6,[0.0,0.0]],[3,[-2.1728395061728634,1.4814814814815236]],[4,[-3.649513397469832,2.8283728830390373]]],"handle_end":[[5,[0.0,0.0]],[6,[0.0,0.0]],[3,[2.633744855967052,-2.0411522633744426]],[1,null],[2,[2.1728395061728634,-1.4814814814815236]],[4,[0.0,0.0]]],"stroke":[[1,0],[4,0],[6,0],[3,0],[5,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[1598976462838094167,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"delta":[[14,[496.49999999999994,603.4117893613783]],[16,[478.9197530864198,618.6875095259874]],[3,[488.5329218106997,551.6587029416252]],[5,[500.4506172839507,547.5105547934772]],[9,[510.261316872428,573.2078189300412]],[1,[506.7057613168725,531.9348803536052]],[18,[438.2283950617284,585.5544307531777]],[11,[504.00617283950623,588.9444444444446]],[2,[497.8388203017833,534.5393613778391]],[4,[500.77983539094663,544.0208428593207]],[6,[490.17901234567904,556.0043819539711]],[19,[468.05555555555594,550.6710486206383]],[8,[502.6234567901235,563.1154930650816]],[7,[495.90740740740733,567.882982777016]],[12,[513.3888888888889,585.5544307531777]],[17,[448.3683127572017,617.6340115836006]],[20,[480.89506172839504,532.4323654930657]],[13,[516.8017832647463,593.4437585733884]],[10,[496.50000000000006,582.6234567901236]],[15,[496.30246913580254,612.3006782502672]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],"remove":[],"start_point":[[16,16],[10,10],[3,3],[12,12],[9,9],[20,20],[5,5],[15,15],[13,13],[6,6],[7,7],[18,18],[1,1],[4,4],[17,17],[8,8],[14,14],[11,11],[2,2],[19,19]],"end_point":[[19,20],[12,13],[17,18],[16,17],[13,14],[4,5],[20,1],[11,12],[1,2],[3,4],[6,7],[15,16],[8,9],[9,10],[14,15],[10,11],[18,19],[2,3],[7,8],[5,6]],"handle_primary":[[9,[0.0,0.0]],[20,[7.46503467504715,-4.02781143068205]],[7,[0.0,0.0]],[19,[0.0,0.0]],[3,[4.565157750342848,-4.301783264746064]],[4,null],[16,[0.0,0.0]],[10,[0.0,0.0]],[6,[0.0,0.0]],[13,[0.0,0.0]],[12,[0.0,0.0]],[15,[0.0,0.0]],[1,[0.0,0.0]],[8,[0.0,0.0]],[11,[0.0,0.0]],[17,[0.0,0.0]],[14,[0.0,0.0]],[2,[-7.188100137174104,2.6138545953361927]],[18,[0.0,0.0]],[5,[-6.737997256515712,3.1824417009599983]]],"handle_end":[[8,[-1.7777777777777717,-5.728395061728406]],[17,[0.0,0.0]],[14,[-0.7901234567900701,-4.938271604938336]],[11,[-3.851851851851848,0.7581344568814075]],[3,null],[16,[0.0,0.0]],[5,[0.0,0.0]],[19,[-3.394604481024089,3.2873037646699004]],[18,[0.0,0.0]],[1,[3.4386245260820374,-1.250408918575317]],[2,[0.27087722942241044,-5.120145445603839]],[7,[-3.6872427983540206,1.4485596707820605]],[15,[0.0,0.0]],[12,[-0.39506172839503506,-1.975308641975289]],[6,[-2.508333333333439,-2.0902777777778283]],[20,[0.0,0.0]],[13,[0.0,0.0]],[9,[6.716049382716108,-8.49382716049422]],[10,[-2.765432098765416,-3.555555555555543]],[4,null]],"stroke":[[14,0],[13,0],[20,0],[4,0],[16,0],[17,0],[1,0],[11,0],[7,0],[10,0],[15,0],[3,0],[18,0],[2,0],[8,0],[5,0],[9,0],[6,0],[12,0],[19,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":20}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12435496696188763850,{"inputs":[{"Node":{"node_id":9286544882258200464,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[96,{"inputs":[{"Node":{"node_id":99,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[0.7594724231651877,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Radial","start":[0.0,0.5],"end":[1.0,0.0],"transform":[167.78317901234573,0.0,0.0,143.99999999999977,1158.5733024691351,715.0]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[0.7594724231651877,{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Radial","start":[0.0,0.5],"end":[1.0,0.0],"transform":[167.78317901234573,0.0,0.0,143.99999999999977,1158.5733024691351,715.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[469,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13],"remove":[],"delta":[[8,[82.0,29.5]],[1,[137.75,641.0]],[10,[137.68518518518513,236.64814814814815]],[2,[-7.000000000000025,626.675562328647]],[13,[223.25,608.7633744855967]],[5,[81.68518518518522,338.8703703703703]],[7,[129.38888888888886,443.61235349483104]],[4,[50.72222222222222,278.78532235939633]],[6,[110.91975308641976,406.62345679012344]],[3,[-7.030559365950182,200.5]],[9,[111.83431058292848,134.6107990062408]],[12,[199.1666666666667,473.1666666666667]],[11,[177.83333333333343,384.49999999999994]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13],"remove":[],"start_point":[[6,6],[10,10],[2,2],[1,1],[8,8],[11,11],[12,12],[3,3],[4,4],[7,7],[5,5],[9,9],[13,13]],"end_point":[[1,2],[8,9],[4,5],[10,11],[13,1],[9,10],[12,13],[11,12],[5,6],[3,4],[2,3],[7,8],[6,7]],"handle_primary":[[8,[0.0,0.0]],[9,[5.9990227504048335,27.666978771536947]],[10,[12.334360893667936,45.715346431469186]],[12,[11.42335240155694,63.4630688975397]],[6,[8.537957281505157,20.688127259031944]],[13,[0.0,0.0]],[2,[0.0,0.0]],[3,[31.078939476013172,37.97283968100555]],[5,[6.73334689148848,12.881185357630102]],[7,[-20.788075479416264,-70.61235349483104]],[11,[6.410520201070284,29.915760938327992]],[1,[0.0,0.0]],[4,[7.654320987654309,14.850480109739408]]],"handle_end":[[4,[-9.08641975308646,-17.382716049382736]],[8,[-13.354098963944438,-61.58795989288773]],[9,[-13.510174692931455,-48.54050114169854]],[7,[14.499999999999943,172.0]],[6,[0.0,0.0]],[12,[0.0,0.0]],[5,[-10.271604938271594,-24.88888888888897]],[2,[0.0,0.0]],[3,[-14.856706650648782,-28.82414089604376]],[10,[-12.0,-55.99999999999994]],[13,[0.0,0.0]],[11,[-5.999999999999915,-33.33333333333343]],[1,[0.0,0.0]]],"stroke":[[6,0],[1,0],[13,0],[11,0],[2,0],[7,0],[8,0],[12,0],[10,0],[4,0],[5,0],[9,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":13}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[11279424538712841875,{"inputs":[{"Node":{"node_id":2489761779922717592,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[329,{"inputs":[{"Node":{"node_id":327,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[4452902364641883403,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":8861964493222160710,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16894739051789815098,{"inputs":[{"Node":{"node_id":17245613731534563958,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"DVec2":[337.1982047610469,692.7466487935636]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[50.0,50.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.0,0.0]},"exposed":false}},{"Value":{"tagged_value":{"DVec2":[0.5,0.5]},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":1}},{"Network":{"import_type":{"Concrete":{"name":"f64","alias":null}},"import_index":2}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":3}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":4}},{"Network":{"import_type":{"Concrete":{"name":"glam::f64::dvec2::DVec2","alias":null}},"import_index":5}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::transform_nodes::TransformNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[220,{"inputs":[{"Node":{"node_id":224,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[422,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":430,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[453,{"inputs":[{"Node":{"node_id":457,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":"None"},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":null},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[111,{"inputs":[{"Node":{"node_id":114,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[13606781735926093266,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"delta":[[4,[699.4958847736627,594.497256515775]],[5,[744.3996087994716,586.9732002235431]],[10,[712.0500685871053,614.4420508944315]],[1,[645.3333333333333,614.013717421125]],[8,[708.7139917695473,601.783950617284]],[2,[658.574074074074,609.6851851851851]],[3,[680.2695473251027,600.730452674897]],[6,[717.5809327846364,593.2681755829904]],[7,[702.5246913580245,600.8931773149878]],[9,[713.2108672458469,610.5533455265964]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10],"remove":[],"start_point":[[4,4],[8,8],[9,9],[1,1],[7,7],[6,6],[5,5],[10,10],[2,2],[3,3]],"end_point":[[7,8],[3,4],[6,7],[2,3],[1,2],[9,10],[10,1],[5,6],[4,5],[8,9]],"handle_primary":[[6,[-10.886145404663694,2.8971193415636662]],[1,[0.0,0.0]],[2,[4.740740740740762,-4.148148148148152]],[5,[0.0,0.0]],[4,[4.444444444444002,-5.662551440328798]],[9,[0.0,0.0]],[7,[0.0,0.0]],[3,[7.374485596707928,-0.92181069958815]],[8,[0.0,0.0]],[10,[-58.35223289132739,3.851425709744945]]],"handle_end":[[10,null],[9,[-0.08779149519853036,-2.2109123484780184]],[7,[-2.89711934156378,-1.975308641975289]],[1,[-4.740740740740762,4.148148148148152]],[3,[-1.6866098186769705,2.1488658430550913]],[4,[-5.794238683127446,-2.0192043895747247]],[2,[-6.174173455107166,0.7717716818881399]],[8,[-2.5361987501905787,-3.706752019509281]],[5,[10.516302710276136,-2.79869346321857]],[6,[0.0,0.0]]],"stroke":[[5,0],[6,0],[4,0],[10,0],[2,0],[7,0],[3,0],[9,0],[8,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":10}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[2999157202967297847,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[1.0362898771040632,0.9994054840058096]],[4,[0.0,1.0]],[2,[0.8379395417513005,-0.05940639119491883]],[1,[-0.09890842105846484,-0.06578040790199424]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[1,1],[4,4],[3,3],[2,2]],"end_point":[[4,1],[2,3],[3,4],[1,2]],"handle_primary":[[4,[0.0,0.0]],[3,[0.0,0.0]],[2,[0.0,0.0]],[1,[0.0,0.0]]],"handle_end":[[1,[0.0,0.0]],[2,[0.0,0.0]],[4,[0.0,0.0]],[3,[0.0,0.0]]],"stroke":[[2,0],[1,0],[4,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[173,{"inputs":[{"Node":{"node_id":174,"output_index":0,"lambda":false}},{"Node":{"node_id":214,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16360261423333265502,{"inputs":[{"Node":{"node_id":287,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Miter"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[16831252454255560063,{"inputs":[{"Node":{"node_id":14080831508667499826,"output_index":0,"lambda":false}},{"Node":{"node_id":17257434333682934071,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[406,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[6,[428.9444444444444,568.9444444444443]],[1,[401.70713305898494,260.36282578875165]],[5,[332.5,581.8333333333333]],[3,[369.7510288065844,308.3847736625514]],[4,[353.38888888888886,444.5]],[2,[380.6371742112481,265.1035665294926]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[6,6],[1,1],[3,3],[2,2],[5,5],[4,4]],"end_point":[[3,4],[5,6],[2,3],[1,2],[6,1],[4,5]],"handle_primary":[[5,[0.0,0.0]],[4,[-5.333333333333314,40.0]],[2,[-10.643715697978225,7.851921416541302]],[3,[-1.3105663299890011,14.89279920442118]],[1,[-10.359396433470463,-3.160493827160451]],[6,[0.0,0.0]]],"handle_end":[[4,[4.0,-30.666666666666742]],[6,[0.0,0.0]],[2,[0.9657064471879266,-10.97393689986285]],[5,[0.0,0.0]],[3,[5.333333333333314,-40.0]],[1,null]],"stroke":[[3,0],[5,0],[6,0],[2,0],[1,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[9286544882258200464,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[2,[472.818244170096,545.5973936899862]],[3,[455.2160493827161,586.837448559671]],[4,[464.82921810699577,552.1378600823044]],[1,[480.8950617283949,532.7798353909467]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[4,4],[1,1],[2,2],[3,3]],"end_point":[[2,3],[4,1],[3,4],[1,2]],"handle_primary":[[1,[0.0,0.0]],[2,[-5.249967385837806,9.166609721304098]],[3,[0.0,0.0]],[4,[4.236143848022095,-8.765075372687306]]],"handle_end":[[3,[-10.501290993452583,21.72839506172852]],[4,[-3.58969669257732,1.843621399176868]],[2,[0.0,0.0]],[1,[5.530864197530832,-9.657064471879266]]],"stroke":[[3,0],[4,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[266,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[8,[877.5736601163951,577.8827160493829]],[2,[903.0185185185188,539.9074074074074]],[3,[907.9074074074074,539.3148148148149]],[1,[890.376543209877,558.3271604938273]],[5,[916.9444444444443,525.3888888888889]],[4,[906.574074074074,531.3148148148149]],[7,[902.8209876543212,578.672839506173]],[6,[931.067901234568,549.8333333333334]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[2,2],[3,3],[8,8],[4,4],[1,1],[7,7],[6,6],[5,5]],"end_point":[[1,2],[6,7],[8,1],[5,6],[2,3],[3,4],[4,5],[7,8]],"handle_primary":[[5,[12.296296296296418,0.14814814814803867]],[3,[0.0,0.0]],[1,[0.0,0.0]],[2,[0.0,0.0]],[6,[0.0,0.0]],[4,[0.05385802469163536,0.0]],[8,[0.0,0.0]],[7,[0.0,0.0]]],"handle_end":[[3,[0.2962962962964184,4.888888888889028]],[4,[-3.0120068298679143,-0.036289238914037014]],[5,[0.0,0.0]],[7,[0.0,0.0]],[8,[0.0,0.0]],[2,[0.0,0.0]],[1,[-16.592592592592723,23.703703703703923]],[6,[0.0,0.0]]],"stroke":[[5,0],[7,0],[8,0],[6,0],[4,0],[1,0],[2,0],[3,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[126,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17],"remove":[],"delta":[[14,[188.5493827160494,680.4012345679012]],[2,[79.11728395061729,724.0555555555555]],[15,[196.05555555555557,678.8209876543209]],[13,[177.0925925925926,696.4012345679012]],[6,[123.75925925925928,720.3024691358024]],[3,[94.12962962962963,696.9938271604938]],[16,[211.0679012345679,719.5123456790124]],[9,[158.40763603109284,655.1124066453283]],[1,[83.98971193415636,727.8086419753087]],[10,[158.3271604938272,661.4382716049382]],[12,[169.3888888888889,709.0432098765432]],[7,[131.06790123456793,702.1296296296296]],[4,[102.03086419753087,696.7962962962963]],[8,[148.8456790123457,665.3888888888888]],[11,[162.67283950617286,705.2901234567901]],[5,[115.66049382716052,719.5123456790124]],[17,[209.09259259259255,727.8086419753085]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17],"remove":[],"start_point":[[17,17],[6,6],[4,4],[2,2],[12,12],[16,16],[13,13],[1,1],[7,7],[3,3],[10,10],[15,15],[14,14],[9,9],[5,5],[11,11],[8,8]],"end_point":[[13,14],[14,15],[6,7],[16,17],[3,4],[7,8],[2,3],[12,13],[4,5],[10,11],[11,12],[17,1],[8,9],[15,16],[9,10],[5,6],[1,2]],"handle_primary":[[5,[0.9523778763475974,1.643318688599834]],[7,[2.962962962962962,-6.320987654321016]],[13,[3.555555555555543,-7.308641975308547]],[1,[-3.7139917695473343,-0.22427983539080287]],[15,[2.370370370370381,3.950617283950692]],[9,[1.416857186404485,0.2219173906416927]],[3,[2.3703703703704093,-2.5679012345678984]],[12,[0.0,0.0]],[8,[2.172839506172835,-5.3333333333332575]],[6,[0.0,0.0]],[4,[3.753086419753103,4.9382716049382225]],[14,[2.3703703703703525,-2.5679012345678984]],[10,[-0.24572721430195088,3.082066920469856]],[2,[3.2490948717098007,-6.29142916067417]],[11,[0.0,0.0]],[16,[0.0,0.0]],[17,[-3.028806584362002,2.897119341564121]]],"handle_end":[[17,[4.846281557722946,0.29265633783461453]],[12,[-3.5555555555555713,7.308641975308547]],[10,[1.1851851851851904,-8.296296296296305]],[11,[-4.148148148148152,-0.39506172839503506]],[15,[-3.753086419753089,-24.493827160493765]],[7,[-2.172839506172835,5.3333333333332575]],[13,[-2.370370370370381,2.5679012345678984]],[2,[-2.3703703703703525,2.5679012345678984]],[1,[-2.4142661179698734,4.6748971193414945]],[3,[-3.753086419753074,-4.9382716049382225]],[4,[-1.119341563786023,-1.9314128943758533]],[16,[3.77785186523289,-3.613597436310215]],[5,[-4.148148148148167,0.5925925925926094]],[8,[-2.3218581751052625,-0.3636645334502191]],[6,[-2.962962962962962,6.320987654321016]],[9,[0.31458619112936503,-3.9457399786616634]],[14,[-2.370370370370381,-3.950617283950692]]],"stroke":[[2,0],[15,0],[7,0],[6,0],[4,0],[5,0],[11,0],[9,0],[13,0],[1,0],[12,0],[16,0],[14,0],[10,0],[17,0],[3,0],[8,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":17}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[16164610528699022118,{"inputs":[{"Node":{"node_id":7134154821675013808,"output_index":0,"lambda":false}},{"Node":{"node_id":12875520257830460085,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[600590258445096812,{"inputs":[{"Node":{"node_id":9778003574990260202,"output_index":0,"lambda":false}},{"Node":{"node_id":12435496696188763850,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[188,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3],"remove":[],"delta":[[3,[1026.2777777777778,610.4999999999999]],[2,[987.6111111111112,593.3888888888889]],[1,[1027.3333333333333,523.5555555555555]]]},"segments":{"add":[1,2,3],"remove":[],"start_point":[[1,1],[3,3],[2,2]],"end_point":[[2,3],[1,2],[3,1]],"handle_primary":[[1,[0.0,0.0]],[2,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[2,[-16.66666666666663,0.22222222222228535]],[1,[28.22222222222217,-65.11111111111109]],[3,[0.0,0.0]]],"stroke":[[3,0],[2,0],[1,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":3}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[3885641499621884510,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":600590258445096812,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[421,{"inputs":[{"Node":{"node_id":422,"output_index":0,"lambda":false}},{"Node":{"node_id":424,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[79,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":493,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[250,{"inputs":[{"Node":{"node_id":254,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.50980395,"green":0.26666668,"blue":0.2,"alpha":1.0}]],"gradient_type":"Linear","start":[0.6377392483726765,0.3630996922378644],"end":[0.6306417402456479,0.9306187973093224],"transform":[632.5762009234635,-34.77347770644815,7.911125258864406,143.91397960043895,1102.6156431423424,426.6593636915554]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.50980395,"green":0.26666668,"blue":0.2,"alpha":1.0}]],"gradient_type":"Linear","start":[0.6377392483726765,0.3630996922378644],"end":[0.6306417402456479,0.9306187973093224],"transform":[632.5762009234635,-34.77347770644815,7.911125258864406,143.91397960043895,1102.6156431423424,426.6593636915554]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[281,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[6,[923.4629629629628,289.38888888888886]],[1,[1026.168038408779,250.70576131687224]],[4,[929.6851851851852,121.58641975308646]],[5,[923.3641975308644,158.72222222222226]],[7,[926.7222222222222,528.7962962962963]],[2,[998.8209876543212,150.42592592592595]],[8,[1026.2777777777776,592.5]],[3,[972.746913580247,118.22839506172843]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[3,3],[8,8],[6,6],[1,1],[5,5],[2,2],[4,4],[7,7]],"end_point":[[7,8],[1,2],[4,5],[3,4],[2,3],[8,1],[5,6],[6,7]],"handle_primary":[[1,[-10.22770919067159,-29.761316872427727]],[6,[0.2962962962964184,19.259259259259295]],[8,[0.0,0.0]],[7,[0.0,0.0]],[4,[-5.135802469135797,10.864197530864176]],[2,[-4.543209876543415,-11.06172839506172]],[3,[-17.77777777777783,-3.753086419753074]],[5,[0.0,11.061728395061747]]],"handle_end":[[3,[5.135802469135797,-10.864197530864176]],[4,[0.0,-11.061728395061747]],[8,null],[1,[4.543209876543187,11.06172839506172]],[6,[-2.370370370370324,-53.03703703703695]],[2,[17.77777777777783,3.753086419753089]],[5,[-0.2962962962964184,-19.259259259259295]],[7,[0.0,0.0]]],"stroke":[[5,0],[2,0],[7,0],[4,0],[1,0],[6,0],[3,0],[8,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[5382879283978921947,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6],"remove":[],"delta":[[1,[740.3456790123458,588.2030178326476]],[5,[767.1831275720166,614.1625514403293]],[3,[794.0473251028808,582.3820301783265]],[4,[789.2187928669412,601.4967933823075]],[6,[751.1172839506169,611.1776406035664]],[2,[755.3312757201647,586.2448559670783]]]},"segments":{"add":[1,2,3,4,5,6],"remove":[],"start_point":[[6,6],[4,4],[2,2],[3,3],[1,1],[5,5]],"end_point":[[4,5],[5,6],[1,2],[6,1],[3,4],[2,3]],"handle_primary":[[1,[0.0,0.0]],[4,[-8.427983539094612,8.539557783673331]],[3,[0.0,0.0]],[2,[9.481481481481524,0.4824094931645959]],[5,[-11.149519890260535,0.2794994541025062]],[6,[0.0,0.0]]],"handle_end":[[2,[-9.305898491083669,-1.1412894375856697]],[1,[-9.481481481481524,-0.4824094931645959]],[5,[0.0,0.0]],[4,[11.149519890260535,-0.2794994541025062]],[3,[8.427983539094612,-8.539557783673331]],[6,[0.0,0.0]]],"stroke":[[5,0],[1,0],[3,0],[2,0],[6,0],[4,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":6}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[312,{"inputs":[{"Node":{"node_id":316,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[5105625446268484763,{"inputs":[{"Node":{"node_id":9422094883894860610,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[989999757220954936,{"inputs":[{"Node":{"node_id":10544930474333783117,"output_index":0,"lambda":false}},{"Node":{"node_id":5105625446268484763,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[172,{"inputs":[{"Node":{"node_id":173,"output_index":0,"lambda":false}},{"Node":{"node_id":208,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[436,{"inputs":[{"Node":{"node_id":439,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.7490196,"green":0.3764706,"blue":0.19215687,"alpha":1.0}],[0.08176100628930963,{"red":0.827451,"green":0.42352942,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.84705883,"green":0.48235294,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5000000000000004,0.0],"end":[0.5000000000000004,1.0],"transform":[481.5000000000001,0.0,0.0,158.99999999999997,876.9999999999998,682.9999999999998]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.7490196,"green":0.3764706,"blue":0.19215687,"alpha":1.0}],[0.08176100628930963,{"red":0.827451,"green":0.42352942,"blue":0.19215687,"alpha":1.0}],[1.0,{"red":0.84705883,"green":0.48235294,"blue":0.20784314,"alpha":1.0}]],"gradient_type":"Linear","start":[0.5000000000000004,0.0],"end":[0.5000000000000004,1.0],"transform":[481.5000000000001,0.0,0.0,158.99999999999997,876.9999999999998,682.9999999999998]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[94,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4],"remove":[],"delta":[[3,[0.5,1.0]],[2,[1.0,0.5]],[1,[0.5,0.0]],[4,[0.0,0.5]]]},"segments":{"add":[1,2,3,4],"remove":[],"start_point":[[2,2],[4,4],[3,3],[1,1]],"end_point":[[4,1],[3,4],[2,3],[1,2]],"handle_primary":[[4,[0.0,-0.275892388889507]],[3,[-0.275892388889507,0.0]],[2,[0.0,0.27589238888950707]],[1,[0.27589238888950707,0.0]]],"handle_end":[[2,[0.27589238888950707,0.0]],[1,[0.0,-0.275892388889507]],[4,[-0.275892388889507,0.0]],[3,[0.0,0.27589238888950707]]],"stroke":[[1,0],[4,0],[3,0],[2,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":4}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[467,{"inputs":[{"Node":{"node_id":465,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"F64":2.0},"exposed":false}},{"Value":{"tagged_value":{"StrokeAlign":"Center"},"exposed":false}},{"Value":{"tagged_value":{"StrokeCap":"Butt"},"exposed":false}},{"Value":{"tagged_value":{"StrokeJoin":"Round"},"exposed":false}},{"Value":{"tagged_value":{"F64":4.0},"exposed":false}},{"Value":{"tagged_value":{"PaintOrder":"StrokeAbove"},"exposed":false}},{"Value":{"tagged_value":{"VecF64":[]},"exposed":false}},{"Value":{"tagged_value":{"F64":0.0},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::StrokeNode"}},"visible":true,"skip_deduplication":false}],[327,{"inputs":[{"Node":{"node_id":331,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[218,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8],"remove":[],"delta":[[6,[888.3518518518518,541.9814814814815]],[7,[886.574074074074,540.0555555555557]],[8,[891.0185185185185,531.9074074074074]],[1,[901.9820911446426,504.0199918711579]],[2,[890.7057613168722,514.4753086419753]],[3,[872.8621399176955,563.858024691358]],[5,[880.5,566.7222222222222]],[4,[874.0473251028807,569.7181069958847]]]},"segments":{"add":[1,2,3,4,5,6,7,8],"remove":[],"start_point":[[1,1],[3,3],[5,5],[4,4],[2,2],[6,6],[8,8],[7,7]],"end_point":[[1,2],[4,5],[7,8],[6,7],[5,6],[2,3],[8,1],[3,4]],"handle_primary":[[6,[0.0,0.0]],[4,[0.0,0.0]],[2,[-3.0946502057612406,7.835390946502002]],[8,[0.0,0.0]],[5,[0.0,0.0]],[1,[0.0,0.0]],[7,[0.0,0.0]],[3,[0.0,0.0]]],"handle_end":[[4,[0.0,0.0]],[1,[3.0946502057612406,-7.835390946502002]],[2,[7.111111111111086,-11.522633744855966]],[8,[-7.693415637860312,3.5987654320987303]],[3,[0.0,0.0]],[6,[0.0,0.0]],[5,[0.0,0.0]],[7,[0.0,0.0]]],"stroke":[[7,0],[6,0],[2,0],[4,0],[3,0],[8,0],[1,0],[5,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":8}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[78,{"inputs":[{"Node":{"node_id":79,"output_index":0,"lambda":false}},{"Node":{"node_id":477,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[451,{"inputs":[{"Value":{"tagged_value":{"GraphicGroup":{"instance":[],"transform":[],"alpha_blending":[],"source_node_id":[]}},"exposed":true}},{"Node":{"node_id":471,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[109,{"inputs":[{"Value":{"tagged_value":{"VectorData":{"instance":[{"style":{"stroke":{"color":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0},"weight":0.0,"dash_lengths":[],"dash_offset":0.0,"cap":"Butt","join":"Miter","join_miter_limit":4.0,"align":"Center","transform":[1.0,0.0,0.0,1.0,0.0,0.0],"non_scaling":false,"paint_order":"StrokeAbove"},"fill":"None"},"colinear_manipulators":[],"point_domain":{"id":[],"position":[]},"segment_domain":{"id":[],"start_point":[],"end_point":[],"handles":[],"stroke":[]},"region_domain":{"id":[],"segment_range":[],"fill":[]},"upstream_graphic_group":null}],"transform":[[1.0,0.0,0.0,1.0,0.0,0.0]],"alpha_blending":[{"blend_mode":"Normal","opacity":1.0,"fill":1.0,"clip":false}],"source_node_id":[null]}},"exposed":true}},{"Value":{"tagged_value":{"VectorModification":{"points":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52],"remove":[],"delta":[[1,[865.1205730638582,195.5865278374037]],[44,[1156.927131949119,259.8397940478278]],[49,[1038.402865487009,182.635914058747]],[50,[1016.655293659099,296.810666155275]],[40,[1180.3057716641222,344.11163488097947]],[30,[1277.62615559402,478.946580214022]],[33,[1284.1504271423933,435.99512585389954]],[38,[1223.8009153199428,370.7524103701693]],[21,[990.5582074656068,498.5193948591411]],[3,[943.8009280356002,277.78154080585364]],[27,[1093.315484352482,509.93687006879384]],[26,[1143.3348995566753,518.6358987999579]],[51,[994.3640325354912,266.3640655962009]],[48,[1078.092184072945,124.46115941908752]],[23,[972.616460707581,519.7232773913535]],[39,[1145.5096567394662,398.4805644507546]],[29,[1205.8591685619167,441.9757081065748]],[9,[770.907732003715,320.7329951659761]],[46,[1098.7523773094597,263.6456191177121]],[6,[838.3252046702362,291.37377319829744]],[19,[988.3834502828158,483.83978387530175]],[34,[1256.9659623575055,413.8640589204806]],[4,[956.3057818366484,357.1601779777255]],[13,[885.0824841002429,442.5193974022726]],[43,[1210.2086829274988,227.76212560166044]],[35,[1281.975669959602,393.04367149377714]],[24,[1014.480536476308,543.1019171063567]],[41,[1216.7329544758718,262.5582405263166]],[15,[728.4999669392903,519.7232773913535]],[25,[1110.71354181481,529.509684713913]],[12,[783.956275100461,383.2572641712176]],[7,[758.9465674983644,277.2378515101559]],[14,[783.956275100461,458.8300762732051]],[22,[1000.3446147881664,518.0922095042602]],[52,[939.3251404063708,207.7548507796705]],[45,[1105.8203381535304,315.83979150469634]],[36,[1387.451393324966,404.4611467034299]],[42,[1287.4125629165796,203.2961072952616]],[47,[1073.742669707363,200.0339715210751]],[32,[1323.839745728329,479.4902695097197]],[8,[810.5970505896508,321.8203737573716]],[16,[763.8397711596442,482.7524052839062]],[5,[914.9853953636192,333.78153826272217]],[31,[1336.888288825075,539.8397813321702]],[11,[730.1310348263835,333.2378489670244]],[2,[910.288570576692,217.7758226144784]],[10,[670.8689015953286,344.1116348809794]],[20,[969.8980142290924,494.7135697892568]],[37,[1302.6358631961166,363.1407602304008]],[17,[813.8591863638374,482.2087159882085]],[18,[909.5485024066418,487.10191964948825]],[28,[1134.0921815298134,465.8980371172759]]]},"segments":{"add":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52],"remove":[],"start_point":[[43,43],[27,27],[15,15],[11,11],[10,10],[1,1],[34,34],[39,39],[4,4],[49,49],[2,2],[40,40],[31,31],[3,3],[35,35],[42,42],[20,20],[19,19],[44,44],[45,45],[5,5],[8,8],[7,7],[18,18],[37,37],[33,33],[46,46],[24,24],[41,41],[32,32],[36,36],[22,22],[52,52],[6,6],[14,14],[26,26],[23,23],[30,30],[47,47],[21,21],[50,50],[29,29],[51,51],[17,17],[25,25],[16,16],[9,9],[48,48],[28,28],[13,13],[12,12],[38,38]],"end_point":[[7,8],[44,45],[28,29],[35,36],[1,2],[3,4],[49,50],[12,13],[46,47],[40,41],[52,1],[45,46],[32,33],[15,16],[4,5],[22,23],[8,9],[6,7],[2,3],[38,39],[24,25],[20,21],[31,32],[14,15],[5,6],[36,37],[16,17],[42,43],[39,40],[19,20],[51,52],[43,44],[34,35],[25,26],[13,14],[9,10],[48,49],[18,19],[27,28],[47,48],[37,38],[50,51],[41,42],[33,34],[23,24],[30,31],[26,27],[10,11],[29,30],[11,12],[17,18],[21,22]],"handle_primary":[[5,[-19.02912534942118,-15.766989575234843]],[42,[0.0,0.0]],[38,[-17.941746758026056,-1.0873785913955205]],[14,[-44.03883295151786,20.11650394081687]],[22,[0.0,0.0]],[6,[-25.00970760209657,-1.0873785913954634]],[23,[0.0,0.0]],[4,[0.0,0.0]],[19,[0.0,0.0]],[10,[0.0,0.0]],[32,[-24.466018306398837,-28.81553267198086]],[40,[12.504853801048512,-14.135921688141591]],[12,[41.864075768726934,30.606794749262978]],[33,[-13.048543096746243,-19.57281464511908]],[36,[0.0,0.0]],[50,[0.0,0.0]],[20,[0.0,0.0]],[15,[0.0,0.0]],[21,[0.0,0.0]],[17,[31.53397915046969,11.961164505350553]],[3,[7.06796084407074,48.3883473171]],[24,[39.145629290237935,9.786407322559626]],[37,[-48.38834731709994,-2.174757182791041]],[13,[0.0,0.0]],[51,[-18.48543605372367,-25.009707602096626]],[2,[16.937999067312603,14.3156740497256]],[9,[-26.64077548918988,2.7184464784887723]],[28,[0.0,0.0]],[11,[26.097086193492142,5.980582252675276]],[29,[20.116503940816983,1.631067887093252]],[39,[0.0,0.0]],[44,[-21.74757182791018,14.135921688141591]],[46,[-6.524271548372781,-16.310678870932577]],[31,[0.0,0.0]],[27,[0.0,0.0]],[7,[0.0,0.0]],[16,[14.13592168814148,-1.631067887093252]],[30,[26.097086193492032,5.436892956977488]],[48,[0.0,0.0]],[26,[0.0,0.0]],[52,[-26.097086193492142,-12.504853801048256]],[43,[-16.310678870932634,13.048543096746071]],[34,[0.0,0.0]],[49,[-10.873785913954862,28.81553267198086]],[45,[0.0,0.0]],[35,[8.699028731163935,-10.3300966182573]],[1,[0.0,0.0]],[8,[0.0,0.0]],[18,[18.485436053723447,-2.7184464784887723]],[41,[15.427586663144211,-29.493915679540574]],[25,[14.679610983839666,-8.155339435466317]],[47,[-1.6310678870931952,-7.611650139768528]]],"handle_end":[[14,[0.0,0.0]],[46,[1.6310678870931952,7.611650139768528]],[6,[0.0,0.0]],[49,[-5.98058225267539,-75.02912280628982]],[33,[0.0,0.0]],[50,[18.48543605372356,25.009707602096626]],[51,[26.097086193492032,12.50485380104834]],[28,[-20.11650394081721,-1.6310678870931952]],[52,[21.791261123607796,0.5873785913955203]],[9,[27.18446478488761,-22.291261123607853]],[18,[-11.41747520965282,-9.242718026861724]],[37,[17.941746758026056,1.0873785913955205]],[47,[-22.83495041930587,36.42718281174942]],[22,[3.805825069884122,-4.3495143655819675]],[42,[16.310678870932634,-13.048543096746071]],[45,[6.524271548372553,16.310678870932577]],[5,[25.00970760209657,1.0873785913954634]],[20,[-4.8932036612795855,-5.980582252675276]],[15,[-14.13592168814148,1.631067887093252]],[21,[-4.3495143655819675,-3.262135774186504]],[17,[-18.48543605372356,2.7184464784887723]],[23,[-39.14562929023816,-9.786407322559626]],[40,[-18.48543605372356,35.33980422035398]],[4,[19.02912534942141,15.766989575234843]],[1,[-14.628148339931158,-12.363432230293256]],[27,[-8.15533943546643,25.00970760209657]],[7,[-5.436892956977545,-19.029125349421292]],[39,[-9.034630967226803,10.21306109338667]],[36,[48.388347317099715,2.174757182790927]],[13,[44.03883295151786,-20.11650394081687]],[8,[26.64077548918988,-2.7184464784887723]],[29,[-26.097086193492032,-5.436892956977488]],[2,[-7.067960844070626,-48.3883473171]],[31,[24.466018306399064,28.81553267198086]],[44,[0.0,0.0]],[19,[3.805825069884008,-5.436892956977601]],[26,[30.446600559074568,-5.980582252675276]],[38,[0.0,0.0]],[16,[-31.53397915046969,-11.961164505350553]],[11,[-41.864075768726934,-30.606794749263088]],[48,[10.87378591395509,-28.81553267198086]],[3,[5.436892956977545,-25.553396897794357]],[35,[-71.76698703210332,-41.864075768726934]],[32,[13.048543096746243,19.57281464511908]],[12,[-31.533979150469577,-8.15533943546626]],[41,[-32.07766844616731,15.223300279537028]],[24,[-14.67961098383944,8.155339435466317]],[43,[21.74757182791018,-14.135921688141565]],[34,[-8.699028731163935,10.330096618257244]],[25,[-12.504853801048284,-3.262135774186504]],[30,[-0.5436892956979591,-24.46601830639895]],[10,[-26.097086193492142,-5.980582252675276]]],"stroke":[[31,0],[52,0],[32,0],[39,0],[45,0],[49,0],[30,0],[10,0],[51,0],[1,0],[37,0],[34,0],[43,0],[7,0],[12,0],[50,0],[3,0],[2,0],[18,0],[22,0],[47,0],[38,0],[15,0],[42,0],[27,0],[11,0],[23,0],[20,0],[33,0],[44,0],[36,0],[6,0],[9,0],[13,0],[8,0],[14,0],[28,0],[40,0],[21,0],[17,0],[26,0],[24,0],[35,0],[5,0],[48,0],[4,0],[25,0],[29,0],[19,0],[46,0],[41,0],[16,0]]},"regions":{"add":[0],"remove":[],"segment_range":[[0,{"start":1,"end":52}]],"fill":[[0,0]]},"add_g1_continuous":[],"remove_g1_continuous":[]}},"exposed":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":1,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Concrete":{"name":"graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>","alias":null}},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}},{"Network":{"import_type":{"Concrete":{"name":"graphene_core::vector::vector_data::modification::VectorModification","alias":null}},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::vector::vector_data::modification::PathModifyNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}],[12325841371509826180,{"inputs":[{"Node":{"node_id":6980979116665635870,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.08732233199581252,0.5212000945774993],"end":[0.9287098983518448,0.5070261975055625],"transform":[139.824941251317,-21.014379437271643,45.64496496886203,416.4689172758892,1005.0,432.99999999999955]}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.3764706,"green":0.23529412,"blue":0.20784314,"alpha":1.0}],[1.0,{"red":0.5058824,"green":0.26666668,"blue":0.20392157,"alpha":1.0}]],"gradient_type":"Linear","start":[0.08732233199581252,0.5212000945774993],"end":[0.9287098983518448,0.5070261975055625],"transform":[139.824941251317,-21.014379437271643,45.64496496886203,416.4689172758892,1005.0,432.99999999999955]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[140,{"inputs":[{"Node":{"node_id":143,"output_index":0,"lambda":false}},{"Value":{"tagged_value":{"Fill":{"Solid":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}}},"exposed":false}},{"Value":{"tagged_value":{"OptionalColor":{"red":0.24313726,"green":0.18431373,"blue":0.19215687,"alpha":1.0}},"exposed":false}},{"Value":{"tagged_value":{"Gradient":{"stops":[[0.0,{"red":0.0,"green":0.0,"blue":0.0,"alpha":1.0}],[1.0,{"red":1.0,"green":1.0,"blue":1.0,"alpha":1.0}]],"gradient_type":"Linear","start":[0.0,0.5],"end":[1.0,0.5],"transform":[1.0,0.0,0.0,1.0,0.0,0.0]}},"exposed":false}}],"manual_composition":{"Concrete":{"name":"core::option::Option<alloc::sync::Arc<graphene_core::context::OwnedContextImpl>>","alias":null}},"implementation":{"ProtoNode":{"name":"graphene_core::vector::FillNode"}},"visible":true,"skip_deduplication":false}],[171,{"inputs":[{"Node":{"node_id":172,"output_index":0,"lambda":false}},{"Node":{"node_id":202,"output_index":0,"lambda":false}}],"manual_composition":null,"implementation":{"Network":{"exports":[{"Node":{"node_id":3,"output_index":0,"lambda":false}}],"nodes":[[0,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":1}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToElementNode"}},"visible":true,"skip_deduplication":false}],[3,{"inputs":[{"Node":{"node_id":1,"output_index":0,"lambda":false}},{"Node":{"node_id":2,"output_index":0,"lambda":false}},{"Reflection":"DocumentNodePath"}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::LayerNode"}},"visible":true,"skip_deduplication":false}],[2,{"inputs":[{"Node":{"node_id":0,"output_index":0,"lambda":false}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::memo::MonitorNode"}},"visible":true,"skip_deduplication":true}],[1,{"inputs":[{"Network":{"import_type":{"Generic":"T"},"import_index":0}}],"manual_composition":{"Generic":"T"},"implementation":{"ProtoNode":{"name":"graphene_core::graphic_element::ToGroupNode"}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]}},"visible":true,"skip_deduplication":false}]],"scope_injections":[]},"network_metadata":{"persistent_metadata":{"node_metadata":[[292,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[120,{"persistent_metadata":{"reference":"Merge","display_name":"Ground Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[200,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[138,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11345069121502219134,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[262,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[82,{"persistent_metadata":{"reference":"Merge","display_name":"Right Plinth","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[109,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6272196533192700024,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[440,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[175,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[212,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[117,{"persistent_metadata":{"reference":"Merge","display_name":"Stones","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,28]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[214,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[90,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[174,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[446,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[224,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[487,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[318,{"persistent_metadata":{"reference":"Merge","display_name":"Face","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,139]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14113040319560793790,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[36935169817407978,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-35,160]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[13606781735926093266,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4452902364641883403,{"persistent_metadata":{"reference":"Merge","display_name":"Soft Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9570557034533539493,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14579754335592291854,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[248,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11891167879168294182,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[422,{"persistent_metadata":{"reference":"Merge","display_name":"Right Half","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[424,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[171,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16815500381887058038,{"persistent_metadata":{"reference":"Artboard","display_name":"","input_properties":[{"input_data":{"input_name":"Artboards"},"widget_override":null},{"input_data":{"input_name":"Contents"},"widget_override":"hidden"},{"input_data":{"y":"Y","input_name":"Location","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Dimensions","x":"W","unit":" px","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Background"},"widget_override":"artboard_background"},{"input_data":{"input_name":"Clip"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-1,1]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-2,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Append Artboards","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[6,-4]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Artboard","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-10,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[274,{"persistent_metadata":{"reference":"Merge","display_name":"Face","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,121]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12435496696188763850,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[218,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3885641499621884510,{"persistent_metadata":{"reference":"Merge","display_name":"Rock Outcropping","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5175066652268973319,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[162,{"persistent_metadata":{"reference":"Merge","display_name":"Right Slab Spire","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":60}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[229,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","input_name":"Translation","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[118,{"persistent_metadata":{"reference":"Merge","display_name":"Highlight","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12875520257830460085,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[316,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[442,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[1635416892097245588,{"persistent_metadata":{"reference":"Merge","display_name":"Shading","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11807598261442997948,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[600590258445096812,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-35,169]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[176,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[180,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[445,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","input_name":"Translation","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","unit":"x","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17911294938421300842,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[143,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","input_name":"Translation","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16360261423333265502,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6015109908395573189,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","input_name":"Translation","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[477,{"persistent_metadata":{"reference":"Merge","display_name":"Face","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-15,253]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14080831508667499826,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[105,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[76,{"persistent_metadata":{"reference":"Merge","display_name":"Ground","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":144}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3719764965605527929,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[103,{"persistent_metadata":{"reference":"Merge","display_name":"Right Plinth","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[396,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[448,{"persistent_metadata":{"reference":"Merge","display_name":"Shadow Fissure","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-15,238]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[134,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[306,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[266,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10486443711686704000,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[97478832511923699,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","unit":" px","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","y":"H","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1598976462838094167,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12717405604755313921,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9286544882258200464,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[173,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[77,{"persistent_metadata":{"reference":"Merge","display_name":"Spike Spire","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":33}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[18142347460553706128,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[290,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[12768614558324028960,{"persistent_metadata":{"reference":"Merge","display_name":"Slope","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[433,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","input_name":"Translation","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[497,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17173383864410319040,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[409,{"persistent_metadata":{"reference":"Merge","display_name":"Ground","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":15}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[275,{"persistent_metadata":{"reference":"Merge","display_name":"Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[406,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[128,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[182,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[281,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-53,121]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[165,{"persistent_metadata":{"reference":"Merge","display_name":"Rocky Slope","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":15}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[312,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[79,{"persistent_metadata":{"reference":"Merge","display_name":"Sky","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[208,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[402,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[394,{"persistent_metadata":{"reference":"Merge","display_name":"Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[400,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[88,{"persistent_metadata":{"reference":"Merge","display_name":"Left Plinth","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[413,{"persistent_metadata":{"reference":"Merge","display_name":"From Left Slab Spire","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[184,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12325841371509826180,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[108,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[144,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15277819403265847073,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[206,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[481,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[227,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11377169273880889832,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16894739051789815098,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[427,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","input_name":"Translation","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","x":"W","input_name":"Scale","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[453,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-43,238]}}},"network_metadata":null}}],[94,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[191,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[168,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,58]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17245613731534563958,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15552693212536925398,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7135480377162524224,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","unit":" px","y":"Y","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[250,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[202,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11427960919145580782,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[393,{"persistent_metadata":{"reference":"Merge","display_name":"Face","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,193]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[268,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[4913361824430066698,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[190,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[449,{"persistent_metadata":{"reference":"Merge","display_name":"Shadow Lower","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1644624352314732667,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","input_name":"Scale","unit":"x","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[119,{"persistent_metadata":{"reference":"Merge","display_name":"Highlight","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[230,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[434,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[408,{"persistent_metadata":{"reference":"Merge","display_name":"Reflections","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[412,{"persistent_metadata":{"reference":"Merge","display_name":"From Center Slab Spire","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[291,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[226,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[283,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[172,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4454263454059119441,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11279424538712841875,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[15483449862348058100,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[450,{"persistent_metadata":{"reference":"Merge","display_name":"Face","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[15848750910363784662,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9778003574990260202,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[1453710883947581217,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[439,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[100,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[196,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[493,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[194,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17257434333682934071,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[430,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6980979116665635870,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","x":"X","input_name":"Translation","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[259,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","unit":"x","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[87,{"persistent_metadata":{"reference":"Merge","display_name":"Ball","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,10]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14433811491576609500,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[170,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[465,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[102,{"persistent_metadata":{"reference":"Merge","display_name":"Agave Plant","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,19]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[329,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[11155094820673141470,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[14205611254835578455,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","unit":" px","x":"X","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","x":"W","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,208]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[419,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[111,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[463,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[169,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[140,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16164610528699022118,{"persistent_metadata":{"reference":"Merge","display_name":"Spike Spire Corner Slope","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-15,202]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[260,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9422094883894860610,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[436,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[12068777759187203228,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[244,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[7148230379224894975,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[232,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[8861964493222160710,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[469,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[457,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-36,238]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[331,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[475,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6873123446543957690,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10278740841813346388,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[310,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[272,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[7134154821675013808,{"persistent_metadata":{"reference":"Merge","display_name":"Left Slope Shading","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[6710503329407068595,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-35,106]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[166,{"persistent_metadata":{"reference":"Merge","display_name":"Left Slab Spire","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":33}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[161,{"persistent_metadata":{"reference":"Merge","display_name":"Rocky Outcropping","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-15,55]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[16831252454255560063,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5714505144727602368,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","y":"Y","input_name":"Translation","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"x":"W","input_name":"Scale","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[319,{"persistent_metadata":{"reference":"Merge","display_name":"Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[10544930474333783117,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[254,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[179,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[321,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-53,139]}}},"network_metadata":null}}],[257,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[491,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[181,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[304,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[418,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","y":"Y","unit":" px","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[485,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[126,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[459,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[16821952675128396603,{"persistent_metadata":{"reference":"Merge","display_name":"Main Slope","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,157]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[85,{"persistent_metadata":{"reference":"Merge","display_name":"Left Slope","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":21}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[14335659566300901430,{"persistent_metadata":{"reference":"Merge","display_name":"Soft Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[236,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[256,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[193,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","y":"H","unit":"x"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5382879283978921947,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[83,{"persistent_metadata":{"reference":"Merge","display_name":"Stone Cluster","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":6}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5105625446268484763,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[428,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[78,{"persistent_metadata":{"reference":"Merge","display_name":"Distant Spire","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":12}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[989999757220954936,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[325,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-46,139]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[11472292186872186521,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","y":"Y","x":"X","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-35,43]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[496,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"y":"Y","x":"X","unit":" px","input_name":"Translation"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","y":"H","x":"W","input_name":"Scale"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[75,{"persistent_metadata":{"reference":"Merge","display_name":"Slab Spires","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":45}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[177,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[327,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[421,{"persistent_metadata":{"reference":"Merge","display_name":"Left Half","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-35,223]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[5364427239360309137,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[74,{"persistent_metadata":{"reference":"Merge","display_name":"Foreground","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-5,4]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[96,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[99,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Translation","x":"X","y":"Y","unit":" px"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"y":"H","unit":"x","input_name":"Scale","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[159,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[238,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[93,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"unit":" px","input_name":"Translation","y":"Y","x":"X"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"input_name":"Scale","x":"W","unit":"x","y":"H"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3930114406985796561,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[6926019345498826421,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[277,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[478,{"persistent_metadata":{"reference":"Merge","display_name":"Shadow","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[188,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[2489761779922717592,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[9603838021022368374,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[4633399390154487467,{"persistent_metadata":{"reference":"Opacity","display_name":"","input_properties":[{"input_data":{"input_name":"Value"},"widget_override":null},{"input_data":{"input_name":"Factor"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[81,{"persistent_metadata":{"reference":"Merge","display_name":"Left Plinth","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-15,7]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[3707802522175443254,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[115,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[17020523203516467057,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[17414691604179185270,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[451,{"persistent_metadata":{"reference":"Merge","display_name":"Shadow Upper","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[122,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[323,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[471,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[155,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[2999157202967297847,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[220,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[178,{"persistent_metadata":{"reference":"Merge","display_name":"","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":0}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[404,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[415,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[114,{"persistent_metadata":{"reference":"Transform","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"x":"X","input_name":"Translation","unit":" px","y":"Y"},"widget_override":"vec2"},{"input_data":{"input_name":"Rotation"},"widget_override":"transform_rotation"},{"input_data":{"unit":"x","input_name":"Scale","y":"H","x":"W"},"widget_override":"vec2"},{"input_data":{"input_name":"Skew"},"widget_override":"hidden"},{"input_data":{"input_name":"Pivot"},"widget_override":"hidden"}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Transform","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[411,{"persistent_metadata":{"reference":"Merge","display_name":"From Spike Spire","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Absolute":[-25,217]}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[287,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[132,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[300,{"persistent_metadata":{"reference":"Fill","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Fill"},"widget_override":null},{"input_data":{"input_name":"Backup Color"},"widget_override":null},{"input_data":{"input_name":"Backup Gradient"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[398,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[455,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}],[164,{"persistent_metadata":{"reference":"Merge","display_name":"Center Slab Spire","input_properties":[{"input_data":{"input_name":"Graphical Data"},"widget_override":null},{"input_data":{"input_name":"Over"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Layer":{"position":{"Stack":15}}},"network_metadata":{"persistent_metadata":{"node_metadata":[[2,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-7,-1]}}},"network_metadata":null}}],[1,{"persistent_metadata":{"reference":null,"display_name":"To Group","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-3]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"To Element","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[-14,-1]}}},"network_metadata":null}}],[3,{"persistent_metadata":{"reference":null,"display_name":"Layer","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[1,-3]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[242,{"persistent_metadata":{"reference":"Path","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Modification"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":{"persistent_metadata":{"node_metadata":[[1,{"persistent_metadata":{"reference":null,"display_name":"Path Modify","input_properties":[{"input_data":{"input_name":""},"widget_override":null},{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[7,0]}}},"network_metadata":null}}],[0,{"persistent_metadata":{"reference":null,"display_name":"Monitor","input_properties":[{"input_data":{"input_name":""},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":{"Absolute":[0,0]}}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[0.0,0.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,0.0,0.0],"node_graph_top_right":[0.0,0.0]},"selection_undo_history":[],"selection_redo_history":[]}}}}],[467,{"persistent_metadata":{"reference":"Stroke","display_name":"","input_properties":[{"input_data":{"input_name":"Vector Data"},"widget_override":null},{"input_data":{"input_name":"Color"},"widget_override":null},{"input_data":{"input_name":"Weight"},"widget_override":null},{"input_data":{"input_name":"Dash Lengths"},"widget_override":null},{"input_data":{"input_name":"Dash Offset"},"widget_override":null},{"input_data":{"input_name":"Line Cap"},"widget_override":null},{"input_data":{"input_name":"Line Join"},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{},"widget_override":null},{"input_data":{"input_name":"Miter Limit"},"widget_override":null}],"output_names":[],"has_primary_output":true,"locked":false,"pinned":false,"node_type_metadata":{"Node":{"position":"Chain"}},"network_metadata":null}}]],"previewing":"No","navigation_metadata":{"node_graph_ptz":{"pan":[459.0,-501.0],"tilt":0.0,"zoom":1.0,"flip":false},"node_graph_to_viewport":[1.0,0.0,0.0,1.0,1450.0,80.0],"node_graph_top_right":[1468.796875,0.0]},"selection_undo_history":[[],[],[]],"selection_redo_history":[]}}},"collapsed":[],"name":"valley-of-spires.graphite","commit_hash":"","document_ptz":{"pan":[-507.74999999999994,-385.9351851851852],"tilt":0.0,"zoom":1.0,"flip":false},"document_mode":"DesignMode","view_mode":"Normal","overlays_visibility_settings":{"all":true,"artboard_name":true,"compass_rose":true,"quick_measurement":true,"transform_measurement":true,"transform_cage":true,"hover_outline":true,"selection_outline":true,"pivot":true,"path":true,"anchors":true,"handles":true},"rulers_visible":true,"snapping_state":{"snapping_enabled":true,"grid_snapping":false,"artboards":true,"tolerance":8.0,"bounding_box":{"center_point":true,"corner_point":true,"edge_midpoint":true,"align_with_edges":true,"distribute_evenly":true},"path":{"anchor_point":true,"line_midpoint":true,"along_path":true,"normal_to_path":true,"tangent_to_path":true,"path_intersection_point":true,"align_with_anchor_point":true,"perpendicular_from_endpoint":true},"grid":{"origin":[0.0,0.0],"grid_type":{"Rectangular":{"spacing":[1.0,1.0]}},"rectangular_spacing":[1.0,1.0],"isometric_y_spacing":1.0,"isometric_angle_a":30.0,"isometric_angle_b":30.0,"grid_color":{"red":0.6038274,"green":0.6038274,"blue":0.6038274,"alpha":1.0},"dot_display":false}},"graph_view_overlay_open":false,"graph_fade_artwork_percentage":80.0}
\ No newline at end of file
diff --git a/deny.toml b/deny.toml
new file mode 100644
index 0000000000000000000000000000000000000000..556f12c11ea8b8af97262c89674d476bd1a3274d
--- /dev/null
+++ b/deny.toml
@@ -0,0 +1,194 @@
+# This template contains all of the possible sections and their default values
+
+# Note that all fields that take a lint level have these possible values:
+# * deny - An error will be produced and the check will fail
+# * warn - A warning will be produced, but the check will not fail
+# * allow - No warning or error will be produced, though in some cases a note
+# will be
+
+# The values provided in this template are the default values that will be used
+# when any section or field is not specified in your own configuration
+
+[graph]
+# If 1 or more target triples (and optionally, target_features) are specified,
+# only the specified targets will be checked when running `cargo deny check`.
+# This means, if a particular package is only ever used as a target specific
+# dependency, such as, for example, the `nix` crate only being used via the
+# `target_family = "unix"` configuration, that only having windows targets in
+# this list would mean the nix crate, as well as any of its exclusive
+# dependencies not shared by any other crates, would be ignored, as the target
+# list here is effectively saying which targets you are building for.
+targets = [
+	# The triple can be any string, but only the target triples built in to
+	# rustc (as of 1.40) can be checked against actual config expressions
+	#{ triple = "x86_64-unknown-linux-musl" },
+	# You can also specify which target_features you promise are enabled for a
+	# particular target. target_features are currently not validated against
+	# the actual valid features supported by the target architecture.
+	#{ triple = "wasm32-unknown-unknown", features = ["atomics"] },
+]
+
+# Tauri produces too many nonsense warnings.
+exclude = ["tauri", "tauri-build"]
+
+
+# This section is considered when running `cargo deny check advisories`
+# More documentation for the advisories section can be found here:
+# https://embarkstudios.github.io/cargo-deny/checks/advisories/cfg.html
+[advisories]
+# The path where the advisory database is cloned/fetched into
+db-path = "~/.cargo/advisory-db"
+# The url(s) of the advisory databases to use
+db-urls = ["https://github.com/rustsec/advisory-db"]
+# A list of advisory IDs to ignore. Note that ignored advisories will still
+# output a note when they are encountered.
+ignore = [
+	"RUSTSEC-2024-0370", # Unmaintained but still fully functional crate `proc-macro-error`
+	"RUSTSEC-2024-0388", # Unmaintained but still fully functional crate `derivative`
+	"RUSTSEC-2025-0007", # Unmaintained but still fully functional crate `ring`
+	"RUSTSEC-2024-0436", # Unmaintained but still fully functional crate `paste`
+	"RUSTSEC-2025-0014", # Unmaintained but still fully functional crate `humantime`
+]
+# Threshold for security vulnerabilities, any vulnerability with a CVSS score
+# lower than the range specified will be ignored. Note that ignored advisories
+# will still output a note when they are encountered.
+# * None - CVSS Score 0.0
+# * Low - CVSS Score 0.1 - 3.9
+# * Medium - CVSS Score 4.0 - 6.9
+# * High - CVSS Score 7.0 - 8.9
+# * Critical - CVSS Score 9.0 - 10.0
+#severity-threshold =
+
+# This section is considered when running `cargo deny check licenses`
+# More documentation for the licenses section can be found here:
+# https://embarkstudios.github.io/cargo-deny/checks/licenses/cfg.html
+[licenses]
+# List of explicitly allowed licenses
+# See https://spdx.org/licenses/ for list of possible licenses
+# [possible values: any SPDX 3.11 short identifier (+ optional exception)].
+#
+# Keep this list in sync with those in `/about.toml` and `/frontend/vite.config.ts`.
+allow = [
+	"Apache-2.0 WITH LLVM-exception",
+	"Apache-2.0",
+	"BSD-2-Clause",
+	"BSD-3-Clause",
+	"BSL-1.0",
+	"CC0-1.0",
+	"ISC",
+	"MIT",
+	"MPL-2.0",
+	"OpenSSL",
+	"Unicode-3.0",
+	"Zlib",
+	"NCSA",
+]
+# The confidence threshold for detecting a license from license text.
+# The higher the value, the more closely the license text must be to the
+# canonical license text of a valid SPDX license file.
+# [possible values: any between 0.0 and 1.0].
+confidence-threshold = 0.8
+# Allow 1 or more licenses on a per-crate basis, so that particular licenses
+# aren't accepted for every possible crate as with the normal allow list
+exceptions = [
+	# Each entry is the crate and version constraint, and its specific allow
+	# list
+	#{ allow = ["Zlib"], name = "adler32", version = "*" },
+]
+
+# Some crates don't have (easily) machine readable licensing information,
+# adding a clarification entry for it allows you to manually specify the
+# licensing information
+[[licenses.clarify]]
+# The name of the crate the clarification applies to
+name = "ring"
+# The optional version constraint for the crate
+#version = "*"
+# The SPDX expression for the license requirements of the crate
+expression = "MIT AND ISC AND OpenSSL"
+# One or more files in the crate's source used as the "source of truth" for
+# the license expression. If the contents match, the clarification will be used
+# when running the license check, otherwise the clarification will be ignored
+# and the crate will be checked normally, which may produce warnings or errors
+# depending on the rest of your configuration
+license-files = [
+	# Each entry is a crate relative path, and the (opaque) hash of its contents
+	{ path = "LICENSE", hash = 0xbd0eed23 },
+]
+
+[licenses.private]
+# If true, ignores workspace crates that aren't published, or are only
+# published to private registries
+ignore = false
+# One or more private registries that you might publish crates to, if a crate
+# is only published to private registries, and ignore is true, the crate will
+# not have its license(s) checked
+registries = [
+	#"https://sekretz.com/registry
+]
+
+# This section is considered when running `cargo deny check bans`.
+# More documentation about the 'bans' section can be found here:
+# https://embarkstudios.github.io/cargo-deny/checks/bans/cfg.html
+[bans]
+# Lint level for when multiple versions of the same crate are detected
+multiple-versions = "allow"
+
+# Lint level for when a crate version requirement is `*`
+wildcards = "allow"
+# The graph highlighting used when creating dotgraphs for crates
+# with multiple versions
+# * lowest-version - The path to the lowest versioned duplicate is highlighted
+# * simplest-path - The path to the version with the fewest edges is highlighted
+# * all - Both lowest-version and simplest-path are used
+highlight = "all"
+# List of crates that are allowed. Use with care!
+allow = [
+	#{ name = "ansi_term", version = "=0.11.0" },
+]
+# List of crates to deny
+deny = [
+	# Each entry the name of a crate and a version range. If version is
+	# not specified, all versions will be matched.
+	#{ name = "ansi_term", version = "=0.11.0" },
+	#
+	# Wrapper crates can optionally be specified to allow the crate when it
+	# is a direct dependency of the otherwise banned crate
+	#{ name = "ansi_term", version = "=0.11.0", wrappers = [] },
+]
+# Certain crates/versions that will be skipped when doing duplicate detection.
+skip = [
+	#{ name = "ansi_term", version = "=0.11.0" },
+	#{ name = "cfg-if", version = "=0.1.10" },
+]
+# Similarly to `skip` allows you to skip certain crates during duplicate
+# detection. Unlike skip, it also includes the entire tree of transitive
+# dependencies starting at the specified crate, up to a certain depth, which is
+# by default infinite
+skip-tree = [
+	#{ name = "ansi_term", version = "=0.11.0", depth = 20 },
+]
+
+# This section is considered when running `cargo deny check sources`.
+# More documentation about the 'sources' section can be found here:
+# https://embarkstudios.github.io/cargo-deny/checks/sources/cfg.html
+[sources]
+# Lint level for what to happen when a crate from a crate registry that is not
+# in the allow list is encountered
+unknown-registry = "warn"
+# Lint level for what to happen when a crate from a git repository that is not
+# in the allow list is encountered
+unknown-git = "warn"
+# List of URLs for allowed crate registries. Defaults to the crates.io index
+# if not specified. If it is specified but empty, no registries are allowed.
+allow-registry = ["https://github.com/rust-lang/crates.io-index"]
+# List of URLs for allowed Git repositories
+allow-git = []
+
+[sources.allow-org]
+# 1 or more github.com organizations to allow git sources for
+github = ["linebender", "Rust-GPU", "specta-rs"]
+# 1 or more gitlab.com organizations to allow git sources for
+#gitlab = [""]
+# 1 or more bitbucket.org organizations to allow git sources for
+#bitbucket = [""]
diff --git a/editor/Cargo.toml b/editor/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..1f6af599caa2352825e13db4bf914ec7129c60e0
--- /dev/null
+++ b/editor/Cargo.toml
@@ -0,0 +1,71 @@
+[package]
+name = "graphite-editor"
+publish = false
+version = "0.0.0"
+rust-version = "1.85"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+edition = "2024"
+readme = "../README.md"
+homepage = "https://graphite.rs"
+repository = "https://github.com/GraphiteEditor/Graphite"
+license = "Apache-2.0"
+
+[features]
+default = ["wasm"]
+wasm = ["wasm-bindgen", "graphene-std/wasm", "wasm-bindgen-futures"]
+gpu = ["interpreted-executor/gpu", "wgpu-executor"]
+tauri = ["ron", "decouple-execution"]
+decouple-execution = []
+resvg = ["graphene-std/resvg"]
+vello = ["graphene-std/vello", "resvg"]
+ron = ["dep:ron"]
+
+[dependencies]
+# Local dependencies
+graphite-proc-macros = { workspace = true }
+graph-craft = { workspace = true }
+interpreted-executor = { workspace = true }
+graphene-std = { workspace = true }
+preprocessor = { workspace = true }
+
+# Workspace dependencies
+js-sys = { workspace = true }
+log = { workspace = true }
+bitflags = { workspace = true }
+thiserror = { workspace = true }
+serde = { workspace = true }
+serde_json = { workspace = true }
+bezier-rs = { workspace = true }
+kurbo = { workspace = true }
+futures = { workspace = true }
+glam = { workspace = true }
+derivative = { workspace = true }
+specta = { workspace = true }
+dyn-any = { workspace = true }
+num_enum = { workspace = true }
+usvg = { workspace = true }
+once_cell = { workspace = true }
+web-sys = { workspace = true }
+
+# Required dependencies
+spin = "0.9.8"
+
+# Optional local dependencies
+wgpu-executor = { workspace = true, optional = true }
+
+# Optional workspace dependencies
+wasm-bindgen = { workspace = true, optional = true }
+wasm-bindgen-futures = { workspace = true, optional = true }
+ron = { workspace = true, optional = true }
+
+[dev-dependencies]
+# Workspace dependencies
+env_logger = { workspace = true }
+futures = { workspace = true }
+tokio = { workspace = true }
+
+[lints.rust]
+# TODO: figure out why we check these features when they do not exist
+unexpected_cfgs = { level = "warn", check-cfg = [
+	'cfg(feature, values("resvg", "vello"))',
+] }
diff --git a/editor/build.rs b/editor/build.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7fc95d9c54a84d56fedd538db0aafab1086bcb82
--- /dev/null
+++ b/editor/build.rs
@@ -0,0 +1,24 @@
+use std::process::Command;
+
+const GRAPHITE_RELEASE_SERIES: &str = "Alpha 4";
+
+fn main() {
+	// Execute a Git command for its stdout. Early exit if it fails for any of the possible reasons.
+	let try_git_command = |args: &[&str]| -> Option<String> {
+		let git_output = Command::new("git").args(args).output().ok()?;
+		let maybe_empty = String::from_utf8(git_output.stdout).ok()?;
+		let command_result = (!maybe_empty.is_empty()).then_some(maybe_empty)?;
+		Some(command_result)
+	};
+	// Execute a Git command for its output. Return "unknown" if it fails for any of the possible reasons.
+	let git_command = |args| -> String { try_git_command(args).unwrap_or_else(|| String::from("unknown")) };
+
+	// Rather than printing to any terminal, these commands set environment variables in the Cargo toolchain.
+	// They are accessed with the `env!("...")` macro in the codebase.
+	println!("cargo:rustc-env=GRAPHITE_GIT_COMMIT_DATE={}", git_command(&["log", "-1", "--format=%cd"]));
+	println!("cargo:rustc-env=GRAPHITE_GIT_COMMIT_HASH={}", git_command(&["rev-parse", "HEAD"]));
+	let branch = std::env::var("GITHUB_HEAD_REF").unwrap_or_default();
+	let branch = if branch.is_empty() { git_command(&["name-rev", "--name-only", "HEAD"]) } else { branch };
+	println!("cargo:rustc-env=GRAPHITE_GIT_COMMIT_BRANCH={branch}");
+	println!("cargo:rustc-env=GRAPHITE_RELEASE_SERIES={GRAPHITE_RELEASE_SERIES}");
+}
diff --git a/editor/src/application.rs b/editor/src/application.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fdb8c60334770b600f4d3729d311a2f988d2e0fe
--- /dev/null
+++ b/editor/src/application.rs
@@ -0,0 +1,57 @@
+use crate::dispatcher::Dispatcher;
+use crate::messages::prelude::*;
+pub use graphene_std::uuid::*;
+
+// TODO: serialize with serde to save the current editor state
+pub struct Editor {
+	pub dispatcher: Dispatcher,
+}
+
+impl Editor {
+	/// Construct the editor.
+	/// Remember to provide a random seed with `editor::set_uuid_seed(seed)` before any editors can be used.
+	pub fn new() -> Self {
+		Self { dispatcher: Dispatcher::new() }
+	}
+
+	#[cfg(test)]
+	pub(crate) fn new_local_executor() -> (Self, crate::node_graph_executor::NodeRuntime) {
+		let (runtime, executor) = crate::node_graph_executor::NodeGraphExecutor::new_with_local_runtime();
+		let dispatcher = Dispatcher::with_executor(executor);
+		(Self { dispatcher }, runtime)
+	}
+
+	pub fn handle_message<T: Into<Message>>(&mut self, message: T) -> Vec<FrontendMessage> {
+		self.dispatcher.handle_message(message, true);
+
+		std::mem::take(&mut self.dispatcher.responses)
+	}
+
+	pub fn poll_node_graph_evaluation(&mut self, responses: &mut VecDeque<Message>) -> Result<(), String> {
+		self.dispatcher.poll_node_graph_evaluation(responses)
+	}
+}
+
+impl Default for Editor {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+
+pub const GRAPHITE_RELEASE_SERIES: &str = env!("GRAPHITE_RELEASE_SERIES");
+pub const GRAPHITE_GIT_COMMIT_DATE: &str = env!("GRAPHITE_GIT_COMMIT_DATE");
+pub const GRAPHITE_GIT_COMMIT_HASH: &str = env!("GRAPHITE_GIT_COMMIT_HASH");
+pub const GRAPHITE_GIT_COMMIT_BRANCH: &str = env!("GRAPHITE_GIT_COMMIT_BRANCH");
+
+pub fn commit_info_localized(localized_commit_date: &str) -> String {
+	format!(
+		"Release Series: {}\n\
+		Branch: {}\n\
+		Commit: {}\n\
+		{}",
+		GRAPHITE_RELEASE_SERIES,
+		GRAPHITE_GIT_COMMIT_BRANCH,
+		&GRAPHITE_GIT_COMMIT_HASH[..8],
+		localized_commit_date
+	)
+}
diff --git a/editor/src/consts.rs b/editor/src/consts.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9adba6d9082ca379a061768591641910e7a183a1
--- /dev/null
+++ b/editor/src/consts.rs
@@ -0,0 +1,151 @@
+// GRAPH
+pub const GRID_SIZE: u32 = 24;
+pub const EXPORTS_TO_TOP_EDGE_PIXEL_GAP: u32 = 72;
+pub const EXPORTS_TO_RIGHT_EDGE_PIXEL_GAP: u32 = 120;
+pub const IMPORTS_TO_TOP_EDGE_PIXEL_GAP: u32 = 72;
+pub const IMPORTS_TO_LEFT_EDGE_PIXEL_GAP: u32 = 120;
+
+// VIEWPORT
+pub const VIEWPORT_ZOOM_WHEEL_RATE: f64 = (1. / 600.) * 3.;
+pub const VIEWPORT_ZOOM_MOUSE_RATE: f64 = 1. / 400.;
+pub const VIEWPORT_ZOOM_SCALE_MIN: f64 = 0.000_000_1;
+pub const VIEWPORT_ZOOM_SCALE_MAX: f64 = 10_000.;
+pub const VIEWPORT_ZOOM_MIN_FRACTION_COVER: f64 = 0.01;
+pub const VIEWPORT_ZOOM_LEVELS: [f64; 74] = [
+	0.0001, 0.000125, 0.00016, 0.0002, 0.00025, 0.00032, 0.0004, 0.0005, 0.00064, 0.0008, 0.001, 0.0016, 0.002, 0.0025, 0.0032, 0.004, 0.005, 0.0064, 0.008, 0.01, 0.01125, 0.015, 0.02, 0.025, 0.03,
+	0.04, 0.05, 0.06, 0.08, 0.1, 0.125, 0.15, 0.2, 0.25, 0.33333333, 0.4, 0.5, 0.66666666, 0.8, 1., 1.25, 1.6, 2., 2.5, 3.2, 4., 5., 6.4, 8., 10., 12.5, 16., 20., 25., 32., 40., 50., 64., 80., 100.,
+	128., 160., 200., 256., 320., 400., 512., 640., 800., 1024., 1280., 1600., 2048., 2560.,
+];
+/// Higher values create a steeper curve (a faster zoom rate change)
+pub const VIEWPORT_ZOOM_WHEEL_RATE_CHANGE: f64 = 3.;
+
+/// Helps push values that end in approximately half, plus or minus some floating point imprecision, towards the same side of the round() function.
+pub const VIEWPORT_GRID_ROUNDING_BIAS: f64 = 0.002;
+
+pub const VIEWPORT_SCROLL_RATE: f64 = 0.6;
+
+pub const VIEWPORT_ROTATE_SNAP_INTERVAL: f64 = 15.;
+
+pub const VIEWPORT_ZOOM_TO_FIT_PADDING_SCALE_FACTOR: f64 = 0.95;
+
+pub const DRAG_BEYOND_VIEWPORT_MAX_OVEREXTENSION_PIXELS: f64 = 50.;
+pub const DRAG_BEYOND_VIEWPORT_SPEED_FACTOR: f64 = 20.;
+
+// SNAPPING POINT
+pub const SNAP_POINT_TOLERANCE: f64 = 5.;
+/// These are layers whose bounding boxes are used for alignment.
+pub const MAX_ALIGNMENT_CANDIDATES: usize = 100;
+/// These are layers that are used for the layer snapper.
+pub const MAX_SNAP_CANDIDATES: usize = 10;
+/// These are points (anchors and bounding box corners etc.) in the layer snapper.
+pub const MAX_LAYER_SNAP_POINTS: usize = 100;
+
+pub const DRAG_THRESHOLD: f64 = 1.;
+
+// TRANSFORMING LAYER
+pub const ROTATE_INCREMENT: f64 = 15.;
+pub const SCALE_INCREMENT: f64 = 0.1;
+pub const SLOWING_DIVISOR: f64 = 10.;
+pub const NUDGE_AMOUNT: f64 = 1.;
+pub const BIG_NUDGE_AMOUNT: f64 = 10.;
+
+// TOOLS
+pub const DEFAULT_STROKE_WIDTH: f64 = 2.;
+
+// SELECT TOOL
+pub const SELECTION_TOLERANCE: f64 = 5.;
+pub const DRAG_DIRECTION_MODE_DETERMINATION_THRESHOLD: f64 = 15.;
+pub const SELECTION_DRAG_ANGLE: f64 = 90.;
+
+// PIVOT
+pub const PIVOT_CROSSHAIR_THICKNESS: f64 = 1.;
+pub const PIVOT_CROSSHAIR_LENGTH: f64 = 9.;
+pub const PIVOT_DIAMETER: f64 = 5.;
+
+// COMPASS ROSE
+pub const COMPASS_ROSE_RING_INNER_DIAMETER: f64 = 13.;
+pub const COMPASS_ROSE_MAIN_RING_DIAMETER: f64 = 15.;
+pub const COMPASS_ROSE_HOVER_RING_DIAMETER: f64 = 23.;
+pub const COMPASS_ROSE_ARROW_SIZE: f64 = 5.;
+// Angle to either side of the compass arrows where they are targetted by the cursor (in degrees, must be less than 45°)
+pub const COMPASS_ROSE_ARROW_CLICK_TARGET_ANGLE: f64 = 20.;
+
+// TRANSFORM OVERLAY
+pub const ANGLE_MEASURE_RADIUS_FACTOR: f64 = 0.04;
+pub const ARC_MEASURE_RADIUS_FACTOR_RANGE: (f64, f64) = (0.05, 0.15);
+
+// TRANSFORM CAGE
+pub const RESIZE_HANDLE_SIZE: f64 = 6.;
+pub const BOUNDS_SELECT_THRESHOLD: f64 = 10.;
+pub const BOUNDS_ROTATE_THRESHOLD: f64 = 20.;
+pub const MIN_LENGTH_FOR_MIDPOINT_VISIBILITY: f64 = 20.;
+pub const MIN_LENGTH_FOR_CORNERS_VISIBILITY: f64 = 12.;
+/// The width or height that the transform cage needs to be (at least) before the corner resize handle click targets take up their full surroundings. Otherwise, when less than this value, the interior edge resize handle takes precedence so the corner handles don't eat into the edge area, making it harder to resize the cage from its edges.
+pub const MIN_LENGTH_FOR_EDGE_RESIZE_PRIORITY_OVER_CORNERS: f64 = 10.;
+/// When the width or height of the transform cage is less than this value, only the exterior of the bounding box will act as a click target for resizing.
+pub const MIN_LENGTH_FOR_RESIZE_TO_INCLUDE_INTERIOR: f64 = 40.;
+/// When dragging the edge of a cage with Alt, it centers around the pivot.
+/// However if the pivot is on or near the same edge you are dragging, we should avoid scaling by a massive factor caused by the small denominator.
+///
+/// The motion of the user's cursor by an `x` pixel offset results in `x * scale_factor` pixels of offset on the other side.
+pub const MAXIMUM_ALT_SCALE_FACTOR: f64 = 25.;
+/// The width or height that the transform cage needs before it is considered to have no width or height.
+pub const MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT: f64 = 1e-4;
+
+// SKEW TRIANGLES
+pub const SKEW_TRIANGLE_SIZE: f64 = 7.;
+pub const SKEW_TRIANGLE_OFFSET: f64 = 4.;
+pub const MIN_LENGTH_FOR_SKEW_TRIANGLE_VISIBILITY: f64 = 48.;
+
+// PATH TOOL
+pub const MANIPULATOR_GROUP_MARKER_SIZE: f64 = 6.;
+pub const SELECTION_THRESHOLD: f64 = 10.;
+pub const HIDE_HANDLE_DISTANCE: f64 = 3.;
+pub const HANDLE_ROTATE_SNAP_ANGLE: f64 = 15.;
+pub const SEGMENT_INSERTION_DISTANCE: f64 = 5.;
+pub const SEGMENT_OVERLAY_SIZE: f64 = 10.;
+pub const HANDLE_LENGTH_FACTOR: f64 = 0.5;
+
+// PEN TOOL
+pub const CREATE_CURVE_THRESHOLD: f64 = 5.;
+
+// SPLINE TOOL
+pub const PATH_JOIN_THRESHOLD: f64 = 5.;
+
+// LINE TOOL
+pub const LINE_ROTATE_SNAP_ANGLE: f64 = 15.;
+
+// BRUSH TOOL
+pub const BRUSH_SIZE_CHANGE_KEYBOARD: f64 = 5.;
+pub const DEFAULT_BRUSH_SIZE: f64 = 20.;
+
+// GIZMOS
+pub const POINT_RADIUS_HANDLE_SNAP_THRESHOLD: f64 = 8.;
+pub const POINT_RADIUS_HANDLE_SEGMENT_THRESHOLD: f64 = 7.9;
+pub const NUMBER_OF_POINTS_DIAL_SPOKE_EXTENSION: f64 = 1.2;
+pub const NUMBER_OF_POINTS_DIAL_SPOKE_LENGTH: f64 = 10.;
+pub const GIZMO_HIDE_THRESHOLD: f64 = 20.;
+
+// SCROLLBARS
+pub const SCROLLBAR_SPACING: f64 = 0.1;
+pub const ASYMPTOTIC_EFFECT: f64 = 0.5;
+pub const SCALE_EFFECT: f64 = 0.5;
+
+// COLORS
+pub const COLOR_OVERLAY_BLUE: &str = "#00a8ff";
+pub const COLOR_OVERLAY_BLUE_50: &str = "rgba(0, 168, 255, 0.5)";
+pub const COLOR_OVERLAY_YELLOW: &str = "#ffc848";
+pub const COLOR_OVERLAY_GREEN: &str = "#63ce63";
+pub const COLOR_OVERLAY_RED: &str = "#ef5454";
+pub const COLOR_OVERLAY_GRAY: &str = "#cccccc";
+pub const COLOR_OVERLAY_WHITE: &str = "#ffffff";
+pub const COLOR_OVERLAY_LABEL_BACKGROUND: &str = "#000000cc";
+
+// DOCUMENT
+pub const DEFAULT_DOCUMENT_NAME: &str = "Untitled Document";
+pub const FILE_SAVE_SUFFIX: &str = ".graphite";
+pub const MAX_UNDO_HISTORY_LEN: usize = 100; // TODO: Add this to user preferences
+pub const AUTO_SAVE_TIMEOUT_SECONDS: u64 = 15;
+
+// INPUT
+pub const DOUBLE_CLICK_MILLISECONDS: u64 = 500;
diff --git a/editor/src/dispatcher.rs b/editor/src/dispatcher.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a8891033ee09a6676d2bd9858dde71c52494489e
--- /dev/null
+++ b/editor/src/dispatcher.rs
@@ -0,0 +1,562 @@
+use crate::messages::debug::utility_types::MessageLoggingVerbosity;
+use crate::messages::dialog::DialogMessageData;
+use crate::messages::portfolio::document::node_graph::document_node_definitions;
+use crate::messages::prelude::*;
+
+#[derive(Debug, Default)]
+pub struct Dispatcher {
+	buffered_queue: Option<Vec<VecDeque<Message>>>,
+	message_queues: Vec<VecDeque<Message>>,
+	pub responses: Vec<FrontendMessage>,
+	pub message_handlers: DispatcherMessageHandlers,
+}
+
+#[derive(Debug, Default)]
+pub struct DispatcherMessageHandlers {
+	animation_message_handler: AnimationMessageHandler,
+	broadcast_message_handler: BroadcastMessageHandler,
+	debug_message_handler: DebugMessageHandler,
+	dialog_message_handler: DialogMessageHandler,
+	globals_message_handler: GlobalsMessageHandler,
+	input_preprocessor_message_handler: InputPreprocessorMessageHandler,
+	key_mapping_message_handler: KeyMappingMessageHandler,
+	layout_message_handler: LayoutMessageHandler,
+	pub portfolio_message_handler: PortfolioMessageHandler,
+	preferences_message_handler: PreferencesMessageHandler,
+	tool_message_handler: ToolMessageHandler,
+	workspace_message_handler: WorkspaceMessageHandler,
+}
+
+impl DispatcherMessageHandlers {
+	pub fn with_executor(executor: crate::node_graph_executor::NodeGraphExecutor) -> Self {
+		Self {
+			portfolio_message_handler: PortfolioMessageHandler::with_executor(executor),
+			..Default::default()
+		}
+	}
+}
+
+/// For optimization, these are messages guaranteed to be redundant when repeated.
+/// The last occurrence of the message in the message queue is sufficient to ensure correct behavior.
+/// In addition, these messages do not change any state in the backend (aside from caches).
+const SIDE_EFFECT_FREE_MESSAGES: &[MessageDiscriminant] = &[
+	MessageDiscriminant::Portfolio(PortfolioMessageDiscriminant::Document(DocumentMessageDiscriminant::PropertiesPanel(
+		PropertiesPanelMessageDiscriminant::Refresh,
+	))),
+	MessageDiscriminant::Portfolio(PortfolioMessageDiscriminant::Document(DocumentMessageDiscriminant::DocumentStructureChanged)),
+	MessageDiscriminant::Portfolio(PortfolioMessageDiscriminant::Document(DocumentMessageDiscriminant::Overlays(OverlaysMessageDiscriminant::Draw))),
+	MessageDiscriminant::Portfolio(PortfolioMessageDiscriminant::Document(DocumentMessageDiscriminant::RenderRulers)),
+	MessageDiscriminant::Portfolio(PortfolioMessageDiscriminant::Document(DocumentMessageDiscriminant::RenderScrollbars)),
+	MessageDiscriminant::Frontend(FrontendMessageDiscriminant::UpdateDocumentLayerStructure),
+	MessageDiscriminant::Frontend(FrontendMessageDiscriminant::TriggerFontLoad),
+];
+const DEBUG_MESSAGE_BLOCK_LIST: &[MessageDiscriminant] = &[MessageDiscriminant::Broadcast(BroadcastMessageDiscriminant::TriggerEvent(BroadcastEventDiscriminant::AnimationFrame))];
+// TODO: Find a way to combine these with the list above. We use strings for now since these are the standard variant names used by multiple messages. But having these also type-checked would be best.
+const DEBUG_MESSAGE_ENDING_BLOCK_LIST: &[&str] = &["PointerMove", "PointerOutsideViewport", "Overlays", "Draw", "CurrentTime", "Time"];
+
+impl Dispatcher {
+	pub fn new() -> Self {
+		Self::default()
+	}
+
+	pub fn with_executor(executor: crate::node_graph_executor::NodeGraphExecutor) -> Self {
+		Self {
+			message_handlers: DispatcherMessageHandlers::with_executor(executor),
+			..Default::default()
+		}
+	}
+
+	// If the deepest queues (higher index in queues list) are now empty (after being popped from) then remove them
+	fn cleanup_queues(&mut self, leave_last: bool) {
+		while self.message_queues.last().filter(|queue| queue.is_empty()).is_some() {
+			if leave_last && self.message_queues.len() == 1 {
+				break;
+			}
+			self.message_queues.pop();
+		}
+	}
+
+	/// Add a message to a queue so that it can be executed.
+	/// If `process_after_all_current` is set, all currently queued messages (including children) will be processed first.
+	/// If not set, it (and its children) will be processed as soon as possible.
+	pub fn schedule_execution(message_queues: &mut Vec<VecDeque<Message>>, process_after_all_current: bool, messages: impl IntoIterator<Item = Message>) {
+		match message_queues.first_mut() {
+			// If there are currently messages being processed and we are processing after them, add to the end of the first queue
+			Some(queue) if process_after_all_current => queue.extend(messages),
+			// In all other cases, make a new inner queue and add our message there
+			_ => message_queues.push(VecDeque::from_iter(messages)),
+		}
+	}
+
+	pub fn handle_message<T: Into<Message>>(&mut self, message: T, process_after_all_current: bool) {
+		let message = message.into();
+		// Add all additional messages to the buffer if it exists (except from the end buffer message)
+		if !matches!(message, Message::EndBuffer(_)) {
+			if let Some(buffered_queue) = &mut self.buffered_queue {
+				Self::schedule_execution(buffered_queue, true, [message]);
+
+				return;
+			}
+		}
+
+		// If we are not maintaining the buffer, simply add to the current queue
+		Self::schedule_execution(&mut self.message_queues, process_after_all_current, [message]);
+
+		while let Some(message) = self.message_queues.last_mut().and_then(VecDeque::pop_front) {
+			// Skip processing of this message if it will be processed later (at the end of the shallowest level queue)
+			if SIDE_EFFECT_FREE_MESSAGES.contains(&message.to_discriminant()) {
+				let already_in_queue = self.message_queues.first().filter(|queue| queue.contains(&message)).is_some();
+				if already_in_queue {
+					self.log_deferred_message(&message, &self.message_queues, self.message_handlers.debug_message_handler.message_logging_verbosity);
+					self.cleanup_queues(false);
+					continue;
+				} else if self.message_queues.len() > 1 {
+					self.log_deferred_message(&message, &self.message_queues, self.message_handlers.debug_message_handler.message_logging_verbosity);
+					self.cleanup_queues(true);
+					self.message_queues[0].add(message);
+					continue;
+				}
+			}
+
+			// Print the message at a verbosity level of `info`
+			self.log_message(&message, &self.message_queues, self.message_handlers.debug_message_handler.message_logging_verbosity);
+
+			// Create a new queue for the child messages
+			let mut queue = VecDeque::new();
+
+			// Process the action by forwarding it to the relevant message handler, or saving the FrontendMessage to be sent to the frontend
+			match message {
+				Message::StartBuffer => {
+					self.buffered_queue = Some(std::mem::take(&mut self.message_queues));
+				}
+				Message::EndBuffer(render_metadata) => {
+					// Assign the message queue to the currently buffered queue
+					if let Some(buffered_queue) = self.buffered_queue.take() {
+						self.cleanup_queues(false);
+						assert!(self.message_queues.is_empty(), "message queues are always empty when ending a buffer");
+						self.message_queues = buffered_queue;
+					};
+
+					let graphene_std::renderer::RenderMetadata {
+						upstream_footprints: footprints,
+						local_transforms,
+						click_targets,
+						clip_targets,
+					} = render_metadata;
+
+					// Run these update state messages immediately
+					let messages = [
+						DocumentMessage::UpdateUpstreamTransforms {
+							upstream_footprints: footprints,
+							local_transforms,
+						},
+						DocumentMessage::UpdateClickTargets { click_targets },
+						DocumentMessage::UpdateClipTargets { clip_targets },
+					];
+					Self::schedule_execution(&mut self.message_queues, false, messages.map(Message::from));
+				}
+				Message::NoOp => {}
+				Message::Init => {
+					// Load persistent data from the browser database
+					queue.add(FrontendMessage::TriggerLoadFirstAutoSaveDocument);
+					queue.add(FrontendMessage::TriggerLoadPreferences);
+
+					// Display the menu bar at the top of the window
+					queue.add(MenuBarMessage::SendLayout);
+
+					// Send the information for tooltips and categories for each node/input.
+					queue.add(FrontendMessage::SendUIMetadata {
+						node_descriptions: document_node_definitions::collect_node_descriptions(),
+						node_types: document_node_definitions::collect_node_types(),
+					});
+
+					// Finish loading persistent data from the browser database
+					queue.add(FrontendMessage::TriggerLoadRestAutoSaveDocuments);
+				}
+				Message::Animation(message) => {
+					self.message_handlers.animation_message_handler.process_message(message, &mut queue, ());
+				}
+				Message::Batched(messages) => {
+					messages.iter().for_each(|message| self.handle_message(message.to_owned(), false));
+				}
+				Message::Broadcast(message) => self.message_handlers.broadcast_message_handler.process_message(message, &mut queue, ()),
+				Message::Debug(message) => {
+					self.message_handlers.debug_message_handler.process_message(message, &mut queue, ());
+				}
+				Message::Dialog(message) => {
+					let data = DialogMessageData {
+						portfolio: &self.message_handlers.portfolio_message_handler,
+						preferences: &self.message_handlers.preferences_message_handler,
+					};
+					self.message_handlers.dialog_message_handler.process_message(message, &mut queue, data);
+				}
+				Message::Frontend(message) => {
+					// Handle these messages immediately by returning early
+					if let FrontendMessage::TriggerFontLoad { .. } = message {
+						self.responses.push(message);
+						self.cleanup_queues(false);
+
+						// Return early to avoid running the code after the match block
+						return;
+					} else {
+						// `FrontendMessage`s are saved and will be sent to the frontend after the message queue is done being processed
+						self.responses.push(message);
+					}
+				}
+				Message::Globals(message) => {
+					self.message_handlers.globals_message_handler.process_message(message, &mut queue, ());
+				}
+				Message::InputPreprocessor(message) => {
+					let keyboard_platform = GLOBAL_PLATFORM.get().copied().unwrap_or_default().as_keyboard_platform_layout();
+
+					self.message_handlers
+						.input_preprocessor_message_handler
+						.process_message(message, &mut queue, InputPreprocessorMessageData { keyboard_platform });
+				}
+				Message::KeyMapping(message) => {
+					let input = &self.message_handlers.input_preprocessor_message_handler;
+					let actions = self.collect_actions();
+
+					self.message_handlers
+						.key_mapping_message_handler
+						.process_message(message, &mut queue, KeyMappingMessageData { input, actions });
+				}
+				Message::Layout(message) => {
+					let action_input_mapping = &|action_to_find: &MessageDiscriminant| self.message_handlers.key_mapping_message_handler.action_input_mapping(action_to_find);
+
+					self.message_handlers.layout_message_handler.process_message(message, &mut queue, action_input_mapping);
+				}
+				Message::Portfolio(message) => {
+					let ipp = &self.message_handlers.input_preprocessor_message_handler;
+					let preferences = &self.message_handlers.preferences_message_handler;
+					let current_tool = &self.message_handlers.tool_message_handler.tool_state.tool_data.active_tool_type;
+					let message_logging_verbosity = self.message_handlers.debug_message_handler.message_logging_verbosity;
+					let reset_node_definitions_on_open = self.message_handlers.portfolio_message_handler.reset_node_definitions_on_open;
+					let timing_information = self.message_handlers.animation_message_handler.timing_information();
+					let animation = &self.message_handlers.animation_message_handler;
+
+					self.message_handlers.portfolio_message_handler.process_message(
+						message,
+						&mut queue,
+						PortfolioMessageData {
+							ipp,
+							preferences,
+							current_tool,
+							message_logging_verbosity,
+							reset_node_definitions_on_open,
+							timing_information,
+							animation,
+						},
+					);
+				}
+				Message::Preferences(message) => {
+					self.message_handlers.preferences_message_handler.process_message(message, &mut queue, ());
+				}
+				Message::Tool(message) => {
+					let document_id = self.message_handlers.portfolio_message_handler.active_document_id().unwrap();
+					let Some(document) = self.message_handlers.portfolio_message_handler.documents.get_mut(&document_id) else {
+						warn!("Called ToolMessage without an active document.\nGot {message:?}");
+						return;
+					};
+
+					let data = ToolMessageData {
+						document_id,
+						document,
+						input: &self.message_handlers.input_preprocessor_message_handler,
+						persistent_data: &self.message_handlers.portfolio_message_handler.persistent_data,
+						node_graph: &self.message_handlers.portfolio_message_handler.executor,
+						preferences: &self.message_handlers.preferences_message_handler,
+					};
+
+					self.message_handlers.tool_message_handler.process_message(message, &mut queue, data);
+				}
+				Message::Workspace(message) => {
+					self.message_handlers.workspace_message_handler.process_message(message, &mut queue, ());
+				}
+			}
+
+			// If there are child messages, append the queue to the list of queues
+			if !queue.is_empty() {
+				self.message_queues.push(queue);
+			}
+
+			self.cleanup_queues(false);
+		}
+	}
+
+	pub fn collect_actions(&self) -> ActionList {
+		// TODO: Reduce the number of heap allocations
+		let mut list = Vec::new();
+		list.extend(self.message_handlers.dialog_message_handler.actions());
+		list.extend(self.message_handlers.animation_message_handler.actions());
+		list.extend(self.message_handlers.input_preprocessor_message_handler.actions());
+		list.extend(self.message_handlers.key_mapping_message_handler.actions());
+		list.extend(self.message_handlers.debug_message_handler.actions());
+		if let Some(document) = self.message_handlers.portfolio_message_handler.active_document() {
+			if !document.graph_view_overlay_open {
+				list.extend(self.message_handlers.tool_message_handler.actions());
+			}
+		}
+		list.extend(self.message_handlers.portfolio_message_handler.actions());
+		list
+	}
+
+	pub fn poll_node_graph_evaluation(&mut self, responses: &mut VecDeque<Message>) -> Result<(), String> {
+		self.message_handlers.portfolio_message_handler.poll_node_graph_evaluation(responses)
+	}
+
+	/// Create the tree structure for logging the messages as a tree
+	fn create_indents(queues: &[VecDeque<Message>]) -> String {
+		String::from_iter(queues.iter().enumerate().skip(1).map(|(index, queue)| {
+			if index == queues.len() - 1 {
+				if queue.is_empty() { "└── " } else { "├── " }
+			} else if queue.is_empty() {
+				"   "
+			} else {
+				"│    "
+			}
+		}))
+	}
+
+	/// Logs a message that is about to be executed, either as a tree
+	/// with a discriminant or the entire payload (depending on settings)
+	fn log_message(&self, message: &Message, queues: &[VecDeque<Message>], message_logging_verbosity: MessageLoggingVerbosity) {
+		let discriminant = MessageDiscriminant::from(message);
+		let is_blocked = DEBUG_MESSAGE_BLOCK_LIST.contains(&discriminant) || DEBUG_MESSAGE_ENDING_BLOCK_LIST.iter().any(|blocked_name| discriminant.local_name().ends_with(blocked_name));
+
+		if !is_blocked {
+			match message_logging_verbosity {
+				MessageLoggingVerbosity::Off => {}
+				MessageLoggingVerbosity::Names => {
+					info!("{}{:?}", Self::create_indents(queues), message.to_discriminant());
+				}
+				MessageLoggingVerbosity::Contents => {
+					if !(matches!(message, Message::InputPreprocessor(_))) {
+						info!("Message: {}{:?}", Self::create_indents(queues), message);
+					}
+				}
+			}
+		}
+	}
+
+	/// Logs into the tree that the message is in the side effect free messages and its execution will be deferred
+	fn log_deferred_message(&self, message: &Message, queues: &[VecDeque<Message>], message_logging_verbosity: MessageLoggingVerbosity) {
+		if let MessageLoggingVerbosity::Names = message_logging_verbosity {
+			info!("{}Deferred \"{:?}\" because it's a SIDE_EFFECT_FREE_MESSAGE", Self::create_indents(queues), message.to_discriminant());
+		}
+	}
+}
+
+#[cfg(test)]
+mod test {
+	pub use crate::test_utils::test_prelude::*;
+
+	/// Create an editor with three layers
+	/// 1. A red rectangle
+	/// 2. A blue shape
+	/// 3. A green ellipse
+	async fn create_editor_with_three_layers() -> EditorTestUtils {
+		let mut editor = EditorTestUtils::create();
+
+		editor.new_document().await;
+
+		editor.select_primary_color(Color::RED).await;
+		editor.draw_rect(100., 200., 300., 400.).await;
+
+		editor.select_primary_color(Color::BLUE).await;
+		editor.draw_polygon(10., 1200., 1300., 400.).await;
+
+		editor.select_primary_color(Color::GREEN).await;
+		editor.draw_ellipse(104., 1200., 1300., 400.).await;
+
+		editor
+	}
+
+	/// - create rect, shape and ellipse
+	/// - copy
+	/// - paste
+	/// - assert that ellipse was copied
+	#[tokio::test]
+	async fn copy_paste_single_layer() {
+		let mut editor = create_editor_with_three_layers().await;
+
+		let layers_before_copy = editor.active_document().metadata().all_layers().collect::<Vec<_>>();
+		editor.handle_message(PortfolioMessage::Copy { clipboard: Clipboard::Internal }).await;
+		editor
+			.handle_message(PortfolioMessage::PasteIntoFolder {
+				clipboard: Clipboard::Internal,
+				parent: LayerNodeIdentifier::ROOT_PARENT,
+				insert_index: 0,
+			})
+			.await;
+
+		let layers_after_copy = editor.active_document().metadata().all_layers().collect::<Vec<_>>();
+
+		assert_eq!(layers_before_copy.len(), 3);
+		assert_eq!(layers_after_copy.len(), 4);
+
+		// Existing layers are unaffected
+		for i in 0..=2 {
+			assert_eq!(layers_before_copy[i], layers_after_copy[i + 1]);
+		}
+	}
+
+	#[cfg_attr(miri, ignore)]
+	/// - create rect, shape and ellipse
+	/// - select shape
+	/// - copy
+	/// - paste
+	/// - assert that shape was copied
+	#[tokio::test]
+	async fn copy_paste_single_layer_from_middle() {
+		let mut editor = create_editor_with_three_layers().await;
+
+		let layers_before_copy = editor.active_document().metadata().all_layers().collect::<Vec<_>>();
+		let shape_id = editor.active_document().metadata().all_layers().nth(1).unwrap();
+
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![shape_id.to_node()] }).await;
+		editor.handle_message(PortfolioMessage::Copy { clipboard: Clipboard::Internal }).await;
+		editor
+			.handle_message(PortfolioMessage::PasteIntoFolder {
+				clipboard: Clipboard::Internal,
+				parent: LayerNodeIdentifier::ROOT_PARENT,
+				insert_index: 0,
+			})
+			.await;
+
+		let layers_after_copy = editor.active_document().metadata().all_layers().collect::<Vec<_>>();
+
+		assert_eq!(layers_before_copy.len(), 3);
+		assert_eq!(layers_after_copy.len(), 4);
+
+		// Existing layers are unaffected
+		for i in 0..=2 {
+			assert_eq!(layers_before_copy[i], layers_after_copy[i + 1]);
+		}
+	}
+
+	#[cfg_attr(miri, ignore)]
+	/// - create rect, shape and ellipse
+	/// - select ellipse and rect
+	/// - copy
+	/// - delete
+	/// - create another rect
+	/// - paste
+	/// - paste
+	#[tokio::test]
+	async fn copy_paste_deleted_layers() {
+		let mut editor = create_editor_with_three_layers().await;
+		assert_eq!(editor.active_document().metadata().all_layers().count(), 3);
+
+		let layers_before_copy = editor.active_document().metadata().all_layers().collect::<Vec<_>>();
+		let rect_id = layers_before_copy[0];
+		let shape_id = layers_before_copy[1];
+		let ellipse_id = layers_before_copy[2];
+
+		editor
+			.handle_message(NodeGraphMessage::SelectedNodesSet {
+				nodes: vec![rect_id.to_node(), ellipse_id.to_node()],
+			})
+			.await;
+		editor.handle_message(PortfolioMessage::Copy { clipboard: Clipboard::Internal }).await;
+		editor.handle_message(NodeGraphMessage::DeleteSelectedNodes { delete_children: true }).await;
+		editor.draw_rect(0., 800., 12., 200.).await;
+		editor
+			.handle_message(PortfolioMessage::PasteIntoFolder {
+				clipboard: Clipboard::Internal,
+				parent: LayerNodeIdentifier::ROOT_PARENT,
+				insert_index: 0,
+			})
+			.await;
+		editor
+			.handle_message(PortfolioMessage::PasteIntoFolder {
+				clipboard: Clipboard::Internal,
+				parent: LayerNodeIdentifier::ROOT_PARENT,
+				insert_index: 0,
+			})
+			.await;
+
+		let layers_after_copy = editor.active_document().metadata().all_layers().collect::<Vec<_>>();
+
+		assert_eq!(layers_before_copy.len(), 3);
+		assert_eq!(layers_after_copy.len(), 6);
+
+		println!("{:?} {:?}", layers_after_copy, layers_before_copy);
+
+		assert_eq!(layers_after_copy[5], shape_id);
+	}
+
+	#[tokio::test]
+	/// This test will fail when you make changes to the underlying serialization format for a document.
+	async fn check_if_demo_art_opens() {
+		use crate::messages::layout::utility_types::widget_prelude::*;
+
+		let print_problem_to_terminal_on_failure = |value: &String| {
+			println!();
+			println!("-------------------------------------------------");
+			println!("Failed test due to receiving a DisplayDialogError while loading a Graphite demo file.");
+			println!();
+			println!("NOTE:");
+			println!("Document upgrading isn't performed in tests like when opening in the actual editor.");
+			println!("You may need to open and re-save a document in the editor to apply its migrations.");
+			println!();
+			println!("DisplayDialogError details:");
+			println!();
+			println!("Description:");
+			println!("{value}");
+			println!("-------------------------------------------------");
+			println!();
+
+			panic!()
+		};
+
+		let mut editor = EditorTestUtils::create();
+
+		// UNCOMMENT THIS FOR RUNNING UNDER MIRI
+		//
+		// let files = [
+		// 	include_str!("../../demo-artwork/changing-seasons.graphite"),
+		// 	include_str!("../../demo-artwork/isometric-fountain.graphite"),
+		// 	include_str!("../../demo-artwork/painted-dreams.graphite"),
+		// 	include_str!("../../demo-artwork/procedural-string-lights.graphite"),
+		// 	include_str!("../../demo-artwork/parametric-dunescape.graphite"),
+		// 	include_str!("../../demo-artwork/red-dress.graphite"),
+		// 	include_str!("../../demo-artwork/valley-of-spires.graphite"),
+		// ];
+		// for (id, document_serialized_content) in files.iter().enumerate() {
+		// let document_name = format!("document {id}");
+
+		for (document_name, _, file_name) in crate::messages::dialog::simple_dialogs::ARTWORK {
+			let document_serialized_content = std::fs::read_to_string(format!("../demo-artwork/{file_name}")).unwrap();
+
+			assert_eq!(
+				document_serialized_content.lines().count(),
+				1,
+				"Demo artwork '{document_name}' has more than 1 line (remember to open and re-save it in Graphite)",
+			);
+
+			let responses = editor.editor.handle_message(PortfolioMessage::OpenDocumentFile {
+				document_name: document_name.into(),
+				document_serialized_content,
+			});
+
+			// Check if the graph renders
+			if let Err(e) = editor.eval_graph().await {
+				print_problem_to_terminal_on_failure(&format!("Failed to evaluate the graph for document '{document_name}':\n{e}"));
+			}
+
+			for response in responses {
+				// Check for the existence of the file format incompatibility warning dialog after opening the test file
+				if let FrontendMessage::UpdateDialogColumn1 { layout_target: _, diff } = response {
+					if let DiffUpdate::SubLayout(sub_layout) = &diff[0].new_value {
+						if let LayoutGroup::Row { widgets } = &sub_layout[0] {
+							if let Widget::TextLabel(TextLabel { value, .. }) = &widgets[0].widget {
+								print_problem_to_terminal_on_failure(value);
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
diff --git a/editor/src/generate_ts_types.rs b/editor/src/generate_ts_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..659b860f16bc304ca0e7e5afcaf341d0b89a8077
--- /dev/null
+++ b/editor/src/generate_ts_types.rs
@@ -0,0 +1,34 @@
+/// Running this test will generate a `types.ts` file at the root of the repo,
+/// containing every type annotated with `specta::Type`
+// #[cfg(all(test, feature = "specta-export"))]
+#[ignore]
+#[test]
+fn generate_ts_types() {
+	// TODO: Un-comment this out when we figure out how to reenable the "typescript` Specta feature flag
+
+	// use crate::messages::prelude::FrontendMessage;
+	// use specta::ts::{export_named_datatype, BigIntExportBehavior, ExportConfig};
+	// use specta::{NamedType, TypeMap};
+	// use std::fs::File;
+	// use std::io::Write;
+
+	// let config = ExportConfig::new().bigint(BigIntExportBehavior::Number);
+
+	// let mut type_map = TypeMap::default();
+
+	// let datatype = FrontendMessage::definition_named_data_type(&mut type_map);
+
+	// let mut export = String::new();
+
+	// export += &export_named_datatype(&config, &datatype, &type_map).unwrap();
+
+	// type_map
+	// 	.iter()
+	// 	.map(|(_, v)| v)
+	// 	.flat_map(|v| export_named_datatype(&config, v, &type_map))
+	// 	.for_each(|e| export += &format!("\n\n{e}"));
+
+	// let mut file = File::create("../types.ts").unwrap();
+
+	// write!(file, "{export}").ok();
+}
diff --git a/editor/src/lib.rs b/editor/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..80d80b53056ddfc6aede2d0fb839af2bba7612a1
--- /dev/null
+++ b/editor/src/lib.rs
@@ -0,0 +1,17 @@
+extern crate graphite_proc_macros;
+
+// `macro_use` puts these macros into scope for all descendant code files
+#[macro_use]
+mod macros;
+mod generate_ts_types;
+#[macro_use]
+extern crate log;
+
+pub mod application;
+pub mod consts;
+pub mod dispatcher;
+pub mod messages;
+pub mod node_graph_executor;
+#[cfg(test)]
+pub mod test_utils;
+pub mod utility_traits;
diff --git a/editor/src/macros.rs b/editor/src/macros.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a5b43b4a38808e9318e6ec5b353d196df120bacb
--- /dev/null
+++ b/editor/src/macros.rs
@@ -0,0 +1,56 @@
+/// Syntax sugar for initializing an `ActionList`
+///
+/// # Example
+///
+/// ```ignore
+/// actions!(DocumentMessage::Undo, DocumentMessage::Redo);
+/// ```
+///
+/// expands to:
+/// ```ignore
+/// vec![vec![DocumentMessage::Undo, DocumentMessage::Redo]];
+/// ```
+///
+/// and
+/// ```ignore
+/// actions!(DocumentMessage;
+///     Undo,
+///     Redo,
+/// );
+/// ```
+///
+/// expands to:
+/// ```ignore
+/// vec![vec![DocumentMessage::Undo, DocumentMessage::Redo]];
+/// ```
+///
+macro_rules! actions {
+	($($v:expr_2021),* $(,)?) => {{
+		vec![$(vec![$v.into()]),*]
+	}};
+
+	($name:ident; $($v:ident),* $(,)?) => {{
+		vec![vec![$(($name::$v).into()),*]]
+	}};
+}
+
+/// Does the same thing as the `actions!` macro but wraps everything in:
+///
+/// ```ignore
+/// fn actions(&self) -> ActionList {
+///     actions!(…)
+/// }
+/// ```
+macro_rules! advertise_actions {
+	($($v:expr_2021),* $(,)?) => {
+		fn actions(&self) -> $crate::utility_traits::ActionList {
+			actions!($($v),*)
+		}
+	};
+
+	($name:ident; $($v:ident),* $(,)?) => {
+		fn actions(&self) -> $crate::utility_traits::ActionList {
+			actions!($name; $($v),*)
+		}
+	}
+}
diff --git a/editor/src/messages/animation/animation_message.rs b/editor/src/messages/animation/animation_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..13166800960d6f4ea7327b15ad395287b3f3f564
--- /dev/null
+++ b/editor/src/messages/animation/animation_message.rs
@@ -0,0 +1,17 @@
+use crate::messages::prelude::*;
+
+use super::animation_message_handler::AnimationTimeMode;
+
+#[impl_message(Message, Animation)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum AnimationMessage {
+	ToggleLivePreview,
+	EnableLivePreview,
+	DisableLivePreview,
+	RestartAnimation,
+	SetFrameIndex(f64),
+	SetTime(f64),
+	UpdateTime,
+	IncrementFrameCounter,
+	SetAnimationTimeMode(AnimationTimeMode),
+}
diff --git a/editor/src/messages/animation/animation_message_handler.rs b/editor/src/messages/animation/animation_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..eb7ceba2e070682f514ef3d9303f03302826870a
--- /dev/null
+++ b/editor/src/messages/animation/animation_message_handler.rs
@@ -0,0 +1,133 @@
+use std::time::Duration;
+
+use crate::messages::prelude::*;
+
+use super::TimingInformation;
+
+#[derive(PartialEq, Clone, Default, Debug, serde::Serialize, serde::Deserialize)]
+pub enum AnimationTimeMode {
+	#[default]
+	TimeBased,
+	FrameBased,
+}
+
+#[derive(Default, Debug, Clone, PartialEq)]
+enum AnimationState {
+	#[default]
+	Stopped,
+	Playing {
+		start: f64,
+	},
+	Paused {
+		start: f64,
+		pause_time: f64,
+	},
+}
+
+#[derive(Default, Debug, Clone, PartialEq)]
+pub struct AnimationMessageHandler {
+	/// Used to re-send the UI on the next frame after playback starts
+	live_preview_recently_zero: bool,
+	timestamp: f64,
+	frame_index: f64,
+	animation_state: AnimationState,
+	fps: f64,
+	animation_time_mode: AnimationTimeMode,
+}
+impl AnimationMessageHandler {
+	pub(crate) fn timing_information(&self) -> TimingInformation {
+		let animation_time = self.timestamp - self.animation_start();
+		let animation_time = match self.animation_time_mode {
+			AnimationTimeMode::TimeBased => Duration::from_millis(animation_time as u64),
+			AnimationTimeMode::FrameBased => Duration::from_secs((self.frame_index / self.fps) as u64),
+		};
+		TimingInformation { time: self.timestamp, animation_time }
+	}
+
+	pub(crate) fn animation_start(&self) -> f64 {
+		match self.animation_state {
+			AnimationState::Stopped => self.timestamp,
+			AnimationState::Playing { start } => start,
+			AnimationState::Paused { start, pause_time } => start + self.timestamp - pause_time,
+		}
+	}
+
+	pub fn is_playing(&self) -> bool {
+		matches!(self.animation_state, AnimationState::Playing { .. })
+	}
+}
+
+impl MessageHandler<AnimationMessage, ()> for AnimationMessageHandler {
+	fn process_message(&mut self, message: AnimationMessage, responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			AnimationMessage::ToggleLivePreview => match self.animation_state {
+				AnimationState::Stopped => responses.add(AnimationMessage::EnableLivePreview),
+				AnimationState::Playing { .. } => responses.add(AnimationMessage::DisableLivePreview),
+				AnimationState::Paused { .. } => responses.add(AnimationMessage::EnableLivePreview),
+			},
+			AnimationMessage::EnableLivePreview => {
+				self.animation_state = AnimationState::Playing { start: self.animation_start() };
+
+				// Update the restart and pause/play buttons
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			AnimationMessage::DisableLivePreview => {
+				match self.animation_state {
+					AnimationState::Stopped => (),
+					AnimationState::Playing { start } => self.animation_state = AnimationState::Paused { start, pause_time: self.timestamp },
+					AnimationState::Paused { .. } => (),
+				}
+
+				// Update the restart and pause/play buttons
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			AnimationMessage::SetFrameIndex(frame) => {
+				self.frame_index = frame;
+				responses.add(PortfolioMessage::SubmitActiveGraphRender);
+				// Update the restart and pause/play buttons
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			AnimationMessage::SetTime(time) => {
+				self.timestamp = time;
+				responses.add(AnimationMessage::UpdateTime);
+			}
+			AnimationMessage::IncrementFrameCounter => {
+				if self.is_playing() {
+					self.frame_index += 1.;
+					responses.add(AnimationMessage::UpdateTime);
+				}
+			}
+			AnimationMessage::UpdateTime => {
+				if self.is_playing() {
+					responses.add(PortfolioMessage::SubmitActiveGraphRender);
+
+					if self.live_preview_recently_zero {
+						// Update the restart and pause/play buttons
+						responses.add(PortfolioMessage::UpdateDocumentWidgets);
+						self.live_preview_recently_zero = false;
+					}
+				}
+			}
+			AnimationMessage::RestartAnimation => {
+				self.frame_index = 0.;
+				self.animation_state = match self.animation_state {
+					AnimationState::Playing { .. } => AnimationState::Playing { start: self.timestamp },
+					_ => AnimationState::Stopped,
+				};
+				self.live_preview_recently_zero = true;
+				responses.add(PortfolioMessage::SubmitActiveGraphRender);
+				// Update the restart and pause/play buttons
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			AnimationMessage::SetAnimationTimeMode(animation_time_mode) => {
+				self.animation_time_mode = animation_time_mode;
+			}
+		}
+	}
+
+	advertise_actions!(AnimationMessageDiscriminant;
+		ToggleLivePreview,
+		SetFrameIndex,
+		RestartAnimation,
+	);
+}
diff --git a/editor/src/messages/animation/mod.rs b/editor/src/messages/animation/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c92c9de5d667f42d9fc894cf032cd9f99dcdbbe6
--- /dev/null
+++ b/editor/src/messages/animation/mod.rs
@@ -0,0 +1,9 @@
+mod animation_message;
+mod animation_message_handler;
+
+#[doc(inline)]
+pub use animation_message::{AnimationMessage, AnimationMessageDiscriminant};
+#[doc(inline)]
+pub use animation_message_handler::AnimationMessageHandler;
+
+pub use graphene_std::application_io::TimingInformation;
diff --git a/editor/src/messages/broadcast/broadcast_event.rs b/editor/src/messages/broadcast/broadcast_event.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ebe2318aaea91b0e444477e5e875e22c5d43da6c
--- /dev/null
+++ b/editor/src/messages/broadcast/broadcast_event.rs
@@ -0,0 +1,12 @@
+use crate::messages::prelude::*;
+
+#[derive(PartialEq, Eq, Clone, Debug, serde::Serialize, serde::Deserialize, Hash)]
+#[impl_message(Message, BroadcastMessage, TriggerEvent)]
+pub enum BroadcastEvent {
+	/// Triggered by requestAnimationFrame in JS
+	AnimationFrame,
+	CanvasTransformed,
+	ToolAbort,
+	SelectionChanged,
+	WorkingColorChanged,
+}
diff --git a/editor/src/messages/broadcast/broadcast_message.rs b/editor/src/messages/broadcast/broadcast_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..984d4e56a0f974de129e4e64b345d173c4152418
--- /dev/null
+++ b/editor/src/messages/broadcast/broadcast_message.rs
@@ -0,0 +1,19 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, Broadcast)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum BroadcastMessage {
+	// Sub-messages
+	#[child]
+	TriggerEvent(BroadcastEvent),
+
+	// Messages
+	SubscribeEvent {
+		on: BroadcastEvent,
+		send: Box<Message>,
+	},
+	UnsubscribeEvent {
+		on: BroadcastEvent,
+		message: Box<Message>,
+	},
+}
diff --git a/editor/src/messages/broadcast/broadcast_message_handler.rs b/editor/src/messages/broadcast/broadcast_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..51d64b5852952d6269814685f63ee02535f2aa77
--- /dev/null
+++ b/editor/src/messages/broadcast/broadcast_message_handler.rs
@@ -0,0 +1,27 @@
+use crate::messages::prelude::*;
+
+#[derive(Debug, Clone, Default)]
+pub struct BroadcastMessageHandler {
+	listeners: HashMap<BroadcastEvent, Vec<Message>>,
+}
+
+impl MessageHandler<BroadcastMessage, ()> for BroadcastMessageHandler {
+	fn process_message(&mut self, message: BroadcastMessage, responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			// Sub-messages
+			BroadcastMessage::TriggerEvent(event) => {
+				for message in self.listeners.entry(event).or_default() {
+					responses.add_front(message.clone())
+				}
+			}
+
+			// Messages
+			BroadcastMessage::SubscribeEvent { on, send } => self.listeners.entry(on).or_default().push(*send),
+			BroadcastMessage::UnsubscribeEvent { on, message } => self.listeners.entry(on).or_default().retain(|msg| *msg != *message),
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		actions!(BroadcastEventDiscriminant;)
+	}
+}
diff --git a/editor/src/messages/broadcast/mod.rs b/editor/src/messages/broadcast/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a6ecb88979e219b3efbb8dfcb32c36f4436ae489
--- /dev/null
+++ b/editor/src/messages/broadcast/mod.rs
@@ -0,0 +1,9 @@
+mod broadcast_message;
+mod broadcast_message_handler;
+
+pub mod broadcast_event;
+
+#[doc(inline)]
+pub use broadcast_message::{BroadcastMessage, BroadcastMessageDiscriminant};
+#[doc(inline)]
+pub use broadcast_message_handler::BroadcastMessageHandler;
diff --git a/editor/src/messages/debug/debug_message.rs b/editor/src/messages/debug/debug_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..67f5487dedd14afd8d4cb7ff7920940b5a83ffd0
--- /dev/null
+++ b/editor/src/messages/debug/debug_message.rs
@@ -0,0 +1,10 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, Debug)]
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize)]
+pub enum DebugMessage {
+	ToggleTraceLogs,
+	MessageOff,
+	MessageNames,
+	MessageContents,
+}
diff --git a/editor/src/messages/debug/debug_message_handler.rs b/editor/src/messages/debug/debug_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6044ce91089b282594985020fd47ad005dcb48c7
--- /dev/null
+++ b/editor/src/messages/debug/debug_message_handler.rs
@@ -0,0 +1,49 @@
+use super::utility_types::MessageLoggingVerbosity;
+use crate::messages::prelude::*;
+
+#[derive(Debug, Default)]
+pub struct DebugMessageHandler {
+	pub message_logging_verbosity: MessageLoggingVerbosity,
+}
+
+impl MessageHandler<DebugMessage, ()> for DebugMessageHandler {
+	fn process_message(&mut self, message: DebugMessage, responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			DebugMessage::ToggleTraceLogs => {
+				if log::max_level() == log::LevelFilter::Debug {
+					log::set_max_level(log::LevelFilter::Trace);
+				} else {
+					log::set_max_level(log::LevelFilter::Debug);
+				}
+
+				// Refresh the checkmark beside the menu entry for this
+				responses.add(MenuBarMessage::SendLayout);
+			}
+			DebugMessage::MessageOff => {
+				self.message_logging_verbosity = MessageLoggingVerbosity::Off;
+
+				// Refresh the checkmark beside the menu entry for this
+				responses.add(MenuBarMessage::SendLayout);
+			}
+			DebugMessage::MessageNames => {
+				self.message_logging_verbosity = MessageLoggingVerbosity::Names;
+
+				// Refresh the checkmark beside the menu entry for this
+				responses.add(MenuBarMessage::SendLayout);
+			}
+			DebugMessage::MessageContents => {
+				self.message_logging_verbosity = MessageLoggingVerbosity::Contents;
+
+				// Refresh the checkmark beside the menu entry for this
+				responses.add(MenuBarMessage::SendLayout);
+			}
+		}
+	}
+
+	advertise_actions!(DebugMessageDiscriminant;
+		ToggleTraceLogs,
+		MessageOff,
+		MessageNames,
+		MessageContents,
+	);
+}
diff --git a/editor/src/messages/debug/mod.rs b/editor/src/messages/debug/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..79ad968d154d097a534e70bddf1f653599101f56
--- /dev/null
+++ b/editor/src/messages/debug/mod.rs
@@ -0,0 +1,9 @@
+mod debug_message;
+mod debug_message_handler;
+
+pub mod utility_types;
+
+#[doc(inline)]
+pub use debug_message::{DebugMessage, DebugMessageDiscriminant};
+#[doc(inline)]
+pub use debug_message_handler::DebugMessageHandler;
diff --git a/editor/src/messages/debug/utility_types.rs b/editor/src/messages/debug/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..027dd14f2a6181220fa2112863c790af5f499682
--- /dev/null
+++ b/editor/src/messages/debug/utility_types.rs
@@ -0,0 +1,7 @@
+#[derive(Debug, Default, Clone, Copy, Eq, PartialEq)]
+pub enum MessageLoggingVerbosity {
+	#[default]
+	Off,
+	Names,
+	Contents,
+}
diff --git a/editor/src/messages/dialog/dialog_message.rs b/editor/src/messages/dialog/dialog_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..baee1e65829520f94edcce74ca5d217fc226c785
--- /dev/null
+++ b/editor/src/messages/dialog/dialog_message.rs
@@ -0,0 +1,38 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, Dialog)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum DialogMessage {
+	// Sub-messages
+	#[child]
+	ExportDialog(ExportDialogMessage),
+	#[child]
+	NewDocumentDialog(NewDocumentDialogMessage),
+	#[child]
+	PreferencesDialog(PreferencesDialogMessage),
+
+	// Messages
+	CloseAllDocumentsWithConfirmation,
+	CloseDialogAndThen {
+		followups: Vec<Message>,
+	},
+	DisplayDialogError {
+		title: String,
+		description: String,
+	},
+	RequestAboutGraphiteDialog,
+	RequestAboutGraphiteDialogWithLocalizedCommitDate {
+		localized_commit_date: String,
+		localized_commit_year: String,
+	},
+	RequestComingSoonDialog {
+		issue: Option<u32>,
+	},
+	RequestDemoArtworkDialog,
+	RequestExportDialog,
+	RequestLicensesDialogWithLocalizedCommitDate {
+		localized_commit_year: String,
+	},
+	RequestNewDocumentDialog,
+	RequestPreferencesDialog,
+}
diff --git a/editor/src/messages/dialog/dialog_message_handler.rs b/editor/src/messages/dialog/dialog_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3e9c80e46ada75022db22d322d86653682a67870
--- /dev/null
+++ b/editor/src/messages/dialog/dialog_message_handler.rs
@@ -0,0 +1,118 @@
+use super::simple_dialogs::{self, AboutGraphiteDialog, ComingSoonDialog, DemoArtworkDialog, LicensesDialog};
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+pub struct DialogMessageData<'a> {
+	pub portfolio: &'a PortfolioMessageHandler,
+	pub preferences: &'a PreferencesMessageHandler,
+}
+
+/// Stores the dialogs which require state. These are the ones that have their own message handlers, and are not the ones defined in `simple_dialogs`.
+#[derive(Debug, Default, Clone)]
+pub struct DialogMessageHandler {
+	export_dialog: ExportDialogMessageHandler,
+	new_document_dialog: NewDocumentDialogMessageHandler,
+	preferences_dialog: PreferencesDialogMessageHandler,
+}
+
+impl MessageHandler<DialogMessage, DialogMessageData<'_>> for DialogMessageHandler {
+	fn process_message(&mut self, message: DialogMessage, responses: &mut VecDeque<Message>, data: DialogMessageData) {
+		let DialogMessageData { portfolio, preferences } = data;
+
+		match message {
+			DialogMessage::ExportDialog(message) => self.export_dialog.process_message(message, responses, ExportDialogMessageData { portfolio }),
+			DialogMessage::NewDocumentDialog(message) => self.new_document_dialog.process_message(message, responses, ()),
+			DialogMessage::PreferencesDialog(message) => self.preferences_dialog.process_message(message, responses, PreferencesDialogMessageData { preferences }),
+
+			DialogMessage::CloseAllDocumentsWithConfirmation => {
+				let dialog = simple_dialogs::CloseAllDocumentsDialog {
+					unsaved_document_names: portfolio.unsaved_document_names(),
+				};
+				dialog.send_dialog_to_frontend(responses);
+			}
+			DialogMessage::CloseDialogAndThen { followups } => {
+				for message in followups.into_iter() {
+					responses.add(message);
+				}
+
+				// This come after followups, so that the followups (which can cause the dialog to open) happen first, then we close it afterwards.
+				// If it comes before, the dialog reopens (and appears to not close at all).
+				responses.add(FrontendMessage::DisplayDialogDismiss);
+			}
+			DialogMessage::DisplayDialogError { title, description } => {
+				let dialog = simple_dialogs::ErrorDialog { title, description };
+				dialog.send_dialog_to_frontend(responses);
+			}
+			DialogMessage::RequestAboutGraphiteDialog => {
+				responses.add(FrontendMessage::TriggerAboutGraphiteLocalizedCommitDate {
+					commit_date: env!("GRAPHITE_GIT_COMMIT_DATE").into(),
+				});
+			}
+			DialogMessage::RequestAboutGraphiteDialogWithLocalizedCommitDate {
+				localized_commit_date,
+				localized_commit_year,
+			} => {
+				let dialog = AboutGraphiteDialog {
+					localized_commit_date,
+					localized_commit_year,
+				};
+
+				dialog.send_dialog_to_frontend(responses);
+			}
+			DialogMessage::RequestComingSoonDialog { issue } => {
+				let dialog = ComingSoonDialog { issue };
+				dialog.send_dialog_to_frontend(responses);
+			}
+			DialogMessage::RequestDemoArtworkDialog => {
+				let dialog = DemoArtworkDialog;
+				dialog.send_dialog_to_frontend(responses);
+			}
+			DialogMessage::RequestExportDialog => {
+				if let Some(document) = portfolio.active_document() {
+					let artboards = document
+						.metadata()
+						.all_layers()
+						.filter(|&layer| document.network_interface.is_artboard(&layer.to_node(), &[]))
+						.map(|layer| {
+							let name = document
+								.network_interface
+								.node_metadata(&layer.to_node(), &[])
+								.map(|node| node.persistent_metadata.display_name.clone())
+								.and_then(|name| if name.is_empty() { None } else { Some(name) })
+								.unwrap_or_else(|| "Artboard".to_string());
+							(layer, name)
+						})
+						.collect();
+
+					self.export_dialog.artboards = artboards;
+					self.export_dialog.has_selection = document.network_interface.selected_nodes().selected_layers(document.metadata()).next().is_some();
+					self.export_dialog.send_dialog_to_frontend(responses);
+				}
+			}
+			DialogMessage::RequestLicensesDialogWithLocalizedCommitDate { localized_commit_year } => {
+				let dialog = LicensesDialog { localized_commit_year };
+
+				dialog.send_dialog_to_frontend(responses);
+			}
+			DialogMessage::RequestNewDocumentDialog => {
+				self.new_document_dialog = NewDocumentDialogMessageHandler {
+					name: portfolio.generate_new_document_name(),
+					infinite: false,
+					dimensions: glam::UVec2::new(1920, 1080),
+				};
+				self.new_document_dialog.send_dialog_to_frontend(responses);
+			}
+			DialogMessage::RequestPreferencesDialog => {
+				self.preferences_dialog = PreferencesDialogMessageHandler {};
+				self.preferences_dialog.send_dialog_to_frontend(responses, preferences);
+			}
+		}
+	}
+
+	advertise_actions!(DialogMessageDiscriminant;
+		CloseAllDocumentsWithConfirmation,
+		RequestExportDialog,
+		RequestNewDocumentDialog,
+		RequestPreferencesDialog,
+	);
+}
diff --git a/editor/src/messages/dialog/export_dialog/export_dialog_message.rs b/editor/src/messages/dialog/export_dialog/export_dialog_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..20b0f8486abf26b32b04e655f7b5f7f0fb47cb9f
--- /dev/null
+++ b/editor/src/messages/dialog/export_dialog/export_dialog_message.rs
@@ -0,0 +1,13 @@
+use crate::messages::frontend::utility_types::{ExportBounds, FileType};
+use crate::messages::prelude::*;
+
+#[impl_message(Message, DialogMessage, ExportDialog)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum ExportDialogMessage {
+	FileType(FileType),
+	ScaleFactor(f64),
+	TransparentBackground(bool),
+	ExportBounds(ExportBounds),
+
+	Submit,
+}
diff --git a/editor/src/messages/dialog/export_dialog/export_dialog_message_handler.rs b/editor/src/messages/dialog/export_dialog/export_dialog_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1bcf4b7003c231b6ba2939415bdb2ed0fceec8fe
--- /dev/null
+++ b/editor/src/messages/dialog/export_dialog/export_dialog_message_handler.rs
@@ -0,0 +1,164 @@
+use crate::messages::frontend::utility_types::{ExportBounds, FileType};
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::prelude::*;
+
+pub struct ExportDialogMessageData<'a> {
+	pub portfolio: &'a PortfolioMessageHandler,
+}
+
+/// A dialog to allow users to customize their file export.
+#[derive(Debug, Clone)]
+pub struct ExportDialogMessageHandler {
+	pub file_type: FileType,
+	pub scale_factor: f64,
+	pub bounds: ExportBounds,
+	pub transparent_background: bool,
+	pub artboards: HashMap<LayerNodeIdentifier, String>,
+	pub has_selection: bool,
+}
+
+impl Default for ExportDialogMessageHandler {
+	fn default() -> Self {
+		Self {
+			file_type: Default::default(),
+			scale_factor: 1.,
+			bounds: Default::default(),
+			transparent_background: false,
+			artboards: Default::default(),
+			has_selection: false,
+		}
+	}
+}
+
+impl MessageHandler<ExportDialogMessage, ExportDialogMessageData<'_>> for ExportDialogMessageHandler {
+	fn process_message(&mut self, message: ExportDialogMessage, responses: &mut VecDeque<Message>, data: ExportDialogMessageData) {
+		let ExportDialogMessageData { portfolio } = data;
+
+		match message {
+			ExportDialogMessage::FileType(export_type) => self.file_type = export_type,
+			ExportDialogMessage::ScaleFactor(factor) => self.scale_factor = factor,
+			ExportDialogMessage::TransparentBackground(transparent_background) => self.transparent_background = transparent_background,
+			ExportDialogMessage::ExportBounds(export_area) => self.bounds = export_area,
+
+			ExportDialogMessage::Submit => responses.add_front(PortfolioMessage::SubmitDocumentExport {
+				file_name: portfolio.active_document().map(|document| document.name.clone()).unwrap_or_default(),
+				file_type: self.file_type,
+				scale_factor: self.scale_factor,
+				bounds: self.bounds,
+				transparent_background: self.file_type != FileType::Jpg && self.transparent_background,
+			}),
+		}
+
+		self.send_dialog_to_frontend(responses);
+	}
+
+	advertise_actions! {ExportDialogUpdate;}
+}
+
+impl DialogLayoutHolder for ExportDialogMessageHandler {
+	const ICON: &'static str = "File";
+	const TITLE: &'static str = "Export";
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![
+			TextButton::new("Export")
+				.emphasized(true)
+				.on_update(|_| {
+					DialogMessage::CloseDialogAndThen {
+						followups: vec![ExportDialogMessage::Submit.into()],
+					}
+					.into()
+				})
+				.widget_holder(),
+			TextButton::new("Cancel").on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder(),
+		];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl LayoutHolder for ExportDialogMessageHandler {
+	fn layout(&self) -> Layout {
+		let entries = [(FileType::Png, "PNG"), (FileType::Jpg, "JPG"), (FileType::Svg, "SVG")]
+			.into_iter()
+			.map(|(val, name)| RadioEntryData::new(format!("{val:?}")).label(name).on_update(move |_| ExportDialogMessage::FileType(val).into()))
+			.collect();
+
+		let export_type = vec![
+			TextLabel::new("File Type").table_align(true).min_width(100).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			RadioInput::new(entries).selected_index(Some(self.file_type as u32)).widget_holder(),
+		];
+
+		let resolution = vec![
+			TextLabel::new("Scale Factor").table_align(true).min_width(100).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			NumberInput::new(Some(self.scale_factor))
+				.unit("")
+				.min(0.)
+				.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+				.disabled(self.file_type == FileType::Svg)
+				.on_update(|number_input: &NumberInput| ExportDialogMessage::ScaleFactor(number_input.value.unwrap()).into())
+				.min_width(200)
+				.widget_holder(),
+		];
+
+		let standard_bounds = vec![
+			(ExportBounds::AllArtwork, "All Artwork".to_string(), false),
+			(ExportBounds::Selection, "Selection".to_string(), !self.has_selection),
+		];
+		let artboards = self.artboards.iter().map(|(&layer, name)| (ExportBounds::Artboard(layer), name.to_string(), false)).collect();
+		let groups = [standard_bounds, artboards];
+
+		let current_bounds = if !self.has_selection && self.bounds == ExportBounds::Selection {
+			ExportBounds::AllArtwork
+		} else {
+			self.bounds
+		};
+		let index = groups.iter().flatten().position(|(bounds, _, _)| *bounds == current_bounds).unwrap();
+
+		let mut entries = groups
+			.into_iter()
+			.map(|group| {
+				group
+					.into_iter()
+					.map(|(val, name, disabled)| {
+						MenuListEntry::new(format!("{val:?}"))
+							.label(name)
+							.on_commit(move |_| ExportDialogMessage::ExportBounds(val).into())
+							.disabled(disabled)
+					})
+					.collect::<Vec<_>>()
+			})
+			.collect::<Vec<_>>();
+
+		if entries[1].is_empty() {
+			entries.remove(1);
+		}
+
+		let export_area = vec![
+			TextLabel::new("Bounds").table_align(true).min_width(100).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			DropdownInput::new(entries).selected_index(Some(index as u32)).widget_holder(),
+		];
+
+		let mut checkbox_id = CheckboxId::default();
+		let transparent_background = vec![
+			TextLabel::new("Transparency").table_align(true).min_width(100).for_checkbox(&mut checkbox_id).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			CheckboxInput::new(self.transparent_background)
+				.disabled(self.file_type == FileType::Jpg)
+				.on_update(move |value: &CheckboxInput| ExportDialogMessage::TransparentBackground(value.checked).into())
+				.for_label(checkbox_id.clone())
+				.widget_holder(),
+		];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![
+			LayoutGroup::Row { widgets: export_type },
+			LayoutGroup::Row { widgets: resolution },
+			LayoutGroup::Row { widgets: export_area },
+			LayoutGroup::Row { widgets: transparent_background },
+		]))
+	}
+}
diff --git a/editor/src/messages/dialog/export_dialog/mod.rs b/editor/src/messages/dialog/export_dialog/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..440684ef89585c7b640857c290ed2907a8fb66a2
--- /dev/null
+++ b/editor/src/messages/dialog/export_dialog/mod.rs
@@ -0,0 +1,7 @@
+mod export_dialog_message;
+mod export_dialog_message_handler;
+
+#[doc(inline)]
+pub use export_dialog_message::{ExportDialogMessage, ExportDialogMessageDiscriminant};
+#[doc(inline)]
+pub use export_dialog_message_handler::{ExportDialogMessageData, ExportDialogMessageHandler};
diff --git a/editor/src/messages/dialog/mod.rs b/editor/src/messages/dialog/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..692991a30d0c0c62807cd72574405cc7db5fc3f7
--- /dev/null
+++ b/editor/src/messages/dialog/mod.rs
@@ -0,0 +1,19 @@
+//! Handles dialogs that appear as floating menus in the center of the editor window.
+//!
+//! Dialogs are represented as structs that implement the `DialogLayoutHolder` trait.
+//!
+//! To open a dialog, call the function `send_dialog_to_frontend()` on the dialog struct.
+//! Then dialog can be opened by sending the `FrontendMessage::DisplayDialog` message;
+
+mod dialog_message;
+mod dialog_message_handler;
+
+pub mod export_dialog;
+pub mod new_document_dialog;
+pub mod preferences_dialog;
+pub mod simple_dialogs;
+
+#[doc(inline)]
+pub use dialog_message::{DialogMessage, DialogMessageDiscriminant};
+#[doc(inline)]
+pub use dialog_message_handler::{DialogMessageData, DialogMessageHandler};
diff --git a/editor/src/messages/dialog/new_document_dialog/mod.rs b/editor/src/messages/dialog/new_document_dialog/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c179de74d19268405d22ec403675d7070ef45822
--- /dev/null
+++ b/editor/src/messages/dialog/new_document_dialog/mod.rs
@@ -0,0 +1,7 @@
+mod new_document_dialog_message;
+mod new_document_dialog_message_handler;
+
+#[doc(inline)]
+pub use new_document_dialog_message::{NewDocumentDialogMessage, NewDocumentDialogMessageDiscriminant};
+#[doc(inline)]
+pub use new_document_dialog_message_handler::NewDocumentDialogMessageHandler;
diff --git a/editor/src/messages/dialog/new_document_dialog/new_document_dialog_message.rs b/editor/src/messages/dialog/new_document_dialog/new_document_dialog_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..26502196c5e6b5a98dba98ff4e5095237f6813b6
--- /dev/null
+++ b/editor/src/messages/dialog/new_document_dialog/new_document_dialog_message.rs
@@ -0,0 +1,12 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, DialogMessage, NewDocumentDialog)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum NewDocumentDialogMessage {
+	Name(String),
+	Infinite(bool),
+	DimensionsX(f64),
+	DimensionsY(f64),
+
+	Submit,
+}
diff --git a/editor/src/messages/dialog/new_document_dialog/new_document_dialog_message_handler.rs b/editor/src/messages/dialog/new_document_dialog/new_document_dialog_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..2e94f876c7ecafc42e44aa7ba6fdeaa3d6fbdb17
--- /dev/null
+++ b/editor/src/messages/dialog/new_document_dialog/new_document_dialog_message_handler.rs
@@ -0,0 +1,122 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+use glam::{IVec2, UVec2};
+use graph_craft::document::NodeId;
+
+/// A dialog to allow users to set some initial options about a new document.
+#[derive(Debug, Clone, Default)]
+pub struct NewDocumentDialogMessageHandler {
+	pub name: String,
+	pub infinite: bool,
+	pub dimensions: UVec2,
+}
+
+impl MessageHandler<NewDocumentDialogMessage, ()> for NewDocumentDialogMessageHandler {
+	fn process_message(&mut self, message: NewDocumentDialogMessage, responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			NewDocumentDialogMessage::Name(name) => self.name = name,
+			NewDocumentDialogMessage::Infinite(infinite) => self.infinite = infinite,
+			NewDocumentDialogMessage::DimensionsX(x) => self.dimensions.x = x as u32,
+			NewDocumentDialogMessage::DimensionsY(y) => self.dimensions.y = y as u32,
+			NewDocumentDialogMessage::Submit => {
+				responses.add(PortfolioMessage::NewDocumentWithName { name: self.name.clone() });
+
+				let create_artboard = !self.infinite && self.dimensions.x > 0 && self.dimensions.y > 0;
+				if create_artboard {
+					responses.add(Message::StartBuffer);
+					responses.add(GraphOperationMessage::NewArtboard {
+						id: NodeId::new(),
+						artboard: graphene_std::Artboard::new(IVec2::ZERO, self.dimensions.as_ivec2()),
+					});
+				}
+
+				// TODO: Figure out how to get StartBuffer to work here so we can delete this and use `DocumentMessage::ZoomCanvasToFitAll` instead
+				// Currently, it is necessary to use `FrontendMessage::TriggerDelayedZoomCanvasToFitAll` rather than `DocumentMessage::ZoomCanvasToFitAll` because the size of the viewport is not yet populated
+				responses.add(Message::StartBuffer);
+				responses.add(FrontendMessage::TriggerDelayedZoomCanvasToFitAll);
+				responses.add(DocumentMessage::DeselectAllLayers);
+			}
+		}
+
+		self.send_dialog_to_frontend(responses);
+	}
+
+	advertise_actions! {NewDocumentDialogUpdate;}
+}
+
+impl DialogLayoutHolder for NewDocumentDialogMessageHandler {
+	const ICON: &'static str = "File";
+	const TITLE: &'static str = "New Document";
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![
+			TextButton::new("OK")
+				.emphasized(true)
+				.on_update(|_| {
+					DialogMessage::CloseDialogAndThen {
+						followups: vec![NewDocumentDialogMessage::Submit.into()],
+					}
+					.into()
+				})
+				.widget_holder(),
+			TextButton::new("Cancel").on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder(),
+		];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl LayoutHolder for NewDocumentDialogMessageHandler {
+	fn layout(&self) -> Layout {
+		let name = vec![
+			TextLabel::new("Name").table_align(true).min_width(90).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			TextInput::new(&self.name)
+				.on_update(|text_input: &TextInput| NewDocumentDialogMessage::Name(text_input.value.clone()).into())
+				.min_width(204) // Matches the 100px of both NumberInputs below + the 4px of the Unrelated-type separator
+				.widget_holder(),
+		];
+
+		let mut checkbox_id = CheckboxId::default();
+		let infinite = vec![
+			TextLabel::new("Infinite Canvas").table_align(true).min_width(90).for_checkbox(&mut checkbox_id).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			CheckboxInput::new(self.infinite)
+				.on_update(|checkbox_input: &CheckboxInput| NewDocumentDialogMessage::Infinite(checkbox_input.checked).into())
+				.for_label(checkbox_id.clone())
+				.widget_holder(),
+		];
+
+		let scale = vec![
+			TextLabel::new("Dimensions").table_align(true).min_width(90).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			NumberInput::new(Some(self.dimensions.x as f64))
+				.label("W")
+				.unit(" px")
+				.min(0.)
+				.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+				.is_integer(true)
+				.disabled(self.infinite)
+				.min_width(100)
+				.on_update(|number_input: &NumberInput| NewDocumentDialogMessage::DimensionsX(number_input.value.unwrap()).into())
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(Some(self.dimensions.y as f64))
+				.label("H")
+				.unit(" px")
+				.min(0.)
+				.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+				.is_integer(true)
+				.disabled(self.infinite)
+				.min_width(100)
+				.on_update(|number_input: &NumberInput| NewDocumentDialogMessage::DimensionsY(number_input.value.unwrap()).into())
+				.widget_holder(),
+		];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![
+			LayoutGroup::Row { widgets: name },
+			LayoutGroup::Row { widgets: infinite },
+			LayoutGroup::Row { widgets: scale },
+		]))
+	}
+}
diff --git a/editor/src/messages/dialog/preferences_dialog/mod.rs b/editor/src/messages/dialog/preferences_dialog/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c7dd00bb00576d69bbe4a5ed6875db3eb8c1513a
--- /dev/null
+++ b/editor/src/messages/dialog/preferences_dialog/mod.rs
@@ -0,0 +1,7 @@
+mod preferences_dialog_message;
+mod preferences_dialog_message_handler;
+
+#[doc(inline)]
+pub use preferences_dialog_message::{PreferencesDialogMessage, PreferencesDialogMessageDiscriminant};
+#[doc(inline)]
+pub use preferences_dialog_message_handler::{PreferencesDialogMessageData, PreferencesDialogMessageHandler};
diff --git a/editor/src/messages/dialog/preferences_dialog/preferences_dialog_message.rs b/editor/src/messages/dialog/preferences_dialog/preferences_dialog_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..736fe7c10aab030140eba088141daf960e3d8f16
--- /dev/null
+++ b/editor/src/messages/dialog/preferences_dialog/preferences_dialog_message.rs
@@ -0,0 +1,7 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, DialogMessage, PreferencesDialog)]
+#[derive(Eq, PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum PreferencesDialogMessage {
+	Confirm,
+}
diff --git a/editor/src/messages/dialog/preferences_dialog/preferences_dialog_message_handler.rs b/editor/src/messages/dialog/preferences_dialog/preferences_dialog_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6e92d60bcf5dc18c98c2b99d233b94e2effb872c
--- /dev/null
+++ b/editor/src/messages/dialog/preferences_dialog/preferences_dialog_message_handler.rs
@@ -0,0 +1,291 @@
+use crate::consts::{VIEWPORT_ZOOM_WHEEL_RATE, VIEWPORT_ZOOM_WHEEL_RATE_CHANGE};
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::utility_types::wires::GraphWireStyle;
+use crate::messages::preferences::SelectionMode;
+use crate::messages::prelude::*;
+
+pub struct PreferencesDialogMessageData<'a> {
+	pub preferences: &'a PreferencesMessageHandler,
+}
+
+/// A dialog to allow users to customize Graphite editor options
+#[derive(Debug, Clone, Default)]
+pub struct PreferencesDialogMessageHandler {}
+
+impl MessageHandler<PreferencesDialogMessage, PreferencesDialogMessageData<'_>> for PreferencesDialogMessageHandler {
+	fn process_message(&mut self, message: PreferencesDialogMessage, responses: &mut VecDeque<Message>, data: PreferencesDialogMessageData) {
+		let PreferencesDialogMessageData { preferences } = data;
+
+		match message {
+			PreferencesDialogMessage::Confirm => {}
+		}
+
+		self.send_dialog_to_frontend(responses, preferences);
+	}
+
+	advertise_actions! {PreferencesDialogUpdate;}
+}
+
+// This doesn't actually implement the `DialogLayoutHolder` trait like the other dialog message handlers.
+// That's because we need to give `send_layout` the `preferences` argument, which is not part of the trait.
+// However, it's important to keep the methods in sync with those from the trait for consistency.
+impl PreferencesDialogMessageHandler {
+	const ICON: &'static str = "Settings";
+	const TITLE: &'static str = "Editor Preferences";
+
+	fn layout(&self, preferences: &PreferencesMessageHandler) -> Layout {
+		// ==========
+		// NAVIGATION
+		// ==========
+
+		let navigation_header = vec![TextLabel::new("Navigation").italic(true).widget_holder()];
+
+		let zoom_rate_tooltip = "Adjust how fast zooming occurs when using the scroll wheel or pinch gesture (relative to a default of 50)";
+		let zoom_rate_label = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			TextLabel::new("Zoom Rate").tooltip(zoom_rate_tooltip).widget_holder(),
+		];
+		let zoom_rate = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			NumberInput::new(Some(map_zoom_rate_to_display(preferences.viewport_zoom_wheel_rate)))
+				.tooltip(zoom_rate_tooltip)
+				.mode_range()
+				.int()
+				.min(1.)
+				.max(100.)
+				.on_update(|number_input: &NumberInput| {
+					if let Some(display_value) = number_input.value {
+						let actual_rate = map_display_to_zoom_rate(display_value);
+						PreferencesMessage::ViewportZoomWheelRate { rate: actual_rate }.into()
+					} else {
+						PreferencesMessage::ViewportZoomWheelRate { rate: VIEWPORT_ZOOM_WHEEL_RATE }.into()
+					}
+				})
+				.widget_holder(),
+		];
+
+		let mut checkbox_id = CheckboxId::default();
+		let zoom_with_scroll_tooltip = "Use the scroll wheel for zooming instead of vertically panning (not recommended for trackpads)";
+		let zoom_with_scroll = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			CheckboxInput::new(preferences.zoom_with_scroll)
+				.tooltip(zoom_with_scroll_tooltip)
+				.on_update(|checkbox_input: &CheckboxInput| {
+					PreferencesMessage::ModifyLayout {
+						zoom_with_scroll: checkbox_input.checked,
+					}
+					.into()
+				})
+				.for_label(checkbox_id.clone())
+				.widget_holder(),
+			TextLabel::new("Zoom with Scroll")
+				.table_align(true)
+				.tooltip(zoom_with_scroll_tooltip)
+				.for_checkbox(&mut checkbox_id)
+				.widget_holder(),
+		];
+
+		// =======
+		// EDITING
+		// =======
+
+		let editing_header = vec![TextLabel::new("Editing").italic(true).widget_holder()];
+
+		let selection_label = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			TextLabel::new("Selection").widget_holder(),
+		];
+
+		let selection_mode = RadioInput::new(vec![
+			RadioEntryData::new(SelectionMode::Touched.to_string())
+				.label(SelectionMode::Touched.to_string())
+				.tooltip(SelectionMode::Touched.tooltip_description())
+				.on_update(move |_| {
+					PreferencesMessage::SelectionMode {
+						selection_mode: SelectionMode::Touched,
+					}
+					.into()
+				}),
+			RadioEntryData::new(SelectionMode::Enclosed.to_string())
+				.label(SelectionMode::Enclosed.to_string())
+				.tooltip(SelectionMode::Enclosed.tooltip_description())
+				.on_update(move |_| {
+					PreferencesMessage::SelectionMode {
+						selection_mode: SelectionMode::Enclosed,
+					}
+					.into()
+				}),
+			RadioEntryData::new(SelectionMode::Directional.to_string())
+				.label(SelectionMode::Directional.to_string())
+				.tooltip(SelectionMode::Directional.tooltip_description())
+				.on_update(move |_| {
+					PreferencesMessage::SelectionMode {
+						selection_mode: SelectionMode::Directional,
+					}
+					.into()
+				}),
+		])
+		.selected_index(Some(preferences.selection_mode as u32))
+		.widget_holder();
+		let selection_mode = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			selection_mode,
+		];
+
+		// ============
+		// EXPERIMENTAL
+		// ============
+
+		let experimental_header = vec![TextLabel::new("Experimental").italic(true).widget_holder()];
+
+		let node_graph_section_tooltip = "Appearance of the wires running between node connections in the graph";
+		let node_graph_wires_label = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			TextLabel::new("Node Graph Wires").tooltip(node_graph_section_tooltip).widget_holder(),
+		];
+		let graph_wire_style = RadioInput::new(vec![
+			RadioEntryData::new(GraphWireStyle::Direct.to_string())
+				.label(GraphWireStyle::Direct.to_string())
+				.tooltip(GraphWireStyle::Direct.tooltip_description())
+				.on_update(move |_| PreferencesMessage::GraphWireStyle { style: GraphWireStyle::Direct }.into()),
+			RadioEntryData::new(GraphWireStyle::GridAligned.to_string())
+				.label(GraphWireStyle::GridAligned.to_string())
+				.tooltip(GraphWireStyle::GridAligned.tooltip_description())
+				.on_update(move |_| PreferencesMessage::GraphWireStyle { style: GraphWireStyle::GridAligned }.into()),
+		])
+		.selected_index(Some(preferences.graph_wire_style as u32))
+		.widget_holder();
+		let graph_wire_style = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			graph_wire_style,
+		];
+
+		let mut checkbox_id = CheckboxId::default();
+		let vello_tooltip = "Use the experimental Vello renderer (your browser must support WebGPU)";
+		let use_vello = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			CheckboxInput::new(preferences.use_vello && preferences.supports_wgpu())
+				.tooltip(vello_tooltip)
+				.disabled(!preferences.supports_wgpu())
+				.on_update(|checkbox_input: &CheckboxInput| PreferencesMessage::UseVello { use_vello: checkbox_input.checked }.into())
+				.for_label(checkbox_id.clone())
+				.widget_holder(),
+			TextLabel::new("Vello Renderer")
+				.table_align(true)
+				.tooltip(vello_tooltip)
+				.disabled(!preferences.supports_wgpu())
+				.for_checkbox(&mut checkbox_id)
+				.widget_holder(),
+		];
+
+		let mut checkbox_id = CheckboxId::default();
+		let vector_mesh_tooltip =
+			"Allow tools to produce vector meshes, where more than two segments can connect to an anchor point.\n\nCurrently this does not properly handle stroke joins and fills.";
+		let vector_meshes = vec![
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			CheckboxInput::new(preferences.vector_meshes)
+				.tooltip(vector_mesh_tooltip)
+				.on_update(|checkbox_input: &CheckboxInput| PreferencesMessage::VectorMeshes { enabled: checkbox_input.checked }.into())
+				.for_label(checkbox_id.clone())
+				.widget_holder(),
+			TextLabel::new("Vector Meshes")
+				.table_align(true)
+				.tooltip(vector_mesh_tooltip)
+				.for_checkbox(&mut checkbox_id)
+				.widget_holder(),
+		];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![
+			LayoutGroup::Row { widgets: navigation_header },
+			LayoutGroup::Row { widgets: zoom_rate_label },
+			LayoutGroup::Row { widgets: zoom_rate },
+			LayoutGroup::Row { widgets: zoom_with_scroll },
+			LayoutGroup::Row { widgets: editing_header },
+			LayoutGroup::Row { widgets: selection_label },
+			LayoutGroup::Row { widgets: selection_mode },
+			LayoutGroup::Row { widgets: experimental_header },
+			LayoutGroup::Row { widgets: node_graph_wires_label },
+			LayoutGroup::Row { widgets: graph_wire_style },
+			LayoutGroup::Row { widgets: use_vello },
+			LayoutGroup::Row { widgets: vector_meshes },
+		]))
+	}
+
+	pub fn send_layout(&self, responses: &mut VecDeque<Message>, layout_target: LayoutTarget, preferences: &PreferencesMessageHandler) {
+		responses.add(LayoutMessage::SendLayout {
+			layout: self.layout(preferences),
+			layout_target,
+		})
+	}
+
+	fn layout_column_2(&self) -> Layout {
+		Layout::default()
+	}
+
+	fn send_layout_column_2(&self, responses: &mut VecDeque<Message>, layout_target: LayoutTarget) {
+		responses.add(LayoutMessage::SendLayout {
+			layout: self.layout_column_2(),
+			layout_target,
+		});
+	}
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![
+			TextButton::new("OK")
+				.emphasized(true)
+				.on_update(|_| {
+					DialogMessage::CloseDialogAndThen {
+						followups: vec![PreferencesDialogMessage::Confirm.into()],
+					}
+					.into()
+				})
+				.widget_holder(),
+			TextButton::new("Reset to Defaults").on_update(|_| PreferencesMessage::ResetToDefaults.into()).widget_holder(),
+		];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+
+	fn send_layout_buttons(&self, responses: &mut VecDeque<Message>, layout_target: LayoutTarget) {
+		responses.add(LayoutMessage::SendLayout {
+			layout: self.layout_buttons(),
+			layout_target,
+		});
+	}
+
+	pub fn send_dialog_to_frontend(&self, responses: &mut VecDeque<Message>, preferences: &PreferencesMessageHandler) {
+		self.send_layout(responses, LayoutTarget::DialogColumn1, preferences);
+		self.send_layout_column_2(responses, LayoutTarget::DialogColumn2);
+		self.send_layout_buttons(responses, LayoutTarget::DialogButtons);
+		responses.add(FrontendMessage::DisplayDialog {
+			icon: Self::ICON.into(),
+			title: Self::TITLE.into(),
+		});
+	}
+}
+
+/// Maps display values (1-100) to actual zoom rates.
+fn map_display_to_zoom_rate(display: f64) -> f64 {
+	// Calculate the relative distance from the reference point (50)
+	let distance_from_reference = display - 50.;
+	let scaling_factor = (VIEWPORT_ZOOM_WHEEL_RATE_CHANGE * distance_from_reference / 50.).exp();
+	VIEWPORT_ZOOM_WHEEL_RATE * scaling_factor
+}
+
+/// Maps actual zoom rates back to display values (1-100).
+fn map_zoom_rate_to_display(rate: f64) -> f64 {
+	// Calculate the scaling factor from the reference rate
+	let scaling_factor = rate / VIEWPORT_ZOOM_WHEEL_RATE;
+	let distance_from_reference = 50. * scaling_factor.ln() / VIEWPORT_ZOOM_WHEEL_RATE_CHANGE;
+	let display = 50. + distance_from_reference;
+	display.clamp(1., 100.).round()
+}
diff --git a/editor/src/messages/dialog/simple_dialogs/about_graphite_dialog.rs b/editor/src/messages/dialog/simple_dialogs/about_graphite_dialog.rs
new file mode 100644
index 0000000000000000000000000000000000000000..13c52dbc0f8107121d8d017b275a5d050c9f5e28
--- /dev/null
+++ b/editor/src/messages/dialog/simple_dialogs/about_graphite_dialog.rs
@@ -0,0 +1,72 @@
+use crate::application::commit_info_localized;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+/// A dialog for displaying information on [BuildMetadata] viewable via *Help* > *About Graphite* in the menu bar.
+pub struct AboutGraphiteDialog {
+	pub localized_commit_date: String,
+	pub localized_commit_year: String,
+}
+
+impl DialogLayoutHolder for AboutGraphiteDialog {
+	const ICON: &'static str = "GraphiteLogo";
+	const TITLE: &'static str = "About Graphite";
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![TextButton::new("OK").emphasized(true).on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder()];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+
+	fn layout_column_2(&self) -> Layout {
+		let links = [
+			("Heart", "Donate", "https://graphite.rs/donate/"),
+			("Volunteer", "Volunteer", "https://graphite.rs/volunteer/"),
+			("GraphiteLogo", "Website", "https://graphite.rs"),
+			("Credits", "Credits", "https://github.com/GraphiteEditor/Graphite/graphs/contributors"),
+		];
+		let mut widgets = links
+			.into_iter()
+			.map(|(icon, label, url)| {
+				TextButton::new(label)
+					.icon(Some(icon.into()))
+					.flush(true)
+					.on_update(|_| FrontendMessage::TriggerVisitLink { url: url.into() }.into())
+					.widget_holder()
+			})
+			.collect::<Vec<_>>();
+
+		// Cloning here and below seems to be necessary to appease the borrow checker, as far as I can tell.
+		let localized_commit_year = self.localized_commit_year.clone();
+		widgets.push(
+			TextButton::new("Licenses")
+				.icon(Some("License".into()))
+				.flush(true)
+				.on_update(move |_| {
+					DialogMessage::RequestLicensesDialogWithLocalizedCommitDate {
+						localized_commit_year: localized_commit_year.clone(),
+					}
+					.into()
+				})
+				.widget_holder(),
+		);
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Column { widgets }]))
+	}
+}
+
+impl LayoutHolder for AboutGraphiteDialog {
+	fn layout(&self) -> Layout {
+		Layout::WidgetLayout(WidgetLayout::new(vec![
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new("About this release").bold(true).widget_holder()],
+			},
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new(commit_info_localized(&self.localized_commit_date)).multiline(true).widget_holder()],
+			},
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new(format!("Copyright © {} Graphite contributors", self.localized_commit_year)).widget_holder()],
+			},
+		]))
+	}
+}
diff --git a/editor/src/messages/dialog/simple_dialogs/close_all_documents_dialog.rs b/editor/src/messages/dialog/simple_dialogs/close_all_documents_dialog.rs
new file mode 100644
index 0000000000000000000000000000000000000000..070972f0523734e9d1237556249460b98326b120
--- /dev/null
+++ b/editor/src/messages/dialog/simple_dialogs/close_all_documents_dialog.rs
@@ -0,0 +1,44 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+/// A dialog for confirming the closing of all documents viewable via `File -> Close All` in the menu bar.
+pub struct CloseAllDocumentsDialog {
+	pub unsaved_document_names: Vec<String>,
+}
+
+impl DialogLayoutHolder for CloseAllDocumentsDialog {
+	const ICON: &'static str = "Warning";
+	const TITLE: &'static str = "Closing All Documents";
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![
+			TextButton::new("Discard All")
+				.emphasized(true)
+				.on_update(|_| {
+					DialogMessage::CloseDialogAndThen {
+						followups: vec![PortfolioMessage::CloseAllDocuments.into()],
+					}
+					.into()
+				})
+				.widget_holder(),
+			TextButton::new("Cancel").on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder(),
+		];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl LayoutHolder for CloseAllDocumentsDialog {
+	fn layout(&self) -> Layout {
+		let unsaved_list = "• ".to_string() + &self.unsaved_document_names.join("\n• ");
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new("Save documents before closing them?").bold(true).multiline(true).widget_holder()],
+			},
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new(format!("Documents with unsaved changes:\n{unsaved_list}")).multiline(true).widget_holder()],
+			},
+		]))
+	}
+}
diff --git a/editor/src/messages/dialog/simple_dialogs/close_document_dialog.rs b/editor/src/messages/dialog/simple_dialogs/close_document_dialog.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d370b2fde8cf67f10c39e2c06ae9c272bdcf0489
--- /dev/null
+++ b/editor/src/messages/dialog/simple_dialogs/close_document_dialog.rs
@@ -0,0 +1,63 @@
+use crate::messages::broadcast::broadcast_event::BroadcastEvent;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+/// A dialog for confirming the closing a document with unsaved changes.
+pub struct CloseDocumentDialog {
+	pub document_name: String,
+	pub document_id: DocumentId,
+}
+
+impl DialogLayoutHolder for CloseDocumentDialog {
+	const ICON: &'static str = "Warning";
+	const TITLE: &'static str = "Closing Document";
+
+	fn layout_buttons(&self) -> Layout {
+		let document_id = self.document_id;
+		let widgets = vec![
+			TextButton::new("Save")
+				.emphasized(true)
+				.on_update(|_| {
+					DialogMessage::CloseDialogAndThen {
+						followups: vec![DocumentMessage::SaveDocument.into()],
+					}
+					.into()
+				})
+				.widget_holder(),
+			TextButton::new("Discard")
+				.on_update(move |_| {
+					DialogMessage::CloseDialogAndThen {
+						followups: vec![BroadcastEvent::ToolAbort.into(), PortfolioMessage::CloseDocument { document_id }.into()],
+					}
+					.into()
+				})
+				.widget_holder(),
+			TextButton::new("Cancel").on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder(),
+		];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl LayoutHolder for CloseDocumentDialog {
+	fn layout(&self) -> Layout {
+		let max_length = 60;
+		let max_one_line_length = 40;
+
+		let mut name = self.document_name.clone();
+
+		name.truncate(max_length);
+		let ellipsis = if self.document_name.len() > max_length { "…" } else { "" };
+
+		let break_lines = if self.document_name.len() > max_one_line_length { '\n' } else { ' ' };
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new("Save document before closing it?").bold(true).widget_holder()],
+			},
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new(format!("\"{name}{ellipsis}\"{break_lines}has unsaved changes")).multiline(true).widget_holder()],
+			},
+		]))
+	}
+}
diff --git a/editor/src/messages/dialog/simple_dialogs/coming_soon_dialog.rs b/editor/src/messages/dialog/simple_dialogs/coming_soon_dialog.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b72c2301a201b24d6aa1da10f255827cc9792f5c
--- /dev/null
+++ b/editor/src/messages/dialog/simple_dialogs/coming_soon_dialog.rs
@@ -0,0 +1,48 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+/// A dialog to notify users of an unfinished issue, optionally with an issue number.
+pub struct ComingSoonDialog {
+	pub issue: Option<u32>,
+}
+
+impl DialogLayoutHolder for ComingSoonDialog {
+	const ICON: &'static str = "Delay";
+	const TITLE: &'static str = "Coming Soon";
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![TextButton::new("OK").emphasized(true).on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder()];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl LayoutHolder for ComingSoonDialog {
+	fn layout(&self) -> Layout {
+		let header = vec![TextLabel::new("You've stumbled upon a placeholder").bold(true).widget_holder()];
+		let row1 = vec![TextLabel::new("This feature is not implemented yet.").widget_holder()];
+
+		let mut rows = vec![LayoutGroup::Row { widgets: header }, LayoutGroup::Row { widgets: row1 }];
+
+		if let Some(issue) = self.issue {
+			let row2 = vec![TextLabel::new("But you can help build it! Visit its issue:").widget_holder()];
+			let row3 = vec![
+				TextButton::new(format!("GitHub Issue #{issue}"))
+					.icon(Some("Website".into()))
+					.flush(true)
+					.on_update(move |_| {
+						FrontendMessage::TriggerVisitLink {
+							url: format!("https://github.com/GraphiteEditor/Graphite/issues/{issue}"),
+						}
+						.into()
+					})
+					.widget_holder(),
+			];
+
+			rows.push(LayoutGroup::Row { widgets: row2 });
+			rows.push(LayoutGroup::Row { widgets: row3 });
+		}
+
+		Layout::WidgetLayout(WidgetLayout::new(rows))
+	}
+}
diff --git a/editor/src/messages/dialog/simple_dialogs/demo_artwork_dialog.rs b/editor/src/messages/dialog/simple_dialogs/demo_artwork_dialog.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8a6b59a479ace8161bf35042ab84d024419663cd
--- /dev/null
+++ b/editor/src/messages/dialog/simple_dialogs/demo_artwork_dialog.rs
@@ -0,0 +1,64 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+/// A dialog to let the user browse a gallery of demo artwork that can be opened.
+pub struct DemoArtworkDialog;
+
+/// `(name, thumbnail, filename)`
+pub const ARTWORK: [(&str, &str, &str); 7] = [
+	("Isometric Fountain", "ThumbnailIsometricFountain", "isometric-fountain.graphite"),
+	("Changing Seasons", "ThumbnailChangingSeasons", "changing-seasons.graphite"),
+	("Painted Dreams", "ThumbnailPaintedDreams", "painted-dreams.graphite"),
+	("Parametric Dunescape", "ThumbnailParametricDunescape", "parametric-dunescape.graphite"),
+	("Red Dress", "ThumbnailRedDress", "red-dress.graphite"),
+	("Procedural String Lights", "ThumbnailProceduralStringLights", "procedural-string-lights.graphite"),
+	("Valley of Spires", "ThumbnailValleyOfSpires", "valley-of-spires.graphite"),
+];
+
+impl DialogLayoutHolder for DemoArtworkDialog {
+	const ICON: &'static str = "Image";
+	const TITLE: &'static str = "Demo Artwork";
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![TextButton::new("Close").emphasized(true).on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder()];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl LayoutHolder for DemoArtworkDialog {
+	fn layout(&self) -> Layout {
+		let mut rows_of_images_with_buttons: Vec<_> = ARTWORK
+			.chunks(4)
+			.flat_map(|chunk| {
+				fn make_dialog(name: &str, filename: &str) -> Message {
+					DialogMessage::CloseDialogAndThen {
+						followups: vec![
+							FrontendMessage::TriggerFetchAndOpenDocument {
+								name: name.to_string(),
+								filename: filename.to_string(),
+							}
+							.into(),
+						],
+					}
+					.into()
+				}
+
+				let images = chunk
+					.iter()
+					.map(|(name, thumbnail, filename)| ImageButton::new(*thumbnail).width(Some("256px".into())).on_update(|_| make_dialog(name, filename)).widget_holder())
+					.collect();
+
+				let buttons = chunk
+					.iter()
+					.map(|(name, _, filename)| TextButton::new(*name).min_width(256).flush(true).on_update(|_| make_dialog(name, filename)).widget_holder())
+					.collect();
+
+				vec![LayoutGroup::Row { widgets: images }, LayoutGroup::Row { widgets: buttons }, LayoutGroup::Row { widgets: vec![] }]
+			})
+			.collect();
+		let _ = rows_of_images_with_buttons.pop();
+
+		Layout::WidgetLayout(WidgetLayout::new(rows_of_images_with_buttons))
+	}
+}
diff --git a/editor/src/messages/dialog/simple_dialogs/error_dialog.rs b/editor/src/messages/dialog/simple_dialogs/error_dialog.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cf944754166f36ab1c87f71ba2d1ccfdc9cbcfc4
--- /dev/null
+++ b/editor/src/messages/dialog/simple_dialogs/error_dialog.rs
@@ -0,0 +1,32 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+/// A dialog to notify users of a non-fatal error.
+pub struct ErrorDialog {
+	pub title: String,
+	pub description: String,
+}
+
+impl DialogLayoutHolder for ErrorDialog {
+	const ICON: &'static str = "Warning";
+	const TITLE: &'static str = "Error";
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![TextButton::new("OK").emphasized(true).on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder()];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl LayoutHolder for ErrorDialog {
+	fn layout(&self) -> Layout {
+		Layout::WidgetLayout(WidgetLayout::new(vec![
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new(&self.title).bold(true).widget_holder()],
+			},
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new(&self.description).multiline(true).widget_holder()],
+			},
+		]))
+	}
+}
diff --git a/editor/src/messages/dialog/simple_dialogs/licenses_dialog.rs b/editor/src/messages/dialog/simple_dialogs/licenses_dialog.rs
new file mode 100644
index 0000000000000000000000000000000000000000..694a9986d5f201163b362e9a211026101df476d3
--- /dev/null
+++ b/editor/src/messages/dialog/simple_dialogs/licenses_dialog.rs
@@ -0,0 +1,63 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+pub struct LicensesDialog {
+	pub localized_commit_year: String,
+}
+
+impl DialogLayoutHolder for LicensesDialog {
+	const ICON: &'static str = "License12px";
+	const TITLE: &'static str = "Licenses";
+
+	fn layout_buttons(&self) -> Layout {
+		let widgets = vec![TextButton::new("OK").emphasized(true).on_update(|_| FrontendMessage::DisplayDialogDismiss.into()).widget_holder()];
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+
+	fn layout_column_2(&self) -> Layout {
+		let icons_license_link = "https://raw.githubusercontent.com/GraphiteEditor/Graphite/master/frontend/assets/LICENSE.md";
+		let links = [
+			("GraphiteLogo", "Graphite Logo", "https://graphite.rs/logo/"),
+			("IconsGrid", "Graphite Icons", icons_license_link),
+			("License", "Graphite License", "https://graphite.rs/license/"),
+			("License", "Other Licenses", "/third-party-licenses.txt"),
+		];
+		let widgets = links
+			.into_iter()
+			.map(|(icon, label, url)| {
+				TextButton::new(label)
+					.icon(Some(icon.into()))
+					.flush(true)
+					.on_update(|_| FrontendMessage::TriggerVisitLink { url: url.into() }.into())
+					.widget_holder()
+			})
+			.collect();
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Column { widgets }]))
+	}
+}
+
+impl LayoutHolder for LicensesDialog {
+	fn layout(&self) -> Layout {
+		let description = concat!(
+			"The Graphite logo and brand identity are copyright © [YEAR]\nGraphite Labs, LLC. See \"Graphite Logo\" for usage policy.",
+			"\n\n",
+			"The Graphite editor's icons and design assets are copyright\n© [YEAR] Graphite Labs, LLC. See \"Graphite Icons\" for details.",
+			"\n\n",
+			"Graphite code is copyright © [YEAR] Graphite contributors\nand is made available under the Apache 2.0 license. See\n\"Graphite License\" for details.",
+			"\n\n",
+			"Graphite is distributed with third-party open source code\ndependencies. See \"Other Licenses\" for details.",
+		)
+		.replace("[YEAR]", &self.localized_commit_year);
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new("Graphite is free, open source software").bold(true).widget_holder()],
+			},
+			LayoutGroup::Row {
+				widgets: vec![TextLabel::new(description).multiline(true).widget_holder()],
+			},
+		]))
+	}
+}
diff --git a/editor/src/messages/dialog/simple_dialogs/mod.rs b/editor/src/messages/dialog/simple_dialogs/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a330efac20ea9ee265274ef63762770de5b4e579
--- /dev/null
+++ b/editor/src/messages/dialog/simple_dialogs/mod.rs
@@ -0,0 +1,16 @@
+mod about_graphite_dialog;
+mod close_all_documents_dialog;
+mod close_document_dialog;
+mod coming_soon_dialog;
+mod demo_artwork_dialog;
+mod error_dialog;
+mod licenses_dialog;
+
+pub use about_graphite_dialog::AboutGraphiteDialog;
+pub use close_all_documents_dialog::CloseAllDocumentsDialog;
+pub use close_document_dialog::CloseDocumentDialog;
+pub use coming_soon_dialog::ComingSoonDialog;
+pub use demo_artwork_dialog::ARTWORK;
+pub use demo_artwork_dialog::DemoArtworkDialog;
+pub use error_dialog::ErrorDialog;
+pub use licenses_dialog::LicensesDialog;
diff --git a/editor/src/messages/frontend/frontend_message.rs b/editor/src/messages/frontend/frontend_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c24ebc405c591fbb0129423d94a6260ee351632f
--- /dev/null
+++ b/editor/src/messages/frontend/frontend_message.rs
@@ -0,0 +1,307 @@
+use super::utility_types::{FrontendDocumentDetails, MouseCursorIcon};
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::node_graph::utility_types::{
+	BoxSelection, ContextMenuInformation, FrontendClickTargets, FrontendGraphInput, FrontendGraphOutput, FrontendNode, FrontendNodeType, Transform,
+};
+use crate::messages::portfolio::document::utility_types::nodes::{JsRawBuffer, LayerPanelEntry, RawBuffer};
+use crate::messages::portfolio::document::utility_types::wires::{WirePath, WirePathUpdate};
+use crate::messages::prelude::*;
+use crate::messages::tool::utility_types::HintData;
+use graph_craft::document::NodeId;
+use graphene_std::raster::color::Color;
+use graphene_std::text::Font;
+
+#[impl_message(Message, Frontend)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum FrontendMessage {
+	// Display prefix: make the frontend show something, like a dialog
+	DisplayDialog {
+		title: String,
+		icon: String,
+	},
+	DisplayDialogDismiss,
+	DisplayDialogPanic {
+		#[serde(rename = "panicInfo")]
+		panic_info: String,
+	},
+	DisplayEditableTextbox {
+		text: String,
+		#[serde(rename = "lineHeightRatio")]
+		line_height_ratio: f64,
+		#[serde(rename = "fontSize")]
+		font_size: f64,
+		color: Color,
+		url: String,
+		transform: [f64; 6],
+		#[serde(rename = "maxWidth")]
+		max_width: Option<f64>,
+		#[serde(rename = "maxHeight")]
+		max_height: Option<f64>,
+	},
+	DisplayEditableTextboxTransform {
+		transform: [f64; 6],
+	},
+	DisplayRemoveEditableTextbox,
+
+	// Send prefix: Send global, static data to the frontend that is never updated
+	SendUIMetadata {
+		#[serde(rename = "nodeDescriptions")]
+		node_descriptions: Vec<(String, String)>,
+		#[serde(rename = "nodeTypes")]
+		node_types: Vec<FrontendNodeType>,
+	},
+
+	// Trigger prefix: cause a browser API to do something
+	TriggerAboutGraphiteLocalizedCommitDate {
+		#[serde(rename = "commitDate")]
+		commit_date: String,
+	},
+	TriggerDelayedZoomCanvasToFitAll,
+	TriggerDownloadImage {
+		svg: String,
+		name: String,
+		mime: String,
+		size: (f64, f64),
+	},
+	TriggerDownloadTextFile {
+		document: String,
+		name: String,
+	},
+	TriggerFetchAndOpenDocument {
+		name: String,
+		filename: String,
+	},
+	TriggerFontLoad {
+		font: Font,
+	},
+	TriggerImport,
+	TriggerIndexedDbRemoveDocument {
+		#[serde(rename = "documentId")]
+		document_id: DocumentId,
+	},
+	TriggerIndexedDbWriteDocument {
+		document: String,
+		details: FrontendDocumentDetails,
+	},
+	TriggerLoadFirstAutoSaveDocument,
+	TriggerLoadRestAutoSaveDocuments,
+	TriggerLoadPreferences,
+	TriggerOpenDocument,
+	TriggerPaste,
+	TriggerSavePreferences {
+		preferences: PreferencesMessageHandler,
+	},
+	TriggerSaveActiveDocument {
+		#[serde(rename = "documentId")]
+		document_id: DocumentId,
+	},
+	TriggerTextCommit,
+	TriggerTextCopy {
+		#[serde(rename = "copyText")]
+		copy_text: String,
+	},
+	TriggerVisitLink {
+		url: String,
+	},
+
+	// Update prefix: give the frontend a new value or state for it to use
+	UpdateActiveDocument {
+		#[serde(rename = "documentId")]
+		document_id: DocumentId,
+	},
+	UpdateImportsExports {
+		imports: Vec<(FrontendGraphOutput, i32, i32)>,
+		exports: Vec<(FrontendGraphInput, i32, i32)>,
+		#[serde(rename = "addImport")]
+		add_import: Option<(i32, i32)>,
+		#[serde(rename = "addExport")]
+		add_export: Option<(i32, i32)>,
+	},
+	UpdateInSelectedNetwork {
+		#[serde(rename = "inSelectedNetwork")]
+		in_selected_network: bool,
+	},
+	UpdateBox {
+		#[serde(rename = "box")]
+		box_selection: Option<BoxSelection>,
+	},
+	UpdateContextMenuInformation {
+		#[serde(rename = "contextMenuInformation")]
+		context_menu_information: Option<ContextMenuInformation>,
+	},
+	UpdateClickTargets {
+		#[serde(rename = "clickTargets")]
+		click_targets: Option<FrontendClickTargets>,
+	},
+	UpdateGraphViewOverlay {
+		open: bool,
+	},
+	UpdateSpreadsheetState {
+		open: bool,
+		node: Option<NodeId>,
+	},
+	UpdateSpreadsheetLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateImportReorderIndex {
+		#[serde(rename = "importIndex")]
+		index: Option<usize>,
+	},
+	UpdateExportReorderIndex {
+		#[serde(rename = "exportIndex")]
+		index: Option<usize>,
+	},
+	UpdateLayerWidths {
+		#[serde(rename = "layerWidths")]
+		layer_widths: HashMap<NodeId, u32>,
+		#[serde(rename = "chainWidths")]
+		chain_widths: HashMap<NodeId, u32>,
+		#[serde(rename = "hasLeftInputWire")]
+		has_left_input_wire: HashMap<NodeId, bool>,
+	},
+	UpdateDialogButtons {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateDialogColumn1 {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateDialogColumn2 {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateDocumentArtwork {
+		svg: String,
+	},
+	UpdateDocumentBarLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateDocumentLayerDetails {
+		data: LayerPanelEntry,
+	},
+	UpdateDocumentLayerStructure {
+		#[serde(rename = "dataBuffer")]
+		data_buffer: RawBuffer,
+	},
+	UpdateDocumentLayerStructureJs {
+		#[serde(rename = "dataBuffer")]
+		data_buffer: JsRawBuffer,
+	},
+	UpdateDocumentModeLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateDocumentRulers {
+		origin: (f64, f64),
+		spacing: f64,
+		interval: f64,
+		visible: bool,
+	},
+	UpdateDocumentScrollbars {
+		position: (f64, f64),
+		size: (f64, f64),
+		multiplier: (f64, f64),
+	},
+	UpdateEyedropperSamplingState {
+		#[serde(rename = "mousePosition")]
+		mouse_position: Option<(f64, f64)>,
+		#[serde(rename = "primaryColor")]
+		primary_color: String,
+		#[serde(rename = "secondaryColor")]
+		secondary_color: String,
+		#[serde(rename = "setColorChoice")]
+		set_color_choice: Option<String>,
+	},
+	UpdateGraphFadeArtwork {
+		percentage: f64,
+	},
+	UpdateInputHints {
+		#[serde(rename = "hintData")]
+		hint_data: HintData,
+	},
+	UpdateLayersPanelControlBarLeftLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateLayersPanelControlBarRightLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateLayersPanelBottomBarLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateMenuBarLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		layout: Vec<MenuBarEntry>,
+	},
+	UpdateMouseCursor {
+		cursor: MouseCursorIcon,
+	},
+	UpdateNodeGraphNodes {
+		nodes: Vec<FrontendNode>,
+	},
+	UpdateVisibleNodes {
+		nodes: Vec<NodeId>,
+	},
+	UpdateNodeGraphWires {
+		wires: Vec<WirePathUpdate>,
+	},
+	ClearAllNodeGraphWires,
+	UpdateNodeGraphControlBarLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateNodeGraphSelection {
+		selected: Vec<NodeId>,
+	},
+	UpdateNodeGraphTransform {
+		transform: Transform,
+	},
+	UpdateNodeThumbnail {
+		id: NodeId,
+		value: String,
+	},
+	UpdateOpenDocumentsList {
+		#[serde(rename = "openDocuments")]
+		open_documents: Vec<FrontendDocumentDetails>,
+	},
+	UpdatePropertyPanelSectionsLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateToolOptionsLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateToolShelfLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+	UpdateWirePathInProgress {
+		#[serde(rename = "wirePath")]
+		wire_path: Option<WirePath>,
+	},
+	UpdateWorkingColorsLayout {
+		#[serde(rename = "layoutTarget")]
+		layout_target: LayoutTarget,
+		diff: Vec<WidgetDiff>,
+	},
+}
diff --git a/editor/src/messages/frontend/mod.rs b/editor/src/messages/frontend/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..81d963f56add14ac9ca5f91669f1854dccb8ca47
--- /dev/null
+++ b/editor/src/messages/frontend/mod.rs
@@ -0,0 +1,6 @@
+mod frontend_message;
+
+pub mod utility_types;
+
+#[doc(inline)]
+pub use frontend_message::{FrontendMessage, FrontendMessageDiscriminant};
diff --git a/editor/src/messages/frontend/utility_types.rs b/editor/src/messages/frontend/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cb55047daa3b09b229e91fdae096d2c8eaf9df59
--- /dev/null
+++ b/editor/src/messages/frontend/utility_types.rs
@@ -0,0 +1,56 @@
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::prelude::*;
+
+#[derive(PartialEq, Eq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct FrontendDocumentDetails {
+	#[serde(rename = "isAutoSaved")]
+	pub is_auto_saved: bool,
+	#[serde(rename = "isSaved")]
+	pub is_saved: bool,
+	pub name: String,
+	pub id: DocumentId,
+}
+
+#[derive(Clone, Copy, Debug, Default, Eq, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum MouseCursorIcon {
+	#[default]
+	Default,
+	None,
+	ZoomIn,
+	ZoomOut,
+	Grabbing,
+	Crosshair,
+	Text,
+	Move,
+	NSResize,
+	EWResize,
+	NESWResize,
+	NWSEResize,
+	Rotate,
+}
+
+#[derive(Clone, Copy, Debug, Default, Eq, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum FileType {
+	#[default]
+	Png,
+	Jpg,
+	Svg,
+}
+
+impl FileType {
+	pub fn to_mime(self) -> &'static str {
+		match self {
+			FileType::Png => "image/png",
+			FileType::Jpg => "image/jpeg",
+			FileType::Svg => "image/svg+xml",
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, Default, Eq, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ExportBounds {
+	#[default]
+	AllArtwork,
+	Selection,
+	Artboard(LayerNodeIdentifier),
+}
diff --git a/editor/src/messages/globals/global_variables.rs b/editor/src/messages/globals/global_variables.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b3fb71da0614035595d64067eeca302d253a0a2d
--- /dev/null
+++ b/editor/src/messages/globals/global_variables.rs
@@ -0,0 +1,4 @@
+use crate::messages::portfolio::utility_types::Platform;
+use std::sync::OnceLock;
+
+pub static GLOBAL_PLATFORM: OnceLock<Platform> = OnceLock::new();
diff --git a/editor/src/messages/globals/globals_message.rs b/editor/src/messages/globals/globals_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..11a39e9cc1190749eb90b2e4810fa62392148ddf
--- /dev/null
+++ b/editor/src/messages/globals/globals_message.rs
@@ -0,0 +1,8 @@
+use crate::messages::portfolio::utility_types::Platform;
+use crate::messages::prelude::*;
+
+#[impl_message(Message, Globals)]
+#[derive(PartialEq, Eq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum GlobalsMessage {
+	SetPlatform { platform: Platform },
+}
diff --git a/editor/src/messages/globals/globals_message_handler.rs b/editor/src/messages/globals/globals_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..5651555f6023a3f1cf9fff87a408ef7da3d802ea
--- /dev/null
+++ b/editor/src/messages/globals/globals_message_handler.rs
@@ -0,0 +1,19 @@
+use crate::messages::prelude::*;
+
+#[derive(Debug, Default)]
+pub struct GlobalsMessageHandler {}
+
+impl MessageHandler<GlobalsMessage, ()> for GlobalsMessageHandler {
+	fn process_message(&mut self, message: GlobalsMessage, _responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			GlobalsMessage::SetPlatform { platform } => {
+				if GLOBAL_PLATFORM.get() != Some(&platform) {
+					GLOBAL_PLATFORM.set(platform).expect("Failed to set GLOBAL_PLATFORM");
+				}
+			}
+		}
+	}
+
+	advertise_actions!(GlobalsMessageDiscriminant;
+	);
+}
diff --git a/editor/src/messages/globals/mod.rs b/editor/src/messages/globals/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..65cc989f6e13dbe08ebb16c5a605b664804e1196
--- /dev/null
+++ b/editor/src/messages/globals/mod.rs
@@ -0,0 +1,9 @@
+mod globals_message;
+mod globals_message_handler;
+
+pub mod global_variables;
+
+#[doc(inline)]
+pub use globals_message::{GlobalsMessage, GlobalsMessageDiscriminant};
+#[doc(inline)]
+pub use globals_message_handler::GlobalsMessageHandler;
diff --git a/editor/src/messages/input_mapper/input_mapper_message.rs b/editor/src/messages/input_mapper/input_mapper_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b09d09e309627879312d05889077e21e8f36cd54
--- /dev/null
+++ b/editor/src/messages/input_mapper/input_mapper_message.rs
@@ -0,0 +1,23 @@
+use crate::messages::input_mapper::utility_types::input_keyboard::Key;
+use crate::messages::input_mapper::utility_types::input_mouse::MouseButton;
+use crate::messages::prelude::*;
+
+#[impl_message(Message, KeyMappingMessage, Lookup)]
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize)]
+pub enum InputMapperMessage {
+	// Sub-messages
+	#[child]
+	KeyDown(Key),
+	#[child]
+	KeyUp(Key),
+	#[child]
+	KeyDownNoRepeat(Key),
+	#[child]
+	KeyUpNoRepeat(Key),
+	#[child]
+	DoubleClick(MouseButton),
+
+	// Messages
+	PointerMove,
+	WheelScroll,
+}
diff --git a/editor/src/messages/input_mapper/input_mapper_message_handler.rs b/editor/src/messages/input_mapper/input_mapper_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..eba3867213b4d95815385712ff230671525f1bd6
--- /dev/null
+++ b/editor/src/messages/input_mapper/input_mapper_message_handler.rs
@@ -0,0 +1,131 @@
+use super::utility_types::input_keyboard::KeysGroup;
+use super::utility_types::misc::Mapping;
+use crate::messages::input_mapper::utility_types::input_keyboard::{self, Key};
+use crate::messages::input_mapper::utility_types::misc::MappingEntry;
+use crate::messages::portfolio::utility_types::KeyboardPlatformLayout;
+use crate::messages::prelude::*;
+use std::fmt::Write;
+
+pub struct InputMapperMessageData<'a> {
+	pub input: &'a InputPreprocessorMessageHandler,
+	pub actions: ActionList,
+}
+
+#[derive(Debug, Default)]
+pub struct InputMapperMessageHandler {
+	mapping: Mapping,
+}
+
+impl MessageHandler<InputMapperMessage, InputMapperMessageData<'_>> for InputMapperMessageHandler {
+	fn process_message(&mut self, message: InputMapperMessage, responses: &mut VecDeque<Message>, data: InputMapperMessageData) {
+		let InputMapperMessageData { input, actions } = data;
+
+		if let Some(message) = self.mapping.match_input_message(message, &input.keyboard, actions) {
+			responses.add(message);
+		}
+	}
+	advertise_actions!();
+}
+
+impl InputMapperMessageHandler {
+	pub fn set_mapping(&mut self, mapping: Mapping) {
+		self.mapping = mapping;
+	}
+
+	pub fn hints(&self, actions: ActionList) -> String {
+		let mut output = String::new();
+		let mut actions = actions
+			.into_iter()
+			.flatten()
+			.filter(|a| !matches!(*a, MessageDiscriminant::Tool(ToolMessageDiscriminant::ActivateTool) | MessageDiscriminant::Debug(_)));
+		self.mapping
+			.key_down
+			.iter()
+			.enumerate()
+			.filter_map(|(i, m)| {
+				let ma = m.0.iter().find_map(|m| actions.find_map(|a| (a == m.action.to_discriminant()).then(|| m.action.to_discriminant())));
+
+				ma.map(|a| ((i as u8).try_into().unwrap(), a))
+			})
+			.for_each(|(k, a): (Key, _)| {
+				let _ = write!(output, "{}: {}, ", k.to_discriminant().local_name(), a.local_name().split('.').next_back().unwrap());
+			});
+		output.replace("Key", "")
+	}
+
+	pub fn action_input_mapping(&self, action_to_find: &MessageDiscriminant) -> Option<KeysGroup> {
+		let all_key_mapping_entries = std::iter::empty()
+			.chain(self.mapping.key_up.iter())
+			.chain(self.mapping.key_down.iter())
+			.chain(self.mapping.key_up_no_repeat.iter())
+			.chain(self.mapping.key_down_no_repeat.iter())
+			.chain(self.mapping.double_click.iter())
+			.chain(std::iter::once(&self.mapping.wheel_scroll))
+			.chain(std::iter::once(&self.mapping.pointer_move));
+		let all_mapping_entries = all_key_mapping_entries.flat_map(|entry| entry.0.iter());
+
+		// Filter for the desired message
+		let found_actions = all_mapping_entries.filter(|entry| entry.action.to_discriminant() == *action_to_find);
+
+		// Get the `Key` for this platform's accelerator key
+		let keyboard_layout = || GLOBAL_PLATFORM.get().copied().unwrap_or_default().as_keyboard_platform_layout();
+		let platform_accel_key = match keyboard_layout() {
+			KeyboardPlatformLayout::Standard => Key::Control,
+			KeyboardPlatformLayout::Mac => Key::Command,
+		};
+
+		let entry_to_key = |entry: &MappingEntry| {
+			// Get the modifier keys for the entry (and convert them to Key)
+			let mut keys = entry
+				.modifiers
+				.iter()
+				.map(|i| {
+					// TODO: Use a safe solution eventually
+					assert!(
+						i < input_keyboard::NUMBER_OF_KEYS,
+						"Attempting to convert a Key with enum index {i}, which is larger than the number of Key enums",
+					);
+					(i as u8).try_into().unwrap()
+				})
+				.collect::<Vec<_>>();
+
+			// Append the key button for the entry
+			use InputMapperMessage as IMM;
+			match entry.input {
+				IMM::KeyDown(key) | IMM::KeyUp(key) | IMM::KeyDownNoRepeat(key) | IMM::KeyUpNoRepeat(key) => keys.push(key),
+				_ => (),
+			}
+
+			keys.sort_by(|&a, &b| {
+				// Order according to platform guidelines mentioned at https://ux.stackexchange.com/questions/58185/normative-ordering-for-modifier-key-combinations
+				const ORDER: [Key; 4] = [Key::Control, Key::Alt, Key::Shift, Key::Command];
+
+				// Treat the `Accel` virtual key as the platform's accel key for sorting comparison purposes
+				let a = if a == Key::Accel { platform_accel_key } else { a };
+				let b = if b == Key::Accel { platform_accel_key } else { b };
+
+				// Find where the keys are in the order, or put them at the end if they're not found
+				let a = ORDER.iter().position(|&key| key == a).unwrap_or(ORDER.len());
+				let b = ORDER.iter().position(|&key| key == b).unwrap_or(ORDER.len());
+
+				// Compare the positions of both keys
+				a.cmp(&b)
+			});
+
+			KeysGroup(keys)
+		};
+
+		// If a canonical key combination is found, return it
+		if let Some(canonical) = found_actions.clone().find(|entry| entry.canonical).map(entry_to_key) {
+			return Some(canonical);
+		}
+
+		// Find the key combinations for all keymaps matching the desired action
+		assert!(std::mem::size_of::<usize>() >= std::mem::size_of::<Key>());
+		let mut key_sequences = found_actions.map(entry_to_key).collect::<Vec<_>>();
+
+		// Return the shortest key sequence, if any
+		key_sequences.sort_by_key(|keys| keys.0.len());
+		key_sequences.first().cloned()
+	}
+}
diff --git a/editor/src/messages/input_mapper/input_mappings.rs b/editor/src/messages/input_mapper/input_mappings.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6bb703cd0a829499ea76c65718187996af22958b
--- /dev/null
+++ b/editor/src/messages/input_mapper/input_mappings.rs
@@ -0,0 +1,505 @@
+use crate::consts::{BIG_NUDGE_AMOUNT, BRUSH_SIZE_CHANGE_KEYBOARD, NUDGE_AMOUNT};
+use crate::messages::input_mapper::key_mapping::MappingVariant;
+use crate::messages::input_mapper::utility_types::input_keyboard::{Key, KeyStates};
+use crate::messages::input_mapper::utility_types::input_mouse::MouseButton;
+use crate::messages::input_mapper::utility_types::macros::*;
+use crate::messages::input_mapper::utility_types::misc::MappingEntry;
+use crate::messages::input_mapper::utility_types::misc::{KeyMappingEntries, Mapping};
+use crate::messages::portfolio::document::node_graph::utility_types::Direction;
+use crate::messages::portfolio::document::utility_types::clipboards::Clipboard;
+use crate::messages::portfolio::document::utility_types::misc::GroupFolderType;
+use crate::messages::prelude::*;
+use crate::messages::tool::tool_messages::brush_tool::BrushToolMessageOptionsUpdate;
+use crate::messages::tool::tool_messages::select_tool::SelectToolPointerKeys;
+use glam::DVec2;
+
+impl From<MappingVariant> for Mapping {
+	fn from(value: MappingVariant) -> Self {
+		match value {
+			MappingVariant::Default => input_mappings(),
+			MappingVariant::ZoomWithScroll => zoom_with_scroll(),
+		}
+	}
+}
+
+pub fn input_mappings() -> Mapping {
+	use InputMapperMessage::*;
+	use Key::*;
+
+	// NOTICE:
+	// If a new mapping you added here isn't working (and perhaps another lower-precedence one is instead), make sure to advertise
+	// it as an available action in the respective message handler file (such as the bottom of `document_message_handler.rs`).
+
+	let mappings = mapping![
+		// ===============
+		// HIGHER PRIORITY
+		// ===============
+		//
+		// NavigationMessage
+		entry!(PointerMove; refresh_keys=[Shift], action_dispatch=NavigationMessage::PointerMove { snap: Shift }),
+		entry!(KeyUp(MouseLeft); action_dispatch=NavigationMessage::EndCanvasPTZ { abort_transform: false }),
+		entry!(KeyUp(MouseMiddle); action_dispatch=NavigationMessage::EndCanvasPTZ { abort_transform: false }),
+		entry!(KeyUp(MouseRight); action_dispatch=NavigationMessage::EndCanvasPTZ { abort_transform: false }),
+		entry!(KeyDown(MouseRight); action_dispatch=NavigationMessage::EndCanvasPTZ { abort_transform: true }),
+		entry!(KeyDown(Escape); action_dispatch=NavigationMessage::EndCanvasPTZ { abort_transform: true }),
+		entry!(KeyDown(MouseLeft); action_dispatch=NavigationMessage::EndCanvasPTZWithClick { commit_key: MouseLeft }),
+		entry!(KeyDown(MouseMiddle); action_dispatch=NavigationMessage::EndCanvasPTZWithClick { commit_key: MouseMiddle }),
+		entry!(KeyDown(MouseRight); action_dispatch=NavigationMessage::EndCanvasPTZWithClick { commit_key: MouseRight }),
+		//
+		// ===============
+		// NORMAL PRIORITY
+		// ===============
+		//
+		// Hack to prevent Left Click + Accel + Z combo (this effectively blocks you from making a double undo with AbortTransaction)
+		entry!(KeyDown(KeyZ); modifiers=[Accel, MouseLeft], action_dispatch=DocumentMessage::Noop),
+		//
+		// NodeGraphMessage
+		entry!(KeyDown(MouseLeft); action_dispatch=NodeGraphMessage::PointerDown {shift_click: false, control_click: false, alt_click: false, right_click: false}),
+		entry!(KeyDown(MouseLeft); modifiers=[Shift], action_dispatch=NodeGraphMessage::PointerDown {shift_click: true, control_click: false, alt_click: false, right_click: false}),
+		entry!(KeyDown(MouseLeft); modifiers=[Accel], action_dispatch=NodeGraphMessage::PointerDown {shift_click: false, control_click: true, alt_click: false, right_click: false}),
+		entry!(KeyDown(MouseLeft); modifiers=[Shift, Accel], action_dispatch=NodeGraphMessage::PointerDown {shift_click: true, control_click: true, alt_click: false, right_click: false}),
+		entry!(KeyDown(MouseLeft); modifiers=[Alt], action_dispatch=NodeGraphMessage::PointerDown {shift_click: false, control_click: false, alt_click: true, right_click: false}),
+		entry!(KeyDown(MouseRight); action_dispatch=NodeGraphMessage::PointerDown {shift_click: false, control_click: false, alt_click: false, right_click: true}),
+		entry!(DoubleClick(MouseButton::Left); action_dispatch=NodeGraphMessage::EnterNestedNetwork),
+		entry!(PointerMove; refresh_keys=[Shift], action_dispatch=NodeGraphMessage::PointerMove {shift: Shift}),
+		entry!(KeyUp(MouseLeft); action_dispatch=NodeGraphMessage::PointerUp),
+		entry!(KeyDown(Delete); modifiers=[Accel], action_dispatch=NodeGraphMessage::DeleteSelectedNodes { delete_children: false }),
+		entry!(KeyDown(Backspace); modifiers=[Accel], action_dispatch=NodeGraphMessage::DeleteSelectedNodes { delete_children: false }),
+		entry!(KeyDown(Delete); action_dispatch=NodeGraphMessage::DeleteSelectedNodes { delete_children: true }),
+		entry!(KeyDown(Backspace); action_dispatch=NodeGraphMessage::DeleteSelectedNodes { delete_children: true }),
+		entry!(KeyDown(KeyX); modifiers=[Accel], action_dispatch=NodeGraphMessage::Cut),
+		entry!(KeyDown(KeyC); modifiers=[Accel], action_dispatch=NodeGraphMessage::Copy),
+		entry!(KeyDown(KeyD); modifiers=[Accel], action_dispatch=NodeGraphMessage::DuplicateSelectedNodes),
+		entry!(KeyDown(KeyH); modifiers=[Accel], action_dispatch=NodeGraphMessage::ToggleSelectedVisibility),
+		entry!(KeyDown(KeyL); modifiers=[Accel], action_dispatch=NodeGraphMessage::ToggleSelectedLocked),
+		entry!(KeyDown(KeyL); modifiers=[Alt], action_dispatch=NodeGraphMessage::ToggleSelectedAsLayersOrNodes),
+		entry!(KeyDown(KeyC); modifiers=[Alt], action_dispatch=NodeGraphMessage::SendClickTargets),
+		entry!(KeyDown(KeyM); modifiers=[Accel], action_dispatch=NodeGraphMessage::MergeSelectedNodes),
+		entry!(KeyUp(KeyC); action_dispatch=NodeGraphMessage::EndSendClickTargets),
+		entry!(KeyDown(ArrowUp); action_dispatch=NodeGraphMessage::ShiftSelectedNodes { direction: Direction::Up, rubber_band: false }),
+		entry!(KeyDown(ArrowRight); action_dispatch=NodeGraphMessage::ShiftSelectedNodes { direction: Direction::Right, rubber_band: false }),
+		entry!(KeyDown(ArrowDown); action_dispatch=NodeGraphMessage::ShiftSelectedNodes { direction: Direction::Down, rubber_band: false }),
+		entry!(KeyDown(ArrowLeft); action_dispatch=NodeGraphMessage::ShiftSelectedNodes { direction: Direction::Left, rubber_band: false }),
+		//
+		// TransformLayerMessage
+		entry!(KeyDown(Enter); action_dispatch=TransformLayerMessage::ApplyTransformOperation { final_transform: true }),
+		entry!(KeyDown(MouseLeft); action_dispatch=TransformLayerMessage::ApplyTransformOperation { final_transform: true }),
+		entry!(KeyDown(MouseRight); action_dispatch=TransformLayerMessage::CancelTransformOperation),
+		entry!(KeyDown(Escape); action_dispatch=TransformLayerMessage::CancelTransformOperation),
+		entry!(KeyDown(KeyX); action_dispatch=TransformLayerMessage::ConstrainX),
+		entry!(KeyDown(KeyY); action_dispatch=TransformLayerMessage::ConstrainY),
+		entry!(KeyDown(Backspace); action_dispatch=TransformLayerMessage::TypeBackspace),
+		entry!(KeyDown(Minus); action_dispatch=TransformLayerMessage::TypeNegate),
+		entry!(KeyDown(Comma); action_dispatch=TransformLayerMessage::TypeDecimalPoint),
+		entry!(KeyDown(Period); action_dispatch=TransformLayerMessage::TypeDecimalPoint),
+		entry!(PointerMove; refresh_keys=[Control, Shift], action_dispatch=TransformLayerMessage::PointerMove { slow_key: Shift, increments_key: Control }),
+		//
+		// SelectToolMessage
+		entry!(PointerMove; refresh_keys=[Control, Alt, Shift], action_dispatch=SelectToolMessage::PointerMove(SelectToolPointerKeys { axis_align: Shift, snap_angle: Shift, center: Alt, duplicate: Alt })),
+		entry!(KeyDown(MouseLeft); action_dispatch=SelectToolMessage::DragStart { extend_selection: Shift, remove_from_selection: Alt, select_deepest: Accel, lasso_select: Control, skew: Control }),
+		entry!(KeyUp(MouseLeft); action_dispatch=SelectToolMessage::DragStop { remove_from_selection: Alt }),
+		entry!(KeyDown(Enter); action_dispatch=SelectToolMessage::Enter),
+		entry!(DoubleClick(MouseButton::Left); action_dispatch=SelectToolMessage::EditLayer),
+		entry!(KeyDown(MouseRight); action_dispatch=SelectToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=SelectToolMessage::Abort),
+		//
+		// ArtboardToolMessage
+		entry!(KeyDown(MouseLeft); action_dispatch=ArtboardToolMessage::PointerDown),
+		entry!(PointerMove; refresh_keys=[Shift, Alt], action_dispatch=ArtboardToolMessage::PointerMove { constrain_axis_or_aspect: Shift, center: Alt }),
+		entry!(KeyUp(MouseLeft); action_dispatch=ArtboardToolMessage::PointerUp),
+		entry!(KeyDown(Delete); action_dispatch=ArtboardToolMessage::DeleteSelected),
+		entry!(KeyDown(Backspace); action_dispatch=ArtboardToolMessage::DeleteSelected),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift, ArrowLeft], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift, ArrowRight], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: 0., delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift, ArrowLeft], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift, ArrowRight], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: 0., delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift, ArrowUp], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift, ArrowDown], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -BIG_NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift, ArrowUp], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift, ArrowDown], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: BIG_NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[ArrowLeft], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[ArrowRight], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: 0., delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[ArrowLeft], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[ArrowRight], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: 0., delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[ArrowUp], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[ArrowDown], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: -NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[ArrowUp], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[ArrowDown], action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); action_dispatch=ArtboardToolMessage::NudgeSelected { delta_x: NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(MouseRight); action_dispatch=ArtboardToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=ArtboardToolMessage::Abort),
+		//
+		// NavigateToolMessage
+		entry!(KeyDown(MouseLeft); action_dispatch=NavigateToolMessage::ZoomCanvasBegin),
+		entry!(KeyDown(MouseLeft); modifiers=[Alt], action_dispatch=NavigateToolMessage::TiltCanvasBegin),
+		entry!(PointerMove; refresh_keys=[Shift], action_dispatch=NavigateToolMessage::PointerMove { snap: Shift }),
+		entry!(KeyUp(MouseLeft); action_dispatch=NavigateToolMessage::PointerUp { zoom_in: true }),
+		entry!(KeyUp(MouseLeft); modifiers=[Shift], action_dispatch=NavigateToolMessage::PointerUp { zoom_in: false }),
+		//
+		// EyedropperToolMessage
+		entry!(KeyDown(MouseLeft); action_dispatch=EyedropperToolMessage::SamplePrimaryColorBegin),
+		entry!(KeyDown(MouseLeft); modifiers=[Shift], action_dispatch=EyedropperToolMessage::SampleSecondaryColorBegin),
+		entry!(KeyUp(MouseLeft); action_dispatch=EyedropperToolMessage::SamplePrimaryColorEnd),
+		entry!(KeyUp(MouseLeft); modifiers=[Shift], action_dispatch=EyedropperToolMessage::SampleSecondaryColorEnd),
+		entry!(PointerMove; action_dispatch=EyedropperToolMessage::PointerMove),
+		entry!(KeyDown(MouseRight); action_dispatch=EyedropperToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=EyedropperToolMessage::Abort),
+		//
+		// TextToolMessage
+		entry!(PointerMove; refresh_keys=[Alt, Shift], action_dispatch=TextToolMessage::PointerMove { center: Alt, lock_ratio: Shift }),
+		entry!(KeyDown(MouseLeft); action_dispatch=TextToolMessage::DragStart),
+		entry!(KeyUp(MouseLeft); action_dispatch=TextToolMessage::DragStop),
+		entry!(KeyDown(MouseRight); action_dispatch=TextToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=TextToolMessage::Abort),
+		entry!(KeyDown(Enter); modifiers=[Accel], action_dispatch=TextToolMessage::Abort),
+		//
+		// GradientToolMessage
+		entry!(KeyDown(MouseLeft); action_dispatch=GradientToolMessage::PointerDown),
+		entry!(PointerMove; refresh_keys=[Shift], action_dispatch=GradientToolMessage::PointerMove { constrain_axis: Shift }),
+		entry!(KeyUp(MouseLeft); action_dispatch=GradientToolMessage::PointerUp),
+		entry!(DoubleClick(MouseButton::Left); action_dispatch=GradientToolMessage::InsertStop),
+		entry!(KeyDown(Delete); action_dispatch=GradientToolMessage::DeleteStop),
+		entry!(KeyDown(Backspace); action_dispatch=GradientToolMessage::DeleteStop),
+		entry!(KeyDown(MouseRight); action_dispatch=GradientToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=GradientToolMessage::Abort),
+		//
+		// ShapeToolMessage
+		entry!(KeyDown(MouseLeft); action_dispatch=ShapeToolMessage::DragStart),
+		entry!(KeyUp(MouseLeft); action_dispatch=ShapeToolMessage::DragStop),
+		entry!(KeyDown(MouseRight); action_dispatch=ShapeToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=ShapeToolMessage::Abort),
+		entry!(KeyDown(BracketLeft); action_dispatch=ShapeToolMessage::DecreaseSides),
+		entry!(KeyDown(BracketRight); action_dispatch=ShapeToolMessage::IncreaseSides),
+		entry!(PointerMove; refresh_keys=[Alt, Shift, Control], action_dispatch=ShapeToolMessage::PointerMove([Alt, Shift, Control, Shift])),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift, ArrowLeft], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift, ArrowRight], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: 0., delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift, ArrowLeft], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift, ArrowRight], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: 0., delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift, ArrowUp], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift, ArrowDown], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift, ArrowUp], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift, ArrowDown], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[ArrowLeft], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[ArrowRight], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: 0., delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[ArrowLeft], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[ArrowRight], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: 0., delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[ArrowUp], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[ArrowDown], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[ArrowUp], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[ArrowDown], action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); action_dispatch=ShapeToolMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); action_dispatch=ShapeToolMessage::IncreaseSides),
+		entry!(KeyDown(ArrowDown); action_dispatch=ShapeToolMessage::DecreaseSides),
+		//
+		// PathToolMessage
+		entry!(KeyDown(Delete); modifiers=[Accel], action_dispatch=PathToolMessage::DeleteAndBreakPath),
+		entry!(KeyDown(Backspace); modifiers=[Accel], action_dispatch=PathToolMessage::DeleteAndBreakPath),
+		entry!(KeyDown(Delete); modifiers=[Shift], action_dispatch=PathToolMessage::BreakPath),
+		entry!(KeyDown(Backspace); modifiers=[Shift], action_dispatch=PathToolMessage::BreakPath),
+		entry!(KeyDownNoRepeat(Tab); action_dispatch=PathToolMessage::SwapSelectedHandles),
+		entry!(KeyDown(MouseLeft); action_dispatch=PathToolMessage::MouseDown { extend_selection: Shift, lasso_select: Control, handle_drag_from_anchor: Alt, drag_restore_handle: Control, molding_in_segment_edit: KeyA }),
+		entry!(KeyDown(MouseRight); action_dispatch=PathToolMessage::RightClick),
+		entry!(KeyDown(Escape); action_dispatch=PathToolMessage::Escape),
+		entry!(KeyDown(KeyG); action_dispatch=PathToolMessage::GRS { key: KeyG }),
+		entry!(KeyDown(KeyR); action_dispatch=PathToolMessage::GRS { key: KeyR }),
+		entry!(KeyDown(KeyS); action_dispatch=PathToolMessage::GRS { key: KeyS }),
+		entry!(PointerMove; refresh_keys=[KeyC, Space, Control, Shift, Alt], action_dispatch=PathToolMessage::PointerMove { toggle_colinear: KeyC, equidistant: Alt, move_anchor_with_handles: Space, snap_angle: Shift, lock_angle: Control, delete_segment: Alt, break_colinear_molding: Alt }),
+		entry!(KeyDown(Delete); action_dispatch=PathToolMessage::Delete),
+		entry!(KeyDown(KeyA); modifiers=[Accel], action_dispatch=PathToolMessage::SelectAllAnchors),
+		entry!(KeyDown(KeyA); modifiers=[Accel, Shift], canonical, action_dispatch=PathToolMessage::DeselectAllPoints),
+		entry!(KeyDown(KeyA); modifiers=[Alt], action_dispatch=PathToolMessage::DeselectAllPoints),
+		entry!(KeyDown(Backspace); action_dispatch=PathToolMessage::Delete),
+		entry!(KeyUp(MouseLeft); action_dispatch=PathToolMessage::DragStop { extend_selection: Shift, shrink_selection: Alt }),
+		entry!(KeyDown(Enter); action_dispatch=PathToolMessage::Enter { extend_selection: Shift, shrink_selection: Alt }),
+		entry!(DoubleClick(MouseButton::Left); action_dispatch=PathToolMessage::FlipSmoothSharp),
+		entry!(KeyDown(ArrowRight); action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: NUDGE_AMOUNT, delta_y: 0. }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: BIG_NUDGE_AMOUNT, delta_y: 0. }),
+		entry!(KeyDown(ArrowRight); modifiers=[ArrowUp], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowRight); modifiers=[ArrowDown], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift, ArrowUp], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift, ArrowDown], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowUp); action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: 0., delta_y: -NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: 0., delta_y: -BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowUp); modifiers=[ArrowLeft], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowUp); modifiers=[ArrowRight], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift, ArrowLeft], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift, ArrowRight], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowLeft); action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -NUDGE_AMOUNT, delta_y: 0. }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -BIG_NUDGE_AMOUNT, delta_y: 0. }),
+		entry!(KeyDown(ArrowLeft); modifiers=[ArrowUp], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowLeft); modifiers=[ArrowDown], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift, ArrowUp], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift, ArrowDown], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowDown); action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: 0., delta_y: NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: 0., delta_y: BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowDown); modifiers=[ArrowLeft], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowDown); modifiers=[ArrowRight], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift, ArrowLeft], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: -BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift, ArrowRight], action_dispatch=PathToolMessage::NudgeSelectedPoints { delta_x: BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT }),
+		entry!(KeyDown(KeyJ); modifiers=[Accel], action_dispatch=ToolMessage::Path(PathToolMessage::ClosePath)),
+		//
+		// PenToolMessage
+		entry!(PointerMove; refresh_keys=[Control, Alt, Shift, KeyC], action_dispatch=PenToolMessage::PointerMove { snap_angle: Shift, break_handle: Alt, lock_angle: Control, colinear: KeyC, move_anchor_with_handles: Space }),
+		entry!(KeyDownNoRepeat(Tab); action_dispatch=PenToolMessage::SwapHandles),
+		entry!(KeyDown(MouseLeft); action_dispatch=PenToolMessage::DragStart { append_to_selected: Shift }),
+		entry!(KeyUp(MouseLeft); action_dispatch=PenToolMessage::DragStop),
+		entry!(KeyDown(MouseRight); action_dispatch=PenToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=PenToolMessage::Abort),
+		entry!(KeyDown(Enter); action_dispatch=PenToolMessage::Confirm),
+		entry!(KeyDown(Delete); action_dispatch=PenToolMessage::RemovePreviousHandle),
+		entry!(KeyDown(Backspace); action_dispatch=PenToolMessage::RemovePreviousHandle),
+		entry!(KeyDown(KeyG); action_dispatch=PenToolMessage::GRS { grab: KeyG, rotate: KeyR, scale: KeyS }),
+		entry!(KeyDown(KeyR); action_dispatch=PenToolMessage::GRS { grab: KeyG, rotate: KeyR, scale: KeyS }),
+		entry!(KeyDown(KeyS); action_dispatch=PenToolMessage::GRS { grab: KeyG, rotate: KeyR, scale: KeyS }),
+		//
+		// FreehandToolMessage
+		entry!(PointerMove; action_dispatch=FreehandToolMessage::PointerMove),
+		entry!(KeyDown(MouseLeft); action_dispatch=FreehandToolMessage::DragStart { append_to_selected: Shift }),
+		entry!(KeyUp(MouseLeft); action_dispatch=FreehandToolMessage::DragStop),
+		entry!(KeyDown(MouseRight); action_dispatch=FreehandToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=FreehandToolMessage::Abort),
+		//
+		// SplineToolMessage
+		entry!(PointerMove; action_dispatch=SplineToolMessage::PointerMove),
+		entry!(KeyDown(MouseLeft); action_dispatch=SplineToolMessage::DragStart { append_to_selected: Shift }),
+		entry!(KeyUp(MouseLeft); action_dispatch=SplineToolMessage::DragStop),
+		entry!(KeyDown(MouseRight); action_dispatch=SplineToolMessage::Confirm),
+		entry!(KeyDown(Escape); action_dispatch=SplineToolMessage::Confirm),
+		entry!(KeyDown(Enter); action_dispatch=SplineToolMessage::Confirm),
+		//
+		// FillToolMessage
+		entry!(PointerMove; refresh_keys=[Shift], action_dispatch=FillToolMessage::PointerMove),
+		entry!(KeyDown(MouseLeft); action_dispatch=FillToolMessage::FillPrimaryColor),
+		entry!(KeyDown(MouseLeft); modifiers=[Shift], action_dispatch=FillToolMessage::FillSecondaryColor),
+		entry!(KeyUp(MouseLeft); action_dispatch=FillToolMessage::PointerUp),
+		entry!(KeyDown(MouseRight); action_dispatch=FillToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=FillToolMessage::Abort),
+		//
+		// BrushToolMessage
+		entry!(PointerMove; action_dispatch=BrushToolMessage::PointerMove),
+		entry!(KeyDown(MouseLeft); action_dispatch=BrushToolMessage::DragStart),
+		entry!(KeyUp(MouseLeft); action_dispatch=BrushToolMessage::DragStop),
+		entry!(KeyDown(BracketLeft); action_dispatch=BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::ChangeDiameter(-BRUSH_SIZE_CHANGE_KEYBOARD))),
+		entry!(KeyDown(BracketRight); action_dispatch=BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::ChangeDiameter(BRUSH_SIZE_CHANGE_KEYBOARD))),
+		entry!(KeyDown(MouseRight); action_dispatch=BrushToolMessage::Abort),
+		entry!(KeyDown(Escape); action_dispatch=BrushToolMessage::Abort),
+		//
+		// ToolMessage
+		entry!(KeyDown(KeyV); action_dispatch=ToolMessage::ActivateToolSelect),
+		entry!(KeyDown(KeyZ); action_dispatch=ToolMessage::ActivateToolNavigate),
+		entry!(KeyDown(KeyI); action_dispatch=ToolMessage::ActivateToolEyedropper),
+		entry!(KeyDown(KeyT); action_dispatch=ToolMessage::ActivateToolText),
+		entry!(KeyDown(KeyF); action_dispatch=ToolMessage::ActivateToolFill),
+		entry!(KeyDown(KeyH); action_dispatch=ToolMessage::ActivateToolGradient),
+		entry!(KeyDown(KeyA); action_dispatch=ToolMessage::ActivateToolPath),
+		entry!(KeyDown(KeyP); action_dispatch=ToolMessage::ActivateToolPen),
+		entry!(KeyDown(KeyN); action_dispatch=ToolMessage::ActivateToolFreehand),
+		entry!(KeyDown(KeyL); action_dispatch=ToolMessage::ActivateToolShapeLine),
+		entry!(KeyDown(KeyM); action_dispatch=ToolMessage::ActivateToolShapeRectangle),
+		entry!(KeyDown(KeyE); action_dispatch=ToolMessage::ActivateToolShapeEllipse),
+		entry!(KeyDown(KeyY); action_dispatch=ToolMessage::ActivateToolShape),
+		entry!(KeyDown(KeyB); action_dispatch=ToolMessage::ActivateToolBrush),
+		entry!(KeyDown(KeyD); action_dispatch=ToolMessage::ResetColors),
+		entry!(KeyDown(KeyX); modifiers=[Shift], action_dispatch=ToolMessage::SwapColors),
+		entry!(KeyDown(KeyC); modifiers=[Alt], action_dispatch=ToolMessage::SelectRandomWorkingColor { primary: true }),
+		entry!(KeyDown(KeyC); modifiers=[Alt, Shift], action_dispatch=ToolMessage::SelectRandomWorkingColor { primary: false }),
+		//
+		// DocumentMessage
+		entry!(KeyDown(Space); modifiers=[Control], action_dispatch=DocumentMessage::GraphViewOverlayToggle),
+		entry!(KeyUp(Escape); action_dispatch=DocumentMessage::Escape),
+		entry!(KeyDown(Delete); action_dispatch=DocumentMessage::DeleteSelectedLayers),
+		entry!(KeyDown(Backspace); action_dispatch=DocumentMessage::DeleteSelectedLayers),
+		entry!(KeyDown(KeyO); modifiers=[Alt], action_dispatch=DocumentMessage::ToggleOverlaysVisibility),
+		entry!(KeyDown(KeyS); modifiers=[Alt], action_dispatch=DocumentMessage::ToggleSnapping),
+		entry!(KeyDown(KeyH); modifiers=[Accel], action_dispatch=DocumentMessage::ToggleSelectedVisibility),
+		entry!(KeyDown(KeyL); modifiers=[Accel], action_dispatch=DocumentMessage::ToggleSelectedLocked),
+		entry!(KeyDown(KeyG); modifiers=[Alt], action_dispatch=DocumentMessage::ToggleGridVisibility),
+		entry!(KeyDown(KeyZ); modifiers=[Accel, Shift], canonical, action_dispatch=DocumentMessage::Redo),
+		entry!(KeyDown(KeyY); modifiers=[Accel], action_dispatch=DocumentMessage::Redo),
+		entry!(KeyDown(KeyZ); modifiers=[Accel], action_dispatch=DocumentMessage::Undo),
+		entry!(KeyDown(KeyA); modifiers=[Accel], action_dispatch=DocumentMessage::SelectAllLayers),
+		entry!(KeyDown(KeyA); modifiers=[Accel, Shift], canonical, action_dispatch=DocumentMessage::DeselectAllLayers),
+		entry!(KeyDown(KeyA); modifiers=[Alt], action_dispatch=DocumentMessage::DeselectAllLayers),
+		entry!(KeyDown(KeyS); modifiers=[Accel], action_dispatch=DocumentMessage::SaveDocument),
+		entry!(KeyDown(KeyD); modifiers=[Accel], canonical, action_dispatch=DocumentMessage::DuplicateSelectedLayers),
+		entry!(KeyDown(KeyJ); modifiers=[Accel], action_dispatch=DocumentMessage::DuplicateSelectedLayers),
+		entry!(KeyDown(KeyG); modifiers=[Accel], action_dispatch=DocumentMessage::GroupSelectedLayers { group_folder_type: GroupFolderType::Layer }),
+		entry!(KeyDown(KeyG); modifiers=[Accel, Shift], action_dispatch=DocumentMessage::UngroupSelectedLayers),
+		entry!(KeyDown(KeyN); modifiers=[Accel, Shift], action_dispatch=DocumentMessage::CreateEmptyFolder),
+		entry!(KeyDown(Escape); modifiers=[Shift], action_dispatch=DocumentMessage::SelectParentLayer),
+		entry!(KeyDown(BracketLeft); modifiers=[Alt], canonical, action_dispatch=DocumentMessage::SelectionStepBack),
+		entry!(KeyDown(BracketRight); modifiers=[Alt], canonical, action_dispatch=DocumentMessage::SelectionStepForward),
+		entry!(KeyDown(MouseBack); action_dispatch=DocumentMessage::SelectionStepBack),
+		entry!(KeyDown(MouseForward); action_dispatch=DocumentMessage::SelectionStepForward),
+		entry!(KeyDown(Digit0); modifiers=[Accel], action_dispatch=DocumentMessage::ZoomCanvasToFitAll),
+		entry!(KeyDown(Digit1); modifiers=[Accel], action_dispatch=DocumentMessage::ZoomCanvasTo100Percent),
+		entry!(KeyDown(Digit2); modifiers=[Accel], action_dispatch=DocumentMessage::ZoomCanvasTo200Percent),
+		entry!(KeyDown(BracketLeft); modifiers=[Accel, Shift], action_dispatch=DocumentMessage::SelectedLayersLowerToBack),
+		entry!(KeyDown(BracketRight); modifiers=[Accel, Shift], action_dispatch=DocumentMessage::SelectedLayersRaiseToFront),
+		entry!(KeyDown(BracketLeft); modifiers=[Accel], action_dispatch=DocumentMessage::SelectedLayersLower),
+		entry!(KeyDown(BracketRight); modifiers=[Accel], action_dispatch=DocumentMessage::SelectedLayersRaise),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift, ArrowLeft], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift, ArrowRight], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[Shift], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: 0., delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift, ArrowLeft], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift, ArrowRight], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[Shift], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: 0., delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift, ArrowUp], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift, ArrowDown], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[Shift], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -BIG_NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift, ArrowUp], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: -BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift, ArrowDown], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: BIG_NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[Shift], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: BIG_NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[ArrowLeft], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); modifiers=[ArrowRight], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowUp); action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: 0., delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[ArrowLeft], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); modifiers=[ArrowRight], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowDown); action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: 0., delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[ArrowUp], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); modifiers=[ArrowDown], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowLeft); action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: -NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[ArrowUp], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: -NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); modifiers=[ArrowDown], action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: NUDGE_AMOUNT, resize: Alt, resize_opposite_corner: Control }),
+		entry!(KeyDown(ArrowRight); action_dispatch=DocumentMessage::NudgeSelectedLayers { delta_x: NUDGE_AMOUNT, delta_y: 0., resize: Alt, resize_opposite_corner: Control }),
+		//
+		// TransformLayerMessage
+		entry!(KeyDown(KeyG); action_dispatch=TransformLayerMessage::BeginGrab),
+		entry!(KeyDown(KeyR); action_dispatch=TransformLayerMessage::BeginRotate),
+		entry!(KeyDown(KeyS); action_dispatch=TransformLayerMessage::BeginScale),
+		entry!(KeyDown(Digit0); action_dispatch=TransformLayerMessage::TypeDigit { digit: 0 }),
+		entry!(KeyDown(Digit1); action_dispatch=TransformLayerMessage::TypeDigit { digit: 1 }),
+		entry!(KeyDown(Digit2); action_dispatch=TransformLayerMessage::TypeDigit { digit: 2 }),
+		entry!(KeyDown(Digit3); action_dispatch=TransformLayerMessage::TypeDigit { digit: 3 }),
+		entry!(KeyDown(Digit4); action_dispatch=TransformLayerMessage::TypeDigit { digit: 4 }),
+		entry!(KeyDown(Digit5); action_dispatch=TransformLayerMessage::TypeDigit { digit: 5 }),
+		entry!(KeyDown(Digit6); action_dispatch=TransformLayerMessage::TypeDigit { digit: 6 }),
+		entry!(KeyDown(Digit7); action_dispatch=TransformLayerMessage::TypeDigit { digit: 7 }),
+		entry!(KeyDown(Digit8); action_dispatch=TransformLayerMessage::TypeDigit { digit: 8 }),
+		entry!(KeyDown(Digit9); action_dispatch=TransformLayerMessage::TypeDigit { digit: 9 }),
+		//
+		// NavigationMessage
+		entry!(KeyDown(MouseMiddle); modifiers=[Alt], action_dispatch=NavigationMessage::BeginCanvasTilt { was_dispatched_from_menu: false }),
+		entry!(KeyDown(MouseLeft); modifiers=[Alt, Space], action_dispatch=NavigationMessage::BeginCanvasTilt { was_dispatched_from_menu: false }),
+		entry!(KeyDown(MouseMiddle); modifiers=[Control], action_dispatch=NavigationMessage::BeginCanvasZoom),
+		entry!(KeyDown(MouseLeft); modifiers=[Control, Space], action_dispatch=NavigationMessage::BeginCanvasZoom),
+		entry!(KeyDown(MouseMiddle); action_dispatch=NavigationMessage::BeginCanvasPan),
+		entry!(KeyDown(MouseLeft); modifiers=[Space], action_dispatch=NavigationMessage::BeginCanvasPan),
+		entry!(KeyDown(NumpadAdd); modifiers=[Accel], action_dispatch=NavigationMessage::CanvasZoomIncrease { center_on_mouse: false }),
+		entry!(KeyDown(Equal); modifiers=[Accel], action_dispatch=NavigationMessage::CanvasZoomIncrease { center_on_mouse: false }),
+		entry!(KeyDown(Minus); modifiers=[Accel], action_dispatch=NavigationMessage::CanvasZoomDecrease { center_on_mouse: false }),
+		entry!(KeyDown(KeyF); modifiers=[Alt], action_dispatch=NavigationMessage::CanvasFlip),
+		entry!(WheelScroll; modifiers=[Control], action_dispatch=NavigationMessage::CanvasZoomMouseWheel),
+		entry!(WheelScroll; modifiers=[Shift], action_dispatch=NavigationMessage::CanvasPanMouseWheel { use_y_as_x: true }),
+		entry!(WheelScroll; action_dispatch=NavigationMessage::CanvasPanMouseWheel { use_y_as_x: false }),
+		entry!(KeyDown(PageUp); modifiers=[Shift], action_dispatch=NavigationMessage::CanvasPanByViewportFraction { delta: DVec2::new(1., 0.) }),
+		entry!(KeyDown(PageDown); modifiers=[Shift], action_dispatch=NavigationMessage::CanvasPanByViewportFraction { delta: DVec2::new(-1., 0.) }),
+		entry!(KeyDown(PageUp); action_dispatch=NavigationMessage::CanvasPanByViewportFraction { delta: DVec2::new(0., 1.) }),
+		entry!(KeyDown(PageDown); action_dispatch=NavigationMessage::CanvasPanByViewportFraction { delta: DVec2::new(0., -1.) }),
+		entry!(KeyDown(Period); action_dispatch=NavigationMessage::FitViewportToSelection),
+		//
+		// PortfolioMessage
+		entry!(KeyDown(Tab); modifiers=[Control], action_dispatch=PortfolioMessage::NextDocument),
+		entry!(KeyDown(Tab); modifiers=[Control, Shift], action_dispatch=PortfolioMessage::PrevDocument),
+		entry!(KeyDown(KeyW); modifiers=[Accel], action_dispatch=PortfolioMessage::CloseActiveDocumentWithConfirmation),
+		entry!(KeyDown(KeyW); modifiers=[Accel,Alt], action_dispatch=PortfolioMessage::CloseAllDocumentsWithConfirmation),
+		entry!(KeyDown(KeyO); modifiers=[Accel], action_dispatch=PortfolioMessage::OpenDocument),
+		entry!(KeyDown(KeyI); modifiers=[Accel], action_dispatch=PortfolioMessage::Import),
+		entry!(KeyDown(KeyX); modifiers=[Accel], action_dispatch=PortfolioMessage::Cut { clipboard: Clipboard::Device }),
+		entry!(KeyDown(KeyC); modifiers=[Accel], action_dispatch=PortfolioMessage::Copy { clipboard: Clipboard::Device }),
+		entry!(KeyDown(KeyR); modifiers=[Alt], action_dispatch=PortfolioMessage::ToggleRulers),
+		//
+		// FrontendMessage
+		entry!(KeyDown(KeyV); modifiers=[Accel], action_dispatch=FrontendMessage::TriggerPaste),
+		//
+		// DialogMessage
+		entry!(KeyDown(KeyE); modifiers=[Accel], action_dispatch=DialogMessage::RequestExportDialog),
+		entry!(KeyDown(KeyN); modifiers=[Accel], action_dispatch=DialogMessage::RequestNewDocumentDialog),
+		entry!(KeyDown(Comma); modifiers=[Accel], action_dispatch=DialogMessage::RequestPreferencesDialog),
+		//
+		// DebugMessage
+		entry!(KeyDown(Digit0); modifiers=[Alt], action_dispatch=DebugMessage::MessageOff),
+		entry!(KeyDown(Digit1); modifiers=[Alt], action_dispatch=DebugMessage::MessageNames),
+		entry!(KeyDown(Digit2); modifiers=[Alt], action_dispatch=DebugMessage::MessageContents),
+		// AnimationMessage
+		entry!(KeyDown(Space); modifiers=[Shift], action_dispatch=AnimationMessage::ToggleLivePreview),
+		entry!(KeyDown(Home); modifiers=[Shift], action_dispatch=AnimationMessage::RestartAnimation),
+	];
+	let (mut key_up, mut key_down, mut key_up_no_repeat, mut key_down_no_repeat, mut double_click, mut wheel_scroll, mut pointer_move) = mappings;
+
+	let sort = |list: &mut KeyMappingEntries| list.0.sort_by(|a, b| b.modifiers.count_ones().cmp(&a.modifiers.count_ones()));
+	// Sort the sublists of `key_up`, `key_down`, `key_up_no_repeat`, and `key_down_no_repeat`
+	for list in [&mut key_up, &mut key_down, &mut key_up_no_repeat, &mut key_down_no_repeat] {
+		for sublist in list {
+			sort(sublist);
+		}
+	}
+	// Sort the sublists of `double_click`
+	for sublist in &mut double_click {
+		sort(sublist)
+	}
+	// Sort `wheel_scroll`
+	sort(&mut wheel_scroll);
+	// Sort `pointer_move`
+	sort(&mut pointer_move);
+
+	Mapping {
+		key_up,
+		key_down,
+		key_up_no_repeat,
+		key_down_no_repeat,
+		double_click,
+		wheel_scroll,
+		pointer_move,
+	}
+}
+
+/// Default mappings except that scrolling without modifier keys held down is bound to zooming instead of vertical panning
+pub fn zoom_with_scroll() -> Mapping {
+	use InputMapperMessage::*;
+
+	let mut mapping = input_mappings();
+
+	let remove = [
+		entry!(WheelScroll; modifiers=[Control], action_dispatch=NavigationMessage::CanvasZoomMouseWheel),
+		entry!(WheelScroll; modifiers=[Shift], action_dispatch=NavigationMessage::CanvasPanMouseWheel { use_y_as_x: true }),
+		entry!(WheelScroll; action_dispatch=NavigationMessage::CanvasPanMouseWheel { use_y_as_x: false }),
+	];
+	let add = [
+		entry!(WheelScroll; modifiers=[Control], action_dispatch=NavigationMessage::CanvasPanMouseWheel { use_y_as_x: true }),
+		entry!(WheelScroll; modifiers=[Shift], action_dispatch=NavigationMessage::CanvasPanMouseWheel { use_y_as_x: false }),
+		entry!(WheelScroll; action_dispatch=NavigationMessage::CanvasZoomMouseWheel),
+	];
+
+	apply_mapping_patch(&mut mapping, remove, add);
+
+	mapping
+}
+
+fn apply_mapping_patch<'a, const N: usize, const M: usize, const X: usize, const Y: usize>(
+	mapping: &mut Mapping,
+	remove: impl IntoIterator<Item = &'a [&'a [MappingEntry; N]; M]>,
+	add: impl IntoIterator<Item = &'a [&'a [MappingEntry; X]; Y]>,
+) {
+	for entry in remove.into_iter().flat_map(|inner| inner.iter()).flat_map(|inner| inner.iter()) {
+		mapping.remove(entry);
+	}
+
+	for entry in add.into_iter().flat_map(|inner| inner.iter()).flat_map(|inner| inner.iter()) {
+		mapping.add(entry.clone());
+	}
+}
diff --git a/editor/src/messages/input_mapper/key_mapping/key_mapping_message.rs b/editor/src/messages/input_mapper/key_mapping/key_mapping_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..95cb5cc57f4e98fa96b179f0bab452ee8eecf6ff
--- /dev/null
+++ b/editor/src/messages/input_mapper/key_mapping/key_mapping_message.rs
@@ -0,0 +1,19 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, KeyMapping)]
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize)]
+pub enum KeyMappingMessage {
+	#[child]
+	Lookup(InputMapperMessage),
+	#[child]
+	ModifyMapping(MappingVariant),
+}
+
+#[impl_message(Message, KeyMappingMessage, ModifyMapping)]
+#[derive(PartialEq, Eq, Clone, Debug, Default, Hash, serde::Serialize, serde::Deserialize)]
+pub enum MappingVariant {
+	#[default]
+	Default,
+
+	ZoomWithScroll,
+}
diff --git a/editor/src/messages/input_mapper/key_mapping/key_mapping_message_handler.rs b/editor/src/messages/input_mapper/key_mapping/key_mapping_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..53c626bf54be12879de02600381bfbcab042378c
--- /dev/null
+++ b/editor/src/messages/input_mapper/key_mapping/key_mapping_message_handler.rs
@@ -0,0 +1,31 @@
+use crate::messages::input_mapper::input_mapper_message_handler::InputMapperMessageData;
+use crate::messages::input_mapper::utility_types::input_keyboard::KeysGroup;
+use crate::messages::prelude::*;
+
+pub struct KeyMappingMessageData<'a> {
+	pub input: &'a InputPreprocessorMessageHandler,
+	pub actions: ActionList,
+}
+
+#[derive(Debug, Default)]
+pub struct KeyMappingMessageHandler {
+	mapping_handler: InputMapperMessageHandler,
+}
+
+impl MessageHandler<KeyMappingMessage, KeyMappingMessageData<'_>> for KeyMappingMessageHandler {
+	fn process_message(&mut self, message: KeyMappingMessage, responses: &mut VecDeque<Message>, data: KeyMappingMessageData) {
+		let KeyMappingMessageData { input, actions } = data;
+
+		match message {
+			KeyMappingMessage::Lookup(input_message) => self.mapping_handler.process_message(input_message, responses, InputMapperMessageData { input, actions }),
+			KeyMappingMessage::ModifyMapping(new_layout) => self.mapping_handler.set_mapping(new_layout.into()),
+		}
+	}
+	advertise_actions!();
+}
+
+impl KeyMappingMessageHandler {
+	pub fn action_input_mapping(&self, action_to_find: &MessageDiscriminant) -> Option<KeysGroup> {
+		self.mapping_handler.action_input_mapping(action_to_find)
+	}
+}
diff --git a/editor/src/messages/input_mapper/key_mapping/mod.rs b/editor/src/messages/input_mapper/key_mapping/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..5b629044af61a9c44abe8114782ccc37bd2ecbde
--- /dev/null
+++ b/editor/src/messages/input_mapper/key_mapping/mod.rs
@@ -0,0 +1,7 @@
+mod key_mapping_message;
+mod key_mapping_message_handler;
+
+#[doc(inline)]
+pub use key_mapping_message::{KeyMappingMessage, KeyMappingMessageDiscriminant, MappingVariant, MappingVariantDiscriminant};
+#[doc(inline)]
+pub use key_mapping_message_handler::{KeyMappingMessageData, KeyMappingMessageHandler};
diff --git a/editor/src/messages/input_mapper/mod.rs b/editor/src/messages/input_mapper/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..14aff3e3ff982c2d8bc55075fc6bf94b867acc6c
--- /dev/null
+++ b/editor/src/messages/input_mapper/mod.rs
@@ -0,0 +1,11 @@
+mod input_mapper_message;
+mod input_mapper_message_handler;
+
+pub mod input_mappings;
+pub mod key_mapping;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use input_mapper_message::{InputMapperMessage, InputMapperMessageDiscriminant};
+#[doc(inline)]
+pub use input_mapper_message_handler::{InputMapperMessageData, InputMapperMessageHandler};
diff --git a/editor/src/messages/input_mapper/utility_types/input_keyboard.rs b/editor/src/messages/input_mapper/utility_types/input_keyboard.rs
new file mode 100644
index 0000000000000000000000000000000000000000..99a267550a717e49c22385b838a13aa9dc4da24a
--- /dev/null
+++ b/editor/src/messages/input_mapper/utility_types/input_keyboard.rs
@@ -0,0 +1,529 @@
+use crate::messages::portfolio::utility_types::KeyboardPlatformLayout;
+use crate::messages::prelude::*;
+use bitflags::bitflags;
+use std::fmt::{self, Display, Formatter};
+use std::ops::{BitAnd, BitAndAssign, BitOr, BitOrAssign, BitXor, BitXorAssign};
+
+// TODO: Increase size of type
+/// Edit this to specify the storage type used.
+pub type StorageType = u128;
+
+// Base-2 logarithm of the storage type used to represents how many bits you need to fully address every bit in that storage type
+const STORAGE_SIZE: u32 = (std::mem::size_of::<StorageType>() * 8).trailing_zeros();
+const STORAGE_SIZE_BITS: usize = 1 << STORAGE_SIZE;
+const KEY_MASK_STORAGE_LENGTH: usize = (NUMBER_OF_KEYS + STORAGE_SIZE_BITS - 1) >> STORAGE_SIZE;
+
+pub type KeyStates = BitVector<KEY_MASK_STORAGE_LENGTH>;
+
+pub fn all_required_modifiers_pressed(keyboard_state: &KeyStates, modifiers: &KeyStates) -> bool {
+	// Find which currently pressed keys are also the modifiers in this hotkey entry, then compare those against the required modifiers to see if there are zero missing
+	let pressed_modifiers = *keyboard_state & *modifiers;
+	let all_modifiers_without_pressed_modifiers = *modifiers ^ pressed_modifiers;
+
+	all_modifiers_without_pressed_modifiers.is_empty()
+}
+
+pub enum KeyPosition {
+	Pressed,
+	Released,
+}
+
+bitflags! {
+	#[derive(Clone, Copy, Debug, PartialEq, Eq, Default, serde::Serialize, serde::Deserialize)]
+	#[repr(transparent)]
+	#[serde(transparent)]
+	pub struct ModifierKeys: u8 {
+		const SHIFT           = 0b_0000_0001;
+		const ALT             = 0b_0000_0010;
+		const CONTROL         = 0b_0000_0100;
+		const META_OR_COMMAND = 0b_0000_1000;
+	}
+}
+
+// Currently this is mostly based on the JS `KeyboardEvent.code` list: <https://www.w3.org/TR/uievents-code/>
+// But in the future, especially once users can customize keyboard mappings, we should deviate more from this so we have actual symbols
+// like `+` (which doesn't exist because it's the shifted version of `=` on the US keyboard, after which these scan codes are named).
+// We'd ideally like to bind shortcuts to symbols, not scan codes, so the shortcut for "zoom in" is `Ctrl +` which the user can press
+// (although we ignore the shift key, so the user doesn't have to press `Ctrl Shift +` on a US keyboard), even if the keyboard layout
+// is for a different locale where the `+` key is somewhere entirely different, shifted or not. This would then also work for numpad `+`.
+#[impl_message(Message, InputMapperMessage, KeyDown)]
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, serde::Serialize, serde::Deserialize, specta::Type, num_enum::TryFromPrimitive)]
+#[repr(u8)]
+pub enum Key {
+	// Writing system keys
+	Digit0,
+	Digit1,
+	Digit2,
+	Digit3,
+	Digit4,
+	Digit5,
+	Digit6,
+	Digit7,
+	Digit8,
+	Digit9,
+	//
+	KeyA,
+	KeyB,
+	KeyC,
+	KeyD,
+	KeyE,
+	KeyF,
+	KeyG,
+	KeyH,
+	KeyI,
+	KeyJ,
+	KeyK,
+	KeyL,
+	KeyM,
+	KeyN,
+	KeyO,
+	KeyP,
+	KeyQ,
+	KeyR,
+	KeyS,
+	KeyT,
+	KeyU,
+	KeyV,
+	KeyW,
+	KeyX,
+	KeyY,
+	KeyZ,
+	//
+	Backquote,
+	Backslash,
+	BracketLeft,
+	BracketRight,
+	Comma,
+	Equal,
+	Minus,
+	Period,
+	Quote,
+	Semicolon,
+	Slash,
+
+	// Functional keys
+	Alt,
+	Meta,
+	Shift,
+	Control,
+	Backspace,
+	CapsLock,
+	ContextMenu,
+	Enter,
+	Space,
+	Tab,
+
+	// Control pad keys
+	Delete,
+	End,
+	Help,
+	Home,
+	Insert,
+	PageDown,
+	PageUp,
+
+	// Arrow pad keys
+	ArrowDown,
+	ArrowLeft,
+	ArrowRight,
+	ArrowUp,
+
+	// Numpad keys
+	// Numpad0,
+	// Numpad1,
+	// Numpad2,
+	// Numpad3,
+	// Numpad4,
+	// Numpad5,
+	// Numpad6,
+	// Numpad7,
+	// Numpad8,
+	// Numpad9,
+	NumLock,
+	NumpadAdd,
+	// NumpadBackspace,
+	// NumpadClear,
+	// NumpadClearEntry,
+	// NumpadComma,
+	// NumpadDecimal,
+	// NumpadDivide,
+	// NumpadEnter,
+	// NumpadEqual,
+	NumpadHash,
+	// NumpadMemoryAdd,
+	// NumpadMemoryClear,
+	// NumpadMemoryRecall,
+	// NumpadMemoryStore,
+	// NumpadMemorySubtract,
+	NumpadMultiply,
+	NumpadParenLeft,
+	NumpadParenRight,
+	// NumpadStar,
+	// NumpadSubtract,
+
+	// Function keys
+	Escape,
+	F1,
+	F2,
+	F3,
+	F4,
+	F5,
+	F6,
+	F7,
+	F8,
+	F9,
+	F10,
+	F11,
+	F12,
+	F13,
+	F14,
+	F15,
+	F16,
+	F17,
+	F18,
+	F19,
+	F20,
+	F21,
+	F22,
+	F23,
+	F24,
+	Fn,
+	FnLock,
+	PrintScreen,
+	ScrollLock,
+	Pause,
+
+	// Unidentified keys
+	Unidentified,
+
+	// Other keys that aren't part of the W3C spec
+	Command,
+	/// "Ctrl" on Windows/Linux, "Cmd" on Mac
+	Accel,
+	MouseLeft,
+	MouseRight,
+	MouseMiddle,
+	MouseBack,
+	MouseForward,
+
+	// This has to be the last element in the enum
+	NumKeys,
+}
+
+impl fmt::Display for Key {
+	// TODO: Relevant key labels should be localized when we get around to implementing localization/internationalization
+	fn fmt(&self, f: &mut fmt::Formatter) -> std::fmt::Result {
+		let key_name = format!("{self:?}");
+
+		// Writing system keys
+		const DIGIT_PREFIX: &str = "Digit";
+		if key_name.len() == DIGIT_PREFIX.len() + 1 && &key_name[0..DIGIT_PREFIX.len()] == "Digit" {
+			return write!(f, "{}", key_name.chars().skip(DIGIT_PREFIX.len()).collect::<String>());
+		}
+		const KEY_PREFIX: &str = "Key";
+		if key_name.len() == KEY_PREFIX.len() + 1 && &key_name[0..KEY_PREFIX.len()] == "Key" {
+			return write!(f, "{}", key_name.chars().skip(KEY_PREFIX.len()).collect::<String>());
+		}
+
+		let keyboard_layout = || GLOBAL_PLATFORM.get().copied().unwrap_or_default().as_keyboard_platform_layout();
+
+		let name = match self {
+			// Writing system keys
+			Self::Backquote => "`",
+			Self::Backslash => "\\",
+			Self::BracketLeft => "[",
+			Self::BracketRight => "]",
+			Self::Comma => ",",
+			Self::Equal => "=",
+			Self::Minus => "-",
+			Self::Period => ".",
+			Self::Quote => "'",
+			Self::Semicolon => ";",
+			Self::Slash => "/",
+
+			// Functional keys
+			Self::Alt => match keyboard_layout() {
+				KeyboardPlatformLayout::Standard => "Alt",
+				KeyboardPlatformLayout::Mac => "⌥",
+			},
+			Self::Meta => match keyboard_layout() {
+				KeyboardPlatformLayout::Standard => "⊞",
+				KeyboardPlatformLayout::Mac => "⌘",
+			},
+			Self::Shift => match keyboard_layout() {
+				KeyboardPlatformLayout::Standard => "Shift",
+				KeyboardPlatformLayout::Mac => "⇧",
+			},
+			Self::Control => match keyboard_layout() {
+				KeyboardPlatformLayout::Standard => "Ctrl",
+				KeyboardPlatformLayout::Mac => "⌃",
+			},
+			Self::Backspace => "⌫",
+
+			// Control pad keys
+			Self::Delete => "Del",
+			Self::PageDown => "PgDn",
+			Self::PageUp => "PgUp",
+
+			// Arrow pad keys
+			Self::ArrowDown => "↓",
+			Self::ArrowLeft => "←",
+			Self::ArrowRight => "→",
+			Self::ArrowUp => "↑",
+
+			// Numpad keys
+			Self::NumpadAdd => "Numpad +",
+			Self::NumpadHash => "Numpad #",
+			Self::NumpadMultiply => "Numpad *",
+			Self::NumpadParenLeft => "Numpad (",
+			Self::NumpadParenRight => "Numpad )",
+
+			// Function keys
+			Self::Escape => "Esc",
+			Self::PrintScreen => "PrtScr",
+
+			// Other keys that aren't part of the W3C spec
+			Self::Command => "⌘",
+			Self::Accel => match keyboard_layout() {
+				KeyboardPlatformLayout::Standard => "Ctrl",
+				KeyboardPlatformLayout::Mac => "⌘",
+			},
+			Self::MouseLeft => "LMB",
+			Self::MouseRight => "RMB",
+			Self::MouseMiddle => "MMB",
+			Self::MouseBack => "Mouse Back",
+			Self::MouseForward => "Mouse Fwd",
+			Self::NumKeys => "0–9",
+
+			_ => key_name.as_str(),
+		};
+
+		write!(f, "{name}")
+	}
+}
+
+impl From<Key> for LayoutKey {
+	fn from(key: Key) -> Self {
+		Self {
+			key: format!("{key:?}"),
+			label: key.to_string(),
+		}
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, Eq, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+struct LayoutKey {
+	key: String,
+	label: String,
+}
+
+pub const NUMBER_OF_KEYS: usize = Key::NumKeys as usize;
+
+/// Only `Key`s that exist on a physical keyboard should be used.
+#[derive(Debug, Clone, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize)]
+pub struct KeysGroup(pub Vec<Key>);
+
+impl fmt::Display for KeysGroup {
+	fn fmt(&self, f: &mut Formatter<'_>) -> fmt::Result {
+		const JOINER_MARK: &str = " ";
+
+		let mut joined = self
+			.0
+			.iter()
+			.map(|key| {
+				let keyboard_layout = GLOBAL_PLATFORM.get().copied().unwrap_or_default().as_keyboard_platform_layout();
+				let key_is_modifier = matches!(*key, Key::Control | Key::Command | Key::Alt | Key::Shift | Key::Meta | Key::Accel);
+
+				if keyboard_layout == KeyboardPlatformLayout::Mac && key_is_modifier {
+					key.to_string()
+				} else {
+					key.to_string() + JOINER_MARK
+				}
+			})
+			.collect::<String>();
+
+		// Cut the joining character off the end, if present
+		if joined.ends_with(JOINER_MARK) {
+			joined.truncate(joined.len() - JOINER_MARK.len());
+		}
+
+		write!(f, "{joined}")
+	}
+}
+
+impl From<KeysGroup> for String {
+	fn from(keys: KeysGroup) -> Self {
+		let layout_keys: LayoutKeysGroup = keys.into();
+		serde_json::to_string(&layout_keys).expect("Failed to serialize KeysGroup")
+	}
+}
+
+#[derive(Debug, Clone, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct LayoutKeysGroup(Vec<LayoutKey>);
+
+impl From<KeysGroup> for LayoutKeysGroup {
+	fn from(keys_group: KeysGroup) -> Self {
+		Self(keys_group.0.into_iter().map(|key| key.into()).collect())
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum MouseMotion {
+	None,
+	Lmb,
+	Rmb,
+	Mmb,
+	ScrollUp,
+	ScrollDown,
+	Drag,
+	LmbDouble,
+	LmbDrag,
+	RmbDrag,
+	RmbDouble,
+	MmbDrag,
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
+pub struct BitVector<const LENGTH: usize>([StorageType; LENGTH]);
+
+impl<const LENGTH: usize> BitVector<LENGTH> {
+	#[inline]
+	fn convert_index(bitvector_index: usize) -> (usize, StorageType) {
+		let bit = 1 << (bitvector_index & (STORAGE_SIZE_BITS as StorageType - 1) as usize);
+		let offset = bitvector_index >> STORAGE_SIZE;
+		(offset, bit)
+	}
+
+	pub const fn new() -> Self {
+		Self([0; LENGTH])
+	}
+
+	pub fn set(&mut self, bitvector_index: usize) {
+		let (offset, bit) = Self::convert_index(bitvector_index);
+		self.0[offset] |= bit;
+	}
+
+	pub fn unset(&mut self, bitvector_index: usize) {
+		let (offset, bit) = Self::convert_index(bitvector_index);
+		self.0[offset] &= !bit;
+	}
+
+	pub fn toggle(&mut self, bitvector_index: usize) {
+		let (offset, bit) = Self::convert_index(bitvector_index);
+		self.0[offset] ^= bit;
+	}
+
+	pub fn get(&self, bitvector_index: usize) -> bool {
+		let (offset, bit) = Self::convert_index(bitvector_index);
+		(self.0[offset] & bit) != 0
+	}
+
+	pub fn key(&self, key: Key) -> bool {
+		self.get(key as usize)
+	}
+
+	pub fn is_empty(&self) -> bool {
+		let mut result = 0;
+
+		for storage in self.0.iter() {
+			result |= storage;
+		}
+
+		result == 0
+	}
+
+	pub fn count_ones(&self) -> u32 {
+		let mut result = 0;
+
+		for storage in self.0.iter() {
+			result += storage.count_ones();
+		}
+
+		result
+	}
+
+	pub fn iter(&self) -> impl Iterator<Item = usize> + '_ {
+		BitVectorIter::<LENGTH> { bitvector: self, iter_index: 0 }
+	}
+}
+
+impl<const LENGTH: usize> Default for BitVector<LENGTH> {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+
+struct BitVectorIter<'a, const LENGTH: usize> {
+	bitvector: &'a BitVector<LENGTH>,
+	iter_index: usize,
+}
+
+impl<const LENGTH: usize> Iterator for BitVectorIter<'_, LENGTH> {
+	type Item = usize;
+
+	fn next(&mut self) -> Option<Self::Item> {
+		while self.iter_index < STORAGE_SIZE_BITS * LENGTH {
+			let bit_value = self.bitvector.get(self.iter_index);
+
+			self.iter_index += 1;
+
+			if bit_value {
+				return Some(self.iter_index - 1);
+			}
+		}
+
+		None
+	}
+}
+
+impl<const LENGTH: usize> Display for BitVector<LENGTH> {
+	fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
+		for storage in self.0.iter().rev() {
+			write!(f, "{:0width$b}", storage, width = STORAGE_SIZE_BITS)?;
+		}
+
+		Ok(())
+	}
+}
+
+macro_rules! bit_ops {
+	($(($op:ident, $func:ident)),* $(,)?) => {
+		$(
+			impl<const LENGTH: usize> $op for BitVector<LENGTH> {
+				type Output = Self;
+				fn $func(self, right: Self) -> Self::Output {
+					let mut result = Self::new();
+					for ((left, right), new) in self.0.iter().zip(right.0.iter()).zip(result.0.iter_mut()) {
+						*new = $op::$func(left, right);
+					}
+					result
+				}
+			}
+
+			impl<const LENGTH: usize> $op for &BitVector<LENGTH> {
+				type Output = BitVector<LENGTH>;
+				fn $func(self, right: Self) -> Self::Output {
+					let mut result = BitVector::<LENGTH>::new();
+					for ((left, right), new) in self.0.iter().zip(right.0.iter()).zip(result.0.iter_mut()) {
+						*new = $op::$func(left, right);
+					}
+					result
+				}
+			}
+		)*
+	};
+}
+macro_rules! bit_ops_assign {
+	($(($op:ident, $func:ident)),* $(,)?) => {
+		$(impl<const LENGTH: usize> $op for BitVector<LENGTH> {
+			fn $func(&mut self, right: Self) {
+				for (left, right) in self.0.iter_mut().zip(right.0.iter()) {
+					$op::$func(left, right);
+				}
+			}
+		})*
+	};
+}
+
+bit_ops!((BitAnd, bitand), (BitOr, bitor), (BitXor, bitxor));
+bit_ops_assign!((BitAndAssign, bitand_assign), (BitOrAssign, bitor_assign), (BitXorAssign, bitxor_assign));
diff --git a/editor/src/messages/input_mapper/utility_types/input_mouse.rs b/editor/src/messages/input_mapper/utility_types/input_mouse.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a9b746608d17797aea5cfdacdbfee506a99a1ec8
--- /dev/null
+++ b/editor/src/messages/input_mapper/utility_types/input_mouse.rs
@@ -0,0 +1,150 @@
+use crate::consts::DRAG_THRESHOLD;
+use crate::messages::prelude::*;
+use bitflags::bitflags;
+use glam::DVec2;
+use std::collections::VecDeque;
+
+// Origin is top left
+pub type DocumentPosition = DVec2;
+pub type ViewportPosition = DVec2;
+pub type EditorPosition = DVec2;
+
+#[derive(PartialEq, Clone, Debug, Default, serde::Serialize, serde::Deserialize)]
+pub struct ViewportBounds {
+	pub top_left: DVec2,
+	pub bottom_right: DVec2,
+}
+
+impl ViewportBounds {
+	pub fn from_slice(slice: &[f64]) -> Self {
+		Self {
+			top_left: DVec2::from_slice(&slice[0..2]),
+			bottom_right: DVec2::from_slice(&slice[2..4]),
+		}
+	}
+
+	pub fn size(&self) -> DVec2 {
+		(self.bottom_right - self.top_left).ceil()
+	}
+
+	pub fn center(&self) -> DVec2 {
+		(self.bottom_right - self.top_left).ceil() / 2.
+	}
+
+	pub fn in_bounds(&self, position: ViewportPosition) -> bool {
+		position.x >= 0. && position.y >= 0. && position.x <= self.bottom_right.x && position.y <= self.bottom_right.y
+	}
+}
+
+use std::hash::{Hash, Hasher};
+
+#[derive(Debug, Copy, Clone, Default, serde::Serialize, serde::Deserialize)]
+pub struct ScrollDelta {
+	pub x: f64,
+	pub y: f64,
+	pub z: f64,
+}
+
+impl PartialEq for ScrollDelta {
+	fn eq(&self, other: &Self) -> bool {
+		self.x == other.x && self.y == other.y && self.z == other.z
+	}
+}
+
+impl Eq for ScrollDelta {}
+
+impl Hash for ScrollDelta {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		let no_negative_zero = |value: f64| if value == 0. { 0. } else { value };
+
+		no_negative_zero(self.x).to_bits().hash(state);
+		no_negative_zero(self.y).to_bits().hash(state);
+		no_negative_zero(self.z).to_bits().hash(state);
+	}
+}
+
+impl ScrollDelta {
+	pub fn new(x: f64, y: f64, z: f64) -> Self {
+		Self { x, y, z }
+	}
+
+	pub fn as_dvec2(&self) -> DVec2 {
+		DVec2::new(self.x, self.y)
+	}
+
+	pub fn scroll_delta(&self) -> f64 {
+		let (dx, dy) = (self.x, self.y);
+		dy.signum() * (dy * dy + f64::min(dy.abs(), dx.abs()).powi(2)).sqrt()
+	}
+}
+
+// TODO: Document the difference between this and EditorMouseState
+#[derive(Debug, Copy, Clone, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct MouseState {
+	pub position: ViewportPosition,
+	pub mouse_keys: MouseKeys,
+	pub scroll_delta: ScrollDelta,
+}
+
+impl MouseState {
+	pub fn finish_transaction(&self, drag_start: DVec2, responses: &mut VecDeque<Message>) {
+		let drag_too_small = drag_start.distance(self.position) <= DRAG_THRESHOLD;
+		let response = if drag_too_small { DocumentMessage::AbortTransaction } else { DocumentMessage::EndTransaction };
+		responses.add(response);
+	}
+}
+
+// TODO: Document the difference between this and MouseState
+#[derive(Debug, Copy, Clone, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct EditorMouseState {
+	pub editor_position: EditorPosition,
+	pub mouse_keys: MouseKeys,
+	pub scroll_delta: ScrollDelta,
+}
+
+impl EditorMouseState {
+	pub fn from_keys_and_editor_position(keys: u8, editor_position: EditorPosition) -> Self {
+		let mouse_keys = MouseKeys::from_bits(keys).expect("Invalid decoding of MouseKeys");
+
+		Self {
+			editor_position,
+			mouse_keys,
+			scroll_delta: ScrollDelta::default(),
+		}
+	}
+
+	pub fn to_mouse_state(&self, active_viewport_bounds: &ViewportBounds) -> MouseState {
+		MouseState {
+			position: self.editor_position - active_viewport_bounds.top_left,
+			mouse_keys: self.mouse_keys,
+			scroll_delta: self.scroll_delta,
+		}
+	}
+}
+
+bitflags! {
+	/// Based on <https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons#value>.
+	#[derive(Default, Clone, Copy, Debug, PartialEq, Eq, serde::Serialize, serde::Deserialize)]
+	#[repr(transparent)]
+	pub struct MouseKeys: u8 {
+		const NONE    = 0b0000_0000;
+		const LEFT    = 0b0000_0001;
+		const RIGHT   = 0b0000_0010;
+		const MIDDLE  = 0b0000_0100;
+		const BACK    = 0b0000_1000;
+		const FORWARD = 0b0001_0000;
+	}
+}
+
+#[impl_message(Message, InputMapperMessage, DoubleClick)]
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, serde::Serialize, serde::Deserialize, specta::Type, num_enum::TryFromPrimitive)]
+#[repr(u8)]
+pub enum MouseButton {
+	Left,
+	Right,
+	Middle,
+	Back,
+	Forward,
+}
+
+pub const NUMBER_OF_MOUSE_BUTTONS: usize = 5; // Should be the number of variants in MouseButton
diff --git a/editor/src/messages/input_mapper/utility_types/macros.rs b/editor/src/messages/input_mapper/utility_types/macros.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3fabbbeb2dc5168a9faa07a8c0b2e1ac69436756
--- /dev/null
+++ b/editor/src/messages/input_mapper/utility_types/macros.rs
@@ -0,0 +1,128 @@
+/// Constructs a `KeyStates` bit vector and sets the bit flags for all the given modifier `Key`s.
+macro_rules! modifiers {
+	($($m:ident),*) => {{
+		#[allow(unused_mut)]
+		let mut state = KeyStates::new();
+		$(
+		state.set(Key::$m as usize);
+		)*
+		state
+	}};
+}
+
+/// Builds a slice of `MappingEntry` struct(s) that are used to:
+/// - ...dispatch the given `action_dispatch` as an output `Message` if its discriminant is a currently available action
+/// - ...when the `InputMapperMessage` enum variant, as specified at the start and followed by a semicolon, is received
+/// - ...while the optional `modifiers` being pressed.
+///
+/// Syntax:
+/// ```rs
+/// entry_for_layout!(Key; modifiers?: Key[], refresh_keys?: Key[], action_dispatch: Message)
+/// ```
+///
+/// The actions system controls which actions are currently available. Those are provided by the different message handlers based on the current application state and context.
+/// Each handler adds or removes actions in the form of message discriminants. Here, we tie an input condition (such as a hotkey) to an action's full message.
+/// When an action is currently available, and the user enters that input, the action's message is dispatched on the message bus.
+macro_rules! entry {
+	// Pattern with canonical parameter
+	($input:expr_2021; $(modifiers=[$($modifier:ident),*],)? $(refresh_keys=[$($refresh:ident),* $(,)?],)? canonical, action_dispatch=$action_dispatch:expr_2021$(,)?) => {
+		entry!($input; $($($modifier),*)?; $($($refresh),*)?; $action_dispatch; true)
+	};
+
+	// Pattern without canonical parameter
+	($input:expr_2021; $(modifiers=[$($modifier:ident),*],)? $(refresh_keys=[$($refresh:ident),* $(,)?],)? action_dispatch=$action_dispatch:expr_2021$(,)?) => {
+		entry!($input; $($($modifier),*)?; $($($refresh),*)?; $action_dispatch; false)
+	};
+
+	// Implementation macro to avoid code duplication
+	($input:expr; $($modifier:ident),*; $($refresh:ident),*; $action_dispatch:expr; $canonical:expr) => {
+		&[&[
+			// Cause the `action_dispatch` message to be sent when the specified input occurs.
+			MappingEntry {
+				action: $action_dispatch.into(),
+				input: $input,
+				modifiers: modifiers!($($modifier),*),
+				canonical: $canonical,
+			},
+
+			// Also cause the `action_dispatch` message to be sent when any of the specified refresh keys change.
+			$(
+			MappingEntry {
+				action: $action_dispatch.into(),
+				input: InputMapperMessage::KeyDown(Key::$refresh),
+				modifiers: modifiers!(),
+				canonical: $canonical,
+			},
+			MappingEntry {
+				action: $action_dispatch.into(),
+				input: InputMapperMessage::KeyUp(Key::$refresh),
+				modifiers: modifiers!(),
+				canonical: $canonical,
+			},
+			MappingEntry {
+				action: $action_dispatch.into(),
+				input: InputMapperMessage::KeyDownNoRepeat(Key::$refresh),
+				modifiers: modifiers!(),
+				canonical: $canonical,
+			},
+			MappingEntry {
+				action: $action_dispatch.into(),
+				input: InputMapperMessage::KeyUpNoRepeat(Key::$refresh),
+				modifiers: modifiers!(),
+				canonical: $canonical,
+			},
+			)*
+		]]
+	};
+}
+
+/// Constructs a `KeyMappingEntries` list for each input type and inserts every given entry into the list corresponding to its input type.
+/// Returns a tuple of `KeyMappingEntries` in the order:
+/// ```rs
+/// (key_up, key_down, double_click, wheel_scroll, pointer_move)
+/// ```
+macro_rules! mapping {
+	[$($entry:expr_2021),* $(,)?] => {{
+		let mut key_up = KeyMappingEntries::key_array();
+		let mut key_down = KeyMappingEntries::key_array();
+		let mut key_up_no_repeat = KeyMappingEntries::key_array();
+		let mut key_down_no_repeat = KeyMappingEntries::key_array();
+		let mut double_click = KeyMappingEntries::mouse_buttons_arrays();
+		let mut wheel_scroll = KeyMappingEntries::new();
+		let mut pointer_move = KeyMappingEntries::new();
+
+		$(
+		// Each of the many entry slices, one specified per action
+		for entry_slice in $entry {
+			// Each entry in the slice (usually just one, except when `refresh_keys` adds additional key entries)
+			for entry in entry_slice.into_iter() {
+				let corresponding_list = match entry.input {
+					InputMapperMessage::KeyDown(key) => &mut key_down[key as usize],
+					InputMapperMessage::KeyUp(key) => &mut key_up[key as usize],
+					InputMapperMessage::KeyDownNoRepeat(key) => &mut key_down_no_repeat[key as usize],
+					InputMapperMessage::KeyUpNoRepeat(key) => &mut key_up_no_repeat[key as usize],
+					InputMapperMessage::DoubleClick(key) => &mut double_click[key as usize],
+					InputMapperMessage::WheelScroll => &mut wheel_scroll,
+					InputMapperMessage::PointerMove => &mut pointer_move,
+				};
+				// Push each entry to the corresponding `KeyMappingEntries` list for its input type
+				corresponding_list.push(entry.clone());
+			}
+		}
+		)*
+
+		(key_up, key_down, key_up_no_repeat, key_down_no_repeat, double_click, wheel_scroll, pointer_move)
+	}};
+}
+
+/// Constructs an `ActionKeys` macro with a certain `Action` variant, conveniently wrapped in `Some()`.
+macro_rules! action_keys {
+	($action:expr_2021) => {
+		Some(crate::messages::input_mapper::utility_types::misc::ActionKeys::Action($action.into()))
+	};
+}
+
+pub(crate) use action_keys;
+pub(crate) use entry;
+pub(crate) use mapping;
+pub(crate) use modifiers;
diff --git a/editor/src/messages/input_mapper/utility_types/misc.rs b/editor/src/messages/input_mapper/utility_types/misc.rs
new file mode 100644
index 0000000000000000000000000000000000000000..0c9a2205295d5c571d657de63ba6d739934be7e4
--- /dev/null
+++ b/editor/src/messages/input_mapper/utility_types/misc.rs
@@ -0,0 +1,172 @@
+use super::input_keyboard::{KeysGroup, LayoutKeysGroup, all_required_modifiers_pressed};
+use crate::messages::input_mapper::key_mapping::MappingVariant;
+use crate::messages::input_mapper::utility_types::input_keyboard::{KeyStates, NUMBER_OF_KEYS};
+use crate::messages::input_mapper::utility_types::input_mouse::NUMBER_OF_MOUSE_BUTTONS;
+use crate::messages::prelude::*;
+use core::time::Duration;
+
+#[derive(Debug, Clone)]
+pub struct Mapping {
+	pub key_up: [KeyMappingEntries; NUMBER_OF_KEYS],
+	pub key_down: [KeyMappingEntries; NUMBER_OF_KEYS],
+	pub key_up_no_repeat: [KeyMappingEntries; NUMBER_OF_KEYS],
+	pub key_down_no_repeat: [KeyMappingEntries; NUMBER_OF_KEYS],
+	pub double_click: [KeyMappingEntries; NUMBER_OF_MOUSE_BUTTONS],
+	pub wheel_scroll: KeyMappingEntries,
+	pub pointer_move: KeyMappingEntries,
+}
+
+impl Default for Mapping {
+	fn default() -> Self {
+		MappingVariant::Default.into()
+	}
+}
+
+impl Mapping {
+	pub fn match_input_message(&self, message: InputMapperMessage, keyboard_state: &KeyStates, actions: ActionList) -> Option<Message> {
+		let list = self.associated_entries(&message);
+		list.match_mapping(keyboard_state, actions)
+	}
+
+	pub fn remove(&mut self, target_entry: &MappingEntry) {
+		let list = self.associated_entries_mut(&target_entry.input);
+		list.remove(target_entry);
+	}
+
+	pub fn add(&mut self, new_entry: MappingEntry) {
+		let list = self.associated_entries_mut(&new_entry.input);
+		list.push(new_entry);
+	}
+
+	fn associated_entries(&self, message: &InputMapperMessage) -> &KeyMappingEntries {
+		match message {
+			InputMapperMessage::KeyDown(key) => &self.key_down[*key as usize],
+			InputMapperMessage::KeyUp(key) => &self.key_up[*key as usize],
+			InputMapperMessage::KeyDownNoRepeat(key) => &self.key_down_no_repeat[*key as usize],
+			InputMapperMessage::KeyUpNoRepeat(key) => &self.key_up_no_repeat[*key as usize],
+			InputMapperMessage::DoubleClick(key) => &self.double_click[*key as usize],
+			InputMapperMessage::WheelScroll => &self.wheel_scroll,
+			InputMapperMessage::PointerMove => &self.pointer_move,
+		}
+	}
+
+	fn associated_entries_mut(&mut self, message: &InputMapperMessage) -> &mut KeyMappingEntries {
+		match message {
+			InputMapperMessage::KeyDown(key) => &mut self.key_down[*key as usize],
+			InputMapperMessage::KeyUp(key) => &mut self.key_up[*key as usize],
+			InputMapperMessage::KeyDownNoRepeat(key) => &mut self.key_down_no_repeat[*key as usize],
+			InputMapperMessage::KeyUpNoRepeat(key) => &mut self.key_up_no_repeat[*key as usize],
+			InputMapperMessage::DoubleClick(key) => &mut self.double_click[*key as usize],
+			InputMapperMessage::WheelScroll => &mut self.wheel_scroll,
+			InputMapperMessage::PointerMove => &mut self.pointer_move,
+		}
+	}
+}
+
+#[derive(Debug, Clone)]
+pub struct KeyMappingEntries(pub Vec<MappingEntry>);
+
+impl KeyMappingEntries {
+	pub fn match_mapping(&self, keyboard_state: &KeyStates, actions: ActionList) -> Option<Message> {
+		for mapping in self.0.iter() {
+			// Skip this entry if any of the required modifiers are missing
+			if all_required_modifiers_pressed(keyboard_state, &mapping.modifiers) {
+				// Search for the action in the list of available actions to see if it's currently available to activate
+				let matching_action_found = actions.iter().flatten().any(|action| mapping.action.to_discriminant() == *action);
+				if matching_action_found {
+					return Some(mapping.action.clone());
+				}
+			}
+		}
+		None
+	}
+
+	pub fn push(&mut self, entry: MappingEntry) {
+		self.0.push(entry);
+	}
+
+	pub fn remove(&mut self, target_entry: &MappingEntry) {
+		self.0.retain(|entry| entry != target_entry);
+	}
+
+	pub const fn new() -> Self {
+		Self(Vec::new())
+	}
+
+	pub fn key_array() -> [Self; NUMBER_OF_KEYS] {
+		const DEFAULT: KeyMappingEntries = KeyMappingEntries::new();
+		[DEFAULT; NUMBER_OF_KEYS]
+	}
+
+	pub fn mouse_buttons_arrays() -> [Self; NUMBER_OF_MOUSE_BUTTONS] {
+		const DEFAULT: KeyMappingEntries = KeyMappingEntries::new();
+		[DEFAULT; NUMBER_OF_MOUSE_BUTTONS]
+	}
+}
+
+impl Default for KeyMappingEntries {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+
+#[derive(PartialEq, Clone, Debug)]
+pub struct MappingEntry {
+	/// Serves two purposes:
+	/// - This is the message that gets dispatched when the hotkey is matched
+	/// - This message's discriminant is the action; it must be a currently active action to be considered as a shortcut
+	pub action: Message,
+	/// The user input event from an input device which this input mapping matches on
+	pub input: InputMapperMessage,
+	/// Any additional keys that must be also pressed for this input mapping to match
+	pub modifiers: KeyStates,
+	/// True indicates that this takes priority as the labeled hotkey shown in UI menus and tooltips instead of an alternate binding for the same action
+	pub canonical: bool,
+}
+
+#[derive(Debug, Clone, Eq, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ActionKeys {
+	Action(MessageDiscriminant),
+	#[serde(rename = "keys")]
+	Keys(LayoutKeysGroup),
+}
+
+impl ActionKeys {
+	pub fn to_keys(&mut self, action_input_mapping: &impl Fn(&MessageDiscriminant) -> Option<KeysGroup>) -> String {
+		match self {
+			Self::Action(action) => {
+				if let Some(keys) = action_input_mapping(action) {
+					let description = keys.to_string();
+					*self = Self::Keys(keys.into());
+					description
+				} else {
+					*self = Self::Keys(KeysGroup::default().into());
+					String::new()
+				}
+			}
+			Self::Keys(keys) => {
+				warn!("Calling `.to_keys()` on a `ActionKeys::Keys` is a mistake/bug. Keys are: {keys:?}.");
+				String::new()
+			}
+		}
+	}
+}
+
+#[derive(Copy, Clone, Debug, Default, Eq, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct FrameTimeInfo {
+	timestamp: Duration,
+	prev_timestamp: Option<Duration>,
+}
+
+impl FrameTimeInfo {
+	pub fn frame_duration(&self) -> Option<Duration> {
+		self.prev_timestamp.map(|prev| self.timestamp - prev)
+	}
+
+	pub fn advance_timestamp(&mut self, next_timestamp: Duration) {
+		debug_assert!(next_timestamp >= self.timestamp);
+
+		self.prev_timestamp = Some(self.timestamp);
+		self.timestamp = next_timestamp;
+	}
+}
diff --git a/editor/src/messages/input_mapper/utility_types/mod.rs b/editor/src/messages/input_mapper/utility_types/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c0b5c8a21b1c317568c5c9a9cb3a2bca7ab01bcb
--- /dev/null
+++ b/editor/src/messages/input_mapper/utility_types/mod.rs
@@ -0,0 +1,4 @@
+pub mod input_keyboard;
+pub mod input_mouse;
+pub mod macros;
+pub mod misc;
diff --git a/editor/src/messages/input_preprocessor/input_preprocessor_message.rs b/editor/src/messages/input_preprocessor/input_preprocessor_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..53347542fc0250c7168ad75c0e12c4bf60bff266
--- /dev/null
+++ b/editor/src/messages/input_preprocessor/input_preprocessor_message.rs
@@ -0,0 +1,17 @@
+use crate::messages::input_mapper::utility_types::input_keyboard::{Key, ModifierKeys};
+use crate::messages::input_mapper::utility_types::input_mouse::{EditorMouseState, ViewportBounds};
+use crate::messages::prelude::*;
+
+#[impl_message(Message, InputPreprocessor)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum InputPreprocessorMessage {
+	BoundsOfViewports { bounds_of_viewports: Vec<ViewportBounds> },
+	DoubleClick { editor_mouse_state: EditorMouseState, modifier_keys: ModifierKeys },
+	KeyDown { key: Key, key_repeat: bool, modifier_keys: ModifierKeys },
+	KeyUp { key: Key, key_repeat: bool, modifier_keys: ModifierKeys },
+	PointerDown { editor_mouse_state: EditorMouseState, modifier_keys: ModifierKeys },
+	PointerMove { editor_mouse_state: EditorMouseState, modifier_keys: ModifierKeys },
+	PointerUp { editor_mouse_state: EditorMouseState, modifier_keys: ModifierKeys },
+	CurrentTime { timestamp: u64 },
+	WheelScroll { editor_mouse_state: EditorMouseState, modifier_keys: ModifierKeys },
+}
diff --git a/editor/src/messages/input_preprocessor/input_preprocessor_message_handler.rs b/editor/src/messages/input_preprocessor/input_preprocessor_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bf90e5881f21a8c4b0338976bd6ff5e7c0ea70d1
--- /dev/null
+++ b/editor/src/messages/input_preprocessor/input_preprocessor_message_handler.rs
@@ -0,0 +1,304 @@
+use crate::messages::input_mapper::utility_types::input_keyboard::{Key, KeyStates, ModifierKeys};
+use crate::messages::input_mapper::utility_types::input_mouse::{MouseButton, MouseKeys, MouseState, ViewportBounds};
+use crate::messages::input_mapper::utility_types::misc::FrameTimeInfo;
+use crate::messages::portfolio::utility_types::KeyboardPlatformLayout;
+use crate::messages::prelude::*;
+use glam::DVec2;
+use std::time::Duration;
+
+pub struct InputPreprocessorMessageData {
+	pub keyboard_platform: KeyboardPlatformLayout,
+}
+
+#[derive(Debug, Default)]
+pub struct InputPreprocessorMessageHandler {
+	pub frame_time: FrameTimeInfo,
+	pub time: u64,
+	pub keyboard: KeyStates,
+	pub mouse: MouseState,
+	pub viewport_bounds: ViewportBounds,
+}
+
+impl MessageHandler<InputPreprocessorMessage, InputPreprocessorMessageData> for InputPreprocessorMessageHandler {
+	fn process_message(&mut self, message: InputPreprocessorMessage, responses: &mut VecDeque<Message>, data: InputPreprocessorMessageData) {
+		let InputPreprocessorMessageData { keyboard_platform } = data;
+
+		match message {
+			InputPreprocessorMessage::BoundsOfViewports { bounds_of_viewports } => {
+				assert_eq!(bounds_of_viewports.len(), 1, "Only one viewport is currently supported");
+
+				for bounds in bounds_of_viewports {
+					// TODO: Extend this to multiple viewports instead of setting it to the value of this last loop iteration
+					self.viewport_bounds = bounds;
+
+					responses.add(NavigationMessage::CanvasPan { delta: DVec2::ZERO });
+					responses.add(NodeGraphMessage::SetGridAlignedEdges);
+				}
+			}
+			InputPreprocessorMessage::DoubleClick { editor_mouse_state, modifier_keys } => {
+				self.update_states_of_modifier_keys(modifier_keys, keyboard_platform, responses);
+
+				let mouse_state = editor_mouse_state.to_mouse_state(&self.viewport_bounds);
+				self.mouse.position = mouse_state.position;
+
+				for key in mouse_state.mouse_keys {
+					responses.add(InputMapperMessage::DoubleClick(match key {
+						MouseKeys::LEFT => MouseButton::Left,
+						MouseKeys::RIGHT => MouseButton::Right,
+						MouseKeys::MIDDLE => MouseButton::Middle,
+						MouseKeys::BACK => MouseButton::Back,
+						MouseKeys::FORWARD => MouseButton::Forward,
+						_ => unimplemented!(),
+					}));
+				}
+			}
+			InputPreprocessorMessage::KeyDown { key, key_repeat, modifier_keys } => {
+				self.update_states_of_modifier_keys(modifier_keys, keyboard_platform, responses);
+				self.keyboard.set(key as usize);
+				if !key_repeat {
+					responses.add(InputMapperMessage::KeyDownNoRepeat(key));
+				}
+				responses.add(InputMapperMessage::KeyDown(key));
+			}
+			InputPreprocessorMessage::KeyUp { key, key_repeat, modifier_keys } => {
+				self.update_states_of_modifier_keys(modifier_keys, keyboard_platform, responses);
+				self.keyboard.unset(key as usize);
+				if !key_repeat {
+					responses.add(InputMapperMessage::KeyUpNoRepeat(key));
+				}
+				responses.add(InputMapperMessage::KeyUp(key));
+			}
+			InputPreprocessorMessage::PointerDown { editor_mouse_state, modifier_keys } => {
+				self.update_states_of_modifier_keys(modifier_keys, keyboard_platform, responses);
+
+				let mouse_state = editor_mouse_state.to_mouse_state(&self.viewport_bounds);
+				self.mouse.position = mouse_state.position;
+
+				self.translate_mouse_event(mouse_state, true, responses);
+			}
+			InputPreprocessorMessage::PointerMove { editor_mouse_state, modifier_keys } => {
+				self.update_states_of_modifier_keys(modifier_keys, keyboard_platform, responses);
+
+				let mouse_state = editor_mouse_state.to_mouse_state(&self.viewport_bounds);
+				self.mouse.position = mouse_state.position;
+
+				responses.add(InputMapperMessage::PointerMove);
+
+				// While any pointer button is already down, additional button down events are not reported, but they are sent as `pointermove` events
+				self.translate_mouse_event(mouse_state, false, responses);
+			}
+			InputPreprocessorMessage::PointerUp { editor_mouse_state, modifier_keys } => {
+				self.update_states_of_modifier_keys(modifier_keys, keyboard_platform, responses);
+
+				let mouse_state = editor_mouse_state.to_mouse_state(&self.viewport_bounds);
+				self.mouse.position = mouse_state.position;
+
+				self.translate_mouse_event(mouse_state, false, responses);
+			}
+			InputPreprocessorMessage::CurrentTime { timestamp } => {
+				responses.add(AnimationMessage::SetTime(timestamp as f64));
+				self.time = timestamp;
+				self.frame_time.advance_timestamp(Duration::from_millis(timestamp));
+			}
+			InputPreprocessorMessage::WheelScroll { editor_mouse_state, modifier_keys } => {
+				self.update_states_of_modifier_keys(modifier_keys, keyboard_platform, responses);
+
+				let mouse_state = editor_mouse_state.to_mouse_state(&self.viewport_bounds);
+				self.mouse.position = mouse_state.position;
+				self.mouse.scroll_delta = mouse_state.scroll_delta;
+
+				responses.add(InputMapperMessage::WheelScroll);
+			}
+		};
+	}
+
+	// Clean user input and if possible reconstruct it.
+	// Store the changes in the keyboard if it is a key event.
+	// Transform canvas coordinates to document coordinates.
+	advertise_actions!();
+}
+
+impl InputPreprocessorMessageHandler {
+	fn translate_mouse_event(&mut self, mut new_state: MouseState, allow_first_button_down: bool, responses: &mut VecDeque<Message>) {
+		let click_mappings = [
+			(MouseKeys::LEFT, Key::MouseLeft),
+			(MouseKeys::RIGHT, Key::MouseRight),
+			(MouseKeys::MIDDLE, Key::MouseMiddle),
+			(MouseKeys::BACK, Key::MouseBack),
+			(MouseKeys::FORWARD, Key::MouseForward),
+		];
+
+		for (bit_flag, key) in click_mappings {
+			// Calculate the intersection between the two key states
+			let old_down = self.mouse.mouse_keys & bit_flag == bit_flag;
+			let new_down = new_state.mouse_keys & bit_flag == bit_flag;
+			if !old_down && new_down {
+				if allow_first_button_down || self.mouse.mouse_keys != MouseKeys::empty() {
+					self.keyboard.set(key as usize);
+					responses.add(InputMapperMessage::KeyDown(key));
+				} else {
+					// Required to stop a keyup being emitted for a keydown outside canvas
+					new_state.mouse_keys ^= bit_flag;
+				}
+			}
+			if old_down && !new_down {
+				self.keyboard.unset(key as usize);
+				responses.add(InputMapperMessage::KeyUp(key));
+			}
+		}
+
+		self.mouse = new_state;
+	}
+
+	fn update_states_of_modifier_keys(&mut self, pressed_modifier_keys: ModifierKeys, keyboard_platform: KeyboardPlatformLayout, responses: &mut VecDeque<Message>) {
+		let is_key_pressed = |key_to_check: ModifierKeys| pressed_modifier_keys.contains(key_to_check);
+
+		// Update the state of the concrete modifier keys based on the source state
+		self.update_modifier_key(Key::Shift, is_key_pressed(ModifierKeys::SHIFT), responses);
+		self.update_modifier_key(Key::Alt, is_key_pressed(ModifierKeys::ALT), responses);
+		self.update_modifier_key(Key::Control, is_key_pressed(ModifierKeys::CONTROL), responses);
+
+		// Update the state of either the concrete Meta or the Command keys based on which one is applicable for this platform
+		let meta_or_command = match keyboard_platform {
+			KeyboardPlatformLayout::Mac => Key::Command,
+			KeyboardPlatformLayout::Standard => Key::Meta,
+		};
+		self.update_modifier_key(meta_or_command, is_key_pressed(ModifierKeys::META_OR_COMMAND), responses);
+
+		// Update the state of the virtual Accel key (the primary accelerator key) based on the source state of the Control or Command key, whichever is relevant on this platform
+		let accel_virtual_key_state = match keyboard_platform {
+			KeyboardPlatformLayout::Mac => is_key_pressed(ModifierKeys::META_OR_COMMAND),
+			KeyboardPlatformLayout::Standard => is_key_pressed(ModifierKeys::CONTROL),
+		};
+		self.update_modifier_key(Key::Accel, accel_virtual_key_state, responses);
+	}
+
+	fn update_modifier_key(&mut self, key: Key, key_is_down: bool, responses: &mut VecDeque<Message>) {
+		let key_was_down = self.keyboard.get(key as usize);
+
+		if key_was_down && !key_is_down {
+			self.keyboard.unset(key as usize);
+			responses.add(InputMapperMessage::KeyUp(key));
+		} else if !key_was_down && key_is_down {
+			self.keyboard.set(key as usize);
+			responses.add(InputMapperMessage::KeyDown(key));
+		}
+	}
+
+	pub fn document_bounds(&self) -> [DVec2; 2] {
+		// IPP bounds are relative to the entire application
+		[(0., 0.).into(), self.viewport_bounds.bottom_right - self.viewport_bounds.top_left]
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use crate::messages::input_mapper::utility_types::input_keyboard::{Key, ModifierKeys};
+	use crate::messages::input_mapper::utility_types::input_mouse::{EditorMouseState, MouseKeys, ScrollDelta};
+	use crate::messages::portfolio::utility_types::KeyboardPlatformLayout;
+	use crate::messages::prelude::*;
+
+	#[test]
+	fn process_action_mouse_move_handle_modifier_keys() {
+		let mut input_preprocessor = InputPreprocessorMessageHandler::default();
+
+		let editor_mouse_state = EditorMouseState {
+			editor_position: (4., 809.).into(),
+			mouse_keys: MouseKeys::default(),
+			scroll_delta: ScrollDelta::default(),
+		};
+		let modifier_keys = ModifierKeys::ALT;
+		let message = InputPreprocessorMessage::PointerMove { editor_mouse_state, modifier_keys };
+
+		let mut responses = VecDeque::new();
+
+		let data = InputPreprocessorMessageData {
+			keyboard_platform: KeyboardPlatformLayout::Standard,
+		};
+		input_preprocessor.process_message(message, &mut responses, data);
+
+		assert!(input_preprocessor.keyboard.get(Key::Alt as usize));
+		assert_eq!(responses.pop_front(), Some(InputMapperMessage::KeyDown(Key::Alt).into()));
+	}
+
+	#[test]
+	fn process_action_mouse_down_handle_modifier_keys() {
+		let mut input_preprocessor = InputPreprocessorMessageHandler::default();
+
+		let editor_mouse_state = EditorMouseState::default();
+		let modifier_keys = ModifierKeys::CONTROL;
+		let message = InputPreprocessorMessage::PointerDown { editor_mouse_state, modifier_keys };
+
+		let mut responses = VecDeque::new();
+
+		let data = InputPreprocessorMessageData {
+			keyboard_platform: KeyboardPlatformLayout::Standard,
+		};
+		input_preprocessor.process_message(message, &mut responses, data);
+
+		assert!(input_preprocessor.keyboard.get(Key::Control as usize));
+		assert_eq!(responses.pop_front(), Some(InputMapperMessage::KeyDown(Key::Control).into()));
+	}
+
+	#[test]
+	fn process_action_mouse_up_handle_modifier_keys() {
+		let mut input_preprocessor = InputPreprocessorMessageHandler::default();
+
+		let editor_mouse_state = EditorMouseState::default();
+		let modifier_keys = ModifierKeys::SHIFT;
+		let message = InputPreprocessorMessage::PointerUp { editor_mouse_state, modifier_keys };
+
+		let mut responses = VecDeque::new();
+
+		let data = InputPreprocessorMessageData {
+			keyboard_platform: KeyboardPlatformLayout::Standard,
+		};
+		input_preprocessor.process_message(message, &mut responses, data);
+
+		assert!(input_preprocessor.keyboard.get(Key::Shift as usize));
+		assert_eq!(responses.pop_front(), Some(InputMapperMessage::KeyDown(Key::Shift).into()));
+	}
+
+	#[test]
+	fn process_action_key_down_handle_modifier_keys() {
+		let mut input_preprocessor = InputPreprocessorMessageHandler::default();
+		input_preprocessor.keyboard.set(Key::Control as usize);
+
+		let key = Key::KeyA;
+		let key_repeat = false;
+		let modifier_keys = ModifierKeys::empty();
+		let message = InputPreprocessorMessage::KeyDown { key, key_repeat, modifier_keys };
+
+		let mut responses = VecDeque::new();
+
+		let data = InputPreprocessorMessageData {
+			keyboard_platform: KeyboardPlatformLayout::Standard,
+		};
+		input_preprocessor.process_message(message, &mut responses, data);
+
+		assert!(!input_preprocessor.keyboard.get(Key::Control as usize));
+		assert_eq!(responses.pop_front(), Some(InputMapperMessage::KeyUp(Key::Control).into()));
+	}
+
+	#[test]
+	fn process_action_key_up_handle_modifier_keys() {
+		let mut input_preprocessor = InputPreprocessorMessageHandler::default();
+
+		let key = Key::KeyS;
+		let key_repeat = false;
+		let modifier_keys = ModifierKeys::CONTROL | ModifierKeys::SHIFT;
+		let message = InputPreprocessorMessage::KeyUp { key, key_repeat, modifier_keys };
+
+		let mut responses = VecDeque::new();
+
+		let data = InputPreprocessorMessageData {
+			keyboard_platform: KeyboardPlatformLayout::Standard,
+		};
+		input_preprocessor.process_message(message, &mut responses, data);
+
+		assert!(input_preprocessor.keyboard.get(Key::Control as usize));
+		assert!(input_preprocessor.keyboard.get(Key::Shift as usize));
+		assert!(responses.contains(&InputMapperMessage::KeyDown(Key::Control).into()));
+		assert!(responses.contains(&InputMapperMessage::KeyDown(Key::Control).into()));
+	}
+}
diff --git a/editor/src/messages/input_preprocessor/mod.rs b/editor/src/messages/input_preprocessor/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..99f44584964265b5ae658112fbaff3fe5007dab4
--- /dev/null
+++ b/editor/src/messages/input_preprocessor/mod.rs
@@ -0,0 +1,7 @@
+mod input_preprocessor_message;
+mod input_preprocessor_message_handler;
+
+#[doc(inline)]
+pub use input_preprocessor_message::{InputPreprocessorMessage, InputPreprocessorMessageDiscriminant};
+#[doc(inline)]
+pub use input_preprocessor_message_handler::{InputPreprocessorMessageData, InputPreprocessorMessageHandler};
diff --git a/editor/src/messages/layout/layout_message.rs b/editor/src/messages/layout/layout_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b18c0055a5071c87e55a2eb36352d23c55a65c0c
--- /dev/null
+++ b/editor/src/messages/layout/layout_message.rs
@@ -0,0 +1,25 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+#[impl_message(Message, Layout)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum LayoutMessage {
+	ResendActiveWidget {
+		layout_target: LayoutTarget,
+		widget_id: WidgetId,
+	},
+	SendLayout {
+		layout: Layout,
+		layout_target: LayoutTarget,
+	},
+	WidgetValueCommit {
+		layout_target: LayoutTarget,
+		widget_id: WidgetId,
+		value: serde_json::Value,
+	},
+	WidgetValueUpdate {
+		layout_target: LayoutTarget,
+		widget_id: WidgetId,
+		value: serde_json::Value,
+	},
+}
diff --git a/editor/src/messages/layout/layout_message_handler.rs b/editor/src/messages/layout/layout_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ee8e506ca87713177203f73711e5829c443a246a
--- /dev/null
+++ b/editor/src/messages/layout/layout_message_handler.rs
@@ -0,0 +1,446 @@
+use crate::messages::input_mapper::utility_types::input_keyboard::KeysGroup;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+use graphene_std::raster::color::Color;
+use graphene_std::text::Font;
+use graphene_std::vector::style::{FillChoice, GradientStops};
+use serde_json::Value;
+
+#[derive(Debug, Clone, Default)]
+pub struct LayoutMessageHandler {
+	layouts: [Layout; LayoutTarget::LayoutTargetLength as usize],
+}
+
+enum WidgetValueAction {
+	Commit,
+	Update,
+}
+
+impl LayoutMessageHandler {
+	/// Get the widget path for the widget with the specified id
+	fn get_widget_path(widget_layout: &WidgetLayout, widget_id: WidgetId) -> Option<(&WidgetHolder, Vec<usize>)> {
+		let mut stack = widget_layout.layout.iter().enumerate().map(|(index, val)| (vec![index], val)).collect::<Vec<_>>();
+		while let Some((mut widget_path, group)) = stack.pop() {
+			match group {
+				// Check if any of the widgets in the current column or row have the correct id
+				LayoutGroup::Column { widgets } | LayoutGroup::Row { widgets } => {
+					for (index, widget) in widgets.iter().enumerate() {
+						// Return if this is the correct ID
+						if widget.widget_id == widget_id {
+							widget_path.push(index);
+							return Some((widget, widget_path));
+						}
+
+						if let Widget::PopoverButton(popover) = &widget.widget {
+							stack.extend(popover.popover_layout.iter().enumerate().map(|(child, val)| ([widget_path.as_slice(), &[index, child]].concat(), val)));
+						}
+					}
+				}
+				// A section contains more LayoutGroups which we add to the stack.
+				LayoutGroup::Section { layout, .. } => {
+					stack.extend(layout.iter().enumerate().map(|(index, val)| ([widget_path.as_slice(), &[index]].concat(), val)));
+				}
+
+				LayoutGroup::Table { rows } => {
+					for (row_index, cell) in rows.iter().enumerate() {
+						for (cell_index, entry) in cell.iter().enumerate() {
+							// Return if this is the correct ID
+							if entry.widget_id == widget_id {
+								widget_path.push(row_index);
+								widget_path.push(cell_index);
+								return Some((entry, widget_path));
+							}
+
+							if let Widget::PopoverButton(popover) = &entry.widget {
+								stack.extend(
+									popover
+										.popover_layout
+										.iter()
+										.enumerate()
+										.map(|(child, val)| ([widget_path.as_slice(), &[row_index, cell_index, child]].concat(), val)),
+								);
+							}
+						}
+					}
+				}
+			}
+		}
+		None
+	}
+
+	fn handle_widget_callback(&mut self, layout_target: LayoutTarget, widget_id: WidgetId, value: Value, action: WidgetValueAction, responses: &mut std::collections::VecDeque<Message>) {
+		let Some(layout) = self.layouts.get_mut(layout_target as usize) else {
+			warn!("handle_widget_callback was called referencing an invalid layout. `widget_id: {widget_id}`, `layout_target: {layout_target:?}`",);
+			return;
+		};
+
+		let Some(widget_holder) = layout.iter_mut().find(|widget| widget.widget_id == widget_id) else {
+			warn!("handle_widget_callback was called referencing an invalid widget ID, although the layout target was valid. `widget_id: {widget_id}`, `layout_target: {layout_target:?}`",);
+			return;
+		};
+
+		match &mut widget_holder.widget {
+			Widget::BreadcrumbTrailButtons(breadcrumb_trail_buttons) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (breadcrumb_trail_buttons.on_commit.callback)(&()),
+					WidgetValueAction::Update => {
+						let update_value = value.as_u64().expect("BreadcrumbTrailButtons update was not of type: u64");
+						(breadcrumb_trail_buttons.on_update.callback)(&update_value)
+					}
+				};
+				responses.add(callback_message);
+			}
+			Widget::CheckboxInput(checkbox_input) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (checkbox_input.on_commit.callback)(&()),
+					WidgetValueAction::Update => {
+						let update_value = value.as_bool().expect("CheckboxInput update was not of type: bool");
+						checkbox_input.checked = update_value;
+						(checkbox_input.on_update.callback)(checkbox_input)
+					}
+				};
+				responses.add(callback_message);
+			}
+			Widget::ColorInput(color_button) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (color_button.on_commit.callback)(&()),
+					WidgetValueAction::Update => {
+						// Decodes the colors in gamma, not linear
+						let decode_color = |color: &serde_json::map::Map<String, serde_json::value::Value>| -> Option<Color> {
+							let red = color.get("red").and_then(|x| x.as_f64()).map(|x| x as f32);
+							let green = color.get("green").and_then(|x| x.as_f64()).map(|x| x as f32);
+							let blue = color.get("blue").and_then(|x| x.as_f64()).map(|x| x as f32);
+							let alpha = color.get("alpha").and_then(|x| x.as_f64()).map(|x| x as f32);
+
+							if let (Some(red), Some(green), Some(blue), Some(alpha)) = (red, green, blue, alpha) {
+								if let Some(color) = Color::from_rgbaf32(red, green, blue, alpha) {
+									return Some(color);
+								}
+							}
+							None
+						};
+
+						(|| {
+							let Some(update_value) = value.as_object() else {
+								warn!("ColorInput update was not of type: object");
+								return Message::NoOp;
+							};
+
+							// None
+							let is_none = update_value.get("none").and_then(|x| x.as_bool());
+							if is_none == Some(true) {
+								color_button.value = FillChoice::None;
+								return (color_button.on_update.callback)(color_button);
+							}
+
+							// Solid
+							if let Some(color) = decode_color(update_value) {
+								color_button.value = FillChoice::Solid(color);
+								return (color_button.on_update.callback)(color_button);
+							}
+
+							// Gradient
+							let gradient = update_value.get("stops").and_then(|x| x.as_array());
+							if let Some(stops) = gradient {
+								let gradient_stops = stops
+									.iter()
+									.filter_map(|stop| {
+										stop.as_object().and_then(|stop| {
+											let position = stop.get("position").and_then(|x| x.as_f64());
+											let color = stop.get("color").and_then(|x| x.as_object()).and_then(decode_color);
+											if let (Some(position), Some(color)) = (position, color) { Some((position, color)) } else { None }
+										})
+									})
+									.collect::<Vec<_>>();
+
+								color_button.value = FillChoice::Gradient(GradientStops::new(gradient_stops));
+								return (color_button.on_update.callback)(color_button);
+							}
+
+							warn!("ColorInput update was not able to be parsed with color data: {color_button:?}");
+							Message::NoOp
+						})()
+					}
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::CurveInput(curve_input) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (curve_input.on_commit.callback)(&()),
+					WidgetValueAction::Update => {
+						let curve = serde_json::from_value(value).expect("CurveInput event data could not be deserialized");
+						curve_input.value = curve;
+						(curve_input.on_update.callback)(curve_input)
+					}
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::DropdownInput(dropdown_input) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => {
+						let update_value = value.as_u64().unwrap_or_else(|| panic!("DropdownInput commit was not of type `u64`, found {value:?}"));
+						(dropdown_input.entries.iter().flatten().nth(update_value as usize).unwrap().on_commit.callback)(&())
+					}
+					WidgetValueAction::Update => {
+						let update_value = value.as_u64().unwrap_or_else(|| panic!("DropdownInput update was not of type `u64`, found {value:?}"));
+						dropdown_input.selected_index = Some(update_value as u32);
+						(dropdown_input.entries.iter().flatten().nth(update_value as usize).unwrap().on_update.callback)(&())
+					}
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::FontInput(font_input) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (font_input.on_commit.callback)(&()),
+					WidgetValueAction::Update => {
+						let update_value = value.as_object().expect("FontInput update was not of type: object");
+						let font_family_value = update_value.get("fontFamily").expect("FontInput update does not have a fontFamily");
+						let font_style_value = update_value.get("fontStyle").expect("FontInput update does not have a fontStyle");
+
+						let font_family = font_family_value.as_str().expect("FontInput update fontFamily was not of type: string");
+						let font_style = font_style_value.as_str().expect("FontInput update fontStyle was not of type: string");
+
+						font_input.font_family = font_family.into();
+						font_input.font_style = font_style.into();
+
+						responses.add(PortfolioMessage::LoadFont {
+							font: Font::new(font_family.into(), font_style.into()),
+						});
+						(font_input.on_update.callback)(font_input)
+					}
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::IconButton(icon_button) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (icon_button.on_commit.callback)(&()),
+					WidgetValueAction::Update => (icon_button.on_update.callback)(icon_button),
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::ImageButton(image_label) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (image_label.on_commit.callback)(&()),
+					WidgetValueAction::Update => (image_label.on_update.callback)(&()),
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::IconLabel(_) => {}
+			Widget::InvisibleStandinInput(invisible) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (invisible.on_commit.callback)(&()),
+					WidgetValueAction::Update => (invisible.on_update.callback)(&()),
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::NodeCatalog(node_type_input) => match action {
+				WidgetValueAction::Commit => {
+					let callback_message = (node_type_input.on_commit.callback)(&());
+					responses.add(callback_message);
+				}
+				WidgetValueAction::Update => {
+					let value = value.as_str().expect("NodeCatalog update was not of type String").to_string();
+					let callback_message = (node_type_input.on_update.callback)(&value);
+					responses.add(callback_message);
+				}
+			},
+			Widget::NumberInput(number_input) => match action {
+				WidgetValueAction::Commit => {
+					let callback_message = (number_input.on_commit.callback)(&());
+					responses.add(callback_message);
+				}
+				WidgetValueAction::Update => match value {
+					Value::Number(num) => {
+						let update_value = num.as_f64().unwrap();
+						number_input.value = Some(update_value);
+						let callback_message = (number_input.on_update.callback)(number_input);
+						responses.add(callback_message);
+					}
+					// TODO: This crashes when the cursor is in a text box, such as in the Text node, and the transform node is clicked (https://github.com/GraphiteEditor/Graphite/issues/1761)
+					Value::String(str) => match str.as_str() {
+						"Increment" => responses.add((number_input.increment_callback_increase.callback)(number_input)),
+						"Decrement" => responses.add((number_input.increment_callback_decrease.callback)(number_input)),
+						_ => panic!("Invalid string found when updating `NumberInput`"),
+					},
+					_ => {}
+				},
+			},
+			Widget::ParameterExposeButton(parameter_expose_button) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (parameter_expose_button.on_commit.callback)(&()),
+					WidgetValueAction::Update => (parameter_expose_button.on_update.callback)(parameter_expose_button),
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::ReferencePointInput(reference_point_input) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (reference_point_input.on_commit.callback)(&()),
+					WidgetValueAction::Update => {
+						let update_value = value.as_str().expect("ReferencePointInput update was not of type: u64");
+						reference_point_input.value = update_value.into();
+						(reference_point_input.on_update.callback)(reference_point_input)
+					}
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::PopoverButton(_) => {}
+			Widget::RadioInput(radio_input) => {
+				let update_value = value.as_u64().expect("RadioInput update was not of type: u64");
+				radio_input.selected_index = Some(update_value as u32);
+				let callback_message = match action {
+					WidgetValueAction::Commit => (radio_input.entries[update_value as usize].on_commit.callback)(&()),
+					WidgetValueAction::Update => (radio_input.entries[update_value as usize].on_update.callback)(&()),
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::Separator(_) => {}
+			Widget::TextAreaInput(text_area_input) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (text_area_input.on_commit.callback)(&()),
+					WidgetValueAction::Update => {
+						let update_value = value.as_str().expect("TextAreaInput update was not of type: string");
+						text_area_input.value = update_value.into();
+						(text_area_input.on_update.callback)(text_area_input)
+					}
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::TextButton(text_button) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (text_button.on_commit.callback)(&()),
+					WidgetValueAction::Update => (text_button.on_update.callback)(text_button),
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::TextInput(text_input) => {
+				let callback_message = match action {
+					WidgetValueAction::Commit => (text_input.on_commit.callback)(&()),
+					WidgetValueAction::Update => {
+						let update_value = value.as_str().expect("TextInput update was not of type: string");
+						text_input.value = update_value.into();
+						(text_input.on_update.callback)(text_input)
+					}
+				};
+
+				responses.add(callback_message);
+			}
+			Widget::TextLabel(_) => {}
+			Widget::WorkingColorsInput(_) => {}
+		};
+	}
+}
+
+impl<F: Fn(&MessageDiscriminant) -> Option<KeysGroup>> MessageHandler<LayoutMessage, F> for LayoutMessageHandler {
+	fn process_message(&mut self, message: LayoutMessage, responses: &mut std::collections::VecDeque<Message>, action_input_mapping: F) {
+		match message {
+			LayoutMessage::ResendActiveWidget { layout_target, widget_id } => {
+				// Find the updated diff based on the specified layout target
+				let Some(diff) = (match &self.layouts[layout_target as usize] {
+					Layout::MenuLayout(_) => return,
+					Layout::WidgetLayout(layout) => Self::get_widget_path(layout, widget_id).map(|(widget, widget_path)| {
+						// Create a widget update diff for the relevant id
+						let new_value = DiffUpdate::Widget(widget.clone());
+						WidgetDiff { widget_path, new_value }
+					}),
+				}) else {
+					return;
+				};
+				// Resend that diff
+				self.send_diff(vec![diff], layout_target, responses, &action_input_mapping);
+			}
+			LayoutMessage::SendLayout { layout, layout_target } => {
+				self.diff_and_send_layout_to_frontend(layout_target, layout, responses, &action_input_mapping);
+			}
+			LayoutMessage::WidgetValueCommit { layout_target, widget_id, value } => {
+				self.handle_widget_callback(layout_target, widget_id, value, WidgetValueAction::Commit, responses);
+			}
+			LayoutMessage::WidgetValueUpdate { layout_target, widget_id, value } => {
+				self.handle_widget_callback(layout_target, widget_id, value, WidgetValueAction::Update, responses);
+				responses.add(LayoutMessage::ResendActiveWidget { layout_target, widget_id });
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		actions!(LayoutMessageDiscriminant;)
+	}
+}
+
+impl LayoutMessageHandler {
+	/// Diff the update and send to the frontend where necessary
+	fn diff_and_send_layout_to_frontend(
+		&mut self,
+		layout_target: LayoutTarget,
+		new_layout: Layout,
+		responses: &mut VecDeque<Message>,
+		action_input_mapping: &impl Fn(&MessageDiscriminant) -> Option<KeysGroup>,
+	) {
+		match new_layout {
+			Layout::WidgetLayout(_) => {
+				let mut widget_diffs = Vec::new();
+				self.layouts[layout_target as usize].diff(new_layout, &mut Vec::new(), &mut widget_diffs);
+
+				// Skip sending if no diff.
+				if widget_diffs.is_empty() {
+					return;
+				}
+
+				self.send_diff(widget_diffs, layout_target, responses, action_input_mapping);
+			}
+			// We don't diff the menu bar layout yet.
+			Layout::MenuLayout(_) => {
+				// Skip update if the same
+				if self.layouts[layout_target as usize] == new_layout {
+					return;
+				}
+
+				// Update the backend storage
+				self.layouts[layout_target as usize] = new_layout;
+
+				// Update the UI
+				responses.add(FrontendMessage::UpdateMenuBarLayout {
+					layout_target,
+					layout: self.layouts[layout_target as usize].clone().unwrap_menu_layout(action_input_mapping).layout,
+				});
+			}
+		}
+	}
+
+	/// Send a diff to the frontend based on the layout target.
+	fn send_diff(&self, mut diff: Vec<WidgetDiff>, layout_target: LayoutTarget, responses: &mut VecDeque<Message>, action_input_mapping: &impl Fn(&MessageDiscriminant) -> Option<KeysGroup>) {
+		diff.iter_mut().for_each(|diff| diff.new_value.apply_keyboard_shortcut(action_input_mapping));
+
+		let message = match layout_target {
+			LayoutTarget::DialogButtons => FrontendMessage::UpdateDialogButtons { layout_target, diff },
+			LayoutTarget::DialogColumn1 => FrontendMessage::UpdateDialogColumn1 { layout_target, diff },
+			LayoutTarget::DialogColumn2 => FrontendMessage::UpdateDialogColumn2 { layout_target, diff },
+			LayoutTarget::DocumentBar => FrontendMessage::UpdateDocumentBarLayout { layout_target, diff },
+			LayoutTarget::DocumentMode => FrontendMessage::UpdateDocumentModeLayout { layout_target, diff },
+			LayoutTarget::LayersPanelControlLeftBar => FrontendMessage::UpdateLayersPanelControlBarLeftLayout { layout_target, diff },
+			LayoutTarget::LayersPanelControlRightBar => FrontendMessage::UpdateLayersPanelControlBarRightLayout { layout_target, diff },
+			LayoutTarget::LayersPanelBottomBar => FrontendMessage::UpdateLayersPanelBottomBarLayout { layout_target, diff },
+			LayoutTarget::MenuBar => unreachable!("Menu bar is not diffed"),
+			LayoutTarget::NodeGraphControlBar => FrontendMessage::UpdateNodeGraphControlBarLayout { layout_target, diff },
+			LayoutTarget::PropertiesSections => FrontendMessage::UpdatePropertyPanelSectionsLayout { layout_target, diff },
+			LayoutTarget::Spreadsheet => FrontendMessage::UpdateSpreadsheetLayout { layout_target, diff },
+			LayoutTarget::ToolOptions => FrontendMessage::UpdateToolOptionsLayout { layout_target, diff },
+			LayoutTarget::ToolShelf => FrontendMessage::UpdateToolShelfLayout { layout_target, diff },
+			LayoutTarget::WorkingColors => FrontendMessage::UpdateWorkingColorsLayout { layout_target, diff },
+
+			LayoutTarget::LayoutTargetLength => panic!("`LayoutTargetLength` is not a valid Layout Target and is used for array indexing"),
+		};
+		responses.add(message);
+	}
+}
diff --git a/editor/src/messages/layout/mod.rs b/editor/src/messages/layout/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bd148eb7651e82d5832deb066f65ccba8769d3e8
--- /dev/null
+++ b/editor/src/messages/layout/mod.rs
@@ -0,0 +1,9 @@
+mod layout_message;
+mod layout_message_handler;
+
+pub mod utility_types;
+
+#[doc(inline)]
+pub use layout_message::{LayoutMessage, LayoutMessageDiscriminant};
+#[doc(inline)]
+pub use layout_message_handler::LayoutMessageHandler;
diff --git a/editor/src/messages/layout/utility_types/layout_widget.rs b/editor/src/messages/layout/utility_types/layout_widget.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8802915e46f2355f6a1710b45213cfa4e1f998ef
--- /dev/null
+++ b/editor/src/messages/layout/utility_types/layout_widget.rs
@@ -0,0 +1,661 @@
+use super::widgets::button_widgets::*;
+use super::widgets::input_widgets::*;
+use super::widgets::label_widgets::*;
+use super::widgets::menu_widgets::MenuLayout;
+use crate::application::generate_uuid;
+use crate::messages::input_mapper::utility_types::input_keyboard::KeysGroup;
+use crate::messages::input_mapper::utility_types::misc::ActionKeys;
+use crate::messages::prelude::*;
+use std::sync::Arc;
+
+#[repr(transparent)]
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, PartialOrd, Ord, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct WidgetId(pub u64);
+
+impl core::fmt::Display for WidgetId {
+	fn fmt(&self, f: &mut core::fmt::Formatter<'_>) -> core::fmt::Result {
+		write!(f, "{}", self.0)
+	}
+}
+
+#[derive(PartialEq, Clone, Debug, Hash, Eq, Copy, serde::Serialize, serde::Deserialize, specta::Type)]
+#[repr(u8)]
+pub enum LayoutTarget {
+	/// Contains the action buttons at the bottom of the dialog. Must be shown with the `FrontendMessage::DisplayDialog` message.
+	DialogButtons,
+	/// Contains the contents of the dialog's primary column. Must be shown with the `FrontendMessage::DisplayDialog` message.
+	DialogColumn1,
+	/// Contains the contents of the dialog's secondary column (often blank). Must be shown with the `FrontendMessage::DisplayDialog` message.
+	DialogColumn2,
+	/// Contains the widgets located directly above the canvas to the right, for example the zoom in and out buttons.
+	DocumentBar,
+	/// Contains the dropdown for design / select / guide mode found on the top left of the canvas.
+	DocumentMode,
+	/// Blending options at the top of the Layers panel.
+	LayersPanelControlLeftBar,
+	/// Selected layer status (locked/hidden) at the top of the Layers panel.
+	LayersPanelControlRightBar,
+	/// Controls for adding, grouping, and deleting layers at the bottom of the Layers panel.
+	LayersPanelBottomBar,
+	/// The dropdown menu at the very top of the application: File, Edit, etc.
+	MenuBar,
+	/// Bar at the top of the node graph containing the location and the "Preview" and "Hide" buttons.
+	NodeGraphControlBar,
+	/// The body of the Properties panel containing many collapsable sections.
+	PropertiesSections,
+	/// The spredsheet panel allows for the visualisation of data in the graph.
+	Spreadsheet,
+	/// The bar directly above the canvas, left-aligned and to the right of the document mode dropdown.
+	ToolOptions,
+	/// The vertical buttons for all of the tools on the left of the canvas.
+	ToolShelf,
+	/// The color swatch for the working colors and a flip and reset button found at the bottom of the tool shelf.
+	WorkingColors,
+
+	// KEEP THIS ENUM LAST
+	// This is a marker that is used to define an array that is used to hold widgets
+	LayoutTargetLength,
+}
+
+/// For use by structs that define a UI widget layout by implementing the layout() function belonging to this trait.
+/// The send_layout() function can then be called by other code which is a part of the same struct so as to send the layout to the frontend.
+pub trait LayoutHolder {
+	fn layout(&self) -> Layout;
+
+	fn send_layout(&self, responses: &mut VecDeque<Message>, layout_target: LayoutTarget) {
+		responses.add(LayoutMessage::SendLayout { layout: self.layout(), layout_target });
+	}
+}
+
+/// Structs implementing this hold the layout (like [`LayoutHolder`]) for dialog content, but it also requires defining the dialog's title, icon, and action buttons.
+pub trait DialogLayoutHolder: LayoutHolder {
+	const ICON: &'static str;
+	const TITLE: &'static str;
+
+	fn layout_buttons(&self) -> Layout;
+	fn send_layout_buttons(&self, responses: &mut VecDeque<Message>, layout_target: LayoutTarget) {
+		responses.add(LayoutMessage::SendLayout {
+			layout: self.layout_buttons(),
+			layout_target,
+		});
+	}
+
+	fn layout_column_2(&self) -> Layout {
+		Layout::default()
+	}
+	fn send_layout_column_2(&self, responses: &mut VecDeque<Message>, layout_target: LayoutTarget) {
+		responses.add(LayoutMessage::SendLayout {
+			layout: self.layout_column_2(),
+			layout_target,
+		});
+	}
+
+	fn send_dialog_to_frontend(&self, responses: &mut VecDeque<Message>) {
+		self.send_layout(responses, LayoutTarget::DialogColumn1);
+		self.send_layout_column_2(responses, LayoutTarget::DialogColumn2);
+		self.send_layout_buttons(responses, LayoutTarget::DialogButtons);
+		responses.add(FrontendMessage::DisplayDialog {
+			icon: Self::ICON.into(),
+			title: Self::TITLE.into(),
+		});
+	}
+}
+
+/// Wraps a choice of layout type. The chosen layout contains an arrangement of widgets mounted somewhere specific in the frontend.
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum Layout {
+	WidgetLayout(WidgetLayout),
+	MenuLayout(MenuLayout),
+}
+
+impl Layout {
+	pub fn unwrap_menu_layout(self, action_input_mapping: &impl Fn(&MessageDiscriminant) -> Option<KeysGroup>) -> MenuLayout {
+		if let Self::MenuLayout(mut menu) = self {
+			menu.layout
+				.iter_mut()
+				.for_each(|menu_column| menu_column.children.fill_in_shortcut_actions_with_keys(action_input_mapping));
+			menu
+		} else {
+			panic!("Called unwrap_menu_layout on a widget layout");
+		}
+	}
+
+	pub fn iter(&self) -> Box<dyn Iterator<Item = &WidgetHolder> + '_> {
+		match self {
+			Layout::MenuLayout(menu_layout) => Box::new(menu_layout.iter()),
+			Layout::WidgetLayout(widget_layout) => Box::new(widget_layout.iter()),
+		}
+	}
+
+	pub fn iter_mut(&mut self) -> Box<dyn Iterator<Item = &mut WidgetHolder> + '_> {
+		match self {
+			Layout::MenuLayout(menu_layout) => Box::new(menu_layout.iter_mut()),
+			Layout::WidgetLayout(widget_layout) => Box::new(widget_layout.iter_mut()),
+		}
+	}
+
+	/// Diffing updates self (where self is old) based on new, updating the list of modifications as it does so.
+	pub fn diff(&mut self, new: Self, widget_path: &mut Vec<usize>, widget_diffs: &mut Vec<WidgetDiff>) {
+		match (self, new) {
+			// Simply diff the internal layout
+			(Self::WidgetLayout(current), Self::WidgetLayout(new)) => current.diff(new, widget_path, widget_diffs),
+			(current, Self::WidgetLayout(widget_layout)) => {
+				// Update current to the new value
+				*current = Self::WidgetLayout(widget_layout.clone());
+
+				// Push an update sublayout value
+				let new_value = DiffUpdate::SubLayout(widget_layout.layout);
+				let widget_path = widget_path.to_vec();
+				widget_diffs.push(WidgetDiff { widget_path, new_value });
+			}
+			(_, Self::MenuLayout(_)) => panic!("Cannot diff menu layout"),
+		}
+	}
+}
+
+impl Default for Layout {
+	fn default() -> Self {
+		Self::WidgetLayout(WidgetLayout::default())
+	}
+}
+
+#[derive(Debug, Default, Clone, serde::Serialize, serde::Deserialize, PartialEq, specta::Type)]
+pub struct WidgetLayout {
+	pub layout: SubLayout,
+}
+
+impl WidgetLayout {
+	pub fn new(layout: SubLayout) -> Self {
+		Self { layout }
+	}
+
+	pub fn iter(&self) -> WidgetIter<'_> {
+		WidgetIter {
+			stack: self.layout.iter().collect(),
+			..Default::default()
+		}
+	}
+
+	pub fn iter_mut(&mut self) -> WidgetIterMut<'_> {
+		WidgetIterMut {
+			stack: self.layout.iter_mut().collect(),
+			..Default::default()
+		}
+	}
+
+	/// Diffing updates self (where self is old) based on new, updating the list of modifications as it does so.
+	pub fn diff(&mut self, new: Self, widget_path: &mut Vec<usize>, widget_diffs: &mut Vec<WidgetDiff>) {
+		// Check if the length of items is different
+		// TODO: Diff insersion and deletion of items
+		if self.layout.len() != new.layout.len() {
+			// Update the layout to the new layout
+			self.layout.clone_from(&new.layout);
+
+			// Push an update sublayout to the diff
+			let new = DiffUpdate::SubLayout(new.layout);
+			widget_diffs.push(WidgetDiff {
+				widget_path: widget_path.to_vec(),
+				new_value: new,
+			});
+			return;
+		}
+		// Diff all of the children
+		for (index, (current_child, new_child)) in self.layout.iter_mut().zip(new.layout).enumerate() {
+			widget_path.push(index);
+			current_child.diff(new_child, widget_path, widget_diffs);
+			widget_path.pop();
+		}
+	}
+}
+
+#[derive(Debug, Default)]
+pub struct WidgetIter<'a> {
+	pub stack: Vec<&'a LayoutGroup>,
+	pub table: Vec<&'a WidgetHolder>,
+	pub current_slice: Option<&'a [WidgetHolder]>,
+}
+
+impl<'a> Iterator for WidgetIter<'a> {
+	type Item = &'a WidgetHolder;
+
+	fn next(&mut self) -> Option<Self::Item> {
+		let widget = self.table.pop().or_else(|| {
+			let (first, rest) = self.current_slice.take()?.split_first()?;
+			self.current_slice = Some(rest);
+			Some(first)
+		});
+
+		if let Some(item) = widget {
+			if let WidgetHolder { widget: Widget::PopoverButton(p), .. } = item {
+				self.stack.extend(p.popover_layout.iter());
+				return self.next();
+			}
+
+			return Some(item);
+		}
+
+		match self.stack.pop() {
+			Some(LayoutGroup::Column { widgets }) => {
+				self.current_slice = Some(widgets);
+				self.next()
+			}
+			Some(LayoutGroup::Row { widgets }) => {
+				self.current_slice = Some(widgets);
+				self.next()
+			}
+			Some(LayoutGroup::Table { rows }) => {
+				self.table.extend(rows.iter().flatten().rev());
+				self.next()
+			}
+			Some(LayoutGroup::Section { layout, .. }) => {
+				for layout_row in layout {
+					self.stack.push(layout_row);
+				}
+				self.next()
+			}
+			None => None,
+		}
+	}
+}
+
+#[derive(Debug, Default)]
+pub struct WidgetIterMut<'a> {
+	pub stack: Vec<&'a mut LayoutGroup>,
+	pub table: Vec<&'a mut WidgetHolder>,
+	pub current_slice: Option<&'a mut [WidgetHolder]>,
+}
+
+impl<'a> Iterator for WidgetIterMut<'a> {
+	type Item = &'a mut WidgetHolder;
+
+	fn next(&mut self) -> Option<Self::Item> {
+		let widget = self.table.pop().or_else(|| {
+			let (first, rest) = self.current_slice.take()?.split_first_mut()?;
+			self.current_slice = Some(rest);
+			Some(first)
+		});
+
+		if let Some(widget) = widget {
+			if let WidgetHolder { widget: Widget::PopoverButton(p), .. } = widget {
+				self.stack.extend(p.popover_layout.iter_mut());
+				return self.next();
+			}
+
+			return Some(widget);
+		}
+
+		match self.stack.pop() {
+			Some(LayoutGroup::Column { widgets }) => {
+				self.current_slice = Some(widgets);
+				self.next()
+			}
+			Some(LayoutGroup::Row { widgets }) => {
+				self.current_slice = Some(widgets);
+				self.next()
+			}
+			Some(LayoutGroup::Table { rows }) => {
+				self.table.extend(rows.iter_mut().flatten().rev());
+				self.next()
+			}
+			Some(LayoutGroup::Section { layout, .. }) => {
+				for layout_row in layout {
+					self.stack.push(layout_row);
+				}
+				self.next()
+			}
+			None => None,
+		}
+	}
+}
+
+pub type SubLayout = Vec<LayoutGroup>;
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum LayoutGroup {
+	#[serde(rename = "column")]
+	Column {
+		#[serde(rename = "columnWidgets")]
+		widgets: Vec<WidgetHolder>,
+	},
+	#[serde(rename = "row")]
+	Row {
+		#[serde(rename = "rowWidgets")]
+		widgets: Vec<WidgetHolder>,
+	},
+	#[serde(rename = "table")]
+	Table {
+		#[serde(rename = "tableWidgets")]
+		rows: Vec<Vec<WidgetHolder>>,
+	},
+	// TODO: Move this from being a child of `enum LayoutGroup` to being a child of `enum Layout`
+	#[serde(rename = "section")]
+	Section {
+		name: String,
+		description: String,
+		visible: bool,
+		pinned: bool,
+		id: u64,
+		layout: SubLayout,
+	},
+}
+
+impl Default for LayoutGroup {
+	fn default() -> Self {
+		Self::Row { widgets: Vec::new() }
+	}
+}
+impl From<Vec<WidgetHolder>> for LayoutGroup {
+	fn from(widgets: Vec<WidgetHolder>) -> LayoutGroup {
+		LayoutGroup::Row { widgets }
+	}
+}
+
+impl LayoutGroup {
+	/// Applies a tooltip to all widgets in this row or column without a tooltip.
+	pub fn with_tooltip(self, tooltip: impl Into<String>) -> Self {
+		let (is_col, mut widgets) = match self {
+			LayoutGroup::Column { widgets } => (true, widgets),
+			LayoutGroup::Row { widgets } => (false, widgets),
+			_ => unimplemented!(),
+		};
+		let tooltip = tooltip.into();
+		for widget in &mut widgets {
+			let val = match &mut widget.widget {
+				Widget::CheckboxInput(x) => &mut x.tooltip,
+				Widget::ColorInput(x) => &mut x.tooltip,
+				Widget::CurveInput(x) => &mut x.tooltip,
+				Widget::DropdownInput(x) => &mut x.tooltip,
+				Widget::FontInput(x) => &mut x.tooltip,
+				Widget::IconButton(x) => &mut x.tooltip,
+				Widget::IconLabel(x) => &mut x.tooltip,
+				Widget::ImageButton(x) => &mut x.tooltip,
+				Widget::NumberInput(x) => &mut x.tooltip,
+				Widget::ParameterExposeButton(x) => &mut x.tooltip,
+				Widget::PopoverButton(x) => &mut x.tooltip,
+				Widget::TextAreaInput(x) => &mut x.tooltip,
+				Widget::TextButton(x) => &mut x.tooltip,
+				Widget::TextInput(x) => &mut x.tooltip,
+				Widget::TextLabel(x) => &mut x.tooltip,
+				Widget::BreadcrumbTrailButtons(x) => &mut x.tooltip,
+				Widget::InvisibleStandinInput(_) | Widget::ReferencePointInput(_) | Widget::RadioInput(_) | Widget::Separator(_) | Widget::WorkingColorsInput(_) | Widget::NodeCatalog(_) => continue,
+			};
+			if val.is_empty() {
+				val.clone_from(&tooltip);
+			}
+		}
+		if is_col { Self::Column { widgets } } else { Self::Row { widgets } }
+	}
+
+	/// Diffing updates self (where self is old) based on new, updating the list of modifications as it does so.
+	pub fn diff(&mut self, new: Self, widget_path: &mut Vec<usize>, widget_diffs: &mut Vec<WidgetDiff>) {
+		let is_column = matches!(new, Self::Column { .. });
+		match (self, new) {
+			(Self::Column { widgets: current_widgets }, Self::Column { widgets: new_widgets }) | (Self::Row { widgets: current_widgets }, Self::Row { widgets: new_widgets }) => {
+				// If the lengths are different then resend the entire panel
+				// TODO: Diff insersion and deletion of items
+				if current_widgets.len() != new_widgets.len() {
+					// Update to the new value
+					current_widgets.clone_from(&new_widgets);
+
+					// Push back a LayoutGroup update to the diff
+					let new_value = DiffUpdate::LayoutGroup(if is_column { Self::Column { widgets: new_widgets } } else { Self::Row { widgets: new_widgets } });
+					let widget_path = widget_path.to_vec();
+					widget_diffs.push(WidgetDiff { widget_path, new_value });
+					return;
+				}
+				// Diff all of the children
+				for (index, (current_child, new_child)) in current_widgets.iter_mut().zip(new_widgets).enumerate() {
+					widget_path.push(index);
+					current_child.diff(new_child, widget_path, widget_diffs);
+					widget_path.pop();
+				}
+			}
+			(
+				Self::Section {
+					name: current_name,
+					description: current_description,
+					visible: current_visible,
+					pinned: current_pinned,
+					id: current_id,
+					layout: current_layout,
+				},
+				Self::Section {
+					name: new_name,
+					description: new_description,
+					visible: new_visible,
+					pinned: new_pinned,
+					id: new_id,
+					layout: new_layout,
+				},
+			) => {
+				// Resend the entire panel if the lengths, names, visibility, or node IDs are different
+				// TODO: Diff insersion and deletion of items
+				if current_layout.len() != new_layout.len()
+					|| *current_name != new_name
+					|| *current_description != new_description
+					|| *current_visible != new_visible
+					|| *current_pinned != new_pinned
+					|| *current_id != new_id
+				{
+					// Update self to reflect new changes
+					current_name.clone_from(&new_name);
+					current_description.clone_from(&new_description);
+					*current_visible = new_visible;
+					*current_pinned = new_pinned;
+					*current_id = new_id;
+					current_layout.clone_from(&new_layout);
+
+					// Push an update layout group to the diff
+					let new_value = DiffUpdate::LayoutGroup(Self::Section {
+						name: new_name,
+						description: new_description,
+						visible: new_visible,
+						pinned: new_pinned,
+						id: new_id,
+						layout: new_layout,
+					});
+					let widget_path = widget_path.to_vec();
+					widget_diffs.push(WidgetDiff { widget_path, new_value });
+				}
+				// Diff all of the children
+				else {
+					for (index, (current_child, new_child)) in current_layout.iter_mut().zip(new_layout).enumerate() {
+						widget_path.push(index);
+						current_child.diff(new_child, widget_path, widget_diffs);
+						widget_path.pop();
+					}
+				}
+			}
+			(current, new) => {
+				*current = new.clone();
+				let new_value = DiffUpdate::LayoutGroup(new);
+				let widget_path = widget_path.to_vec();
+				widget_diffs.push(WidgetDiff { widget_path, new_value });
+			}
+		}
+	}
+
+	pub fn iter_mut(&mut self) -> WidgetIterMut<'_> {
+		WidgetIterMut {
+			stack: vec![self],
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct WidgetHolder {
+	#[serde(rename = "widgetId")]
+	pub widget_id: WidgetId,
+	pub widget: Widget,
+}
+
+impl WidgetHolder {
+	#[deprecated(since = "0.0.0", note = "Please use the builder pattern, e.g. TextLabel::new(\"hello\").widget_holder()")]
+	pub fn new(widget: Widget) -> Self {
+		Self {
+			widget_id: WidgetId(generate_uuid()),
+			widget,
+		}
+	}
+
+	/// Diffing updates self (where self is old) based on new, updating the list of modifications as it does so.
+	pub fn diff(&mut self, new: Self, widget_path: &mut [usize], widget_diffs: &mut Vec<WidgetDiff>) {
+		// If there have been changes to the actual widget (not just the id)
+		if self.widget != new.widget {
+			// We should update to the new widget value as well as a new widget id
+			*self = new.clone();
+
+			// Push a widget update to the diff
+			let new_value = DiffUpdate::Widget(new);
+			let widget_path = widget_path.to_vec();
+			widget_diffs.push(WidgetDiff { widget_path, new_value });
+		} else {
+			// Required to update the callback function, which the PartialEq check above skips
+			self.widget = new.widget;
+		}
+	}
+}
+
+#[derive(Clone, specta::Type)]
+pub struct WidgetCallback<T> {
+	#[specta(skip)]
+	pub callback: Arc<dyn Fn(&T) -> Message + 'static + Send + Sync>,
+}
+
+impl<T> WidgetCallback<T> {
+	pub fn new(callback: impl Fn(&T) -> Message + 'static + Send + Sync) -> Self {
+		Self { callback: Arc::new(callback) }
+	}
+}
+
+impl<T> Default for WidgetCallback<T> {
+	fn default() -> Self {
+		Self::new(|_| Message::NoOp)
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum Widget {
+	BreadcrumbTrailButtons(BreadcrumbTrailButtons),
+	CheckboxInput(CheckboxInput),
+	ColorInput(ColorInput),
+	CurveInput(CurveInput),
+	DropdownInput(DropdownInput),
+	FontInput(FontInput),
+	IconButton(IconButton),
+	IconLabel(IconLabel),
+	ImageButton(ImageButton),
+	InvisibleStandinInput(InvisibleStandinInput),
+	NodeCatalog(NodeCatalog),
+	NumberInput(NumberInput),
+	ParameterExposeButton(ParameterExposeButton),
+	ReferencePointInput(ReferencePointInput),
+	PopoverButton(PopoverButton),
+	RadioInput(RadioInput),
+	Separator(Separator),
+	TextAreaInput(TextAreaInput),
+	TextButton(TextButton),
+	TextInput(TextInput),
+	TextLabel(TextLabel),
+	WorkingColorsInput(WorkingColorsInput),
+}
+
+/// A single change to part of the UI, containing the location of the change and the new value.
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct WidgetDiff {
+	/// A path to the change
+	/// e.g. [0, 1, 2] in the properties panel is the first section, second row and third widget.
+	/// An empty path [] shows that the entire panel has changed and is sent when the UI is first created.
+	#[serde(rename = "widgetPath")]
+	pub widget_path: Vec<usize>,
+	/// What the specified part of the UI has changed to.
+	#[serde(rename = "newValue")]
+	pub new_value: DiffUpdate,
+}
+
+/// The new value of the UI, sent as part of a diff.
+///
+/// An update can represent a single widget or an entire SubLayout, or just a single layout group.
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum DiffUpdate {
+	#[serde(rename = "subLayout")]
+	SubLayout(SubLayout),
+	#[serde(rename = "layoutGroup")]
+	LayoutGroup(LayoutGroup),
+	#[serde(rename = "widget")]
+	Widget(WidgetHolder),
+}
+
+impl DiffUpdate {
+	/// Append the keyboard shortcut to the tooltip where applicable
+	pub fn apply_keyboard_shortcut(&mut self, action_input_mapping: &impl Fn(&MessageDiscriminant) -> Option<KeysGroup>) {
+		// Function used multiple times later in this code block to convert `ActionKeys::Action` to `ActionKeys::Keys` and append its shortcut to the tooltip
+		let apply_shortcut_to_tooltip = |tooltip_shortcut: &mut ActionKeys, tooltip: &mut String| {
+			let shortcut_text = tooltip_shortcut.to_keys(action_input_mapping);
+
+			if let ActionKeys::Keys(_keys) = tooltip_shortcut {
+				if !shortcut_text.is_empty() {
+					if !tooltip.is_empty() {
+						tooltip.push(' ');
+					}
+					tooltip.push('(');
+					tooltip.push_str(&shortcut_text);
+					tooltip.push(')');
+				}
+			}
+		};
+
+		// Go through each widget to convert `ActionKeys::Action` to `ActionKeys::Keys` and append the key combination to the widget tooltip
+		let convert_tooltip = |widget_holder: &mut WidgetHolder| {
+			// Handle all the widgets that have tooltips
+			let mut tooltip_shortcut = match &mut widget_holder.widget {
+				Widget::BreadcrumbTrailButtons(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::CheckboxInput(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::ColorInput(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::DropdownInput(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::FontInput(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::IconButton(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::NumberInput(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::ParameterExposeButton(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::PopoverButton(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::TextButton(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::ImageButton(widget) => Some((&mut widget.tooltip, &mut widget.tooltip_shortcut)),
+				Widget::IconLabel(_)
+				| Widget::CurveInput(_)
+				| Widget::InvisibleStandinInput(_)
+				| Widget::NodeCatalog(_)
+				| Widget::ReferencePointInput(_)
+				| Widget::RadioInput(_)
+				| Widget::Separator(_)
+				| Widget::TextAreaInput(_)
+				| Widget::TextInput(_)
+				| Widget::TextLabel(_)
+				| Widget::WorkingColorsInput(_) => None,
+			};
+			if let Some((tooltip, Some(tooltip_shortcut))) = &mut tooltip_shortcut {
+				apply_shortcut_to_tooltip(tooltip_shortcut, tooltip);
+			}
+
+			// Handle RadioInput separately because its tooltips are children of the widget
+			if let Widget::RadioInput(radio_input) = &mut widget_holder.widget {
+				for radio_entry_data in &mut radio_input.entries {
+					if let RadioEntryData {
+						tooltip,
+						tooltip_shortcut: Some(tooltip_shortcut),
+						..
+					} = radio_entry_data
+					{
+						apply_shortcut_to_tooltip(tooltip_shortcut, tooltip);
+					}
+				}
+			}
+		};
+
+		match self {
+			Self::SubLayout(sub_layout) => sub_layout.iter_mut().flat_map(|group| group.iter_mut()).for_each(convert_tooltip),
+			Self::LayoutGroup(layout_group) => layout_group.iter_mut().for_each(convert_tooltip),
+			Self::Widget(widget_holder) => convert_tooltip(widget_holder),
+		}
+	}
+}
diff --git a/editor/src/messages/layout/utility_types/mod.rs b/editor/src/messages/layout/utility_types/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8408d0b1b814bdd71e1e6cb44fd347fe7a77d52e
--- /dev/null
+++ b/editor/src/messages/layout/utility_types/mod.rs
@@ -0,0 +1,10 @@
+pub mod layout_widget;
+pub mod widgets;
+
+pub mod widget_prelude {
+	pub use super::layout_widget::*;
+	pub use super::widgets::button_widgets::*;
+	pub use super::widgets::input_widgets::*;
+	pub use super::widgets::label_widgets::*;
+	pub use super::widgets::menu_widgets::*;
+}
diff --git a/editor/src/messages/layout/utility_types/widgets/button_widgets.rs b/editor/src/messages/layout/utility_types/widgets/button_widgets.rs
new file mode 100644
index 0000000000000000000000000000000000000000..54fbc92056f48595f84790efb2c6bc5246bd5127
--- /dev/null
+++ b/editor/src/messages/layout/utility_types/widgets/button_widgets.rs
@@ -0,0 +1,221 @@
+use crate::messages::input_mapper::utility_types::misc::ActionKeys;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::node_graph::utility_types::FrontendGraphDataType;
+use crate::messages::tool::tool_messages::tool_prelude::WidgetCallback;
+use derivative::*;
+use graphene_std::vector::style::FillChoice;
+use graphite_proc_macros::WidgetBuilder;
+
+#[derive(Clone, Default, Derivative, serde::Serialize, serde::Deserialize, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct IconButton {
+	#[widget_builder(constructor)]
+	pub icon: String,
+
+	#[serde(rename = "hoverIcon")]
+	pub hover_icon: Option<String>,
+
+	#[widget_builder(constructor)]
+	pub size: u32, // TODO: Convert to an `IconSize` enum
+
+	pub disabled: bool,
+
+	pub active: bool,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<IconButton>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct PopoverButton {
+	pub style: Option<String>,
+
+	#[serde(rename = "menuDirection")]
+	pub menu_direction: Option<MenuDirection>,
+
+	pub icon: Option<String>,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	#[serde(rename = "popoverLayout")]
+	pub popover_layout: SubLayout,
+
+	#[serde(rename = "popoverMinWidth")]
+	pub popover_min_width: Option<u32>,
+}
+
+#[derive(Clone, Default, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum MenuDirection {
+	Top,
+	#[default]
+	Bottom,
+	Left,
+	Right,
+	TopLeft,
+	TopRight,
+	BottomLeft,
+	BottomRight,
+	Center,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, Default, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct ParameterExposeButton {
+	pub exposed: bool,
+
+	#[serde(rename = "dataType")]
+	pub data_type: FrontendGraphDataType,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<ParameterExposeButton>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, Default, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct TextButton {
+	#[widget_builder(constructor)]
+	pub label: String,
+
+	pub icon: Option<String>,
+
+	#[serde(rename = "hoverIcon")]
+	pub hover_icon: Option<String>,
+
+	pub flush: bool,
+
+	pub emphasized: bool,
+
+	#[serde(rename = "minWidth")]
+	pub min_width: u32,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	#[serde(rename = "menuListChildren")]
+	pub menu_list_children: MenuListEntrySections,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<TextButton>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, Default, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct ImageButton {
+	#[widget_builder(constructor)]
+	pub image: String,
+
+	pub width: Option<String>,
+
+	pub height: Option<String>,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<()>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, Derivative, serde::Serialize, serde::Deserialize, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct ColorInput {
+	/// WARNING: The colors are gamma, not linear!
+	#[widget_builder(constructor)]
+	pub value: FillChoice,
+
+	pub disabled: bool,
+
+	// TODO: Implement
+	// #[serde(rename = "allowTransparency")]
+	// #[derivative(Default(value = "false"))]
+	// pub allow_transparency: bool,
+	//
+	#[serde(rename = "allowNone")]
+	#[derivative(Default(value = "true"))]
+	pub allow_none: bool,
+
+	// TODO: Implement
+	// pub disabled: bool,
+	//
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<ColorInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, Default, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct BreadcrumbTrailButtons {
+	#[widget_builder(constructor)]
+	pub labels: Vec<String>,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<u64>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
diff --git a/editor/src/messages/layout/utility_types/widgets/input_widgets.rs b/editor/src/messages/layout/utility_types/widgets/input_widgets.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b76f23a067c8fa0f007050c824cc16c1584df66e
--- /dev/null
+++ b/editor/src/messages/layout/utility_types/widgets/input_widgets.rs
@@ -0,0 +1,482 @@
+use crate::messages::input_mapper::utility_types::misc::ActionKeys;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use derivative::*;
+use graphene_std::Color;
+use graphene_std::raster::curve::Curve;
+use graphene_std::transform::ReferencePoint;
+use graphite_proc_macros::WidgetBuilder;
+use once_cell::sync::OnceCell;
+use std::sync::Arc;
+
+#[derive(Clone, Derivative, serde::Serialize, serde::Deserialize, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct CheckboxInput {
+	#[widget_builder(constructor)]
+	pub checked: bool,
+
+	pub disabled: bool,
+
+	pub icon: String,
+
+	pub tooltip: String,
+
+	#[serde(rename = "forLabel", skip_serializing_if = "checkbox_id_is_empty")]
+	pub for_label: CheckboxId,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<CheckboxInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+impl Default for CheckboxInput {
+	fn default() -> Self {
+		Self {
+			checked: false,
+			disabled: false,
+			icon: "Checkmark".into(),
+			tooltip: Default::default(),
+			tooltip_shortcut: Default::default(),
+			for_label: CheckboxId::default(),
+			on_update: Default::default(),
+			on_commit: Default::default(),
+		}
+	}
+}
+
+#[derive(Clone, Default, Debug, Eq, PartialEq)]
+pub struct CheckboxId(Arc<OnceCell<u64>>);
+
+impl CheckboxId {
+	pub fn fill(&mut self) {
+		let _ = self.0.set(graphene_std::uuid::generate_uuid());
+	}
+}
+impl specta::Type for CheckboxId {
+	fn inline(_type_map: &mut specta::TypeCollection, _generics: specta::Generics) -> specta::datatype::DataType {
+		// TODO: This might not be right, but it works for now. We just need the type `bigint | undefined`.
+		specta::datatype::DataType::Primitive(specta::datatype::PrimitiveType::u64)
+	}
+}
+impl serde::Serialize for CheckboxId {
+	fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
+	where
+		S: serde::Serializer,
+	{
+		self.0.get().copied().serialize(serializer)
+	}
+}
+impl<'a> serde::Deserialize<'a> for CheckboxId {
+	fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
+	where
+		D: serde::Deserializer<'a>,
+	{
+		let id = u64::deserialize(deserializer)?;
+		let checkbox_id = CheckboxId(OnceCell::new().into());
+		checkbox_id.0.set(id).map_err(serde::de::Error::custom)?;
+		Ok(checkbox_id)
+	}
+}
+
+fn checkbox_id_is_empty(id: &CheckboxId) -> bool {
+	id.0.get().is_none()
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct DropdownInput {
+	#[widget_builder(constructor)]
+	pub entries: MenuListEntrySections,
+
+	// This uses `u32` instead of `usize` since it will be serialized as a normal JS number (replace this with `usize` after switching to a Rust-based GUI)
+	#[serde(rename = "selectedIndex")]
+	pub selected_index: Option<u32>,
+
+	#[serde(rename = "drawIcon")]
+	pub draw_icon: bool,
+
+	#[derivative(Default(value = "true"))]
+	pub interactive: bool,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Styling
+	#[serde(rename = "minWidth")]
+	pub min_width: u32,
+
+	#[serde(rename = "maxWidth")]
+	pub max_width: u32,
+	//
+	// Callbacks
+	// `on_update` exists on the `MenuListEntry`, not this parent `DropdownInput`
+}
+
+pub type MenuListEntrySections = Vec<Vec<MenuListEntry>>;
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, Default, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+#[widget_builder(not_widget_holder)]
+pub struct MenuListEntry {
+	#[widget_builder(constructor)]
+	pub value: String,
+
+	pub label: String,
+
+	pub icon: String,
+
+	pub shortcut: Vec<String>,
+
+	#[serde(rename = "shortcutRequiresLock")]
+	pub shortcut_requires_lock: bool,
+
+	pub disabled: bool,
+
+	pub children: MenuListEntrySections,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<()>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct FontInput {
+	#[serde(rename = "fontFamily")]
+	#[widget_builder(constructor)]
+	pub font_family: String,
+
+	#[serde(rename = "fontStyle")]
+	#[widget_builder(constructor)]
+	pub font_style: String,
+
+	#[serde(rename = "isStyle")]
+	pub is_style_picker: bool,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<FontInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+/// This widget allows for the flexible use of the layout system.
+/// In a custom layout, one can define a widget that is just used to trigger code on the backend.
+/// This is used in MenuLayout to pipe the triggering of messages from the frontend to backend.
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, Default, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct InvisibleStandinInput {
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<()>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct NumberInput {
+	// Label
+	pub label: String,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Disabled
+	pub disabled: bool,
+
+	// Value
+	#[widget_builder(constructor)]
+	pub value: Option<f64>,
+
+	#[widget_builder(skip)]
+	pub min: Option<f64>,
+
+	#[widget_builder(skip)]
+	pub max: Option<f64>,
+
+	#[serde(rename = "isInteger")]
+	pub is_integer: bool,
+
+	// Number presentation
+	#[serde(rename = "displayDecimalPlaces")]
+	#[derivative(Default(value = "2"))]
+	pub display_decimal_places: u32,
+
+	pub unit: String,
+
+	#[serde(rename = "unitIsHiddenWhenEditing")]
+	#[derivative(Default(value = "true"))]
+	pub unit_is_hidden_when_editing: bool,
+
+	// Mode behavior
+	pub mode: NumberInputMode,
+
+	#[serde(rename = "incrementBehavior")]
+	pub increment_behavior: NumberInputIncrementBehavior,
+
+	#[derivative(Default(value = "1."))]
+	pub step: f64,
+
+	// TODO: Make this (and range_max) apply to both Range and Increment modes when dragging with the mouse
+	#[serde(rename = "rangeMin")]
+	pub range_min: Option<f64>,
+
+	#[serde(rename = "rangeMax")]
+	pub range_max: Option<f64>,
+
+	// Styling
+	#[serde(rename = "minWidth")]
+	pub min_width: u32,
+
+	#[serde(rename = "maxWidth")]
+	pub max_width: u32,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub increment_callback_increase: WidgetCallback<NumberInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub increment_callback_decrease: WidgetCallback<NumberInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<NumberInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+impl NumberInput {
+	pub fn int(mut self) -> Self {
+		self.is_integer = true;
+		self
+	}
+	pub fn min(mut self, val: f64) -> Self {
+		self.min = Some(val);
+		self.range_min = Some(val);
+		self
+	}
+	pub fn max(mut self, val: f64) -> Self {
+		self.max = Some(val);
+		self.range_max = Some(val);
+		self
+	}
+	pub fn mode_range(mut self) -> Self {
+		self.mode = NumberInputMode::Range;
+		self
+	}
+	pub fn mode_increment(mut self) -> Self {
+		self.mode = NumberInputMode::Increment;
+		self
+	}
+	pub fn increment_step(mut self, step: f64) -> Self {
+		self.step = step;
+		self
+	}
+	pub fn percentage(self) -> Self {
+		self.min(0.).max(100.).mode_range().unit("%").display_decimal_places(2)
+	}
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Debug, Default, PartialEq, Eq, specta::Type)]
+pub enum NumberInputIncrementBehavior {
+	#[default]
+	Add,
+	Multiply,
+	Callback,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Debug, Default, PartialEq, Eq, specta::Type)]
+pub enum NumberInputMode {
+	#[default]
+	Increment,
+	Range,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct NodeCatalog {
+	pub disabled: bool,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<String>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, Default, Derivative, serde::Serialize, serde::Deserialize, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct RadioInput {
+	#[widget_builder(constructor)]
+	pub entries: Vec<RadioEntryData>,
+
+	pub disabled: bool,
+
+	// This uses `u32` instead of `usize` since it will be serialized as a normal JS number (replace this with `usize` after switching to a Rust-based GUI)
+	#[serde(rename = "selectedIndex")]
+	pub selected_index: Option<u32>,
+
+	#[serde(rename = "minWidth")]
+	pub min_width: u32,
+}
+
+#[derive(Clone, Default, Derivative, serde::Serialize, serde::Deserialize, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+#[widget_builder(not_widget_holder)]
+pub struct RadioEntryData {
+	#[widget_builder(constructor)]
+	pub value: String,
+
+	pub label: String,
+
+	pub icon: String,
+
+	pub tooltip: String,
+
+	#[serde(skip)]
+	pub tooltip_shortcut: Option<ActionKeys>,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<()>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct WorkingColorsInput {
+	#[widget_builder(constructor)]
+	pub primary: Color,
+
+	#[widget_builder(constructor)]
+	pub secondary: Color,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct TextAreaInput {
+	#[widget_builder(constructor)]
+	pub value: String,
+
+	pub label: Option<String>,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<TextAreaInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct TextInput {
+	#[widget_builder(constructor)]
+	pub value: String,
+
+	pub label: Option<String>,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+
+	pub centered: bool,
+
+	#[serde(rename = "minWidth")]
+	pub min_width: u32,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<TextInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq, Default)]
+pub struct CurveInput {
+	#[widget_builder(constructor)]
+	pub value: Curve,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<CurveInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
+
+#[derive(Clone, Default, Derivative, serde::Serialize, serde::Deserialize, WidgetBuilder, specta::Type)]
+#[derivative(Debug, PartialEq)]
+pub struct ReferencePointInput {
+	#[widget_builder(constructor)]
+	pub value: ReferencePoint,
+
+	pub disabled: bool,
+
+	// Callbacks
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_update: WidgetCallback<ReferencePointInput>,
+
+	#[serde(skip)]
+	#[derivative(Debug = "ignore", PartialEq = "ignore")]
+	pub on_commit: WidgetCallback<()>,
+}
diff --git a/editor/src/messages/layout/utility_types/widgets/label_widgets.rs b/editor/src/messages/layout/utility_types/widgets/label_widgets.rs
new file mode 100644
index 0000000000000000000000000000000000000000..caeca5a4e10454876cd652dc89b1d0cf22c9fdf0
--- /dev/null
+++ b/editor/src/messages/layout/utility_types/widgets/label_widgets.rs
@@ -0,0 +1,77 @@
+use super::input_widgets::CheckboxId;
+use derivative::*;
+use graphite_proc_macros::WidgetBuilder;
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, Debug, Default, PartialEq, Eq, WidgetBuilder, specta::Type)]
+pub struct IconLabel {
+	#[widget_builder(constructor)]
+	pub icon: String,
+
+	pub disabled: bool,
+
+	pub tooltip: String,
+}
+
+#[derive(Debug, Clone, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, WidgetBuilder, specta::Type)]
+pub struct Separator {
+	pub direction: SeparatorDirection,
+
+	#[serde(rename = "type")]
+	#[widget_builder(constructor)]
+	pub separator_type: SeparatorType,
+}
+
+#[derive(Debug, Clone, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum SeparatorDirection {
+	#[default]
+	Horizontal,
+	Vertical,
+}
+
+#[derive(Debug, Clone, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum SeparatorType {
+	Related,
+	#[default]
+	Unrelated,
+	Section,
+}
+
+#[derive(Clone, serde::Serialize, serde::Deserialize, Derivative, Debug, PartialEq, Eq, Default, WidgetBuilder, specta::Type)]
+pub struct TextLabel {
+	pub disabled: bool,
+
+	pub bold: bool,
+
+	pub italic: bool,
+
+	#[serde(rename = "centerAlign")]
+	pub center_align: bool,
+
+	#[serde(rename = "tableAlign")]
+	pub table_align: bool,
+
+	pub multiline: bool,
+
+	#[serde(rename = "minWidth")]
+	pub min_width: u32,
+
+	pub tooltip: String,
+
+	#[serde(rename = "checkboxId")]
+	#[widget_builder(skip)]
+	pub checkbox_id: CheckboxId,
+
+	// Body
+	#[widget_builder(constructor)]
+	pub value: String,
+}
+
+impl TextLabel {
+	pub fn for_checkbox(mut self, id: &mut CheckboxId) -> Self {
+		id.fill();
+		self.checkbox_id = id.clone();
+		self
+	}
+}
+
+// TODO: Add UserInputLabel
diff --git a/editor/src/messages/layout/utility_types/widgets/menu_widgets.rs b/editor/src/messages/layout/utility_types/widgets/menu_widgets.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e96009d067ac2b3ee80c6ad8abaf8912ea1c68ed
--- /dev/null
+++ b/editor/src/messages/layout/utility_types/widgets/menu_widgets.rs
@@ -0,0 +1,131 @@
+use super::input_widgets::InvisibleStandinInput;
+use crate::messages::input_mapper::utility_types::input_keyboard::KeysGroup;
+use crate::messages::input_mapper::utility_types::misc::ActionKeys;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::prelude::*;
+
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize, PartialEq, Default, specta::Type)]
+pub struct MenuBarEntryChildren(pub Vec<Vec<MenuBarEntry>>);
+
+impl MenuBarEntryChildren {
+	pub fn empty() -> Self {
+		Self(Vec::new())
+	}
+
+	pub fn fill_in_shortcut_actions_with_keys(&mut self, action_input_mapping: &impl Fn(&MessageDiscriminant) -> Option<KeysGroup>) {
+		let entries = self.0.iter_mut().flatten();
+
+		for entry in entries {
+			if let Some(action_keys) = &mut entry.shortcut {
+				action_keys.to_keys(action_input_mapping);
+			}
+
+			// Recursively do this for the children also
+			entry.children.fill_in_shortcut_actions_with_keys(action_input_mapping);
+		}
+	}
+}
+
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize, PartialEq, specta::Type)]
+pub struct MenuBarEntry {
+	pub label: String,
+	pub icon: Option<String>,
+	pub shortcut: Option<ActionKeys>,
+	pub action: WidgetHolder,
+	pub children: MenuBarEntryChildren,
+	pub disabled: bool,
+}
+
+impl MenuBarEntry {
+	pub fn new_root(label: String, disabled: bool, children: MenuBarEntryChildren) -> Self {
+		Self {
+			label,
+			disabled,
+			children,
+			..Default::default()
+		}
+	}
+
+	pub fn create_action(callback: impl Fn(&()) -> Message + 'static + Send + Sync) -> WidgetHolder {
+		InvisibleStandinInput::new().on_update(callback).widget_holder()
+	}
+
+	pub fn no_action() -> WidgetHolder {
+		MenuBarEntry::create_action(|_| Message::NoOp)
+	}
+}
+
+impl Default for MenuBarEntry {
+	fn default() -> Self {
+		Self {
+			label: "".into(),
+			icon: None,
+			shortcut: None,
+			action: MenuBarEntry::no_action(),
+			children: MenuBarEntryChildren::empty(),
+			disabled: false,
+		}
+	}
+}
+
+#[derive(Debug, Default, Clone, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct MenuLayout {
+	pub layout: Vec<MenuBarEntry>,
+}
+
+impl MenuLayout {
+	pub fn new(layout: Vec<MenuBarEntry>) -> Self {
+		Self { layout }
+	}
+
+	pub fn iter(&self) -> impl Iterator<Item = &WidgetHolder> + '_ {
+		MenuLayoutIter { stack: self.layout.iter().collect() }
+	}
+
+	pub fn iter_mut(&mut self) -> impl Iterator<Item = &mut WidgetHolder> + '_ {
+		MenuLayoutIterMut {
+			stack: self.layout.iter_mut().collect(),
+		}
+	}
+}
+
+#[derive(Debug, Default)]
+pub struct MenuLayoutIter<'a> {
+	pub stack: Vec<&'a MenuBarEntry>,
+}
+
+impl<'a> Iterator for MenuLayoutIter<'a> {
+	type Item = &'a WidgetHolder;
+
+	fn next(&mut self) -> Option<Self::Item> {
+		match self.stack.pop() {
+			Some(menu_entry) => {
+				let more_entries = menu_entry.children.0.iter().flat_map(|entry| entry.iter());
+				self.stack.extend(more_entries);
+
+				Some(&menu_entry.action)
+			}
+			None => None,
+		}
+	}
+}
+
+pub struct MenuLayoutIterMut<'a> {
+	pub stack: Vec<&'a mut MenuBarEntry>,
+}
+
+impl<'a> Iterator for MenuLayoutIterMut<'a> {
+	type Item = &'a mut WidgetHolder;
+
+	fn next(&mut self) -> Option<Self::Item> {
+		match self.stack.pop() {
+			Some(menu_entry) => {
+				let more_entries = menu_entry.children.0.iter_mut().flat_map(|entry| entry.iter_mut());
+				self.stack.extend(more_entries);
+
+				Some(&mut menu_entry.action)
+			}
+			None => None,
+		}
+	}
+}
diff --git a/editor/src/messages/layout/utility_types/widgets/mod.rs b/editor/src/messages/layout/utility_types/widgets/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..922029633c9e90fde9ab86153830116c66065054
--- /dev/null
+++ b/editor/src/messages/layout/utility_types/widgets/mod.rs
@@ -0,0 +1,4 @@
+pub mod button_widgets;
+pub mod input_widgets;
+pub mod label_widgets;
+pub mod menu_widgets;
diff --git a/editor/src/messages/message.rs b/editor/src/messages/message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..80323d9309a68c17e409b62c37442327133e21c1
--- /dev/null
+++ b/editor/src/messages/message.rs
@@ -0,0 +1,47 @@
+use crate::messages::prelude::*;
+use graphite_proc_macros::*;
+
+#[impl_message]
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum Message {
+	NoOp,
+	Init,
+	Batched(Box<[Message]>),
+	StartBuffer,
+	EndBuffer(graphene_std::renderer::RenderMetadata),
+
+	#[child]
+	Animation(AnimationMessage),
+	#[child]
+	Broadcast(BroadcastMessage),
+	#[child]
+	Debug(DebugMessage),
+	#[child]
+	Dialog(DialogMessage),
+	#[child]
+	Frontend(FrontendMessage),
+	#[child]
+	Globals(GlobalsMessage),
+	#[child]
+	InputPreprocessor(InputPreprocessorMessage),
+	#[child]
+	KeyMapping(KeyMappingMessage),
+	#[child]
+	Layout(LayoutMessage),
+	#[child]
+	Portfolio(PortfolioMessage),
+	#[child]
+	Preferences(PreferencesMessage),
+	#[child]
+	Tool(ToolMessage),
+	#[child]
+	Workspace(WorkspaceMessage),
+}
+
+/// Provides an impl of `specta::Type` for `MessageDiscriminant`, the struct created by `impl_message`.
+/// Specta isn't integrated with `impl_message`, so a remote impl must be provided using this struct.
+impl specta::Type for MessageDiscriminant {
+	fn inline(_type_map: &mut specta::TypeCollection, _generics: specta::Generics) -> specta::DataType {
+		specta::DataType::Any
+	}
+}
diff --git a/editor/src/messages/mod.rs b/editor/src/messages/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7b43a4010813a0f407933a3e108193b632c83850
--- /dev/null
+++ b/editor/src/messages/mod.rs
@@ -0,0 +1,17 @@
+//! The root-level messages forming the first layer of the message system architecture.
+
+pub mod animation;
+pub mod broadcast;
+pub mod debug;
+pub mod dialog;
+pub mod frontend;
+pub mod globals;
+pub mod input_mapper;
+pub mod input_preprocessor;
+pub mod layout;
+pub mod message;
+pub mod portfolio;
+pub mod preferences;
+pub mod prelude;
+pub mod tool;
+pub mod workspace;
diff --git a/editor/src/messages/portfolio/document/document_message.rs b/editor/src/messages/portfolio/document/document_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..18ede64be85a2eef1240943fa7d35a8632696aa2
--- /dev/null
+++ b/editor/src/messages/portfolio/document/document_message.rs
@@ -0,0 +1,206 @@
+use super::utility_types::misc::{GroupFolderType, SnappingState};
+use crate::messages::input_mapper::utility_types::input_keyboard::Key;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::overlays::utility_types::OverlaysType;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::misc::{AlignAggregate, AlignAxis, FlipAxis, GridSnapping};
+use crate::messages::portfolio::utility_types::PanelType;
+use crate::messages::prelude::*;
+use glam::DAffine2;
+use graph_craft::document::NodeId;
+use graphene_std::Color;
+use graphene_std::raster::BlendMode;
+use graphene_std::raster::Image;
+use graphene_std::transform::Footprint;
+use graphene_std::vector::click_target::ClickTarget;
+use graphene_std::vector::style::ViewMode;
+
+#[impl_message(Message, PortfolioMessage, Document)]
+#[derive(derivative::Derivative, Clone, serde::Serialize, serde::Deserialize)]
+#[derivative(Debug, PartialEq)]
+pub enum DocumentMessage {
+	Noop,
+	// Sub-messages
+	#[child]
+	GraphOperation(GraphOperationMessage),
+	#[child]
+	Navigation(NavigationMessage),
+	#[child]
+	NodeGraph(NodeGraphMessage),
+	#[child]
+	Overlays(OverlaysMessage),
+	#[child]
+	PropertiesPanel(PropertiesPanelMessage),
+
+	// Messages
+	AlignSelectedLayers {
+		axis: AlignAxis,
+		aggregate: AlignAggregate,
+	},
+	RemoveArtboards,
+	ClearLayersPanel,
+	CreateEmptyFolder,
+	DeleteNode {
+		node_id: NodeId,
+	},
+	DeleteSelectedLayers,
+	DeselectAllLayers,
+	DocumentHistoryBackward,
+	DocumentHistoryForward,
+	DocumentStructureChanged,
+	DrawArtboardOverlays(OverlayContext),
+	DuplicateSelectedLayers,
+	EnterNestedNetwork {
+		node_id: NodeId,
+	},
+	Escape,
+	ExitNestedNetwork {
+		steps_back: usize,
+	},
+	FlipSelectedLayers {
+		flip_axis: FlipAxis,
+	},
+	RotateSelectedLayers {
+		degrees: f64,
+	},
+	GraphViewOverlay {
+		open: bool,
+	},
+	GraphViewOverlayToggle,
+	GridOptions(GridSnapping),
+	GridOverlays(OverlayContext),
+	GridVisibility(bool),
+	GroupSelectedLayers {
+		group_folder_type: GroupFolderType,
+	},
+	MoveSelectedLayersTo {
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+	MoveSelectedLayersToGroup {
+		parent: LayerNodeIdentifier,
+	},
+	NudgeSelectedLayers {
+		delta_x: f64,
+		delta_y: f64,
+		resize: Key,
+		resize_opposite_corner: Key,
+	},
+	PasteImage {
+		name: Option<String>,
+		image: Image<Color>,
+		mouse: Option<(f64, f64)>,
+		parent_and_insert_index: Option<(LayerNodeIdentifier, usize)>,
+	},
+	PasteSvg {
+		name: Option<String>,
+		svg: String,
+		mouse: Option<(f64, f64)>,
+		parent_and_insert_index: Option<(LayerNodeIdentifier, usize)>,
+	},
+	Redo,
+	RenameDocument {
+		new_name: String,
+	},
+	RenderRulers,
+	RenderScrollbars,
+	SaveDocument,
+	SelectParentLayer,
+	SelectAllLayers,
+	SelectedLayersLower,
+	SelectedLayersLowerToBack,
+	SelectedLayersRaise,
+	SelectedLayersRaiseToFront,
+	SelectedLayersReverse,
+	SelectedLayersReorder {
+		relative_index_offset: isize,
+	},
+	ClipLayer {
+		id: NodeId,
+	},
+	SelectLayer {
+		id: NodeId,
+		ctrl: bool,
+		shift: bool,
+	},
+	SetActivePanel {
+		active_panel: PanelType,
+	},
+	SetBlendModeForSelectedLayers {
+		blend_mode: BlendMode,
+	},
+	SetGraphFadeArtwork {
+		percentage: f64,
+	},
+	SetNodePinned {
+		node_id: NodeId,
+		pinned: bool,
+	},
+	SetOpacityForSelectedLayers {
+		opacity: f64,
+	},
+	SetFillForSelectedLayers {
+		fill: f64,
+	},
+	SetOverlaysVisibility {
+		visible: bool,
+		overlays_type: Option<OverlaysType>,
+	},
+	SetRangeSelectionLayer {
+		new_layer: Option<LayerNodeIdentifier>,
+	},
+	SetSnapping {
+		#[serde(skip)]
+		#[derivative(Debug = "ignore", PartialEq = "ignore")]
+		closure: Option<for<'a> fn(&'a mut SnappingState) -> &'a mut bool>,
+		snapping_state: bool,
+	},
+	SetToNodeOrLayer {
+		node_id: NodeId,
+		is_layer: bool,
+	},
+	SetViewMode {
+		view_mode: ViewMode,
+	},
+	AddTransaction,
+	StartTransaction,
+	EndTransaction,
+	CommitTransaction,
+	AbortTransaction,
+	RepeatedAbortTransaction {
+		undo_count: usize,
+	},
+	ToggleLayerExpansion {
+		id: NodeId,
+		recursive: bool,
+	},
+	ToggleSelectedVisibility,
+	ToggleSelectedLocked,
+	ToggleGridVisibility,
+	ToggleOverlaysVisibility,
+	ToggleSnapping,
+	UpdateUpstreamTransforms {
+		upstream_footprints: HashMap<NodeId, Footprint>,
+		local_transforms: HashMap<NodeId, DAffine2>,
+	},
+	UpdateClickTargets {
+		click_targets: HashMap<NodeId, Vec<ClickTarget>>,
+	},
+	UpdateClipTargets {
+		clip_targets: HashSet<NodeId>,
+	},
+	Undo,
+	UngroupSelectedLayers,
+	UngroupLayer {
+		layer: LayerNodeIdentifier,
+	},
+	PTZUpdate,
+	SelectionStepBack,
+	SelectionStepForward,
+	WrapContentInArtboard {
+		place_artboard_at_origin: bool,
+	},
+	ZoomCanvasTo100Percent,
+	ZoomCanvasTo200Percent,
+	ZoomCanvasToFitAll,
+}
diff --git a/editor/src/messages/portfolio/document/document_message_handler.rs b/editor/src/messages/portfolio/document/document_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..81f631dfe05ad3b7e90faf61599c1dc799ab9b4b
--- /dev/null
+++ b/editor/src/messages/portfolio/document/document_message_handler.rs
@@ -0,0 +1,3371 @@
+use super::node_graph::document_node_definitions;
+use super::node_graph::utility_types::Transform;
+use super::overlays::utility_types::Pivot;
+use super::utility_types::error::EditorError;
+use super::utility_types::misc::{GroupFolderType, SNAP_FUNCTIONS_FOR_BOUNDING_BOXES, SNAP_FUNCTIONS_FOR_PATHS, SnappingOptions, SnappingState};
+use super::utility_types::network_interface::{self, NodeNetworkInterface, TransactionStatus};
+use super::utility_types::nodes::{CollapsedLayers, SelectedNodes};
+use crate::application::{GRAPHITE_GIT_COMMIT_HASH, generate_uuid};
+use crate::consts::{ASYMPTOTIC_EFFECT, COLOR_OVERLAY_GRAY, DEFAULT_DOCUMENT_NAME, FILE_SAVE_SUFFIX, SCALE_EFFECT, SCROLLBAR_SPACING, VIEWPORT_ROTATE_SNAP_INTERVAL};
+use crate::messages::input_mapper::utility_types::macros::action_keys;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::node_graph::NodeGraphHandlerData;
+use crate::messages::portfolio::document::overlays::grid_overlays::{grid_overlay, overlay_options};
+use crate::messages::portfolio::document::overlays::utility_types::{OverlaysType, OverlaysVisibilitySettings};
+use crate::messages::portfolio::document::properties_panel::utility_types::PropertiesPanelMessageHandlerData;
+use crate::messages::portfolio::document::utility_types::document_metadata::{DocumentMetadata, LayerNodeIdentifier};
+use crate::messages::portfolio::document::utility_types::misc::{AlignAggregate, AlignAxis, DocumentMode, FlipAxis, PTZ};
+use crate::messages::portfolio::document::utility_types::network_interface::{FlowType, InputConnector, NodeTemplate};
+use crate::messages::portfolio::document::utility_types::nodes::RawBuffer;
+use crate::messages::portfolio::utility_types::PersistentData;
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::graph_modification_utils::{self, get_blend_mode, get_fill, get_opacity};
+use crate::messages::tool::tool_messages::select_tool::SelectToolPointerKeys;
+use crate::messages::tool::tool_messages::tool_prelude::Key;
+use crate::messages::tool::utility_types::ToolType;
+use crate::node_graph_executor::NodeGraphExecutor;
+use bezier_rs::Subpath;
+use glam::{DAffine2, DVec2, IVec2};
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{NodeId, NodeInput, NodeNetwork, OldNodeNetwork};
+use graphene_std::math::quad::Quad;
+use graphene_std::path_bool::{boolean_intersect, path_bool_lib};
+use graphene_std::raster::BlendMode;
+use graphene_std::raster_types::{Raster, RasterDataTable};
+use graphene_std::vector::PointId;
+use graphene_std::vector::click_target::{ClickTarget, ClickTargetType};
+use graphene_std::vector::style::ViewMode;
+use std::time::Duration;
+
+pub struct DocumentMessageData<'a> {
+	pub document_id: DocumentId,
+	pub ipp: &'a InputPreprocessorMessageHandler,
+	pub persistent_data: &'a PersistentData,
+	pub executor: &'a mut NodeGraphExecutor,
+	pub current_tool: &'a ToolType,
+	pub preferences: &'a PreferencesMessageHandler,
+	pub device_pixel_ratio: f64,
+}
+
+#[derive(Clone, Debug, serde::Serialize, serde::Deserialize)]
+#[serde(default)]
+pub struct DocumentMessageHandler {
+	// ======================
+	// Child message handlers
+	// ======================
+	//
+	#[serde(skip)]
+	pub navigation_handler: NavigationMessageHandler,
+	#[serde(skip)]
+	pub node_graph_handler: NodeGraphMessageHandler,
+	#[serde(skip)]
+	overlays_message_handler: OverlaysMessageHandler,
+	#[serde(skip)]
+	properties_panel_message_handler: PropertiesPanelMessageHandler,
+
+	// ============================================
+	// Fields that are saved in the document format
+	// ============================================
+	//
+	// Contains the NodeNetwork and acts an an interface to manipulate the NodeNetwork with custom setters in order to keep NetworkMetadata in sync
+	pub network_interface: NodeNetworkInterface,
+	/// List of the [`LayerNodeIdentifier`]s that are currently collapsed by the user in the Layers panel.
+	/// Collapsed means that the expansion arrow isn't set to show the children of these layers.
+	pub collapsed: CollapsedLayers,
+	/// The name of the document, which is displayed in the tab and title bar of the editor.
+	pub name: String,
+	/// The full Git commit hash of the Graphite repository that was used to build the editor.
+	/// We save this to provide a hint about which version of the editor was used to create the document.
+	pub commit_hash: String,
+	/// The current pan, tilt, and zoom state of the viewport's view of the document canvas.
+	pub document_ptz: PTZ,
+	/// The current mode that the document is in, which starts out as Design Mode. This choice affects the editing behavior of the tools.
+	pub document_mode: DocumentMode,
+	/// The current view mode that the user has set for rendering the document within the viewport.
+	/// This is usually "Normal" but can be set to "Outline" or "Pixels" to see the canvas differently.
+	pub view_mode: ViewMode,
+	/// Sets whether or not all the viewport overlays should be drawn on top of the artwork.
+	/// This includes tool interaction visualizations (like the transform cage and path anchors/handles), the grid, and more.
+	pub overlays_visibility_settings: OverlaysVisibilitySettings,
+	/// Sets whether or not the rulers should be drawn along the top and left edges of the viewport area.
+	pub rulers_visible: bool,
+	/// The current user choices for snapping behavior, including whether snapping is enabled at all.
+	pub snapping_state: SnappingState,
+	/// Sets whether or not the node graph is drawn (as an overlay) on top of the viewport area, or otherwise if it's hidden.
+	pub graph_view_overlay_open: bool,
+	/// The current opacity of the faded node graph background that covers up the artwork.
+	pub graph_fade_artwork_percentage: f64,
+
+	// =============================================
+	// Fields omitted from the saved document format
+	// =============================================
+	//
+	/// Path to network currently viewed in the node graph overlay. This will eventually be stored in each panel, so that multiple panels can refer to different networks
+	#[serde(skip)]
+	breadcrumb_network_path: Vec<NodeId>,
+	/// Path to network that is currently selected. Updated based on the most recently clicked panel.
+	#[serde(skip)]
+	selection_network_path: Vec<NodeId>,
+	/// Stack of document network snapshots for previous history states.
+	#[serde(skip)]
+	document_undo_history: VecDeque<NodeNetworkInterface>,
+	/// Stack of document network snapshots for future history states.
+	#[serde(skip)]
+	document_redo_history: VecDeque<NodeNetworkInterface>,
+	/// Hash of the document snapshot that was most recently saved to disk by the user.
+	#[serde(skip)]
+	saved_hash: Option<u64>,
+	/// Hash of the document snapshot that was most recently auto-saved to the IndexedDB storage that will reopen when the editor is reloaded.
+	#[serde(skip)]
+	auto_saved_hash: Option<u64>,
+	/// The ID of the layer at the start of a range selection in the Layers panel.
+	/// If the user clicks or Ctrl-clicks one layer, it becomes the start of the range selection and then Shift-clicking another layer selects all layers between the start and end.
+	#[serde(skip)]
+	layer_range_selection_reference: Option<LayerNodeIdentifier>,
+	/// Whether or not the editor has executed the network to render the document yet. If this is opened as an inactive tab, it won't be loaded initially because the active tab is prioritized.
+	#[serde(skip)]
+	pub is_loaded: bool,
+}
+
+impl Default for DocumentMessageHandler {
+	fn default() -> Self {
+		Self {
+			// ======================
+			// Child message handlers
+			// ======================
+			navigation_handler: NavigationMessageHandler::default(),
+			node_graph_handler: NodeGraphMessageHandler::default(),
+			overlays_message_handler: OverlaysMessageHandler::default(),
+			properties_panel_message_handler: PropertiesPanelMessageHandler::default(),
+			// ============================================
+			// Fields that are saved in the document format
+			// ============================================
+			network_interface: default_document_network_interface(),
+			collapsed: CollapsedLayers::default(),
+			name: DEFAULT_DOCUMENT_NAME.to_string(),
+			commit_hash: GRAPHITE_GIT_COMMIT_HASH.to_string(),
+			document_ptz: PTZ::default(),
+			document_mode: DocumentMode::DesignMode,
+			view_mode: ViewMode::default(),
+			overlays_visibility_settings: OverlaysVisibilitySettings::default(),
+			rulers_visible: true,
+			graph_view_overlay_open: false,
+			snapping_state: SnappingState::default(),
+			graph_fade_artwork_percentage: 80.,
+			// =============================================
+			// Fields omitted from the saved document format
+			// =============================================
+			breadcrumb_network_path: Vec::new(),
+			selection_network_path: Vec::new(),
+			document_undo_history: VecDeque::new(),
+			document_redo_history: VecDeque::new(),
+			saved_hash: None,
+			auto_saved_hash: None,
+			layer_range_selection_reference: None,
+			is_loaded: false,
+		}
+	}
+}
+
+impl MessageHandler<DocumentMessage, DocumentMessageData<'_>> for DocumentMessageHandler {
+	fn process_message(&mut self, message: DocumentMessage, responses: &mut VecDeque<Message>, data: DocumentMessageData) {
+		let DocumentMessageData {
+			document_id,
+			ipp,
+			persistent_data,
+			executor,
+			current_tool,
+			preferences,
+			device_pixel_ratio,
+		} = data;
+
+		let selected_nodes_bounding_box_viewport = self.network_interface.selected_nodes_bounding_box_viewport(&self.breadcrumb_network_path);
+		let selected_visible_layers_bounding_box_viewport = self.selected_visible_layers_bounding_box_viewport();
+		match message {
+			// Sub-messages
+			DocumentMessage::Navigation(message) => {
+				let data = NavigationMessageData {
+					network_interface: &mut self.network_interface,
+					breadcrumb_network_path: &self.breadcrumb_network_path,
+					ipp,
+					selection_bounds: if self.graph_view_overlay_open {
+						selected_nodes_bounding_box_viewport
+					} else {
+						selected_visible_layers_bounding_box_viewport
+					},
+					document_ptz: &mut self.document_ptz,
+					graph_view_overlay_open: self.graph_view_overlay_open,
+					preferences,
+				};
+
+				self.navigation_handler.process_message(message, responses, data);
+			}
+			DocumentMessage::Overlays(message) => {
+				let visibility_settings = self.overlays_visibility_settings;
+
+				// Send the overlays message to the overlays message handler
+				self.overlays_message_handler.process_message(
+					message,
+					responses,
+					OverlaysMessageData {
+						visibility_settings,
+						ipp,
+						device_pixel_ratio,
+					},
+				);
+			}
+			DocumentMessage::PropertiesPanel(message) => {
+				let properties_panel_message_handler_data = PropertiesPanelMessageHandlerData {
+					network_interface: &mut self.network_interface,
+					selection_network_path: &self.selection_network_path,
+					document_name: self.name.as_str(),
+					executor,
+				};
+				self.properties_panel_message_handler
+					.process_message(message, responses, (persistent_data, properties_panel_message_handler_data));
+			}
+			DocumentMessage::NodeGraph(message) => {
+				self.node_graph_handler.process_message(
+					message,
+					responses,
+					NodeGraphHandlerData {
+						network_interface: &mut self.network_interface,
+						selection_network_path: &self.selection_network_path,
+						breadcrumb_network_path: &self.breadcrumb_network_path,
+						document_id,
+						collapsed: &mut self.collapsed,
+						ipp,
+						graph_view_overlay_open: self.graph_view_overlay_open,
+						graph_fade_artwork_percentage: self.graph_fade_artwork_percentage,
+						navigation_handler: &self.navigation_handler,
+						preferences,
+					},
+				);
+			}
+			DocumentMessage::GraphOperation(message) => {
+				let data = GraphOperationMessageData {
+					network_interface: &mut self.network_interface,
+					collapsed: &mut self.collapsed,
+					node_graph: &mut self.node_graph_handler,
+				};
+				let mut graph_operation_message_handler = GraphOperationMessageHandler {};
+				graph_operation_message_handler.process_message(message, responses, data);
+			}
+			DocumentMessage::AlignSelectedLayers { axis, aggregate } => {
+				let axis = match axis {
+					AlignAxis::X => DVec2::X,
+					AlignAxis::Y => DVec2::Y,
+				};
+				let Some(combined_box) = self.selected_visible_layers_bounding_box_viewport() else {
+					return;
+				};
+
+				let aggregated = match aggregate {
+					AlignAggregate::Min => combined_box[0],
+					AlignAggregate::Max => combined_box[1],
+					AlignAggregate::Center => (combined_box[0] + combined_box[1]) / 2.,
+				};
+
+				let mut added_transaction = false;
+				for layer in self.network_interface.selected_nodes().selected_unlocked_layers(&self.network_interface) {
+					let Some(bbox) = self.metadata().bounding_box_viewport(layer) else {
+						continue;
+					};
+					let center = match aggregate {
+						AlignAggregate::Min => bbox[0],
+						AlignAggregate::Max => bbox[1],
+						_ => (bbox[0] + bbox[1]) / 2.,
+					};
+					let translation = (aggregated - center) * axis;
+					if !added_transaction {
+						responses.add(DocumentMessage::AddTransaction);
+						added_transaction = true;
+					}
+					responses.add(GraphOperationMessage::TransformChange {
+						layer,
+						transform: DAffine2::from_translation(translation),
+						transform_in: TransformIn::Viewport,
+						skip_rerender: false,
+					});
+				}
+			}
+			DocumentMessage::RemoveArtboards => {
+				responses.add(GraphOperationMessage::RemoveArtboards);
+			}
+			DocumentMessage::ClearLayersPanel => {
+				// Send an empty layer list
+				let data_buffer: RawBuffer = Self::default().serialize_root();
+				responses.add(FrontendMessage::UpdateDocumentLayerStructure { data_buffer });
+
+				// Clear the control bar
+				responses.add(LayoutMessage::SendLayout {
+					layout: Layout::WidgetLayout(Default::default()),
+					layout_target: LayoutTarget::LayersPanelControlLeftBar,
+				});
+				responses.add(LayoutMessage::SendLayout {
+					layout: Layout::WidgetLayout(Default::default()),
+					layout_target: LayoutTarget::LayersPanelControlRightBar,
+				});
+
+				// Clear the bottom bar
+				responses.add(LayoutMessage::SendLayout {
+					layout: Layout::WidgetLayout(Default::default()),
+					layout_target: LayoutTarget::LayersPanelBottomBar,
+				});
+			}
+			DocumentMessage::CreateEmptyFolder => {
+				let selected_nodes = self.network_interface.selected_nodes();
+				let id = NodeId::new();
+
+				let parent = self
+					.network_interface
+					.deepest_common_ancestor(&selected_nodes, &self.selection_network_path, true)
+					.unwrap_or(LayerNodeIdentifier::ROOT_PARENT);
+
+				let insert_index = DocumentMessageHandler::get_calculated_insert_index(self.metadata(), &self.network_interface.selected_nodes(), parent);
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(GraphOperationMessage::NewCustomLayer {
+					id,
+					nodes: Vec::new(),
+					parent,
+					insert_index,
+				});
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![id] });
+			}
+			DocumentMessage::DeleteNode { node_id } => {
+				responses.add(DocumentMessage::StartTransaction);
+
+				responses.add(NodeGraphMessage::DeleteNodes {
+					node_ids: vec![node_id],
+					delete_children: true,
+				});
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(NodeGraphMessage::SelectedNodesUpdated);
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(DocumentMessage::EndTransaction);
+			}
+			DocumentMessage::DeleteSelectedLayers => {
+				responses.add(NodeGraphMessage::DeleteSelectedNodes { delete_children: true });
+			}
+			DocumentMessage::DeselectAllLayers => {
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![] });
+				self.layer_range_selection_reference = None;
+			}
+			DocumentMessage::DocumentHistoryBackward => self.undo_with_history(ipp, responses),
+			DocumentMessage::DocumentHistoryForward => self.redo_with_history(ipp, responses),
+			DocumentMessage::DocumentStructureChanged => {
+				self.update_layers_panel_control_bar_widgets(responses);
+				self.update_layers_panel_bottom_bar_widgets(responses);
+
+				self.network_interface.load_structure();
+				let data_buffer: RawBuffer = self.serialize_root();
+				responses.add(FrontendMessage::UpdateDocumentLayerStructure { data_buffer });
+			}
+			DocumentMessage::DrawArtboardOverlays(overlay_context) => {
+				if !overlay_context.visibility_settings.artboard_name() {
+					return;
+				}
+
+				for layer in self.metadata().all_layers() {
+					if !self.network_interface.is_artboard(&layer.to_node(), &[]) {
+						continue;
+					}
+					let Some(bounds) = self.metadata().bounding_box_document(layer) else { continue };
+					let min = bounds[0].min(bounds[1]);
+					let max = bounds[0].max(bounds[1]);
+
+					let name = self.network_interface.display_name(&layer.to_node(), &[]);
+
+					// Calculate position of the text
+					let corner_pos = if !self.document_ptz.flip {
+						// Use the top-left corner
+						min
+					} else {
+						// Use the top-right corner, which appears to be the top-left due to being flipped
+						DVec2::new(max.x, min.y)
+					};
+
+					// When the canvas is flipped, mirror the text so it appears correctly
+					let scale = if !self.document_ptz.flip { DVec2::ONE } else { DVec2::new(-1., 1.) };
+
+					// Create a transform that puts the text at the true top-left regardless of flip
+					let transform = self.metadata().document_to_viewport
+						* DAffine2::from_translation(corner_pos)
+						* DAffine2::from_scale(DVec2::splat(self.document_ptz.zoom().recip()))
+						* DAffine2::from_translation(-DVec2::Y * 4.)
+						* DAffine2::from_scale(scale);
+
+					overlay_context.text(&name, COLOR_OVERLAY_GRAY, None, transform, 0., [Pivot::Start, Pivot::End]);
+				}
+			}
+			DocumentMessage::DuplicateSelectedLayers => {
+				responses.add(DocumentMessage::AddTransaction);
+
+				let mut new_dragging = Vec::new();
+				let mut layers = self.network_interface.shallowest_unique_layers(&[]).collect::<Vec<_>>();
+
+				layers.sort_by_key(|layer| {
+					let Some(parent) = layer.parent(self.metadata()) else { return usize::MAX };
+					DocumentMessageHandler::get_calculated_insert_index(self.metadata(), &SelectedNodes(vec![layer.to_node()]), parent)
+				});
+
+				for layer in layers.into_iter().rev() {
+					let Some(parent) = layer.parent(self.metadata()) else { continue };
+
+					// Copy the layer
+					let mut copy_ids = HashMap::new();
+					let node_id = layer.to_node();
+					copy_ids.insert(node_id, NodeId(0));
+
+					self.network_interface
+						.upstream_flow_back_from_nodes(vec![layer.to_node()], &[], FlowType::LayerChildrenUpstreamFlow)
+						.enumerate()
+						.for_each(|(index, node_id)| {
+							copy_ids.insert(node_id, NodeId((index + 1) as u64));
+						});
+
+					let nodes = self.network_interface.copy_nodes(&copy_ids, &[]).collect::<Vec<(NodeId, NodeTemplate)>>();
+
+					let insert_index = DocumentMessageHandler::get_calculated_insert_index(self.metadata(), &SelectedNodes(vec![layer.to_node()]), parent);
+
+					let new_ids: HashMap<_, _> = nodes.iter().map(|(id, _)| (*id, NodeId::new())).collect();
+
+					let layer_id = *new_ids.get(&NodeId(0)).expect("Node Id 0 should be a layer");
+					let layer = LayerNodeIdentifier::new_unchecked(layer_id);
+					new_dragging.push(layer);
+					responses.add(NodeGraphMessage::AddNodes { nodes, new_ids });
+					responses.add(NodeGraphMessage::MoveLayerToStack { layer, parent, insert_index });
+				}
+				let nodes = new_dragging.iter().map(|layer| layer.to_node()).collect();
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes });
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			DocumentMessage::EnterNestedNetwork { node_id } => {
+				self.breadcrumb_network_path.push(node_id);
+				self.selection_network_path.clone_from(&self.breadcrumb_network_path);
+				responses.add(NodeGraphMessage::UnloadWires);
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(DocumentMessage::ZoomCanvasToFitAll);
+				responses.add(NodeGraphMessage::SetGridAlignedEdges);
+			}
+			DocumentMessage::Escape => {
+				if self.node_graph_handler.drag_start.is_some() {
+					responses.add(DocumentMessage::AbortTransaction);
+					self.node_graph_handler.drag_start = None;
+				} else if self
+					.node_graph_handler
+					.context_menu
+					.as_ref()
+					.is_some_and(|context_menu| matches!(context_menu.context_menu_data, super::node_graph::utility_types::ContextMenuData::CreateNode { compatible_type: None }))
+				{
+					// Close the context menu
+					self.node_graph_handler.context_menu = None;
+					responses.add(FrontendMessage::UpdateContextMenuInformation { context_menu_information: None });
+					self.node_graph_handler.wire_in_progress_from_connector = None;
+					self.node_graph_handler.wire_in_progress_to_connector = None;
+					responses.add(FrontendMessage::UpdateWirePathInProgress { wire_path: None });
+				} else {
+					responses.add(DocumentMessage::GraphViewOverlay { open: false });
+				}
+			}
+			DocumentMessage::ExitNestedNetwork { steps_back } => {
+				for _ in 0..steps_back {
+					self.breadcrumb_network_path.pop();
+					self.selection_network_path.clone_from(&self.breadcrumb_network_path);
+				}
+				responses.add(NodeGraphMessage::UnloadWires);
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(DocumentMessage::PTZUpdate);
+				responses.add(NodeGraphMessage::SetGridAlignedEdges);
+			}
+			DocumentMessage::FlipSelectedLayers { flip_axis } => {
+				let scale = match flip_axis {
+					FlipAxis::X => DVec2::new(-1., 1.),
+					FlipAxis::Y => DVec2::new(1., -1.),
+				};
+				if let Some([min, max]) = self.selected_visible_and_unlock_layers_bounding_box_viewport() {
+					let center = (max + min) / 2.;
+					let bbox_trans = DAffine2::from_translation(-center);
+					let mut added_transaction = false;
+					for layer in self.network_interface.selected_nodes().selected_unlocked_layers(&self.network_interface) {
+						if !added_transaction {
+							responses.add(DocumentMessage::AddTransaction);
+							added_transaction = true;
+						}
+						responses.add(GraphOperationMessage::TransformChange {
+							layer,
+							transform: DAffine2::from_scale(scale),
+							transform_in: TransformIn::Scope { scope: bbox_trans },
+							skip_rerender: false,
+						});
+					}
+				}
+			}
+			DocumentMessage::RotateSelectedLayers { degrees } => {
+				// Get the bounding box of selected layers in viewport space
+				if let Some([min, max]) = self.selected_visible_and_unlock_layers_bounding_box_viewport() {
+					// Calculate the center of the bounding box to use as rotation pivot
+					let center = (max + min) / 2.;
+					// Transform that moves pivot point to origin
+					let bbox_trans = DAffine2::from_translation(-center);
+
+					let mut added_transaction = false;
+					for layer in self.network_interface.selected_nodes().selected_unlocked_layers(&self.network_interface) {
+						if !added_transaction {
+							responses.add(DocumentMessage::AddTransaction);
+							added_transaction = true;
+						}
+
+						responses.add(GraphOperationMessage::TransformChange {
+							layer,
+							transform: DAffine2::from_angle(degrees.to_radians()),
+							transform_in: TransformIn::Scope { scope: bbox_trans },
+							skip_rerender: false,
+						});
+					}
+				}
+			}
+			DocumentMessage::GraphViewOverlay { open } => {
+				let opened = !self.graph_view_overlay_open && open;
+				self.graph_view_overlay_open = open;
+
+				responses.add(FrontendMessage::UpdateGraphViewOverlay { open });
+				responses.add(FrontendMessage::UpdateGraphFadeArtwork {
+					percentage: self.graph_fade_artwork_percentage,
+				});
+
+				// Update the tilt menu bar buttons to be disabled when the graph is open
+				responses.add(MenuBarMessage::SendLayout);
+
+				responses.add(DocumentMessage::RenderRulers);
+				responses.add(DocumentMessage::RenderScrollbars);
+				if opened {
+					responses.add(NodeGraphMessage::UnloadWires);
+				}
+				if open {
+					responses.add(ToolMessage::DeactivateTools);
+					responses.add(OverlaysMessage::Draw); // Clear the overlays
+					responses.add(NavigationMessage::CanvasTiltSet { angle_radians: 0. });
+					responses.add(NodeGraphMessage::SetGridAlignedEdges);
+					responses.add(NodeGraphMessage::UpdateGraphBarRight);
+					responses.add(NodeGraphMessage::SendGraph);
+					responses.add(NodeGraphMessage::UpdateHints);
+				} else {
+					responses.add(ToolMessage::ActivateTool { tool_type: *current_tool });
+				}
+			}
+			DocumentMessage::GraphViewOverlayToggle => {
+				responses.add(DocumentMessage::GraphViewOverlay { open: !self.graph_view_overlay_open });
+			}
+			DocumentMessage::GridOptions(grid) => {
+				self.snapping_state.grid = grid;
+				self.snapping_state.grid_snapping = true;
+				responses.add(OverlaysMessage::Draw);
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			DocumentMessage::GridOverlays(mut overlay_context) => {
+				if self.snapping_state.grid_snapping {
+					grid_overlay(self, &mut overlay_context)
+				}
+			}
+			DocumentMessage::GridVisibility(enabled) => {
+				self.snapping_state.grid_snapping = enabled;
+				responses.add(OverlaysMessage::Draw);
+			}
+			DocumentMessage::GroupSelectedLayers { group_folder_type } => {
+				responses.add(DocumentMessage::AddTransaction);
+
+				let mut parent_per_selected_nodes: HashMap<LayerNodeIdentifier, Vec<NodeId>> = HashMap::new();
+				let artboards = LayerNodeIdentifier::ROOT_PARENT
+					.children(self.metadata())
+					.filter(|x| self.network_interface.is_artboard(&x.to_node(), &self.selection_network_path))
+					.collect::<Vec<_>>();
+				let selected_nodes = self.network_interface.selected_nodes();
+
+				// Non-artboard (infinite canvas) workflow
+				if artboards.is_empty() {
+					let Some(parent) = self.network_interface.deepest_common_ancestor(&selected_nodes, &self.selection_network_path, false) else {
+						return;
+					};
+					let Some(selected_nodes) = &self.network_interface.selected_nodes_in_nested_network(&self.selection_network_path) else {
+						return;
+					};
+					let insert_index = DocumentMessageHandler::get_calculated_insert_index(self.metadata(), selected_nodes, parent);
+
+					DocumentMessageHandler::group_layers(responses, insert_index, parent, group_folder_type, &mut self.network_interface);
+				}
+				// Artboard workflow
+				else {
+					for artboard in artboards {
+						let selected_descendants = artboard.descendants(self.metadata()).filter(|x| selected_nodes.selected_layers_contains(*x, self.metadata()));
+						for selected_descendant in selected_descendants {
+							parent_per_selected_nodes.entry(artboard).or_default().push(selected_descendant.to_node());
+						}
+					}
+
+					let mut new_folders: Vec<NodeId> = Vec::new();
+
+					for children in parent_per_selected_nodes.into_values() {
+						let child_selected_nodes = SelectedNodes(children);
+						let Some(parent) = self.network_interface.deepest_common_ancestor(&child_selected_nodes, &self.selection_network_path, false) else {
+							continue;
+						};
+						let insert_index = DocumentMessageHandler::get_calculated_insert_index(self.metadata(), &child_selected_nodes, parent);
+
+						responses.add(NodeGraphMessage::SelectedNodesSet { nodes: child_selected_nodes.0 });
+
+						new_folders.push(DocumentMessageHandler::group_layers(responses, insert_index, parent, group_folder_type, &mut self.network_interface));
+					}
+
+					responses.add(NodeGraphMessage::SelectedNodesSet { nodes: new_folders });
+				}
+			}
+			DocumentMessage::MoveSelectedLayersTo { parent, insert_index } => {
+				if !self.selection_network_path.is_empty() {
+					log::error!("Moving selected layers is only supported for the Document Network");
+					return;
+				}
+
+				// Disallow trying to insert into self.
+				if self
+					.network_interface
+					.selected_nodes()
+					.selected_layers(self.metadata())
+					.any(|layer| parent.ancestors(self.metadata()).any(|ancestor| ancestor == layer))
+				{
+					return;
+				}
+				// Artboards can only have `ROOT_PARENT` as the parent.
+				let any_artboards = self
+					.network_interface
+					.selected_nodes()
+					.selected_layers(self.metadata())
+					.any(|layer| self.network_interface.is_artboard(&layer.to_node(), &self.selection_network_path));
+				if any_artboards && parent != LayerNodeIdentifier::ROOT_PARENT {
+					return;
+				}
+
+				// Non-artboards cannot be put at the top level if artboards also exist there
+				let selected_any_non_artboards = self
+					.network_interface
+					.selected_nodes()
+					.selected_layers(self.metadata())
+					.any(|layer| !self.network_interface.is_artboard(&layer.to_node(), &self.selection_network_path));
+
+				let top_level_artboards = LayerNodeIdentifier::ROOT_PARENT
+					.children(self.metadata())
+					.any(|layer| self.network_interface.is_artboard(&layer.to_node(), &self.selection_network_path));
+
+				if selected_any_non_artboards && parent == LayerNodeIdentifier::ROOT_PARENT && top_level_artboards {
+					return;
+				}
+
+				let layers_to_move = self.network_interface.shallowest_unique_layers_sorted(&self.selection_network_path);
+				// Offset the index for layers to move that are below another layer to move. For example when moving 1 and 2 between 3 and 4, 2 should be inserted at the same index as 1 since 1 is moved first.
+				let layers_to_move_with_insert_offset = layers_to_move
+					.iter()
+					.map(|layer| {
+						if layer.parent(self.metadata()) != Some(parent) {
+							return (*layer, 0);
+						}
+
+						let upstream_selected_siblings = layer
+							.downstream_siblings(self.network_interface.document_metadata())
+							.filter(|sibling| {
+								sibling != layer
+									&& layers_to_move.iter().any(|layer| {
+										layer == sibling
+											&& layer
+												.parent(self.metadata())
+												.is_some_and(|parent| parent.children(self.metadata()).position(|child| child == *layer) < Some(insert_index))
+									})
+							})
+							.count();
+						(*layer, upstream_selected_siblings)
+					})
+					.collect::<Vec<_>>();
+
+				responses.add(DocumentMessage::AddTransaction);
+
+				for (layer_index, (layer_to_move, insert_offset)) in layers_to_move_with_insert_offset.into_iter().enumerate() {
+					responses.add(NodeGraphMessage::MoveLayerToStack {
+						layer: layer_to_move,
+						parent,
+						insert_index: insert_index + layer_index - insert_offset,
+					});
+
+					if layer_to_move.parent(self.metadata()) != Some(parent) {
+						// TODO: Fix this so it works when dragging a layer into a group parent which has a Transform node, which used to work before #2689 caused this regression by removing the empty VectorData table row.
+						// TODO: See #2688 for this issue.
+						let layer_local_transform = self.network_interface.document_metadata().transform_to_viewport(layer_to_move);
+						let undo_transform = self.network_interface.document_metadata().transform_to_viewport(parent).inverse();
+						let transform = undo_transform * layer_local_transform;
+
+						responses.add(GraphOperationMessage::TransformSet {
+							layer: layer_to_move,
+							transform,
+							transform_in: TransformIn::Local,
+							skip_rerender: false,
+						});
+					}
+				}
+
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			DocumentMessage::MoveSelectedLayersToGroup { parent } => {
+				// Group all shallowest unique selected layers in order
+				let all_layers_to_group_sorted = self.network_interface.shallowest_unique_layers_sorted(&self.selection_network_path);
+
+				for layer_to_group in all_layers_to_group_sorted.into_iter().rev() {
+					responses.add(NodeGraphMessage::MoveLayerToStack {
+						layer: layer_to_group,
+						parent,
+						insert_index: 0,
+					});
+				}
+
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![parent.to_node()] });
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(DocumentMessage::DocumentStructureChanged);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			DocumentMessage::NudgeSelectedLayers {
+				delta_x,
+				delta_y,
+				resize,
+				resize_opposite_corner,
+			} => {
+				responses.add(DocumentMessage::AddTransaction);
+
+				let resize = ipp.keyboard.key(resize);
+				let resize_opposite_corner = ipp.keyboard.key(resize_opposite_corner);
+
+				let can_move = |layer| {
+					let selected = self.network_interface.selected_nodes();
+					selected.layer_visible(layer, &self.network_interface) && !selected.layer_locked(layer, &self.network_interface)
+				};
+
+				// Nudge translation without resizing
+				if !resize {
+					let transform = DAffine2::from_translation(DVec2::from_angle(-self.document_ptz.tilt()).rotate(DVec2::new(delta_x, delta_y)));
+
+					for layer in self.network_interface.shallowest_unique_layers(&[]).filter(|layer| can_move(*layer)) {
+						responses.add(GraphOperationMessage::TransformChange {
+							layer,
+							transform,
+							transform_in: TransformIn::Local,
+							skip_rerender: false,
+						});
+					}
+
+					return;
+				}
+
+				let selected_bounding_box = self.network_interface.selected_bounds_document_space(false, &[]);
+				let Some([existing_top_left, existing_bottom_right]) = selected_bounding_box else { return };
+
+				// Swap and negate coordinates as needed to match the resize direction that's closest to the current tilt angle
+				let tilt = (self.document_ptz.tilt() + std::f64::consts::TAU) % std::f64::consts::TAU;
+				let (delta_x, delta_y, opposite_x, opposite_y) = match ((tilt + std::f64::consts::FRAC_PI_4) / std::f64::consts::FRAC_PI_2).floor() as i32 % 4 {
+					0 => (delta_x, delta_y, false, false),
+					1 => (delta_y, -delta_x, false, true),
+					2 => (-delta_x, -delta_y, true, true),
+					3 => (-delta_y, delta_x, true, false),
+					_ => unreachable!(),
+				};
+
+				let size = existing_bottom_right - existing_top_left;
+				// TODO: This is a hacky band-aid. It still results in the shape becoming zero-sized. Properly fix this using the correct math.
+				// If size is zero we clamp it to minimun value to avoid dividing by zero vector to calculate enlargement.
+				let size = size.max(DVec2::ONE);
+				let enlargement = DVec2::new(
+					if resize_opposite_corner != opposite_x { -delta_x } else { delta_x },
+					if resize_opposite_corner != opposite_y { -delta_y } else { delta_y },
+				);
+				let enlargement_factor = (enlargement + size) / size;
+
+				let position = DVec2::new(
+					existing_top_left.x + if resize_opposite_corner != opposite_x { delta_x } else { 0. },
+					existing_top_left.y + if resize_opposite_corner != opposite_y { delta_y } else { 0. },
+				);
+				let mut pivot = (existing_top_left * enlargement_factor - position) / (enlargement_factor - DVec2::ONE);
+				if !pivot.x.is_finite() {
+					pivot.x = 0.;
+				}
+				if !pivot.y.is_finite() {
+					pivot.y = 0.;
+				}
+				let scale = DAffine2::from_scale(enlargement_factor);
+				let pivot = DAffine2::from_translation(pivot);
+				let transformation = pivot * scale * pivot.inverse();
+				let document_to_viewport = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+
+				for layer in self.network_interface.shallowest_unique_layers(&[]).filter(|layer| can_move(*layer)) {
+					let to = document_to_viewport.inverse() * self.metadata().downstream_transform_to_viewport(layer);
+					let original_transform = self.metadata().upstream_transform(layer.to_node());
+					let new = to.inverse() * transformation * to * original_transform;
+					responses.add(GraphOperationMessage::TransformSet {
+						layer,
+						transform: new,
+						transform_in: TransformIn::Local,
+						skip_rerender: false,
+					});
+				}
+			}
+			DocumentMessage::PasteImage {
+				name,
+				image,
+				mouse,
+				parent_and_insert_index,
+			} => {
+				// All the image's pixels have been converted to 0..=1, linear, and premultiplied by `Color::from_rgba8_srgb`
+
+				let image_size = DVec2::new(image.width as f64, image.height as f64);
+
+				// Align the layer with the mouse or center of viewport
+				let viewport_location = mouse.map_or(ipp.viewport_bounds.center() + ipp.viewport_bounds.top_left, |pos| pos.into());
+
+				let document_to_viewport = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+				let center_in_viewport = DAffine2::from_translation(document_to_viewport.inverse().transform_point2(viewport_location - ipp.viewport_bounds.top_left));
+				let center_in_viewport_layerspace = center_in_viewport;
+
+				// Make layer the size of the image
+				let fit_image_size = DAffine2::from_scale_angle_translation(image_size, 0., image_size / -2.);
+
+				let transform = center_in_viewport_layerspace * fit_image_size;
+
+				let layer_node_id = NodeId::new();
+				let layer_id = LayerNodeIdentifier::new_unchecked(layer_node_id);
+
+				responses.add(DocumentMessage::AddTransaction);
+
+				let layer = graph_modification_utils::new_image_layer(RasterDataTable::new(Raster::new_cpu(image)), layer_node_id, self.new_layer_parent(true), responses);
+
+				if let Some(name) = name {
+					responses.add(NodeGraphMessage::SetDisplayName {
+						node_id: layer.to_node(),
+						alias: name,
+						skip_adding_history_step: false,
+					});
+				}
+				if let Some((parent, insert_index)) = parent_and_insert_index {
+					responses.add(NodeGraphMessage::MoveLayerToStack {
+						layer: layer_id,
+						parent,
+						insert_index,
+					});
+				}
+
+				// `layer` cannot be `ROOT_PARENT` since it is the newly created layer
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![layer.to_node()] });
+
+				responses.add(GraphOperationMessage::TransformSet {
+					layer,
+					transform,
+					transform_in: TransformIn::Local,
+					skip_rerender: false,
+				});
+
+				// Force chosen tool to be Select Tool after importing image.
+				responses.add(ToolMessage::ActivateTool { tool_type: ToolType::Select });
+			}
+			DocumentMessage::PasteSvg {
+				name,
+				svg,
+				mouse,
+				parent_and_insert_index,
+			} => {
+				let document_to_viewport = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+				let viewport_location = mouse.map_or(ipp.viewport_bounds.center() + ipp.viewport_bounds.top_left, |pos| pos.into());
+				let center_in_viewport = DAffine2::from_translation(document_to_viewport.inverse().transform_point2(viewport_location - ipp.viewport_bounds.top_left));
+
+				let layer_node_id = NodeId::new();
+				let layer_id = LayerNodeIdentifier::new_unchecked(layer_node_id);
+
+				responses.add(DocumentMessage::AddTransaction);
+
+				let layer = graph_modification_utils::new_svg_layer(svg, center_in_viewport, layer_node_id, self.new_layer_parent(true), responses);
+
+				if let Some(name) = name {
+					responses.add(NodeGraphMessage::SetDisplayName {
+						node_id: layer.to_node(),
+						alias: name,
+						skip_adding_history_step: false,
+					});
+				}
+				if let Some((parent, insert_index)) = parent_and_insert_index {
+					responses.add(NodeGraphMessage::MoveLayerToStack {
+						layer: layer_id,
+						parent,
+						insert_index,
+					});
+				}
+
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![layer.to_node()] });
+				responses.add(ToolMessage::ActivateTool { tool_type: ToolType::Select });
+			}
+			DocumentMessage::Redo => {
+				if self.network_interface.transaction_status() != TransactionStatus::Finished {
+					return;
+				}
+				responses.add(SelectToolMessage::Abort);
+				responses.add(DocumentMessage::DocumentHistoryForward);
+				responses.add(ToolMessage::Redo);
+				responses.add(OverlaysMessage::Draw);
+			}
+			DocumentMessage::RenameDocument { new_name } => {
+				self.name = new_name;
+				responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+				responses.add(NodeGraphMessage::UpdateNewNodeGraph);
+			}
+			DocumentMessage::RenderRulers => {
+				let current_ptz = if self.graph_view_overlay_open {
+					let Some(network_metadata) = self.network_interface.network_metadata(&self.breadcrumb_network_path) else {
+						return;
+					};
+					&network_metadata.persistent_metadata.navigation_metadata.node_graph_ptz
+				} else {
+					&self.document_ptz
+				};
+				let document_to_viewport = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), current_ptz);
+
+				let ruler_scale = if !self.graph_view_overlay_open {
+					self.navigation_handler.snapped_zoom(current_ptz.zoom())
+				} else {
+					self.navigation_handler.snapped_zoom(current_ptz.zoom() * (crate::consts::GRID_SIZE as f64))
+				};
+
+				let ruler_origin = document_to_viewport.transform_point2(DVec2::ZERO);
+				let log = ruler_scale.log2();
+				let mut ruler_interval: f64 = if log < 0. { 100. * 2_f64.powf(-log.ceil()) } else { 100. / 2_f64.powf(log.ceil()) };
+
+				// When the interval becomes too small, force it to be a whole number, then to powers of 10.
+				// The progression of intervals is:
+				// ..., 100, 50, 25, 12.5, 6 (6.25), 4 (3.125), 2 (1.5625), 1, 0.1, 0.01, ...
+				if ruler_interval < 1. {
+					ruler_interval = 10_f64.powf(ruler_interval.log10().ceil());
+				} else if ruler_interval < 12.5 {
+					// Round to nearest even number
+					ruler_interval = 2. * (ruler_interval / 2.).round();
+				}
+
+				if self.graph_view_overlay_open {
+					ruler_interval = ruler_interval.max(1.);
+				}
+
+				let ruler_spacing = ruler_interval * ruler_scale;
+
+				responses.add(FrontendMessage::UpdateDocumentRulers {
+					origin: ruler_origin.into(),
+					spacing: ruler_spacing,
+					interval: ruler_interval,
+					visible: self.rulers_visible,
+				});
+			}
+			DocumentMessage::RenderScrollbars => {
+				let document_transform_scale = self.navigation_handler.snapped_zoom(self.document_ptz.zoom());
+
+				let scale = 0.5 + ASYMPTOTIC_EFFECT + document_transform_scale * SCALE_EFFECT;
+
+				let viewport_size = ipp.viewport_bounds.size();
+				let viewport_mid = ipp.viewport_bounds.center();
+				let [bounds1, bounds2] = if !self.graph_view_overlay_open {
+					self.metadata().document_bounds_viewport_space().unwrap_or([viewport_mid; 2])
+				} else {
+					self.network_interface.graph_bounds_viewport_space(&self.breadcrumb_network_path).unwrap_or([viewport_mid; 2])
+				};
+				let bounds1 = bounds1.min(viewport_mid) - viewport_size * scale;
+				let bounds2 = bounds2.max(viewport_mid) + viewport_size * scale;
+				let bounds_length = (bounds2 - bounds1) * (1. + SCROLLBAR_SPACING);
+				let scrollbar_position = DVec2::splat(0.5) - (bounds1.lerp(bounds2, 0.5) - viewport_mid) / (bounds_length - viewport_size);
+				let scrollbar_multiplier = bounds_length - viewport_size;
+				let scrollbar_size = viewport_size / bounds_length;
+
+				responses.add(FrontendMessage::UpdateDocumentScrollbars {
+					position: scrollbar_position.into(),
+					size: scrollbar_size.into(),
+					multiplier: scrollbar_multiplier.into(),
+				});
+			}
+			DocumentMessage::SaveDocument => {
+				self.set_save_state(true);
+				responses.add(PortfolioMessage::AutoSaveActiveDocument);
+				// Update the save status of the just saved document
+				responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+
+				let name = match self.name.ends_with(FILE_SAVE_SUFFIX) {
+					true => self.name.clone(),
+					false => self.name.clone() + FILE_SAVE_SUFFIX,
+				};
+				responses.add(FrontendMessage::TriggerDownloadTextFile {
+					document: self.serialize_document(),
+					name,
+				})
+			}
+			DocumentMessage::SelectParentLayer => {
+				let selected_nodes = self.network_interface.selected_nodes();
+				let selected_layers = selected_nodes.selected_layers(self.metadata());
+
+				let mut parent_layers = HashSet::new();
+
+				// Find the parent of each selected layer
+				for layer in selected_layers {
+					// Get this layer's parent
+					let Some(parent) = layer.parent(self.metadata()) else { continue };
+
+					// Either use the parent, or keep the same layer if it's already at the top level
+					let to_insert = if parent == LayerNodeIdentifier::ROOT_PARENT { layer } else { parent };
+
+					// Add the layer to the set of those which will become selected
+					parent_layers.insert(to_insert.to_node());
+				}
+
+				// Select each parent layer
+				if !parent_layers.is_empty() {
+					let nodes = parent_layers.into_iter().collect();
+					responses.add(NodeGraphMessage::SelectedNodesSet { nodes });
+					responses.add(BroadcastEvent::SelectionChanged);
+				}
+			}
+			DocumentMessage::SelectAllLayers => {
+				if !self.overlays_visibility_settings.selection_outline() {
+					return;
+				}
+
+				let metadata = self.metadata();
+				let all_layers_except_artboards_invisible_and_locked = metadata.all_layers().filter(|&layer| !self.network_interface.is_artboard(&layer.to_node(), &[])).filter(|&layer| {
+					self.network_interface.selected_nodes().layer_visible(layer, &self.network_interface) && !self.network_interface.selected_nodes().layer_locked(layer, &self.network_interface)
+				});
+				let nodes = all_layers_except_artboards_invisible_and_locked.map(|layer| layer.to_node()).collect();
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes });
+			}
+			DocumentMessage::SelectedLayersLower => {
+				responses.add(DocumentMessage::SelectedLayersReorder { relative_index_offset: 1 });
+			}
+			DocumentMessage::SelectedLayersLowerToBack => {
+				responses.add(DocumentMessage::SelectedLayersReorder { relative_index_offset: isize::MAX });
+			}
+			DocumentMessage::SelectedLayersRaise => {
+				responses.add(DocumentMessage::SelectedLayersReorder { relative_index_offset: -1 });
+			}
+			DocumentMessage::SelectedLayersRaiseToFront => {
+				responses.add(DocumentMessage::SelectedLayersReorder { relative_index_offset: isize::MIN });
+			}
+			DocumentMessage::SelectedLayersReverse => {
+				self.selected_layers_reverse(responses);
+			}
+			DocumentMessage::SelectedLayersReorder { relative_index_offset } => {
+				self.selected_layers_reorder(relative_index_offset, responses);
+			}
+			DocumentMessage::ClipLayer { id } => {
+				let layer = LayerNodeIdentifier::new(id, &self.network_interface, &[]);
+
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(GraphOperationMessage::ClipModeToggle { layer });
+			}
+			DocumentMessage::SelectLayer { id, ctrl, shift } => {
+				let layer = LayerNodeIdentifier::new(id, &self.network_interface, &[]);
+
+				let mut nodes = vec![];
+
+				// If we have shift pressed and a layer already selected then fill the range
+				if let Some(last_selected) = self.layer_range_selection_reference.filter(|_| shift) {
+					if last_selected == LayerNodeIdentifier::ROOT_PARENT {
+						log::error!("ROOT_PARENT cannot be selected in SelectLayer");
+						return;
+					}
+
+					nodes.push(last_selected.to_node());
+					nodes.push(id);
+
+					// Fill the selection range
+					self.metadata()
+						.all_layers()
+						.skip_while(|&node| node != layer && node != last_selected)
+						.skip(1)
+						.take_while(|&node| node != layer && node != last_selected)
+						.for_each(|node| {
+							if node == LayerNodeIdentifier::ROOT_PARENT {
+								log::error!("ROOT_PARENT should not exist in all_layers")
+							} else {
+								nodes.push(node.to_node())
+							}
+						});
+				} else {
+					if ctrl {
+						// Toggle selection when holding ctrl
+						if self.network_interface.selected_nodes().selected_layers_contains(layer, self.metadata()) {
+							responses.add_front(NodeGraphMessage::SelectedNodesRemove { nodes: vec![id] });
+						} else {
+							responses.add_front(NodeGraphMessage::SelectedNodesAdd { nodes: vec![id] });
+						}
+						responses.add(BroadcastEvent::SelectionChanged);
+					} else {
+						nodes.push(id);
+					}
+
+					// Set our last selection reference
+					self.layer_range_selection_reference = Some(layer);
+				}
+
+				// Don't create messages for empty operations
+				if !nodes.is_empty() {
+					// Add or set our selected layers
+					if ctrl {
+						responses.add_front(NodeGraphMessage::SelectedNodesAdd { nodes });
+					} else {
+						responses.add_front(NodeGraphMessage::SelectedNodesSet { nodes });
+					}
+				}
+			}
+			DocumentMessage::SetActivePanel { active_panel: panel } => {
+				use crate::messages::portfolio::utility_types::PanelType;
+				match panel {
+					PanelType::Document => {
+						if self.graph_view_overlay_open {
+							self.selection_network_path.clone_from(&self.breadcrumb_network_path);
+						} else {
+							self.selection_network_path = vec![]
+						}
+					}
+					PanelType::Layers => self.selection_network_path = vec![],
+					_ => {}
+				}
+				responses.add(PropertiesPanelMessage::Refresh);
+				responses.add(NodeGraphMessage::UpdateLayerPanel);
+				responses.add(NodeGraphMessage::UpdateInSelectedNetwork);
+			}
+			DocumentMessage::SetBlendModeForSelectedLayers { blend_mode } => {
+				for layer in self.network_interface.selected_nodes().selected_layers_except_artboards(&self.network_interface) {
+					responses.add(GraphOperationMessage::BlendModeSet { layer, blend_mode });
+				}
+			}
+			DocumentMessage::SetGraphFadeArtwork { percentage } => {
+				self.graph_fade_artwork_percentage = percentage;
+				responses.add(FrontendMessage::UpdateGraphFadeArtwork { percentage });
+			}
+			DocumentMessage::SetNodePinned { node_id, pinned } => {
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::SetPinned { node_id, pinned });
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(NodeGraphMessage::SelectedNodesUpdated);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			DocumentMessage::SetOpacityForSelectedLayers { opacity } => {
+				let opacity = opacity.clamp(0., 1.);
+				for layer in self.network_interface.selected_nodes().selected_layers_except_artboards(&self.network_interface) {
+					responses.add(GraphOperationMessage::OpacitySet { layer, opacity });
+				}
+			}
+			DocumentMessage::SetFillForSelectedLayers { fill } => {
+				let fill = fill.clamp(0., 1.);
+				for layer in self.network_interface.selected_nodes().selected_layers_except_artboards(&self.network_interface) {
+					responses.add(GraphOperationMessage::BlendingFillSet { layer, fill });
+				}
+			}
+			DocumentMessage::SetOverlaysVisibility { visible, overlays_type } => {
+				let visibility_settings = &mut self.overlays_visibility_settings;
+				let overlays_type = match overlays_type {
+					Some(overlays_type) => overlays_type,
+					None => {
+						visibility_settings.all = visible;
+						responses.add(BroadcastEvent::ToolAbort);
+						responses.add(OverlaysMessage::Draw);
+						return;
+					}
+				};
+				match overlays_type {
+					OverlaysType::ArtboardName => visibility_settings.artboard_name = visible,
+					OverlaysType::CompassRose => visibility_settings.compass_rose = visible,
+					OverlaysType::QuickMeasurement => visibility_settings.quick_measurement = visible,
+					OverlaysType::TransformMeasurement => visibility_settings.transform_measurement = visible,
+					OverlaysType::TransformCage => visibility_settings.transform_cage = visible,
+					OverlaysType::HoverOutline => visibility_settings.hover_outline = visible,
+					OverlaysType::SelectionOutline => visibility_settings.selection_outline = visible,
+					OverlaysType::Pivot => visibility_settings.pivot = visible,
+					OverlaysType::Path => visibility_settings.path = visible,
+					OverlaysType::Anchors => {
+						visibility_settings.anchors = visible;
+						responses.add(PortfolioMessage::UpdateDocumentWidgets);
+					}
+					OverlaysType::Handles => visibility_settings.handles = visible,
+				}
+
+				responses.add(BroadcastEvent::ToolAbort);
+				responses.add(OverlaysMessage::Draw);
+			}
+			DocumentMessage::SetRangeSelectionLayer { new_layer } => {
+				self.layer_range_selection_reference = new_layer;
+			}
+			DocumentMessage::SetSnapping { closure, snapping_state } => {
+				if let Some(closure) = closure {
+					*closure(&mut self.snapping_state) = snapping_state;
+				}
+			}
+			DocumentMessage::SetToNodeOrLayer { node_id, is_layer } => {
+				responses.add(DocumentMessage::StartTransaction);
+				responses.add(NodeGraphMessage::SetToNodeOrLayer { node_id, is_layer });
+				responses.add(DocumentMessage::EndTransaction);
+			}
+			DocumentMessage::SetViewMode { view_mode } => {
+				self.view_mode = view_mode;
+				responses.add_front(NodeGraphMessage::RunDocumentGraph);
+			}
+			DocumentMessage::AddTransaction => {
+				// Reverse order since they are added to the front
+				responses.add_front(DocumentMessage::CommitTransaction);
+				responses.add_front(DocumentMessage::StartTransaction);
+			}
+			// Note: A transaction should never be started in a scope that mutates the network interface, since it will only be run after that scope ends.
+			DocumentMessage::StartTransaction => {
+				self.network_interface.start_transaction();
+				let network_interface_clone = self.network_interface.clone();
+				self.document_undo_history.push_back(network_interface_clone);
+				if self.document_undo_history.len() > crate::consts::MAX_UNDO_HISTORY_LEN {
+					self.document_undo_history.pop_front();
+				}
+				// Push the UpdateOpenDocumentsList message to the bus in order to update the save status of the open documents
+				responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+			}
+			// Commits the transaction if the network was mutated since the transaction started, otherwise it aborts the transaction
+			DocumentMessage::EndTransaction => match self.network_interface.transaction_status() {
+				TransactionStatus::Started => {
+					responses.add_front(DocumentMessage::AbortTransaction);
+				}
+				TransactionStatus::Modified => {
+					responses.add_front(DocumentMessage::CommitTransaction);
+				}
+				TransactionStatus::Finished => {}
+			},
+			DocumentMessage::CommitTransaction => {
+				if self.network_interface.transaction_status() == TransactionStatus::Finished {
+					return;
+				}
+				self.network_interface.finish_transaction();
+				self.document_redo_history.clear();
+			}
+			DocumentMessage::AbortTransaction => {
+				responses.add(DocumentMessage::RepeatedAbortTransaction { undo_count: 1 });
+			}
+			DocumentMessage::RepeatedAbortTransaction { undo_count } => {
+				if self.network_interface.transaction_status() == TransactionStatus::Finished {
+					return;
+				}
+
+				for _ in 0..undo_count {
+					self.undo(ipp, responses);
+				}
+
+				self.network_interface.finish_transaction();
+				responses.add(OverlaysMessage::Draw);
+			}
+			DocumentMessage::ToggleLayerExpansion { id, recursive } => {
+				let layer = LayerNodeIdentifier::new(id, &self.network_interface, &[]);
+				let metadata = self.metadata();
+
+				let is_collapsed = self.collapsed.0.contains(&layer);
+
+				if is_collapsed {
+					if recursive {
+						let children: HashSet<_> = layer.descendants(metadata).collect();
+						self.collapsed.0.retain(|collapsed_layer| !children.contains(collapsed_layer) && collapsed_layer != &layer);
+					} else {
+						self.collapsed.0.retain(|collapsed_layer| collapsed_layer != &layer);
+					}
+				} else {
+					if recursive {
+						let children_to_add: Vec<_> = layer.descendants(metadata).filter(|child| !self.collapsed.0.contains(child)).collect();
+						self.collapsed.0.extend(children_to_add);
+					}
+					self.collapsed.0.push(layer);
+				}
+
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			DocumentMessage::ToggleSelectedLocked => responses.add(NodeGraphMessage::ToggleSelectedLocked),
+			DocumentMessage::ToggleSelectedVisibility => {
+				responses.add(NodeGraphMessage::ToggleSelectedVisibility);
+			}
+			DocumentMessage::ToggleGridVisibility => {
+				self.snapping_state.grid_snapping = !self.snapping_state.grid_snapping;
+				responses.add(OverlaysMessage::Draw);
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			DocumentMessage::ToggleOverlaysVisibility => {
+				self.overlays_visibility_settings.all = !self.overlays_visibility_settings.all();
+				responses.add(OverlaysMessage::Draw);
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			DocumentMessage::ToggleSnapping => {
+				self.snapping_state.snapping_enabled = !self.snapping_state.snapping_enabled;
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			DocumentMessage::UpdateUpstreamTransforms {
+				upstream_footprints,
+				local_transforms,
+			} => {
+				self.network_interface.update_transforms(upstream_footprints, local_transforms);
+			}
+			DocumentMessage::UpdateClickTargets { click_targets } => {
+				// TODO: Allow non layer nodes to have click targets
+				let layer_click_targets = click_targets
+					.into_iter()
+					.filter(|(node_id, _)|
+						// Ensure that the layer is in the document network to prevent logging an error
+						self.network_interface.document_network().nodes.contains_key(node_id))
+					.filter_map(|(node_id, click_targets)| {
+						self.network_interface.is_layer(&node_id, &[]).then(|| {
+							let layer = LayerNodeIdentifier::new(node_id, &self.network_interface, &[]);
+							(layer, click_targets)
+						})
+					})
+					.collect();
+				self.network_interface.update_click_targets(layer_click_targets);
+			}
+			DocumentMessage::UpdateClipTargets { clip_targets } => {
+				self.network_interface.update_clip_targets(clip_targets);
+			}
+			DocumentMessage::Undo => {
+				if self.network_interface.transaction_status() != TransactionStatus::Finished {
+					return;
+				}
+				responses.add(ToolMessage::PreUndo);
+				responses.add(DocumentMessage::DocumentHistoryBackward);
+				responses.add(OverlaysMessage::Draw);
+				responses.add(ToolMessage::Undo);
+			}
+			DocumentMessage::UngroupSelectedLayers => {
+				if !self.selection_network_path.is_empty() {
+					log::error!("Ungrouping selected layers is only supported for the Document Network");
+					return;
+				}
+				responses.add(DocumentMessage::AddTransaction);
+
+				let folder_paths = self.network_interface.folders_sorted_by_most_nested(&self.selection_network_path);
+				for folder in folder_paths {
+					if folder == LayerNodeIdentifier::ROOT_PARENT {
+						log::error!("ROOT_PARENT cannot be selected when ungrouping selected layers");
+						continue;
+					}
+
+					// Cannot ungroup artboard
+					if self.network_interface.is_artboard(&folder.to_node(), &self.selection_network_path) {
+						return;
+					}
+
+					responses.add(DocumentMessage::UngroupLayer { layer: folder });
+				}
+
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(DocumentMessage::DocumentStructureChanged);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			DocumentMessage::UngroupLayer { layer } => {
+				let parent = layer.parent(self.metadata()).expect("Ungrouped folder must have a parent");
+				let folder_index = parent.children(self.metadata()).position(|child| child == layer).unwrap_or(0);
+
+				// Move all children of the folder above the folder in reverse order since each children is moved above the previous one
+				for child in layer.children(self.metadata()).collect::<Vec<_>>().into_iter().rev() {
+					responses.add(NodeGraphMessage::MoveLayerToStack {
+						layer: child,
+						parent,
+						insert_index: folder_index,
+					});
+
+					let metadata = self.network_interface.document_metadata();
+					let layer_local_transform = metadata.transform_to_viewport(child);
+					let undo_parent_transform = if parent == LayerNodeIdentifier::ROOT_PARENT {
+						// This is functionally the same as transform_to_viewport for the root, however to_node cannot run on the root in debug mode.
+						metadata.document_to_viewport.inverse()
+					} else {
+						metadata.transform_to_viewport(parent).inverse()
+					};
+					let transform = undo_parent_transform * layer_local_transform;
+					responses.add(GraphOperationMessage::TransformSet {
+						layer: child,
+						transform,
+						transform_in: TransformIn::Local,
+						skip_rerender: false,
+					});
+				}
+
+				// Delete empty group folder
+				responses.add(NodeGraphMessage::DeleteNodes {
+					node_ids: vec![layer.to_node()],
+					delete_children: true,
+				});
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(NodeGraphMessage::SelectedNodesUpdated);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			DocumentMessage::PTZUpdate => {
+				if !self.graph_view_overlay_open {
+					let transform = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+					self.network_interface.set_document_to_viewport_transform(transform);
+					// Ensure selection box is kept in sync with the pointer when the PTZ changes
+					responses.add(SelectToolMessage::PointerMove(SelectToolPointerKeys {
+						axis_align: Key::Shift,
+						snap_angle: Key::Shift,
+						center: Key::Alt,
+						duplicate: Key::Alt,
+					}));
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				} else {
+					let Some(network_metadata) = self.network_interface.network_metadata(&self.breadcrumb_network_path) else {
+						return;
+					};
+
+					let transform = self
+						.navigation_handler
+						.calculate_offset_transform(ipp.viewport_bounds.center(), &network_metadata.persistent_metadata.navigation_metadata.node_graph_ptz);
+					self.network_interface.set_transform(transform, &self.breadcrumb_network_path);
+
+					responses.add(DocumentMessage::RenderRulers);
+					responses.add(DocumentMessage::RenderScrollbars);
+					responses.add(NodeGraphMessage::UpdateEdges);
+					responses.add(NodeGraphMessage::UpdateBoxSelection);
+					responses.add(NodeGraphMessage::UpdateImportsExports);
+
+					responses.add(FrontendMessage::UpdateNodeGraphTransform {
+						transform: Transform {
+							scale: transform.matrix2.x_axis.x,
+							x: transform.translation.x,
+							y: transform.translation.y,
+						},
+					})
+				}
+			}
+			DocumentMessage::SelectionStepBack => {
+				self.network_interface.selection_step_back(&self.selection_network_path);
+				responses.add(BroadcastEvent::SelectionChanged);
+			}
+			DocumentMessage::SelectionStepForward => {
+				self.network_interface.selection_step_forward(&self.selection_network_path);
+				responses.add(BroadcastEvent::SelectionChanged);
+			}
+			DocumentMessage::WrapContentInArtboard { place_artboard_at_origin } => {
+				// Get bounding box of all layers
+				let bounds = self.network_interface.document_bounds_document_space(false);
+				let Some(bounds) = bounds else { return };
+				let bounds_rounded_dimensions = (bounds[1] - bounds[0]).round();
+
+				// Create an artboard and set its dimensions to the bounding box size and location
+				let node_id = NodeId::new();
+				let node_layer_id = LayerNodeIdentifier::new_unchecked(node_id);
+				let new_artboard_node = document_node_definitions::resolve_document_node_type("Artboard")
+					.expect("Failed to create artboard node")
+					.default_node_template();
+				responses.add(NodeGraphMessage::InsertNode {
+					node_id,
+					node_template: new_artboard_node,
+				});
+				responses.add(NodeGraphMessage::ShiftNodePosition { node_id, x: 15, y: -3 });
+				responses.add(GraphOperationMessage::ResizeArtboard {
+					layer: LayerNodeIdentifier::new_unchecked(node_id),
+					location: if place_artboard_at_origin { IVec2::ZERO } else { bounds[0].round().as_ivec2() },
+					dimensions: bounds_rounded_dimensions.as_ivec2(),
+				});
+
+				// Connect the current output data to the artboard's input data, and the artboard's output to the document output
+				responses.add(NodeGraphMessage::InsertNodeBetween {
+					node_id,
+					input_connector: network_interface::InputConnector::Export(0),
+					insert_node_input_index: 1,
+				});
+
+				// Shift the content by half its width and height so it gets centered in the artboard
+				responses.add(GraphOperationMessage::TransformChange {
+					layer: node_layer_id,
+					transform: DAffine2::from_translation(bounds_rounded_dimensions / 2.),
+					transform_in: TransformIn::Local,
+					skip_rerender: false,
+				});
+			}
+			DocumentMessage::ZoomCanvasTo100Percent => {
+				responses.add_front(NavigationMessage::CanvasZoomSet { zoom_factor: 1. });
+			}
+			DocumentMessage::ZoomCanvasTo200Percent => {
+				responses.add_front(NavigationMessage::CanvasZoomSet { zoom_factor: 2. });
+			}
+			DocumentMessage::ZoomCanvasToFitAll => {
+				let bounds = if self.graph_view_overlay_open {
+					self.network_interface.all_nodes_bounding_box(&self.breadcrumb_network_path).cloned()
+				} else {
+					self.network_interface.document_bounds_document_space(true)
+				};
+				if let Some(bounds) = bounds {
+					if self.document_ptz.flip {
+						responses.add(NavigationMessage::CanvasFlip);
+					}
+					responses.add(NavigationMessage::CanvasTiltSet { angle_radians: 0. });
+					responses.add(NavigationMessage::FitViewportToBounds { bounds, prevent_zoom_past_100: true });
+				} else {
+					warn!("Cannot zoom due to no bounds")
+				}
+			}
+			DocumentMessage::Noop => (),
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		let mut common = actions!(DocumentMessageDiscriminant;
+			CreateEmptyFolder,
+			DeselectAllLayers,
+			GraphViewOverlayToggle,
+			Noop,
+			Redo,
+			SaveDocument,
+			SelectAllLayers,
+			SetSnapping,
+			ToggleGridVisibility,
+			ToggleOverlaysVisibility,
+			ToggleSnapping,
+			Undo,
+			SelectParentLayer,
+			SelectionStepForward,
+			SelectionStepBack,
+			ZoomCanvasTo100Percent,
+			ZoomCanvasTo200Percent,
+			ZoomCanvasToFitAll,
+		);
+
+		// Additional actions if there are any selected layers
+		if self.network_interface.selected_nodes().selected_layers(self.metadata()).next().is_some() {
+			let mut select = actions!(DocumentMessageDiscriminant;
+				DeleteSelectedLayers,
+				DuplicateSelectedLayers,
+				GroupSelectedLayers,
+				SelectedLayersLower,
+				SelectedLayersLowerToBack,
+				SelectedLayersRaise,
+				SelectedLayersRaiseToFront,
+				UngroupSelectedLayers,
+				ToggleSelectedLocked
+			);
+			if !self.graph_view_overlay_open {
+				select.extend(actions!(DocumentMessageDiscriminant;
+					NudgeSelectedLayers,
+					ToggleSelectedVisibility,
+				));
+			}
+			common.extend(select);
+		}
+
+		// Additional actions if the node graph is open
+		if self.graph_view_overlay_open {
+			common.extend(actions!(DocumentMessageDiscriminant;
+				Escape
+			));
+			common.extend(self.node_graph_handler.actions_additional_if_node_graph_is_open());
+		}
+		// More additional actions
+		common.extend(self.navigation_handler.actions());
+		common.extend(self.node_graph_handler.actions());
+		common
+	}
+}
+
+impl DocumentMessageHandler {
+	/// Runs an intersection test with all layers and a viewport space quad
+	pub fn intersect_quad<'a>(&'a self, viewport_quad: graphene_std::renderer::Quad, ipp: &InputPreprocessorMessageHandler) -> impl Iterator<Item = LayerNodeIdentifier> + use<'a> {
+		let document_to_viewport = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+		let document_quad = document_to_viewport.inverse() * viewport_quad;
+
+		ClickXRayIter::new(&self.network_interface, XRayTarget::Quad(document_quad))
+	}
+
+	/// Runs an intersection test with all layers and a viewport space quad; ignoring artboards
+	pub fn intersect_quad_no_artboards<'a>(&'a self, viewport_quad: graphene_std::renderer::Quad, ipp: &InputPreprocessorMessageHandler) -> impl Iterator<Item = LayerNodeIdentifier> + use<'a> {
+		self.intersect_quad(viewport_quad, ipp).filter(|layer| !self.network_interface.is_artboard(&layer.to_node(), &[]))
+	}
+
+	/// Runs an intersection test with all layers and a viewport space subpath
+	pub fn intersect_polygon<'a>(&'a self, mut viewport_polygon: Subpath<PointId>, ipp: &InputPreprocessorMessageHandler) -> impl Iterator<Item = LayerNodeIdentifier> + use<'a> {
+		let document_to_viewport = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+		viewport_polygon.apply_transform(document_to_viewport.inverse());
+
+		ClickXRayIter::new(&self.network_interface, XRayTarget::Polygon(viewport_polygon))
+	}
+
+	/// Runs an intersection test with all layers and a viewport space subpath; ignoring artboards
+	pub fn intersect_polygon_no_artboards<'a>(&'a self, viewport_polygon: Subpath<PointId>, ipp: &InputPreprocessorMessageHandler) -> impl Iterator<Item = LayerNodeIdentifier> + use<'a> {
+		self.intersect_polygon(viewport_polygon, ipp).filter(|layer| !self.network_interface.is_artboard(&layer.to_node(), &[]))
+	}
+
+	pub fn is_layer_fully_inside(&self, layer: &LayerNodeIdentifier, quad: graphene_std::renderer::Quad) -> bool {
+		// Get the bounding box of the layer in document space
+		let Some(bounding_box) = self.metadata().bounding_box_viewport(*layer) else { return false };
+
+		// Check if the bounding box is fully within the selection quad
+		let [top_left, bottom_right] = bounding_box;
+
+		let quad_bbox = quad.bounding_box();
+
+		let quad_left = quad_bbox[0].x;
+		let quad_right = quad_bbox[1].x;
+		let quad_top = quad_bbox[0].y.max(quad_bbox[1].y); // Correct top
+		let quad_bottom = quad_bbox[0].y.min(quad_bbox[1].y); // Correct bottom
+
+		// Extract layer's bounding box coordinates
+		let layer_left = top_left.x;
+		let layer_right = bottom_right.x;
+		let layer_top = bottom_right.y;
+		let layer_bottom = top_left.y;
+
+		layer_left >= quad_left && layer_right <= quad_right && layer_top <= quad_top && layer_bottom >= quad_bottom
+	}
+
+	pub fn is_layer_fully_inside_polygon(&self, layer: &LayerNodeIdentifier, ipp: &InputPreprocessorMessageHandler, mut viewport_polygon: Subpath<PointId>) -> bool {
+		let document_to_viewport = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+		viewport_polygon.apply_transform(document_to_viewport.inverse());
+
+		let layer_click_targets = self.network_interface.document_metadata().click_targets(*layer);
+		let layer_transform = self.network_interface.document_metadata().transform_to_document(*layer);
+
+		layer_click_targets.is_some_and(|targets| {
+			targets.iter().all(|target| match target.target_type() {
+				ClickTargetType::Subpath(subpath) => {
+					let mut subpath = subpath.clone();
+					subpath.apply_transform(layer_transform);
+					subpath.is_inside_subpath(&viewport_polygon, None, None)
+				}
+				ClickTargetType::FreePoint(point) => {
+					let mut point = *point;
+					point.apply_transform(layer_transform);
+					viewport_polygon.contains_point(point.position)
+				}
+			})
+		})
+	}
+
+	/// Find all of the layers that were clicked on from a viewport space location
+	pub fn click_xray(&self, ipp: &InputPreprocessorMessageHandler) -> impl Iterator<Item = LayerNodeIdentifier> + use<'_> {
+		let document_to_viewport = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+		let point = document_to_viewport.inverse().transform_point2(ipp.mouse.position);
+		ClickXRayIter::new(&self.network_interface, XRayTarget::Point(point))
+	}
+
+	/// Find the deepest layer given in the sorted array (by returning the one which is not a folder from the list of layers under the click location).
+	pub fn find_deepest(&self, node_list: &[LayerNodeIdentifier]) -> Option<LayerNodeIdentifier> {
+		node_list
+			.iter()
+			.find(|&&layer| {
+				if layer != LayerNodeIdentifier::ROOT_PARENT {
+					!layer.has_children(self.network_interface.document_metadata())
+				} else {
+					log::error!("ROOT_PARENT should not exist in find_deepest");
+					false
+				}
+			})
+			.copied()
+	}
+
+	/// Find layers under the location in viewport space that was clicked, listed by their depth in the layer tree hierarchy.
+	pub fn click_list<'a>(&'a self, ipp: &InputPreprocessorMessageHandler) -> impl Iterator<Item = LayerNodeIdentifier> + use<'a> {
+		self.click_xray(ipp)
+			.filter(move |&layer| !self.network_interface.is_artboard(&layer.to_node(), &[]))
+			.skip_while(|&layer| layer == LayerNodeIdentifier::ROOT_PARENT)
+			.scan(true, |last_had_children, layer| {
+				if *last_had_children {
+					*last_had_children = layer.has_children(self.network_interface.document_metadata());
+					Some(layer)
+				} else {
+					None
+				}
+			})
+	}
+
+	/// Find the deepest layer that has been clicked on from a location in viewport space.
+	pub fn click(&self, ipp: &InputPreprocessorMessageHandler) -> Option<LayerNodeIdentifier> {
+		self.click_list(ipp).last()
+	}
+
+	pub fn click_based_on_position(&self, mouse_snapped_positon: DVec2) -> Option<LayerNodeIdentifier> {
+		ClickXRayIter::new(&self.network_interface, XRayTarget::Point(mouse_snapped_positon))
+			.filter(move |&layer| !self.network_interface.is_artboard(&layer.to_node(), &[]))
+			.skip_while(|&layer| layer == LayerNodeIdentifier::ROOT_PARENT)
+			.scan(true, |last_had_children, layer| {
+				if *last_had_children {
+					*last_had_children = layer.has_children(self.network_interface.document_metadata());
+					Some(layer)
+				} else {
+					None
+				}
+			})
+			.last()
+	}
+
+	/// Get the combined bounding box of the click targets of the selected visible layers in viewport space
+	pub fn selected_visible_layers_bounding_box_viewport(&self) -> Option<[DVec2; 2]> {
+		self.network_interface
+			.selected_nodes()
+			.selected_visible_layers(&self.network_interface)
+			.filter_map(|layer| self.metadata().bounding_box_viewport(layer))
+			.reduce(graphene_std::renderer::Quad::combine_bounds)
+	}
+
+	pub fn selected_visible_and_unlock_layers_bounding_box_viewport(&self) -> Option<[DVec2; 2]> {
+		self.network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(&self.network_interface)
+			.filter_map(|layer| self.metadata().bounding_box_viewport(layer))
+			.reduce(graphene_std::renderer::Quad::combine_bounds)
+	}
+
+	pub fn document_network(&self) -> &NodeNetwork {
+		self.network_interface.document_network()
+	}
+
+	pub fn metadata(&self) -> &DocumentMetadata {
+		self.network_interface.document_metadata()
+	}
+
+	pub fn serialize_document(&self) -> String {
+		let val = serde_json::to_string(self);
+		// We fully expect the serialization to succeed
+		val.unwrap()
+	}
+
+	pub fn deserialize_document(serialized_content: &str) -> Result<Self, EditorError> {
+		let document_message_handler = serde_json::from_str::<DocumentMessageHandler>(serialized_content)
+			.or_else(|_| {
+				// TODO: Eventually remove this document upgrade code
+				#[derive(Debug, serde::Serialize, serde::Deserialize)]
+				pub struct OldDocumentMessageHandler {
+					// ============================================
+					// Fields that are saved in the document format
+					// ============================================
+					//
+					/// The node graph that generates this document's artwork.
+					/// It recursively stores its sub-graphs, so this root graph is the whole snapshot of the document content.
+					pub network: OldNodeNetwork,
+					/// List of the [`NodeId`]s that are currently selected by the user.
+					pub selected_nodes: SelectedNodes,
+					/// List of the [`LayerNodeIdentifier`]s that are currently collapsed by the user in the Layers panel.
+					/// Collapsed means that the expansion arrow isn't set to show the children of these layers.
+					pub collapsed: CollapsedLayers,
+					/// The name of the document, which is displayed in the tab and title bar of the editor.
+					pub name: String,
+					/// The full Git commit hash of the Graphite repository that was used to build the editor.
+					/// We save this to provide a hint about which version of the editor was used to create the document.
+					pub commit_hash: String,
+					/// The current pan, tilt, and zoom state of the viewport's view of the document canvas.
+					pub document_ptz: PTZ,
+					/// The current mode that the document is in, which starts out as Design Mode. This choice affects the editing behavior of the tools.
+					pub document_mode: DocumentMode,
+					/// The current view mode that the user has set for rendering the document within the viewport.
+					/// This is usually "Normal" but can be set to "Outline" or "Pixels" to see the canvas differently.
+					pub view_mode: ViewMode,
+					/// Sets whether or not all the viewport overlays should be drawn on top of the artwork.
+					/// This includes tool interaction visualizations (like the transform cage and path anchors/handles), the grid, and more.
+					pub overlays_visibility_settings: OverlaysVisibilitySettings,
+					/// Sets whether or not the rulers should be drawn along the top and left edges of the viewport area.
+					pub rulers_visible: bool,
+					/// Sets whether or not the node graph is drawn (as an overlay) on top of the viewport area, or otherwise if it's hidden.
+					pub graph_view_overlay_open: bool,
+					/// The current user choices for snapping behavior, including whether snapping is enabled at all.
+					pub snapping_state: SnappingState,
+				}
+
+				serde_json::from_str::<OldDocumentMessageHandler>(serialized_content).map(|old_message_handler| DocumentMessageHandler {
+					network_interface: NodeNetworkInterface::from_old_network(old_message_handler.network),
+					collapsed: old_message_handler.collapsed,
+					commit_hash: old_message_handler.commit_hash,
+					document_ptz: old_message_handler.document_ptz,
+					document_mode: old_message_handler.document_mode,
+					view_mode: old_message_handler.view_mode,
+					overlays_visibility_settings: old_message_handler.overlays_visibility_settings,
+					rulers_visible: old_message_handler.rulers_visible,
+					graph_view_overlay_open: old_message_handler.graph_view_overlay_open,
+					snapping_state: old_message_handler.snapping_state,
+					..Default::default()
+				})
+			})
+			.map_err(|e| EditorError::DocumentDeserialization(e.to_string()))?;
+		Ok(document_message_handler)
+	}
+
+	/// Called recursively by the entry function [`serialize_root`].
+	fn serialize_structure(&self, folder: LayerNodeIdentifier, structure_section: &mut Vec<u64>, data_section: &mut Vec<u64>, path: &mut Vec<LayerNodeIdentifier>) {
+		let mut space = 0;
+		for layer_node in folder.children(self.metadata()) {
+			data_section.push(layer_node.to_node().0);
+			space += 1;
+			if layer_node.has_children(self.metadata()) && !self.collapsed.0.contains(&layer_node) {
+				path.push(layer_node);
+
+				// TODO: Skip if folder is not expanded.
+				structure_section.push(space);
+				self.serialize_structure(layer_node, structure_section, data_section, path);
+				space = 0;
+
+				path.pop();
+			}
+		}
+		structure_section.push(space | (1 << 63));
+	}
+
+	/// Serializes the layer structure into a condensed 1D structure.
+	///
+	/// # Format
+	/// It is a string of numbers broken into three sections:
+	///
+	/// | Data                                                                                                                          | Description                                                   | Length           |
+	/// |------------------------------------------------------------------------------------------------------------------------------ |---------------------------------------------------------------|------------------|
+	/// | `4,` `2, 1, -2, -0,` `16533113728871998040,3427872634365736244,18115028555707261608,15878401910454357952,449479075714955186`  | Encoded example data                                          |                  |
+	/// | _____________________________________________________________________________________________________________________________ | _____________________________________________________________ | ________________ |
+	/// | **Length** section: `4`                                                                                                       | Length of the **Structure** section (`L` = `structure.len()`) | First value      |
+	/// | **Structure** section: `2, 1, -2, -0`                                                                                         | The **Structure** section                                     | Next `L` values  |
+	/// | **Data** section: `16533113728871998040, 3427872634365736244, 18115028555707261608, 15878401910454357952, 449479075714955186` | The **Data** section (layer IDs)                              | Remaining values |
+	///
+	/// The data section lists the layer IDs for all folders/layers in the tree as read from top to bottom.
+	/// The structure section lists signed numbers. The sign indicates a folder indentation change (`+` is down a level, `-` is up a level).
+	/// The numbers in the structure block encode the indentation. For example:
+	/// - `2` means read two elements from the data section, then place a `[`.
+	/// - `-x` means read `x` elements from the data section and then insert a `]`.
+	///
+	/// ```text
+	/// 2     V 1  V -2  A -0 A
+	/// 16533113728871998040,3427872634365736244,  18115028555707261608, 15878401910454357952,449479075714955186
+	/// 16533113728871998040,3427872634365736244,[ 18115028555707261608,[15878401910454357952,449479075714955186]    ]
+	/// ```
+	///
+	/// Resulting layer panel:
+	/// ```text
+	/// 16533113728871998040
+	/// 3427872634365736244
+	/// [3427872634365736244,18115028555707261608]
+	/// [3427872634365736244,18115028555707261608,15878401910454357952]
+	/// [3427872634365736244,18115028555707261608,449479075714955186]
+	/// ```
+	pub fn serialize_root(&self) -> RawBuffer {
+		let mut structure_section = vec![NodeId(0).0];
+		let mut data_section = Vec::new();
+		self.serialize_structure(LayerNodeIdentifier::ROOT_PARENT, &mut structure_section, &mut data_section, &mut vec![]);
+
+		// Remove the ROOT element. Prepend `L`, the length (excluding the ROOT) of the structure section (which happens to be where the ROOT element was).
+		structure_section[0] = structure_section.len() as u64 - 1;
+		// Append the data section to the end.
+		structure_section.extend(data_section);
+
+		structure_section.as_slice().into()
+	}
+
+	pub fn undo_with_history(&mut self, ipp: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) {
+		let Some(previous_network) = self.undo(ipp, responses) else { return };
+
+		self.document_redo_history.push_back(previous_network);
+		if self.document_redo_history.len() > crate::consts::MAX_UNDO_HISTORY_LEN {
+			self.document_redo_history.pop_front();
+		}
+	}
+
+	pub fn undo(&mut self, ipp: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) -> Option<NodeNetworkInterface> {
+		// If there is no history return and don't broadcast SelectionChanged
+		let mut network_interface = self.document_undo_history.pop_back()?;
+
+		// Set the previous network navigation metadata to the current navigation metadata
+		network_interface.copy_all_navigation_metadata(&self.network_interface);
+		std::mem::swap(&mut network_interface.resolved_types, &mut self.network_interface.resolved_types);
+
+		//Update the metadata transform based on document PTZ
+		let transform = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+		network_interface.set_document_to_viewport_transform(transform);
+
+		// Ensure document structure is loaded so that updating the selected nodes has the correct metadata
+		network_interface.load_structure();
+
+		let previous_network = std::mem::replace(&mut self.network_interface, network_interface);
+
+		// Push the UpdateOpenDocumentsList message to the bus in order to update the save status of the open documents
+		responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+		responses.add(NodeGraphMessage::SelectedNodesUpdated);
+		responses.add(NodeGraphMessage::ForceRunDocumentGraph);
+		// TODO: Remove once the footprint is used to load the imports/export distances from the edge
+		responses.add(NodeGraphMessage::UnloadWires);
+		responses.add(NodeGraphMessage::SetGridAlignedEdges);
+		responses.add(Message::StartBuffer);
+		Some(previous_network)
+	}
+	pub fn redo_with_history(&mut self, ipp: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) {
+		// Push the UpdateOpenDocumentsList message to the queue in order to update the save status of the open documents
+		let Some(previous_network) = self.redo(ipp, responses) else { return };
+
+		self.document_undo_history.push_back(previous_network);
+		if self.document_undo_history.len() > crate::consts::MAX_UNDO_HISTORY_LEN {
+			self.document_undo_history.pop_front();
+		}
+	}
+
+	pub fn redo(&mut self, ipp: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) -> Option<NodeNetworkInterface> {
+		// If there is no history return and don't broadcast SelectionChanged
+		let mut network_interface = self.document_redo_history.pop_back()?;
+
+		// Set the previous network navigation metadata to the current navigation metadata
+		network_interface.copy_all_navigation_metadata(&self.network_interface);
+		std::mem::swap(&mut network_interface.resolved_types, &mut self.network_interface.resolved_types);
+
+		//Update the metadata transform based on document PTZ
+		let transform = self.navigation_handler.calculate_offset_transform(ipp.viewport_bounds.center(), &self.document_ptz);
+		network_interface.set_document_to_viewport_transform(transform);
+
+		let previous_network = std::mem::replace(&mut self.network_interface, network_interface);
+		// Push the UpdateOpenDocumentsList message to the bus in order to update the save status of the open documents
+		responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+		responses.add(NodeGraphMessage::SelectedNodesUpdated);
+		responses.add(NodeGraphMessage::ForceRunDocumentGraph);
+		responses.add(NodeGraphMessage::UnloadWires);
+		responses.add(NodeGraphMessage::SendWires);
+		Some(previous_network)
+	}
+
+	pub fn current_hash(&self) -> Option<u64> {
+		self.document_undo_history.iter().last().map(|network| network.document_network().current_hash())
+	}
+
+	pub fn is_auto_saved(&self) -> bool {
+		self.current_hash() == self.auto_saved_hash
+	}
+
+	pub fn is_saved(&self) -> bool {
+		self.current_hash() == self.saved_hash
+	}
+
+	pub fn is_graph_overlay_open(&self) -> bool {
+		self.graph_view_overlay_open
+	}
+
+	pub fn set_auto_save_state(&mut self, is_saved: bool) {
+		if is_saved {
+			self.auto_saved_hash = self.current_hash();
+		} else {
+			self.auto_saved_hash = None;
+		}
+	}
+
+	pub fn set_save_state(&mut self, is_saved: bool) {
+		if is_saved {
+			self.saved_hash = self.current_hash();
+		} else {
+			self.saved_hash = None;
+		}
+	}
+
+	/// Finds the artboard that bounds the point in viewport space and be the container of any newly added layers.
+	pub fn new_layer_bounding_artboard(&self, ipp: &InputPreprocessorMessageHandler) -> LayerNodeIdentifier {
+		let container_based_on_selection = self.new_layer_parent(true);
+
+		let container_based_on_clicked_artboard = self
+			.click_xray(ipp)
+			.find(|layer| self.network_interface.is_artboard(&layer.to_node(), &[]))
+			.unwrap_or(LayerNodeIdentifier::ROOT_PARENT);
+
+		if container_based_on_selection.ancestors(self.metadata()).any(|ancestor| ancestor == container_based_on_clicked_artboard) {
+			container_based_on_selection
+		} else {
+			container_based_on_clicked_artboard
+		}
+	}
+
+	/// Finds the parent folder which, based on the current selections, should be the container of any newly added layers.
+	pub fn new_layer_parent(&self, include_self: bool) -> LayerNodeIdentifier {
+		let Some(selected_nodes) = self.network_interface.selected_nodes_in_nested_network(&self.selection_network_path) else {
+			warn!("No selected nodes found in new_layer_parent. Defaulting to ROOT_PARENT.");
+			return LayerNodeIdentifier::ROOT_PARENT;
+		};
+
+		self.network_interface
+			.deepest_common_ancestor(&selected_nodes, &self.selection_network_path, include_self)
+			.unwrap_or_else(|| self.network_interface.all_artboards().iter().next().copied().unwrap_or(LayerNodeIdentifier::ROOT_PARENT))
+	}
+
+	pub fn get_calculated_insert_index(metadata: &DocumentMetadata, selected_nodes: &SelectedNodes, parent: LayerNodeIdentifier) -> usize {
+		parent
+			.children(metadata)
+			.enumerate()
+			.find_map(|(index, direct_child)| {
+				if selected_nodes.selected_layers(metadata).any(|selected| selected == direct_child) {
+					return Some(index);
+				}
+
+				for descendant in direct_child.descendants(metadata) {
+					if selected_nodes.selected_layers(metadata).any(|selected| selected == descendant) {
+						return Some(index);
+					}
+				}
+
+				None
+			})
+			.unwrap_or(0)
+	}
+
+	pub fn group_layers(
+		responses: &mut VecDeque<Message>,
+		insert_index: usize,
+		parent: LayerNodeIdentifier,
+		group_folder_type: GroupFolderType,
+		network_interface: &mut NodeNetworkInterface,
+	) -> NodeId {
+		let folder_id = NodeId(generate_uuid());
+
+		match group_folder_type {
+			GroupFolderType::Layer => responses.add(GraphOperationMessage::NewCustomLayer {
+				id: folder_id,
+				nodes: Vec::new(),
+				parent,
+				insert_index,
+			}),
+			GroupFolderType::BooleanOperation(operation) => {
+				// Get the ID of the one selected layer, if exactly one is selected
+				let only_selected_layer = {
+					let selected_nodes = network_interface.selected_nodes();
+					let mut layers = selected_nodes.selected_layers(network_interface.document_metadata());
+
+					match (layers.next(), layers.next()) {
+						(Some(id), None) => Some(id),
+						_ => None,
+					}
+				};
+
+				// If there is a single selected layer, check if there is a boolean operation upstream from it
+				let upstream_boolean_op = only_selected_layer.and_then(|selected_id| {
+					network_interface.upstream_flow_back_from_nodes(vec![selected_id.to_node()], &[], FlowType::HorizontalFlow).find(|id| {
+						network_interface
+							.reference(id, &[])
+							.map(|name| name.as_deref().unwrap_or_default() == "Boolean Operation")
+							.unwrap_or_default()
+					})
+				});
+
+				// If there's already a boolean operation on the selected layer, update it with the new operation
+				if let (Some(upstream_boolean_op), Some(only_selected_layer)) = (upstream_boolean_op, only_selected_layer) {
+					network_interface.set_input(&InputConnector::node(upstream_boolean_op, 1), NodeInput::value(TaggedValue::BooleanOperation(operation), false), &[]);
+
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+
+					return only_selected_layer.to_node();
+				}
+				// Otherwise, create a new boolean operation node group
+				else {
+					responses.add(GraphOperationMessage::NewBooleanOperationLayer {
+						id: folder_id,
+						operation,
+						parent,
+						insert_index,
+					});
+				}
+			}
+		}
+
+		let new_group_folder = LayerNodeIdentifier::new_unchecked(folder_id);
+		// Move the new folder to the correct position
+		responses.add(NodeGraphMessage::MoveLayerToStack {
+			layer: new_group_folder,
+			parent,
+			insert_index,
+		});
+		responses.add(DocumentMessage::MoveSelectedLayersToGroup { parent: new_group_folder });
+
+		folder_id
+	}
+
+	/// Loads all of the fonts in the document.
+	pub fn load_layer_resources(&self, responses: &mut VecDeque<Message>) {
+		let mut fonts = HashSet::new();
+		for (_node_id, node, _) in self.document_network().recursive_nodes() {
+			for input in &node.inputs {
+				if let Some(TaggedValue::Font(font)) = input.as_value() {
+					fonts.insert(font.clone());
+				}
+			}
+		}
+		for font in fonts {
+			responses.add_front(FrontendMessage::TriggerFontLoad { font });
+		}
+	}
+
+	pub fn update_document_widgets(&self, responses: &mut VecDeque<Message>, animation_is_playing: bool, time: Duration) {
+		// Document mode (dropdown menu at the left of the bar above the viewport, before the tool options)
+
+		let document_mode_layout = WidgetLayout::new(vec![LayoutGroup::Row {
+			widgets: vec![
+				// DropdownInput::new(
+				// 	vec![vec![
+				// 		MenuListEntry::new(format!("{:?}", DocumentMode::DesignMode))
+				// 			.label(DocumentMode::DesignMode.to_string())
+				// 			.icon(DocumentMode::DesignMode.icon_name()),
+				// 		MenuListEntry::new(format!("{:?}", DocumentMode::SelectMode))
+				// 			.label(DocumentMode::SelectMode.to_string())
+				// 			.icon(DocumentMode::SelectMode.icon_name())
+				// 			.on_commit(|_| DialogMessage::RequestComingSoonDialog { issue: Some(330) }.into()),
+				// 		MenuListEntry::new(format!("{:?}", DocumentMode::GuideMode))
+				// 			.label(DocumentMode::GuideMode.to_string())
+				// 			.icon(DocumentMode::GuideMode.icon_name())
+				// 			.on_commit(|_| DialogMessage::RequestComingSoonDialog { issue: Some(331) }.into()),
+				// 	]])
+				// 	.selected_index(Some(self.document_mode as u32))
+				// 	.draw_icon(true)
+				// 	.interactive(false) // TODO: set to true when dialogs are not spawned
+				// 	.widget_holder(),
+				// Separator::new(SeparatorType::Section).widget_holder(),
+			],
+		}]);
+
+		responses.add(LayoutMessage::SendLayout {
+			layout: Layout::WidgetLayout(document_mode_layout),
+			layout_target: LayoutTarget::DocumentMode,
+		});
+
+		// Document bar (right portion of the bar above the viewport)
+
+		let mut snapping_state = self.snapping_state.clone();
+		let mut snapping_state2 = self.snapping_state.clone();
+
+		let mut widgets = vec![
+			IconButton::new("PlaybackToStart", 24)
+				.tooltip("Restart Animation")
+				.tooltip_shortcut(action_keys!(AnimationMessageDiscriminant::RestartAnimation))
+				.on_update(|_| AnimationMessage::RestartAnimation.into())
+				.disabled(time == Duration::ZERO)
+				.widget_holder(),
+			IconButton::new(if animation_is_playing { "PlaybackPause" } else { "PlaybackPlay" }, 24)
+				.tooltip(if animation_is_playing { "Pause Animation" } else { "Play Animation" })
+				.tooltip_shortcut(action_keys!(AnimationMessageDiscriminant::ToggleLivePreview))
+				.on_update(|_| AnimationMessage::ToggleLivePreview.into())
+				.widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			CheckboxInput::new(self.overlays_visibility_settings.all)
+				.icon("Overlays")
+				.tooltip("Overlays")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::ToggleOverlaysVisibility))
+				.on_update(|optional_input: &CheckboxInput| {
+					DocumentMessage::SetOverlaysVisibility {
+						visible: optional_input.checked,
+						overlays_type: None,
+					}
+					.into()
+				})
+				.widget_holder(),
+			PopoverButton::new()
+				.popover_layout(vec![
+					LayoutGroup::Row {
+						widgets: vec![TextLabel::new("Overlays").bold(true).widget_holder()],
+					},
+					LayoutGroup::Row {
+						widgets: vec![TextLabel::new("General").widget_holder()],
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.artboard_name)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::ArtboardName),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Artboard Name".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.transform_measurement)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::TransformMeasurement),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("G/R/S Measurement".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: vec![TextLabel::new("Select Tool").widget_holder()],
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.quick_measurement)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::QuickMeasurement),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Quick Measurement".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.transform_cage)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::TransformCage),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Transform Cage".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.compass_rose)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::CompassRose),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Transform Dial".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.pivot)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::Pivot),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Transform Pivot".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.hover_outline)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::HoverOutline),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Hover Outline".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.selection_outline)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::SelectionOutline),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Selection Outline".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: vec![TextLabel::new("Pen & Path Tools").widget_holder()],
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.path)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::Path),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Path".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.anchors)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::Anchors),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Anchors".to_string()).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					},
+					LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(self.overlays_visibility_settings.handles)
+									.disabled(!self.overlays_visibility_settings.anchors)
+									.on_update(|optional_input: &CheckboxInput| {
+										DocumentMessage::SetOverlaysVisibility {
+											visible: optional_input.checked,
+											overlays_type: Some(OverlaysType::Handles),
+										}
+										.into()
+									})
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new("Handles".to_string())
+									.disabled(!self.overlays_visibility_settings.anchors)
+									.for_checkbox(&mut checkbox_id)
+									.widget_holder(),
+							]
+						},
+					},
+				])
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			CheckboxInput::new(snapping_state.snapping_enabled)
+				.icon("Snapping")
+				.tooltip("Snapping")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::ToggleSnapping))
+				.on_update(move |optional_input: &CheckboxInput| {
+					DocumentMessage::SetSnapping {
+						closure: Some(|snapping_state| &mut snapping_state.snapping_enabled),
+						snapping_state: optional_input.checked,
+					}
+					.into()
+				})
+				.widget_holder(),
+			PopoverButton::new()
+				.popover_layout(
+					[
+						LayoutGroup::Row {
+							widgets: vec![TextLabel::new("Snapping").bold(true).widget_holder()],
+						},
+						LayoutGroup::Row {
+							widgets: vec![TextLabel::new(SnappingOptions::BoundingBoxes.to_string()).widget_holder()],
+						},
+					]
+					.into_iter()
+					.chain(SNAP_FUNCTIONS_FOR_BOUNDING_BOXES.into_iter().map(|(name, closure, tooltip)| LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(*closure(&mut snapping_state))
+									.on_update(move |input: &CheckboxInput| {
+										DocumentMessage::SetSnapping {
+											closure: Some(closure),
+											snapping_state: input.checked,
+										}
+										.into()
+									})
+									.tooltip(tooltip)
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new(name).tooltip(tooltip).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					}))
+					.chain([LayoutGroup::Row {
+						widgets: vec![TextLabel::new(SnappingOptions::Paths.to_string()).widget_holder()],
+					}])
+					.chain(SNAP_FUNCTIONS_FOR_PATHS.into_iter().map(|(name, closure, tooltip)| LayoutGroup::Row {
+						widgets: {
+							let mut checkbox_id = CheckboxId::default();
+							vec![
+								CheckboxInput::new(*closure(&mut snapping_state2))
+									.on_update(move |input: &CheckboxInput| {
+										DocumentMessage::SetSnapping {
+											closure: Some(closure),
+											snapping_state: input.checked,
+										}
+										.into()
+									})
+									.tooltip(tooltip)
+									.for_label(checkbox_id.clone())
+									.widget_holder(),
+								TextLabel::new(name).tooltip(tooltip).for_checkbox(&mut checkbox_id).widget_holder(),
+							]
+						},
+					}))
+					.collect(),
+				)
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			CheckboxInput::new(self.snapping_state.grid_snapping)
+				.icon("Grid")
+				.tooltip("Grid")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::ToggleGridVisibility))
+				.on_update(|optional_input: &CheckboxInput| DocumentMessage::GridVisibility(optional_input.checked).into())
+				.widget_holder(),
+			PopoverButton::new()
+				.popover_layout(overlay_options(&self.snapping_state.grid))
+				.popover_min_width(Some(320))
+				.widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			RadioInput::new(vec![
+				RadioEntryData::new("normal")
+					.icon("ViewModeNormal")
+					.tooltip("View Mode: Normal")
+					.on_update(|_| DocumentMessage::SetViewMode { view_mode: ViewMode::Normal }.into()),
+				RadioEntryData::new("outline")
+					.icon("ViewModeOutline")
+					.tooltip("View Mode: Outline")
+					.on_update(|_| DocumentMessage::SetViewMode { view_mode: ViewMode::Outline }.into()),
+				RadioEntryData::new("pixels")
+					.icon("ViewModePixels")
+					.tooltip("View Mode: Pixels")
+					.on_update(|_| DialogMessage::RequestComingSoonDialog { issue: Some(320) }.into()),
+			])
+			.selected_index(match self.view_mode {
+				ViewMode::Normal => Some(0),
+				_ => Some(1),
+			})
+			.widget_holder(),
+			// PopoverButton::new()
+			// 	.popover_layout(vec![
+			// 		LayoutGroup::Row {
+			// 			widgets: vec![TextLabel::new("View Mode").bold(true).widget_holder()],
+			// 		},
+			// 		LayoutGroup::Row {
+			// 			widgets: vec![TextLabel::new("Coming soon").widget_holder()],
+			// 		},
+			// 	])
+			// 	.widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+		];
+
+		widgets.extend(navigation_controls(&self.document_ptz, &self.navigation_handler, false));
+
+		let tilt_value = self.navigation_handler.snapped_tilt(self.document_ptz.tilt()) / (std::f64::consts::PI / 180.);
+		if tilt_value.abs() > 0.00001 {
+			widgets.extend([
+				Separator::new(SeparatorType::Related).widget_holder(),
+				NumberInput::new(Some(tilt_value))
+					.unit("°")
+					.increment_behavior(NumberInputIncrementBehavior::Callback)
+					.increment_callback_increase(|number_input: &NumberInput| {
+						let one = 1. + f64::EPSILON * 100.;
+						NavigationMessage::CanvasTiltSet {
+							angle_radians: ((number_input.value.unwrap() / VIEWPORT_ROTATE_SNAP_INTERVAL + one).floor() * VIEWPORT_ROTATE_SNAP_INTERVAL).to_radians(),
+						}
+						.into()
+					})
+					.increment_callback_decrease(|number_input: &NumberInput| {
+						let one = 1. + f64::EPSILON * 100.;
+						NavigationMessage::CanvasTiltSet {
+							angle_radians: ((number_input.value.unwrap() / VIEWPORT_ROTATE_SNAP_INTERVAL - one).ceil() * VIEWPORT_ROTATE_SNAP_INTERVAL).to_radians(),
+						}
+						.into()
+					})
+					.tooltip("Canvas Tilt")
+					.on_update(|number_input: &NumberInput| {
+						NavigationMessage::CanvasTiltSet {
+							angle_radians: number_input.value.unwrap().to_radians(),
+						}
+						.into()
+					})
+					.widget_holder(),
+			]);
+		}
+
+		widgets.extend([
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			TextButton::new("Node Graph")
+				.icon(Some((if self.graph_view_overlay_open { "GraphViewOpen" } else { "GraphViewClosed" }).into()))
+				.hover_icon(Some((if self.graph_view_overlay_open { "GraphViewClosed" } else { "GraphViewOpen" }).into()))
+				.tooltip(if self.graph_view_overlay_open { "Hide Node Graph" } else { "Show Node Graph" })
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::GraphViewOverlayToggle))
+				.on_update(move |_| DocumentMessage::GraphViewOverlayToggle.into())
+				.widget_holder(),
+		]);
+
+		let document_bar_layout = WidgetLayout::new(vec![LayoutGroup::Row { widgets }]);
+
+		responses.add(LayoutMessage::SendLayout {
+			layout: Layout::WidgetLayout(document_bar_layout),
+			layout_target: LayoutTarget::DocumentBar,
+		});
+		responses.add(NodeGraphMessage::ForceRunDocumentGraph);
+	}
+
+	pub fn update_layers_panel_control_bar_widgets(&self, responses: &mut VecDeque<Message>) {
+		// Get an iterator over the selected layers (excluding artboards which don't have an opacity or blend mode).
+		let selected_nodes = self.network_interface.selected_nodes();
+		let selected_layers_except_artboards = selected_nodes.selected_layers_except_artboards(&self.network_interface);
+
+		// Look up the current opacity and blend mode of the selected layers (if any), and split the iterator into the first tuple and the rest.
+		let mut blending_options = selected_layers_except_artboards.map(|layer| {
+			(
+				get_opacity(layer, &self.network_interface).unwrap_or(100.),
+				get_fill(layer, &self.network_interface).unwrap_or(100.),
+				get_blend_mode(layer, &self.network_interface).unwrap_or_default(),
+			)
+		});
+		let first_blending_options = blending_options.next();
+		let result_blending_options = blending_options;
+
+		// If there are no selected layers, disable the opacity and blend mode widgets.
+		let disabled = first_blending_options.is_none();
+
+		// Amongst the selected layers, check if the opacities and blend modes are identical across all layers.
+		// The result is setting `option` and `blend_mode` to Some value if all their values are identical, or None if they are not.
+		// If identical, we display the value in the widget. If not, we display a dash indicating dissimilarity.
+		let (opacity, fill, blend_mode) = first_blending_options
+			.map(|(first_opacity, first_fill, first_blend_mode)| {
+				let mut opacity_identical = true;
+				let mut fill_identical = true;
+				let mut blend_mode_identical = true;
+
+				for (opacity, fill, blend_mode) in result_blending_options {
+					if (opacity - first_opacity).abs() > (f64::EPSILON * 100.) {
+						opacity_identical = false;
+					}
+					if (fill - first_fill).abs() > (f64::EPSILON * 100.) {
+						fill_identical = false;
+					}
+					if blend_mode != first_blend_mode {
+						blend_mode_identical = false;
+					}
+				}
+
+				(
+					opacity_identical.then_some(first_opacity),
+					fill_identical.then_some(first_fill),
+					blend_mode_identical.then_some(first_blend_mode),
+				)
+			})
+			.unwrap_or((None, None, None));
+
+		let blend_mode_menu_entries = BlendMode::list_svg_subset()
+			.iter()
+			.map(|modes| {
+				modes
+					.iter()
+					.map(|&blend_mode| {
+						MenuListEntry::new(format!("{blend_mode:?}"))
+							.label(blend_mode.to_string())
+							.on_update(move |_| DocumentMessage::SetBlendModeForSelectedLayers { blend_mode }.into())
+							.on_commit(|_| DocumentMessage::AddTransaction.into())
+					})
+					.collect()
+			})
+			.collect();
+
+		let has_selection = self.network_interface.selected_nodes().selected_layers(self.metadata()).next().is_some();
+		let selection_all_visible = self
+			.network_interface
+			.selected_nodes()
+			.selected_layers(self.metadata())
+			.all(|layer| self.network_interface.is_visible(&layer.to_node(), &[]));
+		let selection_all_locked = self
+			.network_interface
+			.selected_nodes()
+			.selected_layers(self.metadata())
+			.all(|layer| self.network_interface.is_locked(&layer.to_node(), &[]));
+
+		let widgets = vec![
+			DropdownInput::new(blend_mode_menu_entries)
+				.selected_index(blend_mode.and_then(|blend_mode| blend_mode.index_in_list_svg_subset()).map(|index| index as u32))
+				.disabled(disabled)
+				.draw_icon(false)
+				.max_width(100)
+				.tooltip("Blend Mode")
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(opacity)
+				.label("Opacity")
+				.unit("%")
+				.display_decimal_places(0)
+				.disabled(disabled)
+				.min(0.)
+				.max(100.)
+				.range_min(Some(0.))
+				.range_max(Some(100.))
+				.mode_range()
+				.on_update(|number_input: &NumberInput| {
+					if let Some(value) = number_input.value {
+						DocumentMessage::SetOpacityForSelectedLayers { opacity: value / 100. }.into()
+					} else {
+						Message::NoOp
+					}
+				})
+				.on_commit(|_| DocumentMessage::AddTransaction.into())
+				.max_width(100)
+				.tooltip("Opacity")
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(fill)
+				.label("Fill")
+				.unit("%")
+				.display_decimal_places(0)
+				.disabled(disabled)
+				.min(0.)
+				.max(100.)
+				.range_min(Some(0.))
+				.range_max(Some(100.))
+				.mode_range()
+				.on_update(|number_input: &NumberInput| {
+					if let Some(value) = number_input.value {
+						DocumentMessage::SetFillForSelectedLayers { fill: value / 100. }.into()
+					} else {
+						Message::NoOp
+					}
+				})
+				.on_commit(|_| DocumentMessage::AddTransaction.into())
+				.max_width(100)
+				.tooltip("Fill")
+				.widget_holder(),
+		];
+		let layers_panel_control_bar_left = WidgetLayout::new(vec![LayoutGroup::Row { widgets }]);
+
+		let widgets = vec![
+			IconButton::new(if selection_all_locked { "PadlockLocked" } else { "PadlockUnlocked" }, 24)
+				.hover_icon(Some((if selection_all_locked { "PadlockUnlocked" } else { "PadlockLocked" }).into()))
+				.tooltip(if selection_all_locked { "Unlock Selected" } else { "Lock Selected" })
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::ToggleSelectedLocked))
+				.on_update(|_| NodeGraphMessage::ToggleSelectedLocked.into())
+				.disabled(!has_selection)
+				.widget_holder(),
+			IconButton::new(if selection_all_visible { "EyeVisible" } else { "EyeHidden" }, 24)
+				.hover_icon(Some((if selection_all_visible { "EyeHide" } else { "EyeShow" }).into()))
+				.tooltip(if selection_all_visible { "Hide Selected" } else { "Show Selected" })
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::ToggleSelectedVisibility))
+				.on_update(|_| DocumentMessage::ToggleSelectedVisibility.into())
+				.disabled(!has_selection)
+				.widget_holder(),
+		];
+		let layers_panel_control_bar_right = WidgetLayout::new(vec![LayoutGroup::Row { widgets }]);
+
+		responses.add(LayoutMessage::SendLayout {
+			layout: Layout::WidgetLayout(layers_panel_control_bar_left),
+			layout_target: LayoutTarget::LayersPanelControlLeftBar,
+		});
+		responses.add(LayoutMessage::SendLayout {
+			layout: Layout::WidgetLayout(layers_panel_control_bar_right),
+			layout_target: LayoutTarget::LayersPanelControlRightBar,
+		});
+	}
+
+	pub fn update_layers_panel_bottom_bar_widgets(&self, responses: &mut VecDeque<Message>) {
+		let selected_nodes = self.network_interface.selected_nodes();
+		let mut selected_layers = selected_nodes.selected_layers(self.metadata());
+		let selected_layer = selected_layers.next();
+		let has_selection = selected_layer.is_some();
+		let has_multiple_selection = selected_layers.next().is_some();
+
+		let widgets = vec![
+			PopoverButton::new()
+				.icon(Some("Node".to_string()))
+				.menu_direction(Some(MenuDirection::Top))
+				.tooltip("Add an operation to the end of this layer's chain of nodes")
+				.disabled(!has_selection || has_multiple_selection)
+				.popover_layout({
+					let node_chooser = NodeCatalog::new()
+						.on_update(move |node_type| {
+							if let Some(layer) = selected_layer {
+								NodeGraphMessage::CreateNodeInLayerWithTransaction {
+									node_type: node_type.clone(),
+									layer: LayerNodeIdentifier::new_unchecked(layer.to_node()),
+								}
+								.into()
+							} else {
+								Message::NoOp
+							}
+						})
+						.widget_holder();
+					vec![LayoutGroup::Row { widgets: vec![node_chooser] }]
+				})
+				.widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			IconButton::new("Folder", 24)
+				.tooltip("Group Selected")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::GroupSelectedLayers))
+				.on_update(|_| {
+					let group_folder_type = GroupFolderType::Layer;
+					DocumentMessage::GroupSelectedLayers { group_folder_type }.into()
+				})
+				.disabled(!has_selection)
+				.widget_holder(),
+			IconButton::new("NewLayer", 24)
+				.tooltip("New Layer")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::CreateEmptyFolder))
+				.on_update(|_| DocumentMessage::CreateEmptyFolder.into())
+				.widget_holder(),
+			IconButton::new("Trash", 24)
+				.tooltip("Delete Selected")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::DeleteSelectedLayers))
+				.on_update(|_| DocumentMessage::DeleteSelectedLayers.into())
+				.disabled(!has_selection)
+				.widget_holder(),
+		];
+		let layers_panel_bottom_bar = WidgetLayout::new(vec![LayoutGroup::Row { widgets }]);
+
+		responses.add(LayoutMessage::SendLayout {
+			layout: Layout::WidgetLayout(layers_panel_bottom_bar),
+			layout_target: LayoutTarget::LayersPanelBottomBar,
+		});
+	}
+
+	pub fn selected_layers_reverse(&mut self, responses: &mut VecDeque<Message>) {
+		let selected_layers = self.network_interface.selected_nodes();
+		let metadata = self.metadata();
+		let selected_layer_set = selected_layers.selected_layers(metadata).collect::<HashSet<_>>();
+
+		// Ignore those with selected ancestors
+		let mut top_level_layers = Vec::new();
+		for &layer in &selected_layer_set {
+			let mut is_top_level = true;
+			let mut current_layer = layer;
+
+			while let Some(parent) = current_layer.parent(metadata) {
+				if selected_layer_set.contains(&parent) {
+					is_top_level = false;
+					break;
+				}
+				current_layer = parent;
+			}
+
+			if is_top_level {
+				top_level_layers.push(layer);
+			}
+		}
+
+		// Group selected layers by their parent
+		let mut grouped_layers: HashMap<LayerNodeIdentifier, Vec<(usize, LayerNodeIdentifier)>> = HashMap::new();
+		for &layer in &top_level_layers {
+			if let Some(parent) = layer.parent(metadata) {
+				let index = parent.children(metadata).position(|child| child == layer).unwrap_or(usize::MAX);
+
+				grouped_layers.entry(parent).or_default().push((index, layer));
+			}
+		}
+
+		let mut modified = false;
+
+		// Process each group separately
+		for (parent, mut layers) in grouped_layers {
+			// Retrieve all children under the parent
+			let all_children = parent.children(metadata).collect::<Vec<_>>();
+
+			// Separate unselected layers with their original indices
+			let unselected_layers = all_children
+				.iter()
+				.enumerate()
+				.filter_map(|(index, &layer)| if !selected_layer_set.contains(&layer) { Some((index, layer)) } else { None })
+				.collect::<Vec<_>>();
+
+			layers.sort_by_key(|(index, _)| *index);
+
+			let reversed_layers = layers.iter().rev().map(|(_, layer)| *layer).collect::<Vec<_>>();
+			let selected_positions = layers.iter().map(|(index, _)| *index).collect::<Vec<_>>();
+			let selected_iter = reversed_layers.into_iter();
+			let mut merged_layers = vec![None; all_children.len()];
+
+			for (&original_index, new_layer) in selected_positions.iter().zip(selected_iter) {
+				merged_layers[original_index] = Some(new_layer);
+			}
+
+			// Place unselected layers at their original positions
+			for (index, layer) in unselected_layers {
+				if merged_layers[index].is_none() {
+					merged_layers[index] = Some(layer);
+				}
+			}
+
+			let final_layers = merged_layers.into_iter().flatten().collect::<Vec<_>>();
+			if final_layers.is_empty() {
+				continue;
+			}
+
+			if !modified {
+				responses.add(DocumentMessage::AddTransaction);
+			}
+
+			for (index, layer) in final_layers.iter().enumerate() {
+				responses.add(NodeGraphMessage::MoveLayerToStack {
+					layer: *layer,
+					parent,
+					insert_index: index,
+				});
+			}
+
+			modified = true;
+		}
+
+		if modified {
+			responses.add(NodeGraphMessage::RunDocumentGraph);
+			responses.add(NodeGraphMessage::SendGraph);
+		}
+	}
+
+	pub fn selected_layers_reorder(&mut self, relative_index_offset: isize, responses: &mut VecDeque<Message>) {
+		let selected_nodes = self.network_interface.selected_nodes();
+		let mut selected_layers = selected_nodes.selected_layers(self.metadata());
+
+		let first_or_last_selected_layer = match relative_index_offset.signum() {
+			-1 => selected_layers.next(),
+			1 => selected_layers.last(),
+			_ => panic!("selected_layers_reorder() must be given a non-zero value"),
+		};
+
+		let Some(pivot_layer) = first_or_last_selected_layer else {
+			return;
+		};
+		let parent = pivot_layer.parent(self.metadata()).unwrap_or(LayerNodeIdentifier::ROOT_PARENT);
+
+		let sibling_layer_paths: Vec<_> = parent.children(self.metadata()).collect();
+		let Some(pivot_index) = sibling_layer_paths.iter().position(|path| *path == pivot_layer) else {
+			return;
+		};
+
+		let max = sibling_layer_paths.len() as i64 - 1;
+		let insert_index = (pivot_index as i64 + relative_index_offset as i64).clamp(0, max) as usize;
+
+		let Some(&neighbor) = sibling_layer_paths.get(insert_index) else {
+			return;
+		};
+		let Some(neighbor_index) = sibling_layer_paths.iter().position(|path| *path == neighbor) else {
+			return;
+		};
+
+		// If moving down, insert below this layer. If moving up, insert above this layer.
+		let insert_index = if relative_index_offset < 0 { neighbor_index } else { neighbor_index + 1 };
+		responses.add(DocumentMessage::MoveSelectedLayersTo { parent, insert_index });
+	}
+
+	pub fn graph_view_overlay_open(&self) -> bool {
+		self.graph_view_overlay_open
+	}
+}
+
+/// Create a network interface with a single export
+fn default_document_network_interface() -> NodeNetworkInterface {
+	let mut network_interface = NodeNetworkInterface::default();
+	network_interface.add_export(TaggedValue::ArtboardGroup(graphene_std::ArtboardGroupTable::default()), -1, "", &[]);
+	network_interface
+}
+
+/// Targets for the [`ClickXRayIter`]. In order to reduce computation, we prefer just a point/path test where possible.
+#[derive(Clone)]
+enum XRayTarget {
+	Point(DVec2),
+	Quad(Quad),
+	Path(Vec<path_bool_lib::PathSegment>),
+	Polygon(Subpath<PointId>),
+}
+
+/// The result for the [`ClickXRayIter`] on the layer
+struct XRayResult {
+	clicked: bool,
+	use_children: bool,
+}
+
+/// An iterator for finding layers within an [`XRayTarget`]. Constructed by [`DocumentMessageHandler::intersect_quad`] and [`DocumentMessageHandler::click_xray`].
+#[derive(Clone)]
+pub struct ClickXRayIter<'a> {
+	next_layer: Option<LayerNodeIdentifier>,
+	network_interface: &'a NodeNetworkInterface,
+	parent_targets: Vec<(LayerNodeIdentifier, XRayTarget)>,
+}
+
+fn quad_to_path_lib_segments(quad: Quad) -> Vec<path_bool_lib::PathSegment> {
+	quad.all_edges().into_iter().map(|[start, end]| path_bool_lib::PathSegment::Line(start, end)).collect()
+}
+
+fn click_targets_to_path_lib_segments<'a>(click_targets: impl Iterator<Item = &'a ClickTarget>, transform: DAffine2) -> Vec<path_bool_lib::PathSegment> {
+	let segment = |bezier: bezier_rs::Bezier| match bezier.handles {
+		bezier_rs::BezierHandles::Linear => path_bool_lib::PathSegment::Line(bezier.start, bezier.end),
+		bezier_rs::BezierHandles::Quadratic { handle } => path_bool_lib::PathSegment::Quadratic(bezier.start, handle, bezier.end),
+		bezier_rs::BezierHandles::Cubic { handle_start, handle_end } => path_bool_lib::PathSegment::Cubic(bezier.start, handle_start, handle_end, bezier.end),
+	};
+	click_targets
+		.filter_map(|target| {
+			if let ClickTargetType::Subpath(subpath) = target.target_type() {
+				Some(subpath.iter())
+			} else {
+				None
+			}
+		})
+		.flatten()
+		.map(|bezier| segment(bezier.apply_transformation(|x| transform.transform_point2(x))))
+		.collect()
+}
+
+impl<'a> ClickXRayIter<'a> {
+	fn new(network_interface: &'a NodeNetworkInterface, target: XRayTarget) -> Self {
+		if let Some(first_layer) = LayerNodeIdentifier::ROOT_PARENT.first_child(network_interface.document_metadata()) {
+			Self {
+				network_interface,
+				next_layer: Some(first_layer),
+				parent_targets: vec![(LayerNodeIdentifier::ROOT_PARENT, target)],
+			}
+		} else {
+			Self {
+				network_interface,
+				next_layer: Default::default(),
+				parent_targets: Default::default(),
+			}
+		}
+	}
+
+	/// Handles the checking of the layer where the target is a rect or path
+	fn check_layer_area_target(&mut self, click_targets: Option<&Vec<ClickTarget>>, clip: bool, layer: LayerNodeIdentifier, path: Vec<path_bool_lib::PathSegment>, transform: DAffine2) -> XRayResult {
+		// Convert back to Bezier-rs types for intersections
+		let segment = |bezier: &path_bool_lib::PathSegment| match *bezier {
+			path_bool_lib::PathSegment::Line(start, end) => bezier_rs::Bezier::from_linear_dvec2(start, end),
+			path_bool_lib::PathSegment::Cubic(start, h1, h2, end) => bezier_rs::Bezier::from_cubic_dvec2(start, h1, h2, end),
+			path_bool_lib::PathSegment::Quadratic(start, h1, end) => bezier_rs::Bezier::from_quadratic_dvec2(start, h1, end),
+			path_bool_lib::PathSegment::Arc(_, _, _, _, _, _, _) => unimplemented!(),
+		};
+		let get_clip = || path.iter().map(segment);
+
+		let intersects = click_targets.is_some_and(|targets| targets.iter().any(|target| target.intersect_path(get_clip, transform)));
+		let clicked = intersects;
+		let mut use_children = !clip || intersects;
+
+		// In the case of a clip path where the area partially intersects, it is necessary to do a boolean operation.
+		// We do this on this using the target area to reduce computation (as the target area is usually very simple).
+		if clip && intersects {
+			let clip_path = click_targets_to_path_lib_segments(click_targets.iter().flat_map(|x| x.iter()), transform);
+			let subtracted = boolean_intersect(path, clip_path).into_iter().flatten().collect::<Vec<_>>();
+			if subtracted.is_empty() {
+				use_children = false;
+			} else {
+				// All child layers will use the new clipped target area
+				self.parent_targets.push((layer, XRayTarget::Path(subtracted)));
+			}
+		}
+		XRayResult { clicked, use_children }
+	}
+
+	/// Handles the checking of the layer to find if it has been clicked
+	fn check_layer(&mut self, layer: LayerNodeIdentifier) -> XRayResult {
+		let selected_layers = self.network_interface.selected_nodes();
+		// Discard invisible and locked layers
+		if !selected_layers.layer_visible(layer, self.network_interface) || selected_layers.layer_locked(layer, self.network_interface) {
+			return XRayResult { clicked: false, use_children: false };
+		}
+
+		let click_targets = self.network_interface.document_metadata().click_targets(layer);
+		let transform = self.network_interface.document_metadata().transform_to_document(layer);
+		let target = &self.parent_targets.last().expect("In `check_layer()`: there should be a `target`").1;
+		let clip = self.network_interface.document_metadata().is_clip(layer.to_node());
+
+		match target {
+			// Single points are much cheaper than paths so have their own special case
+			XRayTarget::Point(point) => {
+				let intersects = click_targets.is_some_and(|targets| targets.iter().any(|target| target.intersect_point(*point, transform)));
+				XRayResult {
+					clicked: intersects,
+					use_children: !clip || intersects,
+				}
+			}
+			XRayTarget::Quad(quad) => self.check_layer_area_target(click_targets, clip, layer, quad_to_path_lib_segments(*quad), transform),
+			XRayTarget::Path(path) => self.check_layer_area_target(click_targets, clip, layer, path.clone(), transform),
+			XRayTarget::Polygon(polygon) => {
+				let polygon = polygon.iter_closed().map(|line| path_bool_lib::PathSegment::Line(line.start, line.end)).collect();
+				self.check_layer_area_target(click_targets, clip, layer, polygon, transform)
+			}
+		}
+	}
+}
+
+pub fn navigation_controls(ptz: &PTZ, navigation_handler: &NavigationMessageHandler, node_graph: bool) -> Vec<WidgetHolder> {
+	let mut list = vec![
+		IconButton::new("ZoomIn", 24)
+			.tooltip("Zoom In")
+			.tooltip_shortcut(action_keys!(NavigationMessageDiscriminant::CanvasZoomIncrease))
+			.on_update(|_| NavigationMessage::CanvasZoomIncrease { center_on_mouse: false }.into())
+			.widget_holder(),
+		IconButton::new("ZoomOut", 24)
+			.tooltip("Zoom Out")
+			.tooltip_shortcut(action_keys!(NavigationMessageDiscriminant::CanvasZoomDecrease))
+			.on_update(|_| NavigationMessage::CanvasZoomDecrease { center_on_mouse: false }.into())
+			.widget_holder(),
+		IconButton::new("ZoomReset", 24)
+			.tooltip("Reset Tilt and Zoom to 100%")
+			.tooltip_shortcut(action_keys!(NavigationMessageDiscriminant::CanvasTiltResetAndZoomTo100Percent))
+			.on_update(|_| NavigationMessage::CanvasTiltResetAndZoomTo100Percent.into())
+			.disabled(ptz.tilt().abs() < 1e-4 && (ptz.zoom() - 1.).abs() < 1e-4)
+			.widget_holder(),
+	];
+	if ptz.flip && !node_graph {
+		list.push(
+			IconButton::new("Reverse", 24)
+				.tooltip("Flip the canvas back to its standard orientation")
+				.tooltip_shortcut(action_keys!(NavigationMessageDiscriminant::CanvasFlip))
+				.on_update(|_| NavigationMessage::CanvasFlip.into())
+				.widget_holder(),
+		);
+	}
+	list.extend([
+		Separator::new(SeparatorType::Related).widget_holder(),
+		NumberInput::new(Some(navigation_handler.snapped_zoom(ptz.zoom()) * 100.))
+			.unit("%")
+			.min(0.000001)
+			.max(1000000.)
+			.tooltip(if node_graph { "Node Graph Zoom" } else { "Canvas Zoom" })
+			.on_update(|number_input: &NumberInput| {
+				NavigationMessage::CanvasZoomSet {
+					zoom_factor: number_input.value.unwrap() / 100.,
+				}
+				.into()
+			})
+			.increment_behavior(NumberInputIncrementBehavior::Callback)
+			.increment_callback_decrease(|_| NavigationMessage::CanvasZoomDecrease { center_on_mouse: false }.into())
+			.increment_callback_increase(|_| NavigationMessage::CanvasZoomIncrease { center_on_mouse: false }.into())
+			.widget_holder(),
+	]);
+	list
+}
+
+impl Iterator for ClickXRayIter<'_> {
+	type Item = LayerNodeIdentifier;
+
+	fn next(&mut self) -> Option<Self::Item> {
+		// While there are still layers in the layer tree
+		while let Some(layer) = self.next_layer.take() {
+			let XRayResult { clicked, use_children } = self.check_layer(layer);
+			let metadata = self.network_interface.document_metadata();
+			// If we should use the children and also there is a child, that child is the next layer.
+			self.next_layer = use_children.then(|| layer.first_child(metadata)).flatten();
+
+			// If we aren't using children, iterate up the ancestors until there is a layer with a sibling
+			for ancestor in layer.ancestors(metadata) {
+				if self.next_layer.is_some() {
+					break;
+				}
+				// If there is a clipped area for this ancestor (that we are now exiting), discard it.
+				if self.parent_targets.last().is_some_and(|(id, _)| *id == ancestor) {
+					self.parent_targets.pop();
+				}
+				self.next_layer = ancestor.next_sibling(metadata)
+			}
+
+			if clicked {
+				return Some(layer);
+			}
+		}
+		assert!(self.parent_targets.is_empty(), "The parent targets should always be empty (since we have left all layers)");
+		None
+	}
+}
+
+#[cfg(test)]
+mod document_message_handler_tests {
+	use super::*;
+	use crate::test_utils::test_prelude::*;
+
+	#[tokio::test]
+	async fn test_layer_selection_with_shift_and_ctrl() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		// Three rectangle layers
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		editor.drag_tool(ToolType::Rectangle, 50., 50., 150., 150., ModifierKeys::empty()).await;
+		editor.drag_tool(ToolType::Rectangle, 100., 100., 200., 200., ModifierKeys::empty()).await;
+
+		let layers: Vec<_> = editor.active_document().metadata().all_layers().collect();
+
+		// Case 1: Basic selection (no modifier)
+		editor
+			.handle_message(DocumentMessage::SelectLayer {
+				id: layers[0].to_node(),
+				ctrl: false,
+				shift: false,
+			})
+			.await;
+		// Fresh document reference for verification
+		let document = editor.active_document();
+		let selected_nodes = document.network_interface.selected_nodes();
+		assert_eq!(selected_nodes.selected_nodes_ref().len(), 1);
+		assert!(selected_nodes.selected_layers_contains(layers[0], document.metadata()));
+
+		// Case 2: Ctrl + click to add another layer
+		editor
+			.handle_message(DocumentMessage::SelectLayer {
+				id: layers[2].to_node(),
+				ctrl: true,
+				shift: false,
+			})
+			.await;
+		let document = editor.active_document();
+		let selected_nodes = document.network_interface.selected_nodes();
+		assert_eq!(selected_nodes.selected_nodes_ref().len(), 2);
+		assert!(selected_nodes.selected_layers_contains(layers[0], document.metadata()));
+		assert!(selected_nodes.selected_layers_contains(layers[2], document.metadata()));
+
+		// Case 3: Shift + click to select a range
+		editor
+			.handle_message(DocumentMessage::SelectLayer {
+				id: layers[1].to_node(),
+				ctrl: false,
+				shift: true,
+			})
+			.await;
+		let document = editor.active_document();
+		let selected_nodes = document.network_interface.selected_nodes();
+		// We expect 2 layers to be selected (layers 1 and 2) - not 3
+		assert_eq!(selected_nodes.selected_nodes_ref().len(), 2);
+		assert!(!selected_nodes.selected_layers_contains(layers[0], document.metadata()));
+		assert!(selected_nodes.selected_layers_contains(layers[1], document.metadata()));
+		assert!(selected_nodes.selected_layers_contains(layers[2], document.metadata()));
+
+		// Case 4: Ctrl + click to toggle selection (deselect)
+		editor
+			.handle_message(DocumentMessage::SelectLayer {
+				id: layers[1].to_node(),
+				ctrl: true,
+				shift: false,
+			})
+			.await;
+
+		// Final fresh document reference
+		let document = editor.active_document();
+		let selected_nodes = document.network_interface.selected_nodes();
+		assert_eq!(selected_nodes.selected_nodes_ref().len(), 1);
+		assert!(!selected_nodes.selected_layers_contains(layers[0], document.metadata()));
+		assert!(!selected_nodes.selected_layers_contains(layers[1], document.metadata()));
+		assert!(selected_nodes.selected_layers_contains(layers[2], document.metadata()));
+	}
+
+	#[tokio::test]
+	async fn test_layer_rearrangement() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		// Create three rectangle layers
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		editor.drag_tool(ToolType::Rectangle, 50., 50., 150., 150., ModifierKeys::empty()).await;
+		editor.drag_tool(ToolType::Rectangle, 100., 100., 200., 200., ModifierKeys::empty()).await;
+
+		// Helper function to identify layers by bounds
+		async fn get_layer_by_bounds(editor: &mut EditorTestUtils, min_x: f64, min_y: f64) -> Option<LayerNodeIdentifier> {
+			let document = editor.active_document();
+			for layer in document.metadata().all_layers() {
+				if let Some(bbox) = document.metadata().bounding_box_viewport(layer) {
+					if (bbox[0].x - min_x).abs() < 1. && (bbox[0].y - min_y).abs() < 1. {
+						return Some(layer);
+					}
+				}
+			}
+			None
+		}
+
+		async fn get_layer_index(editor: &mut EditorTestUtils, layer: LayerNodeIdentifier) -> Option<usize> {
+			let document = editor.active_document();
+			let parent = layer.parent(document.metadata())?;
+			parent.children(document.metadata()).position(|child| child == layer)
+		}
+
+		let layer_middle = get_layer_by_bounds(&mut editor, 50., 50.).await.unwrap();
+		let layer_top = get_layer_by_bounds(&mut editor, 100., 100.).await.unwrap();
+
+		let initial_index_top = get_layer_index(&mut editor, layer_top).await.unwrap();
+		let initial_index_middle = get_layer_index(&mut editor, layer_middle).await.unwrap();
+
+		// Test 1: Lower the top layer
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![layer_top.to_node()] }).await;
+		editor.handle_message(DocumentMessage::SelectedLayersLower).await;
+		let new_index_top = get_layer_index(&mut editor, layer_top).await.unwrap();
+		assert!(new_index_top > initial_index_top, "Top layer should have moved down");
+
+		// Test 2: Raise the middle layer
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![layer_middle.to_node()] }).await;
+		editor.handle_message(DocumentMessage::SelectedLayersRaise).await;
+		let new_index_middle = get_layer_index(&mut editor, layer_middle).await.unwrap();
+		assert!(new_index_middle < initial_index_middle, "Middle layer should have moved up");
+	}
+
+	#[tokio::test]
+	async fn test_move_folder_into_itself_doesnt_crash() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		// Creating a parent folder
+		editor.handle_message(DocumentMessage::CreateEmptyFolder).await;
+		let parent_folder = editor.active_document().metadata().all_layers().next().unwrap();
+
+		// Creating a child folder inside the parent folder
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![parent_folder.to_node()] }).await;
+		editor.handle_message(DocumentMessage::CreateEmptyFolder).await;
+		let child_folder = editor.active_document().metadata().all_layers().next().unwrap();
+
+		// Attempt to move parent folder into child folder
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![parent_folder.to_node()] }).await;
+		editor
+			.handle_message(DocumentMessage::MoveSelectedLayersTo {
+				parent: child_folder,
+				insert_index: 0,
+			})
+			.await;
+
+		// The operation completed without crashing
+		// Verifying application still functions by performing another operation
+		editor.handle_message(DocumentMessage::CreateEmptyFolder).await;
+		assert!(true, "Application didn't crash after folder move operation");
+	}
+	#[tokio::test]
+	async fn test_moving_folder_with_children() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		// Creating two folders at root level
+		editor.handle_message(DocumentMessage::CreateEmptyFolder).await;
+		editor.handle_message(DocumentMessage::CreateEmptyFolder).await;
+
+		let folder1 = editor.active_document().metadata().all_layers().next().unwrap();
+		let folder2 = editor.active_document().metadata().all_layers().nth(1).unwrap();
+
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		let rect_layer = editor.active_document().metadata().all_layers().next().unwrap();
+
+		// First move rectangle into folder1
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![rect_layer.to_node()] }).await;
+		editor.handle_message(DocumentMessage::MoveSelectedLayersTo { parent: folder1, insert_index: 0 }).await;
+
+		// Verifying rectagle is now in folder1
+		let rect_parent = rect_layer.parent(editor.active_document().metadata()).unwrap();
+		assert_eq!(rect_parent, folder1, "Rectangle should be inside folder1");
+
+		// Moving folder1 into folder2
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![folder1.to_node()] }).await;
+		editor.handle_message(DocumentMessage::MoveSelectedLayersTo { parent: folder2, insert_index: 0 }).await;
+
+		// Verifing hirarchy: folder2 > folder1 > rectangle
+		let document = editor.active_document();
+		let folder1_parent = folder1.parent(document.metadata()).unwrap();
+		assert_eq!(folder1_parent, folder2, "Folder1 should be inside folder2");
+
+		// Verifing rectangle moved with its parent
+		let rect_parent = rect_layer.parent(document.metadata()).unwrap();
+		assert_eq!(rect_parent, folder1, "Rectangle should still be inside folder1");
+
+		let rect_grandparent = rect_parent.parent(document.metadata()).unwrap();
+		assert_eq!(rect_grandparent, folder2, "Rectangle's grandparent should be folder2");
+	}
+
+	// TODO: Fix https://github.com/GraphiteEditor/Graphite/issues/2688 and reenable this as part of that fix.
+	#[ignore]
+	#[tokio::test]
+	async fn test_moving_layers_retains_transforms() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.handle_message(DocumentMessage::CreateEmptyFolder).await;
+		editor.handle_message(DocumentMessage::CreateEmptyFolder).await;
+
+		let folder2 = editor.active_document().metadata().all_layers().next().unwrap();
+		let folder1 = editor.active_document().metadata().all_layers().nth(1).unwrap();
+
+		// Applying transform to folder1 (translation)
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![folder1.to_node()] }).await;
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+		editor.move_mouse(100., 50., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		// Applying different transform to folder2 (translation)
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![folder2.to_node()] }).await;
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+		editor.move_mouse(200., 100., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		// Creating rectangle in folder1
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![folder1.to_node()] }).await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		let rect_layer = editor.active_document().metadata().all_layers().next().unwrap();
+
+		// Moving the rectangle to folder1 to ensure it's inside
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![rect_layer.to_node()] }).await;
+		editor.handle_message(DocumentMessage::MoveSelectedLayersTo { parent: folder1, insert_index: 0 }).await;
+
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+		editor.move_mouse(50., 25., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		// Rectangle's viewport position before moving
+		let document = editor.active_document();
+		let rect_bbox_before = document.metadata().bounding_box_viewport(rect_layer).unwrap();
+
+		// Moving rectangle from folder1 to folder2
+		editor.handle_message(DocumentMessage::MoveSelectedLayersTo { parent: folder2, insert_index: 0 }).await;
+
+		// Rectangle's viewport position after moving
+		let document = editor.active_document();
+		let rect_bbox_after = document.metadata().bounding_box_viewport(rect_layer).unwrap();
+
+		// Verifing the rectangle maintains approximately the same position in viewport space
+		let before_center = (rect_bbox_before[0] + rect_bbox_before[1]) / 2.; // TODO: Should be: DVec2(0., -25.), regression (#2688) causes it to be: DVec2(100., 25.)
+		let after_center = (rect_bbox_after[0] + rect_bbox_after[1]) / 2.; // TODO:    Should be: DVec2(0., -25.), regression (#2688) causes it to be: DVec2(200., 75.)
+		let distance = before_center.distance(after_center); // TODO:                    Should be: 0.,               regression (#2688) causes it to be: 111.80339887498948
+
+		assert!(
+			distance < 1.,
+			"Rectangle should maintain its viewport position after moving between transformed groups.\n\
+			Before: {before_center:?}\n\
+			After:  {after_center:?}\n\
+			Dist:   {distance} (should be < 1)"
+		);
+	}
+}
diff --git a/editor/src/messages/portfolio/document/graph_operation/graph_operation_message.rs b/editor/src/messages/portfolio/document/graph_operation/graph_operation_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..abb1aa85945cb175903158e25c57183adea80bee
--- /dev/null
+++ b/editor/src/messages/portfolio/document/graph_operation/graph_operation_message.rs
@@ -0,0 +1,119 @@
+use super::utility_types::TransformIn;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::NodeTemplate;
+use crate::messages::prelude::*;
+use bezier_rs::Subpath;
+use glam::{DAffine2, DVec2, IVec2};
+use graph_craft::document::NodeId;
+use graphene_std::Artboard;
+use graphene_std::brush::brush_stroke::BrushStroke;
+use graphene_std::raster::BlendMode;
+use graphene_std::raster_types::{CPU, RasterDataTable};
+use graphene_std::text::{Font, TypesettingConfig};
+use graphene_std::vector::PointId;
+use graphene_std::vector::VectorModificationType;
+use graphene_std::vector::style::{Fill, Stroke};
+
+#[impl_message(Message, DocumentMessage, GraphOperation)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum GraphOperationMessage {
+	FillSet {
+		layer: LayerNodeIdentifier,
+		fill: Fill,
+	},
+	BlendingFillSet {
+		layer: LayerNodeIdentifier,
+		fill: f64,
+	},
+	OpacitySet {
+		layer: LayerNodeIdentifier,
+		opacity: f64,
+	},
+	BlendModeSet {
+		layer: LayerNodeIdentifier,
+		blend_mode: BlendMode,
+	},
+	ClipModeToggle {
+		layer: LayerNodeIdentifier,
+	},
+	StrokeSet {
+		layer: LayerNodeIdentifier,
+		stroke: Stroke,
+	},
+	TransformChange {
+		layer: LayerNodeIdentifier,
+		transform: DAffine2,
+		transform_in: TransformIn,
+		skip_rerender: bool,
+	},
+	TransformSet {
+		layer: LayerNodeIdentifier,
+		transform: DAffine2,
+		transform_in: TransformIn,
+		skip_rerender: bool,
+	},
+	TransformSetPivot {
+		layer: LayerNodeIdentifier,
+		pivot: DVec2,
+	},
+	Vector {
+		layer: LayerNodeIdentifier,
+		modification_type: VectorModificationType,
+	},
+	Brush {
+		layer: LayerNodeIdentifier,
+		strokes: Vec<BrushStroke>,
+	},
+	SetUpstreamToChain {
+		layer: LayerNodeIdentifier,
+	},
+	NewArtboard {
+		id: NodeId,
+		artboard: Artboard,
+	},
+	NewBitmapLayer {
+		id: NodeId,
+		image_frame: RasterDataTable<CPU>,
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+	NewBooleanOperationLayer {
+		id: NodeId,
+		operation: graphene_std::path_bool::BooleanOperation,
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+	NewCustomLayer {
+		id: NodeId,
+		nodes: Vec<(NodeId, NodeTemplate)>,
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+	NewVectorLayer {
+		id: NodeId,
+		subpaths: Vec<Subpath<PointId>>,
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+	NewTextLayer {
+		id: NodeId,
+		text: String,
+		font: Font,
+		typesetting: TypesettingConfig,
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+	ResizeArtboard {
+		layer: LayerNodeIdentifier,
+		location: IVec2,
+		dimensions: IVec2,
+	},
+	RemoveArtboards,
+	NewSvg {
+		id: NodeId,
+		svg: String,
+		transform: DAffine2,
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+}
diff --git a/editor/src/messages/portfolio/document/graph_operation/graph_operation_message_handler.rs b/editor/src/messages/portfolio/document/graph_operation/graph_operation_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..375ae5ef0fc61d7e00c98e24354c9105f2819314
--- /dev/null
+++ b/editor/src/messages/portfolio/document/graph_operation/graph_operation_message_handler.rs
@@ -0,0 +1,473 @@
+use super::transform_utils;
+use super::utility_types::ModifyInputsContext;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, NodeNetworkInterface, OutputConnector};
+use crate::messages::portfolio::document::utility_types::nodes::CollapsedLayers;
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::graph_modification_utils::get_clip_mode;
+use glam::{DAffine2, DVec2, IVec2};
+use graph_craft::document::{NodeId, NodeInput};
+use graphene_std::Color;
+use graphene_std::renderer::Quad;
+use graphene_std::renderer::convert_usvg_path::convert_usvg_path;
+use graphene_std::text::{Font, TypesettingConfig};
+use graphene_std::vector::style::{Fill, Gradient, GradientStops, GradientType, PaintOrder, Stroke, StrokeAlign, StrokeCap, StrokeJoin};
+
+#[derive(Debug, Clone)]
+struct ArtboardInfo {
+	input_node: NodeInput,
+	output_nodes: Vec<InputConnector>,
+	merge_node: NodeId,
+}
+
+pub struct GraphOperationMessageData<'a> {
+	pub network_interface: &'a mut NodeNetworkInterface,
+	pub collapsed: &'a mut CollapsedLayers,
+	pub node_graph: &'a mut NodeGraphMessageHandler,
+}
+
+#[derive(Debug, Clone, PartialEq, Default, serde::Serialize, serde::Deserialize)]
+pub struct GraphOperationMessageHandler {}
+
+// GraphOperationMessageHandler always modified the document network. This is so changes to the layers panel will only affect the document network.
+// For changes to the selected network, use NodeGraphMessageHandler. No NodeGraphMessage's should be added here, since they will affect the selected nested network.
+impl MessageHandler<GraphOperationMessage, GraphOperationMessageData<'_>> for GraphOperationMessageHandler {
+	fn process_message(&mut self, message: GraphOperationMessage, responses: &mut VecDeque<Message>, data: GraphOperationMessageData) {
+		let network_interface = data.network_interface;
+
+		match message {
+			GraphOperationMessage::FillSet { layer, fill } => {
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.fill_set(fill);
+				}
+			}
+			GraphOperationMessage::BlendingFillSet { layer, fill } => {
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.blending_fill_set(fill);
+				}
+			}
+			GraphOperationMessage::OpacitySet { layer, opacity } => {
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.opacity_set(opacity);
+				}
+			}
+			GraphOperationMessage::BlendModeSet { layer, blend_mode } => {
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.blend_mode_set(blend_mode);
+				}
+			}
+			GraphOperationMessage::ClipModeToggle { layer } => {
+				let clip_mode = get_clip_mode(layer, network_interface);
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.clip_mode_toggle(clip_mode);
+				}
+			}
+			GraphOperationMessage::StrokeSet { layer, stroke } => {
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.stroke_set(stroke);
+				}
+			}
+			GraphOperationMessage::TransformChange {
+				layer,
+				transform,
+				transform_in,
+				skip_rerender,
+			} => {
+				let parent_transform = network_interface.document_metadata().downstream_transform_to_viewport(layer);
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.transform_change_with_parent(transform, transform_in, parent_transform, skip_rerender);
+				}
+			}
+			GraphOperationMessage::TransformSet {
+				layer,
+				transform,
+				transform_in,
+				skip_rerender,
+			} => {
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.transform_set(transform, transform_in, skip_rerender);
+				}
+			}
+			GraphOperationMessage::TransformSetPivot { layer, pivot } => {
+				if layer == LayerNodeIdentifier::ROOT_PARENT {
+					log::error!("Cannot run TransformSetPivot on ROOT_PARENT");
+					return;
+				}
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.pivot_set(pivot);
+				}
+			}
+			GraphOperationMessage::Vector { layer, modification_type } => {
+				if layer == LayerNodeIdentifier::ROOT_PARENT {
+					log::error!("Cannot run Vector on ROOT_PARENT");
+					return;
+				}
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.vector_modify(modification_type);
+				}
+			}
+			GraphOperationMessage::Brush { layer, strokes } => {
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.brush_modify(strokes);
+				}
+			}
+			GraphOperationMessage::SetUpstreamToChain { layer } => {
+				let Some(OutputConnector::Node { node_id: first_chain_node, .. }) = network_interface.upstream_output_connector(&InputConnector::node(layer.to_node(), 1), &[]) else {
+					return;
+				};
+
+				network_interface.force_set_upstream_to_chain(&first_chain_node, &[]);
+			}
+			GraphOperationMessage::NewArtboard { id, artboard } => {
+				let mut modify_inputs = ModifyInputsContext::new(network_interface, responses);
+
+				let artboard_layer = modify_inputs.create_artboard(id, artboard);
+				network_interface.move_layer_to_stack(artboard_layer, LayerNodeIdentifier::ROOT_PARENT, 0, &[]);
+
+				// If there is a non artboard feeding into the primary input of the artboard, move it to the secondary input
+				let Some(artboard) = network_interface.document_network().nodes.get(&id) else {
+					log::error!("Artboard not created");
+					return;
+				};
+				let primary_input = artboard.inputs.first().expect("Artboard should have a primary input").clone();
+				if let NodeInput::Node { node_id, .. } = &primary_input {
+					if network_interface.is_layer(node_id, &[]) && !network_interface.is_artboard(node_id, &[]) {
+						network_interface.move_layer_to_stack(LayerNodeIdentifier::new(*node_id, network_interface, &[]), artboard_layer, 0, &[]);
+					} else {
+						network_interface.disconnect_input(&InputConnector::node(artboard_layer.to_node(), 0), &[]);
+						network_interface.set_input(&InputConnector::node(id, 0), primary_input, &[]);
+					}
+				}
+				responses.add_front(NodeGraphMessage::SelectedNodesSet { nodes: vec![id] });
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			GraphOperationMessage::NewBitmapLayer {
+				id,
+				image_frame,
+				parent,
+				insert_index,
+			} => {
+				let mut modify_inputs = ModifyInputsContext::new(network_interface, responses);
+				let layer = modify_inputs.create_layer(id);
+				modify_inputs.insert_image_data(image_frame, layer);
+				network_interface.move_layer_to_stack(layer, parent, insert_index, &[]);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			GraphOperationMessage::NewBooleanOperationLayer { id, operation, parent, insert_index } => {
+				let mut modify_inputs = ModifyInputsContext::new(network_interface, responses);
+				let layer = modify_inputs.create_layer(id);
+				modify_inputs.insert_boolean_data(operation, layer);
+				network_interface.move_layer_to_stack(layer, parent, insert_index, &[]);
+				responses.add(NodeGraphMessage::SetDisplayNameImpl {
+					node_id: id,
+					alias: "Boolean Operation".to_string(),
+				});
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			GraphOperationMessage::NewCustomLayer { id, nodes, parent, insert_index } => {
+				let mut modify_inputs = ModifyInputsContext::new(network_interface, responses);
+				let layer = modify_inputs.create_layer(id);
+
+				if !nodes.is_empty() {
+					// Add the nodes to the network
+					let new_ids: HashMap<_, _> = nodes.iter().map(|(id, _)| (*id, NodeId::new())).collect();
+					// Since all the new nodes are already connected, just connect the input of the layer to first new node
+					let first_new_node_id = new_ids[&NodeId(0)];
+					responses.add(NodeGraphMessage::AddNodes { nodes, new_ids });
+
+					responses.add(NodeGraphMessage::SetInput {
+						input_connector: InputConnector::node(layer.to_node(), 1),
+						input: NodeInput::node(first_new_node_id, 0),
+					});
+				}
+				// Move the layer and all nodes to the correct position in the network
+				responses.add(NodeGraphMessage::MoveLayerToStack { layer, parent, insert_index });
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			GraphOperationMessage::NewVectorLayer { id, subpaths, parent, insert_index } => {
+				let mut modify_inputs = ModifyInputsContext::new(network_interface, responses);
+				let layer = modify_inputs.create_layer(id);
+				modify_inputs.insert_vector_data(subpaths, layer, true, true, true);
+				network_interface.move_layer_to_stack(layer, parent, insert_index, &[]);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			GraphOperationMessage::NewTextLayer {
+				id,
+				text,
+				font,
+				typesetting,
+				parent,
+				insert_index,
+			} => {
+				let mut modify_inputs = ModifyInputsContext::new(network_interface, responses);
+				let layer = modify_inputs.create_layer(id);
+				modify_inputs.insert_text(text, font, typesetting, layer);
+				network_interface.move_layer_to_stack(layer, parent, insert_index, &[]);
+				responses.add(GraphOperationMessage::StrokeSet { layer, stroke: Stroke::default() });
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			GraphOperationMessage::ResizeArtboard { layer, location, dimensions } => {
+				if let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) {
+					modify_inputs.resize_artboard(location, dimensions);
+				}
+			}
+			GraphOperationMessage::RemoveArtboards => {
+				if network_interface.all_artboards().is_empty() {
+					return;
+				}
+
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::DeleteNodes {
+					node_ids: network_interface.all_artboards().iter().map(|layer_node| layer_node.to_node()).collect(),
+					delete_children: false,
+				});
+
+				let mut artboard_data: HashMap<NodeId, ArtboardInfo> = HashMap::new();
+
+				// Go through all artboards and create merge nodes
+				for artboard in network_interface.all_artboards() {
+					let node_id = NodeId::new();
+					let Some(document_node) = network_interface.document_network().nodes.get(&artboard.to_node()) else {
+						log::error!("Artboard not created");
+						responses.add(DocumentMessage::AbortTransaction);
+						return;
+					};
+
+					artboard_data.insert(
+						artboard.to_node(),
+						ArtboardInfo {
+							input_node: NodeInput::node(document_node.inputs[1].as_node().unwrap_or_default(), 0),
+							output_nodes: network_interface
+								.outward_wires(&[])
+								.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(artboard.to_node(), 0)))
+								.cloned()
+								.unwrap_or_default(),
+							merge_node: node_id,
+						},
+					);
+
+					let mut modify_inputs = ModifyInputsContext::new(network_interface, responses);
+					modify_inputs.create_layer(node_id);
+
+					responses.add(NodeGraphMessage::SetDisplayName {
+						node_id,
+						alias: network_interface.display_name(&artboard.to_node(), &[]),
+						skip_adding_history_step: true,
+					});
+
+					// Shift node positions in the graph
+					let (x, y) = network_interface.position(&artboard.to_node(), &[]).unwrap_or_default().into();
+					responses.add(NodeGraphMessage::ShiftNodePosition { node_id, x, y });
+				}
+
+				// Go through all artboards and connect them to the merge nodes
+				for artboard in &artboard_data {
+					// Modify downstream connections
+					responses.add(NodeGraphMessage::SetInput {
+						input_connector: InputConnector::node(artboard.1.merge_node, 1),
+						input: NodeInput::node(artboard.1.input_node.as_node().unwrap_or_default(), 0),
+					});
+
+					// Modify upstream connections
+					for outward_wire in &artboard.1.output_nodes {
+						let input = NodeInput::node(artboard_data[artboard.0].merge_node, 0);
+						let input_connector = match artboard_data.get(&outward_wire.node_id().unwrap_or_default()) {
+							Some(artboard_info) => InputConnector::node(artboard_info.merge_node, outward_wire.input_index()),
+							_ => *outward_wire,
+						};
+						responses.add(NodeGraphMessage::SetInput { input_connector, input });
+					}
+
+					// Apply a transformation to the newly created layers to match the original artboard position
+					let offset = network_interface
+						.document_metadata()
+						.bounding_box_document(LayerNodeIdentifier::new_unchecked(*artboard.0))
+						.map(|p| p[0])
+						.unwrap_or_default();
+					responses.add(GraphOperationMessage::TransformChange {
+						layer: LayerNodeIdentifier::new_unchecked(artboard.1.merge_node),
+						transform: DAffine2::from_translation(offset),
+						transform_in: TransformIn::Local,
+						skip_rerender: false,
+					});
+				}
+
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(NodeGraphMessage::SelectedNodesUpdated);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			GraphOperationMessage::NewSvg {
+				id,
+				svg,
+				transform,
+				parent,
+				insert_index,
+			} => {
+				let tree = match usvg::Tree::from_str(&svg, &usvg::Options::default()) {
+					Ok(t) => t,
+					Err(e) => {
+						responses.add(DialogMessage::DisplayDialogError {
+							title: "SVG parsing failed".to_string(),
+							description: e.to_string(),
+						});
+						return;
+					}
+				};
+				let mut modify_inputs = ModifyInputsContext::new(network_interface, responses);
+
+				let size = tree.size();
+				let offset_to_center = DVec2::new(size.width() as f64, size.height() as f64) / -2.;
+				let transform = transform * DAffine2::from_translation(offset_to_center);
+
+				import_usvg_node(&mut modify_inputs, &usvg::Node::Group(Box::new(tree.root().clone())), transform, id, parent, insert_index);
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		actions!(GraphOperationMessage;)
+	}
+}
+
+fn usvg_color(c: usvg::Color, a: f32) -> Color {
+	Color::from_rgbaf32_unchecked(c.red as f32 / 255., c.green as f32 / 255., c.blue as f32 / 255., a)
+}
+
+fn usvg_transform(c: usvg::Transform) -> DAffine2 {
+	DAffine2::from_cols_array(&[c.sx as f64, c.ky as f64, c.kx as f64, c.sy as f64, c.tx as f64, c.ty as f64])
+}
+
+fn import_usvg_node(modify_inputs: &mut ModifyInputsContext, node: &usvg::Node, transform: DAffine2, id: NodeId, parent: LayerNodeIdentifier, insert_index: usize) {
+	let layer = modify_inputs.create_layer(id);
+	modify_inputs.network_interface.move_layer_to_stack(layer, parent, insert_index, &[]);
+	modify_inputs.layer_node = Some(layer);
+	if let Some(upstream_layer) = layer.next_sibling(modify_inputs.network_interface.document_metadata()) {
+		modify_inputs.network_interface.shift_node(&upstream_layer.to_node(), IVec2::new(0, 3), &[]);
+	}
+	match node {
+		usvg::Node::Group(group) => {
+			for child in group.children() {
+				import_usvg_node(modify_inputs, child, transform, NodeId::new(), layer, 0);
+			}
+			modify_inputs.layer_node = Some(layer);
+		}
+		usvg::Node::Path(path) => {
+			let subpaths = convert_usvg_path(path);
+			let bounds = subpaths.iter().filter_map(|subpath| subpath.bounding_box()).reduce(Quad::combine_bounds).unwrap_or_default();
+
+			modify_inputs.insert_vector_data(subpaths, layer, true, path.fill().is_some(), path.stroke().is_some());
+
+			if let Some(transform_node_id) = modify_inputs.existing_node_id("Transform", true) {
+				transform_utils::update_transform(modify_inputs.network_interface, &transform_node_id, transform * usvg_transform(node.abs_transform()));
+			}
+
+			if let Some(fill) = path.fill() {
+				let bounds_transform = DAffine2::from_scale_angle_translation(bounds[1] - bounds[0], 0., bounds[0]);
+				apply_usvg_fill(fill, modify_inputs, transform * usvg_transform(node.abs_transform()), bounds_transform);
+			}
+			if let Some(stroke) = path.stroke() {
+				apply_usvg_stroke(stroke, modify_inputs, transform * usvg_transform(node.abs_transform()));
+			}
+		}
+		usvg::Node::Image(_image) => {
+			warn!("Skip image")
+		}
+		usvg::Node::Text(text) => {
+			let font = Font::new(graphene_std::consts::DEFAULT_FONT_FAMILY.to_string(), graphene_std::consts::DEFAULT_FONT_STYLE.to_string());
+			modify_inputs.insert_text(text.chunks().iter().map(|chunk| chunk.text()).collect(), font, TypesettingConfig::default(), layer);
+			modify_inputs.fill_set(Fill::Solid(Color::BLACK));
+		}
+	}
+}
+
+fn apply_usvg_stroke(stroke: &usvg::Stroke, modify_inputs: &mut ModifyInputsContext, transform: DAffine2) {
+	if let usvg::Paint::Color(color) = &stroke.paint() {
+		modify_inputs.stroke_set(Stroke {
+			color: Some(usvg_color(*color, stroke.opacity().get())),
+			weight: stroke.width().get() as f64,
+			dash_lengths: stroke.dasharray().as_ref().map(|lengths| lengths.iter().map(|&length| length as f64).collect()).unwrap_or_default(),
+			dash_offset: stroke.dashoffset() as f64,
+			cap: match stroke.linecap() {
+				usvg::LineCap::Butt => StrokeCap::Butt,
+				usvg::LineCap::Round => StrokeCap::Round,
+				usvg::LineCap::Square => StrokeCap::Square,
+			},
+			join: match stroke.linejoin() {
+				usvg::LineJoin::Miter => StrokeJoin::Miter,
+				usvg::LineJoin::MiterClip => StrokeJoin::Miter,
+				usvg::LineJoin::Round => StrokeJoin::Round,
+				usvg::LineJoin::Bevel => StrokeJoin::Bevel,
+			},
+			join_miter_limit: stroke.miterlimit().get() as f64,
+			align: StrokeAlign::Center,
+			paint_order: PaintOrder::StrokeAbove,
+			transform,
+			non_scaling: false,
+		})
+	}
+}
+
+fn apply_usvg_fill(fill: &usvg::Fill, modify_inputs: &mut ModifyInputsContext, transform: DAffine2, bounds_transform: DAffine2) {
+	modify_inputs.fill_set(match &fill.paint() {
+		usvg::Paint::Color(color) => Fill::solid(usvg_color(*color, fill.opacity().get())),
+		usvg::Paint::LinearGradient(linear) => {
+			let local = [DVec2::new(linear.x1() as f64, linear.y1() as f64), DVec2::new(linear.x2() as f64, linear.y2() as f64)];
+
+			// TODO: fix this
+			// let to_doc_transform = if linear.base.units() == usvg::Units::UserSpaceOnUse {
+			// 	transform
+			// } else {
+			// 	transformed_bound_transform
+			// };
+			let to_doc_transform = transform;
+			let to_doc = to_doc_transform * usvg_transform(linear.transform());
+
+			let document = [to_doc.transform_point2(local[0]), to_doc.transform_point2(local[1])];
+			let layer = [transform.inverse().transform_point2(document[0]), transform.inverse().transform_point2(document[1])];
+
+			let [start, end] = [bounds_transform.inverse().transform_point2(layer[0]), bounds_transform.inverse().transform_point2(layer[1])];
+			let stops = linear.stops().iter().map(|stop| (stop.offset().get() as f64, usvg_color(stop.color(), stop.opacity().get()))).collect();
+			let stops = GradientStops::new(stops);
+
+			Fill::Gradient(Gradient {
+				start,
+				end,
+				transform: DAffine2::IDENTITY,
+				gradient_type: GradientType::Linear,
+				stops,
+			})
+		}
+		usvg::Paint::RadialGradient(radial) => {
+			let local = [DVec2::new(radial.cx() as f64, radial.cy() as f64), DVec2::new(radial.fx() as f64, radial.fy() as f64)];
+
+			// TODO: fix this
+			// let to_doc_transform = if radial.base.units == usvg::Units::UserSpaceOnUse {
+			// 	transform
+			// } else {
+			// 	transformed_bound_transform
+			// };
+			let to_doc_transform = transform;
+			let to_doc = to_doc_transform * usvg_transform(radial.transform());
+
+			let document = [to_doc.transform_point2(local[0]), to_doc.transform_point2(local[1])];
+			let layer = [transform.inverse().transform_point2(document[0]), transform.inverse().transform_point2(document[1])];
+
+			let [start, end] = [bounds_transform.inverse().transform_point2(layer[0]), bounds_transform.inverse().transform_point2(layer[1])];
+			let stops = radial.stops().iter().map(|stop| (stop.offset().get() as f64, usvg_color(stop.color(), stop.opacity().get()))).collect();
+			let stops = GradientStops::new(stops);
+
+			Fill::Gradient(Gradient {
+				start,
+				end,
+				transform: DAffine2::IDENTITY,
+				gradient_type: GradientType::Radial,
+				stops,
+			})
+		}
+		usvg::Paint::Pattern(_) => {
+			warn!("Skip pattern");
+			return;
+		}
+	});
+}
diff --git a/editor/src/messages/portfolio/document/graph_operation/mod.rs b/editor/src/messages/portfolio/document/graph_operation/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c85d45010b156483f097c11797de1d52a86af327
--- /dev/null
+++ b/editor/src/messages/portfolio/document/graph_operation/mod.rs
@@ -0,0 +1,9 @@
+mod graph_operation_message;
+pub mod graph_operation_message_handler;
+pub mod transform_utils;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use graph_operation_message::*;
+#[doc(inline)]
+pub use graph_operation_message_handler::*;
diff --git a/editor/src/messages/portfolio/document/graph_operation/transform_utils.rs b/editor/src/messages/portfolio/document/graph_operation/transform_utils.rs
new file mode 100644
index 0000000000000000000000000000000000000000..2b3639516ddffd3069b9a0ead70d80b090c7a0e3
--- /dev/null
+++ b/editor/src/messages/portfolio/document/graph_operation/transform_utils.rs
@@ -0,0 +1,166 @@
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, NodeNetworkInterface};
+use bezier_rs::Subpath;
+use glam::{DAffine2, DVec2};
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{NodeId, NodeInput};
+use graphene_std::vector::PointId;
+
+/// Convert an affine transform into the tuple `(scale, angle, translation, shear)` assuming `shear.y = 0`.
+pub fn compute_scale_angle_translation_shear(transform: DAffine2) -> (DVec2, f64, DVec2, DVec2) {
+	let x_axis = transform.matrix2.x_axis;
+	let y_axis = transform.matrix2.y_axis;
+
+	// Assuming there is no vertical shear
+	let angle = x_axis.y.atan2(x_axis.x);
+	let (sin, cos) = angle.sin_cos();
+	let scale_x = if cos.abs() > 1e-10 { x_axis.x / cos } else { x_axis.y / sin };
+
+	let mut shear_x = (sin * y_axis.y + cos * y_axis.x) / (sin * sin * scale_x + cos * cos * scale_x);
+	if !shear_x.is_finite() {
+		shear_x = 0.;
+	}
+	let scale_y = if cos.abs() > 1e-10 {
+		(y_axis.y - scale_x * sin * shear_x) / cos
+	} else {
+		(scale_x * cos * shear_x - y_axis.x) / sin
+	};
+	let translation = transform.translation;
+	let scale = DVec2::new(scale_x, scale_y);
+	let shear = DVec2::new(shear_x, 0.);
+	(scale, angle, translation, shear)
+}
+
+/// Update the inputs of the transform node to match a new transform
+pub fn update_transform(network_interface: &mut NodeNetworkInterface, node_id: &NodeId, transform: DAffine2) {
+	let (scale, angle, translation, shear) = compute_scale_angle_translation_shear(transform);
+
+	network_interface.set_input(&InputConnector::node(*node_id, 1), NodeInput::value(TaggedValue::DVec2(translation), false), &[]);
+	network_interface.set_input(&InputConnector::node(*node_id, 2), NodeInput::value(TaggedValue::F64(angle), false), &[]);
+	network_interface.set_input(&InputConnector::node(*node_id, 3), NodeInput::value(TaggedValue::DVec2(scale), false), &[]);
+	network_interface.set_input(&InputConnector::node(*node_id, 4), NodeInput::value(TaggedValue::DVec2(shear), false), &[]);
+}
+
+// TODO: This should be extracted from the graph at the location of the transform node.
+pub struct LayerBounds {
+	pub bounds: [DVec2; 2],
+	pub bounds_transform: DAffine2,
+	pub layer_transform: DAffine2,
+}
+
+impl LayerBounds {
+	/// Extract the layer bounds and their transform for a layer.
+	pub fn new(
+		metadata: &crate::messages::portfolio::document::utility_types::document_metadata::DocumentMetadata,
+		layer: crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier,
+	) -> Self {
+		Self {
+			bounds: metadata.nonzero_bounding_box(layer),
+			bounds_transform: DAffine2::IDENTITY,
+			layer_transform: metadata.transform_to_document(layer),
+		}
+	}
+
+	pub fn layerspace_pivot(&self, normalized_pivot: DVec2) -> DVec2 {
+		self.bounds[0] + (self.bounds[1] - self.bounds[0]) * normalized_pivot
+	}
+
+	pub fn local_pivot(&self, normalized_pivot: DVec2) -> DVec2 {
+		self.bounds_transform.transform_point2(self.layerspace_pivot(normalized_pivot))
+	}
+}
+
+/// Get the current affine transform from the transform node's inputs
+pub fn get_current_transform(inputs: &[NodeInput]) -> DAffine2 {
+	let translation = if let Some(&TaggedValue::DVec2(translation)) = inputs[1].as_value() {
+		translation
+	} else {
+		DVec2::ZERO
+	};
+
+	let angle = if let Some(&TaggedValue::F64(angle)) = inputs[2].as_value() { angle } else { 0. };
+
+	let scale = if let Some(&TaggedValue::DVec2(scale)) = inputs[3].as_value() { scale } else { DVec2::ONE };
+
+	let shear = if let Some(&TaggedValue::DVec2(shear)) = inputs[4].as_value() { shear } else { DVec2::ZERO };
+
+	DAffine2::from_scale_angle_translation(scale, angle, translation) * DAffine2::from_cols_array(&[1., shear.y, shear.x, 1., 0., 0.])
+}
+
+/// Extract the current normalized pivot from the layer
+pub fn get_current_normalized_pivot(inputs: &[NodeInput]) -> DVec2 {
+	if let Some(&TaggedValue::DVec2(pivot)) = inputs[5].as_value() { pivot } else { DVec2::splat(0.5) }
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	/// ![](https://files.keavon.com/-/OptimisticSpotlessTinamou/capture.png)
+	///
+	/// Source:
+	/// ```tex
+	/// \begin{bmatrix}
+	/// S_{x}\cos(\theta)-S_{y}\sin(\theta)H_{y} & S_{x}\cos(\theta)H_{x}-S_{y}\sin(\theta) & T_{x}\\
+	/// S_{x}\sin(\theta)+S_{y}\cos(\theta)H_{y} & S_{x}\sin(\theta)H_{x}+S_{y}\cos(\theta) & T_{y}\\
+	/// 0 & 0 & 1
+	/// \end{bmatrix}
+	/// ```
+	#[test]
+	fn derive_transform() {
+		for shear_x in -10..=10 {
+			let shear_x = (shear_x as f64) / 2.;
+			for angle in (0..=360).step_by(15) {
+				let angle = (angle as f64).to_radians();
+				for scale_x in 1..10 {
+					let scale_x = (scale_x as f64) / 5.;
+					for scale_y in 1..10 {
+						let scale_y = (scale_y as f64) / 5.;
+
+						let shear = DVec2::new(shear_x, 0.);
+						let scale = DVec2::new(scale_x, scale_y);
+						let translate = DVec2::new(5666., 644.);
+
+						let original_transform = DAffine2::from_cols(
+							DVec2::new(scale.x * angle.cos() - scale.y * angle.sin() * shear.y, scale.x * angle.sin() + scale.y * angle.cos() * shear.y),
+							DVec2::new(scale.x * angle.cos() * shear.x - scale.y * angle.sin(), scale.x * angle.sin() * shear.x + scale.y * angle.cos()),
+							translate,
+						);
+
+						let (new_scale, new_angle, new_translation, new_shear) = compute_scale_angle_translation_shear(original_transform);
+						let new_transform = DAffine2::from_scale_angle_translation(new_scale, new_angle, new_translation) * DAffine2::from_cols_array(&[1., new_shear.y, new_shear.x, 1., 0., 0.]);
+
+						assert!(
+							new_transform.abs_diff_eq(original_transform, 1e-10),
+							"original_transform {original_transform} new_transform {new_transform} / scale {scale} new_scale {new_scale} / angle {angle} new_angle {new_angle} / shear {shear} / new_shear {new_shear}",
+						);
+					}
+				}
+			}
+		}
+	}
+}
+
+/// Expand a bounds to avoid div zero errors
+fn clamp_bounds(bounds_min: DVec2, mut bounds_max: DVec2) -> [DVec2; 2] {
+	let bounds_size = bounds_max - bounds_min;
+	if bounds_size.x < 1e-10 {
+		bounds_max.x = bounds_min.x + 1.;
+	}
+	if bounds_size.y < 1e-10 {
+		bounds_max.y = bounds_min.y + 1.;
+	}
+	[bounds_min, bounds_max]
+}
+/// Returns corners of all subpaths
+fn subpath_bounds(subpaths: &[Subpath<PointId>]) -> [DVec2; 2] {
+	subpaths
+		.iter()
+		.filter_map(|subpath| subpath.bounding_box())
+		.reduce(|b1, b2| [b1[0].min(b2[0]), b1[1].max(b2[1])])
+		.unwrap_or_default()
+}
+
+/// Returns corners of all subpaths (but expanded to avoid division-by-zero errors)
+pub fn nonzero_subpath_bounds(subpaths: &[Subpath<PointId>]) -> [DVec2; 2] {
+	let [bounds_min, bounds_max] = subpath_bounds(subpaths);
+	clamp_bounds(bounds_min, bounds_max)
+}
diff --git a/editor/src/messages/portfolio/document/graph_operation/utility_types.rs b/editor/src/messages/portfolio/document/graph_operation/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..311e22aaa9a3c6663f183a4bfefe855ee012053a
--- /dev/null
+++ b/editor/src/messages/portfolio/document/graph_operation/utility_types.rs
@@ -0,0 +1,500 @@
+use super::transform_utils;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{self, InputConnector, NodeNetworkInterface, OutputConnector};
+use crate::messages::prelude::*;
+use bezier_rs::Subpath;
+use glam::{DAffine2, DVec2, IVec2};
+use graph_craft::concrete;
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{NodeId, NodeInput};
+use graphene_std::Artboard;
+use graphene_std::brush::brush_stroke::BrushStroke;
+use graphene_std::raster::BlendMode;
+use graphene_std::raster_types::{CPU, RasterDataTable};
+use graphene_std::text::{Font, TypesettingConfig};
+use graphene_std::vector::style::{Fill, Stroke};
+use graphene_std::vector::{PointId, VectorModificationType};
+use graphene_std::vector::{VectorData, VectorDataTable};
+use graphene_std::{GraphicGroupTable, NodeInputDecleration};
+
+#[derive(PartialEq, Clone, Copy, Debug, serde::Serialize, serde::Deserialize)]
+pub enum TransformIn {
+	Local,
+	Scope { scope: DAffine2 },
+	Viewport,
+}
+
+// This struct is helpful to prevent passing the same arguments to multiple functions
+// Should only be used by GraphOperationMessage, since it only affects the document network.
+pub struct ModifyInputsContext<'a> {
+	pub network_interface: &'a mut NodeNetworkInterface,
+	pub responses: &'a mut VecDeque<Message>,
+	// Cannot be LayerNodeIdentifier::ROOT_PARENT
+	pub layer_node: Option<LayerNodeIdentifier>,
+}
+
+impl<'a> ModifyInputsContext<'a> {
+	/// Get the node network from the document
+	pub fn new(network_interface: &'a mut NodeNetworkInterface, responses: &'a mut VecDeque<Message>) -> Self {
+		Self {
+			network_interface,
+			responses,
+			layer_node: None,
+		}
+	}
+
+	pub fn new_with_layer(layer: LayerNodeIdentifier, network_interface: &'a mut NodeNetworkInterface, responses: &'a mut VecDeque<Message>) -> Option<Self> {
+		if layer == LayerNodeIdentifier::ROOT_PARENT {
+			log::error!("LayerNodeIdentifier::ROOT_PARENT should not be used in ModifyInputsContext::new_with_layer");
+			return None;
+		}
+		let mut document = Self::new(network_interface, responses);
+		document.layer_node = Some(layer);
+		Some(document)
+	}
+
+	/// Starts at any folder, or the output, and skips layer nodes based on insert_index. Non layer nodes are always skipped. Returns the post node InputConnector and pre node OutputConnector
+	/// Non layer nodes directly upstream of a layer are treated as part of that layer. See insert_index == 2 in the diagram
+	///       -----> Post node
+	///      |      if insert_index == 0, return (Post node, Some(Layer1))
+	/// -> Layer1
+	///      ↑      if insert_index == 1, return (Layer1, Some(Layer2))
+	/// -> Layer2
+	///      ↑
+	/// -> NonLayerNode
+	///      ↑      if insert_index == 2, return (NonLayerNode, Some(Layer3))
+	/// -> Layer3
+	///             if insert_index == 3, return (Layer3, None)
+	pub fn get_post_node_with_index(network_interface: &NodeNetworkInterface, parent: LayerNodeIdentifier, insert_index: usize) -> InputConnector {
+		let mut post_node_input_connector = if parent == LayerNodeIdentifier::ROOT_PARENT {
+			InputConnector::Export(0)
+		} else {
+			InputConnector::node(parent.to_node(), 1)
+		};
+		// Skip layers based on skip_layer_nodes, which inserts the new layer at a certain index of the layer stack.
+		let mut current_index = 0;
+
+		// Set the post node to the layer node at insert_index
+		loop {
+			if current_index == insert_index {
+				break;
+			}
+			let next_node_in_stack_id = network_interface
+				.input_from_connector(&post_node_input_connector, &[])
+				.and_then(|input_from_connector| if let NodeInput::Node { node_id, .. } = input_from_connector { Some(node_id) } else { None });
+
+			if let Some(next_node_in_stack_id) = next_node_in_stack_id {
+				// Only increment index for layer nodes
+				if network_interface.is_layer(next_node_in_stack_id, &[]) {
+					current_index += 1;
+				}
+				// Input as a sibling to the Layer node above
+				post_node_input_connector = InputConnector::node(*next_node_in_stack_id, 0);
+			} else {
+				log::error!("Error getting post node: insert_index out of bounds");
+				break;
+			};
+		}
+
+		// Sink post_node down to the end of the non layer chain that feeds into post_node, such that pre_node is the layer node at insert_index + 1, or None if insert_index is the last layer
+		loop {
+			let pre_node_output_connector = network_interface.upstream_output_connector(&post_node_input_connector, &[]);
+
+			match pre_node_output_connector {
+				Some(OutputConnector::Node { node_id: pre_node_id, .. }) if !network_interface.is_layer(&pre_node_id, &[]) => {
+					// Update post_node_input_connector for the next iteration
+					post_node_input_connector = InputConnector::node(pre_node_id, 0);
+				}
+				_ => break, // Break if pre_node_output_connector is None or if pre_node_id is a layer
+			}
+		}
+
+		post_node_input_connector
+	}
+
+	/// Creates a new layer and adds it to the document network. network_interface.move_layer_to_stack should be called after
+	pub fn create_layer(&mut self, new_id: NodeId) -> LayerNodeIdentifier {
+		let new_merge_node = resolve_document_node_type("Merge").expect("Merge node").default_node_template();
+		self.network_interface.insert_node(new_id, new_merge_node, &[]);
+		LayerNodeIdentifier::new(new_id, self.network_interface, &[])
+	}
+
+	/// Creates an artboard as the primary export for the document network
+	pub fn create_artboard(&mut self, new_id: NodeId, artboard: Artboard) -> LayerNodeIdentifier {
+		let artboard_node_template = resolve_document_node_type("Artboard").expect("Node").node_template_input_override([
+			Some(NodeInput::value(TaggedValue::ArtboardGroup(graphene_std::ArtboardGroupTable::default()), true)),
+			Some(NodeInput::value(TaggedValue::GraphicGroup(graphene_std::GraphicGroupTable::default()), true)),
+			Some(NodeInput::value(TaggedValue::IVec2(artboard.location), false)),
+			Some(NodeInput::value(TaggedValue::IVec2(artboard.dimensions), false)),
+			Some(NodeInput::value(TaggedValue::Color(artboard.background), false)),
+			Some(NodeInput::value(TaggedValue::Bool(artboard.clip), false)),
+		]);
+		self.network_interface.insert_node(new_id, artboard_node_template, &[]);
+		LayerNodeIdentifier::new(new_id, self.network_interface, &[])
+	}
+
+	pub fn insert_boolean_data(&mut self, operation: graphene_std::path_bool::BooleanOperation, layer: LayerNodeIdentifier) {
+		let boolean = resolve_document_node_type("Boolean Operation").expect("Boolean node does not exist").node_template_input_override([
+			Some(NodeInput::value(TaggedValue::GraphicGroup(graphene_std::GraphicGroupTable::default()), true)),
+			Some(NodeInput::value(TaggedValue::BooleanOperation(operation), false)),
+		]);
+
+		let boolean_id = NodeId::new();
+		self.network_interface.insert_node(boolean_id, boolean, &[]);
+		self.network_interface.move_node_to_chain_start(&boolean_id, layer, &[]);
+	}
+
+	pub fn insert_vector_data(&mut self, subpaths: Vec<Subpath<PointId>>, layer: LayerNodeIdentifier, include_transform: bool, include_fill: bool, include_stroke: bool) {
+		let vector_data = VectorDataTable::new(VectorData::from_subpaths(subpaths, true));
+
+		let shape = resolve_document_node_type("Path")
+			.expect("Path node does not exist")
+			.node_template_input_override([Some(NodeInput::value(TaggedValue::VectorData(vector_data), false))]);
+		let shape_id = NodeId::new();
+		self.network_interface.insert_node(shape_id, shape, &[]);
+		self.network_interface.move_node_to_chain_start(&shape_id, layer, &[]);
+
+		if include_transform {
+			let transform = resolve_document_node_type("Transform").expect("Transform node does not exist").default_node_template();
+			let transform_id = NodeId::new();
+			self.network_interface.insert_node(transform_id, transform, &[]);
+			self.network_interface.move_node_to_chain_start(&transform_id, layer, &[]);
+		}
+
+		if include_fill {
+			let fill = resolve_document_node_type("Fill").expect("Fill node does not exist").default_node_template();
+			let fill_id = NodeId::new();
+			self.network_interface.insert_node(fill_id, fill, &[]);
+			self.network_interface.move_node_to_chain_start(&fill_id, layer, &[]);
+		}
+
+		if include_stroke {
+			let stroke = resolve_document_node_type("Stroke").expect("Stroke node does not exist").default_node_template();
+			let stroke_id = NodeId::new();
+			self.network_interface.insert_node(stroke_id, stroke, &[]);
+			self.network_interface.move_node_to_chain_start(&stroke_id, layer, &[]);
+		}
+	}
+
+	pub fn insert_text(&mut self, text: String, font: Font, typesetting: TypesettingConfig, layer: LayerNodeIdentifier) {
+		let stroke = resolve_document_node_type("Stroke").expect("Stroke node does not exist").default_node_template();
+		let fill = resolve_document_node_type("Fill").expect("Fill node does not exist").default_node_template();
+		let transform = resolve_document_node_type("Transform").expect("Transform node does not exist").default_node_template();
+		let text = resolve_document_node_type("Text").expect("Text node does not exist").node_template_input_override([
+			Some(NodeInput::scope("editor-api")),
+			Some(NodeInput::value(TaggedValue::String(text), false)),
+			Some(NodeInput::value(TaggedValue::Font(font), false)),
+			Some(NodeInput::value(TaggedValue::F64(typesetting.font_size), false)),
+			Some(NodeInput::value(TaggedValue::F64(typesetting.line_height_ratio), false)),
+			Some(NodeInput::value(TaggedValue::F64(typesetting.character_spacing), false)),
+			Some(NodeInput::value(TaggedValue::OptionalF64(typesetting.max_width), false)),
+			Some(NodeInput::value(TaggedValue::OptionalF64(typesetting.max_height), false)),
+			Some(NodeInput::value(TaggedValue::F64(typesetting.tilt), false)),
+		]);
+
+		let text_id = NodeId::new();
+		self.network_interface.insert_node(text_id, text, &[]);
+		self.network_interface.move_node_to_chain_start(&text_id, layer, &[]);
+
+		let transform_id = NodeId::new();
+		self.network_interface.insert_node(transform_id, transform, &[]);
+		self.network_interface.move_node_to_chain_start(&transform_id, layer, &[]);
+
+		let fill_id = NodeId::new();
+		self.network_interface.insert_node(fill_id, fill, &[]);
+		self.network_interface.move_node_to_chain_start(&fill_id, layer, &[]);
+
+		let stroke_id = NodeId::new();
+		self.network_interface.insert_node(stroke_id, stroke, &[]);
+		self.network_interface.move_node_to_chain_start(&stroke_id, layer, &[]);
+	}
+
+	pub fn insert_image_data(&mut self, image_frame: RasterDataTable<CPU>, layer: LayerNodeIdentifier) {
+		let transform = resolve_document_node_type("Transform").expect("Transform node does not exist").default_node_template();
+		let image = resolve_document_node_type("Image Value")
+			.expect("ImageValue node does not exist")
+			.node_template_input_override([Some(NodeInput::value(TaggedValue::None, false)), Some(NodeInput::value(TaggedValue::RasterData(image_frame), false))]);
+
+		let image_id = NodeId::new();
+		self.network_interface.insert_node(image_id, image, &[]);
+		self.network_interface.move_node_to_chain_start(&image_id, layer, &[]);
+
+		let transform_id = NodeId::new();
+		self.network_interface.insert_node(transform_id, transform, &[]);
+		self.network_interface.move_node_to_chain_start(&transform_id, layer, &[]);
+	}
+
+	fn get_output_layer(&self) -> Option<LayerNodeIdentifier> {
+		self.layer_node.or_else(|| {
+			let export_node = self.network_interface.document_network().exports.first().and_then(|export| export.as_node())?;
+			if self.network_interface.is_layer(&export_node, &[]) {
+				Some(LayerNodeIdentifier::new(export_node, self.network_interface, &[]))
+			} else {
+				None
+			}
+		})
+	}
+
+	/// Gets the node id of a node with a specific reference that is upstream from the layer node, and optionally creates it if it does not exist.
+	/// The returned node is based on the selection dots in the layer. The right most dot will always insert/access the path that flows directly into the layer.
+	/// Each dot after that represents an existing path node. If there is an existing upstream node, then it will always be returned first.
+	pub fn existing_node_id(&mut self, reference_name: &'static str, create_if_nonexistent: bool) -> Option<NodeId> {
+		// Start from the layer node or export
+		let output_layer = self.get_output_layer()?;
+
+		let existing_node_id = Self::locate_node_in_layer_chain(reference_name, output_layer, self.network_interface);
+
+		// Create a new node if the node does not exist and update its inputs
+		if create_if_nonexistent {
+			return existing_node_id.or_else(|| self.create_node(reference_name));
+		}
+
+		existing_node_id
+	}
+
+	/// Gets the node id of a node with a specific reference (name) that is upstream (leftward) from the layer node, but before reaching another upstream layer stack.
+	/// For example, if given a group layer, this would find a requested "Transform" or "Boolean Operation" node in its chain, between the group layer and its layer stack child contents.
+	/// It would also travel up an entire layer that's not fed by a stack until reaching the generator node, such as a "Rectangle" or "Path" layer.
+	pub fn locate_node_in_layer_chain(reference_name: &str, left_of_layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<NodeId> {
+		let upstream = network_interface.upstream_flow_back_from_nodes(vec![left_of_layer.to_node()], &[], network_interface::FlowType::HorizontalFlow);
+
+		// Look at all of the upstream nodes
+		for upstream_node in upstream {
+			// Check if this is the node we have been searching for.
+			if network_interface
+				.reference(&upstream_node, &[])
+				.is_some_and(|node_reference| *node_reference == Some(reference_name.to_string()))
+			{
+				if !network_interface.is_visible(&upstream_node, &[]) {
+					continue;
+				}
+
+				return Some(upstream_node);
+			}
+
+			// Take until another layer node is found (but not the first layer node)
+			let is_traversal_start = |node_id: NodeId| left_of_layer.to_node() == node_id || network_interface.document_network().exports.iter().any(|export| export.as_node() == Some(node_id));
+			if !is_traversal_start(upstream_node) && (network_interface.is_layer(&upstream_node, &[])) {
+				return None;
+			}
+		}
+
+		None
+	}
+
+	/// Create a new node inside the layer
+	pub fn create_node(&mut self, reference: &str) -> Option<NodeId> {
+		let output_layer = self.get_output_layer()?;
+		let Some(node_definition) = resolve_document_node_type(reference) else {
+			log::error!("Node type {} does not exist in ModifyInputsContext::existing_node_id", reference);
+			return None;
+		};
+		// If inserting a path node, insert a Flatten Path if the type is a graphic group.
+		// TODO: Allow the path node to operate on Graphic Group data by utilizing the reference for each vector data in a group.
+		if node_definition.identifier == "Path" {
+			let layer_input_type = self.network_interface.input_type(&InputConnector::node(output_layer.to_node(), 1), &[]).0.nested_type().clone();
+			if layer_input_type == concrete!(GraphicGroupTable) {
+				let Some(flatten_path_definition) = resolve_document_node_type("Flatten Path") else {
+					log::error!("Flatten Path does not exist in ModifyInputsContext::existing_node_id");
+					return None;
+				};
+				let node_id = NodeId::new();
+				self.network_interface.insert_node(node_id, flatten_path_definition.default_node_template(), &[]);
+				self.network_interface.move_node_to_chain_start(&node_id, output_layer, &[]);
+			}
+		}
+		let node_id = NodeId::new();
+		self.network_interface.insert_node(node_id, node_definition.default_node_template(), &[]);
+		self.network_interface.move_node_to_chain_start(&node_id, output_layer, &[]);
+		Some(node_id)
+	}
+
+	pub fn fill_set(&mut self, fill: Fill) {
+		let fill_index = 1;
+		let backup_color_index = 2;
+		let backup_gradient_index = 3;
+
+		let Some(fill_node_id) = self.existing_node_id("Fill", true) else { return };
+		match &fill {
+			Fill::None => {
+				let input_connector = InputConnector::node(fill_node_id, backup_color_index);
+				self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::OptionalColor(None), false), true);
+			}
+			Fill::Solid(color) => {
+				let input_connector = InputConnector::node(fill_node_id, backup_color_index);
+				self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::OptionalColor(Some(*color)), false), true);
+			}
+			Fill::Gradient(gradient) => {
+				let input_connector = InputConnector::node(fill_node_id, backup_gradient_index);
+				self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::Gradient(gradient.clone()), false), true);
+			}
+		}
+		let input_connector = InputConnector::node(fill_node_id, fill_index);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::Fill(fill), false), false);
+	}
+
+	pub fn blend_mode_set(&mut self, blend_mode: BlendMode) {
+		let Some(blend_node_id) = self.existing_node_id("Blending", true) else { return };
+		let input_connector = InputConnector::node(blend_node_id, 1);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::BlendMode(blend_mode), false), false);
+	}
+
+	pub fn opacity_set(&mut self, opacity: f64) {
+		let Some(blend_node_id) = self.existing_node_id("Blending", true) else { return };
+		let input_connector = InputConnector::node(blend_node_id, 2);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::F64(opacity * 100.), false), false);
+	}
+
+	pub fn blending_fill_set(&mut self, fill: f64) {
+		let Some(blend_node_id) = self.existing_node_id("Blending", true) else { return };
+		let input_connector = InputConnector::node(blend_node_id, 3);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::F64(fill * 100.), false), false);
+	}
+
+	pub fn clip_mode_toggle(&mut self, clip_mode: Option<bool>) {
+		let clip = !clip_mode.unwrap_or(false);
+		let Some(clip_node_id) = self.existing_node_id("Blending", true) else { return };
+		let input_connector = InputConnector::node(clip_node_id, 4);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::Bool(clip), false), false);
+	}
+
+	pub fn stroke_set(&mut self, stroke: Stroke) {
+		let Some(stroke_node_id) = self.existing_node_id("Stroke", true) else { return };
+
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::ColorInput::<Option<graphene_std::Color>>::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::OptionalColor(stroke.color), false), true);
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::WeightInput::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::F64(stroke.weight), false), true);
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::AlignInput::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::StrokeAlign(stroke.align), false), false);
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::CapInput::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::StrokeCap(stroke.cap), false), true);
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::JoinInput::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::StrokeJoin(stroke.join), false), true);
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::MiterLimitInput::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::F64(stroke.join_miter_limit), false), false);
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::PaintOrderInput::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::PaintOrder(stroke.paint_order), false), false);
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::DashLengthsInput::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::VecF64(stroke.dash_lengths), false), true);
+		let input_connector = InputConnector::node(stroke_node_id, graphene_std::vector::stroke::DashOffsetInput::INDEX);
+		self.set_input_with_refresh(input_connector, NodeInput::value(TaggedValue::F64(stroke.dash_offset), false), true);
+	}
+
+	/// Update the transform value of the upstream Transform node based a change to its existing value and the given parent transform.
+	/// A new Transform node is created if one does not exist, unless it would be given the identity transform.
+	pub fn transform_change_with_parent(&mut self, transform: DAffine2, transform_in: TransformIn, parent_transform: DAffine2, skip_rerender: bool) {
+		// Get the existing upstream Transform node and its transform, if present, otherwise use the identity transform
+		let (layer_transform, transform_node_id) = self
+			.existing_node_id("Transform", false)
+			.and_then(|transform_node_id| {
+				let document_node = self.network_interface.document_network().nodes.get(&transform_node_id)?;
+				Some((transform_utils::get_current_transform(&document_node.inputs), transform_node_id))
+			})
+			.unzip();
+		let layer_transform = layer_transform.unwrap_or_default();
+
+		// Get a transform appropriate for the requested space
+		let to_transform = match transform_in {
+			TransformIn::Local => DAffine2::IDENTITY,
+			TransformIn::Scope { scope } => scope * parent_transform,
+			TransformIn::Viewport => parent_transform,
+		};
+
+		// Set the transform value to the Transform node
+		let final_transform = to_transform.inverse() * transform * to_transform * layer_transform;
+		self.transform_set_direct(final_transform, skip_rerender, transform_node_id);
+	}
+
+	/// Set the transform value to the upstream Transform node, replacing the existing value.
+	/// A new Transform node is created if one does not exist, unless it would be given the identity transform.
+	pub fn transform_set(&mut self, transform: DAffine2, transform_in: TransformIn, skip_rerender: bool) {
+		// Get the existing upstream Transform node, if present
+		let transform_node_id = self.existing_node_id("Transform", false);
+
+		// Get a transform appropriate for the requested space
+		let to_transform = match transform_in {
+			TransformIn::Local => DAffine2::IDENTITY,
+			TransformIn::Scope { scope } => scope,
+			TransformIn::Viewport => self.network_interface.document_metadata().downstream_transform_to_viewport(self.layer_node.unwrap()).inverse(),
+		};
+
+		// Set the transform value to the Transform node
+		let final_transform = to_transform * transform;
+		self.transform_set_direct(final_transform, skip_rerender, transform_node_id);
+	}
+
+	/// Write the given transform value to the upstream Transform node, if one is supplied. If one doesn't exist, it will be created unless the given transform is the identity.
+	pub fn transform_set_direct(&mut self, transform: DAffine2, skip_rerender: bool, transform_node_id: Option<NodeId>) {
+		// If the Transform node didn't exist yet, create it now
+		let Some(transform_node_id) = transform_node_id.or_else(|| {
+			// Check if the transform is the identity transform (within an epsilon) and if so, don't create a new Transform node
+			if transform.abs_diff_eq(DAffine2::IDENTITY, 1e-6) {
+				// We don't want to pollute the graph with an unnecessary Transform node, so we avoid creating and setting it by returning None
+				return None;
+			}
+
+			// Create the Transform node
+			self.existing_node_id("Transform", true)
+		}) else {
+			return;
+		};
+
+		// Update the transform value of the Transform node
+		transform_utils::update_transform(self.network_interface, &transform_node_id, transform);
+
+		// Refresh the render and editor UI
+		self.responses.add(PropertiesPanelMessage::Refresh);
+		if !skip_rerender {
+			self.responses.add(NodeGraphMessage::RunDocumentGraph);
+		}
+	}
+
+	pub fn pivot_set(&mut self, new_pivot: DVec2) {
+		let Some(transform_node_id) = self.existing_node_id("Transform", true) else { return };
+
+		self.set_input_with_refresh(InputConnector::node(transform_node_id, 5), NodeInput::value(TaggedValue::DVec2(new_pivot), false), false);
+	}
+
+	pub fn vector_modify(&mut self, modification_type: VectorModificationType) {
+		let Some(path_node_id) = self.existing_node_id("Path", true) else { return };
+		self.network_interface.vector_modify(&path_node_id, modification_type);
+		self.responses.add(PropertiesPanelMessage::Refresh);
+		self.responses.add(NodeGraphMessage::RunDocumentGraph);
+	}
+
+	pub fn brush_modify(&mut self, strokes: Vec<BrushStroke>) {
+		let Some(brush_node_id) = self.existing_node_id("Brush", true) else { return };
+		self.set_input_with_refresh(InputConnector::node(brush_node_id, 1), NodeInput::value(TaggedValue::BrushStrokes(strokes), false), false);
+	}
+
+	pub fn resize_artboard(&mut self, location: IVec2, dimensions: IVec2) {
+		let Some(artboard_node_id) = self.existing_node_id("Artboard", true) else {
+			return;
+		};
+
+		let mut dimensions = dimensions;
+		let mut location = location;
+
+		if dimensions.x < 0 {
+			dimensions.x *= -1;
+			location.x -= dimensions.x;
+		}
+		if dimensions.y < 0 {
+			dimensions.y *= -1;
+			location.y -= dimensions.y;
+		}
+		self.set_input_with_refresh(InputConnector::node(artboard_node_id, 2), NodeInput::value(TaggedValue::IVec2(location), false), false);
+		self.set_input_with_refresh(InputConnector::node(artboard_node_id, 3), NodeInput::value(TaggedValue::IVec2(dimensions), false), false);
+	}
+
+	/// Set the input, refresh the properties panel, and run the document graph if skip_rerender is false
+	pub fn set_input_with_refresh(&mut self, input_connector: InputConnector, input: NodeInput, skip_rerender: bool) {
+		self.network_interface.set_input(&input_connector, input, &[]);
+		self.responses.add(PropertiesPanelMessage::Refresh);
+		if !skip_rerender {
+			self.responses.add(NodeGraphMessage::RunDocumentGraph);
+		}
+	}
+}
diff --git a/editor/src/messages/portfolio/document/mod.rs b/editor/src/messages/portfolio/document/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b9b7172e5a7eaf2948238a825f15d41f6d06eb50
--- /dev/null
+++ b/editor/src/messages/portfolio/document/mod.rs
@@ -0,0 +1,14 @@
+mod document_message;
+mod document_message_handler;
+
+pub mod graph_operation;
+pub mod navigation;
+pub mod node_graph;
+pub mod overlays;
+pub mod properties_panel;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use document_message::{DocumentMessage, DocumentMessageDiscriminant};
+#[doc(inline)]
+pub use document_message_handler::{DocumentMessageData, DocumentMessageHandler};
diff --git a/editor/src/messages/portfolio/document/navigation/mod.rs b/editor/src/messages/portfolio/document/navigation/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..0ee1512eda1f18941ece6f4fa83c1aed64c2ffbc
--- /dev/null
+++ b/editor/src/messages/portfolio/document/navigation/mod.rs
@@ -0,0 +1,8 @@
+mod navigation_message;
+mod navigation_message_handler;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use navigation_message::{NavigationMessage, NavigationMessageDiscriminant};
+#[doc(inline)]
+pub use navigation_message_handler::{NavigationMessageData, NavigationMessageHandler};
diff --git a/editor/src/messages/portfolio/document/navigation/navigation_message.rs b/editor/src/messages/portfolio/document/navigation/navigation_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a55f8dbef42861a51d92f5baed059afb774d7621
--- /dev/null
+++ b/editor/src/messages/portfolio/document/navigation/navigation_message.rs
@@ -0,0 +1,29 @@
+use crate::messages::input_mapper::utility_types::input_keyboard::Key;
+use crate::messages::prelude::*;
+use glam::DVec2;
+
+#[impl_message(Message, DocumentMessage, Navigation)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum NavigationMessage {
+	// Messages
+	BeginCanvasPan,
+	BeginCanvasTilt { was_dispatched_from_menu: bool },
+	BeginCanvasZoom,
+	CanvasPan { delta: DVec2 },
+	CanvasPanAbortPrepare { x_not_y_axis: bool },
+	CanvasPanAbort { x_not_y_axis: bool },
+	CanvasPanByViewportFraction { delta: DVec2 },
+	CanvasPanMouseWheel { use_y_as_x: bool },
+	CanvasTiltResetAndZoomTo100Percent,
+	CanvasTiltSet { angle_radians: f64 },
+	CanvasZoomDecrease { center_on_mouse: bool },
+	CanvasZoomIncrease { center_on_mouse: bool },
+	CanvasZoomMouseWheel,
+	CanvasZoomSet { zoom_factor: f64 },
+	CanvasFlip,
+	EndCanvasPTZ { abort_transform: bool },
+	EndCanvasPTZWithClick { commit_key: Key },
+	FitViewportToBounds { bounds: [DVec2; 2], prevent_zoom_past_100: bool },
+	FitViewportToSelection,
+	PointerMove { snap: Key },
+}
diff --git a/editor/src/messages/portfolio/document/navigation/navigation_message_handler.rs b/editor/src/messages/portfolio/document/navigation/navigation_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..929c8501604ae1ba5c5c24fd4ed8fd87415e9310
--- /dev/null
+++ b/editor/src/messages/portfolio/document/navigation/navigation_message_handler.rs
@@ -0,0 +1,577 @@
+use crate::consts::{
+	VIEWPORT_ROTATE_SNAP_INTERVAL, VIEWPORT_SCROLL_RATE, VIEWPORT_ZOOM_LEVELS, VIEWPORT_ZOOM_MIN_FRACTION_COVER, VIEWPORT_ZOOM_MOUSE_RATE, VIEWPORT_ZOOM_SCALE_MAX, VIEWPORT_ZOOM_SCALE_MIN,
+	VIEWPORT_ZOOM_TO_FIT_PADDING_SCALE_FACTOR,
+};
+use crate::messages::frontend::utility_types::MouseCursorIcon;
+use crate::messages::input_mapper::utility_types::input_keyboard::{Key, MouseMotion};
+use crate::messages::input_mapper::utility_types::input_mouse::ViewportPosition;
+use crate::messages::portfolio::document::navigation::utility_types::NavigationOperation;
+use crate::messages::portfolio::document::utility_types::misc::PTZ;
+use crate::messages::portfolio::document::utility_types::network_interface::NodeNetworkInterface;
+use crate::messages::prelude::*;
+use crate::messages::tool::utility_types::{HintData, HintGroup, HintInfo};
+use glam::{DAffine2, DVec2};
+use graph_craft::document::NodeId;
+
+pub struct NavigationMessageData<'a> {
+	pub network_interface: &'a mut NodeNetworkInterface,
+	pub breadcrumb_network_path: &'a [NodeId],
+	pub ipp: &'a InputPreprocessorMessageHandler,
+	pub selection_bounds: Option<[DVec2; 2]>,
+	pub document_ptz: &'a mut PTZ,
+	pub graph_view_overlay_open: bool,
+	pub preferences: &'a PreferencesMessageHandler,
+}
+
+#[derive(Debug, Clone, PartialEq, Default)]
+pub struct NavigationMessageHandler {
+	navigation_operation: NavigationOperation,
+	mouse_position: ViewportPosition,
+	finish_operation_with_click: bool,
+	abortable_pan_start: Option<f64>,
+}
+
+impl MessageHandler<NavigationMessage, NavigationMessageData<'_>> for NavigationMessageHandler {
+	fn process_message(&mut self, message: NavigationMessage, responses: &mut VecDeque<Message>, data: NavigationMessageData) {
+		let NavigationMessageData {
+			network_interface,
+			breadcrumb_network_path,
+			ipp,
+			selection_bounds,
+			document_ptz,
+			graph_view_overlay_open,
+			preferences,
+		} = data;
+
+		fn get_ptz<'a>(document_ptz: &'a PTZ, network_interface: &'a NodeNetworkInterface, graph_view_overlay_open: bool, breadcrumb_network_path: &[NodeId]) -> Option<&'a PTZ> {
+			if !graph_view_overlay_open {
+				Some(document_ptz)
+			} else {
+				let network_metadata = network_interface.network_metadata(breadcrumb_network_path)?;
+				Some(&network_metadata.persistent_metadata.navigation_metadata.node_graph_ptz)
+			}
+		}
+
+		fn get_ptz_mut<'a>(document_ptz: &'a mut PTZ, network_interface: &'a mut NodeNetworkInterface, graph_view_overlay_open: bool, breadcrumb_network_path: &[NodeId]) -> Option<&'a mut PTZ> {
+			if !graph_view_overlay_open {
+				Some(document_ptz)
+			} else {
+				let Some(node_graph_ptz) = network_interface.node_graph_ptz_mut(breadcrumb_network_path) else {
+					log::error!("Could not get node graph PTZ in NavigationMessageHandler process_message");
+					return None;
+				};
+				Some(node_graph_ptz)
+			}
+		}
+
+		let Some(ptz) = get_ptz(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+			log::error!("Could not get PTZ in NavigationMessageHandler process_message");
+			return;
+		};
+		let old_zoom = ptz.zoom();
+
+		match message {
+			NavigationMessage::BeginCanvasPan => {
+				responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Grabbing });
+
+				responses.add(FrontendMessage::UpdateInputHints {
+					hint_data: HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]),
+				});
+
+				self.mouse_position = ipp.mouse.position;
+				let Some(ptz) = get_ptz(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					return;
+				};
+				self.navigation_operation = NavigationOperation::Pan { pan_original_for_abort: ptz.pan };
+			}
+			NavigationMessage::BeginCanvasTilt { was_dispatched_from_menu } => {
+				let Some(ptz) = get_ptz(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					return;
+				};
+				// If the node graph is open, prevent tilt and instead start panning
+				if graph_view_overlay_open {
+					responses.add(NavigationMessage::BeginCanvasPan);
+				} else {
+					responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+					responses.add(FrontendMessage::UpdateInputHints {
+						hint_data: HintData(vec![
+							HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+							HintGroup(vec![HintInfo::keys([Key::Shift], "15° Increments")]),
+						]),
+					});
+
+					self.navigation_operation = NavigationOperation::Tilt {
+						tilt_original_for_abort: ptz.tilt(),
+						tilt_raw_not_snapped: ptz.tilt(),
+						snap: false,
+					};
+
+					self.mouse_position = ipp.mouse.position;
+					self.finish_operation_with_click = was_dispatched_from_menu;
+				}
+			}
+			NavigationMessage::BeginCanvasZoom => {
+				let Some(ptz) = get_ptz(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					return;
+				};
+
+				responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::ZoomIn });
+				responses.add(FrontendMessage::UpdateInputHints {
+					hint_data: HintData(vec![
+						HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+						HintGroup(vec![HintInfo::keys([Key::Shift], "Increments")]),
+					]),
+				});
+
+				self.navigation_operation = NavigationOperation::Zoom {
+					zoom_raw_not_snapped: ptz.zoom(),
+					zoom_original_for_abort: ptz.zoom(),
+					snap: false,
+				};
+				self.mouse_position = ipp.mouse.position;
+			}
+			NavigationMessage::CanvasPan { delta } => {
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get PTZ in CanvasPan");
+					return;
+				};
+				let document_to_viewport = self.calculate_offset_transform(ipp.viewport_bounds.center(), ptz);
+				let transformed_delta = document_to_viewport.inverse().transform_vector2(delta);
+
+				ptz.pan += transformed_delta;
+				responses.add(BroadcastEvent::CanvasTransformed);
+				responses.add(DocumentMessage::PTZUpdate);
+			}
+			NavigationMessage::CanvasPanAbortPrepare { x_not_y_axis } => {
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get PTZ in CanvasPanAbortPrepare");
+					return;
+				};
+				self.abortable_pan_start = Some(if x_not_y_axis { ptz.pan.x } else { ptz.pan.y });
+			}
+			NavigationMessage::CanvasPanAbort { x_not_y_axis } => {
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get PTZ in CanvasPanAbort");
+					return;
+				};
+				if let Some(abortable_pan_start) = self.abortable_pan_start {
+					if x_not_y_axis {
+						ptz.pan.x = abortable_pan_start;
+					} else {
+						ptz.pan.y = abortable_pan_start;
+					}
+				}
+				self.abortable_pan_start = None;
+				responses.add(DocumentMessage::PTZUpdate);
+			}
+			NavigationMessage::CanvasPanByViewportFraction { delta } => {
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get node graph PTZ in CanvasPanByViewportFraction");
+					return;
+				};
+				let document_to_viewport = self.calculate_offset_transform(ipp.viewport_bounds.center(), ptz);
+				let transformed_delta = document_to_viewport.inverse().transform_vector2(delta * ipp.viewport_bounds.size());
+
+				ptz.pan += transformed_delta;
+				responses.add(DocumentMessage::PTZUpdate);
+			}
+			NavigationMessage::CanvasPanMouseWheel { use_y_as_x } => {
+				let delta = if use_y_as_x { (-ipp.mouse.scroll_delta.y, 0.).into() } else { -ipp.mouse.scroll_delta.as_dvec2() } * VIEWPORT_SCROLL_RATE;
+				responses.add(NavigationMessage::CanvasPan { delta });
+				responses.add(NodeGraphMessage::SetGridAlignedEdges);
+			}
+			NavigationMessage::CanvasTiltResetAndZoomTo100Percent => {
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get mutable PTZ in CanvasTiltResetAndZoomTo100Percent");
+					return;
+				};
+				ptz.set_tilt(0.);
+				ptz.set_zoom(1.);
+				if graph_view_overlay_open {
+					responses.add(NodeGraphMessage::UpdateGraphBarRight);
+				} else {
+					responses.add(PortfolioMessage::UpdateDocumentWidgets);
+				}
+				responses.add(DocumentMessage::PTZUpdate);
+				responses.add(NodeGraphMessage::SetGridAlignedEdges);
+			}
+			NavigationMessage::CanvasTiltSet { angle_radians } => {
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get mutable PTZ in CanvasTiltSet");
+					return;
+				};
+				ptz.set_tilt(angle_radians);
+				responses.add(DocumentMessage::PTZUpdate);
+				if !graph_view_overlay_open {
+					responses.add(PortfolioMessage::UpdateDocumentWidgets);
+					responses.add(MenuBarMessage::SendLayout);
+				}
+			}
+			NavigationMessage::CanvasZoomDecrease { center_on_mouse } => {
+				let Some(ptz) = get_ptz(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					return;
+				};
+
+				let new_scale = *VIEWPORT_ZOOM_LEVELS.iter().rev().find(|scale| **scale < ptz.zoom()).unwrap_or(&ptz.zoom());
+				if center_on_mouse {
+					responses.add(self.center_zoom(ipp.viewport_bounds.size(), new_scale / ptz.zoom(), ipp.mouse.position));
+				}
+				responses.add(NavigationMessage::CanvasZoomSet { zoom_factor: new_scale });
+			}
+			NavigationMessage::CanvasZoomIncrease { center_on_mouse } => {
+				let Some(ptz) = get_ptz(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					return;
+				};
+
+				let new_scale = *VIEWPORT_ZOOM_LEVELS.iter().find(|scale| **scale > ptz.zoom()).unwrap_or(&ptz.zoom());
+				if center_on_mouse {
+					responses.add(self.center_zoom(ipp.viewport_bounds.size(), new_scale / ptz.zoom(), ipp.mouse.position));
+				}
+				responses.add(NavigationMessage::CanvasZoomSet { zoom_factor: new_scale });
+			}
+			NavigationMessage::CanvasZoomMouseWheel => {
+				let scroll = ipp.mouse.scroll_delta.scroll_delta();
+				let mut zoom_factor = 1. + scroll.abs() * preferences.viewport_zoom_wheel_rate;
+				if ipp.mouse.scroll_delta.y > 0. {
+					zoom_factor = 1. / zoom_factor
+				}
+				let document_bounds = if !graph_view_overlay_open {
+					// TODO: Cache this in node graph coordinates and apply the transform to the rectangle to get viewport coordinates
+					network_interface.document_metadata().document_bounds_viewport_space()
+				} else {
+					network_interface.graph_bounds_viewport_space(breadcrumb_network_path)
+				};
+				let Some(ptz) = get_ptz(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					return;
+				};
+
+				zoom_factor *= Self::clamp_zoom(ptz.zoom() * zoom_factor, document_bounds, old_zoom, ipp);
+
+				responses.add(self.center_zoom(ipp.viewport_bounds.size(), zoom_factor, ipp.mouse.position));
+				responses.add(NavigationMessage::CanvasZoomSet {
+					zoom_factor: ptz.zoom() * zoom_factor,
+				});
+			}
+			NavigationMessage::CanvasZoomSet { zoom_factor } => {
+				let document_bounds = if !graph_view_overlay_open {
+					// TODO: Cache this in node graph coordinates and apply the transform to the rectangle to get viewport coordinates
+					network_interface.document_metadata().document_bounds_viewport_space()
+				} else {
+					network_interface.graph_bounds_viewport_space(breadcrumb_network_path)
+				};
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get mutable PTZ in CanvasZoomSet");
+					return;
+				};
+				let zoom = zoom_factor.clamp(VIEWPORT_ZOOM_SCALE_MIN, VIEWPORT_ZOOM_SCALE_MAX);
+				let zoom = zoom * Self::clamp_zoom(zoom, document_bounds, old_zoom, ipp);
+				ptz.set_zoom(zoom);
+				if graph_view_overlay_open {
+					responses.add(NodeGraphMessage::UpdateGraphBarRight);
+				} else {
+					responses.add(PortfolioMessage::UpdateDocumentWidgets);
+				}
+				responses.add(DocumentMessage::PTZUpdate);
+				responses.add(NodeGraphMessage::SetGridAlignedEdges);
+			}
+			NavigationMessage::CanvasFlip => {
+				if graph_view_overlay_open {
+					return;
+				}
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get mutable PTZ in CanvasFlip");
+					return;
+				};
+
+				ptz.flip = !ptz.flip;
+
+				responses.add(DocumentMessage::PTZUpdate);
+				responses.add(BroadcastEvent::CanvasTransformed);
+				responses.add(MenuBarMessage::SendLayout);
+				responses.add(PortfolioMessage::UpdateDocumentWidgets);
+			}
+			NavigationMessage::EndCanvasPTZ { abort_transform } => {
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get mutable PTZ in EndCanvasPTZ");
+					return;
+				};
+				// If an abort was requested, reset the active PTZ value to its original state
+				if abort_transform && self.navigation_operation != NavigationOperation::None {
+					match self.navigation_operation {
+						NavigationOperation::None => {}
+						NavigationOperation::Tilt { tilt_original_for_abort, .. } => {
+							ptz.set_tilt(tilt_original_for_abort);
+						}
+						NavigationOperation::Pan { pan_original_for_abort, .. } => {
+							ptz.pan = pan_original_for_abort;
+						}
+						NavigationOperation::Zoom { zoom_original_for_abort, .. } => {
+							ptz.set_zoom(zoom_original_for_abort);
+						}
+					}
+				}
+
+				// Final chance to apply snapping if the key was pressed during this final frame
+				ptz.set_tilt(self.snapped_tilt(ptz.tilt()));
+				ptz.set_zoom(self.snapped_zoom(ptz.zoom()));
+				responses.add(DocumentMessage::PTZUpdate);
+				if graph_view_overlay_open {
+					responses.add(NodeGraphMessage::UpdateGraphBarRight);
+				} else {
+					responses.add(PortfolioMessage::UpdateDocumentWidgets);
+				}
+				responses.add(NodeGraphMessage::SetGridAlignedEdges);
+				// Reset the navigation operation now that it's done
+				self.navigation_operation = NavigationOperation::None;
+
+				// Send the final messages to close out the operation
+				responses.add(BroadcastEvent::CanvasTransformed);
+				responses.add(ToolMessage::UpdateCursor);
+				responses.add(ToolMessage::UpdateHints);
+				responses.add(NavigateToolMessage::End);
+			}
+			NavigationMessage::EndCanvasPTZWithClick { commit_key } => {
+				self.finish_operation_with_click = false;
+
+				let abort_transform = commit_key == Key::MouseRight;
+				responses.add(NavigationMessage::EndCanvasPTZ { abort_transform });
+			}
+			NavigationMessage::FitViewportToBounds {
+				bounds: [pos1, pos2],
+				prevent_zoom_past_100,
+			} => {
+				let (pos1, pos2) = (pos1.min(pos2), pos1.max(pos2));
+				let diagonal = pos2 - pos1;
+
+				if diagonal.length() < f64::EPSILON * 1000. || ipp.viewport_bounds.size() == DVec2::ZERO {
+					warn!("Cannot center since the viewport size is 0");
+					return;
+				}
+
+				let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+					log::error!("Could not get node graph PTZ in CanvasPanByViewportFraction");
+					return;
+				};
+				let document_to_viewport = self.calculate_offset_transform(ipp.viewport_bounds.center(), ptz);
+
+				let v1 = document_to_viewport.inverse().transform_point2(DVec2::ZERO);
+				let v2 = document_to_viewport.inverse().transform_point2(ipp.viewport_bounds.size());
+
+				let center = ((v2 + v1) - (pos2 + pos1)) / 2.;
+				let size = (v2 - v1) / diagonal;
+				let new_scale = size.min_element();
+
+				let viewport_change = document_to_viewport.transform_vector2(center);
+
+				// Only change the pan if the change will be visible in the viewport
+				if viewport_change.x.abs() > 0.5 || viewport_change.y.abs() > 0.5 {
+					ptz.pan += center;
+				}
+
+				ptz.set_zoom(ptz.zoom() * new_scale * VIEWPORT_ZOOM_TO_FIT_PADDING_SCALE_FACTOR);
+
+				// Keep the canvas filling less than the full available viewport bounds if requested.
+				// And if the zoom is close to the full viewport bounds, we ignore the padding because 100% is preferrable if it still fits.
+				if prevent_zoom_past_100 && ptz.zoom() > VIEWPORT_ZOOM_TO_FIT_PADDING_SCALE_FACTOR {
+					ptz.set_zoom(1.);
+				}
+
+				if graph_view_overlay_open {
+					responses.add(NodeGraphMessage::UpdateGraphBarRight);
+				} else {
+					responses.add(PortfolioMessage::UpdateDocumentWidgets);
+				}
+				responses.add(DocumentMessage::PTZUpdate);
+				responses.add(NodeGraphMessage::SetGridAlignedEdges);
+			}
+			NavigationMessage::FitViewportToSelection => {
+				if let Some(bounds) = selection_bounds {
+					let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+						log::error!("Could not get node graph PTZ in FitViewportToSelection");
+						return;
+					};
+					let document_to_viewport = self.calculate_offset_transform(ipp.viewport_bounds.center(), ptz);
+					responses.add(NavigationMessage::FitViewportToBounds {
+						bounds: [document_to_viewport.inverse().transform_point2(bounds[0]), document_to_viewport.inverse().transform_point2(bounds[1])],
+						prevent_zoom_past_100: false,
+					})
+				}
+			}
+			NavigationMessage::PointerMove { snap } => {
+				match self.navigation_operation {
+					NavigationOperation::None => {}
+					NavigationOperation::Pan { .. } => {
+						let delta = ipp.mouse.position - self.mouse_position;
+						responses.add(NavigationMessage::CanvasPan { delta });
+					}
+					NavigationOperation::Tilt {
+						tilt_raw_not_snapped,
+						tilt_original_for_abort,
+						..
+					} => {
+						let tilt_raw_not_snapped = {
+							// Compute the angle in document space to counter for the canvas being flipped
+							let viewport_to_document = network_interface.document_metadata().document_to_viewport.inverse();
+							let half_viewport = ipp.viewport_bounds.size() / 2.;
+							let start_offset = viewport_to_document.transform_vector2(self.mouse_position - half_viewport);
+							let end_offset = viewport_to_document.transform_vector2(ipp.mouse.position - half_viewport);
+							let angle = start_offset.angle_to(end_offset);
+
+							tilt_raw_not_snapped + angle
+						};
+						let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+							log::error!("Could not get mutable PTZ in Tilt");
+							return;
+						};
+						ptz.set_tilt(self.snapped_tilt(tilt_raw_not_snapped));
+
+						let snap = ipp.keyboard.get(snap as usize);
+
+						self.navigation_operation = NavigationOperation::Tilt {
+							tilt_original_for_abort,
+							tilt_raw_not_snapped,
+							snap,
+						};
+
+						responses.add(NavigationMessage::CanvasTiltSet { angle_radians: ptz.tilt() });
+					}
+					NavigationOperation::Zoom {
+						zoom_raw_not_snapped,
+						zoom_original_for_abort,
+						..
+					} => {
+						let zoom_raw_not_snapped = {
+							let vertical_delta = self.mouse_position.y - ipp.mouse.position.y;
+							let amount = vertical_delta * VIEWPORT_ZOOM_MOUSE_RATE;
+							let updated_zoom = zoom_raw_not_snapped * (1. + amount);
+
+							let document_bounds = if !graph_view_overlay_open {
+								// TODO: Cache this in node graph coordinates and apply the transform to the rectangle to get viewport coordinates
+								network_interface.document_metadata().document_bounds_viewport_space()
+							} else {
+								network_interface.graph_bounds_viewport_space(breadcrumb_network_path)
+							};
+
+							updated_zoom * Self::clamp_zoom(updated_zoom, document_bounds, old_zoom, ipp)
+						};
+						let Some(ptz) = get_ptz_mut(document_ptz, network_interface, graph_view_overlay_open, breadcrumb_network_path) else {
+							log::error!("Could not get mutable PTZ in Zoom");
+							return;
+						};
+						ptz.set_zoom(self.snapped_zoom(zoom_raw_not_snapped));
+
+						let snap = ipp.keyboard.get(snap as usize);
+
+						self.navigation_operation = NavigationOperation::Zoom {
+							zoom_raw_not_snapped,
+							zoom_original_for_abort,
+							snap,
+						};
+
+						responses.add(NavigationMessage::CanvasZoomSet { zoom_factor: ptz.zoom() });
+						responses.add(NodeGraphMessage::SetGridAlignedEdges);
+					}
+				}
+
+				self.mouse_position = ipp.mouse.position;
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		let mut common = actions!(NavigationMessageDiscriminant;
+			BeginCanvasPan,
+			BeginCanvasTilt,
+			BeginCanvasZoom,
+			CanvasPan,
+			CanvasPanByViewportFraction,
+			CanvasPanMouseWheel,
+			CanvasTiltSet,
+			CanvasZoomDecrease,
+			CanvasZoomIncrease,
+			CanvasZoomMouseWheel,
+			CanvasFlip,
+			FitViewportToSelection,
+		);
+
+		if self.navigation_operation != NavigationOperation::None {
+			let transforming = actions!(NavigationMessageDiscriminant;
+				EndCanvasPTZ,
+				PointerMove,
+			);
+			common.extend(transforming);
+		}
+
+		if self.finish_operation_with_click {
+			let transforming_from_menu = actions!(NavigationMessageDiscriminant;
+				EndCanvasPTZWithClick,
+			);
+
+			common.extend(transforming_from_menu);
+		}
+
+		common
+	}
+}
+
+impl NavigationMessageHandler {
+	pub fn snapped_tilt(&self, tilt: f64) -> f64 {
+		let increment_radians: f64 = VIEWPORT_ROTATE_SNAP_INTERVAL.to_radians();
+		if matches!(self.navigation_operation, NavigationOperation::Tilt { snap: true, .. }) {
+			(tilt / increment_radians).round() * increment_radians
+		} else {
+			tilt
+		}
+	}
+
+	pub fn snapped_zoom(&self, zoom: f64) -> f64 {
+		snapped_zoom(&self.navigation_operation, zoom)
+	}
+
+	pub fn calculate_offset_transform(&self, viewport_center: DVec2, ptz: &PTZ) -> DAffine2 {
+		let pan = ptz.pan;
+		let tilt = ptz.tilt();
+		let zoom = ptz.zoom();
+
+		let scale = self.snapped_zoom(zoom);
+		let scale_vec = if ptz.flip { DVec2::new(-scale, scale) } else { DVec2::splat(scale) };
+		let scaled_center = viewport_center / scale_vec;
+
+		// Try to avoid fractional coordinates to reduce anti aliasing.
+		let rounded_pan = ((pan + scaled_center) * scale).round() / scale - scaled_center;
+
+		// TODO: replace with DAffine2::from_scale_angle_translation and fix the errors
+		let offset_transform = DAffine2::from_translation(scaled_center);
+		let scale_transform = DAffine2::from_scale(scale_vec);
+		let angle_transform = DAffine2::from_angle(self.snapped_tilt(tilt));
+		let translation_transform = DAffine2::from_translation(rounded_pan);
+		scale_transform * offset_transform * angle_transform * translation_transform
+	}
+
+	pub fn center_zoom(&self, viewport_bounds: DVec2, zoom_factor: f64, mouse: DVec2) -> Message {
+		let new_viewport_bounds = viewport_bounds / zoom_factor;
+		let delta_size = viewport_bounds - new_viewport_bounds;
+		let mouse_fraction = mouse / viewport_bounds;
+		let delta = delta_size * (DVec2::splat(0.5) - mouse_fraction);
+		NavigationMessage::CanvasPan { delta }.into()
+	}
+
+	pub fn clamp_zoom(zoom: f64, document_bounds: Option<[DVec2; 2]>, old_zoom: f64, ipp: &InputPreprocessorMessageHandler) -> f64 {
+		let document_size = (document_bounds.map(|[min, max]| max - min).unwrap_or_default() / old_zoom) * zoom;
+		let scale_factor = (document_size / ipp.viewport_bounds.size()).max_element();
+
+		if scale_factor <= f64::EPSILON * 100. || !scale_factor.is_finite() || scale_factor >= VIEWPORT_ZOOM_MIN_FRACTION_COVER {
+			return 1.;
+		}
+
+		VIEWPORT_ZOOM_MIN_FRACTION_COVER / scale_factor
+	}
+}
+
+pub fn snapped_zoom(navigation_operation: &NavigationOperation, zoom: f64) -> f64 {
+	if matches!(navigation_operation, NavigationOperation::Zoom { snap: true, .. }) {
+		*VIEWPORT_ZOOM_LEVELS.iter().min_by(|a, b| (**a - zoom).abs().partial_cmp(&(**b - zoom).abs()).unwrap()).unwrap_or(&zoom)
+	} else {
+		zoom
+	}
+}
diff --git a/editor/src/messages/portfolio/document/navigation/utility_types.rs b/editor/src/messages/portfolio/document/navigation/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..09684b890e51562a4ea1c5c04508cb33164abfcc
--- /dev/null
+++ b/editor/src/messages/portfolio/document/navigation/utility_types.rs
@@ -0,0 +1,20 @@
+use glam::DVec2;
+
+#[derive(Debug, Default, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum NavigationOperation {
+	#[default]
+	None,
+	Pan {
+		pan_original_for_abort: DVec2,
+	},
+	Tilt {
+		tilt_original_for_abort: f64,
+		tilt_raw_not_snapped: f64,
+		snap: bool,
+	},
+	Zoom {
+		zoom_raw_not_snapped: f64,
+		zoom_original_for_abort: f64,
+		snap: bool,
+	},
+}
diff --git a/editor/src/messages/portfolio/document/node_graph/document_node_definitions.rs b/editor/src/messages/portfolio/document/node_graph/document_node_definitions.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d6fa996f19fc8399d7fe80eee8ea025a36754ea9
--- /dev/null
+++ b/editor/src/messages/portfolio/document/node_graph/document_node_definitions.rs
@@ -0,0 +1,2823 @@
+mod document_node_derive;
+
+use super::node_properties::choice::enum_choice;
+use super::node_properties::{self, ParameterWidgetsInfo};
+use super::utility_types::FrontendNodeType;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::utility_types::network_interface::{
+	DocumentNodeMetadata, DocumentNodePersistentMetadata, InputMetadata, NodeNetworkInterface, NodeNetworkMetadata, NodeNetworkPersistentMetadata, NodeTemplate, NodeTypePersistentMetadata,
+	NumberInputSettings, Vec2InputSettings, WidgetOverride,
+};
+use crate::messages::portfolio::utility_types::PersistentData;
+use crate::messages::prelude::Message;
+use crate::node_graph_executor::NodeGraphExecutor;
+use glam::DVec2;
+use graph_craft::ProtoNodeIdentifier;
+use graph_craft::concrete;
+use graph_craft::document::value::*;
+use graph_craft::document::*;
+use graphene_std::brush::brush_cache::BrushCache;
+use graphene_std::extract_xy::XY;
+use graphene_std::raster::{CellularDistanceFunction, CellularReturnType, Color, DomainWarpType, FractalType, NoiseType, RedGreenBlueAlpha};
+use graphene_std::raster_types::{CPU, RasterDataTable};
+use graphene_std::text::{Font, TypesettingConfig};
+use graphene_std::transform::Footprint;
+use graphene_std::vector::VectorDataTable;
+use graphene_std::*;
+use std::collections::{HashMap, HashSet, VecDeque};
+
+pub struct NodePropertiesContext<'a> {
+	pub persistent_data: &'a PersistentData,
+	pub responses: &'a mut VecDeque<Message>,
+	pub executor: &'a mut NodeGraphExecutor,
+	pub network_interface: &'a mut NodeNetworkInterface,
+	pub selection_network_path: &'a [NodeId],
+	pub document_name: &'a str,
+}
+
+impl NodePropertiesContext<'_> {
+	pub fn call_widget_override(&mut self, node_id: &NodeId, index: usize) -> Option<Vec<LayoutGroup>> {
+		let input_properties_row = self.network_interface.persistent_input_metadata(node_id, index, self.selection_network_path)?;
+		if let Some(widget_override) = &input_properties_row.widget_override {
+			let Some(widget_override_lambda) = INPUT_OVERRIDES.get(widget_override) else {
+				log::error!("Could not get widget override '{widget_override}' lambda in call_widget_override");
+				return None;
+			};
+			widget_override_lambda(*node_id, index, self)
+				.map_err(|error| log::error!("Error in widget override lambda: {}", error))
+				.ok()
+		} else {
+			None
+		}
+	}
+}
+
+/// Acts as a description for a [DocumentNode] before it gets instantiated as one.
+#[derive(Clone)]
+pub struct DocumentNodeDefinition {
+	/// Used by the reference field in [`DocumentNodeMetadata`] to prevent storing a copy of the implementation, if it is unchanged from the definition.
+	pub identifier: &'static str,
+
+	/// All data required to construct a [`DocumentNode`] and [`DocumentNodeMetadata`]
+	pub node_template: NodeTemplate,
+
+	/// Definition specific data. In order for the editor to access this data, the reference will be used.
+	pub category: &'static str,
+
+	/// User-facing description of the node's functionality.
+	pub description: Cow<'static, str>,
+
+	/// Node level overrides are stored based on the reference, not the instance. If the node is modified such that it becomes a local version
+	/// (for example an input is added), the reference is no longer to the definition, and the overrides are lost.
+	/// Most nodes should not use node based properties, since they are less flexible than input level properties.
+	pub properties: Option<&'static str>,
+}
+
+// We use the once cell for lazy initialization to avoid the overhead of reconstructing the node list every time.
+// TODO: make document nodes not require a `'static` lifetime to avoid having to split the construction into const and non-const parts.
+static DOCUMENT_NODE_TYPES: once_cell::sync::Lazy<Vec<DocumentNodeDefinition>> = once_cell::sync::Lazy::new(static_nodes);
+
+// TODO: Dynamic node library
+/// Defines the "signature" or "header file"-like metadata for the document nodes, but not the implementation (which is defined in the node registry).
+/// The [`DocumentNode`] is the instance while these [`DocumentNodeDefinition`]s are the "classes" or "blueprints" from which the instances are built.
+fn static_nodes() -> Vec<DocumentNodeDefinition> {
+	let custom = vec![
+		// TODO: Auto-generate this from its proto node macro
+		DocumentNodeDefinition {
+			identifier: "Identity",
+			category: "General",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::proto("graphene_core::ops::IdentityNode"),
+					inputs: vec![NodeInput::value(TaggedValue::None, true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("In", "TODO").into()],
+					output_names: vec!["Out".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Passes-through the input value without changing it. This is useful for rerouting wires for organization purposes."),
+			properties: Some("identity_properties"),
+		},
+		// TODO: Auto-generate this from its proto node macro
+		DocumentNodeDefinition {
+			identifier: "Monitor",
+			category: "Debug",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::proto("graphene_core::memo::MonitorNode"),
+					inputs: vec![NodeInput::value(TaggedValue::None, true)],
+					manual_composition: Some(generic!(T)),
+					skip_deduplication: true,
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("In", "TODO").into()],
+					output_names: vec!["Out".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("The Monitor node is used by the editor to access the data flowing through it."),
+			properties: Some("monitor_properties"),
+		},
+		DocumentNodeDefinition {
+			identifier: "Default Network",
+			category: "General",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork::default()),
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					network_metadata: Some(NodeNetworkMetadata::default()),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("A default node network you can use to create your own custom nodes."),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Cache",
+			category: "General",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(2), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::network(generic!(T), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::FreezeRealTimeNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::BoundlessFootprintNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![NodeInput::value(TaggedValue::None, true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Memoize".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Freeze Real Time".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Boundless Footprint".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					input_metadata: vec![("Data", "TODO").into()],
+					output_names: vec!["Data".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Merge",
+			category: "General",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(3), 0)],
+						nodes: [
+							// Secondary (left) input type coercion
+							DocumentNode {
+								inputs: vec![NodeInput::network(generic!(T), 1)],
+								implementation: DocumentNodeImplementation::proto("graphene_core::graphic_element::ToElementNode"),
+								manual_composition: Some(concrete!(Context)),
+								..Default::default()
+							},
+							// Primary (bottom) input type coercion
+							DocumentNode {
+								inputs: vec![NodeInput::network(generic!(T), 0)],
+								implementation: DocumentNodeImplementation::proto("graphene_core::graphic_element::ToGroupNode"),
+								manual_composition: Some(concrete!(Context)),
+								..Default::default()
+							},
+							// The monitor node is used to display a thumbnail in the UI
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::proto("graphene_core::memo::MonitorNode"),
+								manual_composition: Some(concrete!(Context)),
+								skip_deduplication: true,
+								..Default::default()
+							},
+							DocumentNode {
+								manual_composition: Some(generic!(T)),
+								inputs: vec![
+									NodeInput::node(NodeId(1), 0),
+									NodeInput::node(NodeId(2), 0),
+									NodeInput::Reflection(graph_craft::document::DocumentNodeMetadata::DocumentNodePath),
+								],
+								implementation: DocumentNodeImplementation::proto("graphene_core::graphic_element::LayerNode"),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![
+						NodeInput::value(TaggedValue::GraphicGroup(GraphicGroupTable::default()), true),
+						NodeInput::value(TaggedValue::GraphicGroup(GraphicGroupTable::default()), true),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Graphical Data", "TODO").into(), ("Over", "TODO").into()],
+					output_names: vec!["Out".to_string()],
+					node_type_metadata: NodeTypePersistentMetadata::layer(IVec2::new(0, 0)),
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "To Element".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(-14, -1)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "To Group".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(-14, -3)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Monitor".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(-7, -1)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Layer".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, -3)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Merge attaches a layer to the stack's group."),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Artboard",
+			category: "General",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(2), 0)],
+						nodes: [
+							// Ensure this ID is kept in sync with the ID in set_alias so that the name input is kept in sync with the alias
+							DocumentNode {
+								manual_composition: Some(generic!(T)),
+								implementation: DocumentNodeImplementation::proto("graphene_core::graphic_element::ToArtboardNode"),
+								inputs: vec![
+									NodeInput::network(concrete!(TaggedValue), 1),
+									NodeInput::value(TaggedValue::String(String::from("Artboard")), false),
+									NodeInput::network(concrete!(TaggedValue), 2),
+									NodeInput::network(concrete!(TaggedValue), 3),
+									NodeInput::network(concrete!(TaggedValue), 4),
+									NodeInput::network(concrete!(TaggedValue), 5),
+								],
+								..Default::default()
+							},
+							// The monitor node is used to display a thumbnail in the UI.
+							// TODO: Check if thumbnail is reversed
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::proto("graphene_core::memo::MonitorNode"),
+								manual_composition: Some(generic!(T)),
+								skip_deduplication: true,
+								..Default::default()
+							},
+							DocumentNode {
+								manual_composition: Some(concrete!(Context)),
+								inputs: vec![
+									NodeInput::network(graphene_std::Type::Fn(Box::new(concrete!(Context)), Box::new(concrete!(ArtboardGroupTable))), 0),
+									NodeInput::node(NodeId(1), 0),
+									NodeInput::Reflection(graph_craft::document::DocumentNodeMetadata::DocumentNodePath),
+								],
+								implementation: DocumentNodeImplementation::proto("graphene_core::graphic_element::AppendArtboardNode"),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![
+						NodeInput::value(TaggedValue::ArtboardGroup(ArtboardGroupTable::default()), true),
+						NodeInput::value(TaggedValue::GraphicGroup(GraphicGroupTable::default()), true),
+						NodeInput::value(TaggedValue::IVec2(glam::IVec2::ZERO), false),
+						NodeInput::value(TaggedValue::IVec2(glam::IVec2::new(1920, 1080)), false),
+						NodeInput::value(TaggedValue::Color(Color::WHITE), false),
+						NodeInput::value(TaggedValue::Bool(false), false),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![
+						("Artboards", "TODO").into(),
+						InputMetadata::with_name_description_override("Contents", "TODO", WidgetOverride::Hidden),
+						InputMetadata::with_name_description_override(
+							"Location",
+							"TODO",
+							WidgetOverride::Vec2(Vec2InputSettings {
+								x: "X".to_string(),
+								y: "Y".to_string(),
+								unit: " px".to_string(),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Dimensions",
+							"TODO",
+							WidgetOverride::Vec2(Vec2InputSettings {
+								x: "W".to_string(),
+								y: "H".to_string(),
+								unit: " px".to_string(),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override("Background", "TODO", WidgetOverride::Custom("artboard_background".to_string())),
+						("Clip", "TODO").into(),
+					],
+					output_names: vec!["Out".to_string()],
+					node_type_metadata: NodeTypePersistentMetadata::layer(IVec2::new(0, 0)),
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "To Artboard".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(-14, -3)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Monitor".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(-7, -3)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Append Artboards".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, -4)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Creates a new Artboard which can be used as a working surface."),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Load Image",
+			category: "Web Request",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(1), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::value(TaggedValue::None, false), NodeInput::scope("editor-api"), NodeInput::network(concrete!(String), 1)],
+								manual_composition: Some(concrete!(Context)),
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::wasm_application_io::LoadResourceNode")),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								manual_composition: Some(concrete!(Context)),
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::wasm_application_io::DecodeImageNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![NodeInput::value(TaggedValue::None, false), NodeInput::value(TaggedValue::String("graphite:null".to_string()), false)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Empty", "TODO").into(), ("URL", "TODO").into()],
+					output_names: vec!["Image".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Load Resource".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Decode Image".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Loads an image from a given URL"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Create Canvas",
+			category: "Debug: GPU",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(1), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::scope("editor-api")],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::wasm_application_io::CreateSurfaceNode")),
+								skip_deduplication: true,
+								..Default::default()
+							},
+							DocumentNode {
+								manual_composition: Some(concrete!(Context)),
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					output_names: vec!["Image".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Create Canvas".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Cache".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Creates a new canvas object."),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Draw Canvas",
+			category: "Debug: GPU",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(3), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(RasterDataTable<CPU>), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IntoNode<_, RasterDataTable<SRGBA8>>")),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::scope("editor-api")],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::wasm_application_io::CreateSurfaceNode")),
+								skip_deduplication: true,
+								..Default::default()
+							},
+							DocumentNode {
+								manual_composition: Some(concrete!(Context)),
+								inputs: vec![NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0), NodeInput::node(NodeId(2), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::wasm_application_io::DrawImageFrameNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![NodeInput::value(TaggedValue::RasterData(RasterDataTable::default()), true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("In", "TODO").into()],
+					output_names: vec!["Canvas".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Into".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Create Canvas".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 2)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Cache".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 2)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Draw Canvas".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Draws raster data to a canvas element."),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Rasterize",
+			category: "Raster",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(2), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::scope("editor-api")],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::wasm_application_io::CreateSurfaceNode")),
+								manual_composition: Some(concrete!(Context)),
+								skip_deduplication: true,
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								manual_composition: Some(concrete!(Context)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::network(generic!(T), 0), NodeInput::network(concrete!(Footprint), 1), NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::wasm_application_io::RasterizeNode")),
+								manual_composition: Some(concrete!(Context)),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![
+						NodeInput::value(TaggedValue::VectorData(VectorDataTable::default()), true),
+						NodeInput::value(
+							TaggedValue::Footprint(Footprint {
+								transform: DAffine2::from_scale_angle_translation(DVec2::new(100., 100.), 0., DVec2::new(0., 0.)),
+								resolution: UVec2::new(100, 100),
+								..Default::default()
+							}),
+							false,
+						),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Artwork", "TODO").into(), ("Footprint", "TODO").into()],
+					output_names: vec!["Canvas".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Create Surface".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 2)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Cache".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 2)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Rasterize".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Rasterizes the given vector data"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Noise Pattern",
+			category: "Raster: Pattern",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					manual_composition: Some(concrete!(Context)),
+					implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::raster::NoisePatternNode")),
+					inputs: vec![
+						NodeInput::value(TaggedValue::None, false),
+						NodeInput::value(TaggedValue::Bool(true), false),
+						NodeInput::value(TaggedValue::U32(0), false),
+						NodeInput::value(TaggedValue::F64(10.), false),
+						NodeInput::value(TaggedValue::NoiseType(NoiseType::default()), false),
+						NodeInput::value(TaggedValue::DomainWarpType(DomainWarpType::default()), false),
+						NodeInput::value(TaggedValue::F64(100.), false),
+						NodeInput::value(TaggedValue::FractalType(FractalType::default()), false),
+						NodeInput::value(TaggedValue::U32(3), false),
+						NodeInput::value(TaggedValue::F64(2.), false),
+						NodeInput::value(TaggedValue::F64(0.5), false),
+						NodeInput::value(TaggedValue::F64(0.), false), // 0-1 range
+						NodeInput::value(TaggedValue::F64(2.), false),
+						NodeInput::value(TaggedValue::CellularDistanceFunction(CellularDistanceFunction::default()), false),
+						NodeInput::value(TaggedValue::CellularReturnType(CellularReturnType::default()), false),
+						NodeInput::value(TaggedValue::F64(1.), false),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![
+						("Spacer", "TODO").into(),
+						("Clip", "TODO").into(),
+						("Seed", "TODO").into(),
+						InputMetadata::with_name_description_override("Scale", "TODO", WidgetOverride::Custom("noise_properties_scale".to_string())),
+						InputMetadata::with_name_description_override("Noise Type", "TODO", WidgetOverride::Custom("noise_properties_noise_type".to_string())),
+						InputMetadata::with_name_description_override("Domain Warp Type", "TODO", WidgetOverride::Custom("noise_properties_domain_warp_type".to_string())),
+						InputMetadata::with_name_description_override("Domain Warp Amplitude", "TODO", WidgetOverride::Custom("noise_properties_domain_warp_amplitude".to_string())),
+						InputMetadata::with_name_description_override("Fractal Type", "TODO", WidgetOverride::Custom("noise_properties_fractal_type".to_string())),
+						InputMetadata::with_name_description_override("Fractal Octaves", "TODO", WidgetOverride::Custom("noise_properties_fractal_octaves".to_string())),
+						InputMetadata::with_name_description_override("Fractal Lacunarity", "TODO", WidgetOverride::Custom("noise_properties_fractal_lacunarity".to_string())),
+						InputMetadata::with_name_description_override("Fractal Gain", "TODO", WidgetOverride::Custom("noise_properties_fractal_gain".to_string())),
+						InputMetadata::with_name_description_override("Fractal Weighted Strength", "TODO", WidgetOverride::Custom("noise_properties_fractal_weighted_strength".to_string())),
+						InputMetadata::with_name_description_override("Fractal Ping Pong Strength", "TODO", WidgetOverride::Custom("noise_properties_ping_pong_strength".to_string())),
+						InputMetadata::with_name_description_override("Cellular Distance Function", "TODO", WidgetOverride::Custom("noise_properties_cellular_distance_function".to_string())),
+						InputMetadata::with_name_description_override("Cellular Return Type", "TODO", WidgetOverride::Custom("noise_properties_cellular_return_type".to_string())),
+						InputMetadata::with_name_description_override("Cellular Jitter", "TODO", WidgetOverride::Custom("noise_properties_cellular_jitter".to_string())),
+					],
+					output_names: vec!["Image".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Generates different noise patterns."),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Split Channels",
+			category: "Raster: Channels",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![
+							NodeInput::node(NodeId(0), 0),
+							NodeInput::node(NodeId(1), 0),
+							NodeInput::node(NodeId(2), 0),
+							NodeInput::node(NodeId(3), 0),
+						],
+						nodes: [
+							DocumentNode {
+								inputs: vec![
+									NodeInput::network(concrete!(RasterDataTable<CPU>), 0),
+									NodeInput::value(TaggedValue::RedGreenBlueAlpha(RedGreenBlueAlpha::Red), false),
+								],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::raster::adjustments::ExtractChannelNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![
+									NodeInput::network(concrete!(RasterDataTable<CPU>), 0),
+									NodeInput::value(TaggedValue::RedGreenBlueAlpha(RedGreenBlueAlpha::Green), false),
+								],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::raster::adjustments::ExtractChannelNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![
+									NodeInput::network(concrete!(RasterDataTable<CPU>), 0),
+									NodeInput::value(TaggedValue::RedGreenBlueAlpha(RedGreenBlueAlpha::Blue), false),
+								],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::raster::adjustments::ExtractChannelNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![
+									NodeInput::network(concrete!(RasterDataTable<CPU>), 0),
+									NodeInput::value(TaggedValue::RedGreenBlueAlpha(RedGreenBlueAlpha::Alpha), false),
+								],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::raster::adjustments::ExtractChannelNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![NodeInput::value(TaggedValue::RasterData(RasterDataTable::default()), true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Image", "TODO").into()],
+					output_names: vec!["Red".to_string(), "Green".to_string(), "Blue".to_string(), "Alpha".to_string()],
+					has_primary_output: false,
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract Channel".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract Channel".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 2)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract Channel".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 4)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract Channel".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 6)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Split Coordinate",
+			category: "Math: Vector",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(0), 0), NodeInput::node(NodeId(1), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(RasterDataTable<CPU>), 0), NodeInput::value(TaggedValue::XY(XY::X), false)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::extract_xy::ExtractXyNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(RasterDataTable<CPU>), 0), NodeInput::value(TaggedValue::XY(XY::Y), false)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::extract_xy::ExtractXyNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+
+						..Default::default()
+					}),
+					inputs: vec![NodeInput::value(TaggedValue::RasterData(RasterDataTable::default()), true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Coordinate", "TODO").into()],
+					output_names: vec!["X".to_string(), "Y".to_string()],
+					has_primary_output: false,
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract XY".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract XY".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 2)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed(
+				"Decomposes the X and Y components of a 2D coordinate.\n\nThe inverse of this node is \"Coordinate Value\", which can have either or both its X and Y exposed as graph inputs.",
+			),
+			properties: None,
+		},
+		// TODO: Remove this and just use the proto node definition directly
+		DocumentNodeDefinition {
+			identifier: "Brush",
+			category: "Raster",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(0), 0)],
+						nodes: vec![DocumentNode {
+							inputs: vec![
+								NodeInput::network(concrete!(RasterDataTable<CPU>), 0),
+								NodeInput::network(concrete!(Vec<brush::brush_stroke::BrushStroke>), 1),
+								NodeInput::network(concrete!(BrushCache), 2),
+							],
+							manual_composition: Some(concrete!(Context)),
+							implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::brush::BrushNode")),
+							..Default::default()
+						}]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![
+						NodeInput::value(TaggedValue::RasterData(RasterDataTable::default()), true),
+						NodeInput::value(TaggedValue::BrushStrokes(Vec::new()), false),
+						NodeInput::value(TaggedValue::BrushCache(BrushCache::new_proto()), false),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Background", "TODO").into(), ("Trace", "TODO").into(), ("Cache", "TODO").into()],
+					output_names: vec!["Image".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [DocumentNodeMetadata {
+								persistent_metadata: DocumentNodePersistentMetadata {
+									display_name: "Brush".to_string(),
+									node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+									..Default::default()
+								},
+								..Default::default()
+							}]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Memoize",
+			category: "Debug",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::proto("graphene_core::memo::MemoNode"),
+					inputs: vec![NodeInput::value(TaggedValue::RasterData(RasterDataTable::default()), true)],
+					manual_composition: Some(concrete!(Context)),
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Image", "TODO").into()],
+					output_names: vec!["Image".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Memoize Impure",
+			category: "Debug",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::proto("graphene_core::memo::ImpureMemoNode"),
+					inputs: vec![NodeInput::value(TaggedValue::RasterData(RasterDataTable::default()), true)],
+					manual_composition: Some(concrete!(Context)),
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Image", "TODO").into()],
+					output_names: vec!["Image".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Storage",
+			category: "Debug: GPU",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(2), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::scope("editor-api")],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IntoNode")),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(Vec<u8>), 0), NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("wgpu_executor::StorageNode")),
+								..Default::default()
+							},
+							DocumentNode {
+								manual_composition: Some(concrete!(Context)),
+								inputs: vec![NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![NodeInput::value(TaggedValue::None, true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("In", "TODO").into()],
+					output_names: vec!["Storage".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract Executor".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Create Storage".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Cache".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Create Output Buffer",
+			category: "Debug: GPU",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(2), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::scope("editor-api")],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IntoNode")),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(usize), 0), NodeInput::node(NodeId(0), 0), NodeInput::network(concrete!(Type), 1)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("wgpu_executor::CreateOutputBufferNode")),
+								..Default::default()
+							},
+							DocumentNode {
+								manual_composition: Some(concrete!(Context)),
+								inputs: vec![NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![NodeInput::value(TaggedValue::None, true), NodeInput::value(TaggedValue::None, true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("In", "TODO").into(), ("In", "TODO").into()],
+					output_names: vec!["Output Buffer".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract Executor".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Create Output Buffer".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Cache".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		#[cfg(feature = "gpu")]
+		DocumentNodeDefinition {
+			identifier: "Create GPU Surface",
+			category: "Debug: GPU",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(1), 0)],
+						nodes: [
+							DocumentNode {
+								manual_composition: Some(concrete!(Context)),
+								inputs: vec![NodeInput::scope("editor-api")],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("wgpu_executor::CreateGpuSurfaceNode")),
+								..Default::default()
+							},
+							DocumentNode {
+								manual_composition: Some(concrete!(Context)),
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::ImpureMemoNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					output_names: vec!["GPU Surface".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Create GPU Surface".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Cache".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		#[cfg(feature = "gpu")]
+		DocumentNodeDefinition {
+			identifier: "Upload Texture",
+			category: "Debug: GPU",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(2), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::scope("editor-api")],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IntoNode<&WgpuExecutor>")),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(RasterDataTable<CPU>), 0), NodeInput::node(NodeId(0), 0)],
+								manual_composition: Some(generic!(T)),
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("wgpu_executor::UploadTextureNode")),
+								..Default::default()
+							},
+							DocumentNode {
+								manual_composition: Some(generic!(T)),
+								inputs: vec![NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::ImpureMemoNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![NodeInput::value(TaggedValue::RasterData(RasterDataTable::default()), true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("In", "TODO").into()],
+					output_names: vec!["Texture".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Extract Executor".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Upload Texture".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Cache".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Extract",
+			category: "Debug",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Extract,
+					inputs: vec![NodeInput::value(TaggedValue::DocumentNode(DocumentNode::default()), true)],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Node", "TODO").into()],
+					output_names: vec!["Document Node".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		// Aims for interoperable compatibility with:
+		// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=levl%27%20%3D%20Levels-,%27curv%27%20%3D%20Curves,-%27expA%27%20%3D%20Exposure
+		// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Max%20input%20range-,Curves,-Curves%20settings%20files
+		//
+		// Some further analysis available at:
+		// https://geraldbakker.nl/psnumbers/curves.html
+		// TODO: Fix this, it's currently broken
+		// DocumentNodeDefinition {
+		// 	identifier: "Curves",
+		// 	category: "Raster: Adjustment",
+		// 	node_template: NodeTemplate {
+		// 		document_node: DocumentNode {
+		// 			implementation: DocumentNodeImplementation::proto("graphene_core::raster::CurvesNode"),
+		// 			inputs: vec![
+		// 				NodeInput::value(TaggedValue::RasterData(RasterDataTable::default()), true),
+		// 				NodeInput::value(TaggedValue::Curve(Default::default()), false),
+		// 			],
+		// 			..Default::default()
+		// 		},
+		// 		persistent_node_metadata: DocumentNodePersistentMetadata {
+		// 			input_properties: vec![("Image", "TODO").into(), ("Curve", "TODO").into()],
+		// 			output_names: vec!["Image".to_string()],
+		// 			..Default::default()
+		// 		},
+		// 	},
+		// 	description: Cow::Borrowed("TODO"),
+		// 	properties: None,
+		// },
+		DocumentNodeDefinition {
+			identifier: "Path",
+			category: "Vector",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(1), 0)],
+						nodes: vec![
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(VectorDataTable), 0)],
+								implementation: DocumentNodeImplementation::proto("graphene_core::memo::MonitorNode"),
+								manual_composition: Some(generic!(T)),
+								skip_deduplication: true,
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0), NodeInput::network(concrete!(graphene_std::vector::VectorModification), 1)],
+								manual_composition: Some(generic!(T)),
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::vector::vector_data::modification::PathModifyNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![
+						NodeInput::value(TaggedValue::VectorData(VectorDataTable::default()), true),
+						NodeInput::value(TaggedValue::VectorModification(Default::default()), false),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![("Vector Data", "TODO").into(), ("Modification", "TODO").into()],
+					output_names: vec!["Vector Data".to_string()],
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Monitor".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Path Modify".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Text",
+			category: "Text",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::proto("graphene_std::text::TextNode"),
+					manual_composition: Some(concrete!(Context)),
+					inputs: vec![
+						NodeInput::scope("editor-api"),
+						NodeInput::value(TaggedValue::String("Lorem ipsum".to_string()), false),
+						NodeInput::value(
+							TaggedValue::Font(Font::new(graphene_std::consts::DEFAULT_FONT_FAMILY.into(), graphene_std::consts::DEFAULT_FONT_STYLE.into())),
+							false,
+						),
+						NodeInput::value(TaggedValue::F64(TypesettingConfig::default().font_size), false),
+						NodeInput::value(TaggedValue::F64(TypesettingConfig::default().line_height_ratio), false),
+						NodeInput::value(TaggedValue::F64(TypesettingConfig::default().character_spacing), false),
+						NodeInput::value(TaggedValue::OptionalF64(TypesettingConfig::default().max_width), false),
+						NodeInput::value(TaggedValue::OptionalF64(TypesettingConfig::default().max_height), false),
+						NodeInput::value(TaggedValue::F64(TypesettingConfig::default().tilt), false),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					input_metadata: vec![
+						("Editor API", "TODO").into(),
+						InputMetadata::with_name_description_override("Text", "TODO", WidgetOverride::Custom("text_area".to_string())),
+						InputMetadata::with_name_description_override("Font", "TODO", WidgetOverride::Custom("text_font".to_string())),
+						InputMetadata::with_name_description_override(
+							"Size",
+							"TODO",
+							WidgetOverride::Number(NumberInputSettings {
+								unit: Some(" px".to_string()),
+								min: Some(1.),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Line Height",
+							"TODO",
+							WidgetOverride::Number(NumberInputSettings {
+								unit: Some("x".to_string()),
+								min: Some(0.),
+								step: Some(0.1),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Character Spacing",
+							"TODO",
+							WidgetOverride::Number(NumberInputSettings {
+								unit: Some(" px".to_string()),
+								min: Some(0.),
+								step: Some(0.1),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Max Width",
+							"TODO",
+							WidgetOverride::Number(NumberInputSettings {
+								unit: Some(" px".to_string()),
+								min: Some(1.),
+								blank_assist: false,
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Max Height",
+							"TODO",
+							WidgetOverride::Number(NumberInputSettings {
+								unit: Some(" px".to_string()),
+								min: Some(1.),
+								blank_assist: false,
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Tilt",
+							"Faux italic",
+							WidgetOverride::Number(NumberInputSettings {
+								min: Some(-85.),
+								max: Some(85.),
+								unit: Some("°".to_string()),
+								..Default::default()
+							}),
+						),
+					],
+					output_names: vec!["Vector".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Transform",
+			category: "General",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					inputs: vec![
+						NodeInput::value(TaggedValue::VectorData(VectorDataTable::default()), true),
+						NodeInput::value(TaggedValue::DVec2(DVec2::ZERO), false),
+						NodeInput::value(TaggedValue::F64(0.), false),
+						NodeInput::value(TaggedValue::DVec2(DVec2::ONE), false),
+						NodeInput::value(TaggedValue::DVec2(DVec2::ZERO), false),
+						NodeInput::value(TaggedValue::DVec2(DVec2::splat(0.5)), false),
+					],
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(1), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(VectorDataTable), 0)],
+								implementation: DocumentNodeImplementation::proto("graphene_core::memo::MonitorNode"),
+								manual_composition: Some(generic!(T)),
+								skip_deduplication: true,
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![
+									NodeInput::node(NodeId(0), 0),
+									NodeInput::network(concrete!(DVec2), 1),
+									NodeInput::network(concrete!(f64), 2),
+									NodeInput::network(concrete!(DVec2), 3),
+									NodeInput::network(concrete!(DVec2), 4),
+									NodeInput::network(concrete!(DVec2), 5),
+								],
+								manual_composition: Some(concrete!(Context)),
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::TransformNode")),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Monitor".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Transform".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					input_metadata: vec![
+						("Vector Data", "TODO").into(),
+						InputMetadata::with_name_description_override(
+							"Translation",
+							"TODO",
+							WidgetOverride::Vec2(Vec2InputSettings {
+								x: "X".to_string(),
+								y: "Y".to_string(),
+								unit: " px".to_string(),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override("Rotation", "TODO", WidgetOverride::Custom("transform_rotation".to_string())),
+						InputMetadata::with_name_description_override(
+							"Scale",
+							"TODO",
+							WidgetOverride::Vec2(Vec2InputSettings {
+								x: "W".to_string(),
+								y: "H".to_string(),
+								unit: "x".to_string(),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override("Skew", "TODO", WidgetOverride::Custom("transform_skew".to_string())),
+						InputMetadata::with_name_description_override("Pivot", "TODO", WidgetOverride::Hidden),
+					],
+					output_names: vec!["Data".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Boolean Operation",
+			category: "Vector",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(3), 0)],
+						nodes: vec![
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(VectorDataTable), 0), NodeInput::network(concrete!(vector::style::Fill), 1)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_path_bool::BooleanOperationNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::FreezeRealTimeNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(2), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::BoundlessFootprintNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![
+						NodeInput::value(TaggedValue::GraphicGroup(GraphicGroupTable::default()), true),
+						NodeInput::value(TaggedValue::BooleanOperation(path_bool::BooleanOperation::Union), false),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Boolean Operation".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Memoize".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Freeze Real Time".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Boundless Footprint".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(21, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					input_metadata: vec![("Group of Paths", "TODO").into(), ("Operation", "TODO").into()],
+					output_names: vec!["Vector".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+		DocumentNodeDefinition {
+			identifier: "Sample Polyline",
+			category: "Vector: Modifier",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(4), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![NodeInput::network(concrete!(graphene_std::vector::VectorDataTable), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::vector::SubpathSegmentLengthsNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![
+									NodeInput::network(concrete!(graphene_std::vector::VectorDataTable), 0),
+									NodeInput::network(concrete!(vector::misc::PointSpacingType), 1),
+									NodeInput::network(concrete!(f64), 2),
+									NodeInput::network(concrete!(u32), 3),
+									NodeInput::network(concrete!(f64), 4),
+									NodeInput::network(concrete!(f64), 5),
+									NodeInput::network(concrete!(bool), 6),
+									NodeInput::node(NodeId(0), 0),
+								],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::vector::SamplePolylineNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(2), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::FreezeRealTimeNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(3), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::BoundlessFootprintNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![
+						NodeInput::value(TaggedValue::VectorData(graphene_std::vector::VectorDataTable::default()), true),
+						NodeInput::value(TaggedValue::PointSpacingType(Default::default()), false),
+						NodeInput::value(TaggedValue::F64(100.), false),
+						NodeInput::value(TaggedValue::U32(100), false),
+						NodeInput::value(TaggedValue::F64(0.), false),
+						NodeInput::value(TaggedValue::F64(0.), false),
+						NodeInput::value(TaggedValue::Bool(false), false),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Subpath Segment Lengths".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 7)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Sample Polyline".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Memoize".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Freeze Real Time".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(21, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Boundless Footprint".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(28, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					input_metadata: vec![
+						("Vector Data", "The shape to be resampled and converted into a polyline.").into(),
+						("Spacing", node_properties::SAMPLE_POLYLINE_TOOLTIP_SPACING).into(),
+						InputMetadata::with_name_description_override(
+							"Separation",
+							node_properties::SAMPLE_POLYLINE_TOOLTIP_SEPARATION,
+							WidgetOverride::Number(NumberInputSettings {
+								min: Some(0.),
+								unit: Some(" px".to_string()),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Quantity",
+							node_properties::SAMPLE_POLYLINE_TOOLTIP_QUANTITY,
+							WidgetOverride::Number(NumberInputSettings {
+								min: Some(2.),
+								is_integer: true,
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Start Offset",
+							node_properties::SAMPLE_POLYLINE_TOOLTIP_START_OFFSET,
+							WidgetOverride::Number(NumberInputSettings {
+								min: Some(0.),
+								unit: Some(" px".to_string()),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Stop Offset",
+							node_properties::SAMPLE_POLYLINE_TOOLTIP_STOP_OFFSET,
+							WidgetOverride::Number(NumberInputSettings {
+								min: Some(0.),
+								unit: Some(" px".to_string()),
+								..Default::default()
+							}),
+						),
+						("Adaptive Spacing", node_properties::SAMPLE_POLYLINE_TOOLTIP_ADAPTIVE_SPACING).into(),
+					],
+					output_names: vec!["Vector".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("Convert vector geometry into a polyline composed of evenly spaced points."),
+			properties: Some("sample_polyline_properties"),
+		},
+		DocumentNodeDefinition {
+			identifier: "Scatter Points",
+			category: "Vector: Modifier",
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					implementation: DocumentNodeImplementation::Network(NodeNetwork {
+						exports: vec![NodeInput::node(NodeId(3), 0)],
+						nodes: [
+							DocumentNode {
+								inputs: vec![
+									NodeInput::network(concrete!(graphene_std::vector::VectorDataTable), 0),
+									NodeInput::network(concrete!(f64), 1),
+									NodeInput::network(concrete!(u32), 2),
+								],
+								manual_composition: Some(generic!(T)),
+								implementation: DocumentNodeImplementation::proto("graphene_core::vector::PoissonDiskPointsNode"),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(0), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(1), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::FreezeRealTimeNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+							DocumentNode {
+								inputs: vec![NodeInput::node(NodeId(2), 0)],
+								implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::transform_nodes::BoundlessFootprintNode")),
+								manual_composition: Some(generic!(T)),
+								..Default::default()
+							},
+						]
+						.into_iter()
+						.enumerate()
+						.map(|(id, node)| (NodeId(id as u64), node))
+						.collect(),
+						..Default::default()
+					}),
+					inputs: vec![
+						NodeInput::value(TaggedValue::VectorData(graphene_std::vector::VectorDataTable::default()), true),
+						NodeInput::value(TaggedValue::F64(10.), false),
+						NodeInput::value(TaggedValue::U32(0), false),
+					],
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					network_metadata: Some(NodeNetworkMetadata {
+						persistent_metadata: NodeNetworkPersistentMetadata {
+							node_metadata: [
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Poisson-Disk Points".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(0, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Memoize".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(7, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Freeze Real Time".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(14, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+								DocumentNodeMetadata {
+									persistent_metadata: DocumentNodePersistentMetadata {
+										display_name: "Boundless Footprint".to_string(),
+										node_type_metadata: NodeTypePersistentMetadata::node(IVec2::new(21, 0)),
+										..Default::default()
+									},
+									..Default::default()
+								},
+							]
+							.into_iter()
+							.enumerate()
+							.map(|(id, node)| (NodeId(id as u64), node))
+							.collect(),
+							..Default::default()
+						},
+						..Default::default()
+					}),
+					input_metadata: vec![
+						("Vector Data", "TODO").into(),
+						InputMetadata::with_name_description_override(
+							"Separation Disk Diameter",
+							"TODO",
+							WidgetOverride::Number(NumberInputSettings {
+								min: Some(0.01),
+								mode: NumberInputMode::Range,
+								range_min: Some(1.),
+								range_max: Some(100.),
+								..Default::default()
+							}),
+						),
+						InputMetadata::with_name_description_override(
+							"Seed",
+							"TODO",
+							WidgetOverride::Number(NumberInputSettings {
+								min: Some(0.),
+								is_integer: true,
+								..Default::default()
+							}),
+						),
+					],
+					output_names: vec!["Vector".to_string()],
+					..Default::default()
+				},
+			},
+			description: Cow::Borrowed("TODO"),
+			properties: None,
+		},
+	];
+
+	document_node_derive::post_process_nodes(custom)
+}
+
+type NodeProperties = HashMap<String, Box<dyn Fn(NodeId, &mut NodePropertiesContext) -> Vec<LayoutGroup> + Send + Sync>>;
+
+pub static NODE_OVERRIDES: once_cell::sync::Lazy<NodeProperties> = once_cell::sync::Lazy::new(static_node_properties);
+
+/// Defines the logic for inputs to display a custom properties panel widget.
+fn static_node_properties() -> NodeProperties {
+	let mut map: NodeProperties = HashMap::new();
+	map.insert("brightness_contrast_properties".to_string(), Box::new(node_properties::brightness_contrast_properties));
+	map.insert("channel_mixer_properties".to_string(), Box::new(node_properties::channel_mixer_properties));
+	map.insert("fill_properties".to_string(), Box::new(node_properties::fill_properties));
+	map.insert("stroke_properties".to_string(), Box::new(node_properties::stroke_properties));
+	map.insert("offset_path_properties".to_string(), Box::new(node_properties::offset_path_properties));
+	map.insert("selective_color_properties".to_string(), Box::new(node_properties::selective_color_properties));
+	map.insert("exposure_properties".to_string(), Box::new(node_properties::exposure_properties));
+	map.insert("math_properties".to_string(), Box::new(node_properties::math_properties));
+	map.insert("rectangle_properties".to_string(), Box::new(node_properties::rectangle_properties));
+	map.insert("grid_properties".to_string(), Box::new(node_properties::grid_properties));
+	map.insert("sample_polyline_properties".to_string(), Box::new(node_properties::sample_polyline_properties));
+	map.insert(
+		"identity_properties".to_string(),
+		Box::new(|_node_id, _context| node_properties::string_properties("The identity node passes its data through.")),
+	);
+	map.insert(
+		"monitor_properties".to_string(),
+		Box::new(|_node_id, _context| node_properties::string_properties("The Monitor node is used by the editor to access the data flowing through it.")),
+	);
+	map
+}
+
+type InputProperties = HashMap<String, Box<dyn Fn(NodeId, usize, &mut NodePropertiesContext) -> Result<Vec<LayoutGroup>, String> + Send + Sync>>;
+
+static INPUT_OVERRIDES: once_cell::sync::Lazy<InputProperties> = once_cell::sync::Lazy::new(static_input_properties);
+
+/// Defines the logic for inputs to display a custom properties panel widget.
+fn static_input_properties() -> InputProperties {
+	let mut map: InputProperties = HashMap::new();
+	map.insert("hidden".to_string(), Box::new(|_node_id, _index, _context| Ok(Vec::new())));
+	map.insert(
+		"string".to_string(),
+		Box::new(|node_id, index, context| {
+			let Some(value) = context.network_interface.input_data(&node_id, index, "string_properties", context.selection_network_path) else {
+				return Err(format!("Could not get string properties for node {}", node_id));
+			};
+			let Some(string) = value.as_str() else {
+				return Err(format!("Could not downcast string properties for node {}", node_id));
+			};
+			Ok(node_properties::string_properties(string))
+		}),
+	);
+	map.insert(
+		"number".to_string(),
+		Box::new(|node_id, index, context| {
+			let mut number_input = NumberInput::default();
+			if let Some(unit) = context
+				.network_interface
+				.input_data(&node_id, index, "unit", context.selection_network_path)
+				.and_then(|value| value.as_str())
+			{
+				number_input = number_input.unit(unit);
+			}
+			if let Some(min) = context
+				.network_interface
+				.input_data(&node_id, index, "min", context.selection_network_path)
+				.and_then(|value| value.as_f64())
+			{
+				number_input = number_input.min(min);
+			}
+			if let Some(max) = context
+				.network_interface
+				.input_data(&node_id, index, "max", context.selection_network_path)
+				.and_then(|value| value.as_f64())
+			{
+				number_input = number_input.max(max);
+			}
+			if let Some(step) = context
+				.network_interface
+				.input_data(&node_id, index, "step", context.selection_network_path)
+				.and_then(|value| value.as_f64())
+			{
+				number_input = number_input.step(step);
+			}
+			if let Some(mode) = context.network_interface.input_data(&node_id, index, "mode", context.selection_network_path).map(|value| {
+				let mode: NumberInputMode = serde_json::from_value(value.clone()).unwrap();
+				mode
+			}) {
+				number_input = number_input.mode(mode);
+			}
+			if let Some(range_min) = context
+				.network_interface
+				.input_data(&node_id, index, "range_min", context.selection_network_path)
+				.and_then(|value| value.as_f64())
+			{
+				number_input = number_input.range_min(Some(range_min));
+			}
+			if let Some(range_max) = context
+				.network_interface
+				.input_data(&node_id, index, "range_max", context.selection_network_path)
+				.and_then(|value| value.as_f64())
+			{
+				number_input = number_input.range_max(Some(range_max));
+			}
+			if let Some(is_integer) = context
+				.network_interface
+				.input_data(&node_id, index, "is_integer", context.selection_network_path)
+				.and_then(|value| value.as_bool())
+			{
+				number_input = number_input.is_integer(is_integer);
+			}
+			let blank_assist = context
+				.network_interface
+				.input_data(&node_id, index, "blank_assist", context.selection_network_path)
+				.and_then(|value| value.as_bool())
+				.unwrap_or_else(|| {
+					log::error!("Could not get blank assist when displaying number input for node {node_id}, index {index}");
+					true
+				});
+
+			Ok(vec![LayoutGroup::Row {
+				widgets: node_properties::number_widget(ParameterWidgetsInfo::new(node_id, index, blank_assist, context), number_input),
+			}])
+		}),
+	);
+	map.insert(
+		"vec2".to_string(),
+		Box::new(|node_id, index, context| {
+			let x = context
+				.network_interface
+				.input_data(&node_id, index, "x", context.selection_network_path)
+				.and_then(|value| value.as_str())
+				.unwrap_or_else(|| {
+					log::error!("Could not get x for vec2 input");
+					""
+				})
+				.to_string();
+			let y = context
+				.network_interface
+				.input_data(&node_id, index, "y", context.selection_network_path)
+				.and_then(|value| value.as_str())
+				.unwrap_or_else(|| {
+					log::error!("Could not get y for vec2 input");
+					""
+				})
+				.to_string();
+			let unit = context
+				.network_interface
+				.input_data(&node_id, index, "unit", context.selection_network_path)
+				.and_then(|value| value.as_str())
+				.unwrap_or_else(|| {
+					log::error!("Could not get unit for vec2 input");
+					""
+				})
+				.to_string();
+			let min = context
+				.network_interface
+				.input_data(&node_id, index, "min", context.selection_network_path)
+				.and_then(|value| value.as_f64());
+
+			Ok(vec![node_properties::coordinate_widget(ParameterWidgetsInfo::new(node_id, index, true, context), &x, &y, &unit, min)])
+		}),
+	);
+	map.insert(
+		"noise_properties_scale".to_string(),
+		Box::new(|node_id, index, context| {
+			let (_, coherent_noise_active, _, _, _, _) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let scale = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default().min(0.).disabled(!coherent_noise_active),
+			);
+			Ok(vec![scale.into()])
+		}),
+	);
+	map.insert(
+		"noise_properties_noise_type".to_string(),
+		Box::new(|node_id, index, context| {
+			let noise_type_row = enum_choice::<NoiseType>().for_socket(ParameterWidgetsInfo::new(node_id, index, true, context)).property_row();
+			Ok(vec![noise_type_row, LayoutGroup::Row { widgets: Vec::new() }])
+		}),
+	);
+	map.insert(
+		"noise_properties_domain_warp_type".to_string(),
+		Box::new(|node_id, index, context| {
+			let (_, coherent_noise_active, _, _, _, _) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let domain_warp_type = enum_choice::<DomainWarpType>()
+				.for_socket(ParameterWidgetsInfo::new(node_id, index, true, context))
+				.disabled(!coherent_noise_active)
+				.property_row();
+			Ok(vec![domain_warp_type])
+		}),
+	);
+	map.insert(
+		"noise_properties_domain_warp_amplitude".to_string(),
+		Box::new(|node_id, index, context| {
+			let (_, coherent_noise_active, _, _, domain_warp_active, _) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let domain_warp_amplitude = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default().min(0.).disabled(!coherent_noise_active || !domain_warp_active),
+			);
+			Ok(vec![domain_warp_amplitude.into(), LayoutGroup::Row { widgets: Vec::new() }])
+		}),
+	);
+	map.insert(
+		"noise_properties_fractal_type".to_string(),
+		Box::new(|node_id, index, context| {
+			let (_, coherent_noise_active, _, _, _, _) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let fractal_type_row = enum_choice::<FractalType>()
+				.for_socket(ParameterWidgetsInfo::new(node_id, index, true, context))
+				.disabled(!coherent_noise_active)
+				.property_row();
+			Ok(vec![fractal_type_row])
+		}),
+	);
+	map.insert(
+		"noise_properties_fractal_octaves".to_string(),
+		Box::new(|node_id, index, context| {
+			let (fractal_active, coherent_noise_active, _, _, _, domain_warp_only_fractal_type_wrongly_active) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let fractal_octaves = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default()
+					.mode_range()
+					.min(1.)
+					.max(10.)
+					.range_max(Some(4.))
+					.is_integer(true)
+					.disabled(!coherent_noise_active || !fractal_active || domain_warp_only_fractal_type_wrongly_active),
+			);
+			Ok(vec![fractal_octaves.into()])
+		}),
+	);
+	map.insert(
+		"noise_properties_fractal_lacunarity".to_string(),
+		Box::new(|node_id, index, context| {
+			let (fractal_active, coherent_noise_active, _, _, _, domain_warp_only_fractal_type_wrongly_active) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let fractal_lacunarity = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default()
+					.mode_range()
+					.min(0.)
+					.range_max(Some(10.))
+					.disabled(!coherent_noise_active || !fractal_active || domain_warp_only_fractal_type_wrongly_active),
+			);
+			Ok(vec![fractal_lacunarity.into()])
+		}),
+	);
+	map.insert(
+		"noise_properties_fractal_gain".to_string(),
+		Box::new(|node_id, index, context| {
+			let (fractal_active, coherent_noise_active, _, _, _, domain_warp_only_fractal_type_wrongly_active) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let fractal_gain = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default()
+					.mode_range()
+					.min(0.)
+					.range_max(Some(10.))
+					.disabled(!coherent_noise_active || !fractal_active || domain_warp_only_fractal_type_wrongly_active),
+			);
+			Ok(vec![fractal_gain.into()])
+		}),
+	);
+	map.insert(
+		"noise_properties_fractal_weighted_strength".to_string(),
+		Box::new(|node_id, index, context| {
+			let (fractal_active, coherent_noise_active, _, _, _, domain_warp_only_fractal_type_wrongly_active) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let fractal_weighted_strength = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default()
+					.mode_range()
+					.min(0.)
+					.max(1.) // Defined for the 0-1 range
+					.disabled(!coherent_noise_active || !fractal_active || domain_warp_only_fractal_type_wrongly_active),
+			);
+			Ok(vec![fractal_weighted_strength.into()])
+		}),
+	);
+	map.insert(
+		"noise_properties_ping_pong_strength".to_string(),
+		Box::new(|node_id, index, context| {
+			let (fractal_active, coherent_noise_active, _, ping_pong_active, _, domain_warp_only_fractal_type_wrongly_active) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let fractal_ping_pong_strength = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default()
+					.mode_range()
+					.min(0.)
+					.range_max(Some(10.))
+					.disabled(!ping_pong_active || !coherent_noise_active || !fractal_active || domain_warp_only_fractal_type_wrongly_active),
+			);
+			Ok(vec![fractal_ping_pong_strength.into(), LayoutGroup::Row { widgets: Vec::new() }])
+		}),
+	);
+	map.insert(
+		"noise_properties_cellular_distance_function".to_string(),
+		Box::new(|node_id, index, context| {
+			let (_, coherent_noise_active, cellular_noise_active, _, _, _) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let cellular_distance_function_row = enum_choice::<CellularDistanceFunction>()
+				.for_socket(ParameterWidgetsInfo::new(node_id, index, true, context))
+				.disabled(!coherent_noise_active || !cellular_noise_active)
+				.property_row();
+			Ok(vec![cellular_distance_function_row])
+		}),
+	);
+	map.insert(
+		"noise_properties_cellular_return_type".to_string(),
+		Box::new(|node_id, index, context| {
+			let (_, coherent_noise_active, cellular_noise_active, _, _, _) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let cellular_return_type = enum_choice::<CellularReturnType>()
+				.for_socket(ParameterWidgetsInfo::new(node_id, index, true, context))
+				.disabled(!coherent_noise_active || !cellular_noise_active)
+				.property_row();
+			Ok(vec![cellular_return_type])
+		}),
+	);
+	map.insert(
+		"noise_properties_cellular_jitter".to_string(),
+		Box::new(|node_id, index, context| {
+			let (_, coherent_noise_active, cellular_noise_active, _, _, _) = node_properties::query_noise_pattern_state(node_id, context)?;
+			let cellular_jitter = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default()
+					.mode_range()
+					.range_min(Some(0.))
+					.range_max(Some(1.))
+					.disabled(!coherent_noise_active || !cellular_noise_active),
+			);
+			Ok(vec![cellular_jitter.into()])
+		}),
+	);
+	map.insert(
+		"brightness".to_string(),
+		Box::new(|node_id, index, context| {
+			let document_node = node_properties::get_document_node(node_id, context)?;
+			let is_use_classic = document_node
+				.inputs
+				.iter()
+				.find_map(|input| match input.as_value() {
+					Some(&TaggedValue::Bool(use_classic)) => Some(use_classic),
+					_ => None,
+				})
+				.unwrap_or(false);
+			let (b_min, b_max) = if is_use_classic { (-100., 100.) } else { (-100., 150.) };
+			let brightness = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default().mode_range().range_min(Some(b_min)).range_max(Some(b_max)).unit("%").display_decimal_places(2),
+			);
+			Ok(vec![brightness.into()])
+		}),
+	);
+	map.insert(
+		"contrast".to_string(),
+		Box::new(|node_id, index, context| {
+			let document_node = node_properties::get_document_node(node_id, context)?;
+
+			let is_use_classic = document_node
+				.inputs
+				.iter()
+				.find_map(|input| match input.as_value() {
+					Some(&TaggedValue::Bool(use_classic)) => Some(use_classic),
+					_ => None,
+				})
+				.unwrap_or(false);
+			let (c_min, c_max) = if is_use_classic { (-100., 100.) } else { (-50., 100.) };
+			let contrast = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default().mode_range().range_min(Some(c_min)).range_max(Some(c_max)).unit("%").display_decimal_places(2),
+			);
+			Ok(vec![contrast.into()])
+		}),
+	);
+	map.insert(
+		"assign_colors_gradient".to_string(),
+		Box::new(|node_id, index, context| {
+			let gradient_row = node_properties::color_widget(ParameterWidgetsInfo::new(node_id, index, true, context), ColorInput::default().allow_none(false));
+			Ok(vec![gradient_row])
+		}),
+	);
+	map.insert(
+		"assign_colors_seed".to_string(),
+		Box::new(|node_id, index, context| {
+			let randomize_enabled = node_properties::query_assign_colors_randomize(node_id, context)?;
+			let seed_row = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default().min(0.).int().disabled(!randomize_enabled),
+			);
+			Ok(vec![seed_row.into()])
+		}),
+	);
+	map.insert(
+		"assign_colors_repeat_every".to_string(),
+		Box::new(|node_id, index, context| {
+			let randomize_enabled = node_properties::query_assign_colors_randomize(node_id, context)?;
+			let repeat_every_row = node_properties::number_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				NumberInput::default().min(0.).int().disabled(randomize_enabled),
+			);
+			Ok(vec![repeat_every_row.into()])
+		}),
+	);
+	map.insert(
+		"mask_stencil".to_string(),
+		Box::new(|node_id, index, context| {
+			let mask = node_properties::color_widget(ParameterWidgetsInfo::new(node_id, index, true, context), ColorInput::default());
+			Ok(vec![mask])
+		}),
+	);
+	map.insert(
+		"spline_input".to_string(),
+		Box::new(|node_id, index, context| {
+			Ok(vec![LayoutGroup::Row {
+				widgets: node_properties::array_of_coordinates_widget(ParameterWidgetsInfo::new(node_id, index, true, context), TextInput::default().centered(true)),
+			}])
+		}),
+	);
+	map.insert(
+		"transform_rotation".to_string(),
+		Box::new(|node_id, index, context| {
+			let mut widgets = node_properties::start_widgets(ParameterWidgetsInfo::new(node_id, index, true, context));
+
+			let document_node = node_properties::get_document_node(node_id, context)?;
+			let Some(input) = document_node.inputs.get(index) else {
+				return Err("Input not found in transform rotation input override".to_string());
+			};
+			if let Some(&TaggedValue::F64(val)) = input.as_non_exposed_value() {
+				widgets.extend_from_slice(&[
+					Separator::new(SeparatorType::Unrelated).widget_holder(),
+					NumberInput::new(Some(val.to_degrees()))
+						.unit("°")
+						.mode(NumberInputMode::Range)
+						.range_min(Some(-180.))
+						.range_max(Some(180.))
+						.on_update(node_properties::update_value(
+							|number_input: &NumberInput| TaggedValue::F64(number_input.value.unwrap().to_radians()),
+							node_id,
+							index,
+						))
+						.on_commit(node_properties::commit_value)
+						.widget_holder(),
+				]);
+			}
+
+			Ok(vec![LayoutGroup::Row { widgets }])
+		}),
+	);
+	// Skew has a custom override that maps to degrees
+	map.insert(
+		"transform_skew".to_string(),
+		Box::new(|node_id, index, context| {
+			let mut widgets = node_properties::start_widgets(ParameterWidgetsInfo::new(node_id, index, true, context));
+
+			let document_node = node_properties::get_document_node(node_id, context)?;
+			let Some(input) = document_node.inputs.get(index) else {
+				return Err("Input not found in transform skew input override".to_string());
+			};
+			if let Some(&TaggedValue::DVec2(val)) = input.as_non_exposed_value() {
+				let to_skew = |input: &NumberInput| input.value.unwrap().to_radians().tan();
+				widgets.extend_from_slice(&[
+					Separator::new(SeparatorType::Unrelated).widget_holder(),
+					NumberInput::new(Some(val.x.atan().to_degrees()))
+						.label("X")
+						.unit("°")
+						.min(-89.9)
+						.max(89.9)
+						.on_update(node_properties::update_value(
+							move |input: &NumberInput| TaggedValue::DVec2(DVec2::new(to_skew(input), val.y)),
+							node_id,
+							index,
+						))
+						.on_commit(node_properties::commit_value)
+						.widget_holder(),
+					Separator::new(SeparatorType::Related).widget_holder(),
+					NumberInput::new(Some(val.y.atan().to_degrees()))
+						.label("Y")
+						.unit("°")
+						.min(-89.9)
+						.max(89.9)
+						.on_update(node_properties::update_value(
+							move |input: &NumberInput| TaggedValue::DVec2(DVec2::new(val.x, to_skew(input))),
+							node_id,
+							index,
+						))
+						.on_commit(node_properties::commit_value)
+						.widget_holder(),
+				]);
+			}
+
+			Ok(vec![LayoutGroup::Row { widgets }])
+		}),
+	);
+	map.insert(
+		"text_area".to_string(),
+		Box::new(|node_id, index, context| {
+			Ok(vec![LayoutGroup::Row {
+				widgets: node_properties::text_area_widget(ParameterWidgetsInfo::new(node_id, index, true, context)),
+			}])
+		}),
+	);
+	map.insert(
+		"text_font".to_string(),
+		Box::new(|node_id, index, context| {
+			let (font, style) = node_properties::font_inputs(ParameterWidgetsInfo::new(node_id, index, true, context));
+			let mut result = vec![LayoutGroup::Row { widgets: font }];
+			if let Some(style) = style {
+				result.push(LayoutGroup::Row { widgets: style });
+			}
+			Ok(result)
+		}),
+	);
+	map.insert(
+		"artboard_background".to_string(),
+		Box::new(|node_id, index, context| {
+			Ok(vec![node_properties::color_widget(
+				ParameterWidgetsInfo::new(node_id, index, true, context),
+				ColorInput::default().allow_none(false),
+			)])
+		}),
+	);
+	map
+}
+
+pub fn resolve_document_node_type(identifier: &str) -> Option<&DocumentNodeDefinition> {
+	DOCUMENT_NODE_TYPES.iter().find(|definition| definition.identifier == identifier)
+}
+
+pub fn collect_node_types() -> Vec<FrontendNodeType> {
+	// Create a mapping from registry ID to document node identifier
+	let id_to_identifier_map: HashMap<String, &'static str> = DOCUMENT_NODE_TYPES
+		.iter()
+		.filter_map(|definition| {
+			if let DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier { name }) = &definition.node_template.document_node.implementation {
+				Some((name.to_string(), definition.identifier))
+			} else {
+				None
+			}
+		})
+		.collect();
+	let mut extracted_node_types = Vec::new();
+
+	let node_registry = graphene_std::registry::NODE_REGISTRY.lock().unwrap();
+	let node_metadata = graphene_std::registry::NODE_METADATA.lock().unwrap();
+	for (id, metadata) in node_metadata.iter() {
+		if let Some(implementations) = node_registry.get(id) {
+			let identifier = match id_to_identifier_map.get(id) {
+				Some(&id) => id.to_string(),
+				None => continue,
+			};
+
+			// Extract category from metadata (already creates an owned String)
+			let category = metadata.category.unwrap_or_default().to_string();
+
+			// Extract input types (already creates owned Strings)
+			let input_types = implementations
+				.iter()
+				.flat_map(|(_, node_io)| node_io.inputs.iter().map(|ty| ty.nested_type().to_string()))
+				.collect::<HashSet<String>>()
+				.into_iter()
+				.collect::<Vec<String>>();
+
+			// Create a FrontendNodeType
+			let node_type = FrontendNodeType::with_owned_strings_and_input_types(identifier, category, input_types);
+
+			// Store the created node_type
+			extracted_node_types.push(node_type);
+		}
+	}
+
+	let node_types: Vec<FrontendNodeType> = DOCUMENT_NODE_TYPES
+		.iter()
+		.filter(|definition| !definition.category.is_empty())
+		.map(|definition| {
+			let input_types = definition
+				.node_template
+				.document_node
+				.inputs
+				.iter()
+				.filter_map(|node_input| node_input.as_value().map(|node_value| node_value.ty().nested_type().to_string()))
+				.collect::<Vec<String>>();
+
+			FrontendNodeType::with_input_types(definition.identifier, definition.category, input_types)
+		})
+		.collect();
+
+	// Update categories in extracted_node_types from node_types
+	for extracted_node in &mut extracted_node_types {
+		if extracted_node.category.is_empty() {
+			// Find matching node in node_types and update category if found
+			if let Some(matching_node) = node_types.iter().find(|node_type| node_type.name == extracted_node.name) {
+				extracted_node.category = matching_node.category.clone();
+			}
+		}
+	}
+	let missing_nodes: Vec<FrontendNodeType> = node_types
+		.iter()
+		.filter(|node| !extracted_node_types.iter().any(|extracted| extracted.name == node.name))
+		.cloned()
+		.collect();
+
+	// Add the missing nodes to extracted_node_types
+	for node in missing_nodes {
+		extracted_node_types.push(node);
+	}
+	// Remove entries with empty categories
+	extracted_node_types.retain(|node| !node.category.is_empty());
+
+	extracted_node_types
+}
+
+pub fn collect_node_descriptions() -> Vec<(String, String)> {
+	DOCUMENT_NODE_TYPES
+		.iter()
+		.map(|definition| {
+			(
+				definition.identifier.to_string(),
+				if definition.description != "TODO" { definition.description.to_string() } else { String::new() },
+			)
+		})
+		.collect()
+}
+
+impl DocumentNodeDefinition {
+	/// Converts the [DocumentNodeDefinition] type to a [NodeTemplate], using the provided `input_override` and falling back to the default inputs.
+	/// `input_override` does not have to be the correct length.
+	pub fn node_template_input_override(&self, input_override: impl IntoIterator<Item = Option<NodeInput>>) -> NodeTemplate {
+		let mut template = self.node_template.clone();
+		input_override.into_iter().enumerate().for_each(|(index, input_override)| {
+			if let Some(input_override) = input_override {
+				// Only value inputs can be overridden, since node inputs change graph structure and must be handled by the network interface
+				// assert!(matches!(input_override, NodeInput::Value { .. }), "Only value inputs are supported for input overrides");
+				template.document_node.inputs[index] = input_override;
+			}
+		});
+
+		// Ensure that the input properties are initialized for every Document Node input for every node
+		fn populate_input_properties(node_template: &mut NodeTemplate, mut path: Vec<NodeId>) {
+			if let Some(current_node) = path.pop() {
+				let DocumentNodeImplementation::Network(template_network) = &node_template.document_node.implementation else {
+					log::error!("Template network should always exist");
+					return;
+				};
+				let Some(nested_network) = template_network.nested_network(&path) else {
+					log::error!("Nested network should exist for path");
+					return;
+				};
+				let Some(input_length) = nested_network.nodes.get(&current_node).map(|node| node.inputs.len()) else {
+					log::error!("Could not get current node in nested network");
+					return;
+				};
+				let Some(template_network_metadata) = &mut node_template.persistent_node_metadata.network_metadata else {
+					log::error!("Template should have metadata if it has network implementation");
+					return;
+				};
+				let Some(nested_network_metadata) = template_network_metadata.nested_metadata_mut(&path) else {
+					log::error!("Path is not valid for network");
+					return;
+				};
+				let Some(nested_node_metadata) = nested_network_metadata.persistent_metadata.node_metadata.get_mut(&current_node) else {
+					log::error!("Path is not valid for network");
+					return;
+				};
+				nested_node_metadata.persistent_metadata.input_metadata.resize_with(input_length, InputMetadata::default);
+
+				// Recurse over all sub-nodes if the current node is a network implementation
+				let mut current_path = path.clone();
+				current_path.push(current_node);
+				let DocumentNodeImplementation::Network(template_network) = &node_template.document_node.implementation else {
+					log::error!("Template network should always exist");
+					return;
+				};
+				if let Some(current_nested_network) = template_network.nested_network(&current_path) {
+					for sub_node_id in current_nested_network.nodes.keys().cloned().collect::<Vec<_>>() {
+						let mut sub_path = current_path.clone();
+						sub_path.push(sub_node_id);
+						populate_input_properties(node_template, sub_path);
+					}
+				};
+			} else {
+				// Base case
+				let input_len = node_template.document_node.inputs.len();
+				node_template.persistent_node_metadata.input_metadata.resize_with(input_len, InputMetadata::default);
+				if let DocumentNodeImplementation::Network(node_template_network) = &node_template.document_node.implementation {
+					for sub_node_id in node_template_network.nodes.keys().cloned().collect::<Vec<_>>() {
+						populate_input_properties(node_template, vec![sub_node_id]);
+					}
+				}
+			}
+		}
+		populate_input_properties(&mut template, Vec::new());
+
+		// Set the reference to the node definition
+		template.persistent_node_metadata.reference = Some(self.identifier.to_string());
+		// If the display name is empty and it is not a merge node, then set it to the reference
+		if template.persistent_node_metadata.display_name.is_empty() && self.identifier != "Merge" {
+			template.persistent_node_metadata.display_name = self.identifier.to_string();
+		}
+		template
+	}
+
+	/// Converts the [DocumentNodeDefinition] type to a [NodeTemplate], completely default.
+	pub fn default_node_template(&self) -> NodeTemplate {
+		self.node_template_input_override(self.node_template.document_node.inputs.clone().into_iter().map(Some))
+	}
+}
diff --git a/editor/src/messages/portfolio/document/node_graph/document_node_definitions/document_node_derive.rs b/editor/src/messages/portfolio/document/node_graph/document_node_definitions/document_node_derive.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8fcec559a7d73a6ce6c48348aabe968d85c16840
--- /dev/null
+++ b/editor/src/messages/portfolio/document/node_graph/document_node_definitions/document_node_derive.rs
@@ -0,0 +1,94 @@
+use super::DocumentNodeDefinition;
+use crate::messages::portfolio::document::utility_types::network_interface::{DocumentNodePersistentMetadata, InputMetadata, NodeTemplate, WidgetOverride};
+use graph_craft::ProtoNodeIdentifier;
+use graph_craft::document::*;
+use graphene_std::registry::*;
+use graphene_std::*;
+use std::collections::HashSet;
+
+pub(super) fn post_process_nodes(mut custom: Vec<DocumentNodeDefinition>) -> Vec<DocumentNodeDefinition> {
+	// Remove struct generics
+	for DocumentNodeDefinition { node_template, .. } in custom.iter_mut() {
+		let NodeTemplate {
+			document_node: DocumentNode { implementation, .. },
+			..
+		} = node_template;
+
+		if let DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier { name }) = implementation {
+			if let Some((new_name, _suffix)) = name.rsplit_once("<") {
+				*name = Cow::Owned(new_name.to_string())
+			}
+		};
+	}
+
+	let node_registry = graphene_core::registry::NODE_REGISTRY.lock().unwrap();
+	'outer: for (id, metadata) in NODE_METADATA.lock().unwrap().iter() {
+		for node in custom.iter() {
+			let DocumentNodeDefinition {
+				node_template: NodeTemplate {
+					document_node: DocumentNode { implementation, .. },
+					..
+				},
+				..
+			} = node;
+			match implementation {
+				DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier { name }) if name == id => continue 'outer,
+				_ => (),
+			}
+		}
+
+		let NodeMetadata {
+			display_name,
+			category,
+			fields,
+			description,
+			properties,
+		} = metadata;
+
+		let Some(implementations) = &node_registry.get(id) else { continue };
+
+		let valid_inputs: HashSet<_> = implementations.iter().map(|(_, node_io)| node_io.call_argument.clone()).collect();
+		let first_node_io = implementations.first().map(|(_, node_io)| node_io).unwrap_or(const { &NodeIOTypes::empty() });
+
+		let input_type = if valid_inputs.len() > 1 { &const { generic!(D) } } else { &first_node_io.call_argument };
+		let output_type = &first_node_io.return_value;
+
+		let inputs = preprocessor::node_inputs(fields, first_node_io);
+		let node = DocumentNodeDefinition {
+			identifier: display_name,
+			node_template: NodeTemplate {
+				document_node: DocumentNode {
+					inputs,
+					manual_composition: Some(input_type.clone()),
+					implementation: DocumentNodeImplementation::ProtoNode(id.clone().into()),
+					visible: true,
+					skip_deduplication: false,
+					..Default::default()
+				},
+				persistent_node_metadata: DocumentNodePersistentMetadata {
+					// TODO: Store information for input overrides in the node macro
+					input_metadata: fields
+						.iter()
+						.map(|f| match f.widget_override {
+							RegistryWidgetOverride::None => (f.name, f.description).into(),
+							RegistryWidgetOverride::Hidden => InputMetadata::with_name_description_override(f.name, f.description, WidgetOverride::Hidden),
+							RegistryWidgetOverride::String(str) => InputMetadata::with_name_description_override(f.name, f.description, WidgetOverride::String(str.to_string())),
+							RegistryWidgetOverride::Custom(str) => InputMetadata::with_name_description_override(f.name, f.description, WidgetOverride::Custom(str.to_string())),
+						})
+						.collect(),
+					output_names: vec![output_type.to_string()],
+					has_primary_output: true,
+					locked: false,
+					..Default::default()
+				},
+			},
+			category: category.unwrap_or("UNCATEGORIZED"),
+			description: Cow::Borrowed(description),
+			properties: *properties,
+		};
+
+		custom.push(node);
+	}
+
+	custom
+}
diff --git a/editor/src/messages/portfolio/document/node_graph/mod.rs b/editor/src/messages/portfolio/document/node_graph/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bd250164380024a366e5735fc71119511ffab90a
--- /dev/null
+++ b/editor/src/messages/portfolio/document/node_graph/mod.rs
@@ -0,0 +1,10 @@
+pub mod document_node_definitions;
+mod node_graph_message;
+mod node_graph_message_handler;
+pub mod node_properties;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use node_graph_message::{NodeGraphMessage, NodeGraphMessageDiscriminant};
+#[doc(inline)]
+pub use node_graph_message_handler::*;
diff --git a/editor/src/messages/portfolio/document/node_graph/node_graph_message.rs b/editor/src/messages/portfolio/document/node_graph/node_graph_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a730f47cad49781d523a1eb03e20950e26f9fafd
--- /dev/null
+++ b/editor/src/messages/portfolio/document/node_graph/node_graph_message.rs
@@ -0,0 +1,222 @@
+use super::utility_types::Direction;
+use crate::messages::input_mapper::utility_types::input_keyboard::Key;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{ImportOrExport, InputConnector, NodeTemplate, OutputConnector};
+use crate::messages::prelude::*;
+use glam::IVec2;
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{NodeId, NodeInput};
+use graph_craft::proto::GraphErrors;
+use interpreted_executor::dynamic_executor::ResolvedDocumentNodeTypesDelta;
+
+#[impl_message(Message, DocumentMessage, NodeGraph)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum NodeGraphMessage {
+	AddNodes {
+		nodes: Vec<(NodeId, NodeTemplate)>,
+		new_ids: HashMap<NodeId, NodeId>,
+	},
+	AddImport,
+	AddExport,
+	Init,
+	SelectedNodesUpdated,
+	Copy,
+	CreateNodeInLayerNoTransaction {
+		node_type: String,
+		layer: LayerNodeIdentifier,
+	},
+	CreateNodeInLayerWithTransaction {
+		node_type: String,
+		layer: LayerNodeIdentifier,
+	},
+	CreateNodeFromContextMenu {
+		node_id: Option<NodeId>,
+		node_type: String,
+		xy: Option<(i32, i32)>,
+		add_transaction: bool,
+	},
+	CreateWire {
+		output_connector: OutputConnector,
+		input_connector: InputConnector,
+	},
+	ConnectUpstreamOutputToInput {
+		downstream_input: InputConnector,
+		input_connector: InputConnector,
+	},
+	Cut,
+	DeleteNodes {
+		node_ids: Vec<NodeId>,
+		delete_children: bool,
+	},
+	DeleteSelectedNodes {
+		delete_children: bool,
+	},
+	DisconnectInput {
+		input_connector: InputConnector,
+	},
+	DisconnectRootNode,
+	EnterNestedNetwork,
+	DuplicateSelectedNodes,
+	ExposeInput {
+		input_connector: InputConnector,
+		set_to_exposed: bool,
+		start_transaction: bool,
+	},
+	InsertNode {
+		node_id: NodeId,
+		node_template: NodeTemplate,
+	},
+	InsertNodeBetween {
+		node_id: NodeId,
+		input_connector: InputConnector,
+		insert_node_input_index: usize,
+	},
+	MergeSelectedNodes,
+	MoveLayerToStack {
+		layer: LayerNodeIdentifier,
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+	MoveNodeToChainStart {
+		node_id: NodeId,
+		parent: LayerNodeIdentifier,
+	},
+	PasteNodes {
+		serialized_nodes: String,
+	},
+	PointerDown {
+		shift_click: bool,
+		control_click: bool,
+		alt_click: bool,
+		right_click: bool,
+	},
+	PointerMove {
+		shift: Key,
+	},
+	PointerUp,
+	PointerOutsideViewport {
+		shift: Key,
+	},
+	RemoveImport {
+		import_index: usize,
+	},
+	RemoveExport {
+		export_index: usize,
+	},
+	ReorderImport {
+		start_index: usize,
+		end_index: usize,
+	},
+	ReorderExport {
+		start_index: usize,
+		end_index: usize,
+	},
+	RunDocumentGraph,
+	ForceRunDocumentGraph,
+	SelectedNodesAdd {
+		nodes: Vec<NodeId>,
+	},
+	SelectedNodesRemove {
+		nodes: Vec<NodeId>,
+	},
+	SelectedNodesSet {
+		nodes: Vec<NodeId>,
+	},
+	SendClickTargets,
+	EndSendClickTargets,
+	UnloadWires,
+	SendWires,
+	UpdateVisibleNodes,
+	SendGraph,
+	SetGridAlignedEdges,
+	SetInputValue {
+		node_id: NodeId,
+		input_index: usize,
+		value: TaggedValue,
+	},
+	SetInput {
+		input_connector: InputConnector,
+		input: NodeInput,
+	},
+	SetDisplayName {
+		node_id: NodeId,
+		alias: String,
+		skip_adding_history_step: bool,
+	},
+	SetDisplayNameImpl {
+		node_id: NodeId,
+		alias: String,
+	},
+	SetToNodeOrLayer {
+		node_id: NodeId,
+		is_layer: bool,
+	},
+	ShiftNodePosition {
+		node_id: NodeId,
+		x: i32,
+		y: i32,
+	},
+	ShiftSelectedNodes {
+		direction: Direction,
+		rubber_band: bool,
+	},
+	ShiftSelectedNodesByAmount {
+		graph_delta: IVec2,
+		rubber_band: bool,
+	},
+	TogglePreview {
+		node_id: NodeId,
+	},
+	TogglePreviewImpl {
+		node_id: NodeId,
+	},
+	SetImportExportName {
+		name: String,
+		index: ImportOrExport,
+	},
+	SetImportExportNameImpl {
+		name: String,
+		index: ImportOrExport,
+	},
+	ToggleSelectedAsLayersOrNodes,
+	ToggleSelectedLocked,
+	ToggleLocked {
+		node_id: NodeId,
+	},
+	SetLocked {
+		node_id: NodeId,
+		locked: bool,
+	},
+	ToggleSelectedIsPinned,
+	ToggleSelectedVisibility,
+	ToggleVisibility {
+		node_id: NodeId,
+	},
+	SetPinned {
+		node_id: NodeId,
+		pinned: bool,
+	},
+	SetVisibility {
+		node_id: NodeId,
+		visible: bool,
+	},
+	SetLockedOrVisibilitySideEffects {
+		node_ids: Vec<NodeId>,
+	},
+	UpdateEdges,
+	UpdateBoxSelection,
+	UpdateImportsExports,
+	UpdateLayerPanel,
+	UpdateNewNodeGraph,
+	UpdateTypes {
+		#[serde(skip)]
+		resolved_types: ResolvedDocumentNodeTypesDelta,
+		#[serde(skip)]
+		node_graph_errors: GraphErrors,
+	},
+	UpdateActionButtons,
+	UpdateGraphBarRight,
+	UpdateInSelectedNetwork,
+	UpdateHints,
+	SendSelectedNodes,
+}
diff --git a/editor/src/messages/portfolio/document/node_graph/node_graph_message_handler.rs b/editor/src/messages/portfolio/document/node_graph/node_graph_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b3f1596cd2cb5dd4535ee3e52ade85e615036cc0
--- /dev/null
+++ b/editor/src/messages/portfolio/document/node_graph/node_graph_message_handler.rs
@@ -0,0 +1,2595 @@
+use super::utility_types::{BoxSelection, ContextMenuInformation, DragStart, FrontendGraphInput, FrontendGraphOutput, FrontendNode};
+use super::{document_node_definitions, node_properties};
+use crate::consts::GRID_SIZE;
+use crate::messages::input_mapper::utility_types::macros::action_keys;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::document_message_handler::navigation_controls;
+use crate::messages::portfolio::document::graph_operation::utility_types::ModifyInputsContext;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::NodePropertiesContext;
+use crate::messages::portfolio::document::node_graph::utility_types::{ContextMenuData, Direction, FrontendGraphDataType};
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::misc::GroupFolderType;
+use crate::messages::portfolio::document::utility_types::network_interface::{
+	self, InputConnector, NodeNetworkInterface, NodeTemplate, NodeTypePersistentMetadata, OutputConnector, Previewing, TypeSource,
+};
+use crate::messages::portfolio::document::utility_types::nodes::{CollapsedLayers, LayerPanelEntry};
+use crate::messages::portfolio::document::utility_types::wires::{GraphWireStyle, WirePath, WirePathUpdate, build_vector_wire};
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::graph_modification_utils::get_clip_mode;
+use crate::messages::tool::tool_messages::tool_prelude::{Key, MouseMotion};
+use crate::messages::tool::utility_types::{HintData, HintGroup, HintInfo};
+use glam::{DAffine2, DVec2, IVec2};
+use graph_craft::document::{DocumentNodeImplementation, NodeId, NodeInput};
+use graph_craft::proto::GraphErrors;
+use graphene_std::math::math_ext::QuadExt;
+use graphene_std::*;
+use renderer::Quad;
+use std::cmp::Ordering;
+
+#[derive(Debug)]
+pub struct NodeGraphHandlerData<'a> {
+	pub network_interface: &'a mut NodeNetworkInterface,
+	pub selection_network_path: &'a [NodeId],
+	pub breadcrumb_network_path: &'a [NodeId],
+	pub document_id: DocumentId,
+	pub collapsed: &'a mut CollapsedLayers,
+	pub ipp: &'a InputPreprocessorMessageHandler,
+	pub graph_view_overlay_open: bool,
+	pub graph_fade_artwork_percentage: f64,
+	pub navigation_handler: &'a NavigationMessageHandler,
+	pub preferences: &'a PreferencesMessageHandler,
+}
+
+#[derive(Debug, Clone)]
+pub struct NodeGraphMessageHandler {
+	// TODO: Remove network and move to NodeNetworkInterface
+	pub network: Vec<NodeId>,
+	pub node_graph_errors: GraphErrors,
+	has_selection: bool,
+	widgets: [LayoutGroup; 2],
+	/// Used to add a transaction for the first node move when dragging.
+	begin_dragging: bool,
+	/// Used to prevent entering a nested network if the node is dragged after double clicking
+	node_has_moved_in_drag: bool,
+	/// If dragging the selected nodes, this stores the starting position both in viewport and node graph coordinates,
+	/// plus a flag indicating if it has been dragged since the mousedown began.
+	pub drag_start: Option<(DragStart, bool)>,
+	/// If dragging the background to create a box selection, this stores its starting point in node graph coordinates,
+	/// plus a flag indicating if it has been dragged since the mousedown began.
+	box_selection_start: Option<(DVec2, bool)>,
+	/// Restore the selection before box selection if it is aborted
+	selection_before_pointer_down: Vec<NodeId>,
+	/// If the grip icon is held during a drag, then shift without pushing other nodes
+	shift_without_push: bool,
+	disconnecting: Option<InputConnector>,
+	initial_disconnecting: bool,
+	/// Node to select on pointer up if multiple nodes are selected and they were not dragged.
+	select_if_not_dragged: Option<NodeId>,
+	/// The start of the dragged line (cannot be moved), stored in node graph coordinates
+	pub wire_in_progress_from_connector: Option<DVec2>,
+	wire_in_progress_type: FrontendGraphDataType,
+	/// The end point of the dragged line (cannot be moved), stored in node graph coordinates
+	pub wire_in_progress_to_connector: Option<DVec2>,
+	/// State for the context menu popups.
+	pub context_menu: Option<ContextMenuInformation>,
+	/// Index of selected node to be deselected on pointer up when shift clicking an already selected node
+	pub deselect_on_pointer_up: Option<usize>,
+	/// Adds the auto panning functionality to the node graph when dragging a node or selection box to the edge of the viewport.
+	auto_panning: AutoPanning,
+	/// The node to preview on mouse up if alt-clicked
+	preview_on_mouse_up: Option<NodeId>,
+	/// The index of the import that is being moved
+	reordering_import: Option<usize>,
+	/// The index of the export that is being moved
+	reordering_export: Option<usize>,
+	/// The end index of the moved port
+	end_index: Option<usize>,
+	/// Used to keep track of what nodes are sent to the front end so that only visible ones are sent to the frontend
+	frontend_nodes: Vec<NodeId>,
+	/// Used to keep track of what wires are sent to the front end so the old ones can be removed
+	frontend_wires: HashSet<(NodeId, usize)>,
+}
+
+/// NodeGraphMessageHandler always modifies the network which the selected nodes are in. No GraphOperationMessages should be added here, since those messages will always affect the document network.
+impl<'a> MessageHandler<NodeGraphMessage, NodeGraphHandlerData<'a>> for NodeGraphMessageHandler {
+	fn process_message(&mut self, message: NodeGraphMessage, responses: &mut VecDeque<Message>, data: NodeGraphHandlerData<'a>) {
+		let NodeGraphHandlerData {
+			network_interface,
+			selection_network_path,
+			breadcrumb_network_path,
+			document_id,
+			collapsed,
+			ipp,
+			graph_view_overlay_open,
+			graph_fade_artwork_percentage,
+			navigation_handler,
+			preferences,
+		} = data;
+
+		match message {
+			// TODO: automatically remove broadcast messages.
+			NodeGraphMessage::AddNodes { nodes, new_ids } => {
+				let Some(new_layer_id) = new_ids.get(&NodeId(0)).cloned().or_else(|| nodes.first().map(|(node_id, _)| *node_id)) else {
+					log::error!("No nodes to add in AddNodes");
+					return;
+				};
+				network_interface.insert_node_group(nodes, new_ids, selection_network_path);
+
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![new_layer_id] });
+			}
+			NodeGraphMessage::AddImport => {
+				network_interface.add_import(graph_craft::document::value::TaggedValue::None, true, -1, "", "", breadcrumb_network_path);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			NodeGraphMessage::AddExport => {
+				network_interface.add_export(graph_craft::document::value::TaggedValue::None, -1, "", breadcrumb_network_path);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			NodeGraphMessage::Init => {
+				responses.add(BroadcastMessage::SubscribeEvent {
+					on: BroadcastEvent::SelectionChanged,
+					send: Box::new(NodeGraphMessage::SelectedNodesUpdated.into()),
+				});
+				network_interface.load_structure();
+				collapsed.0.retain(|&layer| network_interface.document_metadata().layer_exists(layer));
+			}
+			NodeGraphMessage::SelectedNodesUpdated => {
+				let selected_layers = network_interface.selected_nodes().selected_layers(network_interface.document_metadata()).collect::<Vec<_>>();
+				if selected_layers.len() <= 1 {
+					responses.add(DocumentMessage::SetRangeSelectionLayer {
+						new_layer: selected_layers.first().cloned(),
+					});
+				}
+				responses.add(MenuBarMessage::SendLayout);
+				responses.add(NodeGraphMessage::UpdateLayerPanel);
+				responses.add(NodeGraphMessage::SendSelectedNodes);
+				responses.add(ArtboardToolMessage::UpdateSelectedArtboard);
+				responses.add(DocumentMessage::DocumentStructureChanged);
+				responses.add(OverlaysMessage::Draw);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			NodeGraphMessage::CreateWire { output_connector, input_connector } => {
+				// TODO: Add support for flattening NodeInput::Network exports in flatten_with_fns https://github.com/GraphiteEditor/Graphite/issues/1762
+				if matches!(input_connector, InputConnector::Export(_)) && matches!(output_connector, OutputConnector::Import { .. }) {
+					responses.add(DialogMessage::RequestComingSoonDialog { issue: Some(1762) });
+					return;
+				}
+				network_interface.create_wire(&output_connector, &input_connector, selection_network_path);
+			}
+			NodeGraphMessage::Copy => {
+				let all_selected_nodes = network_interface.upstream_chain_nodes(selection_network_path);
+				// Collect the selected nodes
+				let new_ids = &all_selected_nodes.iter().enumerate().map(|(new, old)| (*old, NodeId(new as u64))).collect();
+				let copied_nodes = network_interface.copy_nodes(new_ids, selection_network_path).collect::<Vec<_>>();
+
+				// Prefix to show that these are nodes
+				let mut copy_text = String::from("graphite/nodes: ");
+				copy_text += &serde_json::to_string(&copied_nodes).expect("Could not serialize copy");
+
+				responses.add(FrontendMessage::TriggerTextCopy { copy_text });
+			}
+			NodeGraphMessage::CreateNodeInLayerNoTransaction { node_type, layer } => {
+				let Some(mut modify_inputs) = ModifyInputsContext::new_with_layer(layer, network_interface, responses) else {
+					return;
+				};
+				modify_inputs.create_node(&node_type);
+			}
+			NodeGraphMessage::CreateNodeInLayerWithTransaction { node_type, layer } => {
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::CreateNodeInLayerNoTransaction { node_type, layer });
+				responses.add(PropertiesPanelMessage::Refresh);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			NodeGraphMessage::CreateNodeFromContextMenu {
+				node_id,
+				node_type,
+				xy,
+				add_transaction,
+			} => {
+				let (x, y) = if let Some((x, y)) = xy {
+					(x, y)
+				} else if let Some(node_graph_ptz) = network_interface.node_graph_ptz(breadcrumb_network_path) {
+					((-node_graph_ptz.pan.x / GRID_SIZE as f64) as i32, (-node_graph_ptz.pan.y / GRID_SIZE as f64) as i32)
+				} else {
+					(0, 0)
+				};
+
+				let node_id = node_id.unwrap_or_else(NodeId::new);
+
+				let Some(document_node_type) = document_node_definitions::resolve_document_node_type(&node_type) else {
+					responses.add(DialogMessage::DisplayDialogError {
+						title: "Cannot insert node".to_string(),
+						description: format!("The document node '{node_type}' does not exist in the document node list"),
+					});
+					return;
+				};
+
+				let node_template = document_node_type.default_node_template();
+				self.context_menu = None;
+
+				if add_transaction {
+					responses.add(DocumentMessage::AddTransaction);
+				}
+
+				responses.add(NodeGraphMessage::InsertNode {
+					node_id,
+					node_template: node_template.clone(),
+				});
+				responses.add(NodeGraphMessage::ShiftNodePosition { node_id, x, y });
+				// Only auto connect to the dragged wire if the node is being added to the currently opened network
+				if let Some(output_connector_position) = self.wire_in_progress_from_connector {
+					let Some(network_metadata) = network_interface.network_metadata(selection_network_path) else {
+						log::error!("Could not get network metadata in CreateNodeFromContextMenu");
+						return;
+					};
+					let output_connector_position_viewport = network_metadata
+						.persistent_metadata
+						.navigation_metadata
+						.node_graph_to_viewport
+						.transform_point2(output_connector_position);
+					let Some(output_connector) = &network_interface.output_connector_from_click(output_connector_position_viewport, breadcrumb_network_path) else {
+						log::error!("Could not get output from connector start");
+						return;
+					};
+
+					// Ensure connection is to correct input of new node. If it does not have an input then do not connect
+					if let Some((input_index, _)) = node_template.document_node.inputs.iter().enumerate().find(|(_, input)| input.is_exposed()) {
+						responses.add(NodeGraphMessage::CreateWire {
+							output_connector: *output_connector,
+							input_connector: InputConnector::node(node_id, input_index),
+						});
+
+						responses.add(NodeGraphMessage::RunDocumentGraph);
+					}
+
+					self.wire_in_progress_from_connector = None;
+					self.wire_in_progress_type = FrontendGraphDataType::General;
+					self.wire_in_progress_to_connector = None;
+				}
+				responses.add(FrontendMessage::UpdateWirePathInProgress { wire_path: None });
+				responses.add(FrontendMessage::UpdateContextMenuInformation {
+					context_menu_information: self.context_menu.clone(),
+				});
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			NodeGraphMessage::ConnectUpstreamOutputToInput { downstream_input, input_connector } => {
+				let Some(upstream_node) = network_interface.upstream_output_connector(&downstream_input, selection_network_path) else {
+					log::error!("Failed to find upstream node for downstream_input");
+					return;
+				};
+				responses.add(NodeGraphMessage::CreateWire {
+					output_connector: upstream_node,
+					input_connector,
+				});
+			}
+			NodeGraphMessage::Cut => {
+				responses.add(NodeGraphMessage::Copy);
+				responses.add(NodeGraphMessage::DeleteSelectedNodes { delete_children: true });
+			}
+			NodeGraphMessage::DeleteNodes { node_ids, delete_children } => {
+				network_interface.delete_nodes(node_ids, delete_children, selection_network_path);
+			}
+			// Deletes selected_nodes. If `reconnect` is true, then all children nodes (secondary input) of the selected nodes are deleted and the siblings (primary input/output) are reconnected.
+			// If `reconnect` is false, then only the selected nodes are deleted and not reconnected.
+			NodeGraphMessage::DeleteSelectedNodes { delete_children } => {
+				let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+					log::error!("Could not get selected nodes in DeleteSelectedNodes");
+					return;
+				};
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::DeleteNodes {
+					node_ids: selected_nodes.selected_nodes().cloned().collect::<Vec<_>>(),
+					delete_children,
+				});
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(NodeGraphMessage::SelectedNodesUpdated);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			NodeGraphMessage::DisconnectInput { input_connector } => {
+				network_interface.disconnect_input(&input_connector, selection_network_path);
+			}
+			NodeGraphMessage::DisconnectRootNode => {
+				network_interface.start_previewing_without_restore(selection_network_path);
+			}
+			NodeGraphMessage::DuplicateSelectedNodes => {
+				let all_selected_nodes = network_interface.upstream_chain_nodes(selection_network_path);
+
+				let copy_ids = all_selected_nodes.iter().enumerate().map(|(new, id)| (*id, NodeId(new as u64))).collect::<HashMap<NodeId, NodeId>>();
+
+				// Copy the selected nodes
+				let nodes = network_interface.copy_nodes(&copy_ids, selection_network_path).collect::<Vec<_>>();
+
+				let new_ids = nodes.iter().map(|(id, _)| (*id, NodeId::new())).collect::<HashMap<_, _>>();
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::AddNodes { nodes, new_ids: new_ids.clone() });
+				responses.add(NodeGraphMessage::SelectedNodesSet {
+					nodes: new_ids.values().cloned().collect(),
+				});
+			}
+			NodeGraphMessage::EnterNestedNetwork => {
+				// Do not enter the nested network if the node was dragged
+				if self.node_has_moved_in_drag {
+					return;
+				}
+
+				let Some(node_id) = network_interface.node_from_click(ipp.mouse.position, selection_network_path) else {
+					return;
+				};
+				if network_interface
+					.layer_click_target_from_click(ipp.mouse.position, network_interface::LayerClickTargetTypes::Visibility, selection_network_path)
+					.is_some()
+				{
+					return;
+				};
+				if let Some(DocumentNodeImplementation::Network(_)) = network_interface.implementation(&node_id, selection_network_path) {
+					responses.add(DocumentMessage::EnterNestedNetwork { node_id });
+				}
+			}
+			NodeGraphMessage::ExposeInput {
+				input_connector,
+				set_to_exposed,
+				start_transaction,
+			} => {
+				let InputConnector::Node { node_id, input_index } = input_connector else {
+					log::error!("Cannot expose/hide export");
+					return;
+				};
+				let Some(node) = network_interface.document_node(&node_id, selection_network_path) else {
+					log::error!("Could not find node {node_id} in NodeGraphMessage::ExposeInput");
+					return;
+				};
+				let Some(mut node_input) = node.inputs.get(input_index).cloned() else {
+					log::error!("Could not find input {input_index} in NodeGraphMessage::ExposeInput");
+					return;
+				};
+
+				// If we're un-exposing an input that is not a value, then disconnect it. This will convert it to a value input,
+				// so we can come back to handle this message again to set the exposed value in the second run-through.
+				if !set_to_exposed && node_input.as_value().is_none() {
+					// Reversed order because we are pushing front
+					responses.add_front(NodeGraphMessage::ExposeInput {
+						input_connector,
+						set_to_exposed,
+						start_transaction: false,
+					});
+					responses.add_front(NodeGraphMessage::DisconnectInput { input_connector });
+					responses.add_front(DocumentMessage::StartTransaction);
+					return;
+				}
+
+				// Add a history step, but only do so if we didn't already start a transaction in the first run-through of this message in the above code
+				if start_transaction {
+					responses.add_front(DocumentMessage::StartTransaction);
+				}
+
+				// If this node's input is a value type, we set its chosen exposed state
+				if let NodeInput::Value { exposed, .. } = &mut node_input {
+					*exposed = set_to_exposed;
+				}
+				responses.add(NodeGraphMessage::SetInput {
+					input_connector: InputConnector::node(node_id, input_index),
+					input: node_input,
+				});
+
+				// Finish the history step
+				responses.add(DocumentMessage::CommitTransaction);
+
+				// Update the graph UI and re-render
+				if graph_view_overlay_open {
+					responses.add(PropertiesPanelMessage::Refresh);
+					responses.add(NodeGraphMessage::SendGraph);
+				} else {
+					responses.add(DocumentMessage::GraphViewOverlay { open: true });
+					responses.add(NavigationMessage::FitViewportToSelection);
+					responses.add(DocumentMessage::ZoomCanvasTo100Percent);
+				}
+			}
+			NodeGraphMessage::InsertNode { node_id, node_template } => {
+				network_interface.insert_node(node_id, node_template, selection_network_path);
+			}
+			NodeGraphMessage::InsertNodeBetween {
+				node_id,
+				input_connector,
+				insert_node_input_index,
+			} => {
+				network_interface.insert_node_between(&node_id, &input_connector, insert_node_input_index, selection_network_path);
+			}
+			NodeGraphMessage::MergeSelectedNodes => {
+				let new_ids = network_interface
+					.selected_nodes_in_nested_network(breadcrumb_network_path)
+					.unwrap()
+					.selected_nodes()
+					.map(|id| (*id, *id))
+					.collect::<HashMap<NodeId, NodeId>>();
+
+				let copied_nodes = network_interface.copy_nodes(&new_ids, breadcrumb_network_path).collect::<Vec<_>>();
+				let selected_node_ids = copied_nodes.iter().map(|(node_id, _)| *node_id).collect::<HashSet<_>>();
+				let selected_node_ids_vec = copied_nodes.iter().map(|(node_id, _)| *node_id).collect::<Vec<_>>();
+				// Mapping of the encapsulating node inputs/outputs to where it needs to be connected
+				let mut input_connections = Vec::new();
+				let mut output_connections = Vec::new();
+				// Mapping of the inner nodes that need to be connected to the imports/exports
+				let mut import_connections = Vec::new();
+				let mut export_connections = Vec::new();
+				// Scan current nodes top to bottom and find all inputs/outputs connected to nodes that are not in the copied nodes. These will represent the new imports and exports.
+				let Some(nodes_sorted_top_to_bottom) = network_interface.nodes_sorted_top_to_bottom(
+					network_interface.selected_nodes_in_nested_network(breadcrumb_network_path).unwrap().selected_nodes(),
+					breadcrumb_network_path,
+				) else {
+					return;
+				};
+				// Ensure that nodes can be grouped by checking if there is an unselected node between selected nodes
+				for selected_node_id in &selected_node_ids {
+					for input_index in 0..network_interface.number_of_inputs(selected_node_id, breadcrumb_network_path) {
+						let input_connector = InputConnector::node(*selected_node_id, input_index);
+						if let Some(upstream_deselected_node_id) = network_interface
+							.upstream_output_connector(&input_connector, breadcrumb_network_path)
+							.and_then(|output_connector| output_connector.node_id())
+							.filter(|node_id| !selected_node_ids.contains(node_id))
+						{
+							for upstream_node_id in
+								network_interface.upstream_flow_back_from_nodes(vec![upstream_deselected_node_id], breadcrumb_network_path, network_interface::FlowType::UpstreamFlow)
+							{
+								if selected_node_ids.contains(&upstream_node_id) {
+									responses.add(DialogMessage::DisplayDialogError {
+										title: "Error Grouping Nodes".to_string(),
+										description: "A discontinuous selection of nodes cannot be grouped.\nEnsure no deselected nodes are between selected nodes".to_string(),
+									});
+									return;
+								}
+							}
+						}
+					}
+				}
+				for node_id in nodes_sorted_top_to_bottom {
+					for input_index in 0..network_interface.number_of_inputs(&node_id, breadcrumb_network_path) {
+						let current_input_connector = InputConnector::node(node_id, input_index);
+						let Some(upstream_connector) = network_interface.upstream_output_connector(&current_input_connector, breadcrumb_network_path) else {
+							continue;
+						};
+						if upstream_connector
+							.node_id()
+							.is_some_and(|upstream_node_id| selected_node_ids.iter().any(|copied_id| *copied_id == upstream_node_id))
+						{
+							continue;
+						}
+
+						// If the upstream connection is not part of the copied nodes, then connect it to the new imports, or add it if it has not already been added.
+						let import_index = input_connections.iter().position(|old_connection| old_connection == &upstream_connector).unwrap_or_else(|| {
+							input_connections.push(upstream_connector);
+							input_connections.len() - 1
+						});
+						import_connections.push((current_input_connector, import_index));
+					}
+					for output_index in 0..network_interface.number_of_outputs(&node_id, breadcrumb_network_path) {
+						let current_output_connector = OutputConnector::node(node_id, output_index);
+						let Some(outward_wires) = network_interface.outward_wires(breadcrumb_network_path) else {
+							log::error!("Could not get outward wires in upstream_nodes_below_layer");
+							continue;
+						};
+						let Some(downstream_connections) = outward_wires.get(&current_output_connector).cloned() else {
+							log::error!("Could not get downstream connections for {current_output_connector:?}");
+							continue;
+						};
+
+						// The output gets connected to all the previous inputs the node was connected to
+						let mut connect_output_to = Vec::new();
+						for downstream_connection in downstream_connections {
+							if downstream_connection.node_id().is_some_and(|downstream_node_id| selected_node_ids.contains(&downstream_node_id)) {
+								continue;
+							}
+							connect_output_to.push(downstream_connection);
+						}
+						if !connect_output_to.is_empty() {
+							// Every output connected to some non selected node forms a new export
+							export_connections.push(current_output_connector);
+							output_connections.push(connect_output_to);
+						}
+					}
+				}
+
+				// Use the network interface to add a default node, then set the imports, exports, paste the nodes inside, and connect them to the imports/exports
+				let encapsulating_node_id = NodeId::new();
+				let mut default_node_template = document_node_definitions::resolve_document_node_type("Default Network")
+					.expect("Default Network node should exist")
+					.default_node_template();
+				let Some(center_of_selected_nodes) = network_interface.selected_nodes_bounding_box(breadcrumb_network_path).map(|[a, b]| (a + b) / 2.) else {
+					log::error!("Could not get center of selected_nodes");
+					return;
+				};
+				let center_of_selected_nodes_grid_space = IVec2::new((center_of_selected_nodes.x / 24. + 0.5).floor() as i32, (center_of_selected_nodes.y / 24. + 0.5).floor() as i32);
+				default_node_template.persistent_node_metadata.node_type_metadata = NodeTypePersistentMetadata::node(center_of_selected_nodes_grid_space - IVec2::new(3, 1));
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::InsertNode {
+					node_id: encapsulating_node_id,
+					node_template: default_node_template,
+				});
+				responses.add(NodeGraphMessage::SetDisplayNameImpl {
+					node_id: encapsulating_node_id,
+					alias: "Untitled Node".to_string(),
+				});
+
+				responses.add(DocumentMessage::EnterNestedNetwork { node_id: encapsulating_node_id });
+				for _ in 0..input_connections.len() {
+					responses.add(NodeGraphMessage::AddImport);
+				}
+				for _ in 0..output_connections.len() {
+					responses.add(NodeGraphMessage::AddExport);
+				}
+				responses.add(NodeGraphMessage::AddNodes { nodes: copied_nodes, new_ids });
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: selected_node_ids_vec.clone() });
+
+				// Shift the nodes back to the origin
+				responses.add(NodeGraphMessage::ShiftSelectedNodesByAmount {
+					graph_delta: -center_of_selected_nodes_grid_space - IVec2::new(2, 2),
+					rubber_band: false,
+				});
+
+				for (input_connector, import_index) in import_connections {
+					responses.add(NodeGraphMessage::CreateWire {
+						output_connector: OutputConnector::Import(import_index),
+						input_connector,
+					});
+				}
+				for (export_index, output_connector) in export_connections.into_iter().enumerate() {
+					responses.add(NodeGraphMessage::CreateWire {
+						output_connector,
+						input_connector: InputConnector::Export(export_index),
+					});
+				}
+				responses.add(DocumentMessage::ExitNestedNetwork { steps_back: 1 });
+				for (input_index, output_connector) in input_connections.into_iter().enumerate() {
+					responses.add(NodeGraphMessage::CreateWire {
+						output_connector,
+						input_connector: InputConnector::node(encapsulating_node_id, input_index),
+					});
+				}
+				for (output_index, input_connectors) in output_connections.into_iter().enumerate() {
+					for input_connector in input_connectors {
+						responses.add(NodeGraphMessage::CreateWire {
+							output_connector: OutputConnector::node(encapsulating_node_id, output_index),
+							input_connector,
+						});
+					}
+				}
+				responses.add(NodeGraphMessage::DeleteNodes {
+					node_ids: selected_node_ids_vec,
+					delete_children: false,
+				});
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![encapsulating_node_id] });
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			NodeGraphMessage::MoveLayerToStack { layer, parent, insert_index } => {
+				network_interface.move_layer_to_stack(layer, parent, insert_index, selection_network_path);
+			}
+			NodeGraphMessage::MoveNodeToChainStart { node_id, parent } => {
+				network_interface.move_node_to_chain_start(&node_id, parent, selection_network_path);
+			}
+			NodeGraphMessage::PasteNodes { serialized_nodes } => {
+				let data = match serde_json::from_str::<Vec<(NodeId, NodeTemplate)>>(&serialized_nodes) {
+					Ok(d) => d,
+					Err(e) => {
+						warn!("Invalid node data {e:?}");
+						return;
+					}
+				};
+				if data.is_empty() {
+					return;
+				}
+
+				responses.add(DocumentMessage::AddTransaction);
+
+				let new_ids: HashMap<_, _> = data.iter().map(|(id, _)| (*id, NodeId::new())).collect();
+				let nodes: Vec<_> = new_ids.values().copied().collect();
+				responses.add(NodeGraphMessage::AddNodes {
+					nodes: data,
+					new_ids: new_ids.clone(),
+				});
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes })
+			}
+			NodeGraphMessage::PointerDown {
+				shift_click,
+				control_click,
+				alt_click,
+				right_click,
+			} => {
+				if selection_network_path != breadcrumb_network_path {
+					log::error!("Selection network path does not match breadcrumb network path in PointerDown");
+					return;
+				}
+				let Some(network_metadata) = network_interface.network_metadata(selection_network_path) else {
+					log::error!("Could not get network metadata in PointerDown");
+					return;
+				};
+
+				let click = ipp.mouse.position;
+
+				let node_graph_point = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.inverse().transform_point2(click);
+
+				if network_interface
+					.layer_click_target_from_click(click, network_interface::LayerClickTargetTypes::Grip, selection_network_path)
+					.is_some()
+				{
+					self.shift_without_push = true;
+				}
+
+				let clicked_id = network_interface.node_from_click(click, selection_network_path);
+				let clicked_input = network_interface.input_connector_from_click(click, selection_network_path);
+				let clicked_output = network_interface.output_connector_from_click(click, selection_network_path);
+				let network_metadata = network_interface.network_metadata(selection_network_path).unwrap();
+
+				// Create the add node popup on right click, then exit
+				if right_click {
+					// Abort dragging a node
+					if self.drag_start.is_some() {
+						self.drag_start = None;
+						responses.add(DocumentMessage::AbortTransaction);
+						responses.add(NodeGraphMessage::SelectedNodesSet {
+							nodes: self.selection_before_pointer_down.clone(),
+						});
+						return;
+					}
+					// Abort a box selection
+					if self.box_selection_start.is_some() {
+						self.box_selection_start = None;
+						responses.add(NodeGraphMessage::SelectedNodesSet {
+							nodes: self.selection_before_pointer_down.clone(),
+						});
+						responses.add(FrontendMessage::UpdateBox { box_selection: None });
+						return;
+					}
+					// Abort dragging a wire
+					if self.wire_in_progress_from_connector.is_some() {
+						self.wire_in_progress_from_connector = None;
+						self.wire_in_progress_type = FrontendGraphDataType::General;
+						self.wire_in_progress_to_connector = None;
+						responses.add(DocumentMessage::AbortTransaction);
+						responses.add(FrontendMessage::UpdateWirePathInProgress { wire_path: None });
+						return;
+					}
+
+					let context_menu_data = if let Some(node_id) = clicked_id {
+						let currently_is_node = !network_interface.is_layer(&node_id, selection_network_path);
+						ContextMenuData::ToggleLayer { node_id, currently_is_node }
+					} else {
+						ContextMenuData::CreateNode { compatible_type: None }
+					};
+
+					// TODO: Create function
+					let node_graph_shift = if matches!(context_menu_data, ContextMenuData::CreateNode { compatible_type: None }) {
+						let appear_right_of_mouse = if click.x > ipp.viewport_bounds.size().x - 180. { -180. } else { 0. };
+						let appear_above_mouse = if click.y > ipp.viewport_bounds.size().y - 200. { -200. } else { 0. };
+						DVec2::new(appear_right_of_mouse, appear_above_mouse) / network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.matrix2.x_axis.x
+					} else {
+						let appear_right_of_mouse = if click.x > ipp.viewport_bounds.size().x - 173. { -173. } else { 0. };
+						let appear_above_mouse = if click.y > ipp.viewport_bounds.size().y - 34. { -34. } else { 0. };
+						DVec2::new(appear_right_of_mouse, appear_above_mouse) / network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.matrix2.x_axis.x
+					};
+
+					let context_menu_coordinates = ((node_graph_point.x + node_graph_shift.x) as i32, (node_graph_point.y + node_graph_shift.y) as i32);
+
+					self.context_menu = Some(ContextMenuInformation {
+						context_menu_coordinates,
+						context_menu_data,
+					});
+
+					responses.add(FrontendMessage::UpdateContextMenuInformation {
+						context_menu_information: self.context_menu.clone(),
+					});
+
+					return;
+				}
+
+				let Some(modify_import_export) = network_interface.modify_import_export(selection_network_path) else {
+					log::error!("Could not get modify import export in PointerDown");
+					return;
+				};
+
+				if modify_import_export.add_import_export.clicked_input_port_from_point(node_graph_point).is_some() {
+					responses.add(DocumentMessage::AddTransaction);
+					responses.add(NodeGraphMessage::AddExport);
+					return;
+				} else if modify_import_export.add_import_export.clicked_output_port_from_point(node_graph_point).is_some() {
+					responses.add(DocumentMessage::AddTransaction);
+					responses.add(NodeGraphMessage::AddImport);
+					return;
+				} else if let Some(remove_import_index) = modify_import_export.remove_imports_exports.clicked_output_port_from_point(node_graph_point) {
+					responses.add(DocumentMessage::AddTransaction);
+					responses.add(NodeGraphMessage::RemoveImport { import_index: remove_import_index });
+					return;
+				} else if let Some(remove_export_index) = modify_import_export.remove_imports_exports.clicked_input_port_from_point(node_graph_point) {
+					responses.add(DocumentMessage::AddTransaction);
+					responses.add(NodeGraphMessage::RemoveExport { export_index: remove_export_index });
+					return;
+				} else if let Some(move_import_index) = modify_import_export.reorder_imports_exports.clicked_output_port_from_point(node_graph_point) {
+					responses.add(DocumentMessage::StartTransaction);
+					self.reordering_import = Some(move_import_index);
+					return;
+				} else if let Some(move_export_index) = modify_import_export.reorder_imports_exports.clicked_input_port_from_point(node_graph_point) {
+					responses.add(DocumentMessage::StartTransaction);
+					self.reordering_export = Some(move_export_index);
+					return;
+				}
+
+				self.selection_before_pointer_down = network_interface
+					.selected_nodes_in_nested_network(selection_network_path)
+					.map(|selected_nodes| selected_nodes.selected_nodes().cloned().collect())
+					.unwrap_or_default();
+
+				// Since the user is clicking elsewhere in the graph, ensure the add nodes list is closed
+				if self.context_menu.is_some() {
+					self.context_menu = None;
+					self.wire_in_progress_from_connector = None;
+					self.wire_in_progress_type = FrontendGraphDataType::General;
+					self.wire_in_progress_to_connector = None;
+					responses.add(FrontendMessage::UpdateContextMenuInformation {
+						context_menu_information: self.context_menu.clone(),
+					});
+					responses.add(FrontendMessage::UpdateWirePathInProgress { wire_path: None });
+				}
+
+				// Toggle visibility of clicked node and return
+				if let Some(clicked_visibility) = network_interface.layer_click_target_from_click(click, network_interface::LayerClickTargetTypes::Visibility, selection_network_path) {
+					responses.add(NodeGraphMessage::ToggleVisibility { node_id: clicked_visibility });
+					return;
+				}
+
+				// Alt-click sets the clicked node as previewed
+				if alt_click {
+					if let Some(clicked_node) = clicked_id {
+						self.preview_on_mouse_up = Some(clicked_node);
+					}
+				}
+
+				// Begin moving an existing wire
+				if let Some(clicked_input) = &clicked_input {
+					responses.add(DocumentMessage::StartTransaction);
+					self.initial_disconnecting = true;
+					self.disconnecting = Some(*clicked_input);
+
+					let output_connector = if *clicked_input == InputConnector::Export(0) {
+						network_interface.root_node(selection_network_path).map(|root_node| root_node.to_connector())
+					} else {
+						network_interface.upstream_output_connector(clicked_input, selection_network_path)
+					};
+					let Some(output_connector) = output_connector else { return };
+					self.wire_in_progress_from_connector = network_interface.output_position(&output_connector, selection_network_path);
+					self.wire_in_progress_type = FrontendGraphDataType::from_type(&network_interface.input_type(clicked_input, breadcrumb_network_path).0);
+					return;
+				}
+
+				// Begin creating a new wire
+				if let Some(clicked_output) = clicked_output {
+					responses.add(DocumentMessage::StartTransaction);
+					self.initial_disconnecting = false;
+
+					self.wire_in_progress_from_connector = network_interface.output_position(&clicked_output, selection_network_path);
+					if let Some((output_type, source)) = clicked_output
+						.node_id()
+						.map(|node_id| network_interface.output_type(&node_id, clicked_output.index(), breadcrumb_network_path))
+					{
+						self.wire_in_progress_type = FrontendGraphDataType::displayed_type(&output_type, &source);
+					} else {
+						self.wire_in_progress_type = FrontendGraphDataType::General;
+					}
+
+					self.update_node_graph_hints(responses);
+					return;
+				}
+
+				if let Some(clicked_id) = clicked_id {
+					let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+						log::error!("Could not get selected nodes in PointerDown");
+						return;
+					};
+					let mut updated_selected = selected_nodes.selected_nodes().cloned().collect::<Vec<_>>();
+					let mut modified_selected = false;
+
+					// Add to/remove from selection if holding Shift or Ctrl
+					if shift_click || control_click {
+						modified_selected = true;
+
+						let index = updated_selected.iter().enumerate().find_map(|(i, node_id)| if *node_id == clicked_id { Some(i) } else { None });
+						// Remove from selection (on PointerUp) if already selected
+						self.deselect_on_pointer_up = index;
+
+						// Add to selection if not already selected. Necessary in order to drag multiple nodes
+						if index.is_none() {
+							updated_selected.push(clicked_id);
+						};
+					}
+					// Replace selection with a non-selected node
+					else if !updated_selected.contains(&clicked_id) {
+						modified_selected = true;
+						updated_selected = vec![clicked_id];
+					}
+					// Replace selection (of multiple nodes including this one) with just this one, but only upon pointer up if the user didn't drag the selected nodes
+					else {
+						self.select_if_not_dragged = Some(clicked_id);
+					}
+
+					// If this node is selected (whether from before or just now), prepare it for dragging
+					if updated_selected.contains(&clicked_id) {
+						let drag_start = DragStart {
+							start_x: node_graph_point.x,
+							start_y: node_graph_point.y,
+							round_x: 0,
+							round_y: 0,
+						};
+
+						self.drag_start = Some((drag_start, false));
+						self.begin_dragging = true;
+						self.node_has_moved_in_drag = false;
+						self.update_node_graph_hints(responses);
+					}
+
+					// Update the selection if it was modified
+					if modified_selected {
+						responses.add(NodeGraphMessage::SelectedNodesSet { nodes: updated_selected })
+					}
+					// Start the transaction after setting the node, since when the transactions ends it aborts any changes after this
+					responses.add(DocumentMessage::StartTransaction);
+
+					return;
+				}
+
+				// Clicked on the graph background so we box select
+				if !shift_click {
+					responses.add(NodeGraphMessage::SelectedNodesSet { nodes: Vec::new() })
+				}
+				self.box_selection_start = Some((node_graph_point, false));
+				self.update_node_graph_hints(responses);
+			}
+			NodeGraphMessage::PointerMove { shift } => {
+				if selection_network_path != breadcrumb_network_path {
+					log::error!("Selection network path does not match breadcrumb network path in PointerMove");
+					return;
+				}
+				let Some(network_metadata) = network_interface.network_metadata(selection_network_path) else {
+					return;
+				};
+
+				// Auto-panning
+				let messages = [NodeGraphMessage::PointerOutsideViewport { shift }.into(), NodeGraphMessage::PointerMove { shift }.into()];
+				self.auto_panning.setup_by_mouse_position(ipp, &messages, responses);
+
+				let viewport_location = ipp.mouse.position;
+				let point = network_metadata
+					.persistent_metadata
+					.navigation_metadata
+					.node_graph_to_viewport
+					.inverse()
+					.transform_point2(viewport_location);
+
+				if self.wire_in_progress_from_connector.is_some() && self.context_menu.is_none() {
+					let to_connector = network_interface.input_connector_from_click(ipp.mouse.position, selection_network_path);
+					if let Some(to_connector) = &to_connector {
+						let Some(input_position) = network_interface.input_position(to_connector, selection_network_path) else {
+							log::error!("Could not get input position for connector: {to_connector:?}");
+							return;
+						};
+						self.wire_in_progress_to_connector = Some(input_position);
+					}
+					// Not hovering over a node input or node output, update with the mouse position.
+					else {
+						self.wire_in_progress_to_connector = Some(point);
+						// Disconnect if the wire was previously connected to an input
+						if let Some(disconnecting) = &self.disconnecting {
+							let mut disconnect_root_node = false;
+							if let Previewing::Yes { root_node_to_restore } = network_interface.previewing(selection_network_path) {
+								if root_node_to_restore.is_some() && *disconnecting == InputConnector::Export(0) {
+									disconnect_root_node = true;
+								}
+							}
+							if disconnect_root_node {
+								responses.add(NodeGraphMessage::DisconnectRootNode);
+							} else {
+								responses.add(NodeGraphMessage::DisconnectInput { input_connector: *disconnecting });
+							}
+							// Update the frontend that the node is disconnected
+							responses.add(NodeGraphMessage::RunDocumentGraph);
+							responses.add(NodeGraphMessage::SendGraph);
+							self.disconnecting = None;
+						}
+					}
+
+					if let (Some(wire_in_progress_from_connector), Some(wire_in_progress_to_connector)) = (self.wire_in_progress_from_connector, self.wire_in_progress_to_connector) {
+						// If performance is a concern this can be stored as a field in the wire_in_progress_from/to_connector struct, and updated when snapping to an output
+						let Some(network_metadata) = network_interface.network_metadata(selection_network_path) else {
+							return;
+						};
+						let from_connector_viewport = network_metadata
+							.persistent_metadata
+							.navigation_metadata
+							.node_graph_to_viewport
+							.transform_point2(wire_in_progress_from_connector);
+						let from_connector_is_layer = network_interface
+							.output_connector_from_click(from_connector_viewport, selection_network_path)
+							.is_some_and(|output_connector| {
+								if let OutputConnector::Node { node_id, .. } = output_connector {
+									network_interface.is_layer(&node_id, selection_network_path)
+								} else {
+									false
+								}
+							});
+						let to_connector_is_layer = to_connector.is_some_and(|to_connector| {
+							if let InputConnector::Node { node_id, input_index } = to_connector {
+								input_index == 0 && network_interface.is_layer(&node_id, selection_network_path)
+							} else {
+								false
+							}
+						});
+						let vector_wire = build_vector_wire(
+							wire_in_progress_from_connector,
+							wire_in_progress_to_connector,
+							from_connector_is_layer,
+							to_connector_is_layer,
+							GraphWireStyle::Direct,
+						);
+						let mut path_string = String::new();
+						let _ = vector_wire.subpath_to_svg(&mut path_string, DAffine2::IDENTITY);
+						let wire_path = WirePath {
+							path_string,
+							data_type: self.wire_in_progress_type,
+							thick: false,
+							dashed: false,
+						};
+						responses.add(FrontendMessage::UpdateWirePathInProgress { wire_path: Some(wire_path) });
+					}
+				} else if let Some((drag_start, dragged)) = &mut self.drag_start {
+					if drag_start.start_x != point.x || drag_start.start_y != point.y {
+						*dragged = true;
+					}
+
+					self.node_has_moved_in_drag = true;
+					if self.begin_dragging {
+						self.begin_dragging = false;
+						if ipp.keyboard.get(Key::Alt as usize) {
+							responses.add(NodeGraphMessage::DuplicateSelectedNodes);
+							// Duplicating sets a 2x2 offset, so shift the nodes back to the original position
+							responses.add(NodeGraphMessage::ShiftSelectedNodesByAmount {
+								graph_delta: IVec2::new(-2, -2),
+								rubber_band: false,
+							});
+							self.preview_on_mouse_up = None;
+						}
+					}
+
+					let mut graph_delta = IVec2::new(((point.x - drag_start.start_x) / 24.).round() as i32, ((point.y - drag_start.start_y) / 24.).round() as i32);
+					let previous_round_x = drag_start.round_x;
+					let previous_round_y = drag_start.round_y;
+
+					drag_start.round_x = graph_delta.x;
+					drag_start.round_y = graph_delta.y;
+
+					graph_delta.x -= previous_round_x;
+					graph_delta.y -= previous_round_y;
+
+					responses.add(NodeGraphMessage::ShiftSelectedNodesByAmount { graph_delta, rubber_band: true });
+
+					self.update_node_graph_hints(responses);
+				} else if let Some((_, box_selection_dragged)) = &mut self.box_selection_start {
+					*box_selection_dragged = true;
+					responses.add(NodeGraphMessage::UpdateBoxSelection);
+					self.update_node_graph_hints(responses);
+				} else if self.reordering_import.is_some() {
+					let Some(modify_import_export) = network_interface.modify_import_export(selection_network_path) else {
+						log::error!("Could not get modify import export in PointerMove");
+						return;
+					};
+					// Find the first import that is below the mouse position
+					self.end_index = Some(
+						modify_import_export
+							.reorder_imports_exports
+							.output_ports()
+							.find_map(|(index, click_target)| {
+								let Some(position) = click_target.bounding_box().map(|bbox| (bbox[0].y + bbox[1].y) / 2.) else {
+									log::error!("Could not get bounding box for import: {index}");
+									return None;
+								};
+								(position > point.y).then_some(*index)
+							})
+							.unwrap_or(modify_import_export.reorder_imports_exports.output_ports().count()),
+					);
+					responses.add(FrontendMessage::UpdateImportReorderIndex { index: self.end_index });
+				} else if self.reordering_export.is_some() {
+					let Some(modify_import_export) = network_interface.modify_import_export(selection_network_path) else {
+						log::error!("Could not get modify import export in PointerMove");
+						return;
+					};
+					// Find the first export that is below the mouse position
+					self.end_index = Some(
+						modify_import_export
+							.reorder_imports_exports
+							.input_ports()
+							.find_map(|(index, click_target)| {
+								let Some(position) = click_target.bounding_box().map(|bbox| (bbox[0].y + bbox[1].y) / 2.) else {
+									log::error!("Could not get bounding box for export: {index}");
+									return None;
+								};
+								(position > point.y).then_some(*index)
+							})
+							.unwrap_or(modify_import_export.reorder_imports_exports.input_ports().count()),
+					);
+					responses.add(FrontendMessage::UpdateExportReorderIndex { index: self.end_index });
+				}
+			}
+			NodeGraphMessage::PointerUp => {
+				if selection_network_path != breadcrumb_network_path {
+					log::error!("Selection network path does not match breadcrumb network path in PointerUp");
+					return;
+				}
+				let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+					log::error!("Could not get selected nodes in PointerUp");
+					return;
+				};
+				let Some(network_metadata) = network_interface.network_metadata(selection_network_path) else {
+					warn!("No network_metadata");
+					return;
+				};
+
+				if let Some(preview_node) = self.preview_on_mouse_up {
+					responses.add(NodeGraphMessage::TogglePreview { node_id: preview_node });
+					self.preview_on_mouse_up = None;
+				}
+				if let Some(node_to_deselect) = self.deselect_on_pointer_up.take() {
+					if !self.drag_start.as_ref().is_some_and(|t| t.1) {
+						let mut new_selected_nodes = selected_nodes.selected_nodes_ref().clone();
+						new_selected_nodes.remove(node_to_deselect);
+						responses.add(NodeGraphMessage::SelectedNodesSet { nodes: new_selected_nodes });
+						return;
+					}
+				}
+				let point = network_metadata
+					.persistent_metadata
+					.navigation_metadata
+					.node_graph_to_viewport
+					.inverse()
+					.transform_point2(ipp.mouse.position);
+				// Disconnect if the wire was previously connected to an input
+				if let (Some(wire_in_progress_from_connector), Some(wire_in_progress_to_connector)) = (self.wire_in_progress_from_connector, self.wire_in_progress_to_connector) {
+					// Check if dragged connector is reconnected to another input
+					let node_graph_to_viewport = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport;
+					let from_connector_viewport = node_graph_to_viewport.transform_point2(wire_in_progress_from_connector);
+					let to_connector_viewport = node_graph_to_viewport.transform_point2(wire_in_progress_to_connector);
+					let output_connector = network_interface.output_connector_from_click(from_connector_viewport, selection_network_path);
+					let input_connector = network_interface.input_connector_from_click(to_connector_viewport, selection_network_path);
+
+					if let (Some(output_connector), Some(input_connector)) = (&output_connector, &input_connector) {
+						responses.add(NodeGraphMessage::CreateWire {
+							input_connector: *input_connector,
+							output_connector: *output_connector,
+						});
+
+						responses.add(NodeGraphMessage::RunDocumentGraph);
+
+						responses.add(NodeGraphMessage::SendGraph);
+					} else if output_connector.is_some() && input_connector.is_none() && !self.initial_disconnecting {
+						// If the add node menu is already open, we don't want to open it again
+						if self.context_menu.is_some() {
+							return;
+						}
+						let Some(network_metadata) = network_interface.network_metadata(selection_network_path) else {
+							warn!("No network_metadata");
+							return;
+						};
+						// Get the compatible type from the output connector
+						let compatible_type = output_connector.and_then(|output_connector| {
+							output_connector.node_id().and_then(|node_id| {
+								// Get the output types from the network interface
+								let (output_type, type_source) = network_interface.output_type(&node_id, output_connector.index(), selection_network_path);
+
+								match type_source {
+									TypeSource::RandomProtonodeImplementation | TypeSource::Error(_) => None,
+									_ => Some(format!("type:{}", output_type.nested_type())),
+								}
+							})
+						});
+						let appear_right_of_mouse = if ipp.mouse.position.x > ipp.viewport_bounds.size().x - 173. { -173. } else { 0. };
+						let appear_above_mouse = if ipp.mouse.position.y > ipp.viewport_bounds.size().y - 34. { -34. } else { 0. };
+						let node_graph_shift = DVec2::new(appear_right_of_mouse, appear_above_mouse) / network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.matrix2.x_axis.x;
+
+						self.context_menu = Some(ContextMenuInformation {
+							context_menu_coordinates: ((point.x + node_graph_shift.x) as i32, (point.y + node_graph_shift.y) as i32),
+							context_menu_data: ContextMenuData::CreateNode { compatible_type },
+						});
+
+						responses.add(FrontendMessage::UpdateContextMenuInformation {
+							context_menu_information: self.context_menu.clone(),
+						});
+						return;
+					}
+				}
+				// End of dragging a node
+				else if let Some((drag_start, _)) = &self.drag_start {
+					self.shift_without_push = false;
+
+					// Reset all offsets to end the rubber banding while dragging
+					network_interface.unload_stack_dependents_y_offset(selection_network_path);
+					let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+						log::error!("Could not get selected nodes in PointerUp");
+						return;
+					};
+
+					// Only select clicked node if multiple are selected and they were not dragged
+					if let Some(select_if_not_dragged) = self.select_if_not_dragged {
+						let not_dragged = drag_start.start_x == point.x && drag_start.start_y == point.y;
+						if not_dragged
+							&& (selected_nodes.selected_nodes_ref().len() != 1
+								|| selected_nodes
+									.selected_nodes_ref()
+									.first()
+									.is_some_and(|first_selected_node| *first_selected_node != select_if_not_dragged))
+						{
+							responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![select_if_not_dragged] })
+						}
+					}
+
+					// Try expand the upstream chain for all layers if there is an eligible node
+					let Some(network) = network_interface.nested_network(selection_network_path) else { return };
+					for layer in network
+						.nodes
+						.keys()
+						.filter(|node_id| network_interface.is_layer(node_id, selection_network_path))
+						.cloned()
+						.collect::<Vec<_>>()
+					{
+						network_interface.try_set_upstream_to_chain(&InputConnector::node(layer, 1), selection_network_path);
+					}
+					responses.add(NodeGraphMessage::SendGraph);
+
+					let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+						log::error!("Could not get selected nodes in PointerUp");
+						return;
+					};
+					// Check if a single node was dragged onto a wire and that the node was dragged onto the wire
+					if selected_nodes.selected_nodes_ref().len() == 1 && !self.begin_dragging {
+						let selected_node_id = selected_nodes.selected_nodes_ref()[0];
+						let has_primary_output_connection = network_interface
+							.outward_wires(selection_network_path)
+							.is_some_and(|outward_wires| outward_wires.get(&OutputConnector::node(selected_node_id, 0)).is_some_and(|outward_wires| !outward_wires.is_empty()));
+						if !has_primary_output_connection {
+							let Some(network) = network_interface.nested_network(selection_network_path) else {
+								return;
+							};
+							let Some(selected_node) = network.nodes.get(&selected_node_id) else {
+								return;
+							};
+							// Check that the first visible input is disconnected
+							let selected_node_input_connect_index = selected_node
+								.inputs
+								.iter()
+								.enumerate()
+								.find(|input| input.1.is_exposed())
+								.filter(|input| input.1.as_value().is_some())
+								.map(|input| input.0);
+							if let Some(selected_node_input_connect_index) = selected_node_input_connect_index {
+								let Some(bounding_box) = network_interface.node_bounding_box(&selected_node_id, selection_network_path) else {
+									log::error!("Could not get bounding box for node: {selected_node_id}");
+									return;
+								};
+								let mut wires_to_check = network_interface.node_graph_input_connectors(selection_network_path).into_iter().collect::<HashSet<_>>();
+								// Prevent inserting on a link that is connected upstream to the selected node
+								for upstream_node in network_interface.upstream_flow_back_from_nodes(vec![selected_node_id], selection_network_path, network_interface::FlowType::UpstreamFlow) {
+									for input_index in 0..network_interface.number_of_inputs(&upstream_node, selection_network_path) {
+										wires_to_check.remove(&InputConnector::node(upstream_node, input_index));
+									}
+								}
+
+								let overlapping_wires = wires_to_check
+									.into_iter()
+									.filter_map(|input| {
+										// Prevent inserting a layer into a chain
+										if network_interface.is_layer(&selected_node_id, selection_network_path)
+											&& input.node_id().is_some_and(|input_node_id| network_interface.is_chain(&input_node_id, selection_network_path))
+										{
+											return None;
+										}
+										let (wire, is_stack) = network_interface.vector_wire_from_input(&input, preferences.graph_wire_style, selection_network_path)?;
+										wire.rectangle_intersections_exist(bounding_box[0], bounding_box[1]).then_some((input, is_stack))
+									})
+									.collect::<Vec<_>>();
+								// Prioritize vertical thick lines and cancel if there are multiple potential wires
+								let mut node_wires = Vec::new();
+								let mut stack_wires = Vec::new();
+								for (overlapping_wire_input, is_stack) in overlapping_wires {
+									if is_stack {
+										stack_wires.push(overlapping_wire_input)
+									} else {
+										node_wires.push(overlapping_wire_input)
+									}
+								}
+
+								let overlapping_wire = if network_interface.is_layer(&selected_node_id, selection_network_path) {
+									if stack_wires.len() == 1 {
+										stack_wires.first()
+									} else if stack_wires.is_empty() && node_wires.len() == 1 {
+										node_wires.first()
+									} else {
+										None
+									}
+								} else if node_wires.len() == 1 {
+									node_wires.first()
+								} else {
+									None
+								};
+								if let Some(overlapping_wire) = overlapping_wire {
+									responses.add(NodeGraphMessage::InsertNodeBetween {
+										node_id: selected_node_id,
+										input_connector: *overlapping_wire,
+										insert_node_input_index: selected_node_input_connect_index,
+									});
+									responses.add(NodeGraphMessage::RunDocumentGraph);
+									responses.add(NodeGraphMessage::SendGraph);
+								}
+							}
+						}
+					}
+					self.select_if_not_dragged = None;
+				}
+				// End of reordering an import
+				else if let (Some(moving_import), Some(end_index)) = (self.reordering_import, self.end_index) {
+					responses.add(NodeGraphMessage::ReorderImport {
+						start_index: moving_import,
+						end_index,
+					});
+					responses.add(DocumentMessage::EndTransaction);
+				}
+				// End of reordering an export
+				else if let (Some(moving_export), Some(end_index)) = (self.reordering_export, self.end_index) {
+					responses.add(NodeGraphMessage::ReorderExport {
+						start_index: moving_export,
+						end_index,
+					});
+					responses.add(DocumentMessage::EndTransaction);
+				}
+				self.drag_start = None;
+				self.begin_dragging = false;
+				self.box_selection_start = None;
+				self.wire_in_progress_from_connector = None;
+				self.wire_in_progress_type = FrontendGraphDataType::General;
+				self.wire_in_progress_to_connector = None;
+				self.reordering_export = None;
+				self.reordering_import = None;
+				responses.add(DocumentMessage::EndTransaction);
+				responses.add(FrontendMessage::UpdateWirePathInProgress { wire_path: None });
+				responses.add(FrontendMessage::UpdateBox { box_selection: None });
+				responses.add(FrontendMessage::UpdateImportReorderIndex { index: None });
+				responses.add(FrontendMessage::UpdateExportReorderIndex { index: None });
+				self.update_node_graph_hints(responses);
+			}
+			NodeGraphMessage::PointerOutsideViewport { shift } => {
+				if self.drag_start.is_some() || self.box_selection_start.is_some() || (self.wire_in_progress_from_connector.is_some() && self.context_menu.is_none()) {
+					let _ = self.auto_panning.shift_viewport(ipp, responses);
+				} else {
+					// Auto-panning
+					let messages = [NodeGraphMessage::PointerOutsideViewport { shift }.into(), NodeGraphMessage::PointerMove { shift }.into()];
+					self.auto_panning.stop(&messages, responses);
+				}
+			}
+			NodeGraphMessage::RemoveImport { import_index: usize } => {
+				network_interface.remove_import(usize, selection_network_path);
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			NodeGraphMessage::RemoveExport { export_index: usize } => {
+				network_interface.remove_export(usize, selection_network_path);
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			NodeGraphMessage::ReorderImport { start_index, end_index } => {
+				network_interface.reorder_import(start_index, end_index, selection_network_path);
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			NodeGraphMessage::ReorderExport { start_index, end_index } => {
+				network_interface.reorder_export(start_index, end_index, selection_network_path);
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			NodeGraphMessage::RunDocumentGraph => {
+				responses.add(PortfolioMessage::SubmitGraphRender { document_id, ignore_hash: false });
+			}
+			NodeGraphMessage::ForceRunDocumentGraph => {
+				responses.add(PortfolioMessage::SubmitGraphRender { document_id, ignore_hash: true });
+			}
+			NodeGraphMessage::SelectedNodesAdd { nodes } => {
+				let Some(selected_nodes) = network_interface.selected_nodes_mut(selection_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::SelectedNodesAdd");
+					return;
+				};
+				selected_nodes.add_selected_nodes(nodes);
+				responses.add(BroadcastEvent::SelectionChanged);
+			}
+			NodeGraphMessage::SelectedNodesRemove { nodes } => {
+				let Some(selected_nodes) = network_interface.selected_nodes_mut(selection_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::SelectedNodesRemove");
+					return;
+				};
+				selected_nodes.retain_selected_nodes(|node| !nodes.contains(node));
+				responses.add(BroadcastEvent::SelectionChanged);
+			}
+			NodeGraphMessage::SelectedNodesSet { nodes } => {
+				let Some(selected_nodes) = network_interface.selected_nodes_mut(selection_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::SelectedNodesSet");
+					return;
+				};
+				selected_nodes.set_selected_nodes(nodes);
+				responses.add(BroadcastEvent::SelectionChanged);
+				responses.add(PropertiesPanelMessage::Refresh);
+			}
+			NodeGraphMessage::SendClickTargets => responses.add(FrontendMessage::UpdateClickTargets {
+				click_targets: Some(network_interface.collect_frontend_click_targets(breadcrumb_network_path)),
+			}),
+			NodeGraphMessage::EndSendClickTargets => responses.add(FrontendMessage::UpdateClickTargets { click_targets: None }),
+			NodeGraphMessage::UnloadWires => {
+				for input in network_interface.node_graph_input_connectors(breadcrumb_network_path) {
+					network_interface.unload_wire(&input, breadcrumb_network_path);
+				}
+
+				responses.add(FrontendMessage::ClearAllNodeGraphWires);
+			}
+			NodeGraphMessage::SendWires => {
+				let wires = self.collect_wires(network_interface, preferences.graph_wire_style, breadcrumb_network_path);
+				responses.add(FrontendMessage::UpdateNodeGraphWires { wires });
+			}
+			NodeGraphMessage::UpdateVisibleNodes => {
+				let Some(network_metadata) = network_interface.network_metadata(breadcrumb_network_path) else {
+					return;
+				};
+
+				let viewport_bbox = ipp.document_bounds();
+				let document_bbox: [DVec2; 2] = viewport_bbox.map(|p| network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.inverse().transform_point2(p));
+
+				let mut nodes = Vec::new();
+				for node_id in &self.frontend_nodes {
+					let Some(node_bbox) = network_interface.node_bounding_box(node_id, breadcrumb_network_path) else {
+						log::error!("Could not get bbox for node: {:?}", node_id);
+						continue;
+					};
+
+					if node_bbox[1].x >= document_bbox[0].x && node_bbox[0].x <= document_bbox[1].x && node_bbox[1].y >= document_bbox[0].y && node_bbox[0].y <= document_bbox[1].y {
+						nodes.push(*node_id);
+					}
+				}
+
+				responses.add(FrontendMessage::UpdateVisibleNodes { nodes });
+			}
+			NodeGraphMessage::SendGraph => {
+				responses.add(NodeGraphMessage::UpdateLayerPanel);
+				responses.add(DocumentMessage::DocumentStructureChanged);
+				responses.add(PropertiesPanelMessage::Refresh);
+				if breadcrumb_network_path == selection_network_path && graph_view_overlay_open {
+					let nodes = self.collect_nodes(network_interface, breadcrumb_network_path);
+					self.frontend_nodes = nodes.iter().map(|node| node.id).collect();
+					responses.add(FrontendMessage::UpdateNodeGraphNodes { nodes });
+					responses.add(NodeGraphMessage::UpdateVisibleNodes);
+
+					let (layer_widths, chain_widths, has_left_input_wire) = network_interface.collect_layer_widths(breadcrumb_network_path);
+
+					responses.add(NodeGraphMessage::UpdateImportsExports);
+					responses.add(FrontendMessage::UpdateLayerWidths {
+						layer_widths,
+						chain_widths,
+						has_left_input_wire,
+					});
+					responses.add(NodeGraphMessage::SendSelectedNodes);
+					self.update_node_graph_hints(responses);
+				}
+			}
+			NodeGraphMessage::SetGridAlignedEdges => {
+				if graph_view_overlay_open {
+					network_interface.set_grid_aligned_edges(DVec2::new(ipp.viewport_bounds.bottom_right.x - ipp.viewport_bounds.top_left.x, 0.), breadcrumb_network_path);
+					// Send the new edges to the frontend
+					responses.add(NodeGraphMessage::UpdateImportsExports);
+				}
+			}
+			NodeGraphMessage::SetInputValue { node_id, input_index, value } => {
+				let input = NodeInput::value(value, false);
+				responses.add(NodeGraphMessage::SetInput {
+					input_connector: InputConnector::node(node_id, input_index),
+					input,
+				});
+				responses.add(PropertiesPanelMessage::Refresh);
+				if !(network_interface.reference(&node_id, selection_network_path).is_none() || input_index == 0) && network_interface.connected_to_output(&node_id, selection_network_path) {
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+			}
+			NodeGraphMessage::SetInput { input_connector, input } => {
+				network_interface.set_input(&input_connector, input, selection_network_path);
+			}
+			NodeGraphMessage::ShiftSelectedNodes { direction, rubber_band } => {
+				network_interface.shift_selected_nodes(direction, self.shift_without_push, selection_network_path);
+
+				if !rubber_band {
+					network_interface.unload_stack_dependents_y_offset(selection_network_path);
+				}
+
+				if graph_view_overlay_open {
+					responses.add(NodeGraphMessage::SendGraph);
+					responses.add(DocumentMessage::RenderRulers);
+					responses.add(DocumentMessage::RenderScrollbars);
+				}
+			}
+			NodeGraphMessage::ShiftSelectedNodesByAmount { mut graph_delta, rubber_band } => {
+				while graph_delta != IVec2::ZERO {
+					match graph_delta.x.cmp(&0) {
+						Ordering::Greater => {
+							responses.add(NodeGraphMessage::ShiftSelectedNodes {
+								direction: Direction::Right,
+								rubber_band,
+							});
+							graph_delta.x -= 1;
+						}
+						Ordering::Less => {
+							responses.add(NodeGraphMessage::ShiftSelectedNodes {
+								direction: Direction::Left,
+								rubber_band,
+							});
+							graph_delta.x += 1;
+						}
+						Ordering::Equal => {}
+					}
+
+					match graph_delta.y.cmp(&0) {
+						Ordering::Greater => {
+							responses.add(NodeGraphMessage::ShiftSelectedNodes {
+								direction: Direction::Down,
+								rubber_band,
+							});
+							graph_delta.y -= 1;
+						}
+						Ordering::Less => {
+							responses.add(NodeGraphMessage::ShiftSelectedNodes {
+								direction: Direction::Up,
+								rubber_band,
+							});
+							graph_delta.y += 1;
+						}
+						Ordering::Equal => {}
+					}
+				}
+
+				responses.add(NodeGraphMessage::SendWires);
+			}
+			NodeGraphMessage::ToggleSelectedAsLayersOrNodes => {
+				let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::ToggleSelectedAsLayersOrNodes");
+					return;
+				};
+				responses.add(DocumentMessage::AddTransaction);
+				for node_id in selected_nodes.selected_nodes() {
+					responses.add(NodeGraphMessage::SetToNodeOrLayer {
+						node_id: *node_id,
+						is_layer: !network_interface.is_layer(node_id, selection_network_path),
+					});
+				}
+				if selected_nodes.selected_nodes().any(|node_id| network_interface.connected_to_output(node_id, selection_network_path)) {
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+			}
+			NodeGraphMessage::ShiftNodePosition { node_id, x, y } => {
+				network_interface.shift_absolute_node_position(&node_id, IVec2::new(x, y), selection_network_path);
+
+				responses.add(NodeGraphMessage::SendWires);
+			}
+			NodeGraphMessage::SetToNodeOrLayer { node_id, is_layer } => {
+				if is_layer && !network_interface.is_eligible_to_be_layer(&node_id, selection_network_path) {
+					return;
+				}
+				network_interface.set_to_node_or_layer(&node_id, selection_network_path, is_layer);
+
+				self.context_menu = None;
+				responses.add(FrontendMessage::UpdateContextMenuInformation {
+					context_menu_information: self.context_menu.clone(),
+				});
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(NodeGraphMessage::SendGraph);
+				responses.add(NodeGraphMessage::SendWires);
+			}
+			NodeGraphMessage::SetDisplayName {
+				node_id,
+				alias,
+				skip_adding_history_step,
+			} => {
+				if !skip_adding_history_step {
+					responses.add(DocumentMessage::StartTransaction);
+				}
+				responses.add(NodeGraphMessage::SetDisplayNameImpl { node_id, alias });
+				if !skip_adding_history_step {
+					// Does not add a history step if the name was not changed
+					responses.add(DocumentMessage::EndTransaction);
+				}
+				responses.add(DocumentMessage::RenderRulers);
+				responses.add(DocumentMessage::RenderScrollbars);
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			NodeGraphMessage::SetDisplayNameImpl { node_id, alias } => {
+				network_interface.set_display_name(&node_id, alias, selection_network_path);
+			}
+			NodeGraphMessage::SetImportExportName { name, index } => {
+				responses.add(DocumentMessage::StartTransaction);
+				responses.add(NodeGraphMessage::SetImportExportNameImpl { name, index });
+				responses.add(DocumentMessage::EndTransaction);
+				responses.add(NodeGraphMessage::UpdateImportsExports);
+			}
+			NodeGraphMessage::SetImportExportNameImpl { name, index } => network_interface.set_import_export_name(name, index, breadcrumb_network_path),
+			NodeGraphMessage::TogglePreview { node_id } => {
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::TogglePreviewImpl { node_id });
+				responses.add(NodeGraphMessage::UpdateActionButtons);
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+			}
+			NodeGraphMessage::TogglePreviewImpl { node_id } => {
+				network_interface.toggle_preview(node_id, selection_network_path);
+			}
+			NodeGraphMessage::ToggleSelectedLocked => {
+				let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::ToggleSelectedLocked");
+					return;
+				};
+				let node_ids = selected_nodes.selected_nodes().cloned().collect::<Vec<_>>();
+
+				// If any of the selected layers are locked, show them all. Otherwise, hide them all.
+				let locked = !node_ids.iter().all(|node_id| network_interface.is_locked(node_id, selection_network_path));
+
+				responses.add(DocumentMessage::AddTransaction);
+
+				for node_id in &node_ids {
+					responses.add(NodeGraphMessage::SetLocked { node_id: *node_id, locked });
+				}
+
+				responses.add(NodeGraphMessage::SetLockedOrVisibilitySideEffects { node_ids })
+			}
+			NodeGraphMessage::ToggleLocked { node_id } => {
+				let Some(node_metadata) = network_interface.document_network_metadata().persistent_metadata.node_metadata.get(&node_id) else {
+					log::error!("Cannot get node {:?} in NodeGraphMessage::ToggleLocked", node_id);
+					return;
+				};
+
+				let locked = !node_metadata.persistent_metadata.locked;
+
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::SetLocked { node_id, locked });
+				responses.add(NodeGraphMessage::SetLockedOrVisibilitySideEffects { node_ids: vec![node_id] })
+			}
+			NodeGraphMessage::SetLocked { node_id, locked } => {
+				network_interface.set_locked(&node_id, selection_network_path, locked);
+			}
+			NodeGraphMessage::ToggleSelectedIsPinned => {
+				let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::ToggleSelectedIsPinned");
+					return;
+				};
+				let node_ids = selected_nodes.selected_nodes().cloned().collect::<Vec<_>>();
+
+				// If any of the selected nodes are pinned, unpin them all. Otherwise, pin them all.
+				let pinned = !node_ids.iter().all(|node_id| network_interface.is_pinned(node_id, breadcrumb_network_path));
+
+				responses.add(DocumentMessage::AddTransaction);
+				for node_id in &node_ids {
+					responses.add(NodeGraphMessage::SetPinned { node_id: *node_id, pinned });
+				}
+				responses.add(NodeGraphMessage::SetLockedOrVisibilitySideEffects { node_ids });
+			}
+			NodeGraphMessage::ToggleSelectedVisibility => {
+				let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::ToggleSelectedLocked");
+					return;
+				};
+				let node_ids = selected_nodes.selected_nodes().cloned().collect::<Vec<_>>();
+
+				// If any of the selected nodes are hidden, show them all. Otherwise, hide them all.
+				let visible = !node_ids.iter().all(|node_id| network_interface.is_visible(node_id, selection_network_path));
+
+				responses.add(DocumentMessage::AddTransaction);
+				for node_id in &node_ids {
+					responses.add(NodeGraphMessage::SetVisibility { node_id: *node_id, visible });
+				}
+				responses.add(NodeGraphMessage::SetLockedOrVisibilitySideEffects { node_ids });
+			}
+			NodeGraphMessage::ToggleVisibility { node_id } => {
+				let visible = !network_interface.is_visible(&node_id, selection_network_path);
+
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(NodeGraphMessage::SetVisibility { node_id, visible });
+				responses.add(NodeGraphMessage::SetLockedOrVisibilitySideEffects { node_ids: vec![node_id] });
+			}
+			NodeGraphMessage::SetPinned { node_id, pinned } => {
+				network_interface.set_pinned(&node_id, selection_network_path, pinned);
+			}
+			NodeGraphMessage::SetVisibility { node_id, visible } => {
+				network_interface.set_visibility(&node_id, selection_network_path, visible);
+			}
+			NodeGraphMessage::SetLockedOrVisibilitySideEffects { node_ids } => {
+				if node_ids.iter().any(|node_id| network_interface.connected_to_output(node_id, selection_network_path)) {
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+				responses.add(NodeGraphMessage::UpdateActionButtons);
+				responses.add(NodeGraphMessage::SendGraph);
+
+				responses.add(PropertiesPanelMessage::Refresh);
+			}
+			NodeGraphMessage::UpdateBoxSelection => {
+				if let Some((box_selection_start, _)) = self.box_selection_start {
+					// The mouse button was released but we missed the pointer up event
+					// if ((e.buttons & 1) === 0) {
+					// 	completeBoxSelection();
+					// 	boxSelection = undefined;
+					// } else if ((e.buttons & 2) !== 0) {
+					// 	editor.handle.selectNodes(new BigUint64Array(previousSelection));
+					// 	boxSelection = undefined;
+					// }
+
+					let Some(network_metadata) = network_interface.network_metadata(selection_network_path) else {
+						log::error!("Could not get network metadata in UpdateBoxSelection");
+						return;
+					};
+
+					let box_selection_start_viewport = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.transform_point2(box_selection_start);
+
+					let box_selection = Some(BoxSelection {
+						start_x: box_selection_start_viewport.x.max(0.) as u32,
+						start_y: box_selection_start_viewport.y.max(0.) as u32,
+						end_x: ipp.mouse.position.x.max(0.) as u32,
+						end_y: ipp.mouse.position.y.max(0.) as u32,
+					});
+					let box_selection_end_graph = network_metadata
+						.persistent_metadata
+						.navigation_metadata
+						.node_graph_to_viewport
+						.inverse()
+						.transform_point2(ipp.mouse.position);
+
+					let shift = ipp.keyboard.get(Key::Shift as usize);
+					let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+						log::error!("Could not get selected nodes in PointerMove");
+						return;
+					};
+					let previous_selection = selected_nodes.selected_nodes_ref().iter().cloned().collect::<HashSet<_>>();
+					let mut nodes = if shift {
+						selected_nodes.selected_nodes_ref().iter().cloned().collect::<HashSet<_>>()
+					} else {
+						HashSet::new()
+					};
+					let all_nodes = network_metadata.persistent_metadata.node_metadata.keys().cloned().collect::<Vec<_>>();
+					for node_id in all_nodes {
+						let Some(click_targets) = network_interface.node_click_targets(&node_id, selection_network_path) else {
+							log::error!("Could not get transient metadata for node {node_id}");
+							continue;
+						};
+						let quad = Quad::from_box([box_selection_start, box_selection_end_graph]);
+						if click_targets.node_click_target.intersect_path(|| quad.bezier_lines(), DAffine2::IDENTITY) {
+							nodes.insert(node_id);
+						}
+					}
+					if nodes != previous_selection {
+						responses.add(NodeGraphMessage::SelectedNodesSet {
+							nodes: nodes.into_iter().collect::<Vec<_>>(),
+						});
+					}
+					responses.add(FrontendMessage::UpdateBox { box_selection })
+				}
+			}
+			NodeGraphMessage::UpdateImportsExports => {
+				let imports = network_interface.frontend_imports(breadcrumb_network_path).unwrap_or_default();
+				let exports = network_interface.frontend_exports(breadcrumb_network_path).unwrap_or_default();
+				let add_import = network_interface
+					.frontend_import_export_modify(
+						|modify_import_export_click_target| modify_import_export_click_target.add_import_export.output_ports().collect::<Vec<_>>(),
+						breadcrumb_network_path,
+					)
+					.into_iter()
+					.next();
+				let add_export = network_interface
+					.frontend_import_export_modify(
+						|modify_import_export_click_target| modify_import_export_click_target.add_import_export.input_ports().collect::<Vec<_>>(),
+						breadcrumb_network_path,
+					)
+					.into_iter()
+					.next();
+				responses.add(NodeGraphMessage::UpdateVisibleNodes);
+				responses.add(NodeGraphMessage::SendWires);
+				responses.add(FrontendMessage::UpdateImportsExports {
+					imports,
+					exports,
+					add_import,
+					add_export,
+				});
+			}
+
+			NodeGraphMessage::UpdateLayerPanel => {
+				Self::update_layer_panel(network_interface, selection_network_path, collapsed, responses);
+			}
+			NodeGraphMessage::UpdateEdges => {
+				// Update the import/export UI edges whenever the PTZ changes or the bounding box of all nodes changes
+			}
+			NodeGraphMessage::UpdateNewNodeGraph => {
+				let Some(selected_nodes) = network_interface.selected_nodes_mut(selection_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::UpdateNewNodeGraph");
+					return;
+				};
+				selected_nodes.clear_selected_nodes();
+				responses.add(BroadcastEvent::SelectionChanged);
+
+				responses.add(NodeGraphMessage::SendGraph);
+			}
+			NodeGraphMessage::UpdateTypes { resolved_types, node_graph_errors } => {
+				for (path, node_type) in resolved_types.add {
+					network_interface.resolved_types.types.insert(path.to_vec(), node_type);
+				}
+				for path in resolved_types.remove {
+					network_interface.resolved_types.types.remove(&path.to_vec());
+				}
+				self.node_graph_errors = node_graph_errors;
+			}
+			NodeGraphMessage::UpdateActionButtons => {
+				if selection_network_path == breadcrumb_network_path {
+					self.update_graph_bar_left(network_interface, breadcrumb_network_path, responses);
+					self.send_node_bar_layout(responses);
+				}
+			}
+			NodeGraphMessage::UpdateGraphBarRight => {
+				self.update_graph_bar_right(graph_fade_artwork_percentage, network_interface, breadcrumb_network_path, navigation_handler);
+				self.send_node_bar_layout(responses);
+			}
+			NodeGraphMessage::UpdateInSelectedNetwork => responses.add(FrontendMessage::UpdateInSelectedNetwork {
+				in_selected_network: selection_network_path == breadcrumb_network_path,
+			}),
+			NodeGraphMessage::UpdateHints => {
+				self.update_node_graph_hints(responses);
+			}
+			NodeGraphMessage::SendSelectedNodes => {
+				let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(breadcrumb_network_path) else {
+					log::error!("Could not get selected nodes in NodeGraphMessage::SendSelectedNodes");
+					return;
+				};
+				responses.add(NodeGraphMessage::UpdateActionButtons);
+				responses.add(FrontendMessage::UpdateNodeGraphSelection {
+					selected: selected_nodes.selected_nodes().cloned().collect::<Vec<_>>(),
+				});
+			}
+		}
+		let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(selection_network_path) else {
+			log::error!("Could not get selected nodes in NodeGraphMessageHandler");
+			return;
+		};
+		self.has_selection = selected_nodes.has_selected_nodes();
+	}
+
+	fn actions(&self) -> ActionList {
+		let common = vec![];
+		common
+	}
+}
+
+impl NodeGraphMessageHandler {
+	/// Similar to [`NodeGraphMessageHandler::actions`], but this provides additional actions if the node graph is open and should only be called in that circumstance.
+	pub fn actions_additional_if_node_graph_is_open(&self) -> ActionList {
+		let mut common = actions!(NodeGraphMessageDiscriminant; EnterNestedNetwork, PointerDown, PointerMove, PointerUp, SendClickTargets, EndSendClickTargets);
+
+		if self.has_selection {
+			common.extend(actions!(NodeGraphMessageDiscriminant;
+				Copy,
+				Cut,
+				DeleteSelectedNodes,
+				DuplicateSelectedNodes,
+				MergeSelectedNodes,
+				ToggleSelectedAsLayersOrNodes,
+				ToggleSelectedLocked,
+				ToggleSelectedVisibility,
+				ShiftSelectedNodes,
+			));
+		}
+
+		common
+	}
+
+	/// Send the cached layout to the frontend for the control bar at the top of the node panel
+	fn send_node_bar_layout(&self, responses: &mut VecDeque<Message>) {
+		responses.add(LayoutMessage::SendLayout {
+			layout: Layout::WidgetLayout(WidgetLayout::new(self.widgets.to_vec())),
+			layout_target: LayoutTarget::NodeGraphControlBar,
+		});
+	}
+
+	/// Updates the buttons for visibility, locked, and preview
+	fn update_graph_bar_left(&mut self, network_interface: &mut NodeNetworkInterface, breadcrumb_network_path: &[NodeId], responses: &mut VecDeque<Message>) {
+		let Some(subgraph_path_names) = Self::collect_subgraph_names(network_interface, breadcrumb_network_path) else {
+			// If a node in a nested network could not be found, exit the nested network
+			let breadcrumb_network_path_len = breadcrumb_network_path.len();
+			if breadcrumb_network_path_len > 0 {
+				responses.add(DocumentMessage::ExitNestedNetwork {
+					steps_back: breadcrumb_network_path_len,
+				});
+			}
+			return;
+		};
+
+		let Some(network) = network_interface.nested_network(breadcrumb_network_path) else {
+			warn!("No network in update_selection_action_buttons");
+			return;
+		};
+
+		let Some(selected_nodes) = network_interface.selected_nodes_in_nested_network(breadcrumb_network_path) else {
+			warn!("No selected nodes in update_selection_action_buttons");
+			return;
+		};
+
+		let has_selection = selected_nodes.has_selected_nodes();
+		let selection_includes_layers = network_interface.selected_nodes().selected_layers(network_interface.document_metadata()).count() > 0;
+		let selection_all_locked = network_interface.selected_nodes().selected_unlocked_layers(network_interface).count() == 0;
+		let selection_all_visible = selected_nodes.selected_nodes().all(|node_id| network_interface.is_visible(node_id, breadcrumb_network_path));
+
+		let mut widgets = vec![
+			PopoverButton::new()
+				.icon(Some("Node".to_string()))
+				.tooltip("New Node (Right Click)")
+				.popover_layout({
+					let node_chooser = NodeCatalog::new()
+						.on_update(move |node_type| {
+							let node_id = NodeId::new();
+
+							Message::Batched(Box::new([
+								NodeGraphMessage::CreateNodeFromContextMenu {
+									node_id: Some(node_id),
+									node_type: node_type.clone(),
+									xy: None,
+									add_transaction: true,
+								}
+								.into(),
+								NodeGraphMessage::SelectedNodesSet { nodes: vec![node_id] }.into(),
+							]))
+						})
+						.widget_holder();
+					vec![LayoutGroup::Row { widgets: vec![node_chooser] }]
+				})
+				.widget_holder(),
+			//
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			//
+			IconButton::new("Folder", 24)
+				.tooltip("Group Selected")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::GroupSelectedLayers))
+				.on_update(|_| {
+					let group_folder_type = GroupFolderType::Layer;
+					DocumentMessage::GroupSelectedLayers { group_folder_type }.into()
+				})
+				.disabled(!has_selection)
+				.widget_holder(),
+			IconButton::new("NewLayer", 24)
+				.tooltip("New Layer")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::CreateEmptyFolder))
+				.on_update(|_| DocumentMessage::CreateEmptyFolder.into())
+				.widget_holder(),
+			IconButton::new("Trash", 24)
+				.tooltip("Delete Selected")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::DeleteSelectedLayers))
+				.on_update(|_| DocumentMessage::DeleteSelectedLayers.into())
+				.disabled(!has_selection)
+				.widget_holder(),
+			//
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			//
+			IconButton::new(if selection_all_locked { "PadlockLocked" } else { "PadlockUnlocked" }, 24)
+				.hover_icon(Some((if selection_all_locked { "PadlockUnlocked" } else { "PadlockLocked" }).into()))
+				.tooltip(if selection_all_locked { "Unlock Selected" } else { "Lock Selected" })
+				.tooltip_shortcut(action_keys!(NodeGraphMessageDiscriminant::ToggleSelectedLocked))
+				.on_update(|_| NodeGraphMessage::ToggleSelectedLocked.into())
+				.disabled(!has_selection || !selection_includes_layers)
+				.widget_holder(),
+			IconButton::new(if selection_all_visible { "EyeVisible" } else { "EyeHidden" }, 24)
+				.hover_icon(Some((if selection_all_visible { "EyeHide" } else { "EyeShow" }).into()))
+				.tooltip(if selection_all_visible { "Hide Selected" } else { "Show Selected" })
+				.tooltip_shortcut(action_keys!(NodeGraphMessageDiscriminant::ToggleSelectedVisibility))
+				.on_update(|_| NodeGraphMessage::ToggleSelectedVisibility.into())
+				.disabled(!has_selection)
+				.widget_holder(),
+		];
+
+		let mut selection = selected_nodes.selected_nodes();
+		let (selection, no_other_selections) = (selection.next(), selection.count() == 0);
+		let previewing = if matches!(network_interface.previewing(breadcrumb_network_path), Previewing::Yes { .. }) {
+			network.exports.iter().find_map(|export| {
+				let NodeInput::Node { node_id, .. } = export else { return None };
+				Some(*node_id)
+			})
+		} else {
+			None
+		};
+
+		// If only one node is selected then show the preview or stop previewing button
+		if let Some(node_id) = previewing {
+			let button = TextButton::new("End Preview")
+				.icon(Some("FrameAll".to_string()))
+				.tooltip("Restore preview to the graph output")
+				.on_update(move |_| NodeGraphMessage::TogglePreview { node_id }.into())
+				.widget_holder();
+			widgets.extend([Separator::new(SeparatorType::Unrelated).widget_holder(), button]);
+		} else if let Some(&node_id) = selection {
+			let selection_is_not_already_the_output = !network
+				.exports
+				.iter()
+				.any(|export| matches!(export, NodeInput::Node { node_id: export_node_id, .. } if *export_node_id == node_id));
+			if selection_is_not_already_the_output && no_other_selections {
+				let button = TextButton::new("Preview")
+					.icon(Some("FrameAll".to_string()))
+					.tooltip("Preview selected node/layer (Shortcut: Alt-click node/layer)")
+					.on_update(move |_| NodeGraphMessage::TogglePreview { node_id }.into())
+					.widget_holder();
+				widgets.extend([Separator::new(SeparatorType::Unrelated).widget_holder(), button]);
+			}
+		}
+
+		let subgraph_path_names_length = subgraph_path_names.len();
+		if subgraph_path_names_length >= 2 {
+			widgets.extend([
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				BreadcrumbTrailButtons::new(subgraph_path_names)
+					.on_update(move |index| {
+						DocumentMessage::ExitNestedNetwork {
+							steps_back: subgraph_path_names_length - (*index as usize) - 1,
+						}
+						.into()
+					})
+					.widget_holder(),
+			]);
+		}
+
+		self.widgets[0] = LayoutGroup::Row { widgets };
+	}
+
+	fn update_graph_bar_right(
+		&mut self,
+		graph_fade_artwork_percentage: f64,
+		network_interface: &NodeNetworkInterface,
+		breadcrumb_network_path: &[NodeId],
+		navigation_handler: &NavigationMessageHandler,
+	) {
+		let Some(node_graph_ptz) = network_interface.node_graph_ptz(breadcrumb_network_path) else {
+			log::error!("Could not get node graph PTZ");
+			return;
+		};
+
+		let mut widgets = vec![
+			NumberInput::new(Some(graph_fade_artwork_percentage))
+				.percentage()
+				.display_decimal_places(0)
+				.label("Fade Artwork")
+				.tooltip("Opacity of the graph background that covers the artwork")
+				.on_update(move |number_input: &NumberInput| {
+					DocumentMessage::SetGraphFadeArtwork {
+						percentage: number_input.value.unwrap_or(graph_fade_artwork_percentage),
+					}
+					.into()
+				})
+				.widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+		];
+		widgets.extend(navigation_controls(node_graph_ptz, navigation_handler, true));
+		widgets.extend([
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			TextButton::new("Node Graph")
+				.icon(Some("GraphViewOpen".into()))
+				.hover_icon(Some("GraphViewClosed".into()))
+				.tooltip("Hide Node Graph")
+				.tooltip_shortcut(action_keys!(DocumentMessageDiscriminant::GraphViewOverlayToggle))
+				.on_update(move |_| DocumentMessage::GraphViewOverlayToggle.into())
+				.widget_holder(),
+		]);
+
+		self.widgets[1] = LayoutGroup::Row { widgets };
+	}
+
+	/// Collate the properties panel sections for a node graph
+	pub fn collate_properties(context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+		// If the selected nodes are in the document network, use the document network. Otherwise, use the nested network
+		let Some(selected_nodes) = context.network_interface.selected_nodes_in_nested_network(context.selection_network_path) else {
+			warn!("No selected nodes in collate_properties");
+			return Vec::new();
+		};
+
+		// We want:
+		// - If only nodes (no layers) are selected: display each node's properties
+		// - If one layer is selected, and zero or more of its (primary flow) upstream nodes: display the properties for the layer and all its upstream nodes
+		// - If multiple layers are selected, or one node plus other non-upstream nodes: display nothing
+		// - If nothing is selected, display any pinned nodes/layers
+
+		// First, we filter all the selections into layers and nodes
+		let (mut layers, mut nodes) = (Vec::new(), Vec::new());
+		for node_id in selected_nodes.selected_nodes() {
+			if context.network_interface.is_layer(node_id, context.selection_network_path) {
+				layers.push(*node_id);
+			} else {
+				nodes.push(*node_id);
+			}
+		}
+
+		// Next, we decide what to display based on the number of layers and nodes selected
+		match *layers.as_slice() {
+			// If no layers are selected, show properties for all selected nodes
+			[] => {
+				let selected_nodes = nodes.iter().map(|node_id| node_properties::generate_node_properties(*node_id, context)).collect::<Vec<_>>();
+				if !selected_nodes.is_empty() {
+					let mut properties = Vec::new();
+
+					if let [node_id] = *nodes.as_slice() {
+						properties.push(LayoutGroup::Row {
+							widgets: vec![
+								Separator::new(SeparatorType::Related).widget_holder(),
+								IconLabel::new("Node").tooltip("Name of the selected node").widget_holder(),
+								Separator::new(SeparatorType::Related).widget_holder(),
+								TextInput::new(context.network_interface.display_name(&node_id, context.selection_network_path))
+									.tooltip("Name of the selected node")
+									.on_update(move |text_input| {
+										NodeGraphMessage::SetDisplayName {
+											node_id,
+											alias: text_input.value.clone(),
+											skip_adding_history_step: false,
+										}
+										.into()
+									})
+									.widget_holder(),
+								Separator::new(SeparatorType::Related).widget_holder(),
+							],
+						});
+					}
+
+					properties.extend(selected_nodes);
+
+					return properties;
+				}
+
+				// TODO: Display properties for encapsulating node when no nodes are selected in a nested network
+				// This may require store a separate path for the properties panel
+				let mut properties = vec![LayoutGroup::Row {
+					widgets: vec![
+						Separator::new(SeparatorType::Related).widget_holder(),
+						IconLabel::new("File").tooltip("Name of the current document").widget_holder(),
+						Separator::new(SeparatorType::Related).widget_holder(),
+						TextInput::new(context.document_name)
+							.tooltip("Name of the current document")
+							.on_update(|text_input| DocumentMessage::RenameDocument { new_name: text_input.value.clone() }.into())
+							.widget_holder(),
+						Separator::new(SeparatorType::Related).widget_holder(),
+					],
+				}];
+
+				let Some(network) = context.network_interface.nested_network(context.selection_network_path) else {
+					warn!("No network in collate_properties");
+					return Vec::new();
+				};
+				// And if no nodes are selected, show properties for all pinned nodes
+				let pinned_node_properties = network
+					.nodes
+					.keys()
+					.cloned()
+					.collect::<Vec<_>>()
+					.iter()
+					.filter_map(|node_id| {
+						if context.network_interface.is_pinned(node_id, context.selection_network_path) {
+							Some(node_properties::generate_node_properties(*node_id, context))
+						} else {
+							None
+						}
+					})
+					.collect::<Vec<_>>();
+
+				properties.extend(pinned_node_properties);
+				properties
+			}
+			// If one layer is selected, filter out all selected nodes that are not upstream of it. If there are no nodes left, show properties for the layer. Otherwise, show nothing.
+			[layer] => {
+				let nodes_not_upstream_of_layer = nodes.into_iter().filter(|&selected_node_id| {
+					!context
+						.network_interface
+						.is_node_upstream_of_another_by_horizontal_flow(layer, context.selection_network_path, selected_node_id)
+				});
+				if nodes_not_upstream_of_layer.count() > 0 {
+					return Vec::new();
+				}
+
+				let mut layer_properties = vec![LayoutGroup::Row {
+					widgets: vec![
+						Separator::new(SeparatorType::Related).widget_holder(),
+						IconLabel::new("Layer").tooltip("Name of the selected layer").widget_holder(),
+						Separator::new(SeparatorType::Related).widget_holder(),
+						TextInput::new(context.network_interface.display_name(&layer, context.selection_network_path))
+							.tooltip("Name of the selected layer")
+							.on_update(move |text_input| {
+								NodeGraphMessage::SetDisplayName {
+									node_id: layer,
+									alias: text_input.value.clone(),
+									skip_adding_history_step: false,
+								}
+								.into()
+							})
+							.widget_holder(),
+						Separator::new(SeparatorType::Related).widget_holder(),
+						PopoverButton::new()
+							.icon(Some("Node".to_string()))
+							.tooltip("Add an operation to the end of this layer's chain of nodes")
+							.popover_layout({
+								let node_chooser = NodeCatalog::new()
+									.on_update(move |node_type| {
+										NodeGraphMessage::CreateNodeInLayerWithTransaction {
+											node_type: node_type.clone(),
+											layer: LayerNodeIdentifier::new_unchecked(layer),
+										}
+										.into()
+									})
+									.widget_holder();
+								vec![LayoutGroup::Row { widgets: vec![node_chooser] }]
+							})
+							.widget_holder(),
+						Separator::new(SeparatorType::Related).widget_holder(),
+					],
+				}];
+
+				// Iterate through all the upstream nodes, but stop when we reach another layer (since that's a point where we switch from horizontal to vertical flow)
+				let node_properties = context
+					.network_interface
+					.upstream_flow_back_from_nodes(vec![layer], context.selection_network_path, network_interface::FlowType::HorizontalFlow)
+					.enumerate()
+					.take_while(|(i, node_id)| {
+						if *i == 0 {
+							true
+						} else {
+							!context.network_interface.is_layer(node_id, context.selection_network_path)
+						}
+					})
+					.map(|(_, node_id)| node_id)
+					.collect::<Vec<_>>()
+					.into_iter()
+					.map(|node_id| node_properties::generate_node_properties(node_id, context))
+					.collect::<Vec<_>>();
+
+				layer_properties.extend(node_properties);
+				layer_properties
+			}
+			// If multiple layers and/or nodes are selected, show nothing
+			_ => Vec::new(),
+		}
+	}
+
+	fn collect_wires(&mut self, network_interface: &mut NodeNetworkInterface, graph_wire_style: GraphWireStyle, breadcrumb_network_path: &[NodeId]) -> Vec<WirePathUpdate> {
+		let mut added_wires = network_interface
+			.node_graph_input_connectors(breadcrumb_network_path)
+			.iter()
+			.filter_map(|connector| network_interface.newly_loaded_input_wire(connector, graph_wire_style, breadcrumb_network_path))
+			.collect::<Vec<_>>();
+
+		let changed_wire_inputs = added_wires.iter().map(|update| (update.id, update.input_index)).collect::<Vec<_>>();
+		self.frontend_wires.extend(changed_wire_inputs);
+
+		let mut orphaned_wire_inputs = self.frontend_wires.clone();
+		self.frontend_wires = network_interface
+			.node_graph_wire_inputs(breadcrumb_network_path)
+			.iter()
+			.filter_map(|visible_wire_input| orphaned_wire_inputs.take(visible_wire_input))
+			.collect::<HashSet<_>>();
+		added_wires.extend(orphaned_wire_inputs.into_iter().map(|(id, input_index)| WirePathUpdate {
+			id,
+			input_index,
+			wire_path_update: None,
+		}));
+
+		if let Some(wire_to_root) = network_interface.wire_to_root(graph_wire_style, breadcrumb_network_path) {
+			added_wires.push(wire_to_root);
+		} else {
+			added_wires.push(WirePathUpdate {
+				id: NodeId(u64::MAX),
+				input_index: usize::MAX,
+				wire_path_update: None,
+			})
+		}
+
+		added_wires
+	}
+
+	fn collect_nodes(&self, network_interface: &mut NodeNetworkInterface, breadcrumb_network_path: &[NodeId]) -> Vec<FrontendNode> {
+		let Some(outward_wires) = network_interface.outward_wires(breadcrumb_network_path).cloned() else {
+			return Vec::new();
+		};
+		let mut can_be_layer_lookup = HashSet::new();
+		let mut position_lookup = HashMap::new();
+		let Some(network) = network_interface.nested_network(breadcrumb_network_path) else {
+			log::error!("Could not get nested network when collecting nodes");
+			return Vec::new();
+		};
+
+		for node_id in network.nodes.keys().cloned().collect::<Vec<_>>() {
+			if network_interface.is_eligible_to_be_layer(&node_id, breadcrumb_network_path) {
+				can_be_layer_lookup.insert(node_id);
+			}
+			if let Some(position) = network_interface.position(&node_id, breadcrumb_network_path) {
+				position_lookup.insert(node_id, position);
+			} else {
+				log::error!("Could not get position for node {node_id}");
+			}
+		}
+
+		let mut frontend_inputs_lookup = frontend_inputs_lookup(breadcrumb_network_path, network_interface);
+		let Some(network) = network_interface.nested_network(breadcrumb_network_path) else {
+			log::error!("Could not get nested network when collecting nodes");
+			return Vec::new();
+		};
+		let Some(network_metadata) = network_interface.network_metadata(breadcrumb_network_path) else {
+			log::error!("Could not get network_metadata when collecting nodes");
+			return Vec::new();
+		};
+
+		let mut nodes = Vec::new();
+		for (&node_id, node) in &network.nodes {
+			let node_id_path = [breadcrumb_network_path, (&[node_id])].concat();
+
+			let inputs = frontend_inputs_lookup.remove(&node_id).unwrap_or_default();
+
+			let mut inputs = inputs.into_iter().map(|input| {
+				input.map(|input| FrontendGraphInput {
+					data_type: FrontendGraphDataType::displayed_type(&input.ty, &input.type_source),
+					resolved_type: format!("{:?}", &input.ty),
+					valid_types: input.valid_types.iter().map(|ty| ty.to_string()).collect(),
+					name: input.input_name,
+					description: input.input_description,
+					connected_to: input.output_connector,
+				})
+			});
+
+			let primary_input = inputs.next().flatten();
+			let exposed_inputs = inputs.flatten().collect();
+
+			let (output_type, type_source) = network_interface.output_type(&node_id, 0, breadcrumb_network_path);
+			let frontend_data_type = FrontendGraphDataType::displayed_type(&output_type, &type_source);
+
+			let connected_to = outward_wires.get(&OutputConnector::node(node_id, 0)).cloned().unwrap_or_default();
+			let primary_output = if network_interface.has_primary_output(&node_id, breadcrumb_network_path) {
+				Some(FrontendGraphOutput {
+					data_type: frontend_data_type,
+					name: "Output 1".to_string(),
+					description: String::new(),
+					resolved_type: format!("{:?}", output_type),
+					connected_to,
+				})
+			} else {
+				None
+			};
+
+			let mut exposed_outputs = Vec::new();
+			for output_index in 0..network_interface.number_of_outputs(&node_id, breadcrumb_network_path) {
+				if output_index == 0 && network_interface.has_primary_output(&node_id, breadcrumb_network_path) {
+					continue;
+				}
+				let (output_type, type_source) = network_interface.output_type(&node_id, 0, breadcrumb_network_path);
+				let data_type = FrontendGraphDataType::displayed_type(&output_type, &type_source);
+
+				let Some(node_metadata) = network_metadata.persistent_metadata.node_metadata.get(&node_id) else {
+					log::error!("Could not get node_metadata when getting output for {node_id}");
+					continue;
+				};
+				let output_name = node_metadata
+					.persistent_metadata
+					.output_names
+					.get(output_index)
+					.cloned()
+					.filter(|output_name| !output_name.is_empty())
+					.unwrap_or_else(|| output_type.nested_type().to_string());
+
+				let connected_to = outward_wires.get(&OutputConnector::node(node_id, output_index)).cloned().unwrap_or_default();
+				exposed_outputs.push(FrontendGraphOutput {
+					data_type,
+					name: output_name,
+					description: String::new(),
+					resolved_type: format!("{:?}", output_type),
+					connected_to,
+				});
+			}
+			let Some(network) = network_interface.nested_network(breadcrumb_network_path) else {
+				log::error!("Could not get nested network when collecting nodes");
+				return Vec::new();
+			};
+			let is_export = network.exports.first().is_some_and(|export| export.as_node().is_some_and(|export_node_id| node_id == export_node_id));
+			let is_root_node = network_interface.root_node(breadcrumb_network_path).is_some_and(|root_node| root_node.node_id == node_id);
+
+			let Some(position) = position_lookup.get(&node_id).map(|pos| (pos.x, pos.y)) else {
+				log::error!("Could not get position for node: {node_id}");
+				continue;
+			};
+			let previewed = is_export && !is_root_node;
+
+			let locked = network_interface.is_locked(&node_id, breadcrumb_network_path);
+
+			let errors = self
+				.node_graph_errors
+				.iter()
+				.find(|error| error.node_path == node_id_path)
+				.map(|error| format!("{:?}", error.error.clone()))
+				.or_else(|| {
+					if self.node_graph_errors.iter().any(|error| error.node_path.starts_with(&node_id_path)) {
+						Some("Node graph type error within this node".to_string())
+					} else {
+						None
+					}
+				});
+
+			nodes.push(FrontendNode {
+				id: node_id,
+				is_layer: network_interface
+					.node_metadata(&node_id, breadcrumb_network_path)
+					.is_some_and(|node_metadata| node_metadata.persistent_metadata.is_layer()),
+				can_be_layer: can_be_layer_lookup.contains(&node_id),
+				reference: network_interface.reference(&node_id, breadcrumb_network_path).cloned().unwrap_or_default(),
+				display_name: network_interface.display_name(&node_id, breadcrumb_network_path),
+				primary_input,
+				exposed_inputs,
+				primary_output,
+				exposed_outputs,
+				position,
+				previewed,
+				visible: node.visible,
+				locked,
+				errors,
+				ui_only: false,
+			});
+		}
+
+		nodes
+	}
+
+	fn collect_subgraph_names(network_interface: &mut NodeNetworkInterface, breadcrumb_network_path: &[NodeId]) -> Option<Vec<String>> {
+		let mut current_network_path = vec![];
+		let mut current_network = network_interface.nested_network(&current_network_path).unwrap();
+		let mut subgraph_names = vec!["Document".to_string()];
+		for node_id in breadcrumb_network_path {
+			let node = current_network.nodes.get(node_id)?;
+			if let Some(network) = node.implementation.get_network() {
+				current_network = network;
+			};
+			subgraph_names.push(network_interface.display_name(node_id, &current_network_path));
+			current_network_path.push(*node_id)
+		}
+		Some(subgraph_names)
+	}
+
+	fn update_layer_panel(network_interface: &NodeNetworkInterface, selection_network_path: &[NodeId], collapsed: &CollapsedLayers, responses: &mut VecDeque<Message>) {
+		let selected_layers = network_interface
+			.selected_nodes()
+			.selected_layers(network_interface.document_metadata())
+			.map(|layer| layer.to_node())
+			.collect::<HashSet<_>>();
+
+		let mut ancestors_of_selected = HashSet::new();
+		let mut descendants_of_selected = HashSet::new();
+		for selected_layer in &selected_layers {
+			for ancestor in LayerNodeIdentifier::new(*selected_layer, network_interface, &[]).ancestors(network_interface.document_metadata()) {
+				if ancestor != LayerNodeIdentifier::ROOT_PARENT && ancestor.to_node() != *selected_layer {
+					ancestors_of_selected.insert(ancestor.to_node());
+				}
+			}
+			for descendant in LayerNodeIdentifier::new(*selected_layer, network_interface, &[]).descendants(network_interface.document_metadata()) {
+				descendants_of_selected.insert(descendant.to_node());
+			}
+		}
+
+		for (&node_id, node_metadata) in &network_interface.document_network_metadata().persistent_metadata.node_metadata {
+			if node_metadata.persistent_metadata.is_layer() {
+				let layer = LayerNodeIdentifier::new(node_id, network_interface, &[]);
+
+				let children_allowed =
+						// The layer has other layers as children along the secondary input's horizontal flow
+						layer.has_children(network_interface.document_metadata())
+						|| (
+							// Check if the last node in the chain has an exposed left input
+							network_interface.upstream_flow_back_from_nodes(vec![node_id], &[], network_interface::FlowType::HorizontalFlow).last().is_some_and(|node_id|
+								network_interface.document_node(&node_id, &[]).map_or_else(||{log::error!("Could not get node {node_id} in update_layer_panel"); false}, |node| {
+									if network_interface.is_layer(&node_id, &[]) {
+										node.inputs.iter().filter(|input| input.is_exposed()).nth(1).is_some_and(|input| input.as_value().is_some())
+									} else {
+										node.inputs.iter().filter(|input| input.is_exposed()).nth(0).is_some_and(|input| input.as_value().is_some())
+									}
+								}))
+						);
+
+				let parents_visible = layer.ancestors(network_interface.document_metadata()).filter(|&ancestor| ancestor != layer).all(|layer| {
+					if layer != LayerNodeIdentifier::ROOT_PARENT {
+						network_interface.document_node(&layer.to_node(), &[]).map(|node| node.visible).unwrap_or_default()
+					} else {
+						true
+					}
+				});
+
+				let parents_unlocked: bool = layer.ancestors(network_interface.document_metadata()).filter(|&ancestor| ancestor != layer).all(|layer| {
+					if layer != LayerNodeIdentifier::ROOT_PARENT {
+						!network_interface.is_locked(&layer.to_node(), &[])
+					} else {
+						true
+					}
+				});
+
+				let clippable = layer.can_be_clipped(network_interface.document_metadata());
+				let data = LayerPanelEntry {
+					id: node_id,
+					alias: network_interface.display_name(&node_id, &[]),
+					tooltip: if cfg!(debug_assertions) { format!("Layer ID: {node_id}") } else { "".into() },
+					in_selected_network: selection_network_path.is_empty(),
+					children_allowed,
+					children_present: layer.has_children(network_interface.document_metadata()),
+					expanded: layer.has_children(network_interface.document_metadata()) && !collapsed.0.contains(&layer),
+					depth: layer.ancestors(network_interface.document_metadata()).count() - 1,
+					visible: network_interface.is_visible(&node_id, &[]),
+					parents_visible,
+					unlocked: !network_interface.is_locked(&node_id, &[]),
+					parents_unlocked,
+					parent_id: layer
+						.parent(network_interface.document_metadata())
+						.and_then(|parent| if parent != LayerNodeIdentifier::ROOT_PARENT { Some(parent.to_node()) } else { None }),
+					selected: selected_layers.contains(&node_id),
+					ancestor_of_selected: ancestors_of_selected.contains(&node_id),
+					descendant_of_selected: descendants_of_selected.contains(&node_id),
+					clipped: get_clip_mode(layer, network_interface).unwrap_or(false) && clippable,
+					clippable,
+				};
+				responses.add(FrontendMessage::UpdateDocumentLayerDetails { data });
+			}
+		}
+	}
+
+	pub fn update_node_graph_hints(&self, responses: &mut VecDeque<Message>) {
+		// A wire is in progress and its start and end connectors are set
+		let wiring = self.wire_in_progress_from_connector.is_some();
+
+		// Node gragging is in progress (having already moved at least one pixel from the mouse down position)
+		let dragging_nodes = self.drag_start.as_ref().is_some_and(|(_, dragged)| *dragged);
+
+		// A box selection is in progress
+		let dragging_box_selection = self.box_selection_start.is_some_and(|(_, box_selection_dragged)| box_selection_dragged);
+
+		// Cancel the ongoing action
+		if wiring || dragging_nodes || dragging_box_selection {
+			let hint_data = HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]);
+			responses.add(FrontendMessage::UpdateInputHints { hint_data });
+			return;
+		}
+
+		// Default hints for all other states
+		let mut hint_data = HintData(vec![
+			HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, "Add Node")]),
+			HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Select Node"), HintInfo::keys([Key::Shift], "Extend").prepend_plus()]),
+			HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Select Area"), HintInfo::keys([Key::Shift], "Extend").prepend_plus()]),
+		]);
+		if self.has_selection {
+			hint_data.0.extend([
+				HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Drag Selected")]),
+				HintGroup(vec![HintInfo::keys([Key::Delete], "Delete Selected"), HintInfo::keys([Key::Control], "Keep Children").prepend_plus()]),
+				HintGroup(vec![
+					HintInfo::keys_and_mouse([Key::Alt], MouseMotion::LmbDrag, "Move Duplicate"),
+					HintInfo::keys([Key::Control, Key::KeyD], "Duplicate").add_mac_keys([Key::Command, Key::KeyD]),
+				]),
+			]);
+		}
+		hint_data.0.extend([
+			HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDouble, "Enter Node Subgraph")]),
+			HintGroup(vec![HintInfo::keys_and_mouse([Key::Alt], MouseMotion::Lmb, "Preview Node Output")]),
+		]);
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+}
+
+#[derive(Default)]
+struct InputLookup {
+	input_name: String,
+	input_description: String,
+	ty: Type,
+	type_source: TypeSource,
+	valid_types: Vec<Type>,
+	output_connector: Option<OutputConnector>,
+}
+
+type FrontendInputsLookup = HashMap<NodeId, Vec<Option<InputLookup>>>;
+
+/// Create a lookup hashmap that can be used to create the frontend inputs. This is needed because `input_type` requires a mutable `network_interface`.
+fn frontend_inputs_lookup(breadcrumb_network_path: &[NodeId], network_interface: &mut NodeNetworkInterface) -> FrontendInputsLookup {
+	let Some(network) = network_interface.nested_network(breadcrumb_network_path) else {
+		return Default::default();
+	};
+	let mut frontend_inputs_lookup = HashMap::new();
+	for (node_id, index, output_connector, is_exposed) in network
+		.nodes
+		.iter()
+		.flat_map(|(node_id, node)| {
+			node.inputs
+				.iter()
+				.enumerate()
+				.map(|(index, input)| (*node_id, index, OutputConnector::from_input(input), input.is_exposed()))
+		})
+		.collect::<Vec<_>>()
+	{
+		// Skip not exposed inputs (they still get an entry to help with finding the primary input)
+		let lookup = if !is_exposed {
+			None
+		} else {
+			// Get the name from the metadata here (since it also requires a reference to the `network_interface`)
+			let (input_name, input_description) = network_interface.displayed_input_name_and_description(&node_id, index, breadcrumb_network_path);
+			Some(InputLookup {
+				input_name,
+				input_description,
+				output_connector,
+				..Default::default()
+			})
+		};
+		frontend_inputs_lookup.entry(node_id).or_insert_with(Vec::new).push(lookup);
+	}
+
+	for (&node_id, value) in frontend_inputs_lookup.iter_mut() {
+		for (index, value) in value.iter_mut().enumerate() {
+			// Skip not exposed inputs for efficiency
+			let Some(value) = value else { continue };
+			// Resolve the type (done in a separate loop because it requires a mutable reference to the `network_interface`)
+			let (ty, type_source) = network_interface.input_type(&InputConnector::node(node_id, index), breadcrumb_network_path);
+			value.ty = ty;
+			value.type_source = type_source;
+		}
+	}
+
+	for (&node_id, value) in frontend_inputs_lookup.iter_mut() {
+		for (index, value) in value.iter_mut().enumerate() {
+			// Skip not exposed inputs for efficiency
+			let Some(value) = value else { continue };
+			// Resolve the type (done in a separate loop because it requires a mutable reference to the `network_interface`)
+			value.valid_types = network_interface.valid_input_types(&InputConnector::node(node_id, index), breadcrumb_network_path);
+		}
+	}
+	frontend_inputs_lookup
+}
+
+impl Default for NodeGraphMessageHandler {
+	fn default() -> Self {
+		Self {
+			network: Vec::new(),
+			node_graph_errors: Vec::new(),
+			has_selection: false,
+			widgets: [LayoutGroup::Row { widgets: Vec::new() }, LayoutGroup::Row { widgets: Vec::new() }],
+			drag_start: None,
+			begin_dragging: false,
+			node_has_moved_in_drag: false,
+			shift_without_push: false,
+			box_selection_start: None,
+			selection_before_pointer_down: Vec::new(),
+			disconnecting: None,
+			initial_disconnecting: false,
+			select_if_not_dragged: None,
+			wire_in_progress_from_connector: None,
+			wire_in_progress_to_connector: None,
+			wire_in_progress_type: FrontendGraphDataType::General,
+			context_menu: None,
+			deselect_on_pointer_up: None,
+			auto_panning: Default::default(),
+			preview_on_mouse_up: None,
+			reordering_export: None,
+			reordering_import: None,
+			end_index: None,
+			frontend_nodes: Vec::new(),
+			frontend_wires: HashSet::new(),
+		}
+	}
+}
+
+impl PartialEq for NodeGraphMessageHandler {
+	fn eq(&self, other: &Self) -> bool {
+		self.network == other.network
+			&& self.node_graph_errors == other.node_graph_errors
+			&& self.has_selection == other.has_selection
+			&& self.widgets == other.widgets
+			&& self.drag_start == other.drag_start
+			&& self.begin_dragging == other.begin_dragging
+			&& self.node_has_moved_in_drag == other.node_has_moved_in_drag
+			&& self.box_selection_start == other.box_selection_start
+			&& self.initial_disconnecting == other.initial_disconnecting
+			&& self.select_if_not_dragged == other.select_if_not_dragged
+			&& self.wire_in_progress_from_connector == other.wire_in_progress_from_connector
+			&& self.wire_in_progress_to_connector == other.wire_in_progress_to_connector
+			&& self.context_menu == other.context_menu
+	}
+}
diff --git a/editor/src/messages/portfolio/document/node_graph/node_properties.rs b/editor/src/messages/portfolio/document/node_graph/node_properties.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bc40dd36e4ddab0bc2ac4686cee9bc118000c4b5
--- /dev/null
+++ b/editor/src/messages/portfolio/document/node_graph/node_properties.rs
@@ -0,0 +1,2041 @@
+#![allow(clippy::too_many_arguments)]
+
+use super::document_node_definitions::{NODE_OVERRIDES, NodePropertiesContext};
+use super::utility_types::FrontendGraphDataType;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::utility_types::network_interface::InputConnector;
+use crate::messages::prelude::*;
+use choice::enum_choice;
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2, IVec2, UVec2};
+use graph_craft::Type;
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{DocumentNode, DocumentNodeImplementation, NodeId, NodeInput};
+use graphene_std::animation::RealTimeMode;
+use graphene_std::extract_xy::XY;
+use graphene_std::path_bool::BooleanOperation;
+use graphene_std::raster::curve::Curve;
+use graphene_std::raster::{
+	BlendMode, CellularDistanceFunction, CellularReturnType, Color, DomainWarpType, FractalType, LuminanceCalculation, NoiseType, RedGreenBlue, RedGreenBlueAlpha, RelativeAbsolute,
+	SelectiveColorChoice,
+};
+use graphene_std::raster_types::{CPU, GPU, RasterDataTable};
+use graphene_std::text::Font;
+use graphene_std::transform::{Footprint, ReferencePoint};
+use graphene_std::vector::VectorDataTable;
+use graphene_std::vector::misc::GridType;
+use graphene_std::vector::misc::{ArcType, MergeByDistanceAlgorithm};
+use graphene_std::vector::misc::{CentroidType, PointSpacingType};
+use graphene_std::vector::style::{Fill, FillChoice, FillType, GradientStops};
+use graphene_std::vector::style::{GradientType, PaintOrder, StrokeAlign, StrokeCap, StrokeJoin};
+use graphene_std::{GraphicGroupTable, NodeInputDecleration};
+
+pub(crate) fn string_properties(text: &str) -> Vec<LayoutGroup> {
+	let widget = TextLabel::new(text).widget_holder();
+	vec![LayoutGroup::Row { widgets: vec![widget] }]
+}
+
+fn optionally_update_value<T>(value: impl Fn(&T) -> Option<TaggedValue> + 'static + Send + Sync, node_id: NodeId, input_index: usize) -> impl Fn(&T) -> Message + 'static + Send + Sync {
+	move |input_value: &T| match value(input_value) {
+		Some(value) => NodeGraphMessage::SetInputValue { node_id, input_index, value }.into(),
+		_ => Message::NoOp,
+	}
+}
+
+pub fn update_value<T>(value: impl Fn(&T) -> TaggedValue + 'static + Send + Sync, node_id: NodeId, input_index: usize) -> impl Fn(&T) -> Message + 'static + Send + Sync {
+	optionally_update_value(move |v| Some(value(v)), node_id, input_index)
+}
+
+pub fn commit_value<T>(_: &T) -> Message {
+	DocumentMessage::AddTransaction.into()
+}
+
+pub fn expose_widget(node_id: NodeId, index: usize, data_type: FrontendGraphDataType, exposed: bool) -> WidgetHolder {
+	ParameterExposeButton::new()
+		.exposed(exposed)
+		.data_type(data_type)
+		.tooltip(if exposed {
+			"Stop exposing this parameter as a node input in the graph"
+		} else {
+			"Expose this parameter as a node input in the graph"
+		})
+		.on_update(move |_parameter| {
+			Message::Batched(Box::new([NodeGraphMessage::ExposeInput {
+				input_connector: InputConnector::node(node_id, index),
+				set_to_exposed: !exposed,
+				start_transaction: true,
+			}
+			.into()]))
+		})
+		.widget_holder()
+}
+
+// TODO: Remove this when we have proper entry row formatting that includes room for Assists.
+pub fn add_blank_assist(widgets: &mut Vec<WidgetHolder>) {
+	widgets.extend_from_slice(&[
+		// Custom CSS specific to the Properties panel converts this Section separator into the width of an assist (24px).
+		Separator::new(SeparatorType::Section).widget_holder(),
+		// This last one is the separator after the 24px assist.
+		Separator::new(SeparatorType::Unrelated).widget_holder(),
+	]);
+}
+
+pub fn start_widgets(parameter_widgets_info: ParameterWidgetsInfo) -> Vec<WidgetHolder> {
+	let ParameterWidgetsInfo {
+		document_node,
+		node_id,
+		index,
+		name,
+		description,
+		input_type,
+		blank_assist,
+		exposeable,
+	} = parameter_widgets_info;
+
+	let Some(document_node) = document_node else {
+		log::warn!("A widget failed to be built because its document node is invalid.");
+		return vec![];
+	};
+
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	let description = if description != "TODO" { description } else { String::new() };
+	let mut widgets = Vec::with_capacity(6);
+	if exposeable {
+		widgets.push(expose_widget(node_id, index, input_type, input.is_exposed()));
+	}
+	widgets.push(TextLabel::new(name).tooltip(description).widget_holder());
+	if blank_assist {
+		add_blank_assist(&mut widgets);
+	}
+
+	widgets
+}
+
+pub(crate) fn property_from_type(
+	node_id: NodeId,
+	index: usize,
+	ty: &Type,
+	number_options: (Option<f64>, Option<f64>, Option<(f64, f64)>),
+	unit: Option<&str>,
+	display_decimal_places: Option<u32>,
+	step: Option<f64>,
+	context: &mut NodePropertiesContext,
+) -> Result<Vec<LayoutGroup>, Vec<LayoutGroup>> {
+	let (mut number_min, mut number_max, range) = number_options;
+	let mut number_input = NumberInput::default();
+	if let Some((range_start, range_end)) = range {
+		number_min = Some(range_start);
+		number_max = Some(range_end);
+		number_input = number_input.mode_range().min(range_start).max(range_end);
+	}
+	if let Some(unit) = unit {
+		number_input = number_input.unit(unit);
+	}
+	if let Some(display_decimal_places) = display_decimal_places {
+		number_input = number_input.display_decimal_places(display_decimal_places);
+	}
+	if let Some(step) = step {
+		number_input = number_input.step(step);
+	}
+
+	let min = |x: f64| number_min.unwrap_or(x);
+	let max = |x: f64| number_max.unwrap_or(x);
+
+	let default_info = ParameterWidgetsInfo::new(node_id, index, true, context);
+
+	let mut extra_widgets = vec![];
+	let widgets = match ty {
+		Type::Concrete(concrete_type) => {
+			match concrete_type.alias.as_ref().map(|x| x.as_ref()) {
+				// Aliased types (ambiguous values)
+				Some("Percentage") => number_widget(default_info, number_input.percentage().min(min(0.)).max(max(100.))).into(),
+				Some("SignedPercentage") => number_widget(default_info, number_input.percentage().min(min(-100.)).max(max(100.))).into(),
+				Some("Angle") => number_widget(default_info, number_input.mode_range().min(min(-180.)).max(max(180.)).unit(unit.unwrap_or("°"))).into(),
+				Some("Multiplier") => number_widget(default_info, number_input.unit(unit.unwrap_or("x"))).into(),
+				Some("PixelLength") => number_widget(default_info, number_input.min(min(0.)).unit(unit.unwrap_or(" px"))).into(),
+				Some("Length") => number_widget(default_info, number_input.min(min(0.))).into(),
+				Some("Fraction") => number_widget(default_info, number_input.mode_range().min(min(0.)).max(max(1.))).into(),
+				Some("IntegerCount") => number_widget(default_info, number_input.int().min(min(1.))).into(),
+				Some("SeedValue") => number_widget(default_info, number_input.int().min(min(0.))).into(),
+				Some("Resolution") => coordinate_widget(default_info, "W", "H", unit.unwrap_or(" px"), Some(64.)),
+				Some("PixelSize") => coordinate_widget(default_info, "X", "Y", unit.unwrap_or(" px"), None),
+				Some("TextArea") => text_area_widget(default_info).into(),
+
+				// For all other types, use TypeId-based matching
+				_ => {
+					use std::any::TypeId;
+					match concrete_type.id {
+						// ===============
+						// PRIMITIVE TYPES
+						// ===============
+						Some(x) if x == TypeId::of::<f64>() => number_widget(default_info, number_input.min(min(f64::NEG_INFINITY)).max(max(f64::INFINITY))).into(),
+						Some(x) if x == TypeId::of::<u32>() => number_widget(default_info, number_input.int().min(min(0.)).max(max(f64::from(u32::MAX)))).into(),
+						Some(x) if x == TypeId::of::<u64>() => number_widget(default_info, number_input.int().min(min(0.))).into(),
+						Some(x) if x == TypeId::of::<bool>() => bool_widget(default_info, CheckboxInput::default()).into(),
+						Some(x) if x == TypeId::of::<String>() => text_widget(default_info).into(),
+						Some(x) if x == TypeId::of::<DVec2>() => coordinate_widget(default_info, "X", "Y", "", None),
+						Some(x) if x == TypeId::of::<UVec2>() => coordinate_widget(default_info, "X", "Y", "", Some(0.)),
+						Some(x) if x == TypeId::of::<IVec2>() => coordinate_widget(default_info, "X", "Y", "", None),
+						// ==========================
+						// PRIMITIVE COLLECTION TYPES
+						// ==========================
+						Some(x) if x == TypeId::of::<Vec<f64>>() => array_of_number_widget(default_info, TextInput::default()).into(),
+						Some(x) if x == TypeId::of::<Vec<DVec2>>() => array_of_coordinates_widget(default_info, TextInput::default()).into(),
+						// ====================
+						// GRAPHICAL DATA TYPES
+						// ====================
+						Some(x) if x == TypeId::of::<VectorDataTable>() => vector_data_widget(default_info).into(),
+						Some(x) if x == TypeId::of::<RasterDataTable<CPU>>() || x == TypeId::of::<RasterDataTable<GPU>>() => raster_widget(default_info).into(),
+						Some(x) if x == TypeId::of::<GraphicGroupTable>() => group_widget(default_info).into(),
+						// ============
+						// STRUCT TYPES
+						// ============
+						Some(x) if x == TypeId::of::<Color>() => color_widget(default_info, ColorInput::default().allow_none(false)),
+						Some(x) if x == TypeId::of::<Option<Color>>() => color_widget(default_info, ColorInput::default().allow_none(true)),
+						Some(x) if x == TypeId::of::<GradientStops>() => color_widget(default_info, ColorInput::default().allow_none(false)),
+						Some(x) if x == TypeId::of::<Font>() => font_widget(default_info),
+						Some(x) if x == TypeId::of::<Curve>() => curve_widget(default_info),
+						Some(x) if x == TypeId::of::<Footprint>() => footprint_widget(default_info, &mut extra_widgets),
+						// ===============================
+						// MANUALLY IMPLEMENTED ENUM TYPES
+						// ===============================
+						Some(x) if x == TypeId::of::<ReferencePoint>() => reference_point_widget(default_info, false).into(),
+						Some(x) if x == TypeId::of::<BlendMode>() => blend_mode_widget(default_info),
+						// =========================
+						// AUTO-GENERATED ENUM TYPES
+						// =========================
+						Some(x) if x == TypeId::of::<FillType>() => enum_choice::<FillType>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<GradientType>() => enum_choice::<GradientType>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<RealTimeMode>() => enum_choice::<RealTimeMode>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<RedGreenBlue>() => enum_choice::<RedGreenBlue>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<RedGreenBlueAlpha>() => enum_choice::<RedGreenBlueAlpha>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<XY>() => enum_choice::<XY>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<NoiseType>() => enum_choice::<NoiseType>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<FractalType>() => enum_choice::<FractalType>().for_socket(default_info).disabled(false).property_row(),
+						Some(x) if x == TypeId::of::<CellularDistanceFunction>() => enum_choice::<CellularDistanceFunction>().for_socket(default_info).disabled(false).property_row(),
+						Some(x) if x == TypeId::of::<CellularReturnType>() => enum_choice::<CellularReturnType>().for_socket(default_info).disabled(false).property_row(),
+						Some(x) if x == TypeId::of::<DomainWarpType>() => enum_choice::<DomainWarpType>().for_socket(default_info).disabled(false).property_row(),
+						Some(x) if x == TypeId::of::<RelativeAbsolute>() => enum_choice::<RelativeAbsolute>().for_socket(default_info).disabled(false).property_row(),
+						Some(x) if x == TypeId::of::<GridType>() => enum_choice::<GridType>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<StrokeCap>() => enum_choice::<StrokeCap>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<StrokeJoin>() => enum_choice::<StrokeJoin>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<StrokeAlign>() => enum_choice::<StrokeAlign>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<PaintOrder>() => enum_choice::<PaintOrder>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<ArcType>() => enum_choice::<ArcType>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<MergeByDistanceAlgorithm>() => enum_choice::<MergeByDistanceAlgorithm>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<PointSpacingType>() => enum_choice::<PointSpacingType>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<BooleanOperation>() => enum_choice::<BooleanOperation>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<CentroidType>() => enum_choice::<CentroidType>().for_socket(default_info).property_row(),
+						Some(x) if x == TypeId::of::<LuminanceCalculation>() => enum_choice::<LuminanceCalculation>().for_socket(default_info).property_row(),
+						// =====
+						// OTHER
+						// =====
+						_ => {
+							let mut widgets = start_widgets(default_info);
+							widgets.extend_from_slice(&[
+								Separator::new(SeparatorType::Unrelated).widget_holder(),
+								TextLabel::new("-")
+									.tooltip(format!(
+										"This data can only be supplied through the node graph because no widget exists for its type:\n\
+										{}",
+										concrete_type.name
+									))
+									.widget_holder(),
+							]);
+							return Err(vec![widgets.into()]);
+						}
+					}
+				}
+			}
+		}
+		Type::Generic(_) => vec![TextLabel::new("Generic type (not supported)").widget_holder()].into(),
+		Type::Fn(_, out) => return property_from_type(node_id, index, out, number_options, unit, display_decimal_places, step, context),
+		Type::Future(out) => return property_from_type(node_id, index, out, number_options, unit, display_decimal_places, step, context),
+	};
+
+	extra_widgets.push(widgets);
+
+	Ok(extra_widgets)
+}
+
+pub fn text_widget(parameter_widgets_info: ParameterWidgetsInfo) -> Vec<WidgetHolder> {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let Some(document_node) = document_node else { return Vec::new() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	if let Some(TaggedValue::String(x)) = &input.as_non_exposed_value() {
+		widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			TextInput::new(x.clone())
+				.on_update(update_value(|x: &TextInput| TaggedValue::String(x.value.clone()), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		])
+	}
+	widgets
+}
+
+pub fn text_area_widget(parameter_widgets_info: ParameterWidgetsInfo) -> Vec<WidgetHolder> {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let Some(document_node) = document_node else { return Vec::new() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	if let Some(TaggedValue::String(x)) = &input.as_non_exposed_value() {
+		widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			TextAreaInput::new(x.clone())
+				.on_update(update_value(|x: &TextAreaInput| TaggedValue::String(x.value.clone()), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		])
+	}
+	widgets
+}
+
+pub fn bool_widget(parameter_widgets_info: ParameterWidgetsInfo, checkbox_input: CheckboxInput) -> Vec<WidgetHolder> {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let Some(document_node) = document_node else { return Vec::new() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	if let Some(&TaggedValue::Bool(x)) = input.as_non_exposed_value() {
+		widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			checkbox_input
+				.checked(x)
+				.on_update(update_value(|x: &CheckboxInput| TaggedValue::Bool(x.checked), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		])
+	}
+	widgets
+}
+
+pub fn reference_point_widget(parameter_widgets_info: ParameterWidgetsInfo, disabled: bool) -> Vec<WidgetHolder> {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let Some(document_node) = document_node else { return Vec::new() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	if let Some(&TaggedValue::ReferencePoint(reference_point)) = input.as_non_exposed_value() {
+		widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			CheckboxInput::new(reference_point != ReferencePoint::None)
+				.on_update(update_value(
+					move |x: &CheckboxInput| TaggedValue::ReferencePoint(if x.checked { ReferencePoint::Center } else { ReferencePoint::None }),
+					node_id,
+					index,
+				))
+				.disabled(disabled)
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			ReferencePointInput::new(reference_point)
+				.on_update(update_value(move |x: &ReferencePointInput| TaggedValue::ReferencePoint(x.value), node_id, index))
+				.disabled(disabled)
+				.widget_holder(),
+		])
+	}
+	widgets
+}
+
+pub fn footprint_widget(parameter_widgets_info: ParameterWidgetsInfo, extra_widgets: &mut Vec<LayoutGroup>) -> LayoutGroup {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut location_widgets = start_widgets(parameter_widgets_info);
+	location_widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+	let mut scale_widgets = vec![TextLabel::new("").widget_holder()];
+	add_blank_assist(&mut scale_widgets);
+	scale_widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+	let mut resolution_widgets = vec![TextLabel::new("").widget_holder()];
+	add_blank_assist(&mut resolution_widgets);
+	resolution_widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+	let Some(document_node) = document_node else { return LayoutGroup::default() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return Vec::new().into();
+	};
+
+	if let Some(&TaggedValue::Footprint(footprint)) = input.as_non_exposed_value() {
+		let top_left = footprint.transform.transform_point2(DVec2::ZERO);
+		let bounds = footprint.scale();
+		let oversample = footprint.resolution.as_dvec2() / bounds;
+
+		location_widgets.extend_from_slice(&[
+			NumberInput::new(Some(top_left.x))
+				.label("X")
+				.unit(" px")
+				.on_update(update_value(
+					move |x: &NumberInput| {
+						let (offset, scale) = {
+							let diff = DVec2::new(top_left.x - x.value.unwrap_or_default(), 0.);
+							(top_left - diff, bounds)
+						};
+
+						let footprint = Footprint {
+							transform: DAffine2::from_scale_angle_translation(scale, 0., offset),
+							resolution: (oversample * scale).as_uvec2(),
+							..footprint
+						};
+
+						TaggedValue::Footprint(footprint)
+					},
+					node_id,
+					index,
+				))
+				.on_commit(commit_value)
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(Some(top_left.y))
+				.label("Y")
+				.unit(" px")
+				.on_update(update_value(
+					move |x: &NumberInput| {
+						let (offset, scale) = {
+							let diff = DVec2::new(0., top_left.y - x.value.unwrap_or_default());
+							(top_left - diff, bounds)
+						};
+
+						let footprint = Footprint {
+							transform: DAffine2::from_scale_angle_translation(scale, 0., offset),
+							resolution: (oversample * scale).as_uvec2(),
+							..footprint
+						};
+
+						TaggedValue::Footprint(footprint)
+					},
+					node_id,
+					index,
+				))
+				.on_commit(commit_value)
+				.widget_holder(),
+		]);
+
+		scale_widgets.extend_from_slice(&[
+			NumberInput::new(Some(bounds.x))
+				.label("W")
+				.unit(" px")
+				.on_update(update_value(
+					move |x: &NumberInput| {
+						let (offset, scale) = (top_left, DVec2::new(x.value.unwrap_or_default(), bounds.y));
+
+						let footprint = Footprint {
+							transform: DAffine2::from_scale_angle_translation(scale, 0., offset),
+							resolution: (oversample * scale).as_uvec2(),
+							..footprint
+						};
+
+						TaggedValue::Footprint(footprint)
+					},
+					node_id,
+					index,
+				))
+				.on_commit(commit_value)
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(Some(bounds.y))
+				.label("H")
+				.unit(" px")
+				.on_update(update_value(
+					move |x: &NumberInput| {
+						let (offset, scale) = (top_left, DVec2::new(bounds.x, x.value.unwrap_or_default()));
+
+						let footprint = Footprint {
+							transform: DAffine2::from_scale_angle_translation(scale, 0., offset),
+							resolution: (oversample * scale).as_uvec2(),
+							..footprint
+						};
+
+						TaggedValue::Footprint(footprint)
+					},
+					node_id,
+					index,
+				))
+				.on_commit(commit_value)
+				.widget_holder(),
+		]);
+
+		resolution_widgets.push(
+			NumberInput::new(Some((footprint.resolution.as_dvec2() / bounds).x * 100.))
+				.label("Resolution")
+				.unit("%")
+				.on_update(update_value(
+					move |x: &NumberInput| {
+						let resolution = (bounds * x.value.unwrap_or(100.) / 100.).as_uvec2().max((1, 1).into()).min((4000, 4000).into());
+
+						let footprint = Footprint { resolution, ..footprint };
+						TaggedValue::Footprint(footprint)
+					},
+					node_id,
+					index,
+				))
+				.on_commit(commit_value)
+				.widget_holder(),
+		);
+	}
+
+	let widgets = vec![
+		LayoutGroup::Row { widgets: location_widgets },
+		LayoutGroup::Row { widgets: scale_widgets },
+		LayoutGroup::Row { widgets: resolution_widgets },
+	];
+	let (last, rest) = widgets.split_last().expect("Footprint widget should return multiple rows");
+	*extra_widgets = rest.to_vec();
+	last.clone()
+}
+
+pub fn coordinate_widget(parameter_widgets_info: ParameterWidgetsInfo, x: &str, y: &str, unit: &str, min: Option<f64>) -> LayoutGroup {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let Some(document_node) = document_node else { return LayoutGroup::default() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return LayoutGroup::Row { widgets: vec![] };
+	};
+	match input.as_non_exposed_value() {
+		Some(&TaggedValue::DVec2(dvec2)) => {
+			widgets.extend_from_slice(&[
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				NumberInput::new(Some(dvec2.x))
+					.label(x)
+					.unit(unit)
+					.min(min.unwrap_or(-((1_u64 << f64::MANTISSA_DIGITS) as f64)))
+					.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+					.on_update(update_value(move |input: &NumberInput| TaggedValue::DVec2(DVec2::new(input.value.unwrap(), dvec2.y)), node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+				Separator::new(SeparatorType::Related).widget_holder(),
+				NumberInput::new(Some(dvec2.y))
+					.label(y)
+					.unit(unit)
+					.min(min.unwrap_or(-((1_u64 << f64::MANTISSA_DIGITS) as f64)))
+					.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+					.on_update(update_value(move |input: &NumberInput| TaggedValue::DVec2(DVec2::new(dvec2.x, input.value.unwrap())), node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+			]);
+		}
+		Some(&TaggedValue::IVec2(ivec2)) => {
+			let update_x = move |input: &NumberInput| TaggedValue::IVec2(IVec2::new(input.value.unwrap() as i32, ivec2.y));
+			let update_y = move |input: &NumberInput| TaggedValue::IVec2(IVec2::new(ivec2.x, input.value.unwrap() as i32));
+			widgets.extend_from_slice(&[
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				NumberInput::new(Some(ivec2.x as f64))
+					.int()
+					.label(x)
+					.unit(unit)
+					.min(min.unwrap_or(-((1_u64 << f64::MANTISSA_DIGITS) as f64)))
+					.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+					.on_update(update_value(update_x, node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+				Separator::new(SeparatorType::Related).widget_holder(),
+				NumberInput::new(Some(ivec2.y as f64))
+					.int()
+					.label(y)
+					.unit(unit)
+					.min(min.unwrap_or(-((1_u64 << f64::MANTISSA_DIGITS) as f64)))
+					.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+					.on_update(update_value(update_y, node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+			]);
+		}
+		Some(&TaggedValue::UVec2(uvec2)) => {
+			let update_x = move |input: &NumberInput| TaggedValue::UVec2(UVec2::new(input.value.unwrap() as u32, uvec2.y));
+			let update_y = move |input: &NumberInput| TaggedValue::UVec2(UVec2::new(uvec2.x, input.value.unwrap() as u32));
+			widgets.extend_from_slice(&[
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				NumberInput::new(Some(uvec2.x as f64))
+					.int()
+					.label(x)
+					.unit(unit)
+					.min(min.unwrap_or(0.))
+					.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+					.on_update(update_value(update_x, node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+				Separator::new(SeparatorType::Related).widget_holder(),
+				NumberInput::new(Some(uvec2.y as f64))
+					.int()
+					.label(y)
+					.unit(unit)
+					.min(min.unwrap_or(0.))
+					.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+					.on_update(update_value(update_y, node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+			]);
+		}
+		Some(&TaggedValue::F64(value)) => {
+			widgets.extend_from_slice(&[
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				NumberInput::new(Some(value))
+					.label(x)
+					.unit(unit)
+					.min(min.unwrap_or(-((1_u64 << f64::MANTISSA_DIGITS) as f64)))
+					.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+					.on_update(update_value(move |input: &NumberInput| TaggedValue::DVec2(DVec2::new(input.value.unwrap(), value)), node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+				Separator::new(SeparatorType::Related).widget_holder(),
+				NumberInput::new(Some(value))
+					.label(y)
+					.unit(unit)
+					.min(min.unwrap_or(-((1_u64 << f64::MANTISSA_DIGITS) as f64)))
+					.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+					.on_update(update_value(move |input: &NumberInput| TaggedValue::DVec2(DVec2::new(value, input.value.unwrap())), node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+			]);
+		}
+		_ => {}
+	}
+
+	LayoutGroup::Row { widgets }
+}
+
+pub fn array_of_number_widget(parameter_widgets_info: ParameterWidgetsInfo, text_input: TextInput) -> Vec<WidgetHolder> {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let from_string = |string: &str| {
+		string
+			.split(&[',', ' '])
+			.filter(|x| !x.is_empty())
+			.map(str::parse::<f64>)
+			.collect::<Result<Vec<_>, _>>()
+			.ok()
+			.map(TaggedValue::VecF64)
+	};
+
+	let Some(document_node) = document_node else { return Vec::new() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	if let Some(TaggedValue::VecF64(x)) = &input.as_non_exposed_value() {
+		widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			text_input
+				.value(x.iter().map(|v| v.to_string()).collect::<Vec<_>>().join(", "))
+				.on_update(optionally_update_value(move |x: &TextInput| from_string(&x.value), node_id, index))
+				.widget_holder(),
+		])
+	}
+	widgets
+}
+
+pub fn array_of_coordinates_widget(parameter_widgets_info: ParameterWidgetsInfo, text_props: TextInput) -> Vec<WidgetHolder> {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let from_string = |string: &str| {
+		string
+			.split(|c: char| !c.is_alphanumeric() && !matches!(c, '.' | '+' | '-'))
+			.filter(|x| !x.is_empty())
+			.map(|x| x.parse::<f64>().ok())
+			.collect::<Option<Vec<_>>>()
+			.map(|numbers| numbers.chunks_exact(2).map(|values| DVec2::new(values[0], values[1])).collect())
+			.map(TaggedValue::VecDVec2)
+	};
+
+	let Some(document_node) = document_node else { return Vec::new() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	if let Some(TaggedValue::VecDVec2(x)) = &input.as_non_exposed_value() {
+		widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			text_props
+				.value(x.iter().map(|v| format!("({}, {})", v.x, v.y)).collect::<Vec<_>>().join(", "))
+				.on_update(optionally_update_value(move |x: &TextInput| from_string(&x.value), node_id, index))
+				.widget_holder(),
+		])
+	}
+	widgets
+}
+
+pub fn font_inputs(parameter_widgets_info: ParameterWidgetsInfo) -> (Vec<WidgetHolder>, Option<Vec<WidgetHolder>>) {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut first_widgets = start_widgets(parameter_widgets_info);
+	let mut second_widgets = None;
+
+	let from_font_input = |font: &FontInput| TaggedValue::Font(Font::new(font.font_family.clone(), font.font_style.clone()));
+
+	let Some(document_node) = document_node else { return (Vec::new(), None) };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return (vec![], None);
+	};
+	if let Some(TaggedValue::Font(font)) = &input.as_non_exposed_value() {
+		first_widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			FontInput::new(font.font_family.clone(), font.font_style.clone())
+				.on_update(update_value(from_font_input, node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		]);
+
+		let mut second_row = vec![TextLabel::new("").widget_holder()];
+		add_blank_assist(&mut second_row);
+		second_row.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			FontInput::new(font.font_family.clone(), font.font_style.clone())
+				.is_style_picker(true)
+				.on_update(update_value(from_font_input, node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		]);
+		second_widgets = Some(second_row);
+	}
+	(first_widgets, second_widgets)
+}
+
+pub fn vector_data_widget(parameter_widgets_info: ParameterWidgetsInfo) -> Vec<WidgetHolder> {
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+	widgets.push(TextLabel::new("Vector data is supplied through the node graph").widget_holder());
+
+	widgets
+}
+
+pub fn raster_widget(parameter_widgets_info: ParameterWidgetsInfo) -> Vec<WidgetHolder> {
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+	widgets.push(TextLabel::new("Raster data is supplied through the node graph").widget_holder());
+
+	widgets
+}
+
+pub fn group_widget(parameter_widgets_info: ParameterWidgetsInfo) -> Vec<WidgetHolder> {
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+	widgets.push(TextLabel::new("Group data is supplied through the node graph").widget_holder());
+
+	widgets
+}
+
+pub fn number_widget(parameter_widgets_info: ParameterWidgetsInfo, number_props: NumberInput) -> Vec<WidgetHolder> {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let Some(document_node) = document_node else { return Vec::new() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	match input.as_non_exposed_value() {
+		Some(&TaggedValue::F64(x)) => widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			number_props
+				.value(Some(x))
+				.on_update(update_value(move |x: &NumberInput| TaggedValue::F64(x.value.unwrap()), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		]),
+		Some(&TaggedValue::U32(x)) => widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			number_props
+				.value(Some(x as f64))
+				.on_update(update_value(move |x: &NumberInput| TaggedValue::U32((x.value.unwrap()) as u32), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		]),
+		Some(&TaggedValue::U64(x)) => widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			number_props
+				.value(Some(x as f64))
+				.on_update(update_value(move |x: &NumberInput| TaggedValue::U64((x.value.unwrap()) as u64), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		]),
+		Some(&TaggedValue::OptionalF64(x)) => {
+			// TODO: Don't wipe out the previously set value (setting it back to the default of 100) when reenabling this checkbox back to Some from None
+			let toggle_enabled = move |checkbox_input: &CheckboxInput| TaggedValue::OptionalF64(if checkbox_input.checked { Some(100.) } else { None });
+			widgets.extend_from_slice(&[
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				Separator::new(SeparatorType::Related).widget_holder(),
+				// The checkbox toggles if the value is Some or None
+				CheckboxInput::new(x.is_some())
+					.on_update(update_value(toggle_enabled, node_id, index))
+					.on_commit(commit_value)
+					.widget_holder(),
+				Separator::new(SeparatorType::Related).widget_holder(),
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				number_props
+					.value(x)
+					.on_update(update_value(move |x: &NumberInput| TaggedValue::OptionalF64(x.value), node_id, index))
+					.disabled(x.is_none())
+					.on_commit(commit_value)
+					.widget_holder(),
+			]);
+		}
+		Some(&TaggedValue::DVec2(dvec2)) => widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			number_props
+			// We use an arbitrary `y` instead of an arbitrary `x` here because the "Grid" node's "Spacing" value's height should be used from rectangular mode when transferred to "Y Spacing" in isometric mode
+				.value(Some(dvec2.y))
+				.on_update(update_value(move |x: &NumberInput| TaggedValue::F64(x.value.unwrap()), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		]),
+		_ => {}
+	}
+
+	widgets
+}
+
+// TODO: Auto-generate this enum dropdown menu widget
+pub fn blend_mode_widget(parameter_widgets_info: ParameterWidgetsInfo) -> LayoutGroup {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+	let Some(document_node) = document_node else { return LayoutGroup::default() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return LayoutGroup::Row { widgets: vec![] };
+	};
+	if let Some(&TaggedValue::BlendMode(blend_mode)) = input.as_non_exposed_value() {
+		let entries = BlendMode::list_svg_subset()
+			.iter()
+			.map(|category| {
+				category
+					.iter()
+					.map(|blend_mode| {
+						MenuListEntry::new(format!("{blend_mode:?}"))
+							.label(blend_mode.to_string())
+							.on_update(update_value(move |_| TaggedValue::BlendMode(*blend_mode), node_id, index))
+							.on_commit(commit_value)
+					})
+					.collect()
+			})
+			.collect();
+
+		widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			DropdownInput::new(entries)
+				.selected_index(blend_mode.index_in_list_svg_subset().map(|index| index as u32))
+				.widget_holder(),
+		]);
+	}
+	LayoutGroup::Row { widgets }.with_tooltip("Formula used for blending")
+}
+
+pub fn color_widget(parameter_widgets_info: ParameterWidgetsInfo, color_button: ColorInput) -> LayoutGroup {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let Some(document_node) = document_node else { return LayoutGroup::default() };
+	// Return early with just the label if the input is exposed to the graph, meaning we don't want to show the color picker widget in the Properties panel
+	let NodeInput::Value { tagged_value, exposed: false } = &document_node.inputs[index] else {
+		return LayoutGroup::Row { widgets };
+	};
+
+	// Add a separator
+	widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+	// Add the color input
+	match &**tagged_value {
+		TaggedValue::Color(color) => widgets.push(
+			color_button
+				.value(FillChoice::Solid(*color))
+				.on_update(update_value(|x: &ColorInput| TaggedValue::Color(x.value.as_solid().unwrap_or_default()), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		),
+		TaggedValue::OptionalColor(color) => widgets.push(
+			color_button
+				.value(match color {
+					Some(color) => FillChoice::Solid(*color),
+					None => FillChoice::None,
+				})
+				.on_update(update_value(|x: &ColorInput| TaggedValue::OptionalColor(x.value.as_solid()), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		),
+		TaggedValue::GradientStops(x) => widgets.push(
+			color_button
+				.value(FillChoice::Gradient(x.clone()))
+				.on_update(update_value(
+					|x: &ColorInput| TaggedValue::GradientStops(x.value.as_gradient().cloned().unwrap_or_default()),
+					node_id,
+					index,
+				))
+				.on_commit(commit_value)
+				.widget_holder(),
+		),
+		_ => {}
+	}
+
+	LayoutGroup::Row { widgets }
+}
+
+pub fn font_widget(parameter_widgets_info: ParameterWidgetsInfo) -> LayoutGroup {
+	let (font_widgets, style_widgets) = font_inputs(parameter_widgets_info);
+	font_widgets.into_iter().chain(style_widgets.unwrap_or_default()).collect::<Vec<_>>().into()
+}
+
+pub fn curve_widget(parameter_widgets_info: ParameterWidgetsInfo) -> LayoutGroup {
+	let ParameterWidgetsInfo { document_node, node_id, index, .. } = parameter_widgets_info;
+
+	let mut widgets = start_widgets(parameter_widgets_info);
+
+	let Some(document_node) = document_node else { return LayoutGroup::default() };
+	let Some(input) = document_node.inputs.get(index) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return LayoutGroup::Row { widgets: vec![] };
+	};
+	if let Some(TaggedValue::Curve(curve)) = &input.as_non_exposed_value() {
+		widgets.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			CurveInput::new(curve.clone())
+				.on_update(update_value(|x: &CurveInput| TaggedValue::Curve(x.value.clone()), node_id, index))
+				.on_commit(commit_value)
+				.widget_holder(),
+		])
+	}
+	LayoutGroup::Row { widgets }
+}
+
+pub fn get_document_node<'a>(node_id: NodeId, context: &'a NodePropertiesContext<'a>) -> Result<&'a DocumentNode, String> {
+	let network = context
+		.network_interface
+		.nested_network(context.selection_network_path)
+		.ok_or("network not found in get_document_node")?;
+	network.nodes.get(&node_id).ok_or(format!("node {node_id} not found in get_document_node"))
+}
+
+pub fn query_node_and_input_info<'a>(node_id: NodeId, input_index: usize, context: &'a mut NodePropertiesContext<'a>) -> Result<(&'a DocumentNode, String, String), String> {
+	let (name, description) = context.network_interface.displayed_input_name_and_description(&node_id, input_index, context.selection_network_path);
+	let document_node = get_document_node(node_id, context)?;
+
+	Ok((document_node, name, description))
+}
+
+pub fn query_noise_pattern_state(node_id: NodeId, context: &NodePropertiesContext) -> Result<(bool, bool, bool, bool, bool, bool), String> {
+	let document_node = get_document_node(node_id, context)?;
+	let current_noise_type = document_node.inputs.iter().find_map(|input| match input.as_value() {
+		Some(&TaggedValue::NoiseType(noise_type)) => Some(noise_type),
+		_ => None,
+	});
+	let current_fractal_type = document_node.inputs.iter().find_map(|input| match input.as_value() {
+		Some(&TaggedValue::FractalType(fractal_type)) => Some(fractal_type),
+		_ => None,
+	});
+	let current_domain_warp_type = document_node.inputs.iter().find_map(|input| match input.as_value() {
+		Some(&TaggedValue::DomainWarpType(domain_warp_type)) => Some(domain_warp_type),
+		_ => None,
+	});
+	let fractal_active = current_fractal_type != Some(FractalType::None);
+	let coherent_noise_active = current_noise_type != Some(NoiseType::WhiteNoise);
+	let cellular_noise_active = current_noise_type == Some(NoiseType::Cellular);
+	let ping_pong_active = current_fractal_type == Some(FractalType::PingPong);
+	let domain_warp_active = current_domain_warp_type != Some(DomainWarpType::None);
+	let domain_warp_only_fractal_type_wrongly_active =
+		!domain_warp_active && (current_fractal_type == Some(FractalType::DomainWarpIndependent) || current_fractal_type == Some(FractalType::DomainWarpProgressive));
+
+	Ok((
+		fractal_active,
+		coherent_noise_active,
+		cellular_noise_active,
+		ping_pong_active,
+		domain_warp_active,
+		domain_warp_only_fractal_type_wrongly_active,
+	))
+}
+
+pub fn query_assign_colors_randomize(node_id: NodeId, context: &NodePropertiesContext) -> Result<bool, String> {
+	use graphene_std::vector::assign_colors::*;
+
+	let document_node = get_document_node(node_id, context)?;
+	// This is safe since the node is a proto node and the implementation cannot be changed.
+	Ok(match document_node.inputs.get(RandomizeInput::INDEX).and_then(|input| input.as_value()) {
+		Some(TaggedValue::Bool(randomize_enabled)) => *randomize_enabled,
+		_ => false,
+	})
+}
+
+pub(crate) fn brightness_contrast_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::raster::brightness_contrast::*;
+
+	// Use Classic
+	let use_classic = bool_widget(ParameterWidgetsInfo::new(node_id, UseClassicInput::INDEX, true, context), CheckboxInput::default());
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in brightness_contrast_properties: {err}");
+			return Vec::new();
+		}
+	};
+	let use_classic_value = match document_node.inputs[UseClassicInput::INDEX].as_value() {
+		Some(TaggedValue::Bool(use_classic_choice)) => *use_classic_choice,
+		_ => false,
+	};
+
+	// Brightness
+	let brightness = number_widget(
+		ParameterWidgetsInfo::new(node_id, BrightnessInput::INDEX, true, context),
+		NumberInput::default()
+			.unit("%")
+			.mode_range()
+			.display_decimal_places(2)
+			.range_min(Some(if use_classic_value { -100. } else { -150. }))
+			.range_max(Some(if use_classic_value { 100. } else { 150. })),
+	);
+
+	// Contrast
+	let contrast = number_widget(
+		ParameterWidgetsInfo::new(node_id, ContrastInput::INDEX, true, context),
+		NumberInput::default()
+			.unit("%")
+			.mode_range()
+			.display_decimal_places(2)
+			.range_min(Some(if use_classic_value { -100. } else { -50. }))
+			.range_max(Some(100.)),
+	);
+
+	let layout = vec![
+		LayoutGroup::Row { widgets: brightness },
+		LayoutGroup::Row { widgets: contrast },
+		LayoutGroup::Row { widgets: use_classic },
+	];
+
+	layout
+}
+
+pub(crate) fn channel_mixer_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::raster::channel_mixer::*;
+
+	let is_monochrome = bool_widget(ParameterWidgetsInfo::new(node_id, MonochromeInput::INDEX, true, context), CheckboxInput::default());
+	let mut parameter_info = ParameterWidgetsInfo::new(node_id, OutputChannelInput::INDEX, true, context);
+	parameter_info.exposeable = false;
+	let output_channel = enum_choice::<RedGreenBlue>().for_socket(parameter_info).property_row();
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in channel_mixer_properties: {err}");
+			return Vec::new();
+		}
+	};
+	// Monochrome
+	let is_monochrome_value = match document_node.inputs[MonochromeInput::INDEX].as_value() {
+		Some(TaggedValue::Bool(monochrome_choice)) => *monochrome_choice,
+		_ => false,
+	};
+	// Output channel choice
+	let output_channel_value = match &document_node.inputs[OutputChannelInput::INDEX].as_value() {
+		Some(TaggedValue::RedGreenBlue(choice)) => choice,
+		_ => {
+			warn!("Channel Mixer node properties panel could not be displayed.");
+			return vec![];
+		}
+	};
+
+	// Output Channel modes
+	let (red_output_index, green_output_index, blue_output_index, constant_output_index) = match (is_monochrome_value, output_channel_value) {
+		(true, _) => (MonochromeRInput::INDEX, MonochromeGInput::INDEX, MonochromeBInput::INDEX, MonochromeCInput::INDEX),
+		(false, RedGreenBlue::Red) => (RedRInput::INDEX, RedGInput::INDEX, RedBInput::INDEX, RedCInput::INDEX),
+		(false, RedGreenBlue::Green) => (GreenRInput::INDEX, GreenGInput::INDEX, GreenBInput::INDEX, GreenCInput::INDEX),
+		(false, RedGreenBlue::Blue) => (BlueRInput::INDEX, BlueGInput::INDEX, BlueBInput::INDEX, BlueCInput::INDEX),
+	};
+	let number_input = NumberInput::default().mode_range().min(-200.).max(200.).unit("%");
+	let red = number_widget(ParameterWidgetsInfo::new(node_id, red_output_index, true, context), number_input.clone());
+	let green = number_widget(ParameterWidgetsInfo::new(node_id, green_output_index, true, context), number_input.clone());
+	let blue = number_widget(ParameterWidgetsInfo::new(node_id, blue_output_index, true, context), number_input.clone());
+	let constant = number_widget(ParameterWidgetsInfo::new(node_id, constant_output_index, true, context), number_input);
+
+	// Monochrome
+	let mut layout = vec![LayoutGroup::Row { widgets: is_monochrome }];
+	// Output channel choice
+	if !is_monochrome_value {
+		layout.push(output_channel);
+	}
+	// Channel values
+	layout.extend([
+		LayoutGroup::Row { widgets: red },
+		LayoutGroup::Row { widgets: green },
+		LayoutGroup::Row { widgets: blue },
+		LayoutGroup::Row { widgets: constant },
+	]);
+	layout
+}
+
+pub(crate) fn selective_color_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::raster::selective_color::*;
+
+	let mut default_info = ParameterWidgetsInfo::new(node_id, ColorsInput::INDEX, true, context);
+	default_info.exposeable = false;
+	let colors = enum_choice::<SelectiveColorChoice>().for_socket(default_info).property_row();
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in selective_color_properties: {err}");
+			return Vec::new();
+		}
+	};
+	// Colors choice
+	let colors_choice = match &document_node.inputs[ColorsInput::INDEX].as_value() {
+		Some(TaggedValue::SelectiveColorChoice(choice)) => choice,
+		_ => {
+			warn!("Selective Color node properties panel could not be displayed.");
+			return vec![];
+		}
+	};
+	// CMYK
+	let (c_index, m_index, y_index, k_index) = match colors_choice {
+		SelectiveColorChoice::Reds => (RCInput::INDEX, RMInput::INDEX, RYInput::INDEX, RKInput::INDEX),
+		SelectiveColorChoice::Yellows => (YCInput::INDEX, YMInput::INDEX, YYInput::INDEX, YKInput::INDEX),
+		SelectiveColorChoice::Greens => (GCInput::INDEX, GMInput::INDEX, GYInput::INDEX, GKInput::INDEX),
+		SelectiveColorChoice::Cyans => (CCInput::INDEX, CMInput::INDEX, CYInput::INDEX, CKInput::INDEX),
+		SelectiveColorChoice::Blues => (BCInput::INDEX, BMInput::INDEX, BYInput::INDEX, BKInput::INDEX),
+		SelectiveColorChoice::Magentas => (MCInput::INDEX, MMInput::INDEX, MYInput::INDEX, MKInput::INDEX),
+		SelectiveColorChoice::Whites => (WCInput::INDEX, WMInput::INDEX, WYInput::INDEX, WKInput::INDEX),
+		SelectiveColorChoice::Neutrals => (NCInput::INDEX, NMInput::INDEX, NYInput::INDEX, NKInput::INDEX),
+		SelectiveColorChoice::Blacks => (KCInput::INDEX, KMInput::INDEX, KYInput::INDEX, KKInput::INDEX),
+	};
+	let number_input = NumberInput::default().mode_range().min(-100.).max(100.).unit("%");
+	let cyan = number_widget(ParameterWidgetsInfo::new(node_id, c_index, true, context), number_input.clone());
+	let magenta = number_widget(ParameterWidgetsInfo::new(node_id, m_index, true, context), number_input.clone());
+	let yellow = number_widget(ParameterWidgetsInfo::new(node_id, y_index, true, context), number_input.clone());
+	let black = number_widget(ParameterWidgetsInfo::new(node_id, k_index, true, context), number_input);
+
+	// Mode
+	let mode = enum_choice::<RelativeAbsolute>()
+		.for_socket(ParameterWidgetsInfo::new(node_id, ModeInput::INDEX, true, context))
+		.property_row();
+
+	vec![
+		// Colors choice
+		colors,
+		// CMYK
+		LayoutGroup::Row { widgets: cyan },
+		LayoutGroup::Row { widgets: magenta },
+		LayoutGroup::Row { widgets: yellow },
+		LayoutGroup::Row { widgets: black },
+		// Mode
+		mode,
+	]
+}
+
+pub(crate) fn grid_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::vector::generator_nodes::grid::*;
+
+	let grid_type = enum_choice::<GridType>()
+		.for_socket(ParameterWidgetsInfo::new(node_id, GridTypeInput::INDEX, true, context))
+		.property_row();
+
+	let mut widgets = vec![grid_type];
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in grid_properties: {err}");
+			return Vec::new();
+		}
+	};
+	let Some(grid_type_input) = document_node.inputs.get(GridTypeInput::INDEX) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	if let Some(&TaggedValue::GridType(grid_type)) = grid_type_input.as_non_exposed_value() {
+		match grid_type {
+			GridType::Rectangular => {
+				let spacing = coordinate_widget(ParameterWidgetsInfo::new(node_id, SpacingInput::<f64>::INDEX, true, context), "W", "H", " px", Some(0.));
+				widgets.push(spacing);
+			}
+			GridType::Isometric => {
+				let spacing = LayoutGroup::Row {
+					widgets: number_widget(
+						ParameterWidgetsInfo::new(node_id, SpacingInput::<f64>::INDEX, true, context),
+						NumberInput::default().label("H").min(0.).unit(" px"),
+					),
+				};
+				let angles = coordinate_widget(ParameterWidgetsInfo::new(node_id, AnglesInput::INDEX, true, context), "", "", "°", None);
+				widgets.extend([spacing, angles]);
+			}
+		}
+	}
+
+	let columns = number_widget(ParameterWidgetsInfo::new(node_id, ColumnsInput::INDEX, true, context), NumberInput::default().min(1.));
+	let rows = number_widget(ParameterWidgetsInfo::new(node_id, RowsInput::INDEX, true, context), NumberInput::default().min(1.));
+
+	widgets.extend([LayoutGroup::Row { widgets: columns }, LayoutGroup::Row { widgets: rows }]);
+
+	widgets
+}
+
+pub(crate) const SAMPLE_POLYLINE_TOOLTIP_SPACING: &str = "Use a point sampling density controlled by a distance between, or specific number of, points.";
+pub(crate) const SAMPLE_POLYLINE_TOOLTIP_SEPARATION: &str = "Distance between each instance (exact if 'Adaptive Spacing' is disabled, approximate if enabled).";
+pub(crate) const SAMPLE_POLYLINE_TOOLTIP_QUANTITY: &str = "Number of points to place along the path.";
+pub(crate) const SAMPLE_POLYLINE_TOOLTIP_START_OFFSET: &str = "Exclude some distance from the start of the path before the first instance.";
+pub(crate) const SAMPLE_POLYLINE_TOOLTIP_STOP_OFFSET: &str = "Exclude some distance from the end of the path after the last instance.";
+pub(crate) const SAMPLE_POLYLINE_TOOLTIP_ADAPTIVE_SPACING: &str = "Round 'Separation' to a nearby value that divides into the path length evenly.";
+
+pub(crate) fn sample_polyline_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::vector::sample_polyline::*;
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in sample_polyline_properties: {err}");
+			return Vec::new();
+		}
+	};
+
+	let current_spacing = document_node.inputs.get(SpacingInput::INDEX).and_then(|input| input.as_value()).cloned();
+	let is_quantity = matches!(current_spacing, Some(TaggedValue::PointSpacingType(PointSpacingType::Quantity)));
+
+	let spacing = enum_choice::<PointSpacingType>()
+		.for_socket(ParameterWidgetsInfo::new(node_id, SpacingInput::INDEX, true, context))
+		.property_row();
+	let separation = number_widget(ParameterWidgetsInfo::new(node_id, SeparationInput::INDEX, true, context), NumberInput::default().min(0.).unit(" px"));
+	let quantity = number_widget(ParameterWidgetsInfo::new(node_id, QuantityInput::INDEX, true, context), NumberInput::default().min(2.).int());
+	let start_offset = number_widget(ParameterWidgetsInfo::new(node_id, StartOffsetInput::INDEX, true, context), NumberInput::default().min(0.).unit(" px"));
+	let stop_offset = number_widget(ParameterWidgetsInfo::new(node_id, StopOffsetInput::INDEX, true, context), NumberInput::default().min(0.).unit(" px"));
+	let adaptive_spacing = bool_widget(
+		ParameterWidgetsInfo::new(node_id, AdaptiveSpacingInput::INDEX, true, context),
+		CheckboxInput::default().disabled(is_quantity),
+	);
+
+	vec![
+		spacing.with_tooltip(SAMPLE_POLYLINE_TOOLTIP_SPACING),
+		match current_spacing {
+			Some(TaggedValue::PointSpacingType(PointSpacingType::Separation)) => LayoutGroup::Row { widgets: separation }.with_tooltip(SAMPLE_POLYLINE_TOOLTIP_SEPARATION),
+			Some(TaggedValue::PointSpacingType(PointSpacingType::Quantity)) => LayoutGroup::Row { widgets: quantity }.with_tooltip(SAMPLE_POLYLINE_TOOLTIP_QUANTITY),
+			_ => LayoutGroup::Row { widgets: vec![] },
+		},
+		LayoutGroup::Row { widgets: start_offset }.with_tooltip(SAMPLE_POLYLINE_TOOLTIP_START_OFFSET),
+		LayoutGroup::Row { widgets: stop_offset }.with_tooltip(SAMPLE_POLYLINE_TOOLTIP_STOP_OFFSET),
+		LayoutGroup::Row { widgets: adaptive_spacing }.with_tooltip(SAMPLE_POLYLINE_TOOLTIP_ADAPTIVE_SPACING),
+	]
+}
+
+pub(crate) fn exposure_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::raster::exposure::*;
+
+	let exposure = number_widget(ParameterWidgetsInfo::new(node_id, ExposureInput::INDEX, true, context), NumberInput::default().min(-20.).max(20.));
+	let offset = number_widget(ParameterWidgetsInfo::new(node_id, OffsetInput::INDEX, true, context), NumberInput::default().min(-0.5).max(0.5));
+	let gamma_correction = number_widget(
+		ParameterWidgetsInfo::new(node_id, GammaCorrectionInput::INDEX, true, context),
+		NumberInput::default().min(0.01).max(9.99).increment_step(0.1),
+	);
+
+	vec![
+		LayoutGroup::Row { widgets: exposure },
+		LayoutGroup::Row { widgets: offset },
+		LayoutGroup::Row { widgets: gamma_correction },
+	]
+}
+
+pub(crate) fn rectangle_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::vector::generator_nodes::rectangle::*;
+
+	// Corner Radius
+	let mut corner_radius_row_1 = start_widgets(ParameterWidgetsInfo::new(node_id, CornerRadiusInput::<f64>::INDEX, true, context));
+	corner_radius_row_1.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+	let mut corner_radius_row_2 = vec![Separator::new(SeparatorType::Unrelated).widget_holder()];
+	corner_radius_row_2.push(TextLabel::new("").widget_holder());
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in rectangle_properties: {err}");
+			return Vec::new();
+		}
+	};
+	let Some(input) = document_node.inputs.get(IndividualCornerRadiiInput::INDEX) else {
+		log::warn!("A widget failed to be built because its node's input index is invalid.");
+		return vec![];
+	};
+	if let Some(&TaggedValue::Bool(is_individual)) = input.as_non_exposed_value() {
+		// Values
+		let Some(input) = document_node.inputs.get(CornerRadiusInput::<f64>::INDEX) else {
+			log::warn!("A widget failed to be built because its node's input index is invalid.");
+			return vec![];
+		};
+		let uniform_val = match input.as_non_exposed_value() {
+			Some(TaggedValue::F64(x)) => *x,
+			Some(TaggedValue::F64Array4(x)) => x[0],
+			_ => 0.,
+		};
+		let individual_val = match input.as_non_exposed_value() {
+			Some(&TaggedValue::F64Array4(x)) => x,
+			Some(&TaggedValue::F64(x)) => [x; 4],
+			_ => [0.; 4],
+		};
+
+		// Uniform/individual radio input widget
+		let uniform = RadioEntryData::new("Uniform")
+			.label("Uniform")
+			.on_update(move |_| {
+				Message::Batched(Box::new([
+					NodeGraphMessage::SetInputValue {
+						node_id,
+						input_index: IndividualCornerRadiiInput::INDEX,
+						value: TaggedValue::Bool(false),
+					}
+					.into(),
+					NodeGraphMessage::SetInputValue {
+						node_id,
+						input_index: CornerRadiusInput::<f64>::INDEX,
+						value: TaggedValue::F64(uniform_val),
+					}
+					.into(),
+				]))
+			})
+			.on_commit(commit_value);
+		let individual = RadioEntryData::new("Individual")
+			.label("Individual")
+			.on_update(move |_| {
+				Message::Batched(Box::new([
+					NodeGraphMessage::SetInputValue {
+						node_id,
+						input_index: IndividualCornerRadiiInput::INDEX,
+						value: TaggedValue::Bool(true),
+					}
+					.into(),
+					NodeGraphMessage::SetInputValue {
+						node_id,
+						input_index: CornerRadiusInput::<f64>::INDEX,
+						value: TaggedValue::F64Array4(individual_val),
+					}
+					.into(),
+				]))
+			})
+			.on_commit(commit_value);
+		let radio_input = RadioInput::new(vec![uniform, individual]).selected_index(Some(is_individual as u32)).widget_holder();
+		corner_radius_row_1.push(radio_input);
+
+		// Radius value input widget
+		let input_widget = if is_individual {
+			let from_string = |string: &str| {
+				string
+					.split(&[',', ' '])
+					.filter(|x| !x.is_empty())
+					.map(str::parse::<f64>)
+					.collect::<Result<Vec<f64>, _>>()
+					.ok()
+					.map(|v| {
+						let arr: Box<[f64; 4]> = v.into_boxed_slice().try_into().unwrap_or_default();
+						*arr
+					})
+					.map(TaggedValue::F64Array4)
+			};
+			TextInput::default()
+				.value(individual_val.iter().map(|v| v.to_string()).collect::<Vec<_>>().join(", "))
+				.on_update(optionally_update_value(move |x: &TextInput| from_string(&x.value), node_id, CornerRadiusInput::<f64>::INDEX))
+				.widget_holder()
+		} else {
+			NumberInput::default()
+				.value(Some(uniform_val))
+				.unit(" px")
+				.on_update(update_value(move |x: &NumberInput| TaggedValue::F64(x.value.unwrap()), node_id, CornerRadiusInput::<f64>::INDEX))
+				.on_commit(commit_value)
+				.widget_holder()
+		};
+		corner_radius_row_2.push(input_widget);
+	}
+
+	// Size X
+	let size_x = number_widget(ParameterWidgetsInfo::new(node_id, WidthInput::INDEX, true, context), NumberInput::default());
+
+	// Size Y
+	let size_y = number_widget(ParameterWidgetsInfo::new(node_id, HeightInput::INDEX, true, context), NumberInput::default());
+
+	add_blank_assist(&mut corner_radius_row_2);
+
+	// Clamped
+	let clamped = bool_widget(ParameterWidgetsInfo::new(node_id, ClampedInput::INDEX, true, context), CheckboxInput::default());
+
+	vec![
+		LayoutGroup::Row { widgets: size_x },
+		LayoutGroup::Row { widgets: size_y },
+		LayoutGroup::Row { widgets: corner_radius_row_1 },
+		LayoutGroup::Row { widgets: corner_radius_row_2 },
+		LayoutGroup::Row { widgets: clamped },
+	]
+}
+
+pub(crate) fn node_no_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	let text = if context.network_interface.is_layer(&node_id, context.selection_network_path) {
+		"Layer has no properties"
+	} else {
+		"Node has no properties"
+	};
+	string_properties(text)
+}
+
+pub(crate) fn generate_node_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> LayoutGroup {
+	let mut layout = Vec::new();
+
+	if let Some(properties_override) = context
+		.network_interface
+		.reference(&node_id, context.selection_network_path)
+		.cloned()
+		.unwrap_or_default()
+		.as_ref()
+		.and_then(|reference| super::document_node_definitions::resolve_document_node_type(reference))
+		.and_then(|definition| definition.properties)
+		.and_then(|properties| NODE_OVERRIDES.get(properties))
+	{
+		layout = properties_override(node_id, context);
+	} else {
+		let number_of_inputs = context.network_interface.number_of_inputs(&node_id, context.selection_network_path);
+		for input_index in 1..number_of_inputs {
+			let row = context.call_widget_override(&node_id, input_index).unwrap_or_else(|| {
+				let Some(implementation) = context.network_interface.implementation(&node_id, context.selection_network_path) else {
+					log::error!("Could not get implementation for node {node_id}");
+					return Vec::new();
+				};
+
+				let mut number_options = (None, None, None);
+				let mut display_decimal_places = None;
+				let mut step = None;
+				let mut unit_suffix = None;
+				let input_type = match implementation {
+					DocumentNodeImplementation::ProtoNode(proto_node_identifier) => 'early_return: {
+						if let Some(field) = graphene_std::registry::NODE_METADATA
+							.lock()
+							.unwrap()
+							.get(&proto_node_identifier.name.clone().into_owned())
+							.and_then(|metadata| metadata.fields.get(input_index))
+						{
+							number_options = (field.number_min, field.number_max, field.number_mode_range);
+							display_decimal_places = field.number_display_decimal_places;
+							unit_suffix = field.unit;
+							step = field.number_step;
+							if let Some(ref default) = field.default_type {
+								break 'early_return default.clone();
+							}
+						}
+
+						let Some(implementations) = &interpreted_executor::node_registry::NODE_REGISTRY.get(proto_node_identifier) else {
+							log::error!("Could not get implementation for protonode {proto_node_identifier:?}");
+							return Vec::new();
+						};
+
+						let mut input_types = implementations
+							.keys()
+							.filter_map(|item| item.inputs.get(input_index))
+							.filter(|ty| property_from_type(node_id, input_index, ty, number_options, unit_suffix, display_decimal_places, step, context).is_ok())
+							.collect::<Vec<_>>();
+						input_types.sort_by_key(|ty| ty.type_name());
+						let input_type = input_types.first().cloned();
+
+						let Some(input_type) = input_type else {
+							return Vec::new();
+						};
+
+						input_type.clone()
+					}
+					_ => context.network_interface.input_type(&InputConnector::node(node_id, input_index), context.selection_network_path).0,
+				};
+
+				property_from_type(node_id, input_index, &input_type, number_options, unit_suffix, display_decimal_places, step, context).unwrap_or_else(|value| value)
+			});
+
+			layout.extend(row);
+		}
+	}
+
+	if layout.is_empty() {
+		layout = node_no_properties(node_id, context);
+	}
+	let name = context
+		.network_interface
+		.reference(&node_id, context.selection_network_path)
+		.cloned()
+		.unwrap_or_default() // If there is an error getting the reference, default to empty string
+		.or_else(|| {
+			// If there is no reference, try to get the proto node name
+			context.network_interface.implementation(&node_id, context.selection_network_path).and_then(|implementation|{
+				if let DocumentNodeImplementation::ProtoNode(protonode) = implementation {
+					Some(protonode.name.clone().into_owned())
+				} else {
+					None
+				}
+			})
+		})
+		.unwrap_or("Custom Node".to_string());
+	let description = context.network_interface.description(&node_id, context.selection_network_path);
+	let visible = context.network_interface.is_visible(&node_id, context.selection_network_path);
+	let pinned = context.network_interface.is_pinned(&node_id, context.selection_network_path);
+	LayoutGroup::Section {
+		name,
+		description,
+		visible,
+		pinned,
+		id: node_id.0,
+		layout,
+	}
+}
+
+/// Fill Node Widgets LayoutGroup
+pub(crate) fn fill_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::vector::fill::*;
+
+	let mut widgets_first_row = start_widgets(ParameterWidgetsInfo::new(node_id, FillInput::<Color>::INDEX, true, context));
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in fill_properties: {err}");
+			return Vec::new();
+		}
+	};
+
+	let (fill, backup_color, backup_gradient) = if let (Some(TaggedValue::Fill(fill)), &Some(&TaggedValue::OptionalColor(backup_color)), Some(TaggedValue::Gradient(backup_gradient))) = (
+		&document_node.inputs[FillInput::<Color>::INDEX].as_value(),
+		&document_node.inputs[BackupColorInput::INDEX].as_value(),
+		&document_node.inputs[BackupGradientInput::INDEX].as_value(),
+	) {
+		(fill, backup_color, backup_gradient)
+	} else {
+		return vec![LayoutGroup::Row { widgets: widgets_first_row }];
+	};
+	let fill2 = fill.clone();
+	let backup_color_fill: Fill = backup_color.into();
+	let backup_gradient_fill: Fill = backup_gradient.clone().into();
+
+	widgets_first_row.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+	widgets_first_row.push(
+		ColorInput::default()
+			.value(fill.clone().into())
+			.on_update(move |x: &ColorInput| {
+				Message::Batched(Box::new([
+					match &fill2 {
+						Fill::None => NodeGraphMessage::SetInputValue {
+							node_id,
+							input_index: BackupColorInput::INDEX,
+							value: TaggedValue::OptionalColor(None),
+						}
+						.into(),
+						Fill::Solid(color) => NodeGraphMessage::SetInputValue {
+							node_id,
+							input_index: BackupColorInput::INDEX,
+							value: TaggedValue::OptionalColor(Some(*color)),
+						}
+						.into(),
+						Fill::Gradient(gradient) => NodeGraphMessage::SetInputValue {
+							node_id,
+							input_index: BackupGradientInput::INDEX,
+							value: TaggedValue::Gradient(gradient.clone()),
+						}
+						.into(),
+					},
+					NodeGraphMessage::SetInputValue {
+						node_id,
+						input_index: FillInput::<Color>::INDEX,
+						value: TaggedValue::Fill(x.value.to_fill(fill2.as_gradient())),
+					}
+					.into(),
+				]))
+			})
+			.on_commit(commit_value)
+			.widget_holder(),
+	);
+	let mut widgets = vec![LayoutGroup::Row { widgets: widgets_first_row }];
+
+	let fill_type_switch = {
+		let mut row = vec![TextLabel::new("").widget_holder()];
+		match fill {
+			Fill::Solid(_) | Fill::None => add_blank_assist(&mut row),
+			Fill::Gradient(gradient) => {
+				let reverse_button = IconButton::new("Reverse", 24)
+					.tooltip("Reverse the gradient color stops")
+					.on_update(update_value(
+						{
+							let gradient = gradient.clone();
+							move |_| {
+								let mut gradient = gradient.clone();
+								gradient.stops = gradient.stops.reversed();
+								TaggedValue::Fill(Fill::Gradient(gradient))
+							}
+						},
+						node_id,
+						FillInput::<Color>::INDEX,
+					))
+					.widget_holder();
+				row.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+				row.push(reverse_button);
+			}
+		}
+
+		let entries = vec![
+			RadioEntryData::new("solid")
+				.label("Solid")
+				.on_update(update_value(move |_| TaggedValue::Fill(backup_color_fill.clone()), node_id, FillInput::<Color>::INDEX))
+				.on_commit(commit_value),
+			RadioEntryData::new("gradient")
+				.label("Gradient")
+				.on_update(update_value(move |_| TaggedValue::Fill(backup_gradient_fill.clone()), node_id, FillInput::<Color>::INDEX))
+				.on_commit(commit_value),
+		];
+
+		row.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			RadioInput::new(entries).selected_index(Some(if fill.as_gradient().is_some() { 1 } else { 0 })).widget_holder(),
+		]);
+
+		LayoutGroup::Row { widgets: row }
+	};
+	widgets.push(fill_type_switch);
+
+	if let Fill::Gradient(gradient) = fill.clone() {
+		let mut row = vec![TextLabel::new("").widget_holder()];
+		match gradient.gradient_type {
+			GradientType::Linear => add_blank_assist(&mut row),
+			GradientType::Radial => {
+				let orientation = if (gradient.end.x - gradient.start.x).abs() > f64::EPSILON * 1e6 {
+					gradient.end.x > gradient.start.x
+				} else {
+					(gradient.start.x + gradient.start.y) < (gradient.end.x + gradient.end.y)
+				};
+				let reverse_radial_gradient_button = IconButton::new(if orientation { "ReverseRadialGradientToRight" } else { "ReverseRadialGradientToLeft" }, 24)
+					.tooltip("Reverse which end the gradient radiates from")
+					.on_update(update_value(
+						{
+							let gradient = gradient.clone();
+							move |_| {
+								let mut gradient = gradient.clone();
+								std::mem::swap(&mut gradient.start, &mut gradient.end);
+								TaggedValue::Fill(Fill::Gradient(gradient))
+							}
+						},
+						node_id,
+						FillInput::<Color>::INDEX,
+					))
+					.widget_holder();
+				row.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+				row.push(reverse_radial_gradient_button);
+			}
+		}
+
+		let new_gradient1 = gradient.clone();
+		let new_gradient2 = gradient.clone();
+
+		let entries = vec![
+			RadioEntryData::new("Linear")
+				.label("Linear")
+				.on_update(update_value(
+					move |_| {
+						let mut new_gradient = new_gradient1.clone();
+						new_gradient.gradient_type = GradientType::Linear;
+						TaggedValue::Fill(Fill::Gradient(new_gradient))
+					},
+					node_id,
+					FillInput::<Color>::INDEX,
+				))
+				.on_commit(commit_value),
+			RadioEntryData::new("Radial")
+				.label("Radial")
+				.on_update(update_value(
+					move |_| {
+						let mut new_gradient = new_gradient2.clone();
+						new_gradient.gradient_type = GradientType::Radial;
+						TaggedValue::Fill(Fill::Gradient(new_gradient))
+					},
+					node_id,
+					FillInput::<Color>::INDEX,
+				))
+				.on_commit(commit_value),
+		];
+
+		row.extend_from_slice(&[
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			RadioInput::new(entries).selected_index(Some(gradient.gradient_type as u32)).widget_holder(),
+		]);
+
+		widgets.push(LayoutGroup::Row { widgets: row });
+	}
+
+	widgets
+}
+
+pub fn stroke_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::vector::stroke::*;
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in fill_properties: {err}");
+			return Vec::new();
+		}
+	};
+	let join_value = match &document_node.inputs[JoinInput::INDEX].as_value() {
+		Some(TaggedValue::StrokeJoin(x)) => x,
+		_ => &StrokeJoin::Miter,
+	};
+
+	let dash_lengths_val = match &document_node.inputs[DashLengthsInput::INDEX].as_value() {
+		Some(TaggedValue::VecF64(x)) => x,
+		_ => &vec![],
+	};
+	let has_dash_lengths = dash_lengths_val.is_empty();
+	let miter_limit_disabled = join_value != &StrokeJoin::Miter;
+
+	let color = color_widget(
+		ParameterWidgetsInfo::new(node_id, ColorInput::<Option<Color>>::INDEX, true, context),
+		crate::messages::layout::utility_types::widgets::button_widgets::ColorInput::default(),
+	);
+	let weight = number_widget(ParameterWidgetsInfo::new(node_id, WeightInput::INDEX, true, context), NumberInput::default().unit(" px").min(0.));
+	let align = enum_choice::<StrokeAlign>()
+		.for_socket(ParameterWidgetsInfo::new(node_id, AlignInput::INDEX, true, context))
+		.property_row();
+	let cap = enum_choice::<StrokeCap>().for_socket(ParameterWidgetsInfo::new(node_id, CapInput::INDEX, true, context)).property_row();
+	let join = enum_choice::<StrokeJoin>()
+		.for_socket(ParameterWidgetsInfo::new(node_id, JoinInput::INDEX, true, context))
+		.property_row();
+
+	let miter_limit = number_widget(
+		ParameterWidgetsInfo::new(node_id, MiterLimitInput::INDEX, true, context),
+		NumberInput::default().min(0.).disabled(miter_limit_disabled),
+	);
+	let paint_order = enum_choice::<PaintOrder>()
+		.for_socket(ParameterWidgetsInfo::new(node_id, PaintOrderInput::INDEX, true, context))
+		.property_row();
+	let disabled_number_input = NumberInput::default().unit(" px").disabled(has_dash_lengths);
+	let dash_lengths = array_of_number_widget(ParameterWidgetsInfo::new(node_id, DashLengthsInput::INDEX, true, context), TextInput::default().centered(true));
+	let number_input = disabled_number_input;
+	let dash_offset = number_widget(ParameterWidgetsInfo::new(node_id, DashOffsetInput::INDEX, true, context), number_input);
+
+	vec![
+		color,
+		LayoutGroup::Row { widgets: weight },
+		align,
+		cap,
+		join,
+		LayoutGroup::Row { widgets: miter_limit },
+		paint_order,
+		LayoutGroup::Row { widgets: dash_lengths },
+		LayoutGroup::Row { widgets: dash_offset },
+	]
+}
+
+pub fn offset_path_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::vector::offset_path::*;
+
+	let number_input = NumberInput::default().unit(" px");
+	let distance = number_widget(ParameterWidgetsInfo::new(node_id, DistanceInput::INDEX, true, context), number_input);
+
+	let join = enum_choice::<StrokeJoin>()
+		.for_socket(ParameterWidgetsInfo::new(node_id, JoinInput::INDEX, true, context))
+		.property_row();
+
+	let document_node = match get_document_node(node_id, context) {
+		Ok(document_node) => document_node,
+		Err(err) => {
+			log::error!("Could not get document node in offset_path_properties: {err}");
+			return Vec::new();
+		}
+	};
+	let number_input = NumberInput::default().min(0.).disabled({
+		let join_val = match &document_node.inputs[JoinInput::INDEX].as_value() {
+			Some(TaggedValue::StrokeJoin(x)) => x,
+			_ => &StrokeJoin::Miter,
+		};
+		join_val != &StrokeJoin::Miter
+	});
+	let miter_limit = number_widget(ParameterWidgetsInfo::new(node_id, MiterLimitInput::INDEX, true, context), number_input);
+
+	vec![LayoutGroup::Row { widgets: distance }, join, LayoutGroup::Row { widgets: miter_limit }]
+}
+
+pub fn math_properties(node_id: NodeId, context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	use graphene_std::math_nodes::math::*;
+
+	let expression = (|| {
+		let mut widgets = start_widgets(ParameterWidgetsInfo::new(node_id, ExpressionInput::INDEX, true, context));
+
+		let document_node = match get_document_node(node_id, context) {
+			Ok(document_node) => document_node,
+			Err(err) => {
+				log::error!("Could not get document node in offset_path_properties: {err}");
+				return Vec::new();
+			}
+		};
+		let Some(input) = document_node.inputs.get(ExpressionInput::INDEX) else {
+			log::warn!("A widget failed to be built because its node's input index is invalid.");
+			return vec![];
+		};
+		if let Some(TaggedValue::String(x)) = &input.as_non_exposed_value() {
+			widgets.extend_from_slice(&[
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				TextInput::new(x.clone())
+					.centered(true)
+					.on_update(update_value(
+						|x: &TextInput| {
+							TaggedValue::String({
+								let mut expression = x.value.trim().to_string();
+
+								if ["+", "-", "*", "/", "^", "%"].iter().any(|&infix| infix == expression) {
+									expression = format!("A {} B", expression);
+								} else if expression == "^" {
+									expression = String::from("A^B");
+								}
+
+								expression
+							})
+						},
+						node_id,
+						ExpressionInput::INDEX,
+					))
+					.on_commit(commit_value)
+					.widget_holder(),
+			])
+		}
+		widgets
+	})();
+	let operand_b = number_widget(ParameterWidgetsInfo::new(node_id, OperandBInput::<f64>::INDEX, true, context), NumberInput::default());
+	let operand_a_hint = vec![TextLabel::new("(Operand A is the primary input)").widget_holder()];
+
+	vec![
+		LayoutGroup::Row { widgets: expression }.with_tooltip(r#"A math expression that may incorporate "A" and/or "B", such as "sqrt(A + B) - B^2""#),
+		LayoutGroup::Row { widgets: operand_b }.with_tooltip(r#"The value of "B" when calculating the expression"#),
+		LayoutGroup::Row { widgets: operand_a_hint }.with_tooltip(r#""A" is fed by the value from the previous node in the primary data flow, or it is 0 if disconnected"#),
+	]
+}
+
+pub struct ParameterWidgetsInfo<'a> {
+	document_node: Option<&'a DocumentNode>,
+	node_id: NodeId,
+	index: usize,
+	name: String,
+	description: String,
+	input_type: FrontendGraphDataType,
+	blank_assist: bool,
+	exposeable: bool,
+}
+
+impl<'a> ParameterWidgetsInfo<'a> {
+	pub fn new(node_id: NodeId, index: usize, blank_assist: bool, context: &'a mut NodePropertiesContext) -> ParameterWidgetsInfo<'a> {
+		let (name, description) = context.network_interface.displayed_input_name_and_description(&node_id, index, context.selection_network_path);
+		let input_type = FrontendGraphDataType::from_type(&context.network_interface.input_type(&InputConnector::node(node_id, index), context.selection_network_path).0);
+		let document_node = context.network_interface.document_node(&node_id, context.selection_network_path);
+
+		ParameterWidgetsInfo {
+			document_node,
+			node_id,
+			index,
+			name,
+			description,
+			input_type,
+			blank_assist,
+			exposeable: true,
+		}
+	}
+}
+
+pub mod choice {
+	use super::ParameterWidgetsInfo;
+	use crate::messages::tool::tool_messages::tool_prelude::*;
+	use graph_craft::document::value::TaggedValue;
+	use graphene_std::registry::{ChoiceTypeStatic, ChoiceWidgetHint};
+	use std::marker::PhantomData;
+
+	pub trait WidgetFactory {
+		type Value: Clone + 'static;
+
+		fn disabled(self, disabled: bool) -> Self;
+
+		fn build<U, C>(&self, current: Self::Value, updater_factory: impl Fn() -> U, committer_factory: impl Fn() -> C) -> WidgetHolder
+		where
+			U: Fn(&Self::Value) -> Message + 'static + Send + Sync,
+			C: Fn(&()) -> Message + 'static + Send + Sync;
+
+		fn description(&self) -> Option<&str>;
+	}
+
+	pub fn enum_choice<E: ChoiceTypeStatic>() -> EnumChoice<E> {
+		EnumChoice {
+			disabled: false,
+			phantom: PhantomData,
+		}
+	}
+
+	pub struct EnumChoice<E> {
+		disabled: bool,
+		phantom: PhantomData<E>,
+	}
+
+	impl<E: ChoiceTypeStatic + 'static> EnumChoice<E> {
+		pub fn for_socket(self, parameter_info: ParameterWidgetsInfo) -> ForSocket<Self> {
+			ForSocket { widget_factory: self, parameter_info }
+		}
+
+		/// Not yet implemented!
+		pub fn for_value(self, _current: E) -> ForValue<Self> {
+			todo!()
+		}
+
+		pub fn disabled(self, disabled: bool) -> Self {
+			Self { disabled, ..self }
+		}
+
+		/// Not yet implemented!
+		pub fn into_menu_entries(self, _action: impl Fn(E) -> Message + 'static + Send + Sync) -> Vec<Vec<MenuBarEntry>> {
+			todo!()
+		}
+
+		fn dropdown_menu<U, C>(&self, current: E, updater_factory: impl Fn() -> U, committer_factory: impl Fn() -> C) -> WidgetHolder
+		where
+			U: Fn(&E) -> Message + 'static + Send + Sync,
+			C: Fn(&()) -> Message + 'static + Send + Sync,
+		{
+			let items = E::list()
+				.iter()
+				.map(|group| {
+					group
+						.iter()
+						.map(|(item, metadata)| {
+							let updater = updater_factory();
+							let committer = committer_factory();
+							MenuListEntry::new(metadata.name.as_ref())
+								.label(metadata.label.as_ref())
+								.on_update(move |_| updater(item))
+								.on_commit(committer)
+						})
+						.collect()
+				})
+				.collect();
+			DropdownInput::new(items).disabled(self.disabled).selected_index(Some(current.as_u32())).widget_holder()
+		}
+
+		fn radio_buttons<U, C>(&self, current: E, updater_factory: impl Fn() -> U, committer_factory: impl Fn() -> C) -> WidgetHolder
+		where
+			U: Fn(&E) -> Message + 'static + Send + Sync,
+			C: Fn(&()) -> Message + 'static + Send + Sync,
+		{
+			let items = E::list()
+				.iter()
+				.flat_map(|group| group.iter())
+				.map(|(item, var_meta)| {
+					let updater = updater_factory();
+					let committer = committer_factory();
+					let entry = RadioEntryData::new(var_meta.name.as_ref()).on_update(move |_| updater(item)).on_commit(committer);
+					match (var_meta.icon.as_deref(), var_meta.docstring.as_deref()) {
+						(None, None) => entry.label(var_meta.label.as_ref()),
+						(None, Some(doc)) => entry.label(var_meta.label.as_ref()).tooltip(doc),
+						(Some(icon), None) => entry.icon(icon).tooltip(var_meta.label.as_ref()),
+						(Some(icon), Some(doc)) => entry.icon(icon).tooltip(format!("{}\n\n{}", var_meta.label, doc)),
+					}
+				})
+				.collect();
+			RadioInput::new(items).selected_index(Some(current.as_u32())).widget_holder()
+		}
+	}
+
+	impl<E: ChoiceTypeStatic + 'static> WidgetFactory for EnumChoice<E> {
+		type Value = E;
+
+		fn disabled(self, disabled: bool) -> Self {
+			Self { disabled, ..self }
+		}
+
+		fn description(&self) -> Option<&str> {
+			E::DESCRIPTION
+		}
+
+		fn build<U, C>(&self, current: Self::Value, updater_factory: impl Fn() -> U, committer_factory: impl Fn() -> C) -> WidgetHolder
+		where
+			U: Fn(&Self::Value) -> Message + 'static + Send + Sync,
+			C: Fn(&()) -> Message + 'static + Send + Sync,
+		{
+			match E::WIDGET_HINT {
+				ChoiceWidgetHint::Dropdown => self.dropdown_menu(current, updater_factory, committer_factory),
+				ChoiceWidgetHint::RadioButtons => self.radio_buttons(current, updater_factory, committer_factory),
+			}
+		}
+	}
+
+	pub struct ForSocket<'p, W> {
+		widget_factory: W,
+		parameter_info: ParameterWidgetsInfo<'p>,
+	}
+
+	impl<'p, W> ForSocket<'p, W>
+	where
+		W: WidgetFactory,
+		W::Value: Clone,
+		for<'a> &'a W::Value: TryFrom<&'a TaggedValue>,
+		TaggedValue: From<W::Value>,
+	{
+		pub fn disabled(self, disabled: bool) -> Self {
+			Self {
+				widget_factory: self.widget_factory.disabled(disabled),
+				..self
+			}
+		}
+
+		pub fn property_row(self) -> LayoutGroup {
+			let ParameterWidgetsInfo { document_node, node_id, index, .. } = self.parameter_info;
+			let Some(document_node) = document_node else {
+				log::error!("Could not get document node when building property row for node {:?}", node_id);
+				return LayoutGroup::Row { widgets: Vec::new() };
+			};
+
+			let mut widgets = super::start_widgets(self.parameter_info);
+
+			let Some(input) = document_node.inputs.get(index) else {
+				log::warn!("A widget failed to be built because its node's input index is invalid.");
+				return LayoutGroup::Row { widgets: vec![] };
+			};
+
+			let input: Option<W::Value> = input.as_non_exposed_value().and_then(|v| <&W::Value as TryFrom<&TaggedValue>>::try_from(v).ok()).cloned();
+
+			if let Some(current) = input {
+				let committer = || super::commit_value;
+				let updater = || super::update_value(move |v: &W::Value| TaggedValue::from(v.clone()), node_id, index);
+				let widget = self.widget_factory.build(current, updater, committer);
+				widgets.extend_from_slice(&[Separator::new(SeparatorType::Unrelated).widget_holder(), widget]);
+			}
+
+			let mut row = LayoutGroup::Row { widgets };
+			if let Some(desc) = self.widget_factory.description() {
+				row = row.with_tooltip(desc);
+			}
+			row
+		}
+	}
+
+	pub struct ForValue<W>(PhantomData<W>);
+}
diff --git a/editor/src/messages/portfolio/document/node_graph/utility_types.rs b/editor/src/messages/portfolio/document/node_graph/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b743cb1fc61e810341f28f0cd4b32229dd6de5ed
--- /dev/null
+++ b/editor/src/messages/portfolio/document/node_graph/utility_types.rs
@@ -0,0 +1,207 @@
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, OutputConnector, TypeSource};
+use graph_craft::document::NodeId;
+use graph_craft::document::value::TaggedValue;
+use graphene_std::Type;
+
+#[derive(Clone, Copy, Debug, Default, Eq, PartialEq, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum FrontendGraphDataType {
+	#[default]
+	General,
+	Raster,
+	VectorData,
+	Number,
+	Group,
+	Artboard,
+}
+
+impl FrontendGraphDataType {
+	pub fn from_type(input: &Type) -> Self {
+		match TaggedValue::from_type_or_none(input) {
+			TaggedValue::Image(_) | TaggedValue::RasterData(_) => Self::Raster,
+			TaggedValue::Subpaths(_) | TaggedValue::VectorData(_) => Self::VectorData,
+			TaggedValue::U32(_)
+			| TaggedValue::U64(_)
+			| TaggedValue::F64(_)
+			| TaggedValue::UVec2(_)
+			| TaggedValue::IVec2(_)
+			| TaggedValue::DVec2(_)
+			| TaggedValue::OptionalDVec2(_)
+			| TaggedValue::F64Array4(_)
+			| TaggedValue::VecF64(_)
+			| TaggedValue::VecDVec2(_) => Self::Number,
+			TaggedValue::GraphicGroup(_) | TaggedValue::GraphicElement(_) => Self::Group, // TODO: Is GraphicElement supposed to be included here?
+			TaggedValue::ArtboardGroup(_) => Self::Artboard,
+			_ => Self::General,
+		}
+	}
+
+	pub fn displayed_type(input: &Type, type_source: &TypeSource) -> Self {
+		match type_source {
+			TypeSource::Error(_) | TypeSource::RandomProtonodeImplementation => Self::General,
+			_ => Self::from_type(input),
+		}
+	}
+}
+
+#[derive(Clone, Debug, Eq, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct FrontendGraphInput {
+	#[serde(rename = "dataType")]
+	pub data_type: FrontendGraphDataType,
+	pub name: String,
+	pub description: String,
+	#[serde(rename = "resolvedType")]
+	pub resolved_type: String,
+	#[serde(rename = "validTypes")]
+	pub valid_types: Vec<String>,
+	#[serde(rename = "connectedTo")]
+	pub connected_to: Option<OutputConnector>,
+}
+
+#[derive(Clone, Debug, Eq, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct FrontendGraphOutput {
+	#[serde(rename = "dataType")]
+	pub data_type: FrontendGraphDataType,
+	pub name: String,
+	pub description: String,
+	#[serde(rename = "resolvedType")]
+	pub resolved_type: String,
+	#[serde(rename = "connectedTo")]
+	pub connected_to: Vec<InputConnector>,
+}
+
+#[derive(Clone, Debug, Eq, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct FrontendNode {
+	pub id: graph_craft::document::NodeId,
+	#[serde(rename = "isLayer")]
+	pub is_layer: bool,
+	#[serde(rename = "canBeLayer")]
+	pub can_be_layer: bool,
+	pub reference: Option<String>,
+	#[serde(rename = "displayName")]
+	pub display_name: String,
+	#[serde(rename = "primaryInput")]
+	pub primary_input: Option<FrontendGraphInput>,
+	#[serde(rename = "exposedInputs")]
+	pub exposed_inputs: Vec<FrontendGraphInput>,
+	#[serde(rename = "primaryOutput")]
+	pub primary_output: Option<FrontendGraphOutput>,
+	#[serde(rename = "exposedOutputs")]
+	pub exposed_outputs: Vec<FrontendGraphOutput>,
+	pub position: (i32, i32),
+	pub visible: bool,
+	pub locked: bool,
+	pub previewed: bool,
+	pub errors: Option<String>,
+	#[serde(rename = "uiOnly")]
+	pub ui_only: bool,
+}
+
+#[derive(Clone, Debug, Eq, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct FrontendNodeType {
+	pub name: String,
+	pub category: String,
+	#[serde(rename = "inputTypes")]
+	pub input_types: Option<Vec<String>>,
+}
+
+impl FrontendNodeType {
+	pub fn new(name: &'static str, category: &'static str) -> Self {
+		Self {
+			name: name.to_string(),
+			category: category.to_string(),
+			input_types: None,
+		}
+	}
+
+	pub fn with_input_types(name: &'static str, category: &'static str, input_types: Vec<String>) -> Self {
+		Self {
+			name: name.to_string(),
+			category: category.to_string(),
+			input_types: Some(input_types),
+		}
+	}
+
+	pub fn with_owned_strings_and_input_types(name: String, category: String, input_types: Vec<String>) -> Self {
+		Self {
+			name,
+			category,
+			input_types: Some(input_types),
+		}
+	}
+}
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct DragStart {
+	pub start_x: f64,
+	pub start_y: f64,
+	pub round_x: i32,
+	pub round_y: i32,
+}
+
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct Transform {
+	pub scale: f64,
+	pub x: f64,
+	pub y: f64,
+}
+
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct BoxSelection {
+	#[serde(rename = "startX")]
+	pub start_x: u32,
+	#[serde(rename = "startY")]
+	pub start_y: u32,
+	#[serde(rename = "endX")]
+	pub end_x: u32,
+	#[serde(rename = "endY")]
+	pub end_y: u32,
+}
+
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ContextMenuData {
+	ToggleLayer {
+		#[serde(rename = "nodeId")]
+		node_id: NodeId,
+		#[serde(rename = "currentlyIsNode")]
+		currently_is_node: bool,
+	},
+	CreateNode {
+		#[serde(rename = "compatibleType")]
+		#[serde(default)]
+		compatible_type: Option<String>,
+	},
+}
+
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct ContextMenuInformation {
+	// Stores whether the context menu is open and its position in graph coordinates
+	#[serde(rename = "contextMenuCoordinates")]
+	pub context_menu_coordinates: (i32, i32),
+	#[serde(rename = "contextMenuData")]
+	pub context_menu_data: ContextMenuData,
+}
+
+#[derive(Clone, Debug, PartialEq, Default, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct FrontendClickTargets {
+	#[serde(rename = "nodeClickTargets")]
+	pub node_click_targets: Vec<String>,
+	#[serde(rename = "layerClickTargets")]
+	pub layer_click_targets: Vec<String>,
+	#[serde(rename = "portClickTargets")]
+	pub port_click_targets: Vec<String>,
+	#[serde(rename = "iconClickTargets")]
+	pub icon_click_targets: Vec<String>,
+	#[serde(rename = "allNodesBoundingBox")]
+	pub all_nodes_bounding_box: String,
+	#[serde(rename = "importExportsBoundingBox")]
+	pub import_exports_bounding_box: String,
+	#[serde(rename = "modifyImportExport")]
+	pub modify_import_export: Vec<String>,
+}
+
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum Direction {
+	Up,
+	Down,
+	Left,
+	Right,
+}
diff --git a/editor/src/messages/portfolio/document/overlays/grid_overlays.rs b/editor/src/messages/portfolio/document/overlays/grid_overlays.rs
new file mode 100644
index 0000000000000000000000000000000000000000..97cf2fdf7d333a1f17562aefa94a6573d63e6150
--- /dev/null
+++ b/editor/src/messages/portfolio/document/overlays/grid_overlays.rs
@@ -0,0 +1,361 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::misc::{GridSnapping, GridType};
+use crate::messages::prelude::*;
+use glam::DVec2;
+use graphene_std::raster::color::Color;
+use graphene_std::renderer::Quad;
+use graphene_std::vector::style::FillChoice;
+
+fn grid_overlay_rectangular(document: &DocumentMessageHandler, overlay_context: &mut OverlayContext, spacing: DVec2) {
+	let origin = document.snapping_state.grid.origin;
+	let grid_color = "#".to_string() + &document.snapping_state.grid.grid_color.to_rgba_hex_srgb();
+	let Some(spacing) = GridSnapping::compute_rectangle_spacing(spacing, &document.document_ptz) else {
+		return;
+	};
+	let document_to_viewport = document.navigation_handler.calculate_offset_transform(overlay_context.size / 2., &document.document_ptz);
+
+	let bounds = document_to_viewport.inverse() * Quad::from_box([DVec2::ZERO, overlay_context.size]);
+
+	for primary in 0..2 {
+		let secondary = 1 - primary;
+		let min = bounds.0.iter().map(|&corner| corner[secondary]).min_by(|a, b| a.partial_cmp(b).unwrap()).unwrap_or_default();
+		let max = bounds.0.iter().map(|&corner| corner[secondary]).max_by(|a, b| a.partial_cmp(b).unwrap()).unwrap_or_default();
+		let primary_start = bounds.0.iter().map(|&corner| corner[primary]).min_by(|a, b| a.partial_cmp(b).unwrap()).unwrap_or_default();
+		let primary_end = bounds.0.iter().map(|&corner| corner[primary]).max_by(|a, b| a.partial_cmp(b).unwrap()).unwrap_or_default();
+		let spacing = spacing[secondary];
+		for line_index in 0..=((max - min) / spacing).ceil() as i32 {
+			let secondary_pos = (((min - origin[secondary]) / spacing).ceil() + line_index as f64) * spacing + origin[secondary];
+			let start = if primary == 0 {
+				DVec2::new(primary_start, secondary_pos)
+			} else {
+				DVec2::new(secondary_pos, primary_start)
+			};
+			let end = if primary == 0 {
+				DVec2::new(primary_end, secondary_pos)
+			} else {
+				DVec2::new(secondary_pos, primary_end)
+			};
+			overlay_context.line(document_to_viewport.transform_point2(start), document_to_viewport.transform_point2(end), Some(&grid_color), None);
+		}
+	}
+}
+
+// In the best case, where the x distance/total dots is an integer, this will reduce draw requests from the current m(horizontal dots)*n(vertical dots) to m(horizontal lines) * 1(line changes).
+// In the worst case, where the x distance/total dots is an integer+0.5, then each pixel will require a new line, and requests will be m(horizontal lines)*n(line changes = horizontal dots).
+// The draw dashed line method will also be not grid aligned for tilted grids.
+// TODO: Potentially create an image and render the image onto the canvas a single time.
+// TODO: Implement this with a dashed line (`set_line_dash`), with integer spacing which is continuously adjusted to correct the accumulated error.
+fn grid_overlay_rectangular_dot(document: &DocumentMessageHandler, overlay_context: &mut OverlayContext, spacing: DVec2) {
+	let origin = document.snapping_state.grid.origin;
+	let grid_color = "#".to_string() + &document.snapping_state.grid.grid_color.to_rgba_hex_srgb();
+	let Some(spacing) = GridSnapping::compute_rectangle_spacing(spacing, &document.document_ptz) else {
+		return;
+	};
+	let document_to_viewport = document.navigation_handler.calculate_offset_transform(overlay_context.size / 2., &document.document_ptz);
+
+	let bounds = document_to_viewport.inverse() * Quad::from_box([DVec2::ZERO, overlay_context.size]);
+
+	let min = bounds.0.iter().map(|corner| corner.y).min_by(|a, b| a.partial_cmp(b).unwrap()).unwrap_or_default();
+	let max = bounds.0.iter().map(|corner| corner.y).max_by(|a, b| a.partial_cmp(b).unwrap()).unwrap_or_default();
+
+	let mut primary_start = bounds.0.iter().map(|corner| corner.x).min_by(|a, b| a.partial_cmp(b).unwrap()).unwrap_or_default();
+	let mut primary_end = bounds.0.iter().map(|corner| corner.x).max_by(|a, b| a.partial_cmp(b).unwrap()).unwrap_or_default();
+
+	primary_start = (primary_start / spacing.x).floor() * spacing.x + origin.x % spacing.x;
+	primary_end = (primary_end / spacing.x).floor() * spacing.x + origin.x % spacing.x;
+
+	// Round to avoid floating point errors
+	let total_dots = ((primary_end - primary_start) / spacing.x).round();
+
+	for line_index in 0..=((max - min) / spacing.y).ceil() as i32 {
+		let secondary_pos = (((min - origin.y) / spacing.y).ceil() + line_index as f64) * spacing.y + origin.y;
+		let start = DVec2::new(primary_start, secondary_pos);
+		let end = DVec2::new(primary_end, secondary_pos);
+
+		let x_per_dot = (end.x - start.x) / total_dots;
+		for dot_index in 0..=total_dots as usize {
+			let exact_x = x_per_dot * dot_index as f64;
+			overlay_context.pixel(document_to_viewport.transform_point2(DVec2::new(start.x + exact_x, start.y)).round(), Some(&grid_color))
+		}
+	}
+}
+
+fn grid_overlay_isometric(document: &DocumentMessageHandler, overlay_context: &mut OverlayContext, y_axis_spacing: f64, angle_a: f64, angle_b: f64) {
+	let grid_color = "#".to_string() + &document.snapping_state.grid.grid_color.to_rgba_hex_srgb();
+	let cmp = |a: &f64, b: &f64| a.partial_cmp(b).unwrap();
+	let origin = document.snapping_state.grid.origin;
+	let document_to_viewport = document.navigation_handler.calculate_offset_transform(overlay_context.size / 2., &document.document_ptz);
+
+	let bounds = document_to_viewport.inverse() * Quad::from_box([DVec2::ZERO, overlay_context.size]);
+	let tan_a = angle_a.to_radians().tan();
+	let tan_b = angle_b.to_radians().tan();
+	let spacing = DVec2::new(y_axis_spacing / (tan_a + tan_b), y_axis_spacing);
+	let Some(spacing_multiplier) = GridSnapping::compute_isometric_multiplier(y_axis_spacing, tan_a + tan_b, &document.document_ptz) else {
+		return;
+	};
+	let isometric_spacing = spacing * spacing_multiplier;
+
+	let min_x = bounds.0.iter().map(|&corner| corner.x).min_by(cmp).unwrap_or_default();
+	let max_x = bounds.0.iter().map(|&corner| corner.x).max_by(cmp).unwrap_or_default();
+	let min_y = bounds.0.iter().map(|&corner| corner.y).min_by(cmp).unwrap_or_default();
+	let max_y = bounds.0.iter().map(|&corner| corner.y).max_by(cmp).unwrap_or_default();
+	let spacing = isometric_spacing.x;
+	for line_index in 0..=((max_x - min_x) / spacing).ceil() as i32 {
+		let x_pos = (((min_x - origin.x) / spacing).ceil() + line_index as f64) * spacing + origin.x;
+		let start = DVec2::new(x_pos, min_y);
+		let end = DVec2::new(x_pos, max_y);
+		overlay_context.line(document_to_viewport.transform_point2(start), document_to_viewport.transform_point2(end), Some(&grid_color), None);
+	}
+
+	for (tan, multiply) in [(tan_a, -1.), (tan_b, 1.)] {
+		let project = |corner: &DVec2| corner.y + multiply * tan * (corner.x - origin.x);
+		let inverse_project = |corner: &DVec2| corner.y - tan * multiply * (corner.x - origin.x);
+		let min_y = bounds.0.into_iter().min_by(|a, b| inverse_project(a).partial_cmp(&inverse_project(b)).unwrap()).unwrap_or_default();
+		let max_y = bounds.0.into_iter().max_by(|a, b| inverse_project(a).partial_cmp(&inverse_project(b)).unwrap()).unwrap_or_default();
+		let spacing = isometric_spacing.y;
+		let lines = ((inverse_project(&max_y) - inverse_project(&min_y)) / spacing).ceil() as i32;
+		for line_index in 0..=lines {
+			let y_pos = (((inverse_project(&min_y) - origin.y) / spacing).ceil() + line_index as f64) * spacing + origin.y;
+			let start = DVec2::new(min_x, project(&DVec2::new(min_x, y_pos)));
+			let end = DVec2::new(max_x, project(&DVec2::new(max_x, y_pos)));
+			overlay_context.line(document_to_viewport.transform_point2(start), document_to_viewport.transform_point2(end), Some(&grid_color), None);
+		}
+	}
+}
+
+fn grid_overlay_isometric_dot(document: &DocumentMessageHandler, overlay_context: &mut OverlayContext, y_axis_spacing: f64, angle_a: f64, angle_b: f64) {
+	let grid_color = "#".to_string() + &document.snapping_state.grid.grid_color.to_rgba_hex_srgb();
+	let cmp = |a: &f64, b: &f64| a.partial_cmp(b).unwrap();
+	let origin = document.snapping_state.grid.origin;
+	let document_to_viewport = document.navigation_handler.calculate_offset_transform(overlay_context.size / 2., &document.document_ptz);
+
+	let bounds = document_to_viewport.inverse() * Quad::from_box([DVec2::ZERO, overlay_context.size]);
+	let tan_a = angle_a.to_radians().tan();
+	let tan_b = angle_b.to_radians().tan();
+	let spacing = DVec2::new(y_axis_spacing / (tan_a + tan_b), y_axis_spacing);
+	let Some(spacing_multiplier) = GridSnapping::compute_isometric_multiplier(y_axis_spacing, tan_a + tan_b, &document.document_ptz) else {
+		return;
+	};
+	let isometric_spacing = spacing * spacing_multiplier;
+
+	let min_x = bounds.0.iter().map(|&corner| corner.x).min_by(cmp).unwrap_or_default();
+	let max_x = bounds.0.iter().map(|&corner| corner.x).max_by(cmp).unwrap_or_default();
+	let spacing_x = isometric_spacing.x;
+	let tan = tan_a;
+	let multiply = -1.;
+	let project = |corner: &DVec2| corner.y + multiply * tan * (corner.x - origin.x);
+	let inverse_project = |corner: &DVec2| corner.y - tan * multiply * (corner.x - origin.x);
+	let min_y = bounds.0.into_iter().min_by(|a, b| inverse_project(a).partial_cmp(&inverse_project(b)).unwrap()).unwrap_or_default();
+	let max_y = bounds.0.into_iter().max_by(|a, b| inverse_project(a).partial_cmp(&inverse_project(b)).unwrap()).unwrap_or_default();
+	let spacing_y = isometric_spacing.y;
+	let lines = ((inverse_project(&max_y) - inverse_project(&min_y)) / spacing_y).ceil() as i32;
+
+	let cos_a = angle_a.to_radians().cos();
+	// If cos_a is 0 then there will be no intersections and thus no dots should be drawn
+	if cos_a.abs() <= 0.00001 {
+		return;
+	}
+	let x_offset = (((min_x - origin.x) / spacing_x).ceil()) * spacing_x + origin.x - min_x;
+	for line_index in 0..=lines {
+		let y_pos = (((inverse_project(&min_y) - origin.y) / spacing_y).ceil() + line_index as f64) * spacing_y + origin.y;
+		let start = DVec2::new(min_x + x_offset, project(&DVec2::new(min_x + x_offset, y_pos)));
+		let end = DVec2::new(max_x + x_offset, project(&DVec2::new(max_x + x_offset, y_pos)));
+
+		overlay_context.dashed_line(
+			document_to_viewport.transform_point2(start),
+			document_to_viewport.transform_point2(end),
+			Some(&grid_color),
+			None,
+			Some(1.),
+			Some((spacing_x / cos_a) * document_to_viewport.matrix2.x_axis.length() - 1.),
+			None,
+		);
+	}
+}
+
+pub fn grid_overlay(document: &DocumentMessageHandler, overlay_context: &mut OverlayContext) {
+	match document.snapping_state.grid.grid_type {
+		GridType::Rectangular { spacing } => {
+			if document.snapping_state.grid.dot_display {
+				grid_overlay_rectangular_dot(document, overlay_context, spacing)
+			} else {
+				grid_overlay_rectangular(document, overlay_context, spacing)
+			}
+		}
+		GridType::Isometric { y_axis_spacing, angle_a, angle_b } => {
+			if document.snapping_state.grid.dot_display {
+				grid_overlay_isometric_dot(document, overlay_context, y_axis_spacing, angle_a, angle_b)
+			} else {
+				grid_overlay_isometric(document, overlay_context, y_axis_spacing, angle_a, angle_b)
+			}
+		}
+	}
+}
+
+pub fn overlay_options(grid: &GridSnapping) -> Vec<LayoutGroup> {
+	let mut widgets = Vec::new();
+	fn update_val<I, F: Fn(&mut GridSnapping, &I)>(grid: &GridSnapping, update: F) -> impl Fn(&I) -> Message + use<I, F> {
+		let grid = grid.clone();
+		move |input: &I| {
+			let mut grid = grid.clone();
+			update(&mut grid, input);
+			DocumentMessage::GridOptions(grid).into()
+		}
+	}
+	let update_origin = |grid, update: fn(&mut GridSnapping) -> Option<&mut f64>| {
+		update_val::<NumberInput, _>(grid, move |grid, val| {
+			if let Some(val) = val.value {
+				if let Some(update) = update(grid) {
+					*update = val;
+				}
+			}
+		})
+	};
+	let update_color = |grid, update: fn(&mut GridSnapping) -> Option<&mut Color>| {
+		update_val::<ColorInput, _>(grid, move |grid, color| {
+			if let (Some(color), Some(update_color)) = (color.value.as_solid(), update(grid)) {
+				*update_color = color.to_linear_srgb();
+			}
+		})
+	};
+	let update_display = |grid, update: fn(&mut GridSnapping) -> Option<&mut bool>| {
+		update_val::<CheckboxInput, _>(grid, move |grid, checkbox| {
+			if let Some(update) = update(grid) {
+				*update = checkbox.checked;
+			}
+		})
+	};
+
+	widgets.push(LayoutGroup::Row {
+		widgets: vec![TextLabel::new("Grid").bold(true).widget_holder()],
+	});
+
+	widgets.push(LayoutGroup::Row {
+		widgets: vec![
+			TextLabel::new("Type").table_align(true).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			RadioInput::new(vec![
+				RadioEntryData::new("rectangular").label("Rectangular").on_update(update_val(grid, |grid, _| {
+					if let GridType::Isometric { y_axis_spacing, angle_a, angle_b } = grid.grid_type {
+						grid.isometric_y_spacing = y_axis_spacing;
+						grid.isometric_angle_a = angle_a;
+						grid.isometric_angle_b = angle_b;
+					}
+					grid.grid_type = GridType::Rectangular { spacing: grid.rectangular_spacing };
+				})),
+				RadioEntryData::new("isometric").label("Isometric").on_update(update_val(grid, |grid, _| {
+					if let GridType::Rectangular { spacing } = grid.grid_type {
+						grid.rectangular_spacing = spacing;
+					}
+					grid.grid_type = GridType::Isometric {
+						y_axis_spacing: grid.isometric_y_spacing,
+						angle_a: grid.isometric_angle_a,
+						angle_b: grid.isometric_angle_b,
+					};
+				})),
+			])
+			.min_width(200)
+			.selected_index(Some(match grid.grid_type {
+				GridType::Rectangular { .. } => 0,
+				GridType::Isometric { .. } => 1,
+			}))
+			.widget_holder(),
+		],
+	});
+
+	let mut color_widgets = vec![TextLabel::new("Display").table_align(true).widget_holder(), Separator::new(SeparatorType::Unrelated).widget_holder()];
+	color_widgets.extend([
+		CheckboxInput::new(grid.dot_display)
+			.icon("GridDotted")
+			.tooltip("Display as dotted grid")
+			.on_update(update_display(grid, |grid| Some(&mut grid.dot_display)))
+			.widget_holder(),
+		Separator::new(SeparatorType::Related).widget_holder(),
+	]);
+	color_widgets.push(
+		ColorInput::new(FillChoice::Solid(grid.grid_color.to_gamma_srgb()))
+			.tooltip("Grid display color")
+			.allow_none(false)
+			.on_update(update_color(grid, |grid| Some(&mut grid.grid_color)))
+			.widget_holder(),
+	);
+	widgets.push(LayoutGroup::Row { widgets: color_widgets });
+
+	widgets.push(LayoutGroup::Row {
+		widgets: vec![
+			TextLabel::new("Origin").table_align(true).widget_holder(),
+			Separator::new(SeparatorType::Unrelated).widget_holder(),
+			NumberInput::new(Some(grid.origin.x))
+				.label("X")
+				.unit(" px")
+				.min_width(98)
+				.on_update(update_origin(grid, |grid| Some(&mut grid.origin.x)))
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(Some(grid.origin.y))
+				.label("Y")
+				.unit(" px")
+				.min_width(98)
+				.on_update(update_origin(grid, |grid| Some(&mut grid.origin.y)))
+				.widget_holder(),
+		],
+	});
+
+	match grid.grid_type {
+		GridType::Rectangular { spacing } => widgets.push(LayoutGroup::Row {
+			widgets: vec![
+				TextLabel::new("Spacing").table_align(true).widget_holder(),
+				Separator::new(SeparatorType::Unrelated).widget_holder(),
+				NumberInput::new(Some(spacing.x))
+					.label("X")
+					.unit(" px")
+					.min(0.)
+					.min_width(98)
+					.on_update(update_origin(grid, |grid| grid.grid_type.rectangular_spacing().map(|spacing| &mut spacing.x)))
+					.widget_holder(),
+				Separator::new(SeparatorType::Related).widget_holder(),
+				NumberInput::new(Some(spacing.y))
+					.label("Y")
+					.unit(" px")
+					.min(0.)
+					.min_width(98)
+					.on_update(update_origin(grid, |grid| grid.grid_type.rectangular_spacing().map(|spacing| &mut spacing.y)))
+					.widget_holder(),
+			],
+		}),
+		GridType::Isometric { y_axis_spacing, angle_a, angle_b } => {
+			widgets.push(LayoutGroup::Row {
+				widgets: vec![
+					TextLabel::new("Y Spacing").table_align(true).widget_holder(),
+					Separator::new(SeparatorType::Unrelated).widget_holder(),
+					NumberInput::new(Some(y_axis_spacing))
+						.unit(" px")
+						.min(0.)
+						.min_width(200)
+						.on_update(update_origin(grid, |grid| grid.grid_type.isometric_y_spacing()))
+						.widget_holder(),
+				],
+			});
+			widgets.push(LayoutGroup::Row {
+				widgets: vec![
+					TextLabel::new("Angles").table_align(true).widget_holder(),
+					Separator::new(SeparatorType::Unrelated).widget_holder(),
+					NumberInput::new(Some(angle_a))
+						.unit("°")
+						.min_width(98)
+						.on_update(update_origin(grid, |grid| grid.grid_type.angle_a()))
+						.widget_holder(),
+					Separator::new(SeparatorType::Related).widget_holder(),
+					NumberInput::new(Some(angle_b))
+						.unit("°")
+						.min_width(98)
+						.on_update(update_origin(grid, |grid| grid.grid_type.angle_b()))
+						.widget_holder(),
+				],
+			});
+		}
+	}
+
+	widgets
+}
diff --git a/editor/src/messages/portfolio/document/overlays/mod.rs b/editor/src/messages/portfolio/document/overlays/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..2102b3a322ba794a8b02627cf148c76aab3dc672
--- /dev/null
+++ b/editor/src/messages/portfolio/document/overlays/mod.rs
@@ -0,0 +1,10 @@
+pub mod grid_overlays;
+mod overlays_message;
+mod overlays_message_handler;
+pub mod utility_functions;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use overlays_message::{OverlaysMessage, OverlaysMessageDiscriminant};
+#[doc(inline)]
+pub use overlays_message_handler::{OverlaysMessageData, OverlaysMessageHandler};
diff --git a/editor/src/messages/portfolio/document/overlays/overlays_message.rs b/editor/src/messages/portfolio/document/overlays/overlays_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..5ab1e7773cf3a3aefd03f7be73dd3bbfbb8d3c43
--- /dev/null
+++ b/editor/src/messages/portfolio/document/overlays/overlays_message.rs
@@ -0,0 +1,20 @@
+use super::utility_types::{OverlayProvider, empty_provider};
+use crate::messages::prelude::*;
+
+#[impl_message(Message, DocumentMessage, Overlays)]
+#[derive(derivative::Derivative, Clone, serde::Serialize, serde::Deserialize)]
+#[derivative(Debug, PartialEq)]
+pub enum OverlaysMessage {
+	Draw,
+	// Serde functionality isn't used but is required by the message system macros
+	AddProvider(
+		#[serde(skip, default = "empty_provider")]
+		#[derivative(Debug = "ignore", PartialEq = "ignore")]
+		OverlayProvider,
+	),
+	RemoveProvider(
+		#[serde(skip, default = "empty_provider")]
+		#[derivative(Debug = "ignore", PartialEq = "ignore")]
+		OverlayProvider,
+	),
+}
diff --git a/editor/src/messages/portfolio/document/overlays/overlays_message_handler.rs b/editor/src/messages/portfolio/document/overlays/overlays_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..0db542da751fb4285aa34325f56c8639ac92bc54
--- /dev/null
+++ b/editor/src/messages/portfolio/document/overlays/overlays_message_handler.rs
@@ -0,0 +1,84 @@
+use super::utility_types::{OverlayProvider, OverlaysVisibilitySettings};
+use crate::messages::prelude::*;
+
+pub struct OverlaysMessageData<'a> {
+	pub visibility_settings: OverlaysVisibilitySettings,
+	pub ipp: &'a InputPreprocessorMessageHandler,
+	pub device_pixel_ratio: f64,
+}
+
+#[derive(Debug, Clone, Default)]
+pub struct OverlaysMessageHandler {
+	pub overlay_providers: HashSet<OverlayProvider>,
+	#[cfg(target_arch = "wasm32")]
+	canvas: Option<web_sys::HtmlCanvasElement>,
+	#[cfg(target_arch = "wasm32")]
+	context: Option<web_sys::CanvasRenderingContext2d>,
+}
+
+impl MessageHandler<OverlaysMessage, OverlaysMessageData<'_>> for OverlaysMessageHandler {
+	fn process_message(&mut self, message: OverlaysMessage, responses: &mut VecDeque<Message>, data: OverlaysMessageData) {
+		let OverlaysMessageData { visibility_settings, ipp, .. } = data;
+
+		match message {
+			#[cfg(target_arch = "wasm32")]
+			OverlaysMessage::Draw => {
+				use super::utility_functions::overlay_canvas_element;
+				use super::utility_types::OverlayContext;
+				use glam::{DAffine2, DVec2};
+				use wasm_bindgen::JsCast;
+
+				let device_pixel_ratio = data.device_pixel_ratio;
+
+				let canvas = match &self.canvas {
+					Some(canvas) => canvas,
+					None => {
+						let Some(new_canvas) = overlay_canvas_element() else { return };
+						self.canvas.get_or_insert(new_canvas)
+					}
+				};
+
+				let context = self.context.get_or_insert_with(|| {
+					let context = canvas.get_context("2d").ok().flatten().expect("Failed to get canvas context");
+					context.dyn_into().expect("Context should be a canvas 2d context")
+				});
+
+				let size = ipp.viewport_bounds.size().as_uvec2();
+
+				let [a, b, c, d, e, f] = DAffine2::from_scale(DVec2::splat(device_pixel_ratio)).to_cols_array();
+				let _ = context.set_transform(a, b, c, d, e, f);
+				context.clear_rect(0., 0., ipp.viewport_bounds.size().x, ipp.viewport_bounds.size().y);
+				let _ = context.reset_transform();
+
+				if visibility_settings.all() {
+					responses.add(DocumentMessage::GridOverlays(OverlayContext {
+						render_context: context.clone(),
+						size: size.as_dvec2(),
+						device_pixel_ratio,
+						visibility_settings: visibility_settings.clone(),
+					}));
+					for provider in &self.overlay_providers {
+						responses.add(provider(OverlayContext {
+							render_context: context.clone(),
+							size: size.as_dvec2(),
+							device_pixel_ratio,
+							visibility_settings: visibility_settings.clone(),
+						}));
+					}
+				}
+			}
+			#[cfg(not(target_arch = "wasm32"))]
+			OverlaysMessage::Draw => {
+				warn!("Cannot render overlays on non-Wasm targets.\n{responses:?} {visibility_settings:?} {ipp:?}",);
+			}
+			OverlaysMessage::AddProvider(message) => {
+				self.overlay_providers.insert(message);
+			}
+			OverlaysMessage::RemoveProvider(message) => {
+				self.overlay_providers.remove(&message);
+			}
+		}
+	}
+
+	advertise_actions!(OverlaysMessage;);
+}
diff --git a/editor/src/messages/portfolio/document/overlays/utility_functions.rs b/editor/src/messages/portfolio/document/overlays/utility_functions.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1e012b867a0e35de6905269841ae9a8b05e36ab2
--- /dev/null
+++ b/editor/src/messages/portfolio/document/overlays/utility_functions.rs
@@ -0,0 +1,209 @@
+use super::utility_types::{DrawHandles, OverlayContext};
+use crate::consts::HIDE_HANDLE_DISTANCE;
+use crate::messages::portfolio::document::utility_types::network_interface::NodeNetworkInterface;
+use crate::messages::tool::common_functionality::shape_editor::{SelectedLayerState, ShapeState};
+use crate::messages::tool::tool_messages::tool_prelude::{DocumentMessageHandler, PreferencesMessageHandler};
+use bezier_rs::{Bezier, BezierHandles};
+use glam::{DAffine2, DVec2};
+use graphene_std::vector::ManipulatorPointId;
+use graphene_std::vector::{PointId, SegmentId};
+use wasm_bindgen::JsCast;
+
+pub fn overlay_canvas_element() -> Option<web_sys::HtmlCanvasElement> {
+	let window = web_sys::window()?;
+	let document = window.document()?;
+	let canvas = document.query_selector("[data-overlays-canvas]").ok().flatten()?;
+	canvas.dyn_into::<web_sys::HtmlCanvasElement>().ok()
+}
+
+pub fn overlay_canvas_context() -> web_sys::CanvasRenderingContext2d {
+	let create_context = || {
+		let context = overlay_canvas_element()?.get_context("2d").ok().flatten()?;
+		context.dyn_into().ok()
+	};
+	create_context().expect("Failed to get canvas context")
+}
+
+pub fn selected_segments(network_interface: &NodeNetworkInterface, shape_editor: &ShapeState) -> Vec<SegmentId> {
+	let selected_points = shape_editor.selected_points();
+	let selected_anchors = selected_points
+		.filter_map(|point_id| if let ManipulatorPointId::Anchor(p) = point_id { Some(*p) } else { None })
+		.collect::<Vec<_>>();
+
+	// Collect the segments whose handles are selected
+	let mut selected_segments = shape_editor
+		.selected_points()
+		.filter_map(|point_id| match point_id {
+			ManipulatorPointId::PrimaryHandle(segment_id) | ManipulatorPointId::EndHandle(segment_id) => Some(*segment_id),
+			ManipulatorPointId::Anchor(_) => None,
+		})
+		.collect::<Vec<_>>();
+
+	// TODO: Currently if there are two duplicate layers, both of their segments get overlays
+	// Adding segments which are are connected to selected anchors
+	for layer in network_interface.selected_nodes().selected_layers(network_interface.document_metadata()) {
+		let Some(vector_data) = network_interface.compute_modified_vector(layer) else { continue };
+
+		for (segment_id, _bezier, start, end) in vector_data.segment_bezier_iter() {
+			if selected_anchors.contains(&start) || selected_anchors.contains(&end) {
+				selected_segments.push(segment_id);
+			}
+		}
+	}
+
+	selected_segments
+}
+
+fn overlay_bezier_handles(bezier: Bezier, segment_id: SegmentId, transform: DAffine2, is_selected: impl Fn(ManipulatorPointId) -> bool, overlay_context: &mut OverlayContext) {
+	let bezier = bezier.apply_transformation(|point| transform.transform_point2(point));
+	let not_under_anchor = |position: DVec2, anchor: DVec2| position.distance_squared(anchor) >= HIDE_HANDLE_DISTANCE * HIDE_HANDLE_DISTANCE;
+
+	match bezier.handles {
+		BezierHandles::Quadratic { handle } if not_under_anchor(handle, bezier.start) && not_under_anchor(handle, bezier.end) => {
+			overlay_context.line(handle, bezier.start, None, None);
+			overlay_context.line(handle, bezier.end, None, None);
+			overlay_context.manipulator_handle(handle, is_selected(ManipulatorPointId::PrimaryHandle(segment_id)), None);
+		}
+		BezierHandles::Cubic { handle_start, handle_end } => {
+			if not_under_anchor(handle_start, bezier.start) {
+				overlay_context.line(handle_start, bezier.start, None, None);
+				overlay_context.manipulator_handle(handle_start, is_selected(ManipulatorPointId::PrimaryHandle(segment_id)), None);
+			}
+			if not_under_anchor(handle_end, bezier.end) {
+				overlay_context.line(handle_end, bezier.end, None, None);
+				overlay_context.manipulator_handle(handle_end, is_selected(ManipulatorPointId::EndHandle(segment_id)), None);
+			}
+		}
+		_ => {}
+	}
+}
+
+fn overlay_bezier_handle_specific_point(
+	bezier: Bezier,
+	segment_id: SegmentId,
+	(start, end): (PointId, PointId),
+	point_to_render: PointId,
+	transform: DAffine2,
+	is_selected: impl Fn(ManipulatorPointId) -> bool,
+	overlay_context: &mut OverlayContext,
+) {
+	let bezier = bezier.apply_transformation(|point| transform.transform_point2(point));
+	let not_under_anchor = |position: DVec2, anchor: DVec2| position.distance_squared(anchor) >= HIDE_HANDLE_DISTANCE * HIDE_HANDLE_DISTANCE;
+
+	match bezier.handles {
+		BezierHandles::Quadratic { handle } => {
+			if not_under_anchor(handle, bezier.start) && not_under_anchor(handle, bezier.end) {
+				let end = if start == point_to_render { bezier.start } else { bezier.end };
+				overlay_context.line(handle, end, None, None);
+				overlay_context.manipulator_handle(handle, is_selected(ManipulatorPointId::PrimaryHandle(segment_id)), None);
+			}
+		}
+		BezierHandles::Cubic { handle_start, handle_end } => {
+			if not_under_anchor(handle_start, bezier.start) && (point_to_render == start) {
+				overlay_context.line(handle_start, bezier.start, None, None);
+				overlay_context.manipulator_handle(handle_start, is_selected(ManipulatorPointId::PrimaryHandle(segment_id)), None);
+			}
+			if not_under_anchor(handle_end, bezier.end) && (point_to_render == end) {
+				overlay_context.line(handle_end, bezier.end, None, None);
+				overlay_context.manipulator_handle(handle_end, is_selected(ManipulatorPointId::EndHandle(segment_id)), None);
+			}
+		}
+		_ => {}
+	}
+}
+
+pub fn path_overlays(document: &DocumentMessageHandler, draw_handles: DrawHandles, shape_editor: &mut ShapeState, overlay_context: &mut OverlayContext) {
+	let display_path = overlay_context.visibility_settings.path();
+	let display_handles = overlay_context.visibility_settings.handles();
+	let display_anchors = overlay_context.visibility_settings.anchors();
+
+	for layer in document.network_interface.selected_nodes().selected_layers(document.metadata()) {
+		let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { continue };
+		let transform = document.metadata().transform_to_viewport(layer);
+		if display_path {
+			overlay_context.outline_vector(&vector_data, transform);
+		}
+
+		// Get the selected segments and then add a bold line overlay on them
+		for (segment_id, bezier, _, _) in vector_data.segment_bezier_iter() {
+			let Some(selected_shape_state) = shape_editor.selected_shape_state.get_mut(&layer) else {
+				continue;
+			};
+
+			if selected_shape_state.is_segment_selected(segment_id) {
+				overlay_context.outline_select_bezier(bezier, transform);
+			}
+		}
+
+		let selected = shape_editor.selected_shape_state.get(&layer);
+		let is_selected = |point: ManipulatorPointId| selected.is_some_and(|selected| selected.is_point_selected(point));
+
+		if display_handles {
+			let opposite_handles_data: Vec<(PointId, SegmentId)> = shape_editor.selected_points().filter_map(|point_id| vector_data.adjacent_segment(point_id)).collect();
+
+			match draw_handles {
+				DrawHandles::All => {
+					vector_data.segment_bezier_iter().for_each(|(segment_id, bezier, _start, _end)| {
+						overlay_bezier_handles(bezier, segment_id, transform, is_selected, overlay_context);
+					});
+				}
+				DrawHandles::SelectedAnchors(ref selected_segments) => {
+					vector_data
+						.segment_bezier_iter()
+						.filter(|(segment_id, ..)| selected_segments.contains(segment_id))
+						.for_each(|(segment_id, bezier, _start, _end)| {
+							overlay_bezier_handles(bezier, segment_id, transform, is_selected, overlay_context);
+						});
+
+					for (segment_id, bezier, start, end) in vector_data.segment_bezier_iter() {
+						if let Some((corresponding_anchor, _)) = opposite_handles_data.iter().find(|(_, adj_segment_id)| adj_segment_id == &segment_id) {
+							overlay_bezier_handle_specific_point(bezier, segment_id, (start, end), *corresponding_anchor, transform, is_selected, overlay_context);
+						}
+					}
+				}
+				DrawHandles::FrontierHandles(ref segment_endpoints) => {
+					vector_data
+						.segment_bezier_iter()
+						.filter(|(segment_id, ..)| segment_endpoints.contains_key(segment_id))
+						.for_each(|(segment_id, bezier, start, end)| {
+							if segment_endpoints.get(&segment_id).unwrap().len() == 1 {
+								let point_to_render = segment_endpoints.get(&segment_id).unwrap()[0];
+								overlay_bezier_handle_specific_point(bezier, segment_id, (start, end), point_to_render, transform, is_selected, overlay_context);
+							} else {
+								overlay_bezier_handles(bezier, segment_id, transform, is_selected, overlay_context);
+							}
+						});
+				}
+				DrawHandles::None => {}
+			}
+		}
+
+		if display_anchors {
+			for (&id, &position) in vector_data.point_domain.ids().iter().zip(vector_data.point_domain.positions()) {
+				overlay_context.manipulator_anchor(transform.transform_point2(position), is_selected(ManipulatorPointId::Anchor(id)), None);
+			}
+		}
+	}
+}
+
+pub fn path_endpoint_overlays(document: &DocumentMessageHandler, shape_editor: &mut ShapeState, overlay_context: &mut OverlayContext, preferences: &PreferencesMessageHandler) {
+	if !overlay_context.visibility_settings.anchors() {
+		return;
+	}
+
+	for layer in document.network_interface.selected_nodes().selected_layers(document.metadata()) {
+		let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+			continue;
+		};
+		//let document_to_viewport = document.navigation_handler.calculate_offset_transform(overlay_context.size / 2., &document.document_ptz);
+		let transform = document.metadata().transform_to_viewport(layer);
+		let selected = shape_editor.selected_shape_state.get(&layer);
+		let is_selected = |selected: Option<&SelectedLayerState>, point: ManipulatorPointId| selected.is_some_and(|selected| selected.is_point_selected(point));
+
+		for point in vector_data.extendable_points(preferences.vector_meshes) {
+			let Some(position) = vector_data.point_domain.position_from_id(point) else { continue };
+			let position = transform.transform_point2(position);
+			overlay_context.manipulator_anchor(position, is_selected(selected, ManipulatorPointId::Anchor(point)), None);
+		}
+	}
+}
diff --git a/editor/src/messages/portfolio/document/overlays/utility_types.rs b/editor/src/messages/portfolio/document/overlays/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a17d711a3807ace9c6f7a9d9f7192de3281054f9
--- /dev/null
+++ b/editor/src/messages/portfolio/document/overlays/utility_types.rs
@@ -0,0 +1,796 @@
+use super::utility_functions::overlay_canvas_context;
+use crate::consts::{
+	COLOR_OVERLAY_BLUE, COLOR_OVERLAY_BLUE_50, COLOR_OVERLAY_GREEN, COLOR_OVERLAY_RED, COLOR_OVERLAY_WHITE, COLOR_OVERLAY_YELLOW, COMPASS_ROSE_ARROW_SIZE, COMPASS_ROSE_HOVER_RING_DIAMETER,
+	COMPASS_ROSE_MAIN_RING_DIAMETER, COMPASS_ROSE_RING_INNER_DIAMETER, MANIPULATOR_GROUP_MARKER_SIZE, PIVOT_CROSSHAIR_LENGTH, PIVOT_CROSSHAIR_THICKNESS, PIVOT_DIAMETER,
+};
+use crate::messages::prelude::Message;
+use bezier_rs::{Bezier, Subpath};
+use core::borrow::Borrow;
+use core::f64::consts::{FRAC_PI_2, TAU};
+use glam::{DAffine2, DVec2};
+use graphene_std::Color;
+use graphene_std::math::quad::Quad;
+use graphene_std::vector::click_target::ClickTargetType;
+use graphene_std::vector::{PointId, SegmentId, VectorData};
+use std::collections::HashMap;
+use wasm_bindgen::{JsCast, JsValue};
+use web_sys::{OffscreenCanvas, OffscreenCanvasRenderingContext2d};
+
+pub type OverlayProvider = fn(OverlayContext) -> Message;
+
+pub fn empty_provider() -> OverlayProvider {
+	|_| Message::NoOp
+}
+
+// Types of overlays used by DocumentMessage to enable/disable select group of overlays in the frontend
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum OverlaysType {
+	ArtboardName,
+	CompassRose,
+	QuickMeasurement,
+	TransformMeasurement,
+	TransformCage,
+	HoverOutline,
+	SelectionOutline,
+	Pivot,
+	Path,
+	Anchors,
+	Handles,
+}
+
+#[derive(PartialEq, Copy, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct OverlaysVisibilitySettings {
+	pub all: bool,
+	pub artboard_name: bool,
+	pub compass_rose: bool,
+	pub quick_measurement: bool,
+	pub transform_measurement: bool,
+	pub transform_cage: bool,
+	pub hover_outline: bool,
+	pub selection_outline: bool,
+	pub pivot: bool,
+	pub path: bool,
+	pub anchors: bool,
+	pub handles: bool,
+}
+
+impl Default for OverlaysVisibilitySettings {
+	fn default() -> Self {
+		Self {
+			all: true,
+			artboard_name: true,
+			compass_rose: true,
+			quick_measurement: true,
+			transform_measurement: true,
+			transform_cage: true,
+			hover_outline: true,
+			selection_outline: true,
+			pivot: true,
+			path: true,
+			anchors: true,
+			handles: true,
+		}
+	}
+}
+
+impl OverlaysVisibilitySettings {
+	pub fn all(&self) -> bool {
+		self.all
+	}
+
+	pub fn artboard_name(&self) -> bool {
+		self.all && self.artboard_name
+	}
+
+	pub fn compass_rose(&self) -> bool {
+		self.all && self.compass_rose
+	}
+
+	pub fn quick_measurement(&self) -> bool {
+		self.all && self.quick_measurement
+	}
+
+	pub fn transform_measurement(&self) -> bool {
+		self.all && self.transform_measurement
+	}
+
+	pub fn transform_cage(&self) -> bool {
+		self.all && self.transform_cage
+	}
+
+	pub fn hover_outline(&self) -> bool {
+		self.all && self.hover_outline
+	}
+
+	pub fn selection_outline(&self) -> bool {
+		self.all && self.selection_outline
+	}
+
+	pub fn pivot(&self) -> bool {
+		self.all && self.pivot
+	}
+
+	pub fn path(&self) -> bool {
+		self.all && self.path
+	}
+
+	pub fn anchors(&self) -> bool {
+		self.all && self.anchors
+	}
+
+	pub fn handles(&self) -> bool {
+		self.all && self.anchors && self.handles
+	}
+}
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct OverlayContext {
+	// Serde functionality isn't used but is required by the message system macros
+	#[serde(skip, default = "overlay_canvas_context")]
+	#[specta(skip)]
+	pub render_context: web_sys::CanvasRenderingContext2d,
+	pub size: DVec2,
+	// The device pixel ratio is a property provided by the browser window and is the CSS pixel size divided by the physical monitor's pixel size.
+	// It allows better pixel density of visualizations on high-DPI displays where the OS display scaling is not 100%, or where the browser is zoomed.
+	pub device_pixel_ratio: f64,
+	pub visibility_settings: OverlaysVisibilitySettings,
+}
+// Message hashing isn't used but is required by the message system macros
+impl core::hash::Hash for OverlayContext {
+	fn hash<H: std::hash::Hasher>(&self, _state: &mut H) {}
+}
+
+impl OverlayContext {
+	pub fn quad(&mut self, quad: Quad, stroke_color: Option<&str>, color_fill: Option<&str>) {
+		self.dashed_polygon(&quad.0, stroke_color, color_fill, None, None, None);
+	}
+
+	pub fn draw_triangle(&mut self, base: DVec2, direction: DVec2, size: f64, color_fill: Option<&str>, color_stroke: Option<&str>) {
+		let color_fill = color_fill.unwrap_or(COLOR_OVERLAY_WHITE);
+		let color_stroke = color_stroke.unwrap_or(COLOR_OVERLAY_BLUE);
+		let normal = direction.perp();
+		let top = base + direction * size;
+		let edge1 = base + normal * size / 2.;
+		let edge2 = base - normal * size / 2.;
+
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		self.render_context.move_to(top.x, top.y);
+		self.render_context.line_to(edge1.x, edge1.y);
+		self.render_context.line_to(edge2.x, edge2.y);
+		self.render_context.close_path();
+
+		self.render_context.set_fill_style_str(color_fill);
+		self.render_context.set_stroke_style_str(color_stroke);
+		self.render_context.fill();
+		self.render_context.stroke();
+
+		self.end_dpi_aware_transform();
+	}
+
+	pub fn dashed_quad(&mut self, quad: Quad, stroke_color: Option<&str>, color_fill: Option<&str>, dash_width: Option<f64>, dash_gap_width: Option<f64>, dash_offset: Option<f64>) {
+		self.dashed_polygon(&quad.0, stroke_color, color_fill, dash_width, dash_gap_width, dash_offset);
+	}
+
+	pub fn polygon(&mut self, polygon: &[DVec2], stroke_color: Option<&str>, color_fill: Option<&str>) {
+		self.dashed_polygon(polygon, stroke_color, color_fill, None, None, None);
+	}
+
+	pub fn dashed_polygon(&mut self, polygon: &[DVec2], stroke_color: Option<&str>, color_fill: Option<&str>, dash_width: Option<f64>, dash_gap_width: Option<f64>, dash_offset: Option<f64>) {
+		if polygon.len() < 2 {
+			return;
+		}
+
+		self.start_dpi_aware_transform();
+
+		// Set the dash pattern
+		if let Some(dash_width) = dash_width {
+			let dash_gap_width = dash_gap_width.unwrap_or(1.);
+			let array = js_sys::Array::new();
+			array.push(&JsValue::from(dash_width));
+			array.push(&JsValue::from(dash_gap_width));
+
+			if let Some(dash_offset) = dash_offset {
+				if dash_offset != 0. {
+					self.render_context.set_line_dash_offset(dash_offset);
+				}
+			}
+
+			self.render_context
+				.set_line_dash(&JsValue::from(array))
+				.map_err(|error| log::warn!("Error drawing dashed line: {:?}", error))
+				.ok();
+		}
+
+		self.render_context.begin_path();
+		self.render_context.move_to(polygon.last().unwrap().x.round() - 0.5, polygon.last().unwrap().y.round() - 0.5);
+
+		for point in polygon {
+			self.render_context.line_to(point.x.round() - 0.5, point.y.round() - 0.5);
+		}
+
+		if let Some(color_fill) = color_fill {
+			self.render_context.set_fill_style_str(color_fill);
+			self.render_context.fill();
+		}
+
+		let stroke_color = stroke_color.unwrap_or(COLOR_OVERLAY_BLUE);
+		self.render_context.set_stroke_style_str(stroke_color);
+		self.render_context.stroke();
+
+		// Reset the dash pattern back to solid
+		if dash_width.is_some() {
+			self.render_context
+				.set_line_dash(&JsValue::from(js_sys::Array::new()))
+				.map_err(|error| log::warn!("Error drawing dashed line: {:?}", error))
+				.ok();
+		}
+		if dash_offset.is_some() && dash_offset != Some(0.) {
+			self.render_context.set_line_dash_offset(0.);
+		}
+
+		self.end_dpi_aware_transform();
+	}
+
+	pub fn line(&mut self, start: DVec2, end: DVec2, color: Option<&str>, thickness: Option<f64>) {
+		self.dashed_line(start, end, color, thickness, None, None, None)
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	pub fn dashed_line(&mut self, start: DVec2, end: DVec2, color: Option<&str>, thickness: Option<f64>, dash_width: Option<f64>, dash_gap_width: Option<f64>, dash_offset: Option<f64>) {
+		self.start_dpi_aware_transform();
+
+		// Set the dash pattern
+		if let Some(dash_width) = dash_width {
+			let dash_gap_width = dash_gap_width.unwrap_or(1.);
+			let array = js_sys::Array::new();
+			array.push(&JsValue::from(dash_width));
+			array.push(&JsValue::from(dash_gap_width));
+
+			if let Some(dash_offset) = dash_offset {
+				if dash_offset != 0. {
+					self.render_context.set_line_dash_offset(dash_offset);
+				}
+			}
+
+			self.render_context
+				.set_line_dash(&JsValue::from(array))
+				.map_err(|error| log::warn!("Error drawing dashed line: {:?}", error))
+				.ok();
+		}
+
+		let start = start.round() - DVec2::splat(0.5);
+		let end = end.round() - DVec2::splat(0.5);
+
+		self.render_context.begin_path();
+		self.render_context.move_to(start.x, start.y);
+		self.render_context.line_to(end.x, end.y);
+		self.render_context.set_line_width(thickness.unwrap_or(1.));
+		self.render_context.set_stroke_style_str(color.unwrap_or(COLOR_OVERLAY_BLUE));
+		self.render_context.stroke();
+		self.render_context.set_line_width(1.);
+
+		// Reset the dash pattern back to solid
+		if dash_width.is_some() {
+			self.render_context
+				.set_line_dash(&JsValue::from(js_sys::Array::new()))
+				.map_err(|error| log::warn!("Error drawing dashed line: {:?}", error))
+				.ok();
+		}
+		if dash_offset.is_some() && dash_offset != Some(0.) {
+			self.render_context.set_line_dash_offset(0.);
+		}
+
+		self.end_dpi_aware_transform();
+	}
+
+	pub fn manipulator_handle(&mut self, position: DVec2, selected: bool, color: Option<&str>) {
+		self.start_dpi_aware_transform();
+
+		let position = position.round() - DVec2::splat(0.5);
+
+		self.render_context.begin_path();
+		self.render_context
+			.arc(position.x, position.y, MANIPULATOR_GROUP_MARKER_SIZE / 2., 0., TAU)
+			.expect("Failed to draw the circle");
+
+		let fill = if selected { COLOR_OVERLAY_BLUE } else { COLOR_OVERLAY_WHITE };
+		self.render_context.set_fill_style_str(fill);
+		self.render_context.set_stroke_style_str(color.unwrap_or(COLOR_OVERLAY_BLUE));
+		self.render_context.fill();
+		self.render_context.stroke();
+
+		self.end_dpi_aware_transform();
+	}
+
+	pub fn manipulator_anchor(&mut self, position: DVec2, selected: bool, color: Option<&str>) {
+		let color_stroke = color.unwrap_or(COLOR_OVERLAY_BLUE);
+		let color_fill = if selected { color_stroke } else { COLOR_OVERLAY_WHITE };
+		self.square(position, None, Some(color_fill), Some(color_stroke));
+	}
+
+	/// Transforms the canvas context to adjust for DPI scaling
+	///
+	/// Overwrites all existing tranforms. This operation can be reversed with [`Self::reset_transform`].
+	fn start_dpi_aware_transform(&self) {
+		let [a, b, c, d, e, f] = DAffine2::from_scale(DVec2::splat(self.device_pixel_ratio)).to_cols_array();
+		self.render_context
+			.set_transform(a, b, c, d, e, f)
+			.expect("transform should be able to be set to be able to account for DPI");
+	}
+
+	/// Un-transforms the Canvas context to adjust for DPI scaling
+	///
+	/// Warning: this function doesn't only reset the DPI scaling adjustment, it resets the entire transform.
+	fn end_dpi_aware_transform(&self) {
+		self.render_context.reset_transform().expect("transform should be able to be reset to be able to account for DPI");
+	}
+
+	pub fn square(&mut self, position: DVec2, size: Option<f64>, color_fill: Option<&str>, color_stroke: Option<&str>) {
+		let size = size.unwrap_or(MANIPULATOR_GROUP_MARKER_SIZE);
+		let color_fill = color_fill.unwrap_or(COLOR_OVERLAY_WHITE);
+		let color_stroke = color_stroke.unwrap_or(COLOR_OVERLAY_BLUE);
+
+		let position = position.round() - DVec2::splat(0.5);
+		let corner = position - DVec2::splat(size) / 2.;
+
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		self.render_context.rect(corner.x, corner.y, size, size);
+		self.render_context.set_fill_style_str(color_fill);
+		self.render_context.set_stroke_style_str(color_stroke);
+		self.render_context.fill();
+		self.render_context.stroke();
+
+		self.end_dpi_aware_transform();
+	}
+
+	pub fn pixel(&mut self, position: DVec2, color: Option<&str>) {
+		let size = 1.;
+		let color_fill = color.unwrap_or(COLOR_OVERLAY_WHITE);
+
+		let position = position.round() - DVec2::splat(0.5);
+		let corner = position - DVec2::splat(size) / 2.;
+
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		self.render_context.rect(corner.x, corner.y, size, size);
+		self.render_context.set_fill_style_str(color_fill);
+		self.render_context.fill();
+
+		self.end_dpi_aware_transform();
+	}
+
+	pub fn circle(&mut self, position: DVec2, radius: f64, color_fill: Option<&str>, color_stroke: Option<&str>) {
+		let color_fill = color_fill.unwrap_or(COLOR_OVERLAY_WHITE);
+		let color_stroke = color_stroke.unwrap_or(COLOR_OVERLAY_BLUE);
+		let position = position.round();
+
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		self.render_context.arc(position.x, position.y, radius, 0., TAU).expect("Failed to draw the circle");
+		self.render_context.set_fill_style_str(color_fill);
+		self.render_context.set_stroke_style_str(color_stroke);
+		self.render_context.fill();
+		self.render_context.stroke();
+
+		self.end_dpi_aware_transform();
+	}
+
+	pub fn draw_arc(&mut self, center: DVec2, radius: f64, start_from: f64, end_at: f64) {
+		let segments = ((end_at - start_from).abs() / (std::f64::consts::PI / 4.)).ceil() as usize;
+		let step = (end_at - start_from) / segments as f64;
+		let half_step = step / 2.;
+		let factor = 4. / 3. * half_step.sin() / (1. + half_step.cos());
+
+		self.render_context.begin_path();
+
+		for i in 0..segments {
+			let start_angle = start_from + step * i as f64;
+			let end_angle = start_angle + step;
+			let start_vec = DVec2::from_angle(start_angle);
+			let end_vec = DVec2::from_angle(end_angle);
+
+			let start = center + radius * start_vec;
+			let end = center + radius * end_vec;
+
+			let handle_start = start + start_vec.perp() * radius * factor;
+			let handle_end = end - end_vec.perp() * radius * factor;
+
+			let bezier = Bezier {
+				start,
+				end,
+				handles: bezier_rs::BezierHandles::Cubic { handle_start, handle_end },
+			};
+
+			self.bezier_command(bezier, DAffine2::IDENTITY, i == 0);
+		}
+
+		self.render_context.stroke();
+	}
+
+	pub fn draw_angle(&mut self, pivot: DVec2, radius: f64, arc_radius: f64, offset_angle: f64, angle: f64) {
+		let end_point1 = pivot + radius * DVec2::from_angle(angle + offset_angle);
+		let end_point2 = pivot + radius * DVec2::from_angle(offset_angle);
+		self.line(pivot, end_point1, None, None);
+		self.dashed_line(pivot, end_point2, None, None, Some(2.), Some(2.), Some(0.5));
+		self.draw_arc(pivot, arc_radius, offset_angle, (angle) % TAU + offset_angle);
+	}
+
+	pub fn draw_scale(&mut self, start: DVec2, scale: f64, radius: f64, text: &str) {
+		let sign = scale.signum();
+		let mut fill_color = graphene_std::Color::from_rgb_str(crate::consts::COLOR_OVERLAY_WHITE.strip_prefix('#').unwrap())
+			.unwrap()
+			.with_alpha(0.05)
+			.to_rgba_hex_srgb();
+		fill_color.insert(0, '#');
+		let fill_color = Some(fill_color.as_str());
+		self.line(start + DVec2::X * radius * sign, start + DVec2::X * (radius * scale), None, None);
+		self.circle(start, radius, fill_color, None);
+		self.circle(start, radius * scale.abs(), fill_color, None);
+		self.text(
+			text,
+			COLOR_OVERLAY_BLUE,
+			None,
+			DAffine2::from_translation(start + sign * DVec2::X * radius * (1. + scale.abs()) / 2.),
+			2.,
+			[Pivot::Middle, Pivot::End],
+		)
+	}
+
+	pub fn compass_rose(&mut self, compass_center: DVec2, angle: f64, show_compass_with_hover_ring: Option<bool>) {
+		const HOVER_RING_OUTER_RADIUS: f64 = COMPASS_ROSE_HOVER_RING_DIAMETER / 2.;
+		const MAIN_RING_OUTER_RADIUS: f64 = COMPASS_ROSE_MAIN_RING_DIAMETER / 2.;
+		const MAIN_RING_INNER_RADIUS: f64 = COMPASS_ROSE_RING_INNER_DIAMETER / 2.;
+		const ARROW_RADIUS: f64 = COMPASS_ROSE_ARROW_SIZE / 2.;
+		const HOVER_RING_STROKE_WIDTH: f64 = HOVER_RING_OUTER_RADIUS - MAIN_RING_INNER_RADIUS;
+		const HOVER_RING_CENTERLINE_RADIUS: f64 = (HOVER_RING_OUTER_RADIUS + MAIN_RING_INNER_RADIUS) / 2.;
+		const MAIN_RING_STROKE_WIDTH: f64 = MAIN_RING_OUTER_RADIUS - MAIN_RING_INNER_RADIUS;
+		const MAIN_RING_CENTERLINE_RADIUS: f64 = (MAIN_RING_OUTER_RADIUS + MAIN_RING_INNER_RADIUS) / 2.;
+
+		let Some(show_hover_ring) = show_compass_with_hover_ring else { return };
+
+		self.start_dpi_aware_transform();
+
+		let center = compass_center.round() - DVec2::splat(0.5);
+
+		// Save the old line width to restore it later
+		let old_line_width = self.render_context.line_width();
+
+		// Hover ring
+		if show_hover_ring {
+			let mut fill_color = graphene_std::Color::from_rgb_str(COLOR_OVERLAY_BLUE.strip_prefix('#').unwrap())
+				.unwrap()
+				.with_alpha(0.5)
+				.to_rgba_hex_srgb();
+			fill_color.insert(0, '#');
+
+			self.render_context.set_line_width(HOVER_RING_STROKE_WIDTH);
+			self.render_context.begin_path();
+			self.render_context.arc(center.x, center.y, HOVER_RING_CENTERLINE_RADIUS, 0., TAU).expect("Failed to draw hover ring");
+			self.render_context.set_stroke_style_str(&fill_color);
+			self.render_context.stroke();
+		}
+
+		// Arrows
+		self.render_context.set_line_width(0.01);
+		for i in 0..4 {
+			let direction = DVec2::from_angle(i as f64 * FRAC_PI_2 + angle);
+			let color = if i % 2 == 0 { COLOR_OVERLAY_RED } else { COLOR_OVERLAY_GREEN };
+
+			let tip = center + direction * HOVER_RING_OUTER_RADIUS;
+			let base = center + direction * (MAIN_RING_INNER_RADIUS + MAIN_RING_OUTER_RADIUS) / 2.;
+
+			let r = (ARROW_RADIUS.powi(2) + MAIN_RING_INNER_RADIUS.powi(2)).sqrt();
+			let (cos, sin) = (MAIN_RING_INNER_RADIUS / r, ARROW_RADIUS / r);
+			let side1 = center + r * DVec2::new(cos * direction.x - sin * direction.y, sin * direction.x + direction.y * cos);
+			let side2 = center + r * DVec2::new(cos * direction.x + sin * direction.y, -sin * direction.x + direction.y * cos);
+
+			self.render_context.begin_path();
+			self.render_context.move_to(tip.x, tip.y);
+			self.render_context.line_to(side1.x, side1.y);
+			self.render_context.line_to(base.x, base.y);
+			self.render_context.line_to(side2.x, side2.y);
+			self.render_context.close_path();
+
+			self.render_context.set_fill_style_str(color);
+			self.render_context.fill();
+			self.render_context.set_stroke_style_str(color);
+			self.render_context.stroke();
+		}
+
+		// Main ring
+		self.render_context.set_line_width(MAIN_RING_STROKE_WIDTH);
+		self.render_context.begin_path();
+		self.render_context.arc(center.x, center.y, MAIN_RING_CENTERLINE_RADIUS, 0., TAU).expect("Failed to draw main ring");
+		self.render_context.set_stroke_style_str(COLOR_OVERLAY_BLUE);
+		self.render_context.stroke();
+
+		// Restore the old line width
+		self.render_context.set_line_width(old_line_width);
+	}
+
+	pub fn pivot(&mut self, position: DVec2, angle: f64) {
+		let uv = DVec2::from_angle(angle);
+		let (x, y) = (position.round() - DVec2::splat(0.5)).into();
+
+		self.start_dpi_aware_transform();
+
+		// Circle
+
+		self.render_context.begin_path();
+		self.render_context.arc(x, y, PIVOT_DIAMETER / 2., 0., TAU).expect("Failed to draw the circle");
+		self.render_context.set_fill_style_str(COLOR_OVERLAY_YELLOW);
+		self.render_context.fill();
+
+		// Crosshair
+
+		// Round line caps add half the stroke width to the length on each end, so we subtract that here before halving to get the radius
+		const CROSSHAIR_RADIUS: f64 = (PIVOT_CROSSHAIR_LENGTH - PIVOT_CROSSHAIR_THICKNESS) / 2.;
+
+		self.render_context.set_stroke_style_str(COLOR_OVERLAY_YELLOW);
+		self.render_context.set_line_cap("round");
+
+		self.render_context.begin_path();
+		self.render_context.move_to(x + CROSSHAIR_RADIUS * uv.x, y + CROSSHAIR_RADIUS * uv.y);
+		self.render_context.line_to(x - CROSSHAIR_RADIUS * uv.x, y - CROSSHAIR_RADIUS * uv.y);
+		self.render_context.stroke();
+
+		self.render_context.begin_path();
+		self.render_context.move_to(x - CROSSHAIR_RADIUS * uv.y, y + CROSSHAIR_RADIUS * uv.x);
+		self.render_context.line_to(x + CROSSHAIR_RADIUS * uv.y, y - CROSSHAIR_RADIUS * uv.x);
+		self.render_context.stroke();
+
+		self.render_context.set_line_cap("butt");
+
+		self.end_dpi_aware_transform();
+	}
+
+	/// Used by the Pen and Path tools to outline the path of the shape.
+	pub fn outline_vector(&mut self, vector_data: &VectorData, transform: DAffine2) {
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		let mut last_point = None;
+		for (_, bezier, start_id, end_id) in vector_data.segment_bezier_iter() {
+			let move_to = last_point != Some(start_id);
+			last_point = Some(end_id);
+
+			self.bezier_command(bezier, transform, move_to);
+		}
+
+		self.render_context.set_stroke_style_str(COLOR_OVERLAY_BLUE);
+		self.render_context.stroke();
+
+		self.end_dpi_aware_transform();
+	}
+
+	/// Used by the Pen tool in order to show how the bezier curve would look like.
+	pub fn outline_bezier(&mut self, bezier: Bezier, transform: DAffine2) {
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		self.bezier_command(bezier, transform, true);
+		self.render_context.set_stroke_style_str(COLOR_OVERLAY_BLUE);
+		self.render_context.stroke();
+
+		self.end_dpi_aware_transform();
+	}
+
+	/// Used by the path tool segment mode in order to show the selected segments.
+	pub fn outline_select_bezier(&mut self, bezier: Bezier, transform: DAffine2) {
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		self.bezier_command(bezier, transform, true);
+		self.render_context.set_stroke_style_str(COLOR_OVERLAY_BLUE);
+		self.render_context.set_line_width(4.);
+		self.render_context.stroke();
+
+		self.render_context.set_line_width(1.);
+
+		self.end_dpi_aware_transform();
+	}
+
+	pub fn outline_overlay_bezier(&mut self, bezier: Bezier, transform: DAffine2) {
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		self.bezier_command(bezier, transform, true);
+		self.render_context.set_stroke_style_str(COLOR_OVERLAY_BLUE_50);
+		self.render_context.set_line_width(4.);
+		self.render_context.stroke();
+
+		self.render_context.set_line_width(1.);
+
+		self.end_dpi_aware_transform();
+	}
+
+	fn bezier_command(&self, bezier: Bezier, transform: DAffine2, move_to: bool) {
+		self.start_dpi_aware_transform();
+
+		let Bezier { start, end, handles } = bezier.apply_transformation(|point| transform.transform_point2(point));
+		if move_to {
+			self.render_context.move_to(start.x, start.y);
+		}
+
+		match handles {
+			bezier_rs::BezierHandles::Linear => self.render_context.line_to(end.x, end.y),
+			bezier_rs::BezierHandles::Quadratic { handle } => self.render_context.quadratic_curve_to(handle.x, handle.y, end.x, end.y),
+			bezier_rs::BezierHandles::Cubic { handle_start, handle_end } => self.render_context.bezier_curve_to(handle_start.x, handle_start.y, handle_end.x, handle_end.y, end.x, end.y),
+		}
+
+		self.end_dpi_aware_transform();
+	}
+
+	fn push_path(&mut self, subpaths: impl Iterator<Item = impl Borrow<Subpath<PointId>>>, transform: DAffine2) {
+		self.start_dpi_aware_transform();
+
+		self.render_context.begin_path();
+		for subpath in subpaths {
+			let subpath = subpath.borrow();
+			let mut curves = subpath.iter().peekable();
+
+			let Some(first) = curves.peek() else {
+				continue;
+			};
+
+			self.render_context.move_to(transform.transform_point2(first.start()).x, transform.transform_point2(first.start()).y);
+			for curve in curves {
+				match curve.handles {
+					bezier_rs::BezierHandles::Linear => {
+						let a = transform.transform_point2(curve.end());
+						let a = a.round() - DVec2::splat(0.5);
+
+						self.render_context.line_to(a.x, a.y)
+					}
+					bezier_rs::BezierHandles::Quadratic { handle } => {
+						let a = transform.transform_point2(handle);
+						let b = transform.transform_point2(curve.end());
+						let a = a.round() - DVec2::splat(0.5);
+						let b = b.round() - DVec2::splat(0.5);
+
+						self.render_context.quadratic_curve_to(a.x, a.y, b.x, b.y)
+					}
+					bezier_rs::BezierHandles::Cubic { handle_start, handle_end } => {
+						let a = transform.transform_point2(handle_start);
+						let b = transform.transform_point2(handle_end);
+						let c = transform.transform_point2(curve.end());
+						let a = a.round() - DVec2::splat(0.5);
+						let b = b.round() - DVec2::splat(0.5);
+						let c = c.round() - DVec2::splat(0.5);
+
+						self.render_context.bezier_curve_to(a.x, a.y, b.x, b.y, c.x, c.y)
+					}
+				}
+			}
+
+			if subpath.closed() {
+				self.render_context.close_path();
+			}
+		}
+
+		self.end_dpi_aware_transform();
+	}
+
+	/// Used by the Select tool to outline a path or a free point when selected or hovered.
+	pub fn outline(&mut self, target_types: impl Iterator<Item = impl Borrow<ClickTargetType>>, transform: DAffine2, color: Option<&str>) {
+		let mut subpaths: Vec<bezier_rs::Subpath<PointId>> = vec![];
+
+		target_types.for_each(|target_type| match target_type.borrow() {
+			ClickTargetType::FreePoint(point) => {
+				self.manipulator_anchor(transform.transform_point2(point.position), false, None);
+			}
+			ClickTargetType::Subpath(subpath) => subpaths.push(subpath.clone()),
+		});
+
+		if !subpaths.is_empty() {
+			self.push_path(subpaths.iter(), transform);
+
+			let color = color.unwrap_or(COLOR_OVERLAY_BLUE);
+			self.render_context.set_stroke_style_str(color);
+			self.render_context.stroke();
+		}
+	}
+
+	/// Fills the area inside the path. Assumes `color` is in gamma space.
+	/// Used by the Pen tool to show the path being closed.
+	pub fn fill_path(&mut self, subpaths: impl Iterator<Item = impl Borrow<Subpath<PointId>>>, transform: DAffine2, color: &str) {
+		self.push_path(subpaths, transform);
+
+		self.render_context.set_fill_style_str(color);
+		self.render_context.fill();
+	}
+
+	/// Fills the area inside the path with a pattern. Assumes `color` is in gamma space.
+	/// Used by the fill tool to show the area to be filled.
+	pub fn fill_path_pattern(&mut self, subpaths: impl Iterator<Item = impl Borrow<Subpath<PointId>>>, transform: DAffine2, color: &Color) {
+		const PATTERN_WIDTH: usize = 4;
+		const PATTERN_HEIGHT: usize = 4;
+
+		let pattern_canvas = OffscreenCanvas::new(PATTERN_WIDTH as u32, PATTERN_HEIGHT as u32).unwrap();
+		let pattern_context: OffscreenCanvasRenderingContext2d = pattern_canvas
+			.get_context("2d")
+			.ok()
+			.flatten()
+			.expect("Failed to get canvas context")
+			.dyn_into()
+			.expect("Context should be a canvas 2d context");
+
+		// 4x4 pixels, 4 components (RGBA) per pixel
+		let mut data = [0_u8; 4 * PATTERN_WIDTH * PATTERN_HEIGHT];
+
+		// ┌▄▄┬──┬──┬──┐
+		// ├▀▀┼──┼──┼──┤
+		// ├──┼──┼▄▄┼──┤
+		// ├──┼──┼▀▀┼──┤
+		// └──┴──┴──┴──┘
+		let pixels = [(0, 0), (2, 2)];
+		for &(x, y) in &pixels {
+			let index = (x + y * PATTERN_WIDTH as usize) * 4;
+			data[index..index + 4].copy_from_slice(&color.to_rgba8_srgb());
+		}
+
+		let image_data = web_sys::ImageData::new_with_u8_clamped_array_and_sh(wasm_bindgen::Clamped(&mut data), PATTERN_WIDTH as u32, PATTERN_HEIGHT as u32).unwrap();
+		pattern_context.put_image_data(&image_data, 0., 0.).unwrap();
+		let pattern = self.render_context.create_pattern_with_offscreen_canvas(&pattern_canvas, "repeat").unwrap().unwrap();
+
+		self.push_path(subpaths, transform);
+
+		self.render_context.set_fill_style_canvas_pattern(&pattern);
+		self.render_context.fill();
+	}
+
+	pub fn get_width(&self, text: &str) -> f64 {
+		self.render_context.measure_text(text).expect("Failed to measure text dimensions").width()
+	}
+
+	pub fn text(&self, text: &str, font_color: &str, background_color: Option<&str>, transform: DAffine2, padding: f64, pivot: [Pivot; 2]) {
+		let metrics = self.render_context.measure_text(text).expect("Failed to measure the text dimensions");
+		let x = match pivot[0] {
+			Pivot::Start => padding,
+			Pivot::Middle => -(metrics.actual_bounding_box_right() + metrics.actual_bounding_box_left()) / 2.,
+			Pivot::End => -padding - metrics.actual_bounding_box_right() + metrics.actual_bounding_box_left(),
+		};
+		let y = match pivot[1] {
+			Pivot::Start => padding + metrics.font_bounding_box_ascent() - metrics.font_bounding_box_descent(),
+			Pivot::Middle => (metrics.font_bounding_box_ascent() + metrics.font_bounding_box_descent()) / 2.,
+			Pivot::End => -padding,
+		};
+
+		let [a, b, c, d, e, f] = (DAffine2::from_scale(DVec2::splat(self.device_pixel_ratio)) * transform * DAffine2::from_translation(DVec2::new(x, y))).to_cols_array();
+		self.render_context.set_transform(a, b, c, d, e, f).expect("Failed to rotate the render context to the specified angle");
+
+		if let Some(background) = background_color {
+			self.render_context.set_fill_style_str(background);
+			self.render_context.fill_rect(
+				-padding,
+				padding,
+				metrics.actual_bounding_box_right() - metrics.actual_bounding_box_left() + padding * 2.,
+				metrics.font_bounding_box_descent() - metrics.font_bounding_box_ascent() - padding * 2.,
+			);
+		}
+
+		self.render_context.set_font(r#"12px "Source Sans Pro", Arial, sans-serif"#);
+		self.render_context.set_fill_style_str(font_color);
+		self.render_context.fill_text(text, 0., 0.).expect("Failed to draw the text at the calculated position");
+		self.render_context.reset_transform().expect("Failed to reset the render context transform");
+	}
+}
+
+pub enum Pivot {
+	Start,
+	Middle,
+	End,
+}
+
+pub enum DrawHandles {
+	All,
+	SelectedAnchors(Vec<SegmentId>),
+	FrontierHandles(HashMap<SegmentId, Vec<PointId>>),
+	None,
+}
diff --git a/editor/src/messages/portfolio/document/properties_panel/mod.rs b/editor/src/messages/portfolio/document/properties_panel/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7508ecada4c42183daf1d79ec421d33982f3fc22
--- /dev/null
+++ b/editor/src/messages/portfolio/document/properties_panel/mod.rs
@@ -0,0 +1,9 @@
+mod properties_panel_message;
+mod properties_panel_message_handler;
+
+pub mod utility_types;
+
+#[doc(inline)]
+pub use properties_panel_message::{PropertiesPanelMessage, PropertiesPanelMessageDiscriminant};
+#[doc(inline)]
+pub use properties_panel_message_handler::PropertiesPanelMessageHandler;
diff --git a/editor/src/messages/portfolio/document/properties_panel/properties_panel_message.rs b/editor/src/messages/portfolio/document/properties_panel/properties_panel_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a87d8fb07d7829b8d29e21943c6078bc51e8a6e7
--- /dev/null
+++ b/editor/src/messages/portfolio/document/properties_panel/properties_panel_message.rs
@@ -0,0 +1,9 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, DocumentMessage, PropertiesPanel)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum PropertiesPanelMessage {
+	// Messages
+	Clear,
+	Refresh,
+}
diff --git a/editor/src/messages/portfolio/document/properties_panel/properties_panel_message_handler.rs b/editor/src/messages/portfolio/document/properties_panel/properties_panel_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a783b24aae3089ed85a66bd7ee0a390bbff9ca4b
--- /dev/null
+++ b/editor/src/messages/portfolio/document/properties_panel/properties_panel_message_handler.rs
@@ -0,0 +1,48 @@
+use super::utility_types::PropertiesPanelMessageHandlerData;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::NodePropertiesContext;
+use crate::messages::portfolio::utility_types::PersistentData;
+use crate::messages::prelude::*;
+
+#[derive(Debug, Clone, Default)]
+pub struct PropertiesPanelMessageHandler {}
+
+impl MessageHandler<PropertiesPanelMessage, (&PersistentData, PropertiesPanelMessageHandlerData<'_>)> for PropertiesPanelMessageHandler {
+	fn process_message(&mut self, message: PropertiesPanelMessage, responses: &mut VecDeque<Message>, (persistent_data, data): (&PersistentData, PropertiesPanelMessageHandlerData)) {
+		let PropertiesPanelMessageHandlerData {
+			network_interface,
+			selection_network_path,
+			document_name,
+			executor,
+		} = data;
+
+		match message {
+			PropertiesPanelMessage::Clear => {
+				responses.add(LayoutMessage::SendLayout {
+					layout: Layout::WidgetLayout(WidgetLayout::new(vec![])),
+					layout_target: LayoutTarget::PropertiesSections,
+				});
+			}
+			PropertiesPanelMessage::Refresh => {
+				let mut context = NodePropertiesContext {
+					persistent_data,
+					responses,
+					network_interface,
+					selection_network_path,
+					document_name,
+					executor,
+				};
+				let properties_sections = NodeGraphMessageHandler::collate_properties(&mut context);
+
+				context.responses.add(LayoutMessage::SendLayout {
+					layout: Layout::WidgetLayout(WidgetLayout::new(properties_sections)),
+					layout_target: LayoutTarget::PropertiesSections,
+				});
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		actions!(PropertiesMessageDiscriminant;)
+	}
+}
diff --git a/editor/src/messages/portfolio/document/properties_panel/utility_types.rs b/editor/src/messages/portfolio/document/properties_panel/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ee2553a1e98f2d3905c146d0620bcf68035af85d
--- /dev/null
+++ b/editor/src/messages/portfolio/document/properties_panel/utility_types.rs
@@ -0,0 +1,10 @@
+use crate::messages::portfolio::document::utility_types::network_interface::NodeNetworkInterface;
+use crate::node_graph_executor::NodeGraphExecutor;
+use graph_craft::document::NodeId;
+
+pub struct PropertiesPanelMessageHandlerData<'a> {
+	pub network_interface: &'a mut NodeNetworkInterface,
+	pub selection_network_path: &'a [NodeId],
+	pub document_name: &'a str,
+	pub executor: &'a mut NodeGraphExecutor,
+}
diff --git a/editor/src/messages/portfolio/document/utility_types/clipboards.rs b/editor/src/messages/portfolio/document/utility_types/clipboards.rs
new file mode 100644
index 0000000000000000000000000000000000000000..158372cd4074d9a17d1287729bd3b194ef2f12e4
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/clipboards.rs
@@ -0,0 +1,23 @@
+use super::network_interface::NodeTemplate;
+use graph_craft::document::NodeId;
+
+#[repr(u8)]
+#[derive(serde::Serialize, serde::Deserialize, Clone, Copy, PartialEq, Eq, Debug, specta::Type)]
+pub enum Clipboard {
+	Internal,
+
+	_InternalClipboardCount, // Keep this as the last entry of **internal** clipboards since it is used for counting the number of enum variants
+
+	Device,
+}
+
+pub const INTERNAL_CLIPBOARD_COUNT: u8 = Clipboard::_InternalClipboardCount as u8;
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct CopyBufferEntry {
+	pub nodes: Vec<(NodeId, NodeTemplate)>,
+	pub selected: bool,
+	pub visible: bool,
+	pub locked: bool,
+	pub collapsed: bool,
+}
diff --git a/editor/src/messages/portfolio/document/utility_types/document_metadata.rs b/editor/src/messages/portfolio/document/utility_types/document_metadata.rs
new file mode 100644
index 0000000000000000000000000000000000000000..23887db3e55963418d9cfc7acc6ac4ab32dba3b5
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/document_metadata.rs
@@ -0,0 +1,575 @@
+use super::network_interface::NodeNetworkInterface;
+use crate::messages::portfolio::document::graph_operation::transform_utils;
+use crate::messages::portfolio::document::graph_operation::utility_types::ModifyInputsContext;
+use glam::{DAffine2, DVec2};
+use graph_craft::document::NodeId;
+use graphene_std::math::quad::Quad;
+use graphene_std::transform::Footprint;
+use graphene_std::vector::click_target::{ClickTarget, ClickTargetType};
+use graphene_std::vector::{PointId, VectorData};
+use std::collections::{HashMap, HashSet};
+use std::num::NonZeroU64;
+
+// ================
+// DocumentMetadata
+// ================
+
+// TODO: To avoid storing a stateful snapshot of some other system's state (which is easily to accidentally get out of sync),
+// TODO: it might be better to have a system that can query the state of the node network on demand.
+#[derive(Debug, Clone)]
+pub struct DocumentMetadata {
+	pub upstream_footprints: HashMap<NodeId, Footprint>,
+	pub local_transforms: HashMap<NodeId, DAffine2>,
+	pub structure: HashMap<LayerNodeIdentifier, NodeRelations>,
+	pub click_targets: HashMap<LayerNodeIdentifier, Vec<ClickTarget>>,
+	pub clip_targets: HashSet<NodeId>,
+	pub vector_modify: HashMap<NodeId, VectorData>,
+	/// Transform from document space to viewport space.
+	pub document_to_viewport: DAffine2,
+}
+
+impl Default for DocumentMetadata {
+	fn default() -> Self {
+		Self {
+			upstream_footprints: HashMap::new(),
+			local_transforms: HashMap::new(),
+			structure: HashMap::new(),
+			vector_modify: HashMap::new(),
+			click_targets: HashMap::new(),
+			clip_targets: HashSet::new(),
+			document_to_viewport: DAffine2::IDENTITY,
+		}
+	}
+}
+
+// =================================
+// DocumentMetadata: Layer iterators
+// =================================
+
+impl DocumentMetadata {
+	pub fn all_layers(&self) -> DescendantsIter<'_> {
+		LayerNodeIdentifier::ROOT_PARENT.descendants(self)
+	}
+
+	pub fn layer_exists(&self, layer: LayerNodeIdentifier) -> bool {
+		self.structure.contains_key(&layer)
+	}
+
+	pub fn click_targets(&self, layer: LayerNodeIdentifier) -> Option<&Vec<ClickTarget>> {
+		self.click_targets.get(&layer)
+	}
+
+	/// Access the [`NodeRelations`] of a layer.
+	fn get_relations(&self, node_identifier: LayerNodeIdentifier) -> Option<&NodeRelations> {
+		self.structure.get(&node_identifier)
+	}
+
+	/// Mutably access the [`NodeRelations`] of a layer.
+	fn get_structure_mut(&mut self, node_identifier: LayerNodeIdentifier) -> &mut NodeRelations {
+		self.structure.entry(node_identifier).or_default()
+	}
+}
+// ============================
+// DocumentMetadata: Transforms
+// ============================
+
+impl DocumentMetadata {
+	/// Access the cached transformation to document space from layer space
+	pub fn transform_to_document(&self, layer: LayerNodeIdentifier) -> DAffine2 {
+		self.document_to_viewport.inverse() * self.transform_to_viewport(layer)
+	}
+
+	pub fn transform_to_viewport(&self, layer: LayerNodeIdentifier) -> DAffine2 {
+		// We're not allowed to convert the root parent to a node id
+		if layer == LayerNodeIdentifier::ROOT_PARENT {
+			return self.document_to_viewport;
+		}
+
+		let footprint = self.upstream_footprints.get(&layer.to_node()).map(|footprint| footprint.transform).unwrap_or(self.document_to_viewport);
+		let local_transform = self.local_transforms.get(&layer.to_node()).copied().unwrap_or_default();
+
+		footprint * local_transform
+	}
+
+	pub fn transform_to_viewport_with_first_transform_node_if_group(&self, layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> DAffine2 {
+		let footprint = self.upstream_footprints.get(&layer.to_node()).map(|footprint| footprint.transform).unwrap_or(self.document_to_viewport);
+		let local_transform = self.local_transforms.get(&layer.to_node()).copied();
+
+		let transform = local_transform.unwrap_or_else(|| {
+			let transform_node_id = ModifyInputsContext::locate_node_in_layer_chain("Transform", layer, network_interface);
+			let transform_node = transform_node_id.and_then(|id| network_interface.document_node(&id, &[]));
+			transform_node.map(|node| transform_utils::get_current_transform(node.inputs.as_slice())).unwrap_or_default()
+		});
+
+		footprint * transform
+	}
+
+	pub fn upstream_transform(&self, node_id: NodeId) -> DAffine2 {
+		self.local_transforms.get(&node_id).copied().unwrap_or(DAffine2::IDENTITY)
+	}
+
+	pub fn downstream_transform_to_document(&self, layer: LayerNodeIdentifier) -> DAffine2 {
+		self.document_to_viewport.inverse() * self.downstream_transform_to_viewport(layer)
+	}
+
+	pub fn downstream_transform_to_viewport(&self, layer: LayerNodeIdentifier) -> DAffine2 {
+		if layer == LayerNodeIdentifier::ROOT_PARENT {
+			return self.transform_to_viewport(layer);
+		}
+
+		self.upstream_footprints
+			.get(&layer.to_node())
+			.copied()
+			.map(|footprint| footprint.transform)
+			.unwrap_or_else(|| self.transform_to_viewport(layer))
+	}
+}
+
+// ===============================
+// DocumentMetadata: Click targets
+// ===============================
+
+impl DocumentMetadata {
+	/// Get the bounding box of the click target of the specified layer in the specified transform space
+	pub fn bounding_box_with_transform(&self, layer: LayerNodeIdentifier, transform: DAffine2) -> Option<[DVec2; 2]> {
+		self.click_targets(layer)?
+			.iter()
+			.filter_map(|click_target| match click_target.target_type() {
+				ClickTargetType::Subpath(subpath) => subpath.bounding_box_with_transform(transform),
+				ClickTargetType::FreePoint(_) => click_target.bounding_box_with_transform(transform),
+			})
+			.reduce(Quad::combine_bounds)
+	}
+
+	/// Calculate the corners of the bounding box but with a nonzero size.
+	///
+	/// If the layer bounds are `0` in either axis then they are changed to be `1`.
+	pub fn nonzero_bounding_box(&self, layer: LayerNodeIdentifier) -> [DVec2; 2] {
+		let [mut bounds_min, mut bounds_max] = self.bounding_box_with_transform(layer, DAffine2::IDENTITY).unwrap_or_default();
+
+		let bounds_size = bounds_max - bounds_min;
+		let bounds_midpoint = bounds_min.midpoint(bounds_max);
+		const BOX_NUDGE: f64 = 5e-9;
+		if bounds_size.x < 1e-10 {
+			bounds_max.x = bounds_midpoint.x + BOX_NUDGE;
+			bounds_min.x = bounds_midpoint.x - BOX_NUDGE;
+		}
+		if bounds_size.y < 1e-10 {
+			bounds_max.y = bounds_midpoint.y + BOX_NUDGE;
+			bounds_min.y = bounds_midpoint.y - BOX_NUDGE;
+		}
+
+		[bounds_min, bounds_max]
+	}
+
+	/// Get the bounding box of the click target of the specified layer in document space
+	pub fn bounding_box_document(&self, layer: LayerNodeIdentifier) -> Option<[DVec2; 2]> {
+		self.bounding_box_with_transform(layer, self.transform_to_document(layer))
+	}
+
+	/// Get the bounding box of the click target of the specified layer in viewport space
+	pub fn bounding_box_viewport(&self, layer: LayerNodeIdentifier) -> Option<[DVec2; 2]> {
+		self.bounding_box_with_transform(layer, self.transform_to_viewport(layer))
+	}
+
+	/// Calculates the document bounds in viewport space
+	pub fn document_bounds_viewport_space(&self) -> Option<[DVec2; 2]> {
+		self.all_layers().filter_map(|layer| self.bounding_box_viewport(layer)).reduce(Quad::combine_bounds)
+	}
+
+	pub fn layer_outline(&self, layer: LayerNodeIdentifier) -> impl Iterator<Item = &bezier_rs::Subpath<PointId>> {
+		static EMPTY: Vec<ClickTarget> = Vec::new();
+		let click_targets = self.click_targets.get(&layer).unwrap_or(&EMPTY);
+		click_targets.iter().filter_map(|target| match target.target_type() {
+			ClickTargetType::Subpath(subpath) => Some(subpath),
+			_ => None,
+		})
+	}
+
+	pub fn layer_with_free_points_outline(&self, layer: LayerNodeIdentifier) -> impl Iterator<Item = &ClickTargetType> {
+		static EMPTY: Vec<ClickTarget> = Vec::new();
+		let click_targets = self.click_targets.get(&layer).unwrap_or(&EMPTY);
+		click_targets.iter().map(|target| target.target_type())
+	}
+
+	pub fn is_clip(&self, node: NodeId) -> bool {
+		self.clip_targets.contains(&node)
+	}
+}
+
+// ===================
+// LayerNodeIdentifier
+// ===================
+
+/// ID of a layer node
+#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct LayerNodeIdentifier(NonZeroU64);
+
+impl core::fmt::Debug for LayerNodeIdentifier {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		let node_id = if *self != LayerNodeIdentifier::ROOT_PARENT { self.to_node() } else { NodeId(0) };
+
+		f.debug_tuple("LayerNodeIdentifier").field(&node_id).finish()
+	}
+}
+
+impl Default for LayerNodeIdentifier {
+	fn default() -> Self {
+		Self::ROOT_PARENT
+	}
+}
+
+impl LayerNodeIdentifier {
+	/// A conceptual layer used to represent the parent of layers that feed into the export
+	pub const ROOT_PARENT: Self = LayerNodeIdentifier::new_unchecked(NodeId(0));
+
+	/// Construct a [`LayerNodeIdentifier`] without checking if it is a layer node
+	pub const fn new_unchecked(node_id: NodeId) -> Self {
+		// # Safety: will always be >=1
+		Self(unsafe { NonZeroU64::new_unchecked(node_id.0 + 1) })
+	}
+
+	/// Construct a [`LayerNodeIdentifier`], debug asserting that it is a layer node. This should only be used in the document network since the structure is not loaded in nested networks.
+	#[track_caller]
+	pub fn new(node_id: NodeId, network_interface: &NodeNetworkInterface, network_path: &[NodeId]) -> Self {
+		debug_assert!(
+			network_interface.is_layer(&node_id, network_path),
+			"Layer identifier constructed from non-layer node {node_id}: {:#?}",
+			network_interface.nested_network(network_path).unwrap().nodes.get(&node_id)
+		);
+		Self::new_unchecked(node_id)
+	}
+
+	/// Access the node id of this layer
+	pub fn to_node(self) -> NodeId {
+		let id = NodeId(u64::from(self.0) - 1);
+		debug_assert!(id != NodeId(0), "LayerNodeIdentifier::ROOT_PARENT cannot be converted to NodeId");
+
+		id
+	}
+
+	/// Access the parent layer if possible
+	pub fn parent(self, metadata: &DocumentMetadata) -> Option<LayerNodeIdentifier> {
+		metadata.get_relations(self).and_then(|relations| relations.parent)
+	}
+
+	/// Access the previous sibling of this layer (up the Layers panel)
+	pub fn previous_sibling(self, metadata: &DocumentMetadata) -> Option<LayerNodeIdentifier> {
+		metadata.get_relations(self).and_then(|relations| relations.previous_sibling)
+	}
+
+	/// Access the next sibling of this layer (down the Layers panel)
+	pub fn next_sibling(self, metadata: &DocumentMetadata) -> Option<LayerNodeIdentifier> {
+		metadata.get_relations(self).and_then(|relations| relations.next_sibling)
+	}
+
+	/// Access the first child of this layer (top most in Layers panel)
+	pub fn first_child(self, metadata: &DocumentMetadata) -> Option<LayerNodeIdentifier> {
+		metadata.get_relations(self).and_then(|relations| relations.first_child)
+	}
+
+	/// Access the last child of this layer (bottom most in Layers panel)
+	pub fn last_child(self, metadata: &DocumentMetadata) -> Option<LayerNodeIdentifier> {
+		metadata.get_relations(self).and_then(|relations| relations.last_child)
+	}
+
+	/// Does the layer have children? If so, then it is a folder.
+	pub fn has_children(self, metadata: &DocumentMetadata) -> bool {
+		self.first_child(metadata).is_some()
+	}
+
+	/// Is the layer a child of the given layer?
+	pub fn is_child_of(self, metadata: &DocumentMetadata, parent: &LayerNodeIdentifier) -> bool {
+		parent.children(metadata).any(|child| child == self)
+	}
+
+	/// Is the layer an ancestor of the given layer?
+	pub fn is_ancestor_of(self, metadata: &DocumentMetadata, child: &LayerNodeIdentifier) -> bool {
+		child.ancestors(metadata).any(|ancestor| ancestor == self)
+	}
+
+	/// Is the layer last child of parent group? Used for clipping
+	pub fn can_be_clipped(self, metadata: &DocumentMetadata) -> bool {
+		self.parent(metadata)
+			.map_or(false, |layer| layer.last_child(metadata).expect("Parent accessed via child should have children") != self)
+	}
+
+	/// Iterator over all direct children (excluding self and recursive children)
+	pub fn children(self, metadata: &DocumentMetadata) -> AxisIter<'_> {
+		AxisIter {
+			layer_node: self.first_child(metadata),
+			next_node: Self::next_sibling,
+			metadata,
+		}
+	}
+
+	pub fn downstream_siblings(self, metadata: &DocumentMetadata) -> AxisIter<'_> {
+		AxisIter {
+			layer_node: Some(self),
+			next_node: Self::previous_sibling,
+			metadata,
+		}
+	}
+
+	/// All ancestors of this layer, including self, going to the document root
+	pub fn ancestors(self, metadata: &DocumentMetadata) -> AxisIter<'_> {
+		AxisIter {
+			layer_node: Some(self),
+			next_node: Self::parent,
+			metadata,
+		}
+	}
+
+	/// Iterator through all the last children, starting from self
+	pub fn last_children(self, metadata: &DocumentMetadata) -> AxisIter<'_> {
+		AxisIter {
+			layer_node: Some(self),
+			next_node: Self::last_child,
+			metadata,
+		}
+	}
+
+	/// Iterator through all descendants, including recursive children (not including self)
+	pub fn descendants(self, metadata: &DocumentMetadata) -> DescendantsIter<'_> {
+		DescendantsIter {
+			front: self.first_child(metadata),
+			back: self.last_child(metadata).and_then(|child| child.last_children(metadata).last()),
+			metadata,
+		}
+	}
+
+	/// Add a child towards the top of the Layers panel
+	pub fn push_front_child(self, metadata: &mut DocumentMetadata, new: LayerNodeIdentifier) {
+		assert!(!metadata.structure.contains_key(&new), "Cannot add already existing layer");
+		let parent = metadata.get_structure_mut(self);
+		let old_first_child = parent.first_child.replace(new);
+		parent.last_child.get_or_insert(new);
+		if let Some(old_first_child) = old_first_child {
+			metadata.get_structure_mut(old_first_child).previous_sibling = Some(new);
+		}
+		metadata.get_structure_mut(new).next_sibling = old_first_child;
+		metadata.get_structure_mut(new).parent = Some(self);
+	}
+
+	/// Add a child towards the bottom of the Layers panel
+	pub fn push_child(self, metadata: &mut DocumentMetadata, new: LayerNodeIdentifier) {
+		assert!(!metadata.structure.contains_key(&new), "Cannot add already existing layer");
+		let parent = metadata.get_structure_mut(self);
+		let old_last_child = parent.last_child.replace(new);
+		parent.first_child.get_or_insert(new);
+		if let Some(old_last_child) = old_last_child {
+			metadata.get_structure_mut(old_last_child).next_sibling = Some(new);
+		}
+		metadata.get_structure_mut(new).previous_sibling = old_last_child;
+		metadata.get_structure_mut(new).parent = Some(self);
+	}
+
+	/// Add sibling above in the Layers panel
+	pub fn add_before(self, metadata: &mut DocumentMetadata, new: LayerNodeIdentifier) {
+		assert!(!metadata.structure.contains_key(&new), "Cannot add already existing layer");
+		metadata.get_structure_mut(new).next_sibling = Some(self);
+		metadata.get_structure_mut(new).parent = self.parent(metadata);
+		let old_previous_sibling = metadata.get_structure_mut(self).previous_sibling.replace(new);
+		if let Some(old_previous_sibling) = old_previous_sibling {
+			metadata.get_structure_mut(old_previous_sibling).next_sibling = Some(new);
+			metadata.get_structure_mut(new).previous_sibling = Some(old_previous_sibling);
+		} else if let Some(structure) = self
+			.parent(metadata)
+			.map(|parent| metadata.get_structure_mut(parent))
+			.filter(|structure| structure.first_child == Some(self))
+		{
+			structure.first_child = Some(new);
+		}
+	}
+
+	/// Add sibling below in the Layers panel
+	pub fn add_after(self, metadata: &mut DocumentMetadata, new: LayerNodeIdentifier) {
+		assert!(!metadata.structure.contains_key(&new), "Cannot add already existing layer");
+		metadata.get_structure_mut(new).previous_sibling = Some(self);
+		metadata.get_structure_mut(new).parent = self.parent(metadata);
+		let old_next_sibling = metadata.get_structure_mut(self).next_sibling.replace(new);
+		if let Some(old_next_sibling) = old_next_sibling {
+			metadata.get_structure_mut(old_next_sibling).previous_sibling = Some(new);
+			metadata.get_structure_mut(new).next_sibling = Some(old_next_sibling);
+		} else if let Some(structure) = self
+			.parent(metadata)
+			.map(|parent| metadata.get_structure_mut(parent))
+			.filter(|structure| structure.last_child == Some(self))
+		{
+			structure.last_child = Some(new);
+		}
+	}
+
+	/// Delete layer and all children
+	pub fn delete(self, metadata: &mut DocumentMetadata) {
+		let previous_sibling = self.previous_sibling(metadata);
+		let next_sibling = self.next_sibling(metadata);
+
+		if let Some(previous_sibling) = previous_sibling.map(|node| metadata.get_structure_mut(node)) {
+			previous_sibling.next_sibling = next_sibling;
+		}
+
+		if let Some(next_sibling) = next_sibling.map(|node| metadata.get_structure_mut(node)) {
+			next_sibling.previous_sibling = previous_sibling;
+		}
+		let mut parent = self.parent(metadata).map(|parent| metadata.get_structure_mut(parent));
+		if let Some(structure) = parent.as_mut().filter(|structure| structure.first_child == Some(self)) {
+			structure.first_child = next_sibling;
+		}
+		if let Some(structure) = parent.as_mut().filter(|structure| structure.last_child == Some(self)) {
+			structure.last_child = previous_sibling;
+		}
+
+		let mut delete = vec![self];
+		delete.extend(self.descendants(metadata));
+		for node in delete {
+			metadata.structure.remove(&node);
+		}
+	}
+
+	pub fn exists(&self, metadata: &DocumentMetadata) -> bool {
+		metadata.get_relations(*self).is_some()
+	}
+
+	pub fn starts_with(&self, other: Self, metadata: &DocumentMetadata) -> bool {
+		self.ancestors(metadata).any(|parent| parent == other)
+	}
+}
+
+// ========
+// AxisIter
+// ========
+
+/// Iterator over specified axis.
+#[derive(Clone)]
+pub struct AxisIter<'a> {
+	pub layer_node: Option<LayerNodeIdentifier>,
+	pub next_node: fn(LayerNodeIdentifier, &DocumentMetadata) -> Option<LayerNodeIdentifier>,
+	pub metadata: &'a DocumentMetadata,
+}
+
+impl Iterator for AxisIter<'_> {
+	type Item = LayerNodeIdentifier;
+
+	fn next(&mut self) -> Option<Self::Item> {
+		let layer_node = self.layer_node.take();
+		self.layer_node = layer_node.and_then(|node| (self.next_node)(node, self.metadata));
+		layer_node
+	}
+}
+
+// ===============
+// DescendantsIter
+// ===============
+
+#[derive(Clone)]
+pub struct DescendantsIter<'a> {
+	front: Option<LayerNodeIdentifier>,
+	back: Option<LayerNodeIdentifier>,
+	metadata: &'a DocumentMetadata,
+}
+
+impl Iterator for DescendantsIter<'_> {
+	type Item = LayerNodeIdentifier;
+
+	fn next(&mut self) -> Option<Self::Item> {
+		if self.front == self.back {
+			self.back = None;
+			self.front.take()
+		} else {
+			let layer_node = self.front.take();
+			if let Some(layer_node) = layer_node {
+				self.front = layer_node
+					.first_child(self.metadata)
+					.or_else(|| layer_node.ancestors(self.metadata).find_map(|ancestor| ancestor.next_sibling(self.metadata)));
+			}
+			layer_node
+		}
+	}
+}
+impl DoubleEndedIterator for DescendantsIter<'_> {
+	fn next_back(&mut self) -> Option<Self::Item> {
+		if self.front == self.back {
+			self.front = None;
+			self.back.take()
+		} else {
+			let layer_node = self.back.take();
+			if let Some(layer_node) = layer_node {
+				self.back = layer_node
+					.previous_sibling(self.metadata)
+					.and_then(|sibling| sibling.last_children(self.metadata).last())
+					.or_else(|| layer_node.parent(self.metadata));
+			}
+
+			layer_node
+		}
+	}
+}
+
+// =============
+// NodeRelations
+// =============
+
+#[derive(Debug, Clone, Copy, Default)]
+pub struct NodeRelations {
+	pub parent: Option<LayerNodeIdentifier>,
+	previous_sibling: Option<LayerNodeIdentifier>,
+	next_sibling: Option<LayerNodeIdentifier>,
+	first_child: Option<LayerNodeIdentifier>,
+	last_child: Option<LayerNodeIdentifier>,
+}
+
+// ================
+// Helper functions
+// ================
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	#[test]
+	fn test_tree() {
+		let mut metadata = DocumentMetadata::default();
+		let root = LayerNodeIdentifier::ROOT_PARENT;
+		let metadata = &mut metadata;
+		root.push_child(metadata, LayerNodeIdentifier::new_unchecked(NodeId(3)));
+		assert_eq!(root.children(metadata).collect::<Vec<_>>(), vec![LayerNodeIdentifier::new_unchecked(NodeId(3))]);
+		root.push_child(metadata, LayerNodeIdentifier::new_unchecked(NodeId(6)));
+		assert_eq!(root.children(metadata).map(LayerNodeIdentifier::to_node).collect::<Vec<_>>(), vec![NodeId(3), NodeId(6)]);
+		assert_eq!(root.descendants(metadata).map(LayerNodeIdentifier::to_node).collect::<Vec<_>>(), vec![NodeId(3), NodeId(6)]);
+		LayerNodeIdentifier::new_unchecked(NodeId(3)).add_after(metadata, LayerNodeIdentifier::new_unchecked(NodeId(4)));
+		LayerNodeIdentifier::new_unchecked(NodeId(3)).add_before(metadata, LayerNodeIdentifier::new_unchecked(NodeId(2)));
+		LayerNodeIdentifier::new_unchecked(NodeId(6)).add_before(metadata, LayerNodeIdentifier::new_unchecked(NodeId(5)));
+		LayerNodeIdentifier::new_unchecked(NodeId(6)).add_after(metadata, LayerNodeIdentifier::new_unchecked(NodeId(9)));
+		LayerNodeIdentifier::new_unchecked(NodeId(6)).push_child(metadata, LayerNodeIdentifier::new_unchecked(NodeId(8)));
+		LayerNodeIdentifier::new_unchecked(NodeId(6)).push_front_child(metadata, LayerNodeIdentifier::new_unchecked(NodeId(7)));
+		root.push_front_child(metadata, LayerNodeIdentifier::new_unchecked(NodeId(1)));
+		assert_eq!(
+			root.children(metadata).map(LayerNodeIdentifier::to_node).collect::<Vec<_>>(),
+			vec![NodeId(1), NodeId(2), NodeId(3), NodeId(4), NodeId(5), NodeId(6), NodeId(9)]
+		);
+		assert_eq!(
+			root.descendants(metadata).map(LayerNodeIdentifier::to_node).collect::<Vec<_>>(),
+			vec![NodeId(1), NodeId(2), NodeId(3), NodeId(4), NodeId(5), NodeId(6), NodeId(7), NodeId(8), NodeId(9)]
+		);
+		assert_eq!(
+			root.descendants(metadata).map(LayerNodeIdentifier::to_node).rev().collect::<Vec<_>>(),
+			vec![NodeId(9), NodeId(8), NodeId(7), NodeId(6), NodeId(5), NodeId(4), NodeId(3), NodeId(2), NodeId(1)]
+		);
+		assert!(root.children(metadata).all(|child| child.parent(metadata) == Some(root)));
+		LayerNodeIdentifier::new_unchecked(NodeId(6)).delete(metadata);
+		LayerNodeIdentifier::new_unchecked(NodeId(1)).delete(metadata);
+		LayerNodeIdentifier::new_unchecked(NodeId(9)).push_child(metadata, LayerNodeIdentifier::new_unchecked(NodeId(10)));
+		assert_eq!(
+			root.children(metadata).map(LayerNodeIdentifier::to_node).collect::<Vec<_>>(),
+			vec![NodeId(2), NodeId(3), NodeId(4), NodeId(5), NodeId(9)]
+		);
+		assert_eq!(
+			root.descendants(metadata).map(LayerNodeIdentifier::to_node).collect::<Vec<_>>(),
+			vec![NodeId(2), NodeId(3), NodeId(4), NodeId(5), NodeId(9), NodeId(10)]
+		);
+		assert_eq!(
+			root.descendants(metadata).map(LayerNodeIdentifier::to_node).rev().collect::<Vec<_>>(),
+			vec![NodeId(10), NodeId(9), NodeId(5), NodeId(4), NodeId(3), NodeId(2)]
+		);
+	}
+}
diff --git a/editor/src/messages/portfolio/document/utility_types/error.rs b/editor/src/messages/portfolio/document/utility_types/error.rs
new file mode 100644
index 0000000000000000000000000000000000000000..96211441b0357fa7a2d100947ea76352bca2be89
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/error.rs
@@ -0,0 +1,38 @@
+use graphene_std::raster::color::Color;
+use thiserror::Error;
+
+/// The error type used by the Graphite editor.
+#[derive(Clone, Debug, Error)]
+pub enum EditorError {
+	#[error("Failed to execute operation:\n{0}")]
+	InvalidOperation(String),
+
+	#[error("Tried to construct an invalid color:\n{0:?}")]
+	Color(String),
+
+	#[error("The requested tool does not exist")]
+	UnknownTool,
+
+	#[error("The operation caused a document error:\n{0:?}")]
+	Document(String),
+
+	#[error("This document was created in an older version of the editor.\n\nBackwards compatibility is, regrettably, not present in the current alpha release.\n\nTechnical details:\n{0:?}")]
+	DocumentDeserialization(String),
+
+	#[error("{0}")]
+	Misc(String),
+}
+
+macro_rules! derive_from {
+	($type:ty, $kind:ident) => {
+		impl From<$type> for EditorError {
+			fn from(error: $type) -> Self {
+				EditorError::$kind(format!("{error:?}"))
+			}
+		}
+	};
+}
+
+derive_from!(&str, Misc);
+derive_from!(String, Misc);
+derive_from!(Color, Color);
diff --git a/editor/src/messages/portfolio/document/utility_types/misc.rs b/editor/src/messages/portfolio/document/utility_types/misc.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ae8fd73532cbe8e3abbd546d36602fdf89204d60
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/misc.rs
@@ -0,0 +1,697 @@
+use crate::consts::COLOR_OVERLAY_GRAY;
+use glam::DVec2;
+use graphene_std::raster::Color;
+use std::fmt;
+
+#[repr(transparent)]
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, PartialOrd, Ord, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct DocumentId(pub u64);
+
+#[derive(PartialEq, Eq, Clone, Copy, Debug, serde::Serialize, serde::Deserialize, Hash)]
+pub enum FlipAxis {
+	X,
+	Y,
+}
+
+#[derive(PartialEq, Eq, Clone, Copy, Debug, serde::Serialize, serde::Deserialize, Hash, specta::Type)]
+pub enum AlignAxis {
+	X,
+	Y,
+}
+
+#[derive(PartialEq, Eq, Clone, Copy, Debug, serde::Serialize, serde::Deserialize, Hash, specta::Type)]
+pub enum AlignAggregate {
+	Min,
+	Max,
+	Center,
+}
+
+#[derive(Default, PartialEq, Eq, Clone, Copy, Debug, serde::Serialize, serde::Deserialize)]
+pub enum DocumentMode {
+	#[default]
+	DesignMode,
+	SelectMode,
+	GuideMode,
+}
+
+impl fmt::Display for DocumentMode {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			DocumentMode::DesignMode => write!(f, "Design Mode"),
+			DocumentMode::SelectMode => write!(f, "Select Mode"),
+			DocumentMode::GuideMode => write!(f, "Guide Mode"),
+		}
+	}
+}
+
+impl DocumentMode {
+	pub fn icon_name(&self) -> String {
+		match self {
+			DocumentMode::DesignMode => "ViewportDesignMode".to_string(),
+			DocumentMode::SelectMode => "ViewportSelectMode".to_string(),
+			DocumentMode::GuideMode => "ViewportGuideMode".to_string(),
+		}
+	}
+}
+
+/// SnappingState determines the current individual snapping states
+#[derive(Clone, Debug, serde::Serialize, serde::Deserialize)]
+#[serde(default)]
+pub struct SnappingState {
+	pub snapping_enabled: bool,
+	pub grid_snapping: bool,
+	pub artboards: bool,
+	pub tolerance: f64,
+	pub bounding_box: BoundingBoxSnapping,
+	pub path: PathSnapping,
+	pub grid: GridSnapping,
+}
+
+impl Default for SnappingState {
+	fn default() -> Self {
+		Self {
+			snapping_enabled: true,
+			grid_snapping: false,
+			artboards: true,
+			tolerance: 8.,
+			bounding_box: BoundingBoxSnapping::default(),
+			path: PathSnapping::default(),
+			grid: GridSnapping::default(),
+		}
+	}
+}
+
+impl SnappingState {
+	pub const fn target_enabled(&self, target: SnapTarget) -> bool {
+		if !self.snapping_enabled {
+			return false;
+		}
+		match target {
+			SnapTarget::BoundingBox(target) => match target {
+				BoundingBoxSnapTarget::CornerPoint => self.bounding_box.corner_point,
+				BoundingBoxSnapTarget::EdgeMidpoint => self.bounding_box.edge_midpoint,
+				BoundingBoxSnapTarget::CenterPoint => self.bounding_box.center_point,
+			},
+			SnapTarget::Path(target) => match target {
+				PathSnapTarget::AnchorPointWithColinearHandles | PathSnapTarget::AnchorPointWithFreeHandles => self.path.anchor_point,
+				PathSnapTarget::LineMidpoint => self.path.line_midpoint,
+				PathSnapTarget::AlongPath => self.path.along_path,
+				PathSnapTarget::NormalToPath => self.path.normal_to_path,
+				PathSnapTarget::TangentToPath => self.path.tangent_to_path,
+				PathSnapTarget::IntersectionPoint => self.path.path_intersection_point,
+				PathSnapTarget::PerpendicularToEndpoint => self.path.perpendicular_from_endpoint,
+			},
+			SnapTarget::Artboard(_) => self.artboards,
+			SnapTarget::Grid(_) => self.grid_snapping,
+			SnapTarget::Alignment(AlignmentSnapTarget::AlignWithAnchorPoint) => self.path.align_with_anchor_point,
+			SnapTarget::Alignment(_) => self.bounding_box.align_with_edges,
+			SnapTarget::DistributeEvenly(_) => self.bounding_box.distribute_evenly,
+			_ => false,
+		}
+	}
+}
+
+#[derive(Clone, Debug, serde::Serialize, serde::Deserialize)]
+#[serde(default)]
+pub struct BoundingBoxSnapping {
+	pub center_point: bool,
+	pub corner_point: bool,
+	pub edge_midpoint: bool,
+	pub align_with_edges: bool,
+	pub distribute_evenly: bool,
+}
+
+impl Default for BoundingBoxSnapping {
+	fn default() -> Self {
+		Self {
+			center_point: true,
+			corner_point: true,
+			edge_midpoint: true,
+			align_with_edges: true,
+			distribute_evenly: true,
+		}
+	}
+}
+
+#[derive(Clone, Debug, serde::Serialize, serde::Deserialize)]
+#[serde(default)]
+pub struct PathSnapping {
+	pub anchor_point: bool,
+	pub line_midpoint: bool,
+	pub along_path: bool,
+	pub normal_to_path: bool,
+	pub tangent_to_path: bool,
+	pub path_intersection_point: bool,
+	pub align_with_anchor_point: bool, // TODO: Rename
+	pub perpendicular_from_endpoint: bool,
+}
+
+impl Default for PathSnapping {
+	fn default() -> Self {
+		Self {
+			anchor_point: true,
+			line_midpoint: true,
+			along_path: true,
+			normal_to_path: true,
+			tangent_to_path: true,
+			path_intersection_point: true,
+			align_with_anchor_point: true,
+			perpendicular_from_endpoint: true,
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, serde::Serialize, serde::Deserialize, PartialEq)]
+pub enum GridType {
+	#[serde(alias = "Rectangle")]
+	Rectangular {
+		spacing: DVec2,
+	},
+	Isometric {
+		y_axis_spacing: f64,
+		angle_a: f64,
+		angle_b: f64,
+	},
+}
+
+impl Default for GridType {
+	fn default() -> Self {
+		Self::Rectangular { spacing: DVec2::ONE }
+	}
+}
+
+impl GridType {
+	pub fn rectangular_spacing(&mut self) -> Option<&mut DVec2> {
+		match self {
+			Self::Rectangular { spacing } => Some(spacing),
+			_ => None,
+		}
+	}
+	pub fn isometric_y_spacing(&mut self) -> Option<&mut f64> {
+		match self {
+			Self::Isometric { y_axis_spacing, .. } => Some(y_axis_spacing),
+			_ => None,
+		}
+	}
+	pub fn angle_a(&mut self) -> Option<&mut f64> {
+		match self {
+			Self::Isometric { angle_a, .. } => Some(angle_a),
+			_ => None,
+		}
+	}
+	pub fn angle_b(&mut self) -> Option<&mut f64> {
+		match self {
+			Self::Isometric { angle_b, .. } => Some(angle_b),
+			_ => None,
+		}
+	}
+}
+
+#[derive(Clone, Debug, serde::Serialize, serde::Deserialize, PartialEq)]
+#[serde(default)]
+pub struct GridSnapping {
+	pub origin: DVec2,
+	pub grid_type: GridType,
+	pub rectangular_spacing: DVec2,
+	pub isometric_y_spacing: f64,
+	pub isometric_angle_a: f64,
+	pub isometric_angle_b: f64,
+	pub grid_color: Color,
+	pub dot_display: bool,
+}
+
+impl Default for GridSnapping {
+	fn default() -> Self {
+		Self {
+			origin: DVec2::ZERO,
+			grid_type: Default::default(),
+			rectangular_spacing: DVec2::ONE,
+			isometric_y_spacing: 1.,
+			isometric_angle_a: 30.,
+			isometric_angle_b: 30.,
+			grid_color: Color::from_rgb_str(COLOR_OVERLAY_GRAY.strip_prefix('#').unwrap()).unwrap(),
+			dot_display: false,
+		}
+	}
+}
+
+impl GridSnapping {
+	// Double grid size until it takes up at least 10px.
+	pub fn compute_rectangle_spacing(mut size: DVec2, navigation: &PTZ) -> Option<DVec2> {
+		let mut iterations = 0;
+		size = size.abs();
+		while (size * navigation.zoom()).cmplt(DVec2::splat(10.)).any() {
+			if iterations > 100 {
+				return None;
+			}
+			size *= 2.;
+			iterations += 1;
+		}
+		Some(size)
+	}
+
+	// Double grid size until it takes up at least 10px.
+	pub fn compute_isometric_multiplier(length: f64, divisor: f64, navigation: &PTZ) -> Option<f64> {
+		let length = length.abs();
+		let mut iterations = 0;
+		let mut multiplier = 1.;
+		while (length / divisor.abs().max(1.)) * multiplier * navigation.zoom() < 10. {
+			if iterations > 100 {
+				return None;
+			}
+			multiplier *= 2.;
+			iterations += 1;
+		}
+		Some(multiplier)
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum BoundingBoxSnapSource {
+	CornerPoint,
+	CenterPoint,
+	EdgeMidpoint,
+}
+
+impl fmt::Display for BoundingBoxSnapSource {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			BoundingBoxSnapSource::CornerPoint => write!(f, "Bounding Box: Corner Point"),
+			BoundingBoxSnapSource::CenterPoint => write!(f, "Bounding Box: Center Point"),
+			BoundingBoxSnapSource::EdgeMidpoint => write!(f, "Bounding Box: Edge Midpoint"),
+		}
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum ArtboardSnapSource {
+	CornerPoint,
+	CenterPoint,
+}
+
+impl fmt::Display for ArtboardSnapSource {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			ArtboardSnapSource::CornerPoint => write!(f, "Artboard: Corner Point"),
+			ArtboardSnapSource::CenterPoint => write!(f, "Artboard: Center Point"),
+		}
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum PathSnapSource {
+	AnchorPointWithColinearHandles,
+	AnchorPointWithFreeHandles,
+	HandlePoint,
+	LineMidpoint,
+	IntersectionPoint,
+}
+
+impl fmt::Display for PathSnapSource {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			PathSnapSource::AnchorPointWithColinearHandles | PathSnapSource::AnchorPointWithFreeHandles => write!(f, "Path: Anchor Point"),
+			PathSnapSource::HandlePoint => write!(f, "Path: Handle Point"),
+			PathSnapSource::LineMidpoint => write!(f, "Path: Line Midpoint"),
+			PathSnapSource::IntersectionPoint => write!(f, "Path: Intersection Point"),
+		}
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum AlignmentSnapSource {
+	BoundingBoxCornerPoint,
+	BoundingBoxCenterPoint,
+	BoundingBoxEdgeMidpoint,
+	ArtboardCornerPoint,
+	ArtboardCenterPoint,
+}
+
+impl fmt::Display for AlignmentSnapSource {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			AlignmentSnapSource::BoundingBoxCornerPoint => write!(f, "{}", BoundingBoxSnapSource::CornerPoint),
+			AlignmentSnapSource::BoundingBoxCenterPoint => write!(f, "{}", BoundingBoxSnapSource::CenterPoint),
+			AlignmentSnapSource::BoundingBoxEdgeMidpoint => write!(f, "{}", BoundingBoxSnapSource::EdgeMidpoint),
+			AlignmentSnapSource::ArtboardCornerPoint => write!(f, "{}", ArtboardSnapSource::CornerPoint),
+			AlignmentSnapSource::ArtboardCenterPoint => write!(f, "{}", ArtboardSnapSource::CenterPoint),
+		}
+	}
+}
+
+#[derive(Default, Debug, Clone, Copy, PartialEq, Eq)]
+pub enum SnapSource {
+	#[default]
+	None,
+	BoundingBox(BoundingBoxSnapSource),
+	Artboard(ArtboardSnapSource),
+	Path(PathSnapSource),
+	Alignment(AlignmentSnapSource),
+}
+
+impl SnapSource {
+	pub fn is_some(&self) -> bool {
+		self != &Self::None
+	}
+	pub fn bounding_box(&self) -> bool {
+		matches!(self, Self::BoundingBox(_) | Self::Artboard(_))
+	}
+	pub fn align(&self) -> bool {
+		matches!(self, Self::Alignment(_))
+	}
+	pub fn center(&self) -> bool {
+		matches!(
+			self,
+			Self::Alignment(AlignmentSnapSource::ArtboardCenterPoint | AlignmentSnapSource::BoundingBoxCenterPoint)
+				| Self::Artboard(ArtboardSnapSource::CenterPoint)
+				| Self::BoundingBox(BoundingBoxSnapSource::CenterPoint)
+		)
+	}
+}
+
+impl fmt::Display for SnapSource {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			SnapSource::None => write!(f, "None"),
+			SnapSource::BoundingBox(bounding_box_snap_source) => write!(f, "{bounding_box_snap_source}"),
+			SnapSource::Artboard(artboard_snap_source) => write!(f, "{artboard_snap_source}"),
+			SnapSource::Path(path_snap_source) => write!(f, "{path_snap_source}"),
+			SnapSource::Alignment(alignment_snap_source) => write!(f, "{alignment_snap_source}"),
+		}
+	}
+}
+
+type GetSnapState = for<'a> fn(&'a mut SnappingState) -> &'a mut bool;
+pub const SNAP_FUNCTIONS_FOR_BOUNDING_BOXES: [(&str, GetSnapState, &str); 5] = [
+	(
+		"Align with Edges",
+		(|snapping_state| &mut snapping_state.bounding_box.align_with_edges) as GetSnapState,
+		"Snaps to horizontal/vertical alignment with the edges of any layer's bounding box",
+	),
+	(
+		"Corner Points",
+		(|snapping_state| &mut snapping_state.bounding_box.corner_point) as GetSnapState,
+		"Snaps to the four corners of any layer's bounding box",
+	),
+	(
+		"Center Points",
+		(|snapping_state| &mut snapping_state.bounding_box.center_point) as GetSnapState,
+		"Snaps to the center point of any layer's bounding box",
+	),
+	(
+		"Edge Midpoints",
+		(|snapping_state| &mut snapping_state.bounding_box.edge_midpoint) as GetSnapState,
+		"Snaps to any of the four points at the middle of the edges of any layer's bounding box",
+	),
+	(
+		"Distribute Evenly",
+		(|snapping_state| &mut snapping_state.bounding_box.distribute_evenly) as GetSnapState,
+		"Snaps to a consistent distance offset established by the bounding boxes of nearby layers",
+	),
+];
+pub const SNAP_FUNCTIONS_FOR_PATHS: [(&str, GetSnapState, &str); 7] = [
+	(
+		"Align with Anchor Points",
+		(|snapping_state: &mut SnappingState| &mut snapping_state.path.align_with_anchor_point) as GetSnapState,
+		"Snaps to horizontal/vertical alignment with the anchor points of any vector path",
+	),
+	(
+		"Anchor Points",
+		(|snapping_state: &mut SnappingState| &mut snapping_state.path.anchor_point) as GetSnapState,
+		"Snaps to the anchor point of any vector path",
+	),
+	(
+		// TODO: Extend to the midpoints of curved segments and rename to "Segment Midpoint"
+		"Line Midpoints",
+		(|snapping_state: &mut SnappingState| &mut snapping_state.path.line_midpoint) as GetSnapState,
+		"Snaps to the point at the middle of any straight line segment of a vector path",
+	),
+	(
+		"Path Intersection Points",
+		(|snapping_state: &mut SnappingState| &mut snapping_state.path.path_intersection_point) as GetSnapState,
+		"Snaps to any points where vector paths intersect",
+	),
+	(
+		"Along Paths",
+		(|snapping_state: &mut SnappingState| &mut snapping_state.path.along_path) as GetSnapState,
+		"Snaps along the length of any vector path",
+	),
+	(
+		// TODO: This works correctly for line segments, but not curved segments.
+		// TODO: Therefore, we should make this use the normal in relation to the incoming curve, not the straight line between the incoming curve's start point and the path.
+		"Normal to Paths",
+		(|snapping_state: &mut SnappingState| &mut snapping_state.path.normal_to_path) as GetSnapState,
+		// TODO: Fix the bug/limitation that requires 'Intersections of Paths' to be enabled
+		"Snaps a line to a point perpendicular to a vector path\n(due to a bug, 'Intersections of Paths' must be enabled)",
+	),
+	(
+		// TODO: This works correctly for line segments, but not curved segments.
+		// TODO: Therefore, we should make this use the tangent in relation to the incoming curve, not the straight line between the incoming curve's start point and the path.
+		"Tangent to Paths",
+		(|snapping_state: &mut SnappingState| &mut snapping_state.path.tangent_to_path) as GetSnapState,
+		// TODO: Fix the bug/limitation that requires 'Intersections of Paths' to be enabled
+		"Snaps a line to a point tangent to a vector path\n(due to a bug, 'Intersections of Paths' must be enabled)",
+	),
+];
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize)]
+pub enum BoundingBoxSnapTarget {
+	CornerPoint,
+	CenterPoint,
+	EdgeMidpoint,
+}
+
+impl fmt::Display for BoundingBoxSnapTarget {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			BoundingBoxSnapTarget::CornerPoint => write!(f, "Bounding Box: Corner Point"),
+			BoundingBoxSnapTarget::CenterPoint => write!(f, "Bounding Box: Center Point"),
+			BoundingBoxSnapTarget::EdgeMidpoint => write!(f, "Bounding Box: Edge Midpoint"),
+		}
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize)]
+pub enum PathSnapTarget {
+	AnchorPointWithColinearHandles,
+	AnchorPointWithFreeHandles,
+	LineMidpoint,
+	AlongPath,
+	NormalToPath,
+	TangentToPath,
+	IntersectionPoint,
+	PerpendicularToEndpoint,
+}
+
+impl fmt::Display for PathSnapTarget {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			PathSnapTarget::AnchorPointWithColinearHandles | PathSnapTarget::AnchorPointWithFreeHandles => write!(f, "Path: Anchor Point"),
+			PathSnapTarget::LineMidpoint => write!(f, "Path: Line Midpoint"),
+			PathSnapTarget::AlongPath => write!(f, "Path: Along Path"),
+			PathSnapTarget::NormalToPath => write!(f, "Path: Normal to Path"),
+			PathSnapTarget::TangentToPath => write!(f, "Path: Tangent to Path"),
+			PathSnapTarget::IntersectionPoint => write!(f, "Path: Intersection Point"),
+			PathSnapTarget::PerpendicularToEndpoint => write!(f, "Path: Perp. to Endpoint"),
+		}
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum ArtboardSnapTarget {
+	CornerPoint,
+	CenterPoint,
+	AlongEdge,
+}
+
+impl fmt::Display for ArtboardSnapTarget {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			ArtboardSnapTarget::CornerPoint => write!(f, "Artboard: Corner Point"),
+			ArtboardSnapTarget::CenterPoint => write!(f, "Artboard: Center Point"),
+			ArtboardSnapTarget::AlongEdge => write!(f, "Artboard: Along Edge"),
+		}
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum GridSnapTarget {
+	Line,
+	LineNormal,
+	Intersection,
+}
+
+impl fmt::Display for GridSnapTarget {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			GridSnapTarget::Line => write!(f, "Grid: Along Line"),
+			GridSnapTarget::LineNormal => write!(f, "Grid: Normal to Line"),
+			GridSnapTarget::Intersection => write!(f, "Grid: Intersection Point"),
+		}
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum AlignmentSnapTarget {
+	BoundingBoxCornerPoint,
+	BoundingBoxCenterPoint,
+	ArtboardCornerPoint,
+	ArtboardCenterPoint,
+	AlignWithAnchorPoint,
+	IntersectionPoint,
+	PerpendicularToEndpoint,
+}
+
+impl fmt::Display for AlignmentSnapTarget {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			AlignmentSnapTarget::BoundingBoxCornerPoint => write!(f, "{}", BoundingBoxSnapTarget::CornerPoint),
+			AlignmentSnapTarget::BoundingBoxCenterPoint => write!(f, "{}", BoundingBoxSnapTarget::CenterPoint),
+			AlignmentSnapTarget::ArtboardCornerPoint => write!(f, "{}", ArtboardSnapTarget::CornerPoint),
+			AlignmentSnapTarget::ArtboardCenterPoint => write!(f, "{}", ArtboardSnapTarget::CenterPoint),
+			AlignmentSnapTarget::AlignWithAnchorPoint => write!(f, "{}", PathSnapTarget::AnchorPointWithColinearHandles),
+			AlignmentSnapTarget::IntersectionPoint => write!(f, "{}", PathSnapTarget::IntersectionPoint),
+			AlignmentSnapTarget::PerpendicularToEndpoint => write!(f, "{}", PathSnapTarget::PerpendicularToEndpoint),
+		}
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum DistributionSnapTarget {
+	X,
+	Y,
+	Right,
+	Left,
+	Up,
+	Down,
+	XY,
+}
+
+impl fmt::Display for DistributionSnapTarget {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			DistributionSnapTarget::X => write!(f, "Distribute: X"),
+			DistributionSnapTarget::Y => write!(f, "Distribute: Y"),
+			DistributionSnapTarget::Right => write!(f, "Distribute: Right"),
+			DistributionSnapTarget::Left => write!(f, "Distribute: Left"),
+			DistributionSnapTarget::Up => write!(f, "Distribute: Up"),
+			DistributionSnapTarget::Down => write!(f, "Distribute: Down"),
+			DistributionSnapTarget::XY => write!(f, "Distribute: XY"),
+		}
+	}
+}
+
+impl DistributionSnapTarget {
+	pub const fn is_x(&self) -> bool {
+		matches!(self, Self::Left | Self::Right | Self::X)
+	}
+	pub const fn is_y(&self) -> bool {
+		matches!(self, Self::Up | Self::Down | Self::Y)
+	}
+}
+
+#[derive(Default, Debug, Clone, Copy, PartialEq, Eq)]
+pub enum SnapTarget {
+	#[default]
+	None,
+	BoundingBox(BoundingBoxSnapTarget),
+	Path(PathSnapTarget),
+	Artboard(ArtboardSnapTarget),
+	Grid(GridSnapTarget),
+	Alignment(AlignmentSnapTarget),
+	DistributeEvenly(DistributionSnapTarget),
+}
+
+impl SnapTarget {
+	pub fn is_some(&self) -> bool {
+		self != &Self::None
+	}
+	pub fn bounding_box(&self) -> bool {
+		matches!(self, Self::BoundingBox(_) | Self::Artboard(_))
+	}
+}
+
+impl fmt::Display for SnapTarget {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			SnapTarget::None => write!(f, "None"),
+			SnapTarget::BoundingBox(bounding_box_snap_target) => write!(f, "{bounding_box_snap_target}"),
+			SnapTarget::Path(path_snap_target) => write!(f, "{path_snap_target}"),
+			SnapTarget::Artboard(artboard_snap_target) => write!(f, "{artboard_snap_target}"),
+			SnapTarget::Grid(grid_snap_target) => write!(f, "{grid_snap_target}"),
+			SnapTarget::Alignment(alignment_snap_target) => write!(f, "{alignment_snap_target}"),
+			SnapTarget::DistributeEvenly(distribution_snap_target) => write!(f, "{distribution_snap_target}"),
+		}
+	}
+}
+
+// TODO: implement icons for SnappingOptions eventually
+pub enum SnappingOptions {
+	BoundingBoxes,
+	Paths,
+}
+
+impl fmt::Display for SnappingOptions {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			SnappingOptions::BoundingBoxes => write!(f, "Bounding Boxes"),
+			SnappingOptions::Paths => write!(f, "Paths"),
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+#[serde(default)]
+pub struct PTZ {
+	/// Offset distance.
+	pub pan: DVec2,
+	/// Angle in radians.
+	tilt: f64,
+	/// Scale factor.
+	zoom: f64,
+	/// Flipped status.
+	pub flip: bool,
+}
+
+impl Default for PTZ {
+	fn default() -> Self {
+		Self {
+			pan: DVec2::ZERO,
+			tilt: 0.,
+			zoom: 1.,
+			flip: false,
+		}
+	}
+}
+
+impl PTZ {
+	/// Get the tilt angle between -180° and 180° in radians.
+	pub fn tilt(&self) -> f64 {
+		(((self.tilt + std::f64::consts::PI) % std::f64::consts::TAU) + std::f64::consts::TAU) % std::f64::consts::TAU - std::f64::consts::PI
+	}
+
+	pub fn unmodified_tilt(&self) -> f64 {
+		self.tilt
+	}
+
+	/// Set a new tilt angle in radians.
+	pub fn set_tilt(&mut self, tilt: f64) {
+		self.tilt = tilt;
+	}
+
+	/// Get the scale factor.
+	pub fn zoom(&self) -> f64 {
+		self.zoom
+	}
+
+	/// Set a new scale factor.
+	pub fn set_zoom(&mut self, zoom: f64) {
+		self.zoom = zoom.clamp(crate::consts::VIEWPORT_ZOOM_SCALE_MIN, crate::consts::VIEWPORT_ZOOM_SCALE_MAX)
+	}
+}
+
+#[derive(Clone, Copy, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum GroupFolderType {
+	Layer,
+	BooleanOperation(graphene_std::path_bool::BooleanOperation),
+}
diff --git a/editor/src/messages/portfolio/document/utility_types/mod.rs b/editor/src/messages/portfolio/document/utility_types/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8bed0dbb85a588b1a964107fa23f247611eed00d
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/mod.rs
@@ -0,0 +1,8 @@
+pub mod clipboards;
+pub mod document_metadata;
+pub mod error;
+pub mod misc;
+pub mod network_interface;
+pub mod nodes;
+pub mod transformation;
+pub mod wires;
diff --git a/editor/src/messages/portfolio/document/utility_types/network_interface.rs b/editor/src/messages/portfolio/document/utility_types/network_interface.rs
new file mode 100644
index 0000000000000000000000000000000000000000..65e58693f61eb05506f67582f914c3abcffa5d7f
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/network_interface.rs
@@ -0,0 +1,6941 @@
+use super::document_metadata::{DocumentMetadata, LayerNodeIdentifier, NodeRelations};
+use super::misc::PTZ;
+use super::nodes::SelectedNodes;
+use crate::consts::{EXPORTS_TO_RIGHT_EDGE_PIXEL_GAP, EXPORTS_TO_TOP_EDGE_PIXEL_GAP, GRID_SIZE, IMPORTS_TO_LEFT_EDGE_PIXEL_GAP, IMPORTS_TO_TOP_EDGE_PIXEL_GAP};
+use crate::messages::portfolio::document::graph_operation::utility_types::ModifyInputsContext;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::{DocumentNodeDefinition, resolve_document_node_type};
+use crate::messages::portfolio::document::node_graph::utility_types::{Direction, FrontendClickTargets, FrontendGraphDataType, FrontendGraphInput, FrontendGraphOutput};
+use crate::messages::portfolio::document::utility_types::wires::{GraphWireStyle, WirePath, WirePathUpdate, build_vector_wire};
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::tool_messages::tool_prelude::NumberInputMode;
+use bezier_rs::Subpath;
+use glam::{DAffine2, DVec2, IVec2};
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{DocumentNode, DocumentNodeImplementation, NodeId, NodeInput, NodeNetwork, OldDocumentNodeImplementation, OldNodeNetwork};
+use graph_craft::{Type, concrete};
+use graphene_std::math::quad::Quad;
+use graphene_std::transform::Footprint;
+use graphene_std::vector::click_target::{ClickTarget, ClickTargetType};
+use graphene_std::vector::{PointId, VectorData, VectorModificationType};
+use interpreted_executor::dynamic_executor::ResolvedDocumentNodeTypes;
+use interpreted_executor::node_registry::NODE_REGISTRY;
+use serde_json::{Value, json};
+use std::collections::{HashMap, HashSet, VecDeque};
+use std::hash::{DefaultHasher, Hash, Hasher};
+
+/// All network modifications should be done through this API, so the fields cannot be public. However, all fields within this struct can be public since it it not possible to have a public mutable reference.
+#[derive(Debug, Default, serde::Serialize, serde::Deserialize)]
+pub struct NodeNetworkInterface {
+	/// The node graph that generates this document's artwork. It recursively stores its sub-graphs, so this root graph is the whole snapshot of the document content.
+	/// A public mutable reference should never be created. It should only be mutated through custom setters which perform the necessary side effects to keep network_metadata in sync
+	network: NodeNetwork,
+	/// Stores all editor information for a NodeNetwork. Should automatically kept in sync by the setter methods when changes to the document network are made.
+	network_metadata: NodeNetworkMetadata,
+	// TODO: Wrap in TransientMetadata Option
+	/// Stores the document network's structural topology. Should automatically kept in sync by the setter methods when changes to the document network are made.
+	#[serde(skip)]
+	document_metadata: DocumentMetadata,
+	/// All input/output types based on the compiled network.
+	#[serde(skip)]
+	pub resolved_types: ResolvedDocumentNodeTypes,
+	#[serde(skip)]
+	transaction_status: TransactionStatus,
+}
+
+impl Clone for NodeNetworkInterface {
+	fn clone(&self) -> Self {
+		Self {
+			network: self.network.clone(),
+			network_metadata: self.network_metadata.clone(),
+			document_metadata: Default::default(),
+			resolved_types: Default::default(),
+			transaction_status: TransactionStatus::Finished,
+		}
+	}
+}
+
+impl PartialEq for NodeNetworkInterface {
+	fn eq(&self, other: &Self) -> bool {
+		self.network == other.network && self.network_metadata == other.network_metadata
+	}
+}
+
+// Public immutable getters for the network interface
+impl NodeNetworkInterface {
+	// TODO: Make private and use .field_name getter methods
+	/// Gets the network of the root document
+	pub fn document_network(&self) -> &NodeNetwork {
+		self.network
+			.nested_network(&[])
+			.expect("Could not get root document network in NodeNetworkInterface::document_network()")
+	}
+
+	// TODO: Make private and use .field_name getter methods
+	/// Gets the nested network based on network_path
+	pub fn nested_network(&self, network_path: &[NodeId]) -> Option<&NodeNetwork> {
+		let Some(network) = self.network.nested_network(network_path) else {
+			log::error!("Could not get nested network with path {network_path:?} in NodeNetworkInterface::network");
+			return None;
+		};
+		Some(network)
+	}
+
+	/// Get the specified document node in the nested network based on node_id and network_path
+	pub fn document_node(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<&DocumentNode> {
+		let network = self.nested_network(network_path)?;
+		let Some(node_metadata) = network.nodes.get(node_id) else {
+			log::error!("Could not get document node with id {node_id} in network {network_path:?}");
+			return None;
+		};
+		Some(node_metadata)
+	}
+
+	pub fn document_network_metadata(&self) -> &NodeNetworkMetadata {
+		&self.network_metadata
+	}
+
+	// TODO: Make private and use .field_name getter methods
+	/// The network metadata should always exist for the current network
+	pub fn network_metadata(&self, network_path: &[NodeId]) -> Option<&NodeNetworkMetadata> {
+		let Some(network_metadata) = self.network_metadata.nested_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata with path {network_path:?}");
+			return None;
+		};
+		Some(network_metadata)
+	}
+
+	// TODO: Make private and use .field_name getter methods
+	pub fn node_metadata(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<&DocumentNodeMetadata> {
+		let network_metadata = self.network_metadata(network_path)?;
+		let Some(node_metadata) = network_metadata.persistent_metadata.node_metadata.get(node_id) else {
+			log::error!("Could not get node metadata for node {node_id} in network {network_path:?}");
+			return None;
+		};
+		Some(node_metadata)
+	}
+
+	pub fn document_metadata(&self) -> &DocumentMetadata {
+		&self.document_metadata
+	}
+
+	pub fn transaction_status(&self) -> TransactionStatus {
+		self.transaction_status
+	}
+
+	pub fn selected_nodes(&self) -> SelectedNodes {
+		self.selected_nodes_in_nested_network(&[]).unwrap_or_default()
+	}
+
+	/// Get the selected nodes for the network at the network_path
+	pub fn selected_nodes_in_nested_network(&self, network_path: &[NodeId]) -> Option<SelectedNodes> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in selected_nodes");
+			return None;
+		};
+
+		Some(
+			network_metadata
+				.persistent_metadata
+				.selection_undo_history
+				.back()
+				.cloned()
+				.unwrap_or_default()
+				.filtered_selected_nodes(network_metadata.persistent_metadata.node_metadata.keys().cloned().collect()),
+		)
+	}
+
+	/// Get the network which the encapsulating node of the currently viewed network is part of. Will always be None in the document network.
+	pub fn encapsulating_network_metadata(&self, network_path: &[NodeId]) -> Option<&NodeNetworkMetadata> {
+		let mut encapsulating_path = network_path.to_vec();
+		encapsulating_path.pop()?;
+		let Some(parent_metadata) = self.network_metadata(&encapsulating_path) else {
+			log::error!("Could not get parent network in encapsulating_node_metadata");
+			return None;
+		};
+		Some(parent_metadata)
+	}
+
+	/// Get the node which encapsulates the currently viewed network. Will always be None in the document network.
+	pub fn encapsulating_node(&self, network_path: &[NodeId]) -> Option<&DocumentNode> {
+		let mut encapsulating_path = network_path.to_vec();
+		let encapsulating_node_id = encapsulating_path.pop()?;
+		let Some(encapsulating_node) = self.document_node(&encapsulating_node_id, &encapsulating_path) else {
+			log::error!("Could not get encapsulating node in encapsulating_node");
+			return None;
+		};
+		Some(encapsulating_node)
+	}
+
+	/// Get the node metadata for the node which encapsulates the currently viewed network. Will always be None in the document network.
+	pub fn encapsulating_node_metadata(&self, network_path: &[NodeId]) -> Option<&DocumentNodeMetadata> {
+		let mut encapsulating_path = network_path.to_vec();
+		let encapsulating_node_id = encapsulating_path.pop()?;
+		let Some(parent_metadata) = self.network_metadata(&encapsulating_path) else {
+			log::error!("Could not get parent network in encapsulating_node_metadata");
+			return None;
+		};
+		let Some(encapsulating_node_metadata) = parent_metadata.persistent_metadata.node_metadata.get(&encapsulating_node_id) else {
+			log::error!("Could not get encapsulating node metadata in encapsulating_node_metadata");
+			return None;
+		};
+		Some(encapsulating_node_metadata)
+	}
+
+	/// Returns the first downstream layer(inclusive) from a node. If the node is a layer, it will return itself.
+	pub fn downstream_layer(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Option<LayerNodeIdentifier> {
+		let mut id = *node_id;
+		while !self.is_layer(&id, network_path) {
+			id = self.outward_wires(network_path)?.get(&OutputConnector::node(id, 0))?.first()?.node_id()?;
+		}
+		Some(LayerNodeIdentifier::new(id, self, network_path))
+	}
+
+	/// Returns all downstream layers (inclusive) from a node. If the node is a layer, it will return itself.
+	pub fn downstream_layers(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Vec<NodeId> {
+		let mut stack = vec![*node_id];
+		let mut layers = Vec::new();
+		while let Some(current_node) = stack.pop() {
+			if self.is_layer(&current_node, network_path) {
+				layers.push(current_node);
+			} else {
+				let Some(outward_wires) = self.outward_wires(network_path).and_then(|outward_wires| outward_wires.get(&OutputConnector::node(current_node, 0))) else {
+					log::error!("Could not get outward wires in downstream_layer");
+					return Vec::new();
+				};
+				stack.extend(outward_wires.iter().filter_map(|input_connector| input_connector.node_id()));
+			}
+		}
+		layers
+	}
+
+	pub fn chain_width(&self, node_id: &NodeId, network_path: &[NodeId]) -> u32 {
+		if self.number_of_displayed_inputs(node_id, network_path) > 1 {
+			let mut last_chain_node_distance = 0u32;
+			// Iterate upstream from the layer, and get the number of nodes distance to the last node with Position::Chain
+			for (index, node_id) in self
+				.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::HorizontalPrimaryOutputFlow)
+				.skip(1)
+				.enumerate()
+				.collect::<Vec<_>>()
+			{
+				// Check if the node is positioned as a chain
+				if self.is_chain(&node_id, network_path) {
+					last_chain_node_distance = (index as u32) + 1;
+				} else {
+					return last_chain_node_distance * 7 + 1;
+				}
+			}
+
+			last_chain_node_distance * 7 + 1
+		} else {
+			// Layer with no inputs has no chain
+			0
+		}
+	}
+
+	/// Check if the specified node id is connected to the output
+	pub fn connected_to_output(&self, target_node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get network in connected_to_output");
+			return false;
+		};
+		// If the node is the output then return true
+		if network
+			.exports
+			.iter()
+			.any(|export| if let NodeInput::Node { node_id, .. } = export { node_id == target_node_id } else { false })
+		{
+			return true;
+		}
+
+		// Get the outputs
+		let mut stack = network
+			.exports
+			.iter()
+			.filter_map(|output| if let NodeInput::Node { node_id, .. } = output { network.nodes.get(node_id) } else { None })
+			.collect::<Vec<_>>();
+		let mut already_visited = HashSet::new();
+		already_visited.extend(
+			network
+				.exports
+				.iter()
+				.filter_map(|output| if let NodeInput::Node { node_id, .. } = output { Some(node_id) } else { None }),
+		);
+
+		while let Some(node) = stack.pop() {
+			for input in &node.inputs {
+				if let &NodeInput::Node { node_id: ref_id, .. } = input {
+					// Skip if already viewed
+					if already_visited.contains(&ref_id) {
+						continue;
+					}
+					// If the target node is used as input then return true
+					if ref_id == *target_node_id {
+						return true;
+					}
+					// Add the referenced node to the stack
+					let Some(ref_node) = network.nodes.get(&ref_id) else {
+						continue;
+					};
+					already_visited.insert(ref_id);
+					stack.push(ref_node);
+				}
+			}
+		}
+
+		false
+	}
+
+	fn number_of_imports(&self, network_path: &[NodeId]) -> usize {
+		// TODO: Use network.import_types.len()
+		if let Some(encapsulating_node) = self.encapsulating_node(network_path) {
+			encapsulating_node.inputs.len()
+		} else {
+			// There is one(?) import to the document network, but the imports are not displayed
+			// I think this is zero now that the scope system has been added
+			1
+		}
+	}
+
+	fn number_of_displayed_imports(&self, network_path: &[NodeId]) -> usize {
+		// TODO: Use network.import_types.len()
+		if let Some(encapsulating_node) = self.encapsulating_node(network_path) {
+			encapsulating_node.inputs.len()
+		} else {
+			// There is one(?) import to the document network, but the imports are not displayed
+			0
+		}
+	}
+
+	fn number_of_displayed_inputs(&self, node_id: &NodeId, network_path: &[NodeId]) -> usize {
+		let Some(node) = self.document_node(node_id, network_path) else {
+			log::error!("Could not get node {node_id} in number_of_displayed_inputs");
+			return 0;
+		};
+		node.inputs.iter().filter(|input| input.is_exposed()).count()
+	}
+
+	pub fn number_of_inputs(&self, node_id: &NodeId, network_path: &[NodeId]) -> usize {
+		let Some(node) = self.document_node(node_id, network_path) else {
+			log::error!("Could not get node {node_id} in number_of_inputs");
+			return 0;
+		};
+		node.inputs.len()
+	}
+
+	pub fn number_of_outputs(&self, node_id: &NodeId, network_path: &[NodeId]) -> usize {
+		let Some(implementation) = self.implementation(node_id, network_path) else {
+			log::error!("Could not get node {node_id} in number_of_outputs");
+			return 0;
+		};
+		match &implementation {
+			DocumentNodeImplementation::ProtoNode(_) => 1,
+			DocumentNodeImplementation::Network(nested_network) => nested_network.exports.len(),
+			DocumentNodeImplementation::Extract => 1,
+		}
+	}
+
+	/// Creates a copy for each node by disconnecting nodes which are not connected to other copied nodes.
+	/// Returns an iterator of all persistent metadata for a node and their ids
+	pub fn copy_nodes<'a>(&'a mut self, new_ids: &'a HashMap<NodeId, NodeId>, network_path: &'a [NodeId]) -> impl Iterator<Item = (NodeId, NodeTemplate)> + 'a {
+		let mut new_nodes = new_ids
+			.iter()
+			.filter_map(|(node_id, &new)| {
+				self.create_node_template(node_id, network_path).and_then(|mut node_template| {
+					let Some(outward_wires) = self.outward_wires(network_path) else {
+						log::error!("Could not get outward wires in copy_nodes");
+						return None;
+					};
+					// TODO: Get downstream connections from all outputs
+					let Some(downstream_connections) = outward_wires.get(&OutputConnector::node(*node_id, 0)) else {
+						log::error!("Could not get outward wires in copy_nodes");
+						return None;
+					};
+					let has_selected_node_downstream = downstream_connections
+						.iter()
+						.any(|input_connector| input_connector.node_id().is_some_and(|upstream_id| new_ids.keys().any(|key| *key == upstream_id)));
+					// If the copied node does not have a downstream connection to another copied node, then set the position to absolute
+					if !has_selected_node_downstream {
+						let Some(position) = self.position(node_id, network_path) else {
+							log::error!("Could not get position in create_node_template");
+							return None;
+						};
+						match &mut node_template.persistent_node_metadata.node_type_metadata {
+							NodeTypePersistentMetadata::Layer(layer_metadata) => layer_metadata.position = LayerPosition::Absolute(position),
+							NodeTypePersistentMetadata::Node(node_metadata) => node_metadata.position = NodePosition::Absolute(position),
+						};
+					}
+
+					// If a chain node does not have a selected downstream layer, then set the position to absolute
+					let downstream_layer = self.downstream_layer(node_id, network_path);
+					if downstream_layer.is_none_or(|downstream_layer| new_ids.keys().all(|key| *key != downstream_layer.to_node())) {
+						let Some(position) = self.position(node_id, network_path) else {
+							log::error!("Could not get position in create_node_template");
+							return None;
+						};
+						node_template.persistent_node_metadata.node_type_metadata = NodeTypePersistentMetadata::Node(NodePersistentMetadata {
+							position: NodePosition::Absolute(position),
+						});
+					}
+
+					// Shift all absolute nodes 2 to the right and 2 down
+					// TODO: Remove 2x2 offset and replace with layout system to find space for new node
+					match &mut node_template.persistent_node_metadata.node_type_metadata {
+						NodeTypePersistentMetadata::Layer(layer_metadata) => {
+							if let LayerPosition::Absolute(position) = &mut layer_metadata.position {
+								*position += IVec2::new(2, 2)
+							}
+						}
+						NodeTypePersistentMetadata::Node(node_metadata) => {
+							if let NodePosition::Absolute(position) = &mut node_metadata.position {
+								*position += IVec2::new(2, 2)
+							}
+						}
+					}
+
+					Some((new, *node_id, node_template))
+				})
+			})
+			.collect::<Vec<_>>();
+
+		for old_id in new_nodes.iter().map(|(_, old_id, _)| *old_id).collect::<Vec<_>>() {
+			// Try set all selected nodes upstream of a layer to be chain nodes
+			if self.is_layer(&old_id, network_path) {
+				for valid_upstream_chain_node in self.valid_upstream_chain_nodes(&InputConnector::node(old_id, 1), network_path) {
+					if let Some(node_template) = new_nodes.iter_mut().find_map(|(_, old_id, template)| (*old_id == valid_upstream_chain_node).then_some(template)) {
+						match &mut node_template.persistent_node_metadata.node_type_metadata {
+							NodeTypePersistentMetadata::Node(node_metadata) => node_metadata.position = NodePosition::Chain,
+							NodeTypePersistentMetadata::Layer(_) => log::error!("Node cannot be a layer"),
+						};
+					}
+				}
+			}
+		}
+		new_nodes.into_iter().map(move |(new, node_id, node)| (new, self.map_ids(node, &node_id, new_ids, network_path)))
+	}
+
+	/// Create a node template from an existing node.
+	pub fn create_node_template(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<NodeTemplate> {
+		let Some(node) = self.document_node(node_id, network_path) else {
+			log::error!("Could not get node {node_id} in create_node_template");
+			return None;
+		};
+		let Some(node_metadata) = self.node_metadata(node_id, network_path).cloned() else {
+			log::error!("Could not get node_metadata in create_node_template");
+			return None;
+		};
+
+		Some(NodeTemplate {
+			persistent_node_metadata: node_metadata.persistent_metadata,
+			document_node: node.clone(),
+		})
+	}
+
+	/// Converts all node id inputs to a new id based on a HashMap.
+	///
+	/// If the node is not in the hashmap then a default input is found based on the compiled network, using the node_id passed as a parameter
+	pub fn map_ids(&mut self, mut node_template: NodeTemplate, node_id: &NodeId, new_ids: &HashMap<NodeId, NodeId>, network_path: &[NodeId]) -> NodeTemplate {
+		for (input_index, input) in node_template.document_node.inputs.iter_mut().enumerate() {
+			if let &mut NodeInput::Node { node_id: id, output_index, lambda } = input {
+				if let Some(&new_id) = new_ids.get(&id) {
+					*input = NodeInput::Node {
+						node_id: new_id,
+						output_index,
+						lambda,
+					};
+				} else {
+					// Disconnect node input if it is not connected to another node in new_ids
+					let tagged_value = TaggedValue::from_type_or_none(&self.input_type(&InputConnector::node(*node_id, input_index), network_path).0);
+					*input = NodeInput::value(tagged_value, true);
+				}
+			} else if let &mut NodeInput::Network { .. } = input {
+				// Always disconnect network node input
+				let tagged_value = TaggedValue::from_type_or_none(&self.input_type(&InputConnector::node(*node_id, input_index), network_path).0);
+				*input = NodeInput::value(tagged_value, true);
+			}
+		}
+		node_template
+	}
+
+	/// Try and get the [`DocumentNodeDefinition`] for a node
+	pub fn get_node_definition(&self, network_path: &[NodeId], node_id: NodeId) -> Option<&DocumentNodeDefinition> {
+		let metadata = self.node_metadata(&node_id, network_path)?;
+		resolve_document_node_type(metadata.persistent_metadata.reference.as_ref()?)
+	}
+
+	pub fn input_from_connector(&self, input_connector: &InputConnector, network_path: &[NodeId]) -> Option<&NodeInput> {
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get network in input_from_connector");
+			return None;
+		};
+		match input_connector {
+			InputConnector::Node { node_id, input_index } => {
+				let Some(node) = network.nodes.get(node_id) else {
+					log::error!("Could not get node {node_id} in input_from_connector");
+					return None;
+				};
+				node.inputs.get(*input_index)
+			}
+			InputConnector::Export(export_index) => network.exports.get(*export_index),
+		}
+	}
+
+	/// Try and get the [`Type`] for any [`InputConnector`] based on the `self.resolved_types`.
+	fn node_type_from_compiled(&mut self, input_connector: &InputConnector, network_path: &[NodeId]) -> Option<(Type, TypeSource)> {
+		let (node_id, input_index) = match *input_connector {
+			InputConnector::Node { node_id, input_index } => (node_id, input_index),
+			InputConnector::Export(export_index) => {
+				let Some((encapsulating_node_id, encapsulating_node_id_path)) = network_path.split_last() else {
+					// The outermost network export defaults to an ArtboardGroupTable.
+					return Some((concrete!(graphene_std::ArtboardGroupTable), TypeSource::OuterMostExportDefault));
+				};
+
+				let output_type = self.output_type(encapsulating_node_id, export_index, encapsulating_node_id_path);
+				return Some(output_type);
+			}
+		};
+		let Some(node) = self.document_node(&node_id, network_path) else {
+			log::error!("Could not get node {node_id} in input_type");
+			return None;
+		};
+		// If the input_connector is a NodeInput::Value, return the type of the tagged value.
+		if let Some(value) = node.inputs.get(input_index).and_then(|input| input.as_value()) {
+			return Some((value.ty(), TypeSource::TaggedValue));
+		}
+		let node_id_path = [network_path, &[node_id]].concat();
+		match &node.implementation {
+			DocumentNodeImplementation::Network(_nested_network) => {
+				// Attempt to resolve where this import is within the nested network (it may be connected to the node or directly to an export)
+				let outwards_wires = self.outward_wires(&node_id_path);
+				let inputs_using_import = outwards_wires.and_then(|outwards_wires| outwards_wires.get(&OutputConnector::Import(input_index)));
+				let first_input = inputs_using_import.and_then(|input| input.first()).copied();
+
+				if inputs_using_import.is_some_and(|inputs| inputs.len() > 1) {
+					warn!("Found multiple inputs using an import. Using the type of the first one.");
+				}
+
+				if let Some(input_connector) = first_input {
+					self.node_type_from_compiled(&input_connector, &node_id_path)
+				}
+				// Nothing is connected to the import
+				else {
+					None
+				}
+			}
+			DocumentNodeImplementation::ProtoNode(_) => {
+				// If a node has manual composition, then offset the input index by 1 since the proto node also includes the type of the input passed through manual composition.
+				let manual_composition_offset = if node.manual_composition.is_some() { 1 } else { 0 };
+				self.resolved_types
+					.types
+					.get(node_id_path.as_slice())
+					.and_then(|node_types| node_types.inputs.get(input_index + manual_composition_offset).cloned())
+					.map(|node_types| (node_types, TypeSource::Compiled))
+			}
+			DocumentNodeImplementation::Extract => None,
+		}
+	}
+
+	/// Guess the type from the node based on a document node default or a random protonode definition.
+	fn guess_type_from_node(&mut self, network_path: &mut Vec<NodeId>, node_id: NodeId, input_index: usize) -> (Type, TypeSource) {
+		// Try and get the default value from the document node definition
+		if let Some(value) = self
+			.get_node_definition(network_path, node_id)
+			.and_then(|definition| definition.node_template.document_node.inputs.get(input_index))
+			.and_then(|input| input.as_value())
+		{
+			return (value.ty(), TypeSource::DocumentNodeDefault);
+		}
+
+		let Some(node) = self.document_node(&node_id, network_path) else {
+			return (concrete!(()), TypeSource::Error("node id {node_id:?} not in network {network_path:?}"));
+		};
+
+		let node_id_path = [network_path.as_slice(), &[node_id]].concat();
+		match &node.implementation {
+			DocumentNodeImplementation::ProtoNode(protonode) => {
+				let Some(node_types) = random_protonode_implementation(protonode) else {
+					return (concrete!(()), TypeSource::Error("could not resolve protonode"));
+				};
+
+				let skip_footprint = if node.manual_composition.is_some() { 1 } else { 0 };
+
+				let Some(input_type) = std::iter::once(node_types.call_argument.clone()).chain(node_types.inputs.clone()).nth(input_index + skip_footprint) else {
+					log::error!("Could not get type");
+					return (concrete!(()), TypeSource::Error("could not get the protonode's input"));
+				};
+
+				(input_type, TypeSource::RandomProtonodeImplementation)
+			}
+			DocumentNodeImplementation::Network(_network) => {
+				// Attempt to resolve where this import is within the nested network
+				let outwards_wires = self.outward_wires(&node_id_path);
+				let inputs_using_import = outwards_wires.and_then(|outwards_wires| outwards_wires.get(&OutputConnector::Import(input_index)));
+				let first_input = inputs_using_import.and_then(|input| input.first()).copied();
+
+				if let Some(InputConnector::Node {
+					node_id: child_id,
+					input_index: child_input_index,
+				}) = first_input
+				{
+					network_path.push(node_id);
+					let result = self.guess_type_from_node(network_path, child_id, child_input_index);
+					network_path.pop();
+					return result;
+				}
+
+				// Input is disconnected
+				(concrete!(()), TypeSource::Error("disconnected network input"))
+			}
+			_ => (concrete!(()), TypeSource::Error("implementation is not network or protonode")),
+		}
+	}
+
+	/// Get the [`Type`] for any InputConnector
+	pub fn input_type(&mut self, input_connector: &InputConnector, network_path: &[NodeId]) -> (Type, TypeSource) {
+		if let Some(result) = self.node_type_from_compiled(input_connector, network_path) {
+			return result;
+		}
+
+		// Resolve types from proto nodes in node_registry
+		let Some(node_id) = input_connector.node_id() else {
+			return (concrete!(()), TypeSource::Error("input connector is not a node"));
+		};
+
+		// TODO: Once there is type inference (#1621), replace this workaround approach when disconnecting node inputs with NodeInput::Node(ToDefaultNode),
+		// TODO: which would be a new node that implements the Default trait (i.e. `Default::default()`)
+		self.guess_type_from_node(&mut network_path.to_vec(), node_id, input_connector.input_index())
+	}
+
+	pub fn valid_input_types(&mut self, input_connector: &InputConnector, network_path: &[NodeId]) -> Vec<Type> {
+		let InputConnector::Node { node_id, input_index } = input_connector else {
+			// An export can have any type connected to it
+			return vec![graph_craft::generic!(T)];
+		};
+		let Some(implementation) = self.implementation(node_id, network_path) else {
+			log::error!("Could not get node implementation in valid_input_types");
+			return Vec::new();
+		};
+		match implementation {
+			DocumentNodeImplementation::Network(_) => {
+				let nested_path = [network_path, &[*node_id]].concat();
+				let Some(outward_wires) = self.outward_wires(&nested_path) else {
+					log::error!("Could not get outward wires in valid_input_types");
+					return Vec::new();
+				};
+				let Some(inputs_from_import) = outward_wires.get(&OutputConnector::Import(*input_index)) else {
+					log::error!("Could not get inputs from import in valid_input_types");
+					return Vec::new();
+				};
+
+				let intersection: HashSet<Type> = inputs_from_import
+					.clone()
+					.iter()
+					.map(|input_connector| self.valid_input_types(input_connector, &nested_path))
+					.map(|vec| vec.into_iter().collect::<HashSet<_>>())
+					.fold(None, |acc: Option<HashSet<Type>>, set| match acc {
+						Some(acc_set) => Some(acc_set.intersection(&set).cloned().collect()),
+						None => Some(set),
+					})
+					.unwrap_or_default();
+
+				intersection.into_iter().collect::<Vec<_>>()
+			}
+			DocumentNodeImplementation::ProtoNode(proto_node_identifier) => {
+				let Some(implementations) = NODE_REGISTRY.get(proto_node_identifier) else {
+					log::error!("Protonode {proto_node_identifier:?} not found in registry");
+					return Vec::new();
+				};
+				let number_of_inputs = self.number_of_inputs(node_id, network_path);
+				implementations
+					.iter()
+					.filter_map(|(node_io, _)| {
+						let valid_implementation = (0..number_of_inputs).filter(|iterator_index| iterator_index != input_index).all(|iterator_index| {
+							let input_type = self.input_type(&InputConnector::node(*node_id, iterator_index), network_path).0;
+							// Value inputs are stored as concrete, so they are compared to the nested type. Node inputs are stored as fn, so they are compared to the entire type.
+							// For example a node input of (Footprint) -> VectorData would not be compatible with () -> VectorData
+							node_io.inputs[iterator_index].clone().nested_type() == &input_type || node_io.inputs[iterator_index] == input_type
+						});
+						if valid_implementation { node_io.inputs.get(*input_index).cloned() } else { None }
+					})
+					.collect::<Vec<_>>()
+			}
+			DocumentNodeImplementation::Extract => {
+				log::error!("Input types for extract node not supported");
+				Vec::new()
+			}
+		}
+	}
+
+	/// Retrieves the output types for a given document node and its exports.
+	///
+	/// This function traverses the node and its nested network structure (if applicable) to determine
+	/// the types of all outputs, including the primary output and any additional exports.
+	///
+	/// # Arguments
+	///
+	/// * `node` - A reference to the `DocumentNode` for which to determine output types.
+	/// * `resolved_types` - A reference to `ResolvedDocumentNodeTypes` containing pre-resolved type information.
+	/// * `node_id_path` - A slice of `NodeId`s representing the path to the current node in the document graph.
+	///
+	/// # Returns
+	///
+	/// A `Vec<Option<Type>>` where:
+	/// - The first element is the primary output type of the node.
+	/// - Subsequent elements are types of additional exports (if the node is a network).
+	/// - `None` values indicate that a type couldn't be resolved for a particular output.
+	///
+	/// # Behavior
+	///
+	/// 1. Retrieves the primary output type from `resolved_types`.
+	/// 2. If the node is a network:
+	///    - Iterates through its exports (skipping the first/primary export).
+	///    - For each export, traverses the network until reaching a protonode or terminal condition.
+	///    - Determines the output type based on the final node/value encountered.
+	/// 3. Collects and returns all resolved types.
+	///
+	/// # Note
+	///
+	/// This function assumes that export indices and node IDs always exist within their respective
+	/// collections. It will panic if these assumptions are violated.
+	///
+	pub fn output_type(&self, node_id: &NodeId, output_index: usize, network_path: &[NodeId]) -> (Type, TypeSource) {
+		let Some(implementation) = self.implementation(node_id, network_path) else {
+			log::error!("Could not get output type for node {node_id} output index {output_index}. This node is no longer supported, and needs to be upgraded.");
+			return (concrete!(()), TypeSource::Error("Could not get implementation"));
+		};
+
+		// If the node is not a protonode, get types by traversing across exports until a proto node is reached.
+		match &implementation {
+			graph_craft::document::DocumentNodeImplementation::Network(internal_network) => {
+				let Some(export) = internal_network.exports.get(output_index) else {
+					return (concrete!(()), TypeSource::Error("Could not get export index"));
+				};
+				match export {
+					NodeInput::Node {
+						node_id: nested_node_id,
+						output_index,
+						..
+					} => self.output_type(nested_node_id, *output_index, &[network_path, &[*node_id]].concat()),
+					NodeInput::Value { tagged_value, .. } => (tagged_value.ty(), TypeSource::TaggedValue),
+					NodeInput::Network { .. } => {
+						// let mut encapsulating_path = network_path.to_vec();
+						// let encapsulating_node = encapsulating_path.pop().expect("No imports exist in document network");
+						// self.input_type(&InputConnector::node(encapsulating_node, *import_index), network_path)
+						(concrete!(()), TypeSource::Error("Could not type from network"))
+					}
+					NodeInput::Scope(_) => todo!(),
+					NodeInput::Inline(_) => todo!(),
+					NodeInput::Reflection(_) => todo!(),
+				}
+			}
+			graph_craft::document::DocumentNodeImplementation::ProtoNode(protonode) => {
+				let node_id_path = &[network_path, &[*node_id]].concat();
+				self.resolved_types
+					.types
+					.get(node_id_path)
+					.map(|ty| (ty.output.clone(), TypeSource::Compiled))
+					.or_else(|| {
+						let node_types = random_protonode_implementation(protonode)?;
+						Some((node_types.return_value.clone(), TypeSource::RandomProtonodeImplementation))
+					})
+					.unwrap_or((concrete!(()), TypeSource::Error("Could not get protonode implementation")))
+			}
+			graph_craft::document::DocumentNodeImplementation::Extract => (concrete!(()), TypeSource::Error("extract node")),
+		}
+	}
+
+	pub fn position(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Option<IVec2> {
+		let top_left_position = self
+			.node_click_targets(node_id, network_path)
+			.and_then(|click_targets| click_targets.node_click_target.bounding_box())
+			.map(|mut bounding_box| {
+				if !self.is_layer(node_id, network_path) {
+					bounding_box[0] -= DVec2::new(0., 12.);
+				}
+				(bounding_box[0] / 24.).as_ivec2()
+			});
+		top_left_position.map(|position| {
+			if self.is_layer(node_id, network_path) {
+				position + IVec2::new(self.chain_width(node_id, network_path) as i32, 0)
+			} else {
+				position
+			}
+		})
+	}
+
+	pub fn frontend_imports(&mut self, network_path: &[NodeId]) -> Option<Vec<(FrontendGraphOutput, i32, i32)>> {
+		self.import_export_ports(network_path).cloned().map(|import_export_ports| {
+			import_export_ports
+				.output_ports
+				.iter()
+				.filter_map(|(import_index, click_target)| {
+					// Get import name from parent node metadata input, which must match the number of imports.
+					// Empty string means to use type, or "Import + index" if type can't be determined
+
+					let mut import_metadata = None;
+
+					if !network_path.is_empty() {
+						let mut encapsulating_path = network_path.to_vec();
+						let encapsulating_node_id = encapsulating_path.pop().unwrap();
+
+						let (input_type, type_source) = self.input_type(&InputConnector::node(encapsulating_node_id, *import_index), &encapsulating_path);
+						let data_type = FrontendGraphDataType::displayed_type(&input_type, &type_source);
+
+						let (name, description) = self.displayed_input_name_and_description(&encapsulating_node_id, *import_index, &encapsulating_path);
+
+						let connected_to = self
+							.outward_wires(network_path)
+							.and_then(|outward_wires| outward_wires.get(&OutputConnector::Import(*import_index)))
+							.cloned()
+							.unwrap_or_else(|| {
+								log::error!("Could not get OutputConnector::Import({import_index}) in outward wires");
+								Vec::new()
+							});
+
+						import_metadata = Some((
+							FrontendGraphOutput {
+								data_type,
+								name,
+								description,
+								resolved_type: format!("{:?}", input_type),
+								connected_to,
+							},
+							click_target,
+						));
+					}
+					import_metadata
+				})
+				.filter_map(|(import_index, output_port)| output_port.bounding_box().map(|bounding_box| (import_index, bounding_box[0].x as i32, bounding_box[0].y as i32)))
+				.collect::<Vec<_>>()
+		})
+	}
+
+	pub fn frontend_exports(&mut self, network_path: &[NodeId]) -> Option<Vec<(FrontendGraphInput, i32, i32)>> {
+		self.import_export_ports(network_path).cloned().map(|import_export_ports| {
+			import_export_ports
+				.input_ports
+				.iter()
+				.map(|(export_index, click_target)| {
+					let export_type = self.input_type(&InputConnector::Export(*export_index), network_path);
+					let data_type = FrontendGraphDataType::displayed_type(&export_type.0, &TypeSource::TaggedValue);
+
+					let connected_to = self.upstream_output_connector(&InputConnector::Export(*export_index), network_path);
+
+					// Get export name from parent node metadata input, which must match the number of exports.
+					// Empty string means to use type, or "Export + index" if type is empty determined
+					let export_name = if network_path.is_empty() {
+						"Canvas".to_string()
+					} else {
+						self.encapsulating_node_metadata(network_path)
+							.and_then(|encapsulating_metadata| encapsulating_metadata.persistent_metadata.output_names.get(*export_index).cloned())
+							.unwrap_or_default()
+					};
+
+					let export_name = if !export_name.is_empty() {
+						export_name
+					} else if *export_type.0.nested_type() != concrete!(()) {
+						export_type.0.nested_type().to_string()
+					} else {
+						format!("Export {}", *export_index + 1)
+					};
+
+					(
+						FrontendGraphInput {
+							data_type,
+							name: export_name,
+							description: String::new(),
+							resolved_type: format!("{:?}", export_type.0),
+							valid_types: self.valid_input_types(&InputConnector::Export(*export_index), network_path).iter().map(|ty| ty.to_string()).collect(),
+							connected_to,
+						},
+						click_target,
+					)
+				})
+				.filter_map(|(export_metadata, output_port)| output_port.bounding_box().map(|bounding_box| (export_metadata, bounding_box[0].x as i32, bounding_box[0].y as i32)))
+				.collect::<Vec<_>>()
+		})
+	}
+
+	pub fn frontend_import_export_modify<F>(&mut self, get_ports: F, network_path: &[NodeId]) -> Vec<(i32, i32)>
+	where
+		F: FnOnce(&ModifyImportExportClickTarget) -> Vec<&(usize, ClickTarget)>,
+	{
+		self.modify_import_export(network_path)
+			.map(|modify_import_export_click_target| {
+				get_ports(modify_import_export_click_target)
+					.iter()
+					.filter_map(|(_, click_target)| click_target.bounding_box().map(|bounding_box| (bounding_box[0].x as i32, bounding_box[0].y as i32)))
+					.collect()
+			})
+			.unwrap_or_default()
+	}
+
+	pub fn height_from_click_target(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Option<u32> {
+		let mut node_height: Option<u32> = self
+			.node_click_targets(node_id, network_path)
+			.and_then(|click_targets: &DocumentNodeClickTargets| click_targets.node_click_target.bounding_box())
+			.map(|bounding_box| ((bounding_box[1].y - bounding_box[0].y) / 24.) as u32);
+		if !self.is_layer(node_id, network_path) {
+			node_height = node_height.map(|height| height + 1);
+		}
+		node_height
+	}
+
+	// All chain nodes and branches from the chain which are sole dependents of the layer
+	pub fn upstream_nodes_below_layer(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> HashSet<NodeId> {
+		// Every upstream node below layer must be a sole dependent
+		let mut upstream_nodes_below_layer = HashSet::new();
+
+		let mut potential_upstream_nodes = HashSet::new();
+		for chain_node in self
+			.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::HorizontalFlow)
+			.skip(1)
+			.take_while(|node_id| self.is_chain(node_id, network_path))
+			.collect::<Vec<_>>()
+		{
+			upstream_nodes_below_layer.insert(chain_node);
+			let Some(chain_node) = self.document_node(&chain_node, network_path) else {
+				log::error!("Could not get node {node_id} in upstream_nodes_below_layer");
+				continue;
+			};
+			potential_upstream_nodes.extend(chain_node.inputs.iter().filter(|input| input.is_exposed()).skip(1).filter_map(|node_input| node_input.as_node()))
+		}
+
+		// Get the node feeding into the left input of the chain
+		let mut current_node_id = *node_id;
+		loop {
+			let Some(current_node) = self.document_node(&current_node_id, network_path) else {
+				log::error!("Could not get node {node_id} in upstream_nodes_below_layer");
+				break;
+			};
+			if let Some(primary_node_id) = current_node
+				.inputs
+				.iter()
+				.filter(|input| input.is_exposed())
+				.nth(if self.is_layer(&current_node_id, network_path) { 1 } else { 0 })
+				.and_then(|left_input| left_input.as_node())
+			{
+				if self.is_chain(&primary_node_id, network_path) {
+					current_node_id = primary_node_id;
+				} else {
+					potential_upstream_nodes.insert(primary_node_id);
+					break;
+				}
+			} else {
+				break;
+			}
+		}
+
+		for potential_upstream_node in potential_upstream_nodes {
+			// The upstream chain cannot be added if there is some node upstream from an input that is not a sole dependent
+			let mut upstream_chain_can_be_added = true;
+			// Collect a vec of nodes that are sole dependents while iterating
+			let mut sole_dependents = HashSet::new();
+
+			for upstream_node_from_input in self
+				.upstream_flow_back_from_nodes(vec![potential_upstream_node], network_path, FlowType::UpstreamFlow)
+				.collect::<Vec<_>>()
+			{
+				let number_of_outputs = self.number_of_outputs(&upstream_node_from_input, network_path);
+
+				// A node is a sole dependent if all outputs are sole dependents, and there are no dead ends
+				let mut all_outputs_are_sole_dependents = true;
+				let mut dead_ends = 0;
+
+				for output_index in 0..number_of_outputs {
+					let downstream_connections = {
+						let Some(outward_wires) = self.outward_wires(network_path) else {
+							log::error!("Could not get outward wires in upstream_nodes_below_layer");
+							continue;
+						};
+						outward_wires.get(&OutputConnector::node(upstream_node_from_input, output_index)).cloned()
+					};
+					let Some(downstream_connections) = downstream_connections else {
+						log::error!("Could not get outward wires in upstream_nodes_below_layer");
+						continue;
+					};
+					let mut current_output_is_sole_dependent = true;
+					let mut stack = downstream_connections;
+					while let Some(current_downstream_connection) = stack.pop() {
+						// Iterate downstream. If a sole dependent or chain_node_id is reached, then stop the iteration. If the exports is eventually reached, then it is not a sole dependent
+						match &current_downstream_connection {
+							InputConnector::Node {
+								node_id: downstream_node_id,
+								input_index,
+							} => {
+								// Stop iterating once the downstream node is the left input to the chain or a sole dependent
+								if !(sole_dependents.contains(downstream_node_id) || downstream_node_id == node_id && *input_index == 1) {
+									// Continue iterating downstream for the downstream node
+									let number_of_outputs = self.number_of_outputs(downstream_node_id, network_path);
+									let Some(outward_wires) = self.outward_wires(network_path) else {
+										log::error!("Could not get outward wires in upstream_nodes_below_layer");
+										continue;
+									};
+									let mut has_downstream_connections = false;
+									for output_index in 0..number_of_outputs {
+										let Some(downstream_connections) = outward_wires.get(&OutputConnector::node(*downstream_node_id, output_index)) else {
+											log::error!("Could not get outward wires in upstream_nodes_below_layer");
+											continue;
+										};
+										if !downstream_connections.is_empty() {
+											has_downstream_connections = true;
+										}
+										stack.extend(downstream_connections.clone());
+									}
+									if !has_downstream_connections {
+										dead_ends += 1;
+									}
+								}
+							}
+							InputConnector::Export(_) => current_output_is_sole_dependent = false,
+						}
+					}
+					if !current_output_is_sole_dependent || dead_ends != 0 {
+						all_outputs_are_sole_dependents = false;
+						break;
+					}
+				}
+				if all_outputs_are_sole_dependents && dead_ends == 0 {
+					sole_dependents.insert(upstream_node_from_input);
+				} else {
+					upstream_chain_can_be_added = false;
+					break;
+				}
+			}
+
+			if upstream_chain_can_be_added {
+				upstream_nodes_below_layer.extend(sole_dependents)
+			}
+		}
+		upstream_nodes_below_layer
+	}
+
+	pub fn previewing(&self, network_path: &[NodeId]) -> Previewing {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in previewing");
+			return Previewing::No;
+		};
+		network_metadata.persistent_metadata.previewing
+	}
+
+	/// Returns the root node (the node that the solid line is connect to), or None if no nodes are connected to the output
+	pub fn root_node(&self, network_path: &[NodeId]) -> Option<RootNode> {
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get network in root_node");
+			return None;
+		};
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in root_node");
+			return None;
+		};
+		match &network_metadata.persistent_metadata.previewing {
+			Previewing::Yes { root_node_to_restore } => *root_node_to_restore,
+			Previewing::No => network.exports.first().and_then(|export| {
+				if let NodeInput::Node { node_id, output_index, .. } = export {
+					Some(RootNode {
+						node_id: *node_id,
+						output_index: *output_index,
+					})
+				} else {
+					None
+				}
+			}),
+		}
+	}
+
+	pub fn reference(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<&Option<String>> {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get reference for node: {:?}", node_id);
+			return None;
+		};
+		Some(&node_metadata.persistent_metadata.reference)
+	}
+
+	pub fn implementation(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<&DocumentNodeImplementation> {
+		let Some(node) = self.document_node(node_id, network_path) else {
+			log::error!("Could not get implementation");
+			return None;
+		};
+		Some(&node.implementation)
+	}
+
+	pub fn input_data(&self, node_id: &NodeId, index: usize, key: &str, network_path: &[NodeId]) -> Option<&Value> {
+		let metadata = self
+			.node_metadata(node_id, network_path)
+			.and_then(|node_metadata| node_metadata.persistent_metadata.input_metadata.get(index))?;
+		metadata.persistent_metadata.input_data.get(key)
+	}
+	pub fn persistent_input_metadata(&self, node_id: &NodeId, index: usize, network_path: &[NodeId]) -> Option<&InputPersistentMetadata> {
+		let metadata = self
+			.node_metadata(node_id, network_path)
+			.and_then(|node_metadata| node_metadata.persistent_metadata.input_metadata.get(index))?;
+		Some(&metadata.persistent_metadata)
+	}
+
+	fn transient_input_metadata(&self, node_id: &NodeId, index: usize, network_path: &[NodeId]) -> Option<&InputTransientMetadata> {
+		let metadata = self
+			.node_metadata(node_id, network_path)
+			.and_then(|node_metadata| node_metadata.persistent_metadata.input_metadata.get(index))?;
+		Some(&metadata.transient_metadata)
+	}
+
+	/// Returns the input name to display in the properties panel. If the name is empty then the type is used.
+	pub fn displayed_input_name_and_description(&mut self, node_id: &NodeId, input_index: usize, network_path: &[NodeId]) -> (String, String) {
+		let Some(input_metadata) = self.persistent_input_metadata(node_id, input_index, network_path) else {
+			log::warn!("input metadata not found in displayed_input_name_and_description");
+			return (String::new(), String::new());
+		};
+		let description = input_metadata.input_description.to_string();
+		let name = if input_metadata.input_name.is_empty() {
+			self.input_type(&InputConnector::node(*node_id, input_index), network_path).0.nested_type().to_string()
+		} else {
+			input_metadata.input_name.to_string()
+		};
+		(name, description)
+	}
+
+	/// Returns the display name of the node. If the display name is empty, it will return "Untitled Node" or "Untitled Layer" depending on the node type.
+	pub fn display_name(&self, node_id: &NodeId, network_path: &[NodeId]) -> String {
+		let is_layer = self
+			.node_metadata(node_id, network_path)
+			.expect("Could not get persistent node metadata in untitled_layer_label")
+			.persistent_metadata
+			.is_layer();
+
+		let Some(reference) = self.reference(node_id, network_path) else {
+			log::error!("Could not get reference in untitled_layer_label");
+			return "".to_string();
+		};
+
+		let display_name = if let Some(node_metadata) = self.node_metadata(node_id, network_path) {
+			node_metadata.persistent_metadata.display_name.clone()
+		} else {
+			log::error!("Could not get node_metadata in display_name");
+			String::new()
+		};
+
+		if display_name.is_empty() {
+			if is_layer {
+				"Untitled Layer".to_string()
+			} else {
+				reference.clone().unwrap_or("Untitled Node".to_string())
+			}
+		} else {
+			display_name
+		}
+	}
+
+	/// Returns the description of the node, or an empty string if it is not set.
+	pub fn description(&self, node_id: &NodeId, network_path: &[NodeId]) -> String {
+		self.get_node_definition(network_path, *node_id)
+			.map(|node_definition| node_definition.description.to_string())
+			.filter(|description| description != "TODO")
+			.unwrap_or_default()
+	}
+
+	pub fn is_locked(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get persistent node metadata in is_locked for node {node_id}");
+			return false;
+		};
+		node_metadata.persistent_metadata.locked
+	}
+
+	pub fn is_pinned(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get persistent node metadata in is_pinned for node {node_id}");
+			return false;
+		};
+		node_metadata.persistent_metadata.pinned
+	}
+
+	pub fn is_visible(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node) = self.document_node(node_id, network_path) else {
+			log::error!("Could not get node in is_visible");
+			return false;
+		};
+		node.visible
+	}
+
+	pub fn is_layer(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get nested node_metadata in is_layer");
+			return false;
+		};
+		node_metadata.persistent_metadata.is_layer()
+	}
+
+	pub fn has_primary_output(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get node_metadata in has_primary_output");
+			return false;
+		};
+		node_metadata.persistent_metadata.has_primary_output
+	}
+
+	pub fn is_absolute(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get node_metadata in is_absolute");
+			return false;
+		};
+		match &node_metadata.persistent_metadata.node_type_metadata {
+			NodeTypePersistentMetadata::Layer(layer_metadata) => matches!(layer_metadata.position, LayerPosition::Absolute(_)),
+			NodeTypePersistentMetadata::Node(node_metadata) => matches!(node_metadata.position, NodePosition::Absolute(_)),
+		}
+	}
+
+	pub fn is_chain(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get node_metadata in is_chain");
+			return false;
+		};
+		match &node_metadata.persistent_metadata.node_type_metadata {
+			NodeTypePersistentMetadata::Node(node_metadata) => matches!(node_metadata.position, NodePosition::Chain),
+			_ => false,
+		}
+	}
+
+	pub fn is_stack(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get node_metadata in is_stack");
+			return false;
+		};
+		match &node_metadata.persistent_metadata.node_type_metadata {
+			NodeTypePersistentMetadata::Layer(layer_metadata) => matches!(layer_metadata.position, LayerPosition::Stack(_)),
+			_ => false,
+		}
+	}
+
+	pub fn is_artboard(&self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		self.reference(node_id, network_path)
+			.is_some_and(|reference| *reference == Some("Artboard".to_string()) && self.connected_to_output(node_id, &[]))
+	}
+
+	pub fn all_artboards(&self) -> HashSet<LayerNodeIdentifier> {
+		self.document_network_metadata()
+			.persistent_metadata
+			.node_metadata
+			.iter()
+			.filter_map(|(node_id, node_metadata)| {
+				if node_metadata
+					.persistent_metadata
+					.reference
+					.as_ref()
+					.is_some_and(|reference| reference == "Artboard" && self.connected_to_output(node_id, &[]) && self.is_layer(node_id, &[]))
+				{
+					Some(LayerNodeIdentifier::new(*node_id, self, &[]))
+				} else {
+					None
+				}
+			})
+			.collect()
+	}
+
+	/// Folders sorted from most nested to least nested
+	pub fn folders_sorted_by_most_nested(&self, network_path: &[NodeId]) -> Vec<LayerNodeIdentifier> {
+		if !network_path.is_empty() {
+			log::error!("Currently can only get deepest common ancestor in the document network");
+			return Vec::new();
+		}
+		let Some(selected_nodes) = self.selected_nodes_in_nested_network(network_path) else {
+			log::error!("Could not get selected nodes in deepest_common_ancestor");
+			return Vec::new();
+		};
+		let mut folders: Vec<_> = selected_nodes
+			.selected_layers(self.document_metadata())
+			.filter(|layer| layer.has_children(self.document_metadata()))
+			.collect();
+		folders.sort_by_cached_key(|a| std::cmp::Reverse(a.ancestors(self.document_metadata()).count()));
+		folders
+	}
+
+	/// Calculates the document bounds in document space
+	pub fn document_bounds_document_space(&self, include_artboards: bool) -> Option<[DVec2; 2]> {
+		self.document_metadata
+			.all_layers()
+			.filter(|layer| include_artboards || !self.is_artboard(&layer.to_node(), &[]))
+			.filter_map(|layer| {
+				if !self.is_artboard(&layer.to_node(), &[]) {
+					if let Some(artboard_node_identifier) = layer
+						.ancestors(self.document_metadata())
+						.find(|ancestor| *ancestor != LayerNodeIdentifier::ROOT_PARENT && self.is_artboard(&ancestor.to_node(), &[]))
+					{
+						let artboard = self.document_node(&artboard_node_identifier.to_node(), &[]);
+						let clip_input = artboard.unwrap().inputs.get(5).unwrap();
+						if let NodeInput::Value { tagged_value, .. } = clip_input {
+							if tagged_value.to_primitive_string() == "true" {
+								return Some(Quad::clip(
+									self.document_metadata.bounding_box_document(layer).unwrap_or_default(),
+									self.document_metadata.bounding_box_document(artboard_node_identifier).unwrap_or_default(),
+								));
+							}
+						}
+					}
+				}
+				self.document_metadata.bounding_box_document(layer)
+			})
+			.reduce(Quad::combine_bounds)
+	}
+
+	/// Calculates the selected layer bounds in document space
+	pub fn selected_bounds_document_space(&self, include_artboards: bool, network_path: &[NodeId]) -> Option<[DVec2; 2]> {
+		let Some(selected_nodes) = self.selected_nodes_in_nested_network(network_path) else {
+			log::error!("Could not get selected nodes in shallowest_unique_layers");
+			return None;
+		};
+		selected_nodes
+			.selected_layers(&self.document_metadata)
+			.filter(|&layer| include_artboards || !self.is_artboard(&layer.to_node(), &[]))
+			.filter_map(|layer| self.document_metadata.bounding_box_document(layer))
+			.reduce(Quad::combine_bounds)
+	}
+
+	/// Layers excluding ones that are children of other layers in the list.
+	// TODO: Cache this
+	pub fn shallowest_unique_layers(&self, network_path: &[NodeId]) -> impl Iterator<Item = LayerNodeIdentifier> + use<> {
+		let mut sorted_layers = if let Some(selected_nodes) = self.selected_nodes_in_nested_network(network_path) {
+			selected_nodes
+				.selected_layers(self.document_metadata())
+				.map(|layer| {
+					let mut layer_path = layer.ancestors(&self.document_metadata).collect::<Vec<_>>();
+					layer_path.reverse();
+					layer_path
+				})
+				.collect::<Vec<_>>()
+		} else {
+			log::error!("Could not get selected nodes in shallowest_unique_layers");
+			Vec::new()
+		};
+
+		// Sorting here creates groups of similar UUID paths
+		sorted_layers.sort();
+		sorted_layers.dedup_by(|a, b| a.starts_with(b));
+		sorted_layers.into_iter().map(|mut path| {
+			let layer = path.pop().expect("Path should not be empty");
+			assert!(
+				layer != LayerNodeIdentifier::ROOT_PARENT,
+				"The root parent cannot be selected, so it cannot be a shallowest selected layer"
+			);
+			layer
+		})
+	}
+
+	pub fn shallowest_unique_layers_sorted(&self, network_path: &[NodeId]) -> Vec<LayerNodeIdentifier> {
+		let all_layers_to_group = self.shallowest_unique_layers(network_path).collect::<Vec<_>>();
+		// Ensure nodes are grouped in the correct order
+		let mut all_layers_to_group_sorted = Vec::new();
+		for descendant in LayerNodeIdentifier::ROOT_PARENT.descendants(self.document_metadata()) {
+			if all_layers_to_group.contains(&descendant) {
+				all_layers_to_group_sorted.push(descendant);
+			};
+		}
+		all_layers_to_group_sorted
+	}
+
+	/// Ancestor that is shared by all layers and that is deepest (more nested). Default may be the root. Skips selected non-folder, non-artboard layers
+	pub fn deepest_common_ancestor(&self, selected_nodes: &SelectedNodes, network_path: &[NodeId], include_self: bool) -> Option<LayerNodeIdentifier> {
+		if !network_path.is_empty() {
+			log::error!("Currently can only get deepest common ancestor in the document network");
+			return None;
+		}
+		selected_nodes
+			.selected_layers(&self.document_metadata)
+			.map(|layer| {
+				let mut layer_path = layer.ancestors(&self.document_metadata).collect::<Vec<_>>();
+				layer_path.reverse();
+				if !include_self || !self.is_artboard(&layer.to_node(), network_path) {
+					layer_path.pop();
+				}
+
+				layer_path
+			})
+			.reduce(|mut a, b| {
+				a.truncate(a.iter().zip(b.iter()).position(|(&a, &b)| a != b).unwrap_or_else(|| a.len().min(b.len())));
+				a
+			})
+			.and_then(|layer| layer.last().copied())
+	}
+
+	/// Gives an iterator to all nodes connected to the given nodes by all inputs (primary or primary + secondary depending on `only_follow_primary` choice), traversing backwards upstream starting from the given node's inputs.
+	pub fn upstream_flow_back_from_nodes<'a>(&'a self, mut node_ids: Vec<NodeId>, network_path: &'a [NodeId], mut flow_type: FlowType) -> impl Iterator<Item = NodeId> + 'a {
+		let (Some(network), Some(network_metadata)) = (self.nested_network(network_path), self.network_metadata(network_path)) else {
+			log::error!("Could not get network or network_metadata in upstream_flow_back_from_nodes");
+			return FlowIter {
+				stack: Vec::new(),
+				network: &self.network,
+				network_metadata: &self.network_metadata,
+				flow_type: FlowType::UpstreamFlow,
+			};
+		};
+		if matches!(flow_type, FlowType::LayerChildrenUpstreamFlow) {
+			node_ids = node_ids
+				.iter()
+				.filter_map(move |node_id| {
+					if self.is_layer(node_id, network_path) {
+						network.nodes.get(node_id).and_then(|node| node.inputs.get(1)).and_then(|input| input.as_node())
+					} else {
+						Some(*node_id)
+					}
+				})
+				.collect::<Vec<_>>();
+			flow_type = FlowType::UpstreamFlow;
+		};
+		FlowIter {
+			stack: node_ids,
+			network,
+			network_metadata,
+			flow_type,
+		}
+	}
+
+	pub fn upstream_output_connector(&self, input_connector: &InputConnector, network_path: &[NodeId]) -> Option<OutputConnector> {
+		let input = self.input_from_connector(input_connector, network_path);
+		input.and_then(|input| match input {
+			NodeInput::Node { node_id, output_index, .. } => Some(OutputConnector::node(*node_id, *output_index)),
+			NodeInput::Network { import_index, .. } => Some(OutputConnector::Import(*import_index)),
+			_ => None,
+		})
+	}
+
+	/// In the network `X -> Y -> Z`, `is_node_upstream_of_another_by_primary_flow(Z, X)` returns true.
+	pub fn is_node_upstream_of_another_by_horizontal_flow(&self, node: NodeId, network_path: &[NodeId], potentially_upstream_node: NodeId) -> bool {
+		self.upstream_flow_back_from_nodes(vec![node], network_path, FlowType::HorizontalFlow)
+			.any(|id| id == potentially_upstream_node)
+	}
+
+	#[cfg(not(target_arch = "wasm32"))]
+	fn text_width(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<f64> {
+		warn!("Failed to find width of {node_id:#?} in network_path {network_path:?} due to non-wasm arch");
+		Some(0.)
+	}
+
+	#[cfg(target_arch = "wasm32")]
+	fn text_width(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<f64> {
+		let document = web_sys::window().unwrap().document().unwrap();
+		let div = match document.create_element("div") {
+			Ok(div) => div,
+			Err(err) => {
+				log::error!("Error creating div: {:?}", err);
+				return None;
+			}
+		};
+
+		// Set the div's style to make it offscreen and single line
+		match div.set_attribute("style", "position: absolute; top: -9999px; left: -9999px; white-space: nowrap;") {
+			Err(err) => {
+				log::error!("Error setting attribute: {:?}", err);
+				return None;
+			}
+			_ => {}
+		};
+
+		let name = self.display_name(node_id, network_path);
+
+		div.set_text_content(Some(&name));
+
+		// Append the div to the document body
+		match document.body().unwrap().append_child(&div) {
+			Err(err) => {
+				log::error!("Error setting adding child to document {:?}", err);
+				return None;
+			}
+			_ => {}
+		};
+
+		// Measure the width
+		let text_width = div.get_bounding_client_rect().width();
+
+		// Remove the div from the document
+		match document.body().unwrap().remove_child(&div) {
+			Err(_) => log::error!("Could not remove child when rendering text"),
+			_ => {}
+		};
+
+		Some(text_width)
+	}
+
+	pub fn from_old_network(old_network: OldNodeNetwork) -> Self {
+		let mut node_network = NodeNetwork::default();
+		let mut network_metadata = NodeNetworkMetadata::default();
+		let mut stack = vec![(Vec::new(), old_network)];
+		while let Some((network_path, old_network)) = stack.pop() {
+			let Some(nested_network) = node_network.nested_network_mut(&network_path) else {
+				log::error!("Could not get nested network in from_old_network");
+				continue;
+			};
+			nested_network.exports = old_network.exports;
+			nested_network.scope_injections = old_network.scope_injections.into_iter().collect();
+			let Some(nested_network_metadata) = network_metadata.nested_metadata_mut(&network_path) else {
+				log::error!("Could not get nested network in from_old_network");
+				continue;
+			};
+			nested_network_metadata.persistent_metadata.previewing = Previewing::No;
+			for (node_id, old_node) in old_network.nodes {
+				let mut node = DocumentNode::default();
+				let mut node_metadata = DocumentNodeMetadata::default();
+
+				node.inputs = old_node.inputs;
+				node.manual_composition = old_node.manual_composition;
+				node.visible = old_node.visible;
+				node.skip_deduplication = old_node.skip_deduplication;
+				node.original_location = old_node.original_location;
+				node_metadata.persistent_metadata.display_name = old_node.alias;
+				node_metadata.persistent_metadata.reference = if old_node.name.is_empty() { None } else { Some(old_node.name) };
+				node_metadata.persistent_metadata.has_primary_output = old_node.has_primary_output;
+				node_metadata.persistent_metadata.locked = old_node.locked;
+				node_metadata.persistent_metadata.node_type_metadata = if old_node.is_layer {
+					NodeTypePersistentMetadata::Layer(LayerPersistentMetadata {
+						position: LayerPosition::Absolute(old_node.metadata.position),
+						owned_nodes: TransientMetadata::Unloaded,
+					})
+				} else {
+					NodeTypePersistentMetadata::Node(NodePersistentMetadata {
+						position: NodePosition::Absolute(old_node.metadata.position),
+					})
+				};
+
+				match old_node.implementation {
+					OldDocumentNodeImplementation::ProtoNode(protonode) => {
+						node.implementation = DocumentNodeImplementation::ProtoNode(protonode);
+					}
+					OldDocumentNodeImplementation::Network(old_network) => {
+						node.implementation = DocumentNodeImplementation::Network(NodeNetwork::default());
+						node_metadata.persistent_metadata.network_metadata = Some(NodeNetworkMetadata::default());
+						let mut nested_path = network_path.clone();
+						nested_path.push(node_id);
+						stack.push((nested_path, old_network));
+					}
+					OldDocumentNodeImplementation::Extract => {
+						node.implementation = DocumentNodeImplementation::Extract;
+					}
+				}
+
+				nested_network.nodes.insert(node_id, node);
+				nested_network_metadata.persistent_metadata.node_metadata.insert(node_id, node_metadata);
+			}
+		}
+		Self {
+			network: node_network,
+			network_metadata,
+			document_metadata: DocumentMetadata::default(),
+			resolved_types: ResolvedDocumentNodeTypes::default(),
+			transaction_status: TransactionStatus::Finished,
+		}
+	}
+}
+
+/// Gets the type for a random protonode implementation (used if there is no type from the compiled network)
+fn random_protonode_implementation(protonode: &graph_craft::ProtoNodeIdentifier) -> Option<&graphene_std::NodeIOTypes> {
+	let mut protonode = protonode.clone();
+	// TODO: Remove
+	if let Some((path, _generics)) = protonode.name.split_once('<') {
+		protonode = path.to_string().to_string().into();
+	}
+	let Some(node_io_hashmap) = NODE_REGISTRY.get(&protonode) else {
+		log::error!("Could not get hashmap for proto node: {protonode:?}");
+		return None;
+	};
+
+	let node_types = node_io_hashmap.keys().min_by_key(|node_io_types| {
+		let mut hasher = DefaultHasher::new();
+		node_io_types.hash(&mut hasher);
+		hasher.finish()
+	});
+
+	if node_types.is_none() {
+		log::error!("Could not get node_types from hashmap");
+	};
+	node_types
+}
+
+// Private mutable getters for use within the network interface
+impl NodeNetworkInterface {
+	fn network_mut(&mut self, network_path: &[NodeId]) -> Option<&mut NodeNetwork> {
+		self.network.nested_network_mut(network_path)
+	}
+
+	fn network_metadata_mut(&mut self, network_path: &[NodeId]) -> Option<&mut NodeNetworkMetadata> {
+		self.network_metadata.nested_metadata_mut(network_path)
+	}
+
+	fn node_metadata_mut(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Option<&mut DocumentNodeMetadata> {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata");
+			return None;
+		};
+		let Some(node_metadata) = network_metadata.persistent_metadata.node_metadata.get_mut(node_id) else {
+			log::error!("Could not get nested node_metadata for node {node_id} in network {network_path:?}");
+			return None;
+		};
+		Some(node_metadata)
+	}
+
+	/// Mutably get the network which the encapsulating node of the currently viewed network is part of. Will always be None in the document network.
+	fn encapsulating_network_metadata_mut(&mut self, network_path: &[NodeId]) -> Option<&mut NodeNetworkMetadata> {
+		let mut encapsulating_path = network_path.to_vec();
+		encapsulating_path.pop()?;
+		let Some(parent_metadata) = self.network_metadata_mut(&encapsulating_path) else {
+			log::error!("Could not get parent network in encapsulating_node_metadata");
+			return None;
+		};
+		Some(parent_metadata)
+	}
+
+	// /// Mutably get the node which encapsulates the currently viewed network. Will always be None in the document network.
+	// fn encapsulating_node_mut(&mut self, network_path: &[NodeId]) -> Option<&mut DocumentNode> {
+	// 	let mut encapsulating_path = network_path.to_vec();
+	// 	let encapsulating_node_id = encapsulating_path.pop()?;
+	// 	let Some(parent_network) = self.network_mut(&encapsulating_path) else {
+	// 		log::error!("Could not get parent network in encapsulating_node_mut");
+	// 		return None;
+	// 	};
+	// 	let Some(encapsulating_node) = parent_network.nodes.mut(&encapsulating_node_id) else {
+	// 		log::error!("Could not get encapsulating node in encapsulating_node_mut");
+	// 		return None;
+	// 	};
+	// 	Some(encapsulating_node)
+	// }
+
+	/// Get the node metadata for the node which encapsulates the currently viewed network. Will always be None in the document network.
+	fn encapsulating_node_metadata_mut(&mut self, network_path: &[NodeId]) -> Option<&mut DocumentNodeMetadata> {
+		let mut encapsulating_path = network_path.to_vec();
+		let encapsulating_node_id = encapsulating_path.pop()?;
+		let Some(parent_metadata) = self.network_metadata_mut(&encapsulating_path) else {
+			log::error!("Could not get parent network in encapsulating_node_metadata");
+			return None;
+		};
+		let Some(encapsulating_node_metadata) = parent_metadata.persistent_metadata.node_metadata.get_mut(&encapsulating_node_id) else {
+			log::error!("Could not get encapsulating node metadata in encapsulating_node_metadata");
+			return None;
+		};
+		Some(encapsulating_node_metadata)
+	}
+}
+
+// Public mutable getters for data that involves transient network metadata
+// Mutable methods never recalculate the transient metadata, they only unload it. Loading metadata should only be done by the getter.
+impl NodeNetworkInterface {
+	pub fn start_transaction(&mut self) {
+		self.transaction_status = TransactionStatus::Started;
+	}
+
+	pub fn transaction_modified(&mut self) {
+		if self.transaction_status == TransactionStatus::Started {
+			self.transaction_status = TransactionStatus::Modified;
+		}
+	}
+
+	pub fn finish_transaction(&mut self) {
+		self.transaction_status = TransactionStatus::Finished;
+	}
+
+	/// Mutably get the selected nodes for the network at the network_path. Every time they are mutated, the transient metadata for the top of the stack gets unloaded.
+	pub fn selected_nodes_mut(&mut self, network_path: &[NodeId]) -> Option<&mut SelectedNodes> {
+		let (last_selection_state, prev_state, is_selection_empty) = {
+			let network_metadata = self.network_metadata(network_path)?;
+			let history = &network_metadata.persistent_metadata.selection_undo_history;
+			let current = history.back().cloned().unwrap_or_default();
+			let previous = history.iter().rev().nth(1).cloned();
+			let empty = current.selected_layers_except_artboards(self).next().is_none();
+			(current, previous, empty)
+		};
+		self.unload_stack_dependents(network_path);
+
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in selected_nodes");
+			return None;
+		};
+
+		// Initialize default value if selection_undo_history is empty
+		if network_metadata.persistent_metadata.selection_undo_history.is_empty() {
+			network_metadata.persistent_metadata.selection_undo_history.push_back(SelectedNodes::default());
+		}
+
+		// Update history only if selection is non-empty/does not contain only artboards
+		if !is_selection_empty && prev_state.as_ref() != Some(&last_selection_state) {
+			network_metadata.persistent_metadata.selection_undo_history.push_back(last_selection_state);
+			network_metadata.persistent_metadata.selection_redo_history.clear();
+
+			if network_metadata.persistent_metadata.selection_undo_history.len() > crate::consts::MAX_UNDO_HISTORY_LEN {
+				network_metadata.persistent_metadata.selection_undo_history.pop_front();
+			}
+		}
+
+		network_metadata.persistent_metadata.selection_undo_history.back_mut()
+	}
+
+	pub fn selection_step_back(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in selection_step_back");
+			return;
+		};
+
+		if let Some(selection_state) = network_metadata.persistent_metadata.selection_undo_history.pop_back() {
+			network_metadata.persistent_metadata.selection_redo_history.push_front(selection_state);
+		}
+	}
+
+	pub fn selection_step_forward(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in selection_step_forward");
+			return;
+		};
+
+		if let Some(selection_state) = network_metadata.persistent_metadata.selection_redo_history.pop_front() {
+			network_metadata.persistent_metadata.selection_undo_history.push_back(selection_state);
+		}
+	}
+
+	fn stack_dependents(&mut self, network_path: &[NodeId]) -> Option<&HashMap<NodeId, LayerOwner>> {
+		self.try_load_stack_dependents(network_path);
+		self.try_get_stack_dependents(network_path)
+	}
+
+	fn try_load_stack_dependents(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in stack_dependents");
+			return;
+		};
+
+		if !network_metadata.transient_metadata.stack_dependents.is_loaded() {
+			self.load_stack_dependents(network_path);
+		}
+	}
+
+	fn try_get_stack_dependents(&self, network_path: &[NodeId]) -> Option<&HashMap<NodeId, LayerOwner>> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in try_get_stack_dependents");
+			return None;
+		};
+		let TransientMetadata::Loaded(stack_dependents) = &network_metadata.transient_metadata.stack_dependents else {
+			log::error!("could not load stack_dependents");
+			return None;
+		};
+		Some(stack_dependents)
+	}
+
+	// This function always has to be in sync with the selected nodes.
+	fn load_stack_dependents(&mut self, network_path: &[NodeId]) {
+		let Some(selected_nodes) = self.selected_nodes_in_nested_network(network_path) else {
+			log::error!("Could not get selected nodes in load_stack_dependents");
+			return;
+		};
+
+		let mut selected_layers = selected_nodes.selected_nodes().filter(|node_id| self.is_layer(node_id, network_path)).cloned().collect::<HashSet<_>>();
+
+		// Deselect all layers that are upstream of other selected layers
+		let mut removed_layers = Vec::new();
+		for layer in selected_layers.clone() {
+			if removed_layers.contains(&layer) {
+				continue;
+			}
+			for upstream_node in self.upstream_flow_back_from_nodes(vec![layer], network_path, FlowType::UpstreamFlow).skip(1) {
+				if selected_layers.remove(&upstream_node) {
+					removed_layers.push(upstream_node)
+				}
+			}
+		}
+
+		// Get a unique list of the top of each stack for each layer
+		let mut stack_tops = HashSet::new();
+
+		for layer in &selected_layers {
+			let mut current_node = *layer;
+			loop {
+				if self.is_layer(&current_node, network_path) && self.is_absolute(&current_node, network_path) {
+					stack_tops.insert(current_node);
+					break;
+				};
+				let Some(outward_wires) = self.outward_wires(network_path) else {
+					log::error!("Cannot load outward wires in load_stack_dependents");
+					return;
+				};
+				let Some(layer_outward_wires) = outward_wires.get(&OutputConnector::node(current_node, 0)) else {
+					log::error!("Could not get outward_wires for layer {current_node}");
+					break;
+				};
+				match layer_outward_wires.first() {
+					Some(downstream_input) => {
+						let Some(downstream_node) = downstream_input.node_id() else {
+							log::error!("Node connected to export should be absolute");
+							break;
+						};
+						current_node = downstream_node
+					}
+					None => break,
+				}
+			}
+		}
+
+		let mut stack_dependents = HashMap::new();
+		let mut owned_sole_dependents = HashSet::new();
+		// Loop through all layers below the stack_tops, and set sole dependents upstream from that layer to be owned by that layer. Ensure LayerOwner is kept in sync.
+		for stack_top in &stack_tops {
+			for upstream_stack_layer in self
+				.upstream_flow_back_from_nodes(vec![*stack_top], network_path, FlowType::PrimaryFlow)
+				.take_while(|upstream_node| self.is_layer(upstream_node, network_path))
+				.collect::<Vec<_>>()
+			{
+				for upstream_layer in self.upstream_flow_back_from_nodes(vec![upstream_stack_layer], network_path, FlowType::UpstreamFlow).collect::<Vec<_>>() {
+					if !self.is_layer(&upstream_layer, network_path) {
+						continue;
+					}
+					let mut new_owned_nodes = HashSet::new();
+					for layer_sole_dependent in &self.upstream_nodes_below_layer(&upstream_layer, network_path) {
+						stack_dependents.insert(*layer_sole_dependent, LayerOwner::Layer(upstream_layer));
+						owned_sole_dependents.insert(*layer_sole_dependent);
+						new_owned_nodes.insert(*layer_sole_dependent);
+					}
+					let Some(layer_node) = self.node_metadata_mut(&upstream_layer, network_path) else {
+						log::error!("Could not get layer node in load_stack_dependents");
+						continue;
+					};
+					let NodeTypePersistentMetadata::Layer(LayerPersistentMetadata { owned_nodes, .. }) = &mut layer_node.persistent_metadata.node_type_metadata else {
+						log::error!("upstream layer should be a layer");
+						return;
+					};
+					*owned_nodes = TransientMetadata::Loaded(new_owned_nodes);
+				}
+			}
+		}
+
+		// Set any sole dependents of the stack top that are not dependents of a layer in the stack to LayerOwner::None. These nodes will be pushed as blocks when a layer is shifted.
+		for stack_top in &stack_tops {
+			let mut sole_dependents = HashSet::new();
+			let mut not_sole_dependents = HashSet::new();
+			sole_dependents.insert(*stack_top);
+			for upstream_node in self.upstream_flow_back_from_nodes(vec![*stack_top], network_path, FlowType::UpstreamFlow).collect::<Vec<_>>() {
+				let mut stack = vec![upstream_node];
+				let mut is_sole_dependent = true;
+				while let Some(current_node) = stack.pop() {
+					if not_sole_dependents.contains(&current_node) {
+						is_sole_dependent = false;
+						break;
+					}
+					if !sole_dependents.contains(&current_node) {
+						let mut has_outward_wire = false;
+						for output_index in 0..self.number_of_outputs(&current_node, network_path) {
+							let Some(outward_wires) = self.outward_wires(network_path) else {
+								log::error!("Cannot load outward wires in load_stack_dependents");
+								continue;
+							};
+							let Some(outward_wires) = outward_wires.get(&OutputConnector::node(current_node, output_index)) else {
+								log::error!("Cannot load outward wires in load_stack_dependents");
+								continue;
+							};
+							for downstream_input in outward_wires {
+								has_outward_wire = true;
+								match downstream_input {
+									InputConnector::Node { node_id, .. } => stack.push(*node_id),
+									InputConnector::Export(_) => is_sole_dependent = false,
+								}
+							}
+						}
+						if !has_outward_wire {
+							is_sole_dependent = false;
+						}
+					}
+					if !is_sole_dependent {
+						break;
+					}
+				}
+
+				if is_sole_dependent {
+					sole_dependents.insert(upstream_node);
+				} else {
+					not_sole_dependents.insert(upstream_node);
+				}
+			}
+
+			for sole_dependent in sole_dependents {
+				if !owned_sole_dependents.contains(&sole_dependent) {
+					stack_dependents.insert(sole_dependent, LayerOwner::None(0));
+				}
+			}
+		}
+
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get current network in load_export_ports");
+			return;
+		};
+
+		network_metadata.transient_metadata.stack_dependents = TransientMetadata::Loaded(stack_dependents);
+	}
+
+	pub fn unload_stack_dependents(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in unload_stack_dependents");
+			return;
+		};
+		network_metadata.transient_metadata.stack_dependents.unload();
+	}
+
+	/// Resets all the offsets for nodes with no LayerOwner when the drag ends
+	pub fn unload_stack_dependents_y_offset(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in unload_stack_dependents_y_offset");
+			return;
+		};
+
+		if let TransientMetadata::Loaded(stack_dependents) = &mut network_metadata.transient_metadata.stack_dependents {
+			for layer_owner in stack_dependents.values_mut() {
+				if let LayerOwner::None(offset) = layer_owner {
+					*offset = 0;
+				}
+			}
+		}
+	}
+
+	pub fn import_export_ports(&mut self, network_path: &[NodeId]) -> Option<&Ports> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in export_ports");
+			return None;
+		};
+		if !network_metadata.transient_metadata.import_export_ports.is_loaded() {
+			self.load_import_export_ports(network_path);
+		}
+
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in export_ports");
+			return None;
+		};
+		let TransientMetadata::Loaded(ports) = &network_metadata.transient_metadata.import_export_ports else {
+			log::error!("could not load import ports");
+			return None;
+		};
+		Some(ports)
+	}
+
+	pub fn load_import_export_ports(&mut self, network_path: &[NodeId]) {
+		//let point = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.inverse().transform_point2();
+		let Some(all_nodes_bounding_box) = self.all_nodes_bounding_box(network_path).cloned() else {
+			log::error!("Could not get all nodes bounding box in load_export_ports");
+			return;
+		};
+		let Some(rounded_network_edge_distance) = self.rounded_network_edge_distance(network_path).cloned() else {
+			log::error!("Could not get rounded_network_edge_distance in load_export_ports");
+			return;
+		};
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in load_export_ports");
+			return;
+		};
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get current network in load_export_ports");
+			return;
+		};
+
+		let mut import_export_ports = Ports::new();
+
+		let viewport_top_right = network_metadata
+			.persistent_metadata
+			.navigation_metadata
+			.node_graph_to_viewport
+			.inverse()
+			.transform_point2(rounded_network_edge_distance.exports_to_edge_distance);
+		let offset_from_top_right = if network
+			.exports
+			.first()
+			.is_some_and(|export| export.as_node().is_some_and(|export_node| self.is_layer(&export_node, network_path)))
+		{
+			DVec2::new(2. * GRID_SIZE as f64, -2. * GRID_SIZE as f64)
+		} else {
+			DVec2::new(4. * GRID_SIZE as f64, 0.)
+		};
+
+		let bounding_box_top_right = DVec2::new((all_nodes_bounding_box[1].x / 24. + 0.5).floor() * 24., (all_nodes_bounding_box[0].y / 24. + 0.5).floor() * 24.) + offset_from_top_right;
+		let export_top_right = DVec2::new(viewport_top_right.x.max(bounding_box_top_right.x), viewport_top_right.y.min(bounding_box_top_right.y));
+		for input_index in 0..network.exports.len() {
+			import_export_ports.insert_input_port_at_center(input_index, export_top_right + DVec2::new(0., input_index as f64 * 24.));
+		}
+
+		let viewport_top_left = network_metadata
+			.persistent_metadata
+			.navigation_metadata
+			.node_graph_to_viewport
+			.inverse()
+			.transform_point2(rounded_network_edge_distance.imports_to_edge_distance);
+
+		let offset_from_top_left = if network
+			.exports
+			.first()
+			.is_some_and(|export| export.as_node().is_some_and(|export_node| self.is_layer(&export_node, network_path)))
+		{
+			DVec2::new(-4. * GRID_SIZE as f64, -2. * GRID_SIZE as f64)
+		} else {
+			DVec2::new(-4. * GRID_SIZE as f64, 0.)
+		};
+
+		let bounding_box_top_left = DVec2::new((all_nodes_bounding_box[0].x / 24. + 0.5).floor() * 24., (all_nodes_bounding_box[0].y / 24. + 0.5).floor() * 24.) + offset_from_top_left;
+		let import_top_left = DVec2::new(viewport_top_left.x.min(bounding_box_top_left.x), viewport_top_left.y.min(bounding_box_top_left.y));
+		for output_index in 0..self.number_of_displayed_imports(network_path) {
+			import_export_ports.insert_output_port_at_center(output_index, import_top_left + DVec2::new(0., output_index as f64 * 24.));
+		}
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get current network in load_export_ports");
+			return;
+		};
+
+		network_metadata.transient_metadata.import_export_ports = TransientMetadata::Loaded(import_export_ports);
+	}
+
+	fn unload_import_export_ports(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in unload_export_ports");
+			return;
+		};
+		network_metadata.transient_metadata.import_export_ports.unload();
+
+		// Always unload all wires connected to them as well
+		let number_of_imports = self.number_of_imports(network_path);
+		let Some(outward_wires) = self.outward_wires(network_path) else {
+			log::error!("Could not get outward wires in remove_import");
+			return;
+		};
+		let mut input_connectors = Vec::new();
+		for import_index in 0..number_of_imports {
+			let Some(outward_wires_for_import) = outward_wires.get(&OutputConnector::Import(import_index)).cloned() else {
+				log::error!("Could not get outward wires for import in remove_import");
+				return;
+			};
+			input_connectors.extend(outward_wires_for_import);
+		}
+		let Some(network) = self.nested_network(network_path) else {
+			return;
+		};
+		for export_index in 0..network.exports.len() {
+			input_connectors.push(InputConnector::Export(export_index));
+		}
+		for input in &input_connectors {
+			self.unload_wire(input, network_path);
+		}
+	}
+
+	pub fn modify_import_export(&mut self, network_path: &[NodeId]) -> Option<&ModifyImportExportClickTarget> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in modify_import_export");
+			return None;
+		};
+		if !network_metadata.transient_metadata.modify_import_export.is_loaded() {
+			self.load_modify_import_export(network_path);
+		}
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in modify_import_export");
+			return None;
+		};
+		let TransientMetadata::Loaded(click_targets) = &network_metadata.transient_metadata.modify_import_export else {
+			log::error!("could not load modify import export ports");
+			return None;
+		};
+		Some(click_targets)
+	}
+
+	pub fn load_modify_import_export(&mut self, network_path: &[NodeId]) {
+		let Some(all_nodes_bounding_box) = self.all_nodes_bounding_box(network_path).cloned() else {
+			log::error!("Could not get all nodes bounding box in load_export_ports");
+			return;
+		};
+		let Some(rounded_network_edge_distance) = self.rounded_network_edge_distance(network_path).cloned() else {
+			log::error!("Could not get rounded_network_edge_distance in load_export_ports");
+			return;
+		};
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in load_export_ports");
+			return;
+		};
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get current network in load_export_ports");
+			return;
+		};
+
+		let mut reorder_imports_exports = Ports::new();
+		let mut add_import_export = Ports::new();
+		let mut remove_imports_exports = Ports::new();
+
+		if !network_path.is_empty() {
+			let viewport_top_right = network_metadata
+				.persistent_metadata
+				.navigation_metadata
+				.node_graph_to_viewport
+				.inverse()
+				.transform_point2(rounded_network_edge_distance.exports_to_edge_distance);
+			let offset_from_top_right = if network
+				.exports
+				.first()
+				.is_some_and(|export| export.as_node().is_some_and(|export_node| self.is_layer(&export_node, network_path)))
+			{
+				DVec2::new(2. * GRID_SIZE as f64, -2. * GRID_SIZE as f64)
+			} else {
+				DVec2::new(4. * GRID_SIZE as f64, 0.)
+			};
+
+			let bounding_box_top_right = DVec2::new((all_nodes_bounding_box[1].x / 24. + 0.5).floor() * 24., (all_nodes_bounding_box[0].y / 24. + 0.5).floor() * 24.) + offset_from_top_right;
+			let export_top_right: DVec2 = DVec2::new(viewport_top_right.x.max(bounding_box_top_right.x), viewport_top_right.y.min(bounding_box_top_right.y));
+			let add_export_center = export_top_right + DVec2::new(0., network.exports.len() as f64 * 24.);
+			let add_export = ClickTarget::new_with_subpath(
+				Subpath::new_rounded_rect(add_export_center - DVec2::new(12., 12.), add_export_center + DVec2::new(12., 12.), [3.; 4]),
+				0.,
+			);
+			add_import_export.insert_custom_input_port(0, add_export);
+
+			let viewport_top_left = network_metadata
+				.persistent_metadata
+				.navigation_metadata
+				.node_graph_to_viewport
+				.inverse()
+				.transform_point2(rounded_network_edge_distance.imports_to_edge_distance);
+
+			let offset_from_top_left = if network
+				.exports
+				.first()
+				.is_some_and(|export| export.as_node().is_some_and(|export_node| self.is_layer(&export_node, network_path)))
+			{
+				DVec2::new(-4. * GRID_SIZE as f64, -2. * GRID_SIZE as f64)
+			} else {
+				DVec2::new(-4. * GRID_SIZE as f64, 0.)
+			};
+
+			let bounding_box_top_left = DVec2::new((all_nodes_bounding_box[0].x / 24. + 0.5).floor() * 24., (all_nodes_bounding_box[0].y / 24. + 0.5).floor() * 24.) + offset_from_top_left;
+			let import_top_left = DVec2::new(viewport_top_left.x.min(bounding_box_top_left.x), viewport_top_left.y.min(bounding_box_top_left.y));
+			let add_import_center = import_top_left + DVec2::new(0., self.number_of_displayed_imports(network_path) as f64 * 24.);
+			let add_import = ClickTarget::new_with_subpath(
+				Subpath::new_rounded_rect(add_import_center - DVec2::new(12., 12.), add_import_center + DVec2::new(12., 12.), [3.; 4]),
+				0.,
+			);
+			add_import_export.insert_custom_output_port(0, add_import);
+
+			let Some(import_exports) = self.import_export_ports(network_path) else {
+				log::error!("Could not get import_export_ports in load_modify_import_export");
+				return;
+			};
+
+			for (import_index, import_click_target) in import_exports.output_ports() {
+				let Some(import_bounding_box) = import_click_target.bounding_box() else {
+					log::error!("Could not get export bounding box in load_modify_import_export");
+					continue;
+				};
+				let reorder_import_center = (import_bounding_box[0] + import_bounding_box[1]) / 2. + DVec2::new(-12., 0.);
+				let remove_import_center = reorder_import_center + DVec2::new(-12., 0.);
+
+				let reorder_import = ClickTarget::new_with_subpath(Subpath::new_rect(reorder_import_center - DVec2::new(3., 4.), reorder_import_center + DVec2::new(3., 4.)), 0.);
+				let remove_import = ClickTarget::new_with_subpath(Subpath::new_rect(remove_import_center - DVec2::new(8., 8.), remove_import_center + DVec2::new(8., 8.)), 0.);
+
+				reorder_imports_exports.insert_custom_output_port(*import_index, reorder_import);
+				remove_imports_exports.insert_custom_output_port(*import_index, remove_import);
+			}
+
+			for (export_index, export_click_target) in import_exports.input_ports() {
+				let Some(export_bounding_box) = export_click_target.bounding_box() else {
+					log::error!("Could not get export bounding box in load_modify_import_export");
+					continue;
+				};
+				let reorder_export_center = (export_bounding_box[0] + export_bounding_box[1]) / 2. + DVec2::new(12., 0.);
+				let remove_export_center = reorder_export_center + DVec2::new(12., 0.);
+
+				let reorder_export = ClickTarget::new_with_subpath(Subpath::new_rect(reorder_export_center - DVec2::new(3., 4.), reorder_export_center + DVec2::new(3., 4.)), 0.);
+				let remove_export = ClickTarget::new_with_subpath(Subpath::new_rect(remove_export_center - DVec2::new(8., 8.), remove_export_center + DVec2::new(8., 8.)), 0.);
+
+				reorder_imports_exports.insert_custom_input_port(*export_index, reorder_export);
+				remove_imports_exports.insert_custom_input_port(*export_index, remove_export);
+			}
+		}
+
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get current network in load_modify_import_export");
+			return;
+		};
+
+		network_metadata.transient_metadata.modify_import_export = TransientMetadata::Loaded(ModifyImportExportClickTarget {
+			add_import_export,
+			remove_imports_exports,
+			reorder_imports_exports,
+		});
+	}
+
+	fn unload_modify_import_export(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in unload_export_ports");
+			return;
+		};
+		network_metadata.transient_metadata.modify_import_export.unload();
+	}
+
+	pub fn rounded_network_edge_distance(&mut self, network_path: &[NodeId]) -> Option<&NetworkEdgeDistance> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in rounded_network_edge_distance");
+			return None;
+		};
+		if !network_metadata.transient_metadata.rounded_network_edge_distance.is_loaded() {
+			self.load_rounded_network_edge_distance(network_path);
+		}
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in rounded_network_edge_distance");
+			return None;
+		};
+		let TransientMetadata::Loaded(rounded_network_edge_distance) = &network_metadata.transient_metadata.rounded_network_edge_distance else {
+			log::error!("could not load import rounded_network_edge_distance");
+			return None;
+		};
+		Some(rounded_network_edge_distance)
+	}
+
+	fn load_rounded_network_edge_distance(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network in set_grid_aligned_edges");
+			return;
+		};
+		// When setting the edges to be grid aligned, update the pixel offset to ensure the next pan starts from the snapped import/export position
+		let node_graph_to_viewport = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport;
+		// TODO: Eventually replace node graph top right with the footprint when trying to get the network edge distance
+		let node_graph_top_right = network_metadata.persistent_metadata.navigation_metadata.node_graph_top_right;
+		let target_exports_distance = node_graph_to_viewport.inverse().transform_point2(DVec2::new(
+			node_graph_top_right.x - EXPORTS_TO_RIGHT_EDGE_PIXEL_GAP as f64,
+			node_graph_top_right.y + EXPORTS_TO_TOP_EDGE_PIXEL_GAP as f64,
+		));
+
+		let target_imports_distance = node_graph_to_viewport
+			.inverse()
+			.transform_point2(DVec2::new(IMPORTS_TO_LEFT_EDGE_PIXEL_GAP as f64, IMPORTS_TO_TOP_EDGE_PIXEL_GAP as f64));
+
+		let rounded_exports_distance = DVec2::new((target_exports_distance.x / 24. + 0.5).floor() * 24., (target_exports_distance.y / 24. + 0.5).floor() * 24.);
+		let rounded_imports_distance = DVec2::new((target_imports_distance.x / 24. + 0.5).floor() * 24., (target_imports_distance.y / 24. + 0.5).floor() * 24.);
+
+		let rounded_viewport_exports_distance = node_graph_to_viewport.transform_point2(rounded_exports_distance);
+		let rounded_viewport_imports_distance = node_graph_to_viewport.transform_point2(rounded_imports_distance);
+
+		let network_edge_distance = NetworkEdgeDistance {
+			exports_to_edge_distance: rounded_viewport_exports_distance,
+			imports_to_edge_distance: rounded_viewport_imports_distance,
+		};
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get current network in load_export_ports");
+			return;
+		};
+		network_metadata.transient_metadata.rounded_network_edge_distance = TransientMetadata::Loaded(network_edge_distance);
+	}
+
+	fn unload_rounded_network_edge_distance(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in unload_export_ports");
+			return;
+		};
+		network_metadata.transient_metadata.rounded_network_edge_distance.unload();
+	}
+
+	fn owned_nodes(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<&HashSet<NodeId>> {
+		let layer_node = self.node_metadata(node_id, network_path)?;
+		let NodeTypePersistentMetadata::Layer(LayerPersistentMetadata { owned_nodes, .. }) = &layer_node.persistent_metadata.node_type_metadata else {
+			return None;
+		};
+		let TransientMetadata::Loaded(owned_nodes) = owned_nodes else {
+			return None;
+		};
+		Some(owned_nodes)
+	}
+
+	pub fn all_nodes_bounding_box(&mut self, network_path: &[NodeId]) -> Option<&[DVec2; 2]> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in all_nodes_bounding_box");
+			return None;
+		};
+
+		if !network_metadata.transient_metadata.all_nodes_bounding_box.is_loaded() {
+			self.load_all_nodes_bounding_box(network_path);
+		}
+
+		let network_metadata = self.network_metadata(network_path)?;
+
+		let TransientMetadata::Loaded(bounding_box) = &network_metadata.transient_metadata.all_nodes_bounding_box else {
+			log::error!("could not load all nodes bounding box");
+			return None;
+		};
+
+		Some(bounding_box)
+	}
+
+	pub fn load_all_nodes_bounding_box(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in load_all_nodes_bounding_box");
+			return;
+		};
+		let nodes = network_metadata.persistent_metadata.node_metadata.keys().copied().collect::<Vec<_>>();
+
+		let all_nodes_bounding_box = nodes
+			.iter()
+			.filter_map(|node_id| {
+				self.node_click_targets(node_id, network_path)
+					.and_then(|transient_node_metadata| transient_node_metadata.node_click_target.bounding_box())
+			})
+			.reduce(Quad::combine_bounds)
+			.unwrap_or([DVec2::new(0., 0.), DVec2::new(0., 0.)]);
+
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else { return };
+		network_metadata.transient_metadata.all_nodes_bounding_box = TransientMetadata::Loaded(all_nodes_bounding_box);
+	}
+
+	pub fn unload_all_nodes_bounding_box(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in unload_all_nodes_bounding_box");
+			return;
+		};
+		network_metadata.transient_metadata.all_nodes_bounding_box.unload();
+		self.unload_import_export_ports(network_path);
+	}
+
+	pub fn outward_wires(&mut self, network_path: &[NodeId]) -> Option<&HashMap<OutputConnector, Vec<InputConnector>>> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in outward_wires");
+			return None;
+		};
+
+		if !network_metadata.transient_metadata.outward_wires.is_loaded() {
+			self.load_outward_wires(network_path);
+		}
+
+		let network_metadata = self.network_metadata(network_path)?;
+
+		let TransientMetadata::Loaded(outward_wires) = &network_metadata.transient_metadata.outward_wires else {
+			log::error!("could not load outward wires");
+			return None;
+		};
+
+		Some(outward_wires)
+	}
+
+	fn load_outward_wires(&mut self, network_path: &[NodeId]) {
+		let mut outward_wires = HashMap::new();
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get nested network in load_outward_wires");
+			return;
+		};
+		// Initialize all output connectors for nodes
+		for (node_id, _) in network.nodes.iter() {
+			let number_of_outputs = self.number_of_outputs(node_id, network_path);
+			for output_index in 0..number_of_outputs {
+				outward_wires.insert(OutputConnector::node(*node_id, output_index), Vec::new());
+			}
+		}
+		// Initialize output connectors for the import node
+		for import_index in 0..self.number_of_imports(network_path) {
+			outward_wires.insert(OutputConnector::Import(import_index), Vec::new());
+		}
+		// Collect wires between all nodes and the Imports
+		for (current_node_id, node) in network.nodes.iter() {
+			for (input_index, input) in node.inputs.iter().enumerate() {
+				if let NodeInput::Node { node_id, output_index, .. } = input {
+					// If this errors then there is an input to a node that does not exist
+					let outward_wires_entry = outward_wires.get_mut(&OutputConnector::node(*node_id, *output_index)).unwrap_or_else(|| {
+						panic!(
+							"Output connector {:?} should be initialized for each node output from a node",
+							OutputConnector::node(*node_id, *output_index)
+						)
+					});
+					outward_wires_entry.push(InputConnector::node(*current_node_id, input_index));
+				} else if let NodeInput::Network { import_index, .. } = input {
+					let outward_wires_entry = outward_wires
+						.get_mut(&OutputConnector::Import(*import_index))
+						.unwrap_or_else(|| panic!("Output connector {:?} should be initialized for each import from a node", OutputConnector::Import(*import_index)));
+					outward_wires_entry.push(InputConnector::node(*current_node_id, input_index));
+				}
+			}
+		}
+		for (export_index, export) in network.exports.iter().enumerate() {
+			if let NodeInput::Node { node_id, output_index, .. } = export {
+				let outward_wires_entry = outward_wires.get_mut(&OutputConnector::node(*node_id, *output_index)).unwrap_or_else(|| {
+					panic!(
+						"Output connector {:?} should be initialized for each node input from exports",
+						OutputConnector::node(*node_id, *output_index)
+					)
+				});
+				outward_wires_entry.push(InputConnector::Export(export_index));
+			} else if let NodeInput::Network { import_index, .. } = export {
+				let outward_wires_entry = outward_wires
+					.get_mut(&OutputConnector::Import(*import_index))
+					.unwrap_or_else(|| panic!("Output connector {:?} should be initialized between imports and exports", OutputConnector::Import(*import_index)));
+				outward_wires_entry.push(InputConnector::Export(export_index));
+			}
+		}
+
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else { return };
+
+		network_metadata.transient_metadata.outward_wires = TransientMetadata::Loaded(outward_wires);
+	}
+
+	fn unload_outward_wires(&mut self, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in unload_outward_wires");
+			return;
+		};
+		network_metadata.transient_metadata.outward_wires.unload();
+	}
+
+	pub fn layer_width(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Option<u32> {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get nested node_metadata in layer_width");
+			return None;
+		};
+		if !node_metadata.persistent_metadata.is_layer() {
+			log::error!("Cannot get layer width for non layer node {node_id} in network {network_path:?}");
+			return None;
+		}
+
+		let layer_width_loaded = if let NodeTypeTransientMetadata::Layer(layer_metadata) = &node_metadata.transient_metadata.node_type_metadata {
+			layer_metadata.layer_width.is_loaded()
+		} else {
+			false
+		};
+		if !layer_width_loaded {
+			self.load_layer_width(node_id, network_path);
+		}
+
+		let node_metadata = self.node_metadata(node_id, network_path)?;
+		let NodeTypeTransientMetadata::Layer(layer_metadata) = &node_metadata.transient_metadata.node_type_metadata else {
+			log::error!("Transient metadata should be layer metadata when getting layer width");
+			return None;
+		};
+		let TransientMetadata::Loaded(layer_width) = layer_metadata.layer_width else {
+			log::error!("Transient metadata was not loaded when getting layer width");
+			return None;
+		};
+
+		Some(layer_width)
+	}
+
+	pub fn load_layer_width(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let left_thumbnail_padding = GRID_SIZE as f64 / 2.;
+		let thumbnail_width = 3. * GRID_SIZE as f64;
+		let gap_width = 8.;
+		let text_width = self.text_width(node_id, network_path).unwrap_or_else(|| {
+			log::error!("Could not get text width for node {node_id}");
+			0.
+		});
+
+		let grip_padding = 4.;
+		let grip_width = 8.;
+		let icon_overhang_width = GRID_SIZE as f64 / 2.;
+
+		let layer_width_pixels = left_thumbnail_padding + thumbnail_width + gap_width + text_width + grip_padding + grip_width + icon_overhang_width;
+		let layer_width = ((layer_width_pixels / 24.).ceil() as u32).max(8);
+
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get nested node_metadata in load_layer_width");
+			return;
+		};
+
+		// Ensure layer width is not loaded for a non layer node
+		if node_metadata.persistent_metadata.is_layer() {
+			if let NodeTypeTransientMetadata::Layer(layer_metadata) = &mut node_metadata.transient_metadata.node_type_metadata {
+				layer_metadata.layer_width = TransientMetadata::Loaded(layer_width);
+			} else {
+				// Set the entire transient node type metadata to be a layer, in case it was previously a node
+				node_metadata.transient_metadata.node_type_metadata = NodeTypeTransientMetadata::Layer(LayerTransientMetadata {
+					layer_width: TransientMetadata::Loaded(layer_width),
+				});
+			}
+		} else {
+			log::warn!("Tried loading layer width for non layer node");
+		}
+	}
+
+	/// Unloads layer width if the node is a layer
+	pub fn try_unload_layer_width(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let is_layer = self.is_layer(node_id, network_path);
+
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			return;
+		};
+
+		// If the node is a layer, then the width and click targets need to be recalculated
+		if is_layer {
+			if let NodeTypeTransientMetadata::Layer(layer_metadata) = &mut node_metadata.transient_metadata.node_type_metadata {
+				layer_metadata.layer_width.unload();
+			}
+		}
+	}
+
+	pub fn get_input_center(&mut self, input: &InputConnector, network_path: &[NodeId]) -> Option<DVec2> {
+		let (ports, index) = match input {
+			InputConnector::Node { node_id, input_index } => {
+				let node_click_target = self.node_click_targets(node_id, network_path)?;
+				(&node_click_target.port_click_targets, input_index)
+			}
+			InputConnector::Export(export_index) => {
+				let ports = self.import_export_ports(network_path)?;
+				(ports, export_index)
+			}
+		};
+		ports
+			.input_ports
+			.iter()
+			.find_map(|(input_index, click_target)| if index == input_index { click_target.bounding_box_center() } else { None })
+	}
+
+	pub fn get_output_center(&mut self, output: &OutputConnector, network_path: &[NodeId]) -> Option<DVec2> {
+		let (ports, index) = match output {
+			OutputConnector::Node { node_id, output_index } => {
+				let node_click_target = self.node_click_targets(node_id, network_path)?;
+				(&node_click_target.port_click_targets, output_index)
+			}
+			OutputConnector::Import(import_index) => {
+				let ports = self.import_export_ports(network_path)?;
+				(ports, import_index)
+			}
+		};
+		ports
+			.output_ports
+			.iter()
+			.find_map(|(input_index, click_target)| if index == input_index { click_target.bounding_box_center() } else { None })
+	}
+
+	pub fn newly_loaded_input_wire(&mut self, input: &InputConnector, graph_wire_style: GraphWireStyle, network_path: &[NodeId]) -> Option<WirePathUpdate> {
+		if !self.wire_is_loaded(input, network_path) {
+			self.load_wire(input, graph_wire_style, network_path);
+		} else {
+			return None;
+		}
+
+		let wire = match input {
+			InputConnector::Node { node_id, input_index } => {
+				let input_metadata = self.transient_input_metadata(node_id, *input_index, network_path)?;
+				let TransientMetadata::Loaded(wire) = &input_metadata.wire else {
+					log::error!("Could not load wire for input: {:?}", input);
+					return None;
+				};
+				wire.clone()
+			}
+			InputConnector::Export(export_index) => {
+				let network_metadata = self.network_metadata(network_path)?;
+				let Some(TransientMetadata::Loaded(wire)) = network_metadata.transient_metadata.wires.get(*export_index) else {
+					log::error!("Could not load wire for input: {:?}", input);
+					return None;
+				};
+				wire.clone()
+			}
+		};
+		Some(wire)
+	}
+
+	pub fn wire_is_loaded(&mut self, input: &InputConnector, network_path: &[NodeId]) -> bool {
+		match input {
+			InputConnector::Node { node_id, input_index } => {
+				let Some(input_metadata) = self.transient_input_metadata(node_id, *input_index, network_path) else {
+					log::error!("Input metadata should always exist for input");
+					return false;
+				};
+				input_metadata.wire.is_loaded()
+			}
+			InputConnector::Export(export_index) => {
+				let Some(network_metadata) = self.network_metadata(network_path) else {
+					return false;
+				};
+				match network_metadata.transient_metadata.wires.get(*export_index) {
+					Some(wire) => wire.is_loaded(),
+					None => false,
+				}
+			}
+		}
+	}
+
+	fn load_wire(&mut self, input: &InputConnector, graph_wire_style: GraphWireStyle, network_path: &[NodeId]) {
+		let dashed = match self.previewing(network_path) {
+			Previewing::Yes { .. } => match input {
+				InputConnector::Node { .. } => false,
+				InputConnector::Export(export_index) => *export_index == 0,
+			},
+			Previewing::No => false,
+		};
+		let Some(wire) = self.wire_path_from_input(input, graph_wire_style, dashed, network_path) else {
+			return;
+		};
+		match input {
+			InputConnector::Node { node_id, input_index } => {
+				let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else { return };
+				let Some(input_metadata) = node_metadata.persistent_metadata.input_metadata.get_mut(*input_index) else {
+					log::error!("Node metadata must exist on node: {input:?}");
+					return;
+				};
+				let wire_update = WirePathUpdate {
+					id: *node_id,
+					input_index: *input_index,
+					wire_path_update: Some(wire),
+				};
+				input_metadata.transient_metadata.wire = TransientMetadata::Loaded(wire_update);
+			}
+			InputConnector::Export(export_index) => {
+				let Some(network_metadata) = self.network_metadata_mut(network_path) else { return };
+				if *export_index >= network_metadata.transient_metadata.wires.len() {
+					network_metadata.transient_metadata.wires.resize(export_index + 1, TransientMetadata::Unloaded);
+				}
+				let Some(input_metadata) = network_metadata.transient_metadata.wires.get_mut(*export_index) else {
+					return;
+				};
+				let wire_update = WirePathUpdate {
+					id: NodeId(u64::MAX),
+					input_index: *export_index,
+					wire_path_update: Some(wire),
+				};
+				*input_metadata = TransientMetadata::Loaded(wire_update);
+			}
+		}
+	}
+
+	pub fn all_input_connectors(&self, network_path: &[NodeId]) -> Vec<InputConnector> {
+		let mut input_connectors = Vec::new();
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get nested network in all_input_connectors");
+			return Vec::new();
+		};
+		for export_index in 0..network.exports.len() {
+			input_connectors.push(InputConnector::Export(export_index));
+		}
+		for (node_id, node) in &network.nodes {
+			for input_index in 0..node.inputs.len() {
+				input_connectors.push(InputConnector::node(*node_id, input_index));
+			}
+		}
+		input_connectors
+	}
+
+	pub fn node_graph_input_connectors(&self, network_path: &[NodeId]) -> Vec<InputConnector> {
+		self.all_input_connectors(network_path)
+			.into_iter()
+			.filter(|input| self.input_from_connector(input, network_path).is_some_and(|input| input.is_exposed()))
+			.collect()
+	}
+
+	/// Maps to the frontend representation of a wire start. Includes disconnected value wire inputs.
+	pub fn node_graph_wire_inputs(&self, network_path: &[NodeId]) -> Vec<(NodeId, usize)> {
+		self.node_graph_input_connectors(network_path)
+			.iter()
+			.map(|input| match input {
+				InputConnector::Node { node_id, input_index } => (*node_id, *input_index),
+				InputConnector::Export(export_index) => (NodeId(u64::MAX), *export_index),
+			})
+			.chain(std::iter::once((NodeId(u64::MAX), usize::MAX)))
+			.collect()
+	}
+
+	fn unload_wires_for_node(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let number_of_outputs = self.number_of_outputs(node_id, network_path);
+		let Some(outward_wires) = self.outward_wires(network_path) else {
+			log::error!("Could not get outward wires in reorder_export");
+			return;
+		};
+		let mut input_connectors = Vec::new();
+		for output_index in 0..number_of_outputs {
+			let Some(inputs) = outward_wires.get(&OutputConnector::node(*node_id, output_index)) else {
+				continue;
+			};
+			input_connectors.extend(inputs.clone())
+		}
+		for input_index in 0..self.number_of_inputs(node_id, network_path) {
+			input_connectors.push(InputConnector::node(*node_id, input_index));
+		}
+		for input in input_connectors {
+			self.unload_wire(&input, network_path);
+		}
+	}
+
+	pub fn unload_wire(&mut self, input: &InputConnector, network_path: &[NodeId]) {
+		match input {
+			InputConnector::Node { node_id, input_index } => {
+				let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+					return;
+				};
+				let Some(input_metadata) = node_metadata.persistent_metadata.input_metadata.get_mut(*input_index) else {
+					log::error!("Node metadata must exist on node: {input:?}");
+					return;
+				};
+				input_metadata.transient_metadata.wire = TransientMetadata::Unloaded;
+			}
+			InputConnector::Export(export_index) => {
+				let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+					return;
+				};
+				if *export_index >= network_metadata.transient_metadata.wires.len() {
+					network_metadata.transient_metadata.wires.resize(export_index + 1, TransientMetadata::Unloaded);
+				}
+				let Some(input_metadata) = network_metadata.transient_metadata.wires.get_mut(*export_index) else {
+					return;
+				};
+				*input_metadata = TransientMetadata::Unloaded;
+			}
+		}
+	}
+
+	/// When previewing, there may be a second path to the root node.
+	pub fn wire_to_root(&mut self, graph_wire_style: GraphWireStyle, network_path: &[NodeId]) -> Option<WirePathUpdate> {
+		let input = InputConnector::Export(0);
+		let current_export = self.upstream_output_connector(&input, network_path)?;
+
+		let root_node = match self.previewing(network_path) {
+			Previewing::Yes { root_node_to_restore } => root_node_to_restore,
+			Previewing::No => None,
+		}?;
+
+		if Some(root_node.node_id) == current_export.node_id() {
+			return None;
+		}
+		let Some(input_position) = self.get_input_center(&input, network_path) else {
+			log::error!("Could not get dom rect for wire end in root node: {:?}", input);
+			return None;
+		};
+		let upstream_output = OutputConnector::node(root_node.node_id, root_node.output_index);
+		let Some(output_position) = self.get_output_center(&upstream_output, network_path) else {
+			log::error!("Could not get dom rect for wire start in root node: {:?}", upstream_output);
+			return None;
+		};
+		let vertical_end = input.node_id().is_some_and(|node_id| self.is_layer(&node_id, network_path) && input.input_index() == 0);
+		let vertical_start: bool = upstream_output.node_id().is_some_and(|node_id| self.is_layer(&node_id, network_path));
+		let thick = vertical_end && vertical_start;
+		let vector_wire = build_vector_wire(output_position, input_position, vertical_start, vertical_end, graph_wire_style);
+
+		let mut path_string = String::new();
+		let _ = vector_wire.subpath_to_svg(&mut path_string, DAffine2::IDENTITY);
+		let data_type = FrontendGraphDataType::from_type(&self.input_type(&input, network_path).0);
+		let wire_path_update = Some(WirePath {
+			path_string,
+			data_type,
+			thick,
+			dashed: false,
+		});
+
+		Some(WirePathUpdate {
+			id: NodeId(u64::MAX),
+			input_index: usize::MAX,
+			wire_path_update,
+		})
+	}
+
+	/// Returns the vector subpath and a boolean of whether the wire should be thick.
+	pub fn vector_wire_from_input(&mut self, input: &InputConnector, wire_style: GraphWireStyle, network_path: &[NodeId]) -> Option<(Subpath<PointId>, bool)> {
+		let Some(input_position) = self.get_input_center(input, network_path) else {
+			log::error!("Could not get dom rect for wire end: {:?}", input);
+			return None;
+		};
+		// An upstream output could not be found, so the wire does not exist, but it should still be loaded as as empty vector
+		let Some(upstream_output) = self.upstream_output_connector(input, network_path) else {
+			return Some((Subpath::from_anchors(std::iter::empty(), false), false));
+		};
+		let Some(output_position) = self.get_output_center(&upstream_output, network_path) else {
+			log::error!("Could not get dom rect for wire start: {:?}", upstream_output);
+			return None;
+		};
+		let vertical_end = input.node_id().is_some_and(|node_id| self.is_layer(&node_id, network_path) && input.input_index() == 0);
+		let vertical_start = upstream_output.node_id().is_some_and(|node_id| self.is_layer(&node_id, network_path));
+		let thick = vertical_end && vertical_start;
+		Some((build_vector_wire(output_position, input_position, vertical_start, vertical_end, wire_style), thick))
+	}
+
+	pub fn wire_path_from_input(&mut self, input: &InputConnector, graph_wire_style: GraphWireStyle, dashed: bool, network_path: &[NodeId]) -> Option<WirePath> {
+		let (vector_wire, thick) = self.vector_wire_from_input(input, graph_wire_style, network_path)?;
+		let mut path_string = String::new();
+		let _ = vector_wire.subpath_to_svg(&mut path_string, DAffine2::IDENTITY);
+		let data_type = FrontendGraphDataType::from_type(&self.input_type(input, network_path).0);
+		Some(WirePath {
+			path_string,
+			data_type,
+			thick,
+			dashed,
+		})
+	}
+
+	pub fn node_click_targets(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Option<&DocumentNodeClickTargets> {
+		self.try_load_node_click_targets(node_id, network_path);
+		self.try_get_node_click_targets(node_id, network_path)
+	}
+
+	fn try_load_node_click_targets(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get nested node_metadata in node_click_targets");
+			return;
+		};
+		if !node_metadata.transient_metadata.click_targets.is_loaded() {
+			self.load_node_click_targets(node_id, network_path)
+		};
+	}
+
+	fn try_get_node_click_targets(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<&DocumentNodeClickTargets> {
+		let node_metadata = self.node_metadata(node_id, network_path)?;
+		let TransientMetadata::Loaded(click_target) = &node_metadata.transient_metadata.click_targets else {
+			log::error!("Could not load node type metadata when getting click targets");
+			return None;
+		};
+		Some(click_target)
+	}
+
+	pub fn load_node_click_targets(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let Some(node_position) = self.position_from_downstream_node(node_id, network_path) else {
+			log::error!("Could not get node position in load_node_click_targets for node {node_id}");
+			return;
+		};
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get nested node_metadata in load_node_click_targets");
+			return;
+		};
+		let Some(document_node) = self.document_node(node_id, network_path) else {
+			log::error!("Could not get document node in load_node_click_targets");
+			return;
+		};
+
+		let node_top_left = node_position.as_dvec2() * 24.;
+		let mut port_click_targets = Ports::new();
+		let document_node_click_targets = if !node_metadata.persistent_metadata.is_layer() {
+			// Create input/output click targets
+			let mut input_row_count = 0;
+			for (input_index, input) in document_node.inputs.iter().enumerate() {
+				if input.is_exposed() {
+					port_click_targets.insert_node_input(input_index, input_row_count, node_top_left);
+				}
+				// Primary input row is always displayed, even if the input is not exposed
+				if input_index == 0 || input.is_exposed() {
+					input_row_count += 1;
+				}
+			}
+
+			let number_of_outputs = match &document_node.implementation {
+				DocumentNodeImplementation::Network(network) => network.exports.len(),
+				_ => 1,
+			};
+			// If the node does not have a primary output, shift all ports down a row
+			let mut output_row_count = if !node_metadata.persistent_metadata.has_primary_output { 1 } else { 0 };
+			for output_index in 0..number_of_outputs {
+				port_click_targets.insert_node_output(output_index, output_row_count, node_top_left);
+				output_row_count += 1;
+			}
+
+			let height = input_row_count.max(output_row_count).max(1) as u32 * crate::consts::GRID_SIZE;
+			let width = 5 * crate::consts::GRID_SIZE;
+			let node_click_target_top_left = node_top_left + DVec2::new(0., 12.);
+			let node_click_target_bottom_right = node_click_target_top_left + DVec2::new(width as f64, height as f64);
+
+			let radius = 3.;
+			let subpath = bezier_rs::Subpath::new_rounded_rect(node_click_target_top_left, node_click_target_bottom_right, [radius; 4]);
+			let node_click_target = ClickTarget::new_with_subpath(subpath, 0.);
+
+			DocumentNodeClickTargets {
+				node_click_target,
+				port_click_targets,
+				node_type_metadata: NodeTypeClickTargets::Node,
+			}
+		} else {
+			// Layer inputs
+			port_click_targets.insert_layer_input(0, node_top_left);
+			if document_node.inputs.iter().filter(|input| input.is_exposed()).count() > 1 {
+				port_click_targets.insert_layer_input(1, node_top_left);
+			}
+			port_click_targets.insert_layer_output(node_top_left);
+
+			let layer_width_cells = self.layer_width(node_id, network_path).unwrap_or_else(|| {
+				log::error!("Could not get layer width in load_node_click_targets");
+				0
+			});
+			let width = layer_width_cells * crate::consts::GRID_SIZE;
+			let height = 2 * crate::consts::GRID_SIZE;
+
+			// Update visibility button click target
+			let visibility_offset = node_top_left + DVec2::new(width as f64, 24.);
+			let subpath = Subpath::new_rounded_rect(DVec2::new(-12., -12.) + visibility_offset, DVec2::new(12., 12.) + visibility_offset, [3.; 4]);
+			let visibility_click_target = ClickTarget::new_with_subpath(subpath, 0.);
+
+			// Update grip button click target, which is positioned to the left of the left most icon
+			let grip_offset_right_edge = node_top_left + DVec2::new(width as f64 - (GRID_SIZE as f64) / 2., 24.);
+			let subpath = Subpath::new_rounded_rect(DVec2::new(-8., -12.) + grip_offset_right_edge, DVec2::new(0., 12.) + grip_offset_right_edge, [0.; 4]);
+			let grip_click_target = ClickTarget::new_with_subpath(subpath, 0.);
+
+			// Create layer click target, which is contains the layer and the chain background
+			let chain_width_grid_spaces = self.chain_width(node_id, network_path);
+
+			let node_bottom_right = node_top_left + DVec2::new(width as f64, height as f64);
+			let chain_top_left = node_top_left - DVec2::new((chain_width_grid_spaces * crate::consts::GRID_SIZE) as f64, 0.);
+			let radius = 10.;
+			let subpath = bezier_rs::Subpath::new_rounded_rect(chain_top_left, node_bottom_right, [radius; 4]);
+			let node_click_target = ClickTarget::new_with_subpath(subpath, 0.);
+
+			DocumentNodeClickTargets {
+				node_click_target,
+				port_click_targets,
+				node_type_metadata: NodeTypeClickTargets::Layer(LayerClickTargets {
+					visibility_click_target,
+					grip_click_target,
+				}),
+			}
+		};
+
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get nested node_metadata in load_node_click_targets");
+			return;
+		};
+		node_metadata.transient_metadata.click_targets = TransientMetadata::Loaded(document_node_click_targets);
+	}
+
+	pub fn node_bounding_box(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Option<[DVec2; 2]> {
+		self.node_click_targets(node_id, network_path)
+			.and_then(|transient_node_metadata| transient_node_metadata.node_click_target.bounding_box())
+	}
+
+	pub fn try_get_node_bounding_box(&self, node_id: &NodeId, network_path: &[NodeId]) -> Option<[DVec2; 2]> {
+		self.try_get_node_click_targets(node_id, network_path)
+			.and_then(|transient_node_metadata| transient_node_metadata.node_click_target.bounding_box())
+	}
+
+	pub fn try_load_all_node_click_targets(&mut self, network_path: &[NodeId]) {
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get network in load_all_node_click_targets");
+			return;
+		};
+		for node_id in network.nodes.keys().cloned().collect::<Vec<_>>() {
+			self.try_load_node_click_targets(&node_id, network_path);
+		}
+	}
+
+	/// Get the top left position in node graph coordinates for a node by recursively iterating downstream through cached positions, which means the iteration can be broken once a known position is reached.
+	pub fn position_from_downstream_node(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> Option<IVec2> {
+		let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+			log::error!("Could not get nested node_metadata in position_from_downstream_node");
+			return None;
+		};
+		match &node_metadata.persistent_metadata.node_type_metadata {
+			NodeTypePersistentMetadata::Layer(layer_metadata) => {
+				match layer_metadata.position {
+					LayerPosition::Absolute(position) => Some(position),
+					LayerPosition::Stack(y_offset) => {
+						let Some(downstream_node_connectors) = self
+							.outward_wires(network_path)
+							.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(*node_id, 0)))
+							.cloned()
+						else {
+							log::error!("Could not get downstream node in position_from_downstream_node");
+							return None;
+						};
+						let downstream_connector = downstream_node_connectors
+							.iter()
+							.find_map(|input_connector| input_connector.node_id().map(|node_id| (node_id, input_connector.input_index())));
+
+						let Some((downstream_node_id, _)) = downstream_connector else {
+							log::error!("Could not get downstream node input connector for node {node_id}");
+							return None;
+						};
+						// Get the height of the node to ensure nodes do not overlap
+						let Some(downstream_node_height) = self.height_from_click_target(&downstream_node_id, network_path) else {
+							log::error!("Could not get click target height in position_from_downstream_node");
+							return None;
+						};
+						self.position(&downstream_node_id, network_path)
+							.map(|position| position + IVec2::new(0, 1 + downstream_node_height as i32 + y_offset as i32))
+					}
+				}
+			}
+			NodeTypePersistentMetadata::Node(node_metadata) => {
+				match node_metadata.position {
+					NodePosition::Absolute(position) => Some(position),
+					NodePosition::Chain => {
+						// Iterate through primary flow to find the first Layer
+						let mut current_node_id = *node_id;
+						let mut node_distance_from_layer = 1;
+						loop {
+							// TODO: Use root node to restore if previewing
+							let Some(downstream_node_connectors) = self
+								.outward_wires(network_path)
+								.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(current_node_id, 0)))
+								.cloned()
+							else {
+								log::error!("Could not get downstream node for node {node_id} with Position::Chain");
+								return None;
+							};
+							let Some(downstream_node_id) = downstream_node_connectors.iter().find_map(|input_connector| {
+								if let InputConnector::Node { node_id, input_index } = input_connector {
+									let downstream_input_index = if self.is_layer(node_id, network_path) { 1 } else { 0 };
+									if *input_index == downstream_input_index { Some(node_id) } else { None }
+								} else {
+									None
+								}
+							}) else {
+								log::error!("Could not get downstream node input connector with input index 1 for node with Position::Chain");
+								return None;
+							};
+							let Some(downstream_node_metadata) = self.network_metadata(network_path)?.persistent_metadata.node_metadata.get(downstream_node_id) else {
+								log::error!("Downstream node metadata not found in node_metadata for node with Position::Chain");
+								return None;
+							};
+							if downstream_node_metadata.persistent_metadata.is_layer() {
+								// Get the position of the layer
+								let layer_position = self.position(downstream_node_id, network_path)?;
+								return Some(layer_position + IVec2::new(-node_distance_from_layer * 7, 0));
+							}
+							node_distance_from_layer += 1;
+							current_node_id = *downstream_node_id;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	pub fn unload_node_click_targets(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get nested node_metadata in unload_node_click_target");
+			return;
+		};
+		node_metadata.transient_metadata.click_targets.unload();
+		self.unload_wires_for_node(node_id, network_path);
+	}
+
+	pub fn unload_upstream_node_click_targets(&mut self, node_ids: Vec<NodeId>, network_path: &[NodeId]) {
+		let upstream_nodes = self.upstream_flow_back_from_nodes(node_ids, network_path, FlowType::UpstreamFlow).collect::<Vec<_>>();
+
+		for upstream_id in &upstream_nodes {
+			self.unload_node_click_targets(upstream_id, network_path);
+		}
+	}
+
+	pub fn unload_all_nodes_click_targets(&mut self, network_path: &[NodeId]) {
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get nested network in unload_all_nodes_click_targets");
+			return;
+		};
+		let upstream_nodes = network.nodes.keys().cloned().collect::<Vec<_>>();
+
+		for upstream_id in &upstream_nodes {
+			self.unload_node_click_targets(upstream_id, network_path);
+		}
+	}
+}
+
+// Helper functions for mutable getters
+impl NodeNetworkInterface {
+	pub fn upstream_chain_nodes(&mut self, network_path: &[NodeId]) -> Vec<NodeId> {
+		let Some(selected_nodes) = self.selected_nodes_in_nested_network(network_path) else {
+			log::error!("Could not get selected nodes in upstream_chain_nodes");
+			return Vec::new();
+		};
+		let mut all_selected_nodes = selected_nodes.selected_nodes().cloned().collect::<Vec<_>>();
+		for selected_node_id in selected_nodes.selected_nodes() {
+			if self.is_layer(selected_node_id, network_path) {
+				let unique_upstream_chain = self
+					.upstream_flow_back_from_nodes(vec![*selected_node_id], network_path, FlowType::HorizontalFlow)
+					.skip(1)
+					.take_while(|node_id| self.is_chain(node_id, network_path))
+					.filter(|upstream_node| all_selected_nodes.iter().all(|new_selected_node| new_selected_node != upstream_node))
+					.collect::<Vec<_>>();
+				all_selected_nodes.extend(unique_upstream_chain);
+			}
+		}
+		all_selected_nodes
+	}
+
+	pub fn collect_frontend_click_targets(&mut self, network_path: &[NodeId]) -> FrontendClickTargets {
+		let mut all_node_click_targets = Vec::new();
+		let mut port_click_targets = Vec::new();
+		let mut icon_click_targets = Vec::new();
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in collect_frontend_click_targets");
+			return FrontendClickTargets::default();
+		};
+		network_metadata.persistent_metadata.node_metadata.keys().copied().collect::<Vec<_>>().into_iter().for_each(|node_id| {
+			if let (Some(import_export_click_targets), Some(node_click_targets)) = (self.import_export_ports(network_path).cloned(), self.node_click_targets(&node_id, network_path)) {
+				let mut node_path = String::new();
+
+				if let ClickTargetType::Subpath(subpath) = node_click_targets.node_click_target.target_type() {
+					let _ = subpath.subpath_to_svg(&mut node_path, DAffine2::IDENTITY);
+				}
+				all_node_click_targets.push((node_id, node_path));
+				for port in node_click_targets.port_click_targets.click_targets().chain(import_export_click_targets.click_targets()) {
+					if let ClickTargetType::Subpath(subpath) = port.target_type() {
+						let mut port_path = String::new();
+						let _ = subpath.subpath_to_svg(&mut port_path, DAffine2::IDENTITY);
+						port_click_targets.push(port_path);
+					}
+				}
+				if let NodeTypeClickTargets::Layer(layer_metadata) = &node_click_targets.node_type_metadata {
+					if let ClickTargetType::Subpath(subpath) = layer_metadata.visibility_click_target.target_type() {
+						let mut port_path = String::new();
+						let _ = subpath.subpath_to_svg(&mut port_path, DAffine2::IDENTITY);
+						icon_click_targets.push(port_path);
+					}
+
+					if let ClickTargetType::Subpath(subpath) = layer_metadata.grip_click_target.target_type() {
+						let mut port_path = String::new();
+						let _ = subpath.subpath_to_svg(&mut port_path, DAffine2::IDENTITY);
+						icon_click_targets.push(port_path);
+					}
+				}
+			}
+		});
+		let mut layer_click_targets = Vec::new();
+		let mut node_click_targets = Vec::new();
+		all_node_click_targets.into_iter().for_each(|(node_id, path)| {
+			if self.is_layer(&node_id, network_path) {
+				layer_click_targets.push(path);
+			} else {
+				node_click_targets.push(path);
+			}
+		});
+
+		let bounds = self.all_nodes_bounding_box(network_path).cloned().unwrap_or([DVec2::ZERO, DVec2::ZERO]);
+		let rect = bezier_rs::Subpath::<PointId>::new_rect(bounds[0], bounds[1]);
+		let mut all_nodes_bounding_box = String::new();
+		let _ = rect.subpath_to_svg(&mut all_nodes_bounding_box, DAffine2::IDENTITY);
+
+		let Some(rounded_network_edge_distance) = self.rounded_network_edge_distance(network_path).cloned() else {
+			log::error!("Could not get rounded_network_edge_distance in collect_frontend_click_targets");
+			return FrontendClickTargets::default();
+		};
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in collect_frontend_click_targets");
+			return FrontendClickTargets::default();
+		};
+		let import_exports_viewport_top_left = rounded_network_edge_distance.imports_to_edge_distance;
+		let import_exports_viewport_bottom_right = rounded_network_edge_distance.exports_to_edge_distance;
+
+		let node_graph_top_left = network_metadata
+			.persistent_metadata
+			.navigation_metadata
+			.node_graph_to_viewport
+			.inverse()
+			.transform_point2(import_exports_viewport_top_left);
+		let node_graph_bottom_right = network_metadata
+			.persistent_metadata
+			.navigation_metadata
+			.node_graph_to_viewport
+			.inverse()
+			.transform_point2(import_exports_viewport_bottom_right);
+
+		let import_exports_target = bezier_rs::Subpath::<PointId>::new_rect(node_graph_top_left, node_graph_bottom_right);
+		let mut import_exports_bounding_box = String::new();
+		let _ = import_exports_target.subpath_to_svg(&mut import_exports_bounding_box, DAffine2::IDENTITY);
+
+		let mut modify_import_export = Vec::new();
+		if let Some(modify_import_export_click_targets) = self.modify_import_export(network_path) {
+			for click_target in modify_import_export_click_targets
+				.add_import_export
+				.click_targets()
+				.chain(modify_import_export_click_targets.remove_imports_exports.click_targets())
+				.chain(modify_import_export_click_targets.reorder_imports_exports.click_targets())
+			{
+				if let ClickTargetType::Subpath(subpath) = click_target.target_type() {
+					let mut remove_string = String::new();
+					let _ = subpath.subpath_to_svg(&mut remove_string, DAffine2::IDENTITY);
+					modify_import_export.push(remove_string);
+				}
+			}
+		}
+		FrontendClickTargets {
+			node_click_targets,
+			layer_click_targets,
+			port_click_targets,
+			icon_click_targets,
+			all_nodes_bounding_box,
+			import_exports_bounding_box,
+			modify_import_export,
+		}
+	}
+
+	pub fn set_document_to_viewport_transform(&mut self, transform: DAffine2) {
+		self.document_metadata.document_to_viewport = transform;
+	}
+
+	pub fn is_eligible_to_be_layer(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		let Some(node) = self.document_node(node_id, network_path) else {
+			log::error!("Could not get node {node_id} in is_eligible_to_be_layer");
+			return false;
+		};
+		let input_count = node.inputs.iter().take(2).filter(|input| input.is_exposed()).count();
+		let parameters_hidden = node.inputs.iter().skip(2).all(|input| !input.is_exposed());
+		let output_count = self.number_of_outputs(node_id, network_path);
+
+		self.node_metadata(node_id, network_path)
+			.is_some_and(|node_metadata| node_metadata.persistent_metadata.has_primary_output)
+			&& output_count == 1
+			&& (input_count <= 2)
+			&& parameters_hidden
+	}
+
+	pub fn node_graph_ptz(&self, network_path: &[NodeId]) -> Option<&PTZ> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in node_graph_ptz_mut");
+			return None;
+		};
+		Some(&network_metadata.persistent_metadata.navigation_metadata.node_graph_ptz)
+	}
+
+	pub fn node_graph_ptz_mut(&mut self, network_path: &[NodeId]) -> Option<&mut PTZ> {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in node_graph_ptz_mut");
+			return None;
+		};
+		Some(&mut network_metadata.persistent_metadata.navigation_metadata.node_graph_ptz)
+	}
+
+	// TODO: Optimize getting click target intersections from click by using a spacial data structure like a quadtree instead of linear search
+	/// Click target getter methods
+	pub fn node_from_click(&mut self, click: DVec2, network_path: &[NodeId]) -> Option<NodeId> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in node_from_click");
+			return None;
+		};
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get nested network in node_from_click");
+			return None;
+		};
+
+		let point = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.inverse().transform_point2(click);
+		let nodes = network.nodes.keys().copied().collect::<Vec<_>>();
+		let clicked_nodes = nodes
+			.iter()
+			.filter(|node_id| {
+				self.node_click_targets(node_id, network_path)
+					.is_some_and(|transient_node_metadata| transient_node_metadata.node_click_target.intersect_point_no_stroke(point))
+			})
+			.cloned()
+			.collect::<Vec<_>>();
+		// Since nodes are placed on top of layer chains, find the first non layer node that was clicked, and if there way no non layer nodes clicked, then find the first layer node that was clicked
+		clicked_nodes
+			.iter()
+			.find_map(|node_id| {
+				let Some(node_metadata) = self.network_metadata(network_path)?.persistent_metadata.node_metadata.get(node_id) else {
+					log::error!("Could not get node_metadata for node {node_id}");
+					return None;
+				};
+				if !node_metadata.persistent_metadata.is_layer() { Some(*node_id) } else { None }
+			})
+			.or_else(|| clicked_nodes.into_iter().next())
+	}
+
+	pub fn layer_click_target_from_click(&mut self, click: DVec2, click_target_type: LayerClickTargetTypes, network_path: &[NodeId]) -> Option<NodeId> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in visibility_from_click");
+			return None;
+		};
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get nested network in visibility_from_click");
+			return None;
+		};
+
+		let point = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.inverse().transform_point2(click);
+		let node_ids: Vec<_> = network.nodes.keys().copied().collect();
+
+		node_ids
+			.iter()
+			.filter_map(|node_id| {
+				self.node_click_targets(node_id, network_path).and_then(|transient_node_metadata| {
+					if let NodeTypeClickTargets::Layer(layer) = &transient_node_metadata.node_type_metadata {
+						match click_target_type {
+							LayerClickTargetTypes::Visibility => layer.visibility_click_target.intersect_point_no_stroke(point).then_some(*node_id),
+							LayerClickTargetTypes::Grip => layer.grip_click_target.intersect_point_no_stroke(point).then_some(*node_id),
+						}
+					} else {
+						None
+					}
+				})
+			})
+			.next()
+	}
+
+	pub fn input_connector_from_click(&mut self, click: DVec2, network_path: &[NodeId]) -> Option<InputConnector> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in input_connector_from_click");
+			return None;
+		};
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get nested network in input_connector_from_click");
+			return None;
+		};
+
+		let point = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.inverse().transform_point2(click);
+		network
+			.nodes
+			.keys()
+			.copied()
+			.collect::<Vec<_>>()
+			.iter()
+			.filter_map(|node_id| {
+				self.node_click_targets(node_id, network_path)
+					.and_then(|transient_node_metadata| {
+						transient_node_metadata
+							.port_click_targets
+							.clicked_input_port_from_point(point)
+							.map(|port| InputConnector::node(*node_id, port))
+					})
+					.or_else(|| {
+						self.import_export_ports(network_path)
+							.and_then(|import_export_ports| import_export_ports.clicked_input_port_from_point(point).map(InputConnector::Export))
+					})
+			})
+			.next()
+	}
+
+	pub fn output_connector_from_click(&mut self, click: DVec2, network_path: &[NodeId]) -> Option<OutputConnector> {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in output_connector_from_click");
+			return None;
+		};
+		let Some(network) = self.nested_network(network_path) else {
+			log::error!("Could not get nested network in output_connector_from_click");
+			return None;
+		};
+
+		let point = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport.inverse().transform_point2(click);
+		let nodes = network.nodes.keys().copied().collect::<Vec<_>>();
+		nodes
+			.iter()
+			.filter_map(|node_id| {
+				self.node_click_targets(node_id, network_path)
+					.and_then(|transient_node_metadata| {
+						transient_node_metadata
+							.port_click_targets
+							.clicked_output_port_from_point(point)
+							.map(|output_index| OutputConnector::node(*node_id, output_index))
+					})
+					.or_else(|| {
+						self.import_export_ports(network_path)
+							.and_then(|import_export_ports| import_export_ports.clicked_output_port_from_point(point).map(OutputConnector::Import))
+					})
+			})
+			.next()
+	}
+
+	pub fn input_position(&mut self, input_connector: &InputConnector, network_path: &[NodeId]) -> Option<DVec2> {
+		match input_connector {
+			InputConnector::Node { node_id, input_index } => {
+				// Get the displayed index from the input index
+				let Some(node) = self.document_node(node_id, network_path) else {
+					log::error!("Could not get node in input_position");
+					return None;
+				};
+				let mut displayed_index = 0;
+				for i in 0..*input_index {
+					if node.inputs[i].is_exposed() {
+						displayed_index += 1;
+					}
+				}
+				self.node_click_targets(node_id, network_path)
+					.and_then(|transient_node_metadata| transient_node_metadata.port_click_targets.input_port_position(displayed_index))
+			}
+			InputConnector::Export(export_index) => self
+				.import_export_ports(network_path)
+				.and_then(|import_export_ports| import_export_ports.input_port_position(*export_index)),
+		}
+	}
+
+	pub fn output_position(&mut self, output_connector: &OutputConnector, network_path: &[NodeId]) -> Option<DVec2> {
+		match output_connector {
+			OutputConnector::Node { node_id, output_index } => self
+				.node_click_targets(node_id, network_path)
+				.and_then(|transient_node_metadata| transient_node_metadata.port_click_targets.output_port_position(*output_index)),
+			OutputConnector::Import(import_index) => self
+				.import_export_ports(network_path)
+				.and_then(|import_export_ports| import_export_ports.output_port_position(*import_index)),
+		}
+	}
+
+	/// Get the combined bounding box of the click targets of the selected nodes in the node graph in viewport space
+	pub fn selected_nodes_bounding_box_viewport(&mut self, network_path: &[NodeId]) -> Option<[DVec2; 2]> {
+		// Always get the bounding box for nodes in the currently viewed network
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in selected_nodes_bounding_box_viewport");
+			return None;
+		};
+		let node_graph_to_viewport = network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport;
+		self.selected_nodes_bounding_box(network_path)
+			.map(|[a, b]| [node_graph_to_viewport.transform_point2(a), node_graph_to_viewport.transform_point2(b)])
+	}
+
+	/// Get the combined bounding box of the click targets of the selected nodes in the node graph in layer space
+	pub fn selected_nodes_bounding_box(&mut self, network_path: &[NodeId]) -> Option<[DVec2; 2]> {
+		let Some(selected_nodes) = self.selected_nodes_in_nested_network(network_path) else {
+			log::error!("Could not get selected nodes in selected_nodes_bounding_box_viewport");
+			return None;
+		};
+		selected_nodes
+			.selected_nodes()
+			.cloned()
+			.collect::<Vec<_>>()
+			.iter()
+			.filter_map(|node_id| {
+				self.node_click_targets(node_id, network_path)
+					.and_then(|transient_node_metadata| transient_node_metadata.node_click_target.bounding_box())
+			})
+			.reduce(graphene_std::renderer::Quad::combine_bounds)
+	}
+
+	/// Gets the bounding box in viewport coordinates for each node in the node graph
+	pub fn graph_bounds_viewport_space(&mut self, network_path: &[NodeId]) -> Option<[DVec2; 2]> {
+		let bounds = *self.all_nodes_bounding_box(network_path)?;
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in graph_bounds_viewport_space");
+			return None;
+		};
+
+		let bounding_box_subpath = bezier_rs::Subpath::<PointId>::new_rect(bounds[0], bounds[1]);
+		bounding_box_subpath.bounding_box_with_transform(network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport)
+	}
+
+	pub fn collect_layer_widths(&mut self, network_path: &[NodeId]) -> (HashMap<NodeId, u32>, HashMap<NodeId, u32>, HashMap<NodeId, bool>) {
+		let Some(network_metadata) = self.network_metadata(network_path) else {
+			log::error!("Could not get nested network_metadata in collect_layer_widths");
+			return (HashMap::new(), HashMap::new(), HashMap::new());
+		};
+		let nodes = network_metadata
+			.persistent_metadata
+			.node_metadata
+			.iter()
+			.filter_map(|(node_id, _)| if self.is_layer(node_id, network_path) { Some(*node_id) } else { None })
+			.collect::<Vec<_>>();
+		let layer_widths = nodes
+			.iter()
+			.filter_map(|node_id| self.layer_width(node_id, network_path).map(|layer_width| (*node_id, layer_width)))
+			.collect::<HashMap<NodeId, u32>>();
+		let chain_widths = nodes.iter().map(|node_id| (*node_id, self.chain_width(node_id, network_path))).collect::<HashMap<NodeId, u32>>();
+		let has_left_input_wire = nodes
+			.iter()
+			.map(|node_id| {
+				(
+					*node_id,
+					!self
+						.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::HorizontalFlow)
+						.skip(1)
+						.all(|node_id| self.is_chain(&node_id, network_path)),
+				)
+			})
+			.collect::<HashMap<NodeId, bool>>();
+
+		(layer_widths, chain_widths, has_left_input_wire)
+	}
+
+	pub fn compute_modified_vector(&self, layer: LayerNodeIdentifier) -> Option<VectorData> {
+		let graph_layer = graph_modification_utils::NodeGraphLayer::new(layer, self);
+
+		if let Some(vector_data) = graph_layer.upstream_node_id_from_name("Path").and_then(|node| self.document_metadata.vector_modify.get(&node)) {
+			let mut modified = vector_data.clone();
+			if let Some(TaggedValue::VectorModification(modification)) = graph_layer.find_input("Path", 1) {
+				modification.apply(&mut modified);
+			}
+			return Some(modified);
+		}
+
+		self.document_metadata
+			.click_targets
+			.get(&layer)
+			.map(|click| click.iter().map(ClickTarget::target_type))
+			.map(|target_types| VectorData::from_target_types(target_types, true))
+	}
+
+	/// Loads the structure of layer nodes from a node graph.
+	pub fn load_structure(&mut self) {
+		self.document_metadata.structure = HashMap::from_iter([(LayerNodeIdentifier::ROOT_PARENT, NodeRelations::default())]);
+
+		// Only load structure if there is a root node
+		let Some(root_node) = self.root_node(&[]) else { return };
+
+		let Some(first_root_layer) = self
+			.upstream_flow_back_from_nodes(vec![root_node.node_id], &[], FlowType::PrimaryFlow)
+			.find_map(|node_id| if self.is_layer(&node_id, &[]) { Some(LayerNodeIdentifier::new(node_id, self, &[])) } else { None })
+		else {
+			return;
+		};
+		// Should refer to output node
+		let mut awaiting_horizontal_flow = vec![(first_root_layer.to_node(), first_root_layer)];
+		let mut awaiting_primary_flow = vec![];
+
+		while let Some((horizontal_root_node_id, mut parent_layer_node)) = awaiting_horizontal_flow.pop() {
+			let horizontal_flow_iter = self.upstream_flow_back_from_nodes(vec![horizontal_root_node_id], &[], FlowType::HorizontalFlow);
+			let mut children = Vec::new();
+
+			// Special handling for the root layer, since it should not be skipped
+			if horizontal_root_node_id == first_root_layer.to_node() {
+				for current_node_id in horizontal_flow_iter {
+					if self.is_layer(&current_node_id, &[]) {
+						let current_layer_node = LayerNodeIdentifier::new(current_node_id, self, &[]);
+						if !self.document_metadata.structure.contains_key(&current_layer_node) {
+							if current_node_id == first_root_layer.to_node() {
+								awaiting_primary_flow.push((current_node_id, LayerNodeIdentifier::ROOT_PARENT));
+								children.push((LayerNodeIdentifier::ROOT_PARENT, current_layer_node));
+							} else {
+								awaiting_primary_flow.push((current_node_id, parent_layer_node));
+								children.push((parent_layer_node, current_layer_node));
+							}
+							parent_layer_node = current_layer_node;
+						}
+					}
+				}
+			} else {
+				// Skip the horizontal_root_node_id node
+				for current_node_id in horizontal_flow_iter.skip(1) {
+					if self.is_layer(&current_node_id, &[]) {
+						let current_layer_node = LayerNodeIdentifier::new(current_node_id, self, &[]);
+						if !self.document_metadata.structure.contains_key(&current_layer_node) {
+							awaiting_primary_flow.push((current_node_id, parent_layer_node));
+							children.push((parent_layer_node, current_layer_node));
+							parent_layer_node = current_layer_node;
+						}
+					}
+				}
+			}
+
+			for (parent, child) in children {
+				parent.push_child(&mut self.document_metadata, child);
+			}
+
+			while let Some((primary_root_node_id, parent_layer_node)) = awaiting_primary_flow.pop() {
+				let primary_flow_iter = self.upstream_flow_back_from_nodes(vec![primary_root_node_id], &[], FlowType::PrimaryFlow);
+				// Skip the primary_root_node_id node
+				let mut children = Vec::new();
+				for current_node_id in primary_flow_iter.skip(1) {
+					if self.is_layer(&current_node_id, &[]) {
+						// Create a new layer for the top of each stack, and add it as a child to the previous parent
+						let current_layer_node = LayerNodeIdentifier::new(current_node_id, self, &[]);
+						if !self.document_metadata.structure.contains_key(&current_layer_node) {
+							children.push(current_layer_node);
+
+							// The layer nodes for the horizontal flow is itself
+							awaiting_horizontal_flow.push((current_node_id, current_layer_node));
+						}
+					}
+				}
+				for child in children {
+					parent_layer_node.push_child(&mut self.document_metadata, child);
+				}
+			}
+		}
+
+		let nodes: HashSet<NodeId> = self.document_network().nodes.keys().cloned().collect::<HashSet<_>>();
+
+		self.document_metadata.upstream_footprints.retain(|node, _| nodes.contains(node));
+		self.document_metadata.local_transforms.retain(|node, _| nodes.contains(node));
+		self.document_metadata.vector_modify.retain(|node, _| nodes.contains(node));
+		self.document_metadata.click_targets.retain(|layer, _| self.document_metadata.structure.contains_key(layer));
+	}
+
+	/// Update the cached transforms of the layers
+	pub fn update_transforms(&mut self, upstream_footprints: HashMap<NodeId, Footprint>, local_transforms: HashMap<NodeId, DAffine2>) {
+		self.document_metadata.upstream_footprints = upstream_footprints;
+		self.document_metadata.local_transforms = local_transforms;
+	}
+
+	/// Update the cached click targets of the layers
+	pub fn update_click_targets(&mut self, new_click_targets: HashMap<LayerNodeIdentifier, Vec<ClickTarget>>) {
+		self.document_metadata.click_targets = new_click_targets;
+	}
+
+	/// Update the cached clip targets of the layers
+	pub fn update_clip_targets(&mut self, new_clip_targets: HashSet<NodeId>) {
+		self.document_metadata.clip_targets = new_clip_targets;
+	}
+
+	/// Update the vector modify of the layers
+	pub fn update_vector_modify(&mut self, new_vector_modify: HashMap<NodeId, VectorData>) {
+		self.document_metadata.vector_modify = new_vector_modify;
+	}
+}
+
+// Public mutable methods
+impl NodeNetworkInterface {
+	pub fn copy_all_navigation_metadata(&mut self, other_interface: &NodeNetworkInterface) {
+		let mut stack = vec![vec![]];
+		while let Some(path) = stack.pop() {
+			let Some(self_network_metadata) = self.network_metadata_mut(&path) else {
+				continue;
+			};
+			if let Some(other_network_metadata) = other_interface.network_metadata(&path) {
+				self_network_metadata.persistent_metadata.navigation_metadata = other_network_metadata.persistent_metadata.navigation_metadata.clone();
+			}
+
+			stack.extend(self_network_metadata.persistent_metadata.node_metadata.keys().map(|node_id| {
+				let mut current_path = path.clone();
+				current_path.push(*node_id);
+				current_path
+			}));
+		}
+	}
+
+	pub fn set_reference(&mut self, node_id: &NodeId, network_path: &[NodeId], reference: Option<String>) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node_metadata in set_reference");
+			return;
+		};
+		node_metadata.persistent_metadata.reference = reference;
+	}
+
+	pub fn set_transform(&mut self, transform: DAffine2, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network in set_transform");
+			return;
+		};
+		network_metadata.persistent_metadata.navigation_metadata.node_graph_to_viewport = transform;
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+	}
+
+	// This should be run whenever the pan ends, a zoom occurs, or the network is opened
+	pub fn set_grid_aligned_edges(&mut self, node_graph_top_right: DVec2, network_path: &[NodeId]) {
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in set_grid_aligned_edges");
+			return;
+		};
+		network_metadata.persistent_metadata.navigation_metadata.node_graph_top_right = node_graph_top_right;
+		self.unload_rounded_network_edge_distance(network_path);
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+	}
+
+	pub fn vector_modify(&mut self, node_id: &NodeId, modification_type: VectorModificationType) {
+		let Some(node) = self.network_mut(&[]).unwrap().nodes.get_mut(node_id) else {
+			log::error!("Could not get node in vector_modification");
+			return;
+		};
+		{
+			let mut value = node.inputs.get_mut(1).and_then(|input| input.as_value_mut());
+			let Some(TaggedValue::VectorModification(modification)) = value.as_deref_mut() else {
+				panic!("Path node does not have modification input");
+			};
+
+			modification.modify(&modification_type);
+		}
+		self.transaction_modified();
+	}
+
+	/// Inserts a new export at insert index. If the insert index is -1 it is inserted at the end. The output_name is used by the encapsulating node.
+	pub fn add_export(&mut self, default_value: TaggedValue, insert_index: isize, output_name: &str, network_path: &[NodeId]) {
+		let Some(network) = self.network_mut(network_path) else {
+			log::error!("Could not get nested network in add_export");
+			return;
+		};
+
+		let input = NodeInput::value(default_value, true);
+		if insert_index == -1 {
+			network.exports.push(input);
+		} else {
+			network.exports.insert(insert_index as usize, input);
+		}
+
+		self.transaction_modified();
+
+		let mut encapsulating_path = network_path.to_vec();
+		// Set the parent node (if it exists) to be a non layer if it is no longer eligible to be a layer
+		if let Some(parent_id) = encapsulating_path.pop() {
+			if !self.is_eligible_to_be_layer(&parent_id, &encapsulating_path) && self.is_layer(&parent_id, &encapsulating_path) {
+				self.set_to_node_or_layer(&parent_id, &encapsulating_path, false);
+			}
+		};
+
+		// There will not be an encapsulating node if the network is the document network
+		if let Some(encapsulating_node_metadata) = self.encapsulating_node_metadata_mut(network_path) {
+			if insert_index == -1 {
+				encapsulating_node_metadata.persistent_metadata.output_names.push(output_name.to_string());
+			} else {
+				encapsulating_node_metadata.persistent_metadata.output_names.insert(insert_index as usize, output_name.to_string());
+			}
+			// Clear the reference to the nodes definition
+			encapsulating_node_metadata.persistent_metadata.reference = None;
+		};
+
+		// Update the export ports and outward wires for the current network
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+		self.unload_outward_wires(network_path);
+
+		// Update the outward wires and bounding box for all nodes in the encapsulating network
+		if let Some(encapsulating_network_metadata) = self.encapsulating_network_metadata_mut(network_path) {
+			encapsulating_network_metadata.transient_metadata.outward_wires.unload();
+			encapsulating_network_metadata.transient_metadata.all_nodes_bounding_box.unload();
+		}
+
+		// Update the click targets for the encapsulating node, if it exists. There is no encapsulating node if the network is the document network
+		let mut path = network_path.to_vec();
+		if let Some(encapsulating_node) = path.pop() {
+			self.unload_node_click_targets(&encapsulating_node, &path);
+		}
+
+		// If the export is inserted as the first input or second input, and the parent network is the document_network, then it may have affected the document metadata structure
+		if network_path.len() == 1 && (insert_index == 0 || insert_index == 1) {
+			self.load_structure();
+		}
+	}
+
+	/// Inserts a new input at insert index. If the insert index is -1 it is inserted at the end. The output_name is used by the encapsulating node.
+	pub fn add_import(&mut self, default_value: TaggedValue, exposed: bool, insert_index: isize, input_name: &str, input_description: &str, network_path: &[NodeId]) {
+		let mut encapsulating_network_path = network_path.to_vec();
+		let Some(node_id) = encapsulating_network_path.pop() else {
+			log::error!("Cannot add import for document network");
+			return;
+		};
+
+		let Some(network) = self.network_mut(&encapsulating_network_path) else {
+			log::error!("Could not get nested network in insert_input");
+			return;
+		};
+		let Some(node) = network.nodes.get_mut(&node_id) else {
+			log::error!("Could not get node in insert_input");
+			return;
+		};
+
+		let input = NodeInput::value(default_value, exposed);
+		if insert_index == -1 {
+			node.inputs.push(input);
+		} else {
+			node.inputs.insert(insert_index as usize, input);
+		}
+
+		self.transaction_modified();
+
+		// Set the node to be a non layer if it is no longer eligible to be a layer
+		if !self.is_eligible_to_be_layer(&node_id, &encapsulating_network_path) && self.is_layer(&node_id, &encapsulating_network_path) {
+			self.set_to_node_or_layer(&node_id, &encapsulating_network_path, false);
+		}
+
+		let Some(node_metadata) = self.node_metadata_mut(&node_id, &encapsulating_network_path) else {
+			log::error!("Could not get node_metadata in insert_input");
+			return;
+		};
+		let new_input = (input_name, input_description).into();
+		if insert_index == -1 {
+			node_metadata.persistent_metadata.input_metadata.push(new_input);
+		} else {
+			node_metadata.persistent_metadata.input_metadata.insert(insert_index as usize, new_input);
+		}
+
+		// Clear the reference to the nodes definition
+		node_metadata.persistent_metadata.reference = None;
+
+		// Update the metadata for the encapsulating node
+		self.unload_node_click_targets(&node_id, &encapsulating_network_path);
+		self.unload_all_nodes_bounding_box(&encapsulating_network_path);
+		if encapsulating_network_path.is_empty() && (insert_index == 0 || insert_index == 1) {
+			self.load_structure();
+		}
+
+		// Unload the metadata for the nested network
+		self.unload_outward_wires(network_path);
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+	}
+
+	// First disconnects the export, then removes it
+	pub fn remove_export(&mut self, export_index: usize, network_path: &[NodeId]) {
+		let mut encapsulating_network_path = network_path.to_vec();
+		let Some(parent_id) = encapsulating_network_path.pop() else {
+			log::error!("Cannot remove export for document network");
+			return;
+		};
+
+		// Disconnect the removed export, and handle connections to the node which had its output removed
+		self.disconnect_input(&InputConnector::Export(export_index), network_path);
+		let number_of_outputs = self.number_of_outputs(&parent_id, &encapsulating_network_path);
+		for shifted_export in export_index..number_of_outputs {
+			let Some(encapsulating_outward_wires) = self.outward_wires(&encapsulating_network_path) else {
+				log::error!("Could not get outward wires in remove_export");
+				return;
+			};
+			let Some(downstream_connections_for_shifted_export) = encapsulating_outward_wires.get(&OutputConnector::node(parent_id, shifted_export)).cloned() else {
+				log::error!("Could not get downstream connections for shifted export in remove_export");
+				return;
+			};
+			for downstream_connection in downstream_connections_for_shifted_export {
+				self.disconnect_input(&downstream_connection, &encapsulating_network_path);
+				if shifted_export != export_index {
+					self.create_wire(&OutputConnector::node(parent_id, shifted_export - 1), &downstream_connection, &encapsulating_network_path);
+				}
+			}
+		}
+
+		let Some(network) = self.network_mut(network_path) else {
+			log::error!("Could not get nested network in add_export");
+			return;
+		};
+		network.exports.remove(export_index);
+
+		self.transaction_modified();
+
+		let Some(encapsulating_node_metadata) = self.node_metadata_mut(&parent_id, &encapsulating_network_path) else {
+			log::error!("Could not get encapsulating node metadata in remove_export");
+			return;
+		};
+		encapsulating_node_metadata.persistent_metadata.output_names.remove(export_index);
+		encapsulating_node_metadata.persistent_metadata.reference = None;
+
+		// Update the metadata for the encapsulating node
+		self.unload_outward_wires(&encapsulating_network_path);
+		self.unload_node_click_targets(&parent_id, &encapsulating_network_path);
+		self.unload_all_nodes_bounding_box(&encapsulating_network_path);
+		if !self.is_eligible_to_be_layer(&parent_id, &encapsulating_network_path) && self.is_layer(&parent_id, &encapsulating_network_path) {
+			self.set_to_node_or_layer(&parent_id, &encapsulating_network_path, false);
+		}
+		if encapsulating_network_path.is_empty() {
+			self.load_structure();
+		}
+
+		// Unload the metadata for the nested network
+		self.unload_outward_wires(network_path);
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+	}
+
+	// First disconnects the import, then removes it
+	pub fn remove_import(&mut self, import_index: usize, network_path: &[NodeId]) {
+		let mut encapsulating_network_path = network_path.to_vec();
+		let Some(parent_id) = encapsulating_network_path.pop() else {
+			log::error!("Cannot remove export for document network");
+			return;
+		};
+
+		let number_of_inputs = self.number_of_inputs(&parent_id, &encapsulating_network_path);
+		let Some(outward_wires) = self.outward_wires(network_path) else {
+			log::error!("Could not get outward wires in remove_import");
+			return;
+		};
+		let Some(outward_wires_for_import) = outward_wires.get(&OutputConnector::Import(import_index)).cloned() else {
+			log::error!("Could not get outward wires for import in remove_import");
+			return;
+		};
+		let mut new_import_mapping = Vec::new();
+		for i in (import_index + 1)..number_of_inputs {
+			let Some(outward_wires_for_import) = outward_wires.get(&OutputConnector::Import(i)).cloned() else {
+				log::error!("Could not get outward wires for import in remove_import");
+				return;
+			};
+			for upstream_input_wire in outward_wires_for_import {
+				new_import_mapping.push((OutputConnector::Import(i - 1), upstream_input_wire));
+			}
+		}
+
+		// Disconnect all upstream connections
+		for outward_wire in outward_wires_for_import {
+			self.disconnect_input(&outward_wire, network_path);
+		}
+		// Shift inputs connected to to imports at a higher index down one
+		for (output_connector, input_wire) in new_import_mapping {
+			self.create_wire(&output_connector, &input_wire, network_path);
+		}
+
+		let Some(network) = self.network_mut(&encapsulating_network_path) else {
+			log::error!("Could not get parent node in remove_import");
+			return;
+		};
+		let Some(node) = network.nodes.get_mut(&parent_id) else {
+			log::error!("Could not get node in remove_import");
+			return;
+		};
+
+		node.inputs.remove(import_index);
+
+		self.transaction_modified();
+
+		// There will not be an encapsulating node if the network is the document network
+		let Some(encapsulating_node_metadata) = self.node_metadata_mut(&parent_id, &encapsulating_network_path) else {
+			log::error!("Could not get encapsulating node metadata in remove_export");
+			return;
+		};
+		encapsulating_node_metadata.persistent_metadata.input_metadata.remove(import_index);
+		encapsulating_node_metadata.persistent_metadata.reference = None;
+
+		// Update the metadata for the encapsulating node
+		self.unload_outward_wires(&encapsulating_network_path);
+		self.unload_node_click_targets(&parent_id, &encapsulating_network_path);
+		self.unload_all_nodes_bounding_box(&encapsulating_network_path);
+		if !self.is_eligible_to_be_layer(&parent_id, &encapsulating_network_path) && self.is_layer(&parent_id, &encapsulating_network_path) {
+			self.set_to_node_or_layer(&parent_id, &encapsulating_network_path, false);
+		}
+		if encapsulating_network_path.is_empty() {
+			self.load_structure();
+		}
+
+		// Unload the metadata for the nested network
+		self.unload_outward_wires(network_path);
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+	}
+
+	/// The end index is before the export is removed, so moving to the end is the length of the current exports
+	pub fn reorder_export(&mut self, start_index: usize, mut end_index: usize, network_path: &[NodeId]) {
+		let mut encapsulating_network_path = network_path.to_vec();
+		let Some(parent_id) = encapsulating_network_path.pop() else {
+			log::error!("Could not reorder export for document network");
+			return;
+		};
+
+		let Some(network) = self.network_mut(network_path) else {
+			log::error!("Could not get nested network in reorder_export");
+			return;
+		};
+		if end_index > start_index {
+			end_index -= 1;
+		}
+		let export = network.exports.remove(start_index);
+		network.exports.insert(end_index, export);
+
+		self.transaction_modified();
+
+		let Some(encapsulating_node_metadata) = self.node_metadata_mut(&parent_id, &encapsulating_network_path) else {
+			log::error!("Could not get encapsulating network_metadata in reorder_export");
+			return;
+		};
+
+		let name = encapsulating_node_metadata.persistent_metadata.output_names.remove(start_index);
+		encapsulating_node_metadata.persistent_metadata.output_names.insert(end_index, name);
+		encapsulating_node_metadata.persistent_metadata.reference = None;
+
+		// Update the metadata for the encapsulating network
+		self.unload_outward_wires(&encapsulating_network_path);
+		self.unload_stack_dependents(&encapsulating_network_path);
+
+		// Node input at the start index is now at the end index
+		let Some(move_to_end_index) = self
+			.outward_wires(&encapsulating_network_path)
+			.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(parent_id, start_index)))
+			.cloned()
+		else {
+			log::error!("Could not get outward wires in reorder_export");
+			return;
+		};
+		// Node inputs above the start index should be shifted down one
+		let last_output_index = self.number_of_outputs(&parent_id, &encapsulating_network_path) - 1;
+		for shift_output_down in (start_index + 1)..=last_output_index {
+			let Some(outward_wires) = self
+				.outward_wires(&encapsulating_network_path)
+				.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(parent_id, shift_output_down)))
+				.cloned()
+			else {
+				log::error!("Could not get outward wires in reorder_export");
+				return;
+			};
+			for downstream_connection in &outward_wires {
+				self.disconnect_input(downstream_connection, &encapsulating_network_path);
+				self.create_wire(&OutputConnector::node(parent_id, shift_output_down - 1), downstream_connection, &encapsulating_network_path);
+			}
+		}
+		// Node inputs at or above the end index should be shifted up one
+		for shift_output_up in (end_index..last_output_index).rev() {
+			let Some(outward_wires) = self
+				.outward_wires(&encapsulating_network_path)
+				.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(parent_id, shift_output_up)))
+				.cloned()
+			else {
+				log::error!("Could not get outward wires in reorder_export");
+				return;
+			};
+			for downstream_connection in &outward_wires {
+				self.disconnect_input(downstream_connection, &encapsulating_network_path);
+				self.create_wire(&OutputConnector::node(parent_id, shift_output_up + 1), downstream_connection, &encapsulating_network_path);
+			}
+		}
+
+		// Move the connections to the moved export after all other ones have been shifted
+		for downstream_connection in &move_to_end_index {
+			self.disconnect_input(downstream_connection, &encapsulating_network_path);
+			self.create_wire(&OutputConnector::node(parent_id, end_index), downstream_connection, &encapsulating_network_path);
+		}
+
+		// Update the metadata for the current network
+		self.unload_outward_wires(network_path);
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+		self.unload_stack_dependents(network_path);
+	}
+
+	/// The end index is before the import is removed, so moving to the end is the length of the current imports
+	pub fn reorder_import(&mut self, start_index: usize, mut end_index: usize, network_path: &[NodeId]) {
+		let mut encapsulating_network_path = network_path.to_vec();
+		let Some(parent_id) = encapsulating_network_path.pop() else {
+			log::error!("Could not reorder import for document network");
+			return;
+		};
+
+		let Some(encapsulating_network) = self.network_mut(&encapsulating_network_path) else {
+			log::error!("Could not get nested network in reorder_import");
+			return;
+		};
+		let Some(encapsulating_node) = encapsulating_network.nodes.get_mut(&parent_id) else {
+			log::error!("Could not get encapsulating node in reorder_import");
+			return;
+		};
+
+		if end_index > start_index {
+			end_index -= 1;
+		}
+		let import = encapsulating_node.inputs.remove(start_index);
+		encapsulating_node.inputs.insert(end_index, import);
+
+		self.transaction_modified();
+
+		let Some(encapsulating_node_metadata) = self.node_metadata_mut(&parent_id, &encapsulating_network_path) else {
+			log::error!("Could not get encapsulating network_metadata in reorder_import");
+			return;
+		};
+
+		let properties_row = encapsulating_node_metadata.persistent_metadata.input_metadata.remove(start_index);
+		encapsulating_node_metadata.persistent_metadata.input_metadata.insert(end_index, properties_row);
+		encapsulating_node_metadata.persistent_metadata.reference = None;
+
+		// Update the metadata for the outer network
+		self.unload_outward_wires(&encapsulating_network_path);
+		self.unload_stack_dependents(&encapsulating_network_path);
+
+		// Node input at the start index is now at the end index
+		let Some(move_to_end_index) = self
+			.outward_wires(network_path)
+			.and_then(|outward_wires| outward_wires.get(&OutputConnector::Import(start_index)))
+			.cloned()
+		else {
+			log::error!("Could not get outward wires in reorder_import");
+			return;
+		};
+		// Node inputs above the start index should be shifted down one
+		let last_import_index = self.number_of_imports(network_path) - 1;
+		for shift_output_down in (start_index + 1)..=last_import_index {
+			let Some(outward_wires) = self
+				.outward_wires(network_path)
+				.and_then(|outward_wires| outward_wires.get(&OutputConnector::Import(shift_output_down)))
+				.cloned()
+			else {
+				log::error!("Could not get outward wires in reorder_import");
+				return;
+			};
+			for downstream_connection in &outward_wires {
+				self.disconnect_input(downstream_connection, network_path);
+				self.create_wire(&OutputConnector::Import(shift_output_down - 1), downstream_connection, network_path);
+			}
+		}
+		// Node inputs at or above the end index should be shifted up one
+		for shift_output_up in (end_index..last_import_index).rev() {
+			let Some(outward_wires) = self
+				.outward_wires(network_path)
+				.and_then(|outward_wires| outward_wires.get(&OutputConnector::Import(shift_output_up)))
+				.cloned()
+			else {
+				log::error!("Could not get outward wires in reorder_import");
+				return;
+			};
+			for downstream_connection in &outward_wires {
+				self.disconnect_input(downstream_connection, network_path);
+				self.create_wire(&OutputConnector::Import(shift_output_up + 1), downstream_connection, network_path);
+			}
+		}
+
+		// Move the connections to the moved export after all other ones have been shifted
+		for downstream_connection in &move_to_end_index {
+			self.disconnect_input(downstream_connection, network_path);
+			self.create_wire(&OutputConnector::Import(end_index), downstream_connection, network_path);
+		}
+
+		// Update the metadata for the current network
+		self.unload_outward_wires(network_path);
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+		self.unload_stack_dependents(network_path);
+	}
+
+	/// Replaces the implementation and corresponding metadata.
+	pub fn replace_implementation(&mut self, node_id: &NodeId, network_path: &[NodeId], new_template: &mut NodeTemplate) {
+		let Some(network) = self.network_mut(network_path) else {
+			log::error!("Could not get nested network in set_implementation");
+			return;
+		};
+		let Some(node) = network.nodes.get_mut(node_id) else {
+			log::error!("Could not get node in set_implementation");
+			return;
+		};
+		let new_implementation = std::mem::take(&mut new_template.document_node.implementation);
+		let _ = std::mem::replace(&mut node.implementation, new_implementation);
+		let Some(metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get metadata in set_implementation");
+			return;
+		};
+		let new_metadata = std::mem::take(&mut new_template.persistent_node_metadata.network_metadata);
+		let _ = std::mem::replace(&mut metadata.persistent_metadata.network_metadata, new_metadata);
+	}
+
+	/// Replaces the inputs and corresponding metadata.
+	pub fn replace_inputs(&mut self, node_id: &NodeId, network_path: &[NodeId], new_template: &mut NodeTemplate) -> Option<Vec<NodeInput>> {
+		let Some(network) = self.network_mut(network_path) else {
+			log::error!("Could not get nested network in set_implementation");
+			return None;
+		};
+		let Some(node) = network.nodes.get_mut(node_id) else {
+			log::error!("Could not get node in set_implementation");
+			return None;
+		};
+		let new_inputs = std::mem::take(&mut new_template.document_node.inputs);
+		let old_inputs = std::mem::replace(&mut node.inputs, new_inputs);
+		let Some(metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get metadata in set_implementation");
+			return None;
+		};
+		let new_metadata = std::mem::take(&mut new_template.persistent_node_metadata.input_metadata);
+		let _ = std::mem::replace(&mut metadata.persistent_metadata.input_metadata, new_metadata);
+		Some(old_inputs)
+	}
+
+	/// Used when opening an old document to add the persistent metadata for each input if it doesnt exist, which is where the name/description are saved.
+	pub fn validate_input_metadata(&mut self, node_id: &NodeId, node: &DocumentNode, network_path: &[NodeId]) {
+		let number_of_inputs = node.inputs.len();
+		let Some(metadata) = self.node_metadata_mut(node_id, network_path) else { return };
+		for added_input_index in metadata.persistent_metadata.input_metadata.len()..number_of_inputs {
+			let reference = metadata.persistent_metadata.reference.as_ref();
+			let definition = reference.and_then(|reference| resolve_document_node_type(reference));
+			let input_metadata = definition
+				.and_then(|definition| definition.node_template.persistent_node_metadata.input_metadata.get(added_input_index))
+				.cloned();
+			metadata.persistent_metadata.input_metadata.push(input_metadata.unwrap_or_default());
+		}
+	}
+
+	/// Used to ensure the display name is the reference name in case it is empty.
+	pub fn validate_display_name_metadata(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let Some(metadata) = self.node_metadata_mut(node_id, network_path) else { return };
+		if metadata.persistent_metadata.display_name.is_empty() {
+			if let Some(reference) = metadata.persistent_metadata.reference.clone() {
+				// Keep the name for merge nodes as empty
+				if reference != "Merge" {
+					metadata.persistent_metadata.display_name = reference;
+				}
+			}
+		}
+	}
+
+	/// Keep metadata in sync with the new implementation if this is used by anything other than the upgrade scripts
+	pub fn replace_reference_name(&mut self, node_id: &NodeId, network_path: &[NodeId], reference_name: String) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node metadata in replace_reference_name");
+			return;
+		};
+		node_metadata.persistent_metadata.reference = Some(reference_name);
+	}
+
+	/// Keep metadata in sync with the new implementation if this is used by anything other than the upgrade scripts
+	pub fn set_manual_compostion(&mut self, node_id: &NodeId, network_path: &[NodeId], manual_composition: Option<Type>) {
+		let Some(network) = self.network_mut(network_path) else {
+			log::error!("Could not get nested network in set_implementation");
+			return;
+		};
+		let Some(node) = network.nodes.get_mut(node_id) else {
+			log::error!("Could not get node in set_implementation");
+			return;
+		};
+		node.manual_composition = manual_composition;
+	}
+
+	pub fn set_input(&mut self, input_connector: &InputConnector, new_input: NodeInput, network_path: &[NodeId]) {
+		if matches!(input_connector, InputConnector::Export(_)) && matches!(new_input, NodeInput::Network { .. }) {
+			// TODO: Add support for flattening NodeInput::Network exports in flatten_with_fns https://github.com/GraphiteEditor/Graphite/issues/1762
+			log::error!("Cannot connect a network to an export, see https://github.com/GraphiteEditor/Graphite/issues/1762");
+			return;
+		}
+		let Some(previous_input) = self.input_from_connector(input_connector, network_path).cloned() else {
+			log::error!("Could not get previous input in set_input");
+			return;
+		};
+
+		// When changing a NodeInput::Node to a NodeInput::Node, the input should first be disconnected to ensure proper side effects
+		if (matches!(previous_input, NodeInput::Node { .. }) && matches!(new_input, NodeInput::Node { .. })) {
+			self.disconnect_input(input_connector, network_path);
+			self.set_input(input_connector, new_input, network_path);
+			return;
+		}
+
+		// If the previous input is connected to a chain node, then set all upstream chain nodes to absolute position
+		if let NodeInput::Node { node_id: previous_upstream_id, .. } = &previous_input {
+			if self.is_chain(previous_upstream_id, network_path) {
+				self.set_upstream_chain_to_absolute(previous_upstream_id, network_path);
+			}
+		}
+		if let NodeInput::Node { node_id: new_upstream_id, .. } = &new_input {
+			// If the new input is connected to a chain node, then break its chain
+			if self.is_chain(new_upstream_id, network_path) {
+				self.set_upstream_chain_to_absolute(new_upstream_id, network_path);
+			}
+		}
+
+		let previous_metadata = match &previous_input {
+			NodeInput::Node { node_id, .. } => self.position(node_id, network_path).map(|position| (*node_id, position)),
+			_ => None,
+		};
+
+		let Some(network) = self.network_mut(network_path) else {
+			log::error!("Could not get nested network in set_input");
+			return;
+		};
+
+		let old_input = match input_connector {
+			InputConnector::Node { node_id, input_index } => {
+				let Some(node) = network.nodes.get_mut(node_id) else {
+					log::error!("Could not get node in set_input");
+					return;
+				};
+				let Some(input) = node.inputs.get_mut(*input_index) else {
+					log::error!("Could not get input in set_input");
+					return;
+				};
+				std::mem::replace(input, new_input.clone())
+			}
+			InputConnector::Export(export_index) => {
+				let Some(export) = network.exports.get_mut(*export_index) else {
+					log::error!("Could not get export in set_input");
+					return;
+				};
+				std::mem::replace(export, new_input.clone())
+			}
+		};
+
+		if old_input == new_input {
+			return;
+		};
+
+		// Ensure the network is not cyclic
+		if !network.is_acyclic() {
+			self.set_input(input_connector, old_input, network_path);
+			return;
+		}
+
+		self.transaction_modified();
+
+		// Ensure layer is toggled to non layer if it is no longer eligible to be a layer
+		if let InputConnector::Node { node_id, .. } = &input_connector {
+			if !self.is_eligible_to_be_layer(node_id, network_path) && self.is_layer(node_id, network_path) {
+				self.set_to_node_or_layer(node_id, network_path, false);
+			}
+		}
+
+		// Side effects
+		match (&old_input, &new_input) {
+			// If a node input is exposed or hidden reload the click targets and update the bounding box for all nodes
+			(NodeInput::Value { exposed: new_exposed, .. }, NodeInput::Value { exposed: old_exposed, .. }) => {
+				if let InputConnector::Node { node_id, .. } = input_connector {
+					if new_exposed != old_exposed {
+						self.unload_upstream_node_click_targets(vec![*node_id], network_path);
+						self.unload_all_nodes_bounding_box(network_path);
+					}
+				}
+			}
+			(_, NodeInput::Node { node_id: upstream_node_id, .. }) => {
+				// Load structure if the change is to the document network and to the first or second
+				if network_path.is_empty() {
+					if matches!(input_connector, InputConnector::Export(0)) {
+						self.load_structure();
+					} else if let InputConnector::Node { node_id, input_index } = &input_connector {
+						// If the connection is made to the first or second input of a node connected to the output, then load the structure
+						if self.connected_to_output(node_id, network_path) && (*input_index == 0 || *input_index == 1) {
+							self.load_structure();
+						}
+					}
+				}
+				self.unload_outward_wires(network_path);
+				// Layout system
+				let Some(current_node_position) = self.position(upstream_node_id, network_path) else {
+					log::error!("Could not get current node position in set_input for node {upstream_node_id}");
+					return;
+				};
+				let Some(node_metadata) = self.node_metadata(upstream_node_id, network_path) else {
+					log::error!("Could not get node_metadata in set_input");
+					return;
+				};
+				match &node_metadata.persistent_metadata.node_type_metadata {
+					NodeTypePersistentMetadata::Layer(_) => {
+						match &input_connector {
+							InputConnector::Export(_) => {
+								// If a layer is connected to the exports, it should be set to absolute position without being moved.
+								self.set_absolute_position(upstream_node_id, current_node_position, network_path)
+							}
+							InputConnector::Node {
+								node_id: downstream_node_id,
+								input_index,
+							} => {
+								// If a layer has a single connection to the bottom of another layer, it should be set to stack positioning
+								let Some(downstream_node_metadata) = self.node_metadata(downstream_node_id, network_path) else {
+									log::error!("Could not get downstream node_metadata in set_input");
+									return;
+								};
+								match &downstream_node_metadata.persistent_metadata.node_type_metadata {
+									NodeTypePersistentMetadata::Layer(_) => {
+										// If the layer feeds into the bottom input of layer, and has no other outputs, set its position to stack at its previous y position
+										let multiple_outward_wires = self
+											.outward_wires(network_path)
+											.and_then(|all_outward_wires| all_outward_wires.get(&OutputConnector::node(*upstream_node_id, 0)))
+											.is_some_and(|outward_wires| outward_wires.len() > 1);
+										if *input_index == 0 && !multiple_outward_wires {
+											self.set_stack_position_calculated_offset(upstream_node_id, downstream_node_id, network_path);
+										} else {
+											self.set_absolute_position(upstream_node_id, current_node_position, network_path);
+										}
+									}
+									NodeTypePersistentMetadata::Node(_) => {
+										// If the layer feeds into a node, set its y offset to 0
+										self.set_absolute_position(upstream_node_id, current_node_position, network_path);
+									}
+								}
+							}
+						}
+					}
+					NodeTypePersistentMetadata::Node(_) => {}
+				}
+				self.unload_upstream_node_click_targets(vec![*upstream_node_id], network_path);
+				self.unload_stack_dependents(network_path);
+				self.try_set_upstream_to_chain(input_connector, network_path);
+			}
+			// If a connection is made to the imports
+			(NodeInput::Value { .. } | NodeInput::Scope { .. } | NodeInput::Inline { .. }, NodeInput::Network { .. }) => {
+				self.unload_outward_wires(network_path);
+				self.unload_wire(input_connector, network_path);
+			}
+			// If a connection to the imports is disconnected
+			(NodeInput::Network { .. }, NodeInput::Value { .. } | NodeInput::Scope { .. } | NodeInput::Inline { .. }) => {
+				self.unload_outward_wires(network_path);
+				self.unload_wire(input_connector, network_path);
+			}
+			// If a node is disconnected.
+			(NodeInput::Node { .. }, NodeInput::Value { .. } | NodeInput::Scope { .. } | NodeInput::Inline { .. }) => {
+				self.unload_outward_wires(network_path);
+				self.unload_wire(input_connector, network_path);
+
+				if let Some((old_upstream_node_id, previous_position)) = previous_metadata {
+					let old_upstream_node_is_layer = self.is_layer(&old_upstream_node_id, network_path);
+					let Some(outward_wires) = self
+						.outward_wires(network_path)
+						.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(old_upstream_node_id, 0)))
+					else {
+						log::error!("Could not get outward wires in set_input");
+						return;
+					};
+					// If it is a layer and is connected to a single layer, set its position to stack at its previous y position
+					if old_upstream_node_is_layer && outward_wires.len() == 1 && outward_wires[0].input_index() == 0 {
+						if let Some(downstream_node_id) = outward_wires[0].node_id() {
+							if self.is_layer(&downstream_node_id, network_path) {
+								self.set_stack_position_calculated_offset(&old_upstream_node_id, &downstream_node_id, network_path);
+								self.unload_upstream_node_click_targets(vec![old_upstream_node_id], network_path);
+							}
+						}
+					}
+					// If it is a node and is eligible to be in a chain, then set it to chain positioning
+					else if !old_upstream_node_is_layer {
+						self.try_set_node_to_chain(&old_upstream_node_id, network_path);
+					}
+					// If a node was previously connected, and it is no longer connected to any nodes, then set its position to absolute at its previous position
+					else {
+						self.set_absolute_position(&old_upstream_node_id, previous_position, network_path);
+					}
+				}
+				// Load structure if the change is to the document network and to the first or second
+				if network_path.is_empty() {
+					if matches!(input_connector, InputConnector::Export(0)) {
+						self.load_structure();
+					} else if let InputConnector::Node { node_id, input_index } = &input_connector {
+						// If the connection is made to the first or second input of a node connected to the output, then load the structure
+						if self.connected_to_output(node_id, network_path) && (*input_index == 0 || *input_index == 1) {
+							self.load_structure();
+						}
+					}
+				}
+				self.unload_stack_dependents(network_path);
+			}
+			_ => {}
+		}
+	}
+
+	/// Ensure network metadata, positions, and other metadata is kept in sync
+	pub fn disconnect_input(&mut self, input_connector: &InputConnector, network_path: &[NodeId]) {
+		let Some(current_input) = self.input_from_connector(input_connector, network_path).cloned() else {
+			log::error!("Could not get current input in disconnect_input");
+			return;
+		};
+		// Do not disconnect an already disconnected input
+		if matches!(current_input, NodeInput::Value { .. }) {
+			return;
+		}
+
+		if let NodeInput::Node {
+			node_id: upstream_node_id,
+			output_index,
+			..
+		} = &current_input
+		{
+			// If the node upstream from the disconnected input is a chain, then break the chain by setting it to absolute positioning
+			if self.is_chain(upstream_node_id, network_path) {
+				self.set_upstream_chain_to_absolute(upstream_node_id, network_path);
+			}
+			// If the node upstream from the disconnected input has an outward wire to the bottom of a layer, set it back to stack positioning
+			if self.is_layer(upstream_node_id, network_path) {
+				let Some(outward_wires) = self
+					.outward_wires(network_path)
+					.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(*upstream_node_id, *output_index)))
+				else {
+					log::error!("Could not get outward wires in disconnect_input");
+					return;
+				};
+				let mut other_outward_wires = outward_wires.iter().filter(|outward_wire| *outward_wire != input_connector);
+				if let Some(other_outward_wire) = other_outward_wires.next().cloned() {
+					if other_outward_wires.next().is_none() {
+						if let InputConnector::Node {
+							node_id: downstream_node_id,
+							input_index,
+						} = other_outward_wire
+						{
+							if self.is_layer(&downstream_node_id, network_path) && input_index == 0 {
+								self.set_stack_position_calculated_offset(upstream_node_id, &downstream_node_id, network_path);
+							}
+						}
+					}
+				}
+			}
+		}
+
+		let tagged_value = TaggedValue::from_type_or_none(&self.input_type(input_connector, network_path).0);
+
+		let value_input = NodeInput::value(tagged_value, true);
+
+		self.set_input(input_connector, value_input, network_path);
+	}
+
+	pub fn create_wire(&mut self, output_connector: &OutputConnector, input_connector: &InputConnector, network_path: &[NodeId]) {
+		let input = match output_connector {
+			OutputConnector::Node { node_id, output_index } => NodeInput::node(*node_id, *output_index),
+			OutputConnector::Import(import_index) => NodeInput::Network {
+				import_type: graph_craft::generic!(T),
+				import_index: *import_index,
+			},
+		};
+
+		self.set_input(input_connector, input, network_path);
+	}
+
+	/// Used to insert a group of nodes into the network
+	pub fn insert_node_group(&mut self, nodes: Vec<(NodeId, NodeTemplate)>, new_ids: HashMap<NodeId, NodeId>, network_path: &[NodeId]) {
+		for (old_node_id, mut node_template) in nodes {
+			// Get the new node template
+			node_template = self.map_ids(node_template, &old_node_id, &new_ids, network_path);
+			// Insert node into network
+			let node_id = *new_ids.get(&old_node_id).unwrap();
+			let Some(network) = self.network_mut(network_path) else {
+				log::error!("Network not found in insert_node");
+				return;
+			};
+
+			network.nodes.insert(node_id, node_template.document_node);
+			self.transaction_modified();
+
+			let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+				log::error!("Network not found in insert_node");
+				return;
+			};
+			let node_metadata = DocumentNodeMetadata {
+				persistent_metadata: node_template.persistent_node_metadata,
+				transient_metadata: DocumentNodeTransientMetadata::default(),
+			};
+			network_metadata.persistent_metadata.node_metadata.insert(node_id, node_metadata);
+		}
+		for new_node_id in new_ids.values() {
+			self.unload_node_click_targets(new_node_id, network_path);
+		}
+		self.unload_all_nodes_bounding_box(network_path);
+		self.unload_outward_wires(network_path);
+	}
+
+	/// Used to insert a node template with no node/network inputs into the network and returns the a NodeTemplate with information from the previous node, if it existed.
+	pub fn insert_node(&mut self, node_id: NodeId, node_template: NodeTemplate, network_path: &[NodeId]) -> Option<NodeTemplate> {
+		let has_node_or_network_input = node_template
+			.document_node
+			.inputs
+			.iter()
+			.all(|input| !(matches!(input, NodeInput::Node { .. }) || matches!(input, NodeInput::Network { .. })));
+		assert!(has_node_or_network_input, "Cannot insert node with node or network inputs. Use insert_node_group instead");
+		let Some(network) = self.network_mut(network_path) else {
+			log::error!("Network not found in insert_node");
+			return None;
+		};
+
+		let previous_node = network.nodes.insert(node_id, node_template.document_node);
+		self.transaction_modified();
+
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Network not found in insert_node");
+			return None;
+		};
+		let node_metadata = DocumentNodeMetadata {
+			persistent_metadata: node_template.persistent_node_metadata,
+			transient_metadata: DocumentNodeTransientMetadata::default(),
+		};
+		let previous_metadata = network_metadata.persistent_metadata.node_metadata.insert(node_id, node_metadata);
+
+		self.unload_all_nodes_bounding_box(network_path);
+		self.unload_node_click_targets(&node_id, network_path);
+
+		previous_node.zip(previous_metadata).map(|(document_node, node_metadata)| NodeTemplate {
+			document_node,
+			persistent_node_metadata: node_metadata.persistent_metadata,
+		})
+	}
+
+	/// Deletes all nodes in `node_ids` and any sole dependents in the horizontal chain if the node to delete is a layer node.
+	pub fn delete_nodes(&mut self, nodes_to_delete: Vec<NodeId>, delete_children: bool, network_path: &[NodeId]) {
+		let Some(outward_wires) = self.outward_wires(network_path).cloned() else {
+			log::error!("Could not get outward wires in delete_nodes");
+			return;
+		};
+
+		let mut delete_nodes = HashSet::new();
+		for node_id in &nodes_to_delete {
+			delete_nodes.insert(*node_id);
+
+			if !delete_children {
+				continue;
+			};
+
+			for upstream_id in self.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::LayerChildrenUpstreamFlow) {
+				// This does a downstream traversal starting from the current node, and ending at either a node in the `delete_nodes` set or the output.
+				// If the traversal find as child node of a node in the `delete_nodes` set, then it is a sole dependent. If the output node is eventually reached, then it is not a sole dependent.
+				let mut stack = vec![OutputConnector::node(upstream_id, 0)];
+				let mut can_delete = true;
+				while let Some(current_node) = stack.pop() {
+					let current_node_id = current_node.node_id().expect("The current node in the delete stack cannot be the export");
+					let Some(downstream_nodes) = outward_wires.get(&current_node) else { continue };
+					for downstream_node in downstream_nodes {
+						if let InputConnector::Node { node_id: downstream_id, .. } = downstream_node {
+							if !delete_nodes.contains(downstream_id) {
+								can_delete = false;
+								break;
+							}
+							// Continue traversing over the downstream sibling, if the current node is a sibling to a node that will be deleted and it is a layer
+							else {
+								for deleted_node_id in &nodes_to_delete {
+									let Some(downstream_node) = self.document_node(deleted_node_id, network_path) else { continue };
+									let Some(input) = downstream_node.inputs.first() else { continue };
+
+									if let NodeInput::Node { node_id, .. } = input {
+										if *node_id == current_node_id {
+											stack.push(OutputConnector::node(*deleted_node_id, 0));
+										}
+									}
+								}
+							}
+						}
+						// If the traversal reaches the export, then the current node is not a sole dependent
+						else {
+							can_delete = false;
+						}
+					}
+				}
+				if can_delete {
+					delete_nodes.insert(upstream_id);
+				}
+			}
+		}
+
+		for delete_node_id in &delete_nodes {
+			let upstream_chain_nodes = self
+				.upstream_flow_back_from_nodes(vec![*delete_node_id], network_path, FlowType::PrimaryFlow)
+				.skip(1)
+				.take_while(|upstream_node| self.is_chain(upstream_node, network_path))
+				.collect::<Vec<_>>();
+
+			if !self.remove_references_from_network(delete_node_id, network_path) {
+				log::error!("could not remove references from network");
+				continue;
+			}
+
+			for input_index in 0..self.number_of_displayed_inputs(delete_node_id, network_path) {
+				self.disconnect_input(&InputConnector::node(*delete_node_id, input_index), network_path);
+			}
+
+			let Some(network) = self.network_mut(network_path) else {
+				log::error!("Could not get nested network in delete_nodes");
+				continue;
+			};
+
+			network.nodes.remove(delete_node_id);
+			self.transaction_modified();
+
+			let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+				log::error!("Could not get nested network_metadata in delete_nodes");
+				continue;
+			};
+			network_metadata.persistent_metadata.node_metadata.remove(delete_node_id);
+			for previous_chain_node in upstream_chain_nodes {
+				self.set_chain_position(&previous_chain_node, network_path);
+			}
+		}
+		self.unload_all_nodes_bounding_box(network_path);
+		// Instead of unloaded all node click targets, just unload the nodes upstream from the deleted nodes. unload_upstream_node_click_targets will not work since the nodes have been deleted.
+		self.unload_all_nodes_click_targets(network_path);
+		let Some(selected_nodes) = self.selected_nodes_mut(network_path) else {
+			log::error!("Could not get selected nodes in NodeGraphMessage::DeleteNodes");
+			return;
+		};
+		selected_nodes.retain_selected_nodes(|node_id| !nodes_to_delete.contains(node_id));
+	}
+
+	/// Removes all references to the node with the given id from the network, and reconnects the input to the node below.
+	pub fn remove_references_from_network(&mut self, node_id: &NodeId, network_path: &[NodeId]) -> bool {
+		// TODO: Add more logic to support retaining preview when removing references. Since there are so many edge cases/possible crashes, for now the preview is ended.
+		self.stop_previewing(network_path);
+
+		// Check whether the being-deleted node's first (primary) input is a node
+		let reconnect_to_input = self.document_node(node_id, network_path).and_then(|node| {
+			node.inputs
+				.iter()
+				.find(|input| input.is_exposed())
+				.filter(|input| matches!(input, NodeInput::Node { .. } | NodeInput::Network { .. }))
+				.cloned()
+		});
+		// Get all upstream references
+		let number_of_outputs = self.number_of_outputs(node_id, network_path);
+		let Some(all_outward_wires) = self.outward_wires(network_path) else {
+			log::error!("Could not get outward wires in remove_references_from_network");
+			return false;
+		};
+		let mut downstream_inputs_to_disconnect = Vec::new();
+		for output_index in 0..number_of_outputs {
+			if let Some(outward_wires) = all_outward_wires.get(&OutputConnector::node(*node_id, output_index)) {
+				downstream_inputs_to_disconnect.extend(outward_wires.clone());
+			}
+		}
+
+		let mut reconnect_node = None;
+
+		for downstream_input in &downstream_inputs_to_disconnect {
+			self.disconnect_input(downstream_input, network_path);
+			// Prevent reconnecting export to import until https://github.com/GraphiteEditor/Graphite/issues/1762 is solved
+			if !(matches!(reconnect_to_input, Some(NodeInput::Network { .. })) && matches!(downstream_input, InputConnector::Export(_))) {
+				if let Some(reconnect_input) = &reconnect_to_input {
+					reconnect_node = reconnect_input.as_node().and_then(|node_id| if self.is_stack(&node_id, network_path) { Some(node_id) } else { None });
+					self.disconnect_input(&InputConnector::node(*node_id, 0), network_path);
+					self.set_input(downstream_input, reconnect_input.clone(), network_path);
+				}
+			}
+		}
+
+		// Shift the reconnected node up to collapse space
+		if let Some(reconnect_node) = &reconnect_node {
+			let Some(reconnected_node_position) = self.position(reconnect_node, network_path) else {
+				log::error!("Could not get reconnected node position in remove_references_from_network");
+				return false;
+			};
+			let Some(disconnected_node_position) = self.position(node_id, network_path) else {
+				log::error!("Could not get disconnected node position in remove_references_from_network");
+				return false;
+			};
+			let max_shift_distance = reconnected_node_position.y - disconnected_node_position.y;
+
+			let upstream_nodes = self.upstream_flow_back_from_nodes(vec![*reconnect_node], network_path, FlowType::PrimaryFlow).collect::<Vec<_>>();
+
+			// Select the reconnect node to move to ensure the shifting works correctly
+			let Some(selected_nodes) = self.selected_nodes_mut(network_path) else {
+				log::error!("Could not get selected nodes in remove_references_from_network");
+				return false;
+			};
+
+			let old_selected_nodes = selected_nodes.replace_with(upstream_nodes);
+
+			// Shift up until there is either a collision or the disconnected node position is reached
+			let mut current_shift_distance = 0;
+			while self.check_collision_with_stack_dependents(reconnect_node, -1, network_path).is_empty() && max_shift_distance > current_shift_distance {
+				self.shift_selected_nodes(Direction::Up, false, network_path);
+				current_shift_distance += 1;
+			}
+
+			let _ = self.selected_nodes_mut(network_path).unwrap().replace_with(old_selected_nodes);
+		}
+
+		true
+	}
+
+	pub fn start_previewing_without_restore(&mut self, network_path: &[NodeId]) {
+		// Some logic will have to be performed to prevent the graph positions from being completely changed when the export changes to some previewed node
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in start_previewing_without_restore");
+			return;
+		};
+		network_metadata.persistent_metadata.previewing = Previewing::Yes { root_node_to_restore: None };
+	}
+
+	fn stop_previewing(&mut self, network_path: &[NodeId]) {
+		if let Previewing::Yes {
+			root_node_to_restore: Some(root_node_to_restore),
+		} = self.previewing(network_path)
+		{
+			self.set_input(
+				&InputConnector::Export(0),
+				NodeInput::node(root_node_to_restore.node_id, root_node_to_restore.output_index),
+				network_path,
+			);
+		}
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in stop_previewing");
+			return;
+		};
+		network_metadata.persistent_metadata.previewing = Previewing::No;
+	}
+
+	// /// Sets the root node only if a node is being previewed
+	// pub fn update_root_node(&mut self, node_id: NodeId, output_index: usize) {
+	// 	if let Previewing::Yes { root_node_to_restore } = self.previewing {
+	// 		// Only continue previewing if the new root node is not the same as the primary export. If it is the same, end the preview
+	// 		if let Some(root_node_to_restore) = root_node_to_restore {
+	// 			if root_node_to_restore.id != node_id {
+	// 				self.start_previewing(node_id, output_index);
+	// 			} else {
+	// 				self.stop_preview();
+	// 			}
+	// 		} else {
+	// 			self.stop_preview();
+	// 		}
+	// 	}
+	// }
+
+	pub fn set_display_name(&mut self, node_id: &NodeId, display_name: String, network_path: &[NodeId]) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node {node_id} in set_visibility");
+			return;
+		};
+
+		if node_metadata.persistent_metadata.display_name == display_name {
+			return;
+		}
+
+		node_metadata.persistent_metadata.display_name.clone_from(&display_name);
+
+		// Keep the alias in sync with the `ToArtboard` name input
+		if node_metadata.persistent_metadata.reference.as_ref().is_some_and(|reference| reference == "Artboard") {
+			let Some(nested_network) = self.network_mut(network_path) else {
+				return;
+			};
+			let Some(artboard_node) = nested_network.nodes.get_mut(node_id) else {
+				return;
+			};
+			let DocumentNodeImplementation::Network(network) = &mut artboard_node.implementation else {
+				return;
+			};
+			// Keep this in sync with the definition
+			let Some(to_artboard) = network.nodes.get_mut(&NodeId(0)) else {
+				return;
+			};
+
+			let label_index = 1;
+			let label = if !display_name.is_empty() { display_name } else { "Artboard".to_string() };
+			let label_input = NodeInput::value(TaggedValue::String(label), false);
+			to_artboard.inputs[label_index] = label_input;
+		}
+
+		self.transaction_modified();
+		self.try_unload_layer_width(node_id, network_path);
+		self.unload_node_click_targets(node_id, network_path);
+	}
+
+	pub fn set_import_export_name(&mut self, mut name: String, index: ImportOrExport, network_path: &[NodeId]) {
+		let Some(encapsulating_node) = self.encapsulating_node_metadata_mut(network_path) else {
+			log::error!("Could not get encapsulating network in set_import_export_name");
+			return;
+		};
+
+		let name_changed = match index {
+			ImportOrExport::Import(import_index) => {
+				let Some(input_properties) = encapsulating_node.persistent_metadata.input_metadata.get_mut(import_index) else {
+					log::error!("Could not get input properties in set_import_export_name");
+					return;
+				};
+				// Only return false if the previous value is the same as the current value
+				std::mem::swap(&mut input_properties.persistent_metadata.input_name, &mut name);
+				input_properties.persistent_metadata.input_name != name
+			}
+			ImportOrExport::Export(export_index) => {
+				let Some(export_name) = encapsulating_node.persistent_metadata.output_names.get_mut(export_index) else {
+					log::error!("Could not get export_name in set_import_export_name");
+					return;
+				};
+				std::mem::swap(export_name, &mut name);
+				*export_name != name
+			}
+		};
+		if name_changed {
+			self.transaction_modified();
+		}
+	}
+
+	pub fn set_pinned(&mut self, node_id: &NodeId, network_path: &[NodeId], pinned: bool) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node {node_id} in set_pinned");
+			return;
+		};
+
+		node_metadata.persistent_metadata.pinned = pinned;
+		self.transaction_modified();
+	}
+
+	pub fn set_visibility(&mut self, node_id: &NodeId, network_path: &[NodeId], is_visible: bool) {
+		let Some(network) = self.network_mut(network_path) else {
+			return;
+		};
+		let Some(node) = network.nodes.get_mut(node_id) else {
+			log::error!("Could not get node {node_id} in set_visibility");
+			return;
+		};
+
+		node.visible = is_visible;
+		self.transaction_modified();
+	}
+
+	pub fn set_locked(&mut self, node_id: &NodeId, network_path: &[NodeId], locked: bool) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node {node_id} in set_visibility");
+			return;
+		};
+
+		node_metadata.persistent_metadata.locked = locked;
+		self.transaction_modified();
+	}
+
+	pub fn set_to_node_or_layer(&mut self, node_id: &NodeId, network_path: &[NodeId], is_layer: bool) {
+		// If a layer is set to a node, set upstream nodes to absolute position, and upstream siblings to absolute position
+		let child_id = { self.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::HorizontalFlow).nth(1) };
+		let upstream_sibling_id = { self.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::PrimaryFlow).nth(1) };
+		match (self.is_layer(node_id, network_path), is_layer) {
+			(true, false) => {
+				if let Some(child_id) = child_id {
+					self.set_upstream_chain_to_absolute(&child_id, network_path);
+				}
+				if let Some(upstream_sibling_id) = upstream_sibling_id {
+					let Some(upstream_sibling_position) = self.position(&upstream_sibling_id, network_path) else {
+						log::error!("Could not get upstream sibling position in set_to_node_or_layer");
+						return;
+					};
+					self.set_absolute_position(&upstream_sibling_id, upstream_sibling_position, network_path);
+				}
+			}
+			(false, true) => {
+				// If a node is set to a layer
+				if let Some(upstream_sibling_id) = upstream_sibling_id {
+					// If the upstream sibling layer has a single output, then set it to stack position
+					if self.is_layer(&upstream_sibling_id, network_path)
+						&& self
+							.outward_wires(network_path)
+							.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(upstream_sibling_id, 0)))
+							.is_some_and(|outward_wires| outward_wires.len() == 1)
+					{
+						self.set_stack_position_calculated_offset(&upstream_sibling_id, node_id, network_path);
+					} else {
+						self.set_upstream_chain_to_absolute(&upstream_sibling_id, network_path);
+					}
+				}
+			}
+			_ => return,
+		};
+
+		let Some(position) = self.position(node_id, network_path) else {
+			log::error!("Could not get position in set_to_node_or_layer");
+			return;
+		};
+
+		let single_downstream_layer_position = self
+			.outward_wires(network_path)
+			.and_then(|outward_wires| {
+				outward_wires
+					.get(&OutputConnector::node(*node_id, 0))
+					.and_then(|outward_wires| (outward_wires.len() == 1).then(|| outward_wires[0]))
+					.and_then(|downstream_connector| if downstream_connector.input_index() == 0 { downstream_connector.node_id() } else { None })
+			})
+			.filter(|downstream_node_id| self.is_layer(downstream_node_id, network_path))
+			.and_then(|downstream_layer| self.position(&downstream_layer, network_path));
+
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node_metadata for node {node_id}");
+			return;
+		};
+
+		// First set the position to absolute
+		node_metadata.persistent_metadata.node_type_metadata = if is_layer {
+			NodeTypePersistentMetadata::Layer(LayerPersistentMetadata {
+				position: LayerPosition::Absolute(position),
+				owned_nodes: TransientMetadata::Unloaded,
+			})
+		} else {
+			NodeTypePersistentMetadata::Node(NodePersistentMetadata {
+				position: NodePosition::Absolute(position),
+			})
+		};
+
+		// Try build the chain
+		if is_layer {
+			self.try_set_upstream_to_chain(&InputConnector::node(*node_id, 1), network_path);
+		} else {
+			self.try_set_node_to_chain(node_id, network_path);
+		}
+
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node_metadata for node {node_id}");
+			return;
+		};
+		// Set the position to stack if necessary
+		if let Some(downstream_position) = is_layer.then_some(single_downstream_layer_position).flatten() {
+			node_metadata.persistent_metadata.node_type_metadata = NodeTypePersistentMetadata::Layer(LayerPersistentMetadata {
+				position: LayerPosition::Stack((position.y - downstream_position.y - 3).max(0) as u32),
+				owned_nodes: TransientMetadata::Unloaded,
+			})
+		}
+
+		if is_layer {
+			node_metadata.transient_metadata.node_type_metadata = NodeTypeTransientMetadata::Layer(LayerTransientMetadata::default());
+		} else {
+			node_metadata.transient_metadata.node_type_metadata = NodeTypeTransientMetadata::Node;
+		}
+
+		self.transaction_modified();
+		self.unload_stack_dependents(network_path);
+		self.unload_upstream_node_click_targets(vec![*node_id], network_path);
+		self.unload_all_nodes_bounding_box(network_path);
+		self.unload_import_export_ports(network_path);
+		self.unload_modify_import_export(network_path);
+		self.load_structure();
+	}
+
+	pub fn toggle_preview(&mut self, toggle_id: NodeId, network_path: &[NodeId]) {
+		let Some(network) = self.nested_network(network_path) else {
+			return;
+		};
+		// If new_export is None then disconnect
+		let mut new_export = None;
+		let mut new_previewing_state = Previewing::No;
+		if let Some(export) = network.exports.first() {
+			// If there currently an export
+			if let NodeInput::Node { node_id, output_index, .. } = export {
+				let previous_export_id = *node_id;
+				let previous_output_index = *output_index;
+
+				// The export is clicked
+				if *node_id == toggle_id {
+					// If the current export is clicked and is being previewed end the preview and set either export back to root node or disconnect
+					if let Previewing::Yes { root_node_to_restore } = self.previewing(network_path) {
+						new_export = root_node_to_restore.map(|root_node| root_node.to_connector());
+						new_previewing_state = Previewing::No;
+					}
+					// The export is clicked and there is no preview
+					else {
+						new_previewing_state = Previewing::Yes {
+							root_node_to_restore: Some(RootNode {
+								node_id: previous_export_id,
+								output_index: previous_output_index,
+							}),
+						};
+					}
+				}
+				// The export is not clicked
+				else {
+					new_export = Some(OutputConnector::node(toggle_id, 0));
+
+					// There is currently a dashed line being drawn
+					if let Previewing::Yes { root_node_to_restore } = self.previewing(network_path) {
+						// There is also a solid line being drawn
+						if let Some(root_node_to_restore) = root_node_to_restore {
+							// If the node with the solid line is clicked, then start previewing that node without restore
+							if root_node_to_restore.node_id == toggle_id {
+								new_export = Some(OutputConnector::node(toggle_id, 0));
+								new_previewing_state = Previewing::Yes { root_node_to_restore: None };
+							} else {
+								// Root node to restore does not change
+								new_previewing_state = Previewing::Yes {
+									root_node_to_restore: Some(root_node_to_restore),
+								};
+							}
+						}
+						// There is a dashed line without a solid line.
+						else {
+							new_previewing_state = Previewing::Yes { root_node_to_restore: None };
+						}
+					}
+					// Not previewing, there is no dashed line being drawn
+					else {
+						new_export = Some(OutputConnector::node(toggle_id, 0));
+						new_previewing_state = Previewing::Yes {
+							root_node_to_restore: Some(RootNode {
+								node_id: previous_export_id,
+								output_index: previous_output_index,
+							}),
+						};
+					}
+				}
+			}
+			// The primary export is disconnected
+			else {
+				// Set node as export and cancel any preview
+				new_export = Some(OutputConnector::node(toggle_id, 0));
+				self.start_previewing_without_restore(network_path);
+			}
+		}
+		match new_export {
+			Some(new_export) => {
+				self.create_wire(&new_export, &InputConnector::Export(0), network_path);
+			}
+			None => {
+				self.disconnect_input(&InputConnector::Export(0), network_path);
+			}
+		}
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			return;
+		};
+		network_metadata.persistent_metadata.previewing = new_previewing_state;
+	}
+
+	/// Sets the position of a node to an absolute position
+	fn set_absolute_position(&mut self, node_id: &NodeId, position: IVec2, network_path: &[NodeId]) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node_metadata for node {node_id}");
+			return;
+		};
+
+		if let NodeTypePersistentMetadata::Node(node_metadata) = &mut node_metadata.persistent_metadata.node_type_metadata {
+			if node_metadata.position == NodePosition::Absolute(position) {
+				return;
+			}
+			node_metadata.position = NodePosition::Absolute(position);
+			self.transaction_modified();
+		} else if let NodeTypePersistentMetadata::Layer(layer_metadata) = &mut node_metadata.persistent_metadata.node_type_metadata {
+			if layer_metadata.position == LayerPosition::Absolute(position) {
+				return;
+			}
+			layer_metadata.position = LayerPosition::Absolute(position);
+			self.transaction_modified();
+		}
+	}
+
+	/// Sets the position of a layer to a stack position
+	pub fn set_stack_position(&mut self, node_id: &NodeId, y_offset: u32, network_path: &[NodeId]) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node_metadata for node {node_id}");
+			return;
+		};
+		match &mut node_metadata.persistent_metadata.node_type_metadata {
+			NodeTypePersistentMetadata::Layer(layer_metadata) => {
+				if layer_metadata.position == LayerPosition::Stack(y_offset) {
+					return;
+				}
+				layer_metadata.position = LayerPosition::Stack(y_offset);
+				self.transaction_modified();
+			}
+			_ => {
+				log::error!("Could not set stack position for non layer node {node_id}");
+			}
+		}
+		self.unload_upstream_node_click_targets(vec![*node_id], network_path);
+	}
+
+	/// Sets the position of a node to a stack position without changing its y offset
+	pub fn set_stack_position_calculated_offset(&mut self, node_id: &NodeId, downstream_layer: &NodeId, network_path: &[NodeId]) {
+		let Some(node_position) = self.position(node_id, network_path) else {
+			log::error!("Could not get node position for node {node_id}");
+			return;
+		};
+		let Some(downstream_position) = self.position(downstream_layer, network_path) else {
+			log::error!("Could not get downstream position for node {downstream_layer}");
+			return;
+		};
+
+		self.set_stack_position(node_id, (node_position.y - downstream_position.y - 3).max(0) as u32, network_path);
+	}
+
+	/// Sets the position of a node to a chain position
+	pub fn set_chain_position(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node_metadata for node {node_id}");
+			return;
+		};
+		// Set any absolute nodes to chain positioning
+		if let NodeTypePersistentMetadata::Node(NodePersistentMetadata { position }) = &mut node_metadata.persistent_metadata.node_type_metadata {
+			if *position == NodePosition::Chain {
+				return;
+			}
+			*position = NodePosition::Chain;
+			self.transaction_modified();
+		}
+		// If there is an upstream layer then stop breaking the chain
+		else {
+			log::error!("Could not set chain position for layer node {node_id}");
+		}
+		self.unload_upstream_node_click_targets(vec![*node_id], network_path);
+		// Reload click target of the layer which encapsulate the chain
+		if let Some(downstream_layer) = self.downstream_layer(node_id, network_path) {
+			self.unload_node_click_targets(&downstream_layer.to_node(), network_path);
+		}
+		self.unload_all_nodes_bounding_box(network_path);
+	}
+
+	fn valid_upstream_chain_nodes(&mut self, input_connector: &InputConnector, network_path: &[NodeId]) -> Vec<NodeId> {
+		let InputConnector::Node {
+			node_id: input_connector_node_id,
+			input_index,
+		} = input_connector
+		else {
+			return Vec::new();
+		};
+		let mut set_position_to_chain = Vec::new();
+		if self.is_layer(input_connector_node_id, network_path) && *input_index == 1 || self.is_chain(input_connector_node_id, network_path) && *input_index == 0 {
+			let mut downstream_id = *input_connector_node_id;
+			for upstream_node in self
+				.upstream_flow_back_from_nodes(vec![*input_connector_node_id], network_path, FlowType::HorizontalFlow)
+				.skip(1)
+				.collect::<Vec<_>>()
+			{
+				if self.is_layer(&upstream_node, network_path) {
+					break;
+				}
+				if !self.has_primary_output(&upstream_node, network_path) {
+					break;
+				}
+				let Some(outward_wires) = self.outward_wires(network_path).and_then(|outward_wires| outward_wires.get(&OutputConnector::node(upstream_node, 0))) else {
+					log::error!("Could not get outward wires in try_set_upstream_to_chain");
+					break;
+				};
+				if outward_wires.len() != 1 {
+					break;
+				}
+				let downstream_position = self.position(&downstream_id, network_path);
+				let upstream_node_position = self.position(&upstream_node, network_path);
+				if let (Some(input_connector_position), Some(new_upstream_node_position)) = (downstream_position, upstream_node_position) {
+					if input_connector_position.y == new_upstream_node_position.y
+						&& new_upstream_node_position.x >= input_connector_position.x - 9
+						&& new_upstream_node_position.x <= input_connector_position.x
+					{
+						set_position_to_chain.push(upstream_node);
+					} else {
+						break;
+					}
+				} else {
+					break;
+				}
+				downstream_id = upstream_node;
+			}
+		}
+		set_position_to_chain
+	}
+
+	/// Input connector is the input to the layer
+	pub fn try_set_upstream_to_chain(&mut self, input_connector: &InputConnector, network_path: &[NodeId]) {
+		// If the new input is to a non layer node on the same y position as the input connector, or the input connector is the side input of a layer, then set it to chain position
+
+		let valid_upstream_chain_nodes = self.valid_upstream_chain_nodes(input_connector, network_path);
+
+		for node_id in &valid_upstream_chain_nodes {
+			self.set_chain_position(node_id, network_path);
+		}
+		// Reload click target of the layer which used to encapsulate the node
+		if !valid_upstream_chain_nodes.is_empty() {
+			let mut downstream_layer = Some(input_connector.node_id().unwrap());
+			while let Some(downstream_layer_id) = downstream_layer {
+				if downstream_layer_id == input_connector.node_id().unwrap() || !self.is_layer(&downstream_layer_id, network_path) {
+					let Some(outward_wires) = self.outward_wires(network_path) else {
+						log::error!("Could not get outward wires in try_set_upstream_to_chain");
+						downstream_layer = None;
+						break;
+					};
+					downstream_layer = outward_wires
+						.get(&OutputConnector::node(downstream_layer_id, 0))
+						.and_then(|outward_wires| if outward_wires.len() == 1 { outward_wires[0].node_id() } else { None });
+				} else {
+					break;
+				}
+			}
+			if let Some(downstream_layer) = downstream_layer {
+				self.unload_node_click_targets(&downstream_layer, network_path);
+			}
+		}
+	}
+
+	fn try_set_node_to_chain(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		if let Some(outward_wires) = self
+			.outward_wires(network_path)
+			.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(*node_id, 0)))
+			.cloned()
+		{
+			if outward_wires.len() == 1 {
+				self.try_set_upstream_to_chain(&outward_wires[0], network_path)
+			}
+		}
+	}
+
+	pub fn force_set_upstream_to_chain(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		for upstream_id in self.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::HorizontalFlow).collect::<Vec<_>>().iter() {
+			if !self.is_layer(upstream_id, network_path)
+				&& self.has_primary_output(node_id, network_path)
+				&& self
+					.outward_wires(network_path)
+					.is_some_and(|outward_wires| outward_wires.get(&OutputConnector::node(*upstream_id, 0)).is_some_and(|outward_wires| outward_wires.len() == 1))
+			{
+				self.set_chain_position(upstream_id, network_path);
+			}
+			// If there is an upstream layer then stop breaking the chain
+			else {
+				break;
+			}
+		}
+	}
+
+	/// node_id is the first chain node, not the layer
+	fn set_upstream_chain_to_absolute(&mut self, node_id: &NodeId, network_path: &[NodeId]) {
+		let Some(downstream_layer) = self.downstream_layer(node_id, network_path) else {
+			log::error!("Could not get downstream layer in set_upstream_chain_to_absolute");
+			return;
+		};
+		for upstream_id in self.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::HorizontalFlow).collect::<Vec<_>>().iter() {
+			let Some(previous_position) = self.position(upstream_id, network_path) else {
+				log::error!("Could not get position in set_upstream_chain_to_absolute");
+				return;
+			};
+			// Set any chain nodes to absolute positioning
+			if self.is_chain(upstream_id, network_path) {
+				self.set_absolute_position(upstream_id, previous_position, network_path);
+				// Reload click target of the layer which used to encapsulate the chain
+				self.unload_node_click_targets(&downstream_layer.to_node(), network_path);
+			}
+			// If there is an upstream layer then stop breaking the chain
+			else {
+				break;
+			}
+		}
+	}
+
+	pub fn nodes_sorted_top_to_bottom<'a>(&mut self, node_ids: impl Iterator<Item = &'a NodeId>, network_path: &[NodeId]) -> Option<Vec<NodeId>> {
+		let mut node_ids_with_position = node_ids
+			.filter_map(|&node_id| {
+				let Some(position) = self.position(&node_id, network_path) else {
+					log::error!("Could not get position for node {node_id} in shift_selected_nodes");
+					return None;
+				};
+				Some((node_id, position.y))
+			})
+			.collect::<Vec<(NodeId, i32)>>();
+
+		node_ids_with_position.sort_unstable_by(|a, b| a.1.cmp(&b.1));
+		Some(node_ids_with_position.into_iter().map(|(node_id, _)| node_id).collect::<Vec<_>>())
+	}
+
+	/// Used when moving layer by the layer panel, does not run any pushing logic. Moves all sole dependents of the layer as well.
+	/// Ensure that the layer is absolute position.
+	pub fn shift_absolute_node_position(&mut self, layer: &NodeId, shift: IVec2, network_path: &[NodeId]) {
+		if shift == IVec2::ZERO {
+			return;
+		}
+		let mut nodes_to_shift = self.upstream_nodes_below_layer(layer, network_path);
+		nodes_to_shift.insert(*layer);
+
+		for node_id in nodes_to_shift {
+			let Some(node_to_shift_metadata) = self.node_metadata_mut(&node_id, network_path) else {
+				log::error!("Could not get node metadata for node {node_id} in set_layer_position");
+				continue;
+			};
+			match &mut node_to_shift_metadata.persistent_metadata.node_type_metadata {
+				NodeTypePersistentMetadata::Layer(layer_metadata) => {
+					if let LayerPosition::Absolute(layer_position) = &mut layer_metadata.position {
+						*layer_position += shift;
+					}
+				}
+				NodeTypePersistentMetadata::Node(node_metadata) => {
+					if let NodePosition::Absolute(node_position) = &mut node_metadata.position {
+						*node_position += shift;
+					}
+				}
+			}
+		}
+		self.transaction_modified();
+		self.unload_upstream_node_click_targets(vec![*layer], network_path);
+	}
+
+	pub fn shift_selected_nodes(&mut self, direction: Direction, shift_without_push: bool, network_path: &[NodeId]) {
+		let Some(mut node_ids) = self
+			.selected_nodes_in_nested_network(network_path)
+			.map(|selected_nodes| selected_nodes.selected_nodes().cloned().collect::<HashSet<_>>())
+		else {
+			log::error!("Could not get selected nodes in shift_selected_nodes");
+			return;
+		};
+		if !shift_without_push {
+			for node_id in node_ids.clone() {
+				if self.is_layer(&node_id, network_path) {
+					if let Some(owned_nodes) = self.owned_nodes(&node_id, network_path) {
+						for owned_node in owned_nodes {
+							node_ids.remove(owned_node);
+						}
+					};
+				}
+			}
+		}
+
+		for selected_node in &node_ids.clone() {
+			// Deselect chain nodes upstream from a selected layer
+			if self.is_chain(selected_node, network_path)
+				&& self
+					.downstream_layer(selected_node, network_path)
+					.is_some_and(|downstream_layer| node_ids.contains(&downstream_layer.to_node()))
+			{
+				node_ids.remove(selected_node);
+			}
+		}
+
+		// If shifting up without a push, cancel the shift if there is a stack node that cannot move up
+		if direction == Direction::Up && shift_without_push {
+			for node_id in &node_ids {
+				let Some(node_metadata) = self.node_metadata(node_id, network_path) else {
+					log::error!("Could not get node metadata for node {node_id} in shift_selected_nodes");
+					return;
+				};
+				if let NodeTypePersistentMetadata::Layer(layer_metadata) = &node_metadata.persistent_metadata.node_type_metadata {
+					if let LayerPosition::Stack(offset) = layer_metadata.position {
+						// If the upstream layer is selected, then skip
+						let Some(outward_wires) = self.outward_wires(network_path).and_then(|outward_wires| outward_wires.get(&OutputConnector::node(*node_id, 0))) else {
+							log::error!("Could not get outward wires in shift_selected_nodes");
+							return;
+						};
+						if let Some(upstream_node) = outward_wires.first() {
+							if node_ids.contains(&upstream_node.node_id().expect("Stack layer should have downstream layer")) {
+								continue;
+							}
+						}
+						// Offset cannot be negative, so cancel the shift
+						if offset == 0 {
+							return;
+						}
+					}
+				}
+			}
+		}
+
+		let Some(mut sorted_node_ids) = self.nodes_sorted_top_to_bottom(node_ids.iter(), network_path) else {
+			return;
+		};
+
+		if sorted_node_ids.len() != node_ids.len() {
+			log::error!("Could not get position for all nodes in shift_selected_nodes");
+			return;
+		}
+
+		// If shifting down, then the lowest node (greatest y value) should be shifted first
+		if direction == Direction::Down {
+			sorted_node_ids.reverse();
+		}
+
+		// Ensure the top of each stack is only shifted left/right once (this is only for performance)
+		let mut shifted_absolute_layers = Vec::new();
+
+		let mut shifted_nodes = HashSet::new();
+
+		let shift_sign = if direction == Direction::Left || direction == Direction::Up { -1 } else { 1 };
+
+		for node_id in &sorted_node_ids {
+			match direction {
+				Direction::Left | Direction::Right => {
+					// If the node is a non layer, then directly shift it
+					if !self.is_layer(node_id, network_path) {
+						self.try_shift_node(node_id, IVec2::new(shift_sign, 0), &mut shifted_nodes, network_path);
+					} else {
+						// Get the downstream absolute layer (inclusive)
+						let mut downstream_absolute_layer = *node_id;
+						loop {
+							if self.is_absolute(&downstream_absolute_layer, network_path) {
+								break;
+							}
+							let Some(downstream_node) = self
+								.outward_wires(network_path)
+								.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(downstream_absolute_layer, 0)))
+								.and_then(|downstream_nodes| downstream_nodes.first())
+								.and_then(|downstream_node| downstream_node.node_id())
+							else {
+								log::error!("Could not get downstream node when deselecting stack layer in shift_selected_nodes");
+								break;
+							};
+							downstream_absolute_layer = downstream_node;
+						}
+
+						// Shift the upstream nodes below the stack layers only once
+						if !shifted_absolute_layers.contains(&downstream_absolute_layer) {
+							shifted_absolute_layers.push(downstream_absolute_layer);
+
+							self.try_shift_node(&downstream_absolute_layer, IVec2::new(shift_sign, 0), &mut shifted_nodes, network_path);
+
+							if !shift_without_push {
+								for stack_nodes in self
+									.upstream_flow_back_from_nodes(vec![downstream_absolute_layer], network_path, FlowType::PrimaryFlow)
+									.take_while(|layer| self.is_layer(layer, network_path))
+									.collect::<Vec<_>>()
+								{
+									for sole_dependent in &self.upstream_nodes_below_layer(&stack_nodes, network_path) {
+										if self.is_absolute(sole_dependent, network_path) {
+											self.try_shift_node(sole_dependent, IVec2::new(shift_sign, 0), &mut shifted_nodes, network_path);
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+				Direction::Up | Direction::Down => {
+					if !shift_without_push && self.is_layer(node_id, network_path) {
+						self.shift_node_or_parent(node_id, shift_sign, &mut shifted_nodes, network_path);
+					} else if !shifted_nodes.contains(node_id) {
+						shifted_nodes.insert(*node_id);
+						self.shift_node(node_id, IVec2::new(0, shift_sign), network_path);
+
+						let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+							log::error!("Could not get nested network_metadata in export_ports");
+							continue;
+						};
+						if let TransientMetadata::Loaded(stack_dependents) = &mut network_metadata.transient_metadata.stack_dependents {
+							if let Some(LayerOwner::None(offset)) = stack_dependents.get_mut(node_id) {
+								*offset += shift_sign;
+								self.transaction_modified();
+							};
+						};
+
+						// Shift the upstream layer so that it stays in the same place
+						if self.is_layer(node_id, network_path) {
+							let upstream_layer = {
+								self.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::PrimaryFlow)
+									.nth(1)
+									.filter(|upstream_node| self.is_stack(upstream_node, network_path))
+							};
+							if let Some(upstream_layer) = upstream_layer {
+								self.shift_node(&upstream_layer, IVec2::new(0, -shift_sign), network_path);
+							}
+						}
+					}
+				}
+			}
+		}
+
+		let Some(stack_dependents) = self
+			.stack_dependents(network_path)
+			.map(|stack_dependents| stack_dependents.iter().map(|(node_id, owner)| (*node_id, owner.clone())).collect::<Vec<_>>())
+		else {
+			log::error!("Could not load stack dependents in shift_selected_nodes");
+			return;
+		};
+
+		let mut stack_dependents_with_position = stack_dependents
+			.iter()
+			.filter_map(|(node_id, owner)| {
+				let LayerOwner::None(offset) = owner else {
+					return None;
+				};
+				if *offset == 0 {
+					return None;
+				}
+				if self.selected_nodes_in_nested_network(network_path).is_some_and(|selected_nodes| {
+					selected_nodes
+						.selected_nodes()
+						.any(|selected_node| selected_node == node_id || self.owned_nodes(node_id, network_path).is_some_and(|owned_nodes| owned_nodes.contains(selected_node)))
+				}) {
+					return None;
+				};
+				let Some(position) = self.position(node_id, network_path) else {
+					log::error!("Could not get position for node {node_id} in shift_selected_nodes");
+					return None;
+				};
+				Some((*node_id, *offset, position.y))
+			})
+			.collect::<Vec<(NodeId, i32, i32)>>();
+
+		stack_dependents_with_position.sort_unstable_by(|a, b| {
+			a.1.signum().cmp(&b.1.signum()).then_with(|| {
+				// If the node has a positive offset, then it is shifted up, so shift the top nodes first
+				if a.1.signum() == 1 { a.2.cmp(&b.2) } else { b.2.cmp(&a.2) }
+			})
+		});
+
+		// Try shift every node that is offset from its original position
+		for &(ref node_id, mut offset, _) in stack_dependents_with_position.iter() {
+			while offset != 0 {
+				if self.check_collision_with_stack_dependents(node_id, -offset.signum(), network_path).is_empty() {
+					self.vertical_shift_with_push(node_id, -offset.signum(), &mut HashSet::new(), network_path);
+					offset += -offset.signum();
+				} else {
+					break;
+				}
+			}
+		}
+	}
+
+	fn try_shift_node(&mut self, node_id: &NodeId, shift: IVec2, shifted_nodes: &mut HashSet<NodeId>, network_path: &[NodeId]) {
+		if !shifted_nodes.contains(node_id) {
+			self.shift_node(node_id, shift, network_path);
+			shifted_nodes.insert(*node_id);
+		}
+	}
+
+	fn vertical_shift_with_push(&mut self, node_id: &NodeId, shift_sign: i32, shifted_nodes: &mut HashSet<NodeId>, network_path: &[NodeId]) {
+		// Do not shift a node more than once
+		if shifted_nodes.contains(node_id) {
+			return;
+		}
+		shifted_nodes.insert(*node_id);
+
+		let nodes_to_shift = self.check_collision_with_stack_dependents(node_id, shift_sign, network_path);
+
+		for node_to_shift in nodes_to_shift {
+			self.shift_node_or_parent(&node_to_shift.0, shift_sign, shifted_nodes, network_path);
+		}
+
+		self.shift_node(node_id, IVec2::new(0, shift_sign), network_path);
+
+		let Some(network_metadata) = self.network_metadata_mut(network_path) else {
+			log::error!("Could not get nested network_metadata in export_ports");
+			return;
+		};
+		let TransientMetadata::Loaded(stack_dependents) = &mut network_metadata.transient_metadata.stack_dependents else {
+			log::error!("Stack dependents should be loaded in vertical_shift_with_push");
+			return;
+		};
+
+		let mut default_layer_owner = LayerOwner::None(0);
+		let layer_owner = stack_dependents.get_mut(node_id).unwrap_or_else(|| {
+			log::error!("Could not get layer owner in vertical_shift_with_push for node {node_id}");
+			&mut default_layer_owner
+		});
+
+		match layer_owner {
+			LayerOwner::None(offset) => {
+				*offset += shift_sign;
+				self.transaction_modified();
+			}
+			LayerOwner::Layer(_) => {
+				log::error!("Node being shifted with a push should not be owned");
+			}
+		}
+
+		// Shift the upstream layer so that it stays in the same place
+		if self.is_layer(node_id, network_path) {
+			let upstream_layer = {
+				self.upstream_flow_back_from_nodes(vec![*node_id], network_path, FlowType::PrimaryFlow)
+					.nth(1)
+					.filter(|upstream_node| self.is_stack(upstream_node, network_path))
+			};
+			if let Some(upstream_layer) = upstream_layer {
+				self.shift_node(&upstream_layer, IVec2::new(0, -shift_sign), network_path);
+			}
+		}
+
+		// Shift the nodes that are owned by the layer (if any)
+		if let Some(owned_nodes) = self.owned_nodes(node_id, network_path).cloned() {
+			for owned_node in owned_nodes {
+				if self.is_absolute(&owned_node, network_path) {
+					self.try_shift_node(&owned_node, IVec2::new(0, shift_sign), shifted_nodes, network_path);
+				}
+			}
+		}
+	}
+
+	fn check_collision_with_stack_dependents(&mut self, node_id: &NodeId, shift_sign: i32, network_path: &[NodeId]) -> Vec<(NodeId, LayerOwner)> {
+		self.try_load_all_node_click_targets(network_path);
+		self.try_load_stack_dependents(network_path);
+		let Some(stack_dependents) = self.try_get_stack_dependents(network_path) else {
+			log::error!("Could not load stack dependents in shift_selected_nodes");
+			return Vec::new();
+		};
+		// Check collisions and for all owned nodes and recursively shift them
+		let mut nodes_to_shift = Vec::new();
+
+		let default_hashset = HashSet::new();
+		let owned_nodes = self.owned_nodes(node_id, network_path).unwrap_or(&default_hashset);
+
+		for current_node in owned_nodes.iter().chain(std::iter::once(node_id)) {
+			for node_to_check_collision in stack_dependents {
+				// Do not check collision between any of the owned nodes or the shifted node
+				if owned_nodes.contains(node_to_check_collision.0) || node_to_check_collision.0 == node_id {
+					continue;
+				}
+
+				if node_to_check_collision.0 == current_node {
+					continue;
+				}
+				let Some(mut current_node_bounding_box) = self.try_get_node_bounding_box(current_node, network_path) else {
+					log::error!("Could not get bounding box for node {node_id} in shift_selected_nodes");
+					continue;
+				};
+
+				let Some(node_bounding_box) = self.try_get_node_bounding_box(node_to_check_collision.0, network_path) else {
+					log::error!("Could not get bounding box for node {node_to_check_collision:?} in shift_selected_nodes");
+					continue;
+				};
+				// If the nodes do not intersect horizontally, then there is no collision
+				if current_node_bounding_box[1].x < node_bounding_box[0].x || current_node_bounding_box[0].x > node_bounding_box[1].x {
+					continue;
+				}
+				// Do not check collision if the nodes are currently intersecting
+				if current_node_bounding_box[1].y >= node_bounding_box[0].y - 0.1 && current_node_bounding_box[0].y <= node_bounding_box[1].y + 0.1 {
+					continue;
+				}
+
+				current_node_bounding_box[1].y += GRID_SIZE as f64 * shift_sign as f64;
+				current_node_bounding_box[0].y += GRID_SIZE as f64 * shift_sign as f64;
+
+				let collision = current_node_bounding_box[1].y >= node_bounding_box[0].y - 0.1 && current_node_bounding_box[0].y <= node_bounding_box[1].y + 0.1;
+				if collision {
+					nodes_to_shift.push((*node_to_check_collision.0, node_to_check_collision.1.clone()));
+				}
+			}
+		}
+		nodes_to_shift
+	}
+
+	fn shift_node_or_parent(&mut self, node_id: &NodeId, shift_sign: i32, shifted_nodes: &mut HashSet<NodeId>, network_path: &[NodeId]) {
+		let Some(stack_dependents) = self.stack_dependents(network_path) else {
+			log::error!("Could not load stack dependents in shift_selected_nodes");
+			return;
+		};
+		let Some(layer_owner) = stack_dependents.get(node_id) else {
+			log::error!("Could not get layer owner in shift_node_or_parent for node {node_id}");
+			return;
+		};
+		match layer_owner {
+			LayerOwner::Layer(layer_owner) => {
+				let layer_owner = *layer_owner;
+				self.shift_node_or_parent(&layer_owner, shift_sign, shifted_nodes, network_path)
+			}
+			LayerOwner::None(_) => self.vertical_shift_with_push(node_id, shift_sign, shifted_nodes, network_path),
+		}
+	}
+
+	/// Shifts a node by a certain offset without the auto layout system. If the node is a layer in a stack, the y_offset is shifted. If the node is a node in a chain, its position gets set to absolute.
+	// TODO: Check for unnecessary unloading of click targets
+	pub fn shift_node(&mut self, node_id: &NodeId, shift: IVec2, network_path: &[NodeId]) {
+		let Some(node_metadata) = self.node_metadata_mut(node_id, network_path) else {
+			log::error!("Could not get node_metadata for node {node_id}");
+			return;
+		};
+		if let NodeTypePersistentMetadata::Layer(layer_metadata) = &mut node_metadata.persistent_metadata.node_type_metadata {
+			if let LayerPosition::Absolute(layer_position) = &mut layer_metadata.position {
+				*layer_position += shift;
+				self.transaction_modified();
+			} else if let LayerPosition::Stack(y_offset) = &mut layer_metadata.position {
+				let shifted_y_offset = *y_offset as i32 + shift.y;
+
+				// A layer can only be shifted to a positive y_offset
+				if shifted_y_offset < 0 {
+					log::error!(
+						"Space should be made above the layer before shifting it up. Layer {node_id} current y_offset: {y_offset} shift: {}",
+						shift.y
+					);
+				}
+				if shift.x != 0 {
+					log::error!("Stack layer {node_id} cannot be shifted horizontally.");
+				}
+
+				let new_y_offset = shifted_y_offset.max(0) as u32;
+				if *y_offset == new_y_offset {
+					return;
+				}
+				*y_offset = new_y_offset;
+				self.transaction_modified();
+			}
+			// Unload click targets for all upstream nodes, since they may have been derived from the node that was shifted
+			self.unload_upstream_node_click_targets(vec![*node_id], network_path);
+		} else if let NodeTypePersistentMetadata::Node(node_metadata) = &mut node_metadata.persistent_metadata.node_type_metadata {
+			if let NodePosition::Absolute(node_metadata) = &mut node_metadata.position {
+				*node_metadata += shift;
+				self.transaction_modified();
+				// Unload click targets for all upstream nodes, since they may have been derived from the node that was shifted
+				self.unload_upstream_node_click_targets(vec![*node_id], network_path);
+				self.try_set_node_to_chain(node_id, network_path);
+			} else if let NodePosition::Chain = node_metadata.position {
+				self.set_upstream_chain_to_absolute(node_id, network_path);
+				self.shift_node(node_id, shift, network_path);
+			}
+		}
+		// Unload click targets for all upstream nodes, since they may have been derived from the node that was shifted
+		self.unload_upstream_node_click_targets(vec![*node_id], network_path);
+		self.unload_all_nodes_bounding_box(network_path);
+	}
+
+	// TODO: Run the auto layout system to make space for the new nodes
+	/// Disconnect the layers primary output and the input to the last non layer node feeding into it through primary flow, reconnects, then moves the layer to the new layer and stack index
+	pub fn move_layer_to_stack(&mut self, layer: LayerNodeIdentifier, mut parent: LayerNodeIdentifier, mut insert_index: usize, network_path: &[NodeId]) {
+		// Prevent moving an artboard anywhere but to the ROOT_PARENT child stack
+		if self.is_artboard(&layer.to_node(), network_path) && parent != LayerNodeIdentifier::ROOT_PARENT {
+			log::error!("Artboard can only be moved to the root parent stack");
+			return;
+		}
+
+		// A layer is considered to be the height of that layer plus the height to the upstream layer sibling
+		// If a non artboard layer is attempted to be connected to the exports, and there is already an artboard connected, then connect the layer to the artboard.
+		if let Some(first_layer) = LayerNodeIdentifier::ROOT_PARENT.children(&self.document_metadata).next() {
+			if parent == LayerNodeIdentifier::ROOT_PARENT
+				&& self.reference(&layer.to_node(), network_path).is_none_or(|reference| *reference != Some("Artboard".to_string()))
+				&& self.is_artboard(&first_layer.to_node(), network_path)
+			{
+				parent = first_layer;
+				insert_index = 0;
+			}
+		}
+
+		let Some(layer_to_move_position) = self.position(&layer.to_node(), network_path) else {
+			log::error!("Could not get layer_to_move_position in move_layer_to_stack");
+			return;
+		};
+
+		let mut lowest_upstream_node_height = 0;
+		for upstream_node in self
+			.upstream_flow_back_from_nodes(vec![layer.to_node()], network_path, FlowType::LayerChildrenUpstreamFlow)
+			.collect::<Vec<_>>()
+		{
+			let Some(upstream_node_position) = self.position(&upstream_node, network_path) else {
+				log::error!("Could not get upstream node position in move_layer_to_stack");
+				return;
+			};
+			lowest_upstream_node_height = lowest_upstream_node_height.max((upstream_node_position.y - layer_to_move_position.y).max(0) as u32);
+		}
+
+		// If the moved layer is a child of the new parent, then get its index after the disconnect
+		if let Some(moved_layer_previous_index) = parent.children(&self.document_metadata).position(|child| child == layer) {
+			// Adjust the insert index if the layer's previous index is less than the insert index
+			if moved_layer_previous_index < insert_index {
+				insert_index -= 1;
+			}
+		}
+
+		// Disconnect layer to move
+		self.remove_references_from_network(&layer.to_node(), network_path);
+
+		let post_node = ModifyInputsContext::get_post_node_with_index(self, parent, insert_index);
+
+		// Get the previous input to the post node before inserting the layer
+		let Some(post_node_input) = self.input_from_connector(&post_node, network_path).cloned() else {
+			log::error!("Could not get previous input in move_layer_to_stack for parent {parent:?} and insert_index {insert_index}");
+			return;
+		};
+
+		let Some(previous_layer_position) = self.position(&layer.to_node(), network_path) else {
+			log::error!("Could not get previous layer position in move_layer_to_stack");
+			return;
+		};
+
+		let after_move_post_layer_position = if let Some(post_node_id) = post_node.node_id() {
+			self.position(&post_node_id, network_path)
+		} else {
+			Some(IVec2::new(8, -3))
+		};
+
+		let Some(after_move_post_layer_position) = after_move_post_layer_position else {
+			log::error!("Could not get post node position in move_layer_to_stack");
+			return;
+		};
+
+		// Get the height of the downstream node if inserting into a stack
+		let mut downstream_height = 0;
+		let inserting_into_stack =
+			!(post_node.input_index() == 1 || matches!(post_node, InputConnector::Export(_)) || !post_node.node_id().is_some_and(|post_node_id| self.is_layer(&post_node_id, network_path)));
+		if inserting_into_stack {
+			if let Some(downstream_node) = post_node.node_id() {
+				let Some(downstream_node_position) = self.position(&downstream_node, network_path) else {
+					log::error!("Could not get downstream node position in move_layer_to_stack");
+					return;
+				};
+				let mut lowest_y_position = downstream_node_position.y + 3;
+
+				for bottom_position in self.upstream_nodes_below_layer(&downstream_node, network_path).iter().filter_map(|node_id| {
+					let is_layer = self.is_layer(node_id, network_path);
+					self.position(node_id, network_path).map(|position| position.y + if is_layer { 3 } else { 2 })
+				}) {
+					lowest_y_position = lowest_y_position.max(bottom_position);
+				}
+				downstream_height = lowest_y_position - (downstream_node_position.y + 3);
+			}
+		}
+
+		let mut highest_y_position = layer_to_move_position.y;
+		let mut lowest_y_position = layer_to_move_position.y;
+
+		for (bottom_position, top_position) in self.upstream_nodes_below_layer(&layer.to_node(), network_path).iter().filter_map(|node_id| {
+			let is_layer = self.is_layer(node_id, network_path);
+			let bottom_position = self.position(node_id, network_path).map(|position| position.y + if is_layer { 3 } else { 2 });
+			let top_position = self.position(node_id, network_path).map(|position| if is_layer { position.y - 1 } else { position.y });
+			bottom_position.zip(top_position)
+		}) {
+			highest_y_position = highest_y_position.min(top_position);
+			lowest_y_position = lowest_y_position.max(bottom_position);
+		}
+		let height_above_layer = layer_to_move_position.y - highest_y_position + downstream_height;
+		let height_below_layer = lowest_y_position - layer_to_move_position.y - 3;
+
+		// If there is an upstream node in the new location for the layer, create space for the moved layer by shifting the upstream node down
+		if let Some(upstream_node_id) = post_node_input.as_node() {
+			// Select the layer to move to ensure the shifting works correctly
+			let Some(selected_nodes) = self.selected_nodes_mut(network_path) else {
+				log::error!("Could not get selected nodes in move_layer_to_stack");
+				return;
+			};
+			let old_selected_nodes = selected_nodes.replace_with(vec![upstream_node_id]);
+
+			// Create the minimum amount space for the moved layer
+			for _ in 0..3 {
+				self.vertical_shift_with_push(&upstream_node_id, 1, &mut HashSet::new(), network_path);
+			}
+
+			let Some(stack_position) = self.position(&upstream_node_id, network_path) else {
+				log::error!("Could not get stack position in move_layer_to_stack");
+				return;
+			};
+
+			let current_gap = stack_position.y - (after_move_post_layer_position.y + 2);
+			let target_gap = 1 + height_above_layer + 2 + height_below_layer + 1;
+
+			for _ in 0..(target_gap - current_gap).max(0) {
+				self.vertical_shift_with_push(&upstream_node_id, 1, &mut HashSet::new(), network_path);
+			}
+
+			let _ = self.selected_nodes_mut(network_path).unwrap().replace_with(old_selected_nodes);
+		}
+
+		// If inserting into a stack with a parent, ensure the parent stack has enough space for the child stack
+		if parent != LayerNodeIdentifier::ROOT_PARENT {
+			if let Some(upstream_sibling) = parent.next_sibling(&self.document_metadata) {
+				let Some(parent_position) = self.position(&parent.to_node(), network_path) else {
+					log::error!("Could not get parent position in move_layer_to_stack");
+					return;
+				};
+				let last_child = parent.last_child(&self.document_metadata).unwrap_or(parent);
+
+				let Some(mut last_child_position) = self.position(&last_child.to_node(), network_path) else {
+					log::error!("Could not get last child position in move_layer_to_stack");
+					return;
+				};
+
+				if self.is_layer(&last_child.to_node(), network_path) {
+					last_child_position.y += 3;
+				} else {
+					last_child_position.y += 2;
+				}
+
+				// If inserting below the current last child, then the last child is layer to move
+				if post_node.node_id() == Some(last_child.to_node()) {
+					last_child_position += height_above_layer + 3 + height_below_layer;
+				}
+
+				let Some(upstream_sibling_position) = self.position(&upstream_sibling.to_node(), network_path) else {
+					log::error!("Could not get upstream sibling position in move_layer_to_stack");
+					return;
+				};
+
+				let target_gap = last_child_position.y - parent_position.y + 3;
+				let current_gap = upstream_sibling_position.y - parent_position.y;
+
+				let upstream_nodes = self
+					.upstream_flow_back_from_nodes(vec![upstream_sibling.to_node()], network_path, FlowType::UpstreamFlow)
+					.collect::<Vec<_>>();
+				let Some(selected_nodes) = self.selected_nodes_mut(network_path) else {
+					log::error!("Could not get selected nodes in move_layer_to_stack");
+					return;
+				};
+				let old_selected_nodes = selected_nodes.replace_with(upstream_nodes);
+
+				for _ in 0..(target_gap - current_gap).max(0) {
+					self.shift_selected_nodes(Direction::Down, true, network_path);
+				}
+
+				let _ = self.selected_nodes_mut(network_path).unwrap().replace_with(old_selected_nodes);
+			}
+		}
+
+		// Connect the layer to a parent layer/node at the top of the stack, or a non layer node midway down the stack
+		if !inserting_into_stack {
+			match post_node_input {
+				// Create a new stack
+				NodeInput::Value { .. } | NodeInput::Scope(_) | NodeInput::Inline(_) | NodeInput::Reflection(_) => {
+					self.create_wire(&OutputConnector::node(layer.to_node(), 0), &post_node, network_path);
+
+					let final_layer_position = after_move_post_layer_position + IVec2::new(-8, 3);
+					let shift = final_layer_position - previous_layer_position;
+					self.shift_absolute_node_position(&layer.to_node(), shift, network_path);
+				}
+				// Move to the top of a stack.
+				NodeInput::Node { node_id, .. } => {
+					let Some(stack_top_position) = self.position(&node_id, network_path) else {
+						log::error!("Could not get stack x position in move_layer_to_stack");
+						return;
+					};
+
+					let final_layer_position = IVec2::new(stack_top_position.x, after_move_post_layer_position.y + 3 + height_above_layer);
+					let shift = final_layer_position - previous_layer_position;
+					self.shift_absolute_node_position(&layer.to_node(), shift, network_path);
+					self.insert_node_between(&layer.to_node(), &post_node, 0, network_path);
+				}
+				NodeInput::Network { .. } => {
+					log::error!("Cannot move post node to parent which connects to the imports")
+				}
+			}
+		} else {
+			match post_node_input {
+				// Move to the bottom of the stack
+				NodeInput::Value { .. } | NodeInput::Scope(_) | NodeInput::Inline(_) | NodeInput::Reflection(_) => {
+					let offset = after_move_post_layer_position - previous_layer_position + IVec2::new(0, 3 + height_above_layer);
+					self.shift_absolute_node_position(&layer.to_node(), offset, network_path);
+					self.create_wire(&OutputConnector::node(layer.to_node(), 0), &post_node, network_path);
+				}
+				// Insert into the stack
+				NodeInput::Node { .. } => {
+					let final_layer_position = after_move_post_layer_position + IVec2::new(0, 3 + height_above_layer);
+					let shift = final_layer_position - previous_layer_position;
+					self.shift_absolute_node_position(&layer.to_node(), shift, network_path);
+					self.insert_node_between(&layer.to_node(), &post_node, 0, network_path);
+				}
+				NodeInput::Network { .. } => {
+					log::error!("Cannot move post node to parent which connects to the imports")
+				}
+			}
+		}
+		self.unload_upstream_node_click_targets(vec![layer.to_node()], network_path);
+	}
+
+	// Insert a node onto a wire. Ensure insert_node_input_index is an exposed input
+	pub fn insert_node_between(&mut self, node_id: &NodeId, input_connector: &InputConnector, insert_node_input_index: usize, network_path: &[NodeId]) {
+		if self.number_of_displayed_inputs(node_id, network_path) == 0 {
+			log::error!("Cannot insert a node onto a wire with no exposed inputs");
+			return;
+		}
+
+		let Some(upstream_output) = self.upstream_output_connector(input_connector, network_path) else {
+			log::error!("Could not get upstream output in insert_node_between");
+			return;
+		};
+
+		// Disconnect the previous input
+		self.disconnect_input(input_connector, network_path);
+
+		// Connect the input connector to the new node
+		self.create_wire(&OutputConnector::node(*node_id, 0), input_connector, network_path);
+
+		// Connect the new node to the previous node
+		self.create_wire(&upstream_output, &InputConnector::node(*node_id, insert_node_input_index), network_path);
+	}
+
+	// Moves a node and to the start of a layer chain (feeding into the secondary input of the layer)
+	pub fn move_node_to_chain_start(&mut self, node_id: &NodeId, parent: LayerNodeIdentifier, network_path: &[NodeId]) {
+		let Some(current_input) = self.input_from_connector(&InputConnector::node(parent.to_node(), 1), network_path) else {
+			log::error!("Could not get input for node {node_id}");
+			return;
+		};
+		if matches!(current_input, NodeInput::Value { .. }) {
+			self.create_wire(&OutputConnector::node(*node_id, 0), &InputConnector::node(parent.to_node(), 1), network_path);
+			self.set_chain_position(node_id, network_path);
+		} else {
+			// TODO: Implement a more robust horizontal shift system when inserting a node into a chain.
+			// This should be done by breaking the chain and shifting the sole dependents for each node upstream of the insertion.
+			// Before inserting the node, shift the layer right 7 units so that all sole dependents are also shifted
+			// let input_connector = InputConnector::node(parent.to_node(), 0);
+			// let old_upstream = self.upstream_output_connector(&input_connector, network_path);
+			// This also needs to disconnect from the downstream layer
+			// self.disconnect_input(&input_connector, network_path);
+			// let Some(selected_nodes) = self.selected_nodes_mut(network_path) else {
+			// 	log::error!("Could not get selected nodes in move_layer_to_stack");
+			// 	return;
+			// };
+			// let old_selected_nodes = selected_nodes.replace_with(vec![parent.to_node()]);
+
+			// for _ in 0..7 {
+			// 	self.shift_selected_nodes(Direction::Left, false, network_path);
+			// }
+			// // Grip drag it back to the right
+			// for _ in 0..7 {
+			// 	self.shift_selected_nodes(Direction::Right, true, network_path);
+			// }
+			// let _ = self.selected_nodes_mut(network_path).unwrap().replace_with(old_selected_nodes);
+			// if let Some(old_upstream) = old_upstream {
+			// 	self.create_wire(&old_upstream, &input_connector, network_path);
+			// }
+
+			// Insert the node in the gap and set the upstream to a chain
+			self.insert_node_between(node_id, &InputConnector::node(parent.to_node(), 1), 0, network_path);
+			self.force_set_upstream_to_chain(node_id, network_path);
+		}
+	}
+}
+
+#[derive(PartialEq)]
+pub enum FlowType {
+	/// Iterate over all upstream nodes (inclusive) from every input (the primary and all secondary).
+	UpstreamFlow,
+	/// Iterate over nodes (inclusive) connected to the primary input.
+	PrimaryFlow,
+	/// Iterate over the secondary input (inclusive) for layer nodes and primary input for non layer nodes.
+	HorizontalFlow,
+	/// Same as horizontal flow, but only iterates over connections to primary outputs
+	HorizontalPrimaryOutputFlow,
+	/// Upstream flow starting from the either the node (inclusive) or secondary input of the layer (not inclusive).
+	LayerChildrenUpstreamFlow,
+}
+/// Iterate over upstream nodes. The behavior changes based on the `flow_type` that's set.
+/// - [`FlowType::UpstreamFlow`]: iterates over all upstream nodes from every input (the primary and all secondary).
+/// - [`FlowType::PrimaryFlow`]: iterates along the horizontal inputs of nodes, so in the case of a node chain `a -> b -> c`, this would yield `c, b, a` if we started from `c`.
+/// - [`FlowType::HorizontalFlow`]: iterates over the secondary input for layer nodes and primary input for non layer nodes.
+/// - [`FlowType::LayerChildrenUpstreamFlow`]: iterates over all upstream nodes from the secondary input of the node.
+struct FlowIter<'a> {
+	stack: Vec<NodeId>,
+	network: &'a NodeNetwork,
+	network_metadata: &'a NodeNetworkMetadata,
+	flow_type: FlowType,
+}
+impl Iterator for FlowIter<'_> {
+	type Item = NodeId;
+	fn next(&mut self) -> Option<Self::Item> {
+		loop {
+			let node_id = self.stack.pop()?;
+
+			if let (Some(document_node), Some(node_metadata)) = (self.network.nodes.get(&node_id), self.network_metadata.persistent_metadata.node_metadata.get(&node_id)) {
+				let skip = if matches!(self.flow_type, FlowType::HorizontalFlow | FlowType::HorizontalPrimaryOutputFlow) && node_metadata.persistent_metadata.is_layer() {
+					1
+				} else {
+					0
+				};
+				let take = if self.flow_type == FlowType::UpstreamFlow { usize::MAX } else { 1 };
+				let inputs = document_node.inputs.iter().skip(skip).take(take);
+
+				let node_ids = inputs.filter_map(|input| match input {
+					NodeInput::Node { output_index, .. } if self.flow_type == FlowType::HorizontalPrimaryOutputFlow && *output_index != 0 => None,
+					NodeInput::Node { node_id, .. } => Some(node_id),
+					_ => None,
+				});
+
+				self.stack.extend(node_ids);
+
+				return Some(node_id);
+			}
+		}
+	}
+}
+
+// TODO: Refactor to be Unknown, Compiled(Type) for NodeInput::Node, or Value(Type) for NodeInput::Value
+/// Represents the source of a resolved type (for debugging).
+/// There will be two valid types list. One for the current valid types that will not cause a node graph error,
+/// based on the other inputs to that node and returned during compilation. THe other list will be all potential
+/// Valid types, based on the protonode implementation/downstream users.
+#[derive(Debug, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum TypeSource {
+	Compiled,
+	RandomProtonodeImplementation,
+	DocumentNodeDefault,
+	TaggedValue,
+	OuterMostExportDefault,
+
+	Error(&'static str),
+}
+
+impl Default for TypeSource {
+	fn default() -> Self {
+		Self::Error("no source")
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ImportOrExport {
+	Import(usize),
+	Export(usize),
+}
+
+/// Represents an input connector with index based on the [`DocumentNode::inputs`] index, not the visible input index
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum InputConnector {
+	#[serde(rename = "node")]
+	Node {
+		#[serde(rename = "nodeId")]
+		node_id: NodeId,
+		#[serde(rename = "inputIndex")]
+		input_index: usize,
+	},
+	#[serde(rename = "export")]
+	Export(usize),
+}
+
+impl Default for InputConnector {
+	fn default() -> Self {
+		InputConnector::Export(0)
+	}
+}
+
+impl InputConnector {
+	pub fn node(node_id: NodeId, input_index: usize) -> Self {
+		InputConnector::Node { node_id, input_index }
+	}
+
+	pub fn input_index(&self) -> usize {
+		match self {
+			InputConnector::Node { input_index, .. } => *input_index,
+			InputConnector::Export(input_index) => *input_index,
+		}
+	}
+
+	pub fn node_id(&self) -> Option<NodeId> {
+		match self {
+			InputConnector::Node { node_id, .. } => Some(*node_id),
+			_ => None,
+		}
+	}
+}
+
+/// Represents an output connector
+#[derive(Debug, Clone, Copy, Hash, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum OutputConnector {
+	#[serde(rename = "node")]
+	Node {
+		#[serde(rename = "nodeId")]
+		node_id: NodeId,
+		#[serde(rename = "outputIndex")]
+		output_index: usize,
+	},
+	#[serde(rename = "import")]
+	Import(usize),
+}
+
+impl Default for OutputConnector {
+	fn default() -> Self {
+		OutputConnector::Import(0)
+	}
+}
+
+impl OutputConnector {
+	pub fn node(node_id: NodeId, output_index: usize) -> Self {
+		OutputConnector::Node { node_id, output_index }
+	}
+
+	pub fn index(&self) -> usize {
+		match self {
+			OutputConnector::Node { output_index, .. } => *output_index,
+			OutputConnector::Import(output_index) => *output_index,
+		}
+	}
+
+	pub fn node_id(&self) -> Option<NodeId> {
+		match self {
+			OutputConnector::Node { node_id, .. } => Some(*node_id),
+			_ => None,
+		}
+	}
+
+	pub fn from_input(input: &NodeInput) -> Option<Self> {
+		match input {
+			NodeInput::Network { import_index, .. } => Some(Self::Import(*import_index)),
+			NodeInput::Node { node_id, output_index, .. } => Some(Self::node(*node_id, *output_index)),
+			_ => None,
+		}
+	}
+}
+
+#[derive(Debug, Clone)]
+pub struct Ports {
+	input_ports: Vec<(usize, ClickTarget)>,
+	output_ports: Vec<(usize, ClickTarget)>,
+}
+
+impl Default for Ports {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+
+impl Ports {
+	pub fn new() -> Ports {
+		Ports {
+			input_ports: Vec::new(),
+			output_ports: Vec::new(),
+		}
+	}
+
+	pub fn click_targets(&self) -> impl Iterator<Item = &ClickTarget> {
+		self.input_ports
+			.iter()
+			.map(|(_, click_target)| click_target)
+			.chain(self.output_ports.iter().map(|(_, click_target)| click_target))
+	}
+
+	pub fn input_ports(&self) -> impl Iterator<Item = &(usize, ClickTarget)> {
+		self.input_ports.iter()
+	}
+
+	pub fn output_ports(&self) -> impl Iterator<Item = &(usize, ClickTarget)> {
+		self.output_ports.iter()
+	}
+
+	fn insert_input_port_at_center(&mut self, input_index: usize, center: DVec2) {
+		let subpath = Subpath::new_ellipse(center - DVec2::new(8., 8.), center + DVec2::new(8., 8.));
+		self.insert_custom_input_port(input_index, ClickTarget::new_with_subpath(subpath, 0.));
+	}
+
+	fn insert_custom_input_port(&mut self, input_index: usize, click_target: ClickTarget) {
+		self.input_ports.push((input_index, click_target));
+	}
+
+	fn insert_output_port_at_center(&mut self, output_index: usize, center: DVec2) {
+		let subpath = Subpath::new_ellipse(center - DVec2::new(8., 8.), center + DVec2::new(8., 8.));
+		self.insert_custom_output_port(output_index, ClickTarget::new_with_subpath(subpath, 0.));
+	}
+
+	fn insert_custom_output_port(&mut self, output_index: usize, click_target: ClickTarget) {
+		self.output_ports.push((output_index, click_target));
+	}
+
+	fn insert_node_input(&mut self, input_index: usize, row_index: usize, node_top_left: DVec2) {
+		// The center of the click target is always 24 px down from the top left corner of the node
+		let center = node_top_left + DVec2::new(0., 24. + 24. * row_index as f64);
+		self.insert_input_port_at_center(input_index, center);
+	}
+
+	fn insert_node_output(&mut self, output_index: usize, row_index: usize, node_top_left: DVec2) {
+		// The center of the click target is always 24 px down from the top left corner of the node
+		let center = node_top_left + DVec2::new(5. * 24., 24. + 24. * row_index as f64);
+		self.insert_output_port_at_center(output_index, center);
+	}
+
+	fn insert_layer_input(&mut self, input_index: usize, node_top_left: DVec2) {
+		let center = if input_index == 0 {
+			node_top_left + DVec2::new(2. * 24., 24. * 2. + 8.)
+		} else {
+			node_top_left + DVec2::new(0., 24. * 1.)
+		};
+		self.insert_input_port_at_center(input_index, center);
+	}
+
+	fn insert_layer_output(&mut self, node_top_left: DVec2) {
+		// The center of the click target is always 24 px down from the top left corner of the node
+		let center = node_top_left + DVec2::new(2. * 24., -8.);
+		self.insert_output_port_at_center(0, center);
+	}
+
+	pub fn clicked_input_port_from_point(&self, point: DVec2) -> Option<usize> {
+		self.input_ports.iter().find_map(|(port, click_target)| click_target.intersect_point_no_stroke(point).then_some(*port))
+	}
+
+	pub fn clicked_output_port_from_point(&self, point: DVec2) -> Option<usize> {
+		self.output_ports.iter().find_map(|(port, click_target)| click_target.intersect_point_no_stroke(point).then_some(*port))
+	}
+
+	pub fn input_port_position(&self, index: usize) -> Option<DVec2> {
+		self.input_ports
+			.get(index)
+			.and_then(|(_, click_target)| click_target.bounding_box().map(|bounds| bounds[0] + DVec2::new(8., 8.)))
+	}
+
+	pub fn output_port_position(&self, index: usize) -> Option<DVec2> {
+		self.output_ports
+			.get(index)
+			.and_then(|(_, click_target)| click_target.bounding_box().map(|bounds| bounds[0] + DVec2::new(8., 8.)))
+	}
+}
+
+#[derive(PartialEq, Debug, Clone, Copy, Hash, Default, serde::Serialize, serde::Deserialize)]
+pub struct RootNode {
+	pub node_id: NodeId,
+	pub output_index: usize,
+}
+
+impl RootNode {
+	pub fn to_connector(&self) -> OutputConnector {
+		OutputConnector::Node {
+			node_id: self.node_id,
+			output_index: self.output_index,
+		}
+	}
+}
+
+#[derive(PartialEq, Debug, Clone, Copy, Hash, Default, serde::Serialize, serde::Deserialize)]
+pub enum Previewing {
+	/// If there is a node to restore the connection to the export for, then it is stored in the option.
+	/// Otherwise, nothing gets restored and the primary export is disconnected.
+	Yes { root_node_to_restore: Option<RootNode> },
+	#[default]
+	No,
+}
+
+/// All fields in NetworkMetadata should automatically be updated by using the network interface API. If a field is none then it should be calculated based on the network state.
+#[derive(Debug, Default, serde::Serialize, serde::Deserialize)]
+pub struct NodeNetworkMetadata {
+	pub persistent_metadata: NodeNetworkPersistentMetadata,
+	#[serde(skip)]
+	pub transient_metadata: NodeNetworkTransientMetadata,
+}
+
+impl Clone for NodeNetworkMetadata {
+	fn clone(&self) -> Self {
+		NodeNetworkMetadata {
+			persistent_metadata: self.persistent_metadata.clone(),
+			transient_metadata: Default::default(),
+		}
+	}
+}
+
+impl PartialEq for NodeNetworkMetadata {
+	fn eq(&self, other: &Self) -> bool {
+		self.persistent_metadata == other.persistent_metadata
+	}
+}
+
+impl NodeNetworkMetadata {
+	pub fn nested_metadata(&self, nested_path: &[NodeId]) -> Option<&Self> {
+		let mut network_metadata = Some(self);
+
+		for segment in nested_path {
+			network_metadata = network_metadata
+				.and_then(|network| network.persistent_metadata.node_metadata.get(segment))
+				.and_then(|node| node.persistent_metadata.network_metadata.as_ref());
+		}
+		network_metadata
+	}
+
+	/// Get the mutable nested network given by the path of node ids
+	pub fn nested_metadata_mut(&mut self, nested_path: &[NodeId]) -> Option<&mut Self> {
+		let mut network_metadata = Some(self);
+
+		for segment in nested_path {
+			network_metadata = network_metadata
+				.and_then(|network: &mut NodeNetworkMetadata| network.persistent_metadata.node_metadata.get_mut(segment))
+				.and_then(|node| node.persistent_metadata.network_metadata.as_mut());
+		}
+		network_metadata
+	}
+}
+
+#[derive(Debug, Clone, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct NodeNetworkPersistentMetadata {
+	/// Node metadata must exist for every document node in the network
+	#[serde(serialize_with = "graphene_std::vector::serialize_hashmap", deserialize_with = "graphene_std::vector::deserialize_hashmap")]
+	pub node_metadata: HashMap<NodeId, DocumentNodeMetadata>,
+	/// Cached metadata for each node, which is calculated when adding a node to node_metadata
+	/// Indicates whether the network is currently rendered with a particular node that is previewed, and if so, which connection should be restored when the preview ends.
+	pub previewing: Previewing,
+	// Stores the transform and navigation state for the network
+	pub navigation_metadata: NavigationMetadata,
+	/// Stack of selection snapshots for previous history states.
+	// TODO: Use `#[serde(skip)]` here instead? @TrueDoctor claims this isn't valid but hasn't satisfactorily explained how it differs from the situation where `#[serde(default)]` fills in the default value. From brief testing, skip seems to work without issue.
+	#[serde(default)]
+	pub selection_undo_history: VecDeque<SelectedNodes>,
+	/// Stack of selection snapshots for future history states.
+	// TODO: Use `#[serde(skip)]` here instead? See above.
+	#[serde(default)]
+	pub selection_redo_history: VecDeque<SelectedNodes>,
+}
+
+/// This is the same as Option, but more clear in the context of having cached metadata either being loaded or unloaded
+#[derive(Debug, Default, Clone)]
+pub enum TransientMetadata<T> {
+	Loaded(T),
+	#[default]
+	Unloaded,
+}
+
+impl<T> TransientMetadata<T> {
+	/// Set the current transient metadata to unloaded
+	pub fn unload(&mut self) {
+		*self = TransientMetadata::Unloaded;
+	}
+
+	pub fn is_loaded(&self) -> bool {
+		matches!(self, TransientMetadata::Loaded(_))
+	}
+}
+
+/// If some network calculation is too slow to compute for every usage, cache the data here
+#[derive(Debug, Default, Clone)]
+pub struct NodeNetworkTransientMetadata {
+	pub selected_nodes: SelectedNodes,
+	/// Sole dependents of the top of the stacks of all selected nodes. Used to determine which nodes are checked for collision when shifting.
+	/// The LayerOwner is used to determine whether the collided node should be shifted, or the layer that owns it.
+	pub stack_dependents: TransientMetadata<HashMap<NodeId, LayerOwner>>,
+	/// Cache for the bounding box around all nodes in node graph space.
+	pub all_nodes_bounding_box: TransientMetadata<[DVec2; 2]>,
+	/// Cache bounding box for all "groups of nodes", which will be used to prevent overlapping nodes
+	// node_group_bounding_box: Vec<(Subpath<ManipulatorGroupId>, Vec<Nodes>)>,
+	/// Cache for all outward wire connections
+	pub outward_wires: TransientMetadata<HashMap<OutputConnector, Vec<InputConnector>>>,
+	/// All export connector click targets
+	pub import_export_ports: TransientMetadata<Ports>,
+	/// Click targets for adding, removing, and moving import/export ports
+	pub modify_import_export: TransientMetadata<ModifyImportExportClickTarget>,
+	// Distance to the edges of the network, where the import/export ports are displayed. Rounded to nearest grid space when the panning ends.
+	pub rounded_network_edge_distance: TransientMetadata<NetworkEdgeDistance>,
+	// Wires from the exports
+	pub wires: Vec<TransientMetadata<WirePathUpdate>>,
+}
+
+#[derive(Debug, Clone)]
+pub struct ModifyImportExportClickTarget {
+	// Plus icon that appears below all imports/exports, except in the document network
+	pub add_import_export: Ports,
+	// Subtract icon that appears when hovering over an import/export
+	pub remove_imports_exports: Ports,
+	// Grip drag icon that appears when hovering over an import/export
+	pub reorder_imports_exports: Ports,
+}
+
+#[derive(Debug, Clone)]
+pub struct NetworkEdgeDistance {
+	/// The viewport pixel distance between the left edge of the node graph and the exports.
+	pub exports_to_edge_distance: DVec2,
+	/// The viewport pixel distance between the left edge of the node graph and the imports.
+	pub imports_to_edge_distance: DVec2,
+}
+
+#[derive(Debug, Clone)]
+pub enum LayerOwner {
+	// Used to get the layer that should be shifted when there is a collision.
+	Layer(NodeId),
+	// The vertical offset of a node from the start of its shift. Should be reset when the drag ends.
+	None(i32),
+}
+
+/// Utility function for providing a default boolean value to serde.
+#[inline(always)]
+fn return_true() -> bool {
+	true
+}
+
+#[derive(Debug, Default, serde::Serialize, serde::Deserialize)]
+pub struct DocumentNodeMetadata {
+	#[serde(deserialize_with = "deserialize_node_persistent_metadata")]
+	pub persistent_metadata: DocumentNodePersistentMetadata,
+	#[serde(skip)]
+	pub transient_metadata: DocumentNodeTransientMetadata,
+}
+
+impl Clone for DocumentNodeMetadata {
+	fn clone(&self) -> Self {
+		DocumentNodeMetadata {
+			persistent_metadata: self.persistent_metadata.clone(),
+			transient_metadata: Default::default(),
+		}
+	}
+}
+
+impl PartialEq for DocumentNodeMetadata {
+	fn eq(&self, other: &Self) -> bool {
+		self.persistent_metadata == other.persistent_metadata
+	}
+}
+
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize)]
+pub struct NumberInputSettings {
+	pub unit: Option<String>,
+	pub min: Option<f64>,
+	pub max: Option<f64>,
+	pub step: Option<f64>,
+	pub mode: NumberInputMode,
+	pub range_min: Option<f64>,
+	pub range_max: Option<f64>,
+	pub is_integer: bool,
+	pub blank_assist: bool,
+}
+
+impl Default for NumberInputSettings {
+	fn default() -> Self {
+		NumberInputSettings {
+			unit: None,
+			min: None,
+			max: None,
+			step: None,
+			mode: NumberInputMode::default(),
+			range_min: None,
+			range_max: None,
+			is_integer: false,
+			blank_assist: true,
+		}
+	}
+}
+
+#[derive(Debug, Default, Clone, serde::Serialize, serde::Deserialize)]
+pub struct Vec2InputSettings {
+	pub x: String,
+	pub y: String,
+	pub unit: String,
+	pub min: Option<f64>,
+}
+
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize)]
+pub enum WidgetOverride {
+	None,
+	Hidden,
+	String(String),
+	Number(NumberInputSettings),
+	Vec2(Vec2InputSettings),
+	Custom(String),
+}
+
+// TODO: Custom deserialization/serialization to ensure number of properties row matches number of node inputs
+#[derive(Debug, Clone, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct InputPersistentMetadata {
+	/// A general datastore than can store key value pairs of any types for any input
+	/// Each instance of the input node needs to store its own data, since it can lose the reference to its
+	/// node definition if the node signature is modified by the user. For example adding/removing/renaming an import/export of a network node.
+	pub input_data: HashMap<String, Value>,
+	// An input can override a widget, which would otherwise be automatically generated from the type
+	// The string is the identifier to the widget override function stored in INPUT_OVERRIDES
+	pub widget_override: Option<String>,
+	/// An empty input name means to use the type as the name.
+	pub input_name: String,
+	/// Displayed as the tooltip.
+	pub input_description: String,
+}
+
+impl InputPersistentMetadata {
+	pub fn with_name(mut self, input_name: &str) -> Self {
+		self.input_name = input_name.to_string();
+		self
+	}
+	pub fn with_override(mut self, widget_override: WidgetOverride) -> Self {
+		match widget_override {
+			// Uses the default widget for the type
+			WidgetOverride::None => {
+				self.widget_override = None;
+			}
+			WidgetOverride::Hidden => {
+				self.widget_override = Some("hidden".to_string());
+			}
+			WidgetOverride::String(string_properties) => {
+				self.input_data.insert("string_properties".to_string(), Value::String(string_properties));
+				self.widget_override = Some("string".to_string());
+			}
+			WidgetOverride::Number(mut number_properties) => {
+				if let Some(unit) = number_properties.unit.take() {
+					self.input_data.insert("unit".to_string(), json!(unit));
+				}
+				if let Some(min) = number_properties.min.take() {
+					self.input_data.insert("min".to_string(), json!(min));
+				}
+				if let Some(max) = number_properties.max.take() {
+					self.input_data.insert("max".to_string(), json!(max));
+				}
+				if let Some(step) = number_properties.step.take() {
+					self.input_data.insert("step".to_string(), json!(step));
+				}
+				if let Some(range_min) = number_properties.range_min.take() {
+					self.input_data.insert("range_min".to_string(), json!(range_min));
+				}
+				if let Some(range_max) = number_properties.range_max.take() {
+					self.input_data.insert("range_max".to_string(), json!(range_max));
+				}
+				self.input_data.insert("mode".to_string(), json!(number_properties.mode));
+				self.input_data.insert("is_integer".to_string(), Value::Bool(number_properties.is_integer));
+				self.input_data.insert("blank_assist".to_string(), Value::Bool(number_properties.blank_assist));
+				self.widget_override = Some("number".to_string());
+			}
+			WidgetOverride::Vec2(vec2_properties) => {
+				self.input_data.insert("x".to_string(), json!(vec2_properties.x));
+				self.input_data.insert("y".to_string(), json!(vec2_properties.y));
+				self.input_data.insert("unit".to_string(), json!(vec2_properties.unit));
+				if let Some(min) = vec2_properties.min {
+					self.input_data.insert("min".to_string(), json!(min));
+				}
+				self.widget_override = Some("vec2".to_string());
+			}
+			WidgetOverride::Custom(lambda_name) => {
+				self.widget_override = Some(lambda_name);
+			}
+		};
+		self
+	}
+
+	pub fn with_description(mut self, tooltip: &str) -> Self {
+		self.input_description = tooltip.to_string();
+		self
+	}
+}
+
+#[derive(Debug, Clone, Default)]
+struct InputTransientMetadata {
+	wire: TransientMetadata<WirePathUpdate>,
+	// downstream_protonode: populated for all inputs after each compile
+	// types: populated for each protonode after each
+}
+
+// TODO: Eventually remove this migration document upgrade code
+fn migrate_output_names<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<Vec<String>, D::Error> {
+	use serde::Deserialize;
+
+	const REPLACEMENTS: [(&str, &str); 4] = [
+		("VectorData", "Instances<VectorData>"),
+		("GraphicGroup", "Instances<GraphicGroup>"),
+		("ImageFrame", "Instances<Image>"),
+		("Instances<ImageFrame>", "Instances<Image>"),
+	];
+
+	let mut names = Vec::<String>::deserialize(deserializer)?;
+
+	for name in names.iter_mut() {
+		for (old, new) in REPLACEMENTS.iter() {
+			if name == old {
+				*name = new.to_string();
+			}
+		}
+	}
+
+	Ok(names)
+}
+
+/// Persistent metadata for each node in the network, which must be included when creating, serializing, and deserializing saving a node.
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct DocumentNodePersistentMetadata {
+	/// The name of the node definition, as originally set by [`DocumentNodeDefinition`], used to display in the UI and to display the appropriate properties if no display name is set.
+	// TODO: Used during serialization/deserialization to prevent storing implementation or inputs (and possible other fields) if they are the same as the definition.
+	// TODO: The reference is removed once the node is modified, since the node now stores its own implementation and inputs.
+	// TODO: Implement node versioning so that references to old nodes can be updated to the new node definition.
+	pub reference: Option<String>,
+	/// A name chosen by the user for this instance of the node. Empty indicates no given name, in which case the reference name is displayed to the user in italics.
+	#[serde(default)]
+	pub display_name: String,
+	/// Stores metadata to override the properties in the properties panel for each input. These can either be generated automatically based on the type, or with a custom function.
+	/// Must match the length of node inputs
+	pub input_metadata: Vec<InputMetadata>,
+	#[serde(deserialize_with = "migrate_output_names")]
+	pub output_names: Vec<String>,
+	/// Indicates to the UI if a primary output should be drawn for this node.
+	/// True for most nodes, but the Split Channels node is an example of a node that has multiple secondary outputs but no primary output.
+	#[serde(default = "return_true")]
+	pub has_primary_output: bool,
+	/// Represents the lock icon for locking/unlocking the node in the graph UI. When locked, a node cannot be moved in the graph UI.
+	#[serde(default)]
+	pub locked: bool,
+	/// Indicates that the node will be shown in the Properties panel when it would otherwise be empty, letting a user easily edit its properties by just deselecting everything.
+	#[serde(default)]
+	pub pinned: bool,
+	/// Metadata that is specific to either nodes or layers, which are chosen states for displaying as a left-to-right node or bottom-to-top layer.
+	/// All fields in NodeTypePersistentMetadata should automatically be updated by using the network interface API
+	pub node_type_metadata: NodeTypePersistentMetadata,
+	/// This should always be Some for nodes with a [`DocumentNodeImplementation::Network`], and none for [`DocumentNodeImplementation::ProtoNode`]
+	pub network_metadata: Option<NodeNetworkMetadata>,
+}
+
+impl Default for DocumentNodePersistentMetadata {
+	fn default() -> Self {
+		DocumentNodePersistentMetadata {
+			reference: None,
+			display_name: String::new(),
+			input_metadata: Vec::new(),
+			output_names: Vec::new(),
+			has_primary_output: true,
+			pinned: false,
+			locked: false,
+			node_type_metadata: NodeTypePersistentMetadata::default(),
+			network_metadata: None,
+		}
+	}
+}
+
+impl DocumentNodePersistentMetadata {
+	pub fn is_layer(&self) -> bool {
+		matches!(self.node_type_metadata, NodeTypePersistentMetadata::Layer(_))
+	}
+}
+
+#[derive(Debug, Default, serde::Serialize, serde::Deserialize)]
+pub struct InputMetadata {
+	pub persistent_metadata: InputPersistentMetadata,
+	#[serde(skip)]
+	transient_metadata: InputTransientMetadata,
+}
+
+impl Clone for InputMetadata {
+	fn clone(&self) -> Self {
+		InputMetadata {
+			persistent_metadata: self.persistent_metadata.clone(),
+			transient_metadata: Default::default(),
+		}
+	}
+}
+
+impl PartialEq for InputMetadata {
+	fn eq(&self, other: &Self) -> bool {
+		self.persistent_metadata == other.persistent_metadata
+	}
+}
+
+impl From<(&str, &str)> for InputMetadata {
+	fn from(input_name_and_description: (&str, &str)) -> Self {
+		InputMetadata {
+			persistent_metadata: InputPersistentMetadata::default()
+				.with_name(input_name_and_description.0)
+				.with_description(input_name_and_description.1),
+			..Default::default()
+		}
+	}
+}
+
+impl InputMetadata {
+	pub fn with_name_description_override(input_name: &str, tooltip: &str, widget_override: WidgetOverride) -> Self {
+		InputMetadata {
+			persistent_metadata: InputPersistentMetadata::default().with_name(input_name).with_description(tooltip).with_override(widget_override),
+			..Default::default()
+		}
+	}
+}
+
+/// Persistent metadata for each node in the network, which must be included when creating, serializing, and deserializing saving a node.
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct DocumentNodePersistentMetadataInputNames {
+	pub reference: Option<String>,
+	#[serde(default)]
+	pub display_name: String,
+	pub input_names: Vec<String>,
+	pub output_names: Vec<String>,
+	#[serde(default = "return_true")]
+	pub has_primary_output: bool,
+	#[serde(default)]
+	pub locked: bool,
+	#[serde(default)]
+	pub pinned: bool,
+	pub node_type_metadata: NodeTypePersistentMetadata,
+	pub network_metadata: Option<NodeNetworkMetadata>,
+}
+
+impl From<DocumentNodePersistentMetadataInputNames> for DocumentNodePersistentMetadata {
+	fn from(old: DocumentNodePersistentMetadataInputNames) -> Self {
+		DocumentNodePersistentMetadata {
+			input_metadata: Vec::new(),
+			..old.into()
+		}
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct DocumentNodePersistentMetadataPropertiesRow {
+	pub reference: Option<String>,
+	#[serde(default)]
+	pub display_name: String,
+	pub input_properties: Vec<PropertiesRow>,
+	#[serde(deserialize_with = "migrate_output_names")]
+	pub output_names: Vec<String>,
+	#[serde(default = "return_true")]
+	pub has_primary_output: bool,
+	#[serde(default)]
+	pub locked: bool,
+	#[serde(default)]
+	pub pinned: bool,
+	pub node_type_metadata: NodeTypePersistentMetadata,
+	pub network_metadata: Option<NodeNetworkMetadata>,
+}
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct PropertiesRow {
+	pub input_data: HashMap<String, Value>,
+	pub widget_override: Option<String>,
+	#[serde(skip)]
+	pub input_name: String,
+	#[serde(skip)]
+	pub input_description: String,
+}
+
+impl From<DocumentNodePersistentMetadataPropertiesRow> for DocumentNodePersistentMetadata {
+	fn from(old: DocumentNodePersistentMetadataPropertiesRow) -> Self {
+		let mut input_metadata = Vec::new();
+		for properties_row in old.input_properties {
+			input_metadata.push(InputMetadata {
+				persistent_metadata: InputPersistentMetadata {
+					input_data: properties_row.input_data,
+					widget_override: properties_row.widget_override,
+					input_name: properties_row.input_name,
+					input_description: properties_row.input_description,
+				},
+				..Default::default()
+			})
+		}
+		DocumentNodePersistentMetadata {
+			reference: old.reference,
+			display_name: old.display_name,
+			input_metadata: Vec::new(),
+			output_names: old.output_names,
+			has_primary_output: old.has_primary_output,
+			locked: old.locked,
+			pinned: old.pinned,
+			node_type_metadata: old.node_type_metadata,
+			network_metadata: old.network_metadata,
+		}
+	}
+}
+
+#[derive(serde::Serialize, serde::Deserialize)]
+enum NodePersistentMetadataVersions {
+	DocumentNodePersistentMetadataPropertiesRow(DocumentNodePersistentMetadataPropertiesRow),
+	NodePersistentMetadataInputNames(DocumentNodePersistentMetadataInputNames),
+	NodePersistentMetadata(DocumentNodePersistentMetadata),
+}
+
+fn deserialize_node_persistent_metadata<'de, D>(deserializer: D) -> Result<DocumentNodePersistentMetadata, D::Error>
+where
+	D: serde::Deserializer<'de>,
+{
+	use serde::Deserialize;
+
+	let value = Value::deserialize(deserializer)?;
+	if let Ok(document) = serde_json::from_value::<DocumentNodePersistentMetadata>(value.clone()) {
+		return Ok(document);
+	};
+	if let Ok(document) = serde_json::from_value::<DocumentNodePersistentMetadataPropertiesRow>(value.clone()) {
+		return Ok(document.into());
+	};
+	match serde_json::from_value::<DocumentNodePersistentMetadataInputNames>(value.clone()) {
+		Ok(document) => Ok(document.into()),
+		Err(e) => Err(serde::de::Error::custom(e)),
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum NodeTypePersistentMetadata {
+	Layer(LayerPersistentMetadata),
+	Node(NodePersistentMetadata),
+}
+
+impl Default for NodeTypePersistentMetadata {
+	fn default() -> Self {
+		NodeTypePersistentMetadata::node(IVec2::ZERO)
+	}
+}
+
+impl NodeTypePersistentMetadata {
+	pub fn node(position: IVec2) -> NodeTypePersistentMetadata {
+		NodeTypePersistentMetadata::Node(NodePersistentMetadata {
+			position: NodePosition::Absolute(position),
+		})
+	}
+	pub fn layer(position: IVec2) -> NodeTypePersistentMetadata {
+		NodeTypePersistentMetadata::Layer(LayerPersistentMetadata {
+			position: LayerPosition::Absolute(position),
+			owned_nodes: TransientMetadata::default(),
+		})
+	}
+}
+
+/// All fields in LayerMetadata should automatically be updated by using the network interface API
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize)]
+pub struct LayerPersistentMetadata {
+	// TODO: Store click target for the preview button, which will appear when the node is a selected/(hovered?) layer node
+	// preview_click_target: Option<ClickTarget>,
+	/// Stores the position of a layer node, which can either be Absolute or Stack
+	pub position: LayerPosition,
+	/// All nodes that should be moved when the layer is moved.
+	#[serde(skip)]
+	pub owned_nodes: TransientMetadata<HashSet<NodeId>>,
+}
+
+impl PartialEq for LayerPersistentMetadata {
+	fn eq(&self, other: &Self) -> bool {
+		self.position == other.position
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct NodePersistentMetadata {
+	/// Stores the position of a non layer node, which can either be Absolute or Chain
+	position: NodePosition,
+}
+
+impl NodePersistentMetadata {
+	pub fn new(position: NodePosition) -> Self {
+		Self { position }
+	}
+}
+
+/// A layer can either be position as Absolute or in a Stack
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum LayerPosition {
+	// Position of the node in grid spaces
+	Absolute(IVec2),
+	// A layer is in a Stack when it feeds into the bottom input of a layer. The Y position stores the vertical distance between the layer and its upstream sibling/parent.
+	Stack(u32),
+}
+
+/// A node can either be position as Absolute or in a Chain
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum NodePosition {
+	// Position of the node in grid spaces
+	Absolute(IVec2),
+	// In a chain the position is based on the number of nodes to the first layer node
+	Chain,
+}
+
+/// Cached metadata that should be calculated when creating a node, and should be recalculated when modifying a node property that affects one of the cached fields.
+#[derive(Debug, Default, Clone)]
+pub struct DocumentNodeTransientMetadata {
+	// The click targets are stored as a single struct since it is very rare for only one to be updated, and recomputing all click targets in one function is more efficient than storing them separately.
+	pub click_targets: TransientMetadata<DocumentNodeClickTargets>,
+	// Metadata that is specific to either nodes or layers, which are chosen states for displaying as a left-to-right node or bottom-to-top layer.
+	pub node_type_metadata: NodeTypeTransientMetadata,
+}
+
+#[derive(Debug, Clone)]
+pub struct DocumentNodeClickTargets {
+	/// In order to keep the displayed position of the node in sync with the click target, the displayed position of a node is derived from the top left of the click target
+	/// Ensure node_click_target is kept in sync when modifying a node property that changes its size. Currently this is alias, inputs, is_layer, and metadata
+	pub node_click_target: ClickTarget,
+	/// Stores all port click targets in node graph space.
+	pub port_click_targets: Ports,
+	// Click targets that are specific to either nodes or layers, which are chosen states for displaying as a left-to-right node or bottom-to-top layer.
+	pub node_type_metadata: NodeTypeClickTargets,
+}
+
+#[derive(Debug, Default, Clone)]
+pub enum NodeTypeTransientMetadata {
+	Layer(LayerTransientMetadata),
+	#[default]
+	Node, // No transient data is stored exclusively for nodes
+}
+
+#[derive(Debug, Default, Clone)]
+pub struct LayerTransientMetadata {
+	// Stores the width in grid cell units for layer nodes from the left edge of the thumbnail (+12px padding since thumbnail ends between grid spaces) to the left end of the node
+	/// This is necessary since calculating the layer width through web_sys is very slow
+	pub layer_width: TransientMetadata<u32>,
+	// Should not be a performance concern to calculate when needed with chain_width.
+	// Stores the width in grid cell units for layer nodes from the left edge of the thumbnail to the end of the chain
+	// chain_width: u32,
+}
+
+#[derive(Debug, Clone)]
+pub enum NodeTypeClickTargets {
+	Layer(LayerClickTargets),
+	Node, // No transient click targets are stored exclusively for nodes
+}
+
+/// All fields in TransientLayerMetadata should automatically be updated by using the network interface API
+#[derive(Debug, Clone)]
+pub struct LayerClickTargets {
+	/// Cache for all visibility buttons. Should be automatically updated when update_click_target is called
+	pub visibility_click_target: ClickTarget,
+	/// Cache for the grip icon, which is next to the visibility button.
+	pub grip_click_target: ClickTarget,
+	// TODO: Store click target for the preview button, which will appear when the node is a selected/(hovered?) layer node
+	// preview_click_target: ClickTarget,
+}
+
+pub enum LayerClickTargetTypes {
+	Visibility,
+	Grip,
+	// Preview,
+}
+
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct NavigationMetadata {
+	/// The current pan, and zoom state of the viewport's view of the node graph.
+	/// Ensure `DocumentMessage::UpdateDocumentTransform` is called when the pan, zoom, or transform changes.
+	pub node_graph_ptz: PTZ,
+	// TODO: Remove and replace with calculate_offset_transform from the node_graph_ptz. This will be difficult since it requires both the navigation message handler and the IPP
+	/// Transform from node graph space to viewport space.
+	pub node_graph_to_viewport: DAffine2,
+	/// Top right of the node graph in viewport space
+	#[serde(default)]
+	pub node_graph_top_right: DVec2,
+}
+
+impl Default for NavigationMetadata {
+	fn default() -> NavigationMetadata {
+		// Default PTZ and transform
+		NavigationMetadata {
+			node_graph_ptz: PTZ::default(),
+			node_graph_to_viewport: DAffine2::IDENTITY,
+			// TODO: Eventually replace with footprint
+			node_graph_top_right: DVec2::ZERO,
+		}
+	}
+}
+
+// PartialEq required by message handlers
+/// All persistent editor and Graphene data for a node. Used to serialize and deserialize a node, pass it through the editor, and create definitions.
+#[derive(Debug, Clone, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct NodeTemplate {
+	pub document_node: DocumentNode,
+	pub persistent_node_metadata: DocumentNodePersistentMetadata,
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum TransactionStatus {
+	Started,
+	Modified,
+	#[default]
+	Finished,
+}
diff --git a/editor/src/messages/portfolio/document/utility_types/nodes.rs b/editor/src/messages/portfolio/document/utility_types/nodes.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d81f1693d70ec23fa61092f93e61ebda0e10c7e0
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/nodes.rs
@@ -0,0 +1,156 @@
+use super::document_metadata::{DocumentMetadata, LayerNodeIdentifier};
+use super::network_interface::NodeNetworkInterface;
+use graph_craft::document::{NodeId, NodeNetwork};
+use serde::ser::SerializeStruct;
+
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize, PartialEq, Eq, specta::Type)]
+pub struct RawBuffer(Vec<u8>);
+
+impl From<&[u64]> for RawBuffer {
+	fn from(iter: &[u64]) -> Self {
+		let v_from_raw: Vec<u8> = iter.iter().flat_map(|x| x.to_ne_bytes()).collect();
+		Self(v_from_raw)
+	}
+}
+#[derive(Debug, Clone, serde::Deserialize, PartialEq, Eq, specta::Type)]
+pub struct JsRawBuffer(Vec<u8>);
+
+impl From<RawBuffer> for JsRawBuffer {
+	fn from(buffer: RawBuffer) -> Self {
+		Self(buffer.0)
+	}
+}
+impl serde::Serialize for JsRawBuffer {
+	fn serialize<S: serde::Serializer>(&self, serializer: S) -> Result<S::Ok, S::Error> {
+		let mut buffer = serializer.serialize_struct("Buffer", 2)?;
+		buffer.serialize_field("pointer", &(self.0.as_ptr() as usize))?;
+		buffer.serialize_field("length", &(self.0.len()))?;
+		buffer.end()
+	}
+}
+
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize, PartialEq, Eq, specta::Type)]
+pub struct LayerPanelEntry {
+	pub id: NodeId,
+	pub alias: String,
+	pub tooltip: String,
+	#[serde(rename = "inSelectedNetwork")]
+	pub in_selected_network: bool,
+	#[serde(rename = "childrenAllowed")]
+	pub children_allowed: bool,
+	#[serde(rename = "childrenPresent")]
+	pub children_present: bool,
+	pub expanded: bool,
+	pub depth: usize,
+	pub visible: bool,
+	#[serde(rename = "parentsVisible")]
+	pub parents_visible: bool,
+	pub unlocked: bool,
+	#[serde(rename = "parentsUnlocked")]
+	pub parents_unlocked: bool,
+	#[serde(rename = "parentId")]
+	pub parent_id: Option<NodeId>,
+	pub selected: bool,
+	#[serde(rename = "ancestorOfSelected")]
+	pub ancestor_of_selected: bool,
+	#[serde(rename = "descendantOfSelected")]
+	pub descendant_of_selected: bool,
+	pub clipped: bool,
+	pub clippable: bool,
+}
+
+#[derive(Debug, Clone, Default, serde::Serialize, serde::Deserialize, PartialEq, Eq, specta::Type)]
+pub struct SelectedNodes(pub Vec<NodeId>);
+
+impl SelectedNodes {
+	pub fn layer_visible(&self, layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> bool {
+		layer.ancestors(network_interface.document_metadata()).all(|layer| {
+			if layer != LayerNodeIdentifier::ROOT_PARENT {
+				network_interface.is_visible(&layer.to_node(), &[])
+			} else {
+				true
+			}
+		})
+	}
+
+	pub fn selected_visible_layers<'a>(&'a self, network_interface: &'a NodeNetworkInterface) -> impl Iterator<Item = LayerNodeIdentifier> + 'a {
+		self.selected_layers(network_interface.document_metadata())
+			.filter(move |&layer| self.layer_visible(layer, network_interface))
+	}
+
+	pub fn layer_locked(&self, layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> bool {
+		layer.ancestors(network_interface.document_metadata()).any(|layer| {
+			if layer != LayerNodeIdentifier::ROOT_PARENT {
+				network_interface.is_locked(&layer.to_node(), &[])
+			} else {
+				false
+			}
+		})
+	}
+
+	pub fn selected_unlocked_layers<'a>(&'a self, network_interface: &'a NodeNetworkInterface) -> impl Iterator<Item = LayerNodeIdentifier> + 'a {
+		self.selected_layers(network_interface.document_metadata())
+			.filter(move |&layer| !self.layer_locked(layer, network_interface))
+	}
+
+	pub fn selected_visible_and_unlocked_layers<'a>(&'a self, network_interface: &'a NodeNetworkInterface) -> impl Iterator<Item = LayerNodeIdentifier> + 'a {
+		self.selected_layers(network_interface.document_metadata())
+			.filter(move |&layer| self.layer_visible(layer, network_interface) && !self.layer_locked(layer, network_interface))
+	}
+
+	pub fn selected_layers<'a>(&'a self, metadata: &'a DocumentMetadata) -> impl Iterator<Item = LayerNodeIdentifier> + 'a {
+		metadata.all_layers().filter(|layer| self.0.contains(&layer.to_node()))
+	}
+
+	pub fn selected_layers_except_artboards<'a>(&'a self, network_interface: &'a NodeNetworkInterface) -> impl Iterator<Item = LayerNodeIdentifier> + 'a {
+		self.selected_layers(network_interface.document_metadata())
+			.filter(move |&layer| !network_interface.is_artboard(&layer.to_node(), &[]))
+	}
+
+	pub fn selected_layers_contains(&self, layer: LayerNodeIdentifier, metadata: &DocumentMetadata) -> bool {
+		self.selected_layers(metadata).any(|selected| selected == layer)
+	}
+
+	pub fn selected_nodes(&self) -> impl Iterator<Item = &NodeId> + '_ {
+		self.0.iter()
+	}
+
+	pub fn selected_nodes_ref(&self) -> &Vec<NodeId> {
+		&self.0
+	}
+
+	pub fn network_has_selected_nodes(&self, network: &NodeNetwork) -> bool {
+		self.0.iter().any(|node_id| network.nodes.contains_key(node_id))
+	}
+
+	pub fn has_selected_nodes(&self) -> bool {
+		!self.0.is_empty()
+	}
+
+	pub fn retain_selected_nodes(&mut self, f: impl FnMut(&NodeId) -> bool) {
+		self.0.retain(f);
+	}
+
+	pub fn set_selected_nodes(&mut self, new: Vec<NodeId>) {
+		self.0 = new;
+	}
+
+	pub fn add_selected_nodes(&mut self, new: Vec<NodeId>) {
+		self.0.extend(new);
+	}
+
+	pub fn clear_selected_nodes(&mut self) {
+		self.0 = Vec::new();
+	}
+
+	pub fn replace_with(&mut self, new: Vec<NodeId>) -> Vec<NodeId> {
+		std::mem::replace(&mut self.0, new)
+	}
+
+	pub fn filtered_selected_nodes(&self, node_ids: std::collections::HashSet<NodeId>) -> SelectedNodes {
+		SelectedNodes(self.0.iter().filter(|node_id| node_ids.contains(node_id)).cloned().collect())
+	}
+}
+
+#[derive(Debug, Clone, Default, serde::Serialize, serde::Deserialize, PartialEq, Eq, specta::Type)]
+pub struct CollapsedLayers(pub Vec<LayerNodeIdentifier>);
diff --git a/editor/src/messages/portfolio/document/utility_types/transformation.rs b/editor/src/messages/portfolio/document/utility_types/transformation.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e0149939a511cfb169c34526988de82375ce0c41
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/transformation.rs
@@ -0,0 +1,799 @@
+use super::network_interface::NodeNetworkInterface;
+use crate::consts::{ROTATE_INCREMENT, SCALE_INCREMENT};
+use crate::messages::portfolio::document::graph_operation::transform_utils;
+use crate::messages::portfolio::document::graph_operation::utility_types::{ModifyInputsContext, TransformIn};
+use crate::messages::portfolio::document::utility_types::document_metadata::{DocumentMetadata, LayerNodeIdentifier};
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::common_functionality::shape_editor::ShapeState;
+use crate::messages::tool::utility_types::ToolType;
+use glam::{DAffine2, DMat2, DVec2};
+use graphene_std::renderer::Quad;
+use graphene_std::vector::{HandleExt, HandleId, ManipulatorPointId, PointId, VectorModificationType};
+use std::collections::{HashMap, VecDeque};
+use std::f64::consts::PI;
+
+#[derive(Debug, PartialEq, Clone, Copy)]
+struct AnchorPoint {
+	initial: DVec2,
+	current: DVec2,
+}
+
+#[derive(Debug, PartialEq, Clone, Copy)]
+struct HandlePoint {
+	initial: DVec2,
+	relative: DVec2,
+	anchor: PointId,
+	mirror: Option<(HandleId, DVec2)>,
+}
+
+#[derive(Debug, PartialEq, Clone)]
+pub struct InitialPoints {
+	anchors: HashMap<PointId, AnchorPoint>,
+	handles: HashMap<HandleId, HandlePoint>,
+}
+
+#[derive(Debug, PartialEq, Clone)]
+pub enum OriginalTransforms {
+	Layer(HashMap<LayerNodeIdentifier, DAffine2>),
+	Path(HashMap<LayerNodeIdentifier, InitialPoints>),
+}
+impl Default for OriginalTransforms {
+	fn default() -> Self {
+		OriginalTransforms::Path(HashMap::new())
+	}
+}
+impl OriginalTransforms {
+	pub fn clear(&mut self) {
+		match self {
+			OriginalTransforms::Layer(layer_map) => layer_map.clear(),
+			OriginalTransforms::Path(path_map) => path_map.clear(),
+		}
+	}
+
+	/// Gets the transform from the most downstream transform node
+	fn get_layer_transform(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<DAffine2> {
+		let transform_node_id = ModifyInputsContext::locate_node_in_layer_chain("Transform", layer, network_interface)?;
+
+		let document_node = network_interface.document_network().nodes.get(&transform_node_id)?;
+		Some(transform_utils::get_current_transform(&document_node.inputs))
+	}
+
+	pub fn update<'a>(&mut self, selected: &'a [LayerNodeIdentifier], network_interface: &NodeNetworkInterface, shape_editor: Option<&'a ShapeState>) {
+		match self {
+			OriginalTransforms::Layer(layer_map) => {
+				layer_map.retain(|layer, _| selected.contains(layer));
+				for &layer in selected {
+					if layer == LayerNodeIdentifier::ROOT_PARENT {
+						continue;
+					}
+
+					layer_map.entry(layer).or_insert_with(|| Self::get_layer_transform(layer, network_interface).unwrap_or_default());
+				}
+			}
+			OriginalTransforms::Path(path_map) => {
+				let Some(shape_editor) = shape_editor else {
+					warn!("No shape editor structure found, which only happens in select tool, which cannot reach this point as we check for ToolType");
+					return;
+				};
+				for &layer in selected {
+					if path_map.contains_key(&layer) {
+						continue;
+					}
+					let Some(vector_data) = network_interface.compute_modified_vector(layer) else {
+						continue;
+					};
+					let Some(selected_points) = shape_editor.selected_points_in_layer(layer) else {
+						continue;
+					};
+					let Some(selected_segments) = shape_editor.selected_segments_in_layer(layer) else {
+						continue;
+					};
+
+					let mut selected_points = selected_points.clone();
+
+					for (segment_id, _, start, end) in vector_data.segment_bezier_iter() {
+						if selected_segments.contains(&segment_id) {
+							selected_points.insert(ManipulatorPointId::Anchor(start));
+							selected_points.insert(ManipulatorPointId::Anchor(end));
+						}
+					}
+
+					// Anchors also move their handles
+					let anchor_ids = selected_points.iter().filter_map(|point| point.as_anchor());
+					let anchors = anchor_ids.filter_map(|id| vector_data.point_domain.position_from_id(id).map(|pos| (id, AnchorPoint { initial: pos, current: pos })));
+					let anchors = anchors.collect();
+
+					let selected_handles = selected_points.iter().filter_map(|point| point.as_handle());
+					let anchor_ids = selected_points.iter().filter_map(|point| point.as_anchor());
+					let connected_handles = anchor_ids.flat_map(|point| vector_data.all_connected(point));
+					let all_handles = selected_handles.chain(connected_handles);
+
+					let handles = all_handles
+						.filter_map(|id| {
+							let anchor = id.to_manipulator_point().get_anchor(&vector_data)?;
+							let initial = id.to_manipulator_point().get_position(&vector_data)?;
+							let relative = vector_data.point_domain.position_from_id(anchor)?;
+							let other_handle = vector_data
+								.other_colinear_handle(id)
+								.filter(|other| !selected_points.contains(&other.to_manipulator_point()) && !selected_points.contains(&ManipulatorPointId::Anchor(anchor)));
+							let mirror = other_handle.and_then(|id| Some((id, id.to_manipulator_point().get_position(&vector_data)?)));
+
+							Some((id, HandlePoint { initial, relative, anchor, mirror }))
+						})
+						.collect();
+
+					path_map.insert(layer, InitialPoints { anchors, handles });
+				}
+			}
+		}
+	}
+}
+
+#[derive(Default, Debug, Clone, PartialEq, Eq, Copy)]
+pub enum Axis {
+	#[default]
+	Both,
+	X,
+	Y,
+}
+
+impl Axis {
+	pub fn contrainted_to_axis(self, target: Axis, local: bool) -> (Self, bool) {
+		if self != target {
+			return (target, false);
+		}
+
+		if local { (Axis::Both, false) } else { (self, true) }
+	}
+}
+
+#[derive(Default, Debug, Clone, PartialEq, Copy)]
+pub struct Translation {
+	pub dragged_distance: DVec2,
+	pub typed_distance: Option<f64>,
+	pub constraint: Axis,
+}
+
+impl Translation {
+	pub fn to_dvec(self, transform: DAffine2, increment_mode: bool) -> DVec2 {
+		let displacement = if let Some(value) = self.typed_distance {
+			match self.constraint {
+				Axis::X => transform.transform_vector2(DVec2::new(value, 0.)),
+				Axis::Y => transform.transform_vector2(DVec2::new(0., value)),
+				Axis::Both => self.dragged_distance,
+			}
+		} else {
+			match self.constraint {
+				Axis::Both => self.dragged_distance,
+				Axis::X => DVec2::new(self.dragged_distance.x, 0.),
+				Axis::Y => DVec2::new(0., self.dragged_distance.y),
+			}
+		};
+		let displacement = transform.inverse().transform_vector2(displacement);
+		if increment_mode { displacement.round() } else { displacement }
+	}
+
+	#[must_use]
+	pub fn increment_amount(self, delta: DVec2) -> Self {
+		Self {
+			dragged_distance: self.dragged_distance + delta,
+			typed_distance: None,
+			constraint: self.constraint,
+		}
+	}
+	pub fn set_amount(self, change: DVec2) -> Self {
+		Self {
+			dragged_distance: change,
+			typed_distance: None,
+			constraint: self.constraint,
+		}
+	}
+
+	pub fn negate(self) -> Self {
+		let dragged_distance = -self.dragged_distance;
+		Self { dragged_distance, ..self }
+	}
+
+	pub fn with_constraint(self, target: Axis, local: bool) -> (Self, bool) {
+		let (constraint, local) = self.constraint.contrainted_to_axis(target, local);
+		(Self { constraint, ..self }, local)
+	}
+}
+
+#[derive(Default, Debug, Clone, PartialEq, Copy)]
+pub struct Rotation {
+	pub dragged_angle: f64,
+	pub typed_angle: Option<f64>,
+}
+
+impl Rotation {
+	pub fn to_f64(self, increment_mode: bool) -> f64 {
+		if let Some(value) = self.typed_angle {
+			value.to_radians()
+		} else if increment_mode {
+			let increment_resolution = ROTATE_INCREMENT.to_radians();
+			(self.dragged_angle / increment_resolution).round() * increment_resolution
+		} else {
+			self.dragged_angle
+		}
+	}
+
+	#[must_use]
+	pub fn increment_amount(self, delta: f64) -> Self {
+		Self {
+			dragged_angle: self.dragged_angle + delta,
+			typed_angle: None,
+		}
+	}
+	pub fn set_amount(self, angle: f64) -> Self {
+		Self {
+			dragged_angle: angle,
+			typed_angle: None,
+		}
+	}
+
+	pub fn negate(self) -> Self {
+		let dragged_angle = -self.dragged_angle;
+		Self { dragged_angle, ..self }
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, Copy)]
+pub struct Scale {
+	pub dragged_factor: f64,
+	pub typed_factor: Option<f64>,
+	pub constraint: Axis,
+}
+
+impl Default for Scale {
+	fn default() -> Self {
+		Self {
+			dragged_factor: 1.,
+			typed_factor: None,
+			constraint: Axis::default(),
+		}
+	}
+}
+
+impl Scale {
+	pub fn to_f64(self, increment: bool) -> f64 {
+		let factor = if let Some(value) = self.typed_factor { value } else { self.dragged_factor };
+		if increment { (factor / SCALE_INCREMENT).round() * SCALE_INCREMENT } else { factor }
+	}
+
+	pub fn to_dvec(self, increment_mode: bool) -> DVec2 {
+		let factor = self.to_f64(increment_mode);
+
+		match self.constraint {
+			Axis::Both => DVec2::splat(factor),
+			Axis::X => DVec2::new(factor, 1.),
+			Axis::Y => DVec2::new(1., factor),
+		}
+	}
+
+	pub fn negate(self) -> Self {
+		let dragged_factor = -self.dragged_factor;
+		Self { dragged_factor, ..self }
+	}
+
+	#[must_use]
+	pub fn increment_amount(self, delta: f64) -> Self {
+		Self {
+			dragged_factor: (self.dragged_factor + delta),
+			typed_factor: None,
+			constraint: self.constraint,
+		}
+	}
+
+	pub fn set_amount(self, change: f64) -> Self {
+		Self {
+			dragged_factor: 1. + change,
+			typed_factor: None,
+			constraint: self.constraint,
+		}
+	}
+
+	pub fn with_constraint(self, target: Axis, local: bool) -> (Self, bool) {
+		let (constraint, local) = self.constraint.contrainted_to_axis(target, local);
+		(Self { constraint, ..self }, local)
+	}
+}
+
+#[derive(Default, Debug, Clone, PartialEq, Copy)]
+pub enum TransformOperation {
+	#[default]
+	None,
+	Grabbing(Translation),
+	Rotating(Rotation),
+	Scaling(Scale),
+}
+
+#[derive(Debug, Clone, PartialEq, Copy, serde::Serialize, serde::Deserialize)]
+pub enum TransformType {
+	Grab,
+	Rotate,
+	Scale,
+}
+
+impl TransformType {
+	pub fn equivalent_to(&self, operation: TransformOperation) -> bool {
+		matches!(
+			(operation, self),
+			(TransformOperation::Scaling(_), TransformType::Scale) | (TransformOperation::Grabbing(_), TransformType::Grab) | (TransformOperation::Rotating(_), TransformType::Rotate)
+		)
+	}
+}
+
+impl TransformOperation {
+	#[allow(clippy::too_many_arguments)]
+	pub fn apply_transform_operation(&self, selected: &mut Selected, increment_mode: bool, local: bool, quad: Quad, transform: DAffine2, pivot: DVec2, local_transform: DAffine2) {
+		let local_axis_transform_angle = (quad.top_left() - quad.top_right()).to_angle();
+		if self != &TransformOperation::None {
+			let transformation = match self {
+				TransformOperation::Grabbing(translation) => {
+					let translate = DAffine2::from_translation(transform.transform_vector2(translation.to_dvec(local_transform, increment_mode)));
+					if local {
+						let resolved_angle = if local_axis_transform_angle > 0. {
+							local_axis_transform_angle
+						} else {
+							local_axis_transform_angle - PI
+						};
+						DAffine2::from_angle(resolved_angle) * translate * DAffine2::from_angle(-resolved_angle)
+					} else {
+						translate
+					}
+				}
+				TransformOperation::Rotating(rotation) => DAffine2::from_angle(rotation.to_f64(increment_mode)),
+				TransformOperation::Scaling(scale) => {
+					if local {
+						DAffine2::from_angle(local_axis_transform_angle) * DAffine2::from_scale(scale.to_dvec(increment_mode)) * DAffine2::from_angle(-local_axis_transform_angle)
+					} else {
+						DAffine2::from_scale(scale.to_dvec(increment_mode))
+					}
+				}
+				TransformOperation::None => unreachable!(),
+			};
+
+			selected.update_transforms(transformation, Some(pivot), Some(*self));
+			self.hints(selected.responses, local);
+		}
+	}
+
+	pub fn axis_constraint(&self) -> Axis {
+		match self {
+			TransformOperation::Grabbing(grabbing) => grabbing.constraint,
+			TransformOperation::Scaling(scaling) => scaling.constraint,
+			_ => Axis::Both,
+		}
+	}
+
+	pub fn can_begin_typing(&self) -> bool {
+		self.is_constraint_to_axis() || !matches!(self, TransformOperation::Grabbing(_))
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	pub fn constrain_axis(&mut self, axis: Axis, selected: &mut Selected, increment_mode: bool, mut local: bool, quad: Quad, transform: DAffine2, pivot: DVec2, local_transform: DAffine2) -> bool {
+		(*self, local) = match self {
+			TransformOperation::Grabbing(translation) => {
+				let (translation, local) = translation.with_constraint(axis, local);
+				(TransformOperation::Grabbing(translation), local)
+			}
+			TransformOperation::Scaling(scale) => {
+				let (scale, local) = scale.with_constraint(axis, local);
+				(TransformOperation::Scaling(scale), local)
+			}
+			_ => (*self, false),
+		};
+		self.apply_transform_operation(selected, increment_mode, local, quad, transform, pivot, local_transform);
+		local
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	pub fn grs_typed(&mut self, typed: Option<f64>, selected: &mut Selected, increment_mode: bool, local: bool, quad: Quad, transform: DAffine2, pivot: DVec2, local_transform: DAffine2) {
+		match self {
+			TransformOperation::None => (),
+			TransformOperation::Grabbing(translation) => translation.typed_distance = typed,
+			TransformOperation::Rotating(rotation) => rotation.typed_angle = typed,
+			TransformOperation::Scaling(scale) => scale.typed_factor = typed,
+		};
+
+		self.apply_transform_operation(selected, increment_mode, local, quad, transform, pivot, local_transform);
+	}
+
+	pub fn hints(&self, responses: &mut VecDeque<Message>, local: bool) {
+		use crate::messages::input_mapper::utility_types::input_keyboard::{Key, MouseMotion};
+		use crate::messages::tool::utility_types::{HintData, HintGroup, HintInfo};
+
+		let mut input_hints = Vec::new();
+		let clear_constraint = "Clear Constraint";
+		match self.axis_constraint() {
+			Axis::Both => {
+				input_hints.push(HintInfo::keys([Key::KeyX], "X-Axis Constraint"));
+				input_hints.push(HintInfo::keys([Key::KeyY], "Y-Axis Constraint"));
+			}
+			Axis::X => {
+				let x_label = if local { clear_constraint } else { "Local X-Axis Constraint" };
+				input_hints.push(HintInfo::keys([Key::KeyX], x_label));
+				input_hints.push(HintInfo::keys([Key::KeyY], "Y-Axis Constraint"));
+				if !local {
+					input_hints.push(HintInfo::keys([Key::KeyX, Key::KeyX], clear_constraint));
+				}
+			}
+			Axis::Y => {
+				let y_label = if local { clear_constraint } else { "Local Y-Axis Constraint" };
+				input_hints.push(HintInfo::keys([Key::KeyX], "X-Axis Constraint"));
+				input_hints.push(HintInfo::keys([Key::KeyY], y_label));
+				if !local {
+					input_hints.push(HintInfo::keys([Key::KeyY, Key::KeyY], clear_constraint));
+				}
+			}
+		}
+
+		let grs_hint_group = match self {
+			TransformOperation::None => unreachable!(),
+			TransformOperation::Scaling(_) => HintGroup(vec![HintInfo::multi_keys([[Key::KeyG], [Key::KeyR]], "Grab/Rotate Selected")]),
+			TransformOperation::Grabbing(_) => HintGroup(vec![HintInfo::multi_keys([[Key::KeyR], [Key::KeyS]], "Rotate/Scale Selected")]),
+			TransformOperation::Rotating(_) => HintGroup(vec![HintInfo::multi_keys([[Key::KeyG], [Key::KeyS]], "Grab/Scale Selected")]),
+		};
+
+		let confirm_and_cancel_group = HintGroup(vec![
+			HintInfo::mouse(MouseMotion::Lmb, ""),
+			HintInfo::keys([Key::Enter], "Confirm").prepend_slash(),
+			HintInfo::mouse(MouseMotion::Rmb, ""),
+			HintInfo::keys([Key::Escape], "Cancel").prepend_slash(),
+		]);
+		let mut hint_groups = vec![confirm_and_cancel_group, grs_hint_group];
+		if !self.is_typing() {
+			let modifiers = vec![
+				HintInfo::keys([Key::Shift], "Slow"),
+				HintInfo::keys([Key::Control], if matches!(self, TransformOperation::Rotating(_)) { "15° Increments" } else { "Increments" }),
+			];
+			hint_groups.push(HintGroup(modifiers));
+		}
+		if !matches!(self, TransformOperation::Rotating(_)) {
+			hint_groups.push(HintGroup(input_hints));
+		}
+		let mut typing_hints = vec![HintInfo::keys([Key::Minus], "Negate Direction")];
+		if self.can_begin_typing() {
+			typing_hints.push(HintInfo::keys([Key::NumKeys], "Enter Number"));
+			if self.is_typing() {
+				typing_hints.push(HintInfo::keys([Key::Backspace], "Delete Digit"));
+			}
+		}
+		hint_groups.push(HintGroup(typing_hints));
+
+		let hint_data = HintData(hint_groups);
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	pub fn is_constraint_to_axis(&self) -> bool {
+		self.axis_constraint() != Axis::Both
+	}
+
+	pub fn is_typing(&self) -> bool {
+		match self {
+			TransformOperation::None => false,
+			TransformOperation::Grabbing(translation) => translation.typed_distance.is_some(),
+			TransformOperation::Rotating(rotation) => rotation.typed_angle.is_some(),
+			TransformOperation::Scaling(scale) => scale.typed_factor.is_some(),
+		}
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	pub fn negate(&mut self, selected: &mut Selected, increment_mode: bool, local: bool, quad: Quad, transform: DAffine2, pivot: DVec2, local_transform: DAffine2) {
+		if *self != TransformOperation::None {
+			*self = match self {
+				TransformOperation::Scaling(scale) => TransformOperation::Scaling(scale.negate()),
+				TransformOperation::Rotating(rotation) => TransformOperation::Rotating(rotation.negate()),
+				TransformOperation::Grabbing(translation) => TransformOperation::Grabbing(translation.negate()),
+				_ => *self,
+			};
+			self.apply_transform_operation(selected, increment_mode, local, quad, transform, pivot, local_transform);
+		}
+	}
+}
+
+pub struct Selected<'a> {
+	pub selected: &'a [LayerNodeIdentifier],
+	pub responses: &'a mut VecDeque<Message>,
+	pub network_interface: &'a NodeNetworkInterface,
+	pub original_transforms: &'a mut OriginalTransforms,
+	pub pivot: &'a mut DVec2,
+	pub shape_editor: Option<&'a ShapeState>,
+	pub tool_type: &'a ToolType,
+	// Only for the Pen tool
+	pub pen_handle: Option<&'a mut DVec2>,
+}
+
+impl<'a> Selected<'a> {
+	#[allow(clippy::too_many_arguments)]
+	pub fn new(
+		original_transforms: &'a mut OriginalTransforms,
+		pivot: &'a mut DVec2,
+		selected: &'a [LayerNodeIdentifier],
+		responses: &'a mut VecDeque<Message>,
+		network_interface: &'a NodeNetworkInterface,
+		shape_editor: Option<&'a ShapeState>,
+		tool_type: &'a ToolType,
+		pen_handle: Option<&'a mut DVec2>,
+	) -> Self {
+		// If user is using the Select tool then use the original layer transforms
+		if (*tool_type == ToolType::Select) && (*original_transforms == OriginalTransforms::Path(HashMap::new())) {
+			*original_transforms = OriginalTransforms::Layer(HashMap::new());
+		}
+
+		original_transforms.update(selected, network_interface, shape_editor);
+
+		Self {
+			selected,
+			responses,
+			network_interface,
+			original_transforms,
+			pivot,
+			shape_editor,
+			tool_type,
+			pen_handle,
+		}
+	}
+
+	pub fn mean_average_of_pivots(&mut self) -> DVec2 {
+		let xy_summation = self
+			.selected
+			.iter()
+			.map(|&layer| graph_modification_utils::get_viewport_pivot(layer, self.network_interface))
+			.reduce(|a, b| a + b)
+			.unwrap_or_default();
+
+		xy_summation / self.selected.len() as f64
+	}
+
+	pub fn center_of_aabb(&mut self) -> DVec2 {
+		let [min, max] = self
+			.selected
+			.iter()
+			.filter_map(|&layer| self.network_interface.document_metadata().bounding_box_viewport(layer))
+			.reduce(Quad::combine_bounds)
+			.unwrap_or_default();
+		(min + max) / 2.
+	}
+
+	pub fn bounding_box(&mut self) -> Quad {
+		let metadata = self.network_interface.document_metadata();
+
+		let mut transform = self
+			.network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(self.network_interface)
+			.find(|layer| !self.network_interface.is_artboard(&layer.to_node(), &[]))
+			.map(|layer| metadata.transform_to_viewport(layer))
+			.unwrap_or(DAffine2::IDENTITY);
+
+		if transform.matrix2.determinant().abs() <= f64::EPSILON {
+			transform.matrix2 += DMat2::IDENTITY * 1e-4; // TODO: Is this the cleanest way to handle this?
+		}
+
+		let bounds = self
+			.selected
+			.iter()
+			.filter_map(|&layer| metadata.bounding_box_with_transform(layer, transform.inverse() * metadata.transform_to_viewport(layer)))
+			.reduce(Quad::combine_bounds)
+			.unwrap_or_default();
+
+		transform * Quad::from_box(bounds)
+	}
+
+	fn transform_layer(document_metadata: &DocumentMetadata, layer: LayerNodeIdentifier, original_transform: Option<&DAffine2>, transformation: DAffine2, responses: &mut VecDeque<Message>) {
+		let Some(&original_transform) = original_transform else { return };
+		let to = document_metadata.downstream_transform_to_viewport(layer);
+		let new = to.inverse() * transformation * to * original_transform;
+		responses.add(GraphOperationMessage::TransformSet {
+			layer,
+			transform: new,
+			transform_in: TransformIn::Local,
+			skip_rerender: false,
+		});
+	}
+
+	fn transform_path(
+		document_metadata: &DocumentMetadata,
+		layer: LayerNodeIdentifier,
+		initial_points: &mut InitialPoints,
+		transformation: DAffine2,
+		responses: &mut VecDeque<Message>,
+		transform_operation: Option<TransformOperation>,
+	) {
+		let viewspace = document_metadata.transform_to_viewport(layer);
+		let layerspace_rotation = viewspace.inverse() * transformation;
+
+		for (&point, anchor) in initial_points.anchors.iter_mut() {
+			let new_pos_viewport = layerspace_rotation.transform_point2(viewspace.transform_point2(anchor.initial));
+			let delta = new_pos_viewport - anchor.current;
+			anchor.current += delta;
+			let modification_type = VectorModificationType::ApplyPointDelta { point, delta };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		}
+
+		if transform_operation.is_some_and(|transform_operation| matches!(transform_operation, TransformOperation::Scaling(_))) && (initial_points.anchors.len() == 2) {
+			return;
+		}
+
+		for (&id, handle) in initial_points.handles.iter() {
+			let new_pos_viewport = layerspace_rotation.transform_point2(viewspace.transform_point2(handle.initial));
+			let relative = initial_points.anchors.get(&handle.anchor).map_or(handle.relative, |anchor| anchor.current);
+			let modification_type = id.set_relative_position(new_pos_viewport - relative);
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+			if let Some((id, initial)) = handle.mirror {
+				// When the handle is scaled to zero, don't update the mirror handle
+				if (new_pos_viewport - relative).length_squared() > f64::EPSILON {
+					let direction = viewspace.transform_vector2(new_pos_viewport - relative).try_normalize();
+					let length = viewspace.transform_vector2(initial - relative).length();
+					let new_relative = direction.map_or(initial - relative, |direction| viewspace.inverse().transform_vector2(-direction * length));
+					let modification_type = id.set_relative_position(new_relative);
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+		}
+	}
+
+	pub fn apply_transform_pen(&mut self, transformation: DAffine2) {
+		if let Some(pen_handle) = &self.pen_handle {
+			let final_position = transformation.transform_point2(**pen_handle);
+			self.responses.add(PenToolMessage::FinalPosition { final_position });
+		}
+	}
+
+	pub fn apply_transformation(&mut self, transformation: DAffine2, transform_operation: Option<TransformOperation>) {
+		if self.selected.is_empty() {
+			return;
+		}
+
+		// TODO: Cache the result of `shallowest_unique_layers` to avoid this heavy computation every frame of movement, see https://github.com/GraphiteEditor/Graphite/pull/481
+		for layer in self.network_interface.shallowest_unique_layers(&[]) {
+			match &mut self.original_transforms {
+				OriginalTransforms::Layer(layer_transforms) => Self::transform_layer(self.network_interface.document_metadata(), layer, layer_transforms.get(&layer), transformation, self.responses),
+				OriginalTransforms::Path(path_transforms) => {
+					if let Some(initial_points) = path_transforms.get_mut(&layer) {
+						Self::transform_path(self.network_interface.document_metadata(), layer, initial_points, transformation, self.responses, transform_operation)
+					}
+				}
+			}
+		}
+	}
+
+	pub fn update_transforms(&mut self, delta: DAffine2, pivot: Option<DVec2>, transform_operation: Option<TransformOperation>) {
+		let pivot = DAffine2::from_translation(pivot.unwrap_or(*self.pivot));
+		let transformation = pivot * delta * pivot.inverse();
+		match self.tool_type {
+			ToolType::Pen => self.apply_transform_pen(transformation),
+			_ => self.apply_transformation(transformation, transform_operation),
+		}
+	}
+
+	pub fn revert_operation(&mut self) {
+		for layer in self.selected.iter().copied() {
+			let original_transform = &self.original_transforms;
+			match original_transform {
+				OriginalTransforms::Layer(hash) => {
+					let Some(matrix) = hash.get(&layer) else { continue };
+					self.responses.add(GraphOperationMessage::TransformSet {
+						layer,
+						transform: *matrix,
+						transform_in: TransformIn::Local,
+						skip_rerender: false,
+					});
+				}
+				OriginalTransforms::Path(path) => {
+					for (&layer, points) in path {
+						for (&point, &anchor) in &points.anchors {
+							let delta = anchor.initial - anchor.current;
+							let modification_type = VectorModificationType::ApplyPointDelta { point, delta };
+							self.responses.add(GraphOperationMessage::Vector { layer, modification_type });
+						}
+
+						for (&point, &handle) in &points.handles {
+							let modification_type = point.set_relative_position(handle.initial - handle.relative);
+							self.responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+							if let Some((id, initial)) = handle.mirror {
+								let modification_type = id.set_relative_position(initial - handle.relative);
+								self.responses.add(GraphOperationMessage::Vector { layer, modification_type });
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, Eq, Default)]
+pub struct Typing {
+	pub digits: Vec<u8>,
+	pub string: String,
+	pub contains_decimal: bool,
+	pub negative: bool,
+}
+
+const DECIMAL_POINT: u8 = 10;
+
+impl Typing {
+	pub fn type_number(&mut self, number: u8) -> Option<f64> {
+		self.digits.push(number);
+		self.string.push((b'0' + number) as char);
+
+		self.evaluate()
+	}
+
+	pub fn type_backspace(&mut self) -> Option<f64> {
+		if self.digits.is_empty() {
+			return None;
+		}
+
+		match self.digits.pop() {
+			Some(DECIMAL_POINT) => self.contains_decimal = false,
+			Some(_) => (),
+			None => self.negative = false,
+		}
+		self.string.pop();
+		self.evaluate()
+	}
+
+	pub fn type_decimal_point(&mut self) -> Option<f64> {
+		if !self.contains_decimal {
+			self.contains_decimal = true;
+			self.digits.push(DECIMAL_POINT);
+			self.string.push('.');
+		}
+
+		self.evaluate()
+	}
+
+	pub fn type_negate(&mut self) -> Option<f64> {
+		self.negative = !self.negative;
+		if self.negative {
+			self.string.insert(0, '-');
+		} else {
+			self.string.remove(0);
+		}
+
+		self.evaluate()
+	}
+
+	pub fn evaluate(&self) -> Option<f64> {
+		if self.digits.is_empty() {
+			return None;
+		}
+
+		let mut result = 0_f64;
+		let mut running_decimal_place = 0_i32;
+
+		for digit in &self.digits {
+			if *digit == DECIMAL_POINT {
+				if running_decimal_place == 0 {
+					running_decimal_place = 1;
+				}
+			} else if running_decimal_place == 0 {
+				result *= 10.;
+				result += *digit as f64;
+			} else {
+				result += *digit as f64 * 0.1_f64.powi(running_decimal_place);
+				running_decimal_place += 1;
+			}
+		}
+
+		if self.negative {
+			result = -result;
+		}
+
+		Some(result)
+	}
+
+	pub fn clear(&mut self) {
+		self.digits.clear();
+		self.string.clear();
+		self.contains_decimal = false;
+		self.negative = false;
+	}
+}
diff --git a/editor/src/messages/portfolio/document/utility_types/wires.rs b/editor/src/messages/portfolio/document/utility_types/wires.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9f85c8267027bce1beb19c87cfb09b1fa4f4d534
--- /dev/null
+++ b/editor/src/messages/portfolio/document/utility_types/wires.rs
@@ -0,0 +1,589 @@
+use crate::messages::portfolio::document::node_graph::utility_types::FrontendGraphDataType;
+use bezier_rs::{ManipulatorGroup, Subpath};
+use glam::{DVec2, IVec2};
+use graphene_std::uuid::NodeId;
+use graphene_std::vector::PointId;
+
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct WirePath {
+	#[serde(rename = "pathString")]
+	pub path_string: String,
+	#[serde(rename = "dataType")]
+	pub data_type: FrontendGraphDataType,
+	pub thick: bool,
+	pub dashed: bool,
+}
+
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct WirePathUpdate {
+	pub id: NodeId,
+	#[serde(rename = "inputIndex")]
+	pub input_index: usize,
+	// If none, then remove the wire from the map
+	#[serde(rename = "wirePathUpdate")]
+	pub wire_path_update: Option<WirePath>,
+}
+
+#[derive(Copy, Clone, Debug, PartialEq, Default, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum GraphWireStyle {
+	#[default]
+	Direct = 0,
+	GridAligned = 1,
+}
+
+impl std::fmt::Display for GraphWireStyle {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			GraphWireStyle::GridAligned => write!(f, "Grid-Aligned"),
+			GraphWireStyle::Direct => write!(f, "Direct"),
+		}
+	}
+}
+
+impl GraphWireStyle {
+	pub fn tooltip_description(&self) -> &'static str {
+		match self {
+			GraphWireStyle::GridAligned => "Wires follow the grid, running in straight lines between nodes",
+			GraphWireStyle::Direct => "Wires bend to run at an angle directly between nodes",
+		}
+	}
+
+	pub fn is_direct(&self) -> bool {
+		*self == GraphWireStyle::Direct
+	}
+}
+
+pub fn build_vector_wire(output_position: DVec2, input_position: DVec2, vertical_out: bool, vertical_in: bool, graph_wire_style: GraphWireStyle) -> Subpath<PointId> {
+	let grid_spacing = 24.;
+	match graph_wire_style {
+		GraphWireStyle::Direct => {
+			let horizontal_gap = (output_position.x - input_position.x).abs();
+			let vertical_gap = (output_position.y - input_position.y).abs();
+
+			let curve_length = grid_spacing;
+			let curve_falloff_rate = curve_length * std::f64::consts::TAU;
+
+			let horizontal_curve_amount = -(2_f64.powf((-10. * horizontal_gap) / curve_falloff_rate)) + 1.;
+			let vertical_curve_amount = -(2_f64.powf((-10. * vertical_gap) / curve_falloff_rate)) + 1.;
+			let horizontal_curve = horizontal_curve_amount * curve_length;
+			let vertical_curve = vertical_curve_amount * curve_length;
+
+			let locations = [
+				output_position,
+				DVec2::new(
+					if vertical_out { output_position.x } else { output_position.x + horizontal_curve },
+					if vertical_out { output_position.y - vertical_curve } else { output_position.y },
+				),
+				DVec2::new(
+					if vertical_in { input_position.x } else { input_position.x - horizontal_curve },
+					if vertical_in { input_position.y + vertical_curve } else { input_position.y },
+				),
+				DVec2::new(input_position.x, input_position.y),
+			];
+
+			let smoothing = 0.5;
+			let delta01 = DVec2::new((locations[1].x - locations[0].x) * smoothing, (locations[1].y - locations[0].y) * smoothing);
+			let delta23 = DVec2::new((locations[3].x - locations[2].x) * smoothing, (locations[3].y - locations[2].y) * smoothing);
+
+			Subpath::new(
+				vec![
+					ManipulatorGroup {
+						anchor: locations[0],
+						in_handle: None,
+						out_handle: None,
+						id: PointId::generate(),
+					},
+					ManipulatorGroup {
+						anchor: locations[1],
+						in_handle: None,
+						out_handle: Some(locations[1] + delta01),
+						id: PointId::generate(),
+					},
+					ManipulatorGroup {
+						anchor: locations[2],
+						in_handle: Some(locations[2] - delta23),
+						out_handle: None,
+						id: PointId::generate(),
+					},
+					ManipulatorGroup {
+						anchor: locations[3],
+						in_handle: None,
+						out_handle: None,
+						id: PointId::generate(),
+					},
+				],
+				false,
+			)
+		}
+		GraphWireStyle::GridAligned => {
+			let locations = straight_wire_paths(output_position, input_position, vertical_out, vertical_in);
+			straight_wire_subpath(locations)
+		}
+	}
+}
+
+fn straight_wire_paths(output_position: DVec2, input_position: DVec2, vertical_out: bool, vertical_in: bool) -> Vec<IVec2> {
+	let grid_spacing = 24;
+	let line_width = 2;
+
+	let in_x = input_position.x as i32;
+	let in_y = input_position.y as i32;
+	let out_x = output_position.x as i32;
+	let out_y = output_position.y as i32;
+
+	let mid_x = (in_x + out_x) / 2 + (((in_x + out_x) / 2) % grid_spacing);
+	let mid_y = (in_y + out_y) / 2 + (((in_y + out_y) / 2) % grid_spacing);
+	let mid_y_alternate = (in_y + in_y) / 2 - (((in_y + in_y) / 2) % grid_spacing);
+
+	let x1 = out_x;
+	let x2 = out_x + grid_spacing;
+	let x3 = in_x - 2 * grid_spacing;
+	let x4 = in_x;
+	let x5 = in_x - 2 * grid_spacing + line_width;
+	let x6 = out_x + grid_spacing + line_width;
+	let x7 = out_x + 2 * grid_spacing + line_width;
+	let x8 = in_x + line_width;
+	let x9 = out_x + 2 * grid_spacing;
+	let x10 = mid_x + line_width;
+	let x11 = out_x - grid_spacing;
+	let x12 = out_x - 4 * grid_spacing;
+	let x13 = mid_x;
+	let x14 = in_x + grid_spacing;
+	let x15 = in_x - 4 * grid_spacing;
+	let x16 = in_x + 8 * grid_spacing;
+	let x17 = mid_x - 2 * line_width;
+	let x18 = out_x + grid_spacing - 2 * line_width;
+	let x19 = out_x - 2 * line_width;
+	let x20 = mid_x - line_width;
+
+	let y1 = out_y;
+	let y2 = out_y - grid_spacing;
+	let y3 = in_y;
+	let y4 = out_y - grid_spacing + 5 * line_width + 1;
+	let y5 = in_y - 2 * grid_spacing;
+	let y6 = out_y + 4 * line_width;
+	let y7 = out_y + 5 * line_width;
+	let y8 = out_y - 2 * grid_spacing + 5 * line_width + 1;
+	let y9 = out_y + 6 * line_width;
+	let y10 = in_y + 2 * grid_spacing;
+	let y111 = in_y + grid_spacing + 6 * line_width + 1;
+	let y12 = in_y + grid_spacing - 5 * line_width + 1;
+	let y13 = in_y - grid_spacing;
+	let y14 = in_y + grid_spacing;
+	let y15 = mid_y;
+	let y16 = mid_y_alternate;
+
+	let wire1 = vec![IVec2::new(x1, y1), IVec2::new(x1, y4), IVec2::new(x5, y4), IVec2::new(x5, y3), IVec2::new(x4, y3)];
+
+	let wire2 = vec![IVec2::new(x1, y1), IVec2::new(x1, y16), IVec2::new(x3, y16), IVec2::new(x3, y3), IVec2::new(x4, y3)];
+
+	let wire3 = vec![
+		IVec2::new(x1, y1),
+		IVec2::new(x1, y4),
+		IVec2::new(x12, y4),
+		IVec2::new(x12, y10),
+		IVec2::new(x3, y10),
+		IVec2::new(x3, y3),
+		IVec2::new(x4, y3),
+	];
+
+	let wire4 = vec![
+		IVec2::new(x1, y1),
+		IVec2::new(x1, y4),
+		IVec2::new(x13, y4),
+		IVec2::new(x13, y10),
+		IVec2::new(x3, y10),
+		IVec2::new(x3, y3),
+		IVec2::new(x4, y3),
+	];
+
+	if out_y == in_y && out_x > in_x && (vertical_out || !vertical_in) {
+		return vec![IVec2::new(x1, y1), IVec2::new(x2, y1), IVec2::new(x2, y2), IVec2::new(x3, y2), IVec2::new(x3, y3), IVec2::new(x4, y3)];
+	}
+
+	// `outConnector` point and `inConnector` point lying on the same horizontal grid line and `outConnector` point lies to the right of `inConnector` point
+	if out_y == in_y && out_x > in_x && (vertical_out || !vertical_in) {
+		return vec![IVec2::new(x1, y1), IVec2::new(x2, y1), IVec2::new(x2, y2), IVec2::new(x3, y2), IVec2::new(x3, y3), IVec2::new(x4, y3)];
+	};
+
+	// Handle straight lines
+	if out_y == in_y || (out_x == in_x && vertical_out) {
+		return vec![IVec2::new(x1, y1), IVec2::new(x4, y3)];
+	};
+
+	// Handle standard right-angle paths
+	// Start vertical, then horizontal
+
+	// `outConnector` point lies to the left of `inConnector` point
+	if vertical_out && in_x > out_x {
+		// `outConnector` point lies above `inConnector` point
+		if out_y < in_y {
+			// `outConnector` point lies on the vertical grid line 4 units to the left of `inConnector` point point
+			if -4 * grid_spacing <= out_x - in_x && out_x - in_x < -3 * grid_spacing {
+				return wire1;
+			};
+
+			// `outConnector` point lying on vertical grid lines 3 and 2 units to the left of `inConnector` point
+			if -3 * grid_spacing <= out_x - in_x && out_x - in_x <= -grid_spacing {
+				if -2 * grid_spacing <= out_y - in_y && out_y - in_y <= -grid_spacing {
+					return vec![IVec2::new(x1, y1), IVec2::new(x1, y2), IVec2::new(x2, y2), IVec2::new(x2, y3), IVec2::new(x4, y3)];
+				};
+
+				if -grid_spacing <= out_y - in_y && out_y - in_y <= 0 {
+					return vec![IVec2::new(x1, y1), IVec2::new(x1, y4), IVec2::new(x6, y4), IVec2::new(x6, y3), IVec2::new(x4, y3)];
+				};
+
+				return vec![
+					IVec2::new(x1, y1),
+					IVec2::new(x1, y4),
+					IVec2::new(x7, y4),
+					IVec2::new(x7, y5),
+					IVec2::new(x3, y5),
+					IVec2::new(x3, y3),
+					IVec2::new(x4, y3),
+				];
+			}
+
+			// `outConnector` point lying on vertical grid line 1 units to the left of `inConnector` point
+			if -grid_spacing < out_x - in_x && out_x - in_x <= 0 {
+				// `outConnector` point lying on horizontal grid line 1 unit above `inConnector` point
+				if -2 * grid_spacing <= out_y - in_y && out_y - in_y <= -grid_spacing {
+					return vec![IVec2::new(x1, y6), IVec2::new(x2, y6), IVec2::new(x8, y3)];
+				};
+
+				// `outConnector` point lying on the same horizontal grid line as `inConnector` point
+				if -grid_spacing <= out_y - in_y && out_y - in_y <= 0 {
+					return vec![IVec2::new(x1, y7), IVec2::new(x4, y3)];
+				};
+
+				return vec![
+					IVec2::new(x1, y1),
+					IVec2::new(x1, y2),
+					IVec2::new(x9, y2),
+					IVec2::new(x9, y5),
+					IVec2::new(x3, y5),
+					IVec2::new(x3, y3),
+					IVec2::new(x4, y3),
+				];
+			}
+
+			return vec![IVec2::new(x1, y1), IVec2::new(x1, y4), IVec2::new(x10, y4), IVec2::new(x10, y3), IVec2::new(x4, y3)];
+		}
+
+		// `outConnector` point lies below `inConnector` point
+		// `outConnector` point lying on vertical grid line 1 unit to the left of `inConnector` point
+		if -grid_spacing <= out_x - in_x && out_x - in_x <= 0 {
+			// `outConnector` point lying on the horizontal grid lines 1 and 2 units below the `inConnector` point
+			if 0 <= out_y - in_y && out_y - in_y <= 2 * grid_spacing {
+				return vec![IVec2::new(x1, y6), IVec2::new(x11, y6), IVec2::new(x11, y3), IVec2::new(x4, y3)];
+			};
+
+			return wire2;
+		}
+
+		return vec![IVec2::new(x1, y1), IVec2::new(x1, y3), IVec2::new(x4, y3)];
+	}
+
+	// `outConnector` point lies to the right of `inConnector` point
+	if vertical_out && in_x <= out_x {
+		// `outConnector` point lying on any horizontal grid line above `inConnector` point
+		if out_y < in_y {
+			// `outConnector` point lying on horizontal grid line 1 unit above `inConnector` point
+			if -2 * grid_spacing < out_y - in_y && out_y - in_y <= -grid_spacing {
+				return wire1;
+			};
+
+			// `outConnector` point lying on the same horizontal grid line as `inConnector` point
+			if -grid_spacing < out_y - in_y && out_y - in_y <= 0 {
+				return vec![IVec2::new(x1, y1), IVec2::new(x1, y8), IVec2::new(x5, y8), IVec2::new(x5, y3), IVec2::new(x4, y3)];
+			};
+
+			// `outConnector` point lying on vertical grid lines 1 and 2 units to the right of `inConnector` point
+			if grid_spacing <= out_x - in_x && out_x - in_x <= 3 * grid_spacing {
+				return vec![
+					IVec2::new(x1, y1),
+					IVec2::new(x1, y4),
+					IVec2::new(x9, y4),
+					IVec2::new(x9, y5),
+					IVec2::new(x3, y5),
+					IVec2::new(x3, y3),
+					IVec2::new(x4, y3),
+				];
+			}
+
+			return vec![
+				IVec2::new(x1, y1),
+				IVec2::new(x1, y4),
+				IVec2::new(x10, y4),
+				IVec2::new(x10, y5),
+				IVec2::new(x5, y5),
+				IVec2::new(x5, y3),
+				IVec2::new(x4, y3),
+			];
+		}
+
+		// `outConnector` point lies below `inConnector` point
+		if out_y - in_y <= grid_spacing {
+			// `outConnector` point lies on the horizontal grid line 1 unit below the `inConnector` Point
+			if 0 <= out_x - in_x && out_x - in_x <= 13 * grid_spacing {
+				return vec![IVec2::new(x1, y9), IVec2::new(x3, y9), IVec2::new(x3, y3), IVec2::new(x4, y3)];
+			};
+
+			if 13 < out_x - in_x && out_x - in_x <= 18 * grid_spacing {
+				return wire3;
+			};
+
+			return wire4;
+		}
+
+		// `outConnector` point lies on the horizontal grid line 2 units below `outConnector` point
+		if grid_spacing <= out_y - in_y && out_y - in_y <= 2 * grid_spacing {
+			if 0 <= out_x - in_x && out_x - in_x <= 13 * grid_spacing {
+				return vec![IVec2::new(x1, y7), IVec2::new(x5, y7), IVec2::new(x5, y3), IVec2::new(x4, y3)];
+			};
+
+			if 13 < out_x - in_x && out_x - in_x <= 18 * grid_spacing {
+				return wire3;
+			};
+
+			return wire4;
+		}
+
+		// 0 to 4 units below the `outConnector` Point
+		if out_y - in_y <= 4 * grid_spacing {
+			return wire1;
+		};
+
+		return wire2;
+	}
+
+	// Start horizontal, then vertical
+	if vertical_in {
+		// when `outConnector` lies below `inConnector`
+		if out_y > in_y {
+			// `out_x` lies to the left of `in_x`
+			if out_x < in_x {
+				return vec![IVec2::new(x1, y1), IVec2::new(x4, y1), IVec2::new(x4, y3)];
+			};
+
+			// `out_x` lies to the right of `in_x`
+			if out_y - in_y <= grid_spacing {
+				// `outConnector` point directly below `inConnector` point
+				if 0 <= out_x - in_x && out_x - in_x <= grid_spacing {
+					return vec![IVec2::new(x1, y1), IVec2::new(x14, y1), IVec2::new(x14, y2), IVec2::new(x4, y2), IVec2::new(x4, y3)];
+				};
+
+				// `outConnector` point lies below `inConnector` point and strictly to the right of `inConnector` point
+				return vec![IVec2::new(x1, y1), IVec2::new(x2, y1), IVec2::new(x2, y111), IVec2::new(x4, y111), IVec2::new(x4, y3)];
+			}
+
+			return vec![IVec2::new(x1, y1), IVec2::new(x2, y1), IVec2::new(x2, y2), IVec2::new(x4, y2), IVec2::new(x4, y3)];
+		}
+
+		// `out_y` lies on or above the `in_y` point
+		if -6 * grid_spacing < in_x - out_x && in_x - out_x < 4 * grid_spacing {
+			// edge case: `outConnector` point lying on vertical grid lines ranging from 4 units to left to 5 units to right of `inConnector` point
+			if -grid_spacing < in_x - out_x && in_x - out_x < 4 * grid_spacing {
+				return vec![
+					IVec2::new(x1, y1),
+					IVec2::new(x2, y1),
+					IVec2::new(x2, y2),
+					IVec2::new(x15, y2),
+					IVec2::new(x15, y12),
+					IVec2::new(x4, y12),
+					IVec2::new(x4, y3),
+				];
+			}
+
+			return vec![IVec2::new(x1, y1), IVec2::new(x16, y1), IVec2::new(x16, y12), IVec2::new(x4, y12), IVec2::new(x4, y3)];
+		}
+
+		// left of edge case: `outConnector` point lying on vertical grid lines more than 4 units to left of `inConnector` point
+		if 4 * grid_spacing < in_x - out_x {
+			return vec![IVec2::new(x1, y1), IVec2::new(x17, y1), IVec2::new(x17, y12), IVec2::new(x4, y12), IVec2::new(x4, y3)];
+		};
+
+		// right of edge case: `outConnector` point lying on the vertical grid lines more than 5 units to right of `inConnector` point
+		if 6 * grid_spacing > in_x - out_x {
+			return vec![IVec2::new(x1, y1), IVec2::new(x18, y1), IVec2::new(x18, y12), IVec2::new(x4, y12), IVec2::new(x4, y3)];
+		};
+	}
+
+	// Both horizontal - use horizontal middle point
+	// When `inConnector` point is one of the two closest diagonally opposite points
+	if 0 <= in_x - out_x && in_x - out_x <= grid_spacing && in_y - out_y >= -grid_spacing && in_y - out_y <= grid_spacing {
+		return vec![IVec2::new(x19, y1), IVec2::new(x19, y3), IVec2::new(x4, y3)];
+	}
+
+	// When `inConnector` point lies on the horizontal line 1 unit above and below the `outConnector` point
+	if -grid_spacing <= out_y - in_y && out_y - in_y <= grid_spacing && out_x > in_x {
+		// Horizontal line above `out_y`
+		if in_y < out_y {
+			return vec![IVec2::new(x1, y1), IVec2::new(x2, y1), IVec2::new(x2, y13), IVec2::new(x3, y13), IVec2::new(x3, y3), IVec2::new(x4, y3)];
+		};
+
+		// Horizontal line below `out_y`
+		return vec![IVec2::new(x1, y1), IVec2::new(x2, y1), IVec2::new(x2, y14), IVec2::new(x3, y14), IVec2::new(x3, y3), IVec2::new(x4, y3)];
+	}
+
+	// `outConnector` point to the right of `inConnector` point
+	if out_x > in_x - grid_spacing {
+		return vec![
+			IVec2::new(x1, y1),
+			IVec2::new(x18, y1),
+			IVec2::new(x18, y15),
+			IVec2::new(x5, y15),
+			IVec2::new(x5, y3),
+			IVec2::new(x4, y3),
+		];
+	};
+
+	// When `inConnector` point lies on the vertical grid line two units to the right of `outConnector` point
+	if grid_spacing <= in_x - out_x && in_x - out_x <= 2 * grid_spacing {
+		return vec![IVec2::new(x1, y1), IVec2::new(x18, y1), IVec2::new(x18, y3), IVec2::new(x4, y3)];
+	};
+
+	vec![IVec2::new(x1, y1), IVec2::new(x20, y1), IVec2::new(x20, y3), IVec2::new(x4, y3)]
+}
+
+fn straight_wire_subpath(locations: Vec<IVec2>) -> Subpath<PointId> {
+	if locations.is_empty() {
+		return Subpath::new(Vec::new(), false);
+	}
+
+	if locations.len() == 2 {
+		return Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: locations[0].into(),
+					in_handle: None,
+					out_handle: None,
+					id: PointId::generate(),
+				},
+				ManipulatorGroup {
+					anchor: locations[1].into(),
+					in_handle: None,
+					out_handle: None,
+					id: PointId::generate(),
+				},
+			],
+			false,
+		);
+	}
+
+	let corner_radius = 10;
+
+	// Create path with rounded corners
+	let mut path = vec![ManipulatorGroup {
+		anchor: locations[0].into(),
+		in_handle: None,
+		out_handle: None,
+		id: PointId::generate(),
+	}];
+
+	for i in 1..(locations.len() - 1) {
+		let prev = locations[i - 1];
+		let curr = locations[i];
+		let next = locations[i + 1];
+
+		let corner_start = IVec2::new(
+			curr.x
+				+ if curr.x == prev.x {
+					0
+				} else if prev.x > curr.x {
+					corner_radius
+				} else {
+					-corner_radius
+				},
+			curr.y
+				+ if curr.y == prev.y {
+					0
+				} else if prev.y > curr.y {
+					corner_radius
+				} else {
+					-corner_radius
+				},
+		);
+
+		let corner_start_mid = IVec2::new(
+			curr.x
+				+ if curr.x == prev.x {
+					0
+				} else if prev.x > curr.x {
+					corner_radius / 2
+				} else {
+					-corner_radius / 2
+				},
+			curr.y
+				+ if curr.y == prev.y {
+					0
+				} else {
+					match prev.y > curr.y {
+						true => corner_radius / 2,
+						false => -corner_radius / 2,
+					}
+				},
+		);
+
+		let corner_end = IVec2::new(
+			curr.x
+				+ if curr.x == next.x {
+					0
+				} else if next.x > curr.x {
+					corner_radius
+				} else {
+					-corner_radius
+				},
+			curr.y
+				+ if curr.y == next.y {
+					0
+				} else if next.y > curr.y {
+					corner_radius
+				} else {
+					-corner_radius
+				},
+		);
+
+		let corner_end_mid = IVec2::new(
+			curr.x
+				+ if curr.x == next.x {
+					0
+				} else if next.x > curr.x {
+					corner_radius / 2
+				} else {
+					-corner_radius / 2
+				},
+			curr.y
+				+ if curr.y == next.y {
+					0
+				} else if next.y > curr.y {
+					10 / 2
+				} else {
+					-corner_radius / 2
+				},
+		);
+
+		path.extend(vec![
+			ManipulatorGroup {
+				anchor: corner_start.into(),
+				in_handle: None,
+				out_handle: Some(corner_start_mid.into()),
+				id: PointId::generate(),
+			},
+			ManipulatorGroup {
+				anchor: corner_end.into(),
+				in_handle: Some(corner_end_mid.into()),
+				out_handle: None,
+				id: PointId::generate(),
+			},
+		])
+	}
+
+	path.push(ManipulatorGroup {
+		anchor: (*locations.last().unwrap()).into(),
+		in_handle: None,
+		out_handle: None,
+		id: PointId::generate(),
+	});
+	Subpath::new(path, false)
+}
diff --git a/editor/src/messages/portfolio/document_migration.rs b/editor/src/messages/portfolio/document_migration.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7df0b38398fcd19affe322e8b5d2f336347554f3
--- /dev/null
+++ b/editor/src/messages/portfolio/document_migration.rs
@@ -0,0 +1,682 @@
+// TODO: Eventually remove this document upgrade code
+// This file contains lots of hacky code for upgrading old documents to the new format
+
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, NodeTemplate, OutputConnector};
+use crate::messages::prelude::DocumentMessageHandler;
+use bezier_rs::Subpath;
+use glam::IVec2;
+use graph_craft::document::{DocumentNodeImplementation, NodeInput, value::TaggedValue};
+use graphene_std::text::TypesettingConfig;
+use graphene_std::uuid::NodeId;
+use graphene_std::vector::style::{PaintOrder, StrokeAlign};
+use graphene_std::vector::{VectorData, VectorDataTable};
+use std::collections::HashMap;
+
+const TEXT_REPLACEMENTS: &[(&str, &str)] = &[
+	("graphene_core::vector::vector_nodes::SamplePointsNode", "graphene_core::vector::SamplePolylineNode"),
+	("graphene_core::vector::vector_nodes::SubpathSegmentLengthsNode", "graphene_core::vector::SubpathSegmentLengthsNode"),
+];
+
+const REPLACEMENTS: &[(&str, &str)] = &[
+	("graphene_core::AddArtboardNode", "graphene_core::graphic_element::AppendArtboardNode"),
+	("graphene_core::ConstructArtboardNode", "graphene_core::graphic_element::ToArtboardNode"),
+	("graphene_core::ToGraphicElementNode", "graphene_core::graphic_element::ToElementNode"),
+	("graphene_core::ToGraphicGroupNode", "graphene_core::graphic_element::ToGroupNode"),
+	// math_nodes
+	("graphene_core::ops::MathNode", "graphene_math_nodes::MathNode"),
+	("graphene_core::ops::AddNode", "graphene_math_nodes::AddNode"),
+	("graphene_core::ops::SubtractNode", "graphene_math_nodes::SubtractNode"),
+	("graphene_core::ops::MultiplyNode", "graphene_math_nodes::MultiplyNode"),
+	("graphene_core::ops::DivideNode", "graphene_math_nodes::DivideNode"),
+	("graphene_core::ops::ModuloNode", "graphene_math_nodes::ModuloNode"),
+	("graphene_core::ops::ExponentNode", "graphene_math_nodes::ExponentNode"),
+	("graphene_core::ops::RootNode", "graphene_math_nodes::RootNode"),
+	("graphene_core::ops::LogarithmNode", "graphene_math_nodes::LogarithmNode"),
+	("graphene_core::ops::SineNode", "graphene_math_nodes::SineNode"),
+	("graphene_core::ops::CosineNode", "graphene_math_nodes::CosineNode"),
+	("graphene_core::ops::TangentNode", "graphene_math_nodes::TangentNode"),
+	("graphene_core::ops::SineInverseNode", "graphene_math_nodes::SineInverseNode"),
+	("graphene_core::ops::CosineInverseNode", "graphene_math_nodes::CosineInverseNode"),
+	("graphene_core::ops::TangentInverseNode", "graphene_math_nodes::TangentInverseNode"),
+	("graphene_core::ops::RandomNode", "graphene_math_nodes::RandomNode"),
+	("graphene_core::ops::ToU32Node", "graphene_math_nodes::ToU32Node"),
+	("graphene_core::ops::ToU64Node", "graphene_math_nodes::ToU64Node"),
+	("graphene_core::ops::ToF64Node", "graphene_math_nodes::ToF64Node"),
+	("graphene_core::ops::RoundNode", "graphene_math_nodes::RoundNode"),
+	("graphene_core::ops::FloorNode", "graphene_math_nodes::FloorNode"),
+	("graphene_core::ops::CeilingNode", "graphene_math_nodes::CeilingNode"),
+	("graphene_core::ops::MinNode", "graphene_math_nodes::MinNode"),
+	("graphene_core::ops::MaxNode", "graphene_math_nodes::MaxNode"),
+	("graphene_core::ops::ClampNode", "graphene_math_nodes::ClampNode"),
+	("graphene_core::ops::EqualsNode", "graphene_math_nodes::EqualsNode"),
+	("graphene_core::ops::NotEqualsNode", "graphene_math_nodes::NotEqualsNode"),
+	("graphene_core::ops::LessThanNode", "graphene_math_nodes::LessThanNode"),
+	("graphene_core::ops::GreaterThanNode", "graphene_math_nodes::GreaterThanNode"),
+	("graphene_core::ops::LogicalOrNode", "graphene_math_nodes::LogicalOrNode"),
+	("graphene_core::ops::LogicalAndNode", "graphene_math_nodes::LogicalAndNode"),
+	("graphene_core::ops::LogicalNotNode", "graphene_math_nodes::LogicalNotNode"),
+	("graphene_core::ops::BoolValueNode", "graphene_math_nodes::BoolValueNode"),
+	("graphene_core::ops::NumberValueNode", "graphene_math_nodes::NumberValueNode"),
+	("graphene_core::ops::PercentageValueNode", "graphene_math_nodes::PercentageValueNode"),
+	("graphene_core::ops::CoordinateValueNode", "graphene_math_nodes::CoordinateValueNode"),
+	("graphene_core::ops::ConstructVector2", "graphene_math_nodes::CoordinateValueNode"),
+	("graphene_core::ops::Vector2ValueNode", "graphene_math_nodes::CoordinateValueNode"),
+	("graphene_core::ops::ColorValueNode", "graphene_math_nodes::ColorValueNode"),
+	("graphene_core::ops::GradientValueNode", "graphene_math_nodes::GradientValueNode"),
+	("graphene_core::ops::StringValueNode", "graphene_math_nodes::StringValueNode"),
+	("graphene_core::ops::DotProductNode", "graphene_math_nodes::DotProductNode"),
+	// debug
+	("graphene_core::ops::SizeOfNode", "graphene_core::debug::SizeOfNode"),
+	("graphene_core::ops::SomeNode", "graphene_core::debug::SomeNode"),
+	("graphene_core::ops::UnwrapNode", "graphene_core::debug::UnwrapNode"),
+	("graphene_core::ops::CloneNode", "graphene_core::debug::CloneNode"),
+	// ???
+	("graphene_core::ops::ExtractXyNode", "graphene_core::extract_xy::ExtractXyNode"),
+	("graphene_core::logic::LogicAndNode", "graphene_core::ops::LogicAndNode"),
+	("graphene_core::logic::LogicNotNode", "graphene_core::ops::LogicNotNode"),
+	("graphene_core::logic::LogicOrNode", "graphene_core::ops::LogicOrNode"),
+	("graphene_core::raster::BlendModeNode", "graphene_core::blending_nodes::BlendModeNode"),
+	("graphene_core::raster::OpacityNode", "graphene_core::blending_nodes::OpacityNode"),
+	("graphene_core::raster::BlendingNode", "graphene_core::blending_nodes::BlendingNode"),
+	("graphene_core::vector::GenerateHandlesNode", "graphene_core::vector::AutoTangentsNode"),
+	("graphene_core::vector::RemoveHandlesNode", "graphene_core::vector::AutoTangentsNode"),
+	// raster::adjustments
+	("graphene_core::raster::adjustments::LuminanceNode", "graphene_raster_nodes::adjustments::LuminanceNode"),
+	("graphene_core::raster::LuminanceNode", "graphene_raster_nodes::adjustments::LuminanceNode"),
+	("graphene_core::raster::adjustments::ExtractChannelNode", "graphene_raster_nodes::adjustments::ExtractChannelNode"),
+	("graphene_core::raster::ExtractChannelNode", "graphene_raster_nodes::adjustments::ExtractChannelNode"),
+	("graphene_core::raster::adjustments::MakeOpaqueNode", "graphene_raster_nodes::adjustments::MakeOpaqueNode"),
+	("graphene_core::raster::ExtractOpaqueNode", "graphene_raster_nodes::adjustments::MakeOpaqueNode"),
+	(
+		"graphene_core::raster::adjustments::BrightnessContrastNode",
+		"graphene_raster_nodes::adjustments::BrightnessContrastNode",
+	),
+	("graphene_core::raster::adjustments::LevelsNode", "graphene_raster_nodes::adjustments::LevelsNode"),
+	("graphene_core::raster::LevelsNode", "graphene_raster_nodes::adjustments::LevelsNode"),
+	("graphene_core::raster::adjustments::BlackAndWhiteNode", "graphene_raster_nodes::adjustments::BlackAndWhiteNode"),
+	("graphene_core::raster::BlackAndWhiteNode", "graphene_raster_nodes::adjustments::BlackAndWhiteNode"),
+	("graphene_core::raster::adjustments::HueSaturationNode", "graphene_raster_nodes::adjustments::HueSaturationNode"),
+	("graphene_core::raster::HueSaturationNode", "graphene_raster_nodes::adjustments::HueSaturationNode"),
+	("graphene_core::raster::adjustments::InvertNode", "graphene_raster_nodes::adjustments::InvertNode"),
+	("graphene_core::raster::InvertNode", "graphene_raster_nodes::adjustments::InvertNode"),
+	("graphene_core::raster::InvertRGBNode", "graphene_raster_nodes::adjustments::InvertNode"),
+	("graphene_core::raster::adjustments::ThresholdNode", "graphene_raster_nodes::adjustments::ThresholdNode"),
+	("graphene_core::raster::ThresholdNode", "graphene_raster_nodes::adjustments::ThresholdNode"),
+	("graphene_core::raster::adjustments::BlendNode", "graphene_raster_nodes::adjustments::BlendNode"),
+	("graphene_core::raster::BlendNode", "graphene_raster_nodes::adjustments::BlendNode"),
+	("graphene_core::raster::BlendColorPairNode", "graphene_raster_nodes::adjustments::BlendColorPairNode"),
+	("graphene_core::raster::adjustments::BlendColorsNode", "graphene_raster_nodes::adjustments::BlendColorsNode"),
+	("graphene_core::raster::BlendColorsNode", "graphene_raster_nodes::adjustments::BlendColorsNode"),
+	("graphene_core::raster::adjustments::GradientMapNode", "graphene_raster_nodes::adjustments::GradientMapNode"),
+	("graphene_core::raster::GradientMapNode", "graphene_raster_nodes::adjustments::GradientMapNode"),
+	("graphene_core::raster::adjustments::VibranceNode", "graphene_raster_nodes::adjustments::VibranceNode"),
+	("graphene_core::raster::VibranceNode", "graphene_raster_nodes::adjustments::VibranceNode"),
+	("graphene_core::raster::adjustments::ChannelMixerNode", "graphene_raster_nodes::adjustments::ChannelMixerNode"),
+	("graphene_core::raster::ChannelMixerNode", "graphene_raster_nodes::adjustments::ChannelMixerNode"),
+	("graphene_core::raster::adjustments::SelectiveColorNode", "graphene_raster_nodes::adjustments::SelectiveColorNode"),
+	("graphene_core::raster::adjustments::PosterizeNode", "graphene_raster_nodes::adjustments::PosterizeNode"),
+	("graphene_core::raster::PosterizeNode", "graphene_raster_nodes::adjustments::PosterizeNode"),
+	("graphene_core::raster::adjustments::ExposureNode", "graphene_raster_nodes::adjustments::ExposureNode"),
+	("graphene_core::raster::ExposureNode", "graphene_raster_nodes::adjustments::ExposureNode"),
+	("graphene_core::raster::adjustments::ColorOverlayNode", "graphene_raster_nodes::adjustments::ColorOverlayNode"),
+	("graphene_raster_nodes::generate_curves::ColorOverlayNode", "graphene_raster_nodes::adjustments::ColorOverlayNode"),
+	// raster
+	("graphene_core::raster::adjustments::GenerateCurvesNode", "graphene_raster_nodes::generate_curves::GenerateCurvesNode"),
+	("graphene_std::dehaze::DehazeNode", "graphene_raster_nodes::dehaze::DehazeNode"),
+	("graphene_std::filter::BlurNode", "graphene_raster_nodes::filter::BlurNode"),
+	(
+		"graphene_std::image_color_palette::ImageColorPaletteNode",
+		"graphene_raster_nodes::image_color_palette::ImageColorPaletteNode",
+	),
+	("graphene_std::raster::SampleImageNode", "graphene_raster_nodes::std_nodes::SampleImageNode"),
+	("graphene_std::raster::CombineChannelsNode", "graphene_raster_nodes::std_nodes::CombineChannelsNode"),
+	("graphene_std::raster::MaskNode", "graphene_raster_nodes::std_nodes::MaskNode"),
+	("graphene_std::raster::ExtendImageToBoundsNode", "graphene_raster_nodes::std_nodes::ExtendImageToBoundsNode"),
+	("graphene_std::raster::EmptyImageNode", "graphene_raster_nodes::std_nodes::EmptyImageNode"),
+	("graphene_std::raster::ImageValueNode", "graphene_raster_nodes::std_nodes::ImageValueNode"),
+	("graphene_std::raster::NoisePatternNode", "graphene_raster_nodes::std_nodes::NoisePatternNode"),
+	("graphene_std::raster::MandelbrotNode", "graphene_raster_nodes::std_nodes::MandelbrotNode"),
+	// text
+	("graphene_core::text::TextGeneratorNode", "graphene_core::text::TextNode"),
+	// transform
+	("graphene_core::transform::SetTransformNode", "graphene_core::transform_nodes::ReplaceTransformNode"),
+	("graphene_core::transform::ReplaceTransformNode", "graphene_core::transform_nodes::ReplaceTransformNode"),
+	("graphene_core::transform::TransformNode", "graphene_core::transform_nodes::TransformNode"),
+	("graphene_core::transform::BoundlessFootprintNode", "graphene_core::transform_nodes::BoundlessFootprintNode"),
+	("graphene_core::transform::FreezeRealTimeNode", "graphene_core::transform_nodes::FreezeRealTimeNode"),
+	// ???
+	("graphene_core::vector::SplinesFromPointsNode", "graphene_core::vector::SplineNode"),
+	("graphene_core::vector::generator_nodes::EllipseGenerator", "graphene_core::vector::generator_nodes::EllipseNode"),
+	("graphene_core::vector::generator_nodes::LineGenerator", "graphene_core::vector::generator_nodes::LineNode"),
+	("graphene_core::vector::generator_nodes::RectangleGenerator", "graphene_core::vector::generator_nodes::RectangleNode"),
+	(
+		"graphene_core::vector::generator_nodes::RegularPolygonGenerator",
+		"graphene_core::vector::generator_nodes::RegularPolygonNode",
+	),
+	("graphene_core::vector::generator_nodes::StarGenerator", "graphene_core::vector::generator_nodes::StarNode"),
+	("graphene_std::executor::BlendGpuImageNode", "graphene_std::gpu_nodes::BlendGpuImageNode"),
+	("graphene_std::raster::SampleNode", "graphene_std::raster::SampleImageNode"),
+	("graphene_core::transform::CullNode", "graphene_core::ops::IdentityNode"),
+	("graphene_std::raster::MaskImageNode", "graphene_std::raster::MaskNode"),
+	("graphene_core::vector::FlattenVectorElementsNode", "graphene_core::vector::FlattenPathNode"),
+	("graphene_std::vector::BooleanOperationNode", "graphene_path_bool::BooleanOperationNode"),
+	// brush
+	("graphene_std::brush::BrushStampGeneratorNode", "graphene_brush::brush::BrushStampGeneratorNode"),
+	("graphene_std::brush::BlitNode", "graphene_brush::brush::BlitNode"),
+	("graphene_std::brush::BrushNode", "graphene_brush::brush::BrushNode"),
+];
+
+pub fn document_migration_string_preprocessing(document_serialized_content: String) -> String {
+	TEXT_REPLACEMENTS
+		.iter()
+		.fold(document_serialized_content, |document_serialized_content, (old, new)| document_serialized_content.replace(old, new))
+}
+
+pub fn document_migration_reset_node_definition(document_serialized_content: &str) -> bool {
+	// Upgrade a document being opened to use fresh copies of all nodes
+	if document_serialized_content.contains("node_output_index") {
+		return true;
+	}
+
+	// Upgrade layer implementation from https://github.com/GraphiteEditor/Graphite/pull/1946 (see also `fn fix_nodes()` in `main.rs` of Graphene CLI)
+	if document_serialized_content.contains("graphene_core::ConstructLayerNode") || document_serialized_content.contains("graphene_core::AddArtboardNode") {
+		return true;
+	}
+
+	false
+}
+
+pub fn document_migration_upgrades(document: &mut DocumentMessageHandler, reset_node_definitions_on_open: bool) {
+	let network = document.network_interface.document_network().clone();
+
+	// Apply string replacements to each node
+	for (node_id, node, network_path) in network.recursive_nodes() {
+		if let DocumentNodeImplementation::ProtoNode(protonode_id) = &node.implementation {
+			for (old, new) in REPLACEMENTS {
+				let node_path_without_type_args = protonode_id.name.split('<').next();
+				let mut default_template = NodeTemplate::default();
+				default_template.document_node.implementation = DocumentNodeImplementation::ProtoNode(new.to_string().into());
+				if node_path_without_type_args == Some(old) {
+					document.network_interface.replace_implementation(node_id, &network_path, &mut default_template);
+					document.network_interface.set_manual_compostion(node_id, &network_path, Some(graph_craft::Type::Generic("T".into())));
+				}
+			}
+		}
+	}
+
+	// Apply upgrades to each unmodified node.
+	let nodes = document
+		.network_interface
+		.document_network()
+		.recursive_nodes()
+		.map(|(node_id, node, path)| (*node_id, node.clone(), path))
+		.collect::<Vec<(NodeId, graph_craft::document::DocumentNode, Vec<NodeId>)>>();
+	for (node_id, node, network_path) in &nodes {
+		if reset_node_definitions_on_open {
+			if let Some(Some(reference)) = document.network_interface.reference(node_id, network_path) {
+				let Some(node_definition) = resolve_document_node_type(reference) else { continue };
+				document.network_interface.replace_implementation(node_id, network_path, &mut node_definition.default_node_template());
+			}
+		}
+
+		// Upgrade old nodes to use `Context` instead of `()` or `Footprint` for manual composition
+		if node.manual_composition == Some(graph_craft::concrete!(())) || node.manual_composition == Some(graph_craft::concrete!(graphene_std::transform::Footprint)) {
+			document
+				.network_interface
+				.set_manual_compostion(node_id, network_path, graph_craft::concrete!(graphene_std::Context).into());
+		}
+
+		let Some(Some(reference)) = document.network_interface.reference(node_id, network_path).cloned() else {
+			// Only nodes that have not been modified and still refer to a definition can be updated
+			continue;
+		};
+		let reference = &reference;
+
+		let inputs_count = node.inputs.len();
+
+		// Upgrade Stroke node to reorder parameters and add "Align" and "Paint Order" (#2644)
+		if reference == "Stroke" && inputs_count == 8 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			let align_input = NodeInput::value(TaggedValue::StrokeAlign(StrokeAlign::Center), false);
+			let paint_order_input = NodeInput::value(TaggedValue::PaintOrder(PaintOrder::StrokeAbove), false);
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 2), old_inputs[2].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 3), align_input, network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 4), old_inputs[5].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 5), old_inputs[6].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 6), old_inputs[7].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 7), paint_order_input, network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 8), old_inputs[3].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 9), old_inputs[4].clone(), network_path);
+		}
+
+		// Rename the old "Splines from Points" node to "Spline" and upgrade it to the new "Spline" node
+		if reference == "Splines from Points" {
+			document.network_interface.set_reference(node_id, network_path, Some("Spline".to_string()));
+		}
+
+		// Upgrade the old "Spline" node to the new "Spline" node
+		if reference == "Spline" {
+			// Retrieve the proto node identifier and verify it is the old "Spline" node, otherwise skip it if this is the new "Spline" node
+			let identifier = document
+				.network_interface
+				.implementation(node_id, network_path)
+				.and_then(|implementation| implementation.get_proto_node());
+			if identifier.map(|identifier| &identifier.name) != Some(&"graphene_core::vector::generator_nodes::SplineNode".into()) {
+				continue;
+			}
+
+			// Obtain the document node for the given node ID, extract the vector points, and create vector data from the list of points
+			let node = document.network_interface.document_node(node_id, network_path).unwrap();
+			let Some(TaggedValue::VecDVec2(points)) = node.inputs.get(1).and_then(|tagged_value| tagged_value.as_value()) else {
+				log::error!("The old Spline node's input at index 1 is not a TaggedValue::VecDVec2");
+				continue;
+			};
+			let vector_data = VectorData::from_subpath(Subpath::from_anchors_linear(points.to_vec(), false));
+
+			// Retrieve the output connectors linked to the "Spline" node's output port
+			let spline_outputs = document
+				.network_interface
+				.outward_wires(network_path)
+				.unwrap()
+				.get(&OutputConnector::node(*node_id, 0))
+				.expect("Vec of InputConnector Spline node is connected to its output port 0.")
+				.clone();
+
+			// Get the node's current position in the graph
+			let Some(node_position) = document.network_interface.position(node_id, network_path) else {
+				log::error!("Could not get position of spline node.");
+				continue;
+			};
+
+			// Get the "Path" node definition and fill it in with the vector data and default vector modification
+			let path_node_type = resolve_document_node_type("Path").expect("Path node does not exist.");
+			let path_node = path_node_type.node_template_input_override([
+				Some(NodeInput::value(TaggedValue::VectorData(VectorDataTable::new(vector_data)), true)),
+				Some(NodeInput::value(TaggedValue::VectorModification(Default::default()), false)),
+			]);
+
+			// Get the "Spline" node definition and wire it up with the "Path" node as input
+			let spline_node_type = resolve_document_node_type("Spline").expect("Spline node does not exist.");
+			let spline_node = spline_node_type.node_template_input_override([Some(NodeInput::node(NodeId(1), 0))]);
+
+			// Create a new node group with the "Path" and "Spline" nodes and generate new node IDs for them
+			let nodes = vec![(NodeId(1), path_node), (NodeId(0), spline_node)];
+			let new_ids = nodes.iter().map(|(id, _)| (*id, NodeId::new())).collect::<HashMap<_, _>>();
+			let new_spline_id = *new_ids.get(&NodeId(0)).unwrap();
+			let new_path_id = *new_ids.get(&NodeId(1)).unwrap();
+
+			// Remove the old "Spline" node from the document
+			document.network_interface.delete_nodes(vec![*node_id], false, network_path);
+
+			// Insert the new "Path" and "Spline" nodes into the network interface with generated IDs
+			document.network_interface.insert_node_group(nodes.clone(), new_ids, network_path);
+
+			// Reposition the new "Spline" node to match the original "Spline" node's position
+			document.network_interface.shift_node(&new_spline_id, node_position, network_path);
+
+			// Reposition the new "Path" node with an offset relative to the original "Spline" node's position
+			document.network_interface.shift_node(&new_path_id, node_position + IVec2::new(-7, 0), network_path);
+
+			// Redirect each output connection from the old node to the new "Spline" node's output port
+			for input_connector in spline_outputs {
+				document.network_interface.set_input(&input_connector, NodeInput::node(new_spline_id, 0), network_path);
+			}
+		}
+
+		// Upgrade Text node to include line height and character spacing, which were previously hardcoded to 1, from https://github.com/GraphiteEditor/Graphite/pull/2016
+		if reference == "Text" && inputs_count != 9 {
+			let mut template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut template);
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 2), old_inputs[2].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 3), old_inputs[3].clone(), network_path);
+			document.network_interface.set_input(
+				&InputConnector::node(*node_id, 4),
+				if inputs_count == 6 {
+					old_inputs[4].clone()
+				} else {
+					NodeInput::value(TaggedValue::F64(TypesettingConfig::default().line_height_ratio), false)
+				},
+				network_path,
+			);
+			document.network_interface.set_input(
+				&InputConnector::node(*node_id, 5),
+				if inputs_count == 6 {
+					old_inputs[5].clone()
+				} else {
+					NodeInput::value(TaggedValue::F64(TypesettingConfig::default().character_spacing), false)
+				},
+				network_path,
+			);
+			document.network_interface.set_input(
+				&InputConnector::node(*node_id, 6),
+				if inputs_count >= 7 {
+					old_inputs[6].clone()
+				} else {
+					NodeInput::value(TaggedValue::OptionalF64(TypesettingConfig::default().max_width), false)
+				},
+				network_path,
+			);
+			document.network_interface.set_input(
+				&InputConnector::node(*node_id, 7),
+				if inputs_count >= 8 {
+					old_inputs[7].clone()
+				} else {
+					NodeInput::value(TaggedValue::OptionalF64(TypesettingConfig::default().max_height), false)
+				},
+				network_path,
+			);
+			document.network_interface.set_input(
+				&InputConnector::node(*node_id, 8),
+				if inputs_count >= 9 {
+					old_inputs[8].clone()
+				} else {
+					NodeInput::value(TaggedValue::F64(TypesettingConfig::default().tilt), false)
+				},
+				network_path,
+			);
+		}
+
+		// Upgrade Sine, Cosine, and Tangent nodes to include a boolean input for whether the output should be in radians, which was previously the only option but is now not the default
+		if (reference == "Sine" || reference == "Cosine" || reference == "Tangent") && inputs_count == 1 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document
+				.network_interface
+				.set_input(&InputConnector::node(*node_id, 1), NodeInput::value(TaggedValue::Bool(true), false), network_path);
+		}
+
+		// Upgrade the Modulo node to include a boolean input for whether the output should be always positive, which was previously not an option
+		if reference == "Modulo" && inputs_count == 2 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+			document
+				.network_interface
+				.set_input(&InputConnector::node(*node_id, 2), NodeInput::value(TaggedValue::Bool(false), false), network_path);
+		}
+
+		// Upgrade the Mirror node to add the `keep_original` boolean input
+		if reference == "Mirror" && inputs_count == 3 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 2), old_inputs[2].clone(), network_path);
+			document
+				.network_interface
+				.set_input(&InputConnector::node(*node_id, 3), NodeInput::value(TaggedValue::Bool(true), false), network_path);
+		}
+
+		// Upgrade the Mirror node to add the `reference_point` input and change `offset` from `DVec2` to `f64`
+		if reference == "Mirror" && inputs_count == 4 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			let Some(&TaggedValue::DVec2(old_offset)) = old_inputs[1].as_value() else { return };
+			let old_offset = if old_offset.x.abs() > old_offset.y.abs() { old_offset.x } else { old_offset.y };
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(
+				&InputConnector::node(*node_id, 1),
+				NodeInput::value(TaggedValue::ReferencePoint(graphene_std::transform::ReferencePoint::Center), false),
+				network_path,
+			);
+			document
+				.network_interface
+				.set_input(&InputConnector::node(*node_id, 2), NodeInput::value(TaggedValue::F64(old_offset), false), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 3), old_inputs[2].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 4), old_inputs[3].clone(), network_path);
+		}
+
+		// Upgrade artboard name being passed as hidden value input to "To Artboard"
+		if reference == "Artboard" && reset_node_definitions_on_open {
+			let label = document.network_interface.display_name(node_id, network_path);
+			document
+				.network_interface
+				.set_input(&InputConnector::node(NodeId(0), 1), NodeInput::value(TaggedValue::String(label), false), &[*node_id]);
+		}
+
+		if reference == "Image" && inputs_count == 1 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			// Insert a new empty input for the image
+			document.network_interface.add_import(TaggedValue::None, false, 0, "Empty", "", &[*node_id]);
+			document.network_interface.set_reference(node_id, network_path, Some("Image".to_string()));
+		}
+
+		if reference == "Noise Pattern" && inputs_count == 15 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document
+				.network_interface
+				.set_input(&InputConnector::node(*node_id, 0), NodeInput::value(TaggedValue::None, false), network_path);
+			for (i, input) in old_inputs.iter().enumerate() {
+				document.network_interface.set_input(&InputConnector::node(*node_id, i + 1), input.clone(), network_path);
+			}
+		}
+
+		if reference == "Instance on Points" && inputs_count == 2 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+		}
+
+		if reference == "Morph" && inputs_count == 4 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 2), old_inputs[2].clone(), network_path);
+			// We have removed the last input, so we don't add index 3
+		}
+
+		if reference == "Brush" && inputs_count == 4 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			// We have removed the second input ("bounds"), so we don't add index 1 and we shift the rest of the inputs down by one
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[2].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 2), old_inputs[3].clone(), network_path);
+		}
+
+		if reference == "Flatten Vector Elements" {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+
+			document.network_interface.replace_reference_name(node_id, network_path, "Flatten Path".to_string());
+		}
+
+		if reference == "Remove Handles" {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document
+				.network_interface
+				.set_input(&InputConnector::node(*node_id, 1), NodeInput::value(TaggedValue::F64(0.), false), network_path);
+			document
+				.network_interface
+				.set_input(&InputConnector::node(*node_id, 2), NodeInput::value(TaggedValue::Bool(false), false), network_path);
+
+			document.network_interface.replace_reference_name(node_id, network_path, "Auto-Tangents".to_string());
+		}
+
+		if reference == "Generate Handles" {
+			let mut node_template = resolve_document_node_type("Auto-Tangents").unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+			document
+				.network_interface
+				.set_input(&InputConnector::node(*node_id, 2), NodeInput::value(TaggedValue::Bool(true), false), network_path);
+
+			document.network_interface.replace_reference_name(node_id, network_path, "Auto-Tangents".to_string());
+		}
+
+		if reference == "Merge by Distance" && inputs_count == 2 {
+			let mut node_template = resolve_document_node_type(reference).unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+			document.network_interface.set_input(
+				&InputConnector::node(*node_id, 2),
+				NodeInput::value(TaggedValue::MergeByDistanceAlgorithm(graphene_std::vector::misc::MergeByDistanceAlgorithm::Topological), false),
+				network_path,
+			);
+		}
+
+		if reference == "Spatial Merge by Distance" {
+			let mut node_template = resolve_document_node_type("Merge by Distance").unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+			document.network_interface.set_input(
+				&InputConnector::node(*node_id, 2),
+				NodeInput::value(TaggedValue::MergeByDistanceAlgorithm(graphene_std::vector::misc::MergeByDistanceAlgorithm::Spatial), false),
+				network_path,
+			);
+
+			document.network_interface.replace_reference_name(node_id, network_path, "Merge by Distance".to_string());
+		}
+
+		if reference == "Sample Points" && inputs_count == 5 {
+			let mut node_template = resolve_document_node_type("Sample Polyline").unwrap().default_node_template();
+			document.network_interface.replace_implementation(node_id, network_path, &mut node_template);
+
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut node_template).unwrap();
+			let new_spacing_value = NodeInput::value(TaggedValue::PointSpacingType(graphene_std::vector::misc::PointSpacingType::Separation), false);
+			let new_quantity_value = NodeInput::value(TaggedValue::U32(100), false);
+
+			document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 1), new_spacing_value, network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 2), old_inputs[1].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 3), new_quantity_value, network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 4), old_inputs[2].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 5), old_inputs[3].clone(), network_path);
+			document.network_interface.set_input(&InputConnector::node(*node_id, 6), old_inputs[4].clone(), network_path);
+
+			document.network_interface.replace_reference_name(node_id, network_path, "Sample Polyline".to_string());
+		}
+
+		// Make the "Quantity" parameter a u32 instead of f64
+		if reference == "Sample Polyline" {
+			let node_definition = resolve_document_node_type("Sample Polyline").unwrap();
+			let mut new_node_template = node_definition.default_node_template();
+
+			// Get the inputs, obtain the quantity value, and put the inputs back
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut new_node_template).unwrap();
+			let quantity_value = old_inputs.get(3).cloned();
+
+			if let Some(NodeInput::Value { tagged_value, exposed }) = quantity_value {
+				if let TaggedValue::F64(value) = *tagged_value {
+					let new_quantity_value = NodeInput::value(TaggedValue::U32(value as u32), exposed);
+					document.network_interface.set_input(&InputConnector::node(*node_id, 3), new_quantity_value, network_path);
+				}
+			}
+		}
+
+		// Make the "Grid" node, if its input of index 3 is a DVec2 for "angles" instead of a u32 for the "columns" input that now succeeds "angles", move the angle to index 5 (after "columns" and "rows")
+		if reference == "Grid" && inputs_count == 6 {
+			let node_definition = resolve_document_node_type(reference).unwrap();
+			let mut new_node_template = node_definition.default_node_template();
+
+			let mut current_node_template = document.network_interface.create_node_template(node_id, network_path).unwrap();
+			let old_inputs = document.network_interface.replace_inputs(node_id, network_path, &mut new_node_template).unwrap();
+			let index_3_value = old_inputs.get(3).cloned();
+
+			if let Some(NodeInput::Value { tagged_value, exposed: _ }) = index_3_value {
+				if matches!(*tagged_value, TaggedValue::DVec2(_)) {
+					// Move index 3 to the end
+					document.network_interface.set_input(&InputConnector::node(*node_id, 0), old_inputs[0].clone(), network_path);
+					document.network_interface.set_input(&InputConnector::node(*node_id, 1), old_inputs[1].clone(), network_path);
+					document.network_interface.set_input(&InputConnector::node(*node_id, 2), old_inputs[2].clone(), network_path);
+					document.network_interface.set_input(&InputConnector::node(*node_id, 3), old_inputs[4].clone(), network_path);
+					document.network_interface.set_input(&InputConnector::node(*node_id, 4), old_inputs[5].clone(), network_path);
+					document.network_interface.set_input(&InputConnector::node(*node_id, 5), old_inputs[3].clone(), network_path);
+				} else {
+					// Swap it back if we're not changing anything
+					let _ = document.network_interface.replace_inputs(node_id, network_path, &mut current_node_template);
+				}
+			}
+		}
+
+		// Ensure layers are positioned as stacks if they are upstream siblings of another layer
+		document.network_interface.load_structure();
+		let all_layers = LayerNodeIdentifier::ROOT_PARENT.descendants(document.network_interface.document_metadata()).collect::<Vec<_>>();
+		for layer in all_layers {
+			let Some((downstream_node, input_index)) = document
+				.network_interface
+				.outward_wires(&[])
+				.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(layer.to_node(), 0)))
+				.and_then(|outward_wires| outward_wires.first())
+				.and_then(|input_connector| input_connector.node_id().map(|node_id| (node_id, input_connector.input_index())))
+			else {
+				continue;
+			};
+			// If the downstream node is a layer and the input is the first input and the current layer is not in a stack
+			if input_index == 0 && document.network_interface.is_layer(&downstream_node, &[]) && !document.network_interface.is_stack(&layer.to_node(), &[]) {
+				// Ensure the layer is horizontally aligned with the downstream layer to prevent changing the layout of old files
+				let (Some(layer_position), Some(downstream_position)) = (document.network_interface.position(&layer.to_node(), &[]), document.network_interface.position(&downstream_node, &[])) else {
+					log::error!("Could not get position for layer {:?} or downstream node {} when opening file", layer.to_node(), downstream_node);
+					continue;
+				};
+				if layer_position.x == downstream_position.x {
+					document.network_interface.set_stack_position_calculated_offset(&layer.to_node(), &downstream_node, &[]);
+				}
+			}
+		}
+	}
+}
diff --git a/editor/src/messages/portfolio/menu_bar/menu_bar_message.rs b/editor/src/messages/portfolio/menu_bar/menu_bar_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f4f19c0a9f1658a99f56d4efb63d382b45027ac5
--- /dev/null
+++ b/editor/src/messages/portfolio/menu_bar/menu_bar_message.rs
@@ -0,0 +1,8 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, PortfolioMessage, MenuBar)]
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize)]
+pub enum MenuBarMessage {
+	// Messages
+	SendLayout,
+}
diff --git a/editor/src/messages/portfolio/menu_bar/menu_bar_message_handler.rs b/editor/src/messages/portfolio/menu_bar/menu_bar_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..50cfa632ac067c14e5c16d0b4fd3a4cc5d7933ce
--- /dev/null
+++ b/editor/src/messages/portfolio/menu_bar/menu_bar_message_handler.rs
@@ -0,0 +1,697 @@
+use crate::messages::debug::utility_types::MessageLoggingVerbosity;
+use crate::messages::input_mapper::utility_types::macros::action_keys;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::utility_types::clipboards::Clipboard;
+use crate::messages::portfolio::document::utility_types::misc::{AlignAggregate, AlignAxis, FlipAxis, GroupFolderType};
+use crate::messages::prelude::*;
+use graphene_std::path_bool::BooleanOperation;
+
+#[derive(Debug, Clone, Default)]
+pub struct MenuBarMessageHandler {
+	pub has_active_document: bool,
+	pub canvas_tilted: bool,
+	pub canvas_flipped: bool,
+	pub rulers_visible: bool,
+	pub node_graph_open: bool,
+	pub has_selected_nodes: bool,
+	pub has_selected_layers: bool,
+	pub has_selection_history: (bool, bool),
+	pub spreadsheet_view_open: bool,
+	pub message_logging_verbosity: MessageLoggingVerbosity,
+	pub reset_node_definitions_on_open: bool,
+}
+
+impl MessageHandler<MenuBarMessage, ()> for MenuBarMessageHandler {
+	fn process_message(&mut self, message: MenuBarMessage, responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			MenuBarMessage::SendLayout => self.send_layout(responses, LayoutTarget::MenuBar),
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		actions!(MenuBarMessageDiscriminant;)
+	}
+}
+
+impl LayoutHolder for MenuBarMessageHandler {
+	fn layout(&self) -> Layout {
+		let no_active_document = !self.has_active_document;
+		let node_graph_open = self.node_graph_open;
+		let has_selected_nodes = self.has_selected_nodes;
+		let has_selected_layers = self.has_selected_layers;
+		let has_selection_history = self.has_selection_history;
+		let message_logging_verbosity_off = self.message_logging_verbosity == MessageLoggingVerbosity::Off;
+		let message_logging_verbosity_names = self.message_logging_verbosity == MessageLoggingVerbosity::Names;
+		let message_logging_verbosity_contents = self.message_logging_verbosity == MessageLoggingVerbosity::Contents;
+		let reset_node_definitions_on_open = self.reset_node_definitions_on_open;
+
+		let menu_bar_entries = vec![
+			MenuBarEntry {
+				icon: Some("GraphiteLogo".into()),
+				action: MenuBarEntry::create_action(|_| FrontendMessage::TriggerVisitLink { url: "https://graphite.rs".into() }.into()),
+				..Default::default()
+			},
+			MenuBarEntry::new_root(
+				"File".into(),
+				false,
+				MenuBarEntryChildren(vec![
+					vec![
+						MenuBarEntry {
+							label: "New…".into(),
+							icon: Some("File".into()),
+							action: MenuBarEntry::create_action(|_| DialogMessage::RequestNewDocumentDialog.into()),
+							shortcut: action_keys!(DialogMessageDiscriminant::RequestNewDocumentDialog),
+							children: MenuBarEntryChildren::empty(),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Open…".into(),
+							icon: Some("Folder".into()),
+							shortcut: action_keys!(PortfolioMessageDiscriminant::OpenDocument),
+							action: MenuBarEntry::create_action(|_| PortfolioMessage::OpenDocument.into()),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Open Demo Artwork…".into(),
+							icon: Some("Image".into()),
+							action: MenuBarEntry::create_action(|_| DialogMessage::RequestDemoArtworkDialog.into()),
+							..MenuBarEntry::default()
+						},
+					],
+					vec![
+						MenuBarEntry {
+							label: "Close".into(),
+							icon: Some("Close".into()),
+							shortcut: action_keys!(PortfolioMessageDiscriminant::CloseActiveDocumentWithConfirmation),
+							action: MenuBarEntry::create_action(|_| PortfolioMessage::CloseActiveDocumentWithConfirmation.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Close All".into(),
+							icon: Some("CloseAll".into()),
+							shortcut: action_keys!(PortfolioMessageDiscriminant::CloseAllDocumentsWithConfirmation),
+							action: MenuBarEntry::create_action(|_| PortfolioMessage::CloseAllDocumentsWithConfirmation.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![MenuBarEntry {
+						label: "Save".into(),
+						icon: Some("Save".into()),
+						shortcut: action_keys!(DocumentMessageDiscriminant::SaveDocument),
+						action: MenuBarEntry::create_action(|_| DocumentMessage::SaveDocument.into()),
+						disabled: no_active_document,
+						..MenuBarEntry::default()
+					}],
+					vec![
+						MenuBarEntry {
+							label: "Import…".into(),
+							icon: Some("FileImport".into()),
+							shortcut: action_keys!(PortfolioMessageDiscriminant::Import),
+							action: MenuBarEntry::create_action(|_| PortfolioMessage::Import.into()),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Export…".into(),
+							icon: Some("FileExport".into()),
+							shortcut: action_keys!(DialogMessageDiscriminant::RequestExportDialog),
+							action: MenuBarEntry::create_action(|_| DialogMessage::RequestExportDialog.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![MenuBarEntry {
+						label: "Preferences…".into(),
+						icon: Some("Settings".into()),
+						shortcut: action_keys!(DialogMessageDiscriminant::RequestPreferencesDialog),
+						action: MenuBarEntry::create_action(|_| DialogMessage::RequestPreferencesDialog.into()),
+						..MenuBarEntry::default()
+					}],
+				]),
+			),
+			MenuBarEntry::new_root(
+				"Edit".into(),
+				false,
+				MenuBarEntryChildren(vec![
+					vec![
+						MenuBarEntry {
+							label: "Undo".into(),
+							icon: Some("HistoryUndo".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::Undo),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::Undo.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Redo".into(),
+							icon: Some("HistoryRedo".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::Redo),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::Redo.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![
+						MenuBarEntry {
+							label: "Cut".into(),
+							icon: Some("Cut".into()),
+							shortcut: action_keys!(PortfolioMessageDiscriminant::Cut),
+							action: MenuBarEntry::create_action(|_| PortfolioMessage::Cut { clipboard: Clipboard::Device }.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Copy".into(),
+							icon: Some("Copy".into()),
+							shortcut: action_keys!(PortfolioMessageDiscriminant::Copy),
+							action: MenuBarEntry::create_action(|_| PortfolioMessage::Copy { clipboard: Clipboard::Device }.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Paste".into(),
+							icon: Some("Paste".into()),
+							shortcut: action_keys!(FrontendMessageDiscriminant::TriggerPaste),
+							action: MenuBarEntry::create_action(|_| FrontendMessage::TriggerPaste.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![
+						MenuBarEntry {
+							label: "Duplicate".into(),
+							icon: Some("Copy".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::DuplicateSelectedLayers),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::DuplicateSelectedLayers.into()),
+							disabled: no_active_document || !has_selected_nodes,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Delete".into(),
+							icon: Some("Trash".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::DeleteSelectedLayers),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::DeleteSelectedLayers.into()),
+							disabled: no_active_document || !has_selected_nodes,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![MenuBarEntry {
+						label: "Convert to Infinite Canvas".into(),
+						icon: Some("Artboard".into()),
+						action: MenuBarEntry::create_action(|_| DocumentMessage::RemoveArtboards.into()),
+						disabled: no_active_document,
+						..MenuBarEntry::default()
+					}],
+				]),
+			),
+			MenuBarEntry::new_root(
+				"Layer".into(),
+				no_active_document,
+				MenuBarEntryChildren(vec![
+					vec![MenuBarEntry {
+						label: "New".into(),
+						icon: Some("NewLayer".into()),
+						shortcut: action_keys!(DocumentMessageDiscriminant::CreateEmptyFolder),
+						action: MenuBarEntry::create_action(|_| DocumentMessage::CreateEmptyFolder.into()),
+						disabled: no_active_document,
+						..MenuBarEntry::default()
+					}],
+					vec![
+						MenuBarEntry {
+							label: "Group".into(),
+							icon: Some("Folder".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::GroupSelectedLayers),
+							action: MenuBarEntry::create_action(|_| {
+								DocumentMessage::GroupSelectedLayers {
+									group_folder_type: GroupFolderType::Layer,
+								}
+								.into()
+							}),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Ungroup".into(),
+							icon: Some("FolderOpen".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::UngroupSelectedLayers),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::UngroupSelectedLayers.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![
+						MenuBarEntry {
+							label: "Hide/Show".into(),
+							icon: Some("EyeHide".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::ToggleSelectedVisibility),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::ToggleSelectedVisibility.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Lock/Unlock".into(),
+							icon: Some("PadlockLocked".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::ToggleSelectedLocked),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::ToggleSelectedLocked.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![
+						MenuBarEntry {
+							label: "Grab".into(),
+							icon: Some("TransformationGrab".into()),
+							shortcut: action_keys!(TransformLayerMessageDiscriminant::BeginGrab),
+							action: MenuBarEntry::create_action(|_| TransformLayerMessage::BeginGrab.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Rotate".into(),
+							icon: Some("TransformationRotate".into()),
+							shortcut: action_keys!(TransformLayerMessageDiscriminant::BeginRotate),
+							action: MenuBarEntry::create_action(|_| TransformLayerMessage::BeginRotate.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Scale".into(),
+							icon: Some("TransformationScale".into()),
+							shortcut: action_keys!(TransformLayerMessageDiscriminant::BeginScale),
+							action: MenuBarEntry::create_action(|_| TransformLayerMessage::BeginScale.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![
+						MenuBarEntry {
+							label: "Arrange".into(),
+							icon: Some("StackHollow".into()),
+							action: MenuBarEntry::no_action(),
+							disabled: no_active_document || !has_selected_layers,
+							children: MenuBarEntryChildren(vec![
+								vec![
+									MenuBarEntry {
+										label: "Raise To Front".into(),
+										icon: Some("Stack".into()),
+										shortcut: action_keys!(DocumentMessageDiscriminant::SelectedLayersRaiseToFront),
+										action: MenuBarEntry::create_action(|_| DocumentMessage::SelectedLayersRaiseToFront.into()),
+										disabled: no_active_document || !has_selected_layers,
+										..MenuBarEntry::default()
+									},
+									MenuBarEntry {
+										label: "Raise".into(),
+										icon: Some("StackRaise".into()),
+										shortcut: action_keys!(DocumentMessageDiscriminant::SelectedLayersRaise),
+										action: MenuBarEntry::create_action(|_| DocumentMessage::SelectedLayersRaise.into()),
+										disabled: no_active_document || !has_selected_layers,
+										..MenuBarEntry::default()
+									},
+									MenuBarEntry {
+										label: "Lower".into(),
+										icon: Some("StackLower".into()),
+										shortcut: action_keys!(DocumentMessageDiscriminant::SelectedLayersLower),
+										action: MenuBarEntry::create_action(|_| DocumentMessage::SelectedLayersLower.into()),
+										disabled: no_active_document || !has_selected_layers,
+										..MenuBarEntry::default()
+									},
+									MenuBarEntry {
+										label: "Lower to Back".into(),
+										icon: Some("StackBottom".into()),
+										shortcut: action_keys!(DocumentMessageDiscriminant::SelectedLayersLowerToBack),
+										action: MenuBarEntry::create_action(|_| DocumentMessage::SelectedLayersLowerToBack.into()),
+										disabled: no_active_document || !has_selected_layers,
+										..MenuBarEntry::default()
+									},
+								],
+								vec![MenuBarEntry {
+									label: "Reverse".into(),
+									icon: Some("StackReverse".into()),
+									action: MenuBarEntry::create_action(|_| DocumentMessage::SelectedLayersReverse.into()),
+									disabled: no_active_document || !has_selected_layers,
+									..MenuBarEntry::default()
+								}],
+							]),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Align".into(),
+							icon: Some("AlignVerticalCenter".into()),
+							action: MenuBarEntry::no_action(),
+							disabled: no_active_document || !has_selected_layers,
+							children: MenuBarEntryChildren({
+								let choices = [
+									[
+										(AlignAxis::X, AlignAggregate::Min, "AlignLeft", "Align Left"),
+										(AlignAxis::X, AlignAggregate::Center, "AlignHorizontalCenter", "Align Horizontal Center"),
+										(AlignAxis::X, AlignAggregate::Max, "AlignRight", "Align Right"),
+									],
+									[
+										(AlignAxis::Y, AlignAggregate::Min, "AlignTop", "Align Top"),
+										(AlignAxis::Y, AlignAggregate::Center, "AlignVerticalCenter", "Align Vertical Center"),
+										(AlignAxis::Y, AlignAggregate::Max, "AlignBottom", "Align Bottom"),
+									],
+								];
+
+								choices
+									.into_iter()
+									.map(|group| {
+										group
+											.into_iter()
+											.map(|(axis, aggregate, icon, name)| MenuBarEntry {
+												label: name.into(),
+												icon: Some(icon.into()),
+												action: MenuBarEntry::create_action(move |_| DocumentMessage::AlignSelectedLayers { axis, aggregate }.into()),
+												disabled: no_active_document || !has_selected_layers,
+												..MenuBarEntry::default()
+											})
+											.collect()
+									})
+									.collect()
+							}),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Flip".into(),
+							icon: Some("FlipVertical".into()),
+							action: MenuBarEntry::no_action(),
+							disabled: no_active_document || !has_selected_layers,
+							children: MenuBarEntryChildren(vec![{
+								[(FlipAxis::X, "FlipHorizontal", "Horizontal"), (FlipAxis::Y, "FlipVertical", "Vertical")]
+									.into_iter()
+									.map(|(flip_axis, icon, name)| MenuBarEntry {
+										label: name.into(),
+										icon: Some(icon.into()),
+										action: MenuBarEntry::create_action(move |_| DocumentMessage::FlipSelectedLayers { flip_axis }.into()),
+										disabled: no_active_document || !has_selected_layers,
+										..MenuBarEntry::default()
+									})
+									.collect()
+							}]),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Turn".into(),
+							icon: Some("TurnPositive90".into()),
+							action: MenuBarEntry::no_action(),
+							disabled: no_active_document || !has_selected_layers,
+							children: MenuBarEntryChildren(vec![{
+								[(-90., "TurnNegative90", "Turn -90°"), (90., "TurnPositive90", "Turn 90°")]
+									.into_iter()
+									.map(|(degrees, icon, name)| MenuBarEntry {
+										label: name.into(),
+										icon: Some(icon.into()),
+										action: MenuBarEntry::create_action(move |_| DocumentMessage::RotateSelectedLayers { degrees }.into()),
+										disabled: no_active_document || !has_selected_layers,
+										..MenuBarEntry::default()
+									})
+									.collect()
+							}]),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Boolean".into(),
+							icon: Some("BooleanSubtractFront".into()),
+							action: MenuBarEntry::no_action(),
+							disabled: no_active_document || !has_selected_layers,
+							children: MenuBarEntryChildren(vec![{
+								let list = <BooleanOperation as graphene_std::registry::ChoiceTypeStatic>::list();
+								list.into_iter()
+									.map(|i| i.into_iter())
+									.flatten()
+									.map(move |(operation, info)| MenuBarEntry {
+										label: info.label.to_string(),
+										icon: info.icon.as_ref().map(|i| i.to_string()),
+										action: MenuBarEntry::create_action(move |_| {
+											let group_folder_type = GroupFolderType::BooleanOperation(*operation);
+											DocumentMessage::GroupSelectedLayers { group_folder_type }.into()
+										}),
+										disabled: no_active_document || !has_selected_layers,
+										..MenuBarEntry::default()
+									})
+									.collect()
+							}]),
+							..MenuBarEntry::default()
+						},
+					],
+				]),
+			),
+			MenuBarEntry::new_root(
+				"Select".into(),
+				no_active_document,
+				MenuBarEntryChildren(vec![
+					vec![
+						MenuBarEntry {
+							label: "Select All".into(),
+							icon: Some("SelectAll".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::SelectAllLayers),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::SelectAllLayers.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Deselect All".into(),
+							icon: Some("DeselectAll".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::DeselectAllLayers),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::DeselectAllLayers.into()),
+							disabled: no_active_document || !has_selected_nodes,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Select Parent".into(),
+							icon: Some("SelectParent".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::SelectParentLayer),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::SelectParentLayer.into()),
+							disabled: no_active_document || !has_selected_nodes,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![
+						MenuBarEntry {
+							label: "Previous Selection".into(),
+							icon: Some("HistoryUndo".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::SelectionStepBack),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::SelectionStepBack.into()),
+							disabled: !has_selection_history.0,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Next Selection".into(),
+							icon: Some("HistoryRedo".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::SelectionStepForward),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::SelectionStepForward.into()),
+							disabled: !has_selection_history.1,
+							..MenuBarEntry::default()
+						},
+					],
+				]),
+			),
+			MenuBarEntry::new_root(
+				"View".into(),
+				no_active_document,
+				MenuBarEntryChildren(vec![
+					vec![
+						MenuBarEntry {
+							label: "Tilt".into(),
+							icon: Some("Tilt".into()),
+							shortcut: action_keys!(NavigationMessageDiscriminant::BeginCanvasTilt),
+							action: MenuBarEntry::create_action(|_| NavigationMessage::BeginCanvasTilt { was_dispatched_from_menu: true }.into()),
+							disabled: no_active_document || node_graph_open,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Reset Tilt".into(),
+							icon: Some("TiltReset".into()),
+							shortcut: action_keys!(NavigationMessageDiscriminant::CanvasTiltSet),
+							action: MenuBarEntry::create_action(|_| NavigationMessage::CanvasTiltSet { angle_radians: 0.into() }.into()),
+							disabled: no_active_document || node_graph_open || !self.canvas_tilted,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![
+						MenuBarEntry {
+							label: "Zoom In".into(),
+							icon: Some("ZoomIn".into()),
+							shortcut: action_keys!(NavigationMessageDiscriminant::CanvasZoomIncrease),
+							action: MenuBarEntry::create_action(|_| NavigationMessage::CanvasZoomIncrease { center_on_mouse: false }.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Zoom Out".into(),
+							icon: Some("ZoomOut".into()),
+							shortcut: action_keys!(NavigationMessageDiscriminant::CanvasZoomDecrease),
+							action: MenuBarEntry::create_action(|_| NavigationMessage::CanvasZoomDecrease { center_on_mouse: false }.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Zoom to Selection".into(),
+							icon: Some("FrameSelected".into()),
+							shortcut: action_keys!(NavigationMessageDiscriminant::FitViewportToSelection),
+							action: MenuBarEntry::create_action(|_| NavigationMessage::FitViewportToSelection.into()),
+							disabled: no_active_document || !has_selected_layers,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Zoom to Fit".into(),
+							icon: Some("FrameAll".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::ZoomCanvasToFitAll),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::ZoomCanvasToFitAll.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Zoom to 100%".into(),
+							icon: Some("Zoom1x".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::ZoomCanvasTo100Percent),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::ZoomCanvasTo100Percent.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Zoom to 200%".into(),
+							icon: Some("Zoom2x".into()),
+							shortcut: action_keys!(DocumentMessageDiscriminant::ZoomCanvasTo200Percent),
+							action: MenuBarEntry::create_action(|_| DocumentMessage::ZoomCanvasTo200Percent.into()),
+							disabled: no_active_document,
+							..MenuBarEntry::default()
+						},
+					],
+					vec![MenuBarEntry {
+						label: "Flip".into(),
+						icon: Some(if self.canvas_flipped { "CheckboxChecked" } else { "CheckboxUnchecked" }.into()),
+						shortcut: action_keys!(NavigationMessageDiscriminant::CanvasFlip),
+						action: MenuBarEntry::create_action(|_| NavigationMessage::CanvasFlip.into()),
+						disabled: no_active_document || node_graph_open,
+						..MenuBarEntry::default()
+					}],
+					vec![MenuBarEntry {
+						label: "Rulers".into(),
+						icon: Some(if self.rulers_visible { "CheckboxChecked" } else { "CheckboxUnchecked" }.into()),
+						shortcut: action_keys!(PortfolioMessageDiscriminant::ToggleRulers),
+						action: MenuBarEntry::create_action(|_| PortfolioMessage::ToggleRulers.into()),
+						disabled: no_active_document,
+						..MenuBarEntry::default()
+					}],
+					vec![MenuBarEntry {
+						label: "Window: Spreadsheet".into(),
+						icon: Some(if self.spreadsheet_view_open { "CheckboxChecked" } else { "CheckboxUnchecked" }.into()),
+						action: MenuBarEntry::create_action(|_| SpreadsheetMessage::ToggleOpen.into()),
+						disabled: no_active_document,
+						..MenuBarEntry::default()
+					}],
+				]),
+			),
+			MenuBarEntry::new_root(
+				"Help".into(),
+				true,
+				MenuBarEntryChildren(vec![
+					vec![MenuBarEntry {
+						label: "About Graphite…".into(),
+						icon: Some("GraphiteLogo".into()),
+						action: MenuBarEntry::create_action(|_| DialogMessage::RequestAboutGraphiteDialog.into()),
+						..MenuBarEntry::default()
+					}],
+					vec![
+						MenuBarEntry {
+							label: "Donate to Graphite".into(),
+							icon: Some("Heart".into()),
+							action: MenuBarEntry::create_action(|_| {
+								FrontendMessage::TriggerVisitLink {
+									url: "https://graphite.rs/donate/".into(),
+								}
+								.into()
+							}),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "User Manual".into(),
+							icon: Some("UserManual".into()),
+							action: MenuBarEntry::create_action(|_| {
+								FrontendMessage::TriggerVisitLink {
+									url: "https://graphite.rs/learn/".into(),
+								}
+								.into()
+							}),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Report a Bug".into(),
+							icon: Some("Bug".into()),
+							action: MenuBarEntry::create_action(|_| {
+								FrontendMessage::TriggerVisitLink {
+									url: "https://github.com/GraphiteEditor/Graphite/issues/new".into(),
+								}
+								.into()
+							}),
+							..MenuBarEntry::default()
+						},
+						MenuBarEntry {
+							label: "Visit on GitHub".into(),
+							icon: Some("Website".into()),
+							action: MenuBarEntry::create_action(|_| {
+								FrontendMessage::TriggerVisitLink {
+									url: "https://github.com/GraphiteEditor/Graphite".into(),
+								}
+								.into()
+							}),
+							..MenuBarEntry::default()
+						},
+					],
+					vec![MenuBarEntry {
+						label: "Developer Debug".into(),
+						icon: Some("Code".into()),
+						action: MenuBarEntry::no_action(),
+						children: MenuBarEntryChildren(vec![
+							vec![MenuBarEntry {
+								label: "Reset Nodes to Definitions on Open".into(),
+								icon: Some(if reset_node_definitions_on_open { "CheckboxChecked" } else { "CheckboxUnchecked" }.into()),
+								action: MenuBarEntry::create_action(|_| PortfolioMessage::ToggleResetNodesToDefinitionsOnOpen.into()),
+								..MenuBarEntry::default()
+							}],
+							vec![
+								MenuBarEntry {
+									label: "Print Trace Logs".into(),
+									icon: Some(if log::max_level() == log::LevelFilter::Trace { "CheckboxChecked" } else { "CheckboxUnchecked" }.into()),
+									action: MenuBarEntry::create_action(|_| DebugMessage::ToggleTraceLogs.into()),
+									..MenuBarEntry::default()
+								},
+								MenuBarEntry {
+									label: "Print Messages: Off".into(),
+									icon: message_logging_verbosity_off.then_some("SmallDot".into()),
+									shortcut: action_keys!(DebugMessageDiscriminant::MessageOff),
+									action: MenuBarEntry::create_action(|_| DebugMessage::MessageOff.into()),
+									..MenuBarEntry::default()
+								},
+								MenuBarEntry {
+									label: "Print Messages: Only Names".into(),
+									icon: message_logging_verbosity_names.then_some("SmallDot".into()),
+									shortcut: action_keys!(DebugMessageDiscriminant::MessageNames),
+									action: MenuBarEntry::create_action(|_| DebugMessage::MessageNames.into()),
+									..MenuBarEntry::default()
+								},
+								MenuBarEntry {
+									label: "Print Messages: Full Contents".into(),
+									icon: message_logging_verbosity_contents.then_some("SmallDot".into()),
+									shortcut: action_keys!(DebugMessageDiscriminant::MessageContents),
+									action: MenuBarEntry::create_action(|_| DebugMessage::MessageContents.into()),
+									..MenuBarEntry::default()
+								},
+							],
+							vec![MenuBarEntry {
+								label: "Trigger a Crash".into(),
+								icon: Some("Warning".into()),
+								action: MenuBarEntry::create_action(|_| panic!()),
+								..MenuBarEntry::default()
+							}],
+						]),
+						..MenuBarEntry::default()
+					}],
+				]),
+			),
+		];
+		Layout::MenuLayout(MenuLayout::new(menu_bar_entries))
+	}
+}
diff --git a/editor/src/messages/portfolio/menu_bar/mod.rs b/editor/src/messages/portfolio/menu_bar/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..27e741b208051fbf8fb4e53360cfcfa72683528a
--- /dev/null
+++ b/editor/src/messages/portfolio/menu_bar/mod.rs
@@ -0,0 +1,7 @@
+mod menu_bar_message;
+mod menu_bar_message_handler;
+
+#[doc(inline)]
+pub use menu_bar_message::{MenuBarMessage, MenuBarMessageDiscriminant};
+#[doc(inline)]
+pub use menu_bar_message_handler::MenuBarMessageHandler;
diff --git a/editor/src/messages/portfolio/mod.rs b/editor/src/messages/portfolio/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..2203ac94036ed2f998f06bb01332690ab1570b66
--- /dev/null
+++ b/editor/src/messages/portfolio/mod.rs
@@ -0,0 +1,13 @@
+mod portfolio_message;
+mod portfolio_message_handler;
+
+pub mod document;
+pub mod document_migration;
+pub mod menu_bar;
+pub mod spreadsheet;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use portfolio_message::{PortfolioMessage, PortfolioMessageDiscriminant};
+#[doc(inline)]
+pub use portfolio_message_handler::{PortfolioMessageData, PortfolioMessageHandler};
diff --git a/editor/src/messages/portfolio/portfolio_message.rs b/editor/src/messages/portfolio/portfolio_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cb2fa34e3e9807408ef1ca2a8355ebe2cb5b99e8
--- /dev/null
+++ b/editor/src/messages/portfolio/portfolio_message.rs
@@ -0,0 +1,131 @@
+use super::document::utility_types::document_metadata::LayerNodeIdentifier;
+use super::utility_types::PanelType;
+use crate::messages::frontend::utility_types::{ExportBounds, FileType};
+use crate::messages::portfolio::document::utility_types::clipboards::Clipboard;
+use crate::messages::prelude::*;
+use graphene_std::Color;
+use graphene_std::raster::Image;
+use graphene_std::text::Font;
+
+#[impl_message(Message, Portfolio)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum PortfolioMessage {
+	// Sub-messages
+	#[child]
+	MenuBar(MenuBarMessage),
+	#[child]
+	Document(DocumentMessage),
+	#[child]
+	Spreadsheet(SpreadsheetMessage),
+
+	// Messages
+	DocumentPassMessage {
+		document_id: DocumentId,
+		message: DocumentMessage,
+	},
+	AutoSaveActiveDocument,
+	AutoSaveAllDocuments,
+	AutoSaveDocument {
+		document_id: DocumentId,
+	},
+	CloseActiveDocumentWithConfirmation,
+	CloseAllDocuments,
+	CloseAllDocumentsWithConfirmation,
+	CloseDocument {
+		document_id: DocumentId,
+	},
+	CloseDocumentWithConfirmation {
+		document_id: DocumentId,
+	},
+	Copy {
+		clipboard: Clipboard,
+	},
+	Cut {
+		clipboard: Clipboard,
+	},
+	DeleteDocument {
+		document_id: DocumentId,
+	},
+	DestroyAllDocuments,
+	EditorPreferences,
+	FontLoaded {
+		font_family: String,
+		font_style: String,
+		preview_url: String,
+		data: Vec<u8>,
+	},
+	Import,
+	LoadDocumentResources {
+		document_id: DocumentId,
+	},
+	LoadFont {
+		font: Font,
+	},
+	NewDocumentWithName {
+		name: String,
+	},
+	NextDocument,
+	OpenDocument,
+	OpenDocumentFile {
+		document_name: String,
+		document_serialized_content: String,
+	},
+	ToggleResetNodesToDefinitionsOnOpen,
+	OpenDocumentFileWithId {
+		document_id: DocumentId,
+		document_name: String,
+		document_is_auto_saved: bool,
+		document_is_saved: bool,
+		document_serialized_content: String,
+		to_front: bool,
+	},
+	PasteIntoFolder {
+		clipboard: Clipboard,
+		parent: LayerNodeIdentifier,
+		insert_index: usize,
+	},
+	PasteSerializedData {
+		data: String,
+	},
+	CenterPastedLayers {
+		layers: Vec<LayerNodeIdentifier>,
+	},
+	PasteImage {
+		name: Option<String>,
+		image: Image<Color>,
+		mouse: Option<(f64, f64)>,
+		parent_and_insert_index: Option<(LayerNodeIdentifier, usize)>,
+	},
+	PasteSvg {
+		name: Option<String>,
+		svg: String,
+		mouse: Option<(f64, f64)>,
+		parent_and_insert_index: Option<(LayerNodeIdentifier, usize)>,
+	},
+	PrevDocument,
+	SetActivePanel {
+		panel: PanelType,
+	},
+	SetDevicePixelRatio {
+		ratio: f64,
+	},
+	SelectDocument {
+		document_id: DocumentId,
+	},
+	SubmitDocumentExport {
+		file_name: String,
+		file_type: FileType,
+		scale_factor: f64,
+		bounds: ExportBounds,
+		transparent_background: bool,
+	},
+	SubmitActiveGraphRender,
+	SubmitGraphRender {
+		document_id: DocumentId,
+		ignore_hash: bool,
+	},
+	ToggleRulers,
+	UpdateDocumentWidgets,
+	UpdateOpenDocumentsList,
+	UpdateVelloPreference,
+}
diff --git a/editor/src/messages/portfolio/portfolio_message_handler.rs b/editor/src/messages/portfolio/portfolio_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..35a1eb5160a679985899b599d2a64ba4704dd95c
--- /dev/null
+++ b/editor/src/messages/portfolio/portfolio_message_handler.rs
@@ -0,0 +1,995 @@
+use super::document::utility_types::document_metadata::LayerNodeIdentifier;
+use super::document::utility_types::network_interface;
+use super::spreadsheet::SpreadsheetMessageHandler;
+use super::utility_types::{PanelType, PersistentData};
+use crate::application::generate_uuid;
+use crate::consts::DEFAULT_DOCUMENT_NAME;
+use crate::messages::animation::TimingInformation;
+use crate::messages::debug::utility_types::MessageLoggingVerbosity;
+use crate::messages::dialog::simple_dialogs;
+use crate::messages::frontend::utility_types::FrontendDocumentDetails;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::DocumentMessageData;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::utility_types::clipboards::{Clipboard, CopyBufferEntry, INTERNAL_CLIPBOARD_COUNT};
+use crate::messages::portfolio::document::utility_types::network_interface::OutputConnector;
+use crate::messages::portfolio::document::utility_types::nodes::SelectedNodes;
+use crate::messages::portfolio::document_migration::*;
+use crate::messages::preferences::SelectionMode;
+use crate::messages::prelude::*;
+use crate::messages::tool::utility_types::{HintData, HintGroup, ToolType};
+use crate::node_graph_executor::{ExportConfig, NodeGraphExecutor};
+use glam::{DAffine2, DVec2};
+use graph_craft::document::NodeId;
+use graphene_std::renderer::Quad;
+use graphene_std::text::Font;
+use std::vec;
+
+pub struct PortfolioMessageData<'a> {
+	pub ipp: &'a InputPreprocessorMessageHandler,
+	pub preferences: &'a PreferencesMessageHandler,
+	pub current_tool: &'a ToolType,
+	pub message_logging_verbosity: MessageLoggingVerbosity,
+	pub reset_node_definitions_on_open: bool,
+	pub timing_information: TimingInformation,
+	pub animation: &'a AnimationMessageHandler,
+}
+
+#[derive(Debug, Default)]
+pub struct PortfolioMessageHandler {
+	menu_bar_message_handler: MenuBarMessageHandler,
+	pub documents: HashMap<DocumentId, DocumentMessageHandler>,
+	document_ids: VecDeque<DocumentId>,
+	active_panel: PanelType,
+	pub(crate) active_document_id: Option<DocumentId>,
+	copy_buffer: [Vec<CopyBufferEntry>; INTERNAL_CLIPBOARD_COUNT as usize],
+	pub persistent_data: PersistentData,
+	pub executor: NodeGraphExecutor,
+	pub selection_mode: SelectionMode,
+	/// The spreadsheet UI allows for instance data to be previewed.
+	pub spreadsheet: SpreadsheetMessageHandler,
+	device_pixel_ratio: Option<f64>,
+	pub reset_node_definitions_on_open: bool,
+}
+
+impl MessageHandler<PortfolioMessage, PortfolioMessageData<'_>> for PortfolioMessageHandler {
+	fn process_message(&mut self, message: PortfolioMessage, responses: &mut VecDeque<Message>, data: PortfolioMessageData) {
+		let PortfolioMessageData {
+			ipp,
+			preferences,
+			current_tool,
+			message_logging_verbosity,
+			reset_node_definitions_on_open,
+			timing_information,
+			animation,
+		} = data;
+
+		match message {
+			// Sub-messages
+			PortfolioMessage::MenuBar(message) => {
+				self.menu_bar_message_handler.has_active_document = false;
+				self.menu_bar_message_handler.canvas_tilted = false;
+				self.menu_bar_message_handler.canvas_flipped = false;
+				self.menu_bar_message_handler.rulers_visible = false;
+				self.menu_bar_message_handler.node_graph_open = false;
+				self.menu_bar_message_handler.has_selected_nodes = false;
+				self.menu_bar_message_handler.has_selected_layers = false;
+				self.menu_bar_message_handler.has_selection_history = (false, false);
+				self.menu_bar_message_handler.spreadsheet_view_open = self.spreadsheet.spreadsheet_view_open;
+				self.menu_bar_message_handler.message_logging_verbosity = message_logging_verbosity;
+				self.menu_bar_message_handler.reset_node_definitions_on_open = reset_node_definitions_on_open;
+
+				if let Some(document) = self.active_document_id.and_then(|document_id| self.documents.get_mut(&document_id)) {
+					self.menu_bar_message_handler.has_active_document = true;
+					self.menu_bar_message_handler.canvas_tilted = document.document_ptz.tilt() != 0.;
+					self.menu_bar_message_handler.canvas_flipped = document.document_ptz.flip;
+					self.menu_bar_message_handler.rulers_visible = document.rulers_visible;
+					self.menu_bar_message_handler.node_graph_open = document.is_graph_overlay_open();
+					let selected_nodes = document.network_interface.selected_nodes();
+					self.menu_bar_message_handler.has_selected_nodes = selected_nodes.selected_nodes().next().is_some();
+					self.menu_bar_message_handler.has_selected_layers = selected_nodes.selected_visible_layers(&document.network_interface).next().is_some();
+					self.menu_bar_message_handler.has_selection_history = {
+						let metadata = &document.network_interface.document_network_metadata().persistent_metadata;
+						(!metadata.selection_undo_history.is_empty(), !metadata.selection_redo_history.is_empty())
+					};
+				}
+
+				self.menu_bar_message_handler.process_message(message, responses, ());
+			}
+			PortfolioMessage::Spreadsheet(message) => {
+				self.spreadsheet.process_message(message, responses, ());
+			}
+			PortfolioMessage::Document(message) => {
+				if let Some(document_id) = self.active_document_id {
+					if let Some(document) = self.documents.get_mut(&document_id) {
+						let document_inputs = DocumentMessageData {
+							document_id,
+							ipp,
+							persistent_data: &self.persistent_data,
+							executor: &mut self.executor,
+							current_tool,
+							preferences,
+							device_pixel_ratio: self.device_pixel_ratio.unwrap_or(1.),
+						};
+						document.process_message(message, responses, document_inputs)
+					}
+				}
+			}
+
+			// Messages
+			PortfolioMessage::DocumentPassMessage { document_id, message } => {
+				if let Some(document) = self.documents.get_mut(&document_id) {
+					let document_inputs = DocumentMessageData {
+						document_id,
+						ipp,
+						persistent_data: &self.persistent_data,
+						executor: &mut self.executor,
+						current_tool,
+						preferences,
+						device_pixel_ratio: self.device_pixel_ratio.unwrap_or(1.),
+					};
+					document.process_message(message, responses, document_inputs)
+				}
+			}
+			PortfolioMessage::AutoSaveActiveDocument => {
+				if let Some(document_id) = self.active_document_id {
+					if let Some(document) = self.active_document_mut() {
+						document.set_auto_save_state(true);
+						responses.add(PortfolioMessage::AutoSaveDocument { document_id });
+					}
+				}
+			}
+			PortfolioMessage::AutoSaveAllDocuments => {
+				for (document_id, document) in self.documents.iter_mut() {
+					if !document.is_auto_saved() {
+						document.set_auto_save_state(true);
+						responses.add(PortfolioMessage::AutoSaveDocument { document_id: *document_id });
+					}
+				}
+			}
+			PortfolioMessage::AutoSaveDocument { document_id } => {
+				let document = self.documents.get(&document_id).unwrap();
+				responses.add(FrontendMessage::TriggerIndexedDbWriteDocument {
+					document: document.serialize_document(),
+					details: FrontendDocumentDetails {
+						is_auto_saved: document.is_auto_saved(),
+						is_saved: document.is_saved(),
+						id: document_id,
+						name: document.name.clone(),
+					},
+				})
+			}
+			PortfolioMessage::CloseActiveDocumentWithConfirmation => {
+				if let Some(document_id) = self.active_document_id {
+					responses.add(PortfolioMessage::CloseDocumentWithConfirmation { document_id });
+				}
+			}
+			PortfolioMessage::CloseAllDocuments => {
+				if self.active_document_id.is_some() {
+					responses.add(BroadcastEvent::ToolAbort);
+					responses.add(ToolMessage::DeactivateTools);
+
+					// Clear relevant UI layouts if there are no documents
+					responses.add(PropertiesPanelMessage::Clear);
+					responses.add(DocumentMessage::ClearLayersPanel);
+					let hint_data = HintData(vec![HintGroup(vec![])]);
+					responses.add(FrontendMessage::UpdateInputHints { hint_data });
+				}
+
+				for document_id in &self.document_ids {
+					responses.add(FrontendMessage::TriggerIndexedDbRemoveDocument { document_id: *document_id });
+				}
+
+				responses.add(PortfolioMessage::DestroyAllDocuments);
+				responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+			}
+			PortfolioMessage::CloseAllDocumentsWithConfirmation => {
+				if self.unsaved_document_names().is_empty() {
+					responses.add(PortfolioMessage::CloseAllDocuments)
+				} else {
+					responses.add(DialogMessage::CloseAllDocumentsWithConfirmation)
+				}
+			}
+			PortfolioMessage::CloseDocument { document_id } => {
+				// Is this the last document?
+				if self.documents.len() == 1 && self.document_ids[0] == document_id {
+					// Clear UI layouts that assume the existence of a document
+					responses.add(PropertiesPanelMessage::Clear);
+					responses.add(DocumentMessage::ClearLayersPanel);
+					let hint_data = HintData(vec![HintGroup(vec![])]);
+					responses.add(FrontendMessage::UpdateInputHints { hint_data });
+				}
+
+				// Actually delete the document (delay to delete document is required to let the document and properties panel messages above get processed)
+				responses.add(PortfolioMessage::DeleteDocument { document_id });
+				responses.add(FrontendMessage::TriggerIndexedDbRemoveDocument { document_id });
+
+				// Send the new list of document tab names
+				responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+			}
+			PortfolioMessage::CloseDocumentWithConfirmation { document_id } => {
+				let target_document = self.documents.get(&document_id).unwrap();
+				if target_document.is_saved() {
+					responses.add(BroadcastEvent::ToolAbort);
+					responses.add(PortfolioMessage::CloseDocument { document_id });
+				} else {
+					let dialog = simple_dialogs::CloseDocumentDialog {
+						document_name: target_document.name.clone(),
+						document_id,
+					};
+					dialog.send_dialog_to_frontend(responses);
+
+					// Select the document being closed
+					responses.add(PortfolioMessage::SelectDocument { document_id });
+				}
+			}
+			PortfolioMessage::Copy { clipboard } => {
+				// We can't use `self.active_document()` because it counts as an immutable borrow of the entirety of `self`
+				let Some(active_document) = self.active_document_id.and_then(|id| self.documents.get_mut(&id)) else {
+					return;
+				};
+
+				let mut copy_val = |buffer: &mut Vec<CopyBufferEntry>| {
+					let mut ordered_last_elements = active_document.network_interface.shallowest_unique_layers(&[]).collect::<Vec<_>>();
+
+					ordered_last_elements.sort_by_key(|layer| {
+						let Some(parent) = layer.parent(active_document.metadata()) else { return usize::MAX };
+						DocumentMessageHandler::get_calculated_insert_index(active_document.metadata(), &SelectedNodes(vec![layer.to_node()]), parent)
+					});
+
+					for layer in ordered_last_elements.into_iter() {
+						let layer_node_id = layer.to_node();
+
+						let mut copy_ids = HashMap::new();
+						copy_ids.insert(layer_node_id, NodeId(0));
+
+						active_document
+							.network_interface
+							.upstream_flow_back_from_nodes(vec![layer_node_id], &[], network_interface::FlowType::LayerChildrenUpstreamFlow)
+							.enumerate()
+							.for_each(|(index, node_id)| {
+								copy_ids.insert(node_id, NodeId((index + 1) as u64));
+							});
+
+						buffer.push(CopyBufferEntry {
+							nodes: active_document.network_interface.copy_nodes(&copy_ids, &[]).collect(),
+							selected: active_document.network_interface.selected_nodes().selected_layers_contains(layer, active_document.metadata()),
+							visible: active_document.network_interface.selected_nodes().layer_visible(layer, &active_document.network_interface),
+							locked: active_document.network_interface.selected_nodes().layer_locked(layer, &active_document.network_interface),
+							collapsed: false,
+						});
+					}
+				};
+
+				if clipboard == Clipboard::Device {
+					let mut buffer = Vec::new();
+					copy_val(&mut buffer);
+					let mut copy_text = String::from("graphite/layer: ");
+					copy_text += &serde_json::to_string(&buffer).expect("Could not serialize paste");
+
+					responses.add(FrontendMessage::TriggerTextCopy { copy_text });
+				} else {
+					let copy_buffer = &mut self.copy_buffer;
+					copy_buffer[clipboard as usize].clear();
+					copy_val(&mut copy_buffer[clipboard as usize]);
+				}
+			}
+			PortfolioMessage::Cut { clipboard } => {
+				responses.add(PortfolioMessage::Copy { clipboard });
+				responses.add(DocumentMessage::DeleteSelectedLayers);
+			}
+			PortfolioMessage::DeleteDocument { document_id } => {
+				let document_index = self.document_index(document_id);
+				self.documents.remove(&document_id);
+				self.document_ids.remove(document_index);
+
+				if self.document_ids.is_empty() {
+					self.active_document_id = None;
+					responses.add(MenuBarMessage::SendLayout);
+				} else if self.active_document_id.is_some() {
+					let document_id = if document_index == self.document_ids.len() {
+						// If we closed the last document take the one previous (same as last)
+						*self.document_ids.back().unwrap()
+					} else {
+						// Move to the next tab
+						self.document_ids[document_index]
+					};
+					responses.add(PortfolioMessage::SelectDocument { document_id });
+				}
+			}
+			PortfolioMessage::DestroyAllDocuments => {
+				// Empty the list of internal document data
+				self.documents.clear();
+				self.document_ids.clear();
+				self.active_document_id = None;
+				responses.add(MenuBarMessage::SendLayout);
+			}
+			PortfolioMessage::FontLoaded {
+				font_family,
+				font_style,
+				preview_url,
+				data,
+			} => {
+				let font = Font::new(font_family, font_style);
+
+				self.persistent_data.font_cache.insert(font, preview_url, data);
+				self.executor.update_font_cache(self.persistent_data.font_cache.clone());
+				for document_id in self.document_ids.iter() {
+					let inspect_node = self.inspect_node_id();
+					let _ = self.executor.submit_node_graph_evaluation(
+						self.documents.get_mut(document_id).expect("Tried to render non-existent document"),
+						ipp.viewport_bounds.size().as_uvec2(),
+						timing_information,
+						inspect_node,
+						true,
+					);
+				}
+
+				if self.active_document_mut().is_some() {
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+			}
+			PortfolioMessage::EditorPreferences => self.executor.update_editor_preferences(preferences.editor_preferences()),
+			PortfolioMessage::Import => {
+				// This portfolio message wraps the frontend message so it can be listed as an action, which isn't possible for frontend messages
+				responses.add(FrontendMessage::TriggerImport);
+			}
+			PortfolioMessage::LoadDocumentResources { document_id } => {
+				if let Some(document) = self.document_mut(document_id) {
+					document.load_layer_resources(responses);
+				}
+			}
+			PortfolioMessage::LoadFont { font } => {
+				if !self.persistent_data.font_cache.loaded_font(&font) {
+					responses.add_front(FrontendMessage::TriggerFontLoad { font });
+				}
+			}
+			PortfolioMessage::NewDocumentWithName { name } => {
+				let mut new_document = DocumentMessageHandler::default();
+				new_document.name = name;
+				responses.add(DocumentMessage::PTZUpdate);
+
+				let document_id = DocumentId(generate_uuid());
+				if self.active_document().is_some() {
+					responses.add(BroadcastEvent::ToolAbort);
+					responses.add(NavigationMessage::CanvasPan { delta: (0., 0.).into() });
+				}
+
+				self.load_document(new_document, document_id, responses, false);
+				responses.add(PortfolioMessage::SelectDocument { document_id });
+			}
+			PortfolioMessage::NextDocument => {
+				if let Some(active_document_id) = self.active_document_id {
+					let current_index = self.document_index(active_document_id);
+					let next_index = (current_index + 1) % self.document_ids.len();
+					let next_id = self.document_ids[next_index];
+
+					responses.add(PortfolioMessage::SelectDocument { document_id: next_id });
+				}
+			}
+			PortfolioMessage::OpenDocument => {
+				// This portfolio message wraps the frontend message so it can be listed as an action, which isn't possible for frontend messages
+				responses.add(FrontendMessage::TriggerOpenDocument);
+			}
+			PortfolioMessage::OpenDocumentFile {
+				document_name,
+				document_serialized_content,
+			} => {
+				let document_id = DocumentId(generate_uuid());
+				responses.add(PortfolioMessage::OpenDocumentFileWithId {
+					document_id,
+					document_name,
+					document_is_auto_saved: false,
+					document_is_saved: true,
+					document_serialized_content,
+					to_front: false,
+				});
+				responses.add(PortfolioMessage::SelectDocument { document_id });
+			}
+			PortfolioMessage::ToggleResetNodesToDefinitionsOnOpen => {
+				self.reset_node_definitions_on_open = !self.reset_node_definitions_on_open;
+				responses.add(MenuBarMessage::SendLayout);
+			}
+			PortfolioMessage::OpenDocumentFileWithId {
+				document_id,
+				document_name,
+				document_is_auto_saved,
+				document_is_saved,
+				document_serialized_content,
+				to_front,
+			} => {
+				// Upgrade the document being opened to use fresh copies of all nodes
+				let reset_node_definitions_on_open = reset_node_definitions_on_open || document_migration_reset_node_definition(&document_serialized_content);
+				// Upgrade the document being opened with string replacements on the original JSON
+				let document_serialized_content = document_migration_string_preprocessing(document_serialized_content);
+
+				// Deserialize the document
+				let document = DocumentMessageHandler::deserialize_document(&document_serialized_content).map(|mut document| {
+					document.name.clone_from(&document_name);
+					document
+				});
+
+				// Display an error to the user if the document could not be opened
+				let mut document = match document {
+					Ok(document) => document,
+					Err(e) => {
+						if !document_is_auto_saved {
+							responses.add(DialogMessage::DisplayDialogError {
+								title: "Failed to open document".to_string(),
+								description: e.to_string(),
+							});
+						}
+
+						return;
+					}
+				};
+
+				// Upgrade the document's nodes to be compatible with the latest version
+				document_migration_upgrades(&mut document, reset_node_definitions_on_open);
+
+				// Ensure each node has the metadata for its inputs
+				for (node_id, node, path) in document.network_interface.document_network().clone().recursive_nodes() {
+					document.network_interface.validate_input_metadata(node_id, node, &path);
+					document.network_interface.validate_display_name_metadata(node_id, &path);
+				}
+
+				// Ensure layers are positioned as stacks if they are upstream siblings of another layer
+				document.network_interface.load_structure();
+				let all_layers = LayerNodeIdentifier::ROOT_PARENT.descendants(document.network_interface.document_metadata()).collect::<Vec<_>>();
+				for layer in all_layers {
+					let Some((downstream_node, input_index)) = document
+						.network_interface
+						.outward_wires(&[])
+						.and_then(|outward_wires| outward_wires.get(&OutputConnector::node(layer.to_node(), 0)))
+						.and_then(|outward_wires| outward_wires.first())
+						.and_then(|input_connector| input_connector.node_id().map(|node_id| (node_id, input_connector.input_index())))
+					else {
+						continue;
+					};
+
+					// If the downstream node is a layer and the input is the first input and the current layer is not in a stack
+					if input_index == 0 && document.network_interface.is_layer(&downstream_node, &[]) && !document.network_interface.is_stack(&layer.to_node(), &[]) {
+						// Ensure the layer is horizontally aligned with the downstream layer to prevent changing the layout of old files
+						let (Some(layer_position), Some(downstream_position)) =
+							(document.network_interface.position(&layer.to_node(), &[]), document.network_interface.position(&downstream_node, &[]))
+						else {
+							log::error!("Could not get position for layer {:?} or downstream node {} when opening file", layer.to_node(), downstream_node);
+							continue;
+						};
+
+						if layer_position.x == downstream_position.x {
+							document.network_interface.set_stack_position_calculated_offset(&layer.to_node(), &downstream_node, &[]);
+						}
+					}
+				}
+
+				// Set the save state of the document based on what's given to us by the caller to this message
+				document.set_auto_save_state(document_is_auto_saved);
+				document.set_save_state(document_is_saved);
+
+				// Load the document into the portfolio so it opens in the editor
+				self.load_document(document, document_id, responses, to_front);
+			}
+			PortfolioMessage::PasteIntoFolder { clipboard, parent, insert_index } => {
+				let mut all_new_ids = Vec::new();
+				let paste = |entry: &CopyBufferEntry, responses: &mut VecDeque<_>, all_new_ids: &mut Vec<NodeId>| {
+					if self.active_document().is_some() {
+						trace!("Pasting into folder {parent:?} as index: {insert_index}");
+						let nodes = entry.clone().nodes;
+						let new_ids: HashMap<_, _> = nodes.iter().map(|(id, _)| (*id, NodeId::new())).collect();
+						let layer = LayerNodeIdentifier::new_unchecked(new_ids[&NodeId(0)]);
+						all_new_ids.extend(new_ids.values().cloned());
+						responses.add(NodeGraphMessage::AddNodes { nodes, new_ids: new_ids.clone() });
+						responses.add(NodeGraphMessage::MoveLayerToStack { layer, parent, insert_index });
+					}
+				};
+
+				responses.add(DocumentMessage::DeselectAllLayers);
+
+				for entry in self.copy_buffer[clipboard as usize].iter().rev() {
+					paste(entry, responses, &mut all_new_ids)
+				}
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: all_new_ids });
+			}
+			PortfolioMessage::PasteSerializedData { data } => {
+				if let Some(document) = self.active_document() {
+					let mut all_new_ids = Vec::new();
+					if let Ok(data) = serde_json::from_str::<Vec<CopyBufferEntry>>(&data) {
+						let parent = document.new_layer_parent(false);
+						let mut layers = Vec::new();
+
+						let mut added_nodes = false;
+
+						for entry in data.into_iter().rev() {
+							if !added_nodes {
+								responses.add(DocumentMessage::DeselectAllLayers);
+								responses.add(DocumentMessage::AddTransaction);
+								added_nodes = true;
+							}
+
+							document.load_layer_resources(responses);
+							let new_ids: HashMap<_, _> = entry.nodes.iter().map(|(id, _)| (*id, NodeId::new())).collect();
+							let layer = LayerNodeIdentifier::new_unchecked(new_ids[&NodeId(0)]);
+							all_new_ids.extend(new_ids.values().cloned());
+
+							responses.add(NodeGraphMessage::AddNodes { nodes: entry.nodes, new_ids });
+							responses.add(NodeGraphMessage::MoveLayerToStack { layer, parent, insert_index: 0 });
+							layers.push(layer);
+						}
+
+						responses.add(NodeGraphMessage::RunDocumentGraph);
+						responses.add(NodeGraphMessage::SelectedNodesSet { nodes: all_new_ids });
+						responses.add(Message::StartBuffer);
+						responses.add(PortfolioMessage::CenterPastedLayers { layers });
+					}
+				}
+			}
+			PortfolioMessage::CenterPastedLayers { layers } => {
+				if let Some(document) = self.active_document_mut() {
+					let viewport_bounds_quad_pixels = Quad::from_box([DVec2::ZERO, ipp.viewport_bounds.size()]);
+					let viewport_center_pixels = viewport_bounds_quad_pixels.center(); // In viewport pixel coordinates
+
+					let doc_to_viewport_transform = document.metadata().document_to_viewport;
+					let viewport_to_doc_transform = doc_to_viewport_transform.inverse();
+
+					let viewport_quad_doc_space = viewport_to_doc_transform * viewport_bounds_quad_pixels;
+
+					let mut top_level_items_to_center: Vec<LayerNodeIdentifier> = Vec::new();
+					let mut artboards_in_selection: Vec<LayerNodeIdentifier> = Vec::new();
+
+					for &layer_id in &layers {
+						if document.network_interface.is_artboard(&layer_id.to_node(), &document.node_graph_handler.network) {
+							artboards_in_selection.push(layer_id);
+						}
+					}
+
+					for &layer_id in &layers {
+						let is_child_of_selected_artboard = artboards_in_selection.iter().any(|&artboard_id| {
+							if layer_id == artboard_id {
+								return false;
+							}
+							layer_id.ancestors(document.metadata()).any(|ancestor| ancestor == artboard_id)
+						});
+
+						if !is_child_of_selected_artboard {
+							top_level_items_to_center.push(layer_id);
+						}
+					}
+
+					if top_level_items_to_center.is_empty() {
+						return;
+					}
+
+					let mut combined_min_doc = DVec2::MAX;
+					let mut combined_max_doc = DVec2::MIN;
+					let mut has_any_bounds = false;
+
+					for &item_id in &top_level_items_to_center {
+						if let Some(bounds_doc) = document.metadata().bounding_box_document(item_id) {
+							combined_min_doc = combined_min_doc.min(bounds_doc[0]);
+							combined_max_doc = combined_max_doc.max(bounds_doc[1]);
+							has_any_bounds = true;
+						}
+					}
+
+					if !has_any_bounds {
+						return;
+					}
+
+					let combined_bounds_doc_quad = Quad::from_box([combined_min_doc, combined_max_doc]);
+
+					if combined_bounds_doc_quad.intersects(viewport_quad_doc_space) {
+						return;
+					}
+
+					let combined_center_doc = combined_bounds_doc_quad.center();
+					let combined_center_viewport_pixels = doc_to_viewport_transform.transform_point2(combined_center_doc);
+					let translation_viewport_pixels_rounded = (viewport_center_pixels - combined_center_viewport_pixels).round();
+
+					let final_translation_offset_doc = viewport_to_doc_transform.transform_vector2(translation_viewport_pixels_rounded);
+
+					if final_translation_offset_doc.abs_diff_eq(glam::DVec2::ZERO, 1e-9) {
+						return;
+					}
+
+					responses.add(DocumentMessage::AddTransaction);
+
+					for &item_id in &top_level_items_to_center {
+						if document.network_interface.is_artboard(&item_id.to_node(), &document.node_graph_handler.network) {
+							if let Some(bounds_doc) = document.metadata().bounding_box_document(item_id) {
+								let current_artboard_origin_doc = bounds_doc[0];
+								let dimensions_doc = bounds_doc[1] - bounds_doc[0];
+								let new_artboard_origin_doc = current_artboard_origin_doc + final_translation_offset_doc;
+
+								responses.add(GraphOperationMessage::ResizeArtboard {
+									layer: item_id,
+									location: new_artboard_origin_doc.round().as_ivec2(),
+									dimensions: dimensions_doc.round().as_ivec2(),
+								});
+							}
+						} else {
+							let current_abs_doc_transform = document.metadata().transform_to_document(item_id);
+
+							let new_abs_doc_transform = DAffine2 {
+								matrix2: current_abs_doc_transform.matrix2,
+								translation: current_abs_doc_transform.translation + final_translation_offset_doc,
+							};
+
+							let transform = doc_to_viewport_transform * new_abs_doc_transform;
+
+							responses.add(GraphOperationMessage::TransformSet {
+								layer: item_id,
+								transform,
+								transform_in: TransformIn::Viewport,
+								skip_rerender: false,
+							});
+						}
+					}
+
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+			}
+			PortfolioMessage::PasteImage {
+				name,
+				image,
+				mouse,
+				parent_and_insert_index,
+			} => {
+				let create_document = self.documents.is_empty();
+
+				if create_document {
+					responses.add(PortfolioMessage::NewDocumentWithName {
+						name: name.clone().unwrap_or("Untitled Document".into()),
+					});
+				}
+
+				responses.add(DocumentMessage::PasteImage {
+					name,
+					image,
+					mouse,
+					parent_and_insert_index,
+				});
+
+				if create_document {
+					// Wait for the document to be rendered so the click targets can be calculated in order to determine the artboard size that will encompass the pasted image
+					responses.add(Message::StartBuffer);
+					responses.add(DocumentMessage::WrapContentInArtboard { place_artboard_at_origin: true });
+
+					// TODO: Figure out how to get StartBuffer to work here so we can delete this and use `DocumentMessage::ZoomCanvasToFitAll` instead
+					// Currently, it is necessary to use `FrontendMessage::TriggerDelayedZoomCanvasToFitAll` rather than `DocumentMessage::ZoomCanvasToFitAll` because the size of the viewport is not yet populated
+					responses.add(Message::StartBuffer);
+					responses.add(FrontendMessage::TriggerDelayedZoomCanvasToFitAll);
+				}
+			}
+			PortfolioMessage::PasteSvg {
+				name,
+				svg,
+				mouse,
+				parent_and_insert_index,
+			} => {
+				let create_document = self.documents.is_empty();
+
+				if create_document {
+					responses.add(PortfolioMessage::NewDocumentWithName {
+						name: name.clone().unwrap_or("Untitled Document".into()),
+					});
+				}
+
+				responses.add(DocumentMessage::PasteSvg {
+					name,
+					svg,
+					mouse,
+					parent_and_insert_index,
+				});
+
+				if create_document {
+					// Wait for the document to be rendered so the click targets can be calculated in order to determine the artboard size that will encompass the pasted image
+					responses.add(Message::StartBuffer);
+					responses.add(DocumentMessage::WrapContentInArtboard { place_artboard_at_origin: true });
+
+					// TODO: Figure out how to get StartBuffer to work here so we can delete this and use `DocumentMessage::ZoomCanvasToFitAll` instead
+					// Currently, it is necessary to use `FrontendMessage::TriggerDelayedZoomCanvasToFitAll` rather than `DocumentMessage::ZoomCanvasToFitAll` because the size of the viewport is not yet populated
+					responses.add(Message::StartBuffer);
+					responses.add(FrontendMessage::TriggerDelayedZoomCanvasToFitAll);
+				}
+			}
+			PortfolioMessage::PrevDocument => {
+				if let Some(active_document_id) = self.active_document_id {
+					let len = self.document_ids.len();
+					let current_index = self.document_index(active_document_id);
+					let prev_index = (current_index + len - 1) % len;
+					let prev_id = self.document_ids[prev_index];
+					responses.add(PortfolioMessage::SelectDocument { document_id: prev_id });
+				}
+			}
+			PortfolioMessage::SetActivePanel { panel } => {
+				self.active_panel = panel;
+				responses.add(DocumentMessage::SetActivePanel { active_panel: self.active_panel });
+			}
+			PortfolioMessage::SetDevicePixelRatio { ratio } => {
+				self.device_pixel_ratio = Some(ratio);
+				responses.add(OverlaysMessage::Draw);
+			}
+			PortfolioMessage::SelectDocument { document_id } => {
+				// Auto-save the document we are leaving
+				let mut node_graph_open = false;
+				if let Some(document) = self.active_document() {
+					if !document.is_auto_saved() {
+						responses.add(PortfolioMessage::AutoSaveDocument {
+							// Safe to unwrap since we know that there is an active document
+							document_id: self.active_document_id.unwrap(),
+						});
+					}
+					node_graph_open = document.is_graph_overlay_open();
+				}
+
+				// Set the new active document ID
+				self.active_document_id = Some(document_id);
+
+				responses.add(MenuBarMessage::SendLayout);
+				responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+				responses.add(FrontendMessage::UpdateActiveDocument { document_id });
+				responses.add(FrontendMessage::TriggerSaveActiveDocument { document_id });
+				responses.add(ToolMessage::InitTools);
+				responses.add(NodeGraphMessage::Init);
+				responses.add(OverlaysMessage::Draw);
+				responses.add(BroadcastEvent::ToolAbort);
+				responses.add(BroadcastEvent::SelectionChanged);
+				responses.add(NavigationMessage::CanvasPan { delta: (0., 0.).into() });
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				responses.add(DocumentMessage::GraphViewOverlay { open: node_graph_open });
+				if node_graph_open {
+					responses.add(NodeGraphMessage::UpdateGraphBarRight);
+				} else {
+					responses.add(PortfolioMessage::UpdateDocumentWidgets);
+				}
+
+				let Some(document) = self.documents.get_mut(&document_id) else {
+					warn!("Tried to read non existent document");
+					return;
+				};
+				if !document.is_loaded {
+					document.is_loaded = true;
+					responses.add(PortfolioMessage::LoadDocumentResources { document_id });
+					responses.add(PortfolioMessage::UpdateDocumentWidgets);
+					responses.add(PropertiesPanelMessage::Clear);
+				}
+			}
+			PortfolioMessage::SubmitDocumentExport {
+				file_name,
+				file_type,
+				scale_factor,
+				bounds,
+				transparent_background,
+			} => {
+				let document = self.active_document_id.and_then(|id| self.documents.get_mut(&id)).expect("Tried to render non-existent document");
+				let export_config = ExportConfig {
+					file_name,
+					file_type,
+					scale_factor,
+					bounds,
+					transparent_background,
+					..Default::default()
+				};
+				let result = self.executor.submit_document_export(document, export_config);
+
+				if let Err(description) = result {
+					responses.add(DialogMessage::DisplayDialogError {
+						title: "Unable to export document".to_string(),
+						description,
+					});
+				}
+			}
+			PortfolioMessage::SubmitActiveGraphRender => {
+				if let Some(document_id) = self.active_document_id {
+					responses.add(PortfolioMessage::SubmitGraphRender { document_id, ignore_hash: false });
+				}
+			}
+			PortfolioMessage::SubmitGraphRender { document_id, ignore_hash } => {
+				let inspect_node = self.inspect_node_id();
+				let result = self.executor.submit_node_graph_evaluation(
+					self.documents.get_mut(&document_id).expect("Tried to render non-existent document"),
+					ipp.viewport_bounds.size().as_uvec2(),
+					timing_information,
+					inspect_node,
+					ignore_hash,
+				);
+
+				if let Err(description) = result {
+					responses.add(DialogMessage::DisplayDialogError {
+						title: "Unable to update node graph".to_string(),
+						description,
+					});
+				}
+			}
+			PortfolioMessage::ToggleRulers => {
+				if let Some(document) = self.active_document_mut() {
+					document.rulers_visible = !document.rulers_visible;
+
+					responses.add(DocumentMessage::RenderRulers);
+					responses.add(MenuBarMessage::SendLayout);
+				}
+			}
+			PortfolioMessage::UpdateDocumentWidgets => {
+				if let Some(document) = self.active_document() {
+					document.update_document_widgets(responses, animation.is_playing(), timing_information.animation_time);
+				}
+			}
+			PortfolioMessage::UpdateOpenDocumentsList => {
+				// Send the list of document tab names
+				let open_documents = self
+					.document_ids
+					.iter()
+					.filter_map(|id| {
+						self.documents.get(id).map(|document| FrontendDocumentDetails {
+							is_auto_saved: document.is_auto_saved(),
+							is_saved: document.is_saved(),
+							id: *id,
+							name: document.name.clone(),
+						})
+					})
+					.collect::<Vec<_>>();
+				responses.add(FrontendMessage::UpdateOpenDocumentsList { open_documents });
+			}
+			PortfolioMessage::UpdateVelloPreference => {
+				responses.add(NodeGraphMessage::RunDocumentGraph);
+				self.persistent_data.use_vello = preferences.use_vello;
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		let mut common = actions!(PortfolioMessageDiscriminant;
+			CloseActiveDocumentWithConfirmation,
+			CloseAllDocuments,
+			CloseAllDocumentsWithConfirmation,
+			Import,
+			NextDocument,
+			OpenDocument,
+			PasteIntoFolder,
+			PrevDocument,
+			ToggleRulers,
+		);
+
+		// Extend with actions that require an active document
+		if let Some(document) = self.active_document() {
+			common.extend(document.actions());
+
+			// Extend with actions that must have a selected layer
+			if document.network_interface.selected_nodes().selected_layers(document.metadata()).next().is_some() {
+				common.extend(actions!(PortfolioMessageDiscriminant;
+					Copy,
+					Cut,
+				));
+			}
+		}
+
+		common
+	}
+}
+
+impl PortfolioMessageHandler {
+	pub fn with_executor(executor: crate::node_graph_executor::NodeGraphExecutor) -> Self {
+		Self { executor, ..Default::default() }
+	}
+
+	pub fn document(&self, document_id: DocumentId) -> Option<&DocumentMessageHandler> {
+		self.documents.get(&document_id)
+	}
+
+	pub fn document_mut(&mut self, document_id: DocumentId) -> Option<&mut DocumentMessageHandler> {
+		self.documents.get_mut(&document_id)
+	}
+
+	pub fn active_document(&self) -> Option<&DocumentMessageHandler> {
+		self.active_document_id.and_then(|id| self.documents.get(&id))
+	}
+
+	pub fn active_document_mut(&mut self) -> Option<&mut DocumentMessageHandler> {
+		self.active_document_id.and_then(|id| self.documents.get_mut(&id))
+	}
+
+	pub fn active_document_id(&self) -> Option<DocumentId> {
+		self.active_document_id
+	}
+
+	pub fn unsaved_document_names(&self) -> Vec<String> {
+		self.documents.values().filter(|document| !document.is_saved()).map(|document| document.name.clone()).collect()
+	}
+
+	pub fn generate_new_document_name(&self) -> String {
+		let mut doc_title_numbers = self
+			.ordered_document_iterator()
+			.filter_map(|doc| {
+				doc.name
+					.rsplit_once(DEFAULT_DOCUMENT_NAME)
+					.map(|(prefix, number)| (prefix.is_empty()).then(|| number.trim().parse::<isize>().ok()).flatten().unwrap_or(1))
+			})
+			.collect::<Vec<isize>>();
+
+		doc_title_numbers.sort_unstable();
+		doc_title_numbers.iter_mut().enumerate().for_each(|(i, number)| *number = *number - i as isize - 2);
+		// Uses binary search to find the index of the element where number is bigger than i
+		let new_doc_title_num = doc_title_numbers.binary_search(&0).unwrap_or_else(|e| e) + 1;
+
+		match new_doc_title_num {
+			1 => DEFAULT_DOCUMENT_NAME.to_string(),
+			_ => format!("{DEFAULT_DOCUMENT_NAME} {new_doc_title_num}"),
+		}
+	}
+
+	fn load_document(&mut self, new_document: DocumentMessageHandler, document_id: DocumentId, responses: &mut VecDeque<Message>, to_front: bool) {
+		if to_front {
+			self.document_ids.push_front(document_id);
+		} else {
+			self.document_ids.push_back(document_id);
+		}
+		new_document.update_layers_panel_control_bar_widgets(responses);
+		new_document.update_layers_panel_bottom_bar_widgets(responses);
+
+		self.documents.insert(document_id, new_document);
+
+		if self.active_document().is_some() {
+			responses.add(BroadcastEvent::ToolAbort);
+			responses.add(ToolMessage::DeactivateTools);
+		} else {
+			// Load the default font upon creating the first document
+			let font = Font::new(graphene_std::consts::DEFAULT_FONT_FAMILY.into(), graphene_std::consts::DEFAULT_FONT_STYLE.into());
+			responses.add(FrontendMessage::TriggerFontLoad { font });
+		}
+
+		// TODO: Remove this and find a way to fix the issue where creating a new document when the node graph is open causes the transform in the new document to be incorrect
+		responses.add(DocumentMessage::GraphViewOverlay { open: false });
+		responses.add(PortfolioMessage::UpdateOpenDocumentsList);
+	}
+
+	/// Returns an iterator over the open documents in order.
+	pub fn ordered_document_iterator(&self) -> impl Iterator<Item = &DocumentMessageHandler> {
+		self.document_ids.iter().map(|id| self.documents.get(id).expect("document id was not found in the document hashmap"))
+	}
+
+	fn document_index(&self, document_id: DocumentId) -> usize {
+		self.document_ids.iter().position(|id| id == &document_id).expect("Active document is missing from document ids")
+	}
+
+	pub fn poll_node_graph_evaluation(&mut self, responses: &mut VecDeque<Message>) -> Result<(), String> {
+		let Some(active_document) = self.active_document_id.and_then(|id| self.documents.get_mut(&id)) else {
+			return Err("No active document".to_string());
+		};
+
+		let result = self.executor.poll_node_graph_evaluation(active_document, responses);
+		if result.is_err() {
+			let error = r#"
+				<rect x="50%" y="50%" width="460" height="100" transform="translate(-230 -50)" rx="4" fill="var(--color-warning-yellow)" />
+				<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-size="18" fill="var(--color-2-mildblack)">
+					<tspan x="50%" dy="-24" font-weight="bold">The document cannot render in its current state.</tspan>
+					<tspan x="50%" dy="24">Undo to go back, if available, or check for error details</tspan>
+					<tspan x="50%" dy="24">by clicking the <tspan font-style="italic">Node Graph</tspan> button up at the top right.</tspan>
+				/text>"#
+				// It's a mystery why the `/text>` tag above needs to be missing its `<`, but when it exists it prints the `<` character in the text. However this works with it removed.
+				.to_string();
+			responses.add(Message::EndBuffer(graphene_std::renderer::RenderMetadata::default()));
+			responses.add(FrontendMessage::UpdateDocumentArtwork { svg: error });
+		}
+		result
+	}
+
+	/// Get the id of the node that should be used as the target for the spreadsheet
+	pub fn inspect_node_id(&self) -> Option<NodeId> {
+		// Spreadsheet not open, skipping
+		if !self.spreadsheet.spreadsheet_view_open {
+			return None;
+		}
+
+		let document = self.documents.get(&self.active_document_id?)?;
+		let selected_nodes = document.network_interface.selected_nodes().0;
+
+		// Selected nodes != 1, skipping
+		if selected_nodes.len() != 1 {
+			return None;
+		}
+
+		selected_nodes.first().copied()
+	}
+}
diff --git a/editor/src/messages/portfolio/spreadsheet/mod.rs b/editor/src/messages/portfolio/spreadsheet/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1523ea0d2ced4263c43e792b961e9d049f81312b
--- /dev/null
+++ b/editor/src/messages/portfolio/spreadsheet/mod.rs
@@ -0,0 +1,7 @@
+mod spreadsheet_message;
+mod spreadsheet_message_handler;
+
+#[doc(inline)]
+pub use spreadsheet_message::*;
+#[doc(inline)]
+pub use spreadsheet_message_handler::*;
diff --git a/editor/src/messages/portfolio/spreadsheet/spreadsheet_message.rs b/editor/src/messages/portfolio/spreadsheet/spreadsheet_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..af579cc17fab6df2261239af3640966fb2e14891
--- /dev/null
+++ b/editor/src/messages/portfolio/spreadsheet/spreadsheet_message.rs
@@ -0,0 +1,33 @@
+use crate::messages::prelude::*;
+use crate::node_graph_executor::InspectResult;
+
+/// The spreadsheet UI allows for instance data to be previewed.
+#[impl_message(Message, PortfolioMessage, Spreadsheet)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum SpreadsheetMessage {
+	ToggleOpen,
+
+	UpdateLayout {
+		#[serde(skip)]
+		inspect_result: InspectResult,
+	},
+
+	PushToInstancePath {
+		index: usize,
+	},
+	TruncateInstancePath {
+		len: usize,
+	},
+
+	ViewVectorDataDomain {
+		domain: VectorDataDomain,
+	},
+}
+
+#[derive(PartialEq, Eq, Clone, Copy, Default, Debug, serde::Serialize, serde::Deserialize)]
+pub enum VectorDataDomain {
+	#[default]
+	Points,
+	Segments,
+	Regions,
+}
diff --git a/editor/src/messages/portfolio/spreadsheet/spreadsheet_message_handler.rs b/editor/src/messages/portfolio/spreadsheet/spreadsheet_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..378c8b1b5220a1aac5a048e10b51d9f1a789510a
--- /dev/null
+++ b/editor/src/messages/portfolio/spreadsheet/spreadsheet_message_handler.rs
@@ -0,0 +1,321 @@
+use super::VectorDataDomain;
+use crate::messages::layout::utility_types::layout_widget::{Layout, LayoutGroup, LayoutTarget, WidgetLayout};
+use crate::messages::prelude::*;
+use crate::messages::tool::tool_messages::tool_prelude::*;
+use graph_craft::document::NodeId;
+use graphene_std::Color;
+use graphene_std::Context;
+use graphene_std::GraphicGroupTable;
+use graphene_std::instances::Instances;
+use graphene_std::memo::IORecord;
+use graphene_std::raster::Image;
+use graphene_std::vector::{VectorData, VectorDataTable};
+use graphene_std::{Artboard, ArtboardGroupTable, GraphicElement};
+use std::any::Any;
+use std::sync::Arc;
+
+/// The spreadsheet UI allows for instance data to be previewed.
+#[derive(Default, Debug, Clone)]
+pub struct SpreadsheetMessageHandler {
+	/// Sets whether or not the spreadsheet is drawn.
+	pub spreadsheet_view_open: bool,
+	inspect_node: Option<NodeId>,
+	introspected_data: Option<Arc<dyn Any + Send + Sync>>,
+	instances_path: Vec<usize>,
+	viewing_vector_data_domain: VectorDataDomain,
+}
+
+impl MessageHandler<SpreadsheetMessage, ()> for SpreadsheetMessageHandler {
+	fn process_message(&mut self, message: SpreadsheetMessage, responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			SpreadsheetMessage::ToggleOpen => {
+				self.spreadsheet_view_open = !self.spreadsheet_view_open;
+				// Run the graph to grab the data
+				if self.spreadsheet_view_open {
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+				// Update checked UI state for open
+				responses.add(MenuBarMessage::SendLayout);
+				self.update_layout(responses);
+			}
+
+			SpreadsheetMessage::UpdateLayout { mut inspect_result } => {
+				self.inspect_node = Some(inspect_result.inspect_node);
+				self.introspected_data = inspect_result.take_data();
+				self.update_layout(responses)
+			}
+
+			SpreadsheetMessage::PushToInstancePath { index } => {
+				self.instances_path.push(index);
+				self.update_layout(responses);
+			}
+			SpreadsheetMessage::TruncateInstancePath { len } => {
+				self.instances_path.truncate(len);
+				self.update_layout(responses);
+			}
+
+			SpreadsheetMessage::ViewVectorDataDomain { domain } => {
+				self.viewing_vector_data_domain = domain;
+				self.update_layout(responses);
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		actions!(SpreadsheetMessage;)
+	}
+}
+
+impl SpreadsheetMessageHandler {
+	fn update_layout(&mut self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateSpreadsheetState {
+			node: self.inspect_node,
+			open: self.spreadsheet_view_open,
+		});
+		if !self.spreadsheet_view_open {
+			return;
+		}
+		let mut layout_data = LayoutData {
+			current_depth: 0,
+			desired_path: &mut self.instances_path,
+			breadcrumbs: Vec::new(),
+			vector_data_domain: self.viewing_vector_data_domain,
+		};
+		let mut layout = self
+			.introspected_data
+			.as_ref()
+			.map(|instrospected_data| generate_layout(instrospected_data, &mut layout_data))
+			.unwrap_or_else(|| Some(label("No data")))
+			.unwrap_or_else(|| label("Failed to downcast data"));
+
+		if layout_data.breadcrumbs.len() > 1 {
+			let breadcrumb = BreadcrumbTrailButtons::new(layout_data.breadcrumbs)
+				.on_update(|&len| SpreadsheetMessage::TruncateInstancePath { len: len as usize }.into())
+				.widget_holder();
+			layout.insert(0, LayoutGroup::Row { widgets: vec![breadcrumb] });
+		}
+
+		responses.add(LayoutMessage::SendLayout {
+			layout: Layout::WidgetLayout(WidgetLayout { layout }),
+			layout_target: LayoutTarget::Spreadsheet,
+		});
+	}
+}
+
+struct LayoutData<'a> {
+	current_depth: usize,
+	desired_path: &'a mut Vec<usize>,
+	breadcrumbs: Vec<String>,
+	vector_data_domain: VectorDataDomain,
+}
+
+fn generate_layout(introspected_data: &Arc<dyn std::any::Any + Send + Sync + 'static>, data: &mut LayoutData) -> Option<Vec<LayoutGroup>> {
+	// We simply try random types. TODO: better strategy.
+	#[allow(clippy::manual_map)]
+	if let Some(io) = introspected_data.downcast_ref::<IORecord<Context, ArtboardGroupTable>>() {
+		Some(io.output.layout_with_breadcrumb(data))
+	} else if let Some(io) = introspected_data.downcast_ref::<IORecord<(), ArtboardGroupTable>>() {
+		Some(io.output.layout_with_breadcrumb(data))
+	} else if let Some(io) = introspected_data.downcast_ref::<IORecord<Context, VectorDataTable>>() {
+		Some(io.output.layout_with_breadcrumb(data))
+	} else if let Some(io) = introspected_data.downcast_ref::<IORecord<(), VectorDataTable>>() {
+		Some(io.output.layout_with_breadcrumb(data))
+	} else if let Some(io) = introspected_data.downcast_ref::<IORecord<Context, GraphicGroupTable>>() {
+		Some(io.output.layout_with_breadcrumb(data))
+	} else if let Some(io) = introspected_data.downcast_ref::<IORecord<(), GraphicGroupTable>>() {
+		Some(io.output.layout_with_breadcrumb(data))
+	} else {
+		None
+	}
+}
+
+fn column_headings(value: &[&str]) -> Vec<WidgetHolder> {
+	value.iter().map(|text| TextLabel::new(*text).widget_holder()).collect()
+}
+
+fn label(x: impl Into<String>) -> Vec<LayoutGroup> {
+	let error = vec![TextLabel::new(x).widget_holder()];
+	vec![LayoutGroup::Row { widgets: error }]
+}
+
+trait InstanceLayout {
+	fn type_name() -> &'static str;
+	fn identifier(&self) -> String;
+	fn layout_with_breadcrumb(&self, data: &mut LayoutData) -> Vec<LayoutGroup> {
+		data.breadcrumbs.push(self.identifier());
+		self.compute_layout(data)
+	}
+	fn compute_layout(&self, data: &mut LayoutData) -> Vec<LayoutGroup>;
+}
+
+impl InstanceLayout for GraphicElement {
+	fn type_name() -> &'static str {
+		"GraphicElement"
+	}
+	fn identifier(&self) -> String {
+		match self {
+			Self::GraphicGroup(instances) => instances.identifier(),
+			Self::VectorData(instances) => instances.identifier(),
+			Self::RasterDataCPU(_) => "RasterDataCPU".to_string(),
+			Self::RasterDataGPU(_) => "RasterDataGPU".to_string(),
+		}
+	}
+	// Don't put a breadcrumb for GraphicElement
+	fn layout_with_breadcrumb(&self, data: &mut LayoutData) -> Vec<LayoutGroup> {
+		self.compute_layout(data)
+	}
+	fn compute_layout(&self, data: &mut LayoutData) -> Vec<LayoutGroup> {
+		match self {
+			Self::GraphicGroup(instances) => instances.layout_with_breadcrumb(data),
+			Self::VectorData(instances) => instances.layout_with_breadcrumb(data),
+			Self::RasterDataCPU(_) => label("Raster frame not supported"),
+			Self::RasterDataGPU(_) => label("Raster frame not supported"),
+		}
+	}
+}
+
+impl InstanceLayout for VectorData {
+	fn type_name() -> &'static str {
+		"VectorData"
+	}
+	fn identifier(&self) -> String {
+		format!("Vector Data (points={}, segments={})", self.point_domain.ids().len(), self.segment_domain.ids().len())
+	}
+	fn compute_layout(&self, data: &mut LayoutData) -> Vec<LayoutGroup> {
+		let colinear = self.colinear_manipulators.iter().map(|[a, b]| format!("[{a} / {b}]")).collect::<Vec<_>>().join(", ");
+		let colinear = if colinear.is_empty() { "None" } else { &colinear };
+		let style = vec![
+			TextLabel::new(format!(
+				"{}\n\nColinear Handle IDs: {}\n\nUpstream Graphic Group Table: {}",
+				self.style,
+				colinear,
+				if self.upstream_graphic_group.is_some() { "Yes" } else { "No" }
+			))
+			.multiline(true)
+			.widget_holder(),
+		];
+
+		let domain_entries = [VectorDataDomain::Points, VectorDataDomain::Segments, VectorDataDomain::Regions]
+			.into_iter()
+			.map(|domain| {
+				RadioEntryData::new(format!("{domain:?}"))
+					.label(format!("{domain:?}"))
+					.on_update(move |_| SpreadsheetMessage::ViewVectorDataDomain { domain }.into())
+			})
+			.collect();
+		let domain = vec![RadioInput::new(domain_entries).selected_index(Some(data.vector_data_domain as u32)).widget_holder()];
+
+		let mut table_rows = Vec::new();
+		match data.vector_data_domain {
+			VectorDataDomain::Points => {
+				table_rows.push(column_headings(&["", "position"]));
+				table_rows.extend(
+					self.point_domain
+						.iter()
+						.map(|(id, position)| vec![TextLabel::new(format!("{}", id.inner())).widget_holder(), TextLabel::new(format!("{}", position)).widget_holder()]),
+				);
+			}
+			VectorDataDomain::Segments => {
+				table_rows.push(column_headings(&["", "start_index", "end_index", "handles"]));
+				table_rows.extend(self.segment_domain.iter().map(|(id, start, end, handles)| {
+					vec![
+						TextLabel::new(format!("{}", id.inner())).widget_holder(),
+						TextLabel::new(format!("{}", start)).widget_holder(),
+						TextLabel::new(format!("{}", end)).widget_holder(),
+						TextLabel::new(format!("{:?}", handles)).widget_holder(),
+					]
+				}));
+			}
+			VectorDataDomain::Regions => {
+				table_rows.push(column_headings(&["", "segment_range", "fill"]));
+				table_rows.extend(self.region_domain.iter().map(|(id, segment_range, fill)| {
+					vec![
+						TextLabel::new(format!("{}", id.inner())).widget_holder(),
+						TextLabel::new(format!("{:?}", segment_range)).widget_holder(),
+						TextLabel::new(format!("{}", fill.inner())).widget_holder(),
+					]
+				}));
+			}
+		}
+
+		vec![LayoutGroup::Row { widgets: style }, LayoutGroup::Row { widgets: domain }, LayoutGroup::Table { rows: table_rows }]
+	}
+}
+
+impl InstanceLayout for Image<Color> {
+	fn type_name() -> &'static str {
+		"Image"
+	}
+	fn identifier(&self) -> String {
+		format!("Image (width={}, height={})", self.width, self.height)
+	}
+	fn compute_layout(&self, _data: &mut LayoutData) -> Vec<LayoutGroup> {
+		let rows = vec![vec![TextLabel::new(format!("Image (width={}, height={})", self.width, self.height)).widget_holder()]];
+		vec![LayoutGroup::Table { rows }]
+	}
+}
+
+impl InstanceLayout for Artboard {
+	fn type_name() -> &'static str {
+		"Artboard"
+	}
+	fn identifier(&self) -> String {
+		self.label.clone()
+	}
+	fn compute_layout(&self, data: &mut LayoutData) -> Vec<LayoutGroup> {
+		self.graphic_group.compute_layout(data)
+	}
+}
+
+impl<T: InstanceLayout> InstanceLayout for Instances<T> {
+	fn type_name() -> &'static str {
+		"Instances"
+	}
+	fn identifier(&self) -> String {
+		format!("Instances<{}> (length={})", T::type_name(), self.len())
+	}
+	fn compute_layout(&self, data: &mut LayoutData) -> Vec<LayoutGroup> {
+		if let Some(index) = data.desired_path.get(data.current_depth).copied() {
+			if let Some(instance) = self.get(index) {
+				data.current_depth += 1;
+				let result = instance.instance.layout_with_breadcrumb(data);
+				data.current_depth -= 1;
+				return result;
+			} else {
+				warn!("Desired path truncated");
+				data.desired_path.truncate(data.current_depth);
+			}
+		}
+
+		let mut rows = self
+			.instance_ref_iter()
+			.enumerate()
+			.map(|(index, instance)| {
+				let (scale, angle, translation) = instance.transform.to_scale_angle_translation();
+				let rotation = if angle == -0. { 0. } else { angle.to_degrees() };
+				let round = |x: f64| (x * 1e3).round() / 1e3;
+				vec![
+					TextLabel::new(format!("{}", index)).widget_holder(),
+					TextButton::new(instance.instance.identifier())
+						.on_update(move |_| SpreadsheetMessage::PushToInstancePath { index }.into())
+						.widget_holder(),
+					TextLabel::new(format!(
+						"Location: ({} px, {} px) — Rotation: {rotation:2}° — Scale: ({}x, {}x)",
+						round(translation.x),
+						round(translation.y),
+						round(scale.x),
+						round(scale.y)
+					))
+					.widget_holder(),
+					TextLabel::new(format!("{}", instance.alpha_blending)).widget_holder(),
+					TextLabel::new(instance.source_node_id.map_or_else(|| "-".to_string(), |id| format!("{}", id.0))).widget_holder(),
+				]
+			})
+			.collect::<Vec<_>>();
+
+		rows.insert(0, column_headings(&["", "instance", "transform", "alpha_blending", "source_node_id"]));
+
+		let instances = vec![TextLabel::new("Instances:").widget_holder()];
+		vec![LayoutGroup::Row { widgets: instances }, LayoutGroup::Table { rows }]
+	}
+}
diff --git a/editor/src/messages/portfolio/utility_types.rs b/editor/src/messages/portfolio/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fb0b2e4b4d7272064921da5026931a77e7bd62ba
--- /dev/null
+++ b/editor/src/messages/portfolio/utility_types.rs
@@ -0,0 +1,59 @@
+use graphene_std::text::FontCache;
+
+#[derive(Debug, Default)]
+pub struct PersistentData {
+	pub font_cache: FontCache,
+	pub use_vello: bool,
+}
+
+#[derive(PartialEq, Eq, Clone, Copy, Default, Debug, serde::Serialize, serde::Deserialize)]
+pub enum Platform {
+	#[default]
+	Unknown,
+	Windows,
+	Mac,
+	Linux,
+}
+
+impl Platform {
+	pub fn as_keyboard_platform_layout(&self) -> KeyboardPlatformLayout {
+		match self {
+			Platform::Mac => KeyboardPlatformLayout::Mac,
+			Platform::Windows | Platform::Linux => KeyboardPlatformLayout::Standard,
+			Platform::Unknown => {
+				warn!("The platform has not been set, remember to send `GlobalsMessage::SetPlatform` during editor initialization.");
+				KeyboardPlatformLayout::Standard
+			}
+		}
+	}
+}
+
+#[derive(PartialEq, Eq, Clone, Copy, Default, Debug, serde::Serialize, serde::Deserialize)]
+pub enum KeyboardPlatformLayout {
+	/// Standard keyboard mapping used by Windows and Linux
+	#[default]
+	Standard,
+	/// Keyboard mapping used by Macs where Command is sometimes used in favor of Control
+	Mac,
+}
+
+#[derive(PartialEq, Eq, Clone, Copy, Debug, Default, serde::Serialize, serde::Deserialize)]
+pub enum PanelType {
+	#[default]
+	Document,
+	Layers,
+	Properties,
+	Spreadsheet,
+}
+
+impl From<String> for PanelType {
+	fn from(value: String) -> Self {
+		match value.as_str() {
+			"Document" => PanelType::Document,
+			"Layers" => PanelType::Layers,
+			"Properties" => PanelType::Properties,
+			"Spreadsheet" => PanelType::Spreadsheet,
+			_ => panic!("Unknown panel type: {}", value),
+		}
+	}
+}
diff --git a/editor/src/messages/preferences/mod.rs b/editor/src/messages/preferences/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..916c384f8a6938d6a2f1ee4d2132c547673ee682
--- /dev/null
+++ b/editor/src/messages/preferences/mod.rs
@@ -0,0 +1,10 @@
+mod preferences_message;
+mod preferences_message_handler;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use preferences_message::{PreferencesMessage, PreferencesMessageDiscriminant};
+#[doc(inline)]
+pub use preferences_message_handler::PreferencesMessageHandler;
+#[doc(inline)]
+pub use utility_types::SelectionMode;
diff --git a/editor/src/messages/preferences/preferences_message.rs b/editor/src/messages/preferences/preferences_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b8988fa3e5c10c28165b2b95bad1bd158b4ebb00
--- /dev/null
+++ b/editor/src/messages/preferences/preferences_message.rs
@@ -0,0 +1,19 @@
+use crate::messages::portfolio::document::utility_types::wires::GraphWireStyle;
+use crate::messages::preferences::SelectionMode;
+use crate::messages::prelude::*;
+
+#[impl_message(Message, Preferences)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum PreferencesMessage {
+	// Management messages
+	Load { preferences: String },
+	ResetToDefaults,
+
+	// Per-preference messages
+	UseVello { use_vello: bool },
+	SelectionMode { selection_mode: SelectionMode },
+	VectorMeshes { enabled: bool },
+	ModifyLayout { zoom_with_scroll: bool },
+	GraphWireStyle { style: GraphWireStyle },
+	ViewportZoomWheelRate { rate: f64 },
+}
diff --git a/editor/src/messages/preferences/preferences_message_handler.rs b/editor/src/messages/preferences/preferences_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b52e4e49a8e11674dbbb46e0afdb1adc82200d2e
--- /dev/null
+++ b/editor/src/messages/preferences/preferences_message_handler.rs
@@ -0,0 +1,108 @@
+use crate::consts::VIEWPORT_ZOOM_WHEEL_RATE;
+use crate::messages::input_mapper::key_mapping::MappingVariant;
+use crate::messages::portfolio::document::utility_types::wires::GraphWireStyle;
+use crate::messages::preferences::SelectionMode;
+use crate::messages::prelude::*;
+use graph_craft::wasm_application_io::EditorPreferences;
+
+#[derive(Debug, PartialEq, Clone, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct PreferencesMessageHandler {
+	pub selection_mode: SelectionMode,
+	pub zoom_with_scroll: bool,
+	pub use_vello: bool,
+	pub vector_meshes: bool,
+	pub graph_wire_style: GraphWireStyle,
+	pub viewport_zoom_wheel_rate: f64,
+}
+
+impl PreferencesMessageHandler {
+	pub fn get_selection_mode(&self) -> SelectionMode {
+		self.selection_mode
+	}
+
+	pub fn editor_preferences(&self) -> EditorPreferences {
+		EditorPreferences {
+			use_vello: self.use_vello && self.supports_wgpu(),
+		}
+	}
+
+	pub fn supports_wgpu(&self) -> bool {
+		graph_craft::wasm_application_io::wgpu_available().unwrap_or_default()
+	}
+}
+
+impl Default for PreferencesMessageHandler {
+	fn default() -> Self {
+		Self {
+			selection_mode: SelectionMode::Touched,
+			zoom_with_scroll: matches!(MappingVariant::default(), MappingVariant::ZoomWithScroll),
+			use_vello: EditorPreferences::default().use_vello,
+			vector_meshes: false,
+			graph_wire_style: GraphWireStyle::default(),
+			viewport_zoom_wheel_rate: VIEWPORT_ZOOM_WHEEL_RATE,
+		}
+	}
+}
+
+impl MessageHandler<PreferencesMessage, ()> for PreferencesMessageHandler {
+	fn process_message(&mut self, message: PreferencesMessage, responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			// Management messages
+			PreferencesMessage::Load { preferences } => {
+				if let Ok(deserialized_preferences) = serde_json::from_str::<PreferencesMessageHandler>(&preferences) {
+					*self = deserialized_preferences;
+
+					responses.add(PortfolioMessage::EditorPreferences);
+					responses.add(PortfolioMessage::UpdateVelloPreference);
+					responses.add(PreferencesMessage::ModifyLayout {
+						zoom_with_scroll: self.zoom_with_scroll,
+					});
+				}
+			}
+			PreferencesMessage::ResetToDefaults => {
+				refresh_dialog(responses);
+				responses.add(KeyMappingMessage::ModifyMapping(MappingVariant::Default));
+
+				*self = Self::default()
+			}
+
+			// Per-preference messages
+			PreferencesMessage::UseVello { use_vello } => {
+				self.use_vello = use_vello;
+				responses.add(PortfolioMessage::UpdateVelloPreference);
+				responses.add(PortfolioMessage::EditorPreferences);
+			}
+			PreferencesMessage::VectorMeshes { enabled } => {
+				self.vector_meshes = enabled;
+			}
+			PreferencesMessage::ModifyLayout { zoom_with_scroll } => {
+				self.zoom_with_scroll = zoom_with_scroll;
+
+				let variant = if zoom_with_scroll { MappingVariant::ZoomWithScroll } else { MappingVariant::Default };
+				responses.add(KeyMappingMessage::ModifyMapping(variant));
+			}
+			PreferencesMessage::SelectionMode { selection_mode } => {
+				self.selection_mode = selection_mode;
+			}
+			PreferencesMessage::GraphWireStyle { style } => {
+				self.graph_wire_style = style;
+				responses.add(NodeGraphMessage::UnloadWires);
+				responses.add(NodeGraphMessage::SendWires);
+			}
+			PreferencesMessage::ViewportZoomWheelRate { rate } => {
+				self.viewport_zoom_wheel_rate = rate;
+			}
+		}
+
+		responses.add(FrontendMessage::TriggerSavePreferences { preferences: self.clone() });
+	}
+
+	advertise_actions!(PreferencesMessageDiscriminant;
+	);
+}
+
+fn refresh_dialog(responses: &mut VecDeque<Message>) {
+	responses.add(DialogMessage::CloseDialogAndThen {
+		followups: vec![DialogMessage::RequestPreferencesDialog.into()],
+	});
+}
diff --git a/editor/src/messages/preferences/utility_types.rs b/editor/src/messages/preferences/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a2ee5dece1478140b90d0655d81cc7d5f836dd0a
--- /dev/null
+++ b/editor/src/messages/preferences/utility_types.rs
@@ -0,0 +1,27 @@
+#[derive(Debug, Default, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type, Hash)]
+pub enum SelectionMode {
+	#[default]
+	Touched = 0,
+	Enclosed = 1,
+	Directional = 2,
+}
+
+impl std::fmt::Display for SelectionMode {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			SelectionMode::Touched => write!(f, "Touched"),
+			SelectionMode::Enclosed => write!(f, "Enclosed"),
+			SelectionMode::Directional => write!(f, "Directional"),
+		}
+	}
+}
+
+impl SelectionMode {
+	pub fn tooltip_description(&self) -> &'static str {
+		match self {
+			SelectionMode::Touched => "Select all layers at least partially covered by the dragged selection area",
+			SelectionMode::Enclosed => "Select only layers fully enclosed by the dragged selection area",
+			SelectionMode::Directional => r#""Touched" for leftward drags, "Enclosed" for rightward drags"#,
+		}
+	}
+}
diff --git a/editor/src/messages/prelude.rs b/editor/src/messages/prelude.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d33b7c235ca3131b173150bb9bc6e0d7f8b9eef6
--- /dev/null
+++ b/editor/src/messages/prelude.rs
@@ -0,0 +1,75 @@
+// Root
+pub use crate::utility_traits::{ActionList, AsMessage, MessageHandler, ToDiscriminant, TransitiveChild};
+
+// Message, MessageData, MessageDiscriminant, MessageHandler
+pub use crate::messages::animation::{AnimationMessage, AnimationMessageDiscriminant, AnimationMessageHandler};
+pub use crate::messages::broadcast::{BroadcastMessage, BroadcastMessageDiscriminant, BroadcastMessageHandler};
+pub use crate::messages::debug::{DebugMessage, DebugMessageDiscriminant, DebugMessageHandler};
+pub use crate::messages::dialog::export_dialog::{ExportDialogMessage, ExportDialogMessageData, ExportDialogMessageDiscriminant, ExportDialogMessageHandler};
+pub use crate::messages::dialog::new_document_dialog::{NewDocumentDialogMessage, NewDocumentDialogMessageDiscriminant, NewDocumentDialogMessageHandler};
+pub use crate::messages::dialog::preferences_dialog::{PreferencesDialogMessage, PreferencesDialogMessageData, PreferencesDialogMessageDiscriminant, PreferencesDialogMessageHandler};
+pub use crate::messages::dialog::{DialogMessage, DialogMessageData, DialogMessageDiscriminant, DialogMessageHandler};
+pub use crate::messages::frontend::{FrontendMessage, FrontendMessageDiscriminant};
+pub use crate::messages::globals::{GlobalsMessage, GlobalsMessageDiscriminant, GlobalsMessageHandler};
+pub use crate::messages::input_mapper::key_mapping::{KeyMappingMessage, KeyMappingMessageData, KeyMappingMessageDiscriminant, KeyMappingMessageHandler};
+pub use crate::messages::input_mapper::{InputMapperMessage, InputMapperMessageData, InputMapperMessageDiscriminant, InputMapperMessageHandler};
+pub use crate::messages::input_preprocessor::{InputPreprocessorMessage, InputPreprocessorMessageData, InputPreprocessorMessageDiscriminant, InputPreprocessorMessageHandler};
+pub use crate::messages::layout::{LayoutMessage, LayoutMessageDiscriminant, LayoutMessageHandler};
+pub use crate::messages::portfolio::document::graph_operation::{GraphOperationMessage, GraphOperationMessageData, GraphOperationMessageDiscriminant, GraphOperationMessageHandler};
+pub use crate::messages::portfolio::document::navigation::{NavigationMessage, NavigationMessageData, NavigationMessageDiscriminant, NavigationMessageHandler};
+pub use crate::messages::portfolio::document::node_graph::{NodeGraphMessage, NodeGraphMessageDiscriminant, NodeGraphMessageHandler};
+pub use crate::messages::portfolio::document::overlays::{OverlaysMessage, OverlaysMessageData, OverlaysMessageDiscriminant, OverlaysMessageHandler};
+pub use crate::messages::portfolio::document::properties_panel::{PropertiesPanelMessage, PropertiesPanelMessageDiscriminant, PropertiesPanelMessageHandler};
+pub use crate::messages::portfolio::document::{DocumentMessage, DocumentMessageData, DocumentMessageDiscriminant, DocumentMessageHandler};
+pub use crate::messages::portfolio::menu_bar::{MenuBarMessage, MenuBarMessageDiscriminant, MenuBarMessageHandler};
+pub use crate::messages::portfolio::spreadsheet::{SpreadsheetMessage, SpreadsheetMessageDiscriminant};
+pub use crate::messages::portfolio::{PortfolioMessage, PortfolioMessageData, PortfolioMessageDiscriminant, PortfolioMessageHandler};
+pub use crate::messages::preferences::{PreferencesMessage, PreferencesMessageDiscriminant, PreferencesMessageHandler};
+pub use crate::messages::tool::transform_layer::{TransformLayerMessage, TransformLayerMessageDiscriminant, TransformLayerMessageHandler};
+pub use crate::messages::tool::{ToolMessage, ToolMessageData, ToolMessageDiscriminant, ToolMessageHandler};
+pub use crate::messages::workspace::{WorkspaceMessage, WorkspaceMessageDiscriminant, WorkspaceMessageHandler};
+
+// Message, MessageDiscriminant
+pub use crate::messages::broadcast::broadcast_event::{BroadcastEvent, BroadcastEventDiscriminant};
+pub use crate::messages::message::{Message, MessageDiscriminant};
+pub use crate::messages::tool::tool_messages::artboard_tool::{ArtboardToolMessage, ArtboardToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::brush_tool::{BrushToolMessage, BrushToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::eyedropper_tool::{EyedropperToolMessage, EyedropperToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::fill_tool::{FillToolMessage, FillToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::freehand_tool::{FreehandToolMessage, FreehandToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::gradient_tool::{GradientToolMessage, GradientToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::navigate_tool::{NavigateToolMessage, NavigateToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::path_tool::{PathToolMessage, PathToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::pen_tool::{PenToolMessage, PenToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::select_tool::{SelectToolMessage, SelectToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::shape_tool::{ShapeToolMessage, ShapeToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::spline_tool::{SplineToolMessage, SplineToolMessageDiscriminant};
+pub use crate::messages::tool::tool_messages::text_tool::{TextToolMessage, TextToolMessageDiscriminant};
+
+// Helper
+pub use crate::messages::globals::global_variables::*;
+pub use crate::messages::portfolio::document::utility_types::misc::DocumentId;
+pub use graphite_proc_macros::*;
+pub use std::collections::{HashMap, HashSet, VecDeque};
+
+pub trait Responses {
+	fn add(&mut self, message: impl Into<Message>);
+
+	fn add_front(&mut self, message: impl Into<Message>);
+
+	fn try_add(&mut self, message: Option<impl Into<Message>>) {
+		if let Some(message) = message {
+			self.add(message);
+		}
+	}
+}
+
+impl Responses for VecDeque<Message> {
+	fn add(&mut self, message: impl Into<Message>) {
+		self.push_back(message.into());
+	}
+
+	fn add_front(&mut self, message: impl Into<Message>) {
+		self.push_front(message.into());
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/auto_panning.rs b/editor/src/messages/tool/common_functionality/auto_panning.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a13f6706e067de50a9ee31f60d2083d33d03b4ce
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/auto_panning.rs
@@ -0,0 +1,88 @@
+use crate::consts::{DRAG_BEYOND_VIEWPORT_MAX_OVEREXTENSION_PIXELS, DRAG_BEYOND_VIEWPORT_SPEED_FACTOR};
+use crate::messages::prelude::*;
+use crate::messages::tool::tool_messages::tool_prelude::*;
+
+#[derive(Clone, Debug, Default)]
+pub struct AutoPanning {
+	subscribed_to_animation_frame: bool,
+}
+
+impl AutoPanning {
+	pub fn start(&mut self, messages: &[Message], responses: &mut VecDeque<Message>) {
+		if !self.subscribed_to_animation_frame {
+			self.subscribed_to_animation_frame = true;
+
+			for message in messages {
+				responses.add(BroadcastMessage::SubscribeEvent {
+					on: BroadcastEvent::AnimationFrame,
+					send: Box::new(message.clone()),
+				});
+			}
+		}
+	}
+
+	pub fn stop(&mut self, messages: &[Message], responses: &mut VecDeque<Message>) {
+		if self.subscribed_to_animation_frame {
+			self.subscribed_to_animation_frame = false;
+
+			for message in messages {
+				responses.add(BroadcastMessage::UnsubscribeEvent {
+					on: BroadcastEvent::AnimationFrame,
+					message: Box::new(message.clone()),
+				});
+			}
+		}
+	}
+
+	pub fn setup_by_mouse_position(&mut self, input: &InputPreprocessorMessageHandler, messages: &[Message], responses: &mut VecDeque<Message>) {
+		let mouse_position = input.mouse.position;
+		let viewport_size = input.viewport_bounds.size();
+		let is_pointer_outside_edge = mouse_position.x < 0. || mouse_position.x > viewport_size.x || mouse_position.y < 0. || mouse_position.y > viewport_size.y;
+
+		match is_pointer_outside_edge {
+			true => self.start(messages, responses),
+			false => self.stop(messages, responses),
+		}
+	}
+
+	/// Shifts the viewport when the mouse reaches the edge of the viewport.
+	///
+	/// If the mouse was beyond any edge, it returns the amount shifted. Otherwise it returns None.
+	/// The shift is proportional to the distance between edge and mouse, and to the duration of the frame.
+	/// It is also guaranteed to be integral.
+	pub fn shift_viewport(&self, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) -> Option<DVec2> {
+		if !self.subscribed_to_animation_frame {
+			return None;
+		}
+
+		let viewport_size = input.viewport_bounds.size();
+		let mouse_position = input.mouse.position.clamp(
+			DVec2::ZERO - DVec2::splat(DRAG_BEYOND_VIEWPORT_MAX_OVEREXTENSION_PIXELS),
+			viewport_size + DVec2::splat(DRAG_BEYOND_VIEWPORT_MAX_OVEREXTENSION_PIXELS),
+		);
+		let mouse_position_percent = mouse_position / viewport_size;
+
+		let mut shift_percent = DVec2::ZERO;
+
+		if mouse_position_percent.x < 0. {
+			shift_percent.x = -mouse_position_percent.x;
+		} else if mouse_position_percent.x > 1. {
+			shift_percent.x = 1. - mouse_position_percent.x;
+		}
+
+		if mouse_position_percent.y < 0. {
+			shift_percent.y = -mouse_position_percent.y;
+		} else if mouse_position_percent.y > 1. {
+			shift_percent.y = 1. - mouse_position_percent.y;
+		}
+
+		if shift_percent.x == 0. && shift_percent.y == 0. {
+			return None;
+		}
+
+		let time_delta = input.frame_time.frame_duration()?.as_secs_f64();
+		let delta = (shift_percent * DRAG_BEYOND_VIEWPORT_SPEED_FACTOR * viewport_size * time_delta).round();
+		responses.add(NavigationMessage::CanvasPan { delta });
+		Some(delta)
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/color_selector.rs b/editor/src/messages/tool/common_functionality/color_selector.rs
new file mode 100644
index 0000000000000000000000000000000000000000..885aff8bcf8c30153acce72c3f7d4e93e8318c95
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/color_selector.rs
@@ -0,0 +1,123 @@
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::prelude::*;
+use graphene_std::Color;
+use graphene_std::vector::style::FillChoice;
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ToolColorType {
+	Primary,
+	Secondary,
+	Custom,
+}
+
+/// Color selector widgets seen in [`LayoutTarget::ToolOptions`] bar.
+pub struct ToolColorOptions {
+	pub custom_color: Option<Color>,
+	pub primary_working_color: Option<Color>,
+	pub secondary_working_color: Option<Color>,
+	pub color_type: ToolColorType,
+}
+
+impl Default for ToolColorOptions {
+	fn default() -> Self {
+		Self {
+			color_type: ToolColorType::Primary,
+			custom_color: Some(Color::BLACK),
+			primary_working_color: Some(Color::BLACK),
+			secondary_working_color: Some(Color::WHITE),
+		}
+	}
+}
+
+impl ToolColorOptions {
+	pub fn new_primary() -> Self {
+		Self::default()
+	}
+
+	pub fn new_secondary() -> Self {
+		Self {
+			color_type: ToolColorType::Secondary,
+			..Default::default()
+		}
+	}
+
+	pub fn new_none() -> Self {
+		Self {
+			color_type: ToolColorType::Custom,
+			custom_color: None,
+			..Default::default()
+		}
+	}
+
+	pub fn active_color(&self) -> Option<Color> {
+		match self.color_type {
+			ToolColorType::Custom => self.custom_color,
+			ToolColorType::Primary => self.primary_working_color,
+			ToolColorType::Secondary => self.secondary_working_color,
+		}
+	}
+
+	pub fn apply_fill(&self, layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>) {
+		if let Some(color) = self.active_color() {
+			let fill = graphene_std::vector::style::Fill::solid(color.to_gamma_srgb());
+			responses.add(GraphOperationMessage::FillSet { layer, fill });
+		}
+	}
+
+	pub fn apply_stroke(&self, weight: f64, layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>) {
+		if let Some(color) = self.active_color() {
+			let stroke = graphene_std::vector::style::Stroke::new(Some(color.to_gamma_srgb()), weight);
+			responses.add(GraphOperationMessage::StrokeSet { layer, stroke });
+		}
+	}
+
+	pub fn create_widgets(
+		&self,
+		label_text: impl Into<String>,
+		color_allow_none: bool,
+		reset_callback: impl Fn(&IconButton) -> Message + 'static + Send + Sync,
+		radio_callback: fn(ToolColorType) -> WidgetCallback<()>,
+		color_callback: impl Fn(&ColorInput) -> Message + 'static + Send + Sync,
+	) -> Vec<WidgetHolder> {
+		let mut widgets = vec![TextLabel::new(label_text).widget_holder()];
+
+		if !color_allow_none {
+			widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		} else {
+			let reset = IconButton::new("CloseX", 12)
+				.disabled(self.custom_color.is_none() && self.color_type == ToolColorType::Custom)
+				.tooltip("Clear Color")
+				.on_update(reset_callback);
+
+			widgets.push(Separator::new(SeparatorType::Related).widget_holder());
+			widgets.push(reset.widget_holder());
+			widgets.push(Separator::new(SeparatorType::Related).widget_holder());
+		};
+
+		let entries = vec![
+			("WorkingColorsPrimary", "Primary Working Color", ToolColorType::Primary),
+			("WorkingColorsSecondary", "Secondary Working Color", ToolColorType::Secondary),
+			("CustomColor", "Custom Color", ToolColorType::Custom),
+		]
+		.into_iter()
+		.map(|(icon, tooltip, color_type)| {
+			let mut entry = RadioEntryData::new(format!("{color_type:?}")).tooltip(tooltip).icon(icon);
+			entry.on_update = radio_callback(color_type);
+			entry
+		})
+		.collect();
+		let radio = RadioInput::new(entries).selected_index(Some(self.color_type.clone() as u32)).widget_holder();
+		widgets.push(radio);
+		widgets.push(Separator::new(SeparatorType::Related).widget_holder());
+
+		let fill_choice = match self.active_color() {
+			Some(color) => FillChoice::Solid(color.to_gamma_srgb()),
+			None => FillChoice::None,
+		};
+		let color_button = ColorInput::new(fill_choice).allow_none(color_allow_none).on_update(color_callback);
+		widgets.push(color_button.widget_holder());
+
+		widgets
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/compass_rose.rs b/editor/src/messages/tool/common_functionality/compass_rose.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8a7a2f6b2a0302e2f4f0008ceed3479ad6aaf663
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/compass_rose.rs
@@ -0,0 +1,113 @@
+use crate::consts::{COMPASS_ROSE_ARROW_CLICK_TARGET_ANGLE, COMPASS_ROSE_HOVER_RING_DIAMETER, COMPASS_ROSE_RING_INNER_DIAMETER};
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::prelude::DocumentMessageHandler;
+use glam::{DAffine2, DVec2};
+use std::f64::consts::FRAC_PI_2;
+
+#[derive(Clone, Default, Debug)]
+pub struct CompassRose {
+	compass_center: DVec2,
+}
+
+impl CompassRose {
+	fn get_layer_pivot_transform(layer: LayerNodeIdentifier, document: &DocumentMessageHandler) -> DAffine2 {
+		let [min, max] = document.metadata().nonzero_bounding_box(layer);
+
+		let bounds_transform = DAffine2::from_translation(min) * DAffine2::from_scale(max - min);
+		let layer_transform = document.metadata().transform_to_viewport(layer);
+		layer_transform * bounds_transform
+	}
+	pub fn refresh_position(&mut self, document: &DocumentMessageHandler) {
+		let selected_nodes = document.network_interface.selected_nodes();
+		let mut layers = selected_nodes.selected_visible_and_unlocked_layers(&document.network_interface);
+
+		let Some(first) = layers.next() else { return };
+		let count = layers.count() + 1;
+		let transform = if count == 1 {
+			Self::get_layer_pivot_transform(first, document)
+		} else {
+			let [min, max] = document.selected_visible_and_unlock_layers_bounding_box_viewport().unwrap_or([DVec2::ZERO, DVec2::ONE]);
+			DAffine2::from_translation(min) * DAffine2::from_scale(max - min)
+		};
+
+		self.compass_center = transform.transform_point2(DVec2::splat(0.5));
+	}
+
+	pub fn compass_rose_position(&self) -> DVec2 {
+		self.compass_center
+	}
+
+	pub fn compass_rose_state(&self, mouse: DVec2, angle: f64) -> CompassRoseState {
+		const COMPASS_ROSE_RING_INNER_RADIUS_SQUARED: f64 = (COMPASS_ROSE_RING_INNER_DIAMETER / 2.) * (COMPASS_ROSE_RING_INNER_DIAMETER / 2.);
+		const COMPASS_ROSE_HOVER_RING_RADIUS_SQUARED: f64 = (COMPASS_ROSE_HOVER_RING_DIAMETER / 2.) * (COMPASS_ROSE_HOVER_RING_DIAMETER / 2.);
+
+		let compass_distance_squared = mouse.distance_squared(self.compass_center);
+
+		if !(COMPASS_ROSE_RING_INNER_RADIUS_SQUARED..COMPASS_ROSE_HOVER_RING_RADIUS_SQUARED).contains(&compass_distance_squared) {
+			return CompassRoseState::None;
+		}
+
+		let angle = (mouse - self.compass_center).angle_to(DVec2::from_angle(angle)).abs();
+		let resolved_angle = (FRAC_PI_2 - angle).abs();
+		let angular_width = COMPASS_ROSE_ARROW_CLICK_TARGET_ANGLE.to_radians();
+
+		if resolved_angle < angular_width {
+			CompassRoseState::AxisY
+		} else if resolved_angle > (FRAC_PI_2 - angular_width) {
+			CompassRoseState::AxisX
+		} else {
+			CompassRoseState::Ring
+		}
+	}
+}
+
+#[derive(Clone, Debug, PartialEq)]
+pub enum CompassRoseState {
+	Ring,
+	AxisX,
+	AxisY,
+	None,
+}
+
+impl CompassRoseState {
+	pub fn can_grab(&self) -> bool {
+		matches!(self, Self::Ring | Self::AxisX | Self::AxisY)
+	}
+
+	pub fn is_ring(&self) -> bool {
+		matches!(self, Self::Ring)
+	}
+
+	pub fn axis_type(&self) -> Option<Axis> {
+		match self {
+			CompassRoseState::AxisX => Some(Axis::X),
+			CompassRoseState::AxisY => Some(Axis::Y),
+			CompassRoseState::Ring => Some(Axis::None),
+			_ => None,
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash, Default)]
+pub enum Axis {
+	#[default]
+	None,
+	X,
+	Y,
+}
+
+impl Axis {
+	pub fn is_constraint(&self) -> bool {
+		matches!(self, Self::X | Self::Y)
+	}
+}
+
+impl From<Axis> for DVec2 {
+	fn from(value: Axis) -> Self {
+		match value {
+			Axis::X => DVec2::X,
+			Axis::Y => DVec2::Y,
+			Axis::None => DVec2::ZERO,
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/gizmos/gizmo_manager.rs b/editor/src/messages/tool/common_functionality/gizmos/gizmo_manager.rs
new file mode 100644
index 0000000000000000000000000000000000000000..703c85e14d6c651387def82f62dc7045186aab0e
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/gizmos/gizmo_manager.rs
@@ -0,0 +1,246 @@
+use crate::messages::message::Message;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::prelude::{DocumentMessageHandler, InputPreprocessorMessageHandler};
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::common_functionality::shape_editor::ShapeState;
+use crate::messages::tool::common_functionality::shapes::polygon_shape::PolygonGizmoHandler;
+use crate::messages::tool::common_functionality::shapes::shape_utility::ShapeGizmoHandler;
+use crate::messages::tool::common_functionality::shapes::star_shape::StarGizmoHandler;
+use glam::DVec2;
+use std::collections::VecDeque;
+
+/// A unified enum wrapper around all available shape-specific gizmo handlers.
+///
+/// This abstraction allows `GizmoManager` to interact with different shape gizmos (like Star or Polygon)
+/// using a common interface without needing to know the specific shape type at compile time.
+///
+/// Each variant stores a concrete handler (e.g., `StarGizmoHandler`, `PolygonGizmoHandler`) that implements
+/// the shape-specific logic for rendering overlays, responding to input, and modifying shape parameters.
+#[derive(Clone, Debug, Default)]
+pub enum ShapeGizmoHandlers {
+	#[default]
+	None,
+	Star(StarGizmoHandler),
+	Polygon(PolygonGizmoHandler),
+}
+
+impl ShapeGizmoHandlers {
+	/// Returns the kind of shape the handler is managing, such as `"star"` or `"polygon"`.
+	/// Used for grouping logic and distinguishing between handler types at runtime.
+	pub fn kind(&self) -> &'static str {
+		match self {
+			Self::Star(_) => "star",
+			Self::Polygon(_) => "polygon",
+			Self::None => "none",
+		}
+	}
+
+	/// Dispatches interaction state updates to the corresponding shape-specific handler.
+	pub fn handle_state(&mut self, layer: LayerNodeIdentifier, mouse_position: DVec2, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		match self {
+			Self::Star(h) => h.handle_state(layer, mouse_position, document, responses),
+			Self::Polygon(h) => h.handle_state(layer, mouse_position, document, responses),
+			Self::None => {}
+		}
+	}
+
+	/// Checks if any interactive part of the gizmo is currently hovered.
+	pub fn is_any_gizmo_hovered(&self) -> bool {
+		match self {
+			Self::Star(h) => h.is_any_gizmo_hovered(),
+			Self::Polygon(h) => h.is_any_gizmo_hovered(),
+			Self::None => false,
+		}
+	}
+
+	/// Passes the click interaction to the appropriate gizmo handler if one is hovered.
+	pub fn handle_click(&mut self) {
+		match self {
+			Self::Star(h) => h.handle_click(),
+			Self::Polygon(h) => h.handle_click(),
+			Self::None => {}
+		}
+	}
+
+	/// Updates the gizmo state while the user is dragging a handle (e.g., adjusting radius).
+	pub fn handle_update(&mut self, drag_start: DVec2, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) {
+		match self {
+			Self::Star(h) => h.handle_update(drag_start, document, input, responses),
+			Self::Polygon(h) => h.handle_update(drag_start, document, input, responses),
+			Self::None => {}
+		}
+	}
+
+	/// Cleans up any state used by the gizmo handler.
+	pub fn cleanup(&mut self) {
+		match self {
+			Self::Star(h) => h.cleanup(),
+			Self::Polygon(h) => h.cleanup(),
+			Self::None => {}
+		}
+	}
+
+	/// Draws overlays like control points or outlines for the shape handled by this gizmo.
+	pub fn overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		layer: Option<LayerNodeIdentifier>,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		match self {
+			Self::Star(h) => h.overlays(document, layer, input, shape_editor, mouse_position, overlay_context),
+			Self::Polygon(h) => h.overlays(document, layer, input, shape_editor, mouse_position, overlay_context),
+			Self::None => {}
+		}
+	}
+
+	/// Draws live-updating overlays during drag interactions for the shape handled by this gizmo.
+	pub fn dragging_overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		match self {
+			Self::Star(h) => h.dragging_overlays(document, input, shape_editor, mouse_position, overlay_context),
+			Self::Polygon(h) => h.dragging_overlays(document, input, shape_editor, mouse_position, overlay_context),
+			Self::None => {}
+		}
+	}
+}
+
+/// Central manager that coordinates shape gizmo handlers for interactive editing on the canvas.
+///
+/// The `GizmoManager` is responsible for detecting which shapes are selected, activating the appropriate
+/// shape-specific gizmo, and routing user interactions (hover, click, drag) to the correct handler.
+/// It allows editing multiple shapes of the same type or focusing on a single active shape when a gizmo is hovered.
+///
+/// ## Responsibilities:
+/// - Detect which selected layers support shape gizmos (e.g., stars, polygons)
+/// - Activate the correct handler and manage state between frames
+/// - Route click, hover, and drag events to the proper shape gizmo
+/// - Render overlays and dragging visuals
+#[derive(Clone, Debug, Default)]
+pub struct GizmoManager {
+	active_shape_handler: Option<ShapeGizmoHandlers>,
+	layers_handlers: Vec<(ShapeGizmoHandlers, Vec<LayerNodeIdentifier>)>,
+}
+
+impl GizmoManager {
+	/// Detects and returns a shape gizmo handler based on the layer type (e.g., star, polygon).
+	///
+	/// Returns `None` if the given layer does not represent a shape with a registered gizmo.
+	pub fn detect_shape_handler(layer: LayerNodeIdentifier, document: &DocumentMessageHandler) -> Option<ShapeGizmoHandlers> {
+		// Star
+		if graph_modification_utils::get_star_id(layer, &document.network_interface).is_some() {
+			return Some(ShapeGizmoHandlers::Star(StarGizmoHandler::default()));
+		}
+
+		// Polygon
+		if graph_modification_utils::get_polygon_id(layer, &document.network_interface).is_some() {
+			return Some(ShapeGizmoHandlers::Polygon(PolygonGizmoHandler::default()));
+		}
+
+		None
+	}
+
+	/// Returns `true` if a gizmo is currently active (hovered or being interacted with).
+	pub fn hovering_over_gizmo(&self) -> bool {
+		self.active_shape_handler.is_some()
+	}
+
+	/// Called every frame to check selected layers and update the active shape gizmo, if hovered.
+	///
+	/// Also groups all shape layers with the same kind of gizmo to support overlays for multi-shape editing.
+	pub fn handle_actions(&mut self, mouse_position: DVec2, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		let mut handlers_layer: Vec<(ShapeGizmoHandlers, Vec<LayerNodeIdentifier>)> = Vec::new();
+
+		for layer in document.network_interface.selected_nodes().selected_visible_and_unlocked_layers(&document.network_interface) {
+			if let Some(mut handler) = Self::detect_shape_handler(layer, document) {
+				handler.handle_state(layer, mouse_position, document, responses);
+				let is_hovered = handler.is_any_gizmo_hovered();
+
+				if is_hovered {
+					self.layers_handlers.clear();
+					self.active_shape_handler = Some(handler);
+					return;
+				}
+
+				// Try to group this handler with others of the same type
+				if let Some((_, layers)) = handlers_layer.iter_mut().find(|(existing_handler, _)| existing_handler.kind() == handler.kind()) {
+					layers.push(layer);
+				} else {
+					handlers_layer.push((handler, vec![layer]));
+				}
+			}
+		}
+
+		self.layers_handlers = handlers_layer;
+		self.active_shape_handler = None;
+	}
+
+	/// Handles click interactions if a gizmo is active. Returns `true` if a gizmo handled the click.
+	pub fn handle_click(&mut self) -> bool {
+		if let Some(handle) = &mut self.active_shape_handler {
+			handle.handle_click();
+			return true;
+		}
+		false
+	}
+
+	pub fn handle_cleanup(&mut self) {
+		if let Some(handle) = &mut self.active_shape_handler {
+			handle.cleanup();
+		}
+	}
+
+	/// Passes drag update data to the active gizmo to update shape parameters live.
+	pub fn handle_update(&mut self, drag_start: DVec2, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) {
+		if let Some(handle) = &mut self.active_shape_handler {
+			handle.handle_update(drag_start, document, input, responses);
+		}
+	}
+
+	/// Draws overlays for the currently active shape gizmo during a drag interaction.
+	pub fn dragging_overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		if let Some(handle) = &self.active_shape_handler {
+			handle.dragging_overlays(document, input, shape_editor, mouse_position, overlay_context);
+		}
+	}
+
+	/// Draws overlays for either the active gizmo (if hovered) or all grouped selected gizmos.
+	///
+	/// If no single gizmo is active, it renders overlays for all grouped layers with associated handlers.
+	pub fn overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		if let Some(handler) = &self.active_shape_handler {
+			handler.overlays(document, None, input, shape_editor, mouse_position, overlay_context);
+			return;
+		}
+
+		for (handler, selected_layers) in &self.layers_handlers {
+			for layer in selected_layers {
+				handler.overlays(document, Some(*layer), input, shape_editor, mouse_position, overlay_context);
+			}
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/gizmos/mod.rs b/editor/src/messages/tool/common_functionality/gizmos/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..108c45d6a3b1db97fdf99712975f7511443e73a6
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/gizmos/mod.rs
@@ -0,0 +1,2 @@
+pub mod gizmo_manager;
+pub mod shape_gizmos;
diff --git a/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/mod.rs b/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..2b88dddd5ee4495a2ede55ff85f4e63503134d76
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/mod.rs
@@ -0,0 +1,2 @@
+pub mod number_of_points_dial;
+pub mod point_radius_handle;
diff --git a/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/number_of_points_dial.rs b/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/number_of_points_dial.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3995a1f4016cc2d961760a7d32fafee4bf93e03e
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/number_of_points_dial.rs
@@ -0,0 +1,209 @@
+use crate::consts::{GIZMO_HIDE_THRESHOLD, NUMBER_OF_POINTS_DIAL_SPOKE_EXTENSION, NUMBER_OF_POINTS_DIAL_SPOKE_LENGTH, POINT_RADIUS_HANDLE_SEGMENT_THRESHOLD};
+use crate::messages::frontend::utility_types::MouseCursorIcon;
+use crate::messages::message::Message;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::InputConnector;
+use crate::messages::prelude::Responses;
+use crate::messages::prelude::{DocumentMessageHandler, FrontendMessage, InputPreprocessorMessageHandler, NodeGraphMessage};
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::common_functionality::shape_editor::ShapeState;
+use crate::messages::tool::common_functionality::shapes::shape_utility::{extract_polygon_parameters, inside_polygon, inside_star, polygon_outline, polygon_vertex_position, star_outline};
+use crate::messages::tool::common_functionality::shapes::shape_utility::{extract_star_parameters, star_vertex_position};
+use glam::{DAffine2, DVec2};
+use graph_craft::document::NodeInput;
+use graph_craft::document::value::TaggedValue;
+use std::collections::VecDeque;
+use std::f64::consts::TAU;
+
+#[derive(Clone, Debug, Default, PartialEq)]
+pub enum NumberOfPointsDialState {
+	#[default]
+	Inactive,
+	Hover,
+	Dragging,
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct NumberOfPointsDial {
+	pub layer: Option<LayerNodeIdentifier>,
+	pub initial_points: u32,
+	pub handle_state: NumberOfPointsDialState,
+}
+
+impl NumberOfPointsDial {
+	pub fn cleanup(&mut self) {
+		self.handle_state = NumberOfPointsDialState::Inactive;
+		self.layer = None;
+	}
+
+	pub fn update_state(&mut self, state: NumberOfPointsDialState) {
+		self.handle_state = state;
+	}
+
+	pub fn is_hovering(&self) -> bool {
+		self.handle_state == NumberOfPointsDialState::Hover
+	}
+
+	pub fn is_dragging(&self) -> bool {
+		self.handle_state == NumberOfPointsDialState::Dragging
+	}
+
+	pub fn handle_actions(&mut self, layer: LayerNodeIdentifier, mouse_position: DVec2, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		match &self.handle_state {
+			NumberOfPointsDialState::Inactive => {
+				// Star
+				if let Some((sides, radius1, radius2)) = extract_star_parameters(Some(layer), document) {
+					let viewport = document.metadata().transform_to_viewport(layer);
+					let center = viewport.transform_point2(DVec2::ZERO);
+
+					let point_on_max_radius = star_vertex_position(viewport, 0, sides, radius1, radius2);
+
+					if mouse_position.distance(center) < NUMBER_OF_POINTS_DIAL_SPOKE_LENGTH && point_on_max_radius.distance(center) > GIZMO_HIDE_THRESHOLD {
+						self.layer = Some(layer);
+						self.initial_points = sides;
+						self.update_state(NumberOfPointsDialState::Hover);
+						responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::EWResize });
+					}
+				}
+
+				// Polygon
+				if let Some((sides, radius)) = extract_polygon_parameters(Some(layer), document) {
+					let viewport = document.metadata().transform_to_viewport(layer);
+					let center = viewport.transform_point2(DVec2::ZERO);
+
+					let point_on_max_radius = polygon_vertex_position(viewport, 0, sides, radius);
+
+					if mouse_position.distance(center) < NUMBER_OF_POINTS_DIAL_SPOKE_LENGTH && point_on_max_radius.distance(center) > GIZMO_HIDE_THRESHOLD {
+						self.layer = Some(layer);
+						self.initial_points = sides;
+						self.update_state(NumberOfPointsDialState::Hover);
+						responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::EWResize });
+					}
+				}
+			}
+			NumberOfPointsDialState::Hover | NumberOfPointsDialState::Dragging => {
+				let Some(layer) = self.layer else { return };
+
+				let viewport = document.metadata().transform_to_viewport(layer);
+				let center = viewport.transform_point2(DVec2::ZERO);
+
+				if mouse_position.distance(center) > NUMBER_OF_POINTS_DIAL_SPOKE_LENGTH && matches!(&self.handle_state, NumberOfPointsDialState::Hover) {
+					self.update_state(NumberOfPointsDialState::Inactive);
+					self.layer = None;
+					responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+				}
+			}
+		}
+	}
+
+	pub fn overlays(&self, document: &DocumentMessageHandler, layer: Option<LayerNodeIdentifier>, shape_editor: &mut &mut ShapeState, mouse_position: DVec2, overlay_context: &mut OverlayContext) {
+		match &self.handle_state {
+			NumberOfPointsDialState::Inactive => {
+				let Some(layer) = layer else { return };
+
+				// Star
+				if let Some((sides, radius1, radius2)) = extract_star_parameters(Some(layer), document) {
+					let radius = radius1.max(radius2);
+					let viewport = document.metadata().transform_to_viewport(layer);
+					let center = viewport.transform_point2(DVec2::ZERO);
+
+					if let Some(closest_segment) = shape_editor.upper_closest_segment(&document.network_interface, mouse_position, POINT_RADIUS_HANDLE_SEGMENT_THRESHOLD) {
+						if closest_segment.layer() == layer {
+							return;
+						}
+					}
+					let point_on_max_radius = star_vertex_position(viewport, 0, sides, radius1, radius2);
+
+					if inside_star(viewport, sides, radius1, radius2, mouse_position) && point_on_max_radius.distance(center) > GIZMO_HIDE_THRESHOLD {
+						self.draw_spokes(center, viewport, sides, radius, overlay_context);
+						return;
+					}
+				}
+
+				// Polygon
+				if let Some((sides, radius)) = extract_polygon_parameters(Some(layer), document) {
+					let viewport = document.metadata().transform_to_viewport(layer);
+					let center = viewport.transform_point2(DVec2::ZERO);
+
+					if let Some(closest_segment) = shape_editor.upper_closest_segment(&document.network_interface, mouse_position, POINT_RADIUS_HANDLE_SEGMENT_THRESHOLD) {
+						if closest_segment.layer() == layer {
+							return;
+						}
+					}
+					let point_on_max_radius = polygon_vertex_position(viewport, 0, sides, radius);
+
+					if inside_polygon(viewport, sides, radius, mouse_position) && point_on_max_radius.distance(center) > GIZMO_HIDE_THRESHOLD {
+						self.draw_spokes(center, viewport, sides, radius, overlay_context);
+					}
+				}
+			}
+			NumberOfPointsDialState::Hover | NumberOfPointsDialState::Dragging => {
+				let Some(layer) = self.layer else {
+					return;
+				};
+
+				// Get the star's greater radius or polygon's radius, as well as the number of sides
+				let Some((sides, radius)) = extract_star_parameters(Some(layer), document)
+					.map(|(sides, r1, r2)| (sides, r1.max(r2)))
+					.or_else(|| extract_polygon_parameters(Some(layer), document))
+				else {
+					return;
+				};
+
+				let viewport = document.metadata().transform_to_viewport(layer);
+				let center = viewport.transform_point2(DVec2::ZERO);
+
+				// Draw either the star or polygon outline
+				star_outline(Some(layer), document, overlay_context);
+				polygon_outline(Some(layer), document, overlay_context);
+
+				self.draw_spokes(center, viewport, sides, radius, overlay_context);
+			}
+		}
+	}
+
+	fn draw_spokes(&self, center: DVec2, viewport: DAffine2, sides: u32, radius: f64, overlay_context: &mut OverlayContext) {
+		for i in 0..sides {
+			let angle = ((i as f64) * TAU) / (sides as f64);
+
+			let point = viewport.transform_point2(DVec2 {
+				x: radius * angle.sin(),
+				y: -radius * angle.cos(),
+			});
+
+			let Some(direction) = (point - center).try_normalize() else { continue };
+
+			// If the user zooms out such that shape is very small hide the gizmo
+			if point.distance(center) < GIZMO_HIDE_THRESHOLD {
+				return;
+			}
+
+			let end_point = direction * NUMBER_OF_POINTS_DIAL_SPOKE_LENGTH;
+			if matches!(self.handle_state, NumberOfPointsDialState::Hover | NumberOfPointsDialState::Dragging) {
+				overlay_context.line(center, end_point * NUMBER_OF_POINTS_DIAL_SPOKE_EXTENSION + center, None, None);
+			} else {
+				overlay_context.line(center, end_point + center, None, None);
+			}
+		}
+	}
+
+	pub fn update_number_of_sides(&self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>, drag_start: DVec2) {
+		let delta = input.mouse.position - document.metadata().document_to_viewport.transform_point2(drag_start);
+		let sign = (input.mouse.position.x - document.metadata().document_to_viewport.transform_point2(drag_start).x).signum();
+		let net_delta = (delta.length() / 25.).round() * sign;
+
+		let Some(layer) = self.layer else { return };
+		let Some(node_id) = graph_modification_utils::get_star_id(layer, &document.network_interface).or(graph_modification_utils::get_polygon_id(layer, &document.network_interface)) else {
+			return;
+		};
+
+		let new_point_count = ((self.initial_points as i32) + (net_delta as i32)).max(3);
+
+		responses.add(NodeGraphMessage::SetInput {
+			input_connector: InputConnector::node(node_id, 1),
+			input: NodeInput::value(TaggedValue::U32(new_point_count as u32), false),
+		});
+		responses.add(NodeGraphMessage::RunDocumentGraph);
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/point_radius_handle.rs b/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/point_radius_handle.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fc00e078cf5b1a26a501de53097043ddd01fc6f7
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/gizmos/shape_gizmos/point_radius_handle.rs
@@ -0,0 +1,455 @@
+use crate::consts::GIZMO_HIDE_THRESHOLD;
+use crate::consts::{COLOR_OVERLAY_RED, POINT_RADIUS_HANDLE_SNAP_THRESHOLD};
+use crate::messages::frontend::utility_types::MouseCursorIcon;
+use crate::messages::message::Message;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::{overlays::utility_types::OverlayContext, utility_types::network_interface::InputConnector};
+use crate::messages::prelude::FrontendMessage;
+use crate::messages::prelude::Responses;
+use crate::messages::prelude::{DocumentMessageHandler, InputPreprocessorMessageHandler, NodeGraphMessage};
+use crate::messages::tool::common_functionality::graph_modification_utils::{self, NodeGraphLayer};
+use crate::messages::tool::common_functionality::shapes::shape_utility::{draw_snapping_ticks, extract_polygon_parameters, polygon_outline, polygon_vertex_position, star_outline};
+use crate::messages::tool::common_functionality::shapes::shape_utility::{extract_star_parameters, star_vertex_position};
+use glam::DVec2;
+use graph_craft::document::NodeInput;
+use graph_craft::document::value::TaggedValue;
+use std::collections::VecDeque;
+use std::f64::consts::{FRAC_1_SQRT_2, FRAC_PI_4, PI, SQRT_2};
+
+#[derive(Clone, Debug, Default, PartialEq)]
+pub enum PointRadiusHandleState {
+	#[default]
+	Inactive,
+	Hover,
+	Dragging,
+	Snapped(usize),
+}
+
+#[derive(Clone, Debug, Default, PartialEq)]
+pub struct PointRadiusHandle {
+	pub layer: Option<LayerNodeIdentifier>,
+	point: u32,
+	radius_index: usize,
+	snap_radii: Vec<f64>,
+	initial_radius: f64,
+	handle_state: PointRadiusHandleState,
+}
+
+impl PointRadiusHandle {
+	pub fn cleanup(&mut self) {
+		self.handle_state = PointRadiusHandleState::Inactive;
+		self.snap_radii.clear();
+		self.layer = None;
+	}
+
+	pub fn hovered(&self) -> bool {
+		self.handle_state == PointRadiusHandleState::Hover
+	}
+
+	pub fn is_dragging_or_snapped(&self) -> bool {
+		self.handle_state == PointRadiusHandleState::Dragging || matches!(self.handle_state, PointRadiusHandleState::Snapped(_))
+	}
+
+	pub fn update_state(&mut self, state: PointRadiusHandleState) {
+		self.handle_state = state;
+	}
+
+	pub fn handle_actions(&mut self, layer: LayerNodeIdentifier, document: &DocumentMessageHandler, mouse_position: DVec2, responses: &mut VecDeque<Message>) {
+		match &self.handle_state {
+			PointRadiusHandleState::Inactive => {
+				// Draw the point handle gizmo for the star shape
+				if let Some((sides, radius1, radius2)) = extract_star_parameters(Some(layer), document) {
+					let viewport = document.metadata().transform_to_viewport(layer);
+
+					for i in 0..2 * sides {
+						let (radius, radius_index) = if i % 2 == 0 { (radius1, 2) } else { (radius2, 3) };
+						let point = star_vertex_position(viewport, i as i32, sides, radius1, radius2);
+						let center = viewport.transform_point2(DVec2::ZERO);
+
+						// If the user zooms out such that shape is very small hide the gizmo
+						if point.distance(center) < GIZMO_HIDE_THRESHOLD {
+							return;
+						}
+
+						if point.distance(mouse_position) < 5. {
+							self.radius_index = radius_index;
+							self.layer = Some(layer);
+							self.point = i;
+							self.snap_radii = Self::calculate_snap_radii(document, layer, radius_index);
+							self.initial_radius = radius;
+							responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+							self.update_state(PointRadiusHandleState::Hover);
+
+							return;
+						}
+					}
+				}
+
+				// Draw the point handle gizmo for the polygon shape
+				if let Some((sides, radius)) = extract_polygon_parameters(Some(layer), document) {
+					let viewport = document.metadata().transform_to_viewport(layer);
+
+					for i in 0..sides {
+						let point = polygon_vertex_position(viewport, i as i32, sides, radius);
+						let center = viewport.transform_point2(DVec2::ZERO);
+
+						// If the user zooms out such that shape is very small hide the gizmo
+						if point.distance(center) < GIZMO_HIDE_THRESHOLD {
+							return;
+						}
+
+						if point.distance(mouse_position) < 5. {
+							self.radius_index = 2;
+							self.layer = Some(layer);
+							self.point = i;
+							self.snap_radii.clear();
+							self.initial_radius = radius;
+							self.update_state(PointRadiusHandleState::Hover);
+							responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+							return;
+						}
+					}
+				}
+			}
+
+			PointRadiusHandleState::Dragging | PointRadiusHandleState::Hover => {
+				let Some(layer) = self.layer else { return };
+
+				let viewport = document.metadata().transform_to_viewport(layer);
+
+				// Star
+				if let Some((sides, radius1, radius2)) = extract_star_parameters(Some(layer), document) {
+					let point = star_vertex_position(viewport, self.point as i32, sides, radius1, radius2);
+
+					if matches!(&self.handle_state, PointRadiusHandleState::Hover) && (mouse_position - point).length() > 5. {
+						self.update_state(PointRadiusHandleState::Inactive);
+						self.layer = None;
+						return;
+					}
+				}
+
+				// Polygon
+				if let Some((sides, radius)) = extract_polygon_parameters(Some(layer), document) {
+					let point = polygon_vertex_position(viewport, self.point as i32, sides, radius);
+
+					if matches!(&self.handle_state, PointRadiusHandleState::Hover) && (mouse_position - point).length() > 5. {
+						self.update_state(PointRadiusHandleState::Inactive);
+						self.layer = None;
+					}
+				}
+			}
+			PointRadiusHandleState::Snapped(_) => {}
+		}
+	}
+
+	pub fn overlays(
+		&self,
+		selected_star_layer: Option<LayerNodeIdentifier>,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		match &self.handle_state {
+			PointRadiusHandleState::Inactive => {
+				let Some(layer) = selected_star_layer else { return };
+
+				// Draw the point handle gizmo for the star shape
+				if let Some((sides, radius1, radius2)) = extract_star_parameters(Some(layer), document) {
+					let viewport = document.metadata().transform_to_viewport(layer);
+
+					for i in 0..(2 * sides) {
+						let point = star_vertex_position(viewport, i as i32, sides, radius1, radius2);
+						let center = viewport.transform_point2(DVec2::ZERO);
+						let viewport_diagonal = input.viewport_bounds.size().length();
+
+						// If the user zooms out such that shape is very small hide the gizmo
+						if point.distance(center) < GIZMO_HIDE_THRESHOLD {
+							return;
+						}
+
+						if point.distance(mouse_position) < 5. {
+							let Some(direction) = (point - center).try_normalize() else { continue };
+
+							overlay_context.manipulator_handle(point, true, None);
+							let angle = ((i as f64) * PI) / (sides as f64);
+							overlay_context.line(center, center + direction * viewport_diagonal, None, None);
+
+							draw_snapping_ticks(&self.snap_radii, direction, viewport, angle, overlay_context);
+
+							return;
+						}
+
+						overlay_context.manipulator_handle(point, false, None);
+					}
+				}
+
+				// Draw the point handle gizmo for the Polygon shape
+				if let Some((sides, radius)) = extract_polygon_parameters(Some(layer), document) {
+					let viewport = document.metadata().transform_to_viewport(layer);
+
+					for i in 0..sides {
+						let point = polygon_vertex_position(viewport, i as i32, sides, radius);
+						let center = viewport.transform_point2(DVec2::ZERO);
+						let viewport_diagonal = input.viewport_bounds.size().length();
+
+						// If the user zooms out such that shape is very small hide the gizmo
+						if point.distance(center) < GIZMO_HIDE_THRESHOLD {
+							return;
+						}
+
+						if point.distance(mouse_position) < 5. {
+							let Some(direction) = (point - center).try_normalize() else { continue };
+
+							overlay_context.manipulator_handle(point, true, None);
+							overlay_context.line(center, center + direction * viewport_diagonal, None, None);
+
+							return;
+						}
+
+						overlay_context.manipulator_handle(point, false, None);
+					}
+				}
+			}
+
+			PointRadiusHandleState::Dragging | PointRadiusHandleState::Hover => {
+				let Some(layer) = self.layer else { return };
+
+				let viewport = document.metadata().transform_to_viewport(layer);
+				let center = viewport.transform_point2(DVec2::ZERO);
+				let viewport_diagonal = input.viewport_bounds.size().length();
+
+				// Star
+				if let Some((sides, radius1, radius2)) = extract_star_parameters(Some(layer), document) {
+					let angle = ((self.point as f64) * PI) / (sides as f64);
+					let point = star_vertex_position(viewport, self.point as i32, sides, radius1, radius2);
+
+					let Some(direction) = (point - center).try_normalize() else { return };
+
+					// Draws the ray from the center to the dragging point extending till the viewport
+					overlay_context.manipulator_handle(point, true, None);
+					overlay_context.line(center, center + direction * viewport_diagonal, None, None);
+					star_outline(Some(layer), document, overlay_context);
+
+					// Make the ticks for snapping
+
+					// If dragging to make radius negative don't show the
+					if (mouse_position - center).dot(direction) < 0. {
+						return;
+					}
+					draw_snapping_ticks(&self.snap_radii, direction, viewport, angle, overlay_context);
+
+					return;
+				}
+
+				// Polygon
+				if let Some((sides, radius)) = extract_polygon_parameters(Some(layer), document) {
+					let point = polygon_vertex_position(viewport, self.point as i32, sides, radius);
+
+					let Some(direction) = (point - center).try_normalize() else { return };
+
+					// Draws the ray from the center to the dragging point extending till the viewport
+					overlay_context.manipulator_handle(point, true, None);
+					overlay_context.line(center, center + direction * viewport_diagonal, None, None);
+
+					polygon_outline(Some(layer), document, overlay_context);
+				}
+			}
+			PointRadiusHandleState::Snapped(snapping_index) => {
+				let Some(layer) = self.layer else { return };
+				let Some((sides, radius1, radius2)) = extract_star_parameters(Some(layer), document) else {
+					return;
+				};
+
+				let viewport = document.metadata().transform_to_viewport(layer);
+				let center = viewport.transform_point2(DVec2::ZERO);
+
+				match snapping_index {
+					// Make a triangle with previous two points
+					0 => {
+						let before_outer_position = star_vertex_position(viewport, (self.point as i32) - 2, sides, radius1, radius2);
+						let outer_position = star_vertex_position(viewport, (self.point as i32) - 1, sides, radius1, radius2);
+						let point_position = star_vertex_position(viewport, self.point as i32, sides, radius1, radius2);
+
+						overlay_context.line(before_outer_position, outer_position, Some(COLOR_OVERLAY_RED), Some(3.));
+						overlay_context.line(outer_position, point_position, Some(COLOR_OVERLAY_RED), Some(3.));
+
+						let l1 = (before_outer_position - outer_position).length() * 0.2;
+						let Some(l1_direction) = (before_outer_position - outer_position).try_normalize() else { return };
+						let Some(l2_direction) = (point_position - outer_position).try_normalize() else { return };
+						let Some(direction) = (center - outer_position).try_normalize() else { return };
+
+						let new_point = SQRT_2 * l1 * direction + outer_position;
+
+						let before_outer_position = l1 * l1_direction + outer_position;
+						let point_position = l1 * l2_direction + outer_position;
+
+						overlay_context.line(before_outer_position, new_point, Some(COLOR_OVERLAY_RED), Some(3.));
+						overlay_context.line(new_point, point_position, Some(COLOR_OVERLAY_RED), Some(3.));
+					}
+					1 => {
+						let before_outer_position = star_vertex_position(viewport, (self.point as i32) - 1, sides, radius1, radius2);
+
+						let after_point_position = star_vertex_position(viewport, (self.point as i32) + 1, sides, radius1, radius2);
+
+						let point_position = star_vertex_position(viewport, self.point as i32, sides, radius1, radius2);
+
+						overlay_context.line(before_outer_position, point_position, Some(COLOR_OVERLAY_RED), Some(3.));
+						overlay_context.line(point_position, after_point_position, Some(COLOR_OVERLAY_RED), Some(3.));
+
+						let l1 = (before_outer_position - point_position).length() * 0.2;
+						let Some(l1_direction) = (before_outer_position - point_position).try_normalize() else { return };
+						let Some(l2_direction) = (after_point_position - point_position).try_normalize() else { return };
+						let Some(direction) = (center - point_position).try_normalize() else { return };
+
+						let new_point = SQRT_2 * l1 * direction + point_position;
+
+						let before_outer_position = l1 * l1_direction + point_position;
+						let after_point_position = l1 * l2_direction + point_position;
+
+						overlay_context.line(before_outer_position, new_point, Some(COLOR_OVERLAY_RED), Some(3.));
+						overlay_context.line(new_point, after_point_position, Some(COLOR_OVERLAY_RED), Some(3.));
+					}
+					i => {
+						// Use `self.point` as absolute reference as it matches the index of vertices of the star starting from 0
+						if i % 2 != 0 {
+							// Flipped case
+							let point_position = star_vertex_position(viewport, self.point as i32, sides, radius1, radius2);
+							let target_index = (1 - (*i as i32)).abs() + (self.point as i32);
+							let target_point_position = star_vertex_position(viewport, target_index, sides, radius1, radius2);
+
+							let mirrored_index = 2 * (self.point as i32) - target_index;
+							let mirrored = star_vertex_position(viewport, mirrored_index, sides, radius1, radius2);
+
+							overlay_context.line(point_position, target_point_position, Some(COLOR_OVERLAY_RED), Some(3.));
+							overlay_context.line(point_position, mirrored, Some(COLOR_OVERLAY_RED), Some(3.));
+						} else {
+							let outer_index = (self.point as i32) - 1;
+							let outer_position = star_vertex_position(viewport, outer_index, sides, radius1, radius2);
+
+							// The vertex which is colinear with the point we are dragging and its previous outer vertex
+							let target_index = (self.point as i32) + (*i as i32) - 1;
+							let target_point_position = star_vertex_position(viewport, target_index, sides, radius1, radius2);
+
+							let mirrored_index = 2 * outer_index - target_index;
+
+							let mirrored = star_vertex_position(viewport, mirrored_index, sides, radius1, radius2);
+
+							overlay_context.line(outer_position, target_point_position, Some(COLOR_OVERLAY_RED), Some(3.));
+							overlay_context.line(outer_position, mirrored, Some(COLOR_OVERLAY_RED), Some(3.));
+						}
+					}
+				}
+
+				star_outline(Some(layer), document, overlay_context);
+			}
+		}
+	}
+
+	fn calculate_snap_radii(document: &DocumentMessageHandler, layer: LayerNodeIdentifier, radius_index: usize) -> Vec<f64> {
+		let mut snap_radii = Vec::new();
+
+		let Some(node_inputs) = NodeGraphLayer::new(layer, &document.network_interface).find_node_inputs("Star") else {
+			return snap_radii;
+		};
+
+		let other_index = if radius_index == 3 { 2 } else { 3 };
+
+		let Some(&TaggedValue::F64(other_radius)) = node_inputs[other_index].as_value() else {
+			return snap_radii;
+		};
+		let Some(&TaggedValue::U32(sides)) = node_inputs[1].as_value() else {
+			return snap_radii;
+		};
+
+		// Inner radius for 90°
+		let b = FRAC_PI_4 * 3. - PI / (sides as f64);
+		let angle = b.sin();
+		let required_radius = (other_radius / angle) * FRAC_1_SQRT_2;
+
+		snap_radii.push(required_radius);
+
+		// Also push the case when the when it length increases more than the other
+
+		let flipped = other_radius * angle * SQRT_2;
+
+		snap_radii.push(flipped);
+
+		for i in 1..sides {
+			let sides = sides as f64;
+			let i = i as f64;
+			let denominator = 2. * ((PI * (i - 1.)) / sides).cos() * ((PI * i) / sides).sin();
+			let numerator = ((2. * PI * i) / sides).sin();
+			let factor = numerator / denominator;
+
+			if factor < 0. {
+				break;
+			}
+
+			if other_radius * factor > 1e-6 {
+				snap_radii.push(other_radius * factor);
+			}
+
+			snap_radii.push((other_radius * 1.) / factor);
+		}
+
+		snap_radii
+	}
+
+	fn check_snapping(&self, new_radius: f64, original_radius: f64) -> Option<(usize, f64)> {
+		self.snap_radii
+			.iter()
+			.enumerate()
+			.filter(|(_, rad)| (**rad - new_radius).abs() < POINT_RADIUS_HANDLE_SNAP_THRESHOLD)
+			.min_by(|(i_a, a), (i_b, b)| {
+				let dist_a = (**a - new_radius).abs();
+				let dist_b = (**b - new_radius).abs();
+
+				// Check if either index is 0 or 1 and prioritize them
+				match (*i_a == 0 || *i_a == 1, *i_b == 0 || *i_b == 1) {
+					// `a` is priority index, `b` is not
+					(true, false) => std::cmp::Ordering::Less,
+					// `b` is priority index, `a` is not
+					(false, true) => std::cmp::Ordering::Greater,
+					// Normal comparison
+					_ => dist_a.partial_cmp(&dist_b).unwrap_or(std::cmp::Ordering::Equal),
+				}
+			})
+			.map(|(i, rad)| (i, *rad - original_radius))
+	}
+
+	pub fn update_inner_radius(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>, drag_start: DVec2) {
+		let Some(layer) = self.layer else { return };
+
+		let Some(node_id) = graph_modification_utils::get_star_id(layer, &document.network_interface).or(graph_modification_utils::get_polygon_id(layer, &document.network_interface)) else {
+			return;
+		};
+
+		let viewport_transform = document.network_interface.document_metadata().transform_to_viewport(layer);
+		let document_transform = document.network_interface.document_metadata().transform_to_document(layer);
+		let center = viewport_transform.transform_point2(DVec2::ZERO);
+		let radius_index = self.radius_index;
+
+		let original_radius = self.initial_radius;
+
+		let delta = viewport_transform.inverse().transform_point2(input.mouse.position) - document_transform.inverse().transform_point2(drag_start);
+		let radius = document.metadata().document_to_viewport.transform_point2(drag_start) - center;
+		let projection = delta.project_onto(radius);
+		let sign = radius.dot(delta).signum();
+
+		let mut net_delta = projection.length() * sign;
+		let new_radius = original_radius + net_delta;
+
+		self.update_state(PointRadiusHandleState::Dragging);
+		if let Some((index, snapped_delta)) = self.check_snapping(new_radius, original_radius) {
+			net_delta = snapped_delta;
+			self.update_state(PointRadiusHandleState::Snapped(index));
+		}
+
+		responses.add(NodeGraphMessage::SetInput {
+			input_connector: InputConnector::node(node_id, radius_index),
+			input: NodeInput::value(TaggedValue::F64(original_radius + net_delta), false),
+		});
+		responses.add(NodeGraphMessage::RunDocumentGraph);
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/graph_modification_utils.rs b/editor/src/messages/tool/common_functionality/graph_modification_utils.rs
new file mode 100644
index 0000000000000000000000000000000000000000..765bfc1eac518d28c58c2be14665367938e35078
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/graph_modification_utils.rs
@@ -0,0 +1,451 @@
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::node_graph::document_node_definitions;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{FlowType, InputConnector, NodeNetworkInterface, NodeTemplate};
+use crate::messages::prelude::*;
+use bezier_rs::Subpath;
+use glam::DVec2;
+use graph_craft::concrete;
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{NodeId, NodeInput};
+use graphene_std::Color;
+use graphene_std::NodeInputDecleration;
+use graphene_std::raster::BlendMode;
+use graphene_std::raster_types::{CPU, GPU, RasterDataTable};
+use graphene_std::text::{Font, TypesettingConfig};
+use graphene_std::vector::style::Gradient;
+use graphene_std::vector::{ManipulatorPointId, PointId, SegmentId, VectorModificationType};
+use std::collections::VecDeque;
+
+/// Returns the ID of the first Spline node in the horizontal flow which is not followed by a `Path` node, or `None` if none exists.
+pub fn find_spline(document: &DocumentMessageHandler, layer: LayerNodeIdentifier) -> Option<NodeId> {
+	document
+		.network_interface
+		.upstream_flow_back_from_nodes([layer.to_node()].to_vec(), &[], FlowType::HorizontalFlow)
+		.map(|node_id| (document.network_interface.reference(&node_id, &[]).unwrap(), node_id))
+		.take_while(|(reference, _)| reference.as_ref().is_some_and(|node_ref| node_ref != "Path"))
+		.find(|(reference, _)| reference.as_ref().is_some_and(|node_ref| node_ref == "Spline"))
+		.map(|node| node.1)
+}
+
+/// Merge `second_layer` to the `first_layer`.
+pub fn merge_layers(document: &DocumentMessageHandler, first_layer: LayerNodeIdentifier, second_layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>) {
+	if first_layer == second_layer {
+		return;
+	}
+	// Calculate the downstream transforms in order to bring the other vector data into the same layer space
+	let first_layer_transform = document.metadata().downstream_transform_to_document(first_layer);
+	let second_layer_transform = document.metadata().downstream_transform_to_document(second_layer);
+
+	// Represents the change in position that would occur if the other layer was moved below the current layer
+	let transform_delta = first_layer_transform * second_layer_transform.inverse();
+	let offset = transform_delta.inverse();
+	responses.add(GraphOperationMessage::TransformChange {
+		layer: second_layer,
+		transform: offset,
+		transform_in: TransformIn::Local,
+		skip_rerender: false,
+	});
+
+	let mut current_and_other_layer_is_spline = false;
+
+	if let (Some(current_layer_spline), Some(other_layer_spline)) = (find_spline(document, first_layer), find_spline(document, second_layer)) {
+		responses.add(NodeGraphMessage::DeleteNodes {
+			node_ids: [current_layer_spline, other_layer_spline].to_vec(),
+			delete_children: false,
+		});
+		current_and_other_layer_is_spline = true;
+	}
+
+	// Move the `second_layer` below the `first_layer` for positioning purposes
+	let Some(first_layer_parent) = first_layer.parent(document.metadata()) else { return };
+	let Some(first_layer_index) = first_layer_parent.children(document.metadata()).position(|child| child == first_layer) else {
+		return;
+	};
+	responses.add(NodeGraphMessage::MoveLayerToStack {
+		layer: second_layer,
+		parent: first_layer_parent,
+		insert_index: first_layer_index + 1,
+	});
+
+	// Merge the inputs of the two layers
+	let merge_node_id = NodeId::new();
+	let merge_node = document_node_definitions::resolve_document_node_type("Merge")
+		.expect("Failed to create merge node")
+		.default_node_template();
+	responses.add(NodeGraphMessage::InsertNode {
+		node_id: merge_node_id,
+		node_template: merge_node,
+	});
+	responses.add(NodeGraphMessage::SetToNodeOrLayer {
+		node_id: merge_node_id,
+		is_layer: false,
+	});
+	responses.add(NodeGraphMessage::MoveNodeToChainStart {
+		node_id: merge_node_id,
+		parent: first_layer,
+	});
+	responses.add(NodeGraphMessage::ConnectUpstreamOutputToInput {
+		downstream_input: InputConnector::node(second_layer.to_node(), 1),
+		input_connector: InputConnector::node(merge_node_id, 1),
+	});
+	responses.add(NodeGraphMessage::DeleteNodes {
+		node_ids: vec![second_layer.to_node()],
+		delete_children: false,
+	});
+
+	// Add a Flatten Path node after the merge
+	let flatten_node_id = NodeId::new();
+	let flatten_node = document_node_definitions::resolve_document_node_type("Flatten Path")
+		.expect("Failed to create flatten node")
+		.default_node_template();
+	responses.add(NodeGraphMessage::InsertNode {
+		node_id: flatten_node_id,
+		node_template: flatten_node,
+	});
+	responses.add(NodeGraphMessage::MoveNodeToChainStart {
+		node_id: flatten_node_id,
+		parent: first_layer,
+	});
+
+	// Add a path node after the flatten node
+	let path_node_id = NodeId::new();
+	let path_node = document_node_definitions::resolve_document_node_type("Path")
+		.expect("Failed to create path node")
+		.default_node_template();
+	responses.add(NodeGraphMessage::InsertNode {
+		node_id: path_node_id,
+		node_template: path_node,
+	});
+	responses.add(NodeGraphMessage::MoveNodeToChainStart {
+		node_id: path_node_id,
+		parent: first_layer,
+	});
+
+	// Add a Spline node after the Path node if both the layers we are merging is spline.
+	if current_and_other_layer_is_spline {
+		let spline_node_id = NodeId::new();
+		let spline_node = document_node_definitions::resolve_document_node_type("Spline")
+			.expect("Failed to create Spline node")
+			.default_node_template();
+		responses.add(NodeGraphMessage::InsertNode {
+			node_id: spline_node_id,
+			node_template: spline_node,
+		});
+		responses.add(NodeGraphMessage::MoveNodeToChainStart {
+			node_id: spline_node_id,
+			parent: first_layer,
+		});
+	}
+
+	// Add a transform node to ensure correct tooling modifications
+	let transform_node_id = NodeId::new();
+	let transform_node = document_node_definitions::resolve_document_node_type("Transform")
+		.expect("Failed to create transform node")
+		.default_node_template();
+	responses.add(NodeGraphMessage::InsertNode {
+		node_id: transform_node_id,
+		node_template: transform_node,
+	});
+	responses.add(NodeGraphMessage::MoveNodeToChainStart {
+		node_id: transform_node_id,
+		parent: first_layer,
+	});
+
+	responses.add(NodeGraphMessage::RunDocumentGraph);
+	responses.add(Message::StartBuffer);
+	responses.add(PenToolMessage::RecalculateLatestPointsPosition);
+}
+
+/// Merge the `first_endpoint` with `second_endpoint`.
+pub fn merge_points(document: &DocumentMessageHandler, layer: LayerNodeIdentifier, first_endpoint: PointId, second_endpont: PointId, responses: &mut VecDeque<Message>) {
+	let transform = document.metadata().transform_to_document(layer);
+	let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { return };
+
+	let segment = vector_data.segment_bezier_iter().find(|(_, _, start, end)| *end == second_endpont || *start == second_endpont);
+	let Some((segment, _, mut segment_start_point, mut segment_end_point)) = segment else {
+		log::error!("Could not get the segment for second_endpoint.");
+		return;
+	};
+
+	let mut handles = [None; 2];
+	if let Some(handle_position) = ManipulatorPointId::PrimaryHandle(segment).get_position(&vector_data) {
+		let anchor_position = ManipulatorPointId::Anchor(segment_start_point).get_position(&vector_data).unwrap();
+		let handle_position = transform.transform_point2(handle_position);
+		let anchor_position = transform.transform_point2(anchor_position);
+		let anchor_to_handle = handle_position - anchor_position;
+		handles[0] = Some(anchor_to_handle);
+	}
+	if let Some(handle_position) = ManipulatorPointId::EndHandle(segment).get_position(&vector_data) {
+		let anchor_position = ManipulatorPointId::Anchor(segment_end_point).get_position(&vector_data).unwrap();
+		let handle_position = transform.transform_point2(handle_position);
+		let anchor_position = transform.transform_point2(anchor_position);
+		let anchor_to_handle = handle_position - anchor_position;
+		handles[1] = Some(anchor_to_handle);
+	}
+
+	if segment_start_point == second_endpont {
+		core::mem::swap(&mut segment_start_point, &mut segment_end_point);
+		handles.reverse();
+	}
+
+	let modification_type = VectorModificationType::RemovePoint { id: second_endpont };
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+	let modification_type = VectorModificationType::RemoveSegment { id: segment };
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+	let points = [segment_start_point, first_endpoint];
+	let id = SegmentId::generate();
+	let modification_type = VectorModificationType::InsertSegment { id, points, handles };
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+}
+
+/// Create a new vector layer.
+pub fn new_vector_layer(subpaths: Vec<Subpath<PointId>>, id: NodeId, parent: LayerNodeIdentifier, responses: &mut VecDeque<Message>) -> LayerNodeIdentifier {
+	let insert_index = 0;
+	responses.add(GraphOperationMessage::NewVectorLayer { id, subpaths, parent, insert_index });
+	responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![id] });
+
+	LayerNodeIdentifier::new_unchecked(id)
+}
+
+/// Create a new bitmap layer.
+pub fn new_image_layer(image_frame: RasterDataTable<CPU>, id: NodeId, parent: LayerNodeIdentifier, responses: &mut VecDeque<Message>) -> LayerNodeIdentifier {
+	let insert_index = 0;
+	responses.add(GraphOperationMessage::NewBitmapLayer {
+		id,
+		image_frame,
+		parent,
+		insert_index,
+	});
+	LayerNodeIdentifier::new_unchecked(id)
+}
+
+/// Create a new group layer from an SVG string.
+pub fn new_svg_layer(svg: String, transform: glam::DAffine2, id: NodeId, parent: LayerNodeIdentifier, responses: &mut VecDeque<Message>) -> LayerNodeIdentifier {
+	let insert_index = 0;
+	responses.add(GraphOperationMessage::NewSvg {
+		id,
+		svg,
+		transform,
+		parent,
+		insert_index,
+	});
+	LayerNodeIdentifier::new_unchecked(id)
+}
+
+pub fn new_custom(id: NodeId, nodes: Vec<(NodeId, NodeTemplate)>, parent: LayerNodeIdentifier, responses: &mut VecDeque<Message>) -> LayerNodeIdentifier {
+	responses.add(GraphOperationMessage::NewCustomLayer { id, nodes, parent, insert_index: 0 });
+	responses.add(GraphOperationMessage::SetUpstreamToChain {
+		layer: LayerNodeIdentifier::new_unchecked(id),
+	});
+	responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![id] });
+	LayerNodeIdentifier::new_unchecked(id)
+}
+
+/// Locate the final pivot from the transform (TODO: decide how the pivot should actually work)
+pub fn get_pivot(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<DVec2> {
+	let pivot_node_input_index = 5;
+	if let TaggedValue::DVec2(pivot) = NodeGraphLayer::new(layer, network_interface).find_input("Transform", pivot_node_input_index)? {
+		Some(*pivot)
+	} else {
+		None
+	}
+}
+
+pub fn get_viewport_pivot(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> DVec2 {
+	let [min, max] = network_interface.document_metadata().nonzero_bounding_box(layer);
+	let pivot = get_pivot(layer, network_interface).unwrap_or(DVec2::splat(0.5));
+	network_interface.document_metadata().transform_to_viewport(layer).transform_point2(min + (max - min) * pivot)
+}
+
+/// Get the current gradient of a layer from the closest "Fill" node.
+pub fn get_gradient(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<Gradient> {
+	let fill_index = 1;
+
+	let inputs = NodeGraphLayer::new(layer, network_interface).find_node_inputs("Fill")?;
+	let TaggedValue::Fill(graphene_std::vector::style::Fill::Gradient(gradient)) = inputs.get(fill_index)?.as_value()? else {
+		return None;
+	};
+	Some(gradient.clone())
+}
+
+/// Get the current fill of a layer from the closest "Fill" node.
+pub fn get_fill_color(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<Color> {
+	let fill_index = 1;
+
+	let inputs = NodeGraphLayer::new(layer, network_interface).find_node_inputs("Fill")?;
+	let TaggedValue::Fill(graphene_std::vector::style::Fill::Solid(color)) = inputs.get(fill_index)?.as_value()? else {
+		return None;
+	};
+	Some(color.to_linear_srgb())
+}
+
+/// Get the current blend mode of a layer from the closest "Blending" node.
+pub fn get_blend_mode(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<BlendMode> {
+	let inputs = NodeGraphLayer::new(layer, network_interface).find_node_inputs("Blending")?;
+	let TaggedValue::BlendMode(blend_mode) = inputs.get(1)?.as_value()? else {
+		return None;
+	};
+	Some(*blend_mode)
+}
+
+/// Get the current opacity of a layer from the closest "Blending" node.
+/// This may differ from the actual opacity contained within the data type reaching this layer, because that actual opacity may be:
+/// - Multiplied with additional opacity nodes earlier in the chain
+/// - Set by an Opacity node with an exposed input value driven by another node
+/// - Already factored into the pixel alpha channel of an image
+/// - The default value of 100% if no Opacity node is present, but this function returns None in that case
+///
+/// With those limitations in mind, the intention of this function is to show just the value already present in an upstream Opacity node so that value can be directly edited.
+pub fn get_opacity(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<f64> {
+	let inputs = NodeGraphLayer::new(layer, network_interface).find_node_inputs("Blending")?;
+	let TaggedValue::F64(opacity) = inputs.get(2)?.as_value()? else {
+		return None;
+	};
+	Some(*opacity)
+}
+
+pub fn get_clip_mode(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<bool> {
+	let inputs = NodeGraphLayer::new(layer, network_interface).find_node_inputs("Blending")?;
+	let TaggedValue::Bool(clip) = inputs.get(4)?.as_value()? else {
+		return None;
+	};
+	Some(*clip)
+}
+
+pub fn get_fill(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<f64> {
+	let inputs = NodeGraphLayer::new(layer, network_interface).find_node_inputs("Blending")?;
+	let TaggedValue::F64(fill) = inputs.get(3)?.as_value()? else {
+		return None;
+	};
+	Some(*fill)
+}
+
+pub fn get_fill_id(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<NodeId> {
+	NodeGraphLayer::new(layer, network_interface).upstream_node_id_from_name("Fill")
+}
+
+pub fn get_ellipse_id(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<NodeId> {
+	NodeGraphLayer::new(layer, network_interface).upstream_node_id_from_name("Ellipse")
+}
+
+pub fn get_line_id(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<NodeId> {
+	NodeGraphLayer::new(layer, network_interface).upstream_node_id_from_name("Line")
+}
+
+pub fn get_polygon_id(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<NodeId> {
+	NodeGraphLayer::new(layer, network_interface).upstream_node_id_from_name("Regular Polygon")
+}
+
+pub fn get_rectangle_id(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<NodeId> {
+	NodeGraphLayer::new(layer, network_interface).upstream_node_id_from_name("Rectangle")
+}
+
+pub fn get_star_id(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<NodeId> {
+	NodeGraphLayer::new(layer, network_interface).upstream_node_id_from_name("Star")
+}
+
+pub fn get_text_id(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<NodeId> {
+	NodeGraphLayer::new(layer, network_interface).upstream_node_id_from_name("Text")
+}
+
+/// Gets properties from the Text node
+pub fn get_text(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<(&String, &Font, TypesettingConfig)> {
+	let inputs = NodeGraphLayer::new(layer, network_interface).find_node_inputs("Text")?;
+
+	let Some(TaggedValue::String(text)) = &inputs[1].as_value() else { return None };
+	let Some(TaggedValue::Font(font)) = &inputs[2].as_value() else { return None };
+	let Some(&TaggedValue::F64(font_size)) = inputs[3].as_value() else { return None };
+	let Some(&TaggedValue::F64(line_height_ratio)) = inputs[4].as_value() else { return None };
+	let Some(&TaggedValue::F64(character_spacing)) = inputs[5].as_value() else { return None };
+	let Some(&TaggedValue::OptionalF64(max_width)) = inputs[6].as_value() else { return None };
+	let Some(&TaggedValue::OptionalF64(max_height)) = inputs[7].as_value() else { return None };
+	let Some(&TaggedValue::F64(tilt)) = inputs[8].as_value() else { return None };
+
+	let typesetting = TypesettingConfig {
+		font_size,
+		line_height_ratio,
+		max_width,
+		character_spacing,
+		max_height,
+		tilt,
+	};
+	Some((text, font, typesetting))
+}
+
+pub fn get_stroke_width(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface) -> Option<f64> {
+	let weight_node_input_index = graphene_std::vector::stroke::WeightInput::INDEX;
+	if let TaggedValue::F64(width) = NodeGraphLayer::new(layer, network_interface).find_input("Stroke", weight_node_input_index)? {
+		Some(*width)
+	} else {
+		None
+	}
+}
+
+/// Checks if a specified layer uses an upstream node matching the given name.
+pub fn is_layer_fed_by_node_of_name(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface, node_name: &str) -> bool {
+	NodeGraphLayer::new(layer, network_interface).find_node_inputs(node_name).is_some()
+}
+
+/// An immutable reference to a layer within the document node graph for easy access.
+pub struct NodeGraphLayer<'a> {
+	network_interface: &'a NodeNetworkInterface,
+	layer_node: NodeId,
+}
+
+impl<'a> NodeGraphLayer<'a> {
+	/// Get the layer node from the document
+	pub fn new(layer: LayerNodeIdentifier, network_interface: &'a NodeNetworkInterface) -> Self {
+		debug_assert!(layer != LayerNodeIdentifier::ROOT_PARENT, "Cannot create new NodeGraphLayer from ROOT_PARENT");
+		Self {
+			network_interface,
+			layer_node: layer.to_node(),
+		}
+	}
+
+	/// Return an iterator up the horizontal flow of the layer
+	pub fn horizontal_layer_flow(&self) -> impl Iterator<Item = NodeId> + use<'a> {
+		self.network_interface.upstream_flow_back_from_nodes(vec![self.layer_node], &[], FlowType::HorizontalFlow)
+	}
+
+	/// Node id of a node if it exists in the layer's primary flow
+	pub fn upstream_node_id_from_name(&self, node_name: &str) -> Option<NodeId> {
+		self.horizontal_layer_flow()
+			.find(|node_id| self.network_interface.reference(node_id, &[]).is_some_and(|reference| *reference == Some(node_name.to_string())))
+	}
+
+	/// Node id of a protonode if it exists in the layer's primary flow
+	pub fn upstream_node_id_from_protonode(&self, protonode_identifier: &'static str) -> Option<NodeId> {
+		self.horizontal_layer_flow()
+			// Take until a different layer is reached
+			.take_while(|&node_id| node_id == self.layer_node || !self.network_interface.is_layer(&node_id, &[]))
+			.find(move |node_id| {
+				self.network_interface
+					.implementation(node_id, &[])
+					.is_some_and(move |implementation| *implementation == graph_craft::document::DocumentNodeImplementation::proto(protonode_identifier))
+			})
+	}
+
+	/// Find all of the inputs of a specific node within the layer's primary flow, up until the next layer is reached.
+	pub fn find_node_inputs(&self, node_name: &str) -> Option<&'a Vec<NodeInput>> {
+		self.horizontal_layer_flow()
+			.skip(1)// Skip self
+			.take_while(|node_id| !self.network_interface.is_layer(node_id,&[]))
+			.find(|node_id| self.network_interface.reference(node_id,&[]).is_some_and(|reference| *reference == Some(node_name.to_string())))
+			.and_then(|node_id| self.network_interface.document_network().nodes.get(&node_id).map(|node| &node.inputs))
+	}
+
+	/// Find a specific input of a node within the layer's primary flow
+	pub fn find_input(&self, node_name: &str, index: usize) -> Option<&'a TaggedValue> {
+		// TODO: Find a better way to accept a node input rather than using its index (which is quite unclear and fragile)
+		self.find_node_inputs(node_name)?.get(index)?.as_value()
+	}
+
+	/// Check if a layer is a raster layer
+	pub fn is_raster_layer(layer: LayerNodeIdentifier, network_interface: &mut NodeNetworkInterface) -> bool {
+		let layer_input_type = network_interface.input_type(&InputConnector::node(layer.to_node(), 1), &[]).0.nested_type().clone();
+
+		layer_input_type == concrete!(RasterDataTable<CPU>) || layer_input_type == concrete!(RasterDataTable<GPU>)
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/measure.rs b/editor/src/messages/tool/common_functionality/measure.rs
new file mode 100644
index 0000000000000000000000000000000000000000..5a76a5bd222851cb16c2bafe45b4d530c1ee74bf
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/measure.rs
@@ -0,0 +1,496 @@
+use crate::consts::COLOR_OVERLAY_BLUE;
+use crate::messages::portfolio::document::overlays::utility_types::{OverlayContext, Pivot};
+use crate::messages::tool::tool_messages::tool_prelude::*;
+use graphene_std::renderer::Rect;
+
+/// Draws a dashed line between two points transformed by the given affine transformation.
+fn draw_dashed_line(line_start: DVec2, line_end: DVec2, transform: DAffine2, overlay_context: &mut OverlayContext) {
+	let min_viewport = transform.transform_point2(line_start);
+	let max_viewport = transform.transform_point2(line_end);
+
+	overlay_context.dashed_line(min_viewport, max_viewport, None, None, Some(2.), Some(2.), Some(0.5));
+}
+
+/// Draws a solid line with a length annotation between two points transformed by the given affine transformations.
+fn draw_line_with_length(line_start: DVec2, line_end: DVec2, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext, label_alignment: LabelAlignment) {
+	let transform_to_document = document_to_viewport.inverse() * transform;
+	let min_viewport = transform.transform_point2(line_start);
+	let max_viewport = transform.transform_point2(line_end);
+
+	overlay_context.line(min_viewport, max_viewport, None, None);
+
+	// Remove trailing zeros from the formatted string
+	let length = format!("{:.2}", transform_to_document.transform_vector2(line_end - line_start).length())
+		.trim_end_matches('0')
+		.trim_end_matches('.')
+		.to_string();
+
+	const TOLERANCE: f64 = 0.01;
+	if transform_to_document.transform_vector2(line_end - line_start).length() >= TOLERANCE {
+		const TEXT_PADDING: f64 = 5.;
+		// Calculate midpoint of the line
+		let midpoint = (min_viewport + max_viewport) / 2.;
+
+		// Adjust text position based on line orientation and flags
+		// Determine text position based on line orientation and flags
+		let (pivot_x, pivot_y) = match (label_alignment.is_vertical_line, label_alignment.text_on_left, label_alignment.text_on_top) {
+			(true, true, _) => (Pivot::End, Pivot::Middle),     // Vertical line, text on the left
+			(true, false, _) => (Pivot::Start, Pivot::Middle),  // Vertical line, text on the right
+			(false, _, true) => (Pivot::Middle, Pivot::End),    // Horizontal line, text on top
+			(false, _, false) => (Pivot::Middle, Pivot::Start), // Horizontal line, text on bottom
+		};
+		overlay_context.text(&length, COLOR_OVERLAY_BLUE, None, DAffine2::from_translation(midpoint), TEXT_PADDING, [pivot_x, pivot_y]);
+	}
+}
+
+/// Draws a dashed outline around a rectangle to visualize the AABB
+fn draw_dashed_rect_outline(rect: Rect, transform: DAffine2, overlay_context: &mut OverlayContext) {
+	let min = rect.min();
+	let max = rect.max();
+
+	// Create the four corners of the rectangle
+	let top_left = transform.transform_point2(DVec2::new(min.x, min.y));
+	let top_right = transform.transform_point2(DVec2::new(max.x, min.y));
+	let bottom_right = transform.transform_point2(DVec2::new(max.x, max.y));
+	let bottom_left = transform.transform_point2(DVec2::new(min.x, max.y));
+
+	// Draw the four sides as dashed lines
+	draw_dashed_line(top_left, top_right, transform, overlay_context);
+	draw_dashed_line(top_right, bottom_right, transform, overlay_context);
+	draw_dashed_line(bottom_right, bottom_left, transform, overlay_context);
+	draw_dashed_line(bottom_left, top_left, transform, overlay_context);
+}
+
+/// Checks if the selected bounds overlap with the hovered bounds on the Y-axis.
+fn does_overlap_y(selected_bounds: Rect, hovered_bounds: Rect) -> bool {
+	selected_bounds.min().x <= hovered_bounds.max().x && selected_bounds.max().x >= hovered_bounds.min().x
+}
+
+/// Checks if the selected bounds overlap with the hovered bounds on the X-axis.
+fn does_overlap_x(selected_bounds: Rect, hovered_bounds: Rect) -> bool {
+	selected_bounds.min().y <= hovered_bounds.max().y && selected_bounds.max().y >= hovered_bounds.min().y
+}
+
+/// Draws measurements when both X and Y axes are involved in the overlap between selected and hovered bounds.
+fn draw_zero_axis_crossings(selected_bounds: Rect, hovered_bounds: Rect, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext) {
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	let selected_on_right = selected_min.x > hovered_max.x;
+	let selected_on_bottom = selected_min.y > hovered_max.y;
+
+	let selected_y = if selected_on_bottom { selected_min.y } else { selected_max.y };
+	let hovered_y = if selected_on_bottom { hovered_max.y } else { hovered_min.y };
+	let selected_x = if selected_on_right { selected_min.x } else { selected_max.x };
+	let hovered_x = if selected_on_right { hovered_max.x } else { hovered_min.x };
+
+	// Draw horizontal solid line with length
+	let line_start = DVec2::new(selected_x, selected_y);
+	let line_end = DVec2::new(hovered_x, selected_y);
+	let label_alignment = LabelAlignment::new(false, false, !selected_on_bottom);
+	draw_line_with_length(line_start, line_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+	// Draw horizontal dashed line
+	let line_start = DVec2::new(selected_x, hovered_y);
+	let line_end = DVec2::new(hovered_x, hovered_y);
+	draw_dashed_line(line_start, line_end, transform, overlay_context);
+
+	// Draw vertical solid line with length
+	let line_start = DVec2::new(selected_x, selected_y);
+	let line_end = DVec2::new(selected_x, hovered_y);
+	let label_alignment = LabelAlignment::new(true, !selected_on_right, false);
+	draw_line_with_length(line_start, line_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+	// Draw vertical dashed line
+	let line_start = DVec2::new(hovered_x, selected_y);
+	let line_end = DVec2::new(hovered_x, hovered_y);
+	draw_dashed_line(line_start, line_end, transform, overlay_context);
+}
+
+/// Draws measurements when only one axis is involved in the overlap between selected and hovered bounds.
+fn draw_single_axis_zero_crossings(selected_bounds: Rect, hovered_bounds: Rect, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext) {
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	let overlap_y = does_overlap_y(selected_bounds, hovered_bounds) || does_overlap_y(hovered_bounds, selected_bounds);
+	let overlap_x = does_overlap_x(selected_bounds, hovered_bounds) || does_overlap_x(hovered_bounds, selected_bounds);
+
+	let selected_on_bottom = selected_bounds.center().y > hovered_bounds.center().y;
+	let selected_on_right = selected_bounds.center().x > hovered_bounds.center().x;
+	if overlap_y {
+		let selected_facing_edge = if hovered_max.y < selected_min.y { selected_min.y } else { selected_max.y };
+		let hovered_facing_edge = if hovered_max.y < selected_min.y { hovered_max.y } else { hovered_min.y };
+		let vertical_line_start_x = if hovered_max.x > selected_max.x { selected_max.x } else { selected_min.x };
+		let dashed_vertical_line_start_x = if hovered_max.x > selected_max.x { hovered_min.x } else { hovered_max.x };
+
+		// Draw horizontal solid line with length
+		let line_start = DVec2::new(f64::min(hovered_max.x, selected_max.x), selected_facing_edge);
+		let line_end = DVec2::new(f64::max(hovered_min.x, selected_min.x), selected_facing_edge);
+		let label_alignment = LabelAlignment::new(false, false, selected_on_bottom);
+		draw_line_with_length(line_start, line_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+		// Draw vertical solid line with length
+		let line_start = DVec2::new(vertical_line_start_x, selected_facing_edge);
+		let line_end = DVec2::new(vertical_line_start_x, hovered_facing_edge);
+		let label_alignment = LabelAlignment::new(true, !selected_on_right, false);
+		draw_line_with_length(line_start, line_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+		// Draw vertical dashed line
+		let dashed_line_start = DVec2::new(dashed_vertical_line_start_x, selected_facing_edge);
+		let dashed_line_end = DVec2::new(dashed_vertical_line_start_x, hovered_facing_edge);
+		draw_dashed_line(dashed_line_start, dashed_line_end, transform, overlay_context);
+	} else if overlap_x {
+		let selected_facing_edge = if hovered_max.x < selected_min.x { selected_min.x } else { selected_max.x };
+		let hovered_facing_edge = if hovered_max.x < selected_min.x { hovered_max.x } else { hovered_min.x };
+		let horizontal_line_start_y = if hovered_max.y > selected_max.y { selected_max.y } else { selected_min.y };
+		let dashed_horizontal_line_start_y = if hovered_max.y > selected_max.y { hovered_min.y } else { hovered_max.y };
+
+		// Draw vertical solid line with length
+		let line_start = DVec2::new(selected_facing_edge, f64::min(hovered_max.y, selected_max.y));
+		let line_end = DVec2::new(selected_facing_edge, f64::max(hovered_min.y, selected_min.y));
+		let label_alignment = LabelAlignment::new(true, selected_on_right, false);
+		draw_line_with_length(line_start, line_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+		// Draw horizontal solid line with length
+		let line_start = DVec2::new(selected_facing_edge, horizontal_line_start_y);
+		let line_end = DVec2::new(hovered_facing_edge, horizontal_line_start_y);
+		let label_alignment = LabelAlignment::new(false, false, !selected_on_bottom);
+		draw_line_with_length(line_start, line_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+		// Draw horizontal dashed line
+		let dashed_line_start = DVec2::new(selected_facing_edge, dashed_horizontal_line_start_y);
+		let dashed_line_end = DVec2::new(hovered_facing_edge, dashed_horizontal_line_start_y);
+		draw_dashed_line(dashed_line_start, dashed_line_end, transform, overlay_context);
+	}
+}
+
+/// Draws measurements when only one axis is involved and there is one crossing between selected and hovered bounds.
+fn draw_single_axis_one_crossings(selected_bounds: Rect, hovered_bounds: Rect, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext) {
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	let selected_center = selected_bounds.center();
+	let hovered_center = hovered_bounds.center();
+
+	let overlap_y = does_overlap_y(selected_bounds, hovered_bounds) || does_overlap_y(hovered_bounds, selected_bounds);
+	let overlap_x = does_overlap_x(selected_bounds, hovered_bounds) || does_overlap_x(hovered_bounds, selected_bounds);
+
+	if overlap_y {
+		let selected_facing_edge = if hovered_max.y < selected_min.y { selected_min.y } else { selected_max.y };
+		let hovered_facing_edge = if hovered_max.y < selected_min.y { hovered_max.y } else { hovered_min.y };
+		let vertical_line_start = if selected_center.x < hovered_max.x && selected_center.x > hovered_min.x {
+			selected_center.x
+		} else {
+			hovered_center.x
+		};
+
+		// Draw vertical solid line with length
+		let line_start = DVec2::new(vertical_line_start, selected_facing_edge);
+		let line_end = DVec2::new(vertical_line_start, hovered_facing_edge);
+		let label_alignment = LabelAlignment::new(true, true, false);
+		draw_line_with_length(line_start, line_end, transform, document_to_viewport, overlay_context, label_alignment);
+	} else if overlap_x {
+		let selected_facing_edge = if hovered_max.x < selected_min.x { selected_min.x } else { selected_max.x };
+		let hovered_facing_edge = if hovered_max.x < selected_min.x { hovered_max.x } else { hovered_min.x };
+		let horizontal_line_start_y = if selected_center.y < hovered_max.y && selected_center.y > hovered_min.y {
+			selected_center.y
+		} else {
+			hovered_center.y
+		};
+
+		// Draw horizontal solid line with length
+		let line_start = DVec2::new(selected_facing_edge, horizontal_line_start_y);
+		let line_end = DVec2::new(hovered_facing_edge, horizontal_line_start_y);
+		let label_alignment = LabelAlignment::new(false, false, true);
+		draw_line_with_length(line_start, line_end, transform, document_to_viewport, overlay_context, label_alignment);
+	}
+}
+
+/// Draws measurements for cases where lines cross on both X and Y axes, handling diagonal intersections.
+fn draw_two_axis_one_one_crossing(selected_bounds: Rect, hovered_bounds: Rect, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext) {
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	let mut top_y_bound = f64::min(selected_min.y, hovered_min.y);
+	let mut bottom_y_bound = f64::max(selected_max.y, hovered_max.y);
+	let mut top_x_bound = f64::max(selected_max.x, hovered_max.x);
+	let mut bottom_x_bound = f64::min(selected_min.x, hovered_min.x);
+
+	// Handle diagonal intersection cases by swapping bounds if necessary
+	if (hovered_bounds.center().x > selected_bounds.center().x && hovered_bounds.center().y < selected_bounds.center().y)
+		|| (hovered_bounds.center().x < selected_bounds.center().x && hovered_bounds.center().y > selected_bounds.center().y)
+	{
+		std::mem::swap(&mut top_y_bound, &mut bottom_y_bound);
+		std::mem::swap(&mut top_x_bound, &mut bottom_x_bound);
+	}
+
+	// Draw horizontal solid lines with length
+	let top_x_start = DVec2::new(f64::min(selected_max.x, hovered_max.x), top_y_bound);
+	let top_x_end = DVec2::new(f64::max(selected_max.x, hovered_max.x), top_y_bound);
+	let label_alignment = LabelAlignment::new(false, false, true);
+	draw_line_with_length(top_x_start, top_x_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let bottom_x_start = DVec2::new(f64::min(selected_min.x, hovered_min.x), bottom_y_bound);
+	let bottom_x_end = DVec2::new(f64::max(selected_min.x, hovered_min.x), bottom_y_bound);
+	let label_alignment = LabelAlignment::new(false, false, false);
+	draw_line_with_length(bottom_x_start, bottom_x_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+	// Draw vertical solid lines with length
+	let top_y_start = DVec2::new(top_x_bound, f64::min(selected_min.y, hovered_min.y));
+	let top_y_end = DVec2::new(top_x_bound, f64::max(selected_min.y, hovered_min.y));
+	let label_alignment = LabelAlignment::new(true, false, false);
+	draw_line_with_length(top_y_start, top_y_end, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let bottom_y_start = DVec2::new(bottom_x_bound, f64::min(selected_max.y, hovered_max.y));
+	let bottom_y_end = DVec2::new(bottom_x_bound, f64::max(selected_max.y, hovered_max.y));
+	let label_alignment = LabelAlignment::new(true, true, false);
+	draw_line_with_length(bottom_y_start, bottom_y_end, transform, document_to_viewport, overlay_context, label_alignment);
+}
+
+/// Draws measurements for partial overlaps with two vertical or horizontal edge intersections.
+fn draw_two_axis_one_one_two_zero_crossing(
+	selected_bounds: Rect,
+	hovered_bounds: Rect,
+	transform: DAffine2,
+	document_to_viewport: DAffine2,
+	overlay_context: &mut OverlayContext,
+	two_vertical_edge_intersect: bool,
+) {
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	if two_vertical_edge_intersect {
+		let selected_bound_edge = if selected_bounds.center().y >= hovered_bounds.center().y {
+			selected_max.y
+		} else {
+			selected_min.y
+		};
+		let hovered_bound_edge = if selected_bounds.center().y >= hovered_bounds.center().y { hovered_max.y } else { hovered_min.y };
+
+		// Draw vertical solid lines with length
+		let y_start_left = DVec2::new(hovered_min.x, f64::min(selected_bound_edge, hovered_bound_edge));
+		let y_end_left = DVec2::new(hovered_min.x, f64::max(selected_bound_edge, hovered_bound_edge));
+		let label_alignment = LabelAlignment::new(true, true, false);
+		draw_line_with_length(y_start_left, y_end_left, transform, document_to_viewport, overlay_context, label_alignment);
+
+		let y_start_right = DVec2::new(hovered_max.x, f64::min(selected_bound_edge, hovered_bound_edge));
+		let y_end_right = DVec2::new(hovered_max.x, f64::max(selected_bound_edge, hovered_bound_edge));
+		let label_alignment = LabelAlignment::new(true, false, false);
+		draw_line_with_length(y_start_right, y_end_right, transform, document_to_viewport, overlay_context, label_alignment);
+
+		// Draw horizontal solid lines with length
+		let horizontal_line_y_bound = if selected_bounds.center().y >= hovered_bounds.center().y {
+			f64::max(selected_bound_edge, hovered_bound_edge)
+		} else {
+			f64::min(selected_bound_edge, hovered_bound_edge)
+		};
+
+		let x_start_left = DVec2::new(hovered_min.x, horizontal_line_y_bound);
+		let x_end_left = DVec2::new(selected_min.x, horizontal_line_y_bound);
+		let label_alignment = LabelAlignment::new(false, false, false);
+		draw_line_with_length(x_start_left, x_end_left, transform, document_to_viewport, overlay_context, label_alignment);
+
+		let x_start_right = DVec2::new(hovered_max.x, horizontal_line_y_bound);
+		let x_end_right = DVec2::new(selected_max.x, horizontal_line_y_bound);
+		let label_alignment = LabelAlignment::new(false, false, false);
+		draw_line_with_length(x_start_right, x_end_right, transform, document_to_viewport, overlay_context, label_alignment);
+	} else {
+		let selected_bound_edge = if selected_bounds.center().x >= hovered_bounds.center().x {
+			selected_max.x
+		} else {
+			selected_min.x
+		};
+		let hovered_bound_edge = if selected_bounds.center().x >= hovered_bounds.center().x { hovered_max.x } else { hovered_min.x };
+
+		// Determine the outermost X position for vertical lines
+		let vertical_line_x = if selected_bounds.center().x >= hovered_bounds.center().x {
+			f64::max(selected_bound_edge, hovered_bound_edge)
+		} else {
+			f64::min(selected_bound_edge, hovered_bound_edge)
+		};
+
+		// Draw vertical solid lines with length
+		let y_start_up = DVec2::new(vertical_line_x, selected_min.y);
+		let y_end_up = DVec2::new(vertical_line_x, hovered_min.y);
+		let label_alignment = LabelAlignment::new(true, false, false);
+		draw_line_with_length(y_start_up, y_end_up, transform, document_to_viewport, overlay_context, label_alignment);
+
+		let y_start_down = DVec2::new(vertical_line_x, selected_max.y);
+		let y_end_down = DVec2::new(vertical_line_x, hovered_max.y);
+		let label_alignment = LabelAlignment::new(true, false, false);
+		draw_line_with_length(y_start_down, y_end_down, transform, document_to_viewport, overlay_context, label_alignment);
+
+		// Draw horizontal solid lines with length
+		let horizontal_line_inner_x = if selected_bounds.center().x >= hovered_bounds.center().x {
+			f64::min(selected_bound_edge, hovered_bound_edge)
+		} else {
+			f64::max(selected_bound_edge, hovered_bound_edge)
+		};
+		let x_start_up = DVec2::new(vertical_line_x, f64::min(selected_min.y, hovered_min.y));
+		let x_end_up = DVec2::new(horizontal_line_inner_x, f64::min(selected_min.y, hovered_min.y));
+		let label_alignment = LabelAlignment::new(false, false, true);
+		draw_line_with_length(x_start_up, x_end_up, transform, document_to_viewport, overlay_context, label_alignment);
+
+		let x_start_down = DVec2::new(vertical_line_x, f64::max(selected_max.y, hovered_max.y));
+		let x_end_down = DVec2::new(horizontal_line_inner_x, f64::max(selected_max.y, hovered_max.y));
+		let label_alignment = LabelAlignment::new(false, false, false);
+		draw_line_with_length(x_start_down, x_end_down, transform, document_to_viewport, overlay_context, label_alignment);
+	}
+}
+
+/// Draws measurements for cases with two vertical and two horizontal zero crossings.
+fn draw_two_axis_two_zero_zero_two(selected_bounds: Rect, hovered_bounds: Rect, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext) {
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	// Draw vertical solid lines with length
+	let y_start_left_top = DVec2::new(f64::min(hovered_min.x, selected_min.x), f64::min(hovered_min.y, selected_min.y));
+	let y_end_left_top = DVec2::new(f64::min(hovered_min.x, selected_min.x), f64::max(hovered_min.y, selected_min.y));
+	let label_alignment = LabelAlignment::new(true, true, false);
+	draw_line_with_length(y_start_left_top, y_end_left_top, transform, document_to_viewport, overlay_context, label_alignment);
+	let label_alignment = LabelAlignment::new(true, true, false);
+	draw_line_with_length(y_start_left_top, y_end_left_top, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let y_start_left_bottom = DVec2::new(f64::min(hovered_min.x, selected_min.x), f64::min(hovered_max.y, selected_max.y));
+	let y_end_left_bottom = DVec2::new(f64::min(hovered_min.x, selected_min.x), f64::max(hovered_max.y, selected_max.y));
+	let label_alignment = LabelAlignment::new(true, true, false);
+	draw_line_with_length(y_start_left_bottom, y_end_left_bottom, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let y_start_right_top = DVec2::new(f64::max(hovered_max.x, selected_max.x), f64::min(hovered_min.y, selected_min.y));
+	let y_end_right_top = DVec2::new(f64::max(hovered_max.x, selected_max.x), f64::max(hovered_min.y, selected_min.y));
+	let label_alignment = LabelAlignment::new(true, false, false);
+	draw_line_with_length(y_start_right_top, y_end_right_top, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let y_start_right_bottom = DVec2::new(f64::max(hovered_max.x, selected_max.x), f64::min(hovered_max.y, selected_max.y));
+	let y_end_right_bottom = DVec2::new(f64::max(hovered_max.x, selected_max.x), f64::max(hovered_max.y, selected_max.y));
+	let label_alignment = LabelAlignment::new(true, false, false);
+	draw_line_with_length(y_start_right_bottom, y_end_right_bottom, transform, document_to_viewport, overlay_context, label_alignment);
+
+	// Draw horizontal solid lines with length
+	let x_start_left_top = DVec2::new(f64::min(hovered_min.x, selected_min.x), f64::min(hovered_min.y, selected_min.y));
+	let x_end_left_top = DVec2::new(f64::max(hovered_min.x, selected_min.x), f64::min(hovered_min.y, selected_min.y));
+	let label_alignment = LabelAlignment::new(false, false, true);
+	draw_line_with_length(x_start_left_top, x_end_left_top, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let x_start_right_top = DVec2::new(f64::min(hovered_max.x, selected_max.x), f64::min(hovered_min.y, selected_min.y));
+	let x_end_right_top = DVec2::new(f64::max(hovered_max.x, selected_max.x), f64::min(hovered_min.y, selected_min.y));
+	let label_alignment = LabelAlignment::new(false, false, true);
+	draw_line_with_length(x_start_right_top, x_end_right_top, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let x_start_left_bottom = DVec2::new(f64::min(hovered_min.x, selected_min.x), f64::max(hovered_max.y, selected_max.y));
+	let x_end_left_bottom = DVec2::new(f64::max(hovered_min.x, selected_min.x), f64::max(hovered_max.y, selected_max.y));
+	let label_alignment = LabelAlignment::new(false, false, false);
+	draw_line_with_length(x_start_left_bottom, x_end_left_bottom, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let x_start_right_bottom = DVec2::new(f64::min(hovered_max.x, selected_max.x), f64::max(hovered_max.y, selected_max.y));
+	let x_end_right_bottom = DVec2::new(f64::max(hovered_max.x, selected_max.x), f64::max(hovered_max.y, selected_max.y));
+	let label_alignment = LabelAlignment::new(false, false, false);
+	draw_line_with_length(x_start_right_bottom, x_end_right_bottom, transform, document_to_viewport, overlay_context, label_alignment);
+}
+
+/// Draws measurements where selected and hovered bounds have two vertical edges crossing each other.
+fn draw_two_axis_two_zero_two_zero(selected_bounds: Rect, hovered_bounds: Rect, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext) {
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	// Draw horizontal solid lines with length
+	let x_start_left = DVec2::new(f64::max(hovered_min.x, selected_min.x), selected_bounds.center().y);
+	let x_end_left = DVec2::new(f64::min(hovered_min.x, selected_min.x), selected_bounds.center().y);
+	let label_alignment = LabelAlignment::new(false, false, true);
+	draw_line_with_length(x_start_left, x_end_left, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let x_start_right = DVec2::new(f64::min(hovered_max.x, selected_max.x), selected_bounds.center().y);
+	let x_end_right = DVec2::new(f64::max(hovered_max.x, selected_max.x), selected_bounds.center().y);
+	let label_alignment = LabelAlignment::new(false, false, true);
+	draw_line_with_length(x_start_right, x_end_right, transform, document_to_viewport, overlay_context, label_alignment);
+
+	// Draw vertical solid lines with length
+	let y_start_top = DVec2::new(selected_bounds.center().x, f64::max(hovered_min.y, selected_min.y));
+	let y_end_top = DVec2::new(selected_bounds.center().x, f64::min(hovered_min.y, selected_min.y));
+	let label_alignment = LabelAlignment::new(true, false, false);
+	draw_line_with_length(y_start_top, y_end_top, transform, document_to_viewport, overlay_context, label_alignment);
+
+	let y_start_bottom = DVec2::new(selected_bounds.center().x, f64::min(hovered_max.y, selected_max.y));
+	let y_end_bottom = DVec2::new(selected_bounds.center().x, f64::max(hovered_max.y, selected_max.y));
+	let label_alignment = LabelAlignment::new(true, false, false);
+	draw_line_with_length(y_start_bottom, y_end_bottom, transform, document_to_viewport, overlay_context, label_alignment);
+}
+
+/// Handles overlapping scenarios involving two axes between selected and hovered bounds.
+fn handle_two_axis_overlap(selected_bounds: Rect, hovered_bounds: Rect, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext) {
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	// Calculate edge crossings on the X-axis
+	let selected_x_crosses = (selected_min.y >= hovered_min.y && selected_min.y <= hovered_max.y) as u8 + (selected_max.y >= hovered_min.y && selected_max.y <= hovered_max.y) as u8;
+	let hovered_x_crosses = (hovered_min.y >= selected_min.y && hovered_min.y <= selected_max.y) as u8 + (hovered_max.y >= selected_min.y && hovered_max.y <= selected_max.y) as u8;
+
+	// Calculate edge crossings on the Y-axis
+	let selected_y_crosses = (selected_min.x >= hovered_min.x && selected_min.x <= hovered_max.x) as u8 + (selected_max.x >= hovered_min.x && selected_max.x <= hovered_max.x) as u8;
+	let hovered_y_crosses = (hovered_min.x >= selected_min.x && hovered_min.x <= selected_max.x) as u8 + (hovered_max.x >= selected_min.x && hovered_max.x <= selected_max.x) as u8;
+
+	// Determine the overlap case based on edge crossings
+	match ((selected_x_crosses, hovered_x_crosses), (selected_y_crosses, hovered_y_crosses)) {
+		((1, 1), (1, 1)) => draw_two_axis_one_one_crossing(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context),
+		((1, 1), (2, 0)) => draw_two_axis_one_one_two_zero_crossing(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context, true),
+		((1, 1), (0, 2)) => draw_two_axis_one_one_two_zero_crossing(hovered_bounds, selected_bounds, transform, document_to_viewport, overlay_context, true),
+		((2, 0), (1, 1)) => draw_two_axis_one_one_two_zero_crossing(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context, false),
+		((0, 2), (1, 1)) => draw_two_axis_one_one_two_zero_crossing(hovered_bounds, selected_bounds, transform, document_to_viewport, overlay_context, false),
+		((2, 0), (0, 2)) | ((0, 2), (2, 0)) => draw_two_axis_two_zero_zero_two(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context),
+		((2, 0), (2, 0)) | ((0, 2), (0, 2)) => draw_two_axis_two_zero_two_zero(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context),
+		_ => (),
+	}
+}
+
+/// Overlays measurement lines between selected and hovered bounds based on their spatial relationships.
+pub fn overlay(selected_bounds: Rect, hovered_bounds: Rect, transform: DAffine2, document_to_viewport: DAffine2, overlay_context: &mut OverlayContext) {
+	draw_dashed_rect_outline(selected_bounds, transform, overlay_context);
+	draw_dashed_rect_outline(hovered_bounds, transform, overlay_context);
+	let (selected_min, selected_max) = (selected_bounds.min(), selected_bounds.max());
+	let (hovered_min, hovered_max) = (hovered_bounds.min(), hovered_bounds.max());
+
+	// Determine axis overlaps
+	let overlap_y = does_overlap_y(selected_bounds, hovered_bounds) || does_overlap_y(hovered_bounds, selected_bounds);
+	let overlap_x = does_overlap_x(selected_bounds, hovered_bounds) || does_overlap_x(hovered_bounds, selected_bounds);
+	let overlap_axes = match (overlap_x, overlap_y) {
+		(true, true) => 2,
+		(true, false) | (false, true) => 1,
+		_ => 0,
+	};
+
+	// Determine centerline crossings
+	let center_x_intersects =
+		(selected_bounds.center().y >= hovered_min.y && selected_bounds.center().y <= hovered_max.y) || (hovered_bounds.center().y >= selected_min.y && hovered_bounds.center().y <= selected_max.y);
+	let center_y_intersects =
+		(selected_bounds.center().x >= hovered_min.x && selected_bounds.center().x <= hovered_max.x) || (hovered_bounds.center().x >= selected_min.x && hovered_bounds.center().x <= selected_max.x);
+	let centerline_crosses = match (center_x_intersects, center_y_intersects) {
+		(true, true) => 2,
+		(true, false) | (false, true) => 1,
+		_ => 0,
+	};
+
+	// Handle each overlap case
+	match (overlap_axes, centerline_crosses) {
+		(0, _) => draw_zero_axis_crossings(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context),
+		(1, 0) => draw_single_axis_zero_crossings(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context),
+		(1, 1) | (1, 2) => draw_single_axis_one_crossings(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context),
+		(2, _) => handle_two_axis_overlap(selected_bounds, hovered_bounds, transform, document_to_viewport, overlay_context),
+		_ => (), // Fallback case, should not typically happen
+	}
+}
+
+struct LabelAlignment {
+	is_vertical_line: bool,
+	text_on_left: bool,
+	text_on_top: bool,
+}
+
+impl LabelAlignment {
+	fn new(is_vertical_line: bool, text_on_left: bool, text_on_top: bool) -> Self {
+		Self {
+			is_vertical_line,
+			text_on_left,
+			text_on_top,
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/mod.rs b/editor/src/messages/tool/common_functionality/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ca3e629e195aa25c5e909b82867dfc1da1e386f6
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/mod.rs
@@ -0,0 +1,13 @@
+pub mod auto_panning;
+pub mod color_selector;
+pub mod compass_rose;
+pub mod gizmos;
+pub mod graph_modification_utils;
+pub mod measure;
+pub mod pivot;
+pub mod resize;
+pub mod shape_editor;
+pub mod shapes;
+pub mod snapping;
+pub mod transformation_cage;
+pub mod utility_functions;
diff --git a/editor/src/messages/tool/common_functionality/pivot.rs b/editor/src/messages/tool/common_functionality/pivot.rs
new file mode 100644
index 0000000000000000000000000000000000000000..67ce7f5dc55a6b52226665362cf89458ad229b11
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/pivot.rs
@@ -0,0 +1,154 @@
+//! Handler for the pivot overlay visible on the selected layer(s) whilst using the Select tool which controls the center of rotation/scale and origin of the layer.
+
+use super::graph_modification_utils;
+use crate::consts::PIVOT_DIAMETER;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::prelude::*;
+use glam::{DAffine2, DVec2};
+use graphene_std::transform::ReferencePoint;
+use std::collections::VecDeque;
+
+#[derive(Clone, Debug)]
+pub struct Pivot {
+	/// Pivot between (0,0) and (1,1)
+	normalized_pivot: DVec2,
+	/// Transform to get from normalized pivot to viewspace
+	transform_from_normalized: DAffine2,
+	/// The viewspace pivot position (if applicable)
+	pivot: Option<DVec2>,
+	/// The old pivot position in the GUI, used to reduce refreshes of the document bar
+	old_pivot_position: ReferencePoint,
+	/// Used to enable and disable the pivot
+	active: bool,
+}
+
+impl Default for Pivot {
+	fn default() -> Self {
+		Self {
+			normalized_pivot: DVec2::splat(0.5),
+			transform_from_normalized: Default::default(),
+			pivot: Default::default(),
+			old_pivot_position: ReferencePoint::Center,
+			active: true,
+		}
+	}
+}
+
+impl Pivot {
+	/// Calculates the transform that gets from normalized pivot to viewspace.
+	fn get_layer_pivot_transform(layer: LayerNodeIdentifier, document: &DocumentMessageHandler) -> DAffine2 {
+		let [min, max] = document.metadata().nonzero_bounding_box(layer);
+
+		let bounds_transform = DAffine2::from_translation(min) * DAffine2::from_scale(max - min);
+		let layer_transform = document.metadata().transform_to_viewport(layer);
+		layer_transform * bounds_transform
+	}
+
+	/// Recomputes the pivot position and transform.
+	fn recalculate_pivot(&mut self, document: &DocumentMessageHandler) {
+		if !self.active {
+			return;
+		}
+
+		let selected_nodes = document.network_interface.selected_nodes();
+		let mut layers = selected_nodes.selected_visible_and_unlocked_layers(&document.network_interface);
+		let Some(first) = layers.next() else {
+			// If no layers are selected then we revert things back to default
+			self.normalized_pivot = DVec2::splat(0.5);
+			self.pivot = None;
+			return;
+		};
+
+		// Add one because the first item is consumed above.
+		let selected_layers_count = layers.count() + 1;
+
+		// If just one layer is selected we can use its inner transform (as it accounts for rotation)
+		if selected_layers_count == 1 {
+			let normalized_pivot = graph_modification_utils::get_pivot(first, &document.network_interface).unwrap_or(DVec2::splat(0.5));
+			self.normalized_pivot = normalized_pivot;
+			self.transform_from_normalized = Self::get_layer_pivot_transform(first, document);
+			self.pivot = Some(self.transform_from_normalized.transform_point2(normalized_pivot));
+		} else {
+			// If more than one layer is selected we use the AABB with the mean of the pivots
+			let xy_summation = document
+				.network_interface
+				.selected_nodes()
+				.selected_visible_and_unlocked_layers(&document.network_interface)
+				.map(|layer| graph_modification_utils::get_viewport_pivot(layer, &document.network_interface))
+				.reduce(|a, b| a + b)
+				.unwrap_or_default();
+
+			let pivot = xy_summation / selected_layers_count as f64;
+			self.pivot = Some(pivot);
+			let [min, max] = document.selected_visible_and_unlock_layers_bounding_box_viewport().unwrap_or([DVec2::ZERO, DVec2::ONE]);
+			self.normalized_pivot = (pivot - min) / (max - min);
+
+			self.transform_from_normalized = DAffine2::from_translation(min) * DAffine2::from_scale(max - min);
+		}
+	}
+
+	pub fn update_pivot(&mut self, document: &DocumentMessageHandler, overlay_context: &mut OverlayContext, draw_data: Option<(f64,)>) {
+		if !overlay_context.visibility_settings.pivot() {
+			self.active = false;
+			return;
+		} else {
+			self.active = true;
+		}
+
+		self.recalculate_pivot(document);
+		if let (Some(pivot), Some(data)) = (self.pivot, draw_data) {
+			overlay_context.pivot(pivot, data.0);
+		}
+	}
+
+	/// Answers if the pivot widget has changed (so we should refresh the tool bar at the top of the canvas).
+	pub fn should_refresh_pivot_position(&mut self) -> bool {
+		if !self.active {
+			return false;
+		}
+
+		let new = self.to_pivot_position();
+		let should_refresh = new != self.old_pivot_position;
+		self.old_pivot_position = new;
+		should_refresh
+	}
+
+	pub fn to_pivot_position(&self) -> ReferencePoint {
+		self.normalized_pivot.into()
+	}
+
+	/// Sets the viewport position of the pivot for all selected layers.
+	pub fn set_viewport_position(&self, position: DVec2, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		if !self.active {
+			return;
+		}
+
+		for layer in document.network_interface.selected_nodes().selected_visible_and_unlocked_layers(&document.network_interface) {
+			let transform = Self::get_layer_pivot_transform(layer, document);
+			// Only update the pivot when computed position is finite.
+			if transform.matrix2.determinant().abs() <= f64::EPSILON {
+				return;
+			};
+			let pivot = transform.inverse().transform_point2(position);
+			responses.add(GraphOperationMessage::TransformSetPivot { layer, pivot });
+		}
+	}
+
+	/// Set the pivot using the normalized transform that is set above.
+	pub fn set_normalized_position(&self, position: DVec2, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		if !self.active {
+			return;
+		}
+
+		self.set_viewport_position(self.transform_from_normalized.transform_point2(position), document, responses);
+	}
+
+	/// Answers if the pointer is currently positioned over the pivot.
+	pub fn is_over(&self, mouse: DVec2) -> bool {
+		if !self.active {
+			return false;
+		}
+		self.pivot.filter(|&pivot| mouse.distance_squared(pivot) < (PIVOT_DIAMETER / 2.).powi(2)).is_some()
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/resize.rs b/editor/src/messages/tool/common_functionality/resize.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fc8f1ee6da643a7b7811e1b888ffe203b74ef710
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/resize.rs
@@ -0,0 +1,120 @@
+use crate::messages::input_mapper::utility_types::input_keyboard::Key;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::snapping::{SnapCandidatePoint, SnapConstraint, SnapData, SnapManager, SnapTypeConfiguration};
+use glam::{DAffine2, DVec2, Vec2Swizzles};
+
+#[derive(Clone, Debug, Default)]
+pub struct Resize {
+	/// Stored as a document position so the start doesn't move if the canvas is panned.
+	pub drag_start: DVec2,
+	pub layer: Option<LayerNodeIdentifier>,
+	pub snap_manager: SnapManager,
+}
+
+impl Resize {
+	/// Starts a resize, assigning the snap targets and snapping the starting position.
+	pub fn start(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler) {
+		let root_transform = document.metadata().document_to_viewport;
+		let point = SnapCandidatePoint::handle(root_transform.inverse().transform_point2(input.mouse.position));
+		let snapped = self.snap_manager.free_snap(&SnapData::new(document, input), &point, SnapTypeConfiguration::default());
+		self.drag_start = snapped.snapped_point_document;
+	}
+
+	/// Calculate the drag start position in viewport space.
+	pub fn viewport_drag_start(&self, document: &DocumentMessageHandler) -> DVec2 {
+		let root_transform = document.metadata().document_to_viewport;
+		root_transform.transform_point2(self.drag_start)
+	}
+
+	/// Compute the drag start and end based on the current mouse position. If the layer doesn't exist, returns [`None`].
+	/// If you want to draw even without a layer, use [`Resize::calculate_points_ignore_layer`].
+	pub fn calculate_points(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, center: Key, lock_ratio: Key) -> Option<[DVec2; 2]> {
+		let layer = self.layer?;
+
+		if layer == LayerNodeIdentifier::ROOT_PARENT {
+			log::error!("Resize layer cannot be ROOT_PARENT");
+			return None;
+		}
+
+		if !document.network_interface.document_network().nodes.contains_key(&layer.to_node()) {
+			self.layer.take();
+			return None;
+		}
+		Some(self.calculate_points_ignore_layer(document, input, center, lock_ratio, false))
+	}
+
+	/// Compute the drag start and end based on the current mouse position. Ignores the state of the layer.
+	/// If you want to only draw whilst a layer exists, use [`Resize::calculate_points`].
+	pub fn calculate_points_ignore_layer(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, center: Key, lock_ratio: Key, in_document: bool) -> [DVec2; 2] {
+		let start = self.viewport_drag_start(document);
+		let mouse = input.mouse.position;
+		let document_to_viewport = document.navigation_handler.calculate_offset_transform(input.viewport_bounds.center(), &document.document_ptz);
+		let document_mouse = document_to_viewport.inverse().transform_point2(mouse);
+		let mut points_viewport = [start, mouse];
+		let ignore = if let Some(layer) = self.layer { vec![layer] } else { vec![] };
+		let ratio = input.keyboard.get(lock_ratio as usize);
+		let center = input.keyboard.get(center as usize);
+		let snap_data = SnapData::ignore(document, input, &ignore);
+		let config = SnapTypeConfiguration::default();
+		if ratio {
+			let viewport_size = points_viewport[1] - points_viewport[0];
+			let raw_size = if in_document { document_to_viewport.inverse() } else { DAffine2::IDENTITY }.transform_vector2(viewport_size);
+			let adjusted_size = raw_size.abs().max(raw_size.abs().yx()) * raw_size.signum();
+			let size = if in_document { document_to_viewport.transform_vector2(adjusted_size) } else { adjusted_size };
+			points_viewport[1] = points_viewport[0] + size;
+
+			let end_document = document_to_viewport.inverse().transform_point2(points_viewport[1]);
+			let constraint = SnapConstraint::Line {
+				origin: self.drag_start,
+				direction: end_document - self.drag_start,
+			};
+			if center {
+				let snapped = self.snap_manager.constrained_snap(&snap_data, &SnapCandidatePoint::handle(end_document), constraint, config);
+				let far = SnapCandidatePoint::handle(2. * self.drag_start - end_document);
+				let snapped_far = self.snap_manager.constrained_snap(&snap_data, &far, constraint, config);
+				let best = if snapped_far.other_snap_better(&snapped) { snapped } else { snapped_far };
+				points_viewport[0] = document_to_viewport.transform_point2(best.snapped_point_document);
+				points_viewport[1] = document_to_viewport.transform_point2(self.drag_start * 2. - best.snapped_point_document);
+				self.snap_manager.update_indicator(best);
+			} else {
+				let snapped = self.snap_manager.constrained_snap(&snap_data, &SnapCandidatePoint::handle(end_document), constraint, config);
+				points_viewport[1] = document_to_viewport.transform_point2(snapped.snapped_point_document);
+				self.snap_manager.update_indicator(snapped);
+			}
+		} else if center {
+			let snapped = self.snap_manager.free_snap(&snap_data, &SnapCandidatePoint::handle(document_mouse), config);
+			let opposite = 2. * self.drag_start - document_mouse;
+			let snapped_far = self.snap_manager.free_snap(&snap_data, &SnapCandidatePoint::handle(opposite), config);
+			let best = if snapped_far.other_snap_better(&snapped) { snapped } else { snapped_far };
+			points_viewport[0] = document_to_viewport.transform_point2(best.snapped_point_document);
+			points_viewport[1] = document_to_viewport.transform_point2(self.drag_start * 2. - best.snapped_point_document);
+			self.snap_manager.update_indicator(best);
+		} else {
+			let snapped = self.snap_manager.free_snap(&snap_data, &SnapCandidatePoint::handle(document_mouse), config);
+			points_viewport[1] = document_to_viewport.transform_point2(snapped.snapped_point_document);
+			self.snap_manager.update_indicator(snapped);
+		}
+
+		points_viewport
+	}
+
+	pub fn calculate_transform(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, center: Key, lock_ratio: Key, skip_rerender: bool) -> Option<Message> {
+		let points_viewport = self.calculate_points(document, input, center, lock_ratio)?;
+		Some(
+			GraphOperationMessage::TransformSet {
+				layer: self.layer?,
+				transform: DAffine2::from_scale_angle_translation(points_viewport[1] - points_viewport[0], 0., points_viewport[0]),
+				transform_in: TransformIn::Viewport,
+				skip_rerender,
+			}
+			.into(),
+		)
+	}
+
+	pub fn cleanup(&mut self, responses: &mut VecDeque<Message>) {
+		self.snap_manager.cleanup(responses);
+		self.layer = None;
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/shape_editor.rs b/editor/src/messages/tool/common_functionality/shape_editor.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b491e0943d62cef0038f7976044dfa7031421439
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/shape_editor.rs
@@ -0,0 +1,1973 @@
+use super::graph_modification_utils::merge_layers;
+use super::snapping::{SnapCache, SnapCandidatePoint, SnapData, SnapManager, SnappedPoint};
+use super::utility_functions::{adjust_handle_colinearity, calculate_bezier_bbox, calculate_segment_angle, restore_g1_continuity, restore_previous_handle_position};
+use crate::consts::HANDLE_LENGTH_FACTOR;
+use crate::messages::portfolio::document::overlays::utility_functions::selected_segments;
+use crate::messages::portfolio::document::utility_types::document_metadata::{DocumentMetadata, LayerNodeIdentifier};
+use crate::messages::portfolio::document::utility_types::misc::{PathSnapSource, SnapSource};
+use crate::messages::portfolio::document::utility_types::network_interface::NodeNetworkInterface;
+use crate::messages::preferences::SelectionMode;
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::snapping::SnapTypeConfiguration;
+use crate::messages::tool::common_functionality::utility_functions::{is_intersecting, is_visible_point};
+use crate::messages::tool::tool_messages::path_tool::{PathOverlayMode, PointSelectState};
+use bezier_rs::{Bezier, BezierHandles, Subpath, TValue};
+use glam::{DAffine2, DVec2};
+use graphene_std::vector::{HandleExt, HandleId, SegmentId};
+use graphene_std::vector::{ManipulatorPointId, PointId, VectorData, VectorModificationType};
+
+#[derive(Debug, Copy, Clone, PartialEq, Eq)]
+pub enum SelectionChange {
+	Clear,
+	Extend,
+	Shrink,
+}
+
+#[derive(Clone, Copy, Debug)]
+pub enum SelectionShape<'a> {
+	Box([DVec2; 2]),
+	Lasso(&'a Vec<DVec2>),
+}
+
+#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash)]
+pub enum SelectionShapeType {
+	Box,
+	Lasso,
+}
+
+#[derive(Debug, PartialEq, Eq, Copy, Clone, Default)]
+pub enum ManipulatorAngle {
+	#[default]
+	Colinear,
+	Free,
+	Mixed,
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct SelectedLayerState {
+	selected_points: HashSet<ManipulatorPointId>,
+	selected_segments: HashSet<SegmentId>,
+	/// Keeps track of the current state; helps avoid unnecessary computation when called by [`ShapeState`].
+	ignore_handles: bool,
+	ignore_anchors: bool,
+	/// Points that are selected but ignored (when their overlays are disabled) are stored here.
+	ignored_handle_points: HashSet<ManipulatorPointId>,
+	ignored_anchor_points: HashSet<ManipulatorPointId>,
+}
+
+impl SelectedLayerState {
+	pub fn selected_points(&self) -> impl Iterator<Item = ManipulatorPointId> + '_ {
+		self.selected_points.iter().copied()
+	}
+
+	pub fn selected_segments(&self) -> impl Iterator<Item = SegmentId> + '_ {
+		self.selected_segments.iter().copied()
+	}
+
+	pub fn selected_points_count(&self) -> usize {
+		self.selected_points.len()
+	}
+
+	pub fn selected_segments_count(&self) -> usize {
+		self.selected_segments.len()
+	}
+
+	pub fn is_segment_selected(&self, segment: SegmentId) -> bool {
+		self.selected_segments.contains(&segment)
+	}
+
+	pub fn is_point_selected(&self, point: ManipulatorPointId) -> bool {
+		self.selected_points.contains(&point)
+	}
+
+	pub fn select_point(&mut self, point: ManipulatorPointId) {
+		self.selected_points.insert(point);
+	}
+
+	pub fn select_segment(&mut self, segment: SegmentId) {
+		self.selected_segments.insert(segment);
+	}
+
+	pub fn deselect_point(&mut self, point: ManipulatorPointId) {
+		self.selected_points.remove(&point);
+	}
+
+	pub fn deselect_segment(&mut self, segment: SegmentId) {
+		self.selected_segments.remove(&segment);
+	}
+
+	pub fn clear_points(&mut self) {
+		self.selected_points.clear();
+	}
+
+	pub fn clear_segments(&mut self) {
+		self.selected_segments.clear();
+	}
+
+	pub fn ignore_handles(&mut self, status: bool) {
+		if self.ignore_handles != status {
+			return;
+		}
+
+		self.ignore_handles = !status;
+
+		if self.ignore_handles {
+			self.ignored_handle_points.extend(self.selected_points.iter().copied().filter(|point| point.as_handle().is_some()));
+			self.selected_points.retain(|point| !self.ignored_handle_points.contains(point));
+		} else {
+			self.selected_points.extend(self.ignored_handle_points.iter().copied());
+			self.ignored_handle_points.clear();
+		}
+	}
+
+	pub fn ignore_anchors(&mut self, status: bool) {
+		if self.ignore_anchors != status {
+			return;
+		}
+
+		self.ignore_anchors = !status;
+
+		if self.ignore_anchors {
+			self.ignored_anchor_points.extend(self.selected_points.iter().copied().filter(|point| point.as_anchor().is_some()));
+			self.selected_points.retain(|point| !self.ignored_anchor_points.contains(point));
+		} else {
+			self.selected_points.extend(self.ignored_anchor_points.iter().copied());
+			self.ignored_anchor_points.clear();
+		}
+	}
+}
+
+pub type SelectedShapeState = HashMap<LayerNodeIdentifier, SelectedLayerState>;
+
+#[derive(Debug, Default)]
+pub struct ShapeState {
+	/// The layers we can select and edit manipulators (anchors and handles) from.
+	pub selected_shape_state: SelectedShapeState,
+	ignore_handles: bool,
+	ignore_anchors: bool,
+}
+
+#[derive(Debug)]
+pub struct SelectedPointsInfo {
+	pub points: Vec<ManipulatorPointInfo>,
+	pub offset: DVec2,
+	pub vector_data: VectorData,
+}
+
+#[derive(Debug)]
+pub struct SelectedSegmentsInfo {
+	pub segments: Vec<SegmentId>,
+	pub vector_data: VectorData,
+}
+
+#[derive(Clone, Copy, Debug, Eq, PartialEq)]
+pub struct ManipulatorPointInfo {
+	pub layer: LayerNodeIdentifier,
+	pub point_id: ManipulatorPointId,
+}
+
+pub type OpposingHandleLengths = HashMap<LayerNodeIdentifier, HashMap<HandleId, f64>>;
+
+#[derive(Clone)]
+pub struct ClosestSegment {
+	layer: LayerNodeIdentifier,
+	segment: SegmentId,
+	bezier: Bezier,
+	points: [PointId; 2],
+	colinear: [Option<HandleId>; 2],
+	t: f64,
+	bezier_point_to_viewport: DVec2,
+}
+
+impl ClosestSegment {
+	pub fn layer(&self) -> LayerNodeIdentifier {
+		self.layer
+	}
+
+	pub fn segment(&self) -> SegmentId {
+		self.segment
+	}
+
+	pub fn points(&self) -> [PointId; 2] {
+		self.points
+	}
+
+	pub fn bezier(&self) -> Bezier {
+		self.bezier
+	}
+
+	pub fn closest_point_document(&self) -> DVec2 {
+		self.bezier.evaluate(TValue::Parametric(self.t))
+	}
+
+	pub fn closest_point_to_viewport(&self) -> DVec2 {
+		self.bezier_point_to_viewport
+	}
+
+	pub fn closest_point(&self, document_metadata: &DocumentMetadata) -> DVec2 {
+		let transform = document_metadata.transform_to_viewport(self.layer);
+		let bezier_point = self.bezier.evaluate(TValue::Parametric(self.t));
+		transform.transform_point2(bezier_point)
+	}
+
+	/// Updates this [`ClosestSegment`] with the viewport-space location of the closest point on the segment to the given mouse position.
+	pub fn update_closest_point(&mut self, document_metadata: &DocumentMetadata, mouse_position: DVec2) {
+		let transform = document_metadata.transform_to_viewport(self.layer);
+		let layer_mouse_pos = transform.inverse().transform_point2(mouse_position);
+
+		let t = self.bezier.project(layer_mouse_pos).clamp(0., 1.);
+		self.t = t;
+
+		let bezier_point = self.bezier.evaluate(TValue::Parametric(t));
+		let bezier_point = transform.transform_point2(bezier_point);
+		self.bezier_point_to_viewport = bezier_point;
+	}
+
+	pub fn distance_squared(&self, mouse_position: DVec2) -> f64 {
+		self.bezier_point_to_viewport.distance_squared(mouse_position)
+	}
+
+	pub fn too_far(&self, mouse_position: DVec2, tolerance: f64) -> bool {
+		tolerance.powi(2) < self.distance_squared(mouse_position)
+	}
+
+	pub fn handle_positions(&self, document_metadata: &DocumentMetadata) -> (Option<DVec2>, Option<DVec2>) {
+		// Transform to viewport space
+		let transform = document_metadata.transform_to_viewport(self.layer);
+
+		// Split the Bezier at the parameter `t`
+		let [first, second] = self.bezier.split(TValue::Parametric(self.t));
+
+		// Transform the handle positions to viewport space
+		let first_handle = first.handle_end().map(|handle| transform.transform_point2(handle));
+		let second_handle = second.handle_start().map(|handle| transform.transform_point2(handle));
+
+		(first_handle, second_handle)
+	}
+
+	pub fn adjusted_insert(&self, responses: &mut VecDeque<Message>) -> (PointId, [SegmentId; 2]) {
+		let layer = self.layer;
+		let [first, second] = self.bezier.split(TValue::Parametric(self.t));
+
+		// Point
+		let midpoint = PointId::generate();
+		let modification_type = VectorModificationType::InsertPoint { id: midpoint, position: first.end };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		// First segment
+		let segment_ids = [SegmentId::generate(), SegmentId::generate()];
+		let modification_type = VectorModificationType::InsertSegment {
+			id: segment_ids[0],
+			points: [self.points[0], midpoint],
+			handles: [first.handle_start().map(|handle| handle - first.start), first.handle_end().map(|handle| handle - first.end)],
+		};
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		// Last segment
+		let modification_type = VectorModificationType::InsertSegment {
+			id: segment_ids[1],
+			points: [midpoint, self.points[1]],
+			handles: [second.handle_start().map(|handle| handle - second.start), second.handle_end().map(|handle| handle - second.end)],
+		};
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		// G1 continuous on new handles
+		if self.bezier.handle_end().is_some() {
+			let handles = [HandleId::end(segment_ids[0]), HandleId::primary(segment_ids[1])];
+			let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: true };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		}
+
+		// Remove old segment
+		let modification_type = VectorModificationType::RemoveSegment { id: self.segment };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		// Restore mirroring on end handles
+		for (handle, other) in self.colinear.into_iter().zip([HandleId::primary(segment_ids[0]), HandleId::end(segment_ids[1])]) {
+			let Some(handle) = handle else { continue };
+			let handles = [handle, other];
+			let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: true };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		}
+
+		(midpoint, segment_ids)
+	}
+
+	pub fn adjusted_insert_and_select(&self, shape_editor: &mut ShapeState, responses: &mut VecDeque<Message>, extend_selection: bool) {
+		let (id, _) = self.adjusted_insert(responses);
+		shape_editor.select_anchor_point_by_id(self.layer, id, extend_selection)
+	}
+
+	pub fn calculate_perp(&self, document: &DocumentMessageHandler) -> DVec2 {
+		let tangent = if let (Some(handle1), Some(handle2)) = self.handle_positions(document.metadata()) {
+			(handle1 - handle2).try_normalize()
+		} else {
+			let [first_point, last_point] = self.points();
+			if let Some(vector_data) = document.network_interface.compute_modified_vector(self.layer()) {
+				if let (Some(pos1), Some(pos2)) = (
+					ManipulatorPointId::Anchor(first_point).get_position(&vector_data),
+					ManipulatorPointId::Anchor(last_point).get_position(&vector_data),
+				) {
+					(pos1 - pos2).try_normalize()
+				} else {
+					None
+				}
+			} else {
+				None
+			}
+		}
+		.unwrap_or(DVec2::ZERO);
+		tangent.perp()
+	}
+
+	/// Molding the bezier curve.
+	/// Returns adjacent handles' [`HandleId`] if colinearity is broken temporarily.
+	pub fn mold_handle_positions(
+		&self,
+		document: &DocumentMessageHandler,
+		responses: &mut VecDeque<Message>,
+		(c1, c2): (DVec2, DVec2),
+		new_b: DVec2,
+		break_colinear_molding: bool,
+		temporary_adjacent_handles_while_molding: Option<[Option<HandleId>; 2]>,
+	) -> Option<[Option<HandleId>; 2]> {
+		let transform = document.metadata().transform_to_viewport(self.layer);
+
+		let start = self.bezier.start;
+		let end = self.bezier.end;
+
+		// Apply the drag delta to the segment's handles
+		let b = self.bezier_point_to_viewport;
+		let delta = transform.inverse().transform_vector2(new_b - b);
+		let (nc1, nc2) = (c1 + delta, c2 + delta);
+
+		let handle1 = HandleId::primary(self.segment);
+		let handle2 = HandleId::end(self.segment);
+		let layer = self.layer;
+
+		let modification_type = handle1.set_relative_position(nc1 - start);
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		let modification_type = handle2.set_relative_position(nc2 - end);
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		// If adjacent segments have colinear handles, their direction is changed but their handle lengths is preserved
+		// TODO: Find something which is more appropriate
+		let vector_data = document.network_interface.compute_modified_vector(self.layer())?;
+
+		if break_colinear_molding {
+			// Disable G1 continuity
+			let other_handles = [
+				restore_previous_handle_position(handle1, c1, start, &vector_data, layer, responses),
+				restore_previous_handle_position(handle2, c2, end, &vector_data, layer, responses),
+			];
+
+			// Store other HandleId in tool data to regain colinearity later
+			if temporary_adjacent_handles_while_molding.is_some() {
+				temporary_adjacent_handles_while_molding
+			} else {
+				Some(other_handles)
+			}
+		} else {
+			// Move the colinear handles so that colinearity is maintained
+			adjust_handle_colinearity(handle1, start, nc1, &vector_data, layer, responses);
+			adjust_handle_colinearity(handle2, end, nc2, &vector_data, layer, responses);
+
+			if let Some(adjacent_handles) = temporary_adjacent_handles_while_molding {
+				if let Some(other_handle1) = adjacent_handles[0] {
+					restore_g1_continuity(handle1, other_handle1, nc1, start, &vector_data, layer, responses);
+				}
+				if let Some(other_handle2) = adjacent_handles[1] {
+					restore_g1_continuity(handle2, other_handle2, nc2, end, &vector_data, layer, responses);
+				}
+			}
+			None
+		}
+	}
+}
+
+// TODO Consider keeping a list of selected manipulators to minimize traversals of the layers
+impl ShapeState {
+	pub fn is_point_ignored(&self, point: &ManipulatorPointId) -> bool {
+		(point.as_handle().is_some() && self.ignore_handles) || (point.as_anchor().is_some() && self.ignore_anchors)
+	}
+
+	pub fn close_selected_path(&self, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		// First collect all selected anchor points across all layers
+		let all_selected_points: Vec<(LayerNodeIdentifier, PointId)> = self
+			.selected_shape_state
+			.iter()
+			.flat_map(|(&layer, state)| {
+				if document.network_interface.compute_modified_vector(layer).is_none() {
+					return Vec::new().into_iter();
+				};
+
+				// Collect selected anchor points from this layer
+				state
+					.selected_points
+					.iter()
+					.filter_map(|&point| if let ManipulatorPointId::Anchor(id) = point { Some((layer, id)) } else { None })
+					.collect::<Vec<_>>()
+					.into_iter()
+			})
+			.collect();
+
+		// If exactly two points are selected (regardless of layer), connect them
+		if all_selected_points.len() == 2 {
+			let (layer1, start_point) = all_selected_points[0];
+			let (layer2, end_point) = all_selected_points[1];
+
+			let Some(vector_data1) = document.network_interface.compute_modified_vector(layer1) else { return };
+			let Some(vector_data2) = document.network_interface.compute_modified_vector(layer2) else { return };
+
+			if vector_data1.all_connected(start_point).count() != 1 || vector_data2.all_connected(end_point).count() != 1 {
+				return;
+			}
+
+			if layer1 == layer2 {
+				if start_point == end_point {
+					return;
+				}
+
+				let segment_id = SegmentId::generate();
+				let modification_type = VectorModificationType::InsertSegment {
+					id: segment_id,
+					points: [end_point, start_point],
+					handles: [None, None],
+				};
+				responses.add(GraphOperationMessage::Vector { layer: layer1, modification_type });
+			} else {
+				// Merge the layers
+				merge_layers(document, layer1, layer2, responses);
+				// Create segment between the two points
+				let segment_id = SegmentId::generate();
+				let modification_type = VectorModificationType::InsertSegment {
+					id: segment_id,
+					points: [end_point, start_point],
+					handles: [None, None],
+				};
+				responses.add(GraphOperationMessage::Vector { layer: layer1, modification_type });
+			}
+			return;
+		}
+
+		// If no points are selected, try to find a single continuous subpath in each layer to connect the endpoints of
+		for &layer in self.selected_shape_state.keys() {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { continue };
+
+			let endpoints: Vec<PointId> = vector_data
+				.point_domain
+				.ids()
+				.iter()
+				.copied()
+				.filter(|&point_id| vector_data.all_connected(point_id).count() == 1)
+				.collect();
+
+			if endpoints.len() == 2 {
+				let start_point = endpoints[0];
+				let end_point = endpoints[1];
+
+				let segment_id = SegmentId::generate();
+				let modification_type = VectorModificationType::InsertSegment {
+					id: segment_id,
+					points: [end_point, start_point],
+					handles: [None, None],
+				};
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+			}
+		}
+	}
+
+	// Snap, returning a viewport delta
+	pub fn snap(&self, snap_manager: &mut SnapManager, snap_cache: &SnapCache, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, previous_mouse: DVec2) -> DVec2 {
+		let snap_data = SnapData::new_snap_cache(document, input, snap_cache);
+
+		let mouse_delta = document
+			.network_interface
+			.document_metadata()
+			.document_to_viewport
+			.inverse()
+			.transform_vector2(input.mouse.position - previous_mouse);
+		let mut offset = mouse_delta;
+		let mut best_snapped = SnappedPoint::infinite_snap(document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position));
+		for (layer, state) in &self.selected_shape_state {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(*layer) else {
+				continue;
+			};
+
+			let to_document = document.metadata().transform_to_document(*layer);
+
+			for &selected in &state.selected_points {
+				let source = match selected {
+					ManipulatorPointId::Anchor(_) if vector_data.colinear(selected) => SnapSource::Path(PathSnapSource::AnchorPointWithColinearHandles),
+					ManipulatorPointId::Anchor(_) => SnapSource::Path(PathSnapSource::AnchorPointWithFreeHandles),
+					// TODO: This doesn't actually work for handles, instead handles enter the arm above for free handles
+					ManipulatorPointId::PrimaryHandle(_) | ManipulatorPointId::EndHandle(_) => SnapSource::Path(PathSnapSource::HandlePoint),
+				};
+
+				let Some(position) = selected.get_position(&vector_data) else { continue };
+				let mut point = SnapCandidatePoint::new_source(to_document.transform_point2(position) + mouse_delta, source);
+
+				if let Some(id) = selected.as_anchor() {
+					for neighbor in vector_data.connected_points(id) {
+						if state.is_point_selected(ManipulatorPointId::Anchor(neighbor)) {
+							continue;
+						}
+						let Some(position) = vector_data.point_domain.position_from_id(neighbor) else { continue };
+						point.neighbors.push(to_document.transform_point2(position));
+					}
+				}
+
+				let snapped = snap_manager.free_snap(&snap_data, &point, SnapTypeConfiguration::default());
+				if best_snapped.other_snap_better(&snapped) {
+					offset = snapped.snapped_point_document - point.document_point + mouse_delta;
+					best_snapped = snapped;
+				}
+			}
+		}
+		snap_manager.update_indicator(best_snapped);
+		document.metadata().document_to_viewport.transform_vector2(offset)
+	}
+
+	/// Select/deselect the first point within the selection threshold.
+	/// Returns a tuple of the points if found and the offset, or `None` otherwise.
+	pub fn change_point_selection(
+		&mut self,
+		network_interface: &NodeNetworkInterface,
+		mouse_position: DVec2,
+		select_threshold: f64,
+		extend_selection: bool,
+		path_overlay_mode: PathOverlayMode,
+		frontier_handles_info: Option<HashMap<SegmentId, Vec<PointId>>>,
+	) -> Option<Option<SelectedPointsInfo>> {
+		if self.selected_shape_state.is_empty() {
+			return None;
+		}
+
+		if let Some((layer, manipulator_point_id)) = self.find_nearest_visible_point_indices(network_interface, mouse_position, select_threshold, path_overlay_mode, frontier_handles_info) {
+			let vector_data = network_interface.compute_modified_vector(layer)?;
+			let point_position = manipulator_point_id.get_position(&vector_data)?;
+
+			let selected_shape_state = self.selected_shape_state.get(&layer)?;
+			let already_selected = selected_shape_state.is_point_selected(manipulator_point_id);
+
+			// Offset to snap the selected point to the cursor
+			let offset = mouse_position - network_interface.document_metadata().transform_to_viewport(layer).transform_point2(point_position);
+
+			// This is selecting the manipulator only for now, next to generalize to points
+
+			let retain_existing_selection = extend_selection || already_selected;
+			if !retain_existing_selection {
+				self.deselect_all_points();
+				self.deselect_all_segments();
+			}
+
+			// Add to the selected points (deselect is managed in DraggingState, DragStop)
+			let selected_shape_state = self.selected_shape_state.get_mut(&layer)?;
+			selected_shape_state.select_point(manipulator_point_id);
+
+			let points = self
+				.selected_shape_state
+				.iter()
+				.flat_map(|(layer, state)| state.selected_points.iter().map(|&point_id| ManipulatorPointInfo { layer: *layer, point_id }))
+				.collect();
+
+			return Some(Some(SelectedPointsInfo { points, offset, vector_data }));
+		}
+		None
+	}
+
+	pub fn get_point_selection_state(
+		&mut self,
+		network_interface: &NodeNetworkInterface,
+		mouse_position: DVec2,
+		select_threshold: f64,
+		path_overlay_mode: PathOverlayMode,
+		frontier_handles_info: Option<HashMap<SegmentId, Vec<PointId>>>,
+		point_editing_mode: bool,
+	) -> Option<(bool, Option<SelectedPointsInfo>)> {
+		if self.selected_shape_state.is_empty() {
+			return None;
+		}
+
+		if !point_editing_mode {
+			return None;
+		}
+
+		if let Some((layer, manipulator_point_id)) = self.find_nearest_point_indices(network_interface, mouse_position, select_threshold) {
+			let vector_data = network_interface.compute_modified_vector(layer)?;
+			let point_position = manipulator_point_id.get_position(&vector_data)?;
+
+			// Check if point is visible under current overlay mode or not
+			let selected_segments = selected_segments(network_interface, self);
+			let selected_points = self.selected_points().cloned().collect::<HashSet<_>>();
+			if !is_visible_point(manipulator_point_id, &vector_data, path_overlay_mode, frontier_handles_info, selected_segments, &selected_points) {
+				return None;
+			}
+
+			let selected_shape_state = self.selected_shape_state.get(&layer)?;
+			let already_selected = selected_shape_state.is_point_selected(manipulator_point_id);
+
+			// Offset to snap the selected point to the cursor
+			let offset = mouse_position - network_interface.document_metadata().transform_to_viewport(layer).transform_point2(point_position);
+
+			// Gather current selection information
+			let points = self
+				.selected_shape_state
+				.iter()
+				.flat_map(|(layer, state)| state.selected_points.iter().map(|&point_id| ManipulatorPointInfo { layer: *layer, point_id }))
+				.collect();
+
+			let selection_info = SelectedPointsInfo { points, offset, vector_data };
+
+			// Return the current selection state and info
+			return Some((already_selected, Some(selection_info)));
+		}
+
+		None
+	}
+
+	pub fn select_anchor_point_by_id(&mut self, layer: LayerNodeIdentifier, id: PointId, extend_selection: bool) {
+		if !extend_selection {
+			self.deselect_all_points();
+		}
+		let point = ManipulatorPointId::Anchor(id);
+		let Some(selected_state) = self.selected_shape_state.get_mut(&layer) else { return };
+		selected_state.select_point(point);
+	}
+
+	/// Selects all anchors connected to the selected subpath, and deselects all handles, for the given layer.
+	pub fn select_connected_anchors(&mut self, document: &DocumentMessageHandler, layer: LayerNodeIdentifier, mouse: DVec2) {
+		let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+			return;
+		};
+		let to_viewport = document.metadata().transform_to_viewport(layer);
+		let layer_mouse = to_viewport.inverse().transform_point2(mouse);
+		let state = self.selected_shape_state.entry(layer).or_default();
+
+		let mut selected_stack = Vec::new();
+		// Find all subpaths that have been clicked
+		for stroke in vector_data.stroke_bezier_paths() {
+			if stroke.contains_point(layer_mouse) {
+				if let Some(first) = stroke.manipulator_groups().first() {
+					selected_stack.push(first.id);
+				}
+			}
+		}
+		state.clear_points();
+		if selected_stack.is_empty() {
+			// Fall back on just selecting all points in the layer
+			for &point in vector_data.point_domain.ids() {
+				state.select_point(ManipulatorPointId::Anchor(point))
+			}
+		} else {
+			// Select all connected points
+			while let Some(point) = selected_stack.pop() {
+				let anchor_point = ManipulatorPointId::Anchor(point);
+				if !state.is_point_selected(anchor_point) {
+					state.select_point(anchor_point);
+					selected_stack.extend(vector_data.connected_points(point));
+				}
+			}
+		}
+	}
+
+	/// Selects all anchors, and deselects all handles, for the given layer.
+	pub fn select_all_anchors_in_layer(&mut self, document: &DocumentMessageHandler, layer: LayerNodeIdentifier) {
+		let state = self.selected_shape_state.entry(layer).or_default();
+		Self::select_all_anchors_in_layer_with_state(document, layer, state);
+	}
+
+	/// Selects all anchors, and deselects all handles, for the selected layers.
+	pub fn select_all_anchors_in_selected_layers(&mut self, document: &DocumentMessageHandler) {
+		for (&layer, state) in self.selected_shape_state.iter_mut() {
+			Self::select_all_anchors_in_layer_with_state(document, layer, state);
+		}
+	}
+
+	/// Internal helper function that selects all anchors, and deselects all handles, for a layer given its [`LayerNodeIdentifier`] and [`SelectedLayerState`].
+	fn select_all_anchors_in_layer_with_state(document: &DocumentMessageHandler, layer: LayerNodeIdentifier, state: &mut SelectedLayerState) {
+		let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+			return;
+		};
+
+		state.clear_points();
+
+		for &point in vector_data.point_domain.ids() {
+			state.select_point(ManipulatorPointId::Anchor(point))
+		}
+	}
+
+	/// Deselects all points (anchors and handles) across every selected layer.
+	pub fn deselect_all_points(&mut self) {
+		for state in self.selected_shape_state.values_mut() {
+			state.selected_points.clear()
+		}
+	}
+
+	/// Deselects all segments across every selected layer
+	pub fn deselect_all_segments(&mut self) {
+		for state in self.selected_shape_state.values_mut() {
+			state.selected_segments.clear()
+		}
+	}
+
+	pub fn update_selected_anchors_status(&mut self, status: bool) {
+		for state in self.selected_shape_state.values_mut() {
+			self.ignore_anchors = !status;
+			state.ignore_anchors(status);
+		}
+	}
+
+	pub fn update_selected_handles_status(&mut self, status: bool) {
+		for state in self.selected_shape_state.values_mut() {
+			self.ignore_handles = !status;
+			state.ignore_handles(status);
+		}
+	}
+
+	/// Deselects all the anchors across every selected layer.
+	pub fn deselect_all_anchors(&mut self) {
+		for (_, state) in self.selected_shape_state.iter_mut() {
+			let selected_anchor_points: Vec<ManipulatorPointId> = state.selected_points.iter().filter(|selected_point| selected_point.as_anchor().is_some()).cloned().collect();
+
+			for point in selected_anchor_points {
+				state.deselect_point(point);
+			}
+		}
+	}
+
+	/// Deselects all the handles across every selected layer.
+	pub fn deselect_all_handles(&mut self) {
+		for (_, state) in self.selected_shape_state.iter_mut() {
+			let selected_handle_points: Vec<ManipulatorPointId> = state.selected_points.iter().filter(|selected_point| selected_point.as_handle().is_some()).cloned().collect();
+
+			for point in selected_handle_points {
+				state.deselect_point(point);
+			}
+		}
+	}
+
+	/// Set the shapes we consider for selection, we will choose draggable manipulators from these shapes.
+	pub fn set_selected_layers(&mut self, target_layers: Vec<LayerNodeIdentifier>) {
+		self.selected_shape_state.retain(|layer_path, _| target_layers.contains(layer_path));
+		for layer in target_layers {
+			self.selected_shape_state.entry(layer).or_default();
+		}
+	}
+
+	/// Returns an iterator over the currently selected layers to get their [`LayerNodeIdentifier`]s.
+	pub fn selected_layers(&self) -> impl Iterator<Item = &LayerNodeIdentifier> {
+		self.selected_shape_state.keys()
+	}
+
+	/// iterate over all selected layers in order from top to bottom
+	/// # WARN
+	/// iterate over all layers of the document
+	pub fn sorted_selected_layers<'a>(&'a self, document_metadata: &'a DocumentMetadata) -> impl Iterator<Item = LayerNodeIdentifier> + 'a {
+		document_metadata.all_layers().filter(|layer| self.selected_shape_state.contains_key(layer))
+	}
+
+	pub fn has_selected_layers(&self) -> bool {
+		!self.selected_shape_state.is_empty()
+	}
+
+	/// Provide the currently selected points by reference.
+	pub fn selected_points(&self) -> impl Iterator<Item = &'_ ManipulatorPointId> {
+		self.selected_shape_state.values().flat_map(|state| &state.selected_points)
+	}
+
+	pub fn selected_segments(&self) -> impl Iterator<Item = &'_ SegmentId> {
+		self.selected_shape_state.values().flat_map(|state| &state.selected_segments)
+	}
+
+	pub fn selected_points_in_layer(&self, layer: LayerNodeIdentifier) -> Option<&HashSet<ManipulatorPointId>> {
+		self.selected_shape_state.get(&layer).map(|state| &state.selected_points)
+	}
+
+	pub fn selected_segments_in_layer(&self, layer: LayerNodeIdentifier) -> Option<&HashSet<SegmentId>> {
+		self.selected_shape_state.get(&layer).map(|state| &state.selected_segments)
+	}
+
+	pub fn move_primary(&self, segment: SegmentId, delta: DVec2, layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>) {
+		responses.add(GraphOperationMessage::Vector {
+			layer,
+			modification_type: VectorModificationType::ApplyPrimaryDelta { segment, delta },
+		});
+	}
+
+	pub fn move_end(&self, segment: SegmentId, delta: DVec2, layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>) {
+		responses.add(GraphOperationMessage::Vector {
+			layer,
+			modification_type: VectorModificationType::ApplyEndDelta { segment, delta },
+		});
+	}
+
+	pub fn move_anchor(&self, point: PointId, vector_data: &VectorData, delta: DVec2, layer: LayerNodeIdentifier, selected: Option<&SelectedLayerState>, responses: &mut VecDeque<Message>) {
+		// Move anchor
+		responses.add(GraphOperationMessage::Vector {
+			layer,
+			modification_type: VectorModificationType::ApplyPointDelta { point, delta },
+		});
+
+		// Move the other handle for a quadratic bezier
+		for segment in vector_data.end_connected(point) {
+			let Some((start, _end, bezier)) = vector_data.segment_points_from_id(segment) else { continue };
+
+			if let BezierHandles::Quadratic { handle } = bezier.handles {
+				if selected.is_some_and(|selected| selected.is_point_selected(ManipulatorPointId::Anchor(start))) {
+					continue;
+				}
+
+				let relative_position = handle - bezier.start + delta;
+				let modification_type = VectorModificationType::SetPrimaryHandle { segment, relative_position };
+
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+			}
+		}
+	}
+
+	/// Moves a control point to a `new_position` in document space.
+	/// Returns `Some(())` if successful and `None` otherwise.
+	pub fn reposition_control_point(
+		&self,
+		point: &ManipulatorPointId,
+		network_interface: &NodeNetworkInterface,
+		new_position: DVec2,
+		layer: LayerNodeIdentifier,
+		responses: &mut VecDeque<Message>,
+	) -> Option<()> {
+		if self.is_point_ignored(point) {
+			return None;
+		}
+
+		let vector_data = network_interface.compute_modified_vector(layer)?;
+		let transform = network_interface.document_metadata().transform_to_document(layer).inverse();
+		let position = transform.transform_point2(new_position);
+		let current_position = point.get_position(&vector_data)?;
+		let delta = position - current_position;
+
+		match *point {
+			ManipulatorPointId::Anchor(point) => self.move_anchor(point, &vector_data, delta, layer, None, responses),
+			ManipulatorPointId::PrimaryHandle(segment) => {
+				self.move_primary(segment, delta, layer, responses);
+				if let Some(handles) = point.get_handle_pair(&vector_data) {
+					let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+			ManipulatorPointId::EndHandle(segment) => {
+				self.move_end(segment, delta, layer, responses);
+				if let Some(handles) = point.get_handle_pair(&vector_data) {
+					let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+		}
+
+		Some(())
+	}
+
+	/// Iterates over the selected manipulator groups excluding endpoints, returning whether their handles have mixed, colinear, or free angles.
+	/// If there are no points selected this function returns mixed.
+	pub fn selected_manipulator_angles(&self, network_interface: &NodeNetworkInterface) -> ManipulatorAngle {
+		// This iterator contains a bool indicating whether or not selected points' manipulator groups have colinear handles.
+		let mut points_colinear_status = self
+			.selected_shape_state
+			.iter()
+			.map(|(&layer, selection_state)| (network_interface.compute_modified_vector(layer), selection_state))
+			.flat_map(|(data, selection_state)| {
+				selection_state.selected_points.iter().filter_map(move |&point| {
+					let Some(data) = &data else { return None };
+					let _ = point.get_handle_pair(data)?; // ignores the endpoints.
+					Some(data.colinear(point))
+				})
+			});
+
+		let Some(first_is_colinear) = points_colinear_status.next() else { return ManipulatorAngle::Mixed };
+		if points_colinear_status.any(|point| first_is_colinear != point) {
+			return ManipulatorAngle::Mixed;
+		}
+		if first_is_colinear { ManipulatorAngle::Colinear } else { ManipulatorAngle::Free }
+	}
+
+	pub fn convert_manipulator_handles_to_colinear(&self, vector_data: &VectorData, point_id: PointId, responses: &mut VecDeque<Message>, layer: LayerNodeIdentifier) {
+		let Some(anchor_position) = ManipulatorPointId::Anchor(point_id).get_position(vector_data) else {
+			return;
+		};
+		let handles = vector_data.all_connected(point_id).take(2).collect::<Vec<_>>();
+		let non_zero_handles = handles.iter().filter(|handle| handle.length(vector_data) > 1e-6).count();
+		let handle_segments = handles.iter().map(|handles| handles.segment).collect::<Vec<_>>();
+
+		// Check if the anchor is connected to linear segments and has no handles
+		let linear_segments = vector_data.connected_linear_segments(point_id) != 0;
+
+		// Grab the next and previous manipulator groups by simply looking at the next / previous index
+		let points = handles.iter().map(|handle| vector_data.other_point(handle.segment, point_id));
+		let anchor_positions = points
+			.map(|point| point.and_then(|point| ManipulatorPointId::Anchor(point).get_position(vector_data)))
+			.collect::<Vec<_>>();
+
+		let mut segment_angle = 0.;
+		let mut segment_count = 0.;
+
+		for segment in &handle_segments {
+			let Some(angle) = calculate_segment_angle(point_id, *segment, vector_data, false) else {
+				continue;
+			};
+			segment_angle += angle;
+			segment_count += 1.;
+		}
+
+		// For a non-endpoint anchor, handles are perpendicular to the average tangent of adjacent segments.(Refer:https://github.com/GraphiteEditor/Graphite/pull/2620#issuecomment-2881501494)
+		let mut handle_direction = if segment_count > 1. {
+			segment_angle /= segment_count;
+			segment_angle += std::f64::consts::FRAC_PI_2;
+			DVec2::new(segment_angle.cos(), segment_angle.sin())
+		} else {
+			DVec2::new(segment_angle.cos(), segment_angle.sin())
+		};
+
+		// Set the manipulator to have colinear handles
+		if let (Some(a), Some(b)) = (handles.first(), handles.get(1)) {
+			let handles = [*a, *b];
+			let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: true };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		}
+
+		// Flip the vector if it is not facing towards the same direction as the anchor
+		let [first, second] = [anchor_positions.first().copied().flatten(), anchor_positions.get(1).copied().flatten()];
+		if first.is_some_and(|group| (group - anchor_position).normalize_or_zero().dot(handle_direction) < 0.)
+			|| second.is_some_and(|group| (group - anchor_position).normalize_or_zero().dot(handle_direction) > 0.)
+		{
+			handle_direction *= -1.;
+		}
+
+		if non_zero_handles != 0 && !linear_segments {
+			let [a, b] = handles.as_slice() else { return };
+			let (non_zero_handle, zero_handle) = if a.length(vector_data) > 1e-6 { (a, b) } else { (b, a) };
+			let Some(direction) = non_zero_handle
+				.to_manipulator_point()
+				.get_position(vector_data)
+				.and_then(|position| (position - anchor_position).try_normalize())
+			else {
+				return;
+			};
+			let new_position = -direction * non_zero_handle.length(vector_data);
+			let modification_type = zero_handle.set_relative_position(new_position);
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		} else {
+			// Push both in and out handles into the correct position
+			for ((handle, sign), other_anchor) in handles.iter().zip([1., -1.]).zip(&anchor_positions) {
+				let Some(anchor_vector) = other_anchor.map(|position| (position - anchor_position)) else {
+					continue;
+				};
+
+				let Some(unit_vector) = anchor_vector.try_normalize() else {
+					continue;
+				};
+
+				let projection = anchor_vector.length() * HANDLE_LENGTH_FACTOR * handle_direction.dot(unit_vector).abs();
+
+				let new_position = handle_direction * projection * sign;
+				let modification_type = handle.set_relative_position(new_position);
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+				// Create the opposite handle if it doesn't exist (if it is not a cubic segment)
+				if handle.opposite().to_manipulator_point().get_position(vector_data).is_none() {
+					let modification_type = handle.opposite().set_relative_position(DVec2::ZERO);
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+		}
+	}
+
+	/// Converts all selected points to colinear while moving the handles to ensure their 180° angle separation.
+	/// If only one handle is selected, the other handle will be moved to match the angle of the selected handle.
+	/// If both or neither handles are selected, the angle of both handles will be averaged from their current angles, weighted by their lengths.
+	/// Assumes all selected manipulators have handles that are already not colinear.
+	pub fn convert_selected_manipulators_to_colinear_handles(&self, responses: &mut VecDeque<Message>, document: &DocumentMessageHandler) {
+		let mut skip_set = HashSet::new();
+
+		for (&layer, layer_state) in self.selected_shape_state.iter() {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+				continue;
+			};
+			let transform = document.metadata().transform_to_document(layer);
+
+			for &point in layer_state.selected_points.iter() {
+				let Some(handles) = point.get_handle_pair(&vector_data) else { continue };
+				if skip_set.contains(&handles) || skip_set.contains(&[handles[1], handles[0]]) {
+					continue;
+				};
+
+				skip_set.insert(handles);
+
+				let [selected0, selected1] = handles.map(|handle| layer_state.selected_points.contains(&handle.to_manipulator_point()));
+				let handle_positions = handles.map(|handle| handle.to_manipulator_point().get_position(&vector_data));
+
+				let Some(anchor_id) = point.get_anchor(&vector_data) else { continue };
+				let Some(anchor) = vector_data.point_domain.position_from_id(anchor_id) else { continue };
+
+				let anchor_points = handles.map(|handle| vector_data.other_point(handle.segment, anchor_id));
+				let anchor_positions = anchor_points.map(|point| point.and_then(|point| vector_data.point_domain.position_from_id(point)));
+
+				// If one handle is selected (but both exist), only move the other handle
+				if let (true, [Some(pos0), Some(pos1)]) = ((selected0 ^ selected1), handle_positions) {
+					let [(_selected_handle, selected_position), (unselected_handle, unselected_position)] = if selected0 {
+						[(handles[0], pos0), (handles[1], pos1)]
+					} else {
+						[(handles[1], pos1), (handles[0], pos0)]
+					};
+					let direction = transform
+						.transform_vector2(anchor - selected_position)
+						.try_normalize()
+						.unwrap_or_else(|| transform.transform_vector2(unselected_position - anchor).normalize_or_zero());
+
+					let length = transform.transform_vector2(unselected_position - anchor).length();
+					let position = transform.inverse().transform_vector2(direction * length);
+					let modification_type = unselected_handle.set_relative_position(position);
+					if (anchor - selected_position).length() > 1e-6 {
+						responses.add(GraphOperationMessage::Vector { layer, modification_type });
+					}
+				}
+				// If both handles are selected, average the angles of the handles
+				else {
+					// We could normalize these directions?
+					let mut handle_directions = handle_positions.map(|handle| handle.map(|handle| handle - anchor));
+
+					let mut normalized = handle_directions[0].and_then(|a| handle_directions[1].and_then(|b| (a - b).try_normalize()));
+
+					if normalized.is_none() {
+						handle_directions = anchor_positions.map(|relative_anchor| relative_anchor.map(|relative_anchor| (relative_anchor - anchor) / 3.));
+						normalized = handle_directions[0].and_then(|a| handle_directions[1].and_then(|b| (a - b).try_normalize()))
+					}
+					let Some(normalized) = normalized else { continue };
+
+					// Push both in and out handles into the correct position
+					for (index, sign) in [(0, 1.), (1, -1.)] {
+						let Some(direction) = handle_directions[index] else { continue };
+						let new_position = direction.length() * normalized * sign;
+						let modification_type = handles[index].set_relative_position(new_position);
+						responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+						// Create the opposite handle if it doesn't exist (if it is not a cubic segment)
+						if handles[index].opposite().to_manipulator_point().get_position(&vector_data).is_none() {
+							let modification_type = handles[index].opposite().set_relative_position(DVec2::ZERO);
+							responses.add(GraphOperationMessage::Vector { layer, modification_type });
+						}
+					}
+				}
+				let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: true };
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+			}
+		}
+	}
+
+	/// Move the selected points and segments by dragging the mouse.
+	#[allow(clippy::too_many_arguments)]
+	pub fn move_selected_points_and_segments(
+		&self,
+		handle_lengths: Option<OpposingHandleLengths>,
+		document: &DocumentMessageHandler,
+		delta: DVec2,
+		equidistant: bool,
+		in_viewport_space: bool,
+		was_alt_dragging: bool,
+		opposite_handle_position: Option<DVec2>,
+		skip_opposite_handle: bool,
+		responses: &mut VecDeque<Message>,
+	) {
+		for (&layer, state) in &self.selected_shape_state {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { continue };
+
+			let opposing_handles = handle_lengths.as_ref().and_then(|handle_lengths| handle_lengths.get(&layer));
+
+			let transform_to_viewport_space = document.metadata().transform_to_viewport(layer);
+			let transform_to_document_space = document.metadata().transform_to_document(layer);
+			let delta_transform = if in_viewport_space {
+				transform_to_viewport_space
+			} else {
+				DAffine2::from_angle(document.document_ptz.tilt()) * transform_to_document_space
+			};
+			let delta = delta_transform.inverse().transform_vector2(delta);
+
+			// Make a new collection of anchor points which needs to be moved
+			let mut affected_points = state.selected_points.clone();
+
+			for (segment_id, _, start, end) in vector_data.segment_bezier_iter() {
+				if state.is_segment_selected(segment_id) {
+					affected_points.insert(ManipulatorPointId::Anchor(start));
+					affected_points.insert(ManipulatorPointId::Anchor(end));
+				}
+			}
+
+			for &point in affected_points.iter() {
+				if self.is_point_ignored(&point) {
+					continue;
+				}
+
+				let handle = match point {
+					ManipulatorPointId::Anchor(point) => {
+						self.move_anchor(point, &vector_data, delta, layer, Some(state), responses);
+						continue;
+					}
+					ManipulatorPointId::PrimaryHandle(segment) => HandleId::primary(segment),
+					ManipulatorPointId::EndHandle(segment) => HandleId::end(segment),
+				};
+
+				let Some(anchor_id) = point.get_anchor(&vector_data) else { continue };
+				if state.is_point_selected(ManipulatorPointId::Anchor(anchor_id)) {
+					continue;
+				}
+
+				let Some(anchor_position) = vector_data.point_domain.position_from_id(anchor_id) else { continue };
+
+				let Some(handle_position) = point.get_position(&vector_data) else { continue };
+				let handle_position = handle_position + delta;
+
+				let modification_type = handle.set_relative_position(handle_position - anchor_position);
+
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+				let Some(other) = vector_data.other_colinear_handle(handle) else { continue };
+
+				if skip_opposite_handle {
+					continue;
+				}
+
+				if state.is_point_selected(other.to_manipulator_point()) {
+					// If two colinear handles are being dragged at the same time but not the anchor, it is necessary to break the colinear state.
+					let handles = [handle, other];
+					let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+					continue;
+				}
+
+				let new_relative = if equidistant {
+					-(handle_position - anchor_position)
+				}
+				// If the handle is very close to the anchor, return the original position
+				else if (handle_position - anchor_position).length_squared() < f64::EPSILON * 1e5 {
+					let Some(opposite_handle_position) = opposite_handle_position else { continue };
+					opposite_handle_position - anchor_position
+				} else {
+					// TODO: Is this equivalent to `transform_to_document_space`? If changed, the before and after should be tested.
+					let transform = document.metadata().document_to_viewport.inverse() * transform_to_viewport_space;
+					let Some(other_position) = other.to_manipulator_point().get_position(&vector_data) else {
+						continue;
+					};
+					let direction = transform.transform_vector2(handle_position - anchor_position).try_normalize();
+					let opposing_handle = opposing_handles.and_then(|handles| handles.get(&other));
+					let length = opposing_handle.copied().unwrap_or_else(|| transform.transform_vector2(other_position - anchor_position).length());
+					direction.map_or(other_position - anchor_position, |direction| transform.inverse().transform_vector2(-direction * length))
+				};
+
+				if !was_alt_dragging {
+					let modification_type = other.set_relative_position(new_relative);
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+		}
+	}
+
+	/// The opposing handle lengths.
+	pub fn opposing_handle_lengths(&self, document: &DocumentMessageHandler) -> OpposingHandleLengths {
+		self.selected_shape_state
+			.iter()
+			.filter_map(|(&layer, state)| {
+				let vector_data = document.network_interface.compute_modified_vector(layer)?;
+				let transform = document.metadata().transform_to_document(layer);
+				let opposing_handle_lengths = vector_data
+					.colinear_manipulators
+					.iter()
+					.filter_map(|&handles| {
+						// We will keep track of the opposing handle length when:
+						// i) Exactly one handle is selected.
+						// ii) The anchor is not selected.
+
+						let anchor = handles[0].to_manipulator_point().get_anchor(&vector_data)?;
+						let anchor_selected = state.is_point_selected(ManipulatorPointId::Anchor(anchor));
+						if anchor_selected {
+							return None;
+						}
+
+						let handles_selected = handles.map(|handle| state.is_point_selected(handle.to_manipulator_point()));
+
+						let other = match handles_selected {
+							[true, false] => handles[1],
+							[false, true] => handles[0],
+							_ => return None,
+						};
+
+						let opposing_handle_position = other.to_manipulator_point().get_position(&vector_data)?;
+						let anchor_position = vector_data.point_domain.position_from_id(anchor)?;
+
+						let opposing_handle_length = transform.transform_vector2(opposing_handle_position - anchor_position).length();
+						Some((other, opposing_handle_length))
+					})
+					.collect::<HashMap<_, _>>();
+				Some((layer, opposing_handle_lengths))
+			})
+			.collect::<HashMap<_, _>>()
+	}
+
+	pub fn dissolve_segment(&self, responses: &mut VecDeque<Message>, layer: LayerNodeIdentifier, vector_data: &VectorData, segment: SegmentId, points: [PointId; 2]) {
+		// Checking which point is terminal point
+		let is_point1_terminal = vector_data.connected_count(points[0]) == 1;
+		let is_point2_terminal = vector_data.connected_count(points[1]) == 1;
+
+		// Delete the segment and terminal points
+		let modification_type = VectorModificationType::RemoveSegment { id: segment };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		for &handles in vector_data.colinear_manipulators.iter().filter(|handles| handles.iter().any(|handle| handle.segment == segment)) {
+			let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		}
+
+		if is_point1_terminal {
+			let modification_type = VectorModificationType::RemovePoint { id: points[0] };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		}
+		if is_point2_terminal {
+			let modification_type = VectorModificationType::RemovePoint { id: points[1] };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		}
+	}
+
+	fn dissolve_anchor(anchor: PointId, responses: &mut VecDeque<Message>, layer: LayerNodeIdentifier, vector_data: &VectorData) -> Option<[(HandleId, PointId); 2]> {
+		// Delete point
+		let modification_type = VectorModificationType::RemovePoint { id: anchor };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		// Delete connected segments
+		for HandleId { segment, .. } in vector_data.all_connected(anchor) {
+			let modification_type = VectorModificationType::RemoveSegment { id: segment };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+			for &handles in vector_data.colinear_manipulators.iter().filter(|handles| handles.iter().any(|handle| handle.segment == segment)) {
+				let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+			}
+		}
+
+		// Add in new segment if possible
+		let mut handles = ManipulatorPointId::Anchor(anchor).get_handle_pair(vector_data)?;
+		handles.reverse();
+		let opposites = handles.map(|handle| handle.opposite());
+
+		let [Some(start), Some(end)] = opposites.map(|opposite| opposite.to_manipulator_point().get_anchor(vector_data)) else {
+			return None;
+		};
+		Some([(handles[0], start), (handles[1], end)])
+	}
+
+	/// Dissolve the selected points.
+	pub fn delete_selected_points(&mut self, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		for (&layer, state) in &mut self.selected_shape_state {
+			let mut missing_anchors = HashMap::new();
+			let mut deleted_anchors = HashSet::new();
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+				continue;
+			};
+
+			let selected_segments = &state.selected_segments;
+
+			for point in std::mem::take(&mut state.selected_points) {
+				match point {
+					ManipulatorPointId::Anchor(anchor) => {
+						if let Some(handles) = Self::dissolve_anchor(anchor, responses, layer, &vector_data) {
+							if !vector_data.all_connected(anchor).any(|a| selected_segments.contains(&a.segment)) {
+								missing_anchors.insert(anchor, handles);
+							}
+						}
+						deleted_anchors.insert(anchor);
+					}
+					ManipulatorPointId::PrimaryHandle(_) | ManipulatorPointId::EndHandle(_) => {
+						let Some(handle) = point.as_handle() else { continue };
+
+						// Place the handle on top of the anchor
+						let modification_type = handle.set_relative_position(DVec2::ZERO);
+						responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+						// Disable the g1 continuous
+						for &handles in &vector_data.colinear_manipulators {
+							if handles.contains(&handle) {
+								let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+								responses.add(GraphOperationMessage::Vector { layer, modification_type });
+							}
+						}
+					}
+				}
+			}
+
+			let mut visited = Vec::new();
+			while let Some((anchor, handles)) = missing_anchors.keys().next().copied().and_then(|id| missing_anchors.remove_entry(&id)) {
+				visited.push(anchor);
+
+				// If the adjacent point is just this point then skip
+				let mut handles = handles.map(|handle| (handle.1 != anchor).then_some(handle));
+
+				// If the adjacent points are themselves being deleted, then repeatedly visit the newest agacent points.
+				for handle in &mut handles {
+					while let Some((point, connected)) = (*handle).and_then(|(_, point)| missing_anchors.remove_entry(&point)) {
+						visited.push(point);
+
+						*handle = connected.into_iter().find(|(_, point)| !visited.contains(point));
+					}
+				}
+
+				let [Some(start), Some(end)] = handles else { continue };
+
+				// Avoid reconnecting to points that are being deleted (this can happen if a whole loop is deleted)
+				if deleted_anchors.contains(&start.1) || deleted_anchors.contains(&end.1) {
+					continue;
+				}
+
+				// Avoid reconnecting to points which have adjacent segments selected
+
+				// Grab the handles from the opposite side of the segment(s) being deleted and make it relative to the anchor
+				let [handle_start, handle_end] = [start, end].map(|(handle, _)| {
+					let handle = handle.opposite();
+					let handle_position = handle.to_manipulator_point().get_position(&vector_data);
+					let relative_position = handle
+						.to_manipulator_point()
+						.get_anchor(&vector_data)
+						.and_then(|anchor| vector_data.point_domain.position_from_id(anchor));
+					handle_position.and_then(|handle| relative_position.map(|relative| handle - relative)).unwrap_or_default()
+				});
+
+				let segment = start.0.segment;
+
+				let modification_type = VectorModificationType::InsertSegment {
+					id: segment,
+					points: [start.1, end.1],
+					handles: [Some(handle_start), Some(handle_end)],
+				};
+
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+				for &handles in vector_data.colinear_manipulators.iter() {
+					if !handles.iter().any(|&handle| handle == start.0.opposite() || handle == end.0.opposite()) {
+						continue;
+					}
+
+					let Some(anchor) = handles[0].to_manipulator_point().get_anchor(&vector_data) else { continue };
+					let Some(other) = handles.iter().find(|&&handle| handle != start.0.opposite() && handle != end.0.opposite()) else {
+						continue;
+					};
+
+					let handle_ty = if anchor == start.1 {
+						HandleId::primary(segment)
+					} else if anchor == end.1 {
+						HandleId::end(segment)
+					} else {
+						continue;
+					};
+					let handles = [*other, handle_ty];
+					let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: true };
+
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+		}
+	}
+
+	pub fn delete_selected_segments(&mut self, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		for (&layer, state) in &self.selected_shape_state {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+				continue;
+			};
+
+			for (segment, _, start, end) in vector_data.segment_bezier_iter() {
+				if state.selected_segments.contains(&segment) {
+					self.dissolve_segment(responses, layer, &vector_data, segment, [start, end]);
+				}
+			}
+		}
+	}
+
+	pub fn break_path_at_selected_point(&self, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		for (&layer, state) in &self.selected_shape_state {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { continue };
+
+			for &delete in &state.selected_points {
+				let Some(point) = delete.get_anchor(&vector_data) else { continue };
+				let Some(pos) = vector_data.point_domain.position_from_id(point) else { continue };
+
+				let mut used_initial_point = false;
+				for handle in vector_data.all_connected(point) {
+					// Disable the g1 continuous
+					for &handles in &vector_data.colinear_manipulators {
+						if handles.contains(&handle) {
+							let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+							responses.add(GraphOperationMessage::Vector { layer, modification_type });
+						}
+					}
+
+					// Keep the existing point for the first segment
+					if !used_initial_point {
+						used_initial_point = true;
+						continue;
+					}
+
+					// Create new point
+					let id = PointId::generate();
+					let modification_type = VectorModificationType::InsertPoint { id, position: pos };
+
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+					// Update segment
+					let HandleId { ty, segment } = handle;
+					let modification_type = match ty {
+						graphene_std::vector::HandleType::Primary => VectorModificationType::SetStartPoint { segment, id },
+						graphene_std::vector::HandleType::End => VectorModificationType::SetEndPoint { segment, id },
+					};
+
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+		}
+	}
+
+	/// Delete point(s) and adjacent segments.
+	pub fn delete_point_and_break_path(&mut self, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		for (&layer, state) in &mut self.selected_shape_state {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+				continue;
+			};
+
+			for delete in std::mem::take(&mut state.selected_points) {
+				let Some(point) = delete.get_anchor(&vector_data) else { continue };
+
+				// Delete point
+				let modification_type = VectorModificationType::RemovePoint { id: point };
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+				// Delete connected segments
+				for HandleId { segment, .. } in vector_data.all_connected(point) {
+					let modification_type = VectorModificationType::RemoveSegment { id: segment };
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+		}
+	}
+
+	/// Disable colinear handles colinear.
+	pub fn disable_colinear_handles_state_on_selected(&self, network_interface: &NodeNetworkInterface, responses: &mut VecDeque<Message>) {
+		for (&layer, state) in &self.selected_shape_state {
+			let Some(vector_data) = network_interface.compute_modified_vector(layer) else {
+				continue;
+			};
+
+			for &point in &state.selected_points {
+				if let ManipulatorPointId::Anchor(point) = point {
+					for connected in vector_data.all_connected(point) {
+						if let Some(&handles) = vector_data.colinear_manipulators.iter().find(|target| target.iter().any(|&target| target == connected)) {
+							let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+							responses.add(GraphOperationMessage::Vector { layer, modification_type });
+						}
+					}
+				} else if let Some(handles) = point.get_handle_pair(&vector_data) {
+					let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+					responses.add(GraphOperationMessage::Vector { layer, modification_type });
+				}
+			}
+		}
+	}
+
+	/// Find a [ManipulatorPoint] that is within the selection threshold and return the layer path, an index to the [ManipulatorGroup], and an enum index for [ManipulatorPoint].
+	pub fn find_nearest_point_indices(&mut self, network_interface: &NodeNetworkInterface, mouse_position: DVec2, select_threshold: f64) -> Option<(LayerNodeIdentifier, ManipulatorPointId)> {
+		if self.selected_shape_state.is_empty() {
+			return None;
+		}
+
+		let select_threshold_squared = select_threshold * select_threshold;
+
+		// Find the closest control point among all elements of shapes_to_modify
+		for &layer in self.selected_shape_state.keys() {
+			if let Some((manipulator_point_id, distance_squared)) = Self::closest_point_in_layer(network_interface, layer, mouse_position) {
+				// Choose the first point under the threshold
+				if distance_squared < select_threshold_squared {
+					trace!("Selecting... manipulator point: {manipulator_point_id:?}");
+					return Some((layer, manipulator_point_id));
+				}
+			}
+		}
+
+		None
+	}
+
+	pub fn find_nearest_visible_point_indices(
+		&mut self,
+		network_interface: &NodeNetworkInterface,
+		mouse_position: DVec2,
+		select_threshold: f64,
+		path_overlay_mode: PathOverlayMode,
+		frontier_handles_info: Option<HashMap<SegmentId, Vec<PointId>>>,
+	) -> Option<(LayerNodeIdentifier, ManipulatorPointId)> {
+		if self.selected_shape_state.is_empty() {
+			return None;
+		}
+
+		let select_threshold_squared = select_threshold.powi(2);
+
+		// Find the closest control point among all elements of shapes_to_modify
+		for &layer in self.selected_shape_state.keys() {
+			if let Some((manipulator_point_id, distance_squared)) = Self::closest_point_in_layer(network_interface, layer, mouse_position) {
+				// Choose the first point under the threshold
+				if distance_squared < select_threshold_squared {
+					// Check if point is visible in current PathOverlayMode
+					let vector_data = network_interface.compute_modified_vector(layer)?;
+					let selected_segments = selected_segments(network_interface, self);
+					let selected_points = self.selected_points().cloned().collect::<HashSet<_>>();
+
+					if !is_visible_point(manipulator_point_id, &vector_data, path_overlay_mode, frontier_handles_info, selected_segments, &selected_points) {
+						return None;
+					}
+
+					return Some((layer, manipulator_point_id));
+				}
+			}
+		}
+
+		None
+	}
+
+	// TODO Use quadtree or some equivalent spatial acceleration structure to improve this to O(log(n))
+	/// Find the closest manipulator, manipulator point, and distance so we can select path elements.
+	/// Brute force comparison to determine which manipulator (handle or anchor) we want to select taking O(n) time.
+	/// Return value is an `Option` of the tuple representing `(ManipulatorPointId, distance squared)`.
+	fn closest_point_in_layer(network_interface: &NodeNetworkInterface, layer: LayerNodeIdentifier, pos: glam::DVec2) -> Option<(ManipulatorPointId, f64)> {
+		let mut closest_distance_squared: f64 = f64::MAX;
+		let mut manipulator_point = None;
+
+		let vector_data = network_interface.compute_modified_vector(layer)?;
+		let viewspace = network_interface.document_metadata().transform_to_viewport(layer);
+
+		// Handles
+		for (segment_id, bezier, _, _) in vector_data.segment_bezier_iter() {
+			let bezier = bezier.apply_transformation(|point| viewspace.transform_point2(point));
+			let valid = |handle: DVec2, control: DVec2| handle.distance_squared(control) > crate::consts::HIDE_HANDLE_DISTANCE.powi(2);
+
+			if let Some(primary_handle) = bezier.handle_start() {
+				if valid(primary_handle, bezier.start) && (bezier.handle_end().is_some() || valid(primary_handle, bezier.end)) && primary_handle.distance_squared(pos) <= closest_distance_squared {
+					closest_distance_squared = primary_handle.distance_squared(pos);
+					manipulator_point = Some(ManipulatorPointId::PrimaryHandle(segment_id));
+				}
+			}
+			if let Some(end_handle) = bezier.handle_end() {
+				if valid(end_handle, bezier.end) && end_handle.distance_squared(pos) <= closest_distance_squared {
+					closest_distance_squared = end_handle.distance_squared(pos);
+					manipulator_point = Some(ManipulatorPointId::EndHandle(segment_id));
+				}
+			}
+		}
+
+		// Anchors
+		for (&id, &point) in vector_data.point_domain.ids().iter().zip(vector_data.point_domain.positions()) {
+			let point = viewspace.transform_point2(point);
+
+			if point.distance_squared(pos) <= closest_distance_squared {
+				closest_distance_squared = point.distance_squared(pos);
+				manipulator_point = Some(ManipulatorPointId::Anchor(id));
+			}
+		}
+
+		manipulator_point.map(|id| (id, closest_distance_squared))
+	}
+
+	/// Find the `t` value along the path segment we have clicked upon, together with that segment ID.
+	fn closest_segment(&self, network_interface: &NodeNetworkInterface, layer: LayerNodeIdentifier, position: glam::DVec2, tolerance: f64) -> Option<ClosestSegment> {
+		let transform = network_interface.document_metadata().transform_to_viewport(layer);
+		let layer_pos = transform.inverse().transform_point2(position);
+
+		let tolerance = tolerance + 0.5;
+
+		let mut closest = None;
+		let mut closest_distance_squared: f64 = tolerance * tolerance;
+
+		let vector_data = network_interface.compute_modified_vector(layer)?;
+
+		for (segment, mut bezier, start, end) in vector_data.segment_bezier_iter() {
+			let t = bezier.project(layer_pos);
+			let layerspace = bezier.evaluate(TValue::Parametric(t));
+
+			let screenspace = transform.transform_point2(layerspace);
+			let distance_squared = screenspace.distance_squared(position);
+
+			if distance_squared < closest_distance_squared {
+				closest_distance_squared = distance_squared;
+
+				// Convert to linear if handes are on top of control points
+				if let bezier_rs::BezierHandles::Cubic { handle_start, handle_end } = bezier.handles {
+					if handle_start.abs_diff_eq(bezier.start(), f64::EPSILON * 100.) && handle_end.abs_diff_eq(bezier.end(), f64::EPSILON * 100.) {
+						bezier = Bezier::from_linear_dvec2(bezier.start, bezier.end);
+					}
+				}
+
+				let primary_handle = vector_data.colinear_manipulators.iter().find(|handles| handles.contains(&HandleId::primary(segment)));
+				let end_handle = vector_data.colinear_manipulators.iter().find(|handles| handles.contains(&HandleId::end(segment)));
+				let primary_handle = primary_handle.and_then(|&handles| handles.into_iter().find(|handle| handle.segment != segment));
+				let end_handle = end_handle.and_then(|&handles| handles.into_iter().find(|handle| handle.segment != segment));
+
+				closest = Some(ClosestSegment {
+					segment,
+					bezier,
+					points: [start, end],
+					colinear: [primary_handle, end_handle],
+					t,
+					bezier_point_to_viewport: screenspace,
+					layer,
+				});
+			}
+		}
+
+		closest
+	}
+
+	/// find closest to the position segment on selected layers. If there is more than one layers with close enough segment it return upper from them
+	pub fn upper_closest_segment(&self, network_interface: &NodeNetworkInterface, position: glam::DVec2, tolerance: f64) -> Option<ClosestSegment> {
+		let closest_seg = |layer| self.closest_segment(network_interface, layer, position, tolerance);
+		match self.selected_shape_state.len() {
+			0 => None,
+			1 => self.selected_layers().next().copied().and_then(closest_seg),
+			_ => self.sorted_selected_layers(network_interface.document_metadata()).find_map(closest_seg),
+		}
+	}
+	pub fn get_dragging_state(&self, network_interface: &NodeNetworkInterface) -> PointSelectState {
+		for &layer in self.selected_shape_state.keys() {
+			let Some(vector_data) = network_interface.compute_modified_vector(layer) else { continue };
+
+			for point in self.selected_points() {
+				if point.as_anchor().is_some() {
+					return PointSelectState::Anchor;
+				}
+				if point.get_handle_pair(&vector_data).is_some() {
+					return PointSelectState::HandleWithPair;
+				}
+			}
+		}
+		PointSelectState::HandleNoPair
+	}
+
+	/// Returns true if at least one handle with pair is selected
+	pub fn handle_with_pair_selected(&mut self, network_interface: &NodeNetworkInterface) -> bool {
+		for &layer in self.selected_shape_state.keys() {
+			let Some(vector_data) = network_interface.compute_modified_vector(layer) else { continue };
+
+			for point in self.selected_points() {
+				if point.as_anchor().is_some() {
+					return false;
+				}
+				if point.get_handle_pair(&vector_data).is_some() {
+					return true;
+				}
+			}
+		}
+
+		false
+	}
+
+	/// Alternate selected handles to mirrors
+	pub fn alternate_selected_handles(&mut self, network_interface: &NodeNetworkInterface) {
+		let mut handles_to_update = Vec::new();
+
+		for &layer in self.selected_shape_state.keys() {
+			let Some(vector_data) = network_interface.compute_modified_vector(layer) else { continue };
+
+			for point in self.selected_points() {
+				if point.as_anchor().is_some() {
+					continue;
+				}
+				if let Some(handles) = point.get_handle_pair(&vector_data) {
+					// handle[0] is selected, handle[1] is opposite / mirror handle
+					handles_to_update.push((layer, handles[0].to_manipulator_point(), handles[1].to_manipulator_point()));
+				}
+			}
+		}
+
+		for (layer, handle_to_deselect, handle_to_select) in handles_to_update {
+			if let Some(state) = self.selected_shape_state.get_mut(&layer) {
+				let points = &state.selected_points;
+				let both_selected = points.contains(&handle_to_deselect) && points.contains(&handle_to_select);
+				if both_selected {
+					continue;
+				}
+
+				state.deselect_point(handle_to_deselect);
+				state.select_point(handle_to_select);
+			}
+		}
+	}
+
+	/// Selects handles and anchor connected to current handle
+	pub fn select_handles_and_anchor_connected_to_current_handle(&mut self, network_interface: &NodeNetworkInterface) {
+		let mut points_to_select: Vec<(LayerNodeIdentifier, Option<PointId>, Option<ManipulatorPointId>)> = Vec::new();
+
+		for &layer in self.selected_shape_state.keys() {
+			let Some(vector_data) = network_interface.compute_modified_vector(layer) else {
+				continue;
+			};
+
+			for point in self.selected_points().filter(|point| point.as_handle().is_some()) {
+				let anchor = point.get_anchor(&vector_data);
+				match point.get_handle_pair(&vector_data) {
+					Some(handles) => {
+						points_to_select.push((layer, anchor, Some(handles[1].to_manipulator_point())));
+					}
+					_ => {
+						points_to_select.push((layer, anchor, None));
+					}
+				}
+			}
+		}
+
+		for (layer, anchor, handle) in points_to_select {
+			if let Some(state) = self.selected_shape_state.get_mut(&layer) {
+				if let Some(anchor) = anchor {
+					state.select_point(ManipulatorPointId::Anchor(anchor));
+				}
+				if let Some(handle) = handle {
+					state.select_point(handle);
+				}
+			}
+		}
+	}
+
+	pub fn select_points_by_manipulator_id(&mut self, points: &Vec<ManipulatorPointId>) {
+		let layers_to_modify: Vec<_> = self.selected_shape_state.keys().cloned().collect();
+
+		for layer in layers_to_modify {
+			if let Some(state) = self.selected_shape_state.get_mut(&layer) {
+				for point in points {
+					state.select_point(*point);
+				}
+			}
+		}
+	}
+
+	/// Converts a nearby clicked anchor point's handles between sharp (zero-length handles) and smooth (pulled-apart handle(s)).
+	/// If both handles aren't zero-length, they are set that. If both are zero-length, they are stretched apart by a reasonable amount.
+	/// This can can be activated by double clicking on an anchor with the Path tool.
+	pub fn flip_smooth_sharp(&self, network_interface: &NodeNetworkInterface, target: glam::DVec2, tolerance: f64, responses: &mut VecDeque<Message>) -> bool {
+		let mut process_layer = |layer| {
+			let vector_data = network_interface.compute_modified_vector(layer)?;
+			let transform_to_screenspace = network_interface.document_metadata().transform_to_viewport(layer);
+
+			let mut result = None;
+			let mut closest_distance_squared = tolerance * tolerance;
+
+			// Find the closest anchor point on the current layer
+			for (&id, &anchor) in vector_data.point_domain.ids().iter().zip(vector_data.point_domain.positions()) {
+				let screenspace = transform_to_screenspace.transform_point2(anchor);
+				let distance_squared = screenspace.distance_squared(target);
+
+				if distance_squared < closest_distance_squared {
+					closest_distance_squared = distance_squared;
+					result = Some((id, anchor));
+				}
+			}
+
+			let (id, anchor) = result?;
+			let handles = vector_data.all_connected(id);
+			let positions = handles
+				.filter_map(|handle| handle.to_manipulator_point().get_position(&vector_data))
+				.filter(|&handle| anchor.abs_diff_eq(handle, 1e-5))
+				.count();
+
+			// Check if the anchor is connected to linear segments.
+			let one_or_more_segment_linear = vector_data.connected_linear_segments(id) != 0;
+
+			// Check by comparing the handle positions to the anchor if this manipulator group is a point
+			for point in self.selected_points() {
+				let Some(point_id) = point.as_anchor() else { continue };
+				if positions != 0 || one_or_more_segment_linear {
+					self.convert_manipulator_handles_to_colinear(&vector_data, point_id, responses, layer);
+				} else {
+					for handle in vector_data.all_connected(point_id) {
+						let Some(bezier) = vector_data.segment_from_id(handle.segment) else { continue };
+
+						match bezier.handles {
+							BezierHandles::Linear => {}
+							BezierHandles::Quadratic { .. } => {
+								let segment = handle.segment;
+								// Convert to linear
+								let modification_type = VectorModificationType::SetHandles { segment, handles: [None; 2] };
+								responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+								// Set the manipulator to have non-colinear handles
+								for &handles in &vector_data.colinear_manipulators {
+									if handles.contains(&HandleId::primary(segment)) {
+										let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+										responses.add(GraphOperationMessage::Vector { layer, modification_type });
+									}
+								}
+							}
+							BezierHandles::Cubic { .. } => {
+								// Set handle position to anchor position
+								let modification_type = handle.set_relative_position(DVec2::ZERO);
+								responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+								// Set the manipulator to have non-colinear handles
+								for &handles in &vector_data.colinear_manipulators {
+									if handles.contains(&handle) {
+										let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+										responses.add(GraphOperationMessage::Vector { layer, modification_type });
+									}
+								}
+							}
+						}
+					}
+				};
+			}
+
+			Some(true)
+		};
+
+		for &layer in self.selected_shape_state.keys() {
+			if let Some(result) = process_layer(layer) {
+				return result;
+			}
+		}
+
+		false
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	pub fn select_all_in_shape(
+		&mut self,
+		network_interface: &NodeNetworkInterface,
+		selection_shape: SelectionShape,
+		selection_change: SelectionChange,
+		path_overlay_mode: PathOverlayMode,
+		frontier_handles_info: Option<HashMap<SegmentId, Vec<PointId>>>,
+		select_segments: bool,
+		// Here, "selection mode" represents touched or enclosed, not to be confused with editing modes
+		selection_mode: SelectionMode,
+	) {
+		let selected_points = self.selected_points().cloned().collect::<HashSet<_>>();
+		let selected_segments = selected_segments(network_interface, self);
+
+		for (&layer, state) in &mut self.selected_shape_state {
+			if selection_change == SelectionChange::Clear {
+				state.clear_points();
+				state.clear_segments();
+			}
+
+			let vector_data = network_interface.compute_modified_vector(layer);
+			let Some(vector_data) = vector_data else { continue };
+			let transform = network_interface.document_metadata().transform_to_viewport(layer);
+
+			assert_eq!(vector_data.segment_domain.ids().len(), vector_data.start_point().count());
+			assert_eq!(vector_data.segment_domain.ids().len(), vector_data.end_point().count());
+			for start in vector_data.start_point() {
+				assert!(vector_data.point_domain.ids().contains(&start));
+			}
+			for end in vector_data.end_point() {
+				assert!(vector_data.point_domain.ids().contains(&end));
+			}
+
+			let polygon_subpath = if let SelectionShape::Lasso(polygon) = selection_shape {
+				if polygon.len() < 2 {
+					return;
+				}
+				let polygon: Subpath<PointId> = Subpath::from_anchors_linear(polygon.to_vec(), true);
+				Some(polygon)
+			} else {
+				None
+			};
+
+			// Selection segments
+			for (id, bezier, _, _) in vector_data.segment_bezier_iter() {
+				if select_segments {
+					// Select segments if they lie inside the bounding box or lasso polygon
+					let segment_bbox = calculate_bezier_bbox(bezier);
+					let bottom_left = transform.transform_point2(segment_bbox[0]);
+					let top_right = transform.transform_point2(segment_bbox[1]);
+
+					let select = match selection_shape {
+						SelectionShape::Box(quad) => {
+							let enclosed = quad[0].min(quad[1]).cmple(bottom_left).all() && quad[0].max(quad[1]).cmpge(top_right).all();
+							match selection_mode {
+								SelectionMode::Enclosed => enclosed,
+								_ => {
+									// Check for intersection with the segment
+									enclosed || is_intersecting(bezier, quad, transform)
+								}
+							}
+						}
+						SelectionShape::Lasso(_) => {
+							let polygon = polygon_subpath.as_ref().expect("If `selection_shape` is a polygon then subpath is constructed beforehand.");
+
+							// Sample 10 points on the bezier and check if all or some lie inside the polygon
+							let points = bezier.compute_lookup_table(Some(10), None);
+							match selection_mode {
+								SelectionMode::Enclosed => points.map(|p| transform.transform_point2(p)).all(|p| polygon.contains_point(p)),
+								_ => points.map(|p| transform.transform_point2(p)).any(|p| polygon.contains_point(p)),
+							}
+						}
+					};
+
+					if select {
+						match selection_change {
+							SelectionChange::Shrink => state.deselect_segment(id),
+							_ => state.select_segment(id),
+						}
+					}
+				}
+
+				// Selecting handles
+				for (position, id) in [(bezier.handle_start(), ManipulatorPointId::PrimaryHandle(id)), (bezier.handle_end(), ManipulatorPointId::EndHandle(id))] {
+					let Some(position) = position else { continue };
+					let transformed_position = transform.transform_point2(position);
+
+					let select = match selection_shape {
+						SelectionShape::Box(quad) => quad[0].min(quad[1]).cmple(transformed_position).all() && quad[0].max(quad[1]).cmpge(transformed_position).all(),
+						SelectionShape::Lasso(_) => polygon_subpath
+							.as_ref()
+							.expect("If `selection_shape` is a polygon then subpath is constructed beforehand.")
+							.contains_point(transformed_position),
+					};
+
+					if select {
+						let is_visible_handle = is_visible_point(id, &vector_data, path_overlay_mode, frontier_handles_info.clone(), selected_segments.clone(), &selected_points);
+
+						if is_visible_handle {
+							match selection_change {
+								SelectionChange::Shrink => state.deselect_point(id),
+								_ => {
+									// Select only the handles which are of nonzero length
+									if let Some(handle) = id.as_handle() {
+										if handle.length(&vector_data) > 0. {
+											state.select_point(id)
+										}
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+
+			// Checking for selection of anchor points
+			for (&id, &position) in vector_data.point_domain.ids().iter().zip(vector_data.point_domain.positions()) {
+				let transformed_position = transform.transform_point2(position);
+
+				let select = match selection_shape {
+					SelectionShape::Box(quad) => quad[0].min(quad[1]).cmple(transformed_position).all() && quad[0].max(quad[1]).cmpge(transformed_position).all(),
+					SelectionShape::Lasso(_) => polygon_subpath
+						.as_ref()
+						.expect("If `selection_shape` is a polygon then subpath is constructed beforehand.")
+						.contains_point(transformed_position),
+				};
+
+				if select {
+					match selection_change {
+						SelectionChange::Shrink => state.deselect_point(ManipulatorPointId::Anchor(id)),
+						_ => state.select_point(ManipulatorPointId::Anchor(id)),
+					}
+				}
+			}
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/shapes/ellipse_shape.rs b/editor/src/messages/tool/common_functionality/shapes/ellipse_shape.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fe97c223180c58ee648cf17dbd5d9a909cbec739
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/shapes/ellipse_shape.rs
@@ -0,0 +1,181 @@
+use super::shape_utility::ShapeToolModifierKey;
+use super::*;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, NodeTemplate};
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::tool_messages::tool_prelude::*;
+use glam::DAffine2;
+use graph_craft::document::NodeInput;
+use graph_craft::document::value::TaggedValue;
+use std::collections::VecDeque;
+
+#[derive(Default)]
+pub struct Ellipse;
+
+impl Ellipse {
+	pub fn create_node() -> NodeTemplate {
+		let node_type = resolve_document_node_type("Ellipse").expect("Ellipse node can't be found");
+		node_type.node_template_input_override([None, Some(NodeInput::value(TaggedValue::F64(0.5), false)), Some(NodeInput::value(TaggedValue::F64(0.5), false))])
+	}
+
+	pub fn update_shape(
+		document: &DocumentMessageHandler,
+		ipp: &InputPreprocessorMessageHandler,
+		layer: LayerNodeIdentifier,
+		shape_tool_data: &mut ShapeToolData,
+		modifier: ShapeToolModifierKey,
+		responses: &mut VecDeque<Message>,
+	) {
+		let [center, lock_ratio, _, _] = modifier;
+
+		if let Some([start, end]) = shape_tool_data.data.calculate_points(document, ipp, center, lock_ratio) {
+			let Some(node_id) = graph_modification_utils::get_ellipse_id(layer, &document.network_interface) else {
+				return;
+			};
+
+			responses.add(NodeGraphMessage::SetInput {
+				input_connector: InputConnector::node(node_id, 1),
+				input: NodeInput::value(TaggedValue::F64(((start.x - end.x) / 2.).abs()), false),
+			});
+			responses.add(NodeGraphMessage::SetInput {
+				input_connector: InputConnector::node(node_id, 2),
+				input: NodeInput::value(TaggedValue::F64(((start.y - end.y) / 2.).abs()), false),
+			});
+			responses.add(GraphOperationMessage::TransformSet {
+				layer,
+				transform: DAffine2::from_translation(start.midpoint(end)),
+				transform_in: TransformIn::Viewport,
+				skip_rerender: false,
+			});
+		}
+	}
+}
+
+#[cfg(test)]
+mod test_ellipse {
+	pub use crate::test_utils::test_prelude::*;
+	use glam::DAffine2;
+	use graphene_std::vector::generator_nodes::ellipse;
+
+	#[derive(Debug, PartialEq)]
+	struct ResolvedEllipse {
+		radius_x: f64,
+		radius_y: f64,
+		transform: DAffine2,
+	}
+
+	async fn get_ellipse(editor: &mut EditorTestUtils) -> Vec<ResolvedEllipse> {
+		let instrumented = match editor.eval_graph().await {
+			Ok(instrumented) => instrumented,
+			Err(e) => panic!("Failed to evaluate graph: {e}"),
+		};
+
+		let document = editor.active_document();
+		let layers = document.metadata().all_layers();
+		layers
+			.filter_map(|layer| {
+				let node_graph_layer = NodeGraphLayer::new(layer, &document.network_interface);
+				let ellipse_node = node_graph_layer.upstream_node_id_from_protonode(ellipse::protonode_identifier())?;
+				Some(ResolvedEllipse {
+					radius_x: instrumented.grab_protonode_input::<ellipse::RadiusXInput>(&vec![ellipse_node], &editor.runtime).unwrap(),
+					radius_y: instrumented.grab_protonode_input::<ellipse::RadiusYInput>(&vec![ellipse_node], &editor.runtime).unwrap(),
+					transform: document.metadata().transform_to_document(layer),
+				})
+			})
+			.collect()
+	}
+
+	#[tokio::test]
+	async fn ellipse_draw_simple() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Ellipse, 10., 10., 19., 0., ModifierKeys::empty()).await;
+
+		assert_eq!(editor.active_document().metadata().all_layers().count(), 1);
+
+		let ellipse = get_ellipse(&mut editor).await;
+		assert_eq!(ellipse.len(), 1);
+		assert_eq!(
+			ellipse[0],
+			ResolvedEllipse {
+				radius_x: 4.5,
+				radius_y: 5.,
+				transform: DAffine2::from_translation(DVec2::new(14.5, 5.)) // Uses center
+			}
+		);
+	}
+
+	#[tokio::test]
+	async fn ellipse_draw_circle() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Ellipse, 10., 10., -10., 11., ModifierKeys::SHIFT).await;
+
+		let ellipse = get_ellipse(&mut editor).await;
+		assert_eq!(ellipse.len(), 1);
+		assert_eq!(
+			ellipse[0],
+			ResolvedEllipse {
+				radius_x: 10.,
+				radius_y: 10.,
+				transform: DAffine2::from_translation(DVec2::new(0., 20.)) // Uses center
+			}
+		);
+	}
+
+	#[tokio::test]
+	async fn ellipse_draw_square_rotated() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor
+			.handle_message(NavigationMessage::CanvasTiltSet {
+				// 45 degree rotation of content clockwise
+				angle_radians: f64::consts::FRAC_PI_4,
+			})
+			.await;
+		editor.drag_tool(ToolType::Ellipse, 0., 0., 1., 10., ModifierKeys::SHIFT).await; // Viewport coordinates
+
+		let ellipse = get_ellipse(&mut editor).await;
+		assert_eq!(ellipse.len(), 1);
+		println!("{ellipse:?}");
+		assert_eq!(ellipse[0].radius_x, 5.);
+		assert_eq!(ellipse[0].radius_y, 5.);
+
+		assert!(
+			ellipse[0]
+				.transform
+				.abs_diff_eq(DAffine2::from_angle_translation(-f64::consts::FRAC_PI_4, DVec2::X * f64::consts::FRAC_1_SQRT_2 * 10.), 0.001)
+		);
+	}
+
+	#[tokio::test]
+	async fn ellipse_draw_center_square_rotated() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor
+			.handle_message(NavigationMessage::CanvasTiltSet {
+				// 45 degree rotation of content clockwise
+				angle_radians: f64::consts::FRAC_PI_4,
+			})
+			.await;
+		editor.drag_tool(ToolType::Ellipse, 0., 0., 1., 10., ModifierKeys::SHIFT | ModifierKeys::ALT).await; // Viewport coordinates
+
+		let ellipse = get_ellipse(&mut editor).await;
+		assert_eq!(ellipse.len(), 1);
+		assert_eq!(ellipse[0].radius_x, 10.);
+		assert_eq!(ellipse[0].radius_y, 10.);
+		assert!(ellipse[0].transform.abs_diff_eq(DAffine2::from_angle(-f64::consts::FRAC_PI_4), 0.001));
+	}
+
+	#[tokio::test]
+	async fn ellipse_cancel() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool_cancel_rmb(ToolType::Ellipse).await;
+
+		let ellipse = get_ellipse(&mut editor).await;
+		assert_eq!(ellipse.len(), 0);
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/shapes/line_shape.rs b/editor/src/messages/tool/common_functionality/shapes/line_shape.rs
new file mode 100644
index 0000000000000000000000000000000000000000..985457c2087b40342e030938238d781d5c373514
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/shapes/line_shape.rs
@@ -0,0 +1,383 @@
+use super::shape_utility::ShapeToolModifierKey;
+use crate::consts::{BOUNDS_SELECT_THRESHOLD, LINE_ROTATE_SNAP_ANGLE};
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, NodeTemplate};
+use crate::messages::tool::common_functionality::graph_modification_utils;
+pub use crate::messages::tool::common_functionality::graph_modification_utils::NodeGraphLayer;
+use crate::messages::tool::common_functionality::snapping::{SnapCandidatePoint, SnapConstraint, SnapData, SnapTypeConfiguration};
+use crate::messages::tool::tool_messages::shape_tool::ShapeToolData;
+use crate::messages::tool::tool_messages::tool_prelude::*;
+use glam::DVec2;
+use graph_craft::document::NodeInput;
+use graph_craft::document::value::TaggedValue;
+use std::collections::VecDeque;
+
+#[derive(Clone, PartialEq, Debug, Default)]
+pub enum LineEnd {
+	#[default]
+	Start,
+	End,
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct LineToolData {
+	pub drag_start: DVec2,
+	pub drag_current: DVec2,
+	pub angle: f64,
+	pub weight: f64,
+	pub selected_layers_with_position: HashMap<LayerNodeIdentifier, [DVec2; 2]>,
+	pub editing_layer: Option<LayerNodeIdentifier>,
+	pub dragging_endpoint: Option<LineEnd>,
+}
+
+#[derive(Default)]
+pub struct Line;
+
+impl Line {
+	pub fn create_node(document: &DocumentMessageHandler, drag_start: DVec2) -> NodeTemplate {
+		let node_type = resolve_document_node_type("Line").expect("Line node can't be found");
+		node_type.node_template_input_override([
+			None,
+			Some(NodeInput::value(TaggedValue::DVec2(document.metadata().document_to_viewport.transform_point2(drag_start)), false)),
+			Some(NodeInput::value(TaggedValue::DVec2(document.metadata().document_to_viewport.transform_point2(drag_start)), false)),
+		])
+	}
+
+	pub fn update_shape(
+		document: &DocumentMessageHandler,
+		ipp: &InputPreprocessorMessageHandler,
+		layer: LayerNodeIdentifier,
+		shape_tool_data: &mut ShapeToolData,
+		modifier: ShapeToolModifierKey,
+		responses: &mut VecDeque<Message>,
+	) {
+		let [center, _, lock_angle, snap_angle] = modifier;
+
+		shape_tool_data.line_data.drag_current = ipp.mouse.position;
+
+		let keyboard = &ipp.keyboard;
+		let ignore = [layer];
+		let snap_data = SnapData::ignore(document, ipp, &ignore);
+		let mut document_points = generate_line(shape_tool_data, snap_data, keyboard.key(lock_angle), keyboard.key(snap_angle), keyboard.key(center));
+
+		if shape_tool_data.line_data.dragging_endpoint == Some(LineEnd::Start) {
+			document_points.swap(0, 1);
+		}
+
+		let Some(node_id) = graph_modification_utils::get_line_id(layer, &document.network_interface) else {
+			return;
+		};
+
+		responses.add(NodeGraphMessage::SetInput {
+			input_connector: InputConnector::node(node_id, 1),
+			input: NodeInput::value(TaggedValue::DVec2(document_points[0]), false),
+		});
+		responses.add(NodeGraphMessage::SetInput {
+			input_connector: InputConnector::node(node_id, 2),
+			input: NodeInput::value(TaggedValue::DVec2(document_points[1]), false),
+		});
+		responses.add(NodeGraphMessage::RunDocumentGraph);
+	}
+
+	pub fn overlays(document: &DocumentMessageHandler, shape_tool_data: &mut ShapeToolData, overlay_context: &mut OverlayContext) {
+		shape_tool_data.line_data.selected_layers_with_position = document
+			.network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(&document.network_interface)
+			.filter_map(|layer| {
+				let node_inputs = NodeGraphLayer::new(layer, &document.network_interface).find_node_inputs("Line")?;
+
+				let (Some(&TaggedValue::DVec2(start)), Some(&TaggedValue::DVec2(end))) = (node_inputs[1].as_value(), node_inputs[2].as_value()) else {
+					return None;
+				};
+
+				let [viewport_start, viewport_end] = [start, end].map(|point| document.metadata().transform_to_viewport(layer).transform_point2(point));
+				if !start.abs_diff_eq(end, f64::EPSILON * 1000.) {
+					overlay_context.line(viewport_start, viewport_end, None, None);
+					overlay_context.square(viewport_start, Some(6.), None, None);
+					overlay_context.square(viewport_end, Some(6.), None, None);
+				}
+
+				Some((layer, [start, end]))
+			})
+			.collect::<HashMap<LayerNodeIdentifier, [DVec2; 2]>>();
+	}
+}
+
+fn generate_line(tool_data: &mut ShapeToolData, snap_data: SnapData, lock_angle: bool, snap_angle: bool, center: bool) -> [DVec2; 2] {
+	let document_to_viewport = snap_data.document.metadata().document_to_viewport;
+	let mut document_points = [tool_data.data.drag_start, document_to_viewport.inverse().transform_point2(tool_data.line_data.drag_current)];
+
+	let mut angle = -(document_points[1] - document_points[0]).angle_to(DVec2::X);
+	let mut line_length = (document_points[1] - document_points[0]).length();
+
+	if lock_angle {
+		angle = tool_data.line_data.angle;
+	} else if snap_angle {
+		let snap_resolution = LINE_ROTATE_SNAP_ANGLE.to_radians();
+		angle = (angle / snap_resolution).round() * snap_resolution;
+	}
+
+	tool_data.line_data.angle = angle;
+
+	if lock_angle {
+		let angle_vec = DVec2::new(angle.cos(), angle.sin());
+		line_length = (document_points[1] - document_points[0]).dot(angle_vec);
+	}
+
+	document_points[1] = document_points[0] + line_length * DVec2::new(angle.cos(), angle.sin());
+
+	let constrained = snap_angle || lock_angle;
+	let snap = &mut tool_data.data.snap_manager;
+
+	let near_point = SnapCandidatePoint::handle_neighbors(document_points[1], [tool_data.data.drag_start]);
+	let far_point = SnapCandidatePoint::handle_neighbors(2. * document_points[0] - document_points[1], [tool_data.data.drag_start]);
+	let config = SnapTypeConfiguration::default();
+
+	if constrained {
+		let constraint = SnapConstraint::Line {
+			origin: document_points[0],
+			direction: document_points[1] - document_points[0],
+		};
+		if center {
+			let snapped = snap.constrained_snap(&snap_data, &near_point, constraint, config);
+			let snapped_far = snap.constrained_snap(&snap_data, &far_point, constraint, config);
+			let best = if snapped_far.other_snap_better(&snapped) { snapped } else { snapped_far };
+			document_points[1] = document_points[0] * 2. - best.snapped_point_document;
+			document_points[0] = best.snapped_point_document;
+			snap.update_indicator(best);
+		} else {
+			let snapped = snap.constrained_snap(&snap_data, &near_point, constraint, config);
+			document_points[1] = snapped.snapped_point_document;
+			snap.update_indicator(snapped);
+		}
+	} else if center {
+		let snapped = snap.free_snap(&snap_data, &near_point, config);
+		let snapped_far = snap.free_snap(&snap_data, &far_point, config);
+		let best = if snapped_far.other_snap_better(&snapped) { snapped } else { snapped_far };
+		document_points[1] = document_points[0] * 2. - best.snapped_point_document;
+		document_points[0] = best.snapped_point_document;
+		snap.update_indicator(best);
+	} else {
+		let snapped = snap.free_snap(&snap_data, &near_point, config);
+		document_points[1] = snapped.snapped_point_document;
+		snap.update_indicator(snapped);
+	}
+
+	document_points
+}
+
+pub fn clicked_on_line_endpoints(layer: LayerNodeIdentifier, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, shape_tool_data: &mut ShapeToolData) -> bool {
+	let Some(node_inputs) = NodeGraphLayer::new(layer, &document.network_interface).find_node_inputs("Line") else {
+		return false;
+	};
+
+	let (Some(&TaggedValue::DVec2(document_start)), Some(&TaggedValue::DVec2(document_end))) = (node_inputs[1].as_value(), node_inputs[2].as_value()) else {
+		return false;
+	};
+
+	let transform = document.metadata().transform_to_viewport(layer);
+	let viewport_x = transform.transform_vector2(DVec2::X).normalize_or_zero() * BOUNDS_SELECT_THRESHOLD;
+	let viewport_y = transform.transform_vector2(DVec2::Y).normalize_or_zero() * BOUNDS_SELECT_THRESHOLD;
+	let threshold_x = transform.inverse().transform_vector2(viewport_x).length();
+	let threshold_y = transform.inverse().transform_vector2(viewport_y).length();
+
+	let drag_start = input.mouse.position;
+	let [start, end] = [document_start, document_end].map(|point| transform.transform_point2(point));
+
+	let start_click = (drag_start.y - start.y).abs() < threshold_y && (drag_start.x - start.x).abs() < threshold_x;
+	let end_click = (drag_start.y - end.y).abs() < threshold_y && (drag_start.x - end.x).abs() < threshold_x;
+
+	if start_click || end_click {
+		shape_tool_data.line_data.dragging_endpoint = Some(if end_click { LineEnd::End } else { LineEnd::Start });
+		shape_tool_data.data.drag_start = if end_click { document_start } else { document_end };
+		shape_tool_data.line_data.editing_layer = Some(layer);
+		return true;
+	}
+	false
+}
+
+#[cfg(test)]
+mod test_line_tool {
+	use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+	use crate::messages::tool::common_functionality::graph_modification_utils::NodeGraphLayer;
+	use crate::test_utils::test_prelude::*;
+	use glam::DAffine2;
+	use graph_craft::document::value::TaggedValue;
+
+	async fn get_line_node_inputs(editor: &mut EditorTestUtils) -> Option<(DVec2, DVec2)> {
+		let document = editor.active_document();
+		let network_interface = &document.network_interface;
+		let node_id = network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(network_interface)
+			.filter_map(|layer| {
+				let node_inputs = NodeGraphLayer::new(layer, &network_interface).find_node_inputs("Line")?;
+				let (Some(&TaggedValue::DVec2(start)), Some(&TaggedValue::DVec2(end))) = (node_inputs[1].as_value(), node_inputs[2].as_value()) else {
+					return None;
+				};
+				Some((start, end))
+			})
+			.next();
+		node_id
+	}
+
+	#[tokio::test]
+	async fn test_line_tool_basicdraw() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Line, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		if let Some((start_input, end_input)) = get_line_node_inputs(&mut editor).await {
+			match (start_input, end_input) {
+				(start_input, end_input) => {
+					assert!((start_input - DVec2::ZERO).length() < 1., "Start point should be near (0,0)");
+					assert!((end_input - DVec2::new(100., 100.)).length() < 1., "End point should be near (100,100)");
+				}
+			}
+		}
+	}
+
+	#[tokio::test]
+	async fn test_line_tool_with_transformed_viewport() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.handle_message(NavigationMessage::CanvasZoomSet { zoom_factor: 2. }).await;
+		editor.handle_message(NavigationMessage::CanvasPan { delta: DVec2::new(100., 50.) }).await;
+		editor
+			.handle_message(NavigationMessage::CanvasTiltSet {
+				angle_radians: (30. as f64).to_radians(),
+			})
+			.await;
+		editor.drag_tool(ToolType::Line, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		if let Some((start_input, end_input)) = get_line_node_inputs(&mut editor).await {
+			let document = editor.active_document();
+			let document_to_viewport = document.metadata().document_to_viewport;
+			let viewport_to_document = document_to_viewport.inverse();
+
+			let expected_start = viewport_to_document.transform_point2(DVec2::ZERO);
+			let expected_end = viewport_to_document.transform_point2(DVec2::new(100., 100.));
+
+			assert!(
+				(start_input - expected_start).length() < 1.,
+				"Start point should match expected document coordinates. Got {:?}, expected {:?}",
+				start_input,
+				expected_start
+			);
+			assert!(
+				(end_input - expected_end).length() < 1.,
+				"End point should match expected document coordinates. Got {:?}, expected {:?}",
+				end_input,
+				expected_end
+			);
+		} else {
+			panic!("Line was not created successfully with transformed viewport");
+		}
+	}
+
+	#[tokio::test]
+	async fn test_line_tool_ctrl_anglelock() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Line, 0., 0., 100., 100., ModifierKeys::CONTROL).await;
+		if let Some((start_input, end_input)) = get_line_node_inputs(&mut editor).await {
+			match (start_input, end_input) {
+				(start_input, end_input) => {
+					let line_vec = end_input - start_input;
+					let original_angle = line_vec.angle_to(DVec2::X);
+					editor.drag_tool(ToolType::Line, 0., 0., 200., 50., ModifierKeys::CONTROL).await;
+					if let Some((updated_start, updated_end)) = get_line_node_inputs(&mut editor).await {
+						match (updated_start, updated_end) {
+							(updated_start, updated_end) => {
+								let updated_line_vec = updated_end - updated_start;
+								let updated_angle = updated_line_vec.angle_to(DVec2::X);
+								print!("{:?}", original_angle);
+								print!("{:?}", updated_angle);
+								assert!(
+									line_vec.normalize().dot(updated_line_vec.normalize()).abs() - 1. < 1e-6,
+									"Line angle should be locked when Ctrl is kept pressed"
+								);
+								assert!((updated_start - updated_end).length() > 1., "Line should be able to change length when Ctrl is kept pressed");
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+
+	#[tokio::test]
+	async fn test_line_tool_alt() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Line, 100., 100., 200., 100., ModifierKeys::ALT).await;
+		if let Some((start_input, end_input)) = get_line_node_inputs(&mut editor).await {
+			match (start_input, end_input) {
+				(start_input, end_input) => {
+					let expected_start = DVec2::new(0., 100.);
+					let expected_end = DVec2::new(200., 100.);
+					assert!((start_input - expected_start).length() < 1., "Start point should be near (0, 100)");
+					assert!((end_input - expected_end).length() < 1., "End point should be near (200, 100)");
+				}
+			}
+		}
+	}
+
+	#[tokio::test]
+	async fn test_line_tool_alt_shift_drag() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Line, 100., 100., 150., 120., ModifierKeys::ALT | ModifierKeys::SHIFT).await;
+		if let Some((start_input, end_input)) = get_line_node_inputs(&mut editor).await {
+			match (start_input, end_input) {
+				(start_input, end_input) => {
+					let line_vec = end_input - start_input;
+					let angle_radians = line_vec.angle_to(DVec2::X);
+					let angle_degrees = angle_radians.to_degrees();
+					let nearest_angle = (angle_degrees / 15.).round() * 15.;
+
+					assert!((angle_degrees - nearest_angle).abs() < 1., "Angle should snap to the nearest 15 degrees");
+				}
+			}
+		}
+	}
+
+	#[tokio::test]
+	async fn test_line_tool_with_transformed_artboard() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Artboard, 0., 0., 200., 200., ModifierKeys::empty()).await;
+
+		let artboard_id = editor.get_selected_layer().await.expect("Should have selected the artboard");
+
+		editor
+			.handle_message(GraphOperationMessage::TransformChange {
+				layer: artboard_id,
+				transform: DAffine2::from_angle(45_f64.to_radians()),
+				transform_in: TransformIn::Local,
+				skip_rerender: false,
+			})
+			.await;
+
+		editor.drag_tool(ToolType::Line, 50., 50., 150., 150., ModifierKeys::empty()).await;
+
+		let (start_input, end_input) = get_line_node_inputs(&mut editor).await.expect("Line was not created successfully within transformed artboard");
+		// The line should still be diagonal with equal change in x and y
+		let line_vector = end_input - start_input;
+		// Verifying the line is approximately 100*sqrt(2) units in length (diagonal of 100x100 square)
+		let line_length = line_vector.length();
+		assert!(
+			(line_length - 141.42).abs() < 1., // 100 * sqrt(2) ~= 141.42
+			"Line length should be approximately 141.42 units. Got: {line_length}"
+		);
+		assert!((line_vector.x - 100.).abs() < 1., "X-component of line vector should be approximately 100. Got: {}", line_vector.x);
+		assert!(
+			(line_vector.y.abs() - 100.).abs() < 1.,
+			"Absolute Y-component of line vector should be approximately 100. Got: {}",
+			line_vector.y.abs()
+		);
+		let angle_degrees = line_vector.angle_to(DVec2::X).to_degrees();
+		assert!((angle_degrees - (-45.)).abs() < 1., "Line angle should be close to -45 degrees. Got: {angle_degrees}");
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/shapes/mod.rs b/editor/src/messages/tool/common_functionality/shapes/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..44f40b5982a32fbc21878d62f6d83338e038470b
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/shapes/mod.rs
@@ -0,0 +1,11 @@
+pub mod ellipse_shape;
+pub mod line_shape;
+pub mod polygon_shape;
+pub mod rectangle_shape;
+pub mod shape_utility;
+pub mod star_shape;
+
+pub use super::shapes::ellipse_shape::Ellipse;
+pub use super::shapes::line_shape::{Line, LineEnd};
+pub use super::shapes::rectangle_shape::Rectangle;
+pub use crate::messages::tool::tool_messages::shape_tool::ShapeToolData;
diff --git a/editor/src/messages/tool/common_functionality/shapes/polygon_shape.rs b/editor/src/messages/tool/common_functionality/shapes/polygon_shape.rs
new file mode 100644
index 0000000000000000000000000000000000000000..82dcf10cfc2b8aec728994d9262325397a29e957
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/shapes/polygon_shape.rs
@@ -0,0 +1,151 @@
+use super::shape_utility::ShapeToolModifierKey;
+use super::shape_utility::update_radius_sign;
+use super::*;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, NodeTemplate};
+use crate::messages::tool::common_functionality::gizmos::shape_gizmos::number_of_points_dial::NumberOfPointsDial;
+use crate::messages::tool::common_functionality::gizmos::shape_gizmos::number_of_points_dial::NumberOfPointsDialState;
+use crate::messages::tool::common_functionality::gizmos::shape_gizmos::point_radius_handle::PointRadiusHandle;
+use crate::messages::tool::common_functionality::gizmos::shape_gizmos::point_radius_handle::PointRadiusHandleState;
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::common_functionality::shape_editor::ShapeState;
+use crate::messages::tool::common_functionality::shapes::shape_utility::ShapeGizmoHandler;
+use crate::messages::tool::common_functionality::shapes::shape_utility::polygon_outline;
+use crate::messages::tool::tool_messages::tool_prelude::*;
+use glam::DAffine2;
+use graph_craft::document::NodeInput;
+use graph_craft::document::value::TaggedValue;
+use std::collections::VecDeque;
+
+#[derive(Clone, Debug, Default)]
+pub struct PolygonGizmoHandler {
+	number_of_points_dial: NumberOfPointsDial,
+	point_radius_handle: PointRadiusHandle,
+}
+
+impl ShapeGizmoHandler for PolygonGizmoHandler {
+	fn is_any_gizmo_hovered(&self) -> bool {
+		self.number_of_points_dial.is_hovering() || self.point_radius_handle.hovered()
+	}
+
+	fn handle_state(&mut self, selected_star_layer: LayerNodeIdentifier, mouse_position: DVec2, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		self.number_of_points_dial.handle_actions(selected_star_layer, mouse_position, document, responses);
+		self.point_radius_handle.handle_actions(selected_star_layer, document, mouse_position, responses);
+	}
+
+	fn handle_click(&mut self) {
+		if self.number_of_points_dial.is_hovering() {
+			self.number_of_points_dial.update_state(NumberOfPointsDialState::Dragging);
+			return;
+		}
+
+		if self.point_radius_handle.hovered() {
+			self.point_radius_handle.update_state(PointRadiusHandleState::Dragging);
+		}
+	}
+
+	fn handle_update(&mut self, drag_start: DVec2, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) {
+		if self.number_of_points_dial.is_dragging() {
+			self.number_of_points_dial.update_number_of_sides(document, input, responses, drag_start);
+		}
+
+		if self.point_radius_handle.is_dragging_or_snapped() {
+			self.point_radius_handle.update_inner_radius(document, input, responses, drag_start);
+		}
+	}
+
+	fn overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		selected_polygon_layer: Option<LayerNodeIdentifier>,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		self.number_of_points_dial.overlays(document, selected_polygon_layer, shape_editor, mouse_position, overlay_context);
+		self.point_radius_handle.overlays(selected_polygon_layer, document, input, mouse_position, overlay_context);
+
+		polygon_outline(selected_polygon_layer, document, overlay_context);
+	}
+
+	fn dragging_overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		if self.number_of_points_dial.is_dragging() {
+			self.number_of_points_dial.overlays(document, None, shape_editor, mouse_position, overlay_context);
+		}
+
+		if self.point_radius_handle.is_dragging_or_snapped() {
+			self.point_radius_handle.overlays(None, document, input, mouse_position, overlay_context);
+		}
+	}
+
+	fn cleanup(&mut self) {
+		self.number_of_points_dial.cleanup();
+		self.point_radius_handle.cleanup();
+	}
+}
+
+#[derive(Default)]
+pub struct Polygon;
+
+impl Polygon {
+	pub fn create_node(vertices: u32) -> NodeTemplate {
+		let node_type = resolve_document_node_type("Regular Polygon").expect("Regular Polygon can't be found");
+		node_type.node_template_input_override([None, Some(NodeInput::value(TaggedValue::U32(vertices), false)), Some(NodeInput::value(TaggedValue::F64(0.5), false))])
+	}
+
+	pub fn update_shape(
+		document: &DocumentMessageHandler,
+		ipp: &InputPreprocessorMessageHandler,
+		layer: LayerNodeIdentifier,
+		shape_tool_data: &mut ShapeToolData,
+		modifier: ShapeToolModifierKey,
+		responses: &mut VecDeque<Message>,
+	) {
+		let [center, lock_ratio, _, _] = modifier;
+
+		if let Some([start, end]) = shape_tool_data.data.calculate_points(document, ipp, center, lock_ratio) {
+			// TODO: We need to determine how to allow the polygon node to make irregular shapes
+			update_radius_sign(end, start, layer, document, responses);
+
+			let dimensions = (start - end).abs();
+
+			// We keep the smaller dimension's scale at 1 and scale the other dimension accordingly
+			let mut scale = DVec2::ONE;
+			let radius;
+			if dimensions.x > dimensions.y {
+				scale.x = dimensions.x / dimensions.y;
+				radius = dimensions.y / 2.;
+			} else {
+				scale.y = dimensions.y / dimensions.x;
+				radius = dimensions.x / 2.;
+			}
+
+			let Some(node_id) = graph_modification_utils::get_polygon_id(layer, &document.network_interface) else {
+				return;
+			};
+
+			responses.add(NodeGraphMessage::SetInput {
+				input_connector: InputConnector::node(node_id, 2),
+				input: NodeInput::value(TaggedValue::F64(radius), false),
+			});
+
+			responses.add(GraphOperationMessage::TransformSet {
+				layer,
+				transform: DAffine2::from_scale_angle_translation(scale, 0., (start + end) / 2.),
+				transform_in: TransformIn::Viewport,
+				skip_rerender: false,
+			});
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/shapes/rectangle_shape.rs b/editor/src/messages/tool/common_functionality/shapes/rectangle_shape.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cbd6722960f0c5f19f07075805baedd9e54cf166
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/shapes/rectangle_shape.rs
@@ -0,0 +1,54 @@
+use super::shape_utility::ShapeToolModifierKey;
+use super::*;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, NodeTemplate};
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::tool_messages::tool_prelude::*;
+use glam::DAffine2;
+use graph_craft::document::NodeInput;
+use graph_craft::document::value::TaggedValue;
+use std::collections::VecDeque;
+
+#[derive(Default)]
+pub struct Rectangle;
+
+impl Rectangle {
+	pub fn create_node() -> NodeTemplate {
+		let node_type = resolve_document_node_type("Rectangle").expect("Rectangle node can't be found");
+		node_type.node_template_input_override([None, Some(NodeInput::value(TaggedValue::F64(1.), false)), Some(NodeInput::value(TaggedValue::F64(1.), false))])
+	}
+
+	pub fn update_shape(
+		document: &DocumentMessageHandler,
+		ipp: &InputPreprocessorMessageHandler,
+		layer: LayerNodeIdentifier,
+		shape_tool_data: &mut ShapeToolData,
+		modifier: ShapeToolModifierKey,
+		responses: &mut VecDeque<Message>,
+	) {
+		let [center, lock_ratio, _, _] = modifier;
+
+		if let Some([start, end]) = shape_tool_data.data.calculate_points(document, ipp, center, lock_ratio) {
+			let Some(node_id) = graph_modification_utils::get_rectangle_id(layer, &document.network_interface) else {
+				return;
+			};
+
+			responses.add(NodeGraphMessage::SetInput {
+				input_connector: InputConnector::node(node_id, 1),
+				input: NodeInput::value(TaggedValue::F64((start.x - end.x).abs()), false),
+			});
+			responses.add(NodeGraphMessage::SetInput {
+				input_connector: InputConnector::node(node_id, 2),
+				input: NodeInput::value(TaggedValue::F64((start.y - end.y).abs()), false),
+			});
+			responses.add(GraphOperationMessage::TransformSet {
+				layer,
+				transform: DAffine2::from_translation(start.midpoint(end)),
+				transform_in: TransformIn::Viewport,
+				skip_rerender: false,
+			});
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/shapes/shape_utility.rs b/editor/src/messages/tool/common_functionality/shapes/shape_utility.rs
new file mode 100644
index 0000000000000000000000000000000000000000..955984150b8e1930a69f105e0949f637e0811646
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/shapes/shape_utility.rs
@@ -0,0 +1,365 @@
+use super::ShapeToolData;
+use crate::messages::message::Message;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::InputConnector;
+use crate::messages::prelude::{DocumentMessageHandler, InputPreprocessorMessageHandler, NodeGraphMessage, Responses};
+use crate::messages::tool::common_functionality::graph_modification_utils::NodeGraphLayer;
+use crate::messages::tool::common_functionality::shape_editor::ShapeState;
+use crate::messages::tool::common_functionality::transformation_cage::BoundingBoxManager;
+use crate::messages::tool::tool_messages::tool_prelude::Key;
+use crate::messages::tool::utility_types::*;
+use bezier_rs::Subpath;
+use glam::{DAffine2, DMat2, DVec2};
+use graph_craft::document::NodeInput;
+use graph_craft::document::value::TaggedValue;
+use graphene_std::vector::click_target::ClickTargetType;
+use graphene_std::vector::misc::dvec2_to_point;
+use kurbo::{BezPath, PathEl, Shape};
+use std::collections::VecDeque;
+use std::f64::consts::{PI, TAU};
+
+#[derive(Debug, Clone, Copy, Eq, PartialEq, Default, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ShapeType {
+	#[default]
+	Polygon = 0,
+	Star = 1,
+	Rectangle = 2,
+	Ellipse = 3,
+	Line = 4,
+}
+
+impl ShapeType {
+	pub fn name(&self) -> String {
+		(match self {
+			Self::Polygon => "Polygon",
+			Self::Star => "Star",
+			Self::Rectangle => "Rectangle",
+			Self::Ellipse => "Ellipse",
+			Self::Line => "Line",
+		})
+		.into()
+	}
+
+	pub fn tooltip(&self) -> String {
+		(match self {
+			Self::Line => "Line Tool",
+			Self::Rectangle => "Rectangle Tool",
+			Self::Ellipse => "Ellipse Tool",
+			_ => "",
+		})
+		.into()
+	}
+
+	pub fn icon_name(&self) -> String {
+		(match self {
+			Self::Line => "VectorLineTool",
+			Self::Rectangle => "VectorRectangleTool",
+			Self::Ellipse => "VectorEllipseTool",
+			_ => "",
+		})
+		.into()
+	}
+
+	pub fn tool_type(&self) -> ToolType {
+		match self {
+			Self::Line => ToolType::Line,
+			Self::Rectangle => ToolType::Rectangle,
+			Self::Ellipse => ToolType::Ellipse,
+			_ => ToolType::Shape,
+		}
+	}
+}
+
+pub type ShapeToolModifierKey = [Key; 4];
+
+/// The `ShapeGizmoHandler` trait defines the interactive behavior and overlay logic for shape-specific tools in the editor.
+/// A gizmo is a visual handle or control point used to manipulate a shape's properties (e.g., number of sides, radius, angle).
+pub trait ShapeGizmoHandler {
+	/// Called every frame to update the gizmo's interaction state based on the mouse position and selection.
+	///
+	/// This includes detecting hover states and preparing interaction flags or visual feedback (e.g., highlighting a hovered handle).
+	fn handle_state(&mut self, selected_shape_layers: LayerNodeIdentifier, mouse_position: DVec2, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>);
+
+	/// Called when a mouse click occurs over the canvas and a gizmo handle is hovered.
+	///
+	/// Used to initiate drag interactions or toggle states on the handle, depending on the tool.
+	/// For example, a hovered "number of points" handle might enter a "Dragging" state.
+	fn handle_click(&mut self);
+
+	/// Called during a drag interaction to update the shape's parameters in real time.
+	///
+	/// For example, a handle might calculate the distance from the drag start to determine a new radius or update the number of points.
+	fn handle_update(&mut self, drag_start: DVec2, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>);
+
+	/// Draws the static or hover-dependent overlays associated with the gizmo.
+	///
+	/// These overlays include visual indicators like shape outlines, control points, and hover highlights.
+	fn overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		selected_shape_layers: Option<LayerNodeIdentifier>,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	);
+
+	/// Draws overlays specifically during a drag operation.
+	///
+	/// Used to give real-time visual feedback based on drag progress, such as showing the updated shape preview or snapping guides.
+	fn dragging_overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	);
+
+	/// Returns `true` if any handle or control point in the gizmo is currently being hovered.
+	fn is_any_gizmo_hovered(&self) -> bool;
+
+	/// Resets or clears any internal state maintained by the gizmo when it is no longer active.
+	///
+	/// For example, dragging states or hover flags should be cleared to avoid visual glitches when switching tools or shapes.
+	fn cleanup(&mut self);
+}
+
+/// Center, Lock Ratio, Lock Angle, Snap Angle, Increase/Decrease Side
+pub fn update_radius_sign(end: DVec2, start: DVec2, layer: LayerNodeIdentifier, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+	let sign_num = if end[1] > start[1] { 1. } else { -1. };
+	let new_layer = NodeGraphLayer::new(layer, &document.network_interface);
+
+	if new_layer.find_input("Regular Polygon", 1).unwrap_or(&TaggedValue::U32(0)).to_u32() % 2 == 1 {
+		let Some(polygon_node_id) = new_layer.upstream_node_id_from_name("Regular Polygon") else { return };
+
+		responses.add(NodeGraphMessage::SetInput {
+			input_connector: InputConnector::node(polygon_node_id, 2),
+			input: NodeInput::value(TaggedValue::F64(sign_num * 0.5), false),
+		});
+		return;
+	}
+
+	if new_layer.find_input("Star", 1).unwrap_or(&TaggedValue::U32(0)).to_u32() % 2 == 1 {
+		let Some(star_node_id) = new_layer.upstream_node_id_from_name("Star") else { return };
+
+		responses.add(NodeGraphMessage::SetInput {
+			input_connector: InputConnector::node(star_node_id, 2),
+			input: NodeInput::value(TaggedValue::F64(sign_num * 0.5), false),
+		});
+		responses.add(NodeGraphMessage::SetInput {
+			input_connector: InputConnector::node(star_node_id, 3),
+			input: NodeInput::value(TaggedValue::F64(sign_num * 0.25), false),
+		});
+	}
+}
+
+pub fn transform_cage_overlays(document: &DocumentMessageHandler, tool_data: &mut ShapeToolData, overlay_context: &mut OverlayContext) {
+	let mut transform = document
+		.network_interface
+		.selected_nodes()
+		.selected_visible_and_unlocked_layers(&document.network_interface)
+		.find(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]))
+		.map(|layer| document.metadata().transform_to_viewport_with_first_transform_node_if_group(layer, &document.network_interface))
+		.unwrap_or_default();
+
+	// Check if the matrix is not invertible
+	let mut transform_tampered = false;
+	if transform.matrix2.determinant() == 0. {
+		transform.matrix2 += DMat2::IDENTITY * 1e-4; // TODO: Is this the cleanest way to handle this?
+		transform_tampered = true;
+	}
+
+	let bounds = document
+		.network_interface
+		.selected_nodes()
+		.selected_visible_and_unlocked_layers(&document.network_interface)
+		.filter(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]))
+		.filter_map(|layer| {
+			document
+				.metadata()
+				.bounding_box_with_transform(layer, transform.inverse() * document.metadata().transform_to_viewport(layer))
+		})
+		.reduce(graphene_std::renderer::Quad::combine_bounds);
+
+	if let Some(bounds) = bounds {
+		let bounding_box_manager = tool_data.bounding_box_manager.get_or_insert(BoundingBoxManager::default());
+
+		bounding_box_manager.bounds = bounds;
+		bounding_box_manager.transform = transform;
+		bounding_box_manager.transform_tampered = transform_tampered;
+		bounding_box_manager.render_overlays(overlay_context, true);
+	} else {
+		tool_data.bounding_box_manager.take();
+	}
+}
+
+pub fn anchor_overlays(document: &DocumentMessageHandler, overlay_context: &mut OverlayContext) {
+	for layer in document.network_interface.selected_nodes().selected_layers(document.metadata()) {
+		let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { continue };
+		let transform = document.metadata().transform_to_viewport(layer);
+
+		overlay_context.outline_vector(&vector_data, transform);
+
+		for (_, &position) in vector_data.point_domain.ids().iter().zip(vector_data.point_domain.positions()) {
+			overlay_context.manipulator_anchor(transform.transform_point2(position), false, None);
+		}
+	}
+}
+
+/// Extract the node input values of Star.
+/// Returns an option of (sides, radius1, radius2).
+pub fn extract_star_parameters(layer: Option<LayerNodeIdentifier>, document: &DocumentMessageHandler) -> Option<(u32, f64, f64)> {
+	let node_inputs = NodeGraphLayer::new(layer?, &document.network_interface).find_node_inputs("Star")?;
+
+	let (Some(&TaggedValue::U32(sides)), Some(&TaggedValue::F64(radius_1)), Some(&TaggedValue::F64(radius_2))) =
+		(node_inputs.get(1)?.as_value(), node_inputs.get(2)?.as_value(), node_inputs.get(3)?.as_value())
+	else {
+		return None;
+	};
+
+	Some((sides, radius_1, radius_2))
+}
+
+/// Extract the node input values of Polygon.
+/// Returns an option of (sides, radius).
+pub fn extract_polygon_parameters(layer: Option<LayerNodeIdentifier>, document: &DocumentMessageHandler) -> Option<(u32, f64)> {
+	let node_inputs = NodeGraphLayer::new(layer?, &document.network_interface).find_node_inputs("Regular Polygon")?;
+
+	let (Some(&TaggedValue::U32(n)), Some(&TaggedValue::F64(radius))) = (node_inputs.get(1)?.as_value(), node_inputs.get(2)?.as_value()) else {
+		return None;
+	};
+
+	Some((n, radius))
+}
+
+/// Calculate the viewport position of as a star vertex given its index
+pub fn star_vertex_position(viewport: DAffine2, vertex_index: i32, n: u32, radius1: f64, radius2: f64) -> DVec2 {
+	let angle = ((vertex_index as f64) * PI) / (n as f64);
+	let radius = if vertex_index % 2 == 0 { radius1 } else { radius2 };
+
+	viewport.transform_point2(DVec2 {
+		x: radius * angle.sin(),
+		y: -radius * angle.cos(),
+	})
+}
+
+/// Calculate the viewport position of a polygon vertex given its index
+pub fn polygon_vertex_position(viewport: DAffine2, vertex_index: i32, n: u32, radius: f64) -> DVec2 {
+	let angle = ((vertex_index as f64) * TAU) / (n as f64);
+
+	viewport.transform_point2(DVec2 {
+		x: radius * angle.sin(),
+		y: -radius * angle.cos(),
+	})
+}
+
+/// Outlines the geometric shape made by star-node
+pub fn star_outline(layer: Option<LayerNodeIdentifier>, document: &DocumentMessageHandler, overlay_context: &mut OverlayContext) {
+	let Some(layer) = layer else { return };
+	let Some((sides, radius1, radius2)) = extract_star_parameters(Some(layer), document) else {
+		return;
+	};
+
+	let viewport = document.metadata().transform_to_viewport(layer);
+
+	let points = sides as u64;
+	let diameter: f64 = radius1 * 2.;
+	let inner_diameter = radius2 * 2.;
+
+	let subpath: Vec<ClickTargetType> = vec![ClickTargetType::Subpath(Subpath::new_star_polygon(DVec2::splat(-diameter), points, diameter, inner_diameter))];
+
+	overlay_context.outline(subpath.iter(), viewport, None);
+}
+
+/// Outlines the geometric shape made by polygon-node
+pub fn polygon_outline(layer: Option<LayerNodeIdentifier>, document: &DocumentMessageHandler, overlay_context: &mut OverlayContext) {
+	let Some(layer) = layer else { return };
+	let Some((sides, radius)) = extract_polygon_parameters(Some(layer), document) else {
+		return;
+	};
+
+	let viewport = document.metadata().transform_to_viewport(layer);
+
+	let points = sides as u64;
+	let radius: f64 = radius * 2.;
+
+	let subpath: Vec<ClickTargetType> = vec![ClickTargetType::Subpath(Subpath::new_regular_polygon(DVec2::splat(-radius), points, radius))];
+
+	overlay_context.outline(subpath.iter(), viewport, None);
+}
+
+/// Check if the the cursor is inside the geometric star shape made by the Star node without any upstream node modifications
+pub fn inside_star(viewport: DAffine2, n: u32, radius1: f64, radius2: f64, mouse_position: DVec2) -> bool {
+	let mut paths = Vec::new();
+
+	for i in 0..2 * n {
+		let new_point = dvec2_to_point(star_vertex_position(viewport, i as i32, n, radius1, radius2));
+
+		if i == 0 {
+			paths.push(PathEl::MoveTo(new_point));
+		} else {
+			paths.push(PathEl::LineTo(new_point));
+		}
+	}
+
+	paths.push(PathEl::ClosePath);
+
+	let bez_path = BezPath::from_vec(paths);
+	let (shape, bbox) = (bez_path.clone(), bez_path.bounding_box());
+
+	if bbox.x0 > mouse_position.x || bbox.y0 > mouse_position.y || bbox.x1 < mouse_position.x || bbox.y1 < mouse_position.y {
+		return false;
+	}
+
+	let winding = shape.winding(dvec2_to_point(mouse_position));
+
+	// Non-zero fill rule
+	winding != 0
+}
+
+/// Check if the the cursor is inside the geometric polygon shape made by the Polygon node without any upstream node modifications
+pub fn inside_polygon(viewport: DAffine2, n: u32, radius: f64, mouse_position: DVec2) -> bool {
+	let mut paths = Vec::new();
+
+	for i in 0..n {
+		let new_point = dvec2_to_point(polygon_vertex_position(viewport, i as i32, n, radius));
+
+		if i == 0 {
+			paths.push(PathEl::MoveTo(new_point));
+		} else {
+			paths.push(PathEl::LineTo(new_point));
+		}
+	}
+
+	paths.push(PathEl::ClosePath);
+
+	let bez_path = BezPath::from_vec(paths);
+	let (shape, bbox) = (bez_path.clone(), bez_path.bounding_box());
+
+	if bbox.x0 > mouse_position.x || bbox.y0 > mouse_position.y || bbox.x1 < mouse_position.x || bbox.y1 < mouse_position.y {
+		return false;
+	}
+
+	let winding = shape.winding(dvec2_to_point(mouse_position));
+
+	// Non-zero fill rule
+	winding != 0
+}
+
+pub fn draw_snapping_ticks(snap_radii: &[f64], direction: DVec2, viewport: DAffine2, angle: f64, overlay_context: &mut OverlayContext) {
+	for &snapped_radius in snap_radii {
+		let Some(tick_direction) = direction.perp().try_normalize() else {
+			return;
+		};
+
+		let tick_position = viewport.transform_point2(DVec2 {
+			x: snapped_radius * angle.sin(),
+			y: -snapped_radius * angle.cos(),
+		});
+
+		overlay_context.line(tick_position, tick_position + tick_direction * 5., None, Some(2.));
+		overlay_context.line(tick_position, tick_position - tick_direction * 5., None, Some(2.));
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/shapes/star_shape.rs b/editor/src/messages/tool/common_functionality/shapes/star_shape.rs
new file mode 100644
index 0000000000000000000000000000000000000000..653b22f3bafcdfc6264873161eb3e5261311bba5
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/shapes/star_shape.rs
@@ -0,0 +1,158 @@
+use super::shape_utility::{ShapeToolModifierKey, update_radius_sign};
+use super::*;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::{InputConnector, NodeTemplate};
+use crate::messages::tool::common_functionality::gizmos::shape_gizmos::number_of_points_dial::{NumberOfPointsDial, NumberOfPointsDialState};
+use crate::messages::tool::common_functionality::gizmos::shape_gizmos::point_radius_handle::{PointRadiusHandle, PointRadiusHandleState};
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::common_functionality::shape_editor::ShapeState;
+use crate::messages::tool::common_functionality::shapes::shape_utility::{ShapeGizmoHandler, star_outline};
+use crate::messages::tool::tool_messages::tool_prelude::*;
+use core::f64;
+use glam::DAffine2;
+use graph_craft::document::NodeInput;
+use graph_craft::document::value::TaggedValue;
+use std::collections::VecDeque;
+
+#[derive(Clone, Debug, Default)]
+pub struct StarGizmoHandler {
+	number_of_points_dial: NumberOfPointsDial,
+	point_radius_handle: PointRadiusHandle,
+}
+
+impl ShapeGizmoHandler for StarGizmoHandler {
+	fn is_any_gizmo_hovered(&self) -> bool {
+		self.number_of_points_dial.is_hovering() || self.point_radius_handle.hovered()
+	}
+
+	fn handle_state(&mut self, selected_star_layer: LayerNodeIdentifier, mouse_position: DVec2, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		self.number_of_points_dial.handle_actions(selected_star_layer, mouse_position, document, responses);
+		self.point_radius_handle.handle_actions(selected_star_layer, document, mouse_position, responses);
+	}
+
+	fn handle_click(&mut self) {
+		if self.number_of_points_dial.is_hovering() {
+			self.number_of_points_dial.update_state(NumberOfPointsDialState::Dragging);
+			return;
+		}
+
+		if self.point_radius_handle.hovered() {
+			self.point_radius_handle.update_state(PointRadiusHandleState::Dragging);
+		}
+	}
+
+	fn handle_update(&mut self, drag_start: DVec2, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) {
+		if self.number_of_points_dial.is_dragging() {
+			self.number_of_points_dial.update_number_of_sides(document, input, responses, drag_start);
+		}
+
+		if self.point_radius_handle.is_dragging_or_snapped() {
+			self.point_radius_handle.update_inner_radius(document, input, responses, drag_start);
+		}
+	}
+
+	fn overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		selected_star_layer: Option<LayerNodeIdentifier>,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		self.number_of_points_dial.overlays(document, selected_star_layer, shape_editor, mouse_position, overlay_context);
+		self.point_radius_handle.overlays(selected_star_layer, document, input, mouse_position, overlay_context);
+
+		star_outline(selected_star_layer, document, overlay_context);
+	}
+
+	fn dragging_overlays(
+		&self,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		shape_editor: &mut &mut ShapeState,
+		mouse_position: DVec2,
+		overlay_context: &mut OverlayContext,
+	) {
+		if self.number_of_points_dial.is_dragging() {
+			self.number_of_points_dial.overlays(document, None, shape_editor, mouse_position, overlay_context);
+		}
+
+		if self.point_radius_handle.is_dragging_or_snapped() {
+			self.point_radius_handle.overlays(None, document, input, mouse_position, overlay_context);
+		}
+	}
+
+	fn cleanup(&mut self) {
+		self.number_of_points_dial.cleanup();
+		self.point_radius_handle.cleanup();
+	}
+}
+
+#[derive(Default)]
+pub struct Star;
+
+impl Star {
+	pub fn create_node(vertices: u32) -> NodeTemplate {
+		let node_type = resolve_document_node_type("Star").expect("Star node can't be found");
+		node_type.node_template_input_override([
+			None,
+			Some(NodeInput::value(TaggedValue::U32(vertices), false)),
+			Some(NodeInput::value(TaggedValue::F64(0.5), false)),
+			Some(NodeInput::value(TaggedValue::F64(0.25), false)),
+		])
+	}
+
+	pub fn update_shape(
+		document: &DocumentMessageHandler,
+		ipp: &InputPreprocessorMessageHandler,
+		layer: LayerNodeIdentifier,
+		shape_tool_data: &mut ShapeToolData,
+		modifier: ShapeToolModifierKey,
+		responses: &mut VecDeque<Message>,
+	) {
+		let [center, lock_ratio, _, _] = modifier;
+
+		if let Some([start, end]) = shape_tool_data.data.calculate_points(document, ipp, center, lock_ratio) {
+			// TODO: We need to determine how to allow the polygon node to make irregular shapes
+			update_radius_sign(end, start, layer, document, responses);
+
+			let dimensions = (start - end).abs();
+
+			// We keep the smaller dimension's scale at 1 and scale the other dimension accordingly
+			let mut scale = DVec2::ONE;
+			let radius: f64;
+			if dimensions.x > dimensions.y {
+				scale.x = dimensions.x / dimensions.y;
+				radius = dimensions.y / 2.;
+			} else {
+				scale.y = dimensions.y / dimensions.x;
+				radius = dimensions.x / 2.;
+			}
+
+			let Some(node_id) = graph_modification_utils::get_star_id(layer, &document.network_interface) else {
+				return;
+			};
+
+			responses.add(NodeGraphMessage::SetInput {
+				input_connector: InputConnector::node(node_id, 2),
+				input: NodeInput::value(TaggedValue::F64(radius), false),
+			});
+
+			responses.add(NodeGraphMessage::SetInput {
+				input_connector: InputConnector::node(node_id, 3),
+				input: NodeInput::value(TaggedValue::F64(radius / 2.), false),
+			});
+
+			responses.add(GraphOperationMessage::TransformSet {
+				layer,
+				transform: DAffine2::from_scale_angle_translation(scale, 0., (start + end) / 2.),
+				transform_in: TransformIn::Viewport,
+				skip_rerender: false,
+			});
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/snapping.rs b/editor/src/messages/tool/common_functionality/snapping.rs
new file mode 100644
index 0000000000000000000000000000000000000000..63319b32a09c27e2782b4a2833fc8fcc6f848ef9
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/snapping.rs
@@ -0,0 +1,509 @@
+mod alignment_snapper;
+mod distribution_snapper;
+mod grid_snapper;
+mod layer_snapper;
+mod snap_results;
+
+use crate::consts::{COLOR_OVERLAY_BLUE, COLOR_OVERLAY_LABEL_BACKGROUND, COLOR_OVERLAY_WHITE};
+use crate::messages::portfolio::document::overlays::utility_types::{OverlayContext, Pivot};
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::misc::{GridSnapTarget, PathSnapTarget, SnapTarget};
+use crate::messages::prelude::*;
+pub use alignment_snapper::*;
+use bezier_rs::TValue;
+pub use distribution_snapper::*;
+use glam::{DAffine2, DVec2};
+use graphene_std::renderer::Quad;
+use graphene_std::renderer::Rect;
+use graphene_std::vector::NoHashBuilder;
+use graphene_std::vector::PointId;
+pub use grid_snapper::*;
+pub use layer_snapper::*;
+pub use snap_results::*;
+use std::cmp::Ordering;
+
+/// Configuration for the relevant snap type
+#[derive(Debug, Clone, Copy, Default)]
+pub struct SnapTypeConfiguration {
+	pub only_path: bool,
+	pub use_existing_candidates: bool,
+	pub accept_distribution: bool,
+	pub bbox: Option<Rect>,
+}
+
+/// Handles snapping and snap overlays
+#[derive(Debug, Clone, Default)]
+pub struct SnapManager {
+	indicator: Option<SnappedPoint>,
+	layer_snapper: LayerSnapper,
+	grid_snapper: GridSnapper,
+	alignment_snapper: AlignmentSnapper,
+	distribution_snapper: DistributionSnapper,
+	candidates: Option<Vec<LayerNodeIdentifier>>,
+	alignment_candidates: Option<Vec<LayerNodeIdentifier>>,
+}
+
+#[derive(Clone, Copy, Debug, Default)]
+pub enum SnapConstraint {
+	#[default]
+	None,
+	Line {
+		origin: DVec2,
+		direction: DVec2,
+	},
+	Direction(DVec2),
+	Circle {
+		center: DVec2,
+		radius: f64,
+	},
+}
+impl SnapConstraint {
+	pub fn projection(&self, point: DVec2) -> DVec2 {
+		match *self {
+			Self::Line { origin, direction } if direction != DVec2::ZERO => (point - origin).project_onto(direction) + origin,
+			Self::Circle { center, radius } => {
+				let from_center = point - center;
+				let distance = from_center.length();
+				if distance > 0. {
+					center + radius * from_center / distance
+				} else {
+					// Point is exactly at the center, so project right
+					center + DVec2::new(radius, 0.)
+				}
+			}
+			_ => point,
+		}
+	}
+	pub fn direction(&self) -> DVec2 {
+		match *self {
+			Self::Line { direction, .. } | Self::Direction(direction) => direction,
+			_ => DVec2::ZERO,
+		}
+	}
+}
+pub fn snap_tolerance(document: &DocumentMessageHandler) -> f64 {
+	document.snapping_state.tolerance / document.document_ptz.zoom()
+}
+
+fn compare_points(a: &&SnappedPoint, b: &&SnappedPoint) -> Ordering {
+	if (a.target.bounding_box() && !b.target.bounding_box()) || (a.at_intersection && !b.at_intersection) || (a.source.bounding_box() && !b.source.bounding_box()) {
+		Ordering::Greater
+	} else if (!a.target.bounding_box() && b.target.bounding_box()) || (!a.at_intersection && b.at_intersection) || (!a.source.bounding_box() && b.source.bounding_box()) {
+		Ordering::Less
+	} else {
+		a.distance.partial_cmp(&b.distance).unwrap()
+	}
+}
+
+fn find_align(a: &SnappedPoint, b: &SnappedPoint) -> Ordering {
+	(a.distance, a.distance_to_align_target).partial_cmp(&(b.distance, b.distance_to_align_target)).unwrap()
+}
+
+fn get_closest_point(points: Vec<SnappedPoint>) -> Option<SnappedPoint> {
+	let mut best_not_align = None;
+	let mut best_align = None;
+	for point in points {
+		if !point.align() && !best_not_align.as_ref().is_some_and(|best| compare_points(&best, &&point).is_ge()) {
+			best_not_align = Some(point);
+		} else if point.align() && !best_align.as_ref().is_some_and(|best| find_align(best, &point).is_ge()) {
+			best_align = Some(point)
+		}
+	}
+	match (best_not_align, best_align) {
+		(None, None) => None,
+		(Some(result), None) | (None, Some(result)) => Some(result),
+		(Some(mut result), Some(align)) => {
+			let SnapTarget::DistributeEvenly(distribution) = result.target else { return Some(result) };
+			if distribution.is_x() && align.alignment_target_horizontal.is_some() {
+				result.snapped_point_document.y = align.snapped_point_document.y;
+				result.alignment_target_horizontal = align.alignment_target_horizontal;
+			}
+			if distribution.is_y() && align.alignment_target_vertical.is_some() {
+				result.snapped_point_document.x = align.snapped_point_document.x;
+				result.alignment_target_vertical = align.alignment_target_vertical;
+			}
+
+			Some(result)
+		}
+	}
+}
+fn get_closest_curve(curves: &[SnappedCurve], exclude_paths: bool) -> Option<&SnappedPoint> {
+	let keep_curve = |curve: &&SnappedCurve| !exclude_paths || curve.point.target != SnapTarget::Path(PathSnapTarget::AlongPath);
+	curves.iter().filter(keep_curve).map(|curve| &curve.point).min_by(compare_points)
+}
+fn get_closest_line(lines: &[SnappedLine]) -> Option<&SnappedPoint> {
+	lines.iter().map(|curve| &curve.point).min_by(compare_points)
+}
+fn get_closest_intersection(snap_to: DVec2, curves: &[SnappedCurve]) -> Option<SnappedPoint> {
+	let mut best = None;
+	for curve_i in curves {
+		for curve_j in curves {
+			if curve_i.start == curve_j.start && curve_i.layer == curve_j.layer {
+				continue;
+			}
+			for curve_i_t in curve_i.document_curve.intersections(&curve_j.document_curve, None, None) {
+				let snapped_point_document = curve_i.document_curve.evaluate(TValue::Parametric(curve_i_t));
+				let distance = snap_to.distance(snapped_point_document);
+				let i_closer = curve_i.point.distance < curve_j.point.distance;
+				let close = if i_closer { curve_i } else { curve_j };
+				let far = if i_closer { curve_j } else { curve_i };
+				if !best.as_ref().is_some_and(|best: &SnappedPoint| best.distance < distance) {
+					best = Some(SnappedPoint {
+						snapped_point_document,
+						distance,
+						target: SnapTarget::Path(PathSnapTarget::IntersectionPoint),
+						tolerance: close.point.tolerance,
+						outline_layers: [Some(close.layer), Some(far.layer)],
+						source: close.point.source,
+						at_intersection: true,
+						constrained: true,
+						..Default::default()
+					})
+				}
+			}
+		}
+	}
+	best
+}
+fn get_grid_intersection(snap_to: DVec2, lines: &[SnappedLine]) -> Option<SnappedPoint> {
+	let mut best = None;
+	for line_i in lines {
+		for line_j in lines {
+			if let Some(snapped_point_document) = Quad::intersect_rays(line_i.point.snapped_point_document, line_i.direction, line_j.point.snapped_point_document, line_j.direction) {
+				let distance = snap_to.distance(snapped_point_document);
+				if !best.as_ref().is_some_and(|best: &SnappedPoint| best.distance < distance) {
+					best = Some(SnappedPoint {
+						snapped_point_document,
+						distance,
+						target: SnapTarget::Grid(GridSnapTarget::Intersection),
+						tolerance: line_i.point.tolerance,
+						source: line_i.point.source,
+						at_intersection: true,
+						constrained: true,
+						..Default::default()
+					})
+				}
+			}
+		}
+	}
+	best
+}
+
+#[derive(Default, Clone, Debug)]
+pub struct SnapCache {
+	pub manipulators: HashMap<LayerNodeIdentifier, HashSet<PointId, NoHashBuilder>, NoHashBuilder>,
+	pub unselected: Vec<SnapCandidatePoint>,
+}
+
+#[derive(Clone)]
+pub struct SnapData<'a> {
+	pub document: &'a DocumentMessageHandler,
+	pub input: &'a InputPreprocessorMessageHandler,
+	pub ignore: &'a [LayerNodeIdentifier],
+	pub node_snap_cache: Option<&'a SnapCache>,
+	pub candidates: Option<&'a Vec<LayerNodeIdentifier>>,
+	pub alignment_candidates: Option<&'a Vec<LayerNodeIdentifier>>,
+}
+impl<'a> SnapData<'a> {
+	pub fn new(document: &'a DocumentMessageHandler, input: &'a InputPreprocessorMessageHandler) -> Self {
+		Self::ignore(document, input, &[])
+	}
+	pub fn ignore(document: &'a DocumentMessageHandler, input: &'a InputPreprocessorMessageHandler, ignore: &'a [LayerNodeIdentifier]) -> Self {
+		Self {
+			document,
+			input,
+			ignore,
+			candidates: None,
+			alignment_candidates: None,
+			node_snap_cache: None,
+		}
+	}
+	pub fn new_snap_cache(document: &'a DocumentMessageHandler, input: &'a InputPreprocessorMessageHandler, snap_cache: &'a SnapCache) -> Self {
+		Self {
+			node_snap_cache: Some(snap_cache),
+			..Self::new(document, input)
+		}
+	}
+	fn get_candidates(&self) -> &[LayerNodeIdentifier] {
+		self.candidates.map_or([].as_slice(), |candidates| candidates.as_slice())
+	}
+	fn ignore_bounds(&self, layer: LayerNodeIdentifier) -> bool {
+		self.node_snap_cache.is_some_and(|cache| cache.manipulators.contains_key(&layer))
+	}
+	fn ignore_manipulator(&self, layer: LayerNodeIdentifier, target: PointId) -> bool {
+		self.node_snap_cache.and_then(|cache| cache.manipulators.get(&layer)).is_some_and(|points| points.contains(&target))
+	}
+	fn has_manipulators(&self) -> bool {
+		self.node_snap_cache.is_some_and(|cache| !cache.manipulators.is_empty())
+	}
+}
+impl SnapManager {
+	pub fn update_indicator(&mut self, snapped_point: SnappedPoint) {
+		self.indicator = snapped_point.is_snapped().then_some(snapped_point);
+	}
+	pub fn clear_indicator(&mut self) {
+		self.indicator = None;
+	}
+	pub fn preview_draw(&mut self, snap_data: &SnapData, mouse: DVec2) {
+		let point = SnapCandidatePoint::handle(snap_data.document.metadata().document_to_viewport.inverse().transform_point2(mouse));
+		let snapped = self.free_snap(snap_data, &point, SnapTypeConfiguration::default());
+		self.update_indicator(snapped);
+	}
+
+	pub fn indicator_pos(&self) -> Option<DVec2> {
+		self.indicator.as_ref().map(|point| point.snapped_point_document)
+	}
+
+	fn find_best_snap(snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: SnapResults, constrained: bool, off_screen: bool, to_path: bool) -> SnappedPoint {
+		let mut snapped_points = Vec::new();
+		let document = snap_data.document;
+
+		if let Some(closest_point) = get_closest_point(snap_results.points) {
+			snapped_points.push(closest_point);
+		}
+		let exclude_paths = !document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::AlongPath));
+		if let Some(closest_curve) = get_closest_curve(&snap_results.curves, exclude_paths) {
+			snapped_points.push(closest_curve.clone());
+		}
+
+		if document.snapping_state.target_enabled(SnapTarget::Grid(GridSnapTarget::Line)) {
+			if let Some(closest_line) = get_closest_line(&snap_results.grid_lines) {
+				snapped_points.push(closest_line.clone());
+			}
+		}
+
+		if !constrained {
+			if document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::IntersectionPoint)) {
+				if let Some(closest_curves_intersection) = get_closest_intersection(point.document_point, &snap_results.curves) {
+					snapped_points.push(closest_curves_intersection);
+				}
+			}
+			if document.snapping_state.target_enabled(SnapTarget::Grid(GridSnapTarget::Intersection)) {
+				if let Some(closest_grid_intersection) = get_grid_intersection(point.document_point, &snap_results.grid_lines) {
+					snapped_points.push(closest_grid_intersection);
+				}
+			}
+		}
+
+		if to_path {
+			snapped_points.retain(|i| matches!(i.target, SnapTarget::Path(_)));
+		}
+
+		let mut best_point = None;
+
+		for point in snapped_points {
+			let viewport_point = document.metadata().document_to_viewport.transform_point2(point.snapped_point_document);
+			let on_screen = viewport_point.cmpgt(DVec2::ZERO).all() && viewport_point.cmplt(snap_data.input.viewport_bounds.size()).all();
+			if !on_screen && !off_screen {
+				continue;
+			}
+			if point.distance > point.tolerance {
+				continue;
+			}
+			if best_point.as_ref().is_some_and(|best: &SnappedPoint| point.other_snap_better(best)) {
+				continue;
+			}
+			best_point = Some(point);
+		}
+
+		best_point.unwrap_or(SnappedPoint::infinite_snap(point.document_point))
+	}
+
+	fn add_candidates(&mut self, layer: LayerNodeIdentifier, snap_data: &SnapData, quad: Quad) {
+		let document = snap_data.document;
+
+		if !document.network_interface.is_visible(&layer.to_node(), &[]) {
+			return;
+		}
+		if snap_data.ignore.contains(&layer) {
+			return;
+		}
+		if layer.has_children(document.metadata()) {
+			for layer in layer.children(document.metadata()) {
+				self.add_candidates(layer, snap_data, quad);
+			}
+			return;
+		}
+		let Some(bounds) = document.metadata().bounding_box_with_transform(layer, DAffine2::IDENTITY) else {
+			return;
+		};
+		let layer_bounds = document.metadata().transform_to_document(layer) * Quad::from_box(bounds);
+		let screen_bounds = document.metadata().document_to_viewport.inverse() * Quad::from_box([DVec2::ZERO, snap_data.input.viewport_bounds.size()]);
+		if screen_bounds.intersects(layer_bounds) {
+			if self.alignment_candidates.as_ref().is_none_or(|candidates| candidates.len() <= 100) {
+				self.alignment_candidates.get_or_insert_with(Vec::new).push(layer);
+			}
+			if quad.intersects(layer_bounds) && self.candidates.as_ref().is_none_or(|candidates| candidates.len() <= 10) {
+				self.candidates.get_or_insert_with(Vec::new).push(layer);
+			}
+		}
+	}
+
+	fn find_candidates(&mut self, snap_data: &SnapData, point: &SnapCandidatePoint, bbox: Option<Rect>) {
+		let document = snap_data.document;
+		let offset = snap_tolerance(document);
+		let quad = bbox.map_or_else(|| Quad::from_square(point.document_point, offset), |quad| Quad::from_box(quad.0).inflate(offset));
+
+		self.candidates = None;
+		self.alignment_candidates = None;
+		for layer in LayerNodeIdentifier::ROOT_PARENT.children(document.metadata()) {
+			self.add_candidates(layer, snap_data, quad);
+		}
+
+		if self.alignment_candidates.as_ref().is_some_and(|candidates| candidates.len() > crate::consts::MAX_ALIGNMENT_CANDIDATES) {
+			warn!("Alignment candidate overflow");
+		}
+		if self.candidates.as_ref().is_some_and(|candidates| candidates.len() > crate::consts::MAX_SNAP_CANDIDATES) {
+			warn!("Snap candidate overflow");
+		}
+	}
+
+	pub fn free_snap(&mut self, snap_data: &SnapData, point: &SnapCandidatePoint, config: SnapTypeConfiguration) -> SnappedPoint {
+		if !point.document_point.is_finite() {
+			warn!("Snapping non-finite position");
+			return SnappedPoint::infinite_snap(DVec2::ZERO);
+		}
+
+		let mut snap_results = SnapResults::default();
+		if !config.use_existing_candidates {
+			self.candidates = None;
+		}
+
+		let mut snap_data = snap_data.clone();
+		if snap_data.candidates.is_none() {
+			self.find_candidates(&snap_data, point, config.bbox);
+		}
+		snap_data.candidates = self.candidates.as_ref();
+		snap_data.alignment_candidates = self.alignment_candidates.as_ref();
+
+		self.layer_snapper.free_snap(&mut snap_data, point, &mut snap_results, config);
+		self.grid_snapper.free_snap(&mut snap_data, point, &mut snap_results);
+		self.alignment_snapper.free_snap(&mut snap_data, point, &mut snap_results, config);
+		self.distribution_snapper.free_snap(&mut snap_data, point, &mut snap_results, config);
+
+		Self::find_best_snap(&mut snap_data, point, snap_results, false, false, config.only_path)
+	}
+
+	pub fn constrained_snap(&mut self, snap_data: &SnapData, point: &SnapCandidatePoint, constraint: SnapConstraint, config: SnapTypeConfiguration) -> SnappedPoint {
+		if !point.document_point.is_finite() {
+			warn!("Snapping non-finite position");
+			return SnappedPoint::infinite_snap(DVec2::ZERO);
+		}
+
+		let mut snap_results = SnapResults::default();
+		if !config.use_existing_candidates {
+			self.candidates = None;
+		}
+
+		let mut snap_data = snap_data.clone();
+		if snap_data.candidates.is_none() {
+			self.find_candidates(&snap_data, point, config.bbox);
+		}
+		snap_data.candidates = self.candidates.as_ref();
+		snap_data.alignment_candidates = self.alignment_candidates.as_ref();
+
+		self.layer_snapper.constrained_snap(&mut snap_data, point, &mut snap_results, constraint, config);
+		self.grid_snapper.constrained_snap(&mut snap_data, point, &mut snap_results, constraint);
+		self.alignment_snapper.constrained_snap(&mut snap_data, point, &mut snap_results, constraint, config);
+		self.distribution_snapper.constrained_snap(&mut snap_data, point, &mut snap_results, constraint, config);
+
+		Self::find_best_snap(&mut snap_data, point, snap_results, true, false, config.only_path)
+	}
+
+	fn alignment_x_overlay(boxes: &VecDeque<Rect>, transform: DAffine2, overlay_context: &mut OverlayContext) {
+		let y_size = transform.inverse().transform_vector2(DVec2::Y * 8.).length();
+		for (&first, &second) in boxes.iter().zip(boxes.iter().skip(1)) {
+			let bottom = first.center().y < second.center().y + y_size;
+			let y = if bottom { first.max() } else { first.min() }.y;
+			let start = DVec2::new(first.max().x, y);
+			let end = DVec2::new(second.min().x, y);
+			let signed_size = if bottom { y_size } else { -y_size };
+			overlay_context.line(transform.transform_point2(start), transform.transform_point2(start + DVec2::Y * signed_size), None, None);
+			overlay_context.line(transform.transform_point2(end), transform.transform_point2(end + DVec2::Y * signed_size), None, None);
+			overlay_context.line(
+				transform.transform_point2(start + DVec2::Y * signed_size / 2.),
+				transform.transform_point2(end + DVec2::Y * signed_size / 2.),
+				None,
+				None,
+			);
+		}
+	}
+
+	fn alignment_y_overlay(boxes: &VecDeque<Rect>, transform: DAffine2, overlay_context: &mut OverlayContext) {
+		let x_size = transform.inverse().transform_vector2(DVec2::X * 8.).length();
+		for (&first, &second) in boxes.iter().zip(boxes.iter().skip(1)) {
+			let right = first.center().x < second.center().x + x_size;
+			let x = if right { first.max() } else { first.min() }.x;
+			let start = DVec2::new(x, first.max().y);
+			let end = DVec2::new(x, second.min().y);
+			let signed_size = if right { x_size } else { -x_size };
+			overlay_context.line(transform.transform_point2(start), transform.transform_point2(start + DVec2::X * signed_size), None, None);
+			overlay_context.line(transform.transform_point2(end), transform.transform_point2(end + DVec2::X * signed_size), None, None);
+			overlay_context.line(
+				transform.transform_point2(start + DVec2::X * signed_size / 2.),
+				transform.transform_point2(end + DVec2::X * signed_size / 2.),
+				None,
+				None,
+			);
+		}
+	}
+
+	pub fn draw_overlays(&mut self, snap_data: SnapData, overlay_context: &mut OverlayContext) {
+		let to_viewport = snap_data.document.metadata().document_to_viewport;
+		if let Some(ind) = &self.indicator {
+			for layer in &ind.outline_layers {
+				let &Some(layer) = layer else { continue };
+				overlay_context.outline(
+					snap_data.document.metadata().layer_with_free_points_outline(layer),
+					snap_data.document.metadata().transform_to_viewport(layer),
+					None,
+				);
+			}
+			if let Some(quad) = ind.target_bounds {
+				overlay_context.quad(to_viewport * quad, None, None);
+			}
+			let viewport = to_viewport.transform_point2(ind.snapped_point_document);
+
+			Self::alignment_x_overlay(&ind.distribution_boxes_horizontal, to_viewport, overlay_context);
+			Self::alignment_y_overlay(&ind.distribution_boxes_vertical, to_viewport, overlay_context);
+
+			let align = [ind.alignment_target_horizontal, ind.alignment_target_vertical].map(|target| target.map(|target| to_viewport.transform_point2(target)));
+			let any_align = align.iter().flatten().next().is_some();
+			for &target in align.iter().flatten() {
+				overlay_context.line(viewport, target, None, None);
+			}
+			for &target in align.iter().flatten() {
+				overlay_context.manipulator_handle(target, false, None);
+			}
+			if any_align {
+				overlay_context.manipulator_handle(viewport, false, None);
+			}
+
+			if !any_align && ind.distribution_equal_distance_horizontal.is_none() && ind.distribution_equal_distance_vertical.is_none() {
+				let text = format!("[{}] from [{}]", ind.target, ind.source);
+				let transform = DAffine2::from_translation(viewport - DVec2::new(0., 4.));
+				overlay_context.text(&text, COLOR_OVERLAY_WHITE, Some(COLOR_OVERLAY_LABEL_BACKGROUND), transform, 4., [Pivot::Start, Pivot::End]);
+				overlay_context.square(viewport, Some(4.), Some(COLOR_OVERLAY_BLUE), Some(COLOR_OVERLAY_BLUE));
+			}
+		}
+	}
+
+	/// Removes snap target data and overlays. Call this when snapping is done.
+	pub fn cleanup(&mut self, responses: &mut VecDeque<Message>) {
+		self.candidates = None;
+		self.indicator = None;
+		responses.add(OverlaysMessage::Draw);
+	}
+}
+
+/// Converts a bounding box into a set of points for snapping
+///
+/// Puts a point in the middle of each edge (top, bottom, left, right)
+pub fn expand_bounds([bound1, bound2]: [DVec2; 2]) -> [DVec2; 4] {
+	[
+		DVec2::new((bound1.x + bound2.x) / 2., bound1.y),
+		DVec2::new((bound1.x + bound2.x) / 2., bound2.y),
+		DVec2::new(bound1.x, (bound1.y + bound2.y) / 2.),
+		DVec2::new(bound2.x, (bound1.y + bound2.y) / 2.),
+	]
+}
diff --git a/editor/src/messages/tool/common_functionality/snapping/alignment_snapper.rs b/editor/src/messages/tool/common_functionality/snapping/alignment_snapper.rs
new file mode 100644
index 0000000000000000000000000000000000000000..4d5645e539a2c725372ce1e6eb57421e71d1db50
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/snapping/alignment_snapper.rs
@@ -0,0 +1,210 @@
+use super::*;
+use crate::messages::portfolio::document::utility_types::misc::*;
+use glam::{DAffine2, DVec2};
+use graphene_std::renderer::Quad;
+
+#[derive(Clone, Debug, Default)]
+pub struct AlignmentSnapper {
+	bounding_box_points: Vec<SnapCandidatePoint>,
+}
+
+impl AlignmentSnapper {
+	pub fn collect_bounding_box_points(&mut self, snap_data: &mut SnapData, first_point: bool) {
+		if !first_point {
+			return;
+		}
+
+		let document = snap_data.document;
+
+		self.bounding_box_points.clear();
+		if !document.snapping_state.bounding_box.align_with_edges {
+			return;
+		}
+
+		for layer in document.metadata().all_layers() {
+			if !document.network_interface.is_artboard(&layer.to_node(), &[]) || snap_data.ignore.contains(&layer) {
+				continue;
+			}
+
+			if document.snapping_state.target_enabled(SnapTarget::Artboard(ArtboardSnapTarget::CornerPoint)) {
+				let Some(bounds) = document.metadata().bounding_box_with_transform(layer, document.metadata().transform_to_document(layer)) else {
+					continue;
+				};
+
+				get_bbox_points(Quad::from_box(bounds), &mut self.bounding_box_points, BBoxSnapValues::ALIGN_ARTBOARD, document);
+			}
+		}
+		for &layer in snap_data.alignment_candidates.map_or([].as_slice(), |candidates| candidates.as_slice()) {
+			if snap_data.ignore_bounds(layer) {
+				continue;
+			}
+			let Some(bounds) = document.metadata().bounding_box_with_transform(layer, DAffine2::IDENTITY) else {
+				continue;
+			};
+
+			let quad = document.metadata().transform_to_document(layer) * Quad::from_box(bounds);
+			let values = BBoxSnapValues::ALIGN_BOUNDING_BOX;
+			get_bbox_points(quad, &mut self.bounding_box_points, values, document);
+		}
+	}
+
+	pub fn snap_bbox_points(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, constraint: SnapConstraint, config: SnapTypeConfiguration) {
+		self.collect_bounding_box_points(snap_data, !config.use_existing_candidates);
+		let unselected_geometry = if snap_data.document.snapping_state.target_enabled(SnapTarget::Alignment(AlignmentSnapTarget::AlignWithAnchorPoint)) {
+			snap_data.node_snap_cache.map(|cache| cache.unselected.as_slice()).unwrap_or(&[])
+		} else {
+			&[]
+		};
+
+		// TODO: snap handle points
+		let document = snap_data.document;
+		let tolerance = snap_tolerance(document);
+		let tolerance_squared = tolerance.powi(2);
+		let mut snap_x: Option<SnappedPoint> = None;
+		let mut snap_y: Option<SnappedPoint> = None;
+
+		for target_point in self.bounding_box_points.iter().chain(unselected_geometry) {
+			let target_position = target_point.document_point;
+
+			// Perpendicular snap for line's endpoints
+			if let Some(quad) = target_point.quad.map(|q| q.0) {
+				if quad[0] == quad[3] && quad[1] == quad[2] && quad[0] == target_point.document_point {
+					let [p1, p2, ..] = quad;
+					let Some(direction) = (p2 - p1).try_normalize() else { return };
+					let normal = DVec2::new(-direction.y, direction.x);
+
+					for endpoint in [p1, p2] {
+						if let Some(perpendicular_snap) = Quad::intersect_rays(point.document_point, direction, endpoint, normal) {
+							let distance_squared = point.document_point.distance_squared(perpendicular_snap);
+							if distance_squared < tolerance_squared {
+								let distance = distance_squared.sqrt();
+								let distance_to_align_target = perpendicular_snap.distance_squared(endpoint).sqrt();
+
+								let snap_point = SnappedPoint {
+									snapped_point_document: perpendicular_snap,
+									source: point.source,
+									target: SnapTarget::Alignment(AlignmentSnapTarget::PerpendicularToEndpoint),
+									target_bounds: Some(Quad(quad)),
+									distance,
+									tolerance,
+									distance_to_align_target,
+									fully_constrained: false,
+									at_intersection: true,
+									alignment_target_horizontal: Some(endpoint),
+									..Default::default()
+								};
+								snap_results.points.push(snap_point);
+							}
+						}
+					}
+				}
+			}
+			let [point_on_x, point_on_y] = if let SnapConstraint::Line { origin, direction } = constraint {
+				[
+					Quad::intersect_rays(target_point.document_point, DVec2::Y, origin, direction),
+					Quad::intersect_rays(target_point.document_point, DVec2::X, origin, direction),
+				]
+			} else {
+				let Some(quad) = target_point.quad.map(|quad| quad.0) else { continue };
+				let edges = [quad[1] - quad[0], quad[3] - quad[0]];
+				edges.map(|edge| edge.try_normalize().map(|edge| (point.document_point - target_position).project_onto(edge) + target_position))
+			};
+
+			let target_path = matches!(target_point.target, SnapTarget::Path(_));
+			let updated_target = if target_path {
+				SnapTarget::Alignment(AlignmentSnapTarget::AlignWithAnchorPoint)
+			} else {
+				target_point.target
+			};
+
+			if let Some(point_on_x) = point_on_x {
+				let distance_to_snapped = point.document_point.distance(point_on_x);
+				let distance_to_align_target = point_on_x.distance(target_position);
+				if distance_to_snapped < tolerance && snap_x.as_ref().is_none_or(|point| distance_to_align_target < point.distance_to_align_target) {
+					snap_x = Some(SnappedPoint {
+						snapped_point_document: point_on_x,
+						source: point.source, // TODO(0Hypercube): map source
+						target: updated_target,
+						target_bounds: target_point.quad,
+						distance: distance_to_snapped,
+						tolerance,
+						distance_to_align_target,
+						alignment_target_horizontal: Some(target_position),
+						fully_constrained: true,
+						at_intersection: matches!(constraint, SnapConstraint::Line { .. }),
+						..Default::default()
+					});
+				}
+			}
+			if let Some(point_on_y) = point_on_y {
+				let distance_to_snapped = point.document_point.distance(point_on_y);
+				let distance_to_align_target = point_on_y.distance(target_position);
+				if distance_to_snapped < tolerance && snap_y.as_ref().is_none_or(|point| distance_to_align_target < point.distance_to_align_target) {
+					snap_y = Some(SnappedPoint {
+						snapped_point_document: point_on_y,
+						source: point.source, // TODO(0Hypercube): map source
+						target: updated_target,
+						target_bounds: target_point.quad,
+						distance: distance_to_snapped,
+						tolerance,
+						distance_to_align_target,
+						alignment_target_vertical: Some(target_position),
+						fully_constrained: true,
+						at_intersection: matches!(constraint, SnapConstraint::Line { .. }),
+						..Default::default()
+					});
+				}
+			}
+		}
+
+		match (snap_x, snap_y) {
+			(Some(snap_x), Some(snap_y)) if !matches!(constraint, SnapConstraint::Line { .. }) => {
+				let intersection = DVec2::new(snap_y.snapped_point_document.x, snap_x.snapped_point_document.y);
+				let distance = intersection.distance(point.document_point);
+
+				if distance >= tolerance {
+					snap_results.points.push(if snap_x.distance < snap_y.distance { snap_x } else { snap_y });
+					return;
+				}
+
+				snap_results.points.push(SnappedPoint {
+					snapped_point_document: intersection,
+					source: point.source, // TODO: map source
+					target: SnapTarget::Alignment(AlignmentSnapTarget::IntersectionPoint),
+					target_bounds: snap_x.target_bounds,
+					distance,
+					tolerance,
+					alignment_target_horizontal: snap_x.alignment_target_horizontal,
+					alignment_target_vertical: snap_y.alignment_target_vertical,
+					constrained: true,
+					at_intersection: true,
+					..Default::default()
+				});
+			}
+			(Some(snap_x), Some(snap_y)) => snap_results.points.push(if snap_x.distance < snap_y.distance { snap_x } else { snap_y }),
+			(Some(snap_x), _) => snap_results.points.push(snap_x),
+			(_, Some(snap_y)) => snap_results.points.push(snap_y),
+			_ => {}
+		}
+	}
+
+	pub fn free_snap(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, config: SnapTypeConfiguration) {
+		let is_bbox = matches!(point.source, SnapSource::BoundingBox(_));
+		let is_path = matches!(point.source, SnapSource::Path(_));
+		let path_selected = snap_data.has_manipulators();
+
+		if is_bbox || (is_path && path_selected) || (is_path && point.alignment) {
+			self.snap_bbox_points(snap_data, point, snap_results, SnapConstraint::None, config);
+		}
+	}
+
+	pub fn constrained_snap(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, constraint: SnapConstraint, config: SnapTypeConfiguration) {
+		let is_bbox = matches!(point.source, SnapSource::BoundingBox(_));
+		let is_path = matches!(point.source, SnapSource::Path(_));
+		let path_selected = snap_data.has_manipulators();
+
+		if is_bbox || (is_path && path_selected) || (is_path && point.alignment) {
+			self.snap_bbox_points(snap_data, point, snap_results, constraint, config);
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/snapping/distribution_snapper.rs b/editor/src/messages/tool/common_functionality/snapping/distribution_snapper.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1622effaf96b949b7f7ad00a2a2b1915f1bd16f5
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/snapping/distribution_snapper.rs
@@ -0,0 +1,702 @@
+use super::*;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::misc::*;
+use glam::DVec2;
+use graphene_std::renderer::Quad;
+use std::collections::VecDeque;
+
+#[derive(Clone, Debug, Default)]
+pub struct DistributionSnapper {
+	right: Vec<Rect>,
+	left: Vec<Rect>,
+	down: Vec<Rect>,
+	up: Vec<Rect>,
+}
+
+#[cfg_attr(test, derive(Debug, PartialEq))]
+pub struct DistributionMatch {
+	pub equal: f64,
+	pub first: f64,
+}
+
+fn dist_right(a: Rect, b: Rect) -> f64 {
+	-a.max().x + b.min().x
+}
+fn dist_left(a: Rect, b: Rect) -> f64 {
+	a.min().x - b.max().x
+}
+fn dist_down(a: Rect, b: Rect) -> f64 {
+	-a.max().y + b.min().y
+}
+fn dist_up(a: Rect, b: Rect) -> f64 {
+	a.min().y - b.max().y
+}
+
+impl DistributionSnapper {
+	fn add_bounds(&mut self, layer: LayerNodeIdentifier, snap_data: &mut SnapData, bbox_to_snap: Rect, max_extent: f64) {
+		let document = snap_data.document;
+
+		let Some(bounds) = document.metadata().bounding_box_with_transform(layer, document.metadata().transform_to_document(layer)) else {
+			return;
+		};
+		let bounds = Rect::from_box(bounds);
+		if bounds.intersects(bbox_to_snap) {
+			return;
+		}
+
+		let difference = bounds.center() - bbox_to_snap.center();
+
+		let x_bounds = bbox_to_snap.expand_by(max_extent, 0.);
+		let y_bounds = bbox_to_snap.expand_by(0., max_extent);
+
+		if x_bounds.intersects(bounds) {
+			if difference.x > 0. {
+				self.right.push(bounds);
+			} else {
+				self.left.push(bounds);
+			}
+		} else if y_bounds.intersects(bounds) {
+			if difference.y > 0. {
+				self.down.push(bounds);
+			} else {
+				self.up.push(bounds);
+			}
+		}
+	}
+
+	pub fn collect_bounding_box_points(&mut self, snap_data: &mut SnapData, first_point: bool, bbox_to_snap: Rect) {
+		if !first_point {
+			return;
+		}
+
+		let document = snap_data.document;
+
+		self.right.clear();
+		self.left.clear();
+		self.down.clear();
+		self.up.clear();
+
+		let screen_bounds = (document.metadata().document_to_viewport.inverse() * Quad::from_box([DVec2::ZERO, snap_data.input.viewport_bounds.size()])).bounding_box();
+		let max_extent = (screen_bounds[1] - screen_bounds[0]).abs().max_element();
+
+		// Collect artboard bounds
+		for layer in document.metadata().all_layers() {
+			if document.network_interface.is_artboard(&layer.to_node(), &[]) && !snap_data.ignore.contains(&layer) {
+				self.add_bounds(layer, snap_data, bbox_to_snap, max_extent);
+			}
+		}
+
+		// Collect alignment candidate bounds
+		for &layer in snap_data.alignment_candidates.map_or([].as_slice(), |candidates| candidates.as_slice()) {
+			if !snap_data.ignore_bounds(layer) {
+				self.add_bounds(layer, snap_data, bbox_to_snap, max_extent);
+			}
+		}
+
+		// Sort and merge intersecting rectangles
+		self.right.sort_unstable_by(|a, b| a.center().x.total_cmp(&b.center().x));
+		self.left.sort_unstable_by(|a, b| b.center().x.total_cmp(&a.center().x));
+		self.down.sort_unstable_by(|a, b| a.center().y.total_cmp(&b.center().y));
+		self.up.sort_unstable_by(|a, b| b.center().y.total_cmp(&a.center().y));
+
+		Self::merge_intersecting(&mut self.right);
+		Self::merge_intersecting(&mut self.left);
+		Self::merge_intersecting(&mut self.down);
+		Self::merge_intersecting(&mut self.up);
+	}
+
+	fn merge_intersecting(rectangles: &mut Vec<Rect>) {
+		let mut index = 0;
+		while index < rectangles.len() {
+			let insert_index = index;
+			let mut obelisk = rectangles[index];
+
+			while index + 1 < rectangles.len() && rectangles[index].intersects(rectangles[index + 1]) {
+				index += 1;
+				obelisk = Rect::combine_bounds(obelisk, rectangles[index]);
+			}
+
+			if index > insert_index {
+				rectangles.insert(insert_index, obelisk);
+				index += 1;
+			}
+
+			index += 1;
+		}
+	}
+
+	fn exact_further_matches(source: Rect, rectangles: &[Rect], dist_fn: fn(Rect, Rect) -> f64, first_dist: f64, depth: u8) -> VecDeque<Rect> {
+		if rectangles.is_empty() || depth > 10 {
+			return VecDeque::from([source]);
+		}
+
+		for (index, &rect) in rectangles.iter().enumerate() {
+			let next_dist = dist_fn(source, rect);
+
+			if (first_dist - next_dist).abs() < 5e-5 * depth as f64 {
+				let mut results = Self::exact_further_matches(rect, &rectangles[(index + 1)..], dist_fn, first_dist, depth + 1);
+				results.push_front(source);
+				return results;
+			}
+		}
+
+		VecDeque::from([source])
+	}
+
+	fn matches_within_tolerance(source: Rect, rectangles: &[Rect], tolerance: f64, dist_fn: fn(Rect, Rect) -> f64, first_dist: f64) -> Option<(f64, VecDeque<Rect>)> {
+		for (index, &rect) in rectangles.iter().enumerate() {
+			let next_dist = dist_fn(source, rect);
+
+			if (first_dist - next_dist).abs() < tolerance {
+				let this_dist = next_dist;
+				let results = Self::exact_further_matches(rect, &rectangles[(index + 1)..], dist_fn, this_dist, 2);
+				return Some((this_dist, results));
+			}
+		}
+
+		None
+	}
+
+	fn top_level_matches(source: Rect, rectangles: &[Rect], tolerance: f64, dist_fn: fn(Rect, Rect) -> f64) -> (Option<DistributionMatch>, VecDeque<Rect>) {
+		if rectangles.is_empty() {
+			return (None, VecDeque::new());
+		}
+
+		let mut best: Option<(DistributionMatch, Rect, VecDeque<Rect>)> = None;
+		for (index, &rect) in rectangles.iter().enumerate() {
+			let first_dist = dist_fn(source, rect);
+
+			let Some((equal_dist, results)) = Self::matches_within_tolerance(rect, &rectangles[(index + 1)..], tolerance, dist_fn, first_dist) else {
+				continue;
+			};
+			if best.as_ref().is_some_and(|(_, _, best)| best.len() >= results.len()) {
+				continue;
+			}
+
+			best = Some((DistributionMatch { first: first_dist, equal: equal_dist }, rect, results));
+		}
+
+		if let Some((dist, rect, mut results)) = best {
+			results.push_front(rect);
+			(Some(dist), results)
+		} else {
+			(None, VecDeque::from([rectangles[0]]))
+		}
+	}
+
+	fn snap_bbox_points(&self, tolerance: f64, point: &SnapCandidatePoint, snap_results: &mut SnapResults, constraint: SnapConstraint, bounds: Rect) {
+		let mut consider_x = true;
+		let mut consider_y = true;
+
+		if let SnapConstraint::Line { direction, .. } = constraint {
+			let direction = direction.normalize_or_zero();
+			consider_x = direction.x != 0.;
+			consider_y = direction.y != 0.;
+		}
+
+		let mut snap_x: Option<SnappedPoint> = None;
+		let mut snap_y: Option<SnappedPoint> = None;
+
+		self.horizontal_snap(consider_x, bounds, tolerance, &mut snap_x, point);
+		self.vertical_snap(consider_y, bounds, tolerance, &mut snap_y, point);
+
+		match (snap_x, snap_y) {
+			(Some(x), Some(y)) => {
+				let x_bounds = Rect::from_box(x.source_bounds.unwrap_or_default().bounding_box());
+				let y_bounds = Rect::from_box(y.source_bounds.unwrap_or_default().bounding_box());
+				let final_bounds = Rect::from_box([0, 1].map(|index| DVec2::new(x_bounds[index].x, y_bounds[index].y)));
+
+				let mut final_point = x;
+				final_point.snapped_point_document += y.snapped_point_document - point.document_point;
+				final_point.source_bounds = Some(final_bounds.into());
+				final_point.target = SnapTarget::DistributeEvenly(DistributionSnapTarget::XY);
+				final_point.distribution_boxes_vertical = y.distribution_boxes_vertical;
+				final_point.distribution_equal_distance_vertical = y.distribution_equal_distance_vertical;
+				final_point.distance = (final_point.distance * final_point.distance + y.distance * y.distance).sqrt();
+				snap_results.points.push(final_point);
+			}
+			(Some(x), None) => snap_results.points.push(x),
+			(None, Some(y)) => snap_results.points.push(y),
+			(None, None) => {}
+		}
+	}
+
+	fn horizontal_snap(&self, consider_x: bool, bounds: Rect, tolerance: f64, snap_x: &mut Option<SnappedPoint>, point: &SnapCandidatePoint) {
+		if !consider_x {
+			return;
+		}
+
+		// Try right distribution first
+		if !self.right.is_empty() {
+			let (equal_dist, mut vec_right) = Self::top_level_matches(bounds, &self.right, tolerance, dist_right);
+			if let Some(distances) = equal_dist {
+				let translation = DVec2::X * (distances.first - distances.equal);
+				vec_right.push_front(bounds.translate(translation));
+
+				// Find matching left distribution
+				for &left in Self::exact_further_matches(bounds.translate(translation), &self.left, dist_left, distances.equal, 2).iter().skip(1) {
+					vec_right.push_front(left);
+				}
+
+				// Adjust bounds to maintain alignment
+				if vec_right.len() > 1 {
+					vec_right[0][0].y = vec_right[0][0].y.min(vec_right[1][1].y);
+					vec_right[0][1].y = vec_right[0][1].y.min(vec_right[1][1].y);
+				}
+
+				*snap_x = Some(SnappedPoint::distribute(point, DistributionSnapTarget::Right, vec_right, distances, bounds, translation, tolerance));
+				return;
+			}
+		}
+
+		// Try left distribution if right didn't work
+		if !self.left.is_empty() {
+			let (equal_dist, mut vec_left) = Self::top_level_matches(bounds, &self.left, tolerance, dist_left);
+			if let Some(distances) = equal_dist {
+				let translation = -DVec2::X * (distances.first - distances.equal);
+				vec_left.make_contiguous().reverse();
+				vec_left.push_back(bounds.translate(translation));
+
+				// Find matching right distribution
+				for &right in Self::exact_further_matches(bounds.translate(translation), &self.right, dist_right, distances.equal, 2).iter().skip(1) {
+					vec_left.push_back(right);
+				}
+
+				*snap_x = Some(SnappedPoint::distribute(point, DistributionSnapTarget::Left, vec_left, distances, bounds, translation, tolerance));
+				return;
+			}
+		}
+
+		// Try center distribution if both sides exist
+		if !self.left.is_empty() && !self.right.is_empty() {
+			let target_x = (self.right[0].min() + self.left[0].max()).x / 2.;
+			let offset = target_x - bounds.center().x;
+
+			if offset.abs() < tolerance {
+				let translation = DVec2::X * offset;
+				let equal = bounds.translate(translation).min().x - self.left[0].max().x;
+				let first = equal + offset;
+				let distances = DistributionMatch { first, equal };
+
+				let mut boxes = VecDeque::from([self.left[0], bounds.translate(translation), self.right[0]]);
+
+				// Adjust bounds to maintain alignment
+				if boxes.len() > 1 {
+					boxes[1][0].y = boxes[1][0].y.min(boxes[0][1].y);
+					boxes[1][1].y = boxes[1][1].y.min(boxes[0][1].y);
+				}
+
+				*snap_x = Some(SnappedPoint::distribute(point, DistributionSnapTarget::X, boxes, distances, bounds, translation, tolerance));
+			}
+		}
+	}
+
+	fn vertical_snap(&self, consider_y: bool, bounds: Rect, tolerance: f64, snap_y: &mut Option<SnappedPoint>, point: &SnapCandidatePoint) {
+		if !consider_y {
+			return;
+		}
+
+		// Try down distribution first
+		if !self.down.is_empty() {
+			let (equal_dist, mut vec_down) = Self::top_level_matches(bounds, &self.down, tolerance, dist_down);
+			if let Some(distances) = equal_dist {
+				let translation = DVec2::Y * (distances.first - distances.equal);
+				vec_down.push_front(bounds.translate(translation));
+
+				// Find matching up distribution
+				for &up in Self::exact_further_matches(bounds.translate(translation), &self.up, dist_up, distances.equal, 2).iter().skip(1) {
+					vec_down.push_front(up);
+				}
+
+				// Adjust bounds to maintain alignment
+				if vec_down.len() > 1 {
+					vec_down[0][0].x = vec_down[0][0].x.min(vec_down[1][1].x);
+					vec_down[0][1].x = vec_down[0][1].x.min(vec_down[1][1].x);
+				}
+
+				*snap_y = Some(SnappedPoint::distribute(point, DistributionSnapTarget::Down, vec_down, distances, bounds, translation, tolerance));
+				return;
+			}
+		}
+
+		// Try up distribution if down didn't work
+		if !self.up.is_empty() {
+			let (equal_dist, mut vec_up) = Self::top_level_matches(bounds, &self.up, tolerance, dist_up);
+			if let Some(distances) = equal_dist {
+				let translation = -DVec2::Y * (distances.first - distances.equal);
+				vec_up.make_contiguous().reverse();
+				vec_up.push_back(bounds.translate(translation));
+
+				// Find matching down distribution
+				for &down in Self::exact_further_matches(bounds.translate(translation), &self.down, dist_down, distances.equal, 2).iter().skip(1) {
+					vec_up.push_back(down);
+				}
+
+				*snap_y = Some(SnappedPoint::distribute(point, DistributionSnapTarget::Up, vec_up, distances, bounds, translation, tolerance));
+				return;
+			}
+		}
+
+		// Try center distribution if both sides exist
+		if !self.up.is_empty() && !self.down.is_empty() {
+			let target_y = (self.down[0].min() + self.up[0].max()).y / 2.;
+			let offset = target_y - bounds.center().y;
+
+			if offset.abs() < tolerance {
+				let translation = DVec2::Y * offset;
+				let equal = bounds.translate(translation).min().y - self.up[0].max().y;
+				let first = equal + offset;
+				let distances = DistributionMatch { first, equal };
+
+				let mut boxes = VecDeque::from([self.up[0], bounds.translate(translation), self.down[0]]);
+
+				// Adjust bounds to maintain alignment
+				if boxes.len() > 1 {
+					boxes[1][0].x = boxes[1][0].x.min(boxes[0][1].x);
+					boxes[1][1].x = boxes[1][1].x.min(boxes[0][1].x);
+				}
+
+				*snap_y = Some(SnappedPoint::distribute(point, DistributionSnapTarget::Y, boxes, distances, bounds, translation, tolerance));
+			}
+		}
+	}
+
+	pub fn free_snap(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, config: SnapTypeConfiguration) {
+		let Some(bounds) = config.bbox else { return };
+		if !snap_data.document.snapping_state.bounding_box.distribute_evenly {
+			return;
+		}
+
+		self.collect_bounding_box_points(snap_data, config.accept_distribution, bounds);
+		self.snap_bbox_points(snap_tolerance(snap_data.document), point, snap_results, SnapConstraint::None, bounds);
+	}
+
+	pub fn constrained_snap(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, constraint: SnapConstraint, config: SnapTypeConfiguration) {
+		let Some(bounds) = config.bbox else { return };
+		if !snap_data.document.snapping_state.bounding_box.distribute_evenly {
+			return;
+		}
+
+		self.collect_bounding_box_points(snap_data, config.accept_distribution, bounds);
+		self.snap_bbox_points(snap_tolerance(snap_data.document), point, snap_results, constraint, bounds);
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	#[test]
+	fn merge_intersecting_test() {
+		let mut rectangles = vec![Rect::from_square(DVec2::ZERO, 2.), Rect::from_square(DVec2::new(10., 0.), 2.)];
+		DistributionSnapper::merge_intersecting(&mut rectangles);
+		assert_eq!(rectangles.len(), 2);
+
+		let mut rectangles = vec![
+			Rect::from_square(DVec2::ZERO, 2.),
+			Rect::from_square(DVec2::new(1., 0.), 2.),
+			Rect::from_square(DVec2::new(10., 0.), 2.),
+			Rect::from_square(DVec2::new(11., 0.), 2.),
+		];
+		DistributionSnapper::merge_intersecting(&mut rectangles);
+		assert_eq!(rectangles.len(), 6);
+		assert_eq!(rectangles[0], Rect::from_box([DVec2::new(-2., -2.), DVec2::new(3., 2.)]));
+		assert_eq!(rectangles[3], Rect::from_box([DVec2::new(8., -2.), DVec2::new(13., 2.)]));
+	}
+
+	#[test]
+	fn dist_simple_2() {
+		let rectangles = [10., 20.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.));
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let (offset, rectangles) = DistributionSnapper::top_level_matches(source, &rectangles, 1., dist_right);
+		assert_eq!(offset, Some(DistributionMatch { first: 5.5, equal: 6. }));
+		assert_eq!(rectangles.len(), 2);
+	}
+
+	#[test]
+	fn dist_simple_3() {
+		let rectangles = [10., 20., 30.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.));
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let (offset, rectangles) = DistributionSnapper::top_level_matches(source, &rectangles, 1., dist_right);
+		assert_eq!(offset, Some(DistributionMatch { first: 5.5, equal: 6. }));
+		assert_eq!(rectangles.len(), 3);
+	}
+
+	#[test]
+	fn dist_out_of_tolerance() {
+		let rectangles = [10., 20.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.));
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let (offset, rectangles) = DistributionSnapper::top_level_matches(source, &rectangles, 0.4, dist_right);
+		assert_eq!(offset, None);
+		assert_eq!(rectangles.len(), 1);
+	}
+
+	#[test]
+	fn dist_with_nonsense() {
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let rectangles = [2., 10., 15., 20.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.));
+		let (offset, rectangles) = DistributionSnapper::top_level_matches(source, &rectangles, 1., dist_right);
+		assert_eq!(offset, Some(DistributionMatch { first: 5.5, equal: 6. }));
+		assert_eq!(rectangles.len(), 2);
+	}
+
+	#[cfg(test)]
+	fn assert_boxes_in_order(rectangles: &VecDeque<Rect>, index: usize) {
+		for (&first, &second) in rectangles.iter().zip(rectangles.iter().skip(1)) {
+			assert!(first.max()[index] < second.min()[index], "{first:?} {second:?} {index}")
+		}
+	}
+
+	#[test]
+	fn dist_snap_point_right() {
+		let dist_snapper = DistributionSnapper {
+			right: [2., 10., 15., 20.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			left: [-2.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_horizontal, Some(6.));
+		let mut expected_box = Rect::from_square(DVec2::new(0., 0.), 2.);
+		expected_box[0].y = expected_box[0].y.min(dist_snapper.left[0][1].y);
+		expected_box[1].y = expected_box[1].y.min(dist_snapper.left[0][1].y);
+
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal.len(), 3);
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal[0], expected_box);
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_horizontal, 0);
+	}
+
+	#[test]
+	fn dist_snap_point_right_left() {
+		let dist_snapper = DistributionSnapper {
+			right: [2., 10., 15., 20.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			left: [-2., -10., -15., -20.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			..Default::default()
+		};
+
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_horizontal, Some(6.));
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal.len(), 5);
+
+		let mut expected_left1 = dist_snapper.left[1];
+		let mut expected_center = Rect::from_square(DVec2::new(0., 0.), 2.);
+
+		expected_center[0].y = expected_center[0].y.min(dist_snapper.left[1][1].y).min(dist_snapper.right[0][1].y);
+		expected_center[1].y = expected_center[1].y.min(dist_snapper.left[1][1].y).min(dist_snapper.right[0][1].y);
+
+		expected_left1[0].y = expected_left1[0].y.min(dist_snapper.left[0][1].y).min(expected_center[1].y);
+		expected_left1[1].y = expected_left1[1].y.min(dist_snapper.left[0][1].y).min(expected_center[1].y);
+
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal[1], expected_left1);
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal[2], expected_center);
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_horizontal, 0);
+	}
+
+	#[test]
+	fn dist_snap_point_left() {
+		let dist_snapper = DistributionSnapper {
+			left: [-2., -10., -15., -20.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_horizontal, Some(6.));
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal.len(), 3);
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal[2], Rect::from_square(DVec2::new(0., 0.), 2.));
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_horizontal, 0);
+	}
+
+	#[test]
+	fn dist_snap_point_left_right() {
+		let dist_snapper = DistributionSnapper {
+			left: [-2., -10., -15., -20.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			right: [2., 10., 15.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_horizontal, Some(6.));
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal.len(), 4);
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal[2], Rect::from_square(DVec2::new(0., 0.), 2.));
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_horizontal, 0);
+	}
+
+	#[test]
+	fn dist_snap_point_center_x() {
+		let dist_snapper = DistributionSnapper {
+			left: [-10., -15.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			right: [10., 15.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0.5, 0.), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_horizontal, Some(6.));
+
+		let mut expected_box = Rect::from_square(DVec2::new(0., 0.), 2.);
+		expected_box[0].y = expected_box[0].y.min(dist_snapper.left[0][1].y);
+		expected_box[1].y = expected_box[1].y.min(dist_snapper.left[0][1].y);
+
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal.len(), 3);
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal[1], expected_box);
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_horizontal, 0);
+	}
+
+	// ----------------------------------
+
+	#[test]
+	fn dist_snap_point_down() {
+		let dist_snapper = DistributionSnapper {
+			down: [2., 10., 15., 20.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			up: [-2.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0., 0.5), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_vertical, Some(6.));
+
+		let mut expected_box = Rect::from_square(DVec2::new(0., 0.), 2.);
+		expected_box[0].x = expected_box[0].x.min(dist_snapper.down[0][1].x);
+		expected_box[1].x = expected_box[1].x.min(dist_snapper.down[0][1].x);
+
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical.len(), 3);
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical[0], expected_box);
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_vertical, 1);
+	}
+
+	#[test]
+	fn dist_snap_point_down_up() {
+		let dist_snapper = DistributionSnapper {
+			down: [2., 10., 15., 20.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			up: [-2., -10., -15., -20.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0., 0.5), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_vertical, Some(6.));
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical.len(), 5);
+
+		let mut expected_center = Rect::from_square(DVec2::new(0., 0.), 2.);
+		expected_center[0].x = expected_center[0].x.min(dist_snapper.up[1][1].x).min(dist_snapper.down[0][1].x);
+		expected_center[1].x = expected_center[1].x.min(dist_snapper.up[1][1].x).min(dist_snapper.down[0][1].x);
+
+		let mut expected_up = Rect::from_square(DVec2::new(0., -10.), 2.);
+		expected_up[0].x = expected_up[0].x.min(dist_snapper.up[0][1].x).min(expected_center[0].x);
+		expected_up[1].x = expected_up[1].x.min(dist_snapper.up[0][1].x).min(expected_center[1].x);
+
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical[1], expected_up);
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical[2], expected_center);
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_vertical, 1);
+	}
+
+	#[test]
+	fn dist_snap_point_up() {
+		let dist_snapper = DistributionSnapper {
+			up: [-2., -10., -15., -20.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0., 0.5), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_vertical, Some(6.));
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical.len(), 3);
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical[2], Rect::from_square(DVec2::new(0., 0.), 2.));
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_vertical, 1);
+	}
+
+	#[test]
+	fn dist_snap_point_up_down() {
+		let dist_snapper = DistributionSnapper {
+			up: [-2., -10., -15., -20.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			down: [2., 10., 15.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0., 0.5), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_vertical, Some(6.));
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical.len(), 4);
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical[2], Rect::from_square(DVec2::new(0., 0.), 2.));
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_vertical, 1);
+	}
+
+	#[test]
+	fn dist_snap_point_center_y() {
+		let dist_snapper = DistributionSnapper {
+			up: [-10., -15.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			down: [10., 15.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0., 0.5), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_vertical, Some(6.));
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical.len(), 3);
+
+		let mut expected_box = Rect::from_square(DVec2::new(0., 0.), 2.);
+		expected_box[0].x = expected_box[0].x.min(dist_snapper.up[0][1].x).min(dist_snapper.down[0][1].x);
+		expected_box[1].x = expected_box[1].x.min(dist_snapper.up[0][1].x).min(dist_snapper.down[0][1].x);
+
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical[1], expected_box);
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_vertical, 1);
+	}
+
+	#[test]
+	fn dist_snap_point_center_xy() {
+		let dist_snapper = DistributionSnapper {
+			up: [-10., -15.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			down: [10., 15.].map(|y| Rect::from_square(DVec2::new(0., y), 2.)).to_vec(),
+			left: [-12., -15.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			right: [12., 15.].map(|x| Rect::from_square(DVec2::new(x, 0.), 2.)).to_vec(),
+			..Default::default()
+		};
+		let source = Rect::from_square(DVec2::new(0.3, 0.4), 2.);
+		let snap_results = &mut SnapResults::default();
+		dist_snapper.snap_bbox_points(1., &SnapCandidatePoint::default(), snap_results, SnapConstraint::None, source);
+
+		assert_eq!(snap_results.points.len(), 1);
+		assert_eq!(snap_results.points[0].distance, 0.5000000000000001);
+		assert_eq!(snap_results.points[0].distribution_equal_distance_horizontal, Some(8.));
+		assert_eq!(snap_results.points[0].distribution_equal_distance_vertical, Some(6.));
+		assert_eq!(snap_results.points[0].distribution_boxes_horizontal.len(), 3);
+		assert_eq!(snap_results.points[0].distribution_boxes_vertical.len(), 3);
+
+		assert!(snap_results.points[0].distribution_boxes_horizontal[1][0].y <= dist_snapper.left[0][1].y);
+		assert!(snap_results.points[0].distribution_boxes_horizontal[1][1].y <= dist_snapper.left[0][1].y);
+		assert!(snap_results.points[0].distribution_boxes_vertical[1][0].x <= dist_snapper.up[0][1].x);
+		assert!(snap_results.points[0].distribution_boxes_vertical[1][1].x <= dist_snapper.up[0][1].x);
+
+		assert_eq!(Rect::from_box(snap_results.points[0].source_bounds.unwrap().bounding_box()), Rect::from_square(DVec2::new(0., 0.), 2.));
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_horizontal, 0);
+		assert_boxes_in_order(&snap_results.points[0].distribution_boxes_vertical, 1);
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/snapping/grid_snapper.rs b/editor/src/messages/tool/common_functionality/snapping/grid_snapper.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1c339d435441ae2315f4d5e4ec0c0f64b3ccd2f2
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/snapping/grid_snapper.rs
@@ -0,0 +1,181 @@
+use super::*;
+use crate::messages::portfolio::document::utility_types::misc::{GridSnapTarget, GridSnapping, GridType, SnapTarget};
+use glam::DVec2;
+use graphene_std::renderer::Quad;
+
+struct Line {
+	pub point: DVec2,
+	pub direction: DVec2,
+}
+
+#[derive(Clone, Debug, Default)]
+
+pub struct GridSnapper;
+
+impl GridSnapper {
+	// Rectangular grid has 4 lines around a point, 2 on y axis and 2 on x axis.
+	fn get_snap_lines_rectangular(&self, document_point: DVec2, snap_data: &mut SnapData, spacing: DVec2) -> Vec<Line> {
+		let document = snap_data.document;
+		let mut lines = Vec::new();
+
+		let Some(spacing) = GridSnapping::compute_rectangle_spacing(spacing, &document.document_ptz) else {
+			return lines;
+		};
+		let origin = document.snapping_state.grid.origin;
+		for (direction, perpendicular) in [(DVec2::X, DVec2::Y), (DVec2::Y, DVec2::X)] {
+			lines.push(Line {
+				direction,
+				point: perpendicular * (((document_point - origin) / spacing).ceil() * spacing + origin),
+			});
+			lines.push(Line {
+				direction,
+				point: perpendicular * (((document_point - origin) / spacing).floor() * spacing + origin),
+			});
+		}
+		lines
+	}
+
+	// Isometric grid has 6 lines around a point, 2 y axis, 2 on the angle a, and 2 on the angle b.
+	fn get_snap_lines_isometric(&self, document_point: DVec2, snap_data: &mut SnapData, y_axis_spacing: f64, angle_a: f64, angle_b: f64) -> Vec<Line> {
+		let document = snap_data.document;
+		let mut lines = Vec::new();
+
+		let origin = document.snapping_state.grid.origin;
+
+		let tan_a = angle_a.to_radians().tan();
+		let tan_b = angle_b.to_radians().tan();
+		let spacing = DVec2::new(y_axis_spacing / (tan_a + tan_b), y_axis_spacing);
+		let Some(spacing_multiplier) = GridSnapping::compute_isometric_multiplier(y_axis_spacing, tan_a + tan_b, &document.document_ptz) else {
+			return lines;
+		};
+		let spacing = spacing * spacing_multiplier;
+
+		let x_max = ((document_point.x - origin.x) / spacing.x).ceil() * spacing.x + origin.x;
+		let x_min = ((document_point.x - origin.x) / spacing.x).floor() * spacing.x + origin.x;
+		lines.push(Line {
+			point: DVec2::new(x_max, 0.),
+			direction: DVec2::Y,
+		});
+		lines.push(Line {
+			point: DVec2::new(x_min, 0.),
+			direction: DVec2::Y,
+		});
+
+		let y_projected_onto_x = document_point.y + tan_a * (document_point.x - origin.x);
+		let y_onto_x_max = ((y_projected_onto_x - origin.y) / spacing.y).ceil() * spacing.y + origin.y;
+		let y_onto_x_min = ((y_projected_onto_x - origin.y) / spacing.y).floor() * spacing.y + origin.y;
+		lines.push(Line {
+			point: DVec2::new(origin.x, y_onto_x_max),
+			direction: DVec2::new(1., -tan_a),
+		});
+		lines.push(Line {
+			point: DVec2::new(origin.x, y_onto_x_min),
+			direction: DVec2::new(1., -tan_a),
+		});
+
+		let y_projected_onto_z = document_point.y - tan_b * (document_point.x - origin.x);
+		let y_onto_z_max = ((y_projected_onto_z - origin.y) / spacing.y).ceil() * spacing.y + origin.y;
+		let y_onto_z_min = ((y_projected_onto_z - origin.y) / spacing.y).floor() * spacing.y + origin.y;
+		lines.push(Line {
+			point: DVec2::new(origin.x, y_onto_z_max),
+			direction: DVec2::new(1., tan_b),
+		});
+		lines.push(Line {
+			point: DVec2::new(origin.x, y_onto_z_min),
+			direction: DVec2::new(1., tan_b),
+		});
+
+		lines
+	}
+
+	fn get_snap_lines(&self, document_point: DVec2, snap_data: &mut SnapData) -> Vec<Line> {
+		match snap_data.document.snapping_state.grid.grid_type {
+			GridType::Rectangular { spacing } => self.get_snap_lines_rectangular(document_point, snap_data, spacing),
+			GridType::Isometric { y_axis_spacing, angle_a, angle_b } => self.get_snap_lines_isometric(document_point, snap_data, y_axis_spacing, angle_a, angle_b),
+		}
+	}
+
+	pub fn free_snap(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults) {
+		let lines = self.get_snap_lines(point.document_point, snap_data);
+		let tolerance = snap_tolerance(snap_data.document);
+
+		for line in lines {
+			let projected = (point.document_point - line.point).project_onto(line.direction) + line.point;
+			let distance = point.document_point.distance(projected);
+			if !distance.is_finite() {
+				continue;
+			}
+
+			if distance > tolerance {
+				continue;
+			}
+
+			if snap_data.document.snapping_state.target_enabled(SnapTarget::Grid(GridSnapTarget::Line))
+				|| snap_data.document.snapping_state.target_enabled(SnapTarget::Grid(GridSnapTarget::Intersection))
+			{
+				snap_results.grid_lines.push(SnappedLine {
+					direction: line.direction,
+					point: SnappedPoint {
+						snapped_point_document: projected,
+						source: point.source,
+						target: SnapTarget::Grid(GridSnapTarget::Line),
+						source_bounds: point.quad,
+						distance,
+						tolerance,
+						..Default::default()
+					},
+				});
+			}
+
+			let normal_target = SnapTarget::Grid(GridSnapTarget::LineNormal);
+			if snap_data.document.snapping_state.target_enabled(normal_target) {
+				for &neighbor in &point.neighbors {
+					let projected = (neighbor - line.point).project_onto(line.direction) + line.point;
+					let distance = point.document_point.distance(projected);
+					if distance > tolerance {
+						continue;
+					}
+					snap_results.points.push(SnappedPoint {
+						snapped_point_document: projected,
+						source: point.source,
+						source_bounds: point.quad,
+						target: normal_target,
+						distance,
+						tolerance,
+						..Default::default()
+					})
+				}
+			}
+		}
+	}
+
+	pub fn constrained_snap(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, constraint: SnapConstraint) {
+		let tolerance = snap_tolerance(snap_data.document);
+		let projected = constraint.projection(point.document_point);
+		let lines = self.get_snap_lines(projected, snap_data);
+		let (constraint_start, constraint_direction) = match constraint {
+			SnapConstraint::Line { origin, direction } => (origin, direction.normalize_or_zero()),
+			SnapConstraint::Direction(direction) => (projected, direction.normalize_or_zero()),
+			_ => unimplemented!(),
+		};
+		for line in lines {
+			let Some(intersection) = Quad::intersect_rays(line.point, line.direction, constraint_start, constraint_direction) else {
+				continue;
+			};
+			let distance = intersection.distance(point.document_point);
+			if distance < tolerance && snap_data.document.snapping_state.target_enabled(SnapTarget::Grid(GridSnapTarget::Line)) {
+				snap_results.points.push(SnappedPoint {
+					snapped_point_document: intersection,
+					source: point.source,
+					target: SnapTarget::Grid(GridSnapTarget::Line),
+					at_intersection: false,
+					constrained: true,
+					source_bounds: point.quad,
+					distance,
+					tolerance,
+					..Default::default()
+				})
+			}
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/snapping/layer_snapper.rs b/editor/src/messages/tool/common_functionality/snapping/layer_snapper.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3a306713571273171374db387095508ac5dcbac9
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/snapping/layer_snapper.rs
@@ -0,0 +1,520 @@
+use super::*;
+use crate::consts::HIDE_HANDLE_DISTANCE;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::misc::*;
+use crate::messages::prelude::*;
+use bezier_rs::{Bezier, Identifier, Subpath, TValue};
+use glam::{DAffine2, DVec2};
+use graphene_std::math::math_ext::QuadExt;
+use graphene_std::renderer::Quad;
+use graphene_std::vector::PointId;
+
+#[derive(Clone, Debug, Default)]
+pub struct LayerSnapper {
+	points_to_snap: Vec<SnapCandidatePoint>,
+	paths_to_snap: Vec<SnapCandidatePath>,
+}
+impl LayerSnapper {
+	pub fn add_layer_bounds(&mut self, document: &DocumentMessageHandler, layer: LayerNodeIdentifier, target: SnapTarget) {
+		if !document.snapping_state.target_enabled(target) {
+			return;
+		}
+
+		let bounds = if document.network_interface.is_artboard(&layer.to_node(), &[]) {
+			document
+				.metadata()
+				.bounding_box_with_transform(layer, document.metadata().transform_to_document(layer))
+				.map(Quad::from_box)
+		} else {
+			document
+				.metadata()
+				.bounding_box_with_transform(layer, DAffine2::IDENTITY)
+				.map(|bounds| document.metadata().transform_to_document(layer) * Quad::from_box(bounds))
+		};
+		let Some(bounds) = bounds else { return };
+
+		if bounds.0.iter().any(|point| !point.is_finite()) {
+			return;
+		}
+
+		for document_curve in bounds.bezier_lines() {
+			self.paths_to_snap.push(SnapCandidatePath {
+				document_curve,
+				layer,
+				start: PointId::new(),
+				target,
+				bounds: Some(bounds),
+			});
+		}
+	}
+
+	pub fn collect_paths(&mut self, snap_data: &mut SnapData, first_point: bool) {
+		if !first_point {
+			return;
+		}
+		let document = snap_data.document;
+		self.paths_to_snap.clear();
+
+		for layer in document.metadata().all_layers() {
+			if !document.network_interface.is_artboard(&layer.to_node(), &[]) || snap_data.ignore.contains(&layer) {
+				continue;
+			}
+			self.add_layer_bounds(document, layer, SnapTarget::Artboard(ArtboardSnapTarget::AlongEdge));
+		}
+		for &layer in snap_data.get_candidates() {
+			let transform = document.metadata().transform_to_document(layer);
+			if !transform.is_finite() {
+				continue;
+			}
+
+			if document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::IntersectionPoint)) || document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::AlongPath)) {
+				for subpath in document.metadata().layer_outline(layer) {
+					for (start_index, curve) in subpath.iter().enumerate() {
+						let document_curve = curve.apply_transformation(|p| transform.transform_point2(p));
+						let start = subpath.manipulator_groups()[start_index].id;
+						if snap_data.ignore_manipulator(layer, start) || snap_data.ignore_manipulator(layer, subpath.manipulator_groups()[(start_index + 1) % subpath.len()].id) {
+							continue;
+						}
+						self.paths_to_snap.push(SnapCandidatePath {
+							document_curve,
+							layer,
+							start,
+							target: SnapTarget::Path(PathSnapTarget::AlongPath),
+							bounds: None,
+						});
+					}
+				}
+			}
+		}
+	}
+
+	pub fn free_snap_paths(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, config: SnapTypeConfiguration) {
+		self.collect_paths(snap_data, !config.use_existing_candidates);
+
+		let document = snap_data.document;
+		let normals = document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::NormalToPath));
+		let tangents = document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::TangentToPath));
+		let tolerance = snap_tolerance(document);
+
+		for path in &self.paths_to_snap {
+			// Skip very short paths
+			if path.document_curve.start.distance_squared(path.document_curve.end) < tolerance * tolerance * 2. {
+				continue;
+			}
+			let time = path.document_curve.project(point.document_point);
+			let snapped_point_document = path.document_curve.evaluate(bezier_rs::TValue::Parametric(time));
+
+			let distance = snapped_point_document.distance(point.document_point);
+
+			if distance < tolerance {
+				snap_results.curves.push(SnappedCurve {
+					layer: path.layer,
+					start: path.start,
+					document_curve: path.document_curve,
+					point: SnappedPoint {
+						snapped_point_document,
+						target: path.target,
+						distance,
+						tolerance,
+						outline_layers: [path.bounds.is_none().then_some(path.layer), None],
+						source: point.source,
+						target_bounds: path.bounds,
+						..Default::default()
+					},
+				});
+				normals_and_tangents(path, normals, tangents, point, tolerance, snap_results);
+			}
+		}
+	}
+
+	pub fn snap_paths_constrained(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, constraint: SnapConstraint, config: SnapTypeConfiguration) {
+		let document = snap_data.document;
+		self.collect_paths(snap_data, !config.use_existing_candidates);
+
+		let tolerance = snap_tolerance(document);
+		let constraint_path = if let SnapConstraint::Circle { center, radius } = constraint {
+			Subpath::new_ellipse(center - DVec2::splat(radius), center + DVec2::splat(radius))
+		} else {
+			let constrained_point = constraint.projection(point.document_point);
+			let direction = constraint.direction().normalize_or_zero();
+			let start = constrained_point - tolerance * direction;
+			let end = constrained_point + tolerance * direction;
+			Subpath::<PointId>::new_line(start, end)
+		};
+
+		for path in &self.paths_to_snap {
+			for constraint_path in constraint_path.iter() {
+				for time in path.document_curve.intersections(&constraint_path, None, None) {
+					let snapped_point_document = path.document_curve.evaluate(bezier_rs::TValue::Parametric(time));
+
+					let distance = snapped_point_document.distance(point.document_point);
+
+					if distance < tolerance {
+						snap_results.points.push(SnappedPoint {
+							snapped_point_document,
+							target: path.target,
+							distance,
+							tolerance,
+							outline_layers: [path.bounds.is_none().then_some(path.layer), None],
+							source: point.source,
+							target_bounds: path.bounds,
+							at_intersection: true,
+							..Default::default()
+						});
+					}
+				}
+			}
+		}
+	}
+
+	pub fn collect_anchors(&mut self, snap_data: &mut SnapData, first_point: bool) {
+		if !first_point {
+			return;
+		}
+		let document = snap_data.document;
+		self.points_to_snap.clear();
+
+		for layer in document.metadata().all_layers() {
+			if !document.network_interface.is_artboard(&layer.to_node(), &[]) || snap_data.ignore.contains(&layer) {
+				continue;
+			}
+			if self.points_to_snap.len() >= crate::consts::MAX_LAYER_SNAP_POINTS {
+				warn!("Snap point overflow; skipping.");
+				return;
+			}
+
+			if document.snapping_state.target_enabled(SnapTarget::Artboard(ArtboardSnapTarget::CornerPoint)) {
+				let Some(bounds) = document
+					.network_interface
+					.document_metadata()
+					.bounding_box_with_transform(layer, document.metadata().transform_to_document(layer))
+				else {
+					continue;
+				};
+
+				get_bbox_points(Quad::from_box(bounds), &mut self.points_to_snap, BBoxSnapValues::ARTBOARD, document);
+			}
+		}
+		for &layer in snap_data.get_candidates() {
+			get_layer_snap_points(layer, snap_data, &mut self.points_to_snap);
+
+			if snap_data.ignore_bounds(layer) {
+				continue;
+			}
+			if self.points_to_snap.len() >= crate::consts::MAX_LAYER_SNAP_POINTS {
+				warn!("Snap point overflow; skipping.");
+				return;
+			}
+			let Some(bounds) = document.metadata().bounding_box_with_transform(layer, DAffine2::IDENTITY) else {
+				continue;
+			};
+			let quad = document.metadata().transform_to_document(layer) * Quad::from_box(bounds);
+			let values = BBoxSnapValues::BOUNDING_BOX;
+			get_bbox_points(quad, &mut self.points_to_snap, values, document);
+		}
+	}
+
+	pub fn snap_anchors(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, c: SnapConstraint, constrained_point: DVec2) {
+		let mut best = None;
+		for candidate in &self.points_to_snap {
+			// Candidate is not on constraint
+			if !candidate.document_point.abs_diff_eq(c.projection(candidate.document_point), 1e-5) {
+				continue;
+			}
+			let distance = candidate.document_point.distance(constrained_point);
+			let tolerance = snap_tolerance(snap_data.document);
+
+			let candidate_better = |best: &SnappedPoint| {
+				if best.snapped_point_document.abs_diff_eq(candidate.document_point, 1e-5) {
+					!candidate.target.bounding_box()
+				} else {
+					distance < best.distance
+				}
+			};
+			if distance < tolerance && (best.is_none() || best.as_ref().is_some_and(candidate_better)) {
+				best = Some(SnappedPoint {
+					snapped_point_document: candidate.document_point,
+					source: point.source,
+					target: candidate.target,
+					distance,
+					tolerance,
+					constrained: true,
+					target_bounds: candidate.quad,
+					outline_layers: [candidate.outline_layer, None],
+					..Default::default()
+				});
+			}
+		}
+		if let Some(result) = best {
+			snap_results.points.push(result);
+		}
+	}
+
+	pub fn free_snap(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, config: SnapTypeConfiguration) {
+		self.collect_anchors(snap_data, !config.use_existing_candidates);
+		self.snap_anchors(snap_data, point, snap_results, SnapConstraint::None, point.document_point);
+		self.free_snap_paths(snap_data, point, snap_results, config);
+	}
+
+	pub fn constrained_snap(&mut self, snap_data: &mut SnapData, point: &SnapCandidatePoint, snap_results: &mut SnapResults, constraint: SnapConstraint, config: SnapTypeConfiguration) {
+		self.collect_anchors(snap_data, !config.use_existing_candidates);
+		self.snap_anchors(snap_data, point, snap_results, constraint, constraint.projection(point.document_point));
+		self.snap_paths_constrained(snap_data, point, snap_results, constraint, config);
+	}
+}
+
+fn normals_and_tangents(path: &SnapCandidatePath, normals: bool, tangents: bool, point: &SnapCandidatePoint, tolerance: f64, snap_results: &mut SnapResults) {
+	if normals && path.bounds.is_none() {
+		for &neighbor in &point.neighbors {
+			for t in path.document_curve.normals_to_point(neighbor) {
+				let normal_point = path.document_curve.evaluate(TValue::Parametric(t));
+				let distance = normal_point.distance(point.document_point);
+				if distance > tolerance {
+					continue;
+				}
+				snap_results.points.push(SnappedPoint {
+					snapped_point_document: normal_point,
+					target: SnapTarget::Path(PathSnapTarget::NormalToPath),
+					distance,
+					tolerance,
+					outline_layers: [Some(path.layer), None],
+					source: point.source,
+					constrained: true,
+					..Default::default()
+				});
+			}
+		}
+	}
+	if tangents && path.bounds.is_none() {
+		for &neighbor in &point.neighbors {
+			for t in path.document_curve.tangents_to_point(neighbor) {
+				let tangent_point = path.document_curve.evaluate(TValue::Parametric(t));
+				let distance = tangent_point.distance(point.document_point);
+				if distance > tolerance {
+					continue;
+				}
+				snap_results.points.push(SnappedPoint {
+					snapped_point_document: tangent_point,
+					target: SnapTarget::Path(PathSnapTarget::TangentToPath),
+					distance,
+					tolerance,
+					outline_layers: [Some(path.layer), None],
+					source: point.source,
+					constrained: true,
+					..Default::default()
+				});
+			}
+		}
+	}
+}
+
+#[derive(Clone, Debug)]
+struct SnapCandidatePath {
+	document_curve: Bezier,
+	layer: LayerNodeIdentifier,
+	start: PointId,
+	target: SnapTarget,
+	bounds: Option<Quad>,
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct SnapCandidatePoint {
+	pub document_point: DVec2,
+	pub source: SnapSource,
+	pub target: SnapTarget,
+	pub quad: Option<Quad>,
+	/// This layer is outlined if the snap candidate is used.
+	pub outline_layer: Option<LayerNodeIdentifier>,
+	pub neighbors: Vec<DVec2>,
+	pub alignment: bool,
+}
+impl SnapCandidatePoint {
+	pub fn new(document_point: DVec2, source: SnapSource, target: SnapTarget, outline_layer: Option<LayerNodeIdentifier>) -> Self {
+		Self::new_quad(document_point, source, target, None, outline_layer, true)
+	}
+
+	pub fn new_quad(document_point: DVec2, source: SnapSource, target: SnapTarget, quad: Option<Quad>, outline_layer: Option<LayerNodeIdentifier>, alignment: bool) -> Self {
+		Self {
+			document_point,
+			source,
+			target,
+			quad,
+			outline_layer,
+			alignment,
+			..Default::default()
+		}
+	}
+
+	pub fn new_source(document_point: DVec2, source: SnapSource) -> Self {
+		Self::new(document_point, source, SnapTarget::None, None)
+	}
+
+	pub fn handle(document_point: DVec2) -> Self {
+		Self::new_source(document_point, SnapSource::Path(PathSnapSource::AnchorPointWithFreeHandles))
+	}
+
+	pub fn handle_neighbors(document_point: DVec2, neighbors: impl Into<Vec<DVec2>>) -> Self {
+		let mut point = Self::new_source(document_point, SnapSource::Path(PathSnapSource::AnchorPointWithFreeHandles));
+		point.neighbors = neighbors.into();
+		point
+	}
+}
+
+#[derive(Default)]
+pub struct BBoxSnapValues {
+	corner_source: SnapSource,
+	corner_target: SnapTarget,
+	edge_source: SnapSource,
+	edge_target: SnapTarget,
+	center_source: SnapSource,
+	center_target: SnapTarget,
+}
+impl BBoxSnapValues {
+	pub const BOUNDING_BOX: Self = Self {
+		corner_source: SnapSource::BoundingBox(BoundingBoxSnapSource::CornerPoint),
+		corner_target: SnapTarget::BoundingBox(BoundingBoxSnapTarget::CornerPoint),
+		edge_source: SnapSource::BoundingBox(BoundingBoxSnapSource::EdgeMidpoint),
+		edge_target: SnapTarget::BoundingBox(BoundingBoxSnapTarget::EdgeMidpoint),
+		center_source: SnapSource::BoundingBox(BoundingBoxSnapSource::CenterPoint),
+		center_target: SnapTarget::BoundingBox(BoundingBoxSnapTarget::CenterPoint),
+	};
+
+	pub const ARTBOARD: Self = Self {
+		corner_source: SnapSource::Artboard(ArtboardSnapSource::CornerPoint),
+		corner_target: SnapTarget::Artboard(ArtboardSnapTarget::CornerPoint),
+		edge_source: SnapSource::None,
+		edge_target: SnapTarget::None,
+		center_source: SnapSource::Artboard(ArtboardSnapSource::CenterPoint),
+		center_target: SnapTarget::Artboard(ArtboardSnapTarget::CenterPoint),
+	};
+
+	pub const ALIGN_BOUNDING_BOX: Self = Self {
+		corner_source: SnapSource::Alignment(AlignmentSnapSource::BoundingBoxCornerPoint),
+		corner_target: SnapTarget::Alignment(AlignmentSnapTarget::BoundingBoxCornerPoint),
+		edge_source: SnapSource::None,
+		edge_target: SnapTarget::None,
+		center_source: SnapSource::Alignment(AlignmentSnapSource::BoundingBoxCenterPoint),
+		center_target: SnapTarget::Alignment(AlignmentSnapTarget::BoundingBoxCenterPoint),
+	};
+
+	pub const ALIGN_ARTBOARD: Self = Self {
+		corner_source: SnapSource::Alignment(AlignmentSnapSource::ArtboardCornerPoint),
+		corner_target: SnapTarget::Alignment(AlignmentSnapTarget::ArtboardCornerPoint),
+		edge_source: SnapSource::None,
+		edge_target: SnapTarget::None,
+		center_source: SnapSource::Alignment(AlignmentSnapSource::ArtboardCenterPoint),
+		center_target: SnapTarget::Alignment(AlignmentSnapTarget::ArtboardCenterPoint),
+	};
+}
+
+pub fn get_bbox_points(quad: Quad, points: &mut Vec<SnapCandidatePoint>, values: BBoxSnapValues, document: &DocumentMessageHandler) {
+	for index in 0..4 {
+		let start = quad.0[index];
+		let end = quad.0[(index + 1) % 4];
+		if document.snapping_state.target_enabled(values.corner_target) {
+			points.push(SnapCandidatePoint::new_quad(start, values.corner_source, values.corner_target, Some(quad), None, false));
+		}
+		if document.snapping_state.target_enabled(values.edge_target) {
+			points.push(SnapCandidatePoint::new_quad((start + end) / 2., values.edge_source, values.edge_target, Some(quad), None, false));
+		}
+	}
+
+	if document.snapping_state.target_enabled(values.center_target) {
+		points.push(SnapCandidatePoint::new_quad(quad.center(), values.center_source, values.center_target, Some(quad), None, false));
+	}
+}
+
+fn handle_not_under(to_document: DAffine2) -> impl Fn(&DVec2) -> bool {
+	move |&offset: &DVec2| to_document.transform_vector2(offset).length_squared() >= HIDE_HANDLE_DISTANCE * HIDE_HANDLE_DISTANCE
+}
+
+fn subpath_anchor_snap_points(layer: LayerNodeIdentifier, subpath: &Subpath<PointId>, snap_data: &SnapData, points: &mut Vec<SnapCandidatePoint>, to_document: DAffine2) {
+	let document = snap_data.document;
+
+	// Midpoints of linear segments
+	if document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::LineMidpoint)) {
+		for (index, curve) in subpath.iter().enumerate() {
+			if snap_data.ignore_manipulator(layer, subpath.manipulator_groups()[index].id) || snap_data.ignore_manipulator(layer, subpath.manipulator_groups()[(index + 1) % subpath.len()].id) {
+				continue;
+			}
+			if points.len() >= crate::consts::MAX_LAYER_SNAP_POINTS {
+				return;
+			}
+
+			let in_handle = curve.handle_start().map(|handle| handle - curve.start).filter(handle_not_under(to_document));
+			let out_handle = curve.handle_end().map(|handle| handle - curve.end).filter(handle_not_under(to_document));
+			if in_handle.is_none() && out_handle.is_none() {
+				points.push(SnapCandidatePoint::new(
+					to_document.transform_point2(curve.start() * 0.5 + curve.end * 0.5),
+					SnapSource::Path(PathSnapSource::LineMidpoint),
+					SnapTarget::Path(PathSnapTarget::LineMidpoint),
+					Some(layer),
+				));
+			}
+		}
+	}
+
+	// Anchors
+	for (index, group) in subpath.manipulator_groups().iter().enumerate() {
+		if snap_data.ignore_manipulator(layer, group.id) {
+			continue;
+		}
+
+		if points.len() >= crate::consts::MAX_LAYER_SNAP_POINTS {
+			return;
+		}
+
+		let colinear = are_manipulator_handles_colinear(group, to_document, subpath, index);
+
+		// Colinear handles
+		if colinear && document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::AnchorPointWithColinearHandles)) {
+			points.push(SnapCandidatePoint::new(
+				to_document.transform_point2(group.anchor),
+				SnapSource::Path(PathSnapSource::AnchorPointWithColinearHandles),
+				SnapTarget::Path(PathSnapTarget::AnchorPointWithColinearHandles),
+				Some(layer),
+			));
+		}
+		// Free handles
+		else if !colinear && document.snapping_state.target_enabled(SnapTarget::Path(PathSnapTarget::AnchorPointWithFreeHandles)) {
+			points.push(SnapCandidatePoint::new(
+				to_document.transform_point2(group.anchor),
+				SnapSource::Path(PathSnapSource::AnchorPointWithFreeHandles),
+				SnapTarget::Path(PathSnapTarget::AnchorPointWithFreeHandles),
+				Some(layer),
+			));
+		}
+	}
+}
+
+pub fn are_manipulator_handles_colinear(group: &bezier_rs::ManipulatorGroup<PointId>, to_document: DAffine2, subpath: &Subpath<PointId>, index: usize) -> bool {
+	let anchor = group.anchor;
+	let handle_in = group.in_handle.map(|handle| anchor - handle).filter(handle_not_under(to_document));
+	let handle_out = group.out_handle.map(|handle| handle - anchor).filter(handle_not_under(to_document));
+	let anchor_is_endpoint = !subpath.closed() && (index == 0 || index == subpath.len() - 1);
+
+	// Unless this is an endpoint, check if both handles are colinear (within an angular epsilon)
+	!anchor_is_endpoint && handle_in.is_some_and(|handle_in| handle_out.is_some_and(|handle_out| handle_in.angle_to(handle_out) < 1e-5))
+}
+
+pub fn get_layer_snap_points(layer: LayerNodeIdentifier, snap_data: &SnapData, points: &mut Vec<SnapCandidatePoint>) {
+	let document = snap_data.document;
+
+	if document.network_interface.is_artboard(&layer.to_node(), &[]) {
+		return;
+	}
+	if points.len() >= crate::consts::MAX_LAYER_SNAP_POINTS {
+		return;
+	}
+
+	if layer.has_children(document.metadata()) {
+		for child in layer.descendants(document.metadata()) {
+			get_layer_snap_points(child, snap_data, points);
+		}
+	} else if document.metadata().layer_outline(layer).next().is_some() {
+		let to_document = document.metadata().transform_to_document(layer);
+		for subpath in document.metadata().layer_outline(layer) {
+			subpath_anchor_snap_points(layer, subpath, snap_data, points, to_document);
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/snapping/snap_results.rs b/editor/src/messages/tool/common_functionality/snapping/snap_results.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3ab53e4dd7e2e0ffef7d30d0ab11bed9fa2799c7
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/snapping/snap_results.rs
@@ -0,0 +1,124 @@
+use super::DistributionMatch;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::misc::{DistributionSnapTarget, SnapSource, SnapTarget};
+use crate::messages::tool::common_functionality::snapping::SnapCandidatePoint;
+use bezier_rs::Bezier;
+use glam::DVec2;
+use graphene_std::renderer::Quad;
+use graphene_std::renderer::Rect;
+use graphene_std::vector::PointId;
+use std::collections::VecDeque;
+
+#[derive(Clone, Debug, Default)]
+pub struct SnapResults {
+	pub points: Vec<SnappedPoint>,
+	pub grid_lines: Vec<SnappedLine>,
+	pub curves: Vec<SnappedCurve>,
+}
+#[derive(Default, Debug, Clone)]
+pub struct SnappedPoint {
+	pub snapped_point_document: DVec2,
+	pub source: SnapSource,
+	pub target: SnapTarget,
+	pub at_intersection: bool,
+	pub constrained: bool, // Found when looking for constrained
+	pub fully_constrained: bool,
+	pub target_bounds: Option<Quad>,
+	pub source_bounds: Option<Quad>,
+	/// These layer(s) are outlined in the overlays when the snap is used.
+	pub outline_layers: [Option<LayerNodeIdentifier>; 2],
+	pub distance: f64,
+	pub tolerance: f64,
+	pub distribution_boxes_horizontal: VecDeque<Rect>,
+	pub distribution_equal_distance_horizontal: Option<f64>,
+	pub distribution_boxes_vertical: VecDeque<Rect>,
+	pub distribution_equal_distance_vertical: Option<f64>,
+	pub distance_to_align_target: f64, // If aligning so that the top is aligned but the X pos is 200 from the target, this is 200.
+	pub alignment_target_horizontal: Option<DVec2>,
+	pub alignment_target_vertical: Option<DVec2>,
+}
+impl SnappedPoint {
+	pub fn align(&self) -> bool {
+		self.alignment_target_horizontal.is_some() || self.alignment_target_vertical.is_some()
+	}
+	pub fn infinite_snap(snapped_point_document: DVec2) -> Self {
+		Self {
+			snapped_point_document,
+			distance: f64::INFINITY,
+			..Default::default()
+		}
+	}
+	pub fn from_source_point(snapped_point_document: DVec2, source: SnapSource) -> Self {
+		Self {
+			snapped_point_document,
+			source,
+			..Default::default()
+		}
+	}
+	pub fn distribute(point: &SnapCandidatePoint, target: DistributionSnapTarget, boxes: VecDeque<Rect>, distances: DistributionMatch, bounds: Rect, translation: DVec2, tolerance: f64) -> Self {
+		let is_x = target.is_x();
+
+		let [distribution_boxes_horizontal, distribution_boxes_vertical] = if is_x { [boxes, Default::default()] } else { [Default::default(), boxes] };
+		Self {
+			snapped_point_document: point.document_point + translation,
+			source: point.source,
+			target: SnapTarget::DistributeEvenly(target),
+			distribution_boxes_horizontal,
+			distribution_equal_distance_horizontal: is_x.then_some(distances.equal),
+			distribution_boxes_vertical,
+			distribution_equal_distance_vertical: (!is_x).then_some(distances.equal),
+			distance: (distances.first - distances.equal).abs(),
+			constrained: true,
+			source_bounds: Some(bounds.translate(translation).into()),
+			tolerance,
+			..Default::default()
+		}
+	}
+	pub fn other_snap_better(&self, other: &Self) -> bool {
+		if self.distance.is_finite() && !other.distance.is_finite() {
+			return false;
+		}
+		if !self.distance.is_finite() && other.distance.is_finite() {
+			return true;
+		}
+
+		let my_dist = self.distance;
+		let other_dist = other.distance;
+
+		// Prevent flickering when two points are equally close
+		let bias = 1e-2;
+
+		// Prefer closest
+		let other_closer = other_dist < my_dist + bias;
+
+		// We should prefer the most constrained option (e.g. intersection > path)
+		let other_more_constrained = other.constrained && !self.constrained;
+		let self_more_constrained = self.constrained && !other.constrained;
+
+		let both_align = other.align() && self.align();
+		let other_better_align = !other.align() && self.align() || (both_align && !self.source.center() && other.source.center());
+		let self_better_align = !self.align() && other.align() || (both_align && !other.source.center() && self.source.center());
+
+		// Prefer nodes to intersections if both are at the same position
+		let constrained_at_same_pos = other.constrained && self.constrained && self.snapped_point_document.abs_diff_eq(other.snapped_point_document, 1.);
+		let other_better_constraint = constrained_at_same_pos && self.at_intersection && !other.at_intersection;
+		let self_better_constraint = constrained_at_same_pos && other.at_intersection && !self.at_intersection;
+
+		(other_closer || other_more_constrained || other_better_align || other_better_constraint) && !self_more_constrained && !self_better_align && !self_better_constraint
+	}
+	pub fn is_snapped(&self) -> bool {
+		self.distance.is_finite()
+	}
+}
+#[derive(Clone, Debug, Default)]
+pub struct SnappedLine {
+	pub point: SnappedPoint,
+	pub direction: DVec2,
+}
+#[derive(Clone, Debug)]
+pub struct SnappedCurve {
+	pub layer: LayerNodeIdentifier,
+	pub start: PointId,
+	pub point: SnappedPoint,
+	pub document_curve: Bezier,
+}
diff --git a/editor/src/messages/tool/common_functionality/transformation_cage.rs b/editor/src/messages/tool/common_functionality/transformation_cage.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cb5ce0e91f6e800319b3a50d0b695ec5db15ac92
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/transformation_cage.rs
@@ -0,0 +1,869 @@
+use super::snapping::{self, SnapCandidatePoint, SnapConstraint, SnapData, SnapManager, SnappedPoint};
+use crate::consts::{
+	BOUNDS_ROTATE_THRESHOLD, BOUNDS_SELECT_THRESHOLD, COLOR_OVERLAY_WHITE, MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT, MAXIMUM_ALT_SCALE_FACTOR, MIN_LENGTH_FOR_CORNERS_VISIBILITY,
+	MIN_LENGTH_FOR_EDGE_RESIZE_PRIORITY_OVER_CORNERS, MIN_LENGTH_FOR_MIDPOINT_VISIBILITY, MIN_LENGTH_FOR_RESIZE_TO_INCLUDE_INTERIOR, MIN_LENGTH_FOR_SKEW_TRIANGLE_VISIBILITY, RESIZE_HANDLE_SIZE,
+	SELECTION_DRAG_ANGLE, SKEW_TRIANGLE_OFFSET, SKEW_TRIANGLE_SIZE,
+};
+use crate::messages::frontend::utility_types::MouseCursorIcon;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::transformation::OriginalTransforms;
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::compass_rose::Axis;
+use crate::messages::tool::common_functionality::snapping::SnapTypeConfiguration;
+use glam::{DAffine2, DMat2, DVec2};
+use graphene_std::renderer::Quad;
+use graphene_std::renderer::Rect;
+
+/// (top, bottom, left, right)
+pub type EdgeBool = (bool, bool, bool, bool);
+
+pub struct SizeSnapData<'a> {
+	pub manager: &'a mut SnapManager,
+	pub points: &'a mut Vec<SnapCandidatePoint>,
+	pub snap_data: SnapData<'a>,
+}
+
+/// Contains the edges that are being dragged along with the original bounds.
+#[derive(Clone, Debug, Default)]
+pub struct SelectedEdges {
+	pub bounds: [DVec2; 2],
+	pub top: bool,
+	pub bottom: bool,
+	pub left: bool,
+	pub right: bool,
+	// Aspect ratio in the form of width/height, so x:1 = width:height
+	aspect_ratio: f64,
+}
+
+/// The different possible configurations for how the transform cage is presently viewed, depending on its per-axis sizes and the level of zoom.
+/// See doc comments in each variant for a diagram of the configuration.
+#[derive(Clone, Debug, Default, PartialEq)]
+enum TransformCageSizeCategory {
+	#[default]
+	/// - ![Diagram](https://files.keavon.com/-/OrganicHelplessWalleye/capture.png)
+	Full,
+	/// - ![Diagram](https://files.keavon.com/-/AnyGoldenrodHawk/capture.png)
+	ReducedLandscape,
+	/// - ![Diagram](https://files.keavon.com/-/DarkslategrayAcidicFirebelliedtoad/capture.png)
+	ReducedPortrait,
+	/// - ![Diagram](https://files.keavon.com/-/GlisteningComplexSeagull/capture.png)
+	ReducedBoth,
+	/// - ![Diagram](https://files.keavon.com/-/InconsequentialCharmingLynx/capture.png)
+	Narrow,
+	/// - ![Diagram](https://files.keavon.com/-/OpenPaleturquoiseArthropods/capture.png)
+	Flat,
+	/// A single point in space with no width or height.
+	Point,
+}
+
+impl SelectedEdges {
+	pub fn new(top: bool, bottom: bool, left: bool, right: bool, bounds: [DVec2; 2]) -> Self {
+		let size = (bounds[0] - bounds[1]).abs();
+		let aspect_ratio = size.x / size.y;
+		Self {
+			top,
+			bottom,
+			left,
+			right,
+			bounds,
+			aspect_ratio,
+		}
+	}
+
+	/// Calculate the pivot for the operation (the opposite point to the edge dragged)
+	pub fn calculate_pivot(&self) -> DVec2 {
+		self.pivot_from_bounds(self.bounds[0], self.bounds[1])
+	}
+
+	fn pivot_from_bounds(&self, min: DVec2, max: DVec2) -> DVec2 {
+		let x = if self.left {
+			max.x
+		} else if self.right {
+			min.x
+		} else {
+			(min.x + max.x) / 2.
+		};
+
+		let y = if self.top {
+			max.y
+		} else if self.bottom {
+			min.y
+		} else {
+			(min.y + max.y) / 2.
+		};
+
+		DVec2::new(x, y)
+	}
+
+	/// Computes the new bounds with the given mouse move and modifier keys
+	pub fn new_size(&self, mouse: DVec2, transform: DAffine2, center_around: Option<DVec2>, constrain: bool, snap: Option<SizeSnapData>) -> (DVec2, DVec2) {
+		let mouse = transform.inverse().transform_point2(mouse);
+
+		let mut min = self.bounds[0];
+		let mut max = self.bounds[1];
+
+		if self.top {
+			min.y = mouse.y;
+		} else if self.bottom {
+			max.y = mouse.y;
+		}
+		if self.left {
+			min.x = mouse.x;
+		} else if self.right {
+			max.x = mouse.x;
+		}
+
+		let mut pivot = self.pivot_from_bounds(min, max);
+
+		// Alt: Scaling around the pivot
+		if let Some(center_around) = center_around {
+			let center_around = transform.inverse().transform_point2(center_around);
+
+			let calculate_distance = |moving_opposite_to_drag: &mut f64, center: f64, dragging: f64, original_dragging: f64, current_side: bool| {
+				if !current_side {
+					return true;
+				}
+
+				// The motion of the user's cursor by an `x` pixel offset results in `x * scale_factor` pixels of offset on the other side
+				let scale_factor = (center - *moving_opposite_to_drag) / (center - original_dragging);
+				let new_distance = center - scale_factor * (center - dragging);
+
+				// Ignore the Alt key press and scale the dragged edge normally
+				if !new_distance.is_finite() || scale_factor.abs() > MAXIMUM_ALT_SCALE_FACTOR {
+					// Don't go on to check the other sides since this side is already invalid, so Alt-dragging is disabled and updating the pivot would be incorrect
+					return false;
+				}
+
+				*moving_opposite_to_drag = new_distance;
+
+				true
+			};
+
+			// Update the value of the first argument through mutation, and if we make it through all of them without
+			// encountering a case where the pivot is too near the edge, we also update the pivot so scaling occurs around it
+			if calculate_distance(&mut max.y, center_around.y, min.y, self.bounds[0].y, self.top)
+				&& calculate_distance(&mut min.y, center_around.y, max.y, self.bounds[1].y, self.bottom)
+				&& calculate_distance(&mut max.x, center_around.x, min.x, self.bounds[0].x, self.left)
+				&& calculate_distance(&mut min.x, center_around.x, max.x, self.bounds[1].x, self.right)
+			{
+				pivot = center_around;
+			}
+		}
+
+		// Shift: Aspect ratio constraint
+		if constrain {
+			let size = max - min;
+			let min_pivot = (pivot - min) / size;
+			let new_size = match ((self.top || self.bottom), (self.left || self.right)) {
+				(true, true) => DVec2::new(size.x, size.x / self.aspect_ratio).abs().max(DVec2::new(size.y * self.aspect_ratio, size.y).abs()) * size.signum(),
+				(true, false) => DVec2::new(size.y * self.aspect_ratio, size.y),
+				(false, true) => DVec2::new(size.x, size.x / self.aspect_ratio),
+				_ => size,
+			};
+			let delta_size = new_size - size;
+			min -= delta_size * min_pivot;
+			max = min + new_size;
+		}
+
+		if let Some(SizeSnapData { manager, points, snap_data }) = snap {
+			let view_to_doc = snap_data.document.metadata().document_to_viewport.inverse();
+			let bounds_to_doc = view_to_doc * transform;
+			let mut best_snap = SnappedPoint::infinite_snap(pivot);
+			let mut best_scale_factor = DVec2::ONE;
+			let tolerance = snapping::snap_tolerance(snap_data.document);
+
+			let bbox = Some(Rect::from_box((bounds_to_doc * Quad::from_box([min, max])).bounding_box()));
+			for (index, point) in points.iter_mut().enumerate() {
+				let config = SnapTypeConfiguration {
+					bbox,
+					use_existing_candidates: index != 0,
+					..Default::default()
+				};
+
+				let old_position = point.document_point;
+				let bounds_space = bounds_to_doc.inverse().transform_point2(point.document_point);
+				let normalized = (bounds_space - self.bounds[0]) / (self.bounds[1] - self.bounds[0]);
+				let updated = normalized * (max - min) + min;
+				point.document_point = bounds_to_doc.transform_point2(updated);
+				let mut snapped = if constrain {
+					let constraint = SnapConstraint::Line {
+						origin: point.document_point,
+						direction: (point.document_point - bounds_to_doc.transform_point2(pivot)).normalize_or_zero(),
+					};
+					manager.constrained_snap(&snap_data, point, constraint, config)
+				} else if !(self.top || self.bottom) || !(self.left || self.right) {
+					let axis = if !(self.top || self.bottom) { DVec2::X } else { DVec2::Y };
+					let constraint = SnapConstraint::Line {
+						origin: point.document_point,
+						direction: bounds_to_doc.transform_vector2(axis),
+					};
+					manager.constrained_snap(&snap_data, point, constraint, config)
+				} else {
+					manager.free_snap(&snap_data, point, config)
+				};
+				point.document_point = old_position;
+
+				if !snapped.is_snapped() {
+					continue;
+				}
+				let snapped_bounds = bounds_to_doc.inverse().transform_point2(snapped.snapped_point_document);
+
+				let new_from_pivot = snapped_bounds - pivot; // The new vector from the snapped point to the pivot
+				let original_from_pivot = updated - pivot; // The original vector from the point to the pivot
+				let mut scale_factor = new_from_pivot / original_from_pivot;
+
+				// Constrain should always scale by the same factor in x and y
+				if constrain {
+					// When the point is on the pivot, we simply copy the other axis.
+					if original_from_pivot.x.abs() < 1e-5 {
+						scale_factor.x = scale_factor.y;
+					} else if original_from_pivot.y.abs() < 1e-5 {
+						scale_factor.y = scale_factor.x;
+					}
+
+					debug_assert!((scale_factor.x - scale_factor.y).abs() < 1e-5);
+				}
+
+				if !(self.left || self.right || constrain) {
+					scale_factor.x = 1.
+				}
+				if !(self.top || self.bottom || constrain) {
+					scale_factor.y = 1.
+				}
+
+				snapped.distance = bounds_to_doc.transform_vector2((max - min) * (scale_factor - DVec2::ONE)).length();
+				if snapped.distance > tolerance || !snapped.distance.is_finite() {
+					continue;
+				}
+				if best_snap.other_snap_better(&snapped) {
+					best_snap = snapped;
+					best_scale_factor = scale_factor;
+				}
+			}
+			manager.update_indicator(best_snap);
+
+			min = pivot - (pivot - min) * best_scale_factor;
+			max = pivot - (pivot - max) * best_scale_factor;
+		}
+
+		(min, max - min)
+	}
+
+	/// Calculates the required scaling to resize the bounding box
+	pub fn bounds_to_scale_transform(&self, position: DVec2, size: DVec2) -> (DAffine2, DVec2) {
+		let old_size = self.bounds[1] - self.bounds[0];
+		let mut enlargement_factor = size / old_size;
+		if !enlargement_factor.x.is_finite() || old_size.x.abs() < f64::EPSILON * 1000. {
+			enlargement_factor.x = 1.;
+		}
+		if !enlargement_factor.y.is_finite() || old_size.y.abs() < f64::EPSILON * 1000. {
+			enlargement_factor.y = 1.;
+		}
+		let mut pivot = (self.bounds[0] * enlargement_factor - position) / (enlargement_factor - DVec2::ONE);
+		if !pivot.x.is_finite() {
+			pivot.x = 0.;
+		}
+		if !pivot.y.is_finite() {
+			pivot.y = 0.;
+		}
+		(DAffine2::from_scale(enlargement_factor), pivot)
+	}
+
+	pub fn skew_transform(&self, mouse: DVec2, to_viewport_transform: DAffine2, free_movement: bool) -> DAffine2 {
+		// Skip if the matrix is singular
+		if !to_viewport_transform.matrix2.determinant().recip().is_finite() {
+			return DAffine2::IDENTITY;
+		}
+
+		let opposite = self.pivot_from_bounds(self.bounds[0], self.bounds[1]);
+		let dragging_point = self.pivot_from_bounds(self.bounds[1], self.bounds[0]);
+
+		let viewport_dragging_point = to_viewport_transform.transform_point2(dragging_point);
+		let parallel_to_x = self.top || self.bottom;
+		let parallel_to_y = !parallel_to_x && (self.left || self.right);
+
+		let drag_vector = mouse - viewport_dragging_point;
+		let document_drag_vector = to_viewport_transform.inverse().transform_vector2(drag_vector);
+
+		let bounds = (self.bounds[1] - self.bounds[0]).abs();
+		let sign = if self.top || self.left { -1. } else { 1. };
+		let signed_bounds = sign * bounds;
+
+		let scale_factor = if parallel_to_x { signed_bounds.y.recip() } else { signed_bounds.x.recip() };
+		let scaled_document_drag = document_drag_vector * scale_factor;
+
+		let skew = DAffine2::from_mat2(DMat2::from_cols_array(&[
+			1. + if parallel_to_y && free_movement { scaled_document_drag.x } else { 0. },
+			if parallel_to_y { scaled_document_drag.y } else { 0. },
+			if parallel_to_x { scaled_document_drag.x } else { 0. },
+			1. + if parallel_to_x && free_movement { scaled_document_drag.y } else { 0. },
+		]));
+
+		DAffine2::from_translation(opposite) * skew * DAffine2::from_translation(-opposite)
+	}
+}
+
+/// Aligns the mouse position to the closest axis
+pub fn axis_align_drag(axis_align: bool, axis: Axis, position: DVec2, start: DVec2) -> DVec2 {
+	if axis_align {
+		let mouse_position = position - start;
+		let snap_resolution = SELECTION_DRAG_ANGLE.to_radians();
+		let angle = -mouse_position.angle_to(DVec2::X);
+		let snapped_angle = (angle / snap_resolution).round() * snap_resolution;
+		let axis_vector = DVec2::from_angle(snapped_angle);
+		if snapped_angle.is_finite() {
+			start + axis_vector * mouse_position.dot(axis_vector).abs()
+		} else {
+			start
+		}
+	} else if axis.is_constraint() {
+		let mouse_position = position - start;
+		let axis_vector: DVec2 = axis.into();
+		start + axis_vector * mouse_position.dot(axis_vector)
+	} else {
+		position
+	}
+}
+
+/// Snaps a dragging event from the artboard or select tool
+pub fn snap_drag(start: DVec2, current: DVec2, snap_to_axis: bool, axis: Axis, snap_data: SnapData, snap_manager: &mut SnapManager, candidates: &[SnapCandidatePoint]) -> DVec2 {
+	let mouse_position = axis_align_drag(snap_to_axis, axis, snap_data.input.mouse.position, start);
+	let document = snap_data.document;
+	let total_mouse_delta_document = document.metadata().document_to_viewport.inverse().transform_vector2(mouse_position - start);
+	let mouse_delta_document = document.metadata().document_to_viewport.inverse().transform_vector2(mouse_position - current);
+	let mut offset = mouse_delta_document;
+	let mut best_snap = SnappedPoint::infinite_snap(document.metadata().document_to_viewport.inverse().transform_point2(mouse_position));
+
+	let bbox = Rect::point_iter(candidates.iter().map(|candidate| candidate.document_point + total_mouse_delta_document));
+
+	for (index, point) in candidates.iter().enumerate() {
+		let config = SnapTypeConfiguration {
+			bbox,
+			accept_distribution: true,
+			use_existing_candidates: index != 0,
+			..Default::default()
+		};
+
+		let mut point = point.clone();
+		point.document_point += total_mouse_delta_document;
+
+		let constrained_along_axis = snap_to_axis || axis.is_constraint();
+		let snapped = if constrained_along_axis {
+			let constraint = SnapConstraint::Line {
+				origin: point.document_point,
+				direction: total_mouse_delta_document.try_normalize().unwrap_or(DVec2::X),
+			};
+			snap_manager.constrained_snap(&snap_data, &point, constraint, config)
+		} else {
+			snap_manager.free_snap(&snap_data, &point, config)
+		};
+
+		if best_snap.other_snap_better(&snapped) {
+			offset = snapped.snapped_point_document - point.document_point + mouse_delta_document;
+			best_snap = snapped;
+		}
+	}
+
+	snap_manager.update_indicator(best_snap);
+
+	document.metadata().document_to_viewport.transform_vector2(offset)
+}
+
+/// Contains info on the overlays for the bounding box and transform handles
+#[derive(Clone, Debug, Default)]
+pub struct BoundingBoxManager {
+	/// The corners of the box. Transform with original_bound_transform to get viewport co-ordinates.
+	pub bounds: [DVec2; 2],
+	/// The transform to viewport space for the bounds co-ordinates when the bounds were last updated.
+	pub transform: DAffine2,
+	/// Whether the transform is actually singular but adjusted to not be so.
+	pub transform_tampered: bool,
+	/// The transform to viewport space for the bounds co-ordinates when the transformation was started.
+	pub original_bound_transform: DAffine2,
+	pub selected_edges: Option<SelectedEdges>,
+	pub original_transforms: OriginalTransforms,
+	pub opposite_pivot: DVec2,
+	pub center_of_transformation: DVec2,
+}
+
+impl BoundingBoxManager {
+	/// Calculates the transformed handle positions based on the bounding box and the transform
+	pub fn evaluate_transform_handle_positions(&self) -> [DVec2; 8] {
+		let (left, top): (f64, f64) = self.bounds[0].into();
+		let (right, bottom): (f64, f64) = self.bounds[1].into();
+		[
+			DVec2::new(left, top),
+			DVec2::new(left, (top + bottom) / 2.),
+			DVec2::new(left, bottom),
+			DVec2::new((left + right) / 2., top),
+			DVec2::new((left + right) / 2., bottom),
+			DVec2::new(right, top),
+			DVec2::new(right, (top + bottom) / 2.),
+			DVec2::new(right, bottom),
+		]
+	}
+
+	pub fn get_closest_edge(&self, edges: EdgeBool, cursor: DVec2) -> EdgeBool {
+		if !edges.0 && !edges.1 && !edges.2 && !edges.3 {
+			return (false, false, false, false);
+		}
+
+		let cursor = self.transform.inverse().transform_point2(cursor);
+		let min = self.bounds[0].min(self.bounds[1]);
+		let max = self.bounds[0].max(self.bounds[1]);
+
+		let distances = [
+			edges.0.then(|| (cursor - DVec2::new(cursor.x, min.y)).length_squared()),
+			edges.1.then(|| (cursor - DVec2::new(cursor.x, max.y)).length_squared()),
+			edges.2.then(|| (cursor - DVec2::new(min.x, cursor.y)).length_squared()),
+			edges.3.then(|| (cursor - DVec2::new(max.x, cursor.y)).length_squared()),
+		];
+
+		let min_distance = distances.iter().filter_map(|&x| x).min_by(|a, b| a.partial_cmp(b).unwrap());
+
+		match min_distance {
+			Some(min) => (
+				edges.0 && distances[0].is_some_and(|d| (d - min).abs() < f64::EPSILON),
+				edges.1 && distances[1].is_some_and(|d| (d - min).abs() < f64::EPSILON),
+				edges.2 && distances[2].is_some_and(|d| (d - min).abs() < f64::EPSILON),
+				edges.3 && distances[3].is_some_and(|d| (d - min).abs() < f64::EPSILON),
+			),
+			None => (false, false, false, false),
+		}
+	}
+
+	pub fn check_skew_handle(&self, cursor: DVec2, edge: EdgeBool) -> bool {
+		let Some([start, end]) = self.edge_endpoints_vector_from_edge_bool(edge) else { return false };
+		if (end - start).length_squared() < MIN_LENGTH_FOR_SKEW_TRIANGLE_VISIBILITY.powi(2) {
+			return false;
+		};
+
+		let edge_dir = (end - start).normalize();
+		let mid = start.midpoint(end);
+
+		for direction in [-edge_dir, edge_dir] {
+			let base = mid + direction * (3. + SKEW_TRIANGLE_OFFSET + SKEW_TRIANGLE_SIZE / 2.);
+			let extension = cursor - base;
+			let along_edge = extension.dot(edge_dir).abs();
+			let along_perp = extension.perp_dot(edge_dir).abs();
+
+			if along_edge <= SKEW_TRIANGLE_SIZE / 2. && along_perp <= BOUNDS_SELECT_THRESHOLD {
+				return true;
+			}
+		}
+		false
+	}
+
+	pub fn edge_endpoints_vector_from_edge_bool(&self, edges: EdgeBool) -> Option<[DVec2; 2]> {
+		let quad = self.transform * Quad::from_box(self.bounds);
+		let category = self.overlay_display_category();
+
+		if matches!(
+			category,
+			TransformCageSizeCategory::Full | TransformCageSizeCategory::Narrow | TransformCageSizeCategory::ReducedLandscape
+		) {
+			if edges.0 {
+				return Some([quad.top_left(), quad.top_right()]);
+			}
+			if edges.1 {
+				return Some([quad.bottom_left(), quad.bottom_right()]);
+			}
+		}
+
+		if matches!(
+			category,
+			TransformCageSizeCategory::Full | TransformCageSizeCategory::Narrow | TransformCageSizeCategory::ReducedPortrait
+		) {
+			if edges.2 {
+				return Some([quad.top_left(), quad.bottom_left()]);
+			}
+			if edges.3 {
+				return Some([quad.top_right(), quad.bottom_right()]);
+			}
+		}
+		None
+	}
+
+	pub fn render_skew_gizmos(&mut self, overlay_context: &mut OverlayContext, hover_edge: EdgeBool) {
+		let mut draw_edge_triangles = |start: DVec2, end: DVec2| {
+			if (end - start).length() < MIN_LENGTH_FOR_SKEW_TRIANGLE_VISIBILITY {
+				return;
+			}
+
+			let edge_dir = (end - start).normalize();
+			let mid = end.midpoint(start);
+
+			for edge in [edge_dir, -edge_dir] {
+				overlay_context.draw_triangle(mid + edge * (3. + SKEW_TRIANGLE_OFFSET), edge, SKEW_TRIANGLE_SIZE, None, None);
+			}
+		};
+
+		if let Some([start, end]) = self.edge_endpoints_vector_from_edge_bool(hover_edge) {
+			draw_edge_triangles(start, end);
+		}
+	}
+
+	pub fn over_extended_edge_midpoint(&self, mouse: DVec2, hover_edge: EdgeBool) -> bool {
+		const HALF_WIDTH_OUTER_RECT: f64 = RESIZE_HANDLE_SIZE / 2. + SKEW_TRIANGLE_OFFSET + SKEW_TRIANGLE_SIZE;
+		const HALF_WIDTH_INNER_RECT: f64 = SKEW_TRIANGLE_OFFSET + RESIZE_HANDLE_SIZE / 2.;
+
+		const INNER_QUAD_CORNER: DVec2 = DVec2::new(HALF_WIDTH_INNER_RECT, RESIZE_HANDLE_SIZE / 2.);
+		const FULL_QUAD_CORNER: DVec2 = DVec2::new(HALF_WIDTH_OUTER_RECT, BOUNDS_SELECT_THRESHOLD);
+
+		let quad = self.transform * Quad::from_box(self.bounds);
+
+		let Some([start, end]) = self.edge_endpoints_vector_from_edge_bool(hover_edge) else {
+			return false;
+		};
+		if (end - start).length() < MIN_LENGTH_FOR_SKEW_TRIANGLE_VISIBILITY {
+			return false;
+		}
+
+		let angle;
+		let is_compact;
+		if hover_edge.0 || hover_edge.1 {
+			angle = (quad.top_left() - quad.top_right()).to_angle();
+			is_compact = (quad.top_left() - quad.bottom_left()).length_squared() < MIN_LENGTH_FOR_RESIZE_TO_INCLUDE_INTERIOR.powi(2);
+		} else if hover_edge.2 || hover_edge.3 {
+			angle = (quad.top_left() - quad.bottom_left()).to_angle();
+			is_compact = (quad.top_left() - quad.top_right()).length_squared() < MIN_LENGTH_FOR_RESIZE_TO_INCLUDE_INTERIOR.powi(2);
+		} else {
+			return false;
+		};
+
+		let has_triangle_hover = self.check_skew_handle(mouse, hover_edge);
+		let point = start.midpoint(end);
+
+		if is_compact {
+			let upper_rect = DAffine2::from_angle_translation(angle, point) * Quad::from_box([-FULL_QUAD_CORNER.with_y(0.), FULL_QUAD_CORNER]);
+			let inter_triangle_quad = DAffine2::from_angle_translation(angle, point) * Quad::from_box([-INNER_QUAD_CORNER, INNER_QUAD_CORNER]);
+
+			upper_rect.contains(mouse) || has_triangle_hover || inter_triangle_quad.contains(mouse)
+		} else {
+			let rect = DAffine2::from_angle_translation(angle, point) * Quad::from_box([-FULL_QUAD_CORNER, FULL_QUAD_CORNER]);
+
+			rect.contains(mouse) || has_triangle_hover
+		}
+	}
+
+	pub fn render_quad(&self, overlay_context: &mut OverlayContext) {
+		let quad = self.transform * Quad::from_box(self.bounds);
+
+		// Draw the bounding box rectangle
+		overlay_context.quad(quad, None, None);
+	}
+
+	/// Update the position of the bounding box and transform handles
+	pub fn render_overlays(&mut self, overlay_context: &mut OverlayContext, render_quad: bool) {
+		let quad = self.transform * Quad::from_box(self.bounds);
+		let category = self.overlay_display_category();
+
+		let horizontal_edges = [quad.top_right().midpoint(quad.bottom_right()), quad.bottom_left().midpoint(quad.top_left())];
+		let vertical_edges = [quad.top_left().midpoint(quad.top_right()), quad.bottom_right().midpoint(quad.bottom_left())];
+
+		if render_quad {
+			self.render_quad(overlay_context);
+		}
+
+		let mut draw_handle = |point: DVec2, angle: f64| {
+			let quad = DAffine2::from_angle_translation(angle, point) * Quad::from_box([DVec2::splat(-RESIZE_HANDLE_SIZE / 2.), DVec2::splat(RESIZE_HANDLE_SIZE / 2.)]);
+			overlay_context.quad(quad, None, Some(COLOR_OVERLAY_WHITE));
+		};
+
+		let horizontal_angle = (quad.top_left() - quad.bottom_left()).to_angle();
+		let vertical_angle = (quad.top_left() - quad.top_right()).to_angle();
+
+		// Draw the horizontal midpoint drag handles
+		if matches!(
+			category,
+			TransformCageSizeCategory::Full | TransformCageSizeCategory::Narrow | TransformCageSizeCategory::ReducedLandscape
+		) {
+			for point in horizontal_edges {
+				draw_handle(point, horizontal_angle);
+			}
+		}
+
+		// Draw the vertical midpoint drag handles
+		if matches!(
+			category,
+			TransformCageSizeCategory::Full | TransformCageSizeCategory::Narrow | TransformCageSizeCategory::ReducedPortrait
+		) {
+			for point in vertical_edges {
+				draw_handle(point, vertical_angle);
+			}
+		}
+
+		let angle = quad
+			.edges()
+			.map(|[x, y]| x.distance_squared(y))
+			.into_iter()
+			.reduce(|horizontal_distance, vertical_distance| if horizontal_distance > vertical_distance { horizontal_angle } else { vertical_angle })
+			.unwrap_or_default();
+
+		// Draw the corner drag handles
+		if matches!(
+			category,
+			TransformCageSizeCategory::Full | TransformCageSizeCategory::ReducedBoth | TransformCageSizeCategory::ReducedLandscape | TransformCageSizeCategory::ReducedPortrait
+		) {
+			for point in quad.0 {
+				draw_handle(point, angle);
+			}
+		}
+
+		// Draw the flat line endpoint drag handles
+		if category == TransformCageSizeCategory::Flat {
+			draw_handle(self.transform.transform_point2(self.bounds[0]), angle);
+			draw_handle(self.transform.transform_point2(self.bounds[1]), angle);
+		}
+	}
+
+	/// Find the [`TransformCageSizeCategory`] of this bounding box based on size thresholds.
+	fn overlay_display_category(&self) -> TransformCageSizeCategory {
+		let quad = self.transform * Quad::from_box(self.bounds);
+
+		// Check if the bounds are essentially the same because the width and height are smaller than MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT
+		if self.is_bounds_point() {
+			return TransformCageSizeCategory::Point;
+		}
+
+		// Check if the area is essentially zero because either the width or height is smaller than MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT
+		if self.is_bounds_flat() {
+			return TransformCageSizeCategory::Flat;
+		}
+
+		let vertical_length = (quad.top_left() - quad.top_right()).length_squared();
+		let horizontal_length = (quad.bottom_left() - quad.top_left()).length_squared();
+		let corners_visible = vertical_length >= MIN_LENGTH_FOR_CORNERS_VISIBILITY.powi(2) && horizontal_length >= MIN_LENGTH_FOR_CORNERS_VISIBILITY.powi(2);
+
+		if corners_visible {
+			let vertical_edge_visible = vertical_length > MIN_LENGTH_FOR_MIDPOINT_VISIBILITY.powi(2);
+			let horizontal_edge_visible = horizontal_length > MIN_LENGTH_FOR_MIDPOINT_VISIBILITY.powi(2);
+
+			return match (vertical_edge_visible, horizontal_edge_visible) {
+				(true, true) => TransformCageSizeCategory::Full,
+				(true, false) => TransformCageSizeCategory::ReducedPortrait,
+				(false, true) => TransformCageSizeCategory::ReducedLandscape,
+				(false, false) => TransformCageSizeCategory::ReducedBoth,
+			};
+		}
+
+		TransformCageSizeCategory::Narrow
+	}
+
+	/// Determine if these bounds are flat ([`TransformCageSizeCategory::Flat`]), which means that the width and/or height is essentially zero and the bounds are a line with effectively no area. This can happen on actual lines (axis-aligned, i.e. drawn horizontally or vertically) or when an element is scaled to zero in X or Y. A flat transform cage can still be rotated by a transformation, but its local space remains flat.
+	fn is_bounds_flat(&self) -> bool {
+		(self.bounds[0] - self.bounds[1]).abs().cmple(DVec2::splat(MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT)).any()
+	}
+
+	/// Determine if these bounds are point ([`TransformCageSizeCategory::Point`]), which means that the width and height are essentially zero and the bounds are a point with no area. This can happen on points when an element is scaled to zero in both X and Y, or if an element is just a single anchor point. A point transform cage cannot be rotated by a transformation, and its local space remains a point.
+	fn is_bounds_point(&self) -> bool {
+		(self.bounds[0] - self.bounds[1]).abs().cmple(DVec2::splat(MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT)).all()
+	}
+
+	/// Determine if the given point in viewport space falls within the bounds of `self`.
+	fn is_contained_in_bounds(&self, point: DVec2) -> bool {
+		let document_point = self.transform.inverse().transform_point2(point);
+		Quad::from_box(self.bounds).contains(document_point)
+	}
+
+	/// Compute the threshold in viewport space. This only works with affine transforms as it assumes lines remain parallel.
+	fn compute_viewport_threshold(&self, scalar: f64) -> [f64; 2] {
+		let inverse = self.transform.inverse();
+
+		let viewport_x = self.transform.transform_vector2(DVec2::X).normalize_or_zero() * scalar;
+		let viewport_y = self.transform.transform_vector2(DVec2::Y).normalize_or_zero() * scalar;
+
+		let threshold_x = inverse.transform_vector2(viewport_x).length();
+		let threshold_y = inverse.transform_vector2(viewport_y).length();
+
+		[threshold_x, threshold_y]
+	}
+
+	/// Check if the user has selected the edge for dragging.
+	///
+	/// Returns which edge in the order:
+	///
+	/// `top, bottom, left, right`
+	pub fn check_selected_edges(&self, cursor: DVec2) -> Option<EdgeBool> {
+		let cursor = self.transform.inverse().transform_point2(cursor);
+
+		let min = self.bounds[0].min(self.bounds[1]);
+		let max = self.bounds[0].max(self.bounds[1]);
+
+		let [threshold_x, threshold_y] = self.compute_viewport_threshold(BOUNDS_SELECT_THRESHOLD);
+		let [corner_min_x, corner_min_y] = self.compute_viewport_threshold(MIN_LENGTH_FOR_CORNERS_VISIBILITY);
+		let [edge_min_x, edge_min_y] = self.compute_viewport_threshold(MIN_LENGTH_FOR_RESIZE_TO_INCLUDE_INTERIOR);
+		let [midpoint_threshold_x, midpoint_threshold_y] = self.compute_viewport_threshold(MIN_LENGTH_FOR_EDGE_RESIZE_PRIORITY_OVER_CORNERS);
+
+		if (min.x - cursor.x < threshold_x && min.y - cursor.y < threshold_y) && (cursor.x - max.x < threshold_x && cursor.y - max.y < threshold_y) {
+			let mut top = (cursor.y - min.y).abs() < threshold_y;
+			let mut bottom = (max.y - cursor.y).abs() < threshold_y;
+			let mut left = (cursor.x - min.x).abs() < threshold_x;
+			let mut right = (max.x - cursor.x).abs() < threshold_x;
+
+			let width = max.x - min.x;
+			let height = max.y - min.y;
+
+			if (left || right) && (top || bottom) {
+				let horizontal_midpoint_x = (min.x + max.x) / 2.;
+				let vertical_midpoint_y = (min.y + max.y) / 2.;
+
+				if (cursor.x - horizontal_midpoint_x).abs() < midpoint_threshold_x {
+					left = false;
+					right = false;
+				} else if (cursor.y - vertical_midpoint_y).abs() < midpoint_threshold_y {
+					top = false;
+					bottom = false;
+				}
+			}
+
+			if width < edge_min_x || height <= edge_min_y {
+				if self.transform_tampered {
+					return None;
+				}
+
+				if min.x < cursor.x && cursor.x < max.x && cursor.y < max.y && cursor.y > min.y {
+					return None;
+				}
+
+				// Prioritize single axis transformations on very small bounds
+				if height < corner_min_y && (left || right) {
+					top = false;
+					bottom = false;
+				}
+				if width < corner_min_x && (top || bottom) {
+					left = false;
+					right = false;
+				}
+
+				// On bounds with no width/height, disallow transformation in the relevant axis
+				if width < MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT {
+					left = false;
+					right = false;
+				}
+				if height < MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT {
+					top = false;
+					bottom = false;
+				}
+			}
+
+			if top || bottom || left || right {
+				return Some((top, bottom, left, right));
+			}
+		}
+
+		None
+	}
+
+	/// Check if the user is rotating with the bounds
+	pub fn check_rotate(&self, cursor: DVec2) -> bool {
+		if self.is_contained_in_bounds(cursor) {
+			return false;
+		}
+		let [threshold_x, threshold_y] = self.compute_viewport_threshold(BOUNDS_ROTATE_THRESHOLD);
+		let cursor = self.transform.inverse().transform_point2(cursor);
+
+		let flat = self.is_bounds_flat();
+		let point = self.is_bounds_point();
+		let within_square_bounds = |center: &DVec2| center.x - threshold_x < cursor.x && cursor.x < center.x + threshold_x && center.y - threshold_y < cursor.y && cursor.y < center.y + threshold_y;
+		if point {
+			false
+		} else if flat {
+			[self.bounds[0], self.bounds[1]].iter().any(within_square_bounds)
+		} else {
+			self.evaluate_transform_handle_positions().iter().any(within_square_bounds)
+		}
+	}
+
+	/// Gets the required mouse cursor to show resizing bounds or optionally rotation
+	pub fn get_cursor(&self, input: &InputPreprocessorMessageHandler, rotate: bool, dragging_bounds: bool, skew_edge: Option<EdgeBool>) -> MouseCursorIcon {
+		let edges = self.check_selected_edges(input.mouse.position);
+
+		let is_near_square = edges.is_some_and(|hover_edge| self.over_extended_edge_midpoint(input.mouse.position, hover_edge));
+		if dragging_bounds && is_near_square {
+			if let Some(skew_edge) = skew_edge {
+				if self.check_skew_handle(input.mouse.position, skew_edge) {
+					if skew_edge.0 || skew_edge.1 {
+						return MouseCursorIcon::EWResize;
+					} else if skew_edge.2 || skew_edge.3 {
+						return MouseCursorIcon::NSResize;
+					}
+				}
+			};
+		}
+
+		match edges {
+			Some((top, bottom, left, right)) => match (top, bottom, left, right) {
+				(true, _, false, false) | (_, true, false, false) => MouseCursorIcon::NSResize,
+				(false, false, true, _) | (false, false, _, true) => MouseCursorIcon::EWResize,
+				(true, _, true, _) | (_, true, _, true) => MouseCursorIcon::NWSEResize,
+				(true, _, _, true) | (_, true, true, _) => MouseCursorIcon::NESWResize,
+				_ => MouseCursorIcon::Default,
+			},
+			_ if rotate && self.check_rotate(input.mouse.position) => MouseCursorIcon::Rotate,
+			_ => MouseCursorIcon::Default,
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+
+	#[test]
+	fn skew_transform_singular() {
+		for edge in [
+			SelectedEdges::new(true, false, false, false, [DVec2::NEG_ONE, DVec2::ONE]),
+			SelectedEdges::new(false, true, false, false, [DVec2::NEG_ONE, DVec2::ONE]),
+			SelectedEdges::new(false, false, true, false, [DVec2::NEG_ONE, DVec2::ONE]),
+			SelectedEdges::new(false, false, false, true, [DVec2::NEG_ONE, DVec2::ONE]),
+		] {
+			// The determinant is 0.
+			let transform = DAffine2::from_cols_array(&[2.; 6]);
+			// This shouldn't panic. We don't really care about the behavior in this test.
+			let _ = edge.skew_transform(DVec2::new(1.5, 1.5), transform, false);
+		}
+	}
+
+	#[test]
+	fn skew_transform_correct() {
+		for edge in [
+			SelectedEdges::new(true, false, false, false, [DVec2::NEG_ONE, DVec2::ONE]),
+			SelectedEdges::new(false, true, false, false, [DVec2::NEG_ONE, DVec2::ONE]),
+			SelectedEdges::new(false, false, true, false, [DVec2::NEG_ONE, DVec2::ONE]),
+			SelectedEdges::new(false, false, false, true, [DVec2::NEG_ONE, DVec2::ONE]),
+		] {
+			// Random transform with det != 0.
+			let to_viewport_transform = DAffine2::from_cols_array(&[2., 1., 0., 1., 2., 3.]);
+			// Random mouse position.
+			let mouse = DVec2::new(1.5, 1.5);
+			let final_transform = edge.skew_transform(mouse, to_viewport_transform, false);
+
+			// This is the current handle that goes under the mouse.
+			let opposite = edge.pivot_from_bounds(edge.bounds[0], edge.bounds[1]);
+			let dragging_point = edge.pivot_from_bounds(edge.bounds[1], edge.bounds[0]);
+
+			let viewport_dragging_point = to_viewport_transform.transform_point2(dragging_point);
+			let parallel_to_x = edge.top || edge.bottom;
+			let parallel_to_y = !parallel_to_x && (edge.left || edge.right);
+
+			let drag_vector = mouse - viewport_dragging_point;
+			let document_drag_vector = to_viewport_transform.inverse().transform_vector2(drag_vector);
+
+			let sign = if edge.top || edge.left { -1. } else { 1. };
+			let scale_factor = (edge.bounds[1] - edge.bounds[0])[parallel_to_x as usize].abs().recip() * sign;
+			let scaled_document_drag = document_drag_vector * scale_factor;
+
+			let skew = DAffine2::from_mat2(DMat2::from_cols_array(&[
+				1.,
+				if parallel_to_y { scaled_document_drag.y } else { 0. },
+				if parallel_to_x { scaled_document_drag.x } else { 0. },
+				1.,
+			]));
+
+			let constructed_transform = DAffine2::from_translation(opposite) * skew * DAffine2::from_translation(-opposite);
+
+			assert_eq!(constructed_transform, final_transform);
+		}
+	}
+}
diff --git a/editor/src/messages/tool/common_functionality/utility_functions.rs b/editor/src/messages/tool/common_functionality/utility_functions.rs
new file mode 100644
index 0000000000000000000000000000000000000000..23829271b0e2ffe52686368486b715699ce9e633
--- /dev/null
+++ b/editor/src/messages/tool/common_functionality/utility_functions.rs
@@ -0,0 +1,590 @@
+use super::snapping::{SnapCandidatePoint, SnapData, SnapManager};
+use super::transformation_cage::{BoundingBoxManager, SizeSnapData};
+use crate::consts::ROTATE_INCREMENT;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::transformation::Selected;
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::graph_modification_utils::get_text;
+use crate::messages::tool::common_functionality::transformation_cage::SelectedEdges;
+use crate::messages::tool::tool_messages::path_tool::PathOverlayMode;
+use crate::messages::tool::utility_types::ToolType;
+use bezier_rs::{Bezier, BezierHandles};
+use glam::{DAffine2, DVec2};
+use graphene_std::renderer::Quad;
+use graphene_std::text::{FontCache, load_font};
+use graphene_std::vector::{HandleExt, HandleId, ManipulatorPointId, PointId, SegmentId, VectorData, VectorModificationType};
+use kurbo::{CubicBez, Line, ParamCurveExtrema, PathSeg, Point, QuadBez};
+
+/// Determines if a path should be extended. Goal in viewport space. Returns the path and if it is extending from the start, if applicable.
+pub fn should_extend(
+	document: &DocumentMessageHandler,
+	goal: DVec2,
+	tolerance: f64,
+	layers: impl Iterator<Item = LayerNodeIdentifier>,
+	preferences: &PreferencesMessageHandler,
+) -> Option<(LayerNodeIdentifier, PointId, DVec2)> {
+	closest_point(document, goal, tolerance, layers, |_| false, preferences)
+}
+
+/// Determine the closest point to the goal point under max_distance.
+/// Additionally exclude checking closeness to the point which given to exclude() returns true.
+pub fn closest_point<T>(
+	document: &DocumentMessageHandler,
+	goal: DVec2,
+	max_distance: f64,
+	layers: impl Iterator<Item = LayerNodeIdentifier>,
+	exclude: T,
+	preferences: &PreferencesMessageHandler,
+) -> Option<(LayerNodeIdentifier, PointId, DVec2)>
+where
+	T: Fn(PointId) -> bool,
+{
+	let mut best = None;
+	let mut best_distance_squared = max_distance * max_distance;
+	for layer in layers {
+		let viewspace = document.metadata().transform_to_viewport(layer);
+		let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+			continue;
+		};
+		for id in vector_data.extendable_points(preferences.vector_meshes) {
+			if exclude(id) {
+				continue;
+			}
+			let Some(point) = vector_data.point_domain.position_from_id(id) else { continue };
+
+			let distance_squared = viewspace.transform_point2(point).distance_squared(goal);
+
+			if distance_squared < best_distance_squared {
+				best = Some((layer, id, point));
+				best_distance_squared = distance_squared;
+			}
+		}
+	}
+
+	best
+}
+
+/// Calculates the bounding box of the layer's text, based on the settings for max width and height specified in the typesetting config.
+pub fn text_bounding_box(layer: LayerNodeIdentifier, document: &DocumentMessageHandler, font_cache: &FontCache) -> Quad {
+	let Some((text, font, typesetting)) = get_text(layer, &document.network_interface) else {
+		return Quad::from_box([DVec2::ZERO, DVec2::ZERO]);
+	};
+
+	let font_data = font_cache.get(font).map(|data| load_font(data));
+	let far = graphene_std::text::bounding_box(text, font_data, typesetting, false);
+
+	Quad::from_box([DVec2::ZERO, far])
+}
+
+pub fn calculate_segment_angle(anchor: PointId, segment: SegmentId, vector_data: &VectorData, prefer_handle_direction: bool) -> Option<f64> {
+	let is_start = |point: PointId, segment: SegmentId| vector_data.segment_start_from_id(segment) == Some(point);
+	let anchor_position = vector_data.point_domain.position_from_id(anchor)?;
+	let end_handle = ManipulatorPointId::EndHandle(segment).get_position(vector_data);
+	let start_handle = ManipulatorPointId::PrimaryHandle(segment).get_position(vector_data);
+
+	let start_point = if is_start(anchor, segment) {
+		vector_data.segment_end_from_id(segment).and_then(|id| vector_data.point_domain.position_from_id(id))
+	} else {
+		vector_data.segment_start_from_id(segment).and_then(|id| vector_data.point_domain.position_from_id(id))
+	};
+
+	let required_handle = if is_start(anchor, segment) {
+		start_handle
+			.filter(|&handle| prefer_handle_direction && handle != anchor_position)
+			.or(end_handle.filter(|&handle| Some(handle) != start_point))
+			.or(start_point)
+	} else {
+		end_handle
+			.filter(|&handle| prefer_handle_direction && handle != anchor_position)
+			.or(start_handle.filter(|&handle| Some(handle) != start_point))
+			.or(start_point)
+	};
+
+	required_handle.map(|handle| -(handle - anchor_position).angle_to(DVec2::X))
+}
+
+pub fn adjust_handle_colinearity(handle: HandleId, anchor_position: DVec2, target_control_point: DVec2, vector_data: &VectorData, layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>) {
+	let Some(other_handle) = vector_data.other_colinear_handle(handle) else { return };
+	let Some(handle_position) = other_handle.to_manipulator_point().get_position(vector_data) else {
+		return;
+	};
+	let Some(direction) = (anchor_position - target_control_point).try_normalize() else { return };
+
+	let new_relative_position = (handle_position - anchor_position).length() * direction;
+	let modification_type = other_handle.set_relative_position(new_relative_position);
+
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+}
+
+pub fn restore_previous_handle_position(
+	handle: HandleId,
+	original_c: DVec2,
+	anchor_position: DVec2,
+	vector_data: &VectorData,
+	layer: LayerNodeIdentifier,
+	responses: &mut VecDeque<Message>,
+) -> Option<HandleId> {
+	let other_handle = vector_data.other_colinear_handle(handle)?;
+	let handle_position = other_handle.to_manipulator_point().get_position(vector_data)?;
+	let direction = (anchor_position - original_c).try_normalize()?;
+
+	let old_relative_position = (handle_position - anchor_position).length() * direction;
+	let modification_type = other_handle.set_relative_position(old_relative_position);
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+	let handles = [handle, other_handle];
+	let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+	Some(other_handle)
+}
+
+pub fn restore_g1_continuity(
+	handle: HandleId,
+	other_handle: HandleId,
+	control_point: DVec2,
+	anchor_position: DVec2,
+	vector_data: &VectorData,
+	layer: LayerNodeIdentifier,
+	responses: &mut VecDeque<Message>,
+) {
+	let Some(handle_position) = other_handle.to_manipulator_point().get_position(vector_data) else {
+		return;
+	};
+	let Some(direction) = (anchor_position - control_point).try_normalize() else { return };
+
+	let new_relative_position = (handle_position - anchor_position).length() * direction;
+	let modification_type = other_handle.set_relative_position(new_relative_position);
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+	let handles = [handle, other_handle];
+	let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: true };
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+}
+
+/// Check whether a point is visible in the current overlay mode.
+pub fn is_visible_point(
+	manipulator_point_id: ManipulatorPointId,
+	vector_data: &VectorData,
+	path_overlay_mode: PathOverlayMode,
+	frontier_handles_info: Option<HashMap<SegmentId, Vec<PointId>>>,
+	selected_segments: Vec<SegmentId>,
+	selected_points: &HashSet<ManipulatorPointId>,
+) -> bool {
+	match manipulator_point_id {
+		ManipulatorPointId::Anchor(_) => true,
+		ManipulatorPointId::EndHandle(segment_id) | ManipulatorPointId::PrimaryHandle(segment_id) => {
+			match (path_overlay_mode, selected_points.len() == 1) {
+				(PathOverlayMode::AllHandles, _) => true,
+				(PathOverlayMode::SelectedPointHandles, _) | (PathOverlayMode::FrontierHandles, true) => {
+					if selected_segments.contains(&segment_id) {
+						return true;
+					}
+
+					// Either the segment is a part of selected segments or the opposite handle is a part of existing selection
+					let Some(handle_pair) = manipulator_point_id.get_handle_pair(vector_data) else { return false };
+					let other_handle = handle_pair[1].to_manipulator_point();
+
+					// Return whether the list of selected points contain the other handle
+					selected_points.contains(&other_handle)
+				}
+				(PathOverlayMode::FrontierHandles, false) => {
+					let Some(anchor) = manipulator_point_id.get_anchor(vector_data) else {
+						warn!("No anchor for selected handle");
+						return false;
+					};
+					let Some(frontier_handles) = &frontier_handles_info else {
+						warn!("No frontier handles info provided");
+						return false;
+					};
+
+					frontier_handles.get(&segment_id).map(|anchors| anchors.contains(&anchor)).unwrap_or_default()
+				}
+			}
+		}
+	}
+}
+
+/// Function to find the bounding box of bezier (uses method from kurbo)
+pub fn calculate_bezier_bbox(bezier: Bezier) -> [DVec2; 2] {
+	let start = Point::new(bezier.start.x, bezier.start.y);
+	let end = Point::new(bezier.end.x, bezier.end.y);
+	let bbox = match bezier.handles {
+		BezierHandles::Cubic { handle_start, handle_end } => {
+			let p1 = Point::new(handle_start.x, handle_start.y);
+			let p2 = Point::new(handle_end.x, handle_end.y);
+			CubicBez::new(start, p1, p2, end).bounding_box()
+		}
+		BezierHandles::Quadratic { handle } => {
+			let p1 = Point::new(handle.x, handle.y);
+			QuadBez::new(start, p1, end).bounding_box()
+		}
+		BezierHandles::Linear => Line::new(start, end).bounding_box(),
+	};
+	[DVec2::new(bbox.x0, bbox.y0), DVec2::new(bbox.x1, bbox.y1)]
+}
+
+pub fn is_intersecting(bezier: Bezier, quad: [DVec2; 2], transform: DAffine2) -> bool {
+	let to_layerspace = transform.inverse();
+	let quad = [to_layerspace.transform_point2(quad[0]), to_layerspace.transform_point2(quad[1])];
+	let start = Point::new(bezier.start.x, bezier.start.y);
+	let end = Point::new(bezier.end.x, bezier.end.y);
+	let segment = match bezier.handles {
+		BezierHandles::Cubic { handle_start, handle_end } => {
+			let p1 = Point::new(handle_start.x, handle_start.y);
+			let p2 = Point::new(handle_end.x, handle_end.y);
+			PathSeg::Cubic(CubicBez::new(start, p1, p2, end))
+		}
+		BezierHandles::Quadratic { handle } => {
+			let p1 = Point::new(handle.x, handle.y);
+			PathSeg::Quad(QuadBez::new(start, p1, end))
+		}
+		BezierHandles::Linear => PathSeg::Line(Line::new(start, end)),
+	};
+
+	// Create a list of all the sides
+	let sides = [
+		Line::new((quad[0].x, quad[0].y), (quad[1].x, quad[0].y)),
+		Line::new((quad[0].x, quad[0].y), (quad[0].x, quad[1].y)),
+		Line::new((quad[1].x, quad[1].y), (quad[1].x, quad[0].y)),
+		Line::new((quad[1].x, quad[1].y), (quad[0].x, quad[1].y)),
+	];
+
+	let mut is_intersecting = false;
+	for line in sides {
+		let intersections = segment.intersect_line(line);
+		let mut intersects = false;
+		for intersection in intersections {
+			if intersection.line_t <= 1. && intersection.line_t >= 0. && intersection.segment_t <= 1. && intersection.segment_t >= 0. {
+				// There is a valid intersection point
+				intersects = true;
+				break;
+			}
+		}
+		if intersects {
+			is_intersecting = true;
+			break;
+		}
+	}
+	is_intersecting
+}
+
+#[allow(clippy::too_many_arguments)]
+pub fn resize_bounds(
+	document: &DocumentMessageHandler,
+	responses: &mut VecDeque<Message>,
+	bounds: &mut BoundingBoxManager,
+	dragging_layers: &mut Vec<LayerNodeIdentifier>,
+	snap_manager: &mut SnapManager,
+	snap_candidates: &mut Vec<SnapCandidatePoint>,
+	input: &InputPreprocessorMessageHandler,
+	center: bool,
+	constrain: bool,
+	tool: ToolType,
+) {
+	if let Some(movement) = &mut bounds.selected_edges {
+		let center = center.then_some(bounds.center_of_transformation);
+		let snap = Some(SizeSnapData {
+			manager: snap_manager,
+			points: snap_candidates,
+			snap_data: SnapData::ignore(document, input, dragging_layers),
+		});
+		let (position, size) = movement.new_size(input.mouse.position, bounds.original_bound_transform, center, constrain, snap);
+		let (delta, mut pivot) = movement.bounds_to_scale_transform(position, size);
+
+		let pivot_transform = DAffine2::from_translation(pivot);
+		let transformation = pivot_transform * delta * pivot_transform.inverse();
+
+		dragging_layers.retain(|layer| {
+			if *layer != LayerNodeIdentifier::ROOT_PARENT {
+				document.network_interface.document_network().nodes.contains_key(&layer.to_node())
+			} else {
+				log::error!("ROOT_PARENT should not be part of layers_dragging");
+				false
+			}
+		});
+
+		let mut selected = Selected::new(&mut bounds.original_transforms, &mut pivot, dragging_layers, responses, &document.network_interface, None, &tool, None);
+		selected.apply_transformation(bounds.original_bound_transform * transformation * bounds.original_bound_transform.inverse(), None);
+	}
+}
+
+#[allow(clippy::too_many_arguments)]
+pub fn rotate_bounds(
+	document: &DocumentMessageHandler,
+	responses: &mut VecDeque<Message>,
+	bounds: &mut BoundingBoxManager,
+	dragging_layers: &mut Vec<LayerNodeIdentifier>,
+	drag_start: DVec2,
+	mouse_position: DVec2,
+	snap_angle: bool,
+	tool: ToolType,
+) {
+	let angle = {
+		let start_offset = drag_start - bounds.center_of_transformation;
+		let end_offset = mouse_position - bounds.center_of_transformation;
+		start_offset.angle_to(end_offset)
+	};
+
+	let snapped_angle = if snap_angle {
+		let snap_resolution = ROTATE_INCREMENT.to_radians();
+		(angle / snap_resolution).round() * snap_resolution
+	} else {
+		angle
+	};
+
+	let delta = DAffine2::from_angle(snapped_angle);
+
+	dragging_layers.retain(|layer| {
+		if *layer != LayerNodeIdentifier::ROOT_PARENT {
+			document.network_interface.document_network().nodes.contains_key(&layer.to_node())
+		} else {
+			log::error!("ROOT_PARENT should not be part of replacement_selected_layers");
+			false
+		}
+	});
+
+	let mut selected = Selected::new(
+		&mut bounds.original_transforms,
+		&mut bounds.center_of_transformation,
+		dragging_layers,
+		responses,
+		&document.network_interface,
+		None,
+		&tool,
+		None,
+	);
+	selected.update_transforms(delta, None, None);
+}
+
+pub fn skew_bounds(
+	document: &DocumentMessageHandler,
+	responses: &mut VecDeque<Message>,
+	bounds: &mut BoundingBoxManager,
+	free_movement: bool,
+	layers: &mut Vec<LayerNodeIdentifier>,
+	mouse_position: DVec2,
+	tool: ToolType,
+) {
+	if let Some(movement) = &mut bounds.selected_edges {
+		let mut pivot = DVec2::ZERO;
+
+		let transformation = movement.skew_transform(mouse_position, bounds.original_bound_transform, free_movement);
+
+		layers.retain(|layer| {
+			if *layer != LayerNodeIdentifier::ROOT_PARENT {
+				document.network_interface.document_network().nodes.contains_key(&layer.to_node())
+			} else {
+				log::error!("ROOT_PARENT should not be part of layers_dragging");
+				false
+			}
+		});
+
+		let mut selected = Selected::new(&mut bounds.original_transforms, &mut pivot, layers, responses, &document.network_interface, None, &tool, None);
+		selected.apply_transformation(bounds.original_bound_transform * transformation * bounds.original_bound_transform.inverse(), None);
+	}
+}
+
+// TODO: Replace returned tuple (where at most 1 element is true at a time) with an enum.
+/// Returns the tuple (resize, rotate, skew).
+pub fn transforming_transform_cage(
+	document: &DocumentMessageHandler,
+	mut bounding_box_manager: &mut Option<BoundingBoxManager>,
+	input: &InputPreprocessorMessageHandler,
+	responses: &mut VecDeque<Message>,
+	layers_dragging: &mut Vec<LayerNodeIdentifier>,
+) -> (bool, bool, bool) {
+	let dragging_bounds = bounding_box_manager.as_mut().and_then(|bounding_box| {
+		let edges = bounding_box.check_selected_edges(input.mouse.position);
+
+		bounding_box.selected_edges = edges.map(|(top, bottom, left, right)| {
+			let selected_edges = SelectedEdges::new(top, bottom, left, right, bounding_box.bounds);
+			bounding_box.opposite_pivot = selected_edges.calculate_pivot();
+			selected_edges
+		});
+
+		edges
+	});
+
+	let rotating_bounds = bounding_box_manager.as_ref().map(|bounding_box| bounding_box.check_rotate(input.mouse.position)).unwrap_or_default();
+
+	let selected: Vec<_> = document.network_interface.selected_nodes().selected_visible_and_unlocked_layers(&document.network_interface).collect();
+
+	let is_flat_layer = bounding_box_manager.as_ref().map(|bounding_box_manager| bounding_box_manager.transform_tampered).unwrap_or(true);
+
+	if dragging_bounds.is_some() && !is_flat_layer {
+		responses.add(DocumentMessage::StartTransaction);
+
+		*layers_dragging = selected;
+
+		if let Some(bounds) = &mut bounding_box_manager {
+			bounds.original_bound_transform = bounds.transform;
+
+			layers_dragging.retain(|layer| {
+				if *layer != LayerNodeIdentifier::ROOT_PARENT {
+					document.network_interface.document_network().nodes.contains_key(&layer.to_node())
+				} else {
+					log::error!("ROOT_PARENT should not be part of layers_dragging");
+					false
+				}
+			});
+
+			let mut selected = Selected::new(
+				&mut bounds.original_transforms,
+				&mut bounds.center_of_transformation,
+				layers_dragging,
+				responses,
+				&document.network_interface,
+				None,
+				&ToolType::Select,
+				None,
+			);
+			bounds.center_of_transformation = selected.mean_average_of_pivots();
+
+			// Check if we're hovering over a skew triangle
+			let edges = bounds.check_selected_edges(input.mouse.position);
+			if let Some(edges) = edges {
+				let closest_edge = bounds.get_closest_edge(edges, input.mouse.position);
+				if bounds.check_skew_handle(input.mouse.position, closest_edge) {
+					// No resize or rotate, just skew
+					return (false, false, true);
+				}
+			}
+		}
+
+		// Just resize, no rotate or skew
+		return (true, false, false);
+	}
+
+	if rotating_bounds {
+		responses.add(DocumentMessage::StartTransaction);
+
+		if let Some(bounds) = &mut bounding_box_manager {
+			layers_dragging.retain(|layer| {
+				if *layer != LayerNodeIdentifier::ROOT_PARENT {
+					document.network_interface.document_network().nodes.contains_key(&layer.to_node())
+				} else {
+					log::error!("ROOT_PARENT should not be part of layers_dragging");
+					false
+				}
+			});
+
+			let mut selected = Selected::new(
+				&mut bounds.original_transforms,
+				&mut bounds.center_of_transformation,
+				&selected,
+				responses,
+				&document.network_interface,
+				None,
+				&ToolType::Select,
+				None,
+			);
+
+			bounds.center_of_transformation = selected.mean_average_of_pivots();
+		}
+
+		*layers_dragging = selected;
+
+		// No resize or skew, just rotate
+		return (false, true, false);
+	}
+
+	// No resize, rotate, or skew
+	(false, false, false)
+}
+
+/// Calculates similarity metric between new bezier curve and two old beziers by using sampled points.
+#[allow(clippy::too_many_arguments)]
+pub fn log_optimization(a: f64, b: f64, p1: DVec2, p3: DVec2, d1: DVec2, d2: DVec2, points1: &[DVec2], n: usize) -> f64 {
+	let start_handle_length = a.exp();
+	let end_handle_length = b.exp();
+
+	// Compute the handle positions of new bezier curve
+	let c1 = p1 + d1 * start_handle_length;
+	let c2 = p3 + d2 * end_handle_length;
+
+	let new_curve = Bezier::from_cubic_coordinates(p1.x, p1.y, c1.x, c1.y, c2.x, c2.y, p3.x, p3.y);
+
+	// Sample 2*n points from new curve and get the L2 metric between all of points
+	let points = new_curve.compute_lookup_table(Some(2 * n), None).collect::<Vec<_>>();
+
+	let dist = points1.iter().zip(points.iter()).map(|(p1, p2)| (p1.x - p2.x).powi(2) + (p1.y - p2.y).powi(2)).sum::<f64>();
+
+	dist / (2 * n) as f64
+}
+
+/// Calculates optimal handle lengths with adam optimization.
+#[allow(clippy::too_many_arguments)]
+pub fn find_two_param_best_approximate(p1: DVec2, p3: DVec2, d1: DVec2, d2: DVec2, min_len1: f64, min_len2: f64, farther_segment: Bezier, other_segment: Bezier) -> (DVec2, DVec2) {
+	let h = 1e-6;
+	let tol = 1e-6;
+	let max_iter = 200;
+
+	let mut a = (5_f64).ln();
+	let mut b = (5_f64).ln();
+
+	let mut m_a = 0.;
+	let mut v_a = 0.;
+	let mut m_b = 0.;
+	let mut v_b = 0.;
+
+	let initial_alpha = 0.05;
+	let decay_rate: f64 = 0.99;
+
+	let beta1 = 0.9;
+	let beta2 = 0.999;
+	let epsilon = 1e-8;
+
+	let n = 20;
+
+	let farther_segment = if farther_segment.start.distance(p1) >= f64::EPSILON {
+		farther_segment.reverse()
+	} else {
+		farther_segment
+	};
+
+	let other_segment = if other_segment.end.distance(p3) >= f64::EPSILON { other_segment.reverse() } else { other_segment };
+
+	// Now we sample points proportional to the lengths of the beziers
+	let l1 = farther_segment.length(None);
+	let l2 = other_segment.length(None);
+	let ratio = l1 / (l1 + l2);
+	let n_points1 = ((2 * n) as f64 * ratio).floor() as usize;
+	let mut points1 = farther_segment.compute_lookup_table(Some(n_points1), None).collect::<Vec<_>>();
+	let mut points2 = other_segment.compute_lookup_table(Some(n), None).collect::<Vec<_>>();
+	points1.append(&mut points2);
+
+	let f = |a: f64, b: f64| -> f64 { log_optimization(a, b, p1, p3, d1, d2, &points1, n) };
+
+	for t in 1..=max_iter {
+		let dfa = (f(a + h, b) - f(a - h, b)) / (2. * h);
+		let dfb = (f(a, b + h) - f(a, b - h)) / (2. * h);
+
+		m_a = beta1 * m_a + (1. - beta1) * dfa;
+		m_b = beta1 * m_b + (1. - beta1) * dfb;
+
+		v_a = beta2 * v_a + (1. - beta2) * dfa * dfa;
+		v_b = beta2 * v_b + (1. - beta2) * dfb * dfb;
+
+		let m_a_hat = m_a / (1. - beta1.powi(t));
+		let v_a_hat = v_a / (1. - beta2.powi(t));
+		let m_b_hat = m_b / (1. - beta1.powi(t));
+		let v_b_hat = v_b / (1. - beta2.powi(t));
+
+		let alpha_t = initial_alpha * decay_rate.powi(t);
+
+		// Update log-lengths
+		a -= alpha_t * m_a_hat / (v_a_hat.sqrt() + epsilon);
+		b -= alpha_t * m_b_hat / (v_b_hat.sqrt() + epsilon);
+
+		// Convergence check
+		if dfa.abs() < tol && dfb.abs() < tol {
+			break;
+		}
+	}
+
+	let len1 = a.exp().max(min_len1);
+	let len2 = b.exp().max(min_len2);
+
+	(d1 * len1, d2 * len2)
+}
diff --git a/editor/src/messages/tool/mod.rs b/editor/src/messages/tool/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ca03f01e8b7260cd275a6dfb5d0f203934bc927f
--- /dev/null
+++ b/editor/src/messages/tool/mod.rs
@@ -0,0 +1,14 @@
+mod tool_message;
+mod tool_message_handler;
+
+pub mod common_functionality;
+pub mod tool_messages;
+pub mod transform_layer;
+pub mod utility_types;
+
+#[doc(inline)]
+pub use tool_message::{ToolMessage, ToolMessageDiscriminant};
+#[doc(inline)]
+pub use tool_message_handler::{ToolMessageData, ToolMessageHandler};
+#[doc(inline)]
+pub use transform_layer::{TransformLayerMessage, TransformLayerMessageDiscriminant};
diff --git a/editor/src/messages/tool/tool_message.rs b/editor/src/messages/tool/tool_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c281149a4274422ad485d38198a52f4a5fd161d5
--- /dev/null
+++ b/editor/src/messages/tool/tool_message.rs
@@ -0,0 +1,97 @@
+use super::utility_types::ToolType;
+use crate::messages::preferences::SelectionMode;
+use crate::messages::prelude::*;
+use graphene_std::raster::color::Color;
+
+#[impl_message(Message, Tool)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum ToolMessage {
+	// Sub-messages
+	#[child]
+	TransformLayer(TransformLayerMessage),
+
+	#[child]
+	Select(SelectToolMessage),
+	#[child]
+	Artboard(ArtboardToolMessage),
+	#[child]
+	Navigate(NavigateToolMessage),
+	#[child]
+	Eyedropper(EyedropperToolMessage),
+	#[child]
+	Fill(FillToolMessage),
+	#[child]
+	Gradient(GradientToolMessage),
+
+	#[child]
+	Path(PathToolMessage),
+	#[child]
+	Pen(PenToolMessage),
+	#[child]
+	Freehand(FreehandToolMessage),
+	#[child]
+	Spline(SplineToolMessage),
+	#[child]
+	Shape(ShapeToolMessage),
+	#[child]
+	Text(TextToolMessage),
+
+	#[child]
+	Brush(BrushToolMessage),
+	// 	// #[child]
+	// Heal(HealToolMessage),
+	// 	// #[child]
+	// Clone(CloneToolMessage),
+	// 	// #[child]
+	// Patch(PatchToolMessage),
+	// 	// #[child]
+	// Relight(RelightToolMessage),
+	// 	// #[child]
+	// Detail(DetailToolMessage),
+
+	// Messages
+
+	// General tools
+	ActivateToolSelect,
+	ActivateToolArtboard,
+	ActivateToolNavigate,
+	ActivateToolEyedropper,
+	ActivateToolFill,
+	ActivateToolGradient,
+	// Vector tools
+	ActivateToolPath,
+	ActivateToolPen,
+	ActivateToolFreehand,
+	ActivateToolSpline,
+	ActivateToolShapeLine,
+	ActivateToolShapeRectangle,
+	ActivateToolShapeEllipse,
+	ActivateToolShape,
+	ActivateToolText,
+	// Raster tools
+	ActivateToolBrush,
+
+	ActivateTool {
+		tool_type: ToolType,
+	},
+	DeactivateTools,
+	InitTools,
+	PreUndo,
+	Redo,
+	RefreshToolOptions,
+	ResetColors,
+	SelectWorkingColor {
+		color: Color,
+		primary: bool,
+	},
+	SelectRandomWorkingColor {
+		primary: bool,
+	},
+	SwapColors,
+	Undo,
+	UpdateCursor,
+	UpdateHints,
+	UpdateSelectionMode {
+		selection_mode: SelectionMode,
+	},
+}
diff --git a/editor/src/messages/tool/tool_message_handler.rs b/editor/src/messages/tool/tool_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9413495488abe5107588c16cb584e220fa483939
--- /dev/null
+++ b/editor/src/messages/tool/tool_message_handler.rs
@@ -0,0 +1,357 @@
+use super::common_functionality::shape_editor::ShapeState;
+use super::common_functionality::shapes::shape_utility::ShapeType::{self, Ellipse, Line, Rectangle};
+use super::utility_types::{ToolActionHandlerData, ToolFsmState, tool_message_to_tool_type};
+use crate::application::generate_uuid;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayProvider;
+use crate::messages::portfolio::utility_types::PersistentData;
+use crate::messages::prelude::*;
+use crate::messages::tool::utility_types::ToolType;
+use crate::node_graph_executor::NodeGraphExecutor;
+use graphene_std::raster::color::Color;
+
+const ARTBOARD_OVERLAY_PROVIDER: OverlayProvider = |context| DocumentMessage::DrawArtboardOverlays(context).into();
+
+pub struct ToolMessageData<'a> {
+	pub document_id: DocumentId,
+	pub document: &'a mut DocumentMessageHandler,
+	pub input: &'a InputPreprocessorMessageHandler,
+	pub persistent_data: &'a PersistentData,
+	pub node_graph: &'a NodeGraphExecutor,
+	pub preferences: &'a PreferencesMessageHandler,
+}
+
+#[derive(Debug, Default)]
+pub struct ToolMessageHandler {
+	pub tool_state: ToolFsmState,
+	pub transform_layer_handler: TransformLayerMessageHandler,
+	pub shape_editor: ShapeState,
+	pub tool_is_active: bool,
+}
+
+impl MessageHandler<ToolMessage, ToolMessageData<'_>> for ToolMessageHandler {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, data: ToolMessageData) {
+		let ToolMessageData {
+			document_id,
+			document,
+			input,
+			persistent_data,
+			node_graph,
+			preferences,
+		} = data;
+		let font_cache = &persistent_data.font_cache;
+
+		match message {
+			// Messages
+			ToolMessage::TransformLayer(message) => self
+				.transform_layer_handler
+				.process_message(message, responses, (document, input, &self.tool_state.tool_data, &mut self.shape_editor)),
+
+			ToolMessage::ActivateToolSelect => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Select }),
+			ToolMessage::ActivateToolArtboard => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Artboard }),
+			ToolMessage::ActivateToolNavigate => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Navigate }),
+			ToolMessage::ActivateToolEyedropper => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Eyedropper }),
+			ToolMessage::ActivateToolText => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Text }),
+			ToolMessage::ActivateToolFill => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Fill }),
+			ToolMessage::ActivateToolGradient => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Gradient }),
+
+			ToolMessage::ActivateToolPath => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Path }),
+			ToolMessage::ActivateToolPen => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Pen }),
+			ToolMessage::ActivateToolFreehand => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Freehand }),
+			ToolMessage::ActivateToolSpline => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Spline }),
+			ToolMessage::ActivateToolShape => {
+				if self.tool_state.tool_data.active_shape_type.is_some() {
+					self.tool_state.tool_data.active_shape_type = None;
+					self.tool_state.tool_data.active_tool_type = ToolType::Shape;
+				}
+				responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Shape });
+				responses.add(ShapeToolMessage::SetShape(ShapeType::Polygon));
+				responses.add(ShapeToolMessage::HideShapeTypeWidget(false))
+			}
+			ToolMessage::ActivateToolBrush => responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Brush }),
+			ToolMessage::ActivateToolShapeLine | ToolMessage::ActivateToolShapeRectangle | ToolMessage::ActivateToolShapeEllipse => {
+				let shape = match message {
+					ToolMessage::ActivateToolShapeLine => Line,
+					ToolMessage::ActivateToolShapeRectangle => Rectangle,
+					ToolMessage::ActivateToolShapeEllipse => Ellipse,
+					_ => unreachable!(),
+				};
+
+				self.tool_state.tool_data.active_shape_type = Some(shape.tool_type());
+				responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Shape });
+				responses.add(ShapeToolMessage::HideShapeTypeWidget(true));
+				responses.add(ShapeToolMessage::SetShape(shape));
+			}
+			ToolMessage::ActivateTool { tool_type } => {
+				let tool_data = &mut self.tool_state.tool_data;
+				let old_tool = tool_data.active_tool_type.get_tool();
+				let tool_type = tool_type.get_tool();
+
+				responses.add(ToolMessage::RefreshToolOptions);
+				tool_data.send_layout(responses, LayoutTarget::ToolShelf);
+
+				// Do nothing if switching to the same tool
+				if self.tool_is_active && tool_type == old_tool {
+					return;
+				}
+
+				if tool_type != ToolType::Shape {
+					tool_data.active_shape_type = None;
+				}
+
+				self.tool_is_active = true;
+
+				// Send the old and new tools a transition to their FSM Abort states
+				let mut send_abort_to_tool = |old_tool: ToolType, new_tool: ToolType, update_hints_and_cursor: bool| {
+					if let Some(tool) = tool_data.tools.get_mut(&new_tool) {
+						let mut data = ToolActionHandlerData {
+							document,
+							document_id,
+							global_tool_data: &self.tool_state.document_tool_data,
+							input,
+							font_cache,
+							shape_editor: &mut self.shape_editor,
+							node_graph,
+							preferences,
+						};
+
+						if let Some(tool_abort_message) = tool.event_to_message_map().tool_abort {
+							tool.process_message(tool_abort_message, responses, &mut data);
+						}
+
+						if update_hints_and_cursor {
+							if self.transform_layer_handler.is_transforming() {
+								self.transform_layer_handler.hints(responses);
+							} else {
+								tool.process_message(ToolMessage::UpdateHints, responses, &mut data);
+							}
+							tool.process_message(ToolMessage::UpdateCursor, responses, &mut data);
+						}
+					}
+
+					if matches!(old_tool, ToolType::Path | ToolType::Select) {
+						responses.add(TransformLayerMessage::CancelTransformOperation);
+					}
+				};
+
+				send_abort_to_tool(old_tool, tool_type, true);
+				send_abort_to_tool(old_tool, old_tool, false);
+
+				// Unsubscribe old tool from the broadcaster
+				tool_data.tools.get(&tool_type).unwrap().deactivate(responses);
+
+				// Store the new active tool
+				tool_data.active_tool_type = tool_type;
+
+				// Subscribe new tool
+				tool_data.tools.get(&tool_type).unwrap().activate(responses);
+
+				// Send the SelectionChanged message to the active tool, this will ensure the selection is updated
+				responses.add(BroadcastEvent::SelectionChanged);
+
+				// Update the working colors for the active tool
+				responses.add(BroadcastEvent::WorkingColorChanged);
+
+				// Send tool options to the frontend
+				responses.add(ToolMessage::RefreshToolOptions);
+
+				// Notify the frontend about the new active tool to be displayed
+				tool_data.send_layout(responses, LayoutTarget::ToolShelf);
+			}
+			ToolMessage::DeactivateTools => {
+				let tool_data = &mut self.tool_state.tool_data;
+				tool_data.tools.get(&tool_data.active_tool_type).unwrap().deactivate(responses);
+
+				// Unsubscribe the transform layer to selection change events
+				let message = Box::new(TransformLayerMessage::SelectionChanged.into());
+				let on = BroadcastEvent::SelectionChanged;
+				responses.add(BroadcastMessage::UnsubscribeEvent { message, on });
+
+				responses.add(OverlaysMessage::RemoveProvider(ARTBOARD_OVERLAY_PROVIDER));
+
+				responses.add(FrontendMessage::UpdateInputHints { hint_data: Default::default() });
+				responses.add(FrontendMessage::UpdateMouseCursor { cursor: Default::default() });
+
+				self.tool_is_active = false;
+			}
+			ToolMessage::InitTools => {
+				// Subscribe the transform layer to selection change events
+				responses.add(BroadcastMessage::SubscribeEvent {
+					on: BroadcastEvent::SelectionChanged,
+					send: Box::new(TransformLayerMessage::SelectionChanged.into()),
+				});
+
+				self.tool_is_active = true;
+
+				let tool_data = &mut self.tool_state.tool_data;
+				let document_data = &self.tool_state.document_tool_data;
+				let active_tool = &tool_data.active_tool_type;
+
+				// Subscribe tool to broadcast messages
+				tool_data.tools.get(active_tool).unwrap().activate(responses);
+
+				// Register initial properties
+				tool_data.tools.get(active_tool).unwrap().send_layout(responses, LayoutTarget::ToolOptions);
+
+				// Notify the frontend about the initial active tool
+				tool_data.send_layout(responses, LayoutTarget::ToolShelf);
+
+				// Notify the frontend about the initial working colors
+				document_data.update_working_colors(responses);
+
+				let mut data = ToolActionHandlerData {
+					document,
+					document_id,
+					global_tool_data: &self.tool_state.document_tool_data,
+					input,
+					font_cache,
+					shape_editor: &mut self.shape_editor,
+					node_graph,
+					preferences,
+				};
+
+				// Set initial hints and cursor
+				tool_data.active_tool_mut().process_message(ToolMessage::UpdateHints, responses, &mut data);
+				tool_data.active_tool_mut().process_message(ToolMessage::UpdateCursor, responses, &mut data);
+
+				responses.add(OverlaysMessage::AddProvider(ARTBOARD_OVERLAY_PROVIDER));
+			}
+			ToolMessage::PreUndo => {
+				let tool_data = &mut self.tool_state.tool_data;
+				if tool_data.active_tool_type != ToolType::Pen {
+					responses.add(BroadcastEvent::ToolAbort);
+				}
+			}
+			ToolMessage::Redo => {
+				let tool_data = &mut self.tool_state.tool_data;
+				if tool_data.active_tool_type == ToolType::Pen {
+					responses.add(PenToolMessage::Redo);
+				}
+			}
+			ToolMessage::RefreshToolOptions => {
+				let tool_data = &mut self.tool_state.tool_data;
+				tool_data.tools.get(&tool_data.active_tool_type).unwrap().send_layout(responses, LayoutTarget::ToolOptions);
+			}
+			ToolMessage::ResetColors => {
+				let document_data = &mut self.tool_state.document_tool_data;
+
+				document_data.primary_color = Color::BLACK;
+				document_data.secondary_color = Color::WHITE;
+
+				document_data.update_working_colors(responses); // TODO: Make this an event
+			}
+			ToolMessage::SelectRandomWorkingColor { primary } => {
+				// Select a random working color (RGBA) based on an UUID
+				let document_data = &mut self.tool_state.document_tool_data;
+
+				let random_number = generate_uuid();
+				let r = (random_number >> 16) as u8;
+				let g = (random_number >> 8) as u8;
+				let b = random_number as u8;
+				let random_color = Color::from_rgba8_srgb(r, g, b, 255);
+
+				if primary {
+					document_data.primary_color = random_color;
+				} else {
+					document_data.secondary_color = random_color;
+				}
+
+				document_data.update_working_colors(responses); // TODO: Make this an event
+			}
+			ToolMessage::SelectWorkingColor { color, primary } => {
+				let document_data = &mut self.tool_state.document_tool_data;
+
+				if primary {
+					document_data.primary_color = color;
+				} else {
+					document_data.secondary_color = color;
+				}
+
+				document_data.update_working_colors(responses); // TODO: Make this an event
+			}
+			ToolMessage::SwapColors => {
+				let document_data = &mut self.tool_state.document_tool_data;
+
+				std::mem::swap(&mut document_data.primary_color, &mut document_data.secondary_color);
+
+				document_data.update_working_colors(responses); // TODO: Make this an event
+			}
+			ToolMessage::Undo => {
+				let tool_data = &mut self.tool_state.tool_data;
+				if tool_data.active_tool_type == ToolType::Pen {
+					responses.add(PenToolMessage::Undo);
+				}
+			}
+
+			// Sub-messages
+			tool_message => {
+				let tool_type = match &tool_message {
+					ToolMessage::UpdateCursor | ToolMessage::UpdateHints => self.tool_state.tool_data.active_tool_type,
+					tool_message => tool_message_to_tool_type(tool_message),
+				};
+				let tool_data = &mut self.tool_state.tool_data;
+
+				if let Some(tool) = tool_data.tools.get_mut(&tool_type) {
+					let graph_view_overlay_open = document.graph_view_overlay_open();
+
+					if tool_type == tool_data.active_tool_type {
+						let mut data = ToolActionHandlerData {
+							document,
+							document_id,
+							global_tool_data: &self.tool_state.document_tool_data,
+							input,
+							font_cache,
+							shape_editor: &mut self.shape_editor,
+							node_graph,
+							preferences,
+						};
+						if matches!(tool_message, ToolMessage::UpdateHints) {
+							if graph_view_overlay_open {
+								// When graph view is open, forward the hint update to the node graph handler
+								responses.add(NodeGraphMessage::UpdateHints);
+							} else if self.transform_layer_handler.is_transforming() {
+								self.transform_layer_handler.hints(responses);
+							} else {
+								tool.process_message(ToolMessage::UpdateHints, responses, &mut data)
+							}
+						} else {
+							tool.process_message(tool_message, responses, &mut data);
+						}
+					}
+				}
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		let mut list = actions!(ToolMessageDiscriminant;
+			ActivateToolSelect,
+			ActivateToolArtboard,
+			ActivateToolNavigate,
+			ActivateToolEyedropper,
+			ActivateToolFill,
+			ActivateToolGradient,
+
+			ActivateToolPath,
+			ActivateToolPen,
+			ActivateToolFreehand,
+			ActivateToolSpline,
+			ActivateToolShapeLine,
+			ActivateToolShapeRectangle,
+			ActivateToolShapeEllipse,
+			ActivateToolShape,
+			ActivateToolText,
+
+			ActivateToolBrush,
+
+			SelectRandomWorkingColor,
+			ResetColors,
+			SwapColors,
+			Undo,
+		);
+		list.extend(self.tool_state.tool_data.active_tool().actions());
+		list.extend(self.transform_layer_handler.actions());
+
+		list
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/artboard_tool.rs b/editor/src/messages/tool/tool_messages/artboard_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d72e28df51f8c246f4fce94976c8d6eaec18e660
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/artboard_tool.rs
@@ -0,0 +1,661 @@
+use super::tool_prelude::*;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::compass_rose::Axis;
+use crate::messages::tool::common_functionality::resize::Resize;
+use crate::messages::tool::common_functionality::snapping;
+use crate::messages::tool::common_functionality::snapping::SnapCandidatePoint;
+use crate::messages::tool::common_functionality::snapping::SnapData;
+use crate::messages::tool::common_functionality::snapping::SnapManager;
+use crate::messages::tool::common_functionality::transformation_cage::*;
+use graph_craft::document::NodeId;
+use graphene_std::renderer::Quad;
+
+#[derive(Default)]
+pub struct ArtboardTool {
+	fsm_state: ArtboardToolFsmState,
+	data: ArtboardToolData,
+}
+
+#[impl_message(Message, ToolMessage, Artboard)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ArtboardToolMessage {
+	// Standard messages
+	Abort,
+	Overlays(OverlayContext),
+
+	// Tool-specific messages
+	UpdateSelectedArtboard,
+	DeleteSelected,
+	NudgeSelected { delta_x: f64, delta_y: f64, resize: Key, resize_opposite_corner: Key },
+	PointerDown,
+	PointerMove { constrain_axis_or_aspect: Key, center: Key },
+	PointerOutsideViewport { constrain_axis_or_aspect: Key, center: Key },
+	PointerUp,
+}
+
+impl ToolMetadata for ArtboardTool {
+	fn icon_name(&self) -> String {
+		"GeneralArtboardTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Artboard Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Artboard
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for ArtboardTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		self.fsm_state.process_event(message, &mut self.data, tool_data, &(), responses, false);
+	}
+
+	fn actions(&self) -> ActionList {
+		let mut common = actions!(ArtboardToolMessageDiscriminant;
+			DeleteSelected,
+			NudgeSelected,
+			PointerMove,
+		);
+
+		let additional = match self.fsm_state {
+			ArtboardToolFsmState::Ready { .. } => actions!(ArtboardToolMessageDiscriminant; PointerDown),
+			_ => actions!(ArtboardToolMessageDiscriminant; PointerUp, Abort),
+		};
+		common.extend(additional);
+
+		common
+	}
+}
+
+impl LayoutHolder for ArtboardTool {
+	fn layout(&self) -> Layout {
+		Layout::WidgetLayout(WidgetLayout::default())
+	}
+}
+
+impl ToolTransition for ArtboardTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(ArtboardToolMessage::Abort.into()),
+			overlay_provider: Some(|overlay_context| ArtboardToolMessage::Overlays(overlay_context).into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, PartialEq, Eq)]
+enum ArtboardToolFsmState {
+	Ready { hovered: bool },
+	Drawing,
+	ResizingBounds,
+	Dragging,
+}
+
+impl Default for ArtboardToolFsmState {
+	fn default() -> Self {
+		Self::Ready { hovered: false }
+	}
+}
+
+#[derive(Clone, Debug, Default)]
+struct ArtboardToolData {
+	bounding_box_manager: Option<BoundingBoxManager>,
+	selected_artboard: Option<LayerNodeIdentifier>,
+	snap_manager: SnapManager,
+	cursor: MouseCursorIcon,
+	drag_start: DVec2,
+	drag_current: DVec2,
+	auto_panning: AutoPanning,
+	snap_candidates: Vec<SnapCandidatePoint>,
+	dragging_current_artboard_location: glam::IVec2,
+	draw: Resize,
+}
+
+impl ArtboardToolData {
+	fn get_snap_candidates(&mut self, document: &DocumentMessageHandler, _input: &InputPreprocessorMessageHandler) {
+		self.snap_candidates.clear();
+
+		let Some(layer) = self.selected_artboard else { return };
+
+		if let Some(bounds) = document.metadata().bounding_box_with_transform(layer, document.metadata().transform_to_document(layer)) {
+			snapping::get_bbox_points(Quad::from_box(bounds), &mut self.snap_candidates, snapping::BBoxSnapValues::ARTBOARD, document);
+		}
+	}
+
+	fn check_dragging_bounds(&mut self, cursor: DVec2) -> Option<(bool, bool, bool, bool)> {
+		let bounding_box = self.bounding_box_manager.as_mut()?;
+		let edges = bounding_box.check_selected_edges(cursor)?;
+		let (top, bottom, left, right) = edges;
+		let selected_edges = SelectedEdges::new(top, bottom, left, right, bounding_box.bounds);
+		bounding_box.opposite_pivot = selected_edges.calculate_pivot();
+		bounding_box.selected_edges = Some(selected_edges);
+
+		Some(edges)
+	}
+
+	fn start_resizing(&mut self, _selected_edges: (bool, bool, bool, bool), _document: &DocumentMessageHandler, _input: &InputPreprocessorMessageHandler) {
+		if let Some(bounds) = &mut self.bounding_box_manager {
+			bounds.center_of_transformation = bounds.transform.transform_point2((bounds.bounds[0] + bounds.bounds[1]) / 2.);
+			self.dragging_current_artboard_location = bounds.bounds[0].round().as_ivec2();
+		}
+	}
+
+	fn hovered_artboard(document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler) -> Option<LayerNodeIdentifier> {
+		document.click_xray(input).find(|&layer| document.network_interface.is_artboard(&layer.to_node(), &[]))
+	}
+
+	fn select_artboard(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) -> bool {
+		if let Some(intersection) = Self::hovered_artboard(document, input) {
+			self.selected_artboard = Some(intersection);
+
+			if let Some(bounds) = document.metadata().bounding_box_document(intersection) {
+				let bounding_box_manager = self.bounding_box_manager.get_or_insert(BoundingBoxManager::default());
+				bounding_box_manager.bounds = bounds;
+				bounding_box_manager.transform = document.metadata().document_to_viewport;
+			}
+
+			responses.add_front(NodeGraphMessage::SelectedNodesSet { nodes: vec![intersection.to_node()] });
+
+			true
+		} else {
+			self.selected_artboard = None;
+
+			responses.add(PropertiesPanelMessage::Clear);
+
+			false
+		}
+	}
+
+	fn resize_artboard(&mut self, responses: &mut VecDeque<Message>, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, from_center: bool, constrain_square: bool) {
+		let Some(bounds) = &self.bounding_box_manager else {
+			return;
+		};
+		let Some(movement) = &bounds.selected_edges else {
+			return;
+		};
+		if self.selected_artboard.unwrap() == LayerNodeIdentifier::ROOT_PARENT {
+			log::error!("Selected artboard cannot be ROOT_PARENT");
+			return;
+		}
+
+		let center = from_center.then_some(bounds.center_of_transformation);
+		let ignore = self.selected_artboard.map_or(Vec::new(), |layer| vec![layer]);
+		let snap = Some(SizeSnapData {
+			manager: &mut self.snap_manager,
+			points: &mut self.snap_candidates,
+			snap_data: SnapData::ignore(document, input, &ignore),
+		});
+		let (min, size) = movement.new_size(input.mouse.position, bounds.transform, center, constrain_square, snap);
+		let max = min + size;
+		let position = min.min(max);
+		let size = (max - min).abs();
+
+		responses.add(GraphOperationMessage::ResizeArtboard {
+			layer: self.selected_artboard.unwrap(),
+			location: position.round().as_ivec2(),
+			dimensions: size.round().as_ivec2(),
+		});
+
+		let translation = position.round().as_ivec2() - self.dragging_current_artboard_location;
+		self.dragging_current_artboard_location = position.round().as_ivec2();
+		for child in self.selected_artboard.unwrap().children(document.metadata()) {
+			let local_translation = document.metadata().downstream_transform_to_document(child).inverse().transform_vector2(-translation.as_dvec2());
+			responses.add(GraphOperationMessage::TransformChange {
+				layer: child,
+				transform: DAffine2::from_translation(local_translation),
+				transform_in: TransformIn::Local,
+				skip_rerender: false,
+			});
+		}
+	}
+}
+
+impl Fsm for ArtboardToolFsmState {
+	type ToolData = ArtboardToolData;
+	type ToolOptions = ();
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, _tool_options: &(), responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData { document, input, .. } = tool_action_data;
+
+		let hovered = ArtboardToolData::hovered_artboard(document, input).is_some();
+
+		let ToolMessage::Artboard(event) = event else { return self };
+		match (self, event) {
+			(state, ArtboardToolMessage::Overlays(mut overlay_context)) => {
+				let display_transform_cage = overlay_context.visibility_settings.transform_cage();
+				if display_transform_cage && state != ArtboardToolFsmState::Drawing {
+					if let Some(bounds) = tool_data.selected_artboard.and_then(|layer| document.metadata().bounding_box_document(layer)) {
+						let bounding_box_manager = tool_data.bounding_box_manager.get_or_insert(BoundingBoxManager::default());
+						bounding_box_manager.bounds = bounds;
+						bounding_box_manager.transform = document.metadata().document_to_viewport;
+
+						bounding_box_manager.render_overlays(&mut overlay_context, true);
+					}
+				} else {
+					tool_data.bounding_box_manager.take();
+				}
+
+				tool_data.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context);
+
+				self
+			}
+			(ArtboardToolFsmState::Ready { .. }, ArtboardToolMessage::PointerDown) => {
+				let to_viewport = document.metadata().document_to_viewport;
+				let to_document = to_viewport.inverse();
+				tool_data.drag_start = to_document.transform_point2(input.mouse.position);
+				tool_data.drag_current = to_document.transform_point2(input.mouse.position);
+
+				let state = if let Some(selected_edges) = tool_data.check_dragging_bounds(input.mouse.position) {
+					tool_data.start_resizing(selected_edges, document, input);
+					tool_data.get_snap_candidates(document, input);
+					ArtboardToolFsmState::ResizingBounds
+				} else if tool_data.select_artboard(document, input, responses) {
+					tool_data.get_snap_candidates(document, input);
+					ArtboardToolFsmState::Dragging
+				} else {
+					tool_data.draw.start(document, input);
+
+					ArtboardToolFsmState::Drawing
+				};
+				responses.add(DocumentMessage::StartTransaction);
+				state
+			}
+			(ArtboardToolFsmState::ResizingBounds, ArtboardToolMessage::PointerMove { constrain_axis_or_aspect, center }) => {
+				let from_center = input.keyboard.get(center as usize);
+				let constrain_square = input.keyboard.get(constrain_axis_or_aspect as usize);
+				tool_data.resize_artboard(responses, document, input, from_center, constrain_square);
+
+				// Auto-panning
+				let messages = [
+					ArtboardToolMessage::PointerOutsideViewport { constrain_axis_or_aspect, center }.into(),
+					ArtboardToolMessage::PointerMove { constrain_axis_or_aspect, center }.into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				ArtboardToolFsmState::ResizingBounds
+			}
+			(ArtboardToolFsmState::Dragging, ArtboardToolMessage::PointerMove { constrain_axis_or_aspect, center }) => {
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					let axis_align = input.keyboard.get(constrain_axis_or_aspect as usize);
+
+					let ignore = tool_data.selected_artboard.map_or(Vec::new(), |layer| vec![layer]);
+					let snap_data = SnapData::ignore(document, input, &ignore);
+					let document_to_viewport = document.metadata().document_to_viewport;
+					let [start, current] = [tool_data.drag_start, tool_data.drag_current].map(|point| document_to_viewport.transform_point2(point));
+					let mouse_delta = snap_drag(start, current, axis_align, Axis::None, snap_data, &mut tool_data.snap_manager, &tool_data.snap_candidates);
+
+					let size = bounds.bounds[1] - bounds.bounds[0];
+					let position = bounds.bounds[0] + bounds.transform.inverse().transform_vector2(mouse_delta);
+
+					if tool_data.selected_artboard.unwrap() == LayerNodeIdentifier::ROOT_PARENT {
+						log::error!("Selected artboard cannot be ROOT_PARENT");
+						return ArtboardToolFsmState::Ready { hovered };
+					}
+					responses.add(GraphOperationMessage::ResizeArtboard {
+						layer: tool_data.selected_artboard.unwrap(),
+						location: position.round().as_ivec2(),
+						dimensions: size.round().as_ivec2(),
+					});
+
+					// The second term is added to prevent the slow change in position due to rounding errors.
+					tool_data.drag_current += (document_to_viewport.inverse() * bounds.transform).transform_vector2(position.round() - bounds.bounds[0]);
+
+					// Update bounds if another `PointerMove` message comes before `ResizeArtboard` is finished.
+					bounds.bounds[0] = position.round();
+					bounds.bounds[1] = position.round() + size.round();
+
+					// Auto-panning
+					let messages = [
+						ArtboardToolMessage::PointerOutsideViewport { constrain_axis_or_aspect, center }.into(),
+						ArtboardToolMessage::PointerMove { constrain_axis_or_aspect, center }.into(),
+					];
+					tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+				}
+				ArtboardToolFsmState::Dragging
+			}
+			(ArtboardToolFsmState::Drawing, ArtboardToolMessage::PointerMove { constrain_axis_or_aspect, center }) => {
+				let [start, end] = tool_data.draw.calculate_points_ignore_layer(document, input, center, constrain_axis_or_aspect, true);
+				let viewport_to_document = document.metadata().document_to_viewport.inverse();
+				let [start, end] = [start, end].map(|point| viewport_to_document.transform_point2(point));
+				if let Some(artboard) = tool_data.selected_artboard {
+					assert_ne!(artboard, LayerNodeIdentifier::ROOT_PARENT, "Selected artboard cannot be ROOT_PARENT");
+
+					responses.add(GraphOperationMessage::ResizeArtboard {
+						layer: artboard,
+						location: start.min(end).round().as_ivec2(),
+						dimensions: (start.round() - end.round()).abs().as_ivec2(),
+					});
+				} else {
+					let id = NodeId::new();
+
+					tool_data.selected_artboard = Some(LayerNodeIdentifier::new_unchecked(id));
+
+					responses.add(GraphOperationMessage::NewArtboard {
+						id,
+						artboard: graphene_std::Artboard {
+							graphic_group: graphene_std::GraphicGroupTable::default(),
+							label: String::from("Artboard"),
+							location: start.min(end).round().as_ivec2(),
+							dimensions: (start.round() - end.round()).abs().as_ivec2(),
+							background: graphene_std::Color::WHITE,
+							clip: false,
+						},
+					})
+				}
+
+				// Auto-panning
+				let messages = [
+					ArtboardToolMessage::PointerOutsideViewport { constrain_axis_or_aspect, center }.into(),
+					ArtboardToolMessage::PointerMove { constrain_axis_or_aspect, center }.into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				ArtboardToolFsmState::Drawing
+			}
+
+			(ArtboardToolFsmState::Ready { .. }, ArtboardToolMessage::PointerMove { .. }) => {
+				let mut cursor = tool_data
+					.bounding_box_manager
+					.as_ref()
+					.map_or(MouseCursorIcon::Default, |bounds| bounds.get_cursor(input, false, false, None));
+
+				if cursor == MouseCursorIcon::Default && !hovered {
+					tool_data.snap_manager.preview_draw(&SnapData::new(document, input), input.mouse.position);
+					responses.add(OverlaysMessage::Draw);
+					cursor = MouseCursorIcon::Crosshair;
+				} else {
+					tool_data.snap_manager.cleanup(responses);
+				}
+
+				if tool_data.cursor != cursor {
+					tool_data.cursor = cursor;
+					responses.add(FrontendMessage::UpdateMouseCursor { cursor });
+				}
+
+				ArtboardToolFsmState::Ready { hovered }
+			}
+			(ArtboardToolFsmState::ResizingBounds, ArtboardToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				let _ = tool_data.auto_panning.shift_viewport(input, responses);
+
+				ArtboardToolFsmState::ResizingBounds
+			}
+			(ArtboardToolFsmState::Dragging, ArtboardToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				tool_data.auto_panning.shift_viewport(input, responses);
+
+				ArtboardToolFsmState::Dragging
+			}
+			(ArtboardToolFsmState::Drawing, ArtboardToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				tool_data.auto_panning.shift_viewport(input, responses);
+
+				ArtboardToolFsmState::Drawing
+			}
+			(state, ArtboardToolMessage::PointerOutsideViewport { constrain_axis_or_aspect, center }) => {
+				// Auto-panning
+				let messages = [
+					ArtboardToolMessage::PointerOutsideViewport { constrain_axis_or_aspect, center }.into(),
+					ArtboardToolMessage::PointerMove { constrain_axis_or_aspect, center }.into(),
+				];
+				tool_data.auto_panning.stop(&messages, responses);
+
+				state
+			}
+			(ArtboardToolFsmState::Drawing | ArtboardToolFsmState::ResizingBounds | ArtboardToolFsmState::Dragging, ArtboardToolMessage::PointerUp) => {
+				responses.add(DocumentMessage::EndTransaction);
+
+				tool_data.snap_manager.cleanup(responses);
+
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					bounds.original_transforms.clear();
+				}
+
+				responses.add(OverlaysMessage::Draw);
+
+				ArtboardToolFsmState::Ready { hovered }
+			}
+			(_, ArtboardToolMessage::UpdateSelectedArtboard) => {
+				tool_data.selected_artboard = document
+					.network_interface
+					.selected_nodes()
+					.selected_layers(document.metadata())
+					.find(|layer| document.network_interface.is_artboard(&layer.to_node(), &[]));
+				self
+			}
+			(_, ArtboardToolMessage::DeleteSelected) => {
+				tool_data.selected_artboard.take();
+				responses.add(DocumentMessage::DeleteSelectedLayers);
+
+				ArtboardToolFsmState::Ready { hovered }
+			}
+			(
+				_,
+				ArtboardToolMessage::NudgeSelected {
+					delta_x,
+					delta_y,
+					resize,
+					resize_opposite_corner,
+				},
+			) => {
+				let Some(bounds) = &mut tool_data.bounding_box_manager else {
+					return ArtboardToolFsmState::Ready { hovered };
+				};
+				let Some(selected_artboard) = tool_data.selected_artboard else {
+					return ArtboardToolFsmState::Ready { hovered };
+				};
+				if selected_artboard == LayerNodeIdentifier::ROOT_PARENT {
+					log::error!("Selected artboard cannot be ROOT_PARENT");
+					return ArtboardToolFsmState::Ready { hovered };
+				}
+
+				let resize = input.keyboard.key(resize);
+				let resize_opposite_corner = input.keyboard.key(resize_opposite_corner);
+				let [existing_top_left, existing_bottom_right] = bounds.bounds;
+
+				// Nudge translation without resizing
+				if !resize {
+					let delta = DVec2::from_angle(-document.document_ptz.tilt()).rotate(DVec2::new(delta_x, delta_y));
+
+					responses.add(GraphOperationMessage::ResizeArtboard {
+						layer: selected_artboard,
+						location: DVec2::new(existing_top_left.x + delta.x, existing_top_left.y + delta.y).round().as_ivec2(),
+						dimensions: (existing_bottom_right - existing_top_left).round().as_ivec2(),
+					});
+
+					return ArtboardToolFsmState::Ready { hovered };
+				}
+
+				// Swap and negate coordinates as needed to match the resize direction that's closest to the current tilt angle
+				let tilt = (document.document_ptz.tilt() + std::f64::consts::TAU) % std::f64::consts::TAU;
+				let (delta_x, delta_y, opposite_x, opposite_y) = match ((tilt + std::f64::consts::FRAC_PI_4) / std::f64::consts::FRAC_PI_2).floor() as i32 % 4 {
+					0 => (delta_x, delta_y, false, false),
+					1 => (delta_y, -delta_x, false, true),
+					2 => (-delta_x, -delta_y, true, true),
+					3 => (-delta_y, delta_x, true, false),
+					_ => unreachable!(),
+				};
+
+				let size = existing_bottom_right - existing_top_left;
+				let enlargement = DVec2::new(
+					if resize_opposite_corner != opposite_x { -delta_x } else { delta_x },
+					if resize_opposite_corner != opposite_y { -delta_y } else { delta_y },
+				);
+				let enlargement_factor = (enlargement + size) / size;
+
+				let position = DVec2::new(
+					existing_top_left.x + if resize_opposite_corner != opposite_x { delta_x } else { 0. },
+					existing_top_left.y + if resize_opposite_corner != opposite_y { delta_y } else { 0. },
+				);
+				let mut pivot = (existing_top_left * enlargement_factor - position) / (enlargement_factor - DVec2::ONE);
+				if !pivot.x.is_finite() {
+					pivot.x = 0.;
+				}
+				if !pivot.y.is_finite() {
+					pivot.y = 0.;
+				}
+				let scale = DAffine2::from_scale(enlargement_factor);
+				let pivot = DAffine2::from_translation(pivot);
+				let transformation = pivot * scale * pivot.inverse();
+				let document_to_viewport = document.navigation_handler.calculate_offset_transform(input.viewport_bounds.center(), &document.document_ptz);
+				let to = document_to_viewport.inverse() * document.metadata().downstream_transform_to_viewport(selected_artboard);
+				let original_transform = document.metadata().upstream_transform(selected_artboard.to_node());
+				let new = to.inverse() * transformation * to * original_transform;
+
+				responses.add(GraphOperationMessage::ResizeArtboard {
+					layer: selected_artboard,
+					location: position.round().as_ivec2(),
+					dimensions: new.transform_vector2(existing_bottom_right - existing_top_left).round().as_ivec2(),
+				});
+
+				ArtboardToolFsmState::Ready { hovered }
+			}
+			(ArtboardToolFsmState::Dragging | ArtboardToolFsmState::Drawing | ArtboardToolFsmState::ResizingBounds, ArtboardToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+
+				tool_data.snap_manager.cleanup(responses);
+				responses.add(OverlaysMessage::Draw);
+
+				ArtboardToolFsmState::Ready { hovered }
+			}
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			ArtboardToolFsmState::Ready { .. } => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Draw Artboard")]),
+				HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Move Artboard")]),
+				HintGroup(vec![HintInfo::keys([Key::Backspace], "Delete Artboard")]),
+			]),
+			ArtboardToolFsmState::Dragging => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "Constrain to Axis")]),
+			]),
+			ArtboardToolFsmState::Drawing => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "Constrain Square"), HintInfo::keys([Key::Alt], "From Center")]),
+			]),
+			ArtboardToolFsmState::ResizingBounds => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "Preserve Aspect Ratio"), HintInfo::keys([Key::Alt], "From Center")]),
+			]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		if let Self::Ready { hovered: false } = self {
+			responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Crosshair });
+		} else {
+			responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+		}
+	}
+}
+
+#[cfg(test)]
+mod test_artboard {
+	pub use crate::test_utils::test_prelude::*;
+
+	async fn get_artboards(editor: &mut EditorTestUtils) -> Vec<graphene_std::Artboard> {
+		let instrumented = match editor.eval_graph().await {
+			Ok(instrumented) => instrumented,
+			Err(e) => panic!("Failed to evaluate graph: {}", e),
+		};
+		instrumented.grab_all_input::<graphene_std::append_artboard::ArtboardInput>(&editor.runtime).collect()
+	}
+
+	#[tokio::test]
+	async fn artboard_draw_simple() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Artboard, 10.1, 10.8, 19.9, 0.2, ModifierKeys::empty()).await;
+
+		let artboards = get_artboards(&mut editor).await;
+
+		assert_eq!(artboards.len(), 1);
+		assert_eq!(artboards[0].location, IVec2::new(10, 0));
+		assert_eq!(artboards[0].dimensions, IVec2::new(10, 11));
+	}
+
+	#[tokio::test]
+	async fn artboard_draw_square() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Artboard, 10., 10., -10., 11., ModifierKeys::SHIFT).await;
+
+		let artboards = get_artboards(&mut editor).await;
+		assert_eq!(artboards.len(), 1);
+		assert_eq!(artboards[0].location, IVec2::new(-10, 10));
+		assert_eq!(artboards[0].dimensions, IVec2::new(20, 20));
+	}
+
+	#[tokio::test]
+	async fn artboard_draw_square_rotated() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor
+			.handle_message(NavigationMessage::CanvasTiltSet {
+				// 45 degree rotation of content clockwise
+				angle_radians: f64::consts::FRAC_PI_4,
+			})
+			.await;
+		// Viewport coordinates
+		editor.drag_tool(ToolType::Artboard, 0., 0., 0., 10., ModifierKeys::SHIFT).await;
+
+		let artboards = get_artboards(&mut editor).await;
+		assert_eq!(artboards.len(), 1);
+		assert_eq!(artboards[0].location, IVec2::new(0, 0));
+		let desired_size = DVec2::splat(f64::consts::FRAC_1_SQRT_2 * 10.);
+		assert_eq!(artboards[0].dimensions, desired_size.round().as_ivec2());
+	}
+
+	#[tokio::test]
+	async fn artboard_draw_center_square_rotated() {
+		let mut editor = EditorTestUtils::create();
+
+		editor.new_document().await;
+		editor
+			.handle_message(NavigationMessage::CanvasTiltSet {
+				// 45 degree rotation of content clockwise
+				angle_radians: f64::consts::FRAC_PI_4,
+			})
+			.await;
+		// Viewport coordinates
+		editor.drag_tool(ToolType::Artboard, 0., 0., 0., 10., ModifierKeys::SHIFT | ModifierKeys::ALT).await;
+
+		let artboards = get_artboards(&mut editor).await;
+		assert_eq!(artboards.len(), 1);
+		assert_eq!(artboards[0].location, DVec2::splat(f64::consts::FRAC_1_SQRT_2 * -10.).as_ivec2());
+		let desired_size = DVec2::splat(f64::consts::FRAC_1_SQRT_2 * 20.);
+		assert_eq!(artboards[0].dimensions, desired_size.round().as_ivec2());
+	}
+
+	#[tokio::test]
+	async fn artboard_delete() {
+		let mut editor = EditorTestUtils::create();
+
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Artboard, 10.1, 10.8, 19.9, 0.2, ModifierKeys::default()).await;
+		editor.press(Key::Delete, ModifierKeys::default()).await;
+
+		let artboards = get_artboards(&mut editor).await;
+		assert_eq!(artboards.len(), 0);
+	}
+
+	#[tokio::test]
+	async fn artboard_cancel() {
+		let mut editor = EditorTestUtils::create();
+
+		editor.new_document().await;
+
+		editor.drag_tool_cancel_rmb(ToolType::Artboard).await;
+		let artboards = get_artboards(&mut editor).await;
+		assert_eq!(artboards.len(), 0);
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/brush_tool.rs b/editor/src/messages/tool/tool_messages/brush_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b468603989f5771c8a776a2cecff6e8abfe0e9b4
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/brush_tool.rs
@@ -0,0 +1,460 @@
+use super::tool_prelude::*;
+use crate::consts::DEFAULT_BRUSH_SIZE;
+use crate::messages::portfolio::document::graph_operation::transform_utils::{get_current_normalized_pivot, get_current_transform};
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::FlowType;
+use crate::messages::tool::common_functionality::color_selector::{ToolColorOptions, ToolColorType};
+use graph_craft::document::NodeId;
+use graph_craft::document::value::TaggedValue;
+use graphene_std::Color;
+use graphene_std::brush::brush_stroke::{BrushInputSample, BrushStroke, BrushStyle};
+use graphene_std::raster::BlendMode;
+
+const BRUSH_MAX_SIZE: f64 = 5000.;
+
+#[derive(PartialEq, Copy, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum DrawMode {
+	Draw = 0,
+	Erase,
+	Restore,
+}
+
+#[derive(Default)]
+pub struct BrushTool {
+	fsm_state: BrushToolFsmState,
+	data: BrushToolData,
+	options: BrushOptions,
+}
+
+pub struct BrushOptions {
+	legacy_warning_was_shown: bool,
+	diameter: f64,
+	hardness: f64,
+	flow: f64,
+	spacing: f64,
+	color: ToolColorOptions,
+	blend_mode: BlendMode,
+	draw_mode: DrawMode,
+}
+
+impl Default for BrushOptions {
+	fn default() -> Self {
+		Self {
+			legacy_warning_was_shown: false,
+			diameter: DEFAULT_BRUSH_SIZE,
+			hardness: 0.,
+			flow: 100.,
+			spacing: 20.,
+			color: ToolColorOptions::default(),
+			blend_mode: BlendMode::Normal,
+			draw_mode: DrawMode::Draw,
+		}
+	}
+}
+
+#[impl_message(Message, ToolMessage, Brush)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum BrushToolMessage {
+	// Standard messages
+	Abort,
+	WorkingColorChanged,
+
+	// Tool-specific messages
+	DragStart,
+	DragStop,
+	PointerMove,
+	UpdateOptions(BrushToolMessageOptionsUpdate),
+}
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum BrushToolMessageOptionsUpdate {
+	BlendMode(BlendMode),
+	ChangeDiameter(f64),
+	Color(Option<Color>),
+	ColorType(ToolColorType),
+	Diameter(f64),
+	DrawMode(DrawMode),
+	Flow(f64),
+	Hardness(f64),
+	Spacing(f64),
+	WorkingColors(Option<Color>, Option<Color>),
+	NoDisplayLegacyWarning,
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum BrushToolFsmState {
+	#[default]
+	Ready,
+	Drawing,
+}
+
+impl ToolMetadata for BrushTool {
+	fn icon_name(&self) -> String {
+		"RasterBrushTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Brush Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Brush
+	}
+}
+
+impl LayoutHolder for BrushTool {
+	fn layout(&self) -> Layout {
+		let mut widgets = vec![
+			NumberInput::new(Some(self.options.diameter))
+				.label("Diameter")
+				.min(1.)
+				.max(BRUSH_MAX_SIZE) /* Anything bigger would cause the application to be unresponsive and eventually die */
+				.unit(" px")
+				.on_update(|number_input: &NumberInput| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::Diameter(number_input.value.unwrap())).into())
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(Some(self.options.hardness))
+				.label("Hardness")
+				.min(0.)
+				.max(100.)
+				.mode_range()
+				.unit("%")
+				.on_update(|number_input: &NumberInput| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::Hardness(number_input.value.unwrap())).into())
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(Some(self.options.flow))
+				.label("Flow")
+				.min(1.)
+				.max(100.)
+				.mode_range()
+				.unit("%")
+				.on_update(|number_input: &NumberInput| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::Flow(number_input.value.unwrap())).into())
+				.widget_holder(),
+			Separator::new(SeparatorType::Related).widget_holder(),
+			NumberInput::new(Some(self.options.spacing))
+				.label("Spacing")
+				.min(1.)
+				.max(100.)
+				.mode_range()
+				.unit("%")
+				.on_update(|number_input: &NumberInput| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::Spacing(number_input.value.unwrap())).into())
+				.widget_holder(),
+		];
+
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+		let draw_mode_entries: Vec<_> = [DrawMode::Draw, DrawMode::Erase, DrawMode::Restore]
+			.into_iter()
+			.map(|draw_mode| RadioEntryData::new(format!("{draw_mode:?}")).on_update(move |_| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::DrawMode(draw_mode)).into()))
+			.collect();
+		widgets.push(RadioInput::new(draw_mode_entries).selected_index(Some(self.options.draw_mode as u32)).widget_holder());
+
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+		widgets.append(&mut self.options.color.create_widgets(
+			"Color",
+			false,
+			|_| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::Color(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::ColorType(color_type.clone())).into()),
+			|color: &ColorInput| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::Color(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		));
+
+		widgets.push(Separator::new(SeparatorType::Related).widget_holder());
+
+		let blend_mode_entries: Vec<Vec<_>> = BlendMode::list()
+			.iter()
+			.map(|group| {
+				group
+					.iter()
+					.map(|blend_mode| {
+						MenuListEntry::new(format!("{blend_mode:?}"))
+							.label(blend_mode.to_string())
+							.on_commit(|_| BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::BlendMode(*blend_mode)).into())
+					})
+					.collect()
+			})
+			.collect();
+		widgets.push(
+			DropdownInput::new(blend_mode_entries)
+				.selected_index(self.options.blend_mode.index_in_list().map(|index| index as u32))
+				.tooltip("The blend mode used with the background when performing a brush stroke. Only used in draw mode.")
+				.disabled(self.options.draw_mode != DrawMode::Draw)
+				.widget_holder(),
+		);
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for BrushTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		let ToolMessage::Brush(BrushToolMessage::UpdateOptions(action)) = message else {
+			self.fsm_state.process_event(message, &mut self.data, tool_data, &self.options, responses, true);
+			return;
+		};
+		match action {
+			BrushToolMessageOptionsUpdate::BlendMode(blend_mode) => self.options.blend_mode = blend_mode,
+			BrushToolMessageOptionsUpdate::ChangeDiameter(change) => {
+				let needs_rounding = ((self.options.diameter + change.abs() / 2.) % change.abs() - change.abs() / 2.).abs() > 0.5;
+				if needs_rounding && change > 0. {
+					self.options.diameter = (self.options.diameter / change.abs()).ceil() * change.abs();
+				} else if needs_rounding && change < 0. {
+					self.options.diameter = (self.options.diameter / change.abs()).floor() * change.abs();
+				} else {
+					self.options.diameter = (self.options.diameter / change.abs()).round() * change.abs() + change;
+				}
+				self.options.diameter = self.options.diameter.max(1.);
+				self.send_layout(responses, LayoutTarget::ToolOptions);
+			}
+			BrushToolMessageOptionsUpdate::Diameter(diameter) => self.options.diameter = diameter,
+			BrushToolMessageOptionsUpdate::DrawMode(draw_mode) => self.options.draw_mode = draw_mode,
+			BrushToolMessageOptionsUpdate::Hardness(hardness) => self.options.hardness = hardness,
+			BrushToolMessageOptionsUpdate::Flow(flow) => self.options.flow = flow,
+			BrushToolMessageOptionsUpdate::Spacing(spacing) => self.options.spacing = spacing,
+			BrushToolMessageOptionsUpdate::Color(color) => {
+				self.options.color.custom_color = color;
+				self.options.color.color_type = ToolColorType::Custom;
+			}
+			BrushToolMessageOptionsUpdate::ColorType(color_type) => self.options.color.color_type = color_type,
+			BrushToolMessageOptionsUpdate::WorkingColors(primary, secondary) => {
+				self.options.color.primary_working_color = primary;
+				self.options.color.secondary_working_color = secondary;
+			}
+			BrushToolMessageOptionsUpdate::NoDisplayLegacyWarning => self.options.legacy_warning_was_shown = true,
+		}
+
+		self.send_layout(responses, LayoutTarget::ToolOptions);
+	}
+
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			BrushToolFsmState::Ready => actions!(BrushToolMessageDiscriminant;
+				DragStart,
+				DragStop,
+				UpdateOptions,
+			),
+			BrushToolFsmState::Drawing => actions!(BrushToolMessageDiscriminant;
+				DragStop,
+				PointerMove,
+				Abort,
+				UpdateOptions,
+			),
+		}
+	}
+}
+
+impl ToolTransition for BrushTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(BrushToolMessage::Abort.into()),
+			working_color_changed: Some(BrushToolMessage::WorkingColorChanged.into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Debug, Default)]
+struct BrushToolData {
+	strokes: Vec<BrushStroke>,
+	layer: Option<LayerNodeIdentifier>,
+	transform: DAffine2,
+}
+
+impl BrushToolData {
+	fn load_existing_strokes(&mut self, document: &DocumentMessageHandler) -> Option<LayerNodeIdentifier> {
+		self.transform = DAffine2::IDENTITY;
+
+		if document.network_interface.selected_nodes().selected_layers(document.metadata()).count() != 1 {
+			return None;
+		}
+		let layer = document.network_interface.selected_nodes().selected_layers(document.metadata()).next()?;
+
+		self.layer = Some(layer);
+		for node_id in document.network_interface.upstream_flow_back_from_nodes(vec![layer.to_node()], &[], FlowType::HorizontalFlow) {
+			let Some(node) = document.network_interface.document_network().nodes.get(&node_id) else {
+				continue;
+			};
+			let Some(reference) = document.network_interface.reference(&node_id, &[]) else {
+				continue;
+			};
+
+			if *reference == Some("Brush".to_string()) && node_id != layer.to_node() {
+				let points_input = node.inputs.get(1)?;
+				let Some(TaggedValue::BrushStrokes(strokes)) = points_input.as_value() else { continue };
+				self.strokes.clone_from(strokes);
+
+				return Some(layer);
+			}
+
+			if *reference == Some("Transform".to_string()) {
+				let upstream = document.metadata().upstream_transform(node_id);
+				let pivot = DAffine2::from_translation(upstream.transform_point2(get_current_normalized_pivot(&node.inputs)));
+				self.transform = pivot * get_current_transform(&node.inputs) * pivot.inverse() * self.transform;
+			}
+		}
+
+		self.transform = DAffine2::IDENTITY;
+		None
+	}
+
+	fn update_strokes(&self, responses: &mut VecDeque<Message>) {
+		let Some(layer) = self.layer else { return };
+		let strokes = self.strokes.clone();
+		responses.add(GraphOperationMessage::Brush { layer, strokes });
+	}
+}
+
+impl Fsm for BrushToolFsmState {
+	type ToolData = BrushToolData;
+	type ToolOptions = BrushOptions;
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, tool_options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData {
+			document, global_tool_data, input, ..
+		} = tool_action_data;
+
+		if !tool_options.legacy_warning_was_shown {
+			responses.add(DialogMessage::DisplayDialogError {
+				title: "Unsupported tool".into(),
+				description: "
+					The current Brush tool is a legacy feature with\n\
+					significant quality and performance limitations.\n\
+					It will be replaced soon by a new implementation.\n\
+					"
+				.trim()
+				.into(),
+			});
+			responses.add(BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::NoDisplayLegacyWarning));
+		}
+
+		let ToolMessage::Brush(event) = event else { return self };
+		match (self, event) {
+			(BrushToolFsmState::Ready, BrushToolMessage::DragStart) => {
+				responses.add(DocumentMessage::StartTransaction);
+				let loaded_layer = tool_data.load_existing_strokes(document);
+
+				if let Some(layer) = loaded_layer {
+					let pos = document
+						.network_interface
+						.document_metadata()
+						.downstream_transform_to_viewport(layer)
+						.inverse()
+						.transform_point2(input.mouse.position);
+					let layer_position = tool_data.transform.inverse().transform_point2(pos);
+					let layer_document_scale = document.metadata().downstream_transform_to_viewport(layer) * tool_data.transform;
+
+					// TODO: Also scale it based on the input image ('Background' input).
+					// TODO: Resizing the input image results in a different brush size from the chosen diameter.
+					let layer_scale = 0.0001_f64 // Safety against division by zero
+						.max((layer_document_scale.matrix2 * glam::DVec2::X).length())
+						.max((layer_document_scale.matrix2 * glam::DVec2::Y).length());
+
+					// Start a new stroke with a single sample
+					let blend_mode = match tool_options.draw_mode {
+						DrawMode::Draw => tool_options.blend_mode,
+						DrawMode::Erase => BlendMode::Erase,
+						DrawMode::Restore => BlendMode::Restore,
+					};
+					tool_data.strokes.push(BrushStroke {
+						trace: vec![BrushInputSample { position: layer_position }],
+						style: BrushStyle {
+							color: tool_options.color.active_color().unwrap_or_default(),
+							diameter: tool_options.diameter / layer_scale,
+							hardness: tool_options.hardness,
+							flow: tool_options.flow,
+							spacing: tool_options.spacing,
+							blend_mode,
+						},
+					});
+
+					tool_data.update_strokes(responses);
+					BrushToolFsmState::Drawing
+				}
+				// Create the new layer, wait for the render output to return its transform, and then create the rest of the layer
+				else {
+					new_brush_layer(document, responses);
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+					responses.add(Message::StartBuffer);
+					responses.add(BrushToolMessage::DragStart);
+					BrushToolFsmState::Ready
+				}
+			}
+
+			(BrushToolFsmState::Drawing, BrushToolMessage::PointerMove) => {
+				if let Some(layer) = tool_data.layer {
+					if let Some(stroke) = tool_data.strokes.last_mut() {
+						let layer_position = document
+							.network_interface
+							.document_metadata()
+							.downstream_transform_to_viewport(layer)
+							.inverse()
+							.transform_point2(input.mouse.position);
+						let layer_position = tool_data.transform.inverse().transform_point2(layer_position);
+
+						stroke.trace.push(BrushInputSample { position: layer_position })
+					}
+				}
+				tool_data.update_strokes(responses);
+
+				BrushToolFsmState::Drawing
+			}
+
+			(BrushToolFsmState::Drawing, BrushToolMessage::DragStop) => {
+				if !tool_data.strokes.is_empty() {
+					responses.add(DocumentMessage::EndTransaction);
+				} else {
+					responses.add(DocumentMessage::AbortTransaction);
+				}
+				tool_data.strokes.clear();
+
+				BrushToolFsmState::Ready
+			}
+			(BrushToolFsmState::Drawing, BrushToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.strokes.clear();
+
+				BrushToolFsmState::Ready
+			}
+			(_, BrushToolMessage::WorkingColorChanged) => {
+				responses.add(BrushToolMessage::UpdateOptions(BrushToolMessageOptionsUpdate::WorkingColors(
+					Some(global_tool_data.primary_color),
+					Some(global_tool_data.secondary_color),
+				)));
+				self
+			}
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			BrushToolFsmState::Ready => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Draw")]),
+				HintGroup(vec![HintInfo::multi_keys([[Key::BracketLeft], [Key::BracketRight]], "Shrink/Grow Brush")]),
+			]),
+			BrushToolFsmState::Drawing => HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+	}
+}
+
+fn new_brush_layer(document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) -> LayerNodeIdentifier {
+	responses.add(DocumentMessage::DeselectAllLayers);
+
+	let brush_node = resolve_document_node_type("Brush").expect("Brush node does not exist").default_node_template();
+
+	let id = NodeId::new();
+	responses.add(GraphOperationMessage::NewCustomLayer {
+		id,
+		nodes: vec![(NodeId(0), brush_node)],
+		parent: document.new_layer_parent(true),
+		insert_index: 0,
+	});
+	responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![id] });
+
+	LayerNodeIdentifier::new_unchecked(id)
+}
diff --git a/editor/src/messages/tool/tool_messages/eyedropper_tool.rs b/editor/src/messages/tool/tool_messages/eyedropper_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3b3f324972f56e255b8e3e0f36ca1886e3726575
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/eyedropper_tool.rs
@@ -0,0 +1,166 @@
+use super::tool_prelude::*;
+use crate::messages::tool::utility_types::DocumentToolData;
+
+#[derive(Default)]
+pub struct EyedropperTool {
+	fsm_state: EyedropperToolFsmState,
+	data: EyedropperToolData,
+}
+
+#[impl_message(Message, ToolMessage, Eyedropper)]
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum EyedropperToolMessage {
+	// Standard messages
+	Abort,
+
+	// Tool-specific messages
+	SamplePrimaryColorBegin,
+	SamplePrimaryColorEnd,
+	PointerMove,
+	SampleSecondaryColorBegin,
+	SampleSecondaryColorEnd,
+}
+
+impl ToolMetadata for EyedropperTool {
+	fn icon_name(&self) -> String {
+		"GeneralEyedropperTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Eyedropper Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Eyedropper
+	}
+}
+
+impl LayoutHolder for EyedropperTool {
+	fn layout(&self) -> Layout {
+		Layout::WidgetLayout(WidgetLayout::default())
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for EyedropperTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		self.fsm_state.process_event(message, &mut self.data, tool_data, &(), responses, true);
+	}
+
+	advertise_actions!(EyedropperToolMessageDiscriminant;
+		SamplePrimaryColorBegin,
+		SamplePrimaryColorEnd,
+		SampleSecondaryColorBegin,
+		SampleSecondaryColorEnd,
+		PointerMove,
+		Abort,
+	);
+}
+
+impl ToolTransition for EyedropperTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(EyedropperToolMessage::Abort.into()),
+			working_color_changed: Some(EyedropperToolMessage::PointerMove.into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum EyedropperToolFsmState {
+	#[default]
+	Ready,
+	SamplingPrimary,
+	SamplingSecondary,
+}
+
+#[derive(Clone, Debug, Default)]
+struct EyedropperToolData {}
+
+impl Fsm for EyedropperToolFsmState {
+	type ToolData = EyedropperToolData;
+	type ToolOptions = ();
+
+	fn transition(self, event: ToolMessage, _tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, _tool_options: &(), responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData { global_tool_data, input, .. } = tool_action_data;
+
+		let ToolMessage::Eyedropper(event) = event else { return self };
+		match (self, event) {
+			// Ready -> Sampling
+			(EyedropperToolFsmState::Ready, mouse_down) if matches!(mouse_down, EyedropperToolMessage::SamplePrimaryColorBegin | EyedropperToolMessage::SampleSecondaryColorBegin) => {
+				update_cursor_preview(responses, input, global_tool_data, None);
+
+				if mouse_down == EyedropperToolMessage::SamplePrimaryColorBegin {
+					EyedropperToolFsmState::SamplingPrimary
+				} else {
+					EyedropperToolFsmState::SamplingSecondary
+				}
+			}
+			// Sampling -> Sampling
+			(EyedropperToolFsmState::SamplingPrimary | EyedropperToolFsmState::SamplingSecondary, EyedropperToolMessage::PointerMove) => {
+				if input.viewport_bounds.in_bounds(input.mouse.position) {
+					update_cursor_preview(responses, input, global_tool_data, None);
+				} else {
+					disable_cursor_preview(responses);
+				}
+
+				self
+			}
+			// Sampling -> Ready
+			(EyedropperToolFsmState::SamplingPrimary, EyedropperToolMessage::SamplePrimaryColorEnd) | (EyedropperToolFsmState::SamplingSecondary, EyedropperToolMessage::SampleSecondaryColorEnd) => {
+				let set_color_choice = if self == EyedropperToolFsmState::SamplingPrimary { "Primary" } else { "Secondary" }.to_string();
+				update_cursor_preview(responses, input, global_tool_data, Some(set_color_choice));
+				disable_cursor_preview(responses);
+
+				EyedropperToolFsmState::Ready
+			}
+			// Any -> Ready
+			(_, EyedropperToolMessage::Abort) => {
+				disable_cursor_preview(responses);
+
+				EyedropperToolFsmState::Ready
+			}
+			// Ready -> Ready
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			EyedropperToolFsmState::Ready => HintData(vec![HintGroup(vec![
+				HintInfo::mouse(MouseMotion::Lmb, "Sample to Primary"),
+				HintInfo::keys_and_mouse([Key::Shift], MouseMotion::Lmb, "Sample to Secondary"),
+			])]),
+			EyedropperToolFsmState::SamplingPrimary | EyedropperToolFsmState::SamplingSecondary => {
+				HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])])
+			}
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		let cursor = match *self {
+			EyedropperToolFsmState::Ready => MouseCursorIcon::Default,
+			EyedropperToolFsmState::SamplingPrimary | EyedropperToolFsmState::SamplingSecondary => MouseCursorIcon::None,
+		};
+
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor });
+	}
+}
+
+fn disable_cursor_preview(responses: &mut VecDeque<Message>) {
+	responses.add(FrontendMessage::UpdateEyedropperSamplingState {
+		mouse_position: None,
+		primary_color: "".into(),
+		secondary_color: "".into(),
+		set_color_choice: None,
+	});
+}
+
+fn update_cursor_preview(responses: &mut VecDeque<Message>, input: &InputPreprocessorMessageHandler, global_tool_data: &DocumentToolData, set_color_choice: Option<String>) {
+	responses.add(FrontendMessage::UpdateEyedropperSamplingState {
+		mouse_position: Some(input.mouse.position.into()),
+		primary_color: "#".to_string() + global_tool_data.primary_color.to_rgb_hex_srgb().as_str(),
+		secondary_color: "#".to_string() + global_tool_data.secondary_color.to_rgb_hex_srgb().as_str(),
+		set_color_choice,
+	});
+}
diff --git a/editor/src/messages/tool/tool_messages/fill_tool.rs b/editor/src/messages/tool/tool_messages/fill_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..5aeb063d876c86aa040e0d06bcd0167bad1550a0
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/fill_tool.rs
@@ -0,0 +1,213 @@
+use super::tool_prelude::*;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::tool::common_functionality::graph_modification_utils::NodeGraphLayer;
+use graphene_std::vector::style::Fill;
+
+#[derive(Default)]
+pub struct FillTool {
+	fsm_state: FillToolFsmState,
+}
+
+#[impl_message(Message, ToolMessage, Fill)]
+#[derive(PartialEq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum FillToolMessage {
+	// Standard messages
+	Abort,
+	WorkingColorChanged,
+	Overlays(OverlayContext),
+
+	// Tool-specific messages
+	PointerMove,
+	PointerUp,
+	FillPrimaryColor,
+	FillSecondaryColor,
+}
+
+impl ToolMetadata for FillTool {
+	fn icon_name(&self) -> String {
+		"GeneralFillTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Fill Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Fill
+	}
+}
+
+impl LayoutHolder for FillTool {
+	fn layout(&self) -> Layout {
+		Layout::WidgetLayout(WidgetLayout::default())
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for FillTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		self.fsm_state.process_event(message, &mut (), tool_data, &(), responses, true);
+	}
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			FillToolFsmState::Ready => actions!(FillToolMessageDiscriminant;
+				FillPrimaryColor,
+				FillSecondaryColor,
+				PointerMove,
+			),
+			FillToolFsmState::Filling => actions!(FillToolMessageDiscriminant;
+				PointerMove,
+				PointerUp,
+				Abort,
+			),
+		}
+	}
+}
+
+impl ToolTransition for FillTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(FillToolMessage::Abort.into()),
+			working_color_changed: Some(FillToolMessage::WorkingColorChanged.into()),
+			overlay_provider: Some(|overlay_context| FillToolMessage::Overlays(overlay_context).into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum FillToolFsmState {
+	#[default]
+	Ready,
+	// Implemented as a fake dragging state that can be used to abort unwanted fills
+	Filling,
+}
+
+impl Fsm for FillToolFsmState {
+	type ToolData = ();
+	type ToolOptions = ();
+
+	fn transition(self, event: ToolMessage, _tool_data: &mut Self::ToolData, handler_data: &mut ToolActionHandlerData, _tool_options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData {
+			document, global_tool_data, input, ..
+		} = handler_data;
+
+		let ToolMessage::Fill(event) = event else { return self };
+		match (self, event) {
+			(_, FillToolMessage::Overlays(mut overlay_context)) => {
+				// Choose the working color to preview
+				let use_secondary = input.keyboard.get(Key::Shift as usize);
+				let preview_color = if use_secondary { global_tool_data.secondary_color } else { global_tool_data.primary_color };
+
+				// Get the layer the user is hovering over
+				if let Some(layer) = document.click(input) {
+					overlay_context.fill_path_pattern(document.metadata().layer_outline(layer), document.metadata().transform_to_viewport(layer), &preview_color);
+				}
+
+				self
+			}
+			(_, FillToolMessage::PointerMove | FillToolMessage::WorkingColorChanged) => {
+				// Generate the hover outline
+				responses.add(OverlaysMessage::Draw);
+				self
+			}
+			(FillToolFsmState::Ready, color_event) => {
+				let Some(layer_identifier) = document.click(input) else {
+					return self;
+				};
+				// If the layer is a raster layer, don't fill it, wait till the flood fill tool is implemented
+				if NodeGraphLayer::is_raster_layer(layer_identifier, &mut document.network_interface) {
+					return self;
+				}
+				let fill = match color_event {
+					FillToolMessage::FillPrimaryColor => Fill::Solid(global_tool_data.primary_color.to_gamma_srgb()),
+					FillToolMessage::FillSecondaryColor => Fill::Solid(global_tool_data.secondary_color.to_gamma_srgb()),
+					_ => return self,
+				};
+
+				responses.add(DocumentMessage::AddTransaction);
+				responses.add(GraphOperationMessage::FillSet { layer: layer_identifier, fill });
+
+				FillToolFsmState::Filling
+			}
+			(FillToolFsmState::Filling, FillToolMessage::PointerUp) => FillToolFsmState::Ready,
+			(FillToolFsmState::Filling, FillToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+
+				FillToolFsmState::Ready
+			}
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			FillToolFsmState::Ready => HintData(vec![HintGroup(vec![
+				HintInfo::mouse(MouseMotion::Lmb, "Fill with Primary"),
+				HintInfo::keys([Key::Shift], "Fill with Secondary").prepend_plus(),
+			])]),
+			FillToolFsmState::Filling => HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+	}
+}
+
+#[cfg(test)]
+mod test_fill {
+	pub use crate::test_utils::test_prelude::*;
+	use graphene_std::vector::fill;
+	use graphene_std::vector::style::Fill;
+
+	async fn get_fills(editor: &mut EditorTestUtils) -> Vec<Fill> {
+		let instrumented = match editor.eval_graph().await {
+			Ok(instrumented) => instrumented,
+			Err(e) => panic!("Failed to evaluate graph: {e}"),
+		};
+
+		instrumented.grab_all_input::<fill::FillInput<Fill>>(&editor.runtime).collect()
+	}
+
+	#[tokio::test]
+	async fn ignore_artboard() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Artboard, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Fill, MouseKeys::LEFT, DVec2::new(2., 2.), ModifierKeys::empty()).await;
+		assert!(get_fills(&mut editor,).await.is_empty());
+	}
+
+	#[tokio::test]
+	async fn ignore_raster() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.create_raster_image(Image::new(100, 100, Color::WHITE), Some((0., 0.))).await;
+		editor.click_tool(ToolType::Fill, MouseKeys::LEFT, DVec2::new(2., 2.), ModifierKeys::empty()).await;
+		assert!(get_fills(&mut editor,).await.is_empty());
+	}
+
+	#[tokio::test]
+	async fn primary() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		editor.select_primary_color(Color::GREEN).await;
+		editor.click_tool(ToolType::Fill, MouseKeys::LEFT, DVec2::new(2., 2.), ModifierKeys::empty()).await;
+		let fills = get_fills(&mut editor).await;
+		assert_eq!(fills.len(), 1);
+		assert_eq!(fills[0].as_solid().unwrap().to_rgba8_srgb(), Color::GREEN.to_rgba8_srgb());
+	}
+
+	#[tokio::test]
+	async fn secondary() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		editor.select_secondary_color(Color::YELLOW).await;
+		editor.click_tool(ToolType::Fill, MouseKeys::LEFT, DVec2::new(2., 2.), ModifierKeys::SHIFT).await;
+		let fills = get_fills(&mut editor).await;
+		assert_eq!(fills.len(), 1);
+		assert_eq!(fills[0].as_solid().unwrap().to_rgba8_srgb(), Color::YELLOW.to_rgba8_srgb());
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/freehand_tool.rs b/editor/src/messages/tool/tool_messages/freehand_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e2abddef2a0dd5cba2127b52fa3e480b66854683
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/freehand_tool.rs
@@ -0,0 +1,722 @@
+use super::tool_prelude::*;
+use crate::consts::DEFAULT_STROKE_WIDTH;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::overlays::utility_functions::path_endpoint_overlays;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::tool::common_functionality::color_selector::{ToolColorOptions, ToolColorType};
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::common_functionality::utility_functions::should_extend;
+use glam::DVec2;
+use graph_craft::document::NodeId;
+use graphene_std::Color;
+use graphene_std::vector::VectorModificationType;
+use graphene_std::vector::{PointId, SegmentId};
+
+#[derive(Default)]
+pub struct FreehandTool {
+	fsm_state: FreehandToolFsmState,
+	data: FreehandToolData,
+	options: FreehandOptions,
+}
+
+pub struct FreehandOptions {
+	line_weight: f64,
+	fill: ToolColorOptions,
+	stroke: ToolColorOptions,
+}
+
+impl Default for FreehandOptions {
+	fn default() -> Self {
+		Self {
+			line_weight: DEFAULT_STROKE_WIDTH,
+			fill: ToolColorOptions::new_none(),
+			stroke: ToolColorOptions::new_primary(),
+		}
+	}
+}
+
+#[impl_message(Message, ToolMessage, Freehand)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum FreehandToolMessage {
+	// Standard messages
+	Overlays(OverlayContext),
+	Abort,
+	WorkingColorChanged,
+
+	// Tool-specific messages
+	DragStart { append_to_selected: Key },
+	DragStop,
+	PointerMove,
+	UpdateOptions(FreehandOptionsUpdate),
+}
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum FreehandOptionsUpdate {
+	FillColor(Option<Color>),
+	FillColorType(ToolColorType),
+	LineWeight(f64),
+	StrokeColor(Option<Color>),
+	StrokeColorType(ToolColorType),
+	WorkingColors(Option<Color>, Option<Color>),
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum FreehandToolFsmState {
+	#[default]
+	Ready,
+	Drawing,
+}
+
+impl ToolMetadata for FreehandTool {
+	fn icon_name(&self) -> String {
+		"VectorFreehandTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Freehand Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Freehand
+	}
+}
+
+fn create_weight_widget(line_weight: f64) -> WidgetHolder {
+	NumberInput::new(Some(line_weight))
+		.unit(" px")
+		.label("Weight")
+		.min(1.)
+		.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+		.on_update(|number_input: &NumberInput| FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::LineWeight(number_input.value.unwrap())).into())
+		.widget_holder()
+}
+
+impl LayoutHolder for FreehandTool {
+	fn layout(&self) -> Layout {
+		let mut widgets = self.options.fill.create_widgets(
+			"Fill",
+			true,
+			|_| FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::FillColor(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::FillColorType(color_type.clone())).into()),
+			|color: &ColorInput| FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::FillColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		);
+
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+		widgets.append(&mut self.options.stroke.create_widgets(
+			"Stroke",
+			true,
+			|_| FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::StrokeColor(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::StrokeColorType(color_type.clone())).into()),
+			|color: &ColorInput| FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::StrokeColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		));
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		widgets.push(create_weight_widget(self.options.line_weight));
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for FreehandTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		let ToolMessage::Freehand(FreehandToolMessage::UpdateOptions(action)) = message else {
+			self.fsm_state.process_event(message, &mut self.data, tool_data, &self.options, responses, true);
+			return;
+		};
+		match action {
+			FreehandOptionsUpdate::FillColor(color) => {
+				self.options.fill.custom_color = color;
+				self.options.fill.color_type = ToolColorType::Custom;
+			}
+			FreehandOptionsUpdate::FillColorType(color_type) => self.options.fill.color_type = color_type,
+			FreehandOptionsUpdate::LineWeight(line_weight) => self.options.line_weight = line_weight,
+			FreehandOptionsUpdate::StrokeColor(color) => {
+				self.options.stroke.custom_color = color;
+				self.options.stroke.color_type = ToolColorType::Custom;
+			}
+			FreehandOptionsUpdate::StrokeColorType(color_type) => self.options.stroke.color_type = color_type,
+			FreehandOptionsUpdate::WorkingColors(primary, secondary) => {
+				self.options.stroke.primary_working_color = primary;
+				self.options.stroke.secondary_working_color = secondary;
+				self.options.fill.primary_working_color = primary;
+				self.options.fill.secondary_working_color = secondary;
+			}
+		}
+
+		self.send_layout(responses, LayoutTarget::ToolOptions);
+	}
+
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			FreehandToolFsmState::Ready => actions!(FreehandToolMessageDiscriminant;
+				DragStart,
+				DragStop,
+			),
+			FreehandToolFsmState::Drawing => actions!(FreehandToolMessageDiscriminant;
+				DragStop,
+				PointerMove,
+				Abort,
+			),
+		}
+	}
+}
+
+impl ToolTransition for FreehandTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			overlay_provider: Some(|overlay_context: OverlayContext| FreehandToolMessage::Overlays(overlay_context).into()),
+			tool_abort: Some(FreehandToolMessage::Abort.into()),
+			working_color_changed: Some(FreehandToolMessage::WorkingColorChanged.into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Debug, Default)]
+struct FreehandToolData {
+	end_point: Option<(DVec2, PointId)>,
+	dragged: bool,
+	weight: f64,
+	layer: Option<LayerNodeIdentifier>,
+}
+
+impl Fsm for FreehandToolFsmState {
+	type ToolData = FreehandToolData;
+	type ToolOptions = FreehandOptions;
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, tool_options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData {
+			document,
+			global_tool_data,
+			input,
+			shape_editor,
+			preferences,
+			..
+		} = tool_action_data;
+
+		let ToolMessage::Freehand(event) = event else { return self };
+		match (self, event) {
+			(_, FreehandToolMessage::Overlays(mut overlay_context)) => {
+				path_endpoint_overlays(document, shape_editor, &mut overlay_context, tool_action_data.preferences);
+
+				self
+			}
+			(FreehandToolFsmState::Ready, FreehandToolMessage::DragStart { append_to_selected }) => {
+				responses.add(DocumentMessage::StartTransaction);
+
+				tool_data.dragged = false;
+				tool_data.end_point = None;
+				tool_data.weight = tool_options.line_weight;
+
+				// Extend an endpoint of the selected path
+				let selected_nodes = document.network_interface.selected_nodes();
+				let tolerance = crate::consts::SNAP_POINT_TOLERANCE;
+				if let Some((layer, point, position)) = should_extend(document, input.mouse.position, tolerance, selected_nodes.selected_layers(document.metadata()), preferences) {
+					tool_data.layer = Some(layer);
+					tool_data.end_point = Some((position, point));
+
+					extend_path_with_next_segment(tool_data, position, true, responses);
+
+					return FreehandToolFsmState::Drawing;
+				}
+
+				if input.keyboard.key(append_to_selected) {
+					let mut selected_layers_except_artboards = selected_nodes.selected_layers_except_artboards(&document.network_interface);
+					let existing_layer = selected_layers_except_artboards.next().filter(|_| selected_layers_except_artboards.next().is_none());
+					if let Some(layer) = existing_layer {
+						tool_data.layer = Some(layer);
+
+						let transform = document.metadata().transform_to_viewport(layer);
+						let position = transform.inverse().transform_point2(input.mouse.position);
+
+						extend_path_with_next_segment(tool_data, position, false, responses);
+
+						return FreehandToolFsmState::Drawing;
+					}
+				}
+
+				responses.add(DocumentMessage::DeselectAllLayers);
+
+				let parent = document.new_layer_bounding_artboard(input);
+
+				let node_type = resolve_document_node_type("Path").expect("Path node does not exist");
+				let node = node_type.default_node_template();
+				let nodes = vec![(NodeId(0), node)];
+
+				let layer = graph_modification_utils::new_custom(NodeId::new(), nodes, parent, responses);
+				responses.add(Message::StartBuffer);
+				tool_options.fill.apply_fill(layer, responses);
+				tool_options.stroke.apply_stroke(tool_data.weight, layer, responses);
+				tool_data.layer = Some(layer);
+
+				FreehandToolFsmState::Drawing
+			}
+			(FreehandToolFsmState::Drawing, FreehandToolMessage::PointerMove) => {
+				if let Some(layer) = tool_data.layer {
+					let transform = document.metadata().transform_to_viewport(layer);
+					let position = transform.inverse().transform_point2(input.mouse.position);
+
+					extend_path_with_next_segment(tool_data, position, true, responses);
+				}
+
+				FreehandToolFsmState::Drawing
+			}
+			(FreehandToolFsmState::Drawing, FreehandToolMessage::DragStop) => {
+				if tool_data.dragged {
+					responses.add(DocumentMessage::CommitTransaction);
+				} else {
+					responses.add(DocumentMessage::EndTransaction);
+				}
+
+				tool_data.end_point = None;
+				tool_data.layer = None;
+
+				FreehandToolFsmState::Ready
+			}
+			(FreehandToolFsmState::Drawing, FreehandToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.layer = None;
+				tool_data.end_point = None;
+
+				FreehandToolFsmState::Ready
+			}
+			(_, FreehandToolMessage::WorkingColorChanged) => {
+				responses.add(FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::WorkingColors(
+					Some(global_tool_data.primary_color),
+					Some(global_tool_data.secondary_color),
+				)));
+				self
+			}
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			FreehandToolFsmState::Ready => HintData(vec![HintGroup(vec![
+				HintInfo::mouse(MouseMotion::LmbDrag, "Draw Polyline"),
+				// TODO: Only show this if a single layer is selected and it's of a valid type (e.g. a vector path but not raster or artboard)
+				HintInfo::keys([Key::Shift], "Append to Selected Layer").prepend_plus(),
+			])]),
+			FreehandToolFsmState::Drawing => HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+	}
+}
+
+fn extend_path_with_next_segment(tool_data: &mut FreehandToolData, position: DVec2, extend: bool, responses: &mut VecDeque<Message>) {
+	if !tool_data.end_point.is_none_or(|(last_pos, _)| position != last_pos) || !position.is_finite() {
+		return;
+	}
+
+	let Some(layer) = tool_data.layer else { return };
+
+	let id = PointId::generate();
+	responses.add(GraphOperationMessage::Vector {
+		layer,
+		modification_type: VectorModificationType::InsertPoint { id, position },
+	});
+
+	if extend {
+		if let Some((_, previous_position)) = tool_data.end_point {
+			let next_id = SegmentId::generate();
+			let points = [previous_position, id];
+
+			responses.add(GraphOperationMessage::Vector {
+				layer,
+				modification_type: VectorModificationType::InsertSegment {
+					id: next_id,
+					points,
+					handles: [None, None],
+				},
+			});
+		}
+	}
+
+	tool_data.dragged = true;
+	tool_data.end_point = Some((position, id));
+}
+
+#[cfg(test)]
+mod test_freehand {
+	use crate::messages::input_mapper::utility_types::input_mouse::{EditorMouseState, MouseKeys, ScrollDelta};
+	use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+	use crate::messages::tool::common_functionality::graph_modification_utils::get_stroke_width;
+	use crate::messages::tool::tool_messages::freehand_tool::FreehandOptionsUpdate;
+	use crate::test_utils::test_prelude::*;
+	use glam::{DAffine2, DVec2};
+	use graphene_std::vector::VectorData;
+
+	async fn get_vector_data(editor: &mut EditorTestUtils) -> Vec<(VectorData, DAffine2)> {
+		let document = editor.active_document();
+		let layers = document.metadata().all_layers();
+
+		layers
+			.filter_map(|layer| {
+				let vector_data = document.network_interface.compute_modified_vector(layer)?;
+				let transform = document.metadata().transform_to_viewport(layer);
+				Some((vector_data, transform))
+			})
+			.collect()
+	}
+
+	fn verify_path_points(vector_data_list: &[(VectorData, DAffine2)], expected_captured_points: &[DVec2], tolerance: f64) -> Result<(), String> {
+		if vector_data_list.len() == 0 {
+			return Err("No vector data found after drawing".to_string());
+		}
+
+		let path_data = vector_data_list.iter().find(|(data, _)| data.point_domain.ids().len() > 0).ok_or("Could not find path data")?;
+
+		let (vector_data, transform) = path_data;
+		let point_count = vector_data.point_domain.ids().len();
+		let segment_count = vector_data.segment_domain.ids().len();
+
+		let actual_positions: Vec<DVec2> = vector_data
+			.point_domain
+			.ids()
+			.iter()
+			.filter_map(|&point_id| {
+				let position = vector_data.point_domain.position_from_id(point_id)?;
+				Some(transform.transform_point2(position))
+			})
+			.collect();
+
+		if segment_count != point_count - 1 {
+			return Err(format!("Expected segments to be one less than points, got {} segments for {} points", segment_count, point_count));
+		}
+
+		if point_count != expected_captured_points.len() {
+			return Err(format!("Expected {} points, got {}", expected_captured_points.len(), point_count));
+		}
+
+		for (i, (&expected, &actual)) in expected_captured_points.iter().zip(actual_positions.iter()).enumerate() {
+			let distance = (expected - actual).length();
+			if distance >= tolerance {
+				return Err(format!("Point {} position mismatch: expected {:?}, got {:?} (distance: {})", i, expected, actual, distance));
+			}
+		}
+
+		Ok(())
+	}
+
+	#[tokio::test]
+	async fn test_freehand_transformed_artboard() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.drag_tool(ToolType::Artboard, 0., 0., 500., 500., ModifierKeys::empty()).await;
+
+		let metadata = editor.active_document().metadata();
+		let artboard = metadata.all_layers().next().unwrap();
+
+		editor
+			.handle_message(GraphOperationMessage::TransformSet {
+				layer: artboard,
+				transform: DAffine2::from_scale_angle_translation(DVec2::new(1.5, 0.8), 0.3, DVec2::new(10., -5.)),
+				transform_in: TransformIn::Local,
+				skip_rerender: false,
+			})
+			.await;
+
+		editor.select_tool(ToolType::Freehand).await;
+
+		let mouse_points = [DVec2::new(150., 100.), DVec2::new(200., 150.), DVec2::new(250., 130.), DVec2::new(300., 170.)];
+
+		// Expected points that will actually be captured by the tool
+		let expected_captured_points = &mouse_points[1..];
+		editor.drag_path(&mouse_points, ModifierKeys::empty()).await;
+
+		let vector_data_list = get_vector_data(&mut editor).await;
+		verify_path_points(&vector_data_list, expected_captured_points, 1.).expect("Path points verification failed");
+	}
+
+	#[tokio::test]
+	async fn test_extend_existing_path() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		let initial_points = [DVec2::new(100., 100.), DVec2::new(200., 200.), DVec2::new(300., 100.)];
+
+		editor.select_tool(ToolType::Freehand).await;
+
+		let first_point = initial_points[0];
+		editor.move_mouse(first_point.x, first_point.y, ModifierKeys::empty(), MouseKeys::empty()).await;
+		editor.left_mousedown(first_point.x, first_point.y, ModifierKeys::empty()).await;
+
+		for &point in &initial_points[1..] {
+			editor.move_mouse(point.x, point.y, ModifierKeys::empty(), MouseKeys::LEFT).await;
+		}
+
+		let last_initial_point = initial_points[initial_points.len() - 1];
+		editor
+			.mouseup(
+				EditorMouseState {
+					editor_position: last_initial_point,
+					mouse_keys: MouseKeys::empty(),
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::empty(),
+			)
+			.await;
+
+		let initial_vector_data = get_vector_data(&mut editor).await;
+		assert!(!initial_vector_data.is_empty(), "No vector data found after initial drawing");
+
+		let (initial_data, transform) = &initial_vector_data[0];
+		let initial_point_count = initial_data.point_domain.ids().len();
+		let initial_segment_count = initial_data.segment_domain.ids().len();
+
+		assert!(initial_point_count >= 2, "Expected at least 2 points in initial path, found {}", initial_point_count);
+		assert_eq!(
+			initial_segment_count,
+			initial_point_count - 1,
+			"Expected {} segments in initial path, found {}",
+			initial_point_count - 1,
+			initial_segment_count
+		);
+
+		let extendable_points = initial_data.extendable_points(false).collect::<Vec<_>>();
+		assert!(!extendable_points.is_empty(), "No extendable points found in the path");
+
+		let endpoint_id = extendable_points[0];
+		let endpoint_pos_option = initial_data.point_domain.position_from_id(endpoint_id);
+		assert!(endpoint_pos_option.is_some(), "Could not find position for endpoint");
+
+		let endpoint_pos = endpoint_pos_option.unwrap();
+		let endpoint_viewport_pos = transform.transform_point2(endpoint_pos);
+
+		assert!(endpoint_viewport_pos.is_finite(), "Endpoint position is not finite");
+
+		let extension_points = [DVec2::new(400., 200.), DVec2::new(500., 100.)];
+
+		let layer_node_id = {
+			let document = editor.active_document();
+			let layer = document.metadata().all_layers().next().unwrap();
+			layer.to_node()
+		};
+
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![layer_node_id] }).await;
+
+		editor.select_tool(ToolType::Freehand).await;
+
+		editor.move_mouse(endpoint_viewport_pos.x, endpoint_viewport_pos.y, ModifierKeys::empty(), MouseKeys::empty()).await;
+		editor.left_mousedown(endpoint_viewport_pos.x, endpoint_viewport_pos.y, ModifierKeys::empty()).await;
+
+		for &point in &extension_points {
+			editor.move_mouse(point.x, point.y, ModifierKeys::empty(), MouseKeys::LEFT).await;
+		}
+
+		let last_extension_point = extension_points[extension_points.len() - 1];
+		editor
+			.mouseup(
+				EditorMouseState {
+					editor_position: last_extension_point,
+					mouse_keys: MouseKeys::empty(),
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::empty(),
+			)
+			.await;
+
+		let extended_vector_data = get_vector_data(&mut editor).await;
+		assert!(!extended_vector_data.is_empty(), "No vector data found after extension");
+
+		let (extended_data, _) = &extended_vector_data[0];
+		let extended_point_count = extended_data.point_domain.ids().len();
+		let extended_segment_count = extended_data.segment_domain.ids().len();
+
+		assert!(
+			extended_point_count > initial_point_count,
+			"Expected more points after extension, initial: {}, after extension: {}",
+			initial_point_count,
+			extended_point_count
+		);
+
+		assert_eq!(
+			extended_segment_count,
+			extended_point_count - 1,
+			"Expected segments to be one less than points, points: {}, segments: {}",
+			extended_point_count,
+			extended_segment_count
+		);
+
+		let layer_count = {
+			let document = editor.active_document();
+			document.metadata().all_layers().count()
+		};
+		assert_eq!(layer_count, 1, "Expected only one layer after extending path");
+	}
+
+	#[tokio::test]
+	async fn test_append_to_selected_layer_with_shift() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.select_tool(ToolType::Freehand).await;
+
+		let initial_points = [DVec2::new(100., 100.), DVec2::new(200., 200.), DVec2::new(300., 100.)];
+
+		let first_point = initial_points[0];
+		editor.move_mouse(first_point.x, first_point.y, ModifierKeys::empty(), MouseKeys::empty()).await;
+		editor.left_mousedown(first_point.x, first_point.y, ModifierKeys::empty()).await;
+
+		for &point in &initial_points[1..] {
+			editor.move_mouse(point.x, point.y, ModifierKeys::empty(), MouseKeys::LEFT).await;
+		}
+
+		let last_initial_point = initial_points[initial_points.len() - 1];
+		editor
+			.mouseup(
+				EditorMouseState {
+					editor_position: last_initial_point,
+					mouse_keys: MouseKeys::empty(),
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::empty(),
+			)
+			.await;
+
+		let initial_vector_data = get_vector_data(&mut editor).await;
+		assert!(!initial_vector_data.is_empty(), "No vector data found after initial drawing");
+
+		let (initial_data, _) = &initial_vector_data[0];
+		let initial_point_count = initial_data.point_domain.ids().len();
+		let initial_segment_count = initial_data.segment_domain.ids().len();
+
+		let existing_layer_id = {
+			let document = editor.active_document();
+			let layer = document.metadata().all_layers().next().unwrap();
+			layer
+		};
+
+		editor
+			.handle_message(NodeGraphMessage::SelectedNodesSet {
+				nodes: vec![existing_layer_id.to_node()],
+			})
+			.await;
+
+		let second_path_points = [DVec2::new(400., 100.), DVec2::new(500., 200.), DVec2::new(600., 100.)];
+
+		let first_second_point = second_path_points[0];
+		editor.move_mouse(first_second_point.x, first_second_point.y, ModifierKeys::SHIFT, MouseKeys::empty()).await;
+
+		editor
+			.mousedown(
+				EditorMouseState {
+					editor_position: first_second_point,
+					mouse_keys: MouseKeys::LEFT,
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::SHIFT,
+			)
+			.await;
+
+		for &point in &second_path_points[1..] {
+			editor.move_mouse(point.x, point.y, ModifierKeys::SHIFT, MouseKeys::LEFT).await;
+		}
+
+		let last_second_point = second_path_points[second_path_points.len() - 1];
+		editor
+			.mouseup(
+				EditorMouseState {
+					editor_position: last_second_point,
+					mouse_keys: MouseKeys::empty(),
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::SHIFT,
+			)
+			.await;
+
+		let final_vector_data = get_vector_data(&mut editor).await;
+		assert!(!final_vector_data.is_empty(), "No vector data found after second drawing");
+
+		// Verify we still have only one layer
+		let layer_count = {
+			let document = editor.active_document();
+			document.metadata().all_layers().count()
+		};
+		assert_eq!(layer_count, 1, "Expected only one layer after drawing with Shift key");
+
+		let (final_data, _) = &final_vector_data[0];
+		let final_point_count = final_data.point_domain.ids().len();
+		let final_segment_count = final_data.segment_domain.ids().len();
+
+		assert!(
+			final_point_count > initial_point_count,
+			"Expected more points after appending to layer, initial: {}, after append: {}",
+			initial_point_count,
+			final_point_count
+		);
+
+		let expected_new_points = second_path_points.len();
+		let expected_new_segments = expected_new_points - 1;
+
+		assert_eq!(
+			final_point_count,
+			initial_point_count + expected_new_points,
+			"Expected {} total points after append",
+			initial_point_count + expected_new_points
+		);
+
+		assert_eq!(
+			final_segment_count,
+			initial_segment_count + expected_new_segments,
+			"Expected {} total segments after append",
+			initial_segment_count + expected_new_segments
+		);
+	}
+
+	#[tokio::test]
+	async fn test_line_weight_affects_stroke_width() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.select_tool(ToolType::Freehand).await;
+
+		let custom_line_weight = 5.;
+		editor
+			.handle_message(ToolMessage::Freehand(FreehandToolMessage::UpdateOptions(FreehandOptionsUpdate::LineWeight(custom_line_weight))))
+			.await;
+
+		let points = [DVec2::new(100., 100.), DVec2::new(200., 200.), DVec2::new(300., 100.)];
+
+		let first_point = points[0];
+		editor.move_mouse(first_point.x, first_point.y, ModifierKeys::empty(), MouseKeys::empty()).await;
+		editor.left_mousedown(first_point.x, first_point.y, ModifierKeys::empty()).await;
+
+		for &point in &points[1..] {
+			editor.move_mouse(point.x, point.y, ModifierKeys::empty(), MouseKeys::LEFT).await;
+		}
+
+		let last_point = points[points.len() - 1];
+		editor
+			.mouseup(
+				EditorMouseState {
+					editor_position: last_point,
+					mouse_keys: MouseKeys::empty(),
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::empty(),
+			)
+			.await;
+
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		let stroke_width = get_stroke_width(layer, &document.network_interface);
+
+		assert!(stroke_width.is_some(), "Stroke width should be available on the created path");
+
+		assert_eq!(
+			stroke_width.unwrap(),
+			custom_line_weight,
+			"Stroke width should match the custom line weight (expected {}, got {})",
+			custom_line_weight,
+			stroke_width.unwrap()
+		);
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/gradient_tool.rs b/editor/src/messages/tool/tool_messages/gradient_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..030da8ec1d03b344d8273c25ce3a69e7cebff303
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/gradient_tool.rs
@@ -0,0 +1,911 @@
+use super::tool_prelude::*;
+use crate::consts::{LINE_ROTATE_SNAP_ANGLE, MANIPULATOR_GROUP_MARKER_SIZE, SELECTION_THRESHOLD};
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::graph_modification_utils::{NodeGraphLayer, get_gradient};
+use crate::messages::tool::common_functionality::snapping::SnapManager;
+use graphene_std::vector::style::{Fill, Gradient, GradientType};
+
+#[derive(Default)]
+pub struct GradientTool {
+	fsm_state: GradientToolFsmState,
+	data: GradientToolData,
+	options: GradientOptions,
+}
+
+#[derive(Default)]
+pub struct GradientOptions {
+	gradient_type: GradientType,
+}
+
+#[impl_message(Message, ToolMessage, Gradient)]
+#[derive(PartialEq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum GradientToolMessage {
+	// Standard messages
+	Abort,
+	Overlays(OverlayContext),
+
+	// Tool-specific messages
+	DeleteStop,
+	InsertStop,
+	PointerDown,
+	PointerMove { constrain_axis: Key },
+	PointerOutsideViewport { constrain_axis: Key },
+	PointerUp,
+	UpdateOptions(GradientOptionsUpdate),
+}
+
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum GradientOptionsUpdate {
+	Type(GradientType),
+}
+
+impl ToolMetadata for GradientTool {
+	fn icon_name(&self) -> String {
+		"GeneralGradientTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Gradient Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Gradient
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for GradientTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		let ToolMessage::Gradient(GradientToolMessage::UpdateOptions(action)) = message else {
+			self.fsm_state.process_event(message, &mut self.data, tool_data, &self.options, responses, false);
+			return;
+		};
+		match action {
+			GradientOptionsUpdate::Type(gradient_type) => {
+				self.options.gradient_type = gradient_type;
+				// Update the selected gradient if it exists
+				if let Some(selected_gradient) = &mut self.data.selected_gradient {
+					// Check if the current layer is a raster layer
+					if let Some(layer) = selected_gradient.layer {
+						if NodeGraphLayer::is_raster_layer(layer, &mut tool_data.document.network_interface) {
+							return; // Don't proceed if it's a raster layer
+						}
+						selected_gradient.gradient.gradient_type = gradient_type;
+						selected_gradient.render_gradient(responses);
+					}
+				}
+			}
+		}
+	}
+
+	advertise_actions!(GradientToolMessageDiscriminant;
+		PointerDown,
+		PointerUp,
+		PointerMove,
+		Abort,
+		InsertStop,
+		DeleteStop,
+	);
+}
+
+impl LayoutHolder for GradientTool {
+	fn layout(&self) -> Layout {
+		let gradient_type = RadioInput::new(vec![
+			RadioEntryData::new("Linear")
+				.label("Linear")
+				.tooltip("Linear gradient")
+				.on_update(move |_| GradientToolMessage::UpdateOptions(GradientOptionsUpdate::Type(GradientType::Linear)).into()),
+			RadioEntryData::new("Radial")
+				.label("Radial")
+				.tooltip("Radial gradient")
+				.on_update(move |_| GradientToolMessage::UpdateOptions(GradientOptionsUpdate::Type(GradientType::Radial)).into()),
+		])
+		.selected_index(Some((self.selected_gradient().unwrap_or(self.options.gradient_type) == GradientType::Radial) as u32))
+		.widget_holder();
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets: vec![gradient_type] }]))
+	}
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum GradientToolFsmState {
+	#[default]
+	Ready,
+	Drawing,
+}
+
+/// Computes the transform from gradient space to viewport space (where gradient space is 0..1)
+fn gradient_space_transform(layer: LayerNodeIdentifier, document: &DocumentMessageHandler) -> DAffine2 {
+	let bounds = document.metadata().nonzero_bounding_box(layer);
+	let bound_transform = DAffine2::from_scale_angle_translation(bounds[1] - bounds[0], 0., bounds[0]);
+
+	let multiplied = document.metadata().transform_to_viewport(layer);
+
+	multiplied * bound_transform
+}
+
+#[derive(PartialEq, Eq, Clone, Copy, Debug, Default)]
+pub enum GradientDragTarget {
+	Start,
+	#[default]
+	End,
+	Step(usize),
+}
+
+/// Contains information about the selected gradient handle
+#[derive(Clone, Debug, Default)]
+struct SelectedGradient {
+	layer: Option<LayerNodeIdentifier>,
+	transform: DAffine2,
+	gradient: Gradient,
+	dragging: GradientDragTarget,
+}
+
+impl SelectedGradient {
+	pub fn new(gradient: Gradient, layer: LayerNodeIdentifier, document: &DocumentMessageHandler) -> Self {
+		let transform = gradient_space_transform(layer, document);
+		Self {
+			layer: Some(layer),
+			transform,
+			gradient,
+			dragging: GradientDragTarget::End,
+		}
+	}
+
+	pub fn with_gradient_start(mut self, start: DVec2) -> Self {
+		self.gradient.start = self.transform.inverse().transform_point2(start);
+		self
+	}
+
+	pub fn update_gradient(&mut self, mut mouse: DVec2, responses: &mut VecDeque<Message>, snap_rotate: bool, gradient_type: GradientType) {
+		self.gradient.gradient_type = gradient_type;
+
+		if snap_rotate && matches!(self.dragging, GradientDragTarget::End | GradientDragTarget::Start) {
+			let point = if self.dragging == GradientDragTarget::Start {
+				self.transform.transform_point2(self.gradient.end)
+			} else {
+				self.transform.transform_point2(self.gradient.start)
+			};
+
+			let delta = point - mouse;
+
+			let length = delta.length();
+			let mut angle = -delta.angle_to(DVec2::X);
+
+			let snap_resolution = LINE_ROTATE_SNAP_ANGLE.to_radians();
+			angle = (angle / snap_resolution).round() * snap_resolution;
+
+			let rotated = DVec2::new(length * angle.cos(), length * angle.sin());
+			mouse = point - rotated;
+		}
+
+		let transformed_mouse = self.transform.inverse().transform_point2(mouse);
+
+		match self.dragging {
+			GradientDragTarget::Start => self.gradient.start = transformed_mouse,
+			GradientDragTarget::End => self.gradient.end = transformed_mouse,
+			GradientDragTarget::Step(s) => {
+				let (start, end) = (self.transform.transform_point2(self.gradient.start), self.transform.transform_point2(self.gradient.end));
+
+				// Calculate the new position by finding the closest point on the line
+				let new_pos = ((end - start).angle_to(mouse - start)).cos() * start.distance(mouse) / start.distance(end);
+
+				// Should not go off end but can swap
+				let clamped = new_pos.clamp(0., 1.);
+				self.gradient.stops.get_mut(s).unwrap().0 = clamped;
+				let new_pos = self.gradient.stops[s];
+
+				self.gradient.stops.sort();
+				self.dragging = GradientDragTarget::Step(self.gradient.stops.iter().position(|x| *x == new_pos).unwrap());
+			}
+		}
+		self.render_gradient(responses);
+	}
+
+	/// Update the layer fill to the current gradient
+	pub fn render_gradient(&mut self, responses: &mut VecDeque<Message>) {
+		self.gradient.transform = self.transform;
+		if let Some(layer) = self.layer {
+			responses.add(GraphOperationMessage::FillSet {
+				layer,
+				fill: Fill::Gradient(self.gradient.clone()),
+			});
+		}
+	}
+}
+
+impl GradientTool {
+	/// Get the gradient type of the selected gradient (if it exists)
+	pub fn selected_gradient(&self) -> Option<GradientType> {
+		self.data.selected_gradient.as_ref().map(|selected| selected.gradient.gradient_type)
+	}
+}
+
+impl ToolTransition for GradientTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(GradientToolMessage::Abort.into()),
+			overlay_provider: Some(|overlay_context| GradientToolMessage::Overlays(overlay_context).into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Debug, Default)]
+struct GradientToolData {
+	selected_gradient: Option<SelectedGradient>,
+	snap_manager: SnapManager,
+	drag_start: DVec2,
+	auto_panning: AutoPanning,
+}
+
+impl Fsm for GradientToolFsmState {
+	type ToolData = GradientToolData;
+	type ToolOptions = GradientOptions;
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, tool_options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData {
+			document, global_tool_data, input, ..
+		} = tool_action_data;
+
+		let ToolMessage::Gradient(event) = event else { return self };
+		match (self, event) {
+			(_, GradientToolMessage::Overlays(mut overlay_context)) => {
+				let selected = tool_data.selected_gradient.as_ref();
+
+				for layer in document.network_interface.selected_nodes().selected_visible_layers(&document.network_interface) {
+					let Some(gradient) = get_gradient(layer, &document.network_interface) else { continue };
+					let transform = gradient_space_transform(layer, document);
+					let dragging = selected
+						.filter(|selected| selected.layer.is_some_and(|selected_layer| selected_layer == layer))
+						.map(|selected| selected.dragging);
+
+					let Gradient { start, end, stops, .. } = gradient;
+					let (start, end) = (transform.transform_point2(start), transform.transform_point2(end));
+
+					overlay_context.line(start, end, None, None);
+					overlay_context.manipulator_handle(start, dragging == Some(GradientDragTarget::Start), None);
+					overlay_context.manipulator_handle(end, dragging == Some(GradientDragTarget::End), None);
+
+					for (index, (position, _)) in stops.into_iter().enumerate() {
+						if position.abs() < f64::EPSILON * 1000. || (1. - position).abs() < f64::EPSILON * 1000. {
+							continue;
+						}
+
+						overlay_context.manipulator_handle(start.lerp(end, position), dragging == Some(GradientDragTarget::Step(index)), None);
+					}
+				}
+
+				self
+			}
+			(GradientToolFsmState::Ready, GradientToolMessage::DeleteStop) => {
+				let Some(selected_gradient) = &mut tool_data.selected_gradient else {
+					return self;
+				};
+
+				// Skip if invalid gradient
+				if selected_gradient.gradient.stops.len() < 2 {
+					return self;
+				}
+
+				responses.add(DocumentMessage::AddTransaction);
+
+				// Remove the selected point
+				match selected_gradient.dragging {
+					GradientDragTarget::Start => {
+						selected_gradient.gradient.stops.remove(0);
+					}
+					GradientDragTarget::End => {
+						let _ = selected_gradient.gradient.stops.pop();
+					}
+					GradientDragTarget::Step(index) => {
+						selected_gradient.gradient.stops.remove(index);
+					}
+				};
+
+				// The gradient has only one point and so should become a fill
+				if selected_gradient.gradient.stops.len() == 1 {
+					if let Some(layer) = selected_gradient.layer {
+						responses.add(GraphOperationMessage::FillSet {
+							layer,
+							fill: Fill::Solid(selected_gradient.gradient.stops[0].1),
+						});
+					}
+					return self;
+				}
+
+				// Find the minimum and maximum positions
+				let min_position = selected_gradient.gradient.stops.iter().map(|(pos, _)| *pos).reduce(f64::min).expect("No min");
+				let max_position = selected_gradient.gradient.stops.iter().map(|(pos, _)| *pos).reduce(f64::max).expect("No max");
+
+				// Recompute the start and end position of the gradient (in viewport transform)
+				let transform = selected_gradient.transform;
+				let (start, end) = (transform.transform_point2(selected_gradient.gradient.start), transform.transform_point2(selected_gradient.gradient.end));
+				let (new_start, new_end) = (start.lerp(end, min_position), start.lerp(end, max_position));
+				selected_gradient.gradient.start = transform.inverse().transform_point2(new_start);
+				selected_gradient.gradient.end = transform.inverse().transform_point2(new_end);
+
+				// Remap the positions
+				for (position, _) in selected_gradient.gradient.stops.iter_mut() {
+					*position = (*position - min_position) / (max_position - min_position);
+				}
+
+				// Render the new gradient
+				selected_gradient.render_gradient(responses);
+
+				self
+			}
+			(_, GradientToolMessage::InsertStop) => {
+				for layer in document.network_interface.selected_nodes().selected_visible_layers(&document.network_interface) {
+					let Some(mut gradient) = get_gradient(layer, &document.network_interface) else { continue };
+					// TODO: This transform is incorrect. I think this is since it is based on the Footprint which has not been updated yet
+					let transform = gradient_space_transform(layer, document);
+					let mouse = input.mouse.position;
+					let (start, end) = (transform.transform_point2(gradient.start), transform.transform_point2(gradient.end));
+
+					// Compute the distance from the mouse to the gradient line in viewport space
+					let distance = (end - start).angle_to(mouse - start).sin() * (mouse - start).length();
+
+					// If click is on the line then insert point
+					if distance < (SELECTION_THRESHOLD * 2.) {
+						// Try and insert the new stop
+						if let Some(index) = gradient.insert_stop(mouse, transform) {
+							responses.add(DocumentMessage::AddTransaction);
+
+							let mut selected_gradient = SelectedGradient::new(gradient, layer, document);
+
+							// Select the new point
+							selected_gradient.dragging = GradientDragTarget::Step(index);
+
+							// Update the layer fill
+							selected_gradient.render_gradient(responses);
+
+							tool_data.selected_gradient = Some(selected_gradient);
+
+							break;
+						}
+					}
+				}
+
+				self
+			}
+			(GradientToolFsmState::Ready, GradientToolMessage::PointerDown) => {
+				let mouse = input.mouse.position;
+				tool_data.drag_start = mouse;
+				let tolerance = (MANIPULATOR_GROUP_MARKER_SIZE * 2.).powi(2);
+
+				let mut dragging = false;
+				for layer in document.network_interface.selected_nodes().selected_visible_layers(&document.network_interface) {
+					let Some(gradient) = get_gradient(layer, &document.network_interface) else { continue };
+					let transform = gradient_space_transform(layer, document);
+					// Check for dragging step
+					for (index, (pos, _)) in gradient.stops.iter().enumerate() {
+						let pos = transform.transform_point2(gradient.start.lerp(gradient.end, *pos));
+						if pos.distance_squared(mouse) < tolerance {
+							dragging = true;
+							tool_data.selected_gradient = Some(SelectedGradient {
+								layer: Some(layer),
+								transform,
+								gradient: gradient.clone(),
+								dragging: GradientDragTarget::Step(index),
+							})
+						}
+					}
+
+					// Check dragging start or end handle
+					for (pos, dragging_target) in [(gradient.start, GradientDragTarget::Start), (gradient.end, GradientDragTarget::End)] {
+						let pos = transform.transform_point2(pos);
+						if pos.distance_squared(mouse) < tolerance {
+							dragging = true;
+							tool_data.selected_gradient = Some(SelectedGradient {
+								layer: Some(layer),
+								transform,
+								gradient: gradient.clone(),
+								dragging: dragging_target,
+							})
+						}
+					}
+				}
+
+				let gradient_state = if dragging {
+					GradientToolFsmState::Drawing
+				} else {
+					let selected_layer = document.click(input);
+
+					// Apply the gradient to the selected layer
+					if let Some(layer) = selected_layer {
+						// Add check for raster layer
+						if NodeGraphLayer::is_raster_layer(layer, &mut document.network_interface) {
+							return GradientToolFsmState::Ready;
+						}
+						if !document.network_interface.selected_nodes().selected_layers_contains(layer, document.metadata()) {
+							let nodes = vec![layer.to_node()];
+
+							responses.add(NodeGraphMessage::SelectedNodesSet { nodes });
+						}
+
+						// Use the already existing gradient if it exists
+						let gradient = if let Some(gradient) = get_gradient(layer, &document.network_interface) {
+							gradient.clone()
+						} else {
+							// Generate a new gradient
+							Gradient::new(
+								DVec2::ZERO,
+								global_tool_data.secondary_color,
+								DVec2::ONE,
+								global_tool_data.primary_color,
+								DAffine2::IDENTITY,
+								tool_options.gradient_type,
+							)
+						};
+						let selected_gradient = SelectedGradient::new(gradient, layer, document).with_gradient_start(input.mouse.position);
+
+						tool_data.selected_gradient = Some(selected_gradient);
+
+						GradientToolFsmState::Drawing
+					} else {
+						GradientToolFsmState::Ready
+					}
+				};
+				responses.add(DocumentMessage::StartTransaction);
+				gradient_state
+			}
+			(GradientToolFsmState::Drawing, GradientToolMessage::PointerMove { constrain_axis }) => {
+				if let Some(selected_gradient) = &mut tool_data.selected_gradient {
+					let mouse = input.mouse.position; // tool_data.snap_manager.snap_position(responses, document, input.mouse.position);
+					selected_gradient.update_gradient(mouse, responses, input.keyboard.get(constrain_axis as usize), selected_gradient.gradient.gradient_type);
+				}
+
+				// Auto-panning
+				let messages = [
+					GradientToolMessage::PointerOutsideViewport { constrain_axis }.into(),
+					GradientToolMessage::PointerMove { constrain_axis }.into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				GradientToolFsmState::Drawing
+			}
+			(GradientToolFsmState::Drawing, GradientToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				if let Some(shift) = tool_data.auto_panning.shift_viewport(input, responses) {
+					if let Some(selected_gradient) = &mut tool_data.selected_gradient {
+						selected_gradient.transform.translation += shift;
+					}
+				}
+
+				GradientToolFsmState::Drawing
+			}
+			(state, GradientToolMessage::PointerOutsideViewport { constrain_axis }) => {
+				// Auto-panning
+				let messages = [
+					GradientToolMessage::PointerOutsideViewport { constrain_axis }.into(),
+					GradientToolMessage::PointerMove { constrain_axis }.into(),
+				];
+				tool_data.auto_panning.stop(&messages, responses);
+
+				state
+			}
+			(GradientToolFsmState::Drawing, GradientToolMessage::PointerUp) => {
+				input.mouse.finish_transaction(tool_data.drag_start, responses);
+				tool_data.snap_manager.cleanup(responses);
+				let was_dragging = tool_data.selected_gradient.is_some();
+
+				if !was_dragging {
+					if let Some(selected_layer) = document.click(input) {
+						if let Some(gradient) = get_gradient(selected_layer, &document.network_interface) {
+							tool_data.selected_gradient = Some(SelectedGradient::new(gradient, selected_layer, document));
+						}
+					}
+				}
+				GradientToolFsmState::Ready
+			}
+
+			(GradientToolFsmState::Drawing, GradientToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.snap_manager.cleanup(responses);
+				responses.add(OverlaysMessage::Draw);
+
+				GradientToolFsmState::Ready
+			}
+			(_, GradientToolMessage::Abort) => GradientToolFsmState::Ready,
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			GradientToolFsmState::Ready => HintData(vec![HintGroup(vec![
+				HintInfo::mouse(MouseMotion::LmbDrag, "Draw Gradient"),
+				HintInfo::keys([Key::Shift], "15° Increments").prepend_plus(),
+			])]),
+			GradientToolFsmState::Drawing => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "15° Increments")]),
+			]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+	}
+}
+
+#[cfg(test)]
+mod test_gradient {
+	use crate::messages::input_mapper::utility_types::input_mouse::EditorMouseState;
+	use crate::messages::input_mapper::utility_types::input_mouse::ScrollDelta;
+	use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+	use crate::messages::portfolio::document::utility_types::misc::GroupFolderType;
+	pub use crate::test_utils::test_prelude::*;
+	use glam::DAffine2;
+	use graphene_std::vector::fill;
+	use graphene_std::vector::style::Fill;
+	use graphene_std::vector::style::Gradient;
+
+	use super::gradient_space_transform;
+
+	async fn get_fills(editor: &mut EditorTestUtils) -> Vec<(Fill, DAffine2)> {
+		let instrumented = match editor.eval_graph().await {
+			Ok(instrumented) => instrumented,
+			Err(e) => panic!("Failed to evaluate graph: {}", e),
+		};
+
+		let document = editor.active_document();
+		let layers = document.metadata().all_layers();
+		layers
+			.filter_map(|layer| {
+				let fill = instrumented.grab_input_from_layer::<fill::FillInput<Fill>>(layer, &document.network_interface, &editor.runtime)?;
+				let transform = gradient_space_transform(layer, document);
+				Some((fill, transform))
+			})
+			.collect()
+	}
+
+	async fn get_gradient(editor: &mut EditorTestUtils) -> (Gradient, DAffine2) {
+		let fills = get_fills(editor).await;
+		assert_eq!(fills.len(), 1, "Expected 1 gradient fill, found {}", fills.len());
+
+		let (fill, transform) = fills.first().unwrap();
+		let gradient = fill.as_gradient().expect("Expected gradient fill type");
+
+		(gradient.clone(), transform.clone())
+	}
+
+	fn assert_stops_at_positions(actual_positions: &[f64], expected_positions: &[f64], tolerance: f64) {
+		assert_eq!(
+			actual_positions.len(),
+			expected_positions.len(),
+			"Expected {} stops, found {}",
+			expected_positions.len(),
+			actual_positions.len()
+		);
+
+		for (i, (actual, expected)) in actual_positions.iter().zip(expected_positions.iter()).enumerate() {
+			assert!((actual - expected).abs() < tolerance, "Stop {}: Expected position near {}, got {}", i, expected, actual);
+		}
+	}
+
+	#[tokio::test]
+	async fn ignore_artboard() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Artboard, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		editor.drag_tool(ToolType::Gradient, 2., 2., 4., 4., ModifierKeys::empty()).await;
+		assert!(get_fills(&mut editor).await.is_empty());
+	}
+
+	#[tokio::test]
+	async fn ignore_raster() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.create_raster_image(Image::new(100, 100, Color::WHITE), Some((0., 0.))).await;
+		editor.drag_tool(ToolType::Gradient, 2., 2., 4., 4., ModifierKeys::empty()).await;
+		assert!(get_fills(&mut editor).await.is_empty());
+	}
+
+	#[tokio::test]
+	async fn simple_draw() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, -5., -3., 100., 100., ModifierKeys::empty()).await;
+		editor.select_primary_color(Color::GREEN).await;
+		editor.select_secondary_color(Color::BLUE).await;
+		editor.drag_tool(ToolType::Gradient, 2., 3., 24., 4., ModifierKeys::empty()).await;
+
+		let (gradient, transform) = get_gradient(&mut editor).await;
+
+		// Gradient goes from secondary color to primary color
+		let stops = gradient.stops.iter().map(|stop| (stop.0, stop.1.to_rgba8_srgb())).collect::<Vec<_>>();
+		assert_eq!(stops, vec![(0., Color::BLUE.to_rgba8_srgb()), (1., Color::GREEN.to_rgba8_srgb())]);
+		assert!(transform.transform_point2(gradient.start).abs_diff_eq(DVec2::new(2., 3.), 1e-10));
+		assert!(transform.transform_point2(gradient.end).abs_diff_eq(DVec2::new(24., 4.), 1e-10));
+	}
+
+	#[tokio::test]
+	async fn snap_simple_draw() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor
+			.handle_message(NavigationMessage::CanvasTiltSet {
+				angle_radians: f64::consts::FRAC_PI_8,
+			})
+			.await;
+		let start = DVec2::new(0., 0.);
+		let end = DVec2::new(24., 4.);
+		editor.drag_tool(ToolType::Rectangle, -5., -3., 100., 100., ModifierKeys::empty()).await;
+		editor.drag_tool(ToolType::Gradient, start.x, start.y, end.x, end.y, ModifierKeys::SHIFT).await;
+
+		let (gradient, transform) = get_gradient(&mut editor).await;
+
+		assert!(transform.transform_point2(gradient.start).abs_diff_eq(start, 1e-10));
+
+		// 15 degrees from horizontal
+		let angle = f64::to_radians(15.);
+		let direction = DVec2::new(angle.cos(), angle.sin());
+		let expected = start + direction * (end - start).length();
+		assert!(transform.transform_point2(gradient.end).abs_diff_eq(expected, 1e-10));
+	}
+
+	#[tokio::test]
+	async fn transformed_draw() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor
+			.handle_message(NavigationMessage::CanvasTiltSet {
+				angle_radians: f64::consts::FRAC_PI_8,
+			})
+			.await;
+		editor.drag_tool(ToolType::Rectangle, -5., -3., 100., 100., ModifierKeys::empty()).await;
+
+		// Group rectangle
+		let group_folder_type = GroupFolderType::Layer;
+		editor.handle_message(DocumentMessage::GroupSelectedLayers { group_folder_type }).await;
+		let metadata = editor.active_document().metadata();
+		let mut layers = metadata.all_layers();
+		let folder = layers.next().unwrap();
+		let rectangle = layers.next().unwrap();
+		assert_eq!(rectangle.parent(metadata), Some(folder));
+		// Transform the group
+		editor
+			.handle_message(GraphOperationMessage::TransformSet {
+				layer: folder,
+				transform: DAffine2::from_scale_angle_translation(DVec2::new(1., 2.), 0., -DVec2::X * 10.),
+				transform_in: TransformIn::Local,
+				skip_rerender: false,
+			})
+			.await;
+
+		editor.drag_tool(ToolType::Gradient, 2., 3., 24., 4., ModifierKeys::empty()).await;
+
+		let (gradient, transform) = get_gradient(&mut editor).await;
+
+		assert!(transform.transform_point2(gradient.start).abs_diff_eq(DVec2::new(2., 3.), 1e-10));
+		assert!(transform.transform_point2(gradient.end).abs_diff_eq(DVec2::new(24., 4.), 1e-10));
+	}
+
+	#[tokio::test]
+	async fn double_click_insert_stop() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.drag_tool(ToolType::Rectangle, -5., -3., 100., 100., ModifierKeys::empty()).await;
+		editor.select_primary_color(Color::GREEN).await;
+		editor.select_secondary_color(Color::BLUE).await;
+		editor.drag_tool(ToolType::Gradient, 0., 0., 100., 0., ModifierKeys::empty()).await;
+
+		// Get initial gradient state (should have 2 stops)
+		let (initial_gradient, _) = get_gradient(&mut editor).await;
+		assert_eq!(initial_gradient.stops.len(), 2, "Expected 2 stops, found {}", initial_gradient.stops.len());
+
+		editor.select_tool(ToolType::Gradient).await;
+		editor.double_click(DVec2::new(50., 0.)).await;
+
+		// Check that a new stop has been added
+		let (updated_gradient, _) = get_gradient(&mut editor).await;
+		assert_eq!(updated_gradient.stops.len(), 3, "Expected 3 stops, found {}", updated_gradient.stops.len());
+
+		let positions: Vec<f64> = updated_gradient.stops.iter().map(|(pos, _)| *pos).collect();
+		assert!(
+			positions.iter().any(|pos| (pos - 0.5).abs() < 0.1),
+			"Expected to find a stop near position 0.5, but found: {:?}",
+			positions
+		);
+	}
+
+	#[tokio::test]
+	async fn dragging_endpoint_sets_correct_point() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.handle_message(NavigationMessage::CanvasZoomSet { zoom_factor: 2. }).await;
+
+		editor.drag_tool(ToolType::Rectangle, -5., -3., 100., 100., ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let selected_layer = document.network_interface.selected_nodes().selected_layers(document.metadata()).next().unwrap();
+		editor
+			.handle_message(GraphOperationMessage::TransformSet {
+				layer: selected_layer,
+				transform: DAffine2::from_scale_angle_translation(DVec2::new(1.5, 0.8), 0.3, DVec2::new(10., -5.)),
+				transform_in: TransformIn::Local,
+				skip_rerender: false,
+			})
+			.await;
+
+		editor.select_primary_color(Color::GREEN).await;
+		editor.select_secondary_color(Color::BLUE).await;
+
+		editor.drag_tool(ToolType::Gradient, 0., 0., 100., 0., ModifierKeys::empty()).await;
+
+		// Get the initial gradient state
+		let (initial_gradient, transform) = get_gradient(&mut editor).await;
+		assert_eq!(initial_gradient.stops.len(), 2, "Expected 2 stops, found {}", initial_gradient.stops.len());
+
+		// Verify initial gradient endpoints in viewport space
+		let initial_start = transform.transform_point2(initial_gradient.start);
+		let initial_end = transform.transform_point2(initial_gradient.end);
+		assert!(initial_start.abs_diff_eq(DVec2::new(0., 0.), 1e-10));
+		assert!(initial_end.abs_diff_eq(DVec2::new(100., 0.), 1e-10));
+
+		editor.select_tool(ToolType::Gradient).await;
+
+		// Simulate dragging the end point to a new position (100, 50)
+		let start_pos = DVec2::new(100., 0.);
+		let end_pos = DVec2::new(100., 50.);
+
+		editor.move_mouse(start_pos.x, start_pos.y, ModifierKeys::empty(), MouseKeys::empty()).await;
+		editor.left_mousedown(start_pos.x, start_pos.y, ModifierKeys::empty()).await;
+		editor.move_mouse(end_pos.x, end_pos.y, ModifierKeys::empty(), MouseKeys::LEFT).await;
+		editor
+			.mouseup(
+				EditorMouseState {
+					editor_position: end_pos,
+					mouse_keys: MouseKeys::empty(),
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::empty(),
+			)
+			.await;
+
+		// Check the updated gradient
+		let (updated_gradient, transform) = get_gradient(&mut editor).await;
+
+		// Verify the start point hasn't changed
+		let updated_start = transform.transform_point2(updated_gradient.start);
+		assert!(updated_start.abs_diff_eq(DVec2::new(0., 0.), 1e-10));
+
+		// Verify the end point has been updated to the new position
+		let updated_end = transform.transform_point2(updated_gradient.end);
+		assert!(updated_end.abs_diff_eq(DVec2::new(100., 50.), 1e-10), "Expected end point at (100, 50), got {:?}", updated_end);
+	}
+
+	#[tokio::test]
+	async fn dragging_stop_reorders_gradient() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.drag_tool(ToolType::Rectangle, -5., -3., 100., 100., ModifierKeys::empty()).await;
+		editor.select_primary_color(Color::GREEN).await;
+		editor.select_secondary_color(Color::BLUE).await;
+		editor.drag_tool(ToolType::Gradient, 0., 0., 100., 0., ModifierKeys::empty()).await;
+
+		editor.select_tool(ToolType::Gradient).await;
+
+		// Add a middle stop at 50%
+		editor.double_click(DVec2::new(50., 0.)).await;
+
+		let (initial_gradient, _) = get_gradient(&mut editor).await;
+		assert_eq!(initial_gradient.stops.len(), 3, "Expected 3 stops, found {}", initial_gradient.stops.len());
+
+		// Verify initial stop positions and colors
+		let mut stops = initial_gradient.stops.clone();
+		stops.sort_by(|a, b| a.0.partial_cmp(&b.0).unwrap());
+
+		let positions: Vec<f64> = stops.iter().map(|(pos, _)| *pos).collect();
+		assert_stops_at_positions(&positions, &[0., 0.5, 1.], 0.1);
+
+		let middle_color = stops[1].1.to_rgba8_srgb();
+
+		// Simulate dragging the middle stop to position 0.8
+		let click_position = DVec2::new(50., 0.);
+		editor
+			.mousedown(
+				EditorMouseState {
+					editor_position: click_position,
+					mouse_keys: MouseKeys::LEFT,
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::empty(),
+			)
+			.await;
+
+		let drag_position = DVec2::new(80., 0.);
+		editor.move_mouse(drag_position.x, drag_position.y, ModifierKeys::empty(), MouseKeys::LEFT).await;
+
+		editor
+			.mouseup(
+				EditorMouseState {
+					editor_position: drag_position,
+					mouse_keys: MouseKeys::empty(),
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::empty(),
+			)
+			.await;
+
+		let (updated_gradient, _) = get_gradient(&mut editor).await;
+		assert_eq!(updated_gradient.stops.len(), 3, "Expected 3 stops after dragging, found {}", updated_gradient.stops.len());
+
+		// Verify updated stop positions and colors
+		let mut updated_stops = updated_gradient.stops.clone();
+		updated_stops.sort_by(|a, b| a.0.partial_cmp(&b.0).unwrap());
+
+		// Check positions are now correctly ordered
+		let updated_positions: Vec<f64> = updated_stops.iter().map(|(pos, _)| *pos).collect();
+		assert_stops_at_positions(&updated_positions, &[0., 0.8, 1.], 0.1);
+
+		// Colors should maintain their associations with the stop points
+		assert_eq!(updated_stops[0].1.to_rgba8_srgb(), Color::BLUE.to_rgba8_srgb());
+		assert_eq!(updated_stops[1].1.to_rgba8_srgb(), middle_color);
+		assert_eq!(updated_stops[2].1.to_rgba8_srgb(), Color::GREEN.to_rgba8_srgb());
+	}
+
+	#[tokio::test]
+	async fn select_and_delete_removes_stop() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.drag_tool(ToolType::Rectangle, -5., -3., 100., 100., ModifierKeys::empty()).await;
+		editor.select_primary_color(Color::GREEN).await;
+		editor.select_secondary_color(Color::BLUE).await;
+		editor.drag_tool(ToolType::Gradient, 0., 0., 100., 0., ModifierKeys::empty()).await;
+
+		// Get initial gradient state (should have 2 stops)
+		let (initial_gradient, _) = get_gradient(&mut editor).await;
+		assert_eq!(initial_gradient.stops.len(), 2, "Expected 2 stops, found {}", initial_gradient.stops.len());
+
+		editor.select_tool(ToolType::Gradient).await;
+
+		// Add two middle stops
+		editor.double_click(DVec2::new(25., 0.)).await;
+		editor.double_click(DVec2::new(75., 0.)).await;
+
+		let (updated_gradient, _) = get_gradient(&mut editor).await;
+		assert_eq!(updated_gradient.stops.len(), 4, "Expected 4 stops, found {}", updated_gradient.stops.len());
+
+		let positions: Vec<f64> = updated_gradient.stops.iter().map(|(pos, _)| *pos).collect();
+
+		// Use helper function to verify positions
+		assert_stops_at_positions(&positions, &[0., 0.25, 0.75, 1.], 0.05);
+
+		// Select the stop at position 0.75 and delete it
+		let position2 = DVec2::new(75., 0.);
+		editor.move_mouse(position2.x, position2.y, ModifierKeys::empty(), MouseKeys::empty()).await;
+		editor.left_mousedown(position2.x, position2.y, ModifierKeys::empty()).await;
+		editor
+			.mouseup(
+				EditorMouseState {
+					editor_position: position2,
+					mouse_keys: MouseKeys::empty(),
+					scroll_delta: ScrollDelta::default(),
+				},
+				ModifierKeys::empty(),
+			)
+			.await;
+
+		editor.press(Key::Delete, ModifierKeys::empty()).await;
+
+		// Verify we now have 3 stops
+		let (final_gradient, _) = get_gradient(&mut editor).await;
+		assert_eq!(final_gradient.stops.len(), 3, "Expected 3 stops after deletion, found {}", final_gradient.stops.len());
+
+		let final_positions: Vec<f64> = final_gradient.stops.iter().map(|(pos, _)| *pos).collect();
+
+		// Verify final positions with helper function
+		assert_stops_at_positions(&final_positions, &[0., 0.25, 1.], 0.05);
+
+		// Additional verification that 0.75 stop is gone
+		assert!(!final_positions.iter().any(|pos| (pos - 0.75).abs() < 0.05), "Stop at position 0.75 should have been deleted");
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/mod.rs b/editor/src/messages/tool/tool_messages/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b95d9c3938ad976efe87cf9d7e89864e1597c67f
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/mod.rs
@@ -0,0 +1,23 @@
+pub mod artboard_tool;
+pub mod brush_tool;
+pub mod eyedropper_tool;
+pub mod fill_tool;
+pub mod freehand_tool;
+pub mod gradient_tool;
+pub mod navigate_tool;
+pub mod path_tool;
+pub mod pen_tool;
+pub mod select_tool;
+pub mod shape_tool;
+pub mod spline_tool;
+pub mod text_tool;
+
+pub mod tool_prelude {
+	pub use crate::messages::frontend::utility_types::MouseCursorIcon;
+	pub use crate::messages::input_mapper::utility_types::input_keyboard::{Key, MouseMotion};
+	pub use crate::messages::layout::utility_types::widget_prelude::*;
+	pub use crate::messages::prelude::*;
+	pub use crate::messages::tool::utility_types::{EventToMessageMap, Fsm, ToolActionHandlerData, ToolMetadata, ToolTransition, ToolType};
+	pub use crate::messages::tool::utility_types::{HintData, HintGroup, HintInfo};
+	pub use glam::{DAffine2, DVec2};
+}
diff --git a/editor/src/messages/tool/tool_messages/navigate_tool.rs b/editor/src/messages/tool/tool_messages/navigate_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..0a76a331dcdf87ab04165b65f3ca9a98936c8e15
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/navigate_tool.rs
@@ -0,0 +1,180 @@
+use super::tool_prelude::*;
+
+#[derive(Default)]
+pub struct NavigateTool {
+	fsm_state: NavigateToolFsmState,
+	tool_data: NavigateToolData,
+}
+
+#[impl_message(Message, ToolMessage, Navigate)]
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum NavigateToolMessage {
+	// Standard messages
+	Abort,
+
+	// Tool-specific messages
+	PointerUp { zoom_in: bool },
+	PointerMove { snap: Key },
+	TiltCanvasBegin,
+	ZoomCanvasBegin,
+	End,
+}
+
+impl ToolMetadata for NavigateTool {
+	fn icon_name(&self) -> String {
+		"GeneralNavigateTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Navigate Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Navigate
+	}
+}
+
+impl LayoutHolder for NavigateTool {
+	fn layout(&self) -> Layout {
+		Layout::WidgetLayout(WidgetLayout::default())
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for NavigateTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		self.fsm_state.process_event(message, &mut self.tool_data, tool_data, &(), responses, true);
+	}
+
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			NavigateToolFsmState::Ready => actions!(NavigateToolMessageDiscriminant;
+				TiltCanvasBegin,
+				ZoomCanvasBegin,
+			),
+			NavigateToolFsmState::Tilting | NavigateToolFsmState::Zooming => actions!(NavigateToolMessageDiscriminant;
+				PointerMove,
+			),
+			NavigateToolFsmState::ZoomOrClickZooming => actions!(NavigateToolMessageDiscriminant;
+				PointerUp,
+				PointerMove,
+			),
+		}
+	}
+}
+
+impl ToolTransition for NavigateTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(NavigateToolMessage::Abort.into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum NavigateToolFsmState {
+	#[default]
+	Ready,
+	Tilting,
+	ZoomOrClickZooming,
+	Zooming,
+}
+
+#[derive(Clone, Debug, Default)]
+struct NavigateToolData {
+	drag_start: Option<DVec2>,
+}
+
+impl Fsm for NavigateToolFsmState {
+	type ToolData = NavigateToolData;
+	type ToolOptions = ();
+
+	fn transition(
+		self,
+		message: ToolMessage,
+		tool_data: &mut Self::ToolData,
+		ToolActionHandlerData { input, .. }: &mut ToolActionHandlerData,
+		_tool_options: &Self::ToolOptions,
+		responses: &mut VecDeque<Message>,
+	) -> Self {
+		let ToolMessage::Navigate(navigate) = message else { return self };
+		match navigate {
+			NavigateToolMessage::PointerUp { zoom_in } => {
+				if self == NavigateToolFsmState::ZoomOrClickZooming {
+					// Mouse has not moved from pointerdown to pointerup
+					if tool_data.drag_start == Some(input.mouse.position) {
+						responses.add_front(if zoom_in {
+							NavigationMessage::CanvasZoomIncrease { center_on_mouse: true }
+						} else {
+							NavigationMessage::CanvasZoomDecrease { center_on_mouse: true }
+						});
+					}
+				} else {
+					responses.add_front(NavigationMessage::EndCanvasPTZ { abort_transform: false });
+				}
+
+				tool_data.drag_start = None;
+				NavigateToolFsmState::Ready
+			}
+			NavigateToolMessage::PointerMove { snap } => {
+				if self == NavigateToolFsmState::ZoomOrClickZooming {
+					responses.add_front(NavigationMessage::BeginCanvasZoom);
+					NavigateToolFsmState::Zooming
+				} else {
+					responses.add_front(NavigationMessage::PointerMove { snap });
+					self
+				}
+			}
+			NavigateToolMessage::TiltCanvasBegin => {
+				responses.add_front(NavigationMessage::BeginCanvasTilt { was_dispatched_from_menu: false });
+				NavigateToolFsmState::Tilting
+			}
+			NavigateToolMessage::ZoomCanvasBegin => {
+				// Wait to decide between zooming and click zooming based on whether the next event is a PointerMove or PointerUp
+				tool_data.drag_start = Some(input.mouse.position);
+				NavigateToolFsmState::ZoomOrClickZooming
+			}
+			NavigateToolMessage::End => {
+				tool_data.drag_start = None;
+				NavigateToolFsmState::Ready
+			}
+			NavigateToolMessage::Abort => {
+				responses.add_front(NavigationMessage::EndCanvasPTZ { abort_transform: false });
+				tool_data.drag_start = None;
+				NavigateToolFsmState::Ready
+			}
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			NavigateToolFsmState::Ready | NavigateToolFsmState::ZoomOrClickZooming => HintData(vec![
+				HintGroup(vec![
+					HintInfo::mouse(MouseMotion::MmbDrag, ""),
+					HintInfo::keys_and_mouse([Key::Space], MouseMotion::LmbDrag, "Pan").prepend_slash(),
+				]),
+				HintGroup(vec![HintInfo::keys_and_mouse([Key::Alt], MouseMotion::LmbDrag, "Tilt")]),
+				HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Zoom"), HintInfo::keys([Key::Shift], "Increments").prepend_plus()]),
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Zoom In"), HintInfo::keys([Key::Shift], "Zoom Out").prepend_plus()]),
+			]),
+			NavigateToolFsmState::Tilting => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "15° Increments")]),
+			]),
+			NavigateToolFsmState::Zooming => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "Increments")]),
+			]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		let cursor = match *self {
+			NavigateToolFsmState::Ready => MouseCursorIcon::ZoomIn,
+			NavigateToolFsmState::Tilting => MouseCursorIcon::Default,
+			NavigateToolFsmState::Zooming | NavigateToolFsmState::ZoomOrClickZooming => MouseCursorIcon::ZoomIn,
+		};
+
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor });
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/path_tool.rs b/editor/src/messages/tool/tool_messages/path_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ff929ce9bd196092a6da5bf3f3a79740188ddf17
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/path_tool.rs
@@ -0,0 +1,2577 @@
+use super::select_tool::extend_lasso;
+use super::tool_prelude::*;
+use crate::consts::{
+	COLOR_OVERLAY_BLUE, COLOR_OVERLAY_GREEN, COLOR_OVERLAY_RED, DRAG_DIRECTION_MODE_DETERMINATION_THRESHOLD, DRAG_THRESHOLD, HANDLE_ROTATE_SNAP_ANGLE, SEGMENT_INSERTION_DISTANCE,
+	SEGMENT_OVERLAY_SIZE, SELECTION_THRESHOLD, SELECTION_TOLERANCE,
+};
+use crate::messages::portfolio::document::overlays::utility_functions::{path_overlays, selected_segments};
+use crate::messages::portfolio::document::overlays::utility_types::{DrawHandles, OverlayContext};
+use crate::messages::portfolio::document::utility_types::document_metadata::{DocumentMetadata, LayerNodeIdentifier};
+use crate::messages::portfolio::document::utility_types::network_interface::NodeNetworkInterface;
+use crate::messages::portfolio::document::utility_types::transformation::Axis;
+use crate::messages::preferences::SelectionMode;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::shape_editor::{
+	ClosestSegment, ManipulatorAngle, OpposingHandleLengths, SelectedPointsInfo, SelectionChange, SelectionShape, SelectionShapeType, ShapeState,
+};
+use crate::messages::tool::common_functionality::snapping::{SnapCache, SnapCandidatePoint, SnapConstraint, SnapData, SnapManager};
+use crate::messages::tool::common_functionality::utility_functions::{calculate_segment_angle, find_two_param_best_approximate};
+use bezier_rs::{Bezier, TValue};
+use graphene_std::renderer::Quad;
+use graphene_std::vector::{HandleExt, HandleId, NoHashBuilder, SegmentId, VectorData};
+use graphene_std::vector::{ManipulatorPointId, PointId, VectorModificationType};
+use std::vec;
+
+#[derive(Default)]
+pub struct PathTool {
+	fsm_state: PathToolFsmState,
+	tool_data: PathToolData,
+	options: PathToolOptions,
+}
+
+#[derive(Default)]
+pub struct PathToolOptions {
+	path_overlay_mode: PathOverlayMode,
+	path_editing_mode: PathEditingMode,
+}
+
+#[impl_message(Message, ToolMessage, Path)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum PathToolMessage {
+	// Standard messages
+	Abort,
+	Overlays(OverlayContext),
+	SelectionChanged,
+
+	// Tool-specific messages
+	BreakPath,
+	DeselectAllPoints,
+	Delete,
+	DeleteAndBreakPath,
+	DragStop {
+		extend_selection: Key,
+		shrink_selection: Key,
+	},
+	Enter {
+		extend_selection: Key,
+		shrink_selection: Key,
+	},
+	Escape,
+	ClosePath,
+	FlipSmoothSharp,
+	GRS {
+		// Should be `Key::KeyG` (Grab), `Key::KeyR` (Rotate), or `Key::KeyS` (Scale)
+		key: Key,
+	},
+	ManipulatorMakeHandlesFree,
+	ManipulatorMakeHandlesColinear,
+	MouseDown {
+		extend_selection: Key,
+		lasso_select: Key,
+		handle_drag_from_anchor: Key,
+		drag_restore_handle: Key,
+		molding_in_segment_edit: Key,
+	},
+	NudgeSelectedPoints {
+		delta_x: f64,
+		delta_y: f64,
+	},
+	PointerMove {
+		equidistant: Key,
+		toggle_colinear: Key,
+		move_anchor_with_handles: Key,
+		snap_angle: Key,
+		lock_angle: Key,
+		delete_segment: Key,
+		break_colinear_molding: Key,
+	},
+	PointerOutsideViewport {
+		equidistant: Key,
+		toggle_colinear: Key,
+		move_anchor_with_handles: Key,
+		snap_angle: Key,
+		lock_angle: Key,
+		delete_segment: Key,
+		break_colinear_molding: Key,
+	},
+	RightClick,
+	SelectAllAnchors,
+	SelectedPointUpdated,
+	SelectedPointXChanged {
+		new_x: f64,
+	},
+	SelectedPointYChanged {
+		new_y: f64,
+	},
+	SwapSelectedHandles,
+	UpdateOptions(PathOptionsUpdate),
+	UpdateSelectedPointsStatus {
+		overlay_context: OverlayContext,
+	},
+}
+
+#[derive(PartialEq, Eq, Hash, Copy, Clone, Debug, Default, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum PathOverlayMode {
+	AllHandles = 0,
+	#[default]
+	SelectedPointHandles = 1,
+	FrontierHandles = 2,
+}
+
+#[derive(PartialEq, Eq, Hash, Copy, Clone, Debug)]
+pub struct PathEditingMode {
+	point_editing_mode: bool,
+	segment_editing_mode: bool,
+}
+
+impl Default for PathEditingMode {
+	fn default() -> Self {
+		Self {
+			point_editing_mode: true,
+			segment_editing_mode: false,
+		}
+	}
+}
+
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum PathOptionsUpdate {
+	OverlayModeType(PathOverlayMode),
+	PointEditingMode { enabled: bool },
+	SegmentEditingMode { enabled: bool },
+}
+
+impl ToolMetadata for PathTool {
+	fn icon_name(&self) -> String {
+		"VectorPathTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Path Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Path
+	}
+}
+
+impl LayoutHolder for PathTool {
+	fn layout(&self) -> Layout {
+		let coordinates = self.tool_data.selection_status.as_one().as_ref().map(|point| point.coordinates);
+		let (x, y) = coordinates.map(|point| (Some(point.x), Some(point.y))).unwrap_or((None, None));
+
+		let selection_status = &self.tool_data.selection_status;
+		let manipulator_angle = selection_status.angle();
+
+		let x_location = NumberInput::new(x)
+			.unit(" px")
+			.label("X")
+			.min_width(120)
+			.disabled(x.is_none())
+			.min(-((1_u64 << f64::MANTISSA_DIGITS) as f64))
+			.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+			.on_update(move |number_input: &NumberInput| {
+				if let Some(new_x) = number_input.value.or(x) {
+					PathToolMessage::SelectedPointXChanged { new_x }.into()
+				} else {
+					Message::NoOp
+				}
+			})
+			.widget_holder();
+
+		let y_location = NumberInput::new(y)
+			.unit(" px")
+			.label("Y")
+			.min_width(120)
+			.disabled(y.is_none())
+			.min(-((1_u64 << f64::MANTISSA_DIGITS) as f64))
+			.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+			.on_update(move |number_input: &NumberInput| {
+				if let Some(new_y) = number_input.value.or(y) {
+					PathToolMessage::SelectedPointYChanged { new_y }.into()
+				} else {
+					Message::NoOp
+				}
+			})
+			.widget_holder();
+
+		let related_seperator = Separator::new(SeparatorType::Related).widget_holder();
+		let unrelated_seperator = Separator::new(SeparatorType::Unrelated).widget_holder();
+
+		let colinear_handles_tooltip = "Keep both handles unbent, each 180° apart, when moving either";
+		let colinear_handles_state = manipulator_angle.and_then(|angle| match angle {
+			ManipulatorAngle::Colinear => Some(true),
+			ManipulatorAngle::Free => Some(false),
+			ManipulatorAngle::Mixed => None,
+		})
+		// TODO: Remove `unwrap_or_default` once checkboxes are capable of displaying a mixed state
+		.unwrap_or_default();
+		let mut checkbox_id = CheckboxId::default();
+		let colinear_handle_checkbox = CheckboxInput::new(colinear_handles_state)
+			.disabled(!self.tool_data.can_toggle_colinearity)
+			.on_update(|&CheckboxInput { checked, .. }| {
+				if checked {
+					PathToolMessage::ManipulatorMakeHandlesColinear.into()
+				} else {
+					PathToolMessage::ManipulatorMakeHandlesFree.into()
+				}
+			})
+			.tooltip(colinear_handles_tooltip)
+			.for_label(checkbox_id.clone())
+			.widget_holder();
+		let colinear_handles_label = TextLabel::new("Colinear Handles")
+			.disabled(!self.tool_data.can_toggle_colinearity)
+			.tooltip(colinear_handles_tooltip)
+			.for_checkbox(&mut checkbox_id)
+			.widget_holder();
+
+		let point_editing_mode = CheckboxInput::new(self.options.path_editing_mode.point_editing_mode)
+			// TODO(Keavon): Replace with a real icon
+			.icon("Dot")
+			.tooltip("Point Editing Mode")
+			.on_update(|input| PathToolMessage::UpdateOptions(PathOptionsUpdate::PointEditingMode { enabled: input.checked }).into())
+			.widget_holder();
+		let segment_editing_mode = CheckboxInput::new(self.options.path_editing_mode.segment_editing_mode)
+			// TODO(Keavon): Replace with a real icon
+			.icon("Remove")
+			.tooltip("Segment Editing Mode")
+			.on_update(|input| PathToolMessage::UpdateOptions(PathOptionsUpdate::SegmentEditingMode { enabled: input.checked }).into())
+			.widget_holder();
+
+		let path_overlay_mode_widget = RadioInput::new(vec![
+			RadioEntryData::new("all")
+				.icon("HandleVisibilityAll")
+				.tooltip("Show all handles regardless of selection")
+				.on_update(move |_| PathToolMessage::UpdateOptions(PathOptionsUpdate::OverlayModeType(PathOverlayMode::AllHandles)).into()),
+			RadioEntryData::new("selected")
+				.icon("HandleVisibilitySelected")
+				.tooltip("Show only handles of the segments connected to selected points")
+				.on_update(move |_| PathToolMessage::UpdateOptions(PathOptionsUpdate::OverlayModeType(PathOverlayMode::SelectedPointHandles)).into()),
+			RadioEntryData::new("frontier")
+				.icon("HandleVisibilityFrontier")
+				.tooltip("Show only handles at the frontiers of the segments connected to selected points")
+				.on_update(move |_| PathToolMessage::UpdateOptions(PathOptionsUpdate::OverlayModeType(PathOverlayMode::FrontierHandles)).into()),
+		])
+		.selected_index(Some(self.options.path_overlay_mode as u32))
+		.widget_holder();
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row {
+			widgets: vec![
+				x_location,
+				related_seperator.clone(),
+				y_location,
+				unrelated_seperator.clone(),
+				colinear_handle_checkbox,
+				related_seperator.clone(),
+				colinear_handles_label,
+				unrelated_seperator.clone(),
+				point_editing_mode,
+				related_seperator.clone(),
+				segment_editing_mode,
+				unrelated_seperator,
+				path_overlay_mode_widget,
+			],
+		}]))
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for PathTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		let updating_point = message == ToolMessage::Path(PathToolMessage::SelectedPointUpdated);
+
+		match message {
+			ToolMessage::Path(PathToolMessage::UpdateOptions(action)) => match action {
+				PathOptionsUpdate::OverlayModeType(overlay_mode_type) => {
+					self.options.path_overlay_mode = overlay_mode_type;
+					responses.add(OverlaysMessage::Draw);
+				}
+				PathOptionsUpdate::PointEditingMode { enabled } => {
+					self.options.path_editing_mode.point_editing_mode = enabled;
+					responses.add(OverlaysMessage::Draw);
+				}
+				PathOptionsUpdate::SegmentEditingMode { enabled } => {
+					self.options.path_editing_mode.segment_editing_mode = enabled;
+					responses.add(OverlaysMessage::Draw);
+				}
+			},
+			ToolMessage::Path(PathToolMessage::ClosePath) => {
+				responses.add(DocumentMessage::AddTransaction);
+				tool_data.shape_editor.close_selected_path(tool_data.document, responses);
+				responses.add(DocumentMessage::EndTransaction);
+				responses.add(OverlaysMessage::Draw);
+			}
+			ToolMessage::Path(PathToolMessage::SwapSelectedHandles) => {
+				if tool_data.shape_editor.handle_with_pair_selected(&tool_data.document.network_interface) {
+					tool_data.shape_editor.alternate_selected_handles(&tool_data.document.network_interface);
+					responses.add(PathToolMessage::SelectedPointUpdated);
+					responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::None });
+					responses.add(OverlaysMessage::Draw);
+				}
+			}
+			_ => {
+				self.fsm_state.process_event(message, &mut self.tool_data, tool_data, &self.options, responses, true);
+			}
+		}
+
+		if updating_point {
+			self.send_layout(responses, LayoutTarget::ToolOptions);
+		}
+	}
+
+	// Different actions depending on state may be wanted:
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			PathToolFsmState::Ready => actions!(PathToolMessageDiscriminant;
+				FlipSmoothSharp,
+				MouseDown,
+				Delete,
+				NudgeSelectedPoints,
+				Enter,
+				SelectAllAnchors,
+				DeselectAllPoints,
+				BreakPath,
+				DeleteAndBreakPath,
+				ClosePath,
+				PointerMove,
+			),
+			PathToolFsmState::Dragging(_) => actions!(PathToolMessageDiscriminant;
+				Escape,
+				RightClick,
+				FlipSmoothSharp,
+				DragStop,
+				PointerMove,
+				Delete,
+				BreakPath,
+				DeleteAndBreakPath,
+				SwapSelectedHandles,
+			),
+			PathToolFsmState::Drawing { .. } => actions!(PathToolMessageDiscriminant;
+				FlipSmoothSharp,
+				DragStop,
+				PointerMove,
+				Delete,
+				Enter,
+				BreakPath,
+				DeleteAndBreakPath,
+				Escape,
+				RightClick,
+			),
+			PathToolFsmState::SlidingPoint => actions!(PathToolMessageDiscriminant;
+				PointerMove,
+				DragStop,
+				Escape,
+				RightClick
+			),
+			PathToolFsmState::MoldingSegment => actions!(PathToolMessageDiscriminant;
+				PointerMove,
+				DragStop,
+				RightClick,
+				Escape,
+			),
+		}
+	}
+}
+
+impl ToolTransition for PathTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(PathToolMessage::Abort.into()),
+			selection_changed: Some(PathToolMessage::SelectionChanged.into()),
+			overlay_provider: Some(|overlay_context| PathToolMessage::Overlays(overlay_context).into()),
+			..Default::default()
+		}
+	}
+}
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+pub struct DraggingState {
+	point_select_state: PointSelectState,
+	colinear: ManipulatorAngle,
+}
+
+#[derive(Clone, Copy, Default, Debug, PartialEq, Eq)]
+pub enum PointSelectState {
+	HandleWithPair,
+	#[default]
+	HandleNoPair,
+	Anchor,
+}
+
+#[derive(Clone, Copy)]
+pub struct SlidingSegmentData {
+	segment_id: SegmentId,
+	bezier: Bezier,
+	start: PointId,
+}
+
+#[derive(Clone, Copy)]
+pub struct SlidingPointInfo {
+	anchor: PointId,
+	layer: LayerNodeIdentifier,
+	connected_segments: [SlidingSegmentData; 2],
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum PathToolFsmState {
+	#[default]
+	Ready,
+	Dragging(DraggingState),
+	Drawing {
+		selection_shape: SelectionShapeType,
+	},
+	SlidingPoint,
+	MoldingSegment,
+}
+
+#[derive(Default)]
+struct PathToolData {
+	snap_manager: SnapManager,
+	lasso_polygon: Vec<DVec2>,
+	selection_mode: Option<SelectionMode>,
+	drag_start_pos: DVec2,
+	previous_mouse_position: DVec2,
+	toggle_colinear_debounce: bool,
+	opposing_handle_lengths: Option<OpposingHandleLengths>,
+	/// Describes information about the selected point(s), if any, across one or multiple shapes and manipulator point types (anchor or handle).
+	/// The available information varies depending on whether `None`, `One`, or `Multiple` points are currently selected.
+	/// NOTE: It must be updated using `update_selection_status` to ensure `can_toggle_colinearity` stays synchronized with the current selection.
+	selection_status: SelectionStatus,
+	/// `true` if we can change the current selection to colinear or not.
+	can_toggle_colinearity: bool,
+	segment: Option<ClosestSegment>,
+	snap_cache: SnapCache,
+	double_click_handled: bool,
+	delete_segment_pressed: bool,
+	auto_panning: AutoPanning,
+	saved_points_before_anchor_select_toggle: Vec<ManipulatorPointId>,
+	select_anchor_toggled: bool,
+	saved_points_before_handle_drag: Vec<ManipulatorPointId>,
+	handle_drag_toggle: bool,
+	saved_points_before_anchor_convert_smooth_sharp: HashSet<ManipulatorPointId>,
+	last_click_time: u64,
+	dragging_state: DraggingState,
+	angle: f64,
+	opposite_handle_position: Option<DVec2>,
+	last_clicked_point_was_selected: bool,
+	last_clicked_segment_was_selected: bool,
+	snapping_axis: Option<Axis>,
+	alt_clicked_on_anchor: bool,
+	alt_dragging_from_anchor: bool,
+	angle_locked: bool,
+	temporary_colinear_handles: bool,
+	molding_info: Option<(DVec2, DVec2)>,
+	molding_segment: bool,
+	temporary_adjacent_handles_while_molding: Option<[Option<HandleId>; 2]>,
+	frontier_handles_info: Option<HashMap<SegmentId, Vec<PointId>>>,
+	adjacent_anchor_offset: Option<DVec2>,
+	sliding_point_info: Option<SlidingPointInfo>,
+	started_drawing_from_inside: bool,
+}
+
+impl PathToolData {
+	fn save_points_before_anchor_toggle(&mut self, points: Vec<ManipulatorPointId>) -> PathToolFsmState {
+		self.saved_points_before_anchor_select_toggle = points;
+		PathToolFsmState::Dragging(self.dragging_state)
+	}
+
+	fn remove_saved_points(&mut self) {
+		self.saved_points_before_anchor_select_toggle.clear();
+	}
+
+	pub fn selection_quad(&self, metadata: &DocumentMetadata) -> Quad {
+		let bbox = self.selection_box(metadata);
+		Quad::from_box(bbox)
+	}
+
+	pub fn calculate_selection_mode_from_direction(&mut self, metadata: &DocumentMetadata) -> SelectionMode {
+		let bbox = self.selection_box(metadata);
+		let above_threshold = bbox[1].distance_squared(bbox[0]) > DRAG_DIRECTION_MODE_DETERMINATION_THRESHOLD.powi(2);
+
+		if self.selection_mode.is_none() && above_threshold {
+			let mode = if bbox[1].x < bbox[0].x {
+				SelectionMode::Touched
+			} else {
+				// This also covers the case where they're equal: the area is zero, so we use `Enclosed` to ensure the selection ends up empty, as nothing will be enclosed by an empty area
+				SelectionMode::Enclosed
+			};
+			self.selection_mode = Some(mode);
+		}
+
+		self.selection_mode.unwrap_or(SelectionMode::Touched)
+	}
+
+	pub fn selection_box(&self, metadata: &DocumentMetadata) -> [DVec2; 2] {
+		// Convert previous mouse position to viewport space first
+		let document_to_viewport = metadata.document_to_viewport;
+		let previous_mouse = document_to_viewport.transform_point2(self.previous_mouse_position);
+		if previous_mouse == self.drag_start_pos {
+			let tolerance = DVec2::splat(SELECTION_TOLERANCE);
+			[self.drag_start_pos - tolerance, self.drag_start_pos + tolerance]
+		} else {
+			[self.drag_start_pos, previous_mouse]
+		}
+	}
+
+	fn update_selection_status(&mut self, shape_editor: &mut ShapeState, document: &DocumentMessageHandler) {
+		let selection_status = get_selection_status(&document.network_interface, shape_editor);
+
+		self.can_toggle_colinearity = match &selection_status {
+			SelectionStatus::None => false,
+			SelectionStatus::One(single_selected_point) => {
+				let vector_data = document.network_interface.compute_modified_vector(single_selected_point.layer).unwrap();
+				single_selected_point.id.get_handle_pair(&vector_data).is_some()
+			}
+			SelectionStatus::Multiple(_) => true,
+		};
+		self.selection_status = selection_status;
+	}
+
+	// TODO: This function is for basic point select mode. We definitely need to make a new one for the segment select mode.
+	#[allow(clippy::too_many_arguments)]
+	fn mouse_down(
+		&mut self,
+		shape_editor: &mut ShapeState,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		responses: &mut VecDeque<Message>,
+		extend_selection: bool,
+		lasso_select: bool,
+		handle_drag_from_anchor: bool,
+		drag_zero_handle: bool,
+		molding_in_segment_edit: bool,
+		path_overlay_mode: PathOverlayMode,
+		segment_editing_mode: bool,
+		point_editing_mode: bool,
+	) -> PathToolFsmState {
+		self.double_click_handled = false;
+		self.opposing_handle_lengths = None;
+
+		self.drag_start_pos = input.mouse.position;
+
+		if !self.saved_points_before_anchor_convert_smooth_sharp.is_empty() && (input.time - self.last_click_time > 500) {
+			self.saved_points_before_anchor_convert_smooth_sharp.clear();
+		}
+
+		self.last_click_time = input.time;
+
+		let old_selection = shape_editor.selected_points().cloned().collect::<Vec<_>>();
+
+		// Check if the point is already selected; if not, select the first point within the threshold (in pixels)
+		// Don't select the points which are not shown currently in PathOverlayMode
+		if let Some((already_selected, mut selection_info)) = shape_editor.get_point_selection_state(
+			&document.network_interface,
+			input.mouse.position,
+			SELECTION_THRESHOLD,
+			path_overlay_mode,
+			self.frontier_handles_info.clone(),
+			point_editing_mode,
+		) {
+			responses.add(DocumentMessage::StartTransaction);
+
+			self.last_clicked_point_was_selected = already_selected;
+
+			// If the point is already selected and shift (`extend_selection`) is used, keep the selection unchanged.
+			// Otherwise, select the first point within the threshold.
+			if !(already_selected && extend_selection) {
+				if let Some(updated_selection_info) = shape_editor.change_point_selection(
+					&document.network_interface,
+					input.mouse.position,
+					SELECTION_THRESHOLD,
+					extend_selection,
+					path_overlay_mode,
+					self.frontier_handles_info.clone(),
+				) {
+					selection_info = updated_selection_info;
+				}
+			}
+
+			if let Some(selected_points) = selection_info {
+				self.drag_start_pos = input.mouse.position;
+
+				// If selected points contain only handles and there was some selection before, then it is stored and becomes restored upon release
+				let mut dragging_only_handles = true;
+				for point in &selected_points.points {
+					if matches!(point.point_id, ManipulatorPointId::Anchor(_)) {
+						dragging_only_handles = false;
+						break;
+					}
+				}
+				if dragging_only_handles && !self.handle_drag_toggle && !old_selection.is_empty() {
+					self.saved_points_before_handle_drag = old_selection;
+				}
+
+				if handle_drag_from_anchor {
+					if let Some((layer, point)) = shape_editor.find_nearest_point_indices(&document.network_interface, input.mouse.position, SELECTION_THRESHOLD) {
+						// Check that selected point is an anchor
+						if let (Some(point_id), Some(vector_data)) = (point.as_anchor(), document.network_interface.compute_modified_vector(layer)) {
+							let handles = vector_data.all_connected(point_id).collect::<Vec<_>>();
+							self.alt_clicked_on_anchor = true;
+							for handle in &handles {
+								let modification_type = handle.set_relative_position(DVec2::ZERO);
+								responses.add(GraphOperationMessage::Vector { layer, modification_type });
+								for &handles in &vector_data.colinear_manipulators {
+									if handles.contains(handle) {
+										let modification_type = VectorModificationType::SetG1Continuous { handles, enabled: false };
+										responses.add(GraphOperationMessage::Vector { layer, modification_type });
+									}
+								}
+							}
+
+							let manipulator_point_id = handles[0].to_manipulator_point();
+							shape_editor.deselect_all_points();
+							shape_editor.select_points_by_manipulator_id(&vec![manipulator_point_id]);
+							responses.add(PathToolMessage::SelectedPointUpdated);
+						}
+					}
+				}
+
+				if let Some((Some(point), Some(vector_data))) = shape_editor
+					.find_nearest_point_indices(&document.network_interface, input.mouse.position, SELECTION_THRESHOLD)
+					.map(|(layer, point)| (point.as_anchor(), document.network_interface.compute_modified_vector(layer)))
+				{
+					let handles = vector_data
+						.all_connected(point)
+						.filter(|handle| handle.length(&vector_data) < 1e-6)
+						.map(|handle| handle.to_manipulator_point())
+						.collect::<Vec<_>>();
+					let endpoint = vector_data.extendable_points(false).any(|anchor| point == anchor);
+
+					if drag_zero_handle && (handles.len() == 1 && !endpoint) {
+						shape_editor.deselect_all_points();
+						shape_editor.select_points_by_manipulator_id(&handles);
+						shape_editor.convert_selected_manipulators_to_colinear_handles(responses, document);
+					}
+				}
+
+				self.start_dragging_point(selected_points, input, document, shape_editor);
+				responses.add(OverlaysMessage::Draw);
+			}
+			PathToolFsmState::Dragging(self.dragging_state)
+		}
+		// We didn't find a point nearby, so we will see if there is a segment to select or insert a point on
+		else if let Some(segment) = shape_editor.upper_closest_segment(&document.network_interface, input.mouse.position, SELECTION_THRESHOLD) {
+			responses.add(DocumentMessage::StartTransaction);
+
+			if segment_editing_mode && !molding_in_segment_edit {
+				let layer = segment.layer();
+				let segment_id = segment.segment();
+				let already_selected = shape_editor.selected_shape_state.get(&layer).is_some_and(|state| state.is_segment_selected(segment_id));
+				self.last_clicked_segment_was_selected = already_selected;
+
+				if !(already_selected && extend_selection) {
+					let retain_existing_selection = extend_selection || already_selected;
+					if !retain_existing_selection {
+						shape_editor.deselect_all_segments();
+						shape_editor.deselect_all_points();
+					}
+
+					// Add to selected segments
+					if let Some(selected_shape_state) = shape_editor.selected_shape_state.get_mut(&layer) {
+						selected_shape_state.select_segment(segment_id);
+					}
+				}
+
+				self.drag_start_pos = input.mouse.position;
+
+				let viewport_to_document = document.metadata().document_to_viewport.inverse();
+				self.previous_mouse_position = viewport_to_document.transform_point2(input.mouse.position);
+
+				responses.add(OverlaysMessage::Draw);
+				PathToolFsmState::Dragging(self.dragging_state)
+			} else {
+				let handle1 = ManipulatorPointId::PrimaryHandle(segment.segment());
+				let handle2 = ManipulatorPointId::EndHandle(segment.segment());
+				if let Some(vector_data) = document.network_interface.compute_modified_vector(segment.layer()) {
+					if let (Some(pos1), Some(pos2)) = (handle1.get_position(&vector_data), handle2.get_position(&vector_data)) {
+						self.molding_info = Some((pos1, pos2))
+					}
+				}
+				PathToolFsmState::MoldingSegment
+			}
+		}
+		// We didn't find a segment, so consider selecting the nearest shape instead and start drawing
+		else if let Some(layer) = document.click(input) {
+			shape_editor.deselect_all_points();
+			shape_editor.deselect_all_segments();
+			if extend_selection {
+				responses.add(NodeGraphMessage::SelectedNodesAdd { nodes: vec![layer.to_node()] });
+			} else {
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![layer.to_node()] });
+			}
+			self.drag_start_pos = input.mouse.position;
+			self.previous_mouse_position = document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position);
+
+			self.started_drawing_from_inside = true;
+
+			let selection_shape = if lasso_select { SelectionShapeType::Lasso } else { SelectionShapeType::Box };
+			PathToolFsmState::Drawing { selection_shape }
+		}
+		// Start drawing
+		else {
+			self.drag_start_pos = input.mouse.position;
+			self.previous_mouse_position = document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position);
+
+			let selection_shape = if lasso_select { SelectionShapeType::Lasso } else { SelectionShapeType::Box };
+			PathToolFsmState::Drawing { selection_shape }
+		}
+	}
+
+	fn start_dragging_point(&mut self, selected_points: SelectedPointsInfo, input: &InputPreprocessorMessageHandler, document: &DocumentMessageHandler, shape_editor: &mut ShapeState) {
+		let mut manipulators = HashMap::with_hasher(NoHashBuilder);
+		let mut unselected = Vec::new();
+		for (&layer, state) in &shape_editor.selected_shape_state {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+				continue;
+			};
+			let transform = document.metadata().transform_to_document(layer);
+
+			let mut layer_manipulators = HashSet::with_hasher(NoHashBuilder);
+			for point in state.selected_points() {
+				let Some(anchor) = point.get_anchor(&vector_data) else { continue };
+				layer_manipulators.insert(anchor);
+				let Some([handle1, handle2]) = point.get_handle_pair(&vector_data) else { continue };
+				let Some(handle) = point.as_handle() else { continue };
+				// Check which handle is selected and which is opposite
+				let opposite = if handle == handle1 { handle2 } else { handle1 };
+
+				self.opposite_handle_position = if self.opposite_handle_position.is_none() {
+					opposite.to_manipulator_point().get_position(&vector_data)
+				} else {
+					self.opposite_handle_position
+				};
+			}
+			for (&id, &position) in vector_data.point_domain.ids().iter().zip(vector_data.point_domain.positions()) {
+				if layer_manipulators.contains(&id) {
+					continue;
+				}
+				unselected.push(SnapCandidatePoint::handle(transform.transform_point2(position)))
+			}
+			if !layer_manipulators.is_empty() {
+				manipulators.insert(layer, layer_manipulators);
+			}
+		}
+		self.snap_cache = SnapCache { manipulators, unselected };
+
+		let viewport_to_document = document.metadata().document_to_viewport.inverse();
+		self.previous_mouse_position = viewport_to_document.transform_point2(input.mouse.position - selected_points.offset);
+	}
+
+	fn update_colinear(&mut self, equidistant: bool, toggle_colinear: bool, shape_editor: &mut ShapeState, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) -> bool {
+		// Check handle colinear state
+		let is_colinear = self
+			.selection_status
+			.angle()
+			.map(|angle| match angle {
+				ManipulatorAngle::Colinear => true,
+				ManipulatorAngle::Free | ManipulatorAngle::Mixed => false,
+			})
+			.unwrap_or(false);
+
+		// Check if the toggle_colinear key has just been pressed
+		if toggle_colinear && !self.toggle_colinear_debounce {
+			self.opposing_handle_lengths = None;
+			if is_colinear {
+				shape_editor.disable_colinear_handles_state_on_selected(&document.network_interface, responses);
+			} else {
+				shape_editor.convert_selected_manipulators_to_colinear_handles(responses, document);
+			}
+			self.toggle_colinear_debounce = true;
+			return true;
+		}
+		self.toggle_colinear_debounce = toggle_colinear;
+
+		if equidistant && self.opposing_handle_lengths.is_none() {
+			if !is_colinear {
+				// Try to get selected handle info
+				let Some((_, _, selected_handle_id)) = self.try_get_selected_handle_and_anchor(shape_editor, document) else {
+					self.opposing_handle_lengths = Some(shape_editor.opposing_handle_lengths(document));
+					return false;
+				};
+
+				let Some((layer, _)) = shape_editor.selected_shape_state.iter().next() else {
+					self.opposing_handle_lengths = Some(shape_editor.opposing_handle_lengths(document));
+					return false;
+				};
+
+				let Some(vector_data) = document.network_interface.compute_modified_vector(*layer) else {
+					self.opposing_handle_lengths = Some(shape_editor.opposing_handle_lengths(document));
+					return false;
+				};
+
+				// Check if handle has a pair (to ignore handles of edges of open paths)
+				if let Some(handle_pair) = selected_handle_id.get_handle_pair(&vector_data) {
+					let opposite_handle_length = handle_pair.iter().filter(|&&h| h.to_manipulator_point() != selected_handle_id).find_map(|&h| {
+						let opp_handle_pos = h.to_manipulator_point().get_position(&vector_data)?;
+						let opp_anchor_id = h.to_manipulator_point().get_anchor(&vector_data)?;
+						let opp_anchor_pos = vector_data.point_domain.position_from_id(opp_anchor_id)?;
+						Some((opp_handle_pos - opp_anchor_pos).length())
+					});
+
+					// Make handles colinear if opposite handle is zero length
+					if opposite_handle_length == Some(0.) {
+						shape_editor.convert_selected_manipulators_to_colinear_handles(responses, document);
+						return true;
+					}
+				}
+			}
+			self.opposing_handle_lengths = Some(shape_editor.opposing_handle_lengths(document));
+		}
+		false
+	}
+
+	/// Attempts to get a single selected handle. Also retrieves the position of the anchor it is connected to. Used for the purpose of snapping the angle.
+	fn try_get_selected_handle_and_anchor(&self, shape_editor: &ShapeState, document: &DocumentMessageHandler) -> Option<(DVec2, DVec2, ManipulatorPointId)> {
+		// Only count selections of a single layer
+		let (layer, selection) = shape_editor.selected_shape_state.iter().next()?;
+
+		// Do not allow selections of multiple points to count
+		if selection.selected_points_count() != 1 {
+			return None;
+		}
+
+		// Only count selected handles
+		let selected_handle = selection.selected_points().next()?.as_handle()?;
+		let handle_id = selected_handle.to_manipulator_point();
+
+		let layer_to_document = document.metadata().transform_to_document(*layer);
+		let vector_data = document.network_interface.compute_modified_vector(*layer)?;
+
+		let handle_position_local = selected_handle.to_manipulator_point().get_position(&vector_data)?;
+		let anchor_id = selected_handle.to_manipulator_point().get_anchor(&vector_data)?;
+		let anchor_position_local = vector_data.point_domain.position_from_id(anchor_id)?;
+
+		let handle_position_document = layer_to_document.transform_point2(handle_position_local);
+		let anchor_position_document = layer_to_document.transform_point2(anchor_position_local);
+
+		Some((handle_position_document, anchor_position_document, handle_id))
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	fn calculate_handle_angle(
+		&mut self,
+		shape_editor: &mut ShapeState,
+		document: &DocumentMessageHandler,
+		responses: &mut VecDeque<Message>,
+		relative_vector: DVec2,
+		handle_vector: DVec2,
+		handle_id: ManipulatorPointId,
+		lock_angle: bool,
+		snap_angle: bool,
+		tangent_to_neighboring_tangents: bool,
+	) -> f64 {
+		let current_angle = -handle_vector.angle_to(DVec2::X);
+
+		if let Some((vector_data, layer)) = shape_editor
+			.selected_shape_state
+			.iter()
+			.next()
+			.and_then(|(layer, _)| document.network_interface.compute_modified_vector(*layer).map(|vector_data| (vector_data, layer)))
+		{
+			let adjacent_anchor = check_handle_over_adjacent_anchor(handle_id, &vector_data);
+			let mut required_angle = None;
+
+			// If the handle is dragged over one of its adjacent anchors while holding down the Ctrl key, compute the angle based on the tangent formed with the neighboring anchor points.
+			if adjacent_anchor.is_some() && lock_angle && !self.angle_locked {
+				let anchor = handle_id.get_anchor(&vector_data);
+				let (angle, anchor_position) = calculate_adjacent_anchor_tangent(handle_id, anchor, adjacent_anchor, &vector_data);
+
+				let layer_to_document = document.metadata().transform_to_document(*layer);
+
+				self.adjacent_anchor_offset = handle_id
+					.get_anchor_position(&vector_data)
+					.and_then(|handle_anchor| anchor_position.map(|adjacent_anchor| layer_to_document.transform_point2(adjacent_anchor) - layer_to_document.transform_point2(handle_anchor)));
+
+				required_angle = angle;
+			}
+
+			// If the handle is dragged near its adjacent anchors while holding down the Ctrl key, compute the angle using the tangent direction of neighboring segments.
+			if relative_vector.length() < 25. && lock_angle && !self.angle_locked {
+				required_angle = calculate_lock_angle(self, shape_editor, responses, document, &vector_data, handle_id, tangent_to_neighboring_tangents);
+			}
+
+			// Finalize and apply angle locking if a valid target angle was determined.
+			if let Some(angle) = required_angle {
+				self.angle = angle;
+				self.angle_locked = true;
+				return angle;
+			}
+		}
+
+		if lock_angle && !self.angle_locked {
+			self.angle_locked = true;
+			self.angle = -relative_vector.angle_to(DVec2::X);
+			return -relative_vector.angle_to(DVec2::X);
+		}
+
+		// When the angle is locked we use the old angle
+		if self.angle_locked {
+			return self.angle;
+		}
+
+		// Round the angle to the closest increment
+		let mut handle_angle = current_angle;
+		if snap_angle && !lock_angle {
+			let snap_resolution = HANDLE_ROTATE_SNAP_ANGLE.to_radians();
+			handle_angle = (handle_angle / snap_resolution).round() * snap_resolution;
+		}
+
+		self.angle = handle_angle;
+
+		handle_angle
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	fn apply_snapping(
+		&mut self,
+		handle_direction: DVec2,
+		new_handle_position: DVec2,
+		anchor_position: DVec2,
+		using_angle_constraints: bool,
+		handle_position: DVec2,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+	) -> DVec2 {
+		let snap_data = SnapData::new(document, input);
+		let snap_point = SnapCandidatePoint::handle_neighbors(new_handle_position, [anchor_position]);
+
+		let snap_result = match using_angle_constraints {
+			true => {
+				let snap_constraint = SnapConstraint::Line {
+					origin: anchor_position,
+					direction: handle_direction.normalize_or_zero(),
+				};
+
+				self.snap_manager.constrained_snap(&snap_data, &snap_point, snap_constraint, Default::default())
+			}
+			false => self.snap_manager.free_snap(&snap_data, &snap_point, Default::default()),
+		};
+
+		self.snap_manager.update_indicator(snap_result.clone());
+
+		document.metadata().document_to_viewport.transform_vector2(snap_result.snapped_point_document - handle_position)
+	}
+
+	fn start_snap_along_axis(&mut self, shape_editor: &mut ShapeState, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) {
+		// Find the negative delta to take the point to the drag start position
+		let current_mouse = input.mouse.position;
+		let drag_start = self.drag_start_pos;
+		let opposite_delta = drag_start - current_mouse;
+
+		shape_editor.move_selected_points_and_segments(None, document, opposite_delta, false, true, false, None, false, responses);
+
+		// Calculate the projected delta and shift the points along that delta
+		let delta = current_mouse - drag_start;
+		let axis = if delta.x.abs() >= delta.y.abs() { Axis::X } else { Axis::Y };
+		self.snapping_axis = Some(axis);
+		let projected_delta = match axis {
+			Axis::X => DVec2::new(delta.x, 0.),
+			Axis::Y => DVec2::new(0., delta.y),
+			_ => DVec2::new(delta.x, 0.),
+		};
+
+		shape_editor.move_selected_points_and_segments(None, document, projected_delta, false, true, false, None, false, responses);
+	}
+
+	fn stop_snap_along_axis(&mut self, shape_editor: &mut ShapeState, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, responses: &mut VecDeque<Message>) {
+		// Calculate the negative delta of the selection and move it back to the drag start
+		let current_mouse = input.mouse.position;
+		let drag_start = self.drag_start_pos;
+
+		let opposite_delta = drag_start - current_mouse;
+		let Some(axis) = self.snapping_axis else { return };
+		let opposite_projected_delta = match axis {
+			Axis::X => DVec2::new(opposite_delta.x, 0.),
+			Axis::Y => DVec2::new(0., opposite_delta.y),
+			_ => DVec2::new(opposite_delta.x, 0.),
+		};
+
+		shape_editor.move_selected_points_and_segments(None, document, opposite_projected_delta, false, true, false, None, false, responses);
+
+		// Calculate what actually would have been the original delta for the point, and apply that
+		let delta = current_mouse - drag_start;
+
+		shape_editor.move_selected_points_and_segments(None, document, delta, false, true, false, None, false, responses);
+
+		self.snapping_axis = None;
+	}
+
+	fn get_normalized_tangent(&mut self, point: PointId, segment: SegmentId, vector_data: &VectorData) -> Option<DVec2> {
+		let other_point = vector_data.other_point(segment, point)?;
+		let position = ManipulatorPointId::Anchor(point).get_position(vector_data)?;
+
+		let mut handles = vector_data.all_connected(other_point);
+		let other_handle = handles.find(|handle| handle.segment == segment)?;
+
+		let target_position = if other_handle.length(vector_data) == 0. {
+			ManipulatorPointId::Anchor(other_point).get_position(vector_data)?
+		} else {
+			other_handle.to_manipulator_point().get_position(vector_data)?
+		};
+
+		let tangent_vector = target_position - position;
+		tangent_vector.try_normalize()
+	}
+
+	fn update_closest_segment(&mut self, shape_editor: &mut ShapeState, position: DVec2, document: &DocumentMessageHandler, path_overlay_mode: PathOverlayMode) {
+		// Check if there is no point nearby
+		if shape_editor
+			.find_nearest_visible_point_indices(&document.network_interface, position, SELECTION_THRESHOLD, path_overlay_mode, self.frontier_handles_info.clone())
+			.is_some()
+		{
+			self.segment = None;
+		}
+		// If already hovering on a segment, then recalculate its closest point
+		else if let Some(closest_segment) = &mut self.segment {
+			closest_segment.update_closest_point(document.metadata(), position);
+
+			if closest_segment.too_far(position, SEGMENT_INSERTION_DISTANCE) {
+				self.segment = None;
+			}
+		}
+		// If not, check that if there is some closest segment or not
+		else if let Some(closest_segment) = shape_editor.upper_closest_segment(&document.network_interface, position, SEGMENT_INSERTION_DISTANCE) {
+			self.segment = Some(closest_segment);
+		}
+	}
+
+	fn start_sliding_point(&mut self, shape_editor: &mut ShapeState, document: &DocumentMessageHandler) -> bool {
+		let single_anchor_selected = shape_editor.selected_points().count() == 1 && shape_editor.selected_points().any(|point| matches!(point, ManipulatorPointId::Anchor(_)));
+
+		if single_anchor_selected {
+			let Some(anchor) = shape_editor.selected_points().next() else { return false };
+			let Some(layer) = document.network_interface.selected_nodes().selected_layers(document.metadata()).next() else {
+				return false;
+			};
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+				return false;
+			};
+
+			// Check that the handles of anchor point are also colinear
+			if !vector_data.colinear(*anchor) {
+				return false;
+			};
+
+			let Some(point_id) = anchor.as_anchor() else { return false };
+
+			let mut connected_segments = [None, None];
+			for (segment, bezier, start, end) in vector_data.segment_bezier_iter() {
+				if start == point_id || end == point_id {
+					match (connected_segments[0], connected_segments[1]) {
+						(None, None) => connected_segments[0] = Some(SlidingSegmentData { segment_id: segment, bezier, start }),
+						(Some(_), None) => connected_segments[1] = Some(SlidingSegmentData { segment_id: segment, bezier, start }),
+						_ => {
+							warn!("more than two segments connected to the anchor point");
+							return false;
+						}
+					}
+				}
+			}
+			let connected_segments = if let [Some(seg1), Some(seg2)] = connected_segments {
+				[seg1, seg2]
+			} else {
+				warn!("expected exactly two connected segments");
+				return false;
+			};
+
+			self.sliding_point_info = Some(SlidingPointInfo {
+				anchor: point_id,
+				layer,
+				connected_segments,
+			});
+			return true;
+		}
+		false
+	}
+
+	fn slide_point(&mut self, target_position: DVec2, responses: &mut VecDeque<Message>, network_interface: &NodeNetworkInterface, shape_editor: &ShapeState) {
+		let Some(sliding_point_info) = self.sliding_point_info else { return };
+		let anchor = sliding_point_info.anchor;
+		let layer = sliding_point_info.layer;
+
+		let Some(vector_data) = network_interface.compute_modified_vector(layer) else { return };
+		let transform = network_interface.document_metadata().transform_to_viewport(layer);
+		let layer_pos = transform.inverse().transform_point2(target_position);
+
+		let segments = sliding_point_info.connected_segments;
+
+		let t1 = segments[0].bezier.project(layer_pos);
+		let position1 = segments[0].bezier.evaluate(TValue::Parametric(t1));
+
+		let t2 = segments[1].bezier.project(layer_pos);
+		let position2 = segments[1].bezier.evaluate(TValue::Parametric(t2));
+
+		let (closer_segment, farther_segment, t_value, new_position) = if position2.distance(layer_pos) < position1.distance(layer_pos) {
+			(segments[1], segments[0], t2, position2)
+		} else {
+			(segments[0], segments[1], t1, position1)
+		};
+
+		// Move the anchor to the new position
+		let Some(current_position) = ManipulatorPointId::Anchor(anchor).get_position(&vector_data) else {
+			return;
+		};
+		let delta = new_position - current_position;
+
+		shape_editor.move_anchor(anchor, &vector_data, delta, layer, None, responses);
+
+		// Make a split at the t_value
+		let [first, second] = closer_segment.bezier.split(TValue::Parametric(t_value));
+		let closer_segment_other_point = if anchor == closer_segment.start { closer_segment.bezier.end } else { closer_segment.bezier.start };
+
+		let (split_segment, other_segment) = if first.start == closer_segment_other_point { (first, second) } else { (second, first) };
+
+		// Primary handle maps to primary handle and secondary maps to secondary
+		let closer_primary_handle = HandleId::primary(closer_segment.segment_id);
+		let Some(handle_position) = split_segment.handle_start() else { return };
+		let relative_position1 = handle_position - split_segment.start;
+		let modification_type = closer_primary_handle.set_relative_position(relative_position1);
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		let closer_secondary_handle = HandleId::end(closer_segment.segment_id);
+		let Some(handle_position) = split_segment.handle_end() else { return };
+		let relative_position2 = handle_position - split_segment.end;
+		let modification_type = closer_secondary_handle.set_relative_position(relative_position2);
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		let end_handle_direction = if anchor == closer_segment.start { -relative_position1 } else { -relative_position2 };
+
+		let (farther_other_point, start_handle, end_handle, start_handle_pos) = if anchor == farther_segment.start {
+			(
+				farther_segment.bezier.end,
+				HandleId::end(farther_segment.segment_id),
+				HandleId::primary(farther_segment.segment_id),
+				farther_segment.bezier.handle_end(),
+			)
+		} else {
+			(
+				farther_segment.bezier.start,
+				HandleId::primary(farther_segment.segment_id),
+				HandleId::end(farther_segment.segment_id),
+				farther_segment.bezier.handle_start(),
+			)
+		};
+		let Some(start_handle_position) = start_handle_pos else { return };
+		let start_handle_direction = start_handle_position - farther_other_point;
+
+		// Get normalized direction vectors, if cubic handle is zero then we consider corresponding tangent
+		let d1 = start_handle_direction.try_normalize().unwrap_or({
+			if anchor == farther_segment.start {
+				-farther_segment.bezier.tangent(TValue::Parametric(0.99))
+			} else {
+				farther_segment.bezier.tangent(TValue::Parametric(0.01))
+			}
+		});
+
+		let d2 = end_handle_direction.try_normalize().unwrap_or_default();
+
+		let min_len1 = start_handle_direction.length() * 0.4;
+		let min_len2 = end_handle_direction.length() * 0.4;
+
+		let (relative_pos1, relative_pos2) = find_two_param_best_approximate(farther_other_point, new_position, d1, d2, min_len1, min_len2, farther_segment.bezier, other_segment);
+
+		// Now set those handles to these handle lengths keeping the directions d1, d2
+		let modification_type = start_handle.set_relative_position(relative_pos1);
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		let modification_type = end_handle.set_relative_position(relative_pos2);
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	fn drag(
+		&mut self,
+		equidistant: bool,
+		lock_angle: bool,
+		snap_angle: bool,
+		snap_axis: bool,
+		shape_editor: &mut ShapeState,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		responses: &mut VecDeque<Message>,
+	) {
+		// First check if selection is not just a single handle point
+		let selected_points = shape_editor.selected_points();
+		let single_handle_selected = selected_points.count() == 1
+			&& shape_editor
+				.selected_points()
+				.any(|point| matches!(point, ManipulatorPointId::EndHandle(_) | ManipulatorPointId::PrimaryHandle(_)));
+
+		// This is where it starts snapping along axis
+		if snap_axis && self.snapping_axis.is_none() && !single_handle_selected {
+			self.start_snap_along_axis(shape_editor, document, input, responses);
+		} else if !snap_axis && self.snapping_axis.is_some() {
+			self.stop_snap_along_axis(shape_editor, document, input, responses);
+		}
+
+		let document_to_viewport = document.metadata().document_to_viewport;
+		let previous_mouse = document_to_viewport.transform_point2(self.previous_mouse_position);
+		let current_mouse = input.mouse.position;
+		let raw_delta = document_to_viewport.inverse().transform_vector2(current_mouse - previous_mouse);
+
+		let snapped_delta = if let Some((handle_position, anchor_position, handle_id)) = self.try_get_selected_handle_and_anchor(shape_editor, document) {
+			let cursor_position = handle_position + raw_delta;
+
+			let handle_angle = self.calculate_handle_angle(
+				shape_editor,
+				document,
+				responses,
+				handle_position - anchor_position,
+				cursor_position - anchor_position,
+				handle_id,
+				lock_angle,
+				snap_angle,
+				equidistant,
+			);
+
+			let adjacent_anchor_offset = self.adjacent_anchor_offset.unwrap_or(DVec2::ZERO);
+			let constrained_direction = DVec2::new(handle_angle.cos(), handle_angle.sin());
+			let projected_length = (cursor_position - anchor_position - adjacent_anchor_offset).dot(constrained_direction);
+			let constrained_target = anchor_position + adjacent_anchor_offset + constrained_direction * projected_length;
+			let constrained_delta = constrained_target - handle_position;
+
+			self.apply_snapping(
+				constrained_direction,
+				handle_position + constrained_delta,
+				anchor_position + adjacent_anchor_offset,
+				lock_angle || snap_angle,
+				handle_position,
+				document,
+				input,
+			)
+		} else {
+			shape_editor.snap(&mut self.snap_manager, &self.snap_cache, document, input, previous_mouse)
+		};
+
+		let handle_lengths = if equidistant { None } else { self.opposing_handle_lengths.take() };
+		let opposite = if lock_angle { None } else { self.opposite_handle_position };
+		let unsnapped_delta = current_mouse - previous_mouse;
+		let mut was_alt_dragging = false;
+
+		if self.snapping_axis.is_none() {
+			if self.alt_clicked_on_anchor && !self.alt_dragging_from_anchor && self.drag_start_pos.distance(input.mouse.position) > DRAG_THRESHOLD {
+				// Checking which direction the dragging begins
+				self.alt_dragging_from_anchor = true;
+				let Some(layer) = document.network_interface.selected_nodes().selected_layers(document.metadata()).next() else {
+					return;
+				};
+				let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { return };
+				let Some(point_id) = shape_editor.selected_points().next().unwrap().get_anchor(&vector_data) else {
+					return;
+				};
+
+				if vector_data.connected_count(point_id) == 2 {
+					let connected_segments: Vec<HandleId> = vector_data.all_connected(point_id).collect();
+					let segment1 = connected_segments[0];
+					let Some(tangent1) = self.get_normalized_tangent(point_id, segment1.segment, &vector_data) else {
+						return;
+					};
+					let segment2 = connected_segments[1];
+					let Some(tangent2) = self.get_normalized_tangent(point_id, segment2.segment, &vector_data) else {
+						return;
+					};
+
+					let delta = input.mouse.position - self.drag_start_pos;
+					let handle = if delta.dot(tangent1) >= delta.dot(tangent2) {
+						segment1.to_manipulator_point()
+					} else {
+						segment2.to_manipulator_point()
+					};
+
+					// Now change the selection to this handle
+					shape_editor.deselect_all_points();
+					shape_editor.select_points_by_manipulator_id(&vec![handle]);
+					responses.add(PathToolMessage::SelectionChanged);
+				}
+			}
+
+			if self.alt_dragging_from_anchor && !equidistant && self.alt_clicked_on_anchor {
+				was_alt_dragging = true;
+				self.alt_dragging_from_anchor = false;
+				self.alt_clicked_on_anchor = false;
+			}
+
+			let mut skip_opposite = false;
+			if self.temporary_colinear_handles && !lock_angle {
+				shape_editor.disable_colinear_handles_state_on_selected(&document.network_interface, responses);
+				self.temporary_colinear_handles = false;
+				skip_opposite = true;
+			}
+			shape_editor.move_selected_points_and_segments(handle_lengths, document, snapped_delta, equidistant, true, was_alt_dragging, opposite, skip_opposite, responses);
+			self.previous_mouse_position += document_to_viewport.inverse().transform_vector2(snapped_delta);
+		} else {
+			let Some(axis) = self.snapping_axis else { return };
+			let projected_delta = match axis {
+				Axis::X => DVec2::new(unsnapped_delta.x, 0.),
+				Axis::Y => DVec2::new(0., unsnapped_delta.y),
+				_ => DVec2::new(unsnapped_delta.x, 0.),
+			};
+			shape_editor.move_selected_points_and_segments(handle_lengths, document, projected_delta, equidistant, true, false, opposite, false, responses);
+			self.previous_mouse_position += document_to_viewport.inverse().transform_vector2(unsnapped_delta);
+		}
+
+		// Constantly checking and changing the snapping axis based on current mouse position
+		if snap_axis && self.snapping_axis.is_some() {
+			let Some(current_axis) = self.snapping_axis else { return };
+			let total_delta = self.drag_start_pos - input.mouse.position;
+
+			if (total_delta.x.abs() > total_delta.y.abs() && current_axis == Axis::Y) || (total_delta.y.abs() > total_delta.x.abs() && current_axis == Axis::X) {
+				self.stop_snap_along_axis(shape_editor, document, input, responses);
+				self.start_snap_along_axis(shape_editor, document, input, responses);
+			}
+		}
+	}
+}
+
+impl Fsm for PathToolFsmState {
+	type ToolData = PathToolData;
+	type ToolOptions = PathToolOptions;
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, tool_options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData { document, input, shape_editor, .. } = tool_action_data;
+
+		update_dynamic_hints(self, responses, shape_editor, document, tool_data, tool_options);
+
+		let ToolMessage::Path(event) = event else { return self };
+		match (self, event) {
+			(_, PathToolMessage::SelectionChanged) => {
+				// Set the newly targeted layers to visible
+				let target_layers = document.network_interface.selected_nodes().selected_layers(document.metadata()).collect();
+				shape_editor.set_selected_layers(target_layers);
+
+				responses.add(OverlaysMessage::Draw);
+				self
+			}
+			(_, PathToolMessage::UpdateSelectedPointsStatus { overlay_context }) => {
+				let display_anchors = overlay_context.visibility_settings.anchors();
+				let display_handles = overlay_context.visibility_settings.handles();
+
+				shape_editor.update_selected_anchors_status(display_anchors);
+				shape_editor.update_selected_handles_status(display_handles);
+
+				self
+			}
+			(_, PathToolMessage::Overlays(mut overlay_context)) => {
+				// TODO: find the segment ids of which the selected points are a part of
+
+				match tool_options.path_overlay_mode {
+					PathOverlayMode::AllHandles => {
+						path_overlays(document, DrawHandles::All, shape_editor, &mut overlay_context);
+						tool_data.frontier_handles_info = None;
+					}
+					PathOverlayMode::SelectedPointHandles => {
+						let selected_segments = selected_segments(&document.network_interface, shape_editor);
+
+						path_overlays(document, DrawHandles::SelectedAnchors(selected_segments), shape_editor, &mut overlay_context);
+						tool_data.frontier_handles_info = None;
+					}
+					PathOverlayMode::FrontierHandles => {
+						let selected_segments = selected_segments(&document.network_interface, shape_editor);
+						let selected_points = shape_editor.selected_points();
+						let selected_anchors = selected_points
+							.filter_map(|point_id| if let ManipulatorPointId::Anchor(p) = point_id { Some(*p) } else { None })
+							.collect::<Vec<_>>();
+
+						// Match the behavior of `PathOverlayMode::SelectedPointHandles` when only one point is selected
+						if shape_editor.selected_points().count() == 1 {
+							path_overlays(document, DrawHandles::SelectedAnchors(selected_segments), shape_editor, &mut overlay_context);
+						} else {
+							let mut segment_endpoints: HashMap<SegmentId, Vec<PointId>> = HashMap::new();
+
+							for layer in document.network_interface.selected_nodes().selected_layers(document.metadata()) {
+								let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { continue };
+
+								// The points which are part of only one segment will be rendered
+								let mut selected_segments_by_point: HashMap<PointId, Vec<SegmentId>> = HashMap::new();
+
+								for (segment_id, _bezier, start, end) in vector_data.segment_bezier_iter() {
+									if selected_segments.contains(&segment_id) {
+										selected_segments_by_point.entry(start).or_default().push(segment_id);
+										selected_segments_by_point.entry(end).or_default().push(segment_id);
+									}
+								}
+
+								for (point, attached_segments) in selected_segments_by_point {
+									if attached_segments.len() == 1 {
+										segment_endpoints.entry(attached_segments[0]).or_default().push(point);
+									}
+									// Handle the edge case where a point, although not explicitly selected, is shared by two segments.
+									else if !selected_anchors.contains(&point) {
+										segment_endpoints.entry(attached_segments[0]).or_default().push(point);
+										segment_endpoints.entry(attached_segments[1]).or_default().push(point);
+									}
+								}
+							}
+
+							// Caching segment endpoints for use in point selection logic
+							tool_data.frontier_handles_info = Some(segment_endpoints.clone());
+
+							// Now frontier anchors can be sent for rendering overlays
+							path_overlays(document, DrawHandles::FrontierHandles(segment_endpoints), shape_editor, &mut overlay_context);
+						}
+					}
+				}
+
+				match self {
+					Self::Ready => {
+						tool_data.update_closest_segment(shape_editor, input.mouse.position, document, tool_options.path_overlay_mode);
+
+						if let Some(closest_segment) = &tool_data.segment {
+							if tool_options.path_editing_mode.segment_editing_mode {
+								let transform = document.metadata().transform_to_viewport(closest_segment.layer());
+
+								overlay_context.outline_overlay_bezier(closest_segment.bezier(), transform);
+
+								// Draw the anchors again
+								let display_anchors = overlay_context.visibility_settings.anchors();
+								if display_anchors {
+									let start_pos = transform.transform_point2(closest_segment.bezier().start);
+									let end_pos = transform.transform_point2(closest_segment.bezier().end);
+									let start_id = closest_segment.points()[0];
+									let end_id = closest_segment.points()[1];
+									if let Some(shape_state) = shape_editor.selected_shape_state.get_mut(&closest_segment.layer()) {
+										overlay_context.manipulator_anchor(start_pos, shape_state.is_point_selected(ManipulatorPointId::Anchor(start_id)), None);
+										overlay_context.manipulator_anchor(end_pos, shape_state.is_point_selected(ManipulatorPointId::Anchor(end_id)), None);
+									}
+								}
+							} else {
+								let perp = closest_segment.calculate_perp(document);
+								let point = closest_segment.closest_point(document.metadata());
+
+								// Draw an X on the segment
+								if tool_data.delete_segment_pressed {
+									let angle = 45_f64.to_radians();
+									let tilted_line = DVec2::from_angle(angle).rotate(perp);
+									let tilted_perp = tilted_line.perp();
+
+									overlay_context.line(point - tilted_line * SEGMENT_OVERLAY_SIZE, point + tilted_line * SEGMENT_OVERLAY_SIZE, Some(COLOR_OVERLAY_BLUE), None);
+									overlay_context.line(point - tilted_perp * SEGMENT_OVERLAY_SIZE, point + tilted_perp * SEGMENT_OVERLAY_SIZE, Some(COLOR_OVERLAY_BLUE), None);
+								}
+								// Draw a line on the segment
+								else {
+									overlay_context.line(point - perp * SEGMENT_OVERLAY_SIZE, point + perp * SEGMENT_OVERLAY_SIZE, Some(COLOR_OVERLAY_BLUE), None);
+								}
+							}
+						}
+					}
+					Self::Drawing { selection_shape } => {
+						let mut fill_color = graphene_std::Color::from_rgb_str(COLOR_OVERLAY_BLUE.strip_prefix('#').unwrap())
+							.unwrap()
+							.with_alpha(0.05)
+							.to_rgba_hex_srgb();
+						fill_color.insert(0, '#');
+						let fill_color = Some(fill_color.as_str());
+
+						let selection_mode = match tool_action_data.preferences.get_selection_mode() {
+							SelectionMode::Directional => tool_data.calculate_selection_mode_from_direction(document.metadata()),
+							selection_mode => selection_mode,
+						};
+
+						let quad = tool_data.selection_quad(document.metadata());
+						let polygon = &tool_data.lasso_polygon;
+
+						match (selection_shape, selection_mode, tool_data.started_drawing_from_inside) {
+							// Don't draw box if it is from inside a shape and selection just began
+							(SelectionShapeType::Box, SelectionMode::Enclosed, false) => overlay_context.dashed_quad(quad, None, fill_color, Some(4.), Some(4.), Some(0.5)),
+							(SelectionShapeType::Lasso, SelectionMode::Enclosed, _) => overlay_context.dashed_polygon(polygon, None, fill_color, Some(4.), Some(4.), Some(0.5)),
+							(SelectionShapeType::Box, _, false) => overlay_context.quad(quad, None, fill_color),
+							(SelectionShapeType::Lasso, _, _) => overlay_context.polygon(polygon, None, fill_color),
+							(SelectionShapeType::Box, _, _) => {}
+						}
+					}
+					Self::Dragging(_) => {
+						tool_data.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context);
+
+						// Draw the snapping axis lines
+						if tool_data.snapping_axis.is_some() {
+							let Some(axis) = tool_data.snapping_axis else { return self };
+							let origin = tool_data.drag_start_pos;
+							let viewport_diagonal = input.viewport_bounds.size().length();
+
+							let faded = |color: &str| {
+								let mut color = graphene_std::Color::from_rgb_str(color.strip_prefix('#').unwrap()).unwrap().with_alpha(0.25).to_rgba_hex_srgb();
+								color.insert(0, '#');
+								color
+							};
+							match axis {
+								Axis::Y => {
+									overlay_context.line(origin - DVec2::Y * viewport_diagonal, origin + DVec2::Y * viewport_diagonal, Some(COLOR_OVERLAY_GREEN), None);
+									overlay_context.line(origin - DVec2::X * viewport_diagonal, origin + DVec2::X * viewport_diagonal, Some(&faded(COLOR_OVERLAY_RED)), None);
+								}
+								Axis::X | Axis::Both => {
+									overlay_context.line(origin - DVec2::X * viewport_diagonal, origin + DVec2::X * viewport_diagonal, Some(COLOR_OVERLAY_RED), None);
+									overlay_context.line(origin - DVec2::Y * viewport_diagonal, origin + DVec2::Y * viewport_diagonal, Some(&faded(COLOR_OVERLAY_GREEN)), None);
+								}
+							}
+						}
+					}
+					Self::SlidingPoint => {}
+					Self::MoldingSegment => {}
+				}
+
+				responses.add(PathToolMessage::SelectedPointUpdated);
+				responses.add(PathToolMessage::UpdateSelectedPointsStatus { overlay_context });
+				self
+			}
+
+			// Mouse down
+			(
+				_,
+				PathToolMessage::MouseDown {
+					extend_selection,
+					lasso_select,
+					handle_drag_from_anchor,
+					drag_restore_handle,
+					molding_in_segment_edit,
+				},
+			) => {
+				let extend_selection = input.keyboard.get(extend_selection as usize);
+				let lasso_select = input.keyboard.get(lasso_select as usize);
+				let handle_drag_from_anchor = input.keyboard.get(handle_drag_from_anchor as usize);
+				let drag_zero_handle = input.keyboard.get(drag_restore_handle as usize);
+				let molding_in_segment_edit = input.keyboard.get(molding_in_segment_edit as usize);
+
+				tool_data.selection_mode = None;
+				tool_data.lasso_polygon.clear();
+
+				tool_data.mouse_down(
+					shape_editor,
+					document,
+					input,
+					responses,
+					extend_selection,
+					lasso_select,
+					handle_drag_from_anchor,
+					drag_zero_handle,
+					molding_in_segment_edit,
+					tool_options.path_overlay_mode,
+					tool_options.path_editing_mode.segment_editing_mode,
+					tool_options.path_editing_mode.point_editing_mode,
+				)
+			}
+			(
+				PathToolFsmState::Drawing { selection_shape },
+				PathToolMessage::PointerMove {
+					equidistant,
+					toggle_colinear,
+					move_anchor_with_handles,
+					snap_angle,
+					lock_angle,
+					delete_segment,
+					break_colinear_molding,
+				},
+			) => {
+				tool_data.previous_mouse_position = document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position);
+				tool_data.started_drawing_from_inside = false;
+
+				if selection_shape == SelectionShapeType::Lasso {
+					extend_lasso(&mut tool_data.lasso_polygon, input.mouse.position);
+				}
+
+				responses.add(OverlaysMessage::Draw);
+
+				// Auto-panning
+				let messages = [
+					PathToolMessage::PointerOutsideViewport {
+						equidistant,
+						toggle_colinear,
+						move_anchor_with_handles,
+						snap_angle,
+						lock_angle,
+						delete_segment,
+						break_colinear_molding,
+					}
+					.into(),
+					PathToolMessage::PointerMove {
+						equidistant,
+						toggle_colinear,
+						move_anchor_with_handles,
+						snap_angle,
+						lock_angle,
+						delete_segment,
+						break_colinear_molding,
+					}
+					.into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				PathToolFsmState::Drawing { selection_shape }
+			}
+			(
+				PathToolFsmState::Dragging(_),
+				PathToolMessage::PointerMove {
+					equidistant,
+					toggle_colinear,
+					move_anchor_with_handles,
+					snap_angle,
+					lock_angle,
+					delete_segment,
+					break_colinear_molding,
+				},
+			) => {
+				let mut selected_only_handles = true;
+
+				let selected_points = shape_editor.selected_points();
+
+				for point in selected_points {
+					if matches!(point, ManipulatorPointId::Anchor(_)) {
+						selected_only_handles = false;
+						break;
+					}
+				}
+
+				if !tool_data.saved_points_before_handle_drag.is_empty() && (tool_data.drag_start_pos.distance(input.mouse.position) > DRAG_THRESHOLD) && (selected_only_handles) {
+					tool_data.handle_drag_toggle = true;
+				}
+
+				let anchor_and_handle_toggled = input.keyboard.get(move_anchor_with_handles as usize);
+				let initial_press = anchor_and_handle_toggled && !tool_data.select_anchor_toggled;
+				let released_from_toggle = tool_data.select_anchor_toggled && !anchor_and_handle_toggled;
+
+				if initial_press {
+					responses.add(PathToolMessage::SelectedPointUpdated);
+					tool_data.select_anchor_toggled = true;
+					tool_data.save_points_before_anchor_toggle(shape_editor.selected_points().cloned().collect());
+					shape_editor.select_handles_and_anchor_connected_to_current_handle(&document.network_interface);
+				} else if released_from_toggle {
+					responses.add(PathToolMessage::SelectedPointUpdated);
+					tool_data.select_anchor_toggled = false;
+					shape_editor.deselect_all_points();
+					shape_editor.select_points_by_manipulator_id(&tool_data.saved_points_before_anchor_select_toggle);
+					tool_data.remove_saved_points();
+				}
+
+				let toggle_colinear_state = input.keyboard.get(toggle_colinear as usize);
+				let equidistant_state = input.keyboard.get(equidistant as usize);
+				let lock_angle_state = input.keyboard.get(lock_angle as usize);
+				let snap_angle_state = input.keyboard.get(snap_angle as usize);
+
+				if !lock_angle_state {
+					tool_data.angle_locked = false;
+					tool_data.adjacent_anchor_offset = None;
+				}
+
+				if !tool_data.update_colinear(equidistant_state, toggle_colinear_state, tool_action_data.shape_editor, tool_action_data.document, responses) {
+					if snap_angle_state && lock_angle_state && tool_data.start_sliding_point(tool_action_data.shape_editor, tool_action_data.document) {
+						return PathToolFsmState::SlidingPoint;
+					}
+
+					tool_data.drag(
+						equidistant_state,
+						lock_angle_state,
+						snap_angle_state,
+						snap_angle_state,
+						tool_action_data.shape_editor,
+						tool_action_data.document,
+						input,
+						responses,
+					);
+				}
+
+				// Auto-panning
+				let messages = [
+					PathToolMessage::PointerOutsideViewport {
+						toggle_colinear,
+						equidistant,
+						move_anchor_with_handles,
+						snap_angle,
+						lock_angle,
+						delete_segment,
+						break_colinear_molding,
+					}
+					.into(),
+					PathToolMessage::PointerMove {
+						toggle_colinear,
+						equidistant,
+						move_anchor_with_handles,
+						snap_angle,
+						lock_angle,
+						delete_segment,
+						break_colinear_molding,
+					}
+					.into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				PathToolFsmState::Dragging(tool_data.dragging_state)
+			}
+			(PathToolFsmState::SlidingPoint, PathToolMessage::PointerMove { .. }) => {
+				tool_data.slide_point(input.mouse.position, responses, &document.network_interface, shape_editor);
+				PathToolFsmState::SlidingPoint
+			}
+			(PathToolFsmState::MoldingSegment, PathToolMessage::PointerMove { break_colinear_molding, .. }) => {
+				if tool_data.drag_start_pos.distance(input.mouse.position) > DRAG_THRESHOLD {
+					tool_data.molding_segment = true;
+				}
+
+				let break_colinear_molding = input.keyboard.get(break_colinear_molding as usize);
+
+				// Logic for molding segment
+				if let Some(segment) = &mut tool_data.segment {
+					if let Some(molding_segment_handles) = tool_data.molding_info {
+						tool_data.temporary_adjacent_handles_while_molding = segment.mold_handle_positions(
+							document,
+							responses,
+							molding_segment_handles,
+							input.mouse.position,
+							break_colinear_molding,
+							tool_data.temporary_adjacent_handles_while_molding,
+						);
+					}
+				}
+
+				PathToolFsmState::MoldingSegment
+			}
+			(PathToolFsmState::Ready, PathToolMessage::PointerMove { delete_segment, .. }) => {
+				tool_data.delete_segment_pressed = input.keyboard.get(delete_segment as usize);
+
+				if !tool_data.saved_points_before_anchor_convert_smooth_sharp.is_empty() {
+					tool_data.saved_points_before_anchor_convert_smooth_sharp.clear();
+				}
+
+				if tool_data.adjacent_anchor_offset.is_some() {
+					tool_data.adjacent_anchor_offset = None;
+				}
+
+				responses.add(OverlaysMessage::Draw);
+
+				self
+			}
+			(PathToolFsmState::Drawing { selection_shape: selection_type }, PathToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				if let Some(offset) = tool_data.auto_panning.shift_viewport(input, responses) {
+					tool_data.drag_start_pos += offset;
+				}
+
+				PathToolFsmState::Drawing { selection_shape: selection_type }
+			}
+			(PathToolFsmState::Dragging(dragging_state), PathToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				if let Some(offset) = tool_data.auto_panning.shift_viewport(input, responses) {
+					tool_data.drag_start_pos += offset;
+				}
+
+				PathToolFsmState::Dragging(dragging_state)
+			}
+			(
+				state,
+				PathToolMessage::PointerOutsideViewport {
+					equidistant,
+					toggle_colinear,
+					move_anchor_with_handles,
+					snap_angle,
+					lock_angle,
+					delete_segment,
+					break_colinear_molding,
+				},
+			) => {
+				// Auto-panning
+				let messages = [
+					PathToolMessage::PointerOutsideViewport {
+						equidistant,
+						toggle_colinear,
+						move_anchor_with_handles,
+						snap_angle,
+						lock_angle,
+						delete_segment,
+						break_colinear_molding,
+					}
+					.into(),
+					PathToolMessage::PointerMove {
+						equidistant,
+						toggle_colinear,
+						move_anchor_with_handles,
+						snap_angle,
+						lock_angle,
+						delete_segment,
+						break_colinear_molding,
+					}
+					.into(),
+				];
+				tool_data.auto_panning.stop(&messages, responses);
+
+				state
+			}
+			(PathToolFsmState::Drawing { selection_shape }, PathToolMessage::Enter { extend_selection, shrink_selection }) => {
+				let extend_selection = input.keyboard.get(extend_selection as usize);
+				let shrink_selection = input.keyboard.get(shrink_selection as usize);
+
+				let selection_change = if shrink_selection {
+					SelectionChange::Shrink
+				} else if extend_selection {
+					SelectionChange::Extend
+				} else {
+					SelectionChange::Clear
+				};
+
+				let document_to_viewport = document.metadata().document_to_viewport;
+				let previous_mouse = document_to_viewport.transform_point2(tool_data.previous_mouse_position);
+				if tool_data.drag_start_pos == previous_mouse {
+					responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![] });
+				} else {
+					let selection_mode = match tool_action_data.preferences.get_selection_mode() {
+						SelectionMode::Directional => tool_data.calculate_selection_mode_from_direction(document.metadata()),
+						selection_mode => selection_mode,
+					};
+
+					match selection_shape {
+						SelectionShapeType::Box => {
+							let bbox = [tool_data.drag_start_pos, previous_mouse];
+							shape_editor.select_all_in_shape(
+								&document.network_interface,
+								SelectionShape::Box(bbox),
+								selection_change,
+								tool_options.path_overlay_mode,
+								tool_data.frontier_handles_info.clone(),
+								tool_options.path_editing_mode.segment_editing_mode,
+								selection_mode,
+							);
+						}
+						SelectionShapeType::Lasso => shape_editor.select_all_in_shape(
+							&document.network_interface,
+							SelectionShape::Lasso(&tool_data.lasso_polygon),
+							selection_change,
+							tool_options.path_overlay_mode,
+							tool_data.frontier_handles_info.clone(),
+							tool_options.path_editing_mode.segment_editing_mode,
+							selection_mode,
+						),
+					}
+				}
+
+				responses.add(OverlaysMessage::Draw);
+
+				PathToolFsmState::Ready
+			}
+			(PathToolFsmState::Dragging { .. }, PathToolMessage::Escape | PathToolMessage::RightClick) => {
+				if tool_data.handle_drag_toggle && tool_data.drag_start_pos.distance(input.mouse.position) > DRAG_THRESHOLD {
+					shape_editor.deselect_all_points();
+					shape_editor.deselect_all_segments();
+					shape_editor.select_points_by_manipulator_id(&tool_data.saved_points_before_handle_drag);
+
+					tool_data.saved_points_before_handle_drag.clear();
+					tool_data.handle_drag_toggle = false;
+				}
+				tool_data.angle_locked = false;
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.snap_manager.cleanup(responses);
+				PathToolFsmState::Ready
+			}
+			(PathToolFsmState::Drawing { .. }, PathToolMessage::Escape | PathToolMessage::RightClick) => {
+				tool_data.snap_manager.cleanup(responses);
+				PathToolFsmState::Ready
+			}
+			(PathToolFsmState::SlidingPoint, PathToolMessage::Escape | PathToolMessage::RightClick) => {
+				tool_data.sliding_point_info = None;
+
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.snap_manager.cleanup(responses);
+
+				PathToolFsmState::Ready
+			}
+			(PathToolFsmState::MoldingSegment, PathToolMessage::Escape | PathToolMessage::RightClick) => {
+				// Undo the molding and go back to the state before
+				tool_data.molding_info = None;
+				tool_data.molding_segment = false;
+				tool_data.temporary_adjacent_handles_while_molding = None;
+
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.snap_manager.cleanup(responses);
+
+				PathToolFsmState::Ready
+			}
+			// Mouse up
+			(PathToolFsmState::Drawing { selection_shape }, PathToolMessage::DragStop { extend_selection, shrink_selection }) => {
+				let extend_selection = input.keyboard.get(extend_selection as usize);
+				let shrink_selection = input.keyboard.get(shrink_selection as usize);
+
+				let select_kind = if shrink_selection {
+					SelectionChange::Shrink
+				} else if extend_selection {
+					SelectionChange::Extend
+				} else {
+					SelectionChange::Clear
+				};
+
+				let document_to_viewport = document.metadata().document_to_viewport;
+				let previous_mouse = document_to_viewport.transform_point2(tool_data.previous_mouse_position);
+
+				let selection_mode = match tool_action_data.preferences.get_selection_mode() {
+					SelectionMode::Directional => tool_data.calculate_selection_mode_from_direction(document.metadata()),
+					selection_mode => selection_mode,
+				};
+
+				if tool_data.drag_start_pos.distance(previous_mouse) < 1e-8 {
+					// If click happens inside of a shape then don't set selected nodes to empty
+					if document.click(input).is_none() {
+						responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![] });
+					}
+				} else {
+					match selection_shape {
+						SelectionShapeType::Box => {
+							let bbox = [tool_data.drag_start_pos, previous_mouse];
+							shape_editor.select_all_in_shape(
+								&document.network_interface,
+								SelectionShape::Box(bbox),
+								select_kind,
+								tool_options.path_overlay_mode,
+								tool_data.frontier_handles_info.clone(),
+								tool_options.path_editing_mode.segment_editing_mode,
+								selection_mode,
+							);
+						}
+						SelectionShapeType::Lasso => shape_editor.select_all_in_shape(
+							&document.network_interface,
+							SelectionShape::Lasso(&tool_data.lasso_polygon),
+							select_kind,
+							tool_options.path_overlay_mode,
+							tool_data.frontier_handles_info.clone(),
+							tool_options.path_editing_mode.segment_editing_mode,
+							selection_mode,
+						),
+					}
+				}
+				responses.add(OverlaysMessage::Draw);
+				responses.add(PathToolMessage::SelectedPointUpdated);
+
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::DragStop { extend_selection, .. }) => {
+				let extend_selection = input.keyboard.get(extend_selection as usize);
+				let drag_occurred = tool_data.drag_start_pos.distance(input.mouse.position) > DRAG_THRESHOLD;
+
+				let nearest_point = shape_editor.find_nearest_visible_point_indices(
+					&document.network_interface,
+					input.mouse.position,
+					SELECTION_THRESHOLD,
+					tool_options.path_overlay_mode,
+					tool_data.frontier_handles_info.clone(),
+				);
+
+				let nearest_segment = tool_data.segment.clone();
+
+				if let Some(segment) = &mut tool_data.segment {
+					let segment_mode = tool_options.path_editing_mode.segment_editing_mode;
+					if !drag_occurred && !tool_data.molding_segment && !segment_mode {
+						if tool_data.delete_segment_pressed {
+							if let Some(vector_data) = document.network_interface.compute_modified_vector(segment.layer()) {
+								shape_editor.dissolve_segment(responses, segment.layer(), &vector_data, segment.segment(), segment.points());
+							}
+						} else {
+							segment.adjusted_insert_and_select(shape_editor, responses, extend_selection);
+						}
+					}
+
+					tool_data.segment = None;
+					tool_data.molding_info = None;
+					tool_data.molding_segment = false;
+					tool_data.temporary_adjacent_handles_while_molding = None;
+				}
+
+				let segment_mode = tool_options.path_editing_mode.segment_editing_mode;
+
+				if let Some((layer, nearest_point)) = nearest_point {
+					let clicked_selected = shape_editor.selected_points().any(|&point| nearest_point == point);
+					if !drag_occurred && extend_selection {
+						if clicked_selected && tool_data.last_clicked_point_was_selected {
+							shape_editor.selected_shape_state.entry(layer).or_default().deselect_point(nearest_point);
+						} else {
+							shape_editor.selected_shape_state.entry(layer).or_default().select_point(nearest_point);
+						}
+						responses.add(OverlaysMessage::Draw);
+					}
+					if !drag_occurred && !extend_selection && clicked_selected {
+						if tool_data.saved_points_before_anchor_convert_smooth_sharp.is_empty() {
+							tool_data.saved_points_before_anchor_convert_smooth_sharp = shape_editor.selected_points().copied().collect::<HashSet<_>>();
+						}
+
+						shape_editor.deselect_all_points();
+						shape_editor.deselect_all_segments();
+
+						shape_editor.selected_shape_state.entry(layer).or_default().select_point(nearest_point);
+
+						responses.add(OverlaysMessage::Draw);
+					}
+				}
+				// Segment editing mode
+				else if let Some(nearest_segment) = nearest_segment {
+					if segment_mode {
+						let clicked_selected = shape_editor.selected_segments().any(|&segment| segment == nearest_segment.segment());
+						if !drag_occurred && extend_selection {
+							if clicked_selected && tool_data.last_clicked_segment_was_selected {
+								shape_editor
+									.selected_shape_state
+									.entry(nearest_segment.layer())
+									.or_default()
+									.deselect_segment(nearest_segment.segment());
+							} else {
+								shape_editor.selected_shape_state.entry(nearest_segment.layer()).or_default().select_segment(nearest_segment.segment());
+							}
+
+							responses.add(OverlaysMessage::Draw);
+						}
+						if !drag_occurred && !extend_selection && clicked_selected {
+							shape_editor.deselect_all_segments();
+							shape_editor.deselect_all_points();
+							shape_editor.selected_shape_state.entry(nearest_segment.layer()).or_default().select_segment(nearest_segment.segment());
+
+							responses.add(OverlaysMessage::Draw);
+						}
+					}
+				}
+				// Deselect all points if the user clicks the filled region of the shape
+				else if tool_data.drag_start_pos.distance(input.mouse.position) <= DRAG_THRESHOLD {
+					shape_editor.deselect_all_points();
+					shape_editor.deselect_all_segments();
+				}
+
+				if tool_data.temporary_colinear_handles {
+					tool_data.temporary_colinear_handles = false;
+				}
+
+				if tool_data.handle_drag_toggle && drag_occurred {
+					shape_editor.deselect_all_points();
+					shape_editor.select_points_by_manipulator_id(&tool_data.saved_points_before_handle_drag);
+
+					tool_data.saved_points_before_handle_drag.clear();
+					tool_data.handle_drag_toggle = false;
+				}
+
+				tool_data.alt_dragging_from_anchor = false;
+				tool_data.alt_clicked_on_anchor = false;
+				tool_data.angle_locked = false;
+
+				if tool_data.select_anchor_toggled {
+					shape_editor.deselect_all_points();
+					shape_editor.select_points_by_manipulator_id(&tool_data.saved_points_before_anchor_select_toggle);
+					tool_data.remove_saved_points();
+					tool_data.select_anchor_toggled = false;
+				}
+
+				tool_data.snapping_axis = None;
+				tool_data.sliding_point_info = None;
+
+				responses.add(DocumentMessage::EndTransaction);
+				responses.add(PathToolMessage::SelectedPointUpdated);
+				tool_data.snap_manager.cleanup(responses);
+				tool_data.opposite_handle_position = None;
+
+				PathToolFsmState::Ready
+			}
+
+			// Delete key
+			(_, PathToolMessage::Delete) => {
+				// Delete the selected points and clean up overlays
+				responses.add(DocumentMessage::AddTransaction);
+				shape_editor.delete_selected_segments(document, responses);
+				shape_editor.delete_selected_points(document, responses);
+				responses.add(PathToolMessage::SelectionChanged);
+
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::BreakPath) => {
+				shape_editor.break_path_at_selected_point(document, responses);
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::DeleteAndBreakPath) => {
+				shape_editor.delete_point_and_break_path(document, responses);
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::FlipSmoothSharp) => {
+				// Double-clicked on a point
+				let nearest_point = shape_editor.find_nearest_point_indices(&document.network_interface, input.mouse.position, SELECTION_THRESHOLD);
+				if nearest_point.is_some() {
+					// Flip the selected point between smooth and sharp
+					if !tool_data.double_click_handled && tool_data.drag_start_pos.distance(input.mouse.position) <= DRAG_THRESHOLD {
+						responses.add(DocumentMessage::StartTransaction);
+
+						shape_editor.select_points_by_manipulator_id(&tool_data.saved_points_before_anchor_convert_smooth_sharp.iter().copied().collect::<Vec<_>>());
+						shape_editor.flip_smooth_sharp(&document.network_interface, input.mouse.position, SELECTION_TOLERANCE, responses);
+						tool_data.saved_points_before_anchor_convert_smooth_sharp.clear();
+
+						responses.add(DocumentMessage::EndTransaction);
+						responses.add(PathToolMessage::SelectedPointUpdated);
+					}
+
+					return PathToolFsmState::Ready;
+				}
+
+				// Double-clicked on a filled region
+				if let Some(layer) = document.click(input) {
+					// Select all points in the layer
+					shape_editor.select_connected_anchors(document, layer, input.mouse.position);
+					responses.add(OverlaysMessage::Draw);
+				}
+
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::Abort) => {
+				responses.add(OverlaysMessage::Draw);
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::NudgeSelectedPoints { delta_x, delta_y }) => {
+				shape_editor.move_selected_points_and_segments(
+					tool_data.opposing_handle_lengths.take(),
+					document,
+					(delta_x, delta_y).into(),
+					true,
+					false,
+					false,
+					tool_data.opposite_handle_position,
+					false,
+					responses,
+				);
+
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::SelectAllAnchors) => {
+				shape_editor.select_all_anchors_in_selected_layers(document);
+				responses.add(OverlaysMessage::Draw);
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::DeselectAllPoints) => {
+				shape_editor.deselect_all_points();
+				responses.add(OverlaysMessage::Draw);
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::SelectedPointXChanged { new_x }) => {
+				if let Some(&SingleSelectedPoint { coordinates, id, layer, .. }) = tool_data.selection_status.as_one() {
+					shape_editor.reposition_control_point(&id, &document.network_interface, DVec2::new(new_x, coordinates.y), layer, responses);
+				}
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::SelectedPointYChanged { new_y }) => {
+				if let Some(&SingleSelectedPoint { coordinates, id, layer, .. }) = tool_data.selection_status.as_one() {
+					shape_editor.reposition_control_point(&id, &document.network_interface, DVec2::new(coordinates.x, new_y), layer, responses);
+				}
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::SelectedPointUpdated) => {
+				let colinear = shape_editor.selected_manipulator_angles(&document.network_interface);
+				tool_data.dragging_state = DraggingState {
+					point_select_state: shape_editor.get_dragging_state(&document.network_interface),
+					colinear,
+				};
+				tool_data.update_selection_status(shape_editor, document);
+				self
+			}
+			(_, PathToolMessage::ManipulatorMakeHandlesColinear) => {
+				responses.add(DocumentMessage::StartTransaction);
+				shape_editor.convert_selected_manipulators_to_colinear_handles(responses, document);
+				responses.add(DocumentMessage::EndTransaction);
+				responses.add(PathToolMessage::SelectionChanged);
+				PathToolFsmState::Ready
+			}
+			(_, PathToolMessage::ManipulatorMakeHandlesFree) => {
+				responses.add(DocumentMessage::StartTransaction);
+				shape_editor.disable_colinear_handles_state_on_selected(&document.network_interface, responses);
+				responses.add(DocumentMessage::EndTransaction);
+				PathToolFsmState::Ready
+			}
+			(_, _) => PathToolFsmState::Ready,
+		}
+	}
+
+	fn update_hints(&self, _responses: &mut VecDeque<Message>) {
+		// Moved logic to update_dynamic_hints
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+	}
+}
+
+#[derive(Debug, PartialEq, Default)]
+enum SelectionStatus {
+	#[default]
+	None,
+	One(SingleSelectedPoint),
+	Multiple(MultipleSelectedPoints),
+}
+
+impl SelectionStatus {
+	fn as_one(&self) -> Option<&SingleSelectedPoint> {
+		match self {
+			SelectionStatus::One(one) => Some(one),
+			_ => None,
+		}
+	}
+
+	fn angle(&self) -> Option<ManipulatorAngle> {
+		match self {
+			Self::None => None,
+			Self::One(one) => Some(one.manipulator_angle),
+			Self::Multiple(one) => Some(one.manipulator_angle),
+		}
+	}
+}
+
+#[derive(Debug, PartialEq)]
+struct MultipleSelectedPoints {
+	manipulator_angle: ManipulatorAngle,
+}
+
+#[derive(Debug, PartialEq)]
+struct SingleSelectedPoint {
+	coordinates: DVec2,
+	id: ManipulatorPointId,
+	layer: LayerNodeIdentifier,
+	manipulator_angle: ManipulatorAngle,
+}
+
+/// Sets the cumulative description of the selected points: if `None` are selected, if `One` is selected, or if `Multiple` are selected.
+/// Applies to any selected points, whether they are anchors or handles; and whether they are from a single shape or across multiple shapes.
+fn get_selection_status(network_interface: &NodeNetworkInterface, shape_state: &mut ShapeState) -> SelectionStatus {
+	let mut selection_layers = shape_state.selected_shape_state.iter().map(|(k, v)| (*k, v.selected_points_count()));
+	let total_selected_points = selection_layers.clone().map(|(_, v)| v).sum::<usize>();
+
+	// Check to see if only one manipulator group in a single shape is selected
+	if total_selected_points == 1 {
+		let Some(layer) = selection_layers.find(|(_, v)| *v > 0).map(|(k, _)| k) else {
+			return SelectionStatus::None;
+		};
+		let Some(vector_data) = network_interface.compute_modified_vector(layer) else {
+			return SelectionStatus::None;
+		};
+		let Some(&point) = shape_state.selected_points().next() else {
+			return SelectionStatus::None;
+		};
+		let Some(local_position) = point.get_position(&vector_data) else {
+			return SelectionStatus::None;
+		};
+
+		let coordinates = network_interface.document_metadata().transform_to_document(layer).transform_point2(local_position);
+		let manipulator_angle = if vector_data.colinear(point) { ManipulatorAngle::Colinear } else { ManipulatorAngle::Free };
+
+		return SelectionStatus::One(SingleSelectedPoint {
+			coordinates,
+			layer,
+			id: point,
+			manipulator_angle,
+		});
+	};
+
+	// Check to see if multiple manipulator groups are selected
+	if total_selected_points > 1 {
+		return SelectionStatus::Multiple(MultipleSelectedPoints {
+			manipulator_angle: shape_state.selected_manipulator_angles(network_interface),
+		});
+	}
+
+	SelectionStatus::None
+}
+
+fn calculate_lock_angle(
+	tool_data: &mut PathToolData,
+	shape_state: &mut ShapeState,
+	responses: &mut VecDeque<Message>,
+	document: &DocumentMessageHandler,
+	vector_data: &VectorData,
+	handle_id: ManipulatorPointId,
+	tangent_to_neighboring_tangents: bool,
+) -> Option<f64> {
+	let anchor = handle_id.get_anchor(vector_data)?;
+	let anchor_position = vector_data.point_domain.position_from_id(anchor);
+	let current_segment = handle_id.get_segment();
+	let points_connected = vector_data.connected_count(anchor);
+
+	let (anchor_position, segment) = anchor_position.zip(current_segment)?;
+	if points_connected == 1 {
+		calculate_segment_angle(anchor, segment, vector_data, false)
+	} else {
+		let opposite_handle = handle_id
+			.get_handle_pair(vector_data)
+			.iter()
+			.flatten()
+			.find(|&h| h.to_manipulator_point() != handle_id)
+			.copied()
+			.map(|h| h.to_manipulator_point());
+		let opposite_handle_position = opposite_handle.and_then(|h| h.get_position(vector_data)).filter(|pos| (pos - anchor_position).length() > 1e-6);
+
+		if let Some(opposite_pos) = opposite_handle_position {
+			if !vector_data.colinear_manipulators.iter().flatten().map(|h| h.to_manipulator_point()).any(|h| h == handle_id) {
+				shape_state.convert_selected_manipulators_to_colinear_handles(responses, document);
+				tool_data.temporary_colinear_handles = true;
+			}
+			Some(-(opposite_pos - anchor_position).angle_to(DVec2::X))
+		} else {
+			let angle_1 = vector_data
+				.adjacent_segment(&handle_id)
+				.and_then(|(_, adjacent_segment)| calculate_segment_angle(anchor, adjacent_segment, vector_data, false));
+
+			let angle_2 = calculate_segment_angle(anchor, segment, vector_data, false);
+
+			match (angle_1, angle_2) {
+				(Some(angle_1), Some(angle_2)) => {
+					let angle = Some((angle_1 + angle_2) / 2.);
+					if tangent_to_neighboring_tangents {
+						angle.map(|angle| angle + std::f64::consts::FRAC_PI_2)
+					} else {
+						angle
+					}
+				}
+				(Some(angle_1), None) => Some(angle_1),
+				(None, Some(angle_2)) => Some(angle_2),
+				(None, None) => None,
+			}
+		}
+	}
+}
+
+fn check_handle_over_adjacent_anchor(handle_id: ManipulatorPointId, vector_data: &VectorData) -> Option<PointId> {
+	let (anchor, handle_position) = handle_id.get_anchor(vector_data).zip(handle_id.get_position(vector_data))?;
+
+	let check_if_close = |point_id: &PointId| {
+		let Some(anchor_position) = vector_data.point_domain.position_from_id(*point_id) else {
+			return false;
+		};
+		(anchor_position - handle_position).length() < 10.
+	};
+
+	vector_data.connected_points(anchor).find(check_if_close)
+}
+fn calculate_adjacent_anchor_tangent(
+	currently_dragged_handle: ManipulatorPointId,
+	anchor: Option<PointId>,
+	adjacent_anchor: Option<PointId>,
+	vector_data: &VectorData,
+) -> (Option<f64>, Option<DVec2>) {
+	// Early return if no anchor or no adjacent anchors
+
+	let Some((dragged_handle_anchor, adjacent_anchor)) = anchor.zip(adjacent_anchor) else {
+		return (None, None);
+	};
+	let adjacent_anchor_position = vector_data.point_domain.position_from_id(adjacent_anchor);
+
+	let handles: Vec<_> = vector_data.all_connected(adjacent_anchor).filter(|handle| handle.length(vector_data) > 1e-6).collect();
+
+	match handles.len() {
+		0 => {
+			// Find non-shared segments
+			let non_shared_segment: Vec<_> = vector_data
+				.segment_bezier_iter()
+				.filter_map(|(segment_id, _, start, end)| {
+					let touches_adjacent = start == adjacent_anchor || end == adjacent_anchor;
+					let shares_with_dragged = start == dragged_handle_anchor || end == dragged_handle_anchor;
+
+					if touches_adjacent && !shares_with_dragged { Some(segment_id) } else { None }
+				})
+				.collect();
+
+			match non_shared_segment.first() {
+				Some(&segment) => {
+					let angle = calculate_segment_angle(adjacent_anchor, segment, vector_data, true);
+					(angle, adjacent_anchor_position)
+				}
+				None => (None, None),
+			}
+		}
+
+		1 => {
+			let segment = handles[0].segment;
+			let angle = calculate_segment_angle(adjacent_anchor, segment, vector_data, true);
+			(angle, adjacent_anchor_position)
+		}
+
+		2 => {
+			// Use the angle formed by the handle of the shared segment relative to its associated anchor point.
+			let Some(shared_segment_handle) = handles
+				.iter()
+				.find(|handle| handle.opposite().to_manipulator_point() == currently_dragged_handle)
+				.map(|handle| handle.to_manipulator_point())
+			else {
+				return (None, None);
+			};
+
+			let angle = shared_segment_handle
+				.get_position(vector_data)
+				.zip(adjacent_anchor_position)
+				.map(|(handle, anchor)| -(handle - anchor).angle_to(DVec2::X));
+
+			(angle, adjacent_anchor_position)
+		}
+
+		_ => (None, None),
+	}
+}
+
+fn update_dynamic_hints(
+	state: PathToolFsmState,
+	responses: &mut VecDeque<Message>,
+	shape_editor: &mut ShapeState,
+	document: &DocumentMessageHandler,
+	tool_data: &PathToolData,
+	tool_options: &PathToolOptions,
+) {
+	// Condinting based on currently selected segment if it has any one g1 continuous handle
+
+	let hint_data = match state {
+		PathToolFsmState::Ready => {
+			// Show point sliding hints only when there is an anchor with colinear handles selected
+			let single_anchor_selected = shape_editor.selected_points().count() == 1 && shape_editor.selected_points().any(|point| matches!(point, ManipulatorPointId::Anchor(_)));
+			let at_least_one_anchor_selected = shape_editor.selected_points().any(|point| matches!(point, ManipulatorPointId::Anchor(_)));
+			let at_least_one_point_selected = shape_editor.selected_points().count() >= 1;
+
+			let mut single_colinear_anchor_selected = false;
+			if single_anchor_selected {
+				if let (Some(anchor), Some(layer)) = (
+					shape_editor.selected_points().next(),
+					document.network_interface.selected_nodes().selected_layers(document.metadata()).next(),
+				) {
+					if let Some(vector_data) = document.network_interface.compute_modified_vector(layer) {
+						single_colinear_anchor_selected = vector_data.colinear(*anchor)
+					}
+				}
+			}
+
+			let mut drag_selected_hints = vec![HintInfo::mouse(MouseMotion::LmbDrag, "Drag Selected")];
+			let mut delete_selected_hints = vec![HintInfo::keys([Key::Delete], "Delete Selected")];
+
+			if at_least_one_anchor_selected {
+				delete_selected_hints.push(HintInfo::keys([Key::Accel], "No Dissolve").prepend_plus());
+				delete_selected_hints.push(HintInfo::keys([Key::Shift], "Cut Anchor").prepend_plus());
+			}
+
+			if single_colinear_anchor_selected {
+				drag_selected_hints.push(HintInfo::multi_keys([[Key::Control], [Key::Shift]], "Slide").prepend_plus());
+			}
+
+			let mut hint_data = match (tool_data.segment.is_some(), tool_options.path_editing_mode.segment_editing_mode) {
+				(true, true) => {
+					vec![
+						HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Select Segment"), HintInfo::keys([Key::Shift], "Extend").prepend_plus()]),
+						HintGroup(vec![HintInfo::keys_and_mouse([Key::KeyA], MouseMotion::Lmb, "Mold Segment")]),
+					]
+				}
+				(true, false) => {
+					vec![
+						HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Insert Point on Segment")]),
+						HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Mold Segment")]),
+						HintGroup(vec![HintInfo::keys_and_mouse([Key::Alt], MouseMotion::Lmb, "Delete Segment")]),
+					]
+				}
+				(false, _) => {
+					vec![
+						HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Select Point"), HintInfo::keys([Key::Shift], "Extend").prepend_plus()]),
+						HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Select Area"), HintInfo::keys([Key::Control], "Lasso").prepend_plus()]),
+					]
+				}
+			};
+
+			if at_least_one_anchor_selected {
+				// TODO: Dynamically show either "Smooth" or "Sharp" based on the current state
+				hint_data.push(HintGroup(vec![
+					HintInfo::mouse(MouseMotion::LmbDouble, "Convert Anchor Point"),
+					HintInfo::keys_and_mouse([Key::Alt], MouseMotion::Lmb, "To Sharp"),
+					HintInfo::keys_and_mouse([Key::Alt], MouseMotion::LmbDrag, "To Smooth"),
+				]));
+			}
+
+			if at_least_one_point_selected {
+				let mut groups = vec![
+					HintGroup(drag_selected_hints),
+					HintGroup(vec![HintInfo::multi_keys([[Key::KeyG], [Key::KeyR], [Key::KeyS]], "Grab/Rotate/Scale Selected")]),
+					HintGroup(vec![HintInfo::arrow_keys("Nudge Selected"), HintInfo::keys([Key::Shift], "10x").prepend_plus()]),
+					HintGroup(delete_selected_hints),
+				];
+				hint_data.append(&mut groups);
+			}
+
+			HintData(hint_data)
+		}
+		PathToolFsmState::Dragging(dragging_state) => {
+			let colinear = dragging_state.colinear;
+			let mut dragging_hint_data = HintData(Vec::new());
+			dragging_hint_data
+				.0
+				.push(HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]));
+
+			let drag_anchor = HintInfo::keys([Key::Space], "Drag Anchor");
+			let toggle_group = match dragging_state.point_select_state {
+				PointSelectState::HandleNoPair | PointSelectState::HandleWithPair => {
+					let mut hints = vec![HintInfo::keys([Key::Tab], "Swap Dragged Handle")];
+					hints.push(HintInfo::keys(
+						[Key::KeyC],
+						if colinear == ManipulatorAngle::Colinear {
+							"Break Colinear Handles"
+						} else {
+							"Make Handles Colinear"
+						},
+					));
+					hints
+				}
+				PointSelectState::Anchor => Vec::new(),
+			};
+			let hold_group = match dragging_state.point_select_state {
+				PointSelectState::HandleNoPair => {
+					let mut hints = vec![];
+					if colinear != ManipulatorAngle::Free {
+						hints.push(HintInfo::keys([Key::Alt], "Equidistant Handles"));
+					}
+					hints.push(HintInfo::keys([Key::Shift], "15° Increments"));
+					hints.push(HintInfo::keys([Key::Control], "Lock Angle"));
+					hints.push(drag_anchor);
+					hints
+				}
+				PointSelectState::HandleWithPair => {
+					let mut hints = vec![];
+					if colinear != ManipulatorAngle::Free {
+						hints.push(HintInfo::keys([Key::Alt], "Equidistant Handles"));
+					}
+					hints.push(HintInfo::keys([Key::Shift], "15° Increments"));
+					hints.push(HintInfo::keys([Key::Control], "Lock Angle"));
+					hints.push(drag_anchor);
+					hints
+				}
+				PointSelectState::Anchor => Vec::new(),
+			};
+
+			if !toggle_group.is_empty() {
+				dragging_hint_data.0.push(HintGroup(toggle_group));
+			}
+
+			if !hold_group.is_empty() {
+				dragging_hint_data.0.push(HintGroup(hold_group));
+			}
+
+			dragging_hint_data
+		}
+		PathToolFsmState::Drawing { .. } => HintData(vec![
+			HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+			HintGroup(vec![
+				HintInfo::mouse(MouseMotion::LmbDrag, "Select Area"),
+				HintInfo::keys([Key::Shift], "Extend").prepend_plus(),
+				HintInfo::keys([Key::Alt], "Subtract").prepend_plus(),
+			]),
+		]),
+		PathToolFsmState::MoldingSegment => {
+			let mut has_colinear_anchors = false;
+
+			if let Some(segment) = &tool_data.segment {
+				let handle1 = HandleId::primary(segment.segment());
+				let handle2 = HandleId::end(segment.segment());
+
+				if let Some(vector_data) = document.network_interface.compute_modified_vector(segment.layer()) {
+					let other_handle1 = vector_data.other_colinear_handle(handle1);
+					let other_handle2 = vector_data.other_colinear_handle(handle2);
+					if other_handle1.is_some() || other_handle2.is_some() {
+						has_colinear_anchors = true;
+					}
+				};
+			}
+
+			let handles_stored = if let Some(other_handles) = tool_data.temporary_adjacent_handles_while_molding {
+				other_handles[0].is_some() || other_handles[1].is_some()
+			} else {
+				false
+			};
+
+			let molding_disable_possible = has_colinear_anchors || handles_stored;
+
+			let mut molding_hints = vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])];
+
+			if molding_disable_possible {
+				molding_hints.push(HintGroup(vec![HintInfo::keys([Key::Alt], "Break Colinear Handles")]));
+			}
+
+			HintData(molding_hints)
+		}
+		PathToolFsmState::SlidingPoint => HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]),
+	};
+	responses.add(FrontendMessage::UpdateInputHints { hint_data });
+}
diff --git a/editor/src/messages/tool/tool_messages/pen_tool.rs b/editor/src/messages/tool/tool_messages/pen_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..14f95a48f7f8a52de0d65f959d751ba8da0d8f41
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/pen_tool.rs
@@ -0,0 +1,2234 @@
+use super::tool_prelude::*;
+use crate::consts::{COLOR_OVERLAY_BLUE, DEFAULT_STROKE_WIDTH, HIDE_HANDLE_DISTANCE, LINE_ROTATE_SNAP_ANGLE, SEGMENT_OVERLAY_SIZE};
+use crate::messages::input_mapper::utility_types::input_mouse::MouseKeys;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::overlays::utility_functions::path_overlays;
+use crate::messages::portfolio::document::overlays::utility_types::{DrawHandles, OverlayContext};
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::color_selector::{ToolColorOptions, ToolColorType};
+use crate::messages::tool::common_functionality::graph_modification_utils::{self, merge_layers};
+use crate::messages::tool::common_functionality::shape_editor::ShapeState;
+use crate::messages::tool::common_functionality::snapping::{SnapCache, SnapCandidatePoint, SnapConstraint, SnapData, SnapManager, SnapTypeConfiguration};
+use crate::messages::tool::common_functionality::utility_functions::{calculate_segment_angle, closest_point, should_extend};
+use bezier_rs::{Bezier, BezierHandles};
+use graph_craft::document::NodeId;
+use graphene_std::Color;
+use graphene_std::vector::{HandleId, ManipulatorPointId, NoHashBuilder, SegmentId, StrokeId, VectorData};
+use graphene_std::vector::{PointId, VectorModificationType};
+
+#[derive(Default)]
+pub struct PenTool {
+	fsm_state: PenToolFsmState,
+	tool_data: PenToolData,
+	options: PenOptions,
+}
+
+pub struct PenOptions {
+	line_weight: f64,
+	fill: ToolColorOptions,
+	stroke: ToolColorOptions,
+	pen_overlay_mode: PenOverlayMode,
+}
+
+impl Default for PenOptions {
+	fn default() -> Self {
+		Self {
+			line_weight: DEFAULT_STROKE_WIDTH,
+			fill: ToolColorOptions::new_secondary(),
+			stroke: ToolColorOptions::new_primary(),
+			pen_overlay_mode: PenOverlayMode::FrontierHandles,
+		}
+	}
+}
+
+#[impl_message(Message, ToolMessage, Pen)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum PenToolMessage {
+	// Standard messages
+	Abort,
+	SelectionChanged,
+	WorkingColorChanged,
+	Overlays(OverlayContext),
+
+	// Tool-specific messages
+
+	// It is necessary to defer this until the transform of the layer can be accurately computed (quite hacky)
+	AddPointLayerPosition {
+		layer: LayerNodeIdentifier,
+		viewport: DVec2,
+	},
+	Confirm,
+	DragStart {
+		append_to_selected: Key,
+	},
+	DragStop,
+	PointerMove {
+		snap_angle: Key,
+		break_handle: Key,
+		lock_angle: Key,
+		colinear: Key,
+		move_anchor_with_handles: Key,
+	},
+	PointerOutsideViewport {
+		snap_angle: Key,
+		break_handle: Key,
+		lock_angle: Key,
+		colinear: Key,
+		move_anchor_with_handles: Key,
+	},
+	Redo,
+	Undo,
+	UpdateOptions(PenOptionsUpdate),
+	RecalculateLatestPointsPosition,
+	RemovePreviousHandle,
+	GRS {
+		grab: Key,
+		rotate: Key,
+		scale: Key,
+	},
+	FinalPosition {
+		final_position: DVec2,
+	},
+	SwapHandles,
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum PenToolFsmState {
+	#[default]
+	Ready,
+	DraggingHandle(HandleMode),
+	PlacingAnchor,
+	GRSHandle,
+}
+
+#[derive(PartialEq, Eq, Hash, Copy, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum PenOverlayMode {
+	AllHandles = 0,
+	FrontierHandles = 1,
+}
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum PenOptionsUpdate {
+	FillColor(Option<Color>),
+	FillColorType(ToolColorType),
+	LineWeight(f64),
+	StrokeColor(Option<Color>),
+	StrokeColorType(ToolColorType),
+	WorkingColors(Option<Color>, Option<Color>),
+	OverlayModeType(PenOverlayMode),
+}
+
+impl ToolMetadata for PenTool {
+	fn icon_name(&self) -> String {
+		"VectorPenTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Pen Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Pen
+	}
+}
+
+fn create_weight_widget(line_weight: f64) -> WidgetHolder {
+	NumberInput::new(Some(line_weight))
+		.unit(" px")
+		.label("Weight")
+		.min(0.)
+		.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+		.on_update(|number_input: &NumberInput| PenToolMessage::UpdateOptions(PenOptionsUpdate::LineWeight(number_input.value.unwrap())).into())
+		.widget_holder()
+}
+
+impl LayoutHolder for PenTool {
+	fn layout(&self) -> Layout {
+		let mut widgets = self.options.fill.create_widgets(
+			"Fill",
+			true,
+			|_| PenToolMessage::UpdateOptions(PenOptionsUpdate::FillColor(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| PenToolMessage::UpdateOptions(PenOptionsUpdate::FillColorType(color_type.clone())).into()),
+			|color: &ColorInput| PenToolMessage::UpdateOptions(PenOptionsUpdate::FillColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		);
+
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+		widgets.append(&mut self.options.stroke.create_widgets(
+			"Stroke",
+			true,
+			|_| PenToolMessage::UpdateOptions(PenOptionsUpdate::StrokeColor(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| PenToolMessage::UpdateOptions(PenOptionsUpdate::StrokeColorType(color_type.clone())).into()),
+			|color: &ColorInput| PenToolMessage::UpdateOptions(PenOptionsUpdate::StrokeColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		));
+
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+		widgets.push(create_weight_widget(self.options.line_weight));
+
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+		widgets.push(
+			RadioInput::new(vec![
+				RadioEntryData::new("all")
+					.icon("HandleVisibilityAll")
+					.tooltip("Show all handles regardless of selection")
+					.on_update(move |_| PenToolMessage::UpdateOptions(PenOptionsUpdate::OverlayModeType(PenOverlayMode::AllHandles)).into()),
+				RadioEntryData::new("frontier")
+					.icon("HandleVisibilityFrontier")
+					.tooltip("Show only handles at the frontiers of the segments connected to selected points")
+					.on_update(move |_| PenToolMessage::UpdateOptions(PenOptionsUpdate::OverlayModeType(PenOverlayMode::FrontierHandles)).into()),
+			])
+			.selected_index(Some(self.options.pen_overlay_mode as u32))
+			.widget_holder(),
+		);
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for PenTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		let ToolMessage::Pen(PenToolMessage::UpdateOptions(action)) = message else {
+			self.fsm_state.process_event(message, &mut self.tool_data, tool_data, &self.options, responses, true);
+			return;
+		};
+
+		match action {
+			PenOptionsUpdate::OverlayModeType(overlay_mode_type) => {
+				self.options.pen_overlay_mode = overlay_mode_type;
+				responses.add(OverlaysMessage::Draw);
+			}
+			PenOptionsUpdate::LineWeight(line_weight) => self.options.line_weight = line_weight,
+			PenOptionsUpdate::FillColor(color) => {
+				self.options.fill.custom_color = color;
+				self.options.fill.color_type = ToolColorType::Custom;
+			}
+			PenOptionsUpdate::FillColorType(color_type) => self.options.fill.color_type = color_type,
+			PenOptionsUpdate::StrokeColor(color) => {
+				self.options.stroke.custom_color = color;
+				self.options.stroke.color_type = ToolColorType::Custom;
+			}
+			PenOptionsUpdate::StrokeColorType(color_type) => self.options.stroke.color_type = color_type,
+			PenOptionsUpdate::WorkingColors(primary, secondary) => {
+				self.options.stroke.primary_working_color = primary;
+				self.options.stroke.secondary_working_color = secondary;
+				self.options.fill.primary_working_color = primary;
+				self.options.fill.secondary_working_color = secondary;
+			}
+		}
+
+		self.send_layout(responses, LayoutTarget::ToolOptions);
+	}
+
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			PenToolFsmState::Ready | PenToolFsmState::GRSHandle => actions!(PenToolMessageDiscriminant;
+				Undo,
+				DragStart,
+				DragStop,
+				Confirm,
+				Abort,
+				PointerMove,
+				FinalPosition
+			),
+			PenToolFsmState::DraggingHandle(_) | PenToolFsmState::PlacingAnchor => actions!(PenToolMessageDiscriminant;
+				DragStart,
+				DragStop,
+				PointerMove,
+				Confirm,
+				Abort,
+				RemovePreviousHandle,
+				GRS,
+				SwapHandles
+			),
+		}
+	}
+}
+
+impl ToolTransition for PenTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(PenToolMessage::Abort.into()),
+			selection_changed: Some(PenToolMessage::SelectionChanged.into()),
+			working_color_changed: Some(PenToolMessage::WorkingColorChanged.into()),
+			overlay_provider: Some(|overlay_context| PenToolMessage::Overlays(overlay_context).into()),
+			..Default::default()
+		}
+	}
+}
+#[derive(Clone, Debug, Default)]
+struct ModifierState {
+	snap_angle: bool,
+	lock_angle: bool,
+	break_handle: bool,
+	colinear: bool,
+	move_anchor_with_handles: bool,
+}
+#[derive(Clone, Debug)]
+struct LastPoint {
+	id: PointId,
+	pos: DVec2,
+	in_segment: Option<SegmentId>,
+	handle_start: DVec2,
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Default)]
+enum HandleMode {
+	/// Pressing 'C' breaks colinearity
+	Free,
+	/// Pressing 'Alt': Handle length is locked
+	#[default]
+	ColinearLocked,
+	/// Pressing 'Alt': Handles are equidistant
+	ColinearEquidistant,
+}
+
+/// The type of handle which is dragged by the cursor (under the cursor).
+///
+/// ![Terminology](https://files.keavon.com/-/EachNotedLovebird/capture.png)
+#[derive(Clone, Debug, Default, PartialEq, Copy)]
+enum TargetHandle {
+	#[default]
+	None,
+	/// This is the handle being dragged and represents the out handle of the next preview segment that will be placed
+	/// after the current preview segment is finalized. Its position is stored in `tool_data.next_handle_start`.
+	///
+	/// Pressing Tab swaps to the opposite handle type. The swapped handle can be either [`ManipulatorPointId::PreviewInHandle`]
+	/// or, in the case of a bent segment, [`ManipulatorPointId::EndHandle`] or [`ManipulatorPointId::PrimaryHandle`].
+	///
+	/// When closing a path, the handle being dragged becomes the end handle of the currently placed anchor.
+	///
+	/// ![Terminology](https://files.keavon.com/-/EachNotedLovebird/capture.png)
+	FuturePreviewOutHandle,
+	/// The opposite handle that is drawn after placing an anchor and starting to drag the "next handle start",
+	/// continuing until Tab is pressed to swap the handles.
+	///
+	/// ![Terminology](https://files.keavon.com/-/EachNotedLovebird/capture.png)
+	PreviewInHandle,
+	/// This is the primary handle of the segment from whose endpoint a new handle is being drawn.
+	/// When closing the path, the handle being dragged will be the [`TargetHandle::PreviewInHandle`] (see its documentation);
+	/// otherwise, it will be [`TargetHandle::FuturePreviewOutHandle`].
+	///
+	/// If a handle is dragged from a different endpoint within the same layer, the opposite handle will be
+	/// `ManipulatorPoint::Primary` if that point is the starting point of its path.
+	///
+	/// ![Terminology](https://files.keavon.com/-/EachNotedLovebird/capture.png)
+	PriorOutHandle(SegmentId),
+	/// This is the end handle of the segment from whose endpoint a new handle is being drawn (same cases apply
+	/// as mentioned in [`TargetHandle::PriorOutHandle`]). If a handle is dragged from a different endpoint within the same
+	/// layer, the opposite handle will be `ManipulatorPoint::EndHandle` if that point is the end point of its path.
+	///
+	/// ![Terminology](https://files.keavon.com/-/EachNotedLovebird/capture.png)
+	PriorInHandle(SegmentId),
+}
+
+#[derive(Clone, Debug, Default)]
+struct PenToolData {
+	snap_manager: SnapManager,
+	latest_points: Vec<LastPoint>,
+	point_index: usize,
+	handle_end: Option<DVec2>,
+	next_point: DVec2,
+	next_handle_start: DVec2,
+
+	g1_continuous: bool,
+
+	angle: f64,
+	auto_panning: AutoPanning,
+	modifiers: ModifierState,
+
+	buffering_merged_vector: bool,
+
+	previous_handle_start_pos: DVec2,
+	previous_handle_end_pos: Option<DVec2>,
+	toggle_colinear_debounce: bool,
+	colinear: bool,
+	alt_pressed: bool,
+	space_pressed: bool,
+	/// Tracks whether to switch from `HandleMode::ColinearEquidistant` to `HandleMode::Free`
+	/// after releasing Ctrl, specifically when Ctrl was held before the handle was dragged from the anchor.
+	switch_to_free_on_ctrl_release: bool,
+	/// To prevent showing cursor when `KeyC` is pressed when handles are swapped.
+	handle_swapped: bool,
+	/// Prevents conflicts when the handle's angle is already locked and it passes near the anchor,
+	/// avoiding unintended direction changes. Specifically handles the case where a handle is being dragged,
+	/// and Ctrl is pressed near the anchor to make it colinear with its opposite handle.
+	angle_locked: bool,
+	path_closed: bool,
+
+	handle_mode: HandleMode,
+	prior_segment_layer: Option<LayerNodeIdentifier>,
+	current_layer: Option<LayerNodeIdentifier>,
+	prior_segment_endpoint: Option<PointId>,
+	prior_segment: Option<SegmentId>,
+
+	/// For vector meshes, storing all the previous segments the last anchor point was connected to
+	prior_segments: Option<Vec<SegmentId>>,
+	handle_type: TargetHandle,
+	handle_start_offset: Option<DVec2>,
+	handle_end_offset: Option<DVec2>,
+
+	snap_cache: SnapCache,
+}
+
+impl PenToolData {
+	fn latest_point(&self) -> Option<&LastPoint> {
+		self.latest_points.get(self.point_index)
+	}
+
+	fn latest_point_mut(&mut self) -> Option<&mut LastPoint> {
+		self.latest_points.get_mut(self.point_index)
+	}
+
+	fn add_point(&mut self, point: LastPoint) {
+		self.point_index = (self.point_index + 1).min(self.latest_points.len());
+		self.latest_points.truncate(self.point_index);
+		self.latest_points.push(point);
+	}
+
+	fn cleanup(&mut self, responses: &mut VecDeque<Message>) {
+		self.handle_end = None;
+		self.latest_points.clear();
+		self.point_index = 0;
+		self.snap_manager.cleanup(responses);
+	}
+
+	/// Check whether target handle is primary, end, or `self.handle_end`
+	fn check_end_handle_type(&self, vector_data: &VectorData) -> TargetHandle {
+		match (self.handle_end, self.prior_segment_endpoint, self.prior_segment, self.path_closed) {
+			(Some(_), _, _, false) => TargetHandle::PreviewInHandle,
+			(None, Some(point), Some(segment), false) | (Some(_), Some(point), Some(segment), true) => {
+				if vector_data.segment_start_from_id(segment) == Some(point) {
+					TargetHandle::PriorOutHandle(segment)
+				} else {
+					TargetHandle::PriorInHandle(segment)
+				}
+			}
+			_ => TargetHandle::None,
+		}
+	}
+
+	fn check_grs_end_handle(&self, vector_data: &VectorData) -> TargetHandle {
+		let Some(point) = self.latest_point().map(|point| point.id) else { return TargetHandle::None };
+		let Some(segment) = self.prior_segment else { return TargetHandle::None };
+
+		if vector_data.segment_start_from_id(segment) == Some(point) {
+			TargetHandle::PriorOutHandle(segment)
+		} else {
+			TargetHandle::PriorInHandle(segment)
+		}
+	}
+
+	fn get_opposite_handle_type(&self, handle_type: TargetHandle, vector_data: &VectorData) -> TargetHandle {
+		match handle_type {
+			TargetHandle::FuturePreviewOutHandle => self.check_end_handle_type(vector_data),
+			TargetHandle::PreviewInHandle => match (self.path_closed, self.prior_segment_endpoint, self.prior_segment) {
+				(true, Some(point), Some(segment)) => {
+					if vector_data.segment_start_from_id(segment) == Some(point) {
+						TargetHandle::PriorOutHandle(segment)
+					} else {
+						TargetHandle::PriorInHandle(segment)
+					}
+				}
+				(false, _, _) => TargetHandle::FuturePreviewOutHandle,
+				_ => TargetHandle::None,
+			},
+			_ => {
+				if self.path_closed {
+					TargetHandle::PreviewInHandle
+				} else {
+					TargetHandle::FuturePreviewOutHandle
+				}
+			}
+		}
+	}
+
+	fn update_handle_type(&mut self, handle_type: TargetHandle) {
+		self.handle_type = handle_type;
+	}
+
+	fn update_target_handle_pos(&mut self, handle_type: TargetHandle, anchor_pos: DVec2, responses: &mut VecDeque<Message>, delta: DVec2, layer: LayerNodeIdentifier) {
+		match handle_type {
+			TargetHandle::FuturePreviewOutHandle => {
+				self.next_handle_start = delta;
+			}
+			TargetHandle::PreviewInHandle => {
+				if let Some(handle) = self.handle_end.as_mut() {
+					*handle = delta;
+				}
+			}
+			TargetHandle::PriorInHandle(segment) => {
+				let relative_position = delta - anchor_pos;
+				let modification_type = VectorModificationType::SetEndHandle { segment, relative_position };
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+			}
+			TargetHandle::PriorOutHandle(segment) => {
+				let relative_position = delta - anchor_pos;
+				let modification_type = VectorModificationType::SetPrimaryHandle { segment, relative_position };
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+			}
+			TargetHandle::None => {}
+		}
+	}
+
+	fn target_handle_position(&self, handle_type: TargetHandle, vector_data: &VectorData) -> Option<DVec2> {
+		match handle_type {
+			TargetHandle::PriorOutHandle(segment) => ManipulatorPointId::PrimaryHandle(segment).get_position(vector_data),
+			TargetHandle::PriorInHandle(segment) => ManipulatorPointId::EndHandle(segment).get_position(vector_data),
+			TargetHandle::PreviewInHandle => self.handle_end,
+			TargetHandle::FuturePreviewOutHandle => Some(self.next_handle_start),
+			TargetHandle::None => None,
+		}
+	}
+
+	/// Remove the handles selected when swapping handles
+	fn cleanup_target_selections(&self, shape_editor: &mut ShapeState, layer: Option<LayerNodeIdentifier>, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		let Some(shape_state) = layer.and_then(|layer| shape_editor.selected_shape_state.get_mut(&layer)) else {
+			return;
+		};
+
+		let Some(vector_data) = layer.and_then(|layer| document.network_interface.compute_modified_vector(layer)) else {
+			return;
+		};
+
+		match self.check_end_handle_type(&vector_data) {
+			TargetHandle::PriorInHandle(segment) => shape_state.deselect_point(ManipulatorPointId::EndHandle(segment)),
+			TargetHandle::PriorOutHandle(segment) => shape_state.deselect_point(ManipulatorPointId::PrimaryHandle(segment)),
+			_ => {}
+		}
+		responses.add(OverlaysMessage::Draw);
+	}
+
+	/// Selects the handle which is currently dragged by the user.
+	fn add_target_selections(&self, shape_editor: &mut ShapeState, layer: Option<LayerNodeIdentifier>) {
+		let Some(shape_state) = layer.and_then(|layer| shape_editor.selected_shape_state.get_mut(&layer)) else {
+			return;
+		};
+
+		match self.handle_type {
+			TargetHandle::PriorInHandle(segment) => shape_state.select_point(ManipulatorPointId::EndHandle(segment)),
+			TargetHandle::PriorOutHandle(segment) => shape_state.select_point(ManipulatorPointId::PrimaryHandle(segment)),
+			_ => {}
+		}
+	}
+
+	/// Check whether moving the initially created point.
+	fn moving_start_point(&self) -> bool {
+		self.latest_points.len() == 1 && self.latest_point().is_some_and(|point| point.pos == self.next_point)
+	}
+
+	// When the vector data transform changes, the positions of the points must be recalculated.
+	fn recalculate_latest_points_position(&mut self, document: &DocumentMessageHandler) {
+		let selected_nodes = document.network_interface.selected_nodes();
+		let mut selected_layers = selected_nodes.selected_layers(document.metadata());
+		if let (Some(layer), None) = (selected_layers.next(), selected_layers.next()) {
+			let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else {
+				return;
+			};
+			for point in &mut self.latest_points {
+				let Some(pos) = vector_data.point_domain.position_from_id(point.id) else {
+					continue;
+				};
+				point.pos = pos;
+				point.handle_start = point.pos;
+			}
+		}
+	}
+
+	/// If the user places the anchor on top of the previous anchor, it becomes sharp and the outgoing handle may be dragged.
+	fn bend_from_previous_point(
+		&mut self,
+		snap_data: SnapData,
+		transform: DAffine2,
+		layer: LayerNodeIdentifier,
+		preferences: &PreferencesMessageHandler,
+		shape_editor: &mut ShapeState,
+		responses: &mut VecDeque<Message>,
+	) {
+		self.g1_continuous = true;
+		let document = snap_data.document;
+		self.next_handle_start = self.next_point;
+		let vector_data = document.network_interface.compute_modified_vector(layer).unwrap();
+		self.update_handle_type(TargetHandle::FuturePreviewOutHandle);
+		self.handle_mode = HandleMode::ColinearLocked;
+
+		// Break the control
+		let Some((last_pos, id)) = self.latest_point().map(|point| (point.pos, point.id)) else { return };
+
+		let transform = document.metadata().document_to_viewport * transform;
+		let on_top = transform.transform_point2(self.next_point).distance_squared(transform.transform_point2(last_pos)) < crate::consts::SNAP_POINT_TOLERANCE.powi(2);
+		if on_top {
+			self.handle_end = None;
+			self.handle_mode = HandleMode::Free;
+
+			self.store_clicked_endpoint(document, &transform, snap_data.input, preferences);
+
+			if self.modifiers.lock_angle {
+				self.set_lock_angle(&vector_data, id, self.prior_segment);
+				let last_segment = self.prior_segment;
+				let Some(point) = self.latest_point_mut() else { return };
+				point.in_segment = last_segment;
+				self.switch_to_free_on_ctrl_release = true;
+				return;
+			}
+
+			if let Some(point) = self.latest_point_mut() {
+				point.in_segment = None;
+			}
+		}
+
+		// Closing path
+		let closing_path_on_point = self.close_path_on_point(snap_data, &vector_data, document, preferences, id, &transform);
+		if !closing_path_on_point && preferences.vector_meshes {
+			// Attempt to find nearest segment and close path on segment by creating an anchor point on it
+			let tolerance = crate::consts::SNAP_POINT_TOLERANCE;
+			if let Some(closest_segment) = shape_editor.upper_closest_segment(&document.network_interface, transform.transform_point2(self.next_point), tolerance) {
+				let (point, _) = closest_segment.adjusted_insert(responses);
+
+				self.update_handle_type(TargetHandle::PreviewInHandle);
+				self.handle_end_offset = None;
+				self.path_closed = true;
+				self.next_handle_start = self.next_point;
+
+				self.prior_segment_endpoint = Some(point);
+				self.prior_segment_layer = Some(closest_segment.layer());
+				self.prior_segments = None;
+				self.prior_segment = None;
+
+				// Should also update the SnapCache here?
+
+				self.handle_mode = HandleMode::Free;
+				if let (true, Some(prior_endpoint)) = (self.modifiers.lock_angle, self.prior_segment_endpoint) {
+					self.set_lock_angle(&vector_data, prior_endpoint, self.prior_segment);
+					self.switch_to_free_on_ctrl_release = true;
+				}
+			}
+		}
+	}
+
+	fn close_path_on_point(
+		&mut self,
+		snap_data: SnapData,
+		vector_data: &VectorData,
+		document: &DocumentMessageHandler,
+		preferences: &PreferencesMessageHandler,
+		id: PointId,
+		transform: &DAffine2,
+	) -> bool {
+		for id in vector_data.extendable_points(preferences.vector_meshes).filter(|&point| point != id) {
+			let Some(pos) = vector_data.point_domain.position_from_id(id) else { continue };
+			let transformed_distance_between_squared = transform.transform_point2(pos).distance_squared(transform.transform_point2(self.next_point));
+			let snap_point_tolerance_squared = crate::consts::SNAP_POINT_TOLERANCE.powi(2);
+
+			if transformed_distance_between_squared < snap_point_tolerance_squared {
+				self.update_handle_type(TargetHandle::PreviewInHandle);
+				self.handle_end_offset = None;
+				self.path_closed = true;
+				self.next_handle_start = self.next_point;
+				self.store_clicked_endpoint(document, transform, snap_data.input, preferences);
+				self.handle_mode = HandleMode::Free;
+				if let (true, Some(prior_endpoint)) = (self.modifiers.lock_angle, self.prior_segment_endpoint) {
+					self.set_lock_angle(vector_data, prior_endpoint, self.prior_segment);
+					self.switch_to_free_on_ctrl_release = true;
+				}
+				return true;
+			}
+		}
+		false
+	}
+
+	fn finish_placing_handle(&mut self, snap_data: SnapData, transform: DAffine2, preferences: &PreferencesMessageHandler, responses: &mut VecDeque<Message>) -> Option<PenToolFsmState> {
+		let document = snap_data.document;
+		let next_handle_start = self.next_handle_start;
+		let handle_start = self.latest_point()?.handle_start;
+		let mouse = snap_data.input.mouse.position;
+		self.handle_swapped = false;
+		self.handle_end_offset = None;
+		self.handle_start_offset = None;
+		let Some(handle_end) = self.handle_end else {
+			responses.add(DocumentMessage::EndTransaction);
+			self.handle_end = Some(next_handle_start);
+			self.place_anchor(snap_data, transform, mouse, preferences, responses);
+			self.latest_point_mut()?.handle_start = next_handle_start;
+			return None;
+		};
+		let next_point = self.next_point;
+		self.place_anchor(snap_data, transform, mouse, preferences, responses);
+		let handles = [handle_start - self.latest_point()?.pos, handle_end - next_point].map(Some);
+
+		// Get close path
+		let mut end = None;
+		let selected_nodes = document.network_interface.selected_nodes();
+		let mut selected_layers = selected_nodes.selected_layers(document.metadata());
+		let layer = selected_layers.next().filter(|_| selected_layers.next().is_none()).or(self.current_layer)?;
+		let vector_data = document.network_interface.compute_modified_vector(layer)?;
+		let start = self.latest_point()?.id;
+		let transform = document.metadata().document_to_viewport * transform;
+		for id in vector_data.extendable_points(preferences.vector_meshes).filter(|&point| point != start) {
+			let Some(pos) = vector_data.point_domain.position_from_id(id) else { continue };
+			let transformed_distance_between_squared = transform.transform_point2(pos).distance_squared(transform.transform_point2(next_point));
+			let snap_point_tolerance_squared = crate::consts::SNAP_POINT_TOLERANCE.powi(2);
+			if transformed_distance_between_squared < snap_point_tolerance_squared {
+				end = Some(id);
+			}
+		}
+		let close_subpath = end.is_some();
+
+		// Generate new point if not closing
+		let end = end.unwrap_or_else(|| {
+			let end = PointId::generate();
+			let modification_type = VectorModificationType::InsertPoint { id: end, position: next_point };
+			responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+			end
+		});
+
+		// Store the segment
+		let id = SegmentId::generate();
+		if self.path_closed {
+			if let Some((handles, handle1_pos)) = match self.get_opposite_handle_type(TargetHandle::PreviewInHandle, &vector_data) {
+				TargetHandle::PriorOutHandle(segment) => {
+					let handles = [HandleId::end(id), HandleId::primary(segment)];
+					let handle1_pos = handles[1].to_manipulator_point().get_position(&vector_data);
+					handle1_pos.map(|pos| (handles, pos))
+				}
+				TargetHandle::PriorInHandle(segment) => {
+					let handles = [HandleId::end(id), HandleId::end(segment)];
+					let handle1_pos = handles[1].to_manipulator_point().get_position(&vector_data);
+					handle1_pos.map(|pos| (handles, pos))
+				}
+				_ => None,
+			} {
+				let angle = (handle_end - next_point).angle_to(handle1_pos - next_point);
+				let pi = std::f64::consts::PI;
+				let colinear = (angle - pi).abs() < 1e-6 || (angle + pi).abs() < 1e-6;
+				responses.add(GraphOperationMessage::Vector {
+					layer,
+					modification_type: VectorModificationType::SetG1Continuous { handles, enabled: colinear },
+				});
+				self.cleanup(responses);
+			}
+		}
+
+		self.prior_segment = Some(id);
+
+		let points = [start, end];
+		let modification_type = VectorModificationType::InsertSegment { id, points, handles };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		// Mirror
+		if let Some((last_segment, last_point)) = self.latest_point().and_then(|point| point.in_segment).zip(self.latest_point()) {
+			let end = vector_data.segment_end_from_id(last_segment) == Some(last_point.id);
+			let handles = if end {
+				[HandleId::end(last_segment), HandleId::primary(id)]
+			} else {
+				[HandleId::primary(last_segment), HandleId::primary(id)]
+			};
+
+			if let Some(h1) = handles[0].to_manipulator_point().get_position(&vector_data) {
+				let angle = (h1 - last_point.pos).angle_to(last_point.handle_start - last_point.pos);
+				let pi = std::f64::consts::PI;
+				let colinear = (angle - pi).abs() < 1e-6 || (angle + pi).abs() < 1e-6;
+				responses.add(GraphOperationMessage::Vector {
+					layer,
+					modification_type: VectorModificationType::SetG1Continuous { handles, enabled: colinear },
+				});
+			}
+		}
+		if !close_subpath {
+			self.add_point(LastPoint {
+				id: end,
+				pos: next_point,
+				in_segment: self.g1_continuous.then_some(id),
+				handle_start: next_handle_start,
+			});
+		}
+		self.path_closed = false;
+		self.prior_segment_endpoint = None;
+		responses.add(DocumentMessage::EndTransaction);
+		Some(if close_subpath { PenToolFsmState::Ready } else { PenToolFsmState::PlacingAnchor })
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	/// Calculates snap position delta while moving anchor and its handles.
+	fn space_anchor_handle_snap(
+		&mut self,
+		viewport_to_document: &DAffine2,
+		transform: &DAffine2,
+		snap_data: &SnapData<'_>,
+		mouse: &DVec2,
+		vector_data: &VectorData,
+		input: &InputPreprocessorMessageHandler,
+	) -> Option<DVec2> {
+		let reference_handle = if self.path_closed { TargetHandle::PreviewInHandle } else { TargetHandle::FuturePreviewOutHandle };
+		let end_handle = self.get_opposite_handle_type(reference_handle, vector_data);
+		let end_handle_pos = self.target_handle_position(end_handle, vector_data);
+		let ref_pos = self.target_handle_position(reference_handle, vector_data)?;
+		let snap = &mut self.snap_manager;
+		let snap_data = SnapData::new_snap_cache(snap_data.document, input, &self.snap_cache);
+
+		let handle_start_offset = self.handle_start_offset.unwrap_or(DVec2::ZERO);
+		let document_pos = viewport_to_document.transform_point2(*mouse + handle_start_offset);
+
+		let anchor_offset = transform.transform_point2(self.next_point - ref_pos);
+
+		let handle_start = SnapCandidatePoint::handle(document_pos);
+		let anchor = SnapCandidatePoint::handle(document_pos + anchor_offset);
+
+		let snapped_near_handle_start = snap.free_snap(&snap_data, &handle_start, SnapTypeConfiguration::default());
+		let snapped_anchor = snap.free_snap(&snap_data, &anchor, SnapTypeConfiguration::default());
+
+		let handle_snap_option = end_handle_pos.and_then(|handle| match end_handle {
+			TargetHandle::None => None,
+			TargetHandle::FuturePreviewOutHandle => None,
+			_ => {
+				let handle_offset = transform.transform_point2(handle - ref_pos);
+				let handle_snap = SnapCandidatePoint::handle(document_pos + handle_offset);
+				Some((handle, handle_snap))
+			}
+		});
+
+		let mut delta: DVec2;
+		let best_snapped = if snapped_near_handle_start.other_snap_better(&snapped_anchor) {
+			delta = snapped_anchor.snapped_point_document - transform.transform_point2(self.next_point);
+			snapped_anchor
+		} else {
+			delta = snapped_near_handle_start.snapped_point_document - transform.transform_point2(ref_pos);
+			snapped_near_handle_start
+		};
+
+		let Some((handle, handle_snap)) = handle_snap_option else {
+			snap.update_indicator(best_snapped);
+			return Some(transform.inverse().transform_vector2(delta));
+		};
+
+		let snapped_handle = snap.free_snap(&snap_data, &handle_snap, SnapTypeConfiguration::default());
+
+		if best_snapped.other_snap_better(&snapped_handle) {
+			delta = snapped_handle.snapped_point_document - transform.transform_point2(handle);
+			snap.update_indicator(snapped_handle);
+		} else {
+			snap.update_indicator(best_snapped);
+		}
+
+		// Transform delta back to original coordinate space
+		Some(transform.inverse().transform_vector2(delta))
+	}
+
+	/// Calculates the offset from the mouse when swapping handles, and swaps the handles.
+	fn swap_handles(
+		&mut self,
+		layer: Option<LayerNodeIdentifier>,
+		document: &DocumentMessageHandler,
+		shape_editor: &mut ShapeState,
+		input: &InputPreprocessorMessageHandler,
+		responses: &mut VecDeque<Message>,
+	) {
+		// Validate necessary data exists
+		let Some(vector_data) = layer.and_then(|layer| document.network_interface.compute_modified_vector(layer)) else {
+			return;
+		};
+
+		let Some(viewport) = layer.map(|layer| document.metadata().transform_to_viewport(layer)) else {
+			return;
+		};
+
+		// Determine if we need to swap to opposite handle
+		let should_swap_to_opposite = self.path_closed && matches!(self.handle_type, TargetHandle::PreviewInHandle | TargetHandle::PriorOutHandle(..) | TargetHandle::PriorInHandle(..))
+			|| !self.path_closed && matches!(self.handle_type, TargetHandle::FuturePreviewOutHandle);
+
+		// Determine if we need to swap to start handle
+		let should_swap_to_start = !self.path_closed && !matches!(self.handle_type, TargetHandle::None | TargetHandle::FuturePreviewOutHandle);
+
+		if should_swap_to_opposite {
+			let opposite_type = self.get_opposite_handle_type(self.handle_type, &vector_data);
+			// Update offset
+			let Some(handle_pos) = self.target_handle_position(opposite_type, &vector_data) else {
+				self.handle_swapped = false;
+				return;
+			};
+			if (handle_pos - self.next_point).length() < 1e-6 {
+				self.handle_swapped = false;
+				return;
+			}
+			self.handle_end_offset = Some(viewport.transform_point2(handle_pos) - input.mouse.position);
+
+			// Update selections if in closed path mode
+			if self.path_closed {
+				self.cleanup_target_selections(shape_editor, layer, document, responses);
+			}
+			self.update_handle_type(opposite_type);
+			self.add_target_selections(shape_editor, layer);
+		} else if should_swap_to_start {
+			self.cleanup_target_selections(shape_editor, layer, document, responses);
+
+			// Calculate offset from mouse position to next handle start
+			if let Some(layer_id) = layer {
+				let transform = document.metadata().transform_to_viewport(layer_id);
+				self.handle_start_offset = Some(transform.transform_point2(self.next_handle_start) - input.mouse.position);
+			}
+
+			self.update_handle_type(TargetHandle::FuturePreviewOutHandle);
+		}
+
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::None });
+	}
+
+	/// Handles moving the initially created point
+	fn handle_single_point_path_drag(&mut self, delta: DVec2, layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>) -> Option<PenToolFsmState> {
+		self.next_handle_start += delta;
+		self.next_point += delta;
+
+		let Some(latest) = self.latest_point_mut() else {
+			return Some(PenToolFsmState::DraggingHandle(self.handle_mode));
+		};
+
+		latest.pos += delta;
+
+		let modification_type = VectorModificationType::ApplyPointDelta { point: latest.id, delta };
+
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		responses.add(OverlaysMessage::Draw);
+		Some(PenToolFsmState::DraggingHandle(self.handle_mode))
+	}
+
+	fn move_anchor_and_handles(&mut self, delta: DVec2, layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>, vector_data: &VectorData) {
+		if self.handle_end.is_none() {
+			if let Some(latest_pt) = self.latest_point_mut() {
+				latest_pt.pos += delta;
+			}
+		}
+
+		let Some(end_point) = self.prior_segment_endpoint else { return };
+
+		let modification_type_anchor = VectorModificationType::ApplyPointDelta { point: end_point, delta };
+		responses.add(GraphOperationMessage::Vector {
+			layer,
+			modification_type: modification_type_anchor,
+		});
+
+		let reference_handle = if self.path_closed { TargetHandle::PreviewInHandle } else { TargetHandle::FuturePreviewOutHandle };
+
+		// Move the end handle
+		let end_handle_type = self.get_opposite_handle_type(reference_handle, vector_data);
+		match end_handle_type {
+			TargetHandle::PriorInHandle(..) | TargetHandle::PriorOutHandle(..) => {
+				let Some(handle_pos) = self.target_handle_position(end_handle_type, vector_data) else { return };
+				self.update_target_handle_pos(end_handle_type, self.next_point, responses, handle_pos + delta, layer);
+			}
+			_ => {}
+		}
+	}
+
+	fn drag_handle(
+		&mut self,
+		snap_data: SnapData,
+		transform: DAffine2,
+		mouse: DVec2,
+		responses: &mut VecDeque<Message>,
+		layer: Option<LayerNodeIdentifier>,
+		input: &InputPreprocessorMessageHandler,
+	) -> Option<PenToolFsmState> {
+		let colinear = (self.handle_mode == HandleMode::ColinearEquidistant && self.modifiers.break_handle) || (self.handle_mode == HandleMode::ColinearLocked && !self.modifiers.break_handle);
+		let document = snap_data.document;
+		let Some(layer) = layer else { return Some(PenToolFsmState::DraggingHandle(self.handle_mode)) };
+		let vector_data = document.network_interface.compute_modified_vector(layer)?;
+		let viewport_to_document = document.metadata().document_to_viewport.inverse();
+		let mut mouse_pos = mouse;
+
+		// Handles pressing Space to drag anchor and its handles
+		if self.modifiers.move_anchor_with_handles {
+			let Some(delta) = self.space_anchor_handle_snap(&viewport_to_document, &transform, &snap_data, &mouse, &vector_data, input) else {
+				return Some(PenToolFsmState::DraggingHandle(self.handle_mode));
+			};
+
+			if self.moving_start_point() {
+				return self.handle_single_point_path_drag(delta, layer, responses);
+			}
+
+			self.next_handle_start += delta;
+			self.next_point += delta;
+
+			if let Some(handle) = self.handle_end.as_mut() {
+				*handle += delta;
+				if !self.path_closed {
+					responses.add(OverlaysMessage::Draw);
+					return Some(PenToolFsmState::DraggingHandle(self.handle_mode));
+				};
+			}
+
+			self.move_anchor_and_handles(delta, layer, responses, &vector_data);
+
+			responses.add(OverlaysMessage::Draw);
+			return Some(PenToolFsmState::DraggingHandle(self.handle_mode));
+		}
+
+		match self.handle_type {
+			TargetHandle::FuturePreviewOutHandle => {
+				let offset = self.handle_start_offset.unwrap_or(DVec2::ZERO);
+				mouse_pos += offset;
+				self.next_handle_start = self.compute_snapped_angle(snap_data.clone(), transform, colinear, mouse_pos, Some(self.next_point), false);
+			}
+			_ => {
+				mouse_pos += self.handle_end_offset.unwrap_or(DVec2::ZERO);
+				let mouse_pos = self.compute_snapped_angle(snap_data.clone(), transform, colinear, mouse_pos, Some(self.next_point), false);
+				self.update_target_handle_pos(self.handle_type, self.next_point, responses, mouse_pos, layer);
+			}
+		}
+
+		let mouse_pos = viewport_to_document.transform_point2(mouse_pos);
+		let anchor = transform.transform_point2(self.next_point);
+		let distance = (mouse_pos - anchor).length();
+
+		if self.switch_to_free_on_ctrl_release && !self.modifiers.lock_angle {
+			self.switch_to_free_on_ctrl_release = false;
+			self.handle_mode = HandleMode::Free;
+		}
+
+		if distance > 20. && self.handle_mode == HandleMode::Free && self.modifiers.lock_angle && !self.angle_locked {
+			self.angle_locked = true
+		}
+
+		match self.handle_mode {
+			HandleMode::ColinearLocked | HandleMode::ColinearEquidistant => {
+				self.g1_continuous = true;
+				self.apply_colinear_constraint(responses, layer, self.next_point, &vector_data);
+				self.adjust_handle_length(responses, layer, &vector_data);
+			}
+			HandleMode::Free => {
+				self.g1_continuous = false;
+			}
+		}
+
+		if distance < 20. && self.handle_mode == HandleMode::Free && self.modifiers.lock_angle && !self.angle_locked {
+			let Some(endpoint) = self.prior_segment_endpoint else {
+				return Some(PenToolFsmState::DraggingHandle(self.handle_mode));
+			};
+			self.set_lock_angle(&vector_data, endpoint, self.prior_segment);
+			self.switch_to_free_on_ctrl_release = true;
+			let last_segment = self.prior_segment;
+			if let Some(latest) = self.latest_point_mut() {
+				latest.in_segment = last_segment;
+			}
+		}
+
+		responses.add(OverlaysMessage::Draw);
+
+		Some(PenToolFsmState::DraggingHandle(self.handle_mode))
+	}
+
+	/// Makes the opposite handle equidistant or locks its length.
+	fn adjust_handle_length(&mut self, responses: &mut VecDeque<Message>, layer: LayerNodeIdentifier, vector_data: &VectorData) {
+		let opposite_handle_type = self.get_opposite_handle_type(self.handle_type, vector_data);
+		match self.handle_mode {
+			HandleMode::ColinearEquidistant => {
+				if self.modifiers.break_handle {
+					// Store handle for later restoration only when Alt is first pressed
+					if !self.alt_pressed {
+						self.previous_handle_end_pos = self.target_handle_position(opposite_handle_type, vector_data);
+						self.alt_pressed = true;
+					}
+
+					// Set handle to opposite position of the other handle
+					let Some(new_position) = self.target_handle_position(self.handle_type, vector_data).map(|handle| self.next_point * 2. - handle) else {
+						return;
+					};
+					self.update_target_handle_pos(opposite_handle_type, self.next_point, responses, new_position, layer);
+				} else if self.alt_pressed {
+					// Restore the previous handle position when Alt is released
+					if let Some(previous_handle) = self.previous_handle_end_pos {
+						self.update_target_handle_pos(opposite_handle_type, self.next_point, responses, previous_handle, layer);
+					}
+					self.alt_pressed = false;
+					self.previous_handle_end_pos = None;
+				}
+			}
+			HandleMode::ColinearLocked => {
+				if !self.modifiers.break_handle {
+					let Some(new_position) = self.target_handle_position(self.handle_type, vector_data).map(|handle| self.next_point * 2. - handle) else {
+						return;
+					};
+					self.update_target_handle_pos(opposite_handle_type, self.next_point, responses, new_position, layer);
+				}
+			}
+			HandleMode::Free => {}
+		}
+	}
+
+	fn apply_colinear_constraint(&mut self, responses: &mut VecDeque<Message>, layer: LayerNodeIdentifier, anchor_pos: DVec2, vector_data: &VectorData) {
+		let Some(handle) = self.target_handle_position(self.handle_type, vector_data) else {
+			return;
+		};
+
+		if (anchor_pos - handle).length() < 1e-6 && self.modifiers.lock_angle {
+			return;
+		}
+
+		let Some(direction) = (anchor_pos - handle).try_normalize() else {
+			return;
+		};
+		let opposite_handle = self.get_opposite_handle_type(self.handle_type, vector_data);
+		let Some(handle_offset) = self.target_handle_position(opposite_handle, vector_data).map(|handle| (handle - anchor_pos).length()) else {
+			return;
+		};
+		let new_handle_position = anchor_pos + handle_offset * direction;
+		self.update_target_handle_pos(opposite_handle, self.next_point, responses, new_handle_position, layer);
+	}
+
+	fn place_anchor(&mut self, snap_data: SnapData, transform: DAffine2, mouse: DVec2, preferences: &PreferencesMessageHandler, responses: &mut VecDeque<Message>) -> Option<PenToolFsmState> {
+		let document = snap_data.document;
+
+		let relative = if self.path_closed { None } else { self.latest_point().map(|point| point.pos) };
+		self.next_point = self.compute_snapped_angle(snap_data, transform, false, mouse, relative, true);
+
+		let selected_nodes = document.network_interface.selected_nodes();
+		let mut selected_layers = selected_nodes.selected_layers(document.metadata());
+		let layer = selected_layers.next().filter(|_| selected_layers.next().is_none()).or(self.current_layer)?;
+		let vector_data = document.network_interface.compute_modified_vector(layer)?;
+		let transform = document.metadata().document_to_viewport * transform;
+		for point in vector_data.extendable_points(preferences.vector_meshes) {
+			let Some(pos) = vector_data.point_domain.position_from_id(point) else { continue };
+			let transformed_distance_between_squared = transform.transform_point2(pos).distance_squared(transform.transform_point2(self.next_point));
+			let snap_point_tolerance_squared = crate::consts::SNAP_POINT_TOLERANCE.powi(2);
+			if transformed_distance_between_squared < snap_point_tolerance_squared {
+				self.next_point = pos;
+			}
+		}
+		if let Some(handle_end) = self.handle_end.as_mut() {
+			*handle_end = self.next_point;
+			self.next_handle_start = self.next_point;
+		}
+		responses.add(OverlaysMessage::Draw);
+
+		Some(PenToolFsmState::PlacingAnchor)
+	}
+
+	/// Snap the angle of the line from relative to position if the key is pressed.
+	fn compute_snapped_angle(&mut self, snap_data: SnapData, transform: DAffine2, colinear: bool, mouse: DVec2, relative: Option<DVec2>, neighbor: bool) -> DVec2 {
+		let ModifierState { snap_angle, lock_angle, .. } = self.modifiers;
+		let document = snap_data.document;
+		let mut document_pos = document.metadata().document_to_viewport.inverse().transform_point2(mouse);
+		let snap = &mut self.snap_manager;
+
+		let neighbors = relative.filter(|_| neighbor).map_or(Vec::new(), |neighbor| vec![neighbor]);
+
+		let config = SnapTypeConfiguration::default();
+		if let Some(relative) = relative
+			.map(|layer| transform.transform_point2(layer))
+			.filter(|&relative| (snap_angle || lock_angle) && (relative - document_pos).length_squared() > f64::EPSILON * 100.)
+		{
+			let resolution = LINE_ROTATE_SNAP_ANGLE.to_radians();
+
+			let angle = if lock_angle {
+				self.angle
+			} else if (relative - document_pos) != DVec2::ZERO && !lock_angle {
+				(-(relative - document_pos).angle_to(DVec2::X) / resolution).round() * resolution
+			} else {
+				self.angle
+			};
+			document_pos = relative - (relative - document_pos).project_onto(DVec2::new(angle.cos(), angle.sin()));
+
+			let constraint = SnapConstraint::Line {
+				origin: relative,
+				direction: document_pos - relative,
+			};
+			let near_point = SnapCandidatePoint::handle_neighbors(document_pos, neighbors.clone());
+			let far_point = SnapCandidatePoint::handle_neighbors(2. * relative - document_pos, neighbors);
+			if colinear {
+				let snapped = snap.constrained_snap(&snap_data, &near_point, constraint, config);
+				let snapped_far = snap.constrained_snap(&snap_data, &far_point, constraint, config);
+				document_pos = if snapped_far.other_snap_better(&snapped) {
+					snapped.snapped_point_document
+				} else {
+					2. * relative - snapped_far.snapped_point_document
+				};
+				snap.update_indicator(if snapped_far.other_snap_better(&snapped) { snapped } else { snapped_far });
+			} else {
+				let snapped = snap.constrained_snap(&snap_data, &near_point, constraint, config);
+				document_pos = snapped.snapped_point_document;
+				snap.update_indicator(snapped);
+			}
+		} else if let Some(relative) = relative.map(|layer| transform.transform_point2(layer)).filter(|_| colinear) {
+			let snapped = snap.free_snap(&snap_data, &SnapCandidatePoint::handle_neighbors(document_pos, neighbors.clone()), config);
+			let snapped_far = snap.free_snap(&snap_data, &SnapCandidatePoint::handle_neighbors(2. * relative - document_pos, neighbors), config);
+			document_pos = if snapped_far.other_snap_better(&snapped) {
+				snapped.snapped_point_document
+			} else {
+				2. * relative - snapped_far.snapped_point_document
+			};
+			snap.update_indicator(if snapped_far.other_snap_better(&snapped) { snapped } else { snapped_far });
+		} else {
+			let snapped = snap.free_snap(&snap_data, &SnapCandidatePoint::handle_neighbors(document_pos, neighbors), config);
+			document_pos = snapped.snapped_point_document;
+			snap.update_indicator(snapped);
+		}
+
+		if let Some(relative) = relative.map(|layer| transform.transform_point2(layer)) {
+			if (relative - document_pos) != DVec2::ZERO && (relative - document_pos).length_squared() > f64::EPSILON * 100. {
+				self.angle = -(relative - document_pos).angle_to(DVec2::X)
+			}
+		}
+
+		transform.inverse().transform_point2(document_pos)
+	}
+
+	#[allow(clippy::too_many_arguments)]
+	fn create_initial_point(
+		&mut self,
+		document: &DocumentMessageHandler,
+		input: &InputPreprocessorMessageHandler,
+		responses: &mut VecDeque<Message>,
+		tool_options: &PenOptions,
+		append: bool,
+		preferences: &PreferencesMessageHandler,
+		shape_editor: &mut ShapeState,
+	) {
+		let point = SnapCandidatePoint::handle(document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position));
+		let snapped = self.snap_manager.free_snap(&SnapData::new(document, input), &point, SnapTypeConfiguration::default());
+		let viewport = document.metadata().document_to_viewport.transform_point2(snapped.snapped_point_document);
+		self.handle_type = TargetHandle::FuturePreviewOutHandle;
+
+		let selected_nodes = document.network_interface.selected_nodes();
+		self.handle_end = None;
+
+		let tolerance = crate::consts::SNAP_POINT_TOLERANCE;
+		let extension_choice = should_extend(document, viewport, tolerance, selected_nodes.selected_layers(document.metadata()), preferences);
+		if let Some((layer, point, position)) = extension_choice {
+			self.current_layer = Some(layer);
+			self.extend_existing_path(document, layer, point, position);
+			return;
+		} else if preferences.vector_meshes {
+			if let Some(closest_segment) = shape_editor.upper_closest_segment(&document.network_interface, viewport, tolerance) {
+				let (point, segments) = closest_segment.adjusted_insert(responses);
+				let layer = closest_segment.layer();
+				let position = closest_segment.closest_point_document();
+
+				// Setting any one of the new segments created as the previous segment
+				self.prior_segment_endpoint = Some(point);
+				self.prior_segment_layer = Some(layer);
+				self.prior_segments = Some(segments.to_vec());
+
+				self.extend_existing_path(document, layer, point, position);
+				return;
+			}
+		}
+
+		if append {
+			if let Some((layer, point, _)) = closest_point(document, viewport, tolerance, document.metadata().all_layers(), |_| false, preferences) {
+				let vector_data = document.network_interface.compute_modified_vector(layer).unwrap();
+				let segment = vector_data.all_connected(point).collect::<Vec<_>>().first().map(|s| s.segment);
+
+				if self.modifiers.lock_angle {
+					self.set_lock_angle(&vector_data, point, segment);
+					self.switch_to_free_on_ctrl_release = true;
+				}
+			}
+			let mut selected_layers_except_artboards = selected_nodes.selected_layers_except_artboards(&document.network_interface);
+			let existing_layer = selected_layers_except_artboards.next().filter(|_| selected_layers_except_artboards.next().is_none());
+			if let Some(layer) = existing_layer {
+				// Add point to existing layer
+				responses.add(PenToolMessage::AddPointLayerPosition { layer, viewport });
+				return;
+			}
+		}
+
+		if let Some((layer, point, _position)) = closest_point(document, viewport, tolerance, document.metadata().all_layers(), |_| false, preferences) {
+			let vector_data = document.network_interface.compute_modified_vector(layer).unwrap();
+			let segment = vector_data.all_connected(point).collect::<Vec<_>>().first().map(|s| s.segment);
+			self.handle_mode = HandleMode::Free;
+			if self.modifiers.lock_angle {
+				self.set_lock_angle(&vector_data, point, segment);
+				self.switch_to_free_on_ctrl_release = true;
+			}
+		}
+
+		// New path layer
+		let node_type = resolve_document_node_type("Path").expect("Path node does not exist");
+		let nodes = vec![(NodeId(0), node_type.default_node_template())];
+
+		let parent = document.new_layer_bounding_artboard(input);
+		let layer = graph_modification_utils::new_custom(NodeId::new(), nodes, parent, responses);
+		self.current_layer = Some(layer);
+		tool_options.fill.apply_fill(layer, responses);
+		tool_options.stroke.apply_stroke(tool_options.line_weight, layer, responses);
+		self.prior_segment = None;
+		self.prior_segments = None;
+		responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![layer.to_node()] });
+
+		// This causes the following message to be run only after the next graph evaluation runs and the transforms are updated
+		responses.add(Message::StartBuffer);
+		// It is necessary to defer this until the transform of the layer can be accurately computed (quite hacky)
+		responses.add(PenToolMessage::AddPointLayerPosition { layer, viewport });
+	}
+
+	/// Perform extension of an existing path
+	fn extend_existing_path(&mut self, document: &DocumentMessageHandler, layer: LayerNodeIdentifier, point: PointId, position: DVec2) {
+		let vector_data = document.network_interface.compute_modified_vector(layer);
+		let (handle_start, in_segment) = if let Some(vector_data) = &vector_data {
+			vector_data
+				.segment_bezier_iter()
+				.find_map(|(segment_id, bezier, start, end)| {
+					let is_end = point == end;
+					let is_start = point == start;
+					if !is_end && !is_start {
+						return None;
+					}
+
+					let handle = match bezier.handles {
+						BezierHandles::Cubic { handle_start, handle_end, .. } => {
+							if is_start {
+								handle_start
+							} else {
+								handle_end
+							}
+						}
+						BezierHandles::Quadratic { handle } => handle,
+						_ => return None,
+					};
+					Some((segment_id, is_end, handle))
+				})
+				.map(|(segment_id, is_end, handle)| {
+					let mirrored_handle = position * 2. - handle;
+					let in_segment = if is_end { Some(segment_id) } else { None };
+					(mirrored_handle, in_segment)
+				})
+				.unwrap_or_else(|| (position, None))
+		} else {
+			(position, None)
+		};
+
+		let in_segment = if self.modifiers.lock_angle { self.prior_segment } else { in_segment };
+
+		self.add_point(LastPoint {
+			id: point,
+			pos: position,
+			in_segment,
+			handle_start,
+		});
+
+		self.next_point = position;
+		self.next_handle_start = handle_start;
+		let vector_data = document.network_interface.compute_modified_vector(layer).unwrap();
+		let segment = vector_data.all_connected(point).collect::<Vec<_>>().first().map(|s| s.segment);
+		self.handle_mode = HandleMode::Free;
+
+		if self.modifiers.lock_angle {
+			self.set_lock_angle(&vector_data, point, segment);
+			self.switch_to_free_on_ctrl_release = true;
+		}
+	}
+
+	// Stores the segment and point ID of the clicked endpoint
+	fn store_clicked_endpoint(&mut self, document: &DocumentMessageHandler, transform: &DAffine2, input: &InputPreprocessorMessageHandler, preferences: &PreferencesMessageHandler) {
+		let mut manipulators = HashMap::with_hasher(NoHashBuilder);
+		let mut unselected = Vec::new();
+		let mut layer_manipulators = HashSet::with_hasher(NoHashBuilder);
+
+		let point = SnapCandidatePoint::handle(document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position));
+
+		let snapped = self.snap_manager.free_snap(&SnapData::new(document, input), &point, SnapTypeConfiguration::default());
+		let viewport = document.metadata().document_to_viewport.transform_point2(snapped.snapped_point_document);
+
+		let tolerance = crate::consts::SNAP_POINT_TOLERANCE;
+		self.prior_segment = None;
+		self.prior_segment_endpoint = None;
+		self.prior_segment_layer = None;
+		self.prior_segments = None;
+
+		if let Some((layer, point, _position)) = closest_point(document, viewport, tolerance, document.metadata().all_layers(), |_| false, preferences) {
+			self.prior_segment_endpoint = Some(point);
+			self.prior_segment_layer = Some(layer);
+			let vector_data = document.network_interface.compute_modified_vector(layer).unwrap();
+			let segment = vector_data.all_connected(point).collect::<Vec<_>>().first().map(|s| s.segment);
+			self.prior_segment = segment;
+			layer_manipulators.insert(point);
+			for (&id, &position) in vector_data.point_domain.ids().iter().zip(vector_data.point_domain.positions()) {
+				if id == point {
+					continue;
+				}
+				unselected.push(SnapCandidatePoint::handle(transform.transform_point2(position)))
+			}
+			manipulators.insert(layer, layer_manipulators);
+			self.snap_cache = SnapCache { manipulators, unselected }
+		}
+	}
+
+	fn set_lock_angle(&mut self, vector_data: &VectorData, anchor: PointId, segment: Option<SegmentId>) {
+		let anchor_position = vector_data.point_domain.position_from_id(anchor);
+
+		let Some((anchor_position, segment)) = anchor_position.zip(segment) else {
+			self.handle_mode = HandleMode::Free;
+			return;
+		};
+
+		match (self.handle_type, self.path_closed) {
+			(TargetHandle::FuturePreviewOutHandle, _) | (TargetHandle::PreviewInHandle, true) => {
+				if let Some(required_handle) = calculate_segment_angle(anchor, segment, vector_data, true) {
+					self.angle = required_handle;
+					self.handle_mode = HandleMode::ColinearEquidistant;
+				}
+			}
+			(TargetHandle::PriorInHandle(..) | TargetHandle::PriorOutHandle(..), true) => {
+				self.angle = -(self.handle_end.unwrap() - anchor_position).angle_to(DVec2::X);
+				self.handle_mode = HandleMode::ColinearEquidistant;
+			}
+			_ => {
+				self.angle = -(self.next_handle_start - anchor_position).angle_to(DVec2::X);
+				self.handle_mode = HandleMode::ColinearEquidistant;
+			}
+		}
+	}
+
+	fn add_point_layer_position(&mut self, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>, layer: LayerNodeIdentifier, viewport: DVec2) {
+		// Add the first point
+		let id = PointId::generate();
+		let pos = document.metadata().transform_to_viewport(layer).inverse().transform_point2(viewport);
+		let modification_type = VectorModificationType::InsertPoint { id, position: pos };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+		self.add_point(LastPoint {
+			id,
+			pos,
+			in_segment: None,
+			handle_start: pos,
+		});
+		self.next_point = pos;
+		self.next_handle_start = pos;
+		self.handle_end = None;
+	}
+}
+
+impl Fsm for PenToolFsmState {
+	type ToolData = PenToolData;
+	type ToolOptions = PenOptions;
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, tool_options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData {
+			document,
+			global_tool_data,
+			input,
+			shape_editor,
+			preferences,
+			..
+		} = tool_action_data;
+		let selected_nodes = document.network_interface.selected_nodes();
+		let mut selected_layers = selected_nodes.selected_layers(document.metadata());
+		let layer = selected_layers.next().filter(|_| selected_layers.next().is_none()).or(tool_data.current_layer);
+
+		let mut transform = layer.map(|layer| document.metadata().transform_to_document(layer)).unwrap_or_default();
+
+		if !transform.inverse().is_finite() {
+			let parent_transform = layer.and_then(|layer| layer.parent(document.metadata())).map(|layer| document.metadata().transform_to_document(layer));
+
+			transform = parent_transform.unwrap_or(DAffine2::IDENTITY);
+		}
+
+		if !transform.inverse().is_finite() {
+			transform = DAffine2::IDENTITY;
+		}
+
+		let ToolMessage::Pen(event) = event else { return self };
+		match (self, event) {
+			(PenToolFsmState::PlacingAnchor | PenToolFsmState::GRSHandle, PenToolMessage::GRS { grab, rotate, scale }) => {
+				let Some(layer) = layer else { return PenToolFsmState::PlacingAnchor };
+
+				let Some(latest) = tool_data.latest_point() else { return PenToolFsmState::PlacingAnchor };
+				if latest.handle_start == latest.pos {
+					return PenToolFsmState::PlacingAnchor;
+				}
+
+				let latest_pos = latest.pos;
+				let latest_handle_start = latest.handle_start;
+
+				let viewport = document.metadata().transform_to_viewport(layer);
+				let last_point = viewport.transform_point2(latest.pos);
+				let handle = viewport.transform_point2(latest.handle_start);
+
+				if input.keyboard.key(grab) {
+					responses.add(TransformLayerMessage::BeginGrabPen { last_point, handle });
+				} else if input.keyboard.key(rotate) {
+					responses.add(TransformLayerMessage::BeginRotatePen { last_point, handle });
+				} else if input.keyboard.key(scale) {
+					responses.add(TransformLayerMessage::BeginScalePen { last_point, handle });
+				}
+
+				let vector_data = document.network_interface.compute_modified_vector(layer).unwrap();
+				tool_data.previous_handle_start_pos = latest.handle_start;
+				let opposite_handle = tool_data.check_grs_end_handle(&vector_data);
+				tool_data.previous_handle_end_pos = tool_data.target_handle_position(opposite_handle, &vector_data);
+				let handle1 = latest_handle_start - latest_pos;
+				let Some(opposite_handle_pos) = tool_data.target_handle_position(opposite_handle, &vector_data) else {
+					return PenToolFsmState::GRSHandle;
+				};
+				let handle2 = opposite_handle_pos - latest_pos;
+				let pi = std::f64::consts::PI;
+				let angle = handle1.angle_to(handle2);
+				tool_data.colinear = (angle - pi).abs() < 1e-6 || (angle + pi).abs() < 1e-6;
+				PenToolFsmState::GRSHandle
+			}
+			(PenToolFsmState::GRSHandle, PenToolMessage::FinalPosition { final_position }) => {
+				let Some(layer) = layer else { return PenToolFsmState::GRSHandle };
+				let vector_data = document.network_interface.compute_modified_vector(layer);
+				let Some(vector_data) = vector_data else { return PenToolFsmState::GRSHandle };
+
+				if let Some(latest_pt) = tool_data.latest_point_mut() {
+					let layer_space_to_viewport = document.metadata().transform_to_viewport(layer);
+					let final_pos = layer_space_to_viewport.inverse().transform_point2(final_position);
+					latest_pt.handle_start = final_pos;
+				}
+
+				responses.add(OverlaysMessage::Draw);
+				let Some(latest) = tool_data.latest_point() else {
+					return PenToolFsmState::GRSHandle;
+				};
+				let opposite_handle = tool_data.check_grs_end_handle(&vector_data);
+				let Some(opposite_handle_pos) = tool_data.target_handle_position(opposite_handle, &vector_data) else {
+					return PenToolFsmState::GRSHandle;
+				};
+
+				if tool_data.colinear {
+					let Some(direction) = (latest.pos - latest.handle_start).try_normalize() else {
+						return PenToolFsmState::GRSHandle;
+					};
+
+					if (latest.pos - latest.handle_start).length_squared() < f64::EPSILON {
+						return PenToolFsmState::GRSHandle;
+					}
+					let relative_distance = (opposite_handle_pos - latest.pos).length();
+					let relative_position = relative_distance * direction + latest.pos;
+					tool_data.update_target_handle_pos(opposite_handle, latest.pos, responses, relative_position, layer);
+				}
+
+				responses.add(OverlaysMessage::Draw);
+
+				PenToolFsmState::GRSHandle
+			}
+			(PenToolFsmState::GRSHandle, PenToolMessage::Confirm) => {
+				tool_data.next_point = input.mouse.position;
+				tool_data.next_handle_start = input.mouse.position;
+
+				responses.add(OverlaysMessage::Draw);
+				responses.add(PenToolMessage::PointerMove {
+					snap_angle: Key::Control,
+					break_handle: Key::Alt,
+					lock_angle: Key::Shift,
+					colinear: Key::KeyC,
+					move_anchor_with_handles: Key::Space,
+				});
+
+				PenToolFsmState::PlacingAnchor
+			}
+			(PenToolFsmState::GRSHandle, PenToolMessage::Abort) => {
+				tool_data.next_point = input.mouse.position;
+				tool_data.next_handle_start = input.mouse.position;
+
+				let Some(layer) = layer else { return PenToolFsmState::GRSHandle };
+				let vector_data = document.network_interface.compute_modified_vector(layer).unwrap();
+				let opposite_handle = tool_data.check_grs_end_handle(&vector_data);
+
+				let previous = tool_data.previous_handle_start_pos;
+				if let Some(latest) = tool_data.latest_point_mut() {
+					latest.handle_start = previous;
+				} else {
+					return PenToolFsmState::PlacingAnchor;
+				}
+
+				responses.add(OverlaysMessage::Draw);
+				responses.add(PenToolMessage::PointerMove {
+					snap_angle: Key::Control,
+					break_handle: Key::Alt,
+					lock_angle: Key::Shift,
+					colinear: Key::KeyC,
+					move_anchor_with_handles: Key::Space,
+				});
+
+				let Some((previous_pos, latest)) = tool_data.previous_handle_end_pos.zip(tool_data.latest_point()) else {
+					return PenToolFsmState::PlacingAnchor;
+				};
+				tool_data.update_target_handle_pos(opposite_handle, latest.pos, responses, previous_pos, layer);
+
+				PenToolFsmState::PlacingAnchor
+			}
+			(_, PenToolMessage::SelectionChanged) => {
+				responses.add(OverlaysMessage::Draw);
+				self
+			}
+			(PenToolFsmState::Ready, PenToolMessage::Overlays(mut overlay_context)) => {
+				match tool_options.pen_overlay_mode {
+					PenOverlayMode::AllHandles => {
+						path_overlays(document, DrawHandles::All, shape_editor, &mut overlay_context);
+					}
+					PenOverlayMode::FrontierHandles => {
+						path_overlays(document, DrawHandles::None, shape_editor, &mut overlay_context);
+					}
+				}
+				// Check if there is an anchor within threshold
+				// If not check if there is a closest segment within threshold, if yes then draw overlay
+				let tolerance = crate::consts::SNAP_POINT_TOLERANCE;
+				let point = SnapCandidatePoint::handle(document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position));
+				let snapped = tool_data.snap_manager.free_snap(&SnapData::new(document, input), &point, SnapTypeConfiguration::default());
+				let viewport = document.metadata().document_to_viewport.transform_point2(snapped.snapped_point_document);
+
+				let close_to_point = closest_point(document, viewport, tolerance, document.metadata().all_layers(), |_| false, preferences).is_some();
+				if preferences.vector_meshes && !close_to_point {
+					if let Some(closest_segment) = shape_editor.upper_closest_segment(&document.network_interface, viewport, tolerance) {
+						let pos = closest_segment.closest_point_to_viewport();
+						let perp = closest_segment.calculate_perp(document);
+						overlay_context.manipulator_anchor(pos, true, None);
+						overlay_context.line(pos - perp * SEGMENT_OVERLAY_SIZE, pos + perp * SEGMENT_OVERLAY_SIZE, Some(COLOR_OVERLAY_BLUE), None);
+					}
+				}
+				tool_data.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context);
+				self
+			}
+			(_, PenToolMessage::Overlays(mut overlay_context)) => {
+				let display_anchors = overlay_context.visibility_settings.anchors();
+				let display_handles = overlay_context.visibility_settings.handles();
+
+				let valid = |point: DVec2, handle: DVec2| point.distance_squared(handle) >= HIDE_HANDLE_DISTANCE * HIDE_HANDLE_DISTANCE;
+
+				let transform = document.metadata().document_to_viewport * transform;
+
+				// The currently-being-placed anchor
+				let next_anchor = transform.transform_point2(tool_data.next_point);
+				// The currently-being-placed anchor's outgoing handle (the one currently being dragged out)
+				let next_handle_start = transform.transform_point2(tool_data.next_handle_start);
+
+				// The most recently placed anchor
+				let anchor_start = tool_data.latest_point().map(|point| transform.transform_point2(point.pos));
+				// The most recently placed anchor's incoming handle (opposite the one currently being dragged out)
+				let handle_end = tool_data.handle_end.map(|point| transform.transform_point2(point));
+				// The most recently placed anchor's outgoing handle (which is currently influencing the currently-being-placed segment)
+				let handle_start = tool_data.latest_point().map(|point| transform.transform_point2(point.handle_start));
+
+				if let (Some((start, handle_start)), Some(handle_end)) = (tool_data.latest_point().map(|point| (point.pos, point.handle_start)), tool_data.handle_end) {
+					let handles = BezierHandles::Cubic { handle_start, handle_end };
+					let end = tool_data.next_point;
+					let bezier = Bezier { start, handles, end };
+					if (end - start).length_squared() > f64::EPSILON {
+						// Draw the curve for the currently-being-placed segment
+						overlay_context.outline_bezier(bezier, transform);
+					}
+				}
+
+				if display_handles {
+					// Draw the line between the currently-being-placed anchor and its currently-being-dragged-out outgoing handle (opposite the one currently being dragged out)
+					overlay_context.line(next_anchor, next_handle_start, None, None);
+				}
+
+				match tool_options.pen_overlay_mode {
+					PenOverlayMode::AllHandles => {
+						path_overlays(document, DrawHandles::All, shape_editor, &mut overlay_context);
+					}
+					PenOverlayMode::FrontierHandles => {
+						if let Some(latest_segment) = tool_data.prior_segment {
+							path_overlays(document, DrawHandles::SelectedAnchors(vec![latest_segment]), shape_editor, &mut overlay_context);
+						}
+						// If a vector mesh then there can be more than one prior segments
+						else if let Some(segments) = tool_data.prior_segments.clone() {
+							if preferences.vector_meshes {
+								path_overlays(document, DrawHandles::SelectedAnchors(segments), shape_editor, &mut overlay_context);
+							}
+						} else {
+							path_overlays(document, DrawHandles::None, shape_editor, &mut overlay_context);
+						};
+					}
+				}
+
+				if let (Some(anchor_start), Some(handle_start), Some(handle_end)) = (anchor_start, handle_start, handle_end) {
+					if display_handles {
+						// Draw the line between the most recently placed anchor and its outgoing handle (which is currently influencing the currently-being-placed segment)
+						overlay_context.line(anchor_start, handle_start, None, None);
+
+						// Draw the line between the currently-being-placed anchor and its incoming handle (opposite the one currently being dragged out)
+						overlay_context.line(next_anchor, handle_end, None, None);
+					}
+
+					if self == PenToolFsmState::PlacingAnchor && anchor_start != handle_start && tool_data.modifiers.lock_angle {
+						// Draw the line between the currently-being-placed anchor and last-placed point (lock angle bent overlays)
+						overlay_context.dashed_line(anchor_start, next_anchor, None, None, Some(4.), Some(4.), Some(0.5));
+					}
+
+					// Draw the line between the currently-being-placed anchor and last-placed point (snap angle bent overlays)
+					if self == PenToolFsmState::PlacingAnchor && anchor_start != handle_start && tool_data.modifiers.snap_angle {
+						overlay_context.dashed_line(anchor_start, next_anchor, None, None, Some(4.), Some(4.), Some(0.5));
+					}
+
+					if self == PenToolFsmState::DraggingHandle(tool_data.handle_mode) && valid(next_anchor, handle_end) && display_handles {
+						// Draw the handle circle for the currently-being-dragged-out incoming handle (opposite the one currently being dragged out)
+						let selected = tool_data.handle_type == TargetHandle::PreviewInHandle;
+						if display_handles {
+							overlay_context.manipulator_handle(handle_end, selected, None);
+							overlay_context.manipulator_handle(handle_end, selected, None);
+						}
+					}
+
+					if valid(anchor_start, handle_start) && display_handles {
+						// Draw the handle circle for the most recently placed anchor's outgoing handle (which is currently influencing the currently-being-placed segment)
+						overlay_context.manipulator_handle(handle_start, false, None);
+					}
+				} else {
+					// Draw the whole path and its manipulators when the user is clicking-and-dragging out from the most recently placed anchor to set its outgoing handle, during which it would otherwise not have its overlays drawn
+					match tool_options.pen_overlay_mode {
+						PenOverlayMode::AllHandles => {
+							path_overlays(document, DrawHandles::All, shape_editor, &mut overlay_context);
+						}
+						PenOverlayMode::FrontierHandles => {
+							path_overlays(document, DrawHandles::None, shape_editor, &mut overlay_context);
+						}
+					}
+				}
+
+				if self == PenToolFsmState::DraggingHandle(tool_data.handle_mode) && valid(next_anchor, next_handle_start) && display_handles {
+					// Draw the handle circle for the currently-being-dragged-out outgoing handle (the one currently being dragged out, under the user's cursor)
+					let selected = tool_data.handle_type == TargetHandle::FuturePreviewOutHandle;
+					overlay_context.manipulator_handle(next_handle_start, selected, None);
+				}
+
+				if self == PenToolFsmState::DraggingHandle(tool_data.handle_mode) && display_anchors {
+					// Draw the anchor square for the most recently placed anchor
+					overlay_context.manipulator_anchor(next_anchor, false, None);
+				}
+
+				if self == PenToolFsmState::PlacingAnchor && preferences.vector_meshes {
+					let tolerance = crate::consts::SNAP_POINT_TOLERANCE;
+					let point = SnapCandidatePoint::handle(document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position));
+					let snapped = tool_data.snap_manager.free_snap(&SnapData::new(document, input), &point, SnapTypeConfiguration::default());
+					let viewport = document.metadata().document_to_viewport.transform_point2(snapped.snapped_point_document);
+					let close_to_point = closest_point(document, viewport, tolerance, document.metadata().all_layers(), |_| false, preferences).is_some();
+					if !close_to_point {
+						if let Some(closest_segment) = shape_editor.upper_closest_segment(&document.network_interface, viewport, tolerance) {
+							let pos = closest_segment.closest_point_to_viewport();
+							let perp = closest_segment.calculate_perp(document);
+							overlay_context.manipulator_anchor(pos, true, None);
+							overlay_context.line(pos - perp * SEGMENT_OVERLAY_SIZE, pos + perp * SEGMENT_OVERLAY_SIZE, Some(COLOR_OVERLAY_BLUE), None);
+						}
+					}
+				}
+
+				// Display a filled overlay of the shape if the new point closes the path
+				if let Some(latest_point) = tool_data.latest_point() {
+					let handle_start = latest_point.handle_start;
+					let handle_end = tool_data.handle_end.unwrap_or(tool_data.next_handle_start);
+					let next_point = tool_data.next_point;
+					let start = latest_point.id;
+
+					if let Some(layer) = layer {
+						let mut vector_data = document.network_interface.compute_modified_vector(layer).unwrap();
+
+						let closest_point = vector_data.extendable_points(preferences.vector_meshes).filter(|&id| id != start).find(|&id| {
+							vector_data.point_domain.position_from_id(id).map_or(false, |pos| {
+								let dist_sq = transform.transform_point2(pos).distance_squared(transform.transform_point2(next_point));
+								dist_sq < crate::consts::SNAP_POINT_TOLERANCE.powi(2)
+							})
+						});
+
+						// We have the point. Join the 2 vertices and check if any path is closed.
+						if let Some(end) = closest_point {
+							let segment_id = SegmentId::generate();
+							vector_data.push(segment_id, start, end, BezierHandles::Cubic { handle_start, handle_end }, StrokeId::ZERO);
+
+							let grouped_segments = vector_data.auto_join_paths();
+							let closed_paths = grouped_segments.iter().filter(|path| path.is_closed() && path.contains(segment_id));
+
+							let subpaths: Vec<_> = closed_paths
+								.filter_map(|path| {
+									let segments = path.edges.iter().filter_map(|edge| {
+										vector_data
+											.segment_domain
+											.iter()
+											.find(|(id, _, _, _)| id == &edge.id)
+											.map(|(_, start, end, bezier)| if start == edge.start { (bezier, start, end) } else { (bezier.reversed(), end, start) })
+									});
+									vector_data.subpath_from_segments_ignore_discontinuities(segments)
+								})
+								.collect();
+
+							let mut fill_color = graphene_std::Color::from_rgb_str(COLOR_OVERLAY_BLUE.strip_prefix('#').unwrap())
+								.unwrap()
+								.with_alpha(0.05)
+								.to_rgba_hex_srgb();
+							fill_color.insert(0, '#');
+							overlay_context.fill_path(subpaths.iter(), transform, fill_color.as_str());
+						}
+					}
+				}
+
+				// Draw the overlays that visualize current snapping
+				tool_data.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context);
+
+				self
+			}
+			(_, PenToolMessage::WorkingColorChanged) => {
+				responses.add(PenToolMessage::UpdateOptions(PenOptionsUpdate::WorkingColors(
+					Some(global_tool_data.primary_color),
+					Some(global_tool_data.secondary_color),
+				)));
+				self
+			}
+			(PenToolFsmState::Ready, PenToolMessage::DragStart { append_to_selected }) => {
+				responses.add(DocumentMessage::StartTransaction);
+				tool_data.handle_mode = HandleMode::Free;
+
+				// Get the closest point and the segment it is on
+				let append = input.keyboard.key(append_to_selected);
+
+				tool_data.store_clicked_endpoint(document, &transform, input, preferences);
+				tool_data.create_initial_point(document, input, responses, tool_options, append, preferences, shape_editor);
+
+				// Enter the dragging handle state while the mouse is held down, allowing the user to move the mouse and position the handle
+				PenToolFsmState::DraggingHandle(tool_data.handle_mode)
+			}
+			(_, PenToolMessage::AddPointLayerPosition { layer, viewport }) => {
+				tool_data.add_point_layer_position(document, responses, layer, viewport);
+
+				self
+			}
+			(state, PenToolMessage::RecalculateLatestPointsPosition) => {
+				tool_data.recalculate_latest_points_position(document);
+				state
+			}
+			(PenToolFsmState::PlacingAnchor, PenToolMessage::DragStart { append_to_selected }) => {
+				let point = SnapCandidatePoint::handle(document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position));
+				let snapped = tool_data.snap_manager.free_snap(&SnapData::new(document, input), &point, SnapTypeConfiguration::default());
+				let viewport = document.metadata().document_to_viewport.transform_point2(snapped.snapped_point_document);
+
+				// Early return if the buffer was started and this message is being run again after the buffer (so that place_anchor updates the state with the newly merged vector)
+				if tool_data.buffering_merged_vector {
+					if let Some(layer) = layer {
+						tool_data.buffering_merged_vector = false;
+						tool_data.handle_mode = HandleMode::ColinearLocked;
+						tool_data.bend_from_previous_point(SnapData::new(document, input), transform, layer, preferences, shape_editor, responses);
+						tool_data.place_anchor(SnapData::new(document, input), transform, input.mouse.position, preferences, responses);
+					}
+					tool_data.buffering_merged_vector = false;
+					PenToolFsmState::DraggingHandle(tool_data.handle_mode)
+				} else {
+					if tool_data.handle_end.is_some() {
+						responses.add(DocumentMessage::StartTransaction);
+					}
+					// Merge two layers if the point is connected to the end point of another path
+
+					// This might not be the correct solution to artboards being included as the other layer, which occurs due to the compute_modified_vector call in should_extend using the click targets for a layer instead of vector data.
+					let layers = LayerNodeIdentifier::ROOT_PARENT
+						.descendants(document.metadata())
+						.filter(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]));
+					if let Some((other_layer, _, _)) = should_extend(document, viewport, crate::consts::SNAP_POINT_TOLERANCE, layers, preferences) {
+						let selected_nodes = document.network_interface.selected_nodes();
+						let mut selected_layers = selected_nodes.selected_layers(document.metadata());
+						if let Some(current_layer) = selected_layers
+							.next()
+							.filter(|current_layer| selected_layers.next().is_none() && *current_layer != other_layer)
+							.or(tool_data.current_layer.filter(|layer| *layer != other_layer))
+						{
+							merge_layers(document, current_layer, other_layer, responses);
+						}
+					}
+
+					// Even if no buffer was started, the message still has to be run again in order to call bend_from_previous_point
+					tool_data.buffering_merged_vector = true;
+					responses.add(PenToolMessage::DragStart { append_to_selected });
+					PenToolFsmState::PlacingAnchor
+				}
+			}
+			(PenToolFsmState::PlacingAnchor, PenToolMessage::RemovePreviousHandle) => {
+				if let Some(last_point) = tool_data.latest_points.last_mut() {
+					last_point.handle_start = last_point.pos;
+					responses.add(OverlaysMessage::Draw);
+				} else {
+					log::trace!("No latest point available to modify handle_start.");
+				}
+				self
+			}
+			(PenToolFsmState::DraggingHandle(_), PenToolMessage::DragStop) => {
+				tool_data.cleanup_target_selections(shape_editor, layer, document, responses);
+				tool_data
+					.finish_placing_handle(SnapData::new(document, input), transform, preferences, responses)
+					.unwrap_or(PenToolFsmState::PlacingAnchor)
+			}
+			(
+				PenToolFsmState::DraggingHandle(_),
+				PenToolMessage::PointerMove {
+					snap_angle,
+					break_handle,
+					lock_angle,
+					colinear,
+					move_anchor_with_handles,
+				},
+			) => {
+				tool_data.modifiers = ModifierState {
+					snap_angle: input.keyboard.key(snap_angle),
+					lock_angle: input.keyboard.key(lock_angle),
+					break_handle: input.keyboard.key(break_handle),
+					colinear: input.keyboard.key(colinear),
+					move_anchor_with_handles: input.keyboard.key(move_anchor_with_handles),
+				};
+
+				let snap_data = SnapData::new(document, input);
+				if tool_data.modifiers.colinear && !tool_data.toggle_colinear_debounce {
+					tool_data.handle_mode = match tool_data.handle_mode {
+						HandleMode::Free => {
+							let last_segment = tool_data.prior_segment;
+							if let Some(latest) = tool_data.latest_point_mut() {
+								latest.in_segment = last_segment;
+							}
+							HandleMode::ColinearEquidistant
+						}
+						HandleMode::ColinearEquidistant | HandleMode::ColinearLocked => HandleMode::Free,
+					};
+					tool_data.toggle_colinear_debounce = true;
+				}
+
+				let Some(vector_data) = layer.and_then(|layer| document.network_interface.compute_modified_vector(layer)) else {
+					return self;
+				};
+
+				if tool_data.modifiers.move_anchor_with_handles && !tool_data.space_pressed {
+					let reference_handle = if tool_data.path_closed {
+						TargetHandle::PreviewInHandle
+					} else {
+						TargetHandle::FuturePreviewOutHandle
+					};
+					let handle_start = layer.map(|layer| {
+						document
+							.metadata()
+							.transform_to_viewport(layer)
+							.transform_point2(tool_data.target_handle_position(reference_handle, &vector_data).unwrap())
+					});
+					tool_data.handle_start_offset = handle_start.map(|start| start - input.mouse.position);
+					tool_data.space_pressed = true;
+				}
+
+				if !tool_data.modifiers.move_anchor_with_handles {
+					tool_data.space_pressed = false;
+				}
+
+				if !tool_data.modifiers.colinear {
+					tool_data.toggle_colinear_debounce = false;
+				}
+
+				if !tool_data.modifiers.lock_angle {
+					tool_data.angle_locked = false;
+				}
+
+				let state = tool_data
+					.drag_handle(snap_data, transform, input.mouse.position, responses, layer, input)
+					.unwrap_or(PenToolFsmState::Ready);
+
+				if tool_data.handle_swapped {
+					responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::None });
+				}
+
+				// Auto-panning
+				let messages = [
+					PenToolMessage::PointerOutsideViewport {
+						snap_angle,
+						break_handle,
+						lock_angle,
+						colinear,
+						move_anchor_with_handles,
+					}
+					.into(),
+					PenToolMessage::PointerMove {
+						snap_angle,
+						break_handle,
+						lock_angle,
+						colinear,
+						move_anchor_with_handles,
+					}
+					.into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				state
+			}
+			(
+				PenToolFsmState::PlacingAnchor,
+				PenToolMessage::PointerMove {
+					snap_angle,
+					break_handle,
+					lock_angle,
+					colinear,
+					move_anchor_with_handles,
+				},
+			) => {
+				tool_data.switch_to_free_on_ctrl_release = false;
+				tool_data.alt_pressed = false;
+				tool_data.modifiers = ModifierState {
+					snap_angle: input.keyboard.key(snap_angle),
+					lock_angle: input.keyboard.key(lock_angle),
+					break_handle: input.keyboard.key(break_handle),
+					colinear: input.keyboard.key(colinear),
+					move_anchor_with_handles: input.keyboard.key(move_anchor_with_handles),
+				};
+				let state = tool_data
+					.place_anchor(SnapData::new(document, input), transform, input.mouse.position, preferences, responses)
+					.unwrap_or(PenToolFsmState::Ready);
+
+				// Auto-panning
+				let messages = [
+					PenToolMessage::PointerOutsideViewport {
+						snap_angle,
+						break_handle,
+						lock_angle,
+						colinear,
+						move_anchor_with_handles,
+					}
+					.into(),
+					PenToolMessage::PointerMove {
+						snap_angle,
+						break_handle,
+						lock_angle,
+						colinear,
+						move_anchor_with_handles,
+					}
+					.into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				state
+			}
+			(PenToolFsmState::DraggingHandle(_), PenToolMessage::SwapHandles) => {
+				if !tool_data.handle_swapped {
+					tool_data.handle_swapped = true
+				}
+				tool_data.swap_handles(layer, document, shape_editor, input, responses);
+				responses.add(OverlaysMessage::Draw);
+				self
+			}
+			(
+				PenToolFsmState::Ready,
+				PenToolMessage::PointerMove {
+					snap_angle,
+					break_handle,
+					lock_angle,
+					colinear,
+					move_anchor_with_handles,
+				},
+			) => {
+				tool_data.modifiers = ModifierState {
+					snap_angle: input.keyboard.key(snap_angle),
+					lock_angle: input.keyboard.key(lock_angle),
+					break_handle: input.keyboard.key(break_handle),
+					colinear: input.keyboard.key(colinear),
+					move_anchor_with_handles: input.keyboard.key(move_anchor_with_handles),
+				};
+				tool_data.snap_manager.preview_draw(&SnapData::new(document, input), input.mouse.position);
+				responses.add(OverlaysMessage::Draw);
+				self
+			}
+			(PenToolFsmState::DraggingHandle(mode), PenToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				let _ = tool_data.auto_panning.shift_viewport(input, responses);
+
+				PenToolFsmState::DraggingHandle(mode)
+			}
+			(PenToolFsmState::PlacingAnchor, PenToolMessage::PointerOutsideViewport { .. }) => {
+				if !input.mouse.mouse_keys.contains(MouseKeys::LEFT) {
+					return self;
+				}
+				// Auto-panning
+				let _ = tool_data.auto_panning.shift_viewport(input, responses);
+
+				PenToolFsmState::PlacingAnchor
+			}
+			(
+				state,
+				PenToolMessage::PointerOutsideViewport {
+					snap_angle,
+					break_handle,
+					lock_angle,
+					colinear,
+					move_anchor_with_handles,
+				},
+			) => {
+				// Auto-panning
+				let messages = [
+					PenToolMessage::PointerOutsideViewport {
+						snap_angle,
+						break_handle,
+						lock_angle,
+						colinear,
+						move_anchor_with_handles,
+					}
+					.into(),
+					PenToolMessage::PointerMove {
+						snap_angle,
+						break_handle,
+						lock_angle,
+						colinear,
+						move_anchor_with_handles,
+					}
+					.into(),
+				];
+				tool_data.auto_panning.stop(&messages, responses);
+
+				state
+			}
+			(PenToolFsmState::DraggingHandle(..), PenToolMessage::Confirm) => {
+				// Confirm to end path
+				if let Some((vector_data, layer)) = layer.and_then(|layer| document.network_interface.compute_modified_vector(layer)).zip(layer) {
+					let single_point_in_layer = vector_data.point_domain.ids().len() == 1;
+					tool_data.finish_placing_handle(SnapData::new(document, input), transform, preferences, responses);
+					let latest_points = tool_data.latest_points.len() == 1;
+
+					if latest_points && single_point_in_layer {
+						responses.add(NodeGraphMessage::DeleteNodes {
+							node_ids: vec![layer.to_node()],
+							delete_children: true,
+						});
+						responses.add(NodeGraphMessage::RunDocumentGraph);
+					} else if (latest_points && tool_data.prior_segment_endpoint.is_none())
+						|| (tool_data.prior_segment_endpoint.is_some() && tool_data.prior_segment_layer != Some(layer) && latest_points)
+					{
+						let vector_modification = VectorModificationType::RemovePoint {
+							id: tool_data.latest_point().unwrap().id,
+						};
+						responses.add(GraphOperationMessage::Vector {
+							layer,
+							modification_type: vector_modification,
+						});
+						responses.add(PenToolMessage::Abort);
+					} else {
+						responses.add(DocumentMessage::EndTransaction);
+					}
+				}
+				tool_data.cleanup(responses);
+				tool_data.cleanup_target_selections(shape_editor, layer, document, responses);
+
+				responses.add(OverlaysMessage::Draw);
+
+				PenToolFsmState::Ready
+			}
+			(PenToolFsmState::PlacingAnchor, PenToolMessage::Confirm) => {
+				responses.add(DocumentMessage::EndTransaction);
+				tool_data.cleanup(responses);
+				tool_data.cleanup_target_selections(shape_editor, layer, document, responses);
+
+				PenToolFsmState::Ready
+			}
+			(PenToolFsmState::DraggingHandle(..), PenToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+				if tool_data.handle_end.is_none() {
+					tool_data.cleanup(responses);
+					tool_data.cleanup_target_selections(shape_editor, layer, document, responses);
+
+					PenToolFsmState::Ready
+				} else {
+					tool_data
+						.place_anchor(SnapData::new(document, input), transform, input.mouse.position, preferences, responses)
+						.unwrap_or(PenToolFsmState::Ready)
+				}
+			}
+			(PenToolFsmState::PlacingAnchor, PenToolMessage::Abort) => {
+				let should_delete_layer = if let Some(vector_data) = layer.and_then(|layer| document.network_interface.compute_modified_vector(layer)) {
+					vector_data.point_domain.ids().len() == 1
+				} else {
+					false
+				};
+
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.cleanup(responses);
+				tool_data.cleanup_target_selections(shape_editor, layer, document, responses);
+
+				if should_delete_layer {
+					responses.add(NodeGraphMessage::DeleteNodes {
+						node_ids: vec![layer.unwrap().to_node()],
+						delete_children: true,
+					});
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+				responses.add(OverlaysMessage::Draw);
+
+				PenToolFsmState::Ready
+			}
+			(_, PenToolMessage::Abort) => PenToolFsmState::Ready,
+			(PenToolFsmState::DraggingHandle(..) | PenToolFsmState::PlacingAnchor, PenToolMessage::Undo) => {
+				if tool_data.point_index > 0 {
+					tool_data.point_index -= 1;
+					tool_data
+						.place_anchor(SnapData::new(document, input), transform, input.mouse.position, preferences, responses)
+						.unwrap_or(PenToolFsmState::PlacingAnchor)
+				} else {
+					responses.add(PenToolMessage::Abort);
+					self
+				}
+			}
+			(_, PenToolMessage::Redo) => {
+				tool_data.point_index = (tool_data.point_index + 1).min(tool_data.latest_points.len().saturating_sub(1));
+				tool_data.place_anchor(SnapData::new(document, input), transform, input.mouse.position, preferences, responses);
+				match tool_data.point_index {
+					0 => PenToolFsmState::Ready,
+					_ => PenToolFsmState::PlacingAnchor,
+				}
+			}
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			PenToolFsmState::Ready | PenToolFsmState::GRSHandle => HintData(vec![HintGroup(vec![
+				HintInfo::mouse(MouseMotion::Lmb, "Draw Path"),
+				// TODO: Only show this if a single layer is selected and it's of a valid type (e.g. a vector path but not raster or artboard)
+				HintInfo::keys([Key::Shift], "Append to Selected Layer").prepend_plus(),
+			])]),
+			PenToolFsmState::PlacingAnchor => HintData(vec![
+				HintGroup(vec![
+					HintInfo::mouse(MouseMotion::Rmb, ""),
+					HintInfo::keys([Key::Escape], "").prepend_slash(),
+					HintInfo::keys([Key::Enter], "End Path").prepend_slash(),
+				]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "15° Increments"), HintInfo::keys([Key::Control], "Lock Angle")]),
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Add Sharp Point"), HintInfo::mouse(MouseMotion::LmbDrag, "Add Smooth Point")]),
+				HintGroup(vec![
+					HintInfo::mouse(MouseMotion::Lmb, ""),
+					HintInfo::mouse(MouseMotion::LmbDrag, "Bend Prev. Point").prepend_slash(),
+					HintInfo::keys([Key::Control], "Lock Angle").prepend_plus(),
+				]),
+			]),
+			PenToolFsmState::DraggingHandle(mode) => {
+				let mut dragging_hint_data = HintData(Vec::new());
+				dragging_hint_data.0.push(HintGroup(vec![
+					HintInfo::mouse(MouseMotion::Rmb, ""),
+					HintInfo::keys([Key::Escape], "Cancel Segment").prepend_slash(),
+					HintInfo::keys([Key::Enter], "End Path"),
+				]));
+
+				let mut toggle_group = match mode {
+					HandleMode::Free => {
+						vec![HintInfo::keys([Key::KeyC], "Make Handles Colinear")]
+					}
+					HandleMode::ColinearLocked | HandleMode::ColinearEquidistant => {
+						vec![HintInfo::keys([Key::KeyC], "Break Colinear Handles")]
+					}
+				};
+				toggle_group.push(HintInfo::keys([Key::Tab], "Swap Dragged Handle"));
+
+				let mut common_hints = vec![HintInfo::keys([Key::Shift], "15° Increments"), HintInfo::keys([Key::Control], "Lock Angle")];
+				let mut hold_group = match mode {
+					HandleMode::Free => common_hints,
+					HandleMode::ColinearLocked => {
+						common_hints.push(HintInfo::keys([Key::Alt], "Non-Equidistant Handles"));
+						common_hints
+					}
+					HandleMode::ColinearEquidistant => {
+						common_hints.push(HintInfo::keys([Key::Alt], "Equidistant Handles"));
+						common_hints
+					}
+				};
+				hold_group.push(HintInfo::keys([Key::Space], "Drag Anchor"));
+
+				dragging_hint_data.0.push(HintGroup(toggle_group));
+				dragging_hint_data.0.push(HintGroup(hold_group));
+				dragging_hint_data
+			}
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/select_tool.rs b/editor/src/messages/tool/tool_messages/select_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..76158d08e5771455fe46bbe005923ceda84777cb
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/select_tool.rs
@@ -0,0 +1,1755 @@
+#![allow(clippy::too_many_arguments)]
+
+use super::tool_prelude::*;
+use crate::consts::*;
+use crate::messages::input_mapper::utility_types::input_mouse::ViewportPosition;
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::{DocumentMetadata, LayerNodeIdentifier};
+use crate::messages::portfolio::document::utility_types::misc::{AlignAggregate, AlignAxis, FlipAxis, GroupFolderType};
+use crate::messages::portfolio::document::utility_types::network_interface::{FlowType, NodeNetworkInterface, NodeTemplate};
+use crate::messages::portfolio::document::utility_types::nodes::SelectedNodes;
+use crate::messages::preferences::SelectionMode;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::compass_rose::{Axis, CompassRose};
+use crate::messages::tool::common_functionality::graph_modification_utils::is_layer_fed_by_node_of_name;
+use crate::messages::tool::common_functionality::measure;
+use crate::messages::tool::common_functionality::pivot::Pivot;
+use crate::messages::tool::common_functionality::shape_editor::SelectionShapeType;
+use crate::messages::tool::common_functionality::snapping::{self, SnapCandidatePoint, SnapData, SnapManager};
+use crate::messages::tool::common_functionality::transformation_cage::*;
+use crate::messages::tool::common_functionality::utility_functions::{resize_bounds, rotate_bounds, skew_bounds, text_bounding_box, transforming_transform_cage};
+use bezier_rs::Subpath;
+use glam::DMat2;
+use graph_craft::document::NodeId;
+use graphene_std::path_bool::BooleanOperation;
+use graphene_std::renderer::Quad;
+use graphene_std::renderer::Rect;
+use graphene_std::transform::ReferencePoint;
+use std::fmt;
+
+#[derive(Default)]
+pub struct SelectTool {
+	fsm_state: SelectToolFsmState,
+	tool_data: SelectToolData,
+}
+
+#[allow(dead_code)]
+#[derive(Default)]
+pub struct SelectOptions {
+	nested_selection_behavior: NestedSelectionBehavior,
+}
+
+#[derive(PartialEq, Eq, Clone, Debug, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum SelectOptionsUpdate {
+	NestedSelectionBehavior(NestedSelectionBehavior),
+}
+
+#[derive(Default, PartialEq, Eq, Clone, Copy, Debug, Hash, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum NestedSelectionBehavior {
+	#[default]
+	Shallowest,
+	Deepest,
+}
+
+impl fmt::Display for NestedSelectionBehavior {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		match self {
+			NestedSelectionBehavior::Deepest => write!(f, "Deep Select"),
+			NestedSelectionBehavior::Shallowest => write!(f, "Shallow Select"),
+		}
+	}
+}
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct SelectToolPointerKeys {
+	pub axis_align: Key,
+	pub snap_angle: Key,
+	pub center: Key,
+	pub duplicate: Key,
+}
+
+#[impl_message(Message, ToolMessage, Select)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum SelectToolMessage {
+	// Standard messages
+	Abort,
+	Overlays(OverlayContext),
+
+	// Tool-specific messages
+	DragStart {
+		extend_selection: Key,
+		remove_from_selection: Key,
+		select_deepest: Key,
+		lasso_select: Key,
+		skew: Key,
+	},
+	DragStop {
+		remove_from_selection: Key,
+	},
+	EditLayer,
+	Enter,
+	PointerMove(SelectToolPointerKeys),
+	PointerOutsideViewport(SelectToolPointerKeys),
+	SelectOptions(SelectOptionsUpdate),
+	SetPivot {
+		position: ReferencePoint,
+	},
+}
+
+impl ToolMetadata for SelectTool {
+	fn icon_name(&self) -> String {
+		"GeneralSelectTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Select Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Select
+	}
+}
+
+impl SelectTool {
+	fn deep_selection_widget(&self) -> WidgetHolder {
+		let layer_selection_behavior_entries = [NestedSelectionBehavior::Shallowest, NestedSelectionBehavior::Deepest]
+			.iter()
+			.map(|mode| {
+				MenuListEntry::new(format!("{mode:?}"))
+					.label(mode.to_string())
+					.on_commit(move |_| SelectToolMessage::SelectOptions(SelectOptionsUpdate::NestedSelectionBehavior(*mode)).into())
+			})
+			.collect();
+
+		DropdownInput::new(vec![layer_selection_behavior_entries])
+			.selected_index(Some((self.tool_data.nested_selection_behavior == NestedSelectionBehavior::Deepest) as u32))
+			.tooltip("Choose if clicking nested layers directly selects the deepest, or selects the shallowest and deepens by double clicking")
+			.widget_holder()
+	}
+
+	fn pivot_reference_point_widget(&self, disabled: bool) -> WidgetHolder {
+		ReferencePointInput::new(self.tool_data.pivot.to_pivot_position())
+			.on_update(|pivot_input: &ReferencePointInput| SelectToolMessage::SetPivot { position: pivot_input.value }.into())
+			.disabled(disabled)
+			.widget_holder()
+	}
+
+	fn alignment_widgets(&self, disabled: bool) -> impl Iterator<Item = WidgetHolder> + use<> {
+		[AlignAxis::X, AlignAxis::Y]
+			.into_iter()
+			.flat_map(|axis| [(axis, AlignAggregate::Min), (axis, AlignAggregate::Center), (axis, AlignAggregate::Max)])
+			.map(move |(axis, aggregate)| {
+				let (icon, tooltip) = match (axis, aggregate) {
+					(AlignAxis::X, AlignAggregate::Min) => ("AlignLeft", "Align Left"),
+					(AlignAxis::X, AlignAggregate::Center) => ("AlignHorizontalCenter", "Align Horizontal Center"),
+					(AlignAxis::X, AlignAggregate::Max) => ("AlignRight", "Align Right"),
+					(AlignAxis::Y, AlignAggregate::Min) => ("AlignTop", "Align Top"),
+					(AlignAxis::Y, AlignAggregate::Center) => ("AlignVerticalCenter", "Align Vertical Center"),
+					(AlignAxis::Y, AlignAggregate::Max) => ("AlignBottom", "Align Bottom"),
+				};
+				IconButton::new(icon, 24)
+					.tooltip(tooltip)
+					.on_update(move |_| DocumentMessage::AlignSelectedLayers { axis, aggregate }.into())
+					.disabled(disabled)
+					.widget_holder()
+			})
+	}
+
+	fn flip_widgets(&self, disabled: bool) -> impl Iterator<Item = WidgetHolder> + use<> {
+		[(FlipAxis::X, "Horizontal"), (FlipAxis::Y, "Vertical")].into_iter().map(move |(flip_axis, name)| {
+			IconButton::new("Flip".to_string() + name, 24)
+				.tooltip("Flip ".to_string() + name)
+				.on_update(move |_| DocumentMessage::FlipSelectedLayers { flip_axis }.into())
+				.disabled(disabled)
+				.widget_holder()
+		})
+	}
+
+	fn turn_widgets(&self, disabled: bool) -> impl Iterator<Item = WidgetHolder> + use<> {
+		[(-90., "TurnNegative90", "Turn -90°"), (90., "TurnPositive90", "Turn 90°")]
+			.into_iter()
+			.map(move |(degrees, icon, name)| {
+				IconButton::new(icon, 24)
+					.tooltip(name)
+					.on_update(move |_| DocumentMessage::RotateSelectedLayers { degrees }.into())
+					.disabled(disabled)
+					.widget_holder()
+			})
+	}
+
+	fn boolean_widgets(&self, selected_count: usize) -> impl Iterator<Item = WidgetHolder> + use<> {
+		let list = <BooleanOperation as graphene_std::registry::ChoiceTypeStatic>::list();
+		list.into_iter().map(|i| i.into_iter()).flatten().map(move |(operation, info)| {
+			let mut tooltip = info.label.to_string();
+			if let Some(doc) = info.docstring.as_deref() {
+				tooltip.push_str("\n\n");
+				tooltip.push_str(doc);
+			}
+			IconButton::new(info.icon.as_deref().unwrap(), 24)
+				.tooltip(tooltip)
+				.disabled(selected_count == 0)
+				.on_update(move |_| {
+					let group_folder_type = GroupFolderType::BooleanOperation(*operation);
+					DocumentMessage::GroupSelectedLayers { group_folder_type }.into()
+				})
+				.widget_holder()
+		})
+	}
+}
+
+impl LayoutHolder for SelectTool {
+	fn layout(&self) -> Layout {
+		let mut widgets = Vec::new();
+
+		// Select mode (Deep/Shallow)
+		widgets.push(self.deep_selection_widget());
+
+		// Pivot
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		widgets.push(self.pivot_reference_point_widget(self.tool_data.selected_layers_count == 0));
+
+		// Align
+		let disabled = self.tool_data.selected_layers_count < 2;
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		widgets.extend(self.alignment_widgets(disabled));
+		// widgets.push(
+		// 	PopoverButton::new()
+		// 		.popover_layout(vec![
+		// 			LayoutGroup::Row {
+		// 				widgets: vec![TextLabel::new("Align").bold(true).widget_holder()],
+		// 			},
+		// 			LayoutGroup::Row {
+		// 				widgets: vec![TextLabel::new("Coming soon").widget_holder()],
+		// 			},
+		// 		])
+		// 		.disabled(disabled)
+		// 		.widget_holder(),
+		// );
+
+		// Flip
+		let disabled = self.tool_data.selected_layers_count == 0;
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		widgets.extend(self.flip_widgets(disabled));
+
+		// Turn
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		widgets.extend(self.turn_widgets(disabled));
+
+		// Boolean
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		widgets.extend(self.boolean_widgets(self.tool_data.selected_layers_count));
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for SelectTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		if let ToolMessage::Select(SelectToolMessage::SelectOptions(SelectOptionsUpdate::NestedSelectionBehavior(nested_selection_behavior))) = message {
+			self.tool_data.nested_selection_behavior = nested_selection_behavior;
+			responses.add(ToolMessage::UpdateHints);
+		}
+
+		self.fsm_state.process_event(message, &mut self.tool_data, tool_data, &(), responses, false);
+
+		if self.tool_data.pivot.should_refresh_pivot_position() || self.tool_data.selected_layers_changed {
+			// Send the layout containing the updated pivot position (a bit ugly to do it here not in the fsm but that doesn't have SelectTool)
+			self.send_layout(responses, LayoutTarget::ToolOptions);
+			self.tool_data.selected_layers_changed = false;
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		let mut common = actions!(SelectToolMessageDiscriminant;
+			PointerMove,
+			Abort,
+			EditLayer,
+			Enter,
+		);
+
+		let additional = match self.fsm_state {
+			SelectToolFsmState::Ready { .. } => actions!(SelectToolMessageDiscriminant; DragStart),
+			_ => actions!(SelectToolMessageDiscriminant; DragStop),
+		};
+		common.extend(additional);
+
+		common
+	}
+}
+
+impl ToolTransition for SelectTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			tool_abort: Some(SelectToolMessage::Abort.into()),
+			overlay_provider: Some(|overlay_context| SelectToolMessage::Overlays(overlay_context).into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash)]
+enum SelectToolFsmState {
+	Ready {
+		selection: NestedSelectionBehavior,
+	},
+	Drawing {
+		selection_shape: SelectionShapeType,
+		has_drawn: bool,
+	},
+	Dragging {
+		axis: Axis,
+		using_compass: bool,
+		has_dragged: bool,
+		deepest: bool,
+		remove: bool,
+	},
+	ResizingBounds,
+	SkewingBounds {
+		skew: Key,
+	},
+	RotatingBounds,
+	DraggingPivot,
+}
+
+impl Default for SelectToolFsmState {
+	fn default() -> Self {
+		let selection = NestedSelectionBehavior::Deepest;
+		SelectToolFsmState::Ready { selection }
+	}
+}
+
+#[derive(Clone, Debug, Default)]
+struct SelectToolData {
+	drag_start: ViewportPosition,
+	drag_current: ViewportPosition,
+	lasso_polygon: Vec<ViewportPosition>,
+	selection_mode: Option<SelectionMode>,
+	layers_dragging: Vec<LayerNodeIdentifier>,
+	layer_selected_on_start: Option<LayerNodeIdentifier>,
+	select_single_layer: Option<LayerNodeIdentifier>,
+	axis_align: bool,
+	non_duplicated_layers: Option<Vec<LayerNodeIdentifier>>,
+	bounding_box_manager: Option<BoundingBoxManager>,
+	snap_manager: SnapManager,
+	cursor: MouseCursorIcon,
+	pivot: Pivot,
+	compass_rose: CompassRose,
+	line_center: DVec2,
+	skew_edge: EdgeBool,
+	nested_selection_behavior: NestedSelectionBehavior,
+	selected_layers_count: usize,
+	selected_layers_changed: bool,
+	snap_candidates: Vec<SnapCandidatePoint>,
+	auto_panning: AutoPanning,
+}
+
+impl SelectToolData {
+	fn get_snap_candidates(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler) {
+		self.snap_candidates.clear();
+		for &layer in &self.layers_dragging {
+			if (self.snap_candidates.len() as f64) < document.snapping_state.tolerance {
+				snapping::get_layer_snap_points(layer, &SnapData::new(document, input), &mut self.snap_candidates);
+			}
+			if let Some(bounds) = document.metadata().bounding_box_with_transform(layer, DAffine2::IDENTITY) {
+				let quad = document.metadata().transform_to_document(layer) * Quad::from_box(bounds);
+				snapping::get_bbox_points(quad, &mut self.snap_candidates, snapping::BBoxSnapValues::BOUNDING_BOX, document);
+			}
+		}
+	}
+
+	pub fn selection_quad(&self) -> Quad {
+		let bbox = self.selection_box();
+		Quad::from_box(bbox)
+	}
+
+	pub fn calculate_selection_mode_from_direction(&mut self) -> SelectionMode {
+		let bbox: [DVec2; 2] = self.selection_box();
+		let above_threshold = bbox[1].distance_squared(bbox[0]) > DRAG_DIRECTION_MODE_DETERMINATION_THRESHOLD.powi(2);
+
+		if self.selection_mode.is_none() && above_threshold {
+			let mode = if bbox[1].x < bbox[0].x {
+				SelectionMode::Touched
+			} else {
+				// This also covers the case where they're equal: the area is zero, so we use `Enclosed` to ensure the selection ends up empty, as nothing will be enclosed by an empty area
+				SelectionMode::Enclosed
+			};
+			self.selection_mode = Some(mode);
+		}
+
+		self.selection_mode.unwrap_or(SelectionMode::Touched)
+	}
+
+	pub fn selection_box(&self) -> [DVec2; 2] {
+		if self.drag_current == self.drag_start {
+			let tolerance = DVec2::splat(SELECTION_TOLERANCE);
+			[self.drag_start - tolerance, self.drag_start + tolerance]
+		} else {
+			[self.drag_start, self.drag_current]
+		}
+	}
+
+	pub fn intersect_lasso_no_artboards(&self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler) -> Vec<LayerNodeIdentifier> {
+		if self.lasso_polygon.len() < 2 {
+			return Vec::new();
+		}
+		let polygon = Subpath::from_anchors_linear(self.lasso_polygon.clone(), true);
+		document.intersect_polygon_no_artboards(polygon, input).collect()
+	}
+
+	pub fn is_layer_inside_lasso_polygon(&self, layer: &LayerNodeIdentifier, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler) -> bool {
+		if self.lasso_polygon.len() < 2 {
+			return false;
+		}
+		let polygon = Subpath::from_anchors_linear(self.lasso_polygon.clone(), true);
+		document.is_layer_fully_inside_polygon(layer, input, polygon)
+	}
+
+	/// Duplicates the currently dragging layers. Called when Alt is pressed and the layers have not yet been duplicated.
+	fn start_duplicates(&mut self, document: &mut DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		self.non_duplicated_layers = Some(self.layers_dragging.clone());
+		let mut new_dragging = Vec::new();
+
+		// Get the shallowest unique layers and sort by their index relative to parent for ordered processing
+		let mut layers = document.network_interface.shallowest_unique_layers(&[]).collect::<Vec<_>>();
+
+		layers.sort_by_key(|layer| {
+			let Some(parent) = layer.parent(document.metadata()) else { return usize::MAX };
+			DocumentMessageHandler::get_calculated_insert_index(document.metadata(), &SelectedNodes(vec![layer.to_node()]), parent)
+		});
+
+		for layer in layers.into_iter().rev() {
+			let Some(parent) = layer.parent(document.metadata()) else { continue };
+
+			// Moves the layer back to its starting position.
+			responses.add(GraphOperationMessage::TransformChange {
+				layer,
+				transform: DAffine2::from_translation(self.drag_start - self.drag_current),
+				transform_in: TransformIn::Viewport,
+				skip_rerender: true,
+			});
+
+			// Copy the layer
+			let mut copy_ids = HashMap::new();
+			let node_id = layer.to_node();
+			copy_ids.insert(node_id, NodeId(0));
+
+			document
+				.network_interface
+				.upstream_flow_back_from_nodes(vec![layer.to_node()], &[], FlowType::LayerChildrenUpstreamFlow)
+				.enumerate()
+				.for_each(|(index, node_id)| {
+					copy_ids.insert(node_id, NodeId((index + 1) as u64));
+				});
+
+			let nodes = document.network_interface.copy_nodes(&copy_ids, &[]).collect::<Vec<(NodeId, NodeTemplate)>>();
+
+			let insert_index = DocumentMessageHandler::get_calculated_insert_index(document.metadata(), &SelectedNodes(vec![layer.to_node()]), parent);
+
+			let new_ids: HashMap<_, _> = nodes.iter().map(|(id, _)| (*id, NodeId::new())).collect();
+
+			let layer_id = *new_ids.get(&NodeId(0)).expect("Node Id 0 should be a layer");
+			let layer = LayerNodeIdentifier::new_unchecked(layer_id);
+			new_dragging.push(layer);
+			responses.add(NodeGraphMessage::AddNodes { nodes, new_ids });
+			responses.add(NodeGraphMessage::MoveLayerToStack { layer, parent, insert_index });
+		}
+		let nodes = new_dragging.iter().map(|layer| layer.to_node()).collect();
+		responses.add(NodeGraphMessage::SelectedNodesSet { nodes });
+		responses.add(NodeGraphMessage::RunDocumentGraph);
+		self.layers_dragging = new_dragging;
+	}
+
+	/// Removes the duplicated layers. Called when Alt is released and the layers have previously been duplicated.
+	fn stop_duplicates(&mut self, document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+		let Some(original) = self.non_duplicated_layers.take() else {
+			return;
+		};
+
+		// Delete the duplicated layers
+		for layer in document.network_interface.shallowest_unique_layers(&[]) {
+			responses.add(NodeGraphMessage::DeleteNodes {
+				node_ids: vec![layer.to_node()],
+				delete_children: true,
+			});
+		}
+
+		for &layer in &original {
+			responses.add(GraphOperationMessage::TransformChange {
+				layer,
+				transform: DAffine2::from_translation(self.drag_current - self.drag_start),
+				transform_in: TransformIn::Viewport,
+				skip_rerender: true,
+			});
+		}
+		let nodes = original
+			.iter()
+			.filter_map(|layer| {
+				if *layer != LayerNodeIdentifier::ROOT_PARENT {
+					Some(layer.to_node())
+				} else {
+					log::error!("ROOT_PARENT cannot be part of non_duplicated_layers");
+					None
+				}
+			})
+			.collect();
+		responses.add(NodeGraphMessage::SelectedNodesSet { nodes });
+		responses.add(NodeGraphMessage::RunDocumentGraph);
+		responses.add(NodeGraphMessage::SelectedNodesUpdated);
+		responses.add(NodeGraphMessage::SendGraph);
+		self.layers_dragging = original;
+	}
+}
+
+impl Fsm for SelectToolFsmState {
+	type ToolData = SelectToolData;
+	type ToolOptions = ();
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, _tool_options: &(), responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData { document, input, font_cache, .. } = tool_action_data;
+
+		let ToolMessage::Select(event) = event else { return self };
+		match (self, event) {
+			(_, SelectToolMessage::Overlays(mut overlay_context)) => {
+				tool_data.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context);
+
+				let selected_layers_count = document.network_interface.selected_nodes().selected_unlocked_layers(&document.network_interface).count();
+				tool_data.selected_layers_changed = selected_layers_count != tool_data.selected_layers_count;
+				tool_data.selected_layers_count = selected_layers_count;
+
+				// Outline selected layers, but not artboards
+				if overlay_context.visibility_settings.selection_outline() {
+					for layer in document
+						.network_interface
+						.selected_nodes()
+						.selected_visible_and_unlocked_layers(&document.network_interface)
+						.filter(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]))
+					{
+						let layer_to_viewport = document.metadata().transform_to_viewport(layer);
+						overlay_context.outline(document.metadata().layer_with_free_points_outline(layer), layer_to_viewport, None);
+
+						if is_layer_fed_by_node_of_name(layer, &document.network_interface, "Text") {
+							let transformed_quad = layer_to_viewport * text_bounding_box(layer, document, font_cache);
+							overlay_context.dashed_quad(transformed_quad, None, None, Some(7.), Some(5.), None);
+						}
+					}
+				}
+
+				// Update bounds
+				let mut transform = document
+					.network_interface
+					.selected_nodes()
+					.selected_visible_and_unlocked_layers(&document.network_interface)
+					.find(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]))
+					.map(|layer| document.metadata().transform_to_viewport_with_first_transform_node_if_group(layer, &document.network_interface))
+					.unwrap_or_default();
+
+				// Check if the matrix is not invertible
+				let mut transform_tampered = false;
+				if transform.matrix2.determinant() == 0. {
+					transform.matrix2 += DMat2::IDENTITY * 1e-4; // TODO: Is this the cleanest way to handle this?
+					transform_tampered = true;
+				}
+
+				let bounds = document
+					.network_interface
+					.selected_nodes()
+					.selected_visible_and_unlocked_layers(&document.network_interface)
+					.filter(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]))
+					.filter_map(|layer| {
+						document
+							.metadata()
+							.bounding_box_with_transform(layer, transform.inverse() * document.metadata().transform_to_viewport(layer))
+					})
+					.reduce(graphene_std::renderer::Quad::combine_bounds);
+
+				// When not in Drawing State
+				// Only highlight layers if the viewport is not being panned (middle mouse button is pressed)
+				// TODO: Don't use `Key::MouseMiddle` directly, instead take it as a variable from the input mappings list like in all other places; or find a better way than checking the key state
+				if !matches!(self, Self::Drawing { .. }) && !input.keyboard.get(Key::MouseMiddle as usize) {
+					// Get the layer the user is hovering over
+					let click = document.click(input);
+					let not_selected_click = click.filter(|&hovered_layer| !document.network_interface.selected_nodes().selected_layers_contains(hovered_layer, document.metadata()));
+					if let Some(layer) = not_selected_click {
+						if overlay_context.visibility_settings.hover_outline() {
+							let layer_to_viewport = document.metadata().transform_to_viewport(layer);
+							let mut hover_overlay_draw = |layer: LayerNodeIdentifier, color: Option<&str>| {
+								if layer.has_children(document.metadata()) {
+									if let Some(bounds) = document.metadata().bounding_box_viewport(layer) {
+										overlay_context.quad(Quad::from_box(bounds), color, None);
+									}
+								} else {
+									overlay_context.outline(document.metadata().layer_with_free_points_outline(layer), layer_to_viewport, color);
+								}
+							};
+							let layer = match tool_data.nested_selection_behavior {
+								NestedSelectionBehavior::Deepest => document.find_deepest(&[layer]),
+								NestedSelectionBehavior::Shallowest => layer_selected_shallowest(layer, document),
+							}
+							.unwrap_or(layer);
+							hover_overlay_draw(layer, None);
+							if matches!(tool_data.nested_selection_behavior, NestedSelectionBehavior::Shallowest) {
+								let mut selected = document.network_interface.selected_nodes();
+								selected.add_selected_nodes(vec![layer.to_node()]);
+								if let Some(new_selected) = click.unwrap().ancestors(document.metadata()).filter(not_artboard(document)).find(|ancestor| {
+									ancestor
+										.parent(document.metadata())
+										.is_some_and(|parent| selected.selected_layers_contains(parent, document.metadata()))
+								}) {
+									let mut fill_color = graphene_std::Color::from_rgb_str(COLOR_OVERLAY_BLUE.strip_prefix('#').unwrap())
+										.unwrap()
+										.with_alpha(0.5)
+										.to_rgba_hex_srgb();
+									fill_color.insert(0, '#');
+									let fill_color = Some(fill_color.as_str());
+									hover_overlay_draw(new_selected, fill_color);
+								}
+							}
+						}
+
+						// Measure with Alt held down
+						// TODO: Don't use `Key::Alt` directly, instead take it as a variable from the input mappings list like in all other places
+						if overlay_context.visibility_settings.quick_measurement() && !matches!(self, Self::ResizingBounds { .. }) && input.keyboard.get(Key::Alt as usize) {
+							// Get all selected layers and compute their viewport-aligned AABB
+							let selected_bounds_viewport = document
+								.network_interface
+								.selected_nodes()
+								.selected_visible_and_unlocked_layers(&document.network_interface)
+								.filter(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]))
+								.filter_map(|layer| {
+									// Get the layer's bounding box in its local space
+									let local_bounds = document.metadata().bounding_box_with_transform(layer, DAffine2::IDENTITY)?;
+									// Transform the bounds directly to viewport space
+									let viewport_quad = document.metadata().transform_to_viewport(layer) * Quad::from_box(local_bounds);
+									// Convert the quad to an AABB in viewport space
+									Some(Rect::from_box(viewport_quad.bounding_box()))
+								})
+								.reduce(Rect::combine_bounds);
+
+							// Get the hovered layer's viewport-aligned AABB
+							let hovered_bounds_viewport = document.metadata().bounding_box_with_transform(layer, DAffine2::IDENTITY).map(|bounds| {
+								let viewport_quad = document.metadata().transform_to_viewport(layer) * Quad::from_box(bounds);
+								Rect::from_box(viewport_quad.bounding_box())
+							});
+
+							// Use the viewport-aligned AABBs for measurement
+							if let (Some(selected_bounds), Some(hovered_bounds)) = (selected_bounds_viewport, hovered_bounds_viewport) {
+								// Since we're already in viewport space, use identity transform
+								measure::overlay(selected_bounds, hovered_bounds, DAffine2::IDENTITY, DAffine2::IDENTITY, &mut overlay_context);
+							}
+						}
+					}
+				}
+
+				if let Some(bounds) = bounds {
+					let bounding_box_manager = tool_data.bounding_box_manager.get_or_insert(BoundingBoxManager::default());
+
+					bounding_box_manager.bounds = bounds;
+					bounding_box_manager.transform = transform;
+					bounding_box_manager.transform_tampered = transform_tampered;
+					if overlay_context.visibility_settings.transform_cage() {
+						bounding_box_manager.render_overlays(&mut overlay_context, true);
+					}
+				} else {
+					tool_data.bounding_box_manager.take();
+				}
+
+				let angle = bounds
+					.map(|bounds| transform * Quad::from_box(bounds))
+					.map_or(0., |quad| (quad.top_left() - quad.top_right()).to_angle());
+
+				let mouse_position = input.mouse.position;
+				let compass_rose_state = tool_data.compass_rose.compass_rose_state(mouse_position, angle);
+
+				let show_hover_ring = if let SelectToolFsmState::Dragging { axis, using_compass, .. } = self {
+					using_compass && !axis.is_constraint()
+				} else {
+					compass_rose_state.is_ring()
+				};
+
+				let dragging_bounds = tool_data
+					.bounding_box_manager
+					.as_mut()
+					.and_then(|bounding_box| bounding_box.check_selected_edges(input.mouse.position))
+					.is_some();
+
+				let rotating_bounds = tool_data
+					.bounding_box_manager
+					.as_ref()
+					.map(|bounding_box| bounding_box.check_rotate(input.mouse.position))
+					.unwrap_or_default();
+
+				let is_resizing_or_rotating = matches!(self, SelectToolFsmState::ResizingBounds | SelectToolFsmState::SkewingBounds { .. } | SelectToolFsmState::RotatingBounds);
+
+				if overlay_context.visibility_settings.transform_cage() {
+					if let Some(bounds) = tool_data.bounding_box_manager.as_mut() {
+						let edges = bounds.check_selected_edges(input.mouse.position);
+						let is_skewing = matches!(self, SelectToolFsmState::SkewingBounds { .. });
+						let is_near_square = edges.is_some_and(|hover_edge| bounds.over_extended_edge_midpoint(input.mouse.position, hover_edge));
+						if is_skewing || (dragging_bounds && is_near_square && !is_resizing_or_rotating) {
+							bounds.render_skew_gizmos(&mut overlay_context, tool_data.skew_edge);
+						}
+						if !is_skewing && dragging_bounds {
+							if let Some(edges) = edges {
+								tool_data.skew_edge = bounds.get_closest_edge(edges, input.mouse.position);
+							}
+						}
+					}
+				}
+
+				let might_resize_or_rotate = dragging_bounds || rotating_bounds;
+				let can_get_into_other_states = might_resize_or_rotate && !matches!(self, SelectToolFsmState::Dragging { .. });
+
+				let show_compass = !(can_get_into_other_states || is_resizing_or_rotating);
+				let show_compass_with_ring = bounds.map(|bounds| transform * Quad::from_box(bounds)).and_then(|quad| {
+					const MIN_ARROWS_TO_RESIZE_HANDLE_DISTANCE: f64 = 4.;
+					(show_compass && quad.all_sides_at_least_width(COMPASS_ROSE_HOVER_RING_DIAMETER + RESIZE_HANDLE_SIZE + MIN_ARROWS_TO_RESIZE_HANDLE_DISTANCE))
+						.then_some(
+							matches!(self, SelectToolFsmState::Dragging { .. })
+								.then_some(show_hover_ring)
+								.or((quad.contains(mouse_position)).then_some(show_hover_ring)),
+						)
+						.flatten()
+				});
+
+				// Update pivot
+				tool_data.pivot.update_pivot(document, &mut overlay_context, Some((angle,)));
+
+				// Update compass rose
+				if overlay_context.visibility_settings.compass_rose() {
+					tool_data.compass_rose.refresh_position(document);
+					let compass_center = tool_data.compass_rose.compass_rose_position();
+					if !matches!(self, Self::Dragging { .. }) {
+						tool_data.line_center = compass_center;
+					}
+
+					overlay_context.compass_rose(compass_center, angle, show_compass_with_ring);
+
+					let axis_state = if let SelectToolFsmState::Dragging { axis, .. } = self {
+						Some((axis, false))
+					} else {
+						compass_rose_state.axis_type().and_then(|axis| axis.is_constraint().then_some((axis, true)))
+					};
+
+					if show_compass_with_ring.is_some() {
+						if let Some((axis, hover)) = axis_state {
+							if axis.is_constraint() {
+								let e0 = tool_data
+									.bounding_box_manager
+									.as_ref()
+									.map(|bounding_box_manager| bounding_box_manager.transform * Quad::from_box(bounding_box_manager.bounds))
+									.map_or(DVec2::X, |quad| (quad.top_left() - quad.top_right()).normalize_or(DVec2::X));
+
+								let (direction, color) = match axis {
+									Axis::X => (e0, COLOR_OVERLAY_RED),
+									Axis::Y => (e0.perp(), COLOR_OVERLAY_GREEN),
+									_ => unreachable!(),
+								};
+
+								let viewport_diagonal = input.viewport_bounds.size().length();
+
+								let color = if !hover {
+									color
+								} else {
+									let color_string = &graphene_std::Color::from_rgb_str(color.strip_prefix('#').unwrap()).unwrap().with_alpha(0.25).to_rgba_hex_srgb();
+									&format!("#{}", color_string)
+								};
+								let line_center = tool_data.line_center;
+								overlay_context.line(line_center - direction * viewport_diagonal, line_center + direction * viewport_diagonal, Some(color), None);
+							}
+						}
+					}
+
+					if axis_state.is_none_or(|(axis, _)| !axis.is_constraint()) && tool_data.axis_align {
+						let mouse_position = mouse_position - tool_data.drag_start;
+						let snap_resolution = SELECTION_DRAG_ANGLE.to_radians();
+						let angle = -mouse_position.angle_to(DVec2::X);
+						let snapped_angle = (angle / snap_resolution).round() * snap_resolution;
+
+						let extension = tool_data.drag_current - tool_data.drag_start;
+						let origin = compass_center - extension;
+						let viewport_diagonal = input.viewport_bounds.size().length();
+
+						let edge = DVec2::from_angle(snapped_angle).normalize_or(DVec2::X) * viewport_diagonal;
+						let perp = edge.perp();
+
+						let (edge_color, perp_color) = if edge.x.abs() > edge.y.abs() {
+							(COLOR_OVERLAY_RED, COLOR_OVERLAY_GREEN)
+						} else {
+							(COLOR_OVERLAY_GREEN, COLOR_OVERLAY_RED)
+						};
+						let mut perp_color = graphene_std::Color::from_rgb_str(perp_color.strip_prefix('#').unwrap()).unwrap().with_alpha(0.25).to_rgba_hex_srgb();
+						perp_color.insert(0, '#');
+						let perp_color = perp_color.as_str();
+						overlay_context.line(origin - edge * viewport_diagonal, origin + edge * viewport_diagonal, Some(edge_color), None);
+						overlay_context.line(origin - perp * viewport_diagonal, origin + perp * viewport_diagonal, Some(perp_color), None);
+					}
+				}
+
+				// Check if the tool is in selection mode
+				if let Self::Drawing { selection_shape, .. } = self {
+					// Get the updated selection box bounds
+					let quad = Quad::from_box([tool_data.drag_start, tool_data.drag_current]);
+
+					let current_selection_mode = match tool_action_data.preferences.get_selection_mode() {
+						SelectionMode::Directional => tool_data.calculate_selection_mode_from_direction(),
+						SelectionMode::Touched => SelectionMode::Touched,
+						SelectionMode::Enclosed => SelectionMode::Enclosed,
+					};
+
+					// Draw outline visualizations on the layers to be selected
+					let intersected_layers = match selection_shape {
+						SelectionShapeType::Box => document.intersect_quad_no_artboards(quad, input).collect(),
+						SelectionShapeType::Lasso => tool_data.intersect_lasso_no_artboards(document, input),
+					};
+					let layers_to_outline = intersected_layers.into_iter().filter(|layer| match current_selection_mode {
+						SelectionMode::Enclosed => match selection_shape {
+							SelectionShapeType::Box => document.is_layer_fully_inside(layer, quad),
+							SelectionShapeType::Lasso => tool_data.is_layer_inside_lasso_polygon(layer, document, input),
+						},
+						SelectionMode::Touched => match tool_data.nested_selection_behavior {
+							NestedSelectionBehavior::Deepest => !layer.has_children(document.metadata()),
+							NestedSelectionBehavior::Shallowest => true,
+						},
+						SelectionMode::Directional => unreachable!(),
+					});
+
+					if overlay_context.visibility_settings.selection_outline() {
+						// Draws a temporary outline on the layers that will be selected by the current box/lasso area
+						for layer in layers_to_outline {
+							let layer_to_viewport = document.metadata().transform_to_viewport(layer);
+							overlay_context.outline(document.metadata().layer_with_free_points_outline(layer), layer_to_viewport, None);
+						}
+					}
+
+					// Update the selection box
+					let mut fill_color = graphene_std::Color::from_rgb_str(COLOR_OVERLAY_BLUE.strip_prefix('#').unwrap())
+						.unwrap()
+						.with_alpha(0.05)
+						.to_rgba_hex_srgb();
+					fill_color.insert(0, '#');
+					let fill_color = Some(fill_color.as_str());
+
+					let polygon = &tool_data.lasso_polygon;
+
+					match (selection_shape, current_selection_mode) {
+						(SelectionShapeType::Box, SelectionMode::Enclosed) => overlay_context.dashed_quad(quad, None, fill_color, Some(4.), Some(4.), Some(0.5)),
+						(SelectionShapeType::Lasso, SelectionMode::Enclosed) => overlay_context.dashed_polygon(polygon, None, fill_color, Some(4.), Some(4.), Some(0.5)),
+						(SelectionShapeType::Box, _) => overlay_context.quad(quad, None, fill_color),
+						(SelectionShapeType::Lasso, _) => overlay_context.polygon(polygon, None, fill_color),
+					}
+				}
+				self
+			}
+			(_, SelectToolMessage::EditLayer) => {
+				// Edit the clicked layer
+				if let Some(intersect) = document.click(input) {
+					match tool_data.nested_selection_behavior {
+						NestedSelectionBehavior::Shallowest => edit_layer_shallowest_manipulation(document, intersect, responses),
+						NestedSelectionBehavior::Deepest => edit_layer_deepest_manipulation(intersect, &document.network_interface, responses),
+					}
+				}
+
+				self
+			}
+			(
+				SelectToolFsmState::Ready { .. },
+				SelectToolMessage::DragStart {
+					extend_selection,
+					remove_from_selection,
+					select_deepest,
+					lasso_select,
+					..
+				},
+			) => {
+				tool_data.drag_start = input.mouse.position;
+				tool_data.drag_current = input.mouse.position;
+				tool_data.selection_mode = None;
+
+				let mut selected: Vec<_> = document.network_interface.selected_nodes().selected_visible_and_unlocked_layers(&document.network_interface).collect();
+				let intersection_list = document.click_list(input).collect::<Vec<_>>();
+				let intersection = document.find_deepest(&intersection_list);
+
+				let (resize, rotate, skew) = transforming_transform_cage(document, &mut tool_data.bounding_box_manager, input, responses, &mut tool_data.layers_dragging);
+
+				// If the user is dragging the bounding box bounds, go into ResizingBounds mode.
+				// If the user is dragging the rotate trigger, go into RotatingBounds mode.
+				// If the user clicks on a layer that is in their current selection, go into the dragging mode.
+				// If the user clicks on new shape, make that layer their new selection.
+				// Otherwise enter the box select mode
+				let bounds = tool_data
+					.bounding_box_manager
+					.as_ref()
+					.map(|bounding_box_manager| bounding_box_manager.transform * Quad::from_box(bounding_box_manager.bounds));
+
+				let angle = bounds.map_or(0., |quad| (quad.top_left() - quad.top_right()).to_angle());
+				let mouse_position = input.mouse.position;
+				let compass_rose_state = tool_data.compass_rose.compass_rose_state(mouse_position, angle);
+				let is_over_pivot = tool_data.pivot.is_over(mouse_position);
+
+				let show_compass = bounds.is_some_and(|quad| quad.all_sides_at_least_width(COMPASS_ROSE_HOVER_RING_DIAMETER) && quad.contains(mouse_position));
+				let can_grab_compass_rose = compass_rose_state.can_grab() && (show_compass || bounds.is_none());
+
+				let state = if is_over_pivot
+				// Dragging the pivot
+				{
+					responses.add(DocumentMessage::StartTransaction);
+
+					// tool_data.snap_manager.start_snap(document, input, document.bounding_boxes(), true, true);
+					// tool_data.snap_manager.add_all_document_handles(document, input, &[], &[], &[]);
+
+					SelectToolFsmState::DraggingPivot
+				}
+				// Dragging one (or two, forming a corner) of the transform cage bounding box edges
+				else if resize {
+					tool_data.get_snap_candidates(document, input);
+					SelectToolFsmState::ResizingBounds
+				} else if skew {
+					tool_data.get_snap_candidates(document, input);
+					SelectToolFsmState::SkewingBounds { skew: Key::Control }
+				}
+				// Dragging the selected layers around to transform them
+				else if can_grab_compass_rose || intersection.is_some_and(|intersection| selected.iter().any(|selected_layer| intersection.starts_with(*selected_layer, document.metadata()))) {
+					responses.add(DocumentMessage::StartTransaction);
+
+					if input.keyboard.key(select_deepest) || tool_data.nested_selection_behavior == NestedSelectionBehavior::Deepest {
+						tool_data.select_single_layer = intersection;
+					} else {
+						tool_data.select_single_layer = intersection.and_then(|intersection| intersection.ancestors(document.metadata()).find(|ancestor| selected.contains(ancestor)));
+					}
+
+					tool_data.layers_dragging = selected;
+
+					tool_data.get_snap_candidates(document, input);
+					let (axis, using_compass) = {
+						let axis_state = compass_rose_state.axis_type().filter(|_| can_grab_compass_rose);
+						(axis_state.unwrap_or_default(), axis_state.is_some())
+					};
+					SelectToolFsmState::Dragging {
+						axis,
+						using_compass,
+						has_dragged: false,
+						deepest: input.keyboard.key(select_deepest),
+						remove: input.keyboard.key(extend_selection),
+					}
+				}
+				// Dragging near the transform cage bounding box to rotate it
+				else if rotate {
+					SelectToolFsmState::RotatingBounds
+				}
+				// Dragging a selection box
+				else {
+					tool_data.layers_dragging = selected;
+					let extend = input.keyboard.key(extend_selection);
+					if !extend && !input.keyboard.key(remove_from_selection) {
+						responses.add(DocumentMessage::DeselectAllLayers);
+						tool_data.layers_dragging.clear();
+					}
+
+					if let Some(intersection) = intersection {
+						tool_data.layer_selected_on_start = Some(intersection);
+						selected = intersection_list;
+
+						match tool_data.nested_selection_behavior {
+							NestedSelectionBehavior::Shallowest if !input.keyboard.key(select_deepest) => drag_shallowest_manipulation(responses, selected, tool_data, document, false, extend),
+							_ => drag_deepest_manipulation(responses, selected, tool_data, document, false),
+						}
+						tool_data.get_snap_candidates(document, input);
+
+						responses.add(DocumentMessage::StartTransaction);
+						SelectToolFsmState::Dragging {
+							axis: Axis::None,
+							using_compass: false,
+							has_dragged: false,
+							deepest: input.keyboard.key(select_deepest),
+							remove: input.keyboard.key(extend_selection),
+						}
+					} else {
+						let selection_shape = if input.keyboard.key(lasso_select) { SelectionShapeType::Lasso } else { SelectionShapeType::Box };
+						SelectToolFsmState::Drawing { selection_shape, has_drawn: false }
+					}
+				};
+				tool_data.non_duplicated_layers = None;
+
+				state
+			}
+			(SelectToolFsmState::DraggingPivot, SelectToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+
+				let selection = tool_data.nested_selection_behavior;
+				SelectToolFsmState::Ready { selection }
+			}
+			(
+				SelectToolFsmState::Dragging {
+					axis,
+					using_compass,
+					has_dragged,
+					deepest,
+					remove,
+				},
+				SelectToolMessage::PointerMove(modifier_keys),
+			) => {
+				if !has_dragged {
+					responses.add(ToolMessage::UpdateHints);
+				}
+				if input.keyboard.key(modifier_keys.duplicate) && tool_data.non_duplicated_layers.is_none() {
+					tool_data.start_duplicates(document, responses);
+				} else if !input.keyboard.key(modifier_keys.duplicate) && tool_data.non_duplicated_layers.is_some() {
+					tool_data.stop_duplicates(document, responses);
+				}
+
+				tool_data.axis_align = input.keyboard.key(modifier_keys.axis_align);
+
+				// Ignore the non duplicated layers if the current layers have not spawned yet.
+				let layers_exist = tool_data.layers_dragging.iter().all(|&layer| document.metadata().click_targets(layer).is_some());
+				let ignore = tool_data.non_duplicated_layers.as_ref().filter(|_| !layers_exist).unwrap_or(&tool_data.layers_dragging);
+
+				let snap_data = SnapData::ignore(document, input, ignore);
+				let (start, current) = (tool_data.drag_start, tool_data.drag_current);
+				let e0 = tool_data
+					.bounding_box_manager
+					.as_ref()
+					.map(|bounding_box_manager| bounding_box_manager.transform * Quad::from_box(bounding_box_manager.bounds))
+					.map_or(DVec2::X, |quad| (quad.top_left() - quad.top_right()).normalize_or(DVec2::X));
+
+				let mouse_delta = snap_drag(start, current, tool_data.axis_align, axis, snap_data, &mut tool_data.snap_manager, &tool_data.snap_candidates);
+				let mouse_delta = match axis {
+					Axis::X => mouse_delta.project_onto(e0),
+					Axis::Y => mouse_delta.project_onto(e0.perp()),
+					Axis::None => mouse_delta,
+				};
+
+				// TODO: Cache the result of `shallowest_unique_layers` to avoid this heavy computation every frame of movement, see https://github.com/GraphiteEditor/Graphite/pull/481
+				for layer in document.network_interface.shallowest_unique_layers(&[]) {
+					responses.add_front(GraphOperationMessage::TransformChange {
+						layer,
+						transform: DAffine2::from_translation(mouse_delta),
+						transform_in: TransformIn::Viewport,
+						skip_rerender: false,
+					});
+				}
+				tool_data.drag_current += mouse_delta;
+
+				// Auto-panning
+				let messages = [
+					SelectToolMessage::PointerOutsideViewport(modifier_keys.clone()).into(),
+					SelectToolMessage::PointerMove(modifier_keys).into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				SelectToolFsmState::Dragging {
+					axis,
+					using_compass,
+					has_dragged: true,
+					deepest,
+					remove,
+				}
+			}
+			(SelectToolFsmState::ResizingBounds, SelectToolMessage::PointerMove(modifier_keys)) => {
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					resize_bounds(
+						document,
+						responses,
+						bounds,
+						&mut tool_data.layers_dragging,
+						&mut tool_data.snap_manager,
+						&mut tool_data.snap_candidates,
+						input,
+						input.keyboard.key(modifier_keys.center),
+						input.keyboard.key(modifier_keys.axis_align),
+						ToolType::Select,
+					);
+					let messages = [
+						SelectToolMessage::PointerOutsideViewport(modifier_keys.clone()).into(),
+						SelectToolMessage::PointerMove(modifier_keys).into(),
+					];
+					tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+				}
+				SelectToolFsmState::ResizingBounds
+			}
+			(SelectToolFsmState::SkewingBounds { skew }, SelectToolMessage::PointerMove(_)) => {
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					skew_bounds(
+						document,
+						responses,
+						bounds,
+						input.keyboard.key(skew),
+						&mut tool_data.layers_dragging,
+						input.mouse.position,
+						ToolType::Select,
+					);
+				}
+				SelectToolFsmState::SkewingBounds { skew }
+			}
+			(SelectToolFsmState::RotatingBounds, SelectToolMessage::PointerMove(_)) => {
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					rotate_bounds(
+						document,
+						responses,
+						bounds,
+						&mut tool_data.layers_dragging,
+						tool_data.drag_start,
+						input.mouse.position,
+						input.keyboard.key(Key::Shift),
+						ToolType::Select,
+					);
+				}
+
+				SelectToolFsmState::RotatingBounds
+			}
+			(SelectToolFsmState::DraggingPivot, SelectToolMessage::PointerMove(modifier_keys)) => {
+				let mouse_position = input.mouse.position;
+				let snapped_mouse_position = mouse_position;
+				tool_data.pivot.set_viewport_position(snapped_mouse_position, document, responses);
+
+				// Auto-panning
+				let messages = [
+					SelectToolMessage::PointerOutsideViewport(modifier_keys.clone()).into(),
+					SelectToolMessage::PointerMove(modifier_keys).into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				SelectToolFsmState::DraggingPivot
+			}
+			(SelectToolFsmState::Drawing { selection_shape, has_drawn }, SelectToolMessage::PointerMove(modifier_keys)) => {
+				if !has_drawn {
+					responses.add(ToolMessage::UpdateHints);
+				}
+
+				tool_data.drag_current = input.mouse.position;
+				responses.add(OverlaysMessage::Draw);
+
+				if selection_shape == SelectionShapeType::Lasso {
+					extend_lasso(&mut tool_data.lasso_polygon, tool_data.drag_current);
+				}
+
+				// Auto-panning
+				let messages = [
+					SelectToolMessage::PointerOutsideViewport(modifier_keys.clone()).into(),
+					SelectToolMessage::PointerMove(modifier_keys).into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				SelectToolFsmState::Drawing { selection_shape, has_drawn: true }
+			}
+			(SelectToolFsmState::Ready { .. }, SelectToolMessage::PointerMove(_)) => {
+				let dragging_bounds = tool_data
+					.bounding_box_manager
+					.as_mut()
+					.and_then(|bounding_box| bounding_box.check_selected_edges(input.mouse.position))
+					.is_some();
+
+				let mut cursor = tool_data
+					.bounding_box_manager
+					.as_ref()
+					.map_or(MouseCursorIcon::Default, |bounds| bounds.get_cursor(input, true, dragging_bounds, Some(tool_data.skew_edge)));
+
+				// Dragging the pivot overrules the other operations
+				if tool_data.pivot.is_over(input.mouse.position) {
+					cursor = MouseCursorIcon::Move;
+				}
+
+				// Generate the hover outline
+				responses.add(OverlaysMessage::Draw);
+
+				if tool_data.cursor != cursor {
+					tool_data.cursor = cursor;
+					responses.add(FrontendMessage::UpdateMouseCursor { cursor });
+				}
+
+				let selection = tool_data.nested_selection_behavior;
+				SelectToolFsmState::Ready { selection }
+			}
+			(
+				SelectToolFsmState::Dragging {
+					axis,
+					using_compass,
+					has_dragged,
+					deepest,
+					remove,
+				},
+				SelectToolMessage::PointerOutsideViewport(_),
+			) => {
+				// Auto-panning
+				if let Some(shift) = tool_data.auto_panning.shift_viewport(input, responses) {
+					tool_data.drag_current += shift;
+					tool_data.drag_start += shift;
+				}
+
+				SelectToolFsmState::Dragging {
+					axis,
+					using_compass,
+					has_dragged,
+					deepest,
+					remove,
+				}
+			}
+			(SelectToolFsmState::ResizingBounds | SelectToolFsmState::SkewingBounds { .. }, SelectToolMessage::PointerOutsideViewport(_)) => {
+				// Auto-panning
+				if let Some(shift) = tool_data.auto_panning.shift_viewport(input, responses) {
+					if let Some(bounds) = &mut tool_data.bounding_box_manager {
+						bounds.center_of_transformation += shift;
+						bounds.original_bound_transform.translation += shift;
+					}
+				}
+
+				self
+			}
+			(SelectToolFsmState::DraggingPivot, SelectToolMessage::PointerOutsideViewport(_)) => {
+				// Auto-panning
+				let _ = tool_data.auto_panning.shift_viewport(input, responses);
+
+				self
+			}
+			(SelectToolFsmState::Drawing { .. }, SelectToolMessage::PointerOutsideViewport(_)) => {
+				// Auto-panning
+				if let Some(shift) = tool_data.auto_panning.shift_viewport(input, responses) {
+					tool_data.drag_start += shift;
+				}
+
+				self
+			}
+			(state, SelectToolMessage::PointerOutsideViewport(modifier_keys)) => {
+				// Auto-panning
+				let messages = [
+					SelectToolMessage::PointerOutsideViewport(modifier_keys.clone()).into(),
+					SelectToolMessage::PointerMove(modifier_keys).into(),
+				];
+				tool_data.auto_panning.stop(&messages, responses);
+
+				state
+			}
+			(SelectToolFsmState::Dragging { has_dragged, remove, deepest, .. }, SelectToolMessage::DragStop { remove_from_selection }) => {
+				// Deselect layer if not snap dragging
+				responses.add(DocumentMessage::EndTransaction);
+				tool_data.axis_align = false;
+
+				if !has_dragged && input.keyboard.key(remove_from_selection) && tool_data.layer_selected_on_start.is_none() {
+					// When you click on the layer with remove from selection key (shift) pressed, we deselect all nodes that are children.
+					let quad = tool_data.selection_quad();
+					let intersection = document.intersect_quad_no_artboards(quad, input);
+
+					if let Some(path) = intersection.last() {
+						let replacement_selected_layers: Vec<_> = document
+							.network_interface
+							.selected_nodes()
+							.selected_layers(document.metadata())
+							.filter(|&layer| !path.starts_with(layer, document.metadata()))
+							.collect();
+
+						tool_data.layers_dragging.clear();
+						tool_data.layers_dragging.extend(replacement_selected_layers.iter());
+
+						responses.add(NodeGraphMessage::SelectedNodesSet {
+							nodes: replacement_selected_layers
+								.iter()
+								.filter_map(|layer| {
+									if *layer != LayerNodeIdentifier::ROOT_PARENT {
+										Some(layer.to_node())
+									} else {
+										log::error!("ROOT_PARENT cannot be part of replacement_selected_layers");
+										None
+									}
+								})
+								.collect(),
+						});
+					}
+				} else if tool_data.select_single_layer.take().is_some() {
+					// Previously, we may have had many layers selected. If the user clicks without dragging, we should just select the one layer that has been clicked.
+					if !has_dragged {
+						let selected = document.click_list(input).collect::<Vec<_>>();
+						let intersection = document.find_deepest(&selected);
+						if let Some(intersection) = intersection {
+							tool_data.layer_selected_on_start = Some(intersection);
+
+							match tool_data.nested_selection_behavior {
+								NestedSelectionBehavior::Shallowest if remove && !deepest => drag_shallowest_manipulation(responses, selected, tool_data, document, true, true),
+								NestedSelectionBehavior::Deepest if remove => drag_deepest_manipulation(responses, selected, tool_data, document, true),
+								NestedSelectionBehavior::Shallowest if !deepest => drag_shallowest_manipulation(responses, selected, tool_data, document, false, true),
+								_ => {
+									responses.add(DocumentMessage::DeselectAllLayers);
+									tool_data.layers_dragging.clear();
+									drag_deepest_manipulation(responses, selected, tool_data, document, false)
+								}
+							}
+
+							tool_data.get_snap_candidates(document, input);
+
+							responses.add(DocumentMessage::StartTransaction);
+						}
+					}
+				}
+
+				tool_data.layer_selected_on_start = None;
+
+				tool_data.snap_manager.cleanup(responses);
+				tool_data.select_single_layer = None;
+
+				let selection = tool_data.nested_selection_behavior;
+				SelectToolFsmState::Ready { selection }
+			}
+			(
+				SelectToolFsmState::ResizingBounds
+				| SelectToolFsmState::SkewingBounds { .. }
+				| SelectToolFsmState::RotatingBounds
+				| SelectToolFsmState::Dragging { .. }
+				| SelectToolFsmState::DraggingPivot,
+				SelectToolMessage::DragStop { .. } | SelectToolMessage::Enter,
+			) => {
+				let drag_too_small = input.mouse.position.distance(tool_data.drag_start) < 10. * f64::EPSILON;
+				let response = if drag_too_small { DocumentMessage::AbortTransaction } else { DocumentMessage::EndTransaction };
+				responses.add(response);
+				tool_data.axis_align = false;
+				tool_data.snap_manager.cleanup(responses);
+
+				if !matches!(self, SelectToolFsmState::DraggingPivot) {
+					if let Some(bounds) = &mut tool_data.bounding_box_manager {
+						bounds.original_transforms.clear();
+					}
+				}
+
+				let selection = tool_data.nested_selection_behavior;
+				SelectToolFsmState::Ready { selection }
+			}
+			(SelectToolFsmState::Drawing { selection_shape, .. }, SelectToolMessage::DragStop { remove_from_selection }) => {
+				let quad = tool_data.selection_quad();
+
+				let selection_mode = match tool_action_data.preferences.get_selection_mode() {
+					SelectionMode::Directional => tool_data.calculate_selection_mode_from_direction(),
+					selection_mode => selection_mode,
+				};
+
+				let intersection: Vec<LayerNodeIdentifier> = match selection_shape {
+					SelectionShapeType::Box => document.intersect_quad_no_artboards(quad, input).collect(),
+					SelectionShapeType::Lasso => tool_data.intersect_lasso_no_artboards(document, input),
+				};
+				let new_selected: HashSet<_> = if selection_mode == SelectionMode::Enclosed {
+					let is_inside = |layer: &LayerNodeIdentifier| match selection_shape {
+						SelectionShapeType::Box => document.is_layer_fully_inside(layer, quad),
+						SelectionShapeType::Lasso => tool_data.is_layer_inside_lasso_polygon(layer, document, input),
+					};
+					intersection.into_iter().filter(is_inside).collect()
+				} else {
+					intersection.into_iter().collect()
+				};
+
+				let current_selected: HashSet<_> = document.network_interface.selected_nodes().selected_layers(document.metadata()).collect();
+				let negative_selection = input.keyboard.key(remove_from_selection);
+				let selection_modified = new_selected != current_selected;
+
+				// Negative selection when both Shift and Ctrl are pressed
+				if negative_selection {
+					let updated_selection = current_selected
+						.into_iter()
+						.filter(|layer| !new_selected.iter().any(|selected| layer.starts_with(*selected, document.metadata())))
+						.collect();
+					tool_data.layers_dragging = updated_selection;
+				} else if selection_modified {
+					match tool_data.nested_selection_behavior {
+						NestedSelectionBehavior::Deepest => {
+							let filtered_selections = filter_nested_selection(document.metadata(), &new_selected);
+							tool_data.layers_dragging.extend(filtered_selections);
+						}
+						NestedSelectionBehavior::Shallowest => {
+							// Find each new_selected's parent node
+							let parent_selected: HashSet<_> = new_selected
+								.into_iter()
+								.map(|layer| layer.ancestors(document.metadata()).filter(not_artboard(document)).last().unwrap_or(layer))
+								.collect();
+							tool_data.layers_dragging.extend(parent_selected.iter().copied());
+						}
+					}
+				}
+
+				if negative_selection || selection_modified {
+					responses.add(NodeGraphMessage::SelectedNodesSet {
+						nodes: tool_data
+							.layers_dragging
+							.iter()
+							.filter_map(|layer| {
+								if *layer != LayerNodeIdentifier::ROOT_PARENT {
+									Some(layer.to_node())
+								} else {
+									log::error!("ROOT_PARENT cannot be part of tool_data.layers_dragging");
+									None
+								}
+							})
+							.collect(),
+					});
+				}
+
+				tool_data.lasso_polygon.clear();
+
+				responses.add(OverlaysMessage::Draw);
+
+				let selection = tool_data.nested_selection_behavior;
+				SelectToolFsmState::Ready { selection }
+			}
+			(SelectToolFsmState::Ready { .. }, SelectToolMessage::Enter) => {
+				let selected_nodes = document.network_interface.selected_nodes();
+				let mut selected_layers = selected_nodes.selected_layers(document.metadata());
+
+				if let Some(layer) = selected_layers.next() {
+					// Check that only one layer is selected
+					if selected_layers.next().is_none() && is_layer_fed_by_node_of_name(layer, &document.network_interface, "Text") {
+						responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Text });
+						responses.add(TextToolMessage::EditSelected);
+					}
+				}
+
+				let selection = tool_data.nested_selection_behavior;
+				SelectToolFsmState::Ready { selection }
+			}
+			(SelectToolFsmState::Dragging { .. }, SelectToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.snap_manager.cleanup(responses);
+				tool_data.axis_align = false;
+				tool_data.lasso_polygon.clear();
+				responses.add(OverlaysMessage::Draw);
+
+				let selection = tool_data.nested_selection_behavior;
+				SelectToolFsmState::Ready { selection }
+			}
+			(_, SelectToolMessage::Abort) => {
+				tool_data.layers_dragging.retain(|layer| {
+					if *layer != LayerNodeIdentifier::ROOT_PARENT {
+						document.network_interface.document_network().nodes.contains_key(&layer.to_node())
+					} else {
+						false
+					}
+				});
+
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					bounds.original_transforms.clear();
+				}
+
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.snap_manager.cleanup(responses);
+				tool_data.lasso_polygon.clear();
+				responses.add(OverlaysMessage::Draw);
+
+				let selection = tool_data.nested_selection_behavior;
+				SelectToolFsmState::Ready { selection }
+			}
+			(_, SelectToolMessage::SetPivot { position }) => {
+				responses.add(DocumentMessage::StartTransaction);
+
+				let pos: Option<DVec2> = position.into();
+				tool_data.pivot.set_normalized_position(pos.unwrap(), document, responses);
+
+				self
+			}
+			_ => self,
+		}
+	}
+
+	fn standard_tool_messages(&self, message: &ToolMessage, responses: &mut VecDeque<Message>) -> bool {
+		// Check for standard hits or cursor events
+		match message {
+			ToolMessage::UpdateHints => {
+				self.update_hints(responses);
+				true
+			}
+			ToolMessage::UpdateCursor => {
+				self.update_cursor(responses);
+				true
+			}
+			_ => false,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		match self {
+			SelectToolFsmState::Ready { selection } => {
+				let hint_data = HintData(vec![
+					HintGroup({
+						let mut hints = vec![HintInfo::mouse(MouseMotion::Lmb, "Select Object"), HintInfo::keys([Key::Shift], "Extend").prepend_plus()];
+						if *selection == NestedSelectionBehavior::Shallowest {
+							hints.extend([HintInfo::keys([Key::Accel], "Deepest").prepend_plus(), HintInfo::mouse(MouseMotion::LmbDouble, "Deepen")]);
+						}
+						hints
+					}),
+					HintGroup(vec![
+						HintInfo::mouse(MouseMotion::LmbDrag, "Select Area"),
+						HintInfo::keys([Key::Shift], "Extend").prepend_plus(),
+						HintInfo::keys([Key::Alt], "Subtract").prepend_plus(),
+						HintInfo::keys([Key::Control], "Lasso").prepend_plus(),
+					]),
+					// TODO: Make all the following hints only appear if there is at least one selected layer
+					HintGroup(vec![HintInfo::mouse(MouseMotion::LmbDrag, "Drag Selected")]),
+					HintGroup(vec![HintInfo::multi_keys([[Key::KeyG], [Key::KeyR], [Key::KeyS]], "Grab/Rotate/Scale Selected")]),
+					HintGroup(vec![
+						HintInfo::arrow_keys("Nudge Selected"),
+						HintInfo::keys([Key::Shift], "10x").prepend_plus(),
+						HintInfo::keys([Key::Alt], "Resize Corner").prepend_plus(),
+						HintInfo::keys([Key::Control], "Other Corner").prepend_plus(),
+					]),
+					HintGroup(vec![
+						HintInfo::keys_and_mouse([Key::Alt], MouseMotion::LmbDrag, "Move Duplicate"),
+						HintInfo::keys([Key::Control, Key::KeyD], "Duplicate").add_mac_keys([Key::Command, Key::KeyD]),
+					]),
+				]);
+				responses.add(FrontendMessage::UpdateInputHints { hint_data });
+			}
+			SelectToolFsmState::Dragging { axis, using_compass, has_dragged, .. } if *has_dragged => {
+				let mut hint_data = vec![
+					HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+					HintGroup(vec![
+						HintInfo::keys([Key::Alt], "Move Duplicate"),
+						HintInfo::keys([Key::Control, Key::KeyD], "Place Duplicate").add_mac_keys([Key::Command, Key::KeyD]),
+					]),
+				];
+
+				if !(*using_compass && axis.is_constraint()) {
+					hint_data.push(HintGroup(vec![HintInfo::keys([Key::Shift], "Constrain to Axis")]));
+				};
+				let hint_data = HintData(hint_data);
+				responses.add(FrontendMessage::UpdateInputHints { hint_data });
+			}
+			SelectToolFsmState::Drawing { has_drawn, .. } if *has_drawn => {
+				let hint_data = HintData(vec![
+					HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+					HintGroup(vec![HintInfo::keys([Key::Shift], "Extend"), HintInfo::keys([Key::Alt], "Subtract")]),
+					// TODO: Re-select deselected layers during drag when Shift is pressed, and re-deselect if Shift is released before drag ends.
+					// TODO: (See https://discord.com/channels/731730685944922173/1216976541947531264/1321360311298818048)
+					// HintGroup(vec![HintInfo::keys([Key::Shift], "Extend")])
+				]);
+				responses.add(FrontendMessage::UpdateInputHints { hint_data });
+			}
+			SelectToolFsmState::Drawing { .. } | SelectToolFsmState::Dragging { .. } => {}
+			SelectToolFsmState::ResizingBounds => {
+				let hint_data = HintData(vec![
+					HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+					HintGroup(vec![HintInfo::keys([Key::Alt], "From Pivot"), HintInfo::keys([Key::Shift], "Preserve Aspect Ratio")]),
+				]);
+				responses.add(FrontendMessage::UpdateInputHints { hint_data });
+			}
+			SelectToolFsmState::RotatingBounds => {
+				let hint_data = HintData(vec![
+					HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+					HintGroup(vec![HintInfo::keys([Key::Shift], "15° Increments")]),
+				]);
+				responses.add(FrontendMessage::UpdateInputHints { hint_data });
+			}
+			SelectToolFsmState::SkewingBounds { .. } => {
+				let hint_data = HintData(vec![
+					HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+					HintGroup(vec![HintInfo::keys([Key::Control], "Unlock Slide")]),
+				]);
+				responses.add(FrontendMessage::UpdateInputHints { hint_data });
+			}
+			SelectToolFsmState::DraggingPivot => {
+				let hint_data = HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]);
+				responses.add(FrontendMessage::UpdateInputHints { hint_data });
+			}
+		}
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+	}
+}
+
+fn not_artboard(document: &DocumentMessageHandler) -> impl Fn(&LayerNodeIdentifier) -> bool + '_ {
+	|&layer| layer != LayerNodeIdentifier::ROOT_PARENT && !document.network_interface.is_artboard(&layer.to_node(), &[])
+}
+
+fn drag_shallowest_manipulation(responses: &mut VecDeque<Message>, selected: Vec<LayerNodeIdentifier>, tool_data: &mut SelectToolData, document: &DocumentMessageHandler, remove: bool, exists: bool) {
+	if selected.is_empty() {
+		return;
+	}
+
+	let clicked_layer = document.find_deepest(&selected).unwrap_or_else(|| {
+		LayerNodeIdentifier::ROOT_PARENT
+			.children(document.metadata())
+			.next()
+			.expect("ROOT_PARENT should have at least one layer when clicking")
+	});
+
+	let metadata = document.metadata();
+
+	let selected_layers = document.network_interface.selected_nodes().selected_layers(document.metadata()).collect::<Vec<_>>();
+	let final_selection: Option<LayerNodeIdentifier> = (!selected_layers.is_empty() && selected_layers != vec![LayerNodeIdentifier::ROOT_PARENT]).then_some(()).and_then(|_| {
+		let mut relevant_layers = document.network_interface.selected_nodes().selected_layers(document.metadata()).collect::<Vec<_>>();
+		if !relevant_layers.contains(&clicked_layer) {
+			relevant_layers.push(clicked_layer);
+		}
+		clicked_layer
+			.ancestors(metadata)
+			.filter(not_artboard(document))
+			.find(|&ancestor| relevant_layers.iter().all(|layer| *layer == ancestor || ancestor.is_ancestor_of(metadata, layer)))
+			.and_then(|least_common_ancestor| {
+				let common_siblings: Vec<_> = least_common_ancestor.children(metadata).collect();
+				(clicked_layer == least_common_ancestor)
+					.then_some(least_common_ancestor)
+					.or_else(|| common_siblings.iter().find(|&&child| clicked_layer == child || child.is_ancestor_of(metadata, &clicked_layer)).copied())
+			})
+	});
+
+	if final_selection.is_some_and(|layer| selected_layers.iter().any(|selected| layer.is_child_of(metadata, selected))) {
+		if exists && remove && selected_layers.len() == 1 {
+			responses.add(DocumentMessage::DeselectAllLayers);
+			tool_data.layers_dragging.clear();
+		}
+		return;
+	}
+
+	if !exists && !remove {
+		responses.add(DocumentMessage::DeselectAllLayers);
+		tool_data.layers_dragging.clear();
+	}
+
+	let new_selected = final_selection.unwrap_or_else(|| clicked_layer.ancestors(document.metadata()).filter(not_artboard(document)).last().unwrap_or(clicked_layer));
+	tool_data.layers_dragging.extend(vec![new_selected]);
+	tool_data.layers_dragging.retain(|&selected_layer| !selected_layer.is_child_of(metadata, &new_selected));
+	if remove {
+		tool_data.layers_dragging.retain(|&selected_layer| clicked_layer != selected_layer);
+		if selected_layers.contains(&new_selected) {
+			tool_data.layers_dragging.retain(|&selected_layer| new_selected != selected_layer);
+		}
+	}
+
+	responses.add(NodeGraphMessage::SelectedNodesSet {
+		nodes: tool_data
+			.layers_dragging
+			.iter()
+			.filter_map(|layer| {
+				if *layer != LayerNodeIdentifier::ROOT_PARENT {
+					Some(layer.to_node())
+				} else {
+					log::error!("ROOT_PARENT cannot be part of tool_data.layers_dragging");
+					None
+				}
+			})
+			.collect(),
+	});
+}
+
+fn layer_selected_shallowest(clicked_layer: LayerNodeIdentifier, document: &DocumentMessageHandler) -> Option<LayerNodeIdentifier> {
+	let metadata = document.metadata();
+	let selected_layers = document.network_interface.selected_nodes().selected_layers(document.metadata()).collect::<Vec<_>>();
+	let final_selection: Option<LayerNodeIdentifier> = (!selected_layers.is_empty() && selected_layers != vec![LayerNodeIdentifier::ROOT_PARENT]).then_some(()).and_then(|_| {
+		let mut relevant_layers = document.network_interface.selected_nodes().selected_layers(document.metadata()).collect::<Vec<_>>();
+		if !relevant_layers.contains(&clicked_layer) {
+			relevant_layers.push(clicked_layer);
+		}
+		clicked_layer
+			.ancestors(metadata)
+			.filter(not_artboard(document))
+			.find(|&ancestor| relevant_layers.iter().all(|layer| *layer == ancestor || ancestor.is_ancestor_of(metadata, layer)))
+			.and_then(|least_common_ancestor| {
+				let common_siblings: Vec<_> = least_common_ancestor.children(metadata).collect();
+				(clicked_layer == least_common_ancestor)
+					.then_some(least_common_ancestor)
+					.or_else(|| common_siblings.iter().find(|&&child| clicked_layer == child || child.is_ancestor_of(metadata, &clicked_layer)).copied())
+			})
+	});
+
+	if final_selection.is_some_and(|layer| selected_layers.iter().any(|selected| layer.is_child_of(metadata, selected))) {
+		return None;
+	}
+
+	let new_selected = final_selection.unwrap_or_else(|| clicked_layer.ancestors(document.metadata()).filter(not_artboard(document)).last().unwrap_or(clicked_layer));
+	Some(new_selected)
+}
+
+fn drag_deepest_manipulation(responses: &mut VecDeque<Message>, selected: Vec<LayerNodeIdentifier>, tool_data: &mut SelectToolData, document: &DocumentMessageHandler, remove: bool) {
+	let layer = document.find_deepest(&selected).unwrap_or(
+		LayerNodeIdentifier::ROOT_PARENT
+			.children(document.metadata())
+			.next()
+			.expect("ROOT_PARENT should have a layer child when clicking"),
+	);
+	if !remove {
+		tool_data.layers_dragging.extend(vec![layer]);
+	} else {
+		tool_data.layers_dragging.retain(|&selected_layer| layer != selected_layer);
+	}
+	responses.add(NodeGraphMessage::SelectedNodesSet {
+		nodes: tool_data
+			.layers_dragging
+			.iter()
+			.filter_map(|layer| {
+				if *layer != LayerNodeIdentifier::ROOT_PARENT {
+					Some(layer.to_node())
+				} else {
+					log::error!("ROOT_PARENT cannot be part of tool_data.layers_dragging");
+					None
+				}
+			})
+			.collect(),
+	});
+}
+
+/// Called when you double click on the layer of the shallowest layer.
+/// If possible, the direct sibling of an old selected layer is the new selected layer.
+/// Otherwise, the first non-parent ancestor is selected.
+fn edit_layer_shallowest_manipulation(document: &DocumentMessageHandler, layer: LayerNodeIdentifier, responses: &mut VecDeque<Message>) {
+	let Some(new_selected) = layer.ancestors(document.metadata()).filter(not_artboard(document)).find(|ancestor| {
+		ancestor
+			.parent(document.metadata())
+			.is_some_and(|parent| document.network_interface.selected_nodes().selected_layers_contains(parent, document.metadata()))
+	}) else {
+		return;
+	};
+
+	if new_selected == LayerNodeIdentifier::ROOT_PARENT {
+		log::error!("new_selected cannot be ROOT_PARENT");
+		return;
+	}
+
+	responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![new_selected.to_node()] });
+}
+
+/// Called when a double click on a layer in deep select mode.
+/// If the layer is text, the text tool is selected.
+fn edit_layer_deepest_manipulation(layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface, responses: &mut VecDeque<Message>) {
+	if is_layer_fed_by_node_of_name(layer, network_interface, "Text") {
+		responses.add_front(ToolMessage::ActivateTool { tool_type: ToolType::Text });
+		responses.add(TextToolMessage::EditSelected);
+	}
+}
+
+pub fn extend_lasso(lasso_polygon: &mut Vec<DVec2>, point: DVec2) {
+	if lasso_polygon.len() < 2 {
+		lasso_polygon.push(point);
+	} else {
+		let last_points = lasso_polygon.last_chunk::<2>().unwrap();
+		let distance = last_points[0].distance_squared(last_points[1]);
+
+		if distance < SELECTION_TOLERANCE.powi(2) {
+			lasso_polygon.pop();
+		}
+		lasso_polygon.push(point);
+	}
+}
+
+pub fn filter_nested_selection(metadata: &DocumentMetadata, new_selected: &HashSet<LayerNodeIdentifier>) -> HashSet<LayerNodeIdentifier> {
+	// First collect childless layers
+	let mut filtered_selection: HashSet<_> = new_selected.iter().copied().filter(|layer| !layer.has_children(metadata)).collect();
+
+	// Then process parents with all children selected
+	for &layer in new_selected {
+		// Skip if the layer is not a parent
+		if !layer.has_children(metadata) {
+			continue;
+		}
+
+		// If any ancestor is already present in the filtered selection, don't include its child
+		if layer.ancestors(metadata).any(|ancestor| filtered_selection.contains(&ancestor)) {
+			continue;
+		}
+
+		// Skip if any of the children are not selected
+		if !layer.descendants(metadata).all(|descendant| new_selected.contains(&descendant)) {
+			continue;
+		}
+
+		// Remove all descendants of the parent
+		for child in layer.descendants(metadata) {
+			filtered_selection.remove(&child);
+		}
+		// Add the parent
+		filtered_selection.insert(layer);
+	}
+
+	filtered_selection
+}
diff --git a/editor/src/messages/tool/tool_messages/shape_tool.rs b/editor/src/messages/tool/tool_messages/shape_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..532000040417323d99db4c76bc42d98905db6a56
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/shape_tool.rs
@@ -0,0 +1,909 @@
+use super::tool_prelude::*;
+use crate::consts::{DEFAULT_STROKE_WIDTH, SNAP_POINT_TOLERANCE};
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::InputConnector;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::color_selector::{ToolColorOptions, ToolColorType};
+use crate::messages::tool::common_functionality::gizmos::gizmo_manager::GizmoManager;
+use crate::messages::tool::common_functionality::graph_modification_utils;
+use crate::messages::tool::common_functionality::graph_modification_utils::NodeGraphLayer;
+use crate::messages::tool::common_functionality::resize::Resize;
+use crate::messages::tool::common_functionality::shapes::line_shape::{LineToolData, clicked_on_line_endpoints};
+use crate::messages::tool::common_functionality::shapes::polygon_shape::Polygon;
+use crate::messages::tool::common_functionality::shapes::shape_utility::{ShapeToolModifierKey, ShapeType, anchor_overlays, transform_cage_overlays};
+use crate::messages::tool::common_functionality::shapes::star_shape::Star;
+use crate::messages::tool::common_functionality::shapes::{Ellipse, Line, Rectangle};
+use crate::messages::tool::common_functionality::snapping::{self, SnapCandidatePoint, SnapData, SnapTypeConfiguration};
+use crate::messages::tool::common_functionality::transformation_cage::{BoundingBoxManager, EdgeBool};
+use crate::messages::tool::common_functionality::utility_functions::{closest_point, resize_bounds, rotate_bounds, skew_bounds, transforming_transform_cage};
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{NodeId, NodeInput};
+use graphene_std::Color;
+use graphene_std::renderer::Quad;
+use graphene_std::vector::misc::ArcType;
+use std::vec;
+
+#[derive(Default)]
+pub struct ShapeTool {
+	fsm_state: ShapeToolFsmState,
+	tool_data: ShapeToolData,
+	options: ShapeToolOptions,
+}
+
+pub struct ShapeToolOptions {
+	line_weight: f64,
+	fill: ToolColorOptions,
+	stroke: ToolColorOptions,
+	vertices: u32,
+	shape_type: ShapeType,
+	arc_type: ArcType,
+}
+
+impl Default for ShapeToolOptions {
+	fn default() -> Self {
+		Self {
+			line_weight: DEFAULT_STROKE_WIDTH,
+			fill: ToolColorOptions::new_secondary(),
+			stroke: ToolColorOptions::new_primary(),
+			vertices: 5,
+			shape_type: ShapeType::Polygon,
+			arc_type: ArcType::Open,
+		}
+	}
+}
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ShapeOptionsUpdate {
+	FillColor(Option<Color>),
+	FillColorType(ToolColorType),
+	LineWeight(f64),
+	StrokeColor(Option<Color>),
+	StrokeColorType(ToolColorType),
+	WorkingColors(Option<Color>, Option<Color>),
+	Vertices(u32),
+	ShapeType(ShapeType),
+	ArcType(ArcType),
+}
+
+#[impl_message(Message, ToolMessage, Shape)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ShapeToolMessage {
+	// Standard messages
+	Overlays(OverlayContext),
+	Abort,
+	WorkingColorChanged,
+
+	// Tool-specific messages
+	DragStart,
+	DragStop,
+	HideShapeTypeWidget(bool),
+	PointerMove(ShapeToolModifierKey),
+	PointerOutsideViewport(ShapeToolModifierKey),
+	UpdateOptions(ShapeOptionsUpdate),
+	SetShape(ShapeType),
+
+	IncreaseSides,
+	DecreaseSides,
+
+	NudgeSelectedLayers { delta_x: f64, delta_y: f64, resize: Key, resize_opposite_corner: Key },
+}
+
+fn create_sides_widget(vertices: u32) -> WidgetHolder {
+	NumberInput::new(Some(vertices as f64))
+		.label("Sides")
+		.int()
+		.min(3.)
+		.max(1000.)
+		.mode(NumberInputMode::Increment)
+		.on_update(|number_input: &NumberInput| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::Vertices(number_input.value.unwrap() as u32)).into())
+		.widget_holder()
+}
+
+fn create_shape_option_widget(shape_type: ShapeType) -> WidgetHolder {
+	let entries = vec![vec![
+		MenuListEntry::new("Polygon")
+			.label("Polygon")
+			.on_commit(move |_| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::ShapeType(ShapeType::Polygon)).into()),
+		MenuListEntry::new("Star")
+			.label("Star")
+			.on_commit(move |_| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::ShapeType(ShapeType::Star)).into()),
+	]];
+	DropdownInput::new(entries).selected_index(Some(shape_type as u32)).widget_holder()
+}
+
+fn create_weight_widget(line_weight: f64) -> WidgetHolder {
+	NumberInput::new(Some(line_weight))
+		.unit(" px")
+		.label("Weight")
+		.min(0.)
+		.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+		.on_update(|number_input: &NumberInput| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::LineWeight(number_input.value.unwrap())).into())
+		.widget_holder()
+}
+
+impl LayoutHolder for ShapeTool {
+	fn layout(&self) -> Layout {
+		let mut widgets = vec![];
+
+		if !self.tool_data.hide_shape_option_widget {
+			widgets.push(create_shape_option_widget(self.options.shape_type));
+			widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+			if self.options.shape_type == ShapeType::Polygon || self.options.shape_type == ShapeType::Star {
+				widgets.push(create_sides_widget(self.options.vertices));
+				widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+			}
+		}
+
+		if self.options.shape_type != ShapeType::Line {
+			widgets.append(&mut self.options.fill.create_widgets(
+				"Fill",
+				true,
+				|_| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::FillColor(None)).into(),
+				|color_type: ToolColorType| WidgetCallback::new(move |_| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::FillColorType(color_type.clone())).into()),
+				|color: &ColorInput| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::FillColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+			));
+
+			widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		}
+
+		widgets.append(&mut self.options.stroke.create_widgets(
+			"Stroke",
+			true,
+			|_| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::StrokeColor(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::StrokeColorType(color_type.clone())).into()),
+			|color: &ColorInput| ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::StrokeColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		));
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		widgets.push(create_weight_widget(self.options.line_weight));
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for ShapeTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		let ToolMessage::Shape(ShapeToolMessage::UpdateOptions(action)) = message else {
+			self.fsm_state.process_event(message, &mut self.tool_data, tool_data, &self.options, responses, true);
+			return;
+		};
+		match action {
+			ShapeOptionsUpdate::FillColor(color) => {
+				self.options.fill.custom_color = color;
+				self.options.fill.color_type = ToolColorType::Custom;
+			}
+			ShapeOptionsUpdate::FillColorType(color_type) => {
+				self.options.fill.color_type = color_type;
+			}
+			ShapeOptionsUpdate::LineWeight(line_weight) => {
+				self.options.line_weight = line_weight;
+			}
+			ShapeOptionsUpdate::StrokeColor(color) => {
+				self.options.stroke.custom_color = color;
+				self.options.stroke.color_type = ToolColorType::Custom;
+			}
+			ShapeOptionsUpdate::StrokeColorType(color_type) => {
+				self.options.stroke.color_type = color_type;
+			}
+			ShapeOptionsUpdate::WorkingColors(primary, secondary) => {
+				self.options.stroke.primary_working_color = primary;
+				self.options.stroke.secondary_working_color = secondary;
+				self.options.fill.primary_working_color = primary;
+				self.options.fill.secondary_working_color = secondary;
+			}
+			ShapeOptionsUpdate::ShapeType(shape) => {
+				self.options.shape_type = shape;
+				self.tool_data.current_shape = shape;
+			}
+			ShapeOptionsUpdate::Vertices(vertices) => {
+				self.options.vertices = vertices;
+			}
+			ShapeOptionsUpdate::ArcType(arc_type) => {
+				self.options.arc_type = arc_type;
+			}
+		}
+
+		self.fsm_state.update_hints(responses);
+		self.send_layout(responses, LayoutTarget::ToolOptions);
+	}
+
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			ShapeToolFsmState::Ready(_) => actions!(ShapeToolMessageDiscriminant;
+				DragStart,
+				PointerMove,
+				SetShape,
+				Abort,
+				HideShapeTypeWidget,
+				IncreaseSides,
+				DecreaseSides,
+				NudgeSelectedLayers,
+			),
+			ShapeToolFsmState::Drawing(_)
+			| ShapeToolFsmState::ResizingBounds
+			| ShapeToolFsmState::DraggingLineEndpoints
+			| ShapeToolFsmState::RotatingBounds
+			| ShapeToolFsmState::ModifyingGizmo
+			| ShapeToolFsmState::SkewingBounds { .. } => {
+				actions!(ShapeToolMessageDiscriminant;
+					DragStop,
+					Abort,
+					PointerMove,
+					SetShape,
+					HideShapeTypeWidget,
+					IncreaseSides,
+					DecreaseSides,
+					NudgeSelectedLayers,
+				)
+			}
+		}
+	}
+}
+
+impl ToolMetadata for ShapeTool {
+	fn icon_name(&self) -> String {
+		"VectorPolygonTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Shape Tool".into()
+	}
+	fn tool_type(&self) -> ToolType {
+		ToolType::Shape
+	}
+}
+
+impl ToolTransition for ShapeTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			overlay_provider: Some(|overlay_context| ShapeToolMessage::Overlays(overlay_context).into()),
+			tool_abort: Some(ShapeToolMessage::Abort.into()),
+			working_color_changed: Some(ShapeToolMessage::WorkingColorChanged.into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, PartialEq, Eq)]
+pub enum ShapeToolFsmState {
+	Ready(ShapeType),
+	Drawing(ShapeType),
+
+	// Gizmos
+	DraggingLineEndpoints,
+	ModifyingGizmo,
+
+	// Transform cage
+	ResizingBounds,
+	RotatingBounds,
+	SkewingBounds { skew: Key },
+}
+
+impl Default for ShapeToolFsmState {
+	fn default() -> Self {
+		ShapeToolFsmState::Ready(ShapeType::default())
+	}
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct ShapeToolData {
+	pub data: Resize,
+	auto_panning: AutoPanning,
+
+	// In viewport space
+	pub last_mouse_position: DVec2,
+
+	// Hide the dropdown menu when using Line, Rectangle, or Ellipse aliases
+	pub hide_shape_option_widget: bool,
+
+	// Shape-specific data
+	pub line_data: LineToolData,
+
+	// Used for by transform cage
+	pub bounding_box_manager: Option<BoundingBoxManager>,
+	layers_dragging: Vec<LayerNodeIdentifier>,
+	snap_candidates: Vec<SnapCandidatePoint>,
+	skew_edge: EdgeBool,
+	cursor: MouseCursorIcon,
+
+	// Current shape which is being drawn
+	current_shape: ShapeType,
+
+	// Gizmos
+	gizmo_manger: GizmoManager,
+}
+
+impl ShapeToolData {
+	fn get_snap_candidates(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler) {
+		self.snap_candidates.clear();
+		for &layer in &self.layers_dragging {
+			if (self.snap_candidates.len() as f64) < document.snapping_state.tolerance {
+				snapping::get_layer_snap_points(layer, &SnapData::new(document, input), &mut self.snap_candidates);
+			}
+			if let Some(bounds) = document.metadata().bounding_box_with_transform(layer, DAffine2::IDENTITY) {
+				let quad = document.metadata().transform_to_document(layer) * Quad::from_box(bounds);
+				snapping::get_bbox_points(quad, &mut self.snap_candidates, snapping::BBoxSnapValues::BOUNDING_BOX, document);
+			}
+		}
+	}
+}
+
+impl Fsm for ShapeToolFsmState {
+	type ToolData = ShapeToolData;
+	type ToolOptions = ShapeToolOptions;
+
+	fn transition(
+		self,
+		event: ToolMessage,
+		tool_data: &mut Self::ToolData,
+		ToolActionHandlerData {
+			document,
+			global_tool_data,
+			input,
+			preferences,
+			shape_editor,
+			..
+		}: &mut ToolActionHandlerData,
+		tool_options: &Self::ToolOptions,
+		responses: &mut VecDeque<Message>,
+	) -> Self {
+		let all_selected_layers_line = document
+			.network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(&document.network_interface)
+			.all(|layer| graph_modification_utils::get_line_id(layer, &document.network_interface).is_some());
+
+		let ToolMessage::Shape(event) = event else { return self };
+
+		match (self, event) {
+			(_, ShapeToolMessage::Overlays(mut overlay_context)) => {
+				let mouse_position = tool_data
+					.data
+					.snap_manager
+					.indicator_pos()
+					.map(|pos| document.metadata().document_to_viewport.transform_point2(pos))
+					.unwrap_or(input.mouse.position);
+				let is_resizing_or_rotating = matches!(self, ShapeToolFsmState::ResizingBounds | ShapeToolFsmState::SkewingBounds { .. } | ShapeToolFsmState::RotatingBounds);
+
+				if matches!(self, Self::Ready(_)) && !input.keyboard.key(Key::Control) {
+					tool_data.gizmo_manger.handle_actions(mouse_position, document, responses);
+					tool_data.gizmo_manger.overlays(document, input, shape_editor, mouse_position, &mut overlay_context);
+				}
+
+				if matches!(self, ShapeToolFsmState::ModifyingGizmo) && !input.keyboard.key(Key::Control) {
+					tool_data.gizmo_manger.dragging_overlays(document, input, shape_editor, mouse_position, &mut overlay_context);
+				}
+
+				let modifying_transform_cage = matches!(self, ShapeToolFsmState::ResizingBounds | ShapeToolFsmState::RotatingBounds | ShapeToolFsmState::SkewingBounds { .. });
+				let hovering_over_gizmo = tool_data.gizmo_manger.hovering_over_gizmo();
+
+				if !is_resizing_or_rotating && !matches!(self, ShapeToolFsmState::ModifyingGizmo) && !modifying_transform_cage && !hovering_over_gizmo {
+					tool_data.data.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context);
+				}
+
+				if modifying_transform_cage && !matches!(self, ShapeToolFsmState::ModifyingGizmo) {
+					transform_cage_overlays(document, tool_data, &mut overlay_context);
+				}
+
+				if input.keyboard.key(Key::Control) && matches!(self, ShapeToolFsmState::Ready(_)) {
+					anchor_overlays(document, &mut overlay_context);
+				} else if matches!(self, ShapeToolFsmState::Ready(_)) {
+					Line::overlays(document, tool_data, &mut overlay_context);
+
+					if all_selected_layers_line {
+						return self;
+					}
+
+					if !hovering_over_gizmo {
+						transform_cage_overlays(document, tool_data, &mut overlay_context);
+					}
+
+					let dragging_bounds = tool_data
+						.bounding_box_manager
+						.as_mut()
+						.and_then(|bounding_box| bounding_box.check_selected_edges(input.mouse.position))
+						.is_some();
+
+					if let Some(bounds) = tool_data.bounding_box_manager.as_mut() {
+						let edges = bounds.check_selected_edges(input.mouse.position);
+						let is_skewing = matches!(self, ShapeToolFsmState::SkewingBounds { .. });
+						let is_near_square = edges.is_some_and(|hover_edge| bounds.over_extended_edge_midpoint(input.mouse.position, hover_edge));
+						if is_skewing || (dragging_bounds && is_near_square && !is_resizing_or_rotating && !hovering_over_gizmo) {
+							bounds.render_skew_gizmos(&mut overlay_context, tool_data.skew_edge);
+						}
+						if !is_skewing && dragging_bounds && !hovering_over_gizmo {
+							if let Some(edges) = edges {
+								tool_data.skew_edge = bounds.get_closest_edge(edges, input.mouse.position);
+							}
+						}
+					}
+				}
+
+				if matches!(self, ShapeToolFsmState::Drawing(_) | ShapeToolFsmState::DraggingLineEndpoints) {
+					Line::overlays(document, tool_data, &mut overlay_context);
+				}
+
+				self
+			}
+			(ShapeToolFsmState::Ready(_), ShapeToolMessage::IncreaseSides) => {
+				responses.add(ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::Vertices(tool_options.vertices + 1)));
+				self
+			}
+			(ShapeToolFsmState::Ready(_), ShapeToolMessage::DecreaseSides) => {
+				responses.add(ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::Vertices((tool_options.vertices - 1).max(3))));
+				self
+			}
+			(
+				ShapeToolFsmState::Ready(_),
+				ShapeToolMessage::NudgeSelectedLayers {
+					delta_x,
+					delta_y,
+					resize,
+					resize_opposite_corner,
+				},
+			) => {
+				responses.add(DocumentMessage::NudgeSelectedLayers {
+					delta_x,
+					delta_y,
+					resize,
+					resize_opposite_corner,
+				});
+
+				self
+			}
+			(ShapeToolFsmState::Drawing(_), ShapeToolMessage::NudgeSelectedLayers { .. }) => {
+				let increase = input.keyboard.key(Key::ArrowUp);
+				let decrease = input.keyboard.key(Key::ArrowDown);
+
+				if increase {
+					responses.add(ShapeToolMessage::IncreaseSides);
+					return self;
+				}
+
+				if decrease {
+					responses.add(ShapeToolMessage::DecreaseSides);
+					return self;
+				}
+				self
+			}
+			(ShapeToolFsmState::Drawing(_), ShapeToolMessage::IncreaseSides) => {
+				if let Some(layer) = tool_data.data.layer {
+					let Some(node_id) = graph_modification_utils::get_polygon_id(layer, &document.network_interface).or(graph_modification_utils::get_star_id(layer, &document.network_interface))
+					else {
+						return self;
+					};
+
+					let Some(node_inputs) = NodeGraphLayer::new(layer, &document.network_interface)
+						.find_node_inputs("Regular Polygon")
+						.or(NodeGraphLayer::new(layer, &document.network_interface).find_node_inputs("Star"))
+					else {
+						return self;
+					};
+
+					let Some(&TaggedValue::U32(n)) = node_inputs.get(1).unwrap().as_value() else {
+						return self;
+					};
+
+					responses.add(ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::Vertices(n + 1)));
+
+					responses.add(NodeGraphMessage::SetInput {
+						input_connector: InputConnector::node(node_id, 1),
+						input: NodeInput::value(TaggedValue::U32(n + 1), false),
+					});
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+
+				self
+			}
+			(ShapeToolFsmState::Drawing(_), ShapeToolMessage::DecreaseSides) => {
+				if let Some(layer) = tool_data.data.layer {
+					let Some(node_id) = graph_modification_utils::get_polygon_id(layer, &document.network_interface).or(graph_modification_utils::get_star_id(layer, &document.network_interface))
+					else {
+						return self;
+					};
+
+					let Some(node_inputs) = NodeGraphLayer::new(layer, &document.network_interface)
+						.find_node_inputs("Regular Polygon")
+						.or(NodeGraphLayer::new(layer, &document.network_interface).find_node_inputs("Star"))
+					else {
+						return self;
+					};
+
+					let Some(&TaggedValue::U32(n)) = node_inputs.get(1).unwrap().as_value() else {
+						return self;
+					};
+
+					responses.add(ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::Vertices((n - 1).max(3))));
+
+					responses.add(NodeGraphMessage::SetInput {
+						input_connector: InputConnector::node(node_id, 1),
+						input: NodeInput::value(TaggedValue::U32((n - 1).max(3)), false),
+					});
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+
+				self
+			}
+			(ShapeToolFsmState::Ready(_), ShapeToolMessage::DragStart) => {
+				tool_data.line_data.drag_start = input.mouse.position;
+
+				// Snapped position in viewport space
+				let mouse_pos = tool_data
+					.data
+					.snap_manager
+					.indicator_pos()
+					.map(|pos| document.metadata().document_to_viewport.transform_point2(pos))
+					.unwrap_or(input.mouse.position);
+
+				tool_data.line_data.drag_current = mouse_pos;
+
+				if tool_data.gizmo_manger.handle_click() {
+					tool_data.data.drag_start = document.metadata().document_to_viewport.inverse().transform_point2(mouse_pos);
+					return ShapeToolFsmState::ModifyingGizmo;
+				}
+
+				// If clicked on endpoints of a selected line, drag its endpoints
+				if let Some((layer, _, _)) = closest_point(
+					document,
+					mouse_pos,
+					SNAP_POINT_TOLERANCE,
+					document.network_interface.selected_nodes().selected_visible_and_unlocked_layers(&document.network_interface),
+					|_| false,
+					preferences,
+				) {
+					if clicked_on_line_endpoints(layer, document, input, tool_data) && !input.keyboard.key(Key::Control) {
+						return ShapeToolFsmState::DraggingLineEndpoints;
+					}
+				}
+
+				let (resize, rotate, skew) = transforming_transform_cage(document, &mut tool_data.bounding_box_manager, input, responses, &mut tool_data.layers_dragging);
+
+				if !input.keyboard.key(Key::Control) {
+					match (resize, rotate, skew) {
+						(true, false, false) => {
+							tool_data.get_snap_candidates(document, input);
+							return ShapeToolFsmState::ResizingBounds;
+						}
+						(false, true, false) => {
+							tool_data.data.drag_start = mouse_pos;
+							return ShapeToolFsmState::RotatingBounds;
+						}
+						(false, false, true) => {
+							tool_data.get_snap_candidates(document, input);
+							return ShapeToolFsmState::SkewingBounds { skew: Key::Control };
+						}
+						_ => {}
+					}
+				};
+
+				match tool_data.current_shape {
+					ShapeType::Polygon | ShapeType::Star | ShapeType::Ellipse | ShapeType::Rectangle => tool_data.data.start(document, input),
+					ShapeType::Line => {
+						let point = SnapCandidatePoint::handle(document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position));
+						let snapped = tool_data.data.snap_manager.free_snap(&SnapData::new(document, input), &point, SnapTypeConfiguration::default());
+						tool_data.data.drag_start = snapped.snapped_point_document;
+					}
+				}
+
+				responses.add(DocumentMessage::StartTransaction);
+
+				let node = match tool_data.current_shape {
+					ShapeType::Polygon => Polygon::create_node(tool_options.vertices),
+					ShapeType::Star => Star::create_node(tool_options.vertices),
+					ShapeType::Rectangle => Rectangle::create_node(),
+					ShapeType::Ellipse => Ellipse::create_node(),
+					ShapeType::Line => Line::create_node(document, tool_data.data.drag_start),
+				};
+
+				let nodes = vec![(NodeId(0), node)];
+				let layer = graph_modification_utils::new_custom(NodeId::new(), nodes, document.new_layer_bounding_artboard(input), responses);
+
+				responses.add(Message::StartBuffer);
+
+				match tool_data.current_shape {
+					ShapeType::Ellipse | ShapeType::Rectangle | ShapeType::Polygon | ShapeType::Star => {
+						responses.add(GraphOperationMessage::TransformSet {
+							layer,
+							transform: DAffine2::from_scale_angle_translation(DVec2::ONE, 0., input.mouse.position),
+							transform_in: TransformIn::Viewport,
+							skip_rerender: false,
+						});
+
+						tool_options.fill.apply_fill(layer, responses);
+					}
+					ShapeType::Line => {
+						tool_data.line_data.weight = tool_options.line_weight;
+						tool_data.line_data.editing_layer = Some(layer);
+					}
+				}
+				tool_options.stroke.apply_stroke(tool_options.line_weight, layer, responses);
+
+				tool_options.stroke.apply_stroke(tool_options.line_weight, layer, responses);
+				tool_data.data.layer = Some(layer);
+
+				ShapeToolFsmState::Drawing(tool_data.current_shape)
+			}
+			(ShapeToolFsmState::Drawing(shape), ShapeToolMessage::PointerMove(modifier)) => {
+				let Some(layer) = tool_data.data.layer else {
+					return ShapeToolFsmState::Ready(shape);
+				};
+
+				match tool_data.current_shape {
+					ShapeType::Rectangle => Rectangle::update_shape(document, input, layer, tool_data, modifier, responses),
+					ShapeType::Ellipse => Ellipse::update_shape(document, input, layer, tool_data, modifier, responses),
+					ShapeType::Line => Line::update_shape(document, input, layer, tool_data, modifier, responses),
+					ShapeType::Polygon => Polygon::update_shape(document, input, layer, tool_data, modifier, responses),
+					ShapeType::Star => Star::update_shape(document, input, layer, tool_data, modifier, responses),
+				}
+
+				// Auto-panning
+				let messages = [ShapeToolMessage::PointerOutsideViewport(modifier).into(), ShapeToolMessage::PointerMove(modifier).into()];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				self
+			}
+			(ShapeToolFsmState::DraggingLineEndpoints, ShapeToolMessage::PointerMove(modifier)) => {
+				let Some(layer) = tool_data.line_data.editing_layer else {
+					return ShapeToolFsmState::Ready(tool_data.current_shape);
+				};
+
+				Line::update_shape(document, input, layer, tool_data, modifier, responses);
+				// Auto-panning
+				let messages = [ShapeToolMessage::PointerOutsideViewport(modifier).into(), ShapeToolMessage::PointerMove(modifier).into()];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				self
+			}
+			(ShapeToolFsmState::ModifyingGizmo, ShapeToolMessage::PointerMove(..)) => {
+				responses.add(DocumentMessage::StartTransaction);
+				tool_data.gizmo_manger.handle_update(tool_data.data.drag_start, document, input, responses);
+
+				responses.add(OverlaysMessage::Draw);
+
+				ShapeToolFsmState::ModifyingGizmo
+			}
+			(ShapeToolFsmState::ResizingBounds, ShapeToolMessage::PointerMove(modifier)) => {
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					let messages = [ShapeToolMessage::PointerOutsideViewport(modifier).into(), ShapeToolMessage::PointerMove(modifier).into()];
+					resize_bounds(
+						document,
+						responses,
+						bounds,
+						&mut tool_data.layers_dragging,
+						&mut tool_data.data.snap_manager,
+						&mut tool_data.snap_candidates,
+						input,
+						input.keyboard.key(modifier[0]),
+						input.keyboard.key(modifier[1]),
+						ToolType::Shape,
+					);
+					tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+				}
+
+				responses.add(OverlaysMessage::Draw);
+				ShapeToolFsmState::ResizingBounds
+			}
+			(ShapeToolFsmState::RotatingBounds, ShapeToolMessage::PointerMove(modifier)) => {
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					rotate_bounds(
+						document,
+						responses,
+						bounds,
+						&mut tool_data.layers_dragging,
+						tool_data.data.drag_start,
+						input.mouse.position,
+						input.keyboard.key(modifier[1]),
+						ToolType::Shape,
+					);
+				}
+
+				ShapeToolFsmState::RotatingBounds
+			}
+			(ShapeToolFsmState::SkewingBounds { skew }, ShapeToolMessage::PointerMove(_)) => {
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					skew_bounds(
+						document,
+						responses,
+						bounds,
+						input.keyboard.key(skew),
+						&mut tool_data.layers_dragging,
+						input.mouse.position,
+						ToolType::Shape,
+					);
+				}
+
+				ShapeToolFsmState::SkewingBounds { skew }
+			}
+
+			(_, ShapeToolMessage::PointerMove(_)) => {
+				let dragging_bounds = tool_data
+					.bounding_box_manager
+					.as_mut()
+					.and_then(|bounding_box| bounding_box.check_selected_edges(input.mouse.position))
+					.is_some();
+
+				let cursor = tool_data.bounding_box_manager.as_ref().map_or(MouseCursorIcon::Crosshair, |bounds| {
+					let cursor = bounds.get_cursor(input, true, dragging_bounds, Some(tool_data.skew_edge));
+					if cursor == MouseCursorIcon::Default { MouseCursorIcon::Crosshair } else { cursor }
+				});
+
+				if tool_data.cursor != cursor && !input.keyboard.key(Key::Control) && !all_selected_layers_line {
+					tool_data.cursor = cursor;
+					responses.add(FrontendMessage::UpdateMouseCursor { cursor });
+				}
+
+				tool_data.data.snap_manager.preview_draw(&SnapData::new(document, input), input.mouse.position);
+
+				responses.add(OverlaysMessage::Draw);
+				self
+			}
+			(ShapeToolFsmState::ResizingBounds | ShapeToolFsmState::SkewingBounds { .. }, ShapeToolMessage::PointerOutsideViewport(_)) => {
+				// Auto-panning
+				if let Some(shift) = tool_data.auto_panning.shift_viewport(input, responses) {
+					if let Some(bounds) = &mut tool_data.bounding_box_manager {
+						bounds.center_of_transformation += shift;
+						bounds.original_bound_transform.translation += shift;
+					}
+				}
+
+				self
+			}
+			(ShapeToolFsmState::Ready(_), ShapeToolMessage::PointerOutsideViewport(..)) => self,
+			(_, ShapeToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				let _ = tool_data.auto_panning.shift_viewport(input, responses);
+				self
+			}
+			(
+				ShapeToolFsmState::Drawing(_)
+				| ShapeToolFsmState::DraggingLineEndpoints
+				| ShapeToolFsmState::ResizingBounds
+				| ShapeToolFsmState::RotatingBounds
+				| ShapeToolFsmState::SkewingBounds { .. }
+				| ShapeToolFsmState::ModifyingGizmo,
+				ShapeToolMessage::DragStop,
+			) => {
+				input.mouse.finish_transaction(tool_data.data.drag_start, responses);
+				tool_data.data.cleanup(responses);
+
+				tool_data.gizmo_manger.handle_cleanup();
+
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					bounds.original_transforms.clear();
+				}
+
+				tool_data.line_data.dragging_endpoint = None;
+
+				responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Crosshair });
+
+				ShapeToolFsmState::Ready(tool_data.current_shape)
+			}
+			(
+				ShapeToolFsmState::Drawing(_)
+				| ShapeToolFsmState::DraggingLineEndpoints
+				| ShapeToolFsmState::ResizingBounds
+				| ShapeToolFsmState::RotatingBounds
+				| ShapeToolFsmState::SkewingBounds { .. }
+				| ShapeToolFsmState::ModifyingGizmo,
+				ShapeToolMessage::Abort,
+			) => {
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.data.cleanup(responses);
+				tool_data.line_data.dragging_endpoint = None;
+
+				tool_data.gizmo_manger.handle_cleanup();
+
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					bounds.original_transforms.clear();
+				}
+
+				responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Crosshair });
+
+				ShapeToolFsmState::Ready(tool_data.current_shape)
+			}
+			(_, ShapeToolMessage::WorkingColorChanged) => {
+				responses.add(ShapeToolMessage::UpdateOptions(ShapeOptionsUpdate::WorkingColors(
+					Some(global_tool_data.primary_color),
+					Some(global_tool_data.secondary_color),
+				)));
+				self
+			}
+			(_, ShapeToolMessage::SetShape(shape)) => {
+				responses.add(DocumentMessage::AbortTransaction);
+				tool_data.data.cleanup(responses);
+				tool_data.current_shape = shape;
+
+				ShapeToolFsmState::Ready(shape)
+			}
+			(_, ShapeToolMessage::HideShapeTypeWidget(hide)) => {
+				tool_data.hide_shape_option_widget = hide;
+				responses.add(ToolMessage::RefreshToolOptions);
+				self
+			}
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			ShapeToolFsmState::Ready(shape) => {
+				let hint_groups = match shape {
+					ShapeType::Polygon | ShapeType::Star => vec![
+						HintGroup(vec![
+							HintInfo::mouse(MouseMotion::LmbDrag, "Draw Polygon"),
+							HintInfo::keys([Key::Shift], "Constrain Regular").prepend_plus(),
+							HintInfo::keys([Key::Alt], "From Center").prepend_plus(),
+						]),
+						HintGroup(vec![HintInfo::multi_keys([[Key::BracketLeft], [Key::BracketRight]], "Decrease/Increase Sides")]),
+					],
+					ShapeType::Ellipse => vec![HintGroup(vec![
+						HintInfo::mouse(MouseMotion::LmbDrag, "Draw Ellipse"),
+						HintInfo::keys([Key::Shift], "Constrain Circular").prepend_plus(),
+						HintInfo::keys([Key::Alt], "From Center").prepend_plus(),
+					])],
+					ShapeType::Line => vec![HintGroup(vec![
+						HintInfo::mouse(MouseMotion::LmbDrag, "Draw Line"),
+						HintInfo::keys([Key::Shift], "15° Increments").prepend_plus(),
+						HintInfo::keys([Key::Alt], "From Center").prepend_plus(),
+						HintInfo::keys([Key::Control], "Lock Angle").prepend_plus(),
+					])],
+					ShapeType::Rectangle => vec![HintGroup(vec![
+						HintInfo::mouse(MouseMotion::LmbDrag, "Draw Rectangle"),
+						HintInfo::keys([Key::Shift], "Constrain Square").prepend_plus(),
+						HintInfo::keys([Key::Alt], "From Center").prepend_plus(),
+					])],
+				};
+				HintData(hint_groups)
+			}
+			ShapeToolFsmState::Drawing(shape) => {
+				let mut common_hint_group = vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])];
+				let tool_hint_group = match shape {
+					ShapeType::Polygon | ShapeType::Star => HintGroup(vec![HintInfo::keys([Key::Shift], "Constrain Regular"), HintInfo::keys([Key::Alt], "From Center")]),
+					ShapeType::Rectangle => HintGroup(vec![HintInfo::keys([Key::Shift], "Constrain Square"), HintInfo::keys([Key::Alt], "From Center")]),
+					ShapeType::Ellipse => HintGroup(vec![HintInfo::keys([Key::Shift], "Constrain Circular"), HintInfo::keys([Key::Alt], "From Center")]),
+					ShapeType::Line => HintGroup(vec![
+						HintInfo::keys([Key::Shift], "15° Increments"),
+						HintInfo::keys([Key::Alt], "From Center"),
+						HintInfo::keys([Key::Control], "Lock Angle"),
+					]),
+				};
+
+				common_hint_group.push(tool_hint_group);
+
+				if matches!(shape, ShapeType::Polygon | ShapeType::Star) {
+					common_hint_group.push(HintGroup(vec![HintInfo::multi_keys([[Key::BracketLeft], [Key::BracketRight]], "Decrease/Increase Sides")]));
+				}
+
+				HintData(common_hint_group)
+			}
+			ShapeToolFsmState::DraggingLineEndpoints => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![
+					HintInfo::keys([Key::Shift], "15° Increments"),
+					HintInfo::keys([Key::Alt], "From Center"),
+					HintInfo::keys([Key::Control], "Lock Angle"),
+				]),
+			]),
+			ShapeToolFsmState::ResizingBounds => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Alt], "From Pivot"), HintInfo::keys([Key::Shift], "Preserve Aspect Ratio")]),
+			]),
+			ShapeToolFsmState::RotatingBounds => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "15° Increments")]),
+			]),
+			ShapeToolFsmState::SkewingBounds { .. } => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Control], "Unlock Slide")]),
+			]),
+			ShapeToolFsmState::ModifyingGizmo => HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Crosshair });
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/spline_tool.rs b/editor/src/messages/tool/tool_messages/spline_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..2ac541d7028bff7a6928ec28c6b44100b3f354c8
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/spline_tool.rs
@@ -0,0 +1,855 @@
+use super::tool_prelude::*;
+use crate::consts::{DEFAULT_STROKE_WIDTH, DRAG_THRESHOLD, PATH_JOIN_THRESHOLD, SNAP_POINT_TOLERANCE};
+use crate::messages::input_mapper::utility_types::input_mouse::MouseKeys;
+use crate::messages::portfolio::document::node_graph::document_node_definitions::resolve_document_node_type;
+use crate::messages::portfolio::document::overlays::utility_functions::path_endpoint_overlays;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::color_selector::{ToolColorOptions, ToolColorType};
+use crate::messages::tool::common_functionality::graph_modification_utils::{self, find_spline, merge_layers, merge_points};
+use crate::messages::tool::common_functionality::snapping::{SnapCandidatePoint, SnapData, SnapManager, SnapTypeConfiguration, SnappedPoint};
+use crate::messages::tool::common_functionality::utility_functions::{closest_point, should_extend};
+use graph_craft::document::{NodeId, NodeInput};
+use graphene_std::Color;
+use graphene_std::vector::{PointId, SegmentId, VectorModificationType};
+
+#[derive(Default)]
+pub struct SplineTool {
+	fsm_state: SplineToolFsmState,
+	tool_data: SplineToolData,
+	options: SplineOptions,
+}
+
+pub struct SplineOptions {
+	line_weight: f64,
+	fill: ToolColorOptions,
+	stroke: ToolColorOptions,
+}
+
+impl Default for SplineOptions {
+	fn default() -> Self {
+		Self {
+			line_weight: DEFAULT_STROKE_WIDTH,
+			fill: ToolColorOptions::new_none(),
+			stroke: ToolColorOptions::new_primary(),
+		}
+	}
+}
+
+#[impl_message(Message, ToolMessage, Spline)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum SplineToolMessage {
+	// Standard messages
+	Overlays(OverlayContext),
+	CanvasTransformed,
+	Abort,
+	WorkingColorChanged,
+
+	// Tool-specific messages
+	Confirm,
+	DragStart { append_to_selected: Key },
+	DragStop,
+	MergeEndpoints,
+	PointerMove,
+	PointerOutsideViewport,
+	Undo,
+	UpdateOptions(SplineOptionsUpdate),
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum SplineToolFsmState {
+	#[default]
+	Ready,
+	Drawing,
+	MergingEndpoints,
+}
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum SplineOptionsUpdate {
+	FillColor(Option<Color>),
+	FillColorType(ToolColorType),
+	LineWeight(f64),
+	StrokeColor(Option<Color>),
+	StrokeColorType(ToolColorType),
+	WorkingColors(Option<Color>, Option<Color>),
+}
+
+impl ToolMetadata for SplineTool {
+	fn icon_name(&self) -> String {
+		"VectorSplineTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Spline Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Spline
+	}
+}
+
+fn create_weight_widget(line_weight: f64) -> WidgetHolder {
+	NumberInput::new(Some(line_weight))
+		.unit(" px")
+		.label("Weight")
+		.min(0.)
+		.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+		.on_update(|number_input: &NumberInput| SplineToolMessage::UpdateOptions(SplineOptionsUpdate::LineWeight(number_input.value.unwrap())).into())
+		.widget_holder()
+}
+
+impl LayoutHolder for SplineTool {
+	fn layout(&self) -> Layout {
+		let mut widgets = self.options.fill.create_widgets(
+			"Fill",
+			true,
+			|_| SplineToolMessage::UpdateOptions(SplineOptionsUpdate::FillColor(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| SplineToolMessage::UpdateOptions(SplineOptionsUpdate::FillColorType(color_type.clone())).into()),
+			|color: &ColorInput| SplineToolMessage::UpdateOptions(SplineOptionsUpdate::FillColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		);
+
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+		widgets.append(&mut self.options.stroke.create_widgets(
+			"Stroke",
+			true,
+			|_| SplineToolMessage::UpdateOptions(SplineOptionsUpdate::StrokeColor(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| SplineToolMessage::UpdateOptions(SplineOptionsUpdate::StrokeColorType(color_type.clone())).into()),
+			|color: &ColorInput| SplineToolMessage::UpdateOptions(SplineOptionsUpdate::StrokeColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		));
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+		widgets.push(create_weight_widget(self.options.line_weight));
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for SplineTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		let ToolMessage::Spline(SplineToolMessage::UpdateOptions(action)) = message else {
+			self.fsm_state.process_event(message, &mut self.tool_data, tool_data, &self.options, responses, true);
+			return;
+		};
+		match action {
+			SplineOptionsUpdate::LineWeight(line_weight) => self.options.line_weight = line_weight,
+			SplineOptionsUpdate::FillColor(color) => {
+				self.options.fill.custom_color = color;
+				self.options.fill.color_type = ToolColorType::Custom;
+			}
+			SplineOptionsUpdate::FillColorType(color_type) => self.options.fill.color_type = color_type,
+			SplineOptionsUpdate::StrokeColor(color) => {
+				self.options.stroke.custom_color = color;
+				self.options.stroke.color_type = ToolColorType::Custom;
+			}
+			SplineOptionsUpdate::StrokeColorType(color_type) => self.options.stroke.color_type = color_type,
+			SplineOptionsUpdate::WorkingColors(primary, secondary) => {
+				self.options.stroke.primary_working_color = primary;
+				self.options.stroke.secondary_working_color = secondary;
+				self.options.fill.primary_working_color = primary;
+				self.options.fill.secondary_working_color = secondary;
+			}
+		}
+
+		self.send_layout(responses, LayoutTarget::ToolOptions);
+	}
+
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			SplineToolFsmState::Ready => actions!(SplineToolMessageDiscriminant;
+				Undo,
+				DragStart,
+				DragStop,
+				PointerMove,
+				Confirm,
+				Abort,
+			),
+			SplineToolFsmState::Drawing => actions!(SplineToolMessageDiscriminant;
+				DragStop,
+				PointerMove,
+				Confirm,
+				Abort,
+			),
+			SplineToolFsmState::MergingEndpoints => actions!(SplineToolMessageDiscriminant;
+				MergeEndpoints,
+			),
+		}
+	}
+}
+
+impl ToolTransition for SplineTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			overlay_provider: Some(|overlay_context: OverlayContext| SplineToolMessage::Overlays(overlay_context).into()),
+			canvas_transformed: Some(SplineToolMessage::CanvasTransformed.into()),
+			tool_abort: Some(SplineToolMessage::Abort.into()),
+			working_color_changed: Some(SplineToolMessage::WorkingColorChanged.into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Debug)]
+enum EndpointPosition {
+	Start,
+	End,
+}
+
+#[derive(Clone, Debug, Default)]
+struct SplineToolData {
+	/// List of points inserted.
+	points: Vec<(PointId, DVec2)>,
+	/// Point to be inserted.
+	next_point: DVec2,
+	/// Point that was inserted temporarily to show preview.
+	preview_point: Option<PointId>,
+	/// Segment that was inserted temporarily to show preview.
+	preview_segment: Option<SegmentId>,
+	extend: bool,
+	weight: f64,
+	/// The layer we are editing.
+	current_layer: Option<LayerNodeIdentifier>,
+	/// The layers to merge to the current layer before we merge endpoints in merge_endpoint field.
+	merge_layers: HashSet<LayerNodeIdentifier>,
+	/// The endpoint IDs to merge with the spline's start/end endpoint after spline drawing is finished.
+	merge_endpoints: Vec<(EndpointPosition, PointId)>,
+	snap_manager: SnapManager,
+	auto_panning: AutoPanning,
+}
+
+impl SplineToolData {
+	fn cleanup(&mut self) {
+		self.current_layer = None;
+		self.merge_layers = HashSet::new();
+		self.merge_endpoints = Vec::new();
+		self.preview_point = None;
+		self.preview_segment = None;
+		self.extend = false;
+		self.points = Vec::new();
+	}
+
+	/// Get the snapped point while ignoring current layer
+	fn snapped_point(&mut self, document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler) -> SnappedPoint {
+		let metadata = document.metadata();
+		let transform = self.current_layer.map_or(metadata.document_to_viewport, |layer| metadata.transform_to_viewport(layer));
+		let point = SnapCandidatePoint::handle(transform.inverse().transform_point2(input.mouse.position));
+		let ignore = if let Some(layer) = self.current_layer { vec![layer] } else { vec![] };
+		let snap_data = SnapData::ignore(document, input, &ignore);
+		self.snap_manager.free_snap(&snap_data, &point, SnapTypeConfiguration::default())
+	}
+}
+
+impl Fsm for SplineToolFsmState {
+	type ToolData = SplineToolData;
+	type ToolOptions = SplineOptions;
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, tool_action_data: &mut ToolActionHandlerData, tool_options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData {
+			document,
+			global_tool_data,
+			input,
+			shape_editor,
+			preferences,
+			..
+		} = tool_action_data;
+
+		let ToolMessage::Spline(event) = event else { return self };
+		match (self, event) {
+			(_, SplineToolMessage::CanvasTransformed) => self,
+			(_, SplineToolMessage::Overlays(mut overlay_context)) => {
+				path_endpoint_overlays(document, shape_editor, &mut overlay_context, preferences);
+				tool_data.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context);
+				self
+			}
+			(SplineToolFsmState::MergingEndpoints, SplineToolMessage::MergeEndpoints) => {
+				let Some(current_layer) = tool_data.current_layer else { return SplineToolFsmState::Ready };
+
+				if let Some(&layer) = tool_data.merge_layers.iter().last() {
+					merge_layers(document, current_layer, layer, responses);
+					tool_data.merge_layers.remove(&layer);
+
+					responses.add(SplineToolMessage::MergeEndpoints);
+					return SplineToolFsmState::MergingEndpoints;
+				}
+
+				let Some((start_endpoint, _)) = tool_data.points.first() else { return SplineToolFsmState::Ready };
+				let Some((last_endpoint, _)) = tool_data.points.last() else { return SplineToolFsmState::Ready };
+
+				if let Some((position, second_endpoint)) = tool_data.merge_endpoints.pop() {
+					let first_endpoint = match position {
+						EndpointPosition::Start => *start_endpoint,
+						EndpointPosition::End => *last_endpoint,
+					};
+					merge_points(document, current_layer, first_endpoint, second_endpoint, responses);
+
+					responses.add(SplineToolMessage::MergeEndpoints);
+					return SplineToolFsmState::MergingEndpoints;
+				}
+
+				responses.add(DocumentMessage::EndTransaction);
+				SplineToolFsmState::Ready
+			}
+			(SplineToolFsmState::Ready, SplineToolMessage::DragStart { append_to_selected }) => {
+				responses.add(DocumentMessage::StartTransaction);
+
+				tool_data.snap_manager.cleanup(responses);
+				tool_data.cleanup();
+				tool_data.weight = tool_options.line_weight;
+
+				let point = SnapCandidatePoint::handle(document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position));
+				let snapped = tool_data.snap_manager.free_snap(&SnapData::new(document, input), &point, SnapTypeConfiguration::default());
+				let viewport = document.metadata().document_to_viewport.transform_point2(snapped.snapped_point_document);
+
+				let layers = LayerNodeIdentifier::ROOT_PARENT
+					.descendants(document.metadata())
+					.filter(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]));
+
+				// Extend an endpoint of the selected path
+				if let Some((layer, point, position)) = should_extend(document, viewport, SNAP_POINT_TOLERANCE, layers, preferences) {
+					if find_spline(document, layer).is_some() {
+						// If the point is the part of Spline then we extend it.
+						tool_data.current_layer = Some(layer);
+						tool_data.points.push((point, position));
+						tool_data.next_point = position;
+						tool_data.extend = true;
+
+						extend_spline(tool_data, true, responses);
+
+						return SplineToolFsmState::Drawing;
+					} else {
+						tool_data.merge_layers.insert(layer);
+						tool_data.merge_endpoints.push((EndpointPosition::Start, point));
+					}
+				}
+
+				let selected_nodes = document.network_interface.selected_nodes();
+				let mut selected_layers_except_artboards = selected_nodes.selected_layers_except_artboards(&document.network_interface);
+				let selected_layer = selected_layers_except_artboards.next().filter(|_| selected_layers_except_artboards.next().is_none());
+
+				let append_to_selected_layer = input.keyboard.key(append_to_selected);
+
+				// Create new path in the selected layer when shift is down
+				if let (Some(layer), true) = (selected_layer, append_to_selected_layer) {
+					tool_data.current_layer = Some(layer);
+
+					let transform = document.metadata().transform_to_viewport(layer);
+					let position = transform.inverse().transform_point2(input.mouse.position);
+					tool_data.next_point = position;
+
+					return SplineToolFsmState::Drawing;
+				}
+
+				responses.add(DocumentMessage::DeselectAllLayers);
+
+				let parent = document.new_layer_bounding_artboard(input);
+
+				let path_node_type = resolve_document_node_type("Path").expect("Path node does not exist");
+				let path_node = path_node_type.default_node_template();
+				let spline_node_type = resolve_document_node_type("Spline").expect("Spline node does not exist");
+				let spline_node = spline_node_type.node_template_input_override([Some(NodeInput::node(NodeId(1), 0))]);
+				let nodes = vec![(NodeId(1), path_node), (NodeId(0), spline_node)];
+
+				let layer = graph_modification_utils::new_custom(NodeId::new(), nodes, parent, responses);
+				tool_options.fill.apply_fill(layer, responses);
+				tool_options.stroke.apply_stroke(tool_data.weight, layer, responses);
+				tool_data.current_layer = Some(layer);
+
+				responses.add(Message::StartBuffer);
+
+				SplineToolFsmState::Drawing
+			}
+			(SplineToolFsmState::Drawing, SplineToolMessage::DragStop) => {
+				// The first DragStop event will be ignored to prevent insertion of new point.
+				if tool_data.extend {
+					tool_data.extend = false;
+					return SplineToolFsmState::Drawing;
+				}
+				if tool_data.current_layer.is_none() {
+					return SplineToolFsmState::Ready;
+				};
+				tool_data.next_point = tool_data.snapped_point(document, input).snapped_point_document;
+				if tool_data.points.last().is_none_or(|last_pos| last_pos.1.distance(tool_data.next_point) > DRAG_THRESHOLD) {
+					let preview_point = tool_data.preview_point;
+					extend_spline(tool_data, false, responses);
+					tool_data.preview_point = preview_point;
+
+					if try_merging_lastest_endpoint(document, tool_data, preferences).is_some() {
+						responses.add(SplineToolMessage::Confirm);
+					}
+				}
+
+				SplineToolFsmState::Drawing
+			}
+			(SplineToolFsmState::Drawing, SplineToolMessage::PointerMove) => {
+				let Some(layer) = tool_data.current_layer else { return SplineToolFsmState::Ready };
+				let ignore = |cp: PointId| tool_data.preview_point.is_some_and(|pp| pp == cp) || tool_data.points.last().is_some_and(|(ep, _)| *ep == cp);
+				let join_point = closest_point(document, input.mouse.position, PATH_JOIN_THRESHOLD, vec![layer].into_iter(), ignore, preferences);
+
+				// Endpoints snapping
+				if let Some((_, _, point)) = join_point {
+					tool_data.next_point = point;
+					tool_data.snap_manager.clear_indicator();
+				} else {
+					let snapped_point = tool_data.snapped_point(document, input);
+					tool_data.next_point = snapped_point.snapped_point_document;
+					tool_data.snap_manager.update_indicator(snapped_point);
+				}
+
+				extend_spline(tool_data, true, responses);
+
+				// Auto-panning
+				let messages = [SplineToolMessage::PointerOutsideViewport.into(), SplineToolMessage::PointerMove.into()];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				SplineToolFsmState::Drawing
+			}
+			(_, SplineToolMessage::PointerMove) => {
+				tool_data.snap_manager.preview_draw(&SnapData::new(document, input), input.mouse.position);
+				responses.add(OverlaysMessage::Draw);
+				self
+			}
+			(SplineToolFsmState::Drawing, SplineToolMessage::PointerOutsideViewport) => {
+				if !input.mouse.mouse_keys.contains(MouseKeys::LEFT) {
+					return self;
+				}
+				// Auto-panning
+				let _ = tool_data.auto_panning.shift_viewport(input, responses);
+
+				SplineToolFsmState::Drawing
+			}
+			(state, SplineToolMessage::PointerOutsideViewport) => {
+				// Auto-panning
+				let messages = [SplineToolMessage::PointerOutsideViewport.into(), SplineToolMessage::PointerMove.into()];
+				tool_data.auto_panning.stop(&messages, responses);
+
+				state
+			}
+			(SplineToolFsmState::Drawing, SplineToolMessage::Confirm) => {
+				if tool_data.points.len() >= 2 {
+					delete_preview(tool_data, responses);
+				}
+				responses.add(SplineToolMessage::MergeEndpoints);
+				SplineToolFsmState::MergingEndpoints
+			}
+			(SplineToolFsmState::Drawing, SplineToolMessage::Abort) => {
+				responses.add(DocumentMessage::AbortTransaction);
+				SplineToolFsmState::Ready
+			}
+			(_, SplineToolMessage::WorkingColorChanged) => {
+				responses.add(SplineToolMessage::UpdateOptions(SplineOptionsUpdate::WorkingColors(
+					Some(global_tool_data.primary_color),
+					Some(global_tool_data.secondary_color),
+				)));
+				self
+			}
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			SplineToolFsmState::Ready => HintData(vec![HintGroup(vec![
+				HintInfo::mouse(MouseMotion::Lmb, "Draw Spline"),
+				HintInfo::keys([Key::Shift], "Append to Selected Layer").prepend_plus(),
+			])]),
+			SplineToolFsmState::Drawing => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Extend Spline")]),
+				HintGroup(vec![HintInfo::keys([Key::Enter], "End Spline")]),
+			]),
+			SplineToolFsmState::MergingEndpoints => HintData(vec![]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor: MouseCursorIcon::Default });
+	}
+}
+
+fn try_merging_lastest_endpoint(document: &DocumentMessageHandler, tool_data: &mut SplineToolData, preferences: &PreferencesMessageHandler) -> Option<()> {
+	if tool_data.points.len() < 2 {
+		return None;
+	};
+	let (last_endpoint, last_endpoint_position) = tool_data.points.last()?;
+	let preview_point = tool_data.preview_point;
+	let current_layer = tool_data.current_layer?;
+
+	let layers = LayerNodeIdentifier::ROOT_PARENT
+		.descendants(document.metadata())
+		.filter(|layer| !document.network_interface.is_artboard(&layer.to_node(), &[]));
+
+	let exclude = |p: PointId| preview_point.is_some_and(|pp| pp == p) || *last_endpoint == p;
+	let position = document.metadata().transform_to_viewport(current_layer).transform_point2(*last_endpoint_position);
+
+	let (layer, endpoint, _) = closest_point(document, position, PATH_JOIN_THRESHOLD, layers, exclude, preferences)?;
+	tool_data.merge_layers.insert(layer);
+	tool_data.merge_endpoints.push((EndpointPosition::End, endpoint));
+
+	Some(())
+}
+
+fn extend_spline(tool_data: &mut SplineToolData, show_preview: bool, responses: &mut VecDeque<Message>) {
+	delete_preview(tool_data, responses);
+
+	let Some(layer) = tool_data.current_layer else { return };
+
+	let next_point_pos = tool_data.next_point;
+	let next_point_id = PointId::generate();
+	let modification_type = VectorModificationType::InsertPoint {
+		id: next_point_id,
+		position: next_point_pos,
+	};
+	responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+	if let Some((last_point_id, _)) = tool_data.points.last() {
+		let points = [*last_point_id, next_point_id];
+		let id = SegmentId::generate();
+		let modification_type = VectorModificationType::InsertSegment { id, points, handles: [None, None] };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+
+		if show_preview {
+			tool_data.preview_segment = Some(id);
+		}
+	}
+
+	if show_preview {
+		tool_data.preview_point = Some(next_point_id);
+	} else {
+		tool_data.points.push((next_point_id, next_point_pos));
+	}
+}
+
+fn delete_preview(tool_data: &mut SplineToolData, responses: &mut VecDeque<Message>) {
+	let Some(layer) = tool_data.current_layer else { return };
+
+	if let Some(id) = tool_data.preview_point {
+		let modification_type = VectorModificationType::RemovePoint { id };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+	}
+	if let Some(id) = tool_data.preview_segment {
+		let modification_type = VectorModificationType::RemoveSegment { id };
+		responses.add(GraphOperationMessage::Vector { layer, modification_type });
+	}
+
+	tool_data.preview_point = None;
+	tool_data.preview_segment = None;
+}
+
+#[cfg(test)]
+mod test_spline_tool {
+	use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+	use crate::messages::tool::tool_messages::spline_tool::find_spline;
+	use crate::test_utils::test_prelude::*;
+	use glam::DAffine2;
+	use graphene_std::vector::PointId;
+	use graphene_std::vector::VectorData;
+
+	fn assert_point_positions(vector_data: &VectorData, layer_to_viewport: DAffine2, expected_points: &[DVec2], epsilon: f64) {
+		let points_in_viewport: Vec<DVec2> = vector_data
+			.point_domain
+			.ids()
+			.iter()
+			.filter_map(|&point_id| {
+				let position = vector_data.point_domain.position_from_id(point_id)?;
+				Some(layer_to_viewport.transform_point2(position))
+			})
+			.collect();
+
+		// Verify each point position is close to the expected position
+		for (i, expected_point) in expected_points.iter().enumerate() {
+			let actual_point = points_in_viewport[i];
+			let distance = (actual_point - *expected_point).length();
+
+			assert!(
+				distance < epsilon,
+				"Point {} position mismatch: expected {:?}, got {:?} (distance: {})",
+				i,
+				expected_point,
+				actual_point,
+				distance
+			);
+		}
+	}
+
+	#[tokio::test]
+	async fn test_continue_drawing_from_existing_spline() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		let initial_points = [DVec2::new(100., 100.), DVec2::new(200., 150.), DVec2::new(300., 100.)];
+
+		editor.select_tool(ToolType::Spline).await;
+
+		for &point in &initial_points {
+			editor.click_tool(ToolType::Spline, MouseKeys::LEFT, point, ModifierKeys::empty()).await;
+		}
+
+		editor.press(Key::Enter, ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let spline_layer = document
+			.metadata()
+			.all_layers()
+			.find(|layer| find_spline(document, *layer).is_some())
+			.expect("Failed to find a layer with a spline node");
+
+		let first_spline_node = find_spline(document, spline_layer).expect("Spline node not found in the layer");
+
+		let first_vector_data = document.network_interface.compute_modified_vector(spline_layer).expect("Vector data not found for the spline layer");
+
+		// Verify initial spline has correct number of points and segments
+		let initial_point_count = first_vector_data.point_domain.ids().len();
+		let initial_segment_count = first_vector_data.segment_domain.ids().len();
+		assert_eq!(initial_point_count, 3, "Expected 3 points in initial spline, found {}", initial_point_count);
+		assert_eq!(initial_segment_count, 2, "Expected 2 segments in initial spline, found {}", initial_segment_count);
+
+		let layer_to_viewport = document.metadata().transform_to_viewport(spline_layer);
+
+		let endpoints: Vec<(PointId, DVec2)> = first_vector_data
+			.extendable_points(false)
+			.filter_map(|point_id| first_vector_data.point_domain.position_from_id(point_id).map(|pos| (point_id, layer_to_viewport.transform_point2(pos))))
+			.collect();
+
+		assert_eq!(endpoints.len(), 2, "Expected 2 endpoints in the initial spline");
+
+		let (_, endpoint_position) = endpoints.first().expect("No endpoints found in spline");
+
+		editor.select_tool(ToolType::Spline).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, *endpoint_position, ModifierKeys::empty()).await;
+
+		let continuation_points = [DVec2::new(400., 150.), DVec2::new(500., 100.)];
+
+		for &point in &continuation_points {
+			editor.click_tool(ToolType::Spline, MouseKeys::LEFT, point, ModifierKeys::empty()).await;
+		}
+
+		editor.press(Key::Enter, ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let extended_vector_data = document
+			.network_interface
+			.compute_modified_vector(spline_layer)
+			.expect("Vector data not found for the extended spline layer");
+
+		// Verify extended spline has correct number of points and segments
+		let extended_point_count = extended_vector_data.point_domain.ids().len();
+		let extended_segment_count = extended_vector_data.segment_domain.ids().len();
+
+		assert_eq!(extended_point_count, 5, "Expected 5 points in extended spline, found {}", extended_point_count);
+		assert_eq!(extended_segment_count, 4, "Expected 4 segments in extended spline, found {}", extended_segment_count);
+
+		// Verify the spline node is still the same
+		let extended_spline_node = find_spline(document, spline_layer).expect("Spline node not found after extension");
+		assert_eq!(first_spline_node, extended_spline_node, "Spline node changed after extension");
+
+		// Verify the positions of all points in the extended spline
+		let layer_to_viewport = document.metadata().transform_to_viewport(spline_layer);
+
+		let all_expected_points = [initial_points[0], initial_points[1], initial_points[2], continuation_points[0], continuation_points[1]];
+
+		assert_point_positions(&extended_vector_data, layer_to_viewport, &all_expected_points, 1e-10);
+	}
+
+	#[tokio::test]
+	async fn test_spline_with_zoomed_view() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		// Zooming the viewport
+		editor.handle_message(NavigationMessage::CanvasZoomSet { zoom_factor: 2. }).await;
+
+		// Selecting the spline tool
+		editor.select_tool(ToolType::Spline).await;
+
+		// Adding points by clicking at different positions
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(50., 50.), ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(100., 50.), ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(150., 100.), ModifierKeys::empty()).await;
+
+		// Finish the spline
+		editor.handle_message(SplineToolMessage::Confirm).await;
+
+		// Evaluate the graph to ensure everything is processed
+		if let Err(e) = editor.eval_graph().await {
+			panic!("Graph evaluation failed: {}", e);
+		}
+
+		// Get the layer and vector data
+		let document = editor.active_document();
+		let network_interface = &document.network_interface;
+		let layer = network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(network_interface)
+			.next()
+			.expect("Should have a selected layer");
+		let vector_data = network_interface.compute_modified_vector(layer).expect("Should have vector data");
+		let layer_to_viewport = document.metadata().transform_to_viewport(layer);
+
+		// Expected points in viewport coordinates
+		let expected_points = vec![DVec2::new(50., 50.), DVec2::new(100., 50.), DVec2::new(150., 100.)];
+
+		// Assert all points are correctly positioned
+		assert_point_positions(&vector_data, layer_to_viewport, &expected_points, 1e-10);
+	}
+
+	#[tokio::test]
+	async fn test_spline_with_panned_view() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		let pan_amount = DVec2::new(200., 150.);
+		editor.handle_message(NavigationMessage::CanvasPan { delta: pan_amount }).await;
+
+		editor.select_tool(ToolType::Spline).await;
+
+		// Add points by clicking at different positions
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(50., 50.), ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(100., 50.), ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(150., 100.), ModifierKeys::empty()).await;
+
+		editor.handle_message(SplineToolMessage::Confirm).await;
+
+		// Evaluating the graph to ensure everything is processed
+		if let Err(e) = editor.eval_graph().await {
+			panic!("Graph evaluation failed: {}", e);
+		}
+
+		// Get the layer and vector data
+		let document = editor.active_document();
+		let network_interface = &document.network_interface;
+		let layer = network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(network_interface)
+			.next()
+			.expect("Should have a selected layer");
+		let vector_data = network_interface.compute_modified_vector(layer).expect("Should have vector data");
+		let layer_to_viewport = document.metadata().transform_to_viewport(layer);
+
+		// Expected points in viewport coordinates
+		let expected_points = vec![DVec2::new(50., 50.), DVec2::new(100., 50.), DVec2::new(150., 100.)];
+
+		// Assert all points are correctly positioned
+		assert_point_positions(&vector_data, layer_to_viewport, &expected_points, 1e-10);
+	}
+
+	#[tokio::test]
+	async fn test_spline_with_tilted_view() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		// Tilt/rotate the viewport (45 degrees)
+		editor.handle_message(NavigationMessage::CanvasTiltSet { angle_radians: 45_f64.to_radians() }).await;
+		editor.select_tool(ToolType::Spline).await;
+
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(50., 50.), ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(100., 50.), ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(150., 100.), ModifierKeys::empty()).await;
+
+		editor.handle_message(SplineToolMessage::Confirm).await;
+
+		// Evaluating the graph to ensure everything is processed
+		if let Err(e) = editor.eval_graph().await {
+			panic!("Graph evaluation failed: {}", e);
+		}
+
+		// Get the layer and vector data
+		let document = editor.active_document();
+		let network_interface = &document.network_interface;
+		let layer = network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(network_interface)
+			.next()
+			.expect("Should have a selected layer");
+		let vector_data = network_interface.compute_modified_vector(layer).expect("Should have vector data");
+		let layer_to_viewport = document.metadata().transform_to_viewport(layer);
+
+		// Expected points in viewport coordinates
+		let expected_points = vec![DVec2::new(50., 50.), DVec2::new(100., 50.), DVec2::new(150., 100.)];
+
+		// Assert all points are correctly positioned
+		assert_point_positions(&vector_data, layer_to_viewport, &expected_points, 1e-10);
+	}
+
+	#[tokio::test]
+	async fn test_spline_with_combined_transformations() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		// Applying multiple transformations
+		editor.handle_message(NavigationMessage::CanvasZoomSet { zoom_factor: 1.5 }).await;
+		editor.handle_message(NavigationMessage::CanvasPan { delta: DVec2::new(100., 75.) }).await;
+		editor.handle_message(NavigationMessage::CanvasTiltSet { angle_radians: 30_f64.to_radians() }).await;
+
+		editor.select_tool(ToolType::Spline).await;
+
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(50., 50.), ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(100., 50.), ModifierKeys::empty()).await;
+		editor.click_tool(ToolType::Spline, MouseKeys::LEFT, DVec2::new(150., 100.), ModifierKeys::empty()).await;
+
+		editor.handle_message(SplineToolMessage::Confirm).await;
+		if let Err(e) = editor.eval_graph().await {
+			panic!("Graph evaluation failed: {}", e);
+		}
+
+		// Get the layer and vector data
+		let document = editor.active_document();
+		let network_interface = &document.network_interface;
+		let layer = network_interface
+			.selected_nodes()
+			.selected_visible_and_unlocked_layers(network_interface)
+			.next()
+			.expect("Should have a selected layer");
+		let vector_data = network_interface.compute_modified_vector(layer).expect("Should have vector data");
+		let layer_to_viewport = document.metadata().transform_to_viewport(layer);
+
+		// Expected points in viewport coordinates
+		let expected_points = vec![DVec2::new(50., 50.), DVec2::new(100., 50.), DVec2::new(150., 100.)];
+
+		// Assert all points are correctly positioned
+		assert_point_positions(&vector_data, layer_to_viewport, &expected_points, 1e-10);
+	}
+
+	#[tokio::test]
+	async fn test_spline_tool_with_transformed_artboard() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.drag_tool(ToolType::Artboard, 0., 0., 500., 500., ModifierKeys::empty()).await;
+		let document = editor.active_document();
+		let artboard_layer = document.network_interface.selected_nodes().selected_layers(document.metadata()).next().unwrap();
+
+		editor
+			.handle_message(GraphOperationMessage::TransformSet {
+				layer: artboard_layer,
+				transform: DAffine2::from_scale_angle_translation(DVec2::new(1.5, 1.2), 30_f64.to_radians(), DVec2::new(50., 25.)),
+				transform_in: TransformIn::Local,
+				skip_rerender: false,
+			})
+			.await;
+
+		let spline_points = [DVec2::new(100., 100.), DVec2::new(200., 150.), DVec2::new(300., 100.)];
+
+		editor.draw_spline(&spline_points).await;
+
+		let document = editor.active_document();
+
+		let mut layers = document.metadata().all_layers();
+		layers.next();
+
+		let spline_layer = layers.next().expect("Failed to find the spline layer");
+		assert!(find_spline(document, spline_layer).is_some(), "Spline node not found in the layer");
+
+		let vector_data = document.network_interface.compute_modified_vector(spline_layer).expect("Vector data not found for the spline layer");
+
+		// Verify we have the correct number of points and segments
+		let point_count = vector_data.point_domain.ids().len();
+		let segment_count = vector_data.segment_domain.ids().len();
+
+		assert_eq!(point_count, 3, "Expected 3 points in the spline, found {}", point_count);
+		assert_eq!(segment_count, 2, "Expected 2 segments in the spline, found {}", segment_count);
+
+		let layer_to_viewport = document.metadata().transform_to_viewport(spline_layer);
+
+		assert_point_positions(&vector_data, layer_to_viewport, &spline_points, 1e-10);
+	}
+}
diff --git a/editor/src/messages/tool/tool_messages/text_tool.rs b/editor/src/messages/tool/tool_messages/text_tool.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e56e53d477f5348bcda86b48607e0df3b3db9762
--- /dev/null
+++ b/editor/src/messages/tool/tool_messages/text_tool.rs
@@ -0,0 +1,916 @@
+#![allow(clippy::too_many_arguments)]
+
+use super::tool_prelude::*;
+use crate::consts::{COLOR_OVERLAY_BLUE, COLOR_OVERLAY_RED, DRAG_THRESHOLD};
+use crate::messages::portfolio::document::graph_operation::utility_types::TransformIn;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::network_interface::InputConnector;
+use crate::messages::tool::common_functionality::auto_panning::AutoPanning;
+use crate::messages::tool::common_functionality::color_selector::{ToolColorOptions, ToolColorType};
+use crate::messages::tool::common_functionality::graph_modification_utils::{self, is_layer_fed_by_node_of_name};
+use crate::messages::tool::common_functionality::pivot::Pivot;
+use crate::messages::tool::common_functionality::resize::Resize;
+use crate::messages::tool::common_functionality::snapping::{self, SnapCandidatePoint, SnapData};
+use crate::messages::tool::common_functionality::transformation_cage::*;
+use crate::messages::tool::common_functionality::utility_functions::text_bounding_box;
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{NodeId, NodeInput};
+use graphene_std::Color;
+use graphene_std::renderer::Quad;
+use graphene_std::text::{Font, FontCache, TypesettingConfig, lines_clipping, load_font};
+use graphene_std::vector::style::Fill;
+
+#[derive(Default)]
+pub struct TextTool {
+	fsm_state: TextToolFsmState,
+	tool_data: TextToolData,
+	options: TextOptions,
+}
+
+pub struct TextOptions {
+	font_size: f64,
+	line_height_ratio: f64,
+	character_spacing: f64,
+	font_name: String,
+	font_style: String,
+	fill: ToolColorOptions,
+	tilt: f64,
+}
+
+impl Default for TextOptions {
+	fn default() -> Self {
+		Self {
+			font_size: 24.,
+			line_height_ratio: 1.2,
+			character_spacing: 0.,
+			font_name: graphene_std::consts::DEFAULT_FONT_FAMILY.into(),
+			font_style: graphene_std::consts::DEFAULT_FONT_STYLE.into(),
+			fill: ToolColorOptions::new_primary(),
+			tilt: 0.,
+		}
+	}
+}
+
+#[impl_message(Message, ToolMessage, Text)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum TextToolMessage {
+	// Standard messages
+	Abort,
+	WorkingColorChanged,
+	Overlays(OverlayContext),
+
+	// Tool-specific messages
+	DragStart,
+	DragStop,
+	EditSelected,
+	Interact,
+	PointerMove { center: Key, lock_ratio: Key },
+	PointerOutsideViewport { center: Key, lock_ratio: Key },
+	TextChange { new_text: String, is_left_or_right_click: bool },
+	UpdateBounds { new_text: String },
+	UpdateOptions(TextOptionsUpdate),
+}
+
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum TextOptionsUpdate {
+	FillColor(Option<Color>),
+	FillColorType(ToolColorType),
+	Font { family: String, style: String },
+	FontSize(f64),
+	LineHeightRatio(f64),
+	CharacterSpacing(f64),
+	WorkingColors(Option<Color>, Option<Color>),
+}
+
+impl ToolMetadata for TextTool {
+	fn icon_name(&self) -> String {
+		"VectorTextTool".into()
+	}
+	fn tooltip(&self) -> String {
+		"Text Tool".into()
+	}
+	fn tool_type(&self) -> crate::messages::tool::utility_types::ToolType {
+		ToolType::Text
+	}
+}
+
+fn create_text_widgets(tool: &TextTool) -> Vec<WidgetHolder> {
+	let font = FontInput::new(&tool.options.font_name, &tool.options.font_style)
+		.is_style_picker(false)
+		.on_update(|font_input: &FontInput| {
+			TextToolMessage::UpdateOptions(TextOptionsUpdate::Font {
+				family: font_input.font_family.clone(),
+				style: font_input.font_style.clone(),
+			})
+			.into()
+		})
+		.widget_holder();
+	let style = FontInput::new(&tool.options.font_name, &tool.options.font_style)
+		.is_style_picker(true)
+		.on_update(|font_input: &FontInput| {
+			TextToolMessage::UpdateOptions(TextOptionsUpdate::Font {
+				family: font_input.font_family.clone(),
+				style: font_input.font_style.clone(),
+			})
+			.into()
+		})
+		.widget_holder();
+	let size = NumberInput::new(Some(tool.options.font_size))
+		.unit(" px")
+		.label("Size")
+		.int()
+		.min(1.)
+		.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+		.on_update(|number_input: &NumberInput| TextToolMessage::UpdateOptions(TextOptionsUpdate::FontSize(number_input.value.unwrap())).into())
+		.widget_holder();
+	let line_height_ratio = NumberInput::new(Some(tool.options.line_height_ratio))
+		.label("Line Height")
+		.int()
+		.min(0.)
+		.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+		.step(0.1)
+		.on_update(|number_input: &NumberInput| TextToolMessage::UpdateOptions(TextOptionsUpdate::LineHeightRatio(number_input.value.unwrap())).into())
+		.widget_holder();
+	let character_spacing = NumberInput::new(Some(tool.options.character_spacing))
+		.label("Char. Spacing")
+		.int()
+		.min(0.)
+		.max((1_u64 << f64::MANTISSA_DIGITS) as f64)
+		.step(0.1)
+		.on_update(|number_input: &NumberInput| TextToolMessage::UpdateOptions(TextOptionsUpdate::CharacterSpacing(number_input.value.unwrap())).into())
+		.widget_holder();
+	vec![
+		font,
+		Separator::new(SeparatorType::Related).widget_holder(),
+		style,
+		Separator::new(SeparatorType::Related).widget_holder(),
+		size,
+		Separator::new(SeparatorType::Related).widget_holder(),
+		line_height_ratio,
+		Separator::new(SeparatorType::Related).widget_holder(),
+		character_spacing,
+	]
+}
+
+impl LayoutHolder for TextTool {
+	fn layout(&self) -> Layout {
+		let mut widgets = create_text_widgets(self);
+
+		widgets.push(Separator::new(SeparatorType::Unrelated).widget_holder());
+
+		widgets.append(&mut self.options.fill.create_widgets(
+			"Fill",
+			true,
+			|_| TextToolMessage::UpdateOptions(TextOptionsUpdate::FillColor(None)).into(),
+			|color_type: ToolColorType| WidgetCallback::new(move |_| TextToolMessage::UpdateOptions(TextOptionsUpdate::FillColorType(color_type.clone())).into()),
+			|color: &ColorInput| TextToolMessage::UpdateOptions(TextOptionsUpdate::FillColor(color.value.as_solid().map(|color| color.to_linear_srgb()))).into(),
+		));
+
+		Layout::WidgetLayout(WidgetLayout::new(vec![LayoutGroup::Row { widgets }]))
+	}
+}
+
+impl<'a> MessageHandler<ToolMessage, &mut ToolActionHandlerData<'a>> for TextTool {
+	fn process_message(&mut self, message: ToolMessage, responses: &mut VecDeque<Message>, tool_data: &mut ToolActionHandlerData<'a>) {
+		let ToolMessage::Text(TextToolMessage::UpdateOptions(action)) = message else {
+			self.fsm_state.process_event(message, &mut self.tool_data, tool_data, &self.options, responses, true);
+			return;
+		};
+		match action {
+			TextOptionsUpdate::Font { family, style } => {
+				self.options.font_name = family;
+				self.options.font_style = style;
+
+				self.send_layout(responses, LayoutTarget::ToolOptions);
+			}
+			TextOptionsUpdate::FontSize(font_size) => self.options.font_size = font_size,
+			TextOptionsUpdate::LineHeightRatio(line_height_ratio) => self.options.line_height_ratio = line_height_ratio,
+			TextOptionsUpdate::CharacterSpacing(character_spacing) => self.options.character_spacing = character_spacing,
+			TextOptionsUpdate::FillColor(color) => {
+				self.options.fill.custom_color = color;
+				self.options.fill.color_type = ToolColorType::Custom;
+			}
+			TextOptionsUpdate::FillColorType(color_type) => self.options.fill.color_type = color_type,
+			TextOptionsUpdate::WorkingColors(primary, secondary) => {
+				self.options.fill.primary_working_color = primary;
+				self.options.fill.secondary_working_color = secondary;
+			}
+		}
+
+		self.send_layout(responses, LayoutTarget::ToolOptions);
+	}
+
+	fn actions(&self) -> ActionList {
+		match self.fsm_state {
+			TextToolFsmState::Ready => actions!(TextToolMessageDiscriminant;
+				DragStart,
+				PointerOutsideViewport,
+				PointerMove,
+			),
+			TextToolFsmState::Editing => actions!(TextToolMessageDiscriminant;
+				DragStart,
+				Abort,
+			),
+			TextToolFsmState::Placing | TextToolFsmState::Dragging => actions!(TextToolMessageDiscriminant;
+				DragStop,
+				Abort,
+				PointerMove,
+				PointerOutsideViewport,
+			),
+			TextToolFsmState::ResizingBounds => actions!(TextToolMessageDiscriminant;
+				DragStop,
+				Abort,
+				PointerMove,
+				PointerOutsideViewport,
+			),
+		}
+	}
+}
+
+impl ToolTransition for TextTool {
+	fn event_to_message_map(&self) -> EventToMessageMap {
+		EventToMessageMap {
+			canvas_transformed: None,
+			tool_abort: Some(TextToolMessage::Abort.into()),
+			working_color_changed: Some(TextToolMessage::WorkingColorChanged.into()),
+			overlay_provider: Some(|overlay_context| TextToolMessage::Overlays(overlay_context).into()),
+			..Default::default()
+		}
+	}
+}
+
+#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
+enum TextToolFsmState {
+	/// The tool is ready to place or edit text.
+	#[default]
+	Ready,
+	/// The user is typing in the interactive viewport text area.
+	Editing,
+	/// The user is dragging to create a new text area.
+	Placing,
+	/// The user is dragging an existing text layer to move it.
+	Dragging,
+	/// The user is dragging to resize the text area.
+	ResizingBounds,
+}
+
+#[derive(Clone, Debug)]
+pub struct EditingText {
+	text: String,
+	font: Font,
+	typesetting: TypesettingConfig,
+	color: Option<Color>,
+	transform: DAffine2,
+}
+
+#[derive(Clone, Debug, Copy)]
+struct ResizingLayer {
+	id: LayerNodeIdentifier,
+	/// The transform of the text layer in document space at the start of the transformation.
+	original_transform: DAffine2,
+}
+
+#[derive(Clone, Debug, Default)]
+struct TextToolData {
+	layer: LayerNodeIdentifier,
+	editing_text: Option<EditingText>,
+	new_text: String,
+	drag_start: DVec2,
+	drag_current: DVec2,
+	resize: Resize,
+	auto_panning: AutoPanning,
+	// Since the overlays must be drawn without knowledge of the inputs
+	cached_resize_bounds: [DVec2; 2],
+	bounding_box_manager: Option<BoundingBoxManager>,
+	pivot: Pivot,
+	snap_candidates: Vec<SnapCandidatePoint>,
+	// TODO: Handle multiple layers in the future
+	layer_dragging: Option<ResizingLayer>,
+}
+
+impl TextToolData {
+	fn delete_empty_layer(&mut self, font_cache: &FontCache, responses: &mut VecDeque<Message>) -> TextToolFsmState {
+		// Remove the editable textbox UI first
+		self.set_editing(false, font_cache, responses);
+
+		// Delete the empty text layer and update the graph
+		responses.add(NodeGraphMessage::DeleteNodes {
+			node_ids: vec![self.layer.to_node()],
+			delete_children: true,
+		});
+		responses.add(NodeGraphMessage::RunDocumentGraph);
+
+		TextToolFsmState::Ready
+	}
+	/// Set the editing state of the currently modifying layer
+	fn set_editing(&self, editable: bool, font_cache: &FontCache, responses: &mut VecDeque<Message>) {
+		if let Some(editing_text) = self.editing_text.as_ref().filter(|_| editable) {
+			responses.add(FrontendMessage::DisplayEditableTextbox {
+				text: editing_text.text.clone(),
+				line_height_ratio: editing_text.typesetting.line_height_ratio,
+				font_size: editing_text.typesetting.font_size,
+				color: editing_text.color.unwrap_or(Color::BLACK),
+				url: font_cache.get_preview_url(&editing_text.font).cloned().unwrap_or_default(),
+				transform: editing_text.transform.to_cols_array(),
+				max_width: editing_text.typesetting.max_width,
+				max_height: editing_text.typesetting.max_height,
+			});
+		} else {
+			// Check if DisplayRemoveEditableTextbox is already in the responses queue
+			let has_remove_textbox = responses.iter().any(|msg| matches!(msg, Message::Frontend(FrontendMessage::DisplayRemoveEditableTextbox)));
+			responses.add(FrontendMessage::DisplayRemoveEditableTextbox);
+
+			if has_remove_textbox {
+				responses.add(NodeGraphMessage::SelectedNodesSet { nodes: Vec::new() });
+			}
+		}
+	}
+
+	fn load_layer_text_node(&mut self, document: &DocumentMessageHandler) -> Option<()> {
+		let transform = document.metadata().transform_to_viewport(self.layer);
+		let color = graph_modification_utils::get_fill_color(self.layer, &document.network_interface).unwrap_or(Color::BLACK);
+		let (text, font, typesetting) = graph_modification_utils::get_text(self.layer, &document.network_interface)?;
+		self.editing_text = Some(EditingText {
+			text: text.clone(),
+			font: font.clone(),
+			typesetting,
+			color: Some(color),
+			transform,
+		});
+		self.new_text.clone_from(text);
+		Some(())
+	}
+
+	fn start_editing_layer(&mut self, layer: LayerNodeIdentifier, tool_state: TextToolFsmState, document: &DocumentMessageHandler, font_cache: &FontCache, responses: &mut VecDeque<Message>) {
+		if layer == LayerNodeIdentifier::ROOT_PARENT {
+			log::error!("Cannot edit ROOT_PARENT in TextTooLData")
+		}
+
+		if tool_state == TextToolFsmState::Editing {
+			self.set_editing(false, font_cache, responses);
+		}
+
+		self.layer = layer;
+		if self.load_layer_text_node(document).is_some() {
+			responses.add(DocumentMessage::AddTransaction);
+
+			self.set_editing(true, font_cache, responses);
+
+			responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![self.layer.to_node()] });
+			// Make the rendered text invisible while editing
+			responses.add(NodeGraphMessage::SetInput {
+				input_connector: InputConnector::node(graph_modification_utils::get_text_id(self.layer, &document.network_interface).unwrap(), 1),
+				input: NodeInput::value(TaggedValue::String("".to_string()), false),
+			});
+			responses.add(NodeGraphMessage::RunDocumentGraph);
+		};
+	}
+
+	fn new_text(&mut self, document: &DocumentMessageHandler, editing_text: EditingText, font_cache: &FontCache, responses: &mut VecDeque<Message>) {
+		// Create new text
+		self.new_text = String::new();
+		responses.add(DocumentMessage::AddTransaction);
+
+		self.layer = LayerNodeIdentifier::new_unchecked(NodeId::new());
+
+		responses.add(GraphOperationMessage::NewTextLayer {
+			id: self.layer.to_node(),
+			text: String::new(),
+			font: editing_text.font.clone(),
+			typesetting: editing_text.typesetting,
+			parent: document.new_layer_parent(true),
+			insert_index: 0,
+		});
+		responses.add(Message::StartBuffer);
+		responses.add(GraphOperationMessage::FillSet {
+			layer: self.layer,
+			fill: if editing_text.color.is_some() {
+				Fill::Solid(editing_text.color.unwrap().to_gamma_srgb())
+			} else {
+				Fill::None
+			},
+		});
+		responses.add(GraphOperationMessage::TransformSet {
+			layer: self.layer,
+			transform: editing_text.transform,
+			transform_in: TransformIn::Viewport,
+			skip_rerender: true,
+		});
+		self.editing_text = Some(editing_text);
+
+		self.set_editing(true, font_cache, responses);
+
+		responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![self.layer.to_node()] });
+
+		responses.add(NodeGraphMessage::RunDocumentGraph);
+	}
+
+	fn check_click(document: &DocumentMessageHandler, input: &InputPreprocessorMessageHandler, font_cache: &FontCache) -> Option<LayerNodeIdentifier> {
+		document
+			.metadata()
+			.all_layers()
+			.filter(|&layer| is_layer_fed_by_node_of_name(layer, &document.network_interface, "Text"))
+			.find(|&layer| {
+				let transformed_quad = document.metadata().transform_to_viewport(layer) * text_bounding_box(layer, document, font_cache);
+				let mouse = DVec2::new(input.mouse.position.x, input.mouse.position.y);
+
+				transformed_quad.contains(mouse)
+			})
+	}
+
+	fn get_snap_candidates(&mut self, document: &DocumentMessageHandler, font_cache: &FontCache) {
+		self.snap_candidates.clear();
+
+		if let Some(ResizingLayer { id, .. }) = self.layer_dragging {
+			let quad = document.metadata().transform_to_document(id) * text_bounding_box(id, document, font_cache);
+			snapping::get_bbox_points(quad, &mut self.snap_candidates, snapping::BBoxSnapValues::BOUNDING_BOX, document);
+		}
+	}
+}
+
+fn can_edit_selected(document: &DocumentMessageHandler) -> Option<LayerNodeIdentifier> {
+	let selected_nodes = document.network_interface.selected_nodes();
+	let mut selected_layers = selected_nodes.selected_layers(document.metadata());
+	let layer = selected_layers.next()?;
+
+	// Check that only one layer is selected
+	if selected_layers.next().is_some() {
+		return None;
+	}
+
+	if !is_layer_fed_by_node_of_name(layer, &document.network_interface, "Text") {
+		return None;
+	}
+
+	Some(layer)
+}
+
+impl Fsm for TextToolFsmState {
+	type ToolData = TextToolData;
+	type ToolOptions = TextOptions;
+
+	fn transition(self, event: ToolMessage, tool_data: &mut Self::ToolData, transition_data: &mut ToolActionHandlerData, tool_options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self {
+		let ToolActionHandlerData {
+			document,
+			global_tool_data,
+			input,
+			font_cache,
+			..
+		} = transition_data;
+		let fill_color = graphene_std::Color::from_rgb_str(COLOR_OVERLAY_BLUE.strip_prefix('#').unwrap())
+			.unwrap()
+			.with_alpha(0.05)
+			.to_rgba_hex_srgb();
+
+		let ToolMessage::Text(event) = event else { return self };
+		match (self, event) {
+			(TextToolFsmState::Editing, TextToolMessage::Overlays(mut overlay_context)) => {
+				responses.add(FrontendMessage::DisplayEditableTextboxTransform {
+					transform: document.metadata().transform_to_viewport(tool_data.layer).to_cols_array(),
+				});
+				if let Some(editing_text) = tool_data.editing_text.as_mut() {
+					let font_data = font_cache.get(&editing_text.font).map(|data| load_font(data));
+					let far = graphene_std::text::bounding_box(&tool_data.new_text, font_data, editing_text.typesetting, false);
+					if far.x != 0. && far.y != 0. {
+						let quad = Quad::from_box([DVec2::ZERO, far]);
+						let transformed_quad = document.metadata().transform_to_viewport(tool_data.layer) * quad;
+						overlay_context.quad(transformed_quad, None, Some(&("#".to_string() + &fill_color)));
+					}
+				}
+
+				TextToolFsmState::Editing
+			}
+			(_, TextToolMessage::Overlays(mut overlay_context)) => {
+				if matches!(self, Self::Placing) {
+					// Get the updated selection box bounds
+					let quad = Quad::from_box(tool_data.cached_resize_bounds);
+
+					// Draw a bounding box on the layers to be selected
+					for layer in document.intersect_quad_no_artboards(quad, input) {
+						overlay_context.quad(
+							Quad::from_box(document.metadata().bounding_box_viewport(layer).unwrap_or([DVec2::ZERO; 2])),
+							None,
+							Some(&("#".to_string() + &fill_color)),
+						);
+					}
+
+					overlay_context.quad(quad, None, Some(&("#".to_string() + &fill_color)));
+				}
+
+				// TODO: implement bounding box for multiple layers
+				let selected = document.network_interface.selected_nodes();
+				let mut all_layers = selected.selected_visible_and_unlocked_layers(&document.network_interface);
+				let layer = all_layers.find(|layer| is_layer_fed_by_node_of_name(*layer, &document.network_interface, "Text"));
+				let bounds = layer.map(|layer| text_bounding_box(layer, document, font_cache));
+				let layer_transform = layer.map(|layer| document.metadata().transform_to_viewport(layer)).unwrap_or(DAffine2::IDENTITY);
+
+				if layer.is_none() || bounds.is_none() || layer_transform.matrix2.determinant() == 0. {
+					return self;
+				}
+
+				if overlay_context.visibility_settings.transform_cage() {
+					if let Some(bounds) = bounds {
+						let bounding_box_manager = tool_data.bounding_box_manager.get_or_insert(BoundingBoxManager::default());
+						bounding_box_manager.bounds = [bounds.0[0], bounds.0[2]];
+						bounding_box_manager.transform = layer_transform;
+
+						bounding_box_manager.render_quad(&mut overlay_context);
+						// Draw red overlay if text is clipped
+						let transformed_quad = layer_transform * bounds;
+						if let Some((text, font, typesetting)) = graph_modification_utils::get_text(layer.unwrap(), &document.network_interface) {
+							let font_data = font_cache.get(font).map(|data| load_font(data));
+							if lines_clipping(text.as_str(), font_data, typesetting) {
+								overlay_context.line(transformed_quad.0[2], transformed_quad.0[3], Some(COLOR_OVERLAY_RED), Some(3.));
+							}
+						}
+
+						bounding_box_manager.render_overlays(&mut overlay_context, false);
+						tool_data.pivot.update_pivot(document, &mut overlay_context, None);
+					}
+				} else {
+					tool_data.bounding_box_manager.take();
+				}
+
+				tool_data.resize.snap_manager.draw_overlays(SnapData::new(document, input), &mut overlay_context);
+
+				self
+			}
+			(state, TextToolMessage::EditSelected) => {
+				if let Some(layer) = can_edit_selected(document) {
+					tool_data.start_editing_layer(layer, state, document, font_cache, responses);
+					return TextToolFsmState::Editing;
+				}
+
+				state
+			}
+			(TextToolFsmState::Ready, TextToolMessage::DragStart) => {
+				tool_data.resize.start(document, input);
+				tool_data.cached_resize_bounds = [tool_data.resize.viewport_drag_start(document); 2];
+				tool_data.drag_start = input.mouse.position;
+				tool_data.drag_current = input.mouse.position;
+
+				let dragging_bounds = tool_data.bounding_box_manager.as_mut().and_then(|bounding_box| {
+					let edges = bounding_box.check_selected_edges(input.mouse.position);
+
+					bounding_box.selected_edges = edges.map(|(top, bottom, left, right)| {
+						let selected_edges = SelectedEdges::new(top, bottom, left, right, bounding_box.bounds);
+						bounding_box.opposite_pivot = selected_edges.calculate_pivot();
+						selected_edges
+					});
+
+					edges
+				});
+
+				let selected = document.network_interface.selected_nodes();
+				let mut all_selected = selected.selected_visible_and_unlocked_layers(&document.network_interface);
+				let selected = all_selected.find(|layer| is_layer_fed_by_node_of_name(*layer, &document.network_interface, "Text"));
+
+				if dragging_bounds.is_some() {
+					responses.add(DocumentMessage::StartTransaction);
+
+					// Set the original transform
+					if let Some(id) = selected {
+						let original_transform = document.metadata().transform_to_document(id);
+						tool_data.layer_dragging = Some(ResizingLayer { id, original_transform });
+					}
+
+					if let Some(bounds) = &mut tool_data.bounding_box_manager {
+						bounds.original_bound_transform = bounds.transform;
+						bounds.center_of_transformation = bounds.transform.transform_point2((bounds.bounds[0] + bounds.bounds[1]) / 2.);
+					}
+					tool_data.get_snap_candidates(document, font_cache);
+
+					return TextToolFsmState::ResizingBounds;
+				} else if let Some(clicked_layer) = TextToolData::check_click(document, input, font_cache) {
+					responses.add(DocumentMessage::StartTransaction);
+
+					if selected != Some(clicked_layer) {
+						responses.add(NodeGraphMessage::SelectedNodesSet { nodes: vec![clicked_layer.to_node()] });
+					}
+
+					let original_transform = document.metadata().transform_to_document(clicked_layer);
+					tool_data.layer_dragging = Some(ResizingLayer {
+						id: clicked_layer,
+						original_transform,
+					});
+					tool_data.get_snap_candidates(document, font_cache);
+					return TextToolFsmState::Dragging;
+				}
+				TextToolFsmState::Placing
+			}
+			(TextToolFsmState::Ready, TextToolMessage::PointerMove { .. }) => {
+				// This ensures the cursor only changes if a layer is selected
+				let selected = document.network_interface.selected_nodes();
+				let mut all_selected = selected.selected_visible_and_unlocked_layers(&document.network_interface);
+				let layer = all_selected.find(|&layer| is_layer_fed_by_node_of_name(layer, &document.network_interface, "Text"));
+
+				let mut cursor = tool_data
+					.bounding_box_manager
+					.as_ref()
+					.map_or(MouseCursorIcon::Text, |bounds| bounds.get_cursor(input, false, false, None));
+				if layer.is_none() || cursor == MouseCursorIcon::Default {
+					cursor = MouseCursorIcon::Text;
+				}
+
+				responses.add(OverlaysMessage::Draw);
+				responses.add(FrontendMessage::UpdateMouseCursor { cursor });
+
+				TextToolFsmState::Ready
+			}
+			(TextToolFsmState::Placing, TextToolMessage::PointerMove { center, lock_ratio }) => {
+				tool_data.cached_resize_bounds = tool_data.resize.calculate_points_ignore_layer(document, input, center, lock_ratio, false);
+
+				responses.add(OverlaysMessage::Draw);
+
+				// Auto-panning
+				let messages = [
+					TextToolMessage::PointerOutsideViewport { center, lock_ratio }.into(),
+					TextToolMessage::PointerMove { center, lock_ratio }.into(),
+				];
+				tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+
+				TextToolFsmState::Placing
+			}
+			(TextToolFsmState::Dragging, TextToolMessage::PointerMove { center, lock_ratio }) => {
+				if let Some(dragging_layer) = &tool_data.layer_dragging {
+					let delta = input.mouse.position - tool_data.drag_current;
+					tool_data.drag_current = input.mouse.position;
+
+					responses.add(GraphOperationMessage::TransformChange {
+						layer: dragging_layer.id,
+						transform: DAffine2::from_translation(delta),
+						transform_in: TransformIn::Viewport,
+						skip_rerender: false,
+					});
+
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+
+					// Auto-panning
+					let messages = [
+						TextToolMessage::PointerOutsideViewport { center, lock_ratio }.into(),
+						TextToolMessage::PointerMove { center, lock_ratio }.into(),
+					];
+					tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+				}
+
+				TextToolFsmState::Dragging
+			}
+			(TextToolFsmState::ResizingBounds, TextToolMessage::PointerMove { center, lock_ratio }) => {
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					if let Some(movement) = &mut bounds.selected_edges {
+						let (centered, constrain) = (input.keyboard.key(center), input.keyboard.key(lock_ratio));
+						let center_position = centered.then_some(bounds.center_of_transformation);
+
+						let Some(dragging_layer) = tool_data.layer_dragging else { return TextToolFsmState::Ready };
+						let Some(node_id) = graph_modification_utils::get_text_id(dragging_layer.id, &document.network_interface) else {
+							warn!("Cannot get text node id");
+							tool_data.layer_dragging.take();
+							return TextToolFsmState::Ready;
+						};
+
+						let selected = vec![dragging_layer.id];
+						let snap = Some(SizeSnapData {
+							manager: &mut tool_data.resize.snap_manager,
+							points: &mut tool_data.snap_candidates,
+							snap_data: SnapData::ignore(document, input, &selected),
+						});
+
+						let (position, size) = movement.new_size(input.mouse.position, bounds.original_bound_transform, center_position, constrain, snap);
+						// Normalize so the size is always positive
+						let (position, size) = (position.min(position + size), size.abs());
+
+						// Compute the offset needed for the top left in bounds space
+						let original_position = movement.bounds[0].min(movement.bounds[1]);
+						let translation_bounds_space = position - original_position;
+
+						// Compute a transformation from bounds->viewport->layer
+						let transform_to_layer = document.metadata().transform_to_viewport(dragging_layer.id).inverse() * bounds.original_bound_transform;
+						let size_layer = transform_to_layer.transform_vector2(size);
+
+						// Find the translation necessary from the original position in viewport space
+						let translation_viewport = bounds.original_bound_transform.transform_vector2(translation_bounds_space);
+
+						responses.add(NodeGraphMessage::SetInput {
+							input_connector: InputConnector::node(node_id, 6),
+							input: NodeInput::value(TaggedValue::OptionalF64(Some(size_layer.x)), false),
+						});
+						responses.add(NodeGraphMessage::SetInput {
+							input_connector: InputConnector::node(node_id, 7),
+							input: NodeInput::value(TaggedValue::OptionalF64(Some(size_layer.y)), false),
+						});
+						responses.add(GraphOperationMessage::TransformSet {
+							layer: dragging_layer.id,
+							transform: DAffine2::from_translation(translation_viewport) * document.metadata().document_to_viewport * dragging_layer.original_transform,
+							transform_in: TransformIn::Viewport,
+							skip_rerender: false,
+						});
+						responses.add(NodeGraphMessage::RunDocumentGraph);
+
+						// Auto-panning
+						let messages = [
+							TextToolMessage::PointerOutsideViewport { center, lock_ratio }.into(),
+							TextToolMessage::PointerMove { center, lock_ratio }.into(),
+						];
+						tool_data.auto_panning.setup_by_mouse_position(input, &messages, responses);
+					}
+				}
+				TextToolFsmState::ResizingBounds
+			}
+			(_, TextToolMessage::PointerMove { .. }) => {
+				tool_data.resize.snap_manager.preview_draw(&SnapData::new(document, input), input.mouse.position);
+				responses.add(OverlaysMessage::Draw);
+
+				self
+			}
+			(TextToolFsmState::Placing, TextToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning setup
+				let _ = tool_data.auto_panning.shift_viewport(input, responses);
+
+				TextToolFsmState::Placing
+			}
+			(TextToolFsmState::ResizingBounds | TextToolFsmState::Dragging, TextToolMessage::PointerOutsideViewport { .. }) => {
+				// Auto-panning
+				if let Some(shift) = tool_data.auto_panning.shift_viewport(input, responses) {
+					if let Some(bounds) = &mut tool_data.bounding_box_manager {
+						bounds.center_of_transformation += shift;
+						bounds.original_bound_transform.translation += shift;
+					}
+				}
+
+				self
+			}
+			(state, TextToolMessage::PointerOutsideViewport { center, lock_ratio }) => {
+				// Auto-panning stop
+				let messages = [
+					TextToolMessage::PointerOutsideViewport { center, lock_ratio }.into(),
+					TextToolMessage::PointerMove { center, lock_ratio }.into(),
+				];
+				tool_data.auto_panning.stop(&messages, responses);
+
+				state
+			}
+			(TextToolFsmState::ResizingBounds, TextToolMessage::DragStop) => {
+				let drag_too_small = input.mouse.position.distance(tool_data.resize.viewport_drag_start(document)) < 10. * f64::EPSILON;
+				let response = if drag_too_small { DocumentMessage::AbortTransaction } else { DocumentMessage::EndTransaction };
+				responses.add(response);
+
+				tool_data.resize.snap_manager.cleanup(responses);
+
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					bounds.original_transforms.clear();
+				}
+
+				TextToolFsmState::Ready
+			}
+			(TextToolFsmState::Placing, TextToolMessage::DragStop) => {
+				let [start, end] = tool_data.cached_resize_bounds;
+				let has_dragged = (start - end).length_squared() > DRAG_THRESHOLD * DRAG_THRESHOLD;
+
+				// Check if the user has clicked (no dragging) on some existing text
+				if !has_dragged {
+					if let Some(clicked_text_layer_path) = TextToolData::check_click(document, input, font_cache) {
+						tool_data.start_editing_layer(clicked_text_layer_path, self, document, font_cache, responses);
+						return TextToolFsmState::Editing;
+					}
+				}
+
+				// Otherwise create some new text
+				let constraint_size = has_dragged.then_some((start - end).abs());
+				let editing_text = EditingText {
+					text: String::new(),
+					transform: DAffine2::from_translation(start),
+					typesetting: TypesettingConfig {
+						font_size: tool_options.font_size,
+						line_height_ratio: tool_options.line_height_ratio,
+						max_width: constraint_size.map(|size| size.x),
+						character_spacing: tool_options.character_spacing,
+						max_height: constraint_size.map(|size| size.y),
+						tilt: tool_options.tilt,
+					},
+					font: Font::new(tool_options.font_name.clone(), tool_options.font_style.clone()),
+					color: tool_options.fill.active_color(),
+				};
+				tool_data.new_text(document, editing_text, font_cache, responses);
+				TextToolFsmState::Editing
+			}
+			(TextToolFsmState::Dragging, TextToolMessage::DragStop) => {
+				let drag_too_small = input.mouse.position.distance(tool_data.drag_start) < 10. * f64::EPSILON;
+				let response = if drag_too_small { DocumentMessage::AbortTransaction } else { DocumentMessage::EndTransaction };
+				responses.add(response);
+
+				tool_data.resize.snap_manager.cleanup(responses);
+
+				if let Some(bounds) = &mut tool_data.bounding_box_manager {
+					bounds.original_transforms.clear();
+				}
+
+				if drag_too_small {
+					if let Some(layer_info) = &tool_data.layer_dragging {
+						tool_data.start_editing_layer(layer_info.id, self, document, font_cache, responses);
+						return TextToolFsmState::Editing;
+					}
+				}
+				tool_data.layer_dragging.take();
+
+				TextToolFsmState::Ready
+			}
+			(TextToolFsmState::Editing, TextToolMessage::TextChange { new_text, is_left_or_right_click }) => {
+				tool_data.new_text = new_text;
+
+				if !is_left_or_right_click {
+					tool_data.set_editing(false, font_cache, responses);
+
+					responses.add(NodeGraphMessage::SetInput {
+						input_connector: InputConnector::node(graph_modification_utils::get_text_id(tool_data.layer, &document.network_interface).unwrap(), 1),
+						input: NodeInput::value(TaggedValue::String(tool_data.new_text.clone()), false),
+					});
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+
+					TextToolFsmState::Ready
+				} else {
+					if tool_data.new_text.is_empty() {
+						return tool_data.delete_empty_layer(font_cache, responses);
+					}
+
+					responses.add(FrontendMessage::TriggerTextCommit);
+					TextToolFsmState::Editing
+				}
+			}
+			(TextToolFsmState::Editing, TextToolMessage::UpdateBounds { new_text }) => {
+				tool_data.new_text = new_text;
+				responses.add(OverlaysMessage::Draw);
+				TextToolFsmState::Editing
+			}
+			(_, TextToolMessage::WorkingColorChanged) => {
+				responses.add(TextToolMessage::UpdateOptions(TextOptionsUpdate::WorkingColors(
+					Some(global_tool_data.primary_color),
+					Some(global_tool_data.secondary_color),
+				)));
+				self
+			}
+			(TextToolFsmState::Editing, TextToolMessage::Abort) => {
+				if tool_data.new_text.is_empty() {
+					return tool_data.delete_empty_layer(font_cache, responses);
+				}
+
+				responses.add(FrontendMessage::TriggerTextCommit);
+				TextToolFsmState::Editing
+			}
+			(state, TextToolMessage::Abort) => {
+				if matches!(state, TextToolFsmState::ResizingBounds | TextToolFsmState::Dragging) {
+					responses.add(DocumentMessage::AbortTransaction);
+					if let Some(bounds) = &mut tool_data.bounding_box_manager {
+						bounds.original_transforms.clear();
+					}
+					if matches!(state, TextToolFsmState::Dragging) {
+						tool_data.layer_dragging.take();
+					}
+				} else {
+					input.mouse.finish_transaction(tool_data.resize.viewport_drag_start(document), responses);
+				}
+				tool_data.resize.cleanup(responses);
+
+				TextToolFsmState::Ready
+			}
+			_ => self,
+		}
+	}
+
+	fn update_hints(&self, responses: &mut VecDeque<Message>) {
+		let hint_data = match self {
+			TextToolFsmState::Ready => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Place Text")]),
+				HintGroup(vec![
+					HintInfo::mouse(MouseMotion::LmbDrag, "Place Text Box"),
+					HintInfo::keys([Key::Shift], "Constrain Square").prepend_plus(),
+					HintInfo::keys([Key::Alt], "From Center").prepend_plus(),
+				]),
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Lmb, "Edit Text")]),
+			]),
+			TextToolFsmState::Editing => HintData(vec![HintGroup(vec![
+				HintInfo::keys([Key::Control, Key::Enter], "").add_mac_keys([Key::Command, Key::Enter]),
+				HintInfo::keys([Key::Escape], "Commit Changes").prepend_slash(),
+			])]),
+			TextToolFsmState::Placing => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "Constrain Square"), HintInfo::keys([Key::Alt], "From Center")]),
+			]),
+			TextToolFsmState::Dragging => HintData(vec![HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()])]),
+			TextToolFsmState::ResizingBounds => HintData(vec![
+				HintGroup(vec![HintInfo::mouse(MouseMotion::Rmb, ""), HintInfo::keys([Key::Escape], "Cancel").prepend_slash()]),
+				HintGroup(vec![HintInfo::keys([Key::Shift], "Lock Aspect Ratio"), HintInfo::keys([Key::Alt], "From Center")]),
+			]),
+		};
+
+		responses.add(FrontendMessage::UpdateInputHints { hint_data });
+	}
+
+	fn update_cursor(&self, responses: &mut VecDeque<Message>) {
+		let cursor = match self {
+			TextToolFsmState::Placing => MouseCursorIcon::Crosshair,
+			_ => MouseCursorIcon::Text,
+		};
+		responses.add(FrontendMessage::UpdateMouseCursor { cursor });
+	}
+}
diff --git a/editor/src/messages/tool/transform_layer/mod.rs b/editor/src/messages/tool/transform_layer/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..823edf1a4508f9fb1173f123119cd5fd03b220b0
--- /dev/null
+++ b/editor/src/messages/tool/transform_layer/mod.rs
@@ -0,0 +1,15 @@
+//! Handles Blender inspired layer transformation with the <kbd>G</kbd> <kbd>R</kbd> and <kbd>S</kbd> keys for grabbing, rotating and scaling.
+//!
+//! Other features include
+//! - Typing a number for a precise transformation
+//! - <kbd>Shift</kbd> to slow transformation
+//! - <kbd>Ctrl</kbd> to snap angles to 15°
+//! - Escape or right click to cancel
+
+mod transform_layer_message;
+mod transform_layer_message_handler;
+
+#[doc(inline)]
+pub use transform_layer_message::{TransformLayerMessage, TransformLayerMessageDiscriminant};
+#[doc(inline)]
+pub use transform_layer_message_handler::TransformLayerMessageHandler;
diff --git a/editor/src/messages/tool/transform_layer/transform_layer_message.rs b/editor/src/messages/tool/transform_layer/transform_layer_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e68d2702c4bd9b948a9328196f7f85a8b72f1451
--- /dev/null
+++ b/editor/src/messages/tool/transform_layer/transform_layer_message.rs
@@ -0,0 +1,32 @@
+use crate::messages::input_mapper::utility_types::input_keyboard::Key;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayContext;
+use crate::messages::portfolio::document::utility_types::transformation::TransformType;
+use crate::messages::prelude::*;
+use glam::DVec2;
+
+#[impl_message(Message, ToolMessage, TransformLayer)]
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum TransformLayerMessage {
+	// Overlays
+	Overlays(OverlayContext),
+
+	// Messages
+	ApplyTransformOperation { final_transform: bool },
+	BeginTransformOperation { operation: TransformType },
+	BeginGrab,
+	BeginRotate,
+	BeginScale,
+	BeginGRS { operation: TransformType },
+	BeginGrabPen { last_point: DVec2, handle: DVec2 },
+	BeginRotatePen { last_point: DVec2, handle: DVec2 },
+	BeginScalePen { last_point: DVec2, handle: DVec2 },
+	CancelTransformOperation,
+	ConstrainX,
+	ConstrainY,
+	PointerMove { slow_key: Key, increments_key: Key },
+	SelectionChanged,
+	TypeBackspace,
+	TypeDecimalPoint,
+	TypeDigit { digit: u8 },
+	TypeNegate,
+}
diff --git a/editor/src/messages/tool/transform_layer/transform_layer_message_handler.rs b/editor/src/messages/tool/transform_layer/transform_layer_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e449bbd3b86becf091f75b75674840a9fd6b56cb
--- /dev/null
+++ b/editor/src/messages/tool/transform_layer/transform_layer_message_handler.rs
@@ -0,0 +1,1275 @@
+use crate::consts::{ANGLE_MEASURE_RADIUS_FACTOR, ARC_MEASURE_RADIUS_FACTOR_RANGE, COLOR_OVERLAY_BLUE, SLOWING_DIVISOR};
+use crate::messages::input_mapper::utility_types::input_mouse::{DocumentPosition, ViewportPosition};
+use crate::messages::portfolio::document::overlays::utility_types::{OverlayProvider, Pivot};
+use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use crate::messages::portfolio::document::utility_types::misc::PTZ;
+use crate::messages::portfolio::document::utility_types::transformation::{Axis, OriginalTransforms, Selected, TransformOperation, TransformType, Typing};
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::shape_editor::ShapeState;
+use crate::messages::tool::tool_messages::tool_prelude::Key;
+use crate::messages::tool::utility_types::{ToolData, ToolType};
+use glam::{DAffine2, DVec2};
+use graphene_std::renderer::Quad;
+use graphene_std::vector::ManipulatorPointId;
+use graphene_std::vector::{VectorData, VectorModificationType};
+use std::f64::consts::{PI, TAU};
+
+const TRANSFORM_GRS_OVERLAY_PROVIDER: OverlayProvider = |context| TransformLayerMessage::Overlays(context).into();
+
+// TODO: Get these from the input mapper
+const SLOW_KEY: Key = Key::Shift;
+const INCREMENTS_KEY: Key = Key::Control;
+
+#[derive(Debug, Clone, Default)]
+pub struct TransformLayerMessageHandler {
+	pub transform_operation: TransformOperation,
+
+	slow: bool,
+	increments: bool,
+	local: bool,
+	layer_bounding_box: Quad,
+	typing: Typing,
+
+	mouse_position: ViewportPosition,
+	start_mouse: ViewportPosition,
+
+	original_transforms: OriginalTransforms,
+	pivot: ViewportPosition,
+
+	local_pivot: DocumentPosition,
+	local_mouse_start: DocumentPosition,
+	grab_target: DocumentPosition,
+
+	ptz: PTZ,
+	initial_transform: DAffine2,
+
+	operation_count: usize,
+
+	// Pen tool (outgoing handle GRS manipulation)
+	handle: DVec2,
+	last_point: DVec2,
+	grs_pen_handle: bool,
+}
+
+impl TransformLayerMessageHandler {
+	pub fn is_transforming(&self) -> bool {
+		self.transform_operation != TransformOperation::None
+	}
+
+	pub fn hints(&self, responses: &mut VecDeque<Message>) {
+		self.transform_operation.hints(responses, self.local);
+	}
+}
+
+fn calculate_pivot(selected_points: &Vec<&ManipulatorPointId>, vector_data: &VectorData, viewspace: DAffine2, get_location: impl Fn(&ManipulatorPointId) -> Option<DVec2>) -> Option<(DVec2, DVec2)> {
+	let [point] = selected_points.as_slice() else {
+		// Handle the case where there are multiple points
+		let mut point_count = 0;
+		let average_position = selected_points.iter().filter_map(|p| get_location(p)).inspect(|_| point_count += 1).sum::<DVec2>() / point_count as f64;
+
+		return Some((average_position, average_position));
+	};
+
+	match point {
+		ManipulatorPointId::PrimaryHandle(_) | ManipulatorPointId::EndHandle(_) => {
+			// Get the anchor position and transform it to the pivot
+			let pivot_pos = point.get_anchor_position(vector_data).map(|anchor_position| viewspace.transform_point2(anchor_position))?;
+			let target = viewspace.transform_point2(point.get_position(vector_data)?);
+			Some((pivot_pos, target))
+		}
+		_ => {
+			// Calculate the average position of all selected points
+			let mut point_count = 0;
+			let average_position = selected_points.iter().filter_map(|p| get_location(p)).inspect(|_| point_count += 1).sum::<DVec2>() / point_count as f64;
+			Some((average_position, average_position))
+		}
+	}
+}
+
+fn project_edge_to_quad(edge: DVec2, quad: &Quad, local: bool, axis_constraint: Axis) -> DVec2 {
+	match axis_constraint {
+		Axis::X => {
+			if local {
+				edge.project_onto(quad.top_right() - quad.top_left())
+			} else {
+				edge.with_y(0.)
+			}
+		}
+		Axis::Y => {
+			if local {
+				edge.project_onto(quad.bottom_left() - quad.top_left())
+			} else {
+				edge.with_x(0.)
+			}
+		}
+		_ => edge,
+	}
+}
+
+fn update_colinear_handles(selected_layers: &[LayerNodeIdentifier], document: &DocumentMessageHandler, responses: &mut VecDeque<Message>) {
+	for &layer in selected_layers {
+		let Some(vector_data) = document.network_interface.compute_modified_vector(layer) else { continue };
+
+		for [handle1, handle2] in &vector_data.colinear_manipulators {
+			let manipulator1 = handle1.to_manipulator_point();
+			let manipulator2 = handle2.to_manipulator_point();
+
+			let Some(anchor) = manipulator1.get_anchor_position(&vector_data) else { continue };
+			let Some(pos1) = manipulator1.get_position(&vector_data).map(|pos| pos - anchor) else { continue };
+			let Some(pos2) = manipulator2.get_position(&vector_data).map(|pos| pos - anchor) else { continue };
+
+			let angle = pos1.angle_to(pos2);
+
+			// Check if handles are not colinear (not approximately equal to +/- PI)
+			if (angle - PI).abs() > 1e-6 && (angle + PI).abs() > 1e-6 {
+				let modification_type = VectorModificationType::SetG1Continuous {
+					handles: [*handle1, *handle2],
+					enabled: false,
+				};
+
+				responses.add(GraphOperationMessage::Vector { layer, modification_type });
+			}
+		}
+	}
+}
+
+type TransformData<'a> = (&'a DocumentMessageHandler, &'a InputPreprocessorMessageHandler, &'a ToolData, &'a mut ShapeState);
+impl MessageHandler<TransformLayerMessage, TransformData<'_>> for TransformLayerMessageHandler {
+	fn process_message(&mut self, message: TransformLayerMessage, responses: &mut VecDeque<Message>, (document, input, tool_data, shape_editor): TransformData) {
+		let using_path_tool = tool_data.active_tool_type == ToolType::Path;
+		let using_select_tool = tool_data.active_tool_type == ToolType::Select;
+		let using_pen_tool = tool_data.active_tool_type == ToolType::Pen;
+		let using_shape_tool = tool_data.active_tool_type == ToolType::Shape;
+
+		// TODO: Add support for transforming layer not in the document network
+		let selected_layers = document
+			.network_interface
+			.selected_nodes()
+			.selected_layers(document.metadata())
+			.filter(|&layer| document.network_interface.is_visible(&layer.to_node(), &[]) && !document.network_interface.is_locked(&layer.to_node(), &[]))
+			.collect::<Vec<_>>();
+
+		let mut selected = Selected::new(
+			&mut self.original_transforms,
+			&mut self.pivot,
+			&selected_layers,
+			responses,
+			&document.network_interface,
+			Some(shape_editor),
+			&tool_data.active_tool_type,
+			Some(&mut self.handle),
+		);
+
+		let document_to_viewport = document.metadata().document_to_viewport;
+		let mut begin_operation = |operation: TransformOperation, typing: &mut Typing, mouse_position: &mut DVec2, start_mouse: &mut DVec2, transform: &mut DAffine2| {
+			if operation != TransformOperation::None {
+				selected.revert_operation();
+				typing.clear();
+			}
+
+			if using_pen_tool {
+				selected.responses.add(PenToolMessage::GRS {
+					grab: Key::KeyG,
+					rotate: Key::KeyR,
+					scale: Key::KeyS,
+				});
+				return;
+			}
+
+			if !using_path_tool {
+				*selected.pivot = selected.mean_average_of_pivots();
+				self.local_pivot = document.metadata().document_to_viewport.inverse().transform_point2(*selected.pivot);
+				self.grab_target = document.metadata().document_to_viewport.inverse().transform_point2(selected.mean_average_of_pivots());
+			}
+			// Here vector data from all layers is not considered which can be a problem in pivot calculation
+			else if let Some(vector_data) = selected_layers.first().and_then(|&layer| document.network_interface.compute_modified_vector(layer)) {
+				*selected.original_transforms = OriginalTransforms::default();
+
+				let viewspace = document.metadata().transform_to_viewport(selected_layers[0]);
+
+				let selected_segments = shape_editor.selected_segments().collect::<HashSet<_>>();
+
+				let mut affected_points = shape_editor.selected_points().copied().collect::<Vec<_>>();
+
+				for (segment_id, _, start, end) in vector_data.segment_bezier_iter() {
+					if selected_segments.contains(&segment_id) {
+						affected_points.push(ManipulatorPointId::Anchor(start));
+						affected_points.push(ManipulatorPointId::Anchor(end));
+					}
+				}
+
+				let affected_point_refs = affected_points.iter().collect();
+
+				let get_location = |point: &&ManipulatorPointId| point.get_position(&vector_data).map(|position| viewspace.transform_point2(position));
+				if let Some((new_pivot, grab_target)) = calculate_pivot(&affected_point_refs, &vector_data, viewspace, |point: &ManipulatorPointId| get_location(&point)) {
+					*selected.pivot = new_pivot;
+
+					self.local_pivot = document_to_viewport.inverse().transform_point2(*selected.pivot);
+					self.grab_target = document_to_viewport.inverse().transform_point2(grab_target);
+				} else {
+					log::warn!("Failed to calculate pivot.");
+				}
+			}
+
+			*mouse_position = input.mouse.position;
+			*start_mouse = input.mouse.position;
+			*transform = document_to_viewport;
+			self.local_mouse_start = document.metadata().document_to_viewport.inverse().transform_point2(input.mouse.position);
+
+			selected.original_transforms.clear();
+
+			selected.responses.add(DocumentMessage::StartTransaction);
+		};
+
+		match message {
+			// Overlays
+			TransformLayerMessage::Overlays(mut overlay_context) => {
+				if !overlay_context.visibility_settings.transform_measurement() {
+					return;
+				}
+
+				for layer in document.metadata().all_layers() {
+					if !document.network_interface.is_artboard(&layer.to_node(), &[]) {
+						continue;
+					};
+
+					let viewport_box = input.viewport_bounds.size();
+					let axis_constraint = self.transform_operation.axis_constraint();
+
+					let format_rounded = |value: f64, precision: usize| {
+						if self.typing.digits.is_empty() || !self.transform_operation.can_begin_typing() {
+							format!("{:.*}", precision, value).trim_end_matches('0').trim_end_matches('.').to_string()
+						} else {
+							self.typing.string.clone()
+						}
+					};
+
+					// TODO: Ensure removing this and adding this doesn't change the position of layers under PTZ ops
+					// responses.add(TransformLayerMessage::PointerMove {
+					// 	slow_key: SLOW_KEY,
+					// 	increments_key: INCREMENTS_KEY,
+					// });
+
+					match self.transform_operation {
+						TransformOperation::None => (),
+						TransformOperation::Grabbing(translation) => {
+							let translation = translation.to_dvec(self.initial_transform, self.increments);
+							let viewport_translate = document_to_viewport.transform_vector2(translation);
+							let pivot = document_to_viewport.transform_point2(self.grab_target);
+							let quad = Quad::from_box([pivot, pivot + viewport_translate]).0;
+							let e1 = (self.layer_bounding_box.0[1] - self.layer_bounding_box.0[0]).normalize_or(DVec2::X);
+
+							if matches!(axis_constraint, Axis::Both | Axis::X) && translation.x != 0. {
+								let end = if self.local { (quad[1] - quad[0]).rotate(e1) + quad[0] } else { quad[1] };
+								overlay_context.dashed_line(quad[0], end, None, None, Some(2.), Some(2.), Some(0.5));
+
+								let x_transform = DAffine2::from_translation((quad[0] + end) / 2.);
+								overlay_context.text(&format_rounded(translation.x, 3), COLOR_OVERLAY_BLUE, None, x_transform, 4., [Pivot::Middle, Pivot::End]);
+							}
+
+							if matches!(axis_constraint, Axis::Both | Axis::Y) && translation.y != 0. {
+								let end = if self.local { (quad[3] - quad[0]).rotate(e1) + quad[0] } else { quad[3] };
+								overlay_context.dashed_line(quad[0], end, None, None, Some(2.), Some(2.), Some(0.5));
+								let x_parameter = viewport_translate.x.clamp(-1., 1.);
+								let y_transform = DAffine2::from_translation((quad[0] + end) / 2. + x_parameter * DVec2::X * 0.);
+								let pivot_selection = if x_parameter >= -1e-3 { Pivot::Start } else { Pivot::End };
+								if axis_constraint != Axis::Both || self.typing.digits.is_empty() || !self.transform_operation.can_begin_typing() {
+									overlay_context.text(&format_rounded(translation.y, 2), COLOR_OVERLAY_BLUE, None, y_transform, 3., [pivot_selection, Pivot::Middle]);
+								}
+							}
+
+							if matches!(axis_constraint, Axis::Both) && translation.x != 0. && translation.y != 0. {
+								overlay_context.line(quad[1], quad[2], None, None);
+								overlay_context.line(quad[3], quad[2], None, None);
+							}
+						}
+						TransformOperation::Scaling(scale) => {
+							let scale = scale.to_f64(self.increments);
+							let text = format!("{}x", format_rounded(scale, 3));
+							let pivot = document_to_viewport.transform_point2(self.local_pivot);
+							let start_mouse = document_to_viewport.transform_point2(self.local_mouse_start);
+							let local_edge = start_mouse - pivot;
+							let local_edge = project_edge_to_quad(local_edge, &self.layer_bounding_box, self.local, axis_constraint);
+							let boundary_point = pivot + local_edge * scale.min(1.);
+							let end_point = pivot + local_edge * scale.max(1.);
+
+							if scale > 0. {
+								overlay_context.dashed_line(pivot, boundary_point, None, None, Some(2.), Some(2.), Some(0.5));
+							}
+							overlay_context.line(boundary_point, end_point, None, None);
+
+							let transform = DAffine2::from_translation(boundary_point.midpoint(pivot) + local_edge.perp().normalize_or(DVec2::X) * local_edge.element_product().signum() * 24.);
+							overlay_context.text(&text, COLOR_OVERLAY_BLUE, None, transform, 16., [Pivot::Middle, Pivot::Middle]);
+						}
+						TransformOperation::Rotating(rotation) => {
+							let angle = rotation.to_f64(self.increments);
+							let pivot = document_to_viewport.transform_point2(self.local_pivot);
+							let start_mouse = document_to_viewport.transform_point2(self.local_mouse_start);
+							let offset_angle = if self.grs_pen_handle {
+								self.handle - self.last_point
+							} else if using_path_tool {
+								start_mouse - pivot
+							} else {
+								self.layer_bounding_box.top_right() - self.layer_bounding_box.top_right()
+							};
+							let tilt_offset = document.document_ptz.unmodified_tilt();
+							let offset_angle = offset_angle.to_angle() + tilt_offset;
+							let width = viewport_box.max_element();
+							let radius = start_mouse.distance(pivot);
+							let arc_radius = ANGLE_MEASURE_RADIUS_FACTOR * width;
+							let radius = radius.clamp(ARC_MEASURE_RADIUS_FACTOR_RANGE.0 * width, ARC_MEASURE_RADIUS_FACTOR_RANGE.1 * width);
+							let angle_in_degrees = angle.to_degrees();
+							let display_angle = if angle_in_degrees.is_sign_positive() {
+								angle_in_degrees - (angle_in_degrees / 360.).floor() * 360.
+							} else if angle_in_degrees.is_sign_negative() {
+								angle_in_degrees - ((angle_in_degrees / 360.).floor() + 1.) * 360.
+							} else {
+								angle_in_degrees
+							};
+							let text = format!("{}°", format_rounded(display_angle, 2));
+							let text_texture_width = overlay_context.get_width(&text) / 2.;
+							let text_texture_height = 12.;
+							let text_angle_on_unit_circle = DVec2::from_angle((angle % TAU) / 2. + offset_angle);
+							let text_texture_position = DVec2::new(
+								(arc_radius + 4. + text_texture_width) * text_angle_on_unit_circle.x,
+								(arc_radius + text_texture_height) * text_angle_on_unit_circle.y,
+							);
+							let transform = DAffine2::from_translation(text_texture_position + pivot);
+							overlay_context.draw_angle(pivot, radius, arc_radius, offset_angle, angle);
+							overlay_context.text(&text, COLOR_OVERLAY_BLUE, None, transform, 16., [Pivot::Middle, Pivot::Middle]);
+						}
+					}
+				}
+			}
+
+			// Messages
+			TransformLayerMessage::ApplyTransformOperation { final_transform } => {
+				selected.original_transforms.clear();
+				self.typing.clear();
+				if final_transform {
+					self.transform_operation = TransformOperation::None;
+					self.operation_count = 0;
+				}
+
+				if using_pen_tool {
+					self.last_point = DVec2::ZERO;
+					self.grs_pen_handle = false;
+
+					selected.pen_handle = None;
+					selected.responses.add(PenToolMessage::Confirm);
+				} else {
+					update_colinear_handles(&selected_layers, document, responses);
+					responses.add(DocumentMessage::EndTransaction);
+					responses.add(ToolMessage::UpdateHints);
+					responses.add(NodeGraphMessage::RunDocumentGraph);
+				}
+
+				if final_transform {
+					responses.add(OverlaysMessage::RemoveProvider(TRANSFORM_GRS_OVERLAY_PROVIDER));
+				}
+			}
+			TransformLayerMessage::BeginTransformOperation { operation } => {
+				begin_operation(self.transform_operation, &mut self.typing, &mut self.mouse_position, &mut self.start_mouse, &mut self.initial_transform);
+				self.transform_operation = match operation {
+					TransformType::Grab => TransformOperation::Grabbing(Default::default()),
+					TransformType::Rotate => TransformOperation::Rotating(Default::default()),
+					TransformType::Scale => TransformOperation::Scaling(Default::default()),
+				};
+				self.layer_bounding_box = selected.bounding_box();
+			}
+			TransformLayerMessage::BeginGrabPen { last_point, handle } | TransformLayerMessage::BeginRotatePen { last_point, handle } | TransformLayerMessage::BeginScalePen { last_point, handle } => {
+				self.typing.clear();
+
+				self.last_point = last_point;
+				self.handle = handle;
+				self.grs_pen_handle = true;
+				self.mouse_position = input.mouse.position;
+				self.start_mouse = input.mouse.position;
+
+				let top_left = DVec2::new(last_point.x, handle.y);
+				let bottom_right = DVec2::new(handle.x, last_point.y);
+				self.local = false;
+				self.layer_bounding_box = Quad::from_box([top_left, bottom_right]);
+				self.grab_target = document.metadata().document_to_viewport.inverse().transform_point2(handle);
+				self.pivot = last_point;
+				self.local_pivot = document.metadata().document_to_viewport.inverse().transform_point2(self.pivot);
+				self.local_mouse_start = document.metadata().document_to_viewport.inverse().transform_point2(self.start_mouse);
+				self.handle = handle;
+
+				// Operation-specific logic
+				self.transform_operation = match message {
+					TransformLayerMessage::BeginGrabPen { .. } => TransformOperation::Grabbing(Default::default()),
+					TransformLayerMessage::BeginRotatePen { .. } => TransformOperation::Rotating(Default::default()),
+					TransformLayerMessage::BeginScalePen { .. } => TransformOperation::Scaling(Default::default()),
+					_ => unreachable!(), // Safe because the match arms are exhaustive
+				};
+
+				responses.add(OverlaysMessage::AddProvider(TRANSFORM_GRS_OVERLAY_PROVIDER));
+				// Find a way better than this hack
+				responses.add(TransformLayerMessage::PointerMove {
+					slow_key: SLOW_KEY,
+					increments_key: INCREMENTS_KEY,
+				});
+			}
+			TransformLayerMessage::BeginGRS { operation: transform_type } => {
+				let selected_points: Vec<&ManipulatorPointId> = shape_editor.selected_points().collect();
+				let selected_segments = shape_editor.selected_segments().collect::<Vec<_>>();
+
+				if (using_path_tool && selected_points.is_empty() && selected_segments.is_empty())
+					|| (!using_path_tool && !using_select_tool && !using_pen_tool && !using_shape_tool)
+					|| selected_layers.is_empty()
+					|| transform_type.equivalent_to(self.transform_operation)
+				{
+					return;
+				}
+
+				if let Some(vector_data) = selected_layers.first().and_then(|&layer| document.network_interface.compute_modified_vector(layer)) {
+					if let [point] = selected_points.as_slice() {
+						if matches!(point, ManipulatorPointId::Anchor(_)) {
+							if let Some([handle1, handle2]) = point.get_handle_pair(&vector_data) {
+								let handle1_length = handle1.length(&vector_data);
+								let handle2_length = handle2.length(&vector_data);
+
+								if (handle1_length == 0. && handle2_length == 0. && !using_select_tool) || (handle1_length == f64::MAX && handle2_length == f64::MAX && !using_select_tool) {
+									// G should work for this point but not R and S
+									if matches!(transform_type, TransformType::Rotate | TransformType::Scale) {
+										selected.original_transforms.clear();
+										return;
+									}
+								}
+							}
+						} else {
+							let handle_length = point.as_handle().map(|handle| handle.length(&vector_data));
+
+							if handle_length == Some(0.) {
+								selected.original_transforms.clear();
+								return;
+							}
+						}
+					}
+				}
+
+				self.local = false;
+				self.operation_count += 1;
+
+				let chain_operation = self.transform_operation != TransformOperation::None;
+				if chain_operation {
+					responses.add(TransformLayerMessage::ApplyTransformOperation { final_transform: false });
+				} else {
+					responses.add(OverlaysMessage::AddProvider(TRANSFORM_GRS_OVERLAY_PROVIDER));
+				}
+				responses.add(TransformLayerMessage::BeginTransformOperation { operation: transform_type });
+				responses.add(TransformLayerMessage::PointerMove {
+					slow_key: SLOW_KEY,
+					increments_key: INCREMENTS_KEY,
+				});
+			}
+			TransformLayerMessage::BeginGrab => responses.add_front(TransformLayerMessage::BeginGRS { operation: TransformType::Grab }),
+			TransformLayerMessage::BeginRotate => responses.add_front(TransformLayerMessage::BeginGRS { operation: TransformType::Rotate }),
+			TransformLayerMessage::BeginScale => responses.add_front(TransformLayerMessage::BeginGRS { operation: TransformType::Scale }),
+			TransformLayerMessage::CancelTransformOperation => {
+				if using_pen_tool {
+					self.typing.clear();
+
+					self.last_point = DVec2::ZERO;
+					self.transform_operation = TransformOperation::None;
+					self.handle = DVec2::ZERO;
+
+					responses.add(PenToolMessage::Abort);
+					responses.add(ToolMessage::UpdateHints);
+				} else {
+					selected.original_transforms.clear();
+					self.typing.clear();
+					self.transform_operation = TransformOperation::None;
+
+					responses.add(DocumentMessage::RepeatedAbortTransaction { undo_count: self.operation_count });
+					self.operation_count = 0;
+					responses.add(ToolMessage::UpdateHints);
+				}
+
+				responses.add(OverlaysMessage::RemoveProvider(TRANSFORM_GRS_OVERLAY_PROVIDER));
+			}
+			TransformLayerMessage::ConstrainX => {
+				let pivot = document_to_viewport.transform_point2(self.local_pivot);
+				self.local = self.transform_operation.constrain_axis(
+					Axis::X,
+					&mut selected,
+					self.increments,
+					self.local,
+					self.layer_bounding_box,
+					document_to_viewport,
+					pivot,
+					self.initial_transform,
+				);
+				self.transform_operation.grs_typed(
+					self.typing.evaluate(),
+					&mut selected,
+					self.increments,
+					self.local,
+					self.layer_bounding_box,
+					document_to_viewport,
+					pivot,
+					self.initial_transform,
+				);
+			}
+			TransformLayerMessage::ConstrainY => {
+				let pivot = document_to_viewport.transform_point2(self.local_pivot);
+				self.local = self.transform_operation.constrain_axis(
+					Axis::Y,
+					&mut selected,
+					self.increments,
+					self.local,
+					self.layer_bounding_box,
+					document_to_viewport,
+					pivot,
+					self.initial_transform,
+				);
+				self.transform_operation.grs_typed(
+					self.typing.evaluate(),
+					&mut selected,
+					self.increments,
+					self.local,
+					self.layer_bounding_box,
+					document_to_viewport,
+					pivot,
+					self.initial_transform,
+				);
+			}
+			TransformLayerMessage::PointerMove { slow_key, increments_key } => {
+				self.slow = input.keyboard.get(slow_key as usize);
+				let old_ptz = self.ptz;
+				self.ptz = document.document_ptz;
+				if old_ptz != self.ptz {
+					self.mouse_position = input.mouse.position;
+					return;
+				}
+
+				let pivot = document_to_viewport.transform_point2(self.local_pivot);
+
+				let new_increments = input.keyboard.get(increments_key as usize);
+				if new_increments != self.increments {
+					self.increments = new_increments;
+					self.transform_operation
+						.apply_transform_operation(&mut selected, self.increments, self.local, self.layer_bounding_box, document_to_viewport, pivot, self.initial_transform);
+				}
+
+				if self.typing.digits.is_empty() || !self.transform_operation.can_begin_typing() {
+					match self.transform_operation {
+						TransformOperation::None => unreachable!(),
+						TransformOperation::Grabbing(translation) => {
+							let delta_pos = input.mouse.position - self.mouse_position;
+							let delta_pos = (self.initial_transform * document_to_viewport.inverse()).transform_vector2(delta_pos);
+							let change = if self.slow { delta_pos / SLOWING_DIVISOR } else { delta_pos };
+							self.transform_operation = TransformOperation::Grabbing(translation.increment_amount(change));
+							self.transform_operation.apply_transform_operation(
+								&mut selected,
+								self.increments,
+								self.local,
+								self.layer_bounding_box,
+								document_to_viewport,
+								pivot,
+								self.initial_transform,
+							);
+						}
+						TransformOperation::Rotating(rotation) => {
+							let start_offset = pivot - self.mouse_position;
+							let end_offset = pivot - input.mouse.position;
+							let angle = start_offset.angle_to(end_offset);
+
+							let change = if self.slow { angle / SLOWING_DIVISOR } else { angle };
+
+							self.transform_operation = TransformOperation::Rotating(rotation.increment_amount(change));
+							self.transform_operation.apply_transform_operation(
+								&mut selected,
+								self.increments,
+								self.local,
+								self.layer_bounding_box,
+								document_to_viewport,
+								pivot,
+								self.initial_transform,
+							);
+						}
+						TransformOperation::Scaling(mut scale) => {
+							let axis_constraint = scale.constraint;
+							let to_mouse_final = self.mouse_position - pivot;
+							let to_mouse_final_old = input.mouse.position - pivot;
+							let to_mouse_start = self.start_mouse - pivot;
+
+							let to_mouse_final = project_edge_to_quad(to_mouse_final, &self.layer_bounding_box, self.local, axis_constraint);
+							let to_mouse_final_old = project_edge_to_quad(to_mouse_final_old, &self.layer_bounding_box, self.local, axis_constraint);
+							let to_mouse_start = project_edge_to_quad(to_mouse_start, &self.layer_bounding_box, self.local, axis_constraint);
+
+							let change = {
+								let previous_frame_dist = to_mouse_final.dot(to_mouse_start);
+								let current_frame_dist = to_mouse_final_old.dot(to_mouse_start);
+								let start_transform_dist = to_mouse_start.length_squared();
+
+								(current_frame_dist - previous_frame_dist) / start_transform_dist
+							};
+							let change = if self.slow { change / SLOWING_DIVISOR } else { change };
+
+							scale = scale.increment_amount(change);
+							self.transform_operation = TransformOperation::Scaling(scale);
+							self.transform_operation.apply_transform_operation(
+								&mut selected,
+								self.increments,
+								self.local,
+								self.layer_bounding_box,
+								document_to_viewport,
+								pivot,
+								self.initial_transform,
+							);
+						}
+					};
+				}
+
+				self.mouse_position = input.mouse.position;
+			}
+			TransformLayerMessage::SelectionChanged => {
+				let target_layers = document.network_interface.selected_nodes().selected_layers(document.metadata()).collect();
+				shape_editor.set_selected_layers(target_layers);
+			}
+			TransformLayerMessage::TypeBackspace => {
+				let pivot = document_to_viewport.transform_point2(self.local_pivot);
+				if self.typing.digits.is_empty() && self.typing.negative {
+					self.transform_operation
+						.negate(&mut selected, self.increments, self.local, self.layer_bounding_box, document_to_viewport, pivot, self.initial_transform);
+					self.typing.type_negate();
+				}
+				self.transform_operation.grs_typed(
+					self.typing.type_backspace(),
+					&mut selected,
+					self.increments,
+					self.local,
+					self.layer_bounding_box,
+					document_to_viewport,
+					pivot,
+					self.initial_transform,
+				);
+			}
+			TransformLayerMessage::TypeDecimalPoint => {
+				let pivot = document_to_viewport.transform_point2(self.local_pivot);
+				if self.transform_operation.can_begin_typing() {
+					self.transform_operation.grs_typed(
+						self.typing.type_decimal_point(),
+						&mut selected,
+						self.increments,
+						self.local,
+						self.layer_bounding_box,
+						document_to_viewport,
+						pivot,
+						self.initial_transform,
+					)
+				}
+			}
+			TransformLayerMessage::TypeDigit { digit } => {
+				if self.transform_operation.can_begin_typing() {
+					let pivot = document_to_viewport.transform_point2(self.local_pivot);
+					self.transform_operation.grs_typed(
+						self.typing.type_number(digit),
+						&mut selected,
+						self.increments,
+						self.local,
+						self.layer_bounding_box,
+						document_to_viewport,
+						pivot,
+						self.initial_transform,
+					)
+				}
+			}
+			TransformLayerMessage::TypeNegate => {
+				let pivot = document_to_viewport.transform_point2(self.local_pivot);
+				if self.typing.digits.is_empty() {
+					self.transform_operation
+						.negate(&mut selected, self.increments, self.local, self.layer_bounding_box, document_to_viewport, pivot, self.initial_transform);
+				}
+				self.transform_operation.grs_typed(
+					self.typing.type_negate(),
+					&mut selected,
+					self.increments,
+					self.local,
+					self.layer_bounding_box,
+					document_to_viewport,
+					pivot,
+					self.initial_transform,
+				)
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		let mut common = actions!(TransformLayerMessageDiscriminant;
+			BeginGrab,
+			BeginRotate,
+			BeginScale,
+		);
+
+		if self.transform_operation != TransformOperation::None {
+			let active = actions!(TransformLayerMessageDiscriminant;
+				PointerMove,
+				CancelTransformOperation,
+				ApplyTransformOperation,
+				TypeDigit,
+				TypeBackspace,
+				TypeDecimalPoint,
+				TypeNegate,
+				ConstrainX,
+				ConstrainY,
+			);
+			common.extend(active);
+		}
+
+		common
+	}
+}
+
+#[cfg(test)]
+mod test_transform_layer {
+	use crate::messages::portfolio::document::graph_operation::transform_utils;
+	use crate::messages::portfolio::document::graph_operation::utility_types::ModifyInputsContext;
+	use crate::messages::portfolio::document::utility_types::misc::GroupFolderType;
+	use crate::messages::prelude::Message;
+	use crate::messages::tool::transform_layer::transform_layer_message_handler::VectorModificationType;
+	use crate::test_utils::test_prelude::*;
+	use glam::DAffine2;
+	use graphene_std::vector::PointId;
+	use std::collections::VecDeque;
+
+	async fn get_layer_transform(editor: &mut EditorTestUtils, layer: LayerNodeIdentifier) -> Option<DAffine2> {
+		let document = editor.active_document();
+		let network_interface = &document.network_interface;
+		let _responses: VecDeque<Message> = VecDeque::new();
+		let transform_node_id = ModifyInputsContext::locate_node_in_layer_chain("Transform", layer, network_interface)?;
+		let document_node = network_interface.document_network().nodes.get(&transform_node_id)?;
+		Some(transform_utils::get_current_transform(&document_node.inputs))
+	}
+
+	#[tokio::test]
+	async fn test_grab_apply() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+
+		let translation = DVec2::new(50., 50.);
+		editor.move_mouse(translation.x, translation.y, ModifierKeys::empty(), MouseKeys::NONE).await;
+
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		let translation_diff = (final_transform.translation - original_transform.translation).length();
+		assert!(translation_diff > 10., "Transform should have changed after applying transformation. Diff: {}", translation_diff);
+	}
+
+	#[tokio::test]
+	async fn test_grab_cancel() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+		let original_transform = get_layer_transform(&mut editor, layer).await.expect("Should be able to get the layer transform");
+
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+		editor.move_mouse(50., 50., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+
+		let during_transform = get_layer_transform(&mut editor, layer).await.expect("Should be able to get the layer transform during operation");
+
+		assert!(original_transform != during_transform, "Transform should change during operation");
+
+		editor.handle_message(TransformLayerMessage::CancelTransformOperation).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await.expect("Should be able to get the final transform");
+		let final_translation = final_transform.translation;
+		let original_translation = original_transform.translation;
+
+		// Verify transform is either restored to original OR reset to identity
+		assert!(
+			(final_translation - original_translation).length() < 5. || final_translation.length() < 0.001,
+			"Transform neither restored to original nor reset to identity. Original: {:?}, Final: {:?}",
+			original_translation,
+			final_translation
+		);
+	}
+
+	#[tokio::test]
+	async fn test_rotate_apply() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		editor.handle_message(TransformLayerMessage::BeginRotate).await;
+
+		editor.move_mouse(150., 50., ModifierKeys::empty(), MouseKeys::NONE).await;
+
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+		println!("Final transform: {:?}", final_transform);
+
+		// Check matrix components have changed (rotation affects matrix2)
+		let matrix_diff = (final_transform.matrix2.x_axis - original_transform.matrix2.x_axis).length();
+		assert!(matrix_diff > 0.1, "Rotation should have changed the transform matrix. Diff: {}", matrix_diff);
+	}
+
+	#[tokio::test]
+	async fn test_rotate_cancel() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		editor.handle_message(TransformLayerMessage::BeginRotate).await;
+		editor.handle_message(TransformLayerMessage::CancelTransformOperation).await;
+
+		let after_cancel = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		assert!(!after_cancel.translation.x.is_nan(), "Transform is NaN after cancel");
+		assert!(!after_cancel.translation.y.is_nan(), "Transform is NaN after cancel");
+
+		let translation_diff = (after_cancel.translation - original_transform.translation).length();
+		assert!(translation_diff < 1., "Translation component changed too much: {}", translation_diff);
+	}
+
+	#[tokio::test]
+	async fn test_scale_apply() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		editor.handle_message(TransformLayerMessage::BeginScale).await;
+
+		editor.move_mouse(150., 150., ModifierKeys::empty(), MouseKeys::NONE).await;
+
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		// Check scaling components have changed
+		let scale_diff_x = (final_transform.matrix2.x_axis.x - original_transform.matrix2.x_axis.x).abs();
+		let scale_diff_y = (final_transform.matrix2.y_axis.y - original_transform.matrix2.y_axis.y).abs();
+
+		assert!(
+			scale_diff_x > 0.1 || scale_diff_y > 0.1,
+			"Scaling should have changed the transform matrix. Diffs: x={}, y={}",
+			scale_diff_x,
+			scale_diff_y
+		);
+	}
+
+	#[tokio::test]
+	async fn test_scale_cancel() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		editor.handle_message(TransformLayerMessage::BeginScale).await;
+
+		// Cancel immediately without moving to ensure proper reset
+		editor.handle_message(TransformLayerMessage::CancelTransformOperation).await;
+
+		let after_cancel = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		// The scale factor is represented in the matrix2 part, so check those components
+		assert!(
+			(after_cancel.matrix2.x_axis.x - original_transform.matrix2.x_axis.x).abs() < 0.1 && (after_cancel.matrix2.y_axis.y - original_transform.matrix2.y_axis.y).abs() < 0.1,
+			"Matrix scale components should be restored after cancellation"
+		);
+
+		// Also check translation component is similar
+		let translation_diff = (after_cancel.translation - original_transform.translation).length();
+		assert!(translation_diff < 1., "Translation component changed too much: {}", translation_diff);
+	}
+
+	#[tokio::test]
+	async fn test_grab_rotate_scale_chained() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![layer.to_node()] }).await;
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+		editor.move_mouse(150., 130., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+
+		let after_grab_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+		let expected_translation = DVec2::new(50., 30.);
+		let actual_translation = after_grab_transform.translation - original_transform.translation;
+		assert!(
+			(actual_translation - expected_translation).length() < 1e-5,
+			"Expected translation of {:?}, got {:?}",
+			expected_translation,
+			actual_translation
+		);
+
+		// 2. Chain to rotation - from current position to create ~45 degree rotation
+		editor.handle_message(TransformLayerMessage::BeginRotate).await;
+		editor.move_mouse(190., 90., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+		let after_rotate_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+		// Checking for off-diagonal elements close to 0.707, which corresponds to cos(45°) and sin(45°)
+		assert!(
+			!after_rotate_transform.matrix2.abs_diff_eq(after_grab_transform.matrix2, 1e-5) &&
+			(after_rotate_transform.matrix2.x_axis.y.abs() - 0.707).abs() < 0.1 &&  // Check for off-diagonal elements close to 0.707
+			(after_rotate_transform.matrix2.y_axis.x.abs() - 0.707).abs() < 0.1, // that would indicate ~45° rotation
+			"Rotation should change matrix components with approximately 45° rotation"
+		);
+
+		// 3. Chain to scaling - scale(area) up by 2x
+		editor.handle_message(TransformLayerMessage::BeginScale).await;
+		editor.move_mouse(250., 200., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+
+		let after_scale_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+		let before_scale_det = after_rotate_transform.matrix2.determinant();
+		let after_scale_det = after_scale_transform.matrix2.determinant();
+		assert!(
+			after_scale_det >= 2. * before_scale_det,
+			"Scale should increase the determinant of the matrix (before: {}, after: {})",
+			before_scale_det,
+			after_scale_det
+		);
+
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+		let final_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		assert!(final_transform.abs_diff_eq(after_scale_transform, 1e-5), "Final transform should match the transform before committing");
+		assert!(!final_transform.abs_diff_eq(original_transform, 1e-5), "Final transform should be different from original transform");
+	}
+
+	#[tokio::test]
+	async fn test_scale_with_panned_view() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		let pan_amount = DVec2::new(200., 150.);
+		editor.handle_message(NavigationMessage::CanvasPan { delta: pan_amount }).await;
+
+		editor.handle_message(TransformLayerMessage::BeginScale).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 2 }).await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		let scale_x = final_transform.matrix2.x_axis.length() / original_transform.matrix2.x_axis.length();
+		let scale_y = final_transform.matrix2.y_axis.length() / original_transform.matrix2.y_axis.length();
+
+		assert!((scale_x - 2.).abs() < 0.1, "Expected scale factor X of 2, got: {}", scale_x);
+		assert!((scale_y - 2.).abs() < 0.1, "Expected scale factor Y of 2, got: {}", scale_y);
+	}
+
+	#[tokio::test]
+	async fn test_scale_with_zoomed_view() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		editor.handle_message(NavigationMessage::CanvasZoomIncrease { center_on_mouse: false }).await;
+		editor.handle_message(NavigationMessage::CanvasZoomIncrease { center_on_mouse: false }).await;
+
+		editor.handle_message(TransformLayerMessage::BeginScale).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 2 }).await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		let scale_x = final_transform.matrix2.x_axis.length() / original_transform.matrix2.x_axis.length();
+		let scale_y = final_transform.matrix2.y_axis.length() / original_transform.matrix2.y_axis.length();
+
+		assert!((scale_x - 2.).abs() < 0.1, "Expected scale factor X of 2, got: {}", scale_x);
+		assert!((scale_y - 2.).abs() < 0.1, "Expected scale factor Y of 2, got: {}", scale_y);
+	}
+
+	#[tokio::test]
+	async fn test_rotate_with_rotated_view() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		let original_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		// Rotate the document view (45 degrees)
+		editor.handle_message(NavigationMessage::BeginCanvasTilt { was_dispatched_from_menu: false }).await;
+		editor
+			.handle_message(NavigationMessage::CanvasTiltSet {
+				angle_radians: (45. as f64).to_radians(),
+			})
+			.await;
+		editor.handle_message(TransformLayerMessage::BeginRotate).await;
+
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 9 }).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 0 }).await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+
+		let original_angle = original_transform.to_scale_angle_translation().1;
+		let final_angle = final_transform.to_scale_angle_translation().1;
+		let angle_change = (final_angle - original_angle).to_degrees();
+
+		// Normalize angle between 0 and 360
+		let angle_change = ((angle_change % 360.) + 360.) % 360.;
+		assert!((angle_change - 90.).abs() < 0.1, "Expected rotation of 90 degrees, got: {}", angle_change);
+	}
+
+	#[tokio::test]
+	async fn test_grs_single_anchor() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.handle_message(DocumentMessage::CreateEmptyFolder).await;
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		let point_id = PointId::generate();
+		let modification_type = VectorModificationType::InsertPoint {
+			id: point_id,
+			position: DVec2::new(100., 100.),
+		};
+		editor.handle_message(GraphOperationMessage::Vector { layer, modification_type }).await;
+		editor.handle_message(ToolMessage::ActivateTool { tool_type: ToolType::Select }).await;
+
+		// Testing grab operation - just checking that it doesn't crash.
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+		editor.move_mouse(150., 150., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await;
+		assert!(final_transform.is_some(), "Transform node should exist after grab operation");
+	}
+	#[tokio::test]
+	async fn test_scale_to_zero_then_rescale() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.drag_tool(ToolType::Rectangle, 0., 0., 100., 100., ModifierKeys::empty()).await;
+		let document = editor.active_document();
+		let layer = document.metadata().all_layers().next().unwrap();
+
+		// First scale to near-zero
+		editor.handle_message(TransformLayerMessage::BeginScale).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 0 }).await;
+		editor.handle_message(TransformLayerMessage::TypeDecimalPoint).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 0 }).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 0 }).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 0 }).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 1 }).await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let near_zero_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+		// Verify scale is near zero.
+		let scale_x = near_zero_transform.matrix2.x_axis.length();
+		let scale_y = near_zero_transform.matrix2.y_axis.length();
+		assert!(scale_x < 0.001, "Scale factor X should be near zero, got: {}", scale_x);
+		assert!(scale_y < 0.001, "Scale factor Y should be near zero, got: {}", scale_y);
+		assert!(scale_x > 0., "Scale factor X should not be exactly zero");
+		assert!(scale_y > 0., "Scale factor Y should not be exactly zero");
+
+		editor.handle_message(TransformLayerMessage::BeginScale).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 2 }).await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+
+		let final_transform = get_layer_transform(&mut editor, layer).await.unwrap();
+		assert!(final_transform.is_finite(), "Transform should be finite after rescaling");
+
+		let new_scale_x = final_transform.matrix2.x_axis.length();
+		let new_scale_y = final_transform.matrix2.y_axis.length();
+		assert!(new_scale_x > 0., "After rescaling, scale factor X should be non-zero");
+		assert!(new_scale_y > 0., "After rescaling, scale factor Y should be non-zero");
+	}
+
+	#[tokio::test]
+	async fn test_transform_with_different_selections() {
+		let mut editor = EditorTestUtils::create();
+		editor.new_document().await;
+		editor.draw_rect(0., 0., 100., 100.).await;
+		editor.draw_rect(150., 0., 250., 100.).await;
+		editor.draw_rect(0., 150., 100., 250.).await;
+		editor.draw_rect(150., 150., 250., 250.).await;
+		let document = editor.active_document();
+		let layers: Vec<LayerNodeIdentifier> = document.metadata().all_layers().collect();
+
+		assert!(layers.len() == 4);
+
+		// Creating a group with two rectangles
+		editor
+			.handle_message(NodeGraphMessage::SelectedNodesSet {
+				nodes: vec![layers[2].to_node(), layers[3].to_node()],
+			})
+			.await;
+		editor
+			.handle_message(DocumentMessage::GroupSelectedLayers {
+				group_folder_type: GroupFolderType::Layer,
+			})
+			.await;
+
+		// Get the group layer (should be the newest layer)
+		let document = editor.active_document();
+		let group_layer = document.metadata().all_layers().next().unwrap();
+
+		// Test 1: Transform single layer
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![layers[0].to_node()] }).await;
+		let original_transform = get_layer_transform(&mut editor, layers[0]).await.unwrap();
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+		editor.move_mouse(50., 50., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+		let final_transform = get_layer_transform(&mut editor, layers[0]).await.unwrap();
+		assert!(!final_transform.abs_diff_eq(original_transform, 1e-5), "Transform should change for single layer");
+
+		// Test 2: Transform multiple layers
+		editor
+			.handle_message(NodeGraphMessage::SelectedNodesSet {
+				nodes: vec![layers[0].to_node(), layers[1].to_node()],
+			})
+			.await;
+		let original_transform_1 = get_layer_transform(&mut editor, layers[0]).await.unwrap();
+		let original_transform_2 = get_layer_transform(&mut editor, layers[1]).await.unwrap();
+		editor.handle_message(TransformLayerMessage::BeginRotate).await;
+		editor.move_mouse(200., 50., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+		let final_transform_1 = get_layer_transform(&mut editor, layers[0]).await.unwrap();
+		let final_transform_2 = get_layer_transform(&mut editor, layers[1]).await.unwrap();
+		assert!(!final_transform_1.abs_diff_eq(original_transform_1, 1e-5), "Transform should change for first layer in multi-selection");
+		assert!(
+			!final_transform_2.abs_diff_eq(original_transform_2, 1e-5),
+			"Transform should change for second layer in multi-selection"
+		);
+
+		// Test 3: Transform group
+		editor.handle_message(NodeGraphMessage::SelectedNodesSet { nodes: vec![group_layer.to_node()] }).await;
+		let original_group_transform = get_layer_transform(&mut editor, group_layer).await.unwrap();
+		editor.handle_message(TransformLayerMessage::BeginScale).await;
+		editor.handle_message(TransformLayerMessage::TypeDigit { digit: 2 }).await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+		let final_group_transform = get_layer_transform(&mut editor, group_layer).await.unwrap();
+		assert!(!final_group_transform.abs_diff_eq(original_group_transform, 1e-5), "Transform should change for group");
+
+		// Test 4: Transform layers inside transformed group
+		let child_layer_id = {
+			let document = editor.active_document_mut();
+			let group_children = document.network_interface.downstream_layers(&group_layer.to_node(), &[]);
+			if !group_children.is_empty() {
+				Some(LayerNodeIdentifier::new(group_children[0], &document.network_interface, &[]))
+			} else {
+				None
+			}
+		};
+		assert!(child_layer_id.is_some(), "Group should have child layers");
+		let child_layer_id = child_layer_id.unwrap();
+		editor
+			.handle_message(NodeGraphMessage::SelectedNodesSet {
+				nodes: vec![child_layer_id.to_node()],
+			})
+			.await;
+		let original_child_transform = get_layer_transform(&mut editor, child_layer_id).await.unwrap();
+		editor.handle_message(TransformLayerMessage::BeginGrab).await;
+		editor.move_mouse(30., 30., ModifierKeys::empty(), MouseKeys::NONE).await;
+		editor
+			.handle_message(TransformLayerMessage::PointerMove {
+				slow_key: Key::Shift,
+				increments_key: Key::Control,
+			})
+			.await;
+		editor.handle_message(TransformLayerMessage::ApplyTransformOperation { final_transform: true }).await;
+		let final_child_transform = get_layer_transform(&mut editor, child_layer_id).await.unwrap();
+		assert!(!final_child_transform.abs_diff_eq(original_child_transform, 1e-5), "Child layer inside transformed group should change");
+	}
+}
diff --git a/editor/src/messages/tool/utility_types.rs b/editor/src/messages/tool/utility_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fbbec768e4a986704c34013387146c03466f07aa
--- /dev/null
+++ b/editor/src/messages/tool/utility_types.rs
@@ -0,0 +1,610 @@
+#![allow(clippy::too_many_arguments)]
+
+use super::common_functionality::shape_editor::ShapeState;
+use super::tool_messages::*;
+use crate::messages::broadcast::BroadcastMessage;
+use crate::messages::broadcast::broadcast_event::BroadcastEvent;
+use crate::messages::input_mapper::utility_types::input_keyboard::{Key, KeysGroup, LayoutKeysGroup, MouseMotion};
+use crate::messages::input_mapper::utility_types::macros::action_keys;
+use crate::messages::input_mapper::utility_types::misc::ActionKeys;
+use crate::messages::layout::utility_types::widget_prelude::*;
+use crate::messages::portfolio::document::overlays::utility_types::OverlayProvider;
+use crate::messages::preferences::PreferencesMessageHandler;
+use crate::messages::prelude::*;
+use crate::messages::tool::common_functionality::shapes::shape_utility::ShapeType;
+use crate::node_graph_executor::NodeGraphExecutor;
+use graphene_std::raster::color::Color;
+use graphene_std::text::FontCache;
+use std::borrow::Cow;
+use std::fmt::{self, Debug};
+
+pub struct ToolActionHandlerData<'a> {
+	pub document: &'a mut DocumentMessageHandler,
+	pub document_id: DocumentId,
+	pub global_tool_data: &'a DocumentToolData,
+	pub input: &'a InputPreprocessorMessageHandler,
+	pub font_cache: &'a FontCache,
+	pub shape_editor: &'a mut ShapeState,
+	pub node_graph: &'a NodeGraphExecutor,
+	pub preferences: &'a PreferencesMessageHandler,
+}
+
+pub trait ToolCommon: for<'a, 'b> MessageHandler<ToolMessage, &'b mut ToolActionHandlerData<'a>> + LayoutHolder + ToolTransition + ToolMetadata {}
+impl<T> ToolCommon for T where T: for<'a, 'b> MessageHandler<ToolMessage, &'b mut ToolActionHandlerData<'a>> + LayoutHolder + ToolTransition + ToolMetadata {}
+
+type Tool = dyn ToolCommon + Send + Sync;
+
+/// The FSM (finite state machine) is a flowchart between different operating states that a specific tool might be in.
+/// It is the central "core" logic area of each tool which is in charge of maintaining the state of the tool and responding to events coming from outside (like user input).
+/// For example, a tool might be `Ready` or `Drawing` depending on if the user is idle or actively drawing with the mouse held down.
+/// The FSM keeps track of what the tool is doing and allows the tool to take action when events are directed at the FSM.
+/// Every tool, which implements this trait, must implement the `transition()` function.
+/// That is where new events are sent, and where the flowchart transition logic occurs to respond to events and end in a new state.
+pub trait Fsm {
+	/// The implementing tool must set this to a struct designed to store the internal values stored in the tool.
+	/// For example, it might be used to store the starting location of a point when a drag began so the displacement distance can be calculated.
+	type ToolData;
+	/// The implementing tool must set this to a struct (or `()` if none) designed to store the values of the tool options set by the user in the tool controls portion on the left of the control bar.
+	type ToolOptions;
+
+	/// Implementing this mandatory trait function lets a specific tool react accordingly (and potentially change its state or internal variables) upon receiving an event to do something.
+	/// Based on its current state, and what the event is, the FSM (finite state machine) should direct the tool to an appropriate outcome.
+	/// For example, if the tool's FSM is in a `Ready` state and receives a `DragStart` message as its event, it may decide to send some messages,
+	/// update some internal tool variables, and end by transitioning to a `Drawing` state.
+	#[must_use]
+	fn transition(self, message: ToolMessage, tool_data: &mut Self::ToolData, transition_data: &mut ToolActionHandlerData, options: &Self::ToolOptions, responses: &mut VecDeque<Message>) -> Self;
+
+	/// Implementing this trait function lets a specific tool provide a list of hints (user input actions presently available) to draw in the footer bar.
+	fn update_hints(&self, responses: &mut VecDeque<Message>);
+	/// Implementing this trait function lets a specific tool set the current mouse cursor icon.
+	fn update_cursor(&self, responses: &mut VecDeque<Message>);
+
+	/// If this message is a standard tool message, process it and return true. Standard tool messages are those which are common across every tool.
+	fn standard_tool_messages(&self, message: &ToolMessage, responses: &mut VecDeque<Message>) -> bool {
+		// Check for standard hits or cursor events
+		match message {
+			ToolMessage::UpdateHints => {
+				self.update_hints(responses);
+				true
+			}
+			ToolMessage::UpdateCursor => {
+				self.update_cursor(responses);
+				true
+			}
+			_ => false,
+		}
+	}
+
+	/// When an event makes the tool change or do something, it is processed here to perform a step (transition) on the tool's finite state machine (FSM).
+	/// This function is called by the specific tool's message handler when the dispatcher routes a message to the active tool.
+	fn process_event(
+		&mut self,
+		message: ToolMessage,
+		tool_data: &mut Self::ToolData,
+		transition_data: &mut ToolActionHandlerData,
+		options: &Self::ToolOptions,
+		responses: &mut VecDeque<Message>,
+		update_cursor_on_transition: bool,
+	) where
+		Self: PartialEq + Sized + Copy,
+	{
+		// If this message is one of the standard tool messages, process it and exit early
+		if self.standard_tool_messages(&message, responses) {
+			return;
+		}
+
+		// Transition the tool
+		let new_state = self.transition(message, tool_data, transition_data, options, responses);
+
+		// Update state
+		if *self != new_state {
+			*self = new_state;
+			self.update_hints(responses);
+			if update_cursor_on_transition {
+				self.update_cursor(responses);
+			}
+		}
+	}
+}
+
+#[derive(Debug, Clone)]
+pub struct DocumentToolData {
+	pub primary_color: Color,
+	pub secondary_color: Color,
+}
+
+impl DocumentToolData {
+	pub fn update_working_colors(&self, responses: &mut VecDeque<Message>) {
+		let layout = WidgetLayout::new(vec![
+			LayoutGroup::Row {
+				widgets: vec![WorkingColorsInput::new(self.primary_color.to_gamma_srgb(), self.secondary_color.to_gamma_srgb()).widget_holder()],
+			},
+			LayoutGroup::Row {
+				widgets: vec![
+					IconButton::new("SwapVertical", 16)
+						.tooltip("Swap")
+						.tooltip_shortcut(action_keys!(ToolMessageDiscriminant::SwapColors))
+						.on_update(|_| ToolMessage::SwapColors.into())
+						.widget_holder(),
+					IconButton::new("WorkingColors", 16)
+						.tooltip("Reset")
+						.tooltip_shortcut(action_keys!(ToolMessageDiscriminant::ResetColors))
+						.on_update(|_| ToolMessage::ResetColors.into())
+						.widget_holder(),
+				],
+			},
+		]);
+
+		responses.add(LayoutMessage::SendLayout {
+			layout: Layout::WidgetLayout(layout),
+			layout_target: LayoutTarget::WorkingColors,
+		});
+
+		responses.add(BroadcastMessage::TriggerEvent(BroadcastEvent::WorkingColorChanged));
+	}
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct EventToMessageMap {
+	pub canvas_transformed: Option<ToolMessage>,
+	pub selection_changed: Option<ToolMessage>,
+	pub tool_abort: Option<ToolMessage>,
+	pub working_color_changed: Option<ToolMessage>,
+	pub overlay_provider: Option<OverlayProvider>,
+}
+
+pub trait ToolTransition {
+	fn event_to_message_map(&self) -> EventToMessageMap;
+
+	fn activate(&self, responses: &mut VecDeque<Message>) {
+		let mut subscribe_message = |broadcast_to_tool_mapping: Option<ToolMessage>, event: BroadcastEvent| {
+			if let Some(mapping) = broadcast_to_tool_mapping {
+				responses.add(BroadcastMessage::SubscribeEvent {
+					on: event,
+					send: Box::new(mapping.into()),
+				});
+			}
+		};
+
+		let event_to_tool_map = self.event_to_message_map();
+		subscribe_message(event_to_tool_map.canvas_transformed, BroadcastEvent::CanvasTransformed);
+		subscribe_message(event_to_tool_map.tool_abort, BroadcastEvent::ToolAbort);
+		subscribe_message(event_to_tool_map.selection_changed, BroadcastEvent::SelectionChanged);
+		subscribe_message(event_to_tool_map.working_color_changed, BroadcastEvent::WorkingColorChanged);
+		if let Some(overlay_provider) = event_to_tool_map.overlay_provider {
+			responses.add(OverlaysMessage::AddProvider(overlay_provider));
+		}
+	}
+
+	fn deactivate(&self, responses: &mut VecDeque<Message>) {
+		let mut unsubscribe_message = |broadcast_to_tool_mapping: Option<ToolMessage>, event: BroadcastEvent| {
+			if let Some(mapping) = broadcast_to_tool_mapping {
+				responses.add(BroadcastMessage::UnsubscribeEvent {
+					on: event,
+					message: Box::new(mapping.into()),
+				});
+			}
+		};
+
+		let event_to_tool_map = self.event_to_message_map();
+		unsubscribe_message(event_to_tool_map.canvas_transformed, BroadcastEvent::CanvasTransformed);
+		unsubscribe_message(event_to_tool_map.tool_abort, BroadcastEvent::ToolAbort);
+		unsubscribe_message(event_to_tool_map.selection_changed, BroadcastEvent::SelectionChanged);
+		unsubscribe_message(event_to_tool_map.working_color_changed, BroadcastEvent::WorkingColorChanged);
+		if let Some(overlay_provider) = event_to_tool_map.overlay_provider {
+			responses.add(OverlaysMessage::RemoveProvider(overlay_provider));
+		}
+	}
+}
+
+pub trait ToolMetadata {
+	fn icon_name(&self) -> String;
+	fn tooltip(&self) -> String;
+	fn tool_type(&self) -> ToolType;
+}
+
+pub struct ToolData {
+	pub active_tool_type: ToolType,
+	pub active_shape_type: Option<ToolType>,
+	pub tools: HashMap<ToolType, Box<Tool>>,
+}
+
+impl fmt::Debug for ToolData {
+	fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
+		f.debug_struct("ToolData").field("active_tool_type", &self.active_tool_type).field("tool_options", &"[…]").finish()
+	}
+}
+
+impl ToolData {
+	pub fn active_tool_mut(&mut self) -> &mut Box<Tool> {
+		self.tools.get_mut(&self.active_tool_type).expect("The active tool is not initialized")
+	}
+
+	pub fn active_tool(&self) -> &Tool {
+		self.tools.get(&self.active_tool_type).map(|x| x.as_ref()).expect("The active tool is not initialized")
+	}
+}
+
+impl LayoutHolder for ToolData {
+	fn layout(&self) -> Layout {
+		let active_tool = self.active_shape_type.unwrap_or(self.active_tool_type);
+
+		let tool_groups_layout = list_tools_in_groups()
+			.iter()
+			.map(|tool_group|
+				tool_group
+					.iter()
+					.map(|tool_availability| {
+						match tool_availability {
+							ToolAvailability::Available(tool) =>
+								ToolEntry::new(tool.tool_type(), tool.icon_name())
+									.tooltip(tool.tooltip())
+									.tooltip_shortcut(action_keys!(tool_type_to_activate_tool_message(tool.tool_type()))),
+							ToolAvailability::AvailableAsShape(shape) =>
+								ToolEntry::new(shape.tool_type(), shape.icon_name())
+									.tooltip(shape.tooltip())
+									.tooltip_shortcut(action_keys!(tool_type_to_activate_tool_message(shape.tool_type()))),
+							ToolAvailability::ComingSoon(tool) => tool.clone(),
+						}
+					})
+					.collect::<Vec<_>>()
+			)
+			.flat_map(|group| {
+				let separator = std::iter::once(Separator::new(SeparatorType::Section).direction(SeparatorDirection::Vertical).widget_holder());
+				let buttons = group.into_iter().map(|ToolEntry { tooltip, tooltip_shortcut, tool_type, icon_name }| {
+					IconButton::new(icon_name, 32)
+						.disabled(false)
+						.active(match tool_type {
+							ToolType::Line | ToolType::Ellipse | ToolType::Rectangle => { self.active_shape_type.is_some() && active_tool == tool_type }
+							_ => active_tool == tool_type,
+						})
+						.tooltip(tooltip.clone())
+						.tooltip_shortcut(tooltip_shortcut)
+						.on_update(move |_| {
+							match tool_type {
+								ToolType::Line => ToolMessage::ActivateToolShapeLine.into(),
+								ToolType::Rectangle => ToolMessage::ActivateToolShapeRectangle.into(),
+								ToolType::Ellipse => ToolMessage::ActivateToolShapeEllipse.into(),
+								ToolType::Shape => ToolMessage::ActivateToolShape.into(),
+								_ => {
+									if !tooltip.contains("Coming Soon") { (ToolMessage::ActivateTool { tool_type }).into() } else { (DialogMessage::RequestComingSoonDialog { issue: None }).into() }
+								}
+							}
+						})
+						.widget_holder()
+				});
+
+				separator.chain(buttons)
+			})
+			// Skip the initial separator
+			.skip(1)
+			.collect();
+
+		Layout::WidgetLayout(WidgetLayout {
+			layout: vec![LayoutGroup::Row { widgets: tool_groups_layout }],
+		})
+	}
+}
+
+#[derive(Debug, Clone, Default, WidgetBuilder)]
+#[widget_builder(not_widget_holder)]
+pub struct ToolEntry {
+	#[widget_builder(constructor)]
+	pub tool_type: ToolType,
+	#[widget_builder(constructor)]
+	pub icon_name: String,
+	pub tooltip: String,
+	pub tooltip_shortcut: Option<ActionKeys>,
+}
+
+#[derive(Debug)]
+pub struct ToolFsmState {
+	pub document_tool_data: DocumentToolData,
+	pub tool_data: ToolData,
+}
+
+impl Default for ToolFsmState {
+	fn default() -> Self {
+		Self {
+			tool_data: ToolData {
+				active_tool_type: ToolType::Select,
+				active_shape_type: None,
+				tools: list_tools_in_groups()
+					.into_iter()
+					.flatten()
+					.filter_map(|tool| match tool {
+						ToolAvailability::Available(tool) => Some((tool.tool_type(), tool)),
+						ToolAvailability::AvailableAsShape(_) => None,
+						ToolAvailability::ComingSoon(_) => None,
+					})
+					.collect(),
+			},
+			document_tool_data: DocumentToolData {
+				primary_color: Color::BLACK,
+				secondary_color: Color::WHITE,
+			},
+		}
+	}
+}
+
+impl ToolFsmState {
+	pub fn new() -> Self {
+		Self::default()
+	}
+}
+
+#[repr(usize)]
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, serde::Serialize, serde::Deserialize, Default, specta::Type)]
+pub enum ToolType {
+	// General tool group
+	#[default]
+	Select,
+	Artboard,
+	Navigate,
+	Eyedropper,
+	Fill,
+	Gradient,
+
+	// Vector tool group
+	Path,
+	Pen,
+	Freehand,
+	Spline,
+	Shape,
+	Line,      // Shape tool alias
+	Rectangle, // Shape tool alias
+	Ellipse,   // Shape tool alias
+	Text,
+
+	// Raster tool group
+	Brush,
+	Heal,
+	Clone,
+	Patch,
+	Detail,
+	Relight,
+	Frame,
+}
+
+impl ToolType {
+	pub fn get_shape(&self) -> Option<Self> {
+		match self {
+			Self::Rectangle | Self::Line | Self::Ellipse => Some(*self),
+			_ => None,
+		}
+	}
+
+	pub fn get_tool(self) -> Self {
+		if self.get_shape().is_some() { ToolType::Shape } else { self }
+	}
+}
+
+enum ToolAvailability {
+	Available(Box<Tool>),
+	AvailableAsShape(ShapeType),
+	ComingSoon(ToolEntry),
+}
+
+/// List of all the tools in their conventional ordering and grouping.
+fn list_tools_in_groups() -> Vec<Vec<ToolAvailability>> {
+	vec![
+		vec![
+			// General tool group
+			ToolAvailability::Available(Box::<select_tool::SelectTool>::default()),
+			ToolAvailability::Available(Box::<artboard_tool::ArtboardTool>::default()),
+			ToolAvailability::Available(Box::<navigate_tool::NavigateTool>::default()),
+			ToolAvailability::Available(Box::<eyedropper_tool::EyedropperTool>::default()),
+			ToolAvailability::Available(Box::<fill_tool::FillTool>::default()),
+			ToolAvailability::Available(Box::<gradient_tool::GradientTool>::default()),
+		],
+		vec![
+			// Vector tool group
+			ToolAvailability::Available(Box::<path_tool::PathTool>::default()),
+			ToolAvailability::Available(Box::<pen_tool::PenTool>::default()),
+			ToolAvailability::Available(Box::<freehand_tool::FreehandTool>::default()),
+			ToolAvailability::Available(Box::<spline_tool::SplineTool>::default()),
+			ToolAvailability::AvailableAsShape(ShapeType::Line),
+			ToolAvailability::AvailableAsShape(ShapeType::Rectangle),
+			ToolAvailability::AvailableAsShape(ShapeType::Ellipse),
+			ToolAvailability::Available(Box::<shape_tool::ShapeTool>::default()),
+			ToolAvailability::Available(Box::<text_tool::TextTool>::default()),
+		],
+		vec![
+			// Raster tool group
+			ToolAvailability::Available(Box::<brush_tool::BrushTool>::default()),
+			ToolAvailability::ComingSoon(ToolEntry::new(ToolType::Heal, "RasterHealTool").tooltip("Coming Soon: Heal Tool (J)")),
+			ToolAvailability::ComingSoon(ToolEntry::new(ToolType::Clone, "RasterCloneTool").tooltip("Coming Soon: Clone Tool (C)")),
+			ToolAvailability::ComingSoon(ToolEntry::new(ToolType::Patch, "RasterPatchTool").tooltip("Coming Soon: Patch Tool")),
+			ToolAvailability::ComingSoon(ToolEntry::new(ToolType::Detail, "RasterDetailTool").tooltip("Coming Soon: Detail Tool (D)")),
+			ToolAvailability::ComingSoon(ToolEntry::new(ToolType::Relight, "RasterRelightTool").tooltip("Coming Soon: Relight Tool (O)")),
+		],
+	]
+}
+
+pub fn tool_message_to_tool_type(tool_message: &ToolMessage) -> ToolType {
+	match tool_message {
+		// General tool group
+		ToolMessage::Select(_) => ToolType::Select,
+		ToolMessage::Artboard(_) => ToolType::Artboard,
+		ToolMessage::Navigate(_) => ToolType::Navigate,
+		ToolMessage::Eyedropper(_) => ToolType::Eyedropper,
+		ToolMessage::Fill(_) => ToolType::Fill,
+		ToolMessage::Gradient(_) => ToolType::Gradient,
+
+		// Vector tool group
+		ToolMessage::Path(_) => ToolType::Path,
+		ToolMessage::Pen(_) => ToolType::Pen,
+		ToolMessage::Freehand(_) => ToolType::Freehand,
+		ToolMessage::Spline(_) => ToolType::Spline,
+		ToolMessage::Shape(_) => ToolType::Shape, // Includes the Line, Rectangle, and Ellipse aliases
+		ToolMessage::Text(_) => ToolType::Text,
+
+		// Raster tool group
+		ToolMessage::Brush(_) => ToolType::Brush,
+		// ToolMessage::Heal(_) => ToolType::Heal,
+		// ToolMessage::Clone(_) => ToolType::Clone,
+		// ToolMessage::Patch(_) => ToolType::Patch,
+		// ToolMessage::Detail(_) => ToolType::Detail,
+		// ToolMessage::Relight(_) => ToolType::Relight,
+		_ => panic!("Conversion from ToolMessage to ToolType impossible because the given ToolMessage does not have a matching ToolType. Got: {tool_message:?}"),
+	}
+}
+
+pub fn tool_type_to_activate_tool_message(tool_type: ToolType) -> ToolMessageDiscriminant {
+	match tool_type {
+		// General tool group
+		ToolType::Select => ToolMessageDiscriminant::ActivateToolSelect,
+		ToolType::Artboard => ToolMessageDiscriminant::ActivateToolArtboard,
+		ToolType::Navigate => ToolMessageDiscriminant::ActivateToolNavigate,
+		ToolType::Eyedropper => ToolMessageDiscriminant::ActivateToolEyedropper,
+		ToolType::Fill => ToolMessageDiscriminant::ActivateToolFill,
+		ToolType::Gradient => ToolMessageDiscriminant::ActivateToolGradient,
+
+		// Vector tool group
+		ToolType::Path => ToolMessageDiscriminant::ActivateToolPath,
+		ToolType::Pen => ToolMessageDiscriminant::ActivateToolPen,
+		ToolType::Freehand => ToolMessageDiscriminant::ActivateToolFreehand,
+		ToolType::Spline => ToolMessageDiscriminant::ActivateToolSpline,
+		ToolType::Line => ToolMessageDiscriminant::ActivateToolShapeLine,           // Shape tool alias
+		ToolType::Rectangle => ToolMessageDiscriminant::ActivateToolShapeRectangle, // Shape tool alias
+		ToolType::Ellipse => ToolMessageDiscriminant::ActivateToolShapeEllipse,     // Shape tool alias
+		ToolType::Shape => ToolMessageDiscriminant::ActivateToolShape,
+		ToolType::Text => ToolMessageDiscriminant::ActivateToolText,
+
+		// Raster tool group
+		ToolType::Brush => ToolMessageDiscriminant::ActivateToolBrush,
+		// ToolType::Heal => ToolMessageDiscriminant::ActivateToolHeal,
+		// ToolType::Clone => ToolMessageDiscriminant::ActivateToolClone,
+		// ToolType::Patch => ToolMessageDiscriminant::ActivateToolPatch,
+		// ToolType::Detail => ToolMessageDiscriminant::ActivateToolDetail,
+		// ToolType::Relight => ToolMessageDiscriminant::ActivateToolRelight,
+		_ => panic!("Conversion from ToolType to ToolMessage impossible because the given ToolType does not have a matching ToolMessage. Got: {tool_type:?}"),
+	}
+}
+
+#[derive(Debug, Default, Clone, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct HintData(pub Vec<HintGroup>);
+
+#[derive(Debug, Clone, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct HintGroup(pub Vec<HintInfo>);
+
+#[derive(Debug, Clone, PartialEq, Eq, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct HintInfo {
+	/// A `KeysGroup` specifies all the keys pressed simultaneously to perform an action (like "Ctrl C" to copy).
+	/// Usually at most one is given, but less commonly, multiple can be used to describe additional hotkeys not used simultaneously (like the four different arrow keys to nudge a layer).
+	#[serde(rename = "keyGroups")]
+	pub key_groups: Vec<LayoutKeysGroup>,
+	/// `None` means that the regular `key_groups` should be used for all platforms, `Some` is an override for a Mac-only input hint.
+	#[serde(rename = "keyGroupsMac")]
+	pub key_groups_mac: Option<Vec<LayoutKeysGroup>>,
+	/// An optional `MouseMotion` that can indicate the mouse action, like which mouse button is used and whether a drag occurs.
+	/// No such icon is shown if `None` is given, and it can be combined with `key_groups` if desired.
+	pub mouse: Option<MouseMotion>,
+	/// The text describing what occurs with this input combination.
+	pub label: Cow<'static, str>,
+	/// Draws a prepended "+" symbol which indicates that this is a refinement upon a previous hint in the group.
+	pub plus: bool,
+	/// Draws a prepended "/" symbol which indicates that this is an alternative to a previous hint in the group.
+	pub slash: bool,
+}
+
+impl HintInfo {
+	/// Used for a hint where a single key or key stroke is used to perform one action.
+	/// Examples:
+	/// - The Escape key can be used to cancel an action
+	/// - The Ctrl+C key stroke can be used to copy
+	pub fn keys(keys: impl IntoIterator<Item = Key>, label: impl Into<Cow<'static, str>>) -> Self {
+		let keys = keys.into_iter().collect();
+		Self {
+			key_groups: vec![KeysGroup(keys).into()],
+			key_groups_mac: None,
+			mouse: None,
+			label: label.into(),
+			plus: false,
+			slash: false,
+		}
+	}
+
+	/// Used for a hint where multiple different individual keys can be used to perform variations of the same action. These keys are represented with a slight separation between them compared to [`Self::keys`].
+	/// Examples:
+	/// - The four arrow keys can be used to nudge a layer in different directions
+	/// - The G, R, and S keys can be used to enter GRS transformation mode
+	pub fn multi_keys(multi_keys: impl IntoIterator<Item = impl IntoIterator<Item = Key>>, label: impl Into<Cow<'static, str>>) -> Self {
+		let key_groups = multi_keys.into_iter().map(|keys| KeysGroup(keys.into_iter().collect()).into()).collect();
+		Self {
+			key_groups,
+			key_groups_mac: None,
+			mouse: None,
+			label: label.into(),
+			plus: false,
+			slash: false,
+		}
+	}
+
+	pub fn mouse(mouse_motion: MouseMotion, label: impl Into<Cow<'static, str>>) -> Self {
+		Self {
+			key_groups: vec![],
+			key_groups_mac: None,
+			mouse: Some(mouse_motion),
+			label: label.into(),
+			plus: false,
+			slash: false,
+		}
+	}
+
+	pub fn label(label: impl Into<Cow<'static, str>>) -> Self {
+		Self {
+			key_groups: vec![],
+			key_groups_mac: None,
+			mouse: None,
+			label: label.into(),
+			plus: false,
+			slash: false,
+		}
+	}
+
+	pub fn keys_and_mouse(keys: impl IntoIterator<Item = Key>, mouse_motion: MouseMotion, label: impl Into<Cow<'static, str>>) -> Self {
+		let keys = keys.into_iter().collect();
+		Self {
+			key_groups: vec![KeysGroup(keys).into()],
+			key_groups_mac: None,
+			mouse: Some(mouse_motion),
+			label: label.into(),
+			plus: false,
+			slash: false,
+		}
+	}
+
+	pub fn multi_keys_and_mouse(multi_keys: impl IntoIterator<Item = impl IntoIterator<Item = Key>>, mouse_motion: MouseMotion, label: impl Into<Cow<'static, str>>) -> Self {
+		let key_groups = multi_keys.into_iter().map(|keys| KeysGroup(keys.into_iter().collect()).into()).collect();
+		Self {
+			key_groups,
+			key_groups_mac: None,
+			mouse: Some(mouse_motion),
+			label: label.into(),
+			plus: false,
+			slash: false,
+		}
+	}
+
+	pub fn arrow_keys(label: impl Into<Cow<'static, str>>) -> Self {
+		let multi_keys = [[Key::ArrowUp], [Key::ArrowRight], [Key::ArrowDown], [Key::ArrowLeft]];
+		Self::multi_keys(multi_keys, label)
+	}
+
+	pub fn prepend_plus(mut self) -> Self {
+		self.plus = true;
+		self
+	}
+
+	pub fn prepend_slash(mut self) -> Self {
+		self.slash = true;
+		self
+	}
+
+	pub fn add_mac_keys(mut self, keys: impl IntoIterator<Item = Key>) -> Self {
+		let mac_keys = keys.into_iter().collect();
+		self.key_groups_mac = Some(vec![KeysGroup(mac_keys).into()]);
+		self
+	}
+}
diff --git a/editor/src/messages/workspace/mod.rs b/editor/src/messages/workspace/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..891ac11f991c898d37ed31b2f613c69cc68cba05
--- /dev/null
+++ b/editor/src/messages/workspace/mod.rs
@@ -0,0 +1,7 @@
+mod workspace_message;
+mod workspace_message_handler;
+
+#[doc(inline)]
+pub use workspace_message::{WorkspaceMessage, WorkspaceMessageDiscriminant};
+#[doc(inline)]
+pub use workspace_message_handler::WorkspaceMessageHandler;
diff --git a/editor/src/messages/workspace/workspace_message.rs b/editor/src/messages/workspace/workspace_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..66eb0858add26507f9a2b8cf96e191c7a837e57c
--- /dev/null
+++ b/editor/src/messages/workspace/workspace_message.rs
@@ -0,0 +1,8 @@
+use crate::messages::prelude::*;
+
+#[impl_message(Message, Workspace)]
+#[derive(PartialEq, Eq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum WorkspaceMessage {
+	// Messages
+	NodeGraphToggleVisibility,
+}
diff --git a/editor/src/messages/workspace/workspace_message_handler.rs b/editor/src/messages/workspace/workspace_message_handler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..397e7cf00b6932bb287702c114151f5e929a5b73
--- /dev/null
+++ b/editor/src/messages/workspace/workspace_message_handler.rs
@@ -0,0 +1,23 @@
+use crate::messages::prelude::*;
+
+#[derive(Debug, Clone, Default)]
+pub struct WorkspaceMessageHandler {
+	node_graph_visible: bool,
+}
+
+impl MessageHandler<WorkspaceMessage, ()> for WorkspaceMessageHandler {
+	fn process_message(&mut self, message: WorkspaceMessage, _responses: &mut VecDeque<Message>, _data: ()) {
+		match message {
+			// Messages
+			WorkspaceMessage::NodeGraphToggleVisibility => {
+				self.node_graph_visible = !self.node_graph_visible;
+			}
+		}
+	}
+
+	fn actions(&self) -> ActionList {
+		actions!(WorkspaceMessageDiscriminant;
+			NodeGraphToggleVisibility,
+		)
+	}
+}
diff --git a/editor/src/node_graph_executor.rs b/editor/src/node_graph_executor.rs
new file mode 100644
index 0000000000000000000000000000000000000000..dbb87c07f08cc2da8794f984007cdca0d8a8d295
--- /dev/null
+++ b/editor/src/node_graph_executor.rs
@@ -0,0 +1,526 @@
+use crate::consts::FILE_SAVE_SUFFIX;
+use crate::messages::frontend::utility_types::{ExportBounds, FileType};
+use crate::messages::prelude::*;
+use glam::{DAffine2, DVec2, UVec2};
+use graph_craft::document::value::{RenderOutput, TaggedValue};
+use graph_craft::document::{DocumentNode, DocumentNodeImplementation, NodeId, NodeInput, generate_uuid};
+use graph_craft::proto::GraphErrors;
+use graph_craft::wasm_application_io::EditorPreferences;
+use graphene_std::application_io::TimingInformation;
+use graphene_std::application_io::{NodeGraphUpdateMessage, RenderConfig};
+use graphene_std::renderer::RenderSvgSegmentList;
+use graphene_std::renderer::{GraphicElementRendered, RenderParams, SvgRender};
+use graphene_std::renderer::{RenderMetadata, format_transform_matrix};
+use graphene_std::text::FontCache;
+use graphene_std::transform::Footprint;
+use graphene_std::vector::VectorData;
+use graphene_std::vector::style::ViewMode;
+use interpreted_executor::dynamic_executor::ResolvedDocumentNodeTypesDelta;
+
+mod runtime_io;
+pub use runtime_io::NodeRuntimeIO;
+
+mod runtime;
+pub use runtime::*;
+
+#[derive(Debug, serde::Serialize, serde::Deserialize)]
+pub struct ExecutionRequest {
+	execution_id: u64,
+	render_config: RenderConfig,
+}
+
+#[cfg_attr(feature = "decouple-execution", derive(serde::Serialize, serde::Deserialize))]
+pub struct ExecutionResponse {
+	execution_id: u64,
+	result: Result<TaggedValue, String>,
+	responses: VecDeque<FrontendMessage>,
+	transform: DAffine2,
+	vector_modify: HashMap<NodeId, VectorData>,
+	/// The resulting value from the temporary inspected during execution
+	inspect_result: Option<InspectResult>,
+}
+
+#[derive(serde::Serialize, serde::Deserialize)]
+pub struct CompilationResponse {
+	result: Result<ResolvedDocumentNodeTypesDelta, String>,
+	node_graph_errors: GraphErrors,
+}
+
+#[cfg_attr(feature = "decouple-execution", derive(serde::Serialize, serde::Deserialize))]
+pub enum NodeGraphUpdate {
+	ExecutionResponse(ExecutionResponse),
+	CompilationResponse(CompilationResponse),
+	NodeGraphUpdateMessage(NodeGraphUpdateMessage),
+}
+
+#[derive(Debug)]
+pub struct NodeGraphExecutor {
+	runtime_io: NodeRuntimeIO,
+	futures: HashMap<u64, ExecutionContext>,
+	node_graph_hash: u64,
+	old_inspect_node: Option<NodeId>,
+}
+
+#[derive(Debug, Clone)]
+struct ExecutionContext {
+	export_config: Option<ExportConfig>,
+}
+
+impl Default for NodeGraphExecutor {
+	fn default() -> Self {
+		Self {
+			futures: Default::default(),
+			runtime_io: NodeRuntimeIO::new(),
+			node_graph_hash: 0,
+			old_inspect_node: None,
+		}
+	}
+}
+
+impl NodeGraphExecutor {
+	/// A local runtime is useful on threads since having global state causes flakes
+	#[cfg(test)]
+	pub(crate) fn new_with_local_runtime() -> (NodeRuntime, Self) {
+		let (request_sender, request_receiver) = std::sync::mpsc::channel();
+		let (response_sender, response_receiver) = std::sync::mpsc::channel();
+		let node_runtime = NodeRuntime::new(request_receiver, response_sender);
+
+		let node_executor = Self {
+			futures: Default::default(),
+			runtime_io: NodeRuntimeIO::with_channels(request_sender, response_receiver),
+			node_graph_hash: 0,
+			old_inspect_node: None,
+		};
+		(node_runtime, node_executor)
+	}
+	/// Execute the network by flattening it and creating a borrow stack.
+	fn queue_execution(&self, render_config: RenderConfig) -> u64 {
+		let execution_id = generate_uuid();
+		let request = ExecutionRequest { execution_id, render_config };
+		self.runtime_io.send(GraphRuntimeRequest::ExecutionRequest(request)).expect("Failed to send generation request");
+
+		execution_id
+	}
+
+	pub fn update_font_cache(&self, font_cache: FontCache) {
+		self.runtime_io.send(GraphRuntimeRequest::FontCacheUpdate(font_cache)).expect("Failed to send font cache update");
+	}
+
+	pub fn update_editor_preferences(&self, editor_preferences: EditorPreferences) {
+		self.runtime_io
+			.send(GraphRuntimeRequest::EditorPreferencesUpdate(editor_preferences))
+			.expect("Failed to send editor preferences");
+	}
+
+	/// Updates the network to monitor all inputs. Useful for the testing.
+	#[cfg(test)]
+	pub(crate) fn update_node_graph_instrumented(&mut self, document: &mut DocumentMessageHandler) -> Result<Instrumented, String> {
+		// We should always invalidate the cache.
+		self.node_graph_hash = generate_uuid();
+		let mut network = document.network_interface.document_network().clone();
+		let instrumented = Instrumented::new(&mut network);
+
+		self.runtime_io
+			.send(GraphRuntimeRequest::GraphUpdate(GraphUpdate { network, inspect_node: None }))
+			.map_err(|e| e.to_string())?;
+		Ok(instrumented)
+	}
+
+	/// Update the cached network if necessary.
+	fn update_node_graph(&mut self, document: &mut DocumentMessageHandler, inspect_node: Option<NodeId>, ignore_hash: bool) -> Result<(), String> {
+		let network_hash = document.network_interface.document_network().current_hash();
+		// Refresh the graph when it changes or the inspect node changes
+		if network_hash != self.node_graph_hash || self.old_inspect_node != inspect_node || ignore_hash {
+			let network = document.network_interface.document_network().clone();
+			self.old_inspect_node = inspect_node;
+			self.node_graph_hash = network_hash;
+
+			self.runtime_io
+				.send(GraphRuntimeRequest::GraphUpdate(GraphUpdate { network, inspect_node }))
+				.map_err(|e| e.to_string())?;
+		}
+		Ok(())
+	}
+
+	/// Adds an evaluate request for whatever current network is cached.
+	pub(crate) fn submit_current_node_graph_evaluation(&mut self, document: &mut DocumentMessageHandler, viewport_resolution: UVec2, time: TimingInformation) -> Result<(), String> {
+		let render_config = RenderConfig {
+			viewport: Footprint {
+				transform: document.metadata().document_to_viewport,
+				resolution: viewport_resolution,
+				..Default::default()
+			},
+			time,
+			#[cfg(any(feature = "resvg", feature = "vello"))]
+			export_format: graphene_std::application_io::ExportFormat::Canvas,
+			#[cfg(not(any(feature = "resvg", feature = "vello")))]
+			export_format: graphene_std::application_io::ExportFormat::Svg,
+			view_mode: document.view_mode,
+			hide_artboards: false,
+			for_export: false,
+		};
+
+		// Execute the node graph
+		let execution_id = self.queue_execution(render_config);
+
+		self.futures.insert(execution_id, ExecutionContext { export_config: None });
+
+		Ok(())
+	}
+
+	/// Evaluates a node graph, computing the entire graph
+	pub fn submit_node_graph_evaluation(
+		&mut self,
+		document: &mut DocumentMessageHandler,
+		viewport_resolution: UVec2,
+		time: TimingInformation,
+		inspect_node: Option<NodeId>,
+		ignore_hash: bool,
+	) -> Result<(), String> {
+		self.update_node_graph(document, inspect_node, ignore_hash)?;
+		self.submit_current_node_graph_evaluation(document, viewport_resolution, time)?;
+
+		Ok(())
+	}
+
+	/// Evaluates a node graph for export
+	pub fn submit_document_export(&mut self, document: &mut DocumentMessageHandler, mut export_config: ExportConfig) -> Result<(), String> {
+		let network = document.network_interface.document_network().clone();
+
+		// Calculate the bounding box of the region to be exported
+		let bounds = match export_config.bounds {
+			ExportBounds::AllArtwork => document.network_interface.document_bounds_document_space(!export_config.transparent_background),
+			ExportBounds::Selection => document.network_interface.selected_bounds_document_space(!export_config.transparent_background, &[]),
+			ExportBounds::Artboard(id) => document.metadata().bounding_box_document(id),
+		}
+		.ok_or_else(|| "No bounding box".to_string())?;
+		let size = bounds[1] - bounds[0];
+		let transform = DAffine2::from_translation(bounds[0]).inverse();
+
+		let render_config = RenderConfig {
+			viewport: Footprint {
+				transform: DAffine2::from_scale(DVec2::splat(export_config.scale_factor)) * transform,
+				resolution: (size * export_config.scale_factor).as_uvec2(),
+				..Default::default()
+			},
+			time: Default::default(),
+			export_format: graphene_std::application_io::ExportFormat::Svg,
+			view_mode: document.view_mode,
+			hide_artboards: export_config.transparent_background,
+			for_export: true,
+		};
+		export_config.size = size;
+
+		// Execute the node graph
+		self.runtime_io
+			.send(GraphRuntimeRequest::GraphUpdate(GraphUpdate { network, inspect_node: None }))
+			.map_err(|e| e.to_string())?;
+		let execution_id = self.queue_execution(render_config);
+		let execution_context = ExecutionContext { export_config: Some(export_config) };
+		self.futures.insert(execution_id, execution_context);
+
+		Ok(())
+	}
+
+	fn export(&self, node_graph_output: TaggedValue, export_config: ExportConfig, responses: &mut VecDeque<Message>) -> Result<(), String> {
+		let TaggedValue::RenderOutput(RenderOutput {
+			data: graphene_std::wasm_application_io::RenderOutputType::Svg(svg),
+			..
+		}) = node_graph_output
+		else {
+			return Err("Incorrect render type for exporting (expected RenderOutput::Svg)".to_string());
+		};
+
+		let ExportConfig {
+			file_type,
+			file_name,
+			size,
+			scale_factor,
+			..
+		} = export_config;
+
+		let file_suffix = &format!(".{file_type:?}").to_lowercase();
+		let name = match file_name.ends_with(FILE_SAVE_SUFFIX) {
+			true => file_name.replace(FILE_SAVE_SUFFIX, file_suffix),
+			false => file_name + file_suffix,
+		};
+
+		if file_type == FileType::Svg {
+			responses.add(FrontendMessage::TriggerDownloadTextFile { document: svg, name });
+		} else {
+			let mime = file_type.to_mime().to_string();
+			let size = (size * scale_factor).into();
+			responses.add(FrontendMessage::TriggerDownloadImage { svg, name, mime, size });
+		}
+		Ok(())
+	}
+
+	pub fn poll_node_graph_evaluation(&mut self, document: &mut DocumentMessageHandler, responses: &mut VecDeque<Message>) -> Result<(), String> {
+		let results = self.runtime_io.receive().collect::<Vec<_>>();
+		for response in results {
+			match response {
+				NodeGraphUpdate::ExecutionResponse(execution_response) => {
+					let ExecutionResponse {
+						execution_id,
+						result,
+						responses: existing_responses,
+						transform,
+						vector_modify,
+						inspect_result,
+					} = execution_response;
+
+					responses.add(OverlaysMessage::Draw);
+
+					let node_graph_output = match result {
+						Ok(output) => output,
+						Err(e) => {
+							// Clear the click targets while the graph is in an un-renderable state
+							document.network_interface.update_click_targets(HashMap::new());
+							document.network_interface.update_vector_modify(HashMap::new());
+							return Err(format!("Node graph evaluation failed:\n{e}"));
+						}
+					};
+
+					responses.extend(existing_responses.into_iter().map(Into::into));
+					document.network_interface.update_vector_modify(vector_modify);
+
+					let execution_context = self.futures.remove(&execution_id).ok_or_else(|| "Invalid generation ID".to_string())?;
+					if let Some(export_config) = execution_context.export_config {
+						// Special handling for exporting the artwork
+						self.export(node_graph_output, export_config, responses)?
+					} else {
+						self.process_node_graph_output(node_graph_output, transform, responses)?
+					}
+
+					// Update the spreadsheet on the frontend using the value of the inspect result.
+					if self.old_inspect_node.is_some() {
+						if let Some(inspect_result) = inspect_result {
+							responses.add(SpreadsheetMessage::UpdateLayout { inspect_result });
+						}
+					}
+				}
+				NodeGraphUpdate::CompilationResponse(execution_response) => {
+					let CompilationResponse { node_graph_errors, result } = execution_response;
+					let type_delta = match result {
+						Err(e) => {
+							// Clear the click targets while the graph is in an un-renderable state
+
+							document.network_interface.update_click_targets(HashMap::new());
+							document.network_interface.update_vector_modify(HashMap::new());
+
+							log::trace!("{e}");
+
+							responses.add(NodeGraphMessage::UpdateTypes {
+								resolved_types: Default::default(),
+								node_graph_errors,
+							});
+							responses.add(NodeGraphMessage::SendGraph);
+
+							return Err(format!("Node graph evaluation failed:\n{e}"));
+						}
+						Ok(result) => result,
+					};
+
+					responses.add(NodeGraphMessage::UpdateTypes {
+						resolved_types: type_delta,
+						node_graph_errors,
+					});
+					responses.add(NodeGraphMessage::SendGraph);
+				}
+			}
+		}
+		Ok(())
+	}
+
+	fn debug_render(render_object: impl GraphicElementRendered, transform: DAffine2, responses: &mut VecDeque<Message>) {
+		// Setup rendering
+		let mut render = SvgRender::new();
+		let render_params = RenderParams {
+			view_mode: ViewMode::Normal,
+			culling_bounds: None,
+			thumbnail: false,
+			hide_artboards: false,
+			for_export: false,
+			for_mask: false,
+			alignment_parent_transform: None,
+		};
+
+		// Render SVG
+		render_object.render_svg(&mut render, &render_params);
+
+		// Concatenate the defs and the SVG into one string
+		render.wrap_with_transform(transform, None);
+		let svg = render.svg.to_svg_string();
+
+		// Send to frontend
+		responses.add(FrontendMessage::UpdateDocumentArtwork { svg });
+	}
+
+	fn process_node_graph_output(&mut self, node_graph_output: TaggedValue, transform: DAffine2, responses: &mut VecDeque<Message>) -> Result<(), String> {
+		let mut render_output_metadata = RenderMetadata::default();
+		match node_graph_output {
+			TaggedValue::RenderOutput(render_output) => {
+				match render_output.data {
+					graphene_std::wasm_application_io::RenderOutputType::Svg(svg) => {
+						// Send to frontend
+						responses.add(FrontendMessage::UpdateDocumentArtwork { svg });
+					}
+					graphene_std::wasm_application_io::RenderOutputType::CanvasFrame(frame) => {
+						let matrix = format_transform_matrix(frame.transform);
+						let transform = if matrix.is_empty() { String::new() } else { format!(" transform=\"{}\"", matrix) };
+						let svg = format!(
+							r#"<svg><foreignObject width="{}" height="{}"{transform}><div data-canvas-placeholder="canvas{}"></div></foreignObject></svg>"#,
+							frame.resolution.x, frame.resolution.y, frame.surface_id.0
+						);
+						responses.add(FrontendMessage::UpdateDocumentArtwork { svg });
+					}
+					_ => {
+						return Err(format!("Invalid node graph output type: {:#?}", render_output.data));
+					}
+				}
+
+				render_output_metadata = render_output.metadata;
+			}
+			TaggedValue::Bool(render_object) => Self::debug_render(render_object, transform, responses),
+			TaggedValue::String(render_object) => Self::debug_render(render_object, transform, responses),
+			TaggedValue::F64(render_object) => Self::debug_render(render_object, transform, responses),
+			TaggedValue::DVec2(render_object) => Self::debug_render(render_object, transform, responses),
+			TaggedValue::OptionalColor(render_object) => Self::debug_render(render_object, transform, responses),
+			TaggedValue::VectorData(render_object) => Self::debug_render(render_object, transform, responses),
+			TaggedValue::GraphicGroup(render_object) => Self::debug_render(render_object, transform, responses),
+			TaggedValue::RasterData(render_object) => Self::debug_render(render_object, transform, responses),
+			TaggedValue::Palette(render_object) => Self::debug_render(render_object, transform, responses),
+			_ => {
+				return Err(format!("Invalid node graph output type: {node_graph_output:#?}"));
+			}
+		};
+		responses.add(Message::EndBuffer(render_output_metadata));
+		responses.add(DocumentMessage::RenderScrollbars);
+		responses.add(DocumentMessage::RenderRulers);
+		responses.add(OverlaysMessage::Draw);
+		Ok(())
+	}
+}
+
+// Re-export for usage by tests in other modules
+#[cfg(test)]
+pub use test::Instrumented;
+
+#[cfg(test)]
+mod test {
+	use std::sync::Arc;
+
+	use super::*;
+	use crate::messages::portfolio::document::utility_types::network_interface::NodeNetworkInterface;
+	use crate::test_utils::test_prelude::{self, NodeGraphLayer};
+	use graph_craft::document::NodeNetwork;
+	use graphene_std::Context;
+	use graphene_std::NodeInputDecleration;
+	use graphene_std::memo::IORecord;
+	use test_prelude::LayerNodeIdentifier;
+
+	/// Stores all of the monitor nodes that have been attached to a graph
+	#[derive(Default)]
+	pub struct Instrumented {
+		protonodes_by_name: HashMap<String, Vec<Vec<Vec<NodeId>>>>,
+		protonodes_by_path: HashMap<Vec<NodeId>, Vec<Vec<NodeId>>>,
+	}
+
+	impl Instrumented {
+		/// Adds montior nodes to the network
+		fn add(&mut self, network: &mut NodeNetwork, path: &mut Vec<NodeId>) {
+			// Required to do seperately to satiate the borrow checker.
+			let mut monitor_nodes = Vec::new();
+			for (id, node) in network.nodes.iter_mut() {
+				// Recursively instrument
+				if let DocumentNodeImplementation::Network(nested) = &mut node.implementation {
+					path.push(*id);
+					self.add(nested, path);
+					path.pop();
+				}
+				let mut monitor_node_ids = Vec::with_capacity(node.inputs.len());
+				for input in &mut node.inputs {
+					let node_id = NodeId::new();
+					let old_input = std::mem::replace(input, NodeInput::node(node_id, 0));
+					monitor_nodes.push((old_input, node_id));
+					path.push(node_id);
+					monitor_node_ids.push(path.clone());
+					path.pop();
+				}
+				if let DocumentNodeImplementation::ProtoNode(identifier) = &mut node.implementation {
+					path.push(*id);
+					self.protonodes_by_name.entry(identifier.name.to_string()).or_default().push(monitor_node_ids.clone());
+					self.protonodes_by_path.insert(path.clone(), monitor_node_ids);
+					path.pop();
+				}
+			}
+			for (input, monitor_id) in monitor_nodes {
+				let monitor_node = DocumentNode {
+					inputs: vec![input],
+					implementation: DocumentNodeImplementation::proto("graphene_core::memo::MonitorNode"),
+					manual_composition: Some(graph_craft::generic!(T)),
+					skip_deduplication: true,
+					..Default::default()
+				};
+				network.nodes.insert(monitor_id, monitor_node);
+			}
+		}
+
+		/// Instrument a graph and return a new [Instrumented] state.
+		pub fn new(network: &mut NodeNetwork) -> Self {
+			let mut instrumented = Self::default();
+			instrumented.add(network, &mut Vec::new());
+			instrumented
+		}
+
+		fn downcast<Input: NodeInputDecleration>(dynamic: Arc<dyn std::any::Any + Send + Sync>) -> Option<Input::Result>
+		where
+			Input::Result: Send + Sync + Clone + 'static,
+		{
+			// This is quite inflexible since it only allows the footprint as inputs.
+			if let Some(x) = dynamic.downcast_ref::<IORecord<(), Input::Result>>() {
+				Some(x.output.clone())
+			} else if let Some(x) = dynamic.downcast_ref::<IORecord<Footprint, Input::Result>>() {
+				Some(x.output.clone())
+			} else if let Some(x) = dynamic.downcast_ref::<IORecord<Context, Input::Result>>() {
+				Some(x.output.clone())
+			} else {
+				panic!("cannot downcast type for introspection");
+			}
+		}
+
+		/// Grab all of the values of the input every time it occurs in the graph.
+		pub fn grab_all_input<'a, Input: NodeInputDecleration + 'a>(&'a self, runtime: &'a NodeRuntime) -> impl Iterator<Item = Input::Result> + 'a
+		where
+			Input::Result: Send + Sync + Clone + 'static,
+		{
+			self.protonodes_by_name
+				.get(Input::identifier())
+				.map_or([].as_slice(), |x| x.as_slice())
+				.iter()
+				.filter_map(|inputs| inputs.get(Input::INDEX))
+				.filter_map(|input_monitor_node| runtime.executor.introspect(input_monitor_node).ok())
+				.filter_map(Instrumented::downcast::<Input>)
+		}
+
+		pub fn grab_protonode_input<Input: NodeInputDecleration>(&self, path: &Vec<NodeId>, runtime: &NodeRuntime) -> Option<Input::Result>
+		where
+			Input::Result: Send + Sync + Clone + 'static,
+		{
+			let input_monitor_node = self.protonodes_by_path.get(path)?.get(Input::INDEX)?;
+
+			let dynamic = runtime.executor.introspect(input_monitor_node).ok()?;
+
+			Self::downcast::<Input>(dynamic)
+		}
+
+		pub fn grab_input_from_layer<Input: NodeInputDecleration>(&self, layer: LayerNodeIdentifier, network_interface: &NodeNetworkInterface, runtime: &NodeRuntime) -> Option<Input::Result>
+		where
+			Input::Result: Send + Sync + Clone + 'static,
+		{
+			let node_graph_layer = NodeGraphLayer::new(layer, network_interface);
+			let node = node_graph_layer.upstream_node_id_from_protonode(Input::identifier())?;
+			self.grab_protonode_input::<Input>(&vec![node], runtime)
+		}
+	}
+}
diff --git a/editor/src/node_graph_executor/runtime.rs b/editor/src/node_graph_executor/runtime.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a93f73546c73c1aaeba9070d62017f4d3b93643c
--- /dev/null
+++ b/editor/src/node_graph_executor/runtime.rs
@@ -0,0 +1,462 @@
+use super::*;
+use crate::messages::frontend::utility_types::{ExportBounds, FileType};
+use glam::{DAffine2, DVec2};
+use graph_craft::concrete;
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{NodeId, NodeNetwork};
+use graph_craft::graphene_compiler::Compiler;
+use graph_craft::proto::GraphErrors;
+use graph_craft::wasm_application_io::EditorPreferences;
+use graphene_std::Context;
+use graphene_std::application_io::{NodeGraphUpdateMessage, NodeGraphUpdateSender, RenderConfig};
+use graphene_std::instances::Instance;
+use graphene_std::memo::IORecord;
+use graphene_std::renderer::{GraphicElementRendered, RenderParams, SvgRender};
+use graphene_std::renderer::{RenderSvgSegmentList, SvgSegment};
+use graphene_std::text::FontCache;
+use graphene_std::vector::style::ViewMode;
+use graphene_std::vector::{VectorData, VectorDataTable};
+use graphene_std::wasm_application_io::{WasmApplicationIo, WasmEditorApi};
+use interpreted_executor::dynamic_executor::{DynamicExecutor, IntrospectError, ResolvedDocumentNodeTypesDelta};
+use interpreted_executor::util::wrap_network_in_scope;
+use once_cell::sync::Lazy;
+use spin::Mutex;
+use std::sync::Arc;
+use std::sync::mpsc::{Receiver, Sender};
+
+/// Persistent data between graph executions. It's updated via message passing from the editor thread with [`GraphRuntimeRequest`]`.
+/// Some of these fields are put into a [`WasmEditorApi`] which is passed to the final compiled graph network upon each execution.
+/// Once the implementation is finished, this will live in a separate thread. Right now it's part of the main JS thread, but its own separate JS stack frame independent from the editor.
+pub struct NodeRuntime {
+	#[cfg(test)]
+	pub(super) executor: DynamicExecutor,
+	#[cfg(not(test))]
+	executor: DynamicExecutor,
+	receiver: Receiver<GraphRuntimeRequest>,
+	sender: InternalNodeGraphUpdateSender,
+	editor_preferences: EditorPreferences,
+	old_graph: Option<NodeNetwork>,
+	update_thumbnails: bool,
+
+	editor_api: Arc<WasmEditorApi>,
+	node_graph_errors: GraphErrors,
+	monitor_nodes: Vec<Vec<NodeId>>,
+
+	/// Which node is inspected and which monitor node is used (if any) for the current execution
+	inspect_state: Option<InspectState>,
+
+	/// Mapping of the fully-qualified node paths to their preprocessor substitutions.
+	substitutions: HashMap<String, DocumentNode>,
+
+	// TODO: Remove, it doesn't need to be persisted anymore
+	/// The current renders of the thumbnails for layer nodes.
+	thumbnail_renders: HashMap<NodeId, Vec<SvgSegment>>,
+	vector_modify: HashMap<NodeId, VectorData>,
+}
+
+/// Messages passed from the editor thread to the node runtime thread.
+#[derive(Debug, serde::Serialize, serde::Deserialize)]
+pub enum GraphRuntimeRequest {
+	GraphUpdate(GraphUpdate),
+	ExecutionRequest(ExecutionRequest),
+	FontCacheUpdate(FontCache),
+	EditorPreferencesUpdate(EditorPreferences),
+}
+
+#[derive(Debug, serde::Serialize, serde::Deserialize)]
+pub struct GraphUpdate {
+	pub(super) network: NodeNetwork,
+	/// The node that should be temporary inspected during execution
+	pub(super) inspect_node: Option<NodeId>,
+}
+
+#[derive(Default, Debug, Clone, serde::Serialize, serde::Deserialize)]
+pub struct ExportConfig {
+	pub file_name: String,
+	pub file_type: FileType,
+	pub scale_factor: f64,
+	pub bounds: ExportBounds,
+	pub transparent_background: bool,
+	pub size: DVec2,
+}
+
+#[derive(Clone)]
+struct InternalNodeGraphUpdateSender(Sender<NodeGraphUpdate>);
+
+impl InternalNodeGraphUpdateSender {
+	fn send_generation_response(&self, response: CompilationResponse) {
+		self.0.send(NodeGraphUpdate::CompilationResponse(response)).expect("Failed to send response")
+	}
+
+	fn send_execution_response(&self, response: ExecutionResponse) {
+		self.0.send(NodeGraphUpdate::ExecutionResponse(response)).expect("Failed to send response")
+	}
+}
+
+impl NodeGraphUpdateSender for InternalNodeGraphUpdateSender {
+	fn send(&self, message: NodeGraphUpdateMessage) {
+		self.0.send(NodeGraphUpdate::NodeGraphUpdateMessage(message)).expect("Failed to send response")
+	}
+}
+
+pub static NODE_RUNTIME: Lazy<Mutex<Option<NodeRuntime>>> = Lazy::new(|| Mutex::new(None));
+
+impl NodeRuntime {
+	pub fn new(receiver: Receiver<GraphRuntimeRequest>, sender: Sender<NodeGraphUpdate>) -> Self {
+		Self {
+			executor: DynamicExecutor::default(),
+			receiver,
+			sender: InternalNodeGraphUpdateSender(sender.clone()),
+			editor_preferences: EditorPreferences::default(),
+			old_graph: None,
+			update_thumbnails: true,
+
+			editor_api: WasmEditorApi {
+				font_cache: FontCache::default(),
+				editor_preferences: Box::new(EditorPreferences::default()),
+				node_graph_message_sender: Box::new(InternalNodeGraphUpdateSender(sender)),
+
+				application_io: None,
+			}
+			.into(),
+
+			node_graph_errors: Vec::new(),
+			monitor_nodes: Vec::new(),
+
+			substitutions: preprocessor::generate_node_substitutions(),
+
+			thumbnail_renders: Default::default(),
+			vector_modify: Default::default(),
+			inspect_state: None,
+		}
+	}
+
+	pub async fn run(&mut self) {
+		if self.editor_api.application_io.is_none() {
+			self.editor_api = WasmEditorApi {
+				#[cfg(not(test))]
+				application_io: Some(WasmApplicationIo::new().await.into()),
+				#[cfg(test)]
+				application_io: Some(WasmApplicationIo::new_offscreen().await.into()),
+				font_cache: self.editor_api.font_cache.clone(),
+				node_graph_message_sender: Box::new(self.sender.clone()),
+				editor_preferences: Box::new(self.editor_preferences.clone()),
+			}
+			.into();
+		}
+
+		let mut font = None;
+		let mut preferences = None;
+		let mut graph = None;
+		let mut execution = None;
+		for request in self.receiver.try_iter() {
+			match request {
+				GraphRuntimeRequest::GraphUpdate(_) => graph = Some(request),
+				GraphRuntimeRequest::ExecutionRequest(_) => execution = Some(request),
+				GraphRuntimeRequest::FontCacheUpdate(_) => font = Some(request),
+				GraphRuntimeRequest::EditorPreferencesUpdate(_) => preferences = Some(request),
+			}
+		}
+		let requests = [font, preferences, graph, execution].into_iter().flatten();
+
+		for request in requests {
+			match request {
+				GraphRuntimeRequest::FontCacheUpdate(font_cache) => {
+					self.editor_api = WasmEditorApi {
+						font_cache,
+						application_io: self.editor_api.application_io.clone(),
+						node_graph_message_sender: Box::new(self.sender.clone()),
+						editor_preferences: Box::new(self.editor_preferences.clone()),
+					}
+					.into();
+					if let Some(graph) = self.old_graph.clone() {
+						// We ignore this result as compilation errors should have been reported in an earlier iteration
+						let _ = self.update_network(graph).await;
+					}
+				}
+				GraphRuntimeRequest::EditorPreferencesUpdate(preferences) => {
+					self.editor_preferences = preferences.clone();
+					self.editor_api = WasmEditorApi {
+						font_cache: self.editor_api.font_cache.clone(),
+						application_io: self.editor_api.application_io.clone(),
+						node_graph_message_sender: Box::new(self.sender.clone()),
+						editor_preferences: Box::new(preferences),
+					}
+					.into();
+					if let Some(graph) = self.old_graph.clone() {
+						// We ignore this result as compilation errors should have been reported in an earlier iteration
+						let _ = self.update_network(graph).await;
+					}
+				}
+				GraphRuntimeRequest::GraphUpdate(GraphUpdate { mut network, inspect_node }) => {
+					// Insert the monitor node to manage the inspection
+					self.inspect_state = inspect_node.map(|inspect| InspectState::monitor_inspect_node(&mut network, inspect));
+
+					self.old_graph = Some(network.clone());
+					self.node_graph_errors.clear();
+					let result = self.update_network(network).await;
+					self.update_thumbnails = true;
+					self.sender.send_generation_response(CompilationResponse {
+						result,
+						node_graph_errors: self.node_graph_errors.clone(),
+					});
+				}
+				GraphRuntimeRequest::ExecutionRequest(ExecutionRequest { execution_id, render_config, .. }) => {
+					let transform = render_config.viewport.transform;
+
+					let result = self.execute_network(render_config).await;
+					let mut responses = VecDeque::new();
+					// TODO: Only process monitor nodes if the graph has changed, not when only the Footprint changes
+					self.process_monitor_nodes(&mut responses, self.update_thumbnails);
+					self.update_thumbnails = false;
+
+					// Resolve the result from the inspection by accessing the monitor node
+					let inspect_result = self.inspect_state.and_then(|state| state.access(&self.executor));
+
+					self.sender.send_execution_response(ExecutionResponse {
+						execution_id,
+						result,
+						responses,
+						transform,
+						vector_modify: self.vector_modify.clone(),
+						inspect_result,
+					});
+				}
+			}
+		}
+	}
+
+	async fn update_network(&mut self, mut graph: NodeNetwork) -> Result<ResolvedDocumentNodeTypesDelta, String> {
+		preprocessor::expand_network(&mut graph, &self.substitutions);
+
+		let scoped_network = wrap_network_in_scope(graph, self.editor_api.clone());
+
+		// We assume only one output
+		assert_eq!(scoped_network.exports.len(), 1, "Graph with multiple outputs not yet handled");
+
+		let c = Compiler {};
+		let proto_network = match c.compile_single(scoped_network) {
+			Ok(network) => network,
+			Err(e) => return Err(e),
+		};
+		self.monitor_nodes = proto_network
+			.nodes
+			.iter()
+			.filter(|(_, node)| node.identifier == "graphene_core::memo::MonitorNode".into())
+			.map(|(_, node)| node.original_location.path.clone().unwrap_or_default())
+			.collect::<Vec<_>>();
+
+		assert_ne!(proto_network.nodes.len(), 0, "No proto nodes exist?");
+		self.executor.update(proto_network).await.map_err(|e| {
+			self.node_graph_errors.clone_from(&e);
+			format!("{e:?}")
+		})
+	}
+
+	async fn execute_network(&mut self, render_config: RenderConfig) -> Result<TaggedValue, String> {
+		use graph_craft::graphene_compiler::Executor;
+
+		let result = match self.executor.input_type() {
+			Some(t) if t == concrete!(RenderConfig) => (&self.executor).execute(render_config).await.map_err(|e| e.to_string()),
+			Some(t) if t == concrete!(()) => (&self.executor).execute(()).await.map_err(|e| e.to_string()),
+			Some(t) => Err(format!("Invalid input type {t:?}")),
+			_ => Err(format!("No input type:\n{:?}", self.node_graph_errors)),
+		};
+		let result = match result {
+			Ok(value) => value,
+			Err(e) => return Err(e),
+		};
+
+		Ok(result)
+	}
+
+	/// Updates state data
+	pub fn process_monitor_nodes(&mut self, responses: &mut VecDeque<FrontendMessage>, update_thumbnails: bool) {
+		// TODO: Consider optimizing this since it's currently O(m*n^2), with a sort it could be made O(m * n*log(n))
+		self.thumbnail_renders.retain(|id, _| self.monitor_nodes.iter().any(|monitor_node_path| monitor_node_path.contains(id)));
+
+		for monitor_node_path in &self.monitor_nodes {
+			// Skip the inspect monitor node
+			if self.inspect_state.is_some_and(|inspect_state| monitor_node_path.last().copied() == Some(inspect_state.monitor_node)) {
+				continue;
+			}
+			// The monitor nodes are located within a document node, and are thus children in that network, so this gets the parent document node's ID
+			let Some(parent_network_node_id) = monitor_node_path.len().checked_sub(2).and_then(|index| monitor_node_path.get(index)).copied() else {
+				warn!("Monitor node has invalid node id");
+
+				continue;
+			};
+
+			// Extract the monitor node's stored `GraphicElement` data.
+			let Ok(introspected_data) = self.executor.introspect(monitor_node_path) else {
+				// TODO: Fix the root of the issue causing the spam of this warning (this at least temporarily disables it in release builds)
+				#[cfg(debug_assertions)]
+				warn!("Failed to introspect monitor node {}", self.executor.introspect(monitor_node_path).unwrap_err());
+
+				continue;
+			};
+
+			if let Some(io) = introspected_data.downcast_ref::<IORecord<Context, graphene_std::GraphicElement>>() {
+				Self::process_graphic_element(&mut self.thumbnail_renders, parent_network_node_id, &io.output, responses, update_thumbnails)
+			} else if let Some(io) = introspected_data.downcast_ref::<IORecord<Context, graphene_std::Artboard>>() {
+				Self::process_graphic_element(&mut self.thumbnail_renders, parent_network_node_id, &io.output, responses, update_thumbnails)
+			// Insert the vector modify if we are dealing with vector data
+			} else if let Some(record) = introspected_data.downcast_ref::<IORecord<Context, VectorDataTable>>() {
+				let default = Instance::default();
+				self.vector_modify.insert(
+					parent_network_node_id,
+					record.output.instance_ref_iter().next().unwrap_or_else(|| default.to_instance_ref()).instance.clone(),
+				);
+			} else {
+				log::warn!("Failed to downcast monitor node output {parent_network_node_id:?}");
+			}
+		}
+	}
+
+	// If this is `GraphicElement` data:
+	// Regenerate click targets and thumbnails for the layers in the graph, modifying the state and updating the UI.
+	fn process_graphic_element(
+		thumbnail_renders: &mut HashMap<NodeId, Vec<SvgSegment>>,
+		parent_network_node_id: NodeId,
+		graphic_element: &impl GraphicElementRendered,
+		responses: &mut VecDeque<FrontendMessage>,
+		update_thumbnails: bool,
+	) {
+		// RENDER THUMBNAIL
+
+		if !update_thumbnails {
+			return;
+		}
+
+		let bounds = graphic_element.bounding_box(DAffine2::IDENTITY, true);
+
+		// Render the thumbnail from a `GraphicElement` into an SVG string
+		let render_params = RenderParams {
+			view_mode: ViewMode::Normal,
+			culling_bounds: bounds,
+			thumbnail: true,
+			hide_artboards: false,
+			for_export: false,
+			for_mask: false,
+			alignment_parent_transform: None,
+		};
+		let mut render = SvgRender::new();
+		graphic_element.render_svg(&mut render, &render_params);
+
+		// And give the SVG a viewbox and outer <svg>...</svg> wrapper tag
+		let [min, max] = bounds.unwrap_or_default();
+		render.format_svg(min, max);
+
+		// UPDATE FRONTEND THUMBNAIL
+
+		let new_thumbnail_svg = render.svg;
+		let old_thumbnail_svg = thumbnail_renders.entry(parent_network_node_id).or_default();
+
+		if old_thumbnail_svg != &new_thumbnail_svg {
+			responses.push_back(FrontendMessage::UpdateNodeThumbnail {
+				id: parent_network_node_id,
+				value: new_thumbnail_svg.to_svg_string(),
+			});
+			*old_thumbnail_svg = new_thumbnail_svg;
+		}
+	}
+}
+
+pub async fn introspect_node(path: &[NodeId]) -> Result<Arc<dyn std::any::Any + Send + Sync + 'static>, IntrospectError> {
+	let runtime = NODE_RUNTIME.lock();
+	if let Some(ref mut runtime) = runtime.as_ref() {
+		return runtime.executor.introspect(path);
+	}
+	Err(IntrospectError::RuntimeNotReady)
+}
+
+pub async fn run_node_graph() -> bool {
+	let Some(mut runtime) = NODE_RUNTIME.try_lock() else { return false };
+	if let Some(ref mut runtime) = runtime.as_mut() {
+		runtime.run().await;
+	}
+	true
+}
+
+pub async fn replace_node_runtime(runtime: NodeRuntime) -> Option<NodeRuntime> {
+	let mut node_runtime = NODE_RUNTIME.lock();
+	node_runtime.replace(runtime)
+}
+
+/// Which node is inspected and which monitor node is used (if any) for the current execution
+#[derive(Debug, Clone, Copy)]
+struct InspectState {
+	inspect_node: NodeId,
+	monitor_node: NodeId,
+}
+/// The resulting value from the temporary inspected during execution
+#[derive(Clone, Debug, Default)]
+#[cfg_attr(feature = "decouple-execution", derive(serde::Serialize, serde::Deserialize))]
+pub struct InspectResult {
+	#[cfg(not(feature = "decouple-execution"))]
+	introspected_data: Option<Arc<dyn std::any::Any + Send + Sync + 'static>>,
+	#[cfg(feature = "decouple-execution")]
+	introspected_data: Option<TaggedValue>,
+	pub inspect_node: NodeId,
+}
+
+impl InspectResult {
+	pub fn take_data(&mut self) -> Option<Arc<dyn std::any::Any + Send + Sync + 'static>> {
+		#[cfg(not(feature = "decouple-execution"))]
+		return self.introspected_data.clone();
+
+		#[cfg(feature = "decouple-execution")]
+		return self.introspected_data.take().map(|value| value.to_any());
+	}
+}
+
+// This is very ugly but is required to be inside a message
+impl PartialEq for InspectResult {
+	fn eq(&self, other: &Self) -> bool {
+		self.inspect_node == other.inspect_node
+	}
+}
+
+impl InspectState {
+	/// Insert the monitor node to manage the inspection
+	pub fn monitor_inspect_node(network: &mut NodeNetwork, inspect_node: NodeId) -> Self {
+		let monitor_id = NodeId::new();
+
+		// It is necessary to replace the inputs before inserting the monitor node to avoid changing the input of the new monitor node
+		for input in network.nodes.values_mut().flat_map(|node| node.inputs.iter_mut()).chain(&mut network.exports) {
+			let NodeInput::Node { node_id, output_index, .. } = input else { continue };
+			// We only care about the primary output of our inspect node
+			if *output_index != 0 || *node_id != inspect_node {
+				continue;
+			}
+
+			*node_id = monitor_id;
+		}
+
+		let monitor_node = DocumentNode {
+			inputs: vec![NodeInput::node(inspect_node, 0)], // Connect to the primary output of the inspect node
+			implementation: DocumentNodeImplementation::proto("graphene_core::memo::MonitorNode"),
+			manual_composition: Some(graph_craft::generic!(T)),
+			skip_deduplication: true,
+			..Default::default()
+		};
+		network.nodes.insert(monitor_id, monitor_node);
+
+		Self {
+			inspect_node,
+			monitor_node: monitor_id,
+		}
+	}
+	/// Resolve the result from the inspection by accessing the monitor node
+	fn access(&self, executor: &DynamicExecutor) -> Option<InspectResult> {
+		let introspected_data = executor.introspect(&[self.monitor_node]).inspect_err(|e| warn!("Failed to introspect monitor node {e}")).ok();
+		// TODO: Consider displaying the error instead of ignoring it
+		#[cfg(feature = "decouple-execution")]
+		let introspected_data = introspected_data.as_ref().and_then(|data| TaggedValue::try_from_std_any_ref(data).ok());
+
+		Some(InspectResult {
+			inspect_node: self.inspect_node,
+			introspected_data,
+		})
+	}
+}
diff --git a/editor/src/node_graph_executor/runtime_io.rs b/editor/src/node_graph_executor/runtime_io.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e4e6f1df408066b19fadafa838e67c4c3fa4b2a4
--- /dev/null
+++ b/editor/src/node_graph_executor/runtime_io.rs
@@ -0,0 +1,102 @@
+use super::*;
+use std::sync::mpsc::{Receiver, Sender};
+use wasm_bindgen::prelude::*;
+
+#[wasm_bindgen]
+extern "C" {
+	// Invoke with arguments (default)
+	#[wasm_bindgen(js_namespace = ["window", "__TAURI__", "core"])]
+	async fn invoke(cmd: &str, args: JsValue) -> JsValue;
+	#[wasm_bindgen(js_namespace = ["window", "__TAURI__", "core"], js_name="invoke")]
+	async fn invoke_without_arg(cmd: &str) -> JsValue;
+}
+
+/// Handles communication with the NodeRuntime, either locally or via Tauri
+#[derive(Debug)]
+pub struct NodeRuntimeIO {
+	// Send to
+	#[cfg(any(not(feature = "tauri"), test))]
+	sender: Sender<GraphRuntimeRequest>,
+	#[cfg(all(feature = "tauri", not(test)))]
+	sender: Sender<NodeGraphUpdate>,
+	receiver: Receiver<NodeGraphUpdate>,
+}
+
+impl Default for NodeRuntimeIO {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+
+impl NodeRuntimeIO {
+	/// Creates a new NodeRuntimeIO instance
+	pub fn new() -> Self {
+		#[cfg(any(not(feature = "tauri"), test))]
+		{
+			let (response_sender, response_receiver) = std::sync::mpsc::channel();
+			let (request_sender, request_receiver) = std::sync::mpsc::channel();
+			futures::executor::block_on(replace_node_runtime(NodeRuntime::new(request_receiver, response_sender)));
+
+			Self {
+				sender: request_sender,
+				receiver: response_receiver,
+			}
+		}
+
+		#[cfg(all(feature = "tauri", not(test)))]
+		{
+			let (response_sender, response_receiver) = std::sync::mpsc::channel();
+			Self {
+				sender: response_sender,
+				receiver: response_receiver,
+			}
+		}
+	}
+	#[cfg(test)]
+	pub fn with_channels(sender: Sender<GraphRuntimeRequest>, receiver: Receiver<NodeGraphUpdate>) -> Self {
+		Self { sender, receiver }
+	}
+
+	/// Sends a message to the NodeRuntime
+	pub fn send(&self, message: GraphRuntimeRequest) -> Result<(), String> {
+		#[cfg(any(not(feature = "tauri"), test))]
+		{
+			self.sender.send(message).map_err(|e| e.to_string())
+		}
+
+		#[cfg(all(feature = "tauri", not(test)))]
+		{
+			let serialized = ron::to_string(&message).map_err(|e| e.to_string()).unwrap();
+			wasm_bindgen_futures::spawn_local(async move {
+				let js_message = create_message_object(&serialized);
+				invoke("runtime_message", js_message).await;
+			});
+			Ok(())
+		}
+	}
+
+	/// Receives any pending updates from the NodeRuntime
+	pub fn receive(&self) -> impl Iterator<Item = NodeGraphUpdate> + use<'_> {
+		// TODO: This introduces extra latency
+		#[cfg(all(feature = "tauri", not(test)))]
+		{
+			let sender = self.sender.clone();
+			// In the Tauri case, responses are handled separately via poll_node_runtime_updates
+			wasm_bindgen_futures::spawn_local(async move {
+				let messages = invoke_without_arg("poll_node_graph").await;
+				let vec: Vec<_> = ron::from_str(&messages.as_string().unwrap()).unwrap();
+				for message in vec {
+					sender.send(message).unwrap();
+				}
+			});
+		}
+		self.receiver.try_iter()
+	}
+}
+
+#[cfg(all(feature = "tauri", not(test)))]
+pub fn create_message_object(message: &str) -> JsValue {
+	let obj = js_sys::Object::new();
+	js_sys::Reflect::set(&obj, &JsValue::from_str("message"), &JsValue::from_str(message)).unwrap();
+	obj.into()
+}
diff --git a/editor/src/test_utils.rs b/editor/src/test_utils.rs
new file mode 100644
index 0000000000000000000000000000000000000000..04ef698da025fedd7039ba4cf41ca53fa13f96c9
--- /dev/null
+++ b/editor/src/test_utils.rs
@@ -0,0 +1,348 @@
+use crate::application::Editor;
+use crate::application::set_uuid_seed;
+use crate::messages::input_mapper::utility_types::input_keyboard::ModifierKeys;
+use crate::messages::input_mapper::utility_types::input_mouse::{EditorMouseState, MouseKeys, ScrollDelta, ViewportPosition};
+use crate::messages::portfolio::utility_types::Platform;
+use crate::messages::prelude::*;
+use crate::messages::tool::tool_messages::tool_prelude::Key;
+use crate::messages::tool::utility_types::ToolType;
+use crate::node_graph_executor::Instrumented;
+use crate::node_graph_executor::NodeRuntime;
+use crate::test_utils::test_prelude::LayerNodeIdentifier;
+use glam::DVec2;
+use graph_craft::document::DocumentNode;
+use graphene_std::InputAccessor;
+use graphene_std::raster::color::Color;
+
+/// A set of utility functions to make the writing of editor test more declarative
+pub struct EditorTestUtils {
+	pub editor: Editor,
+	pub runtime: NodeRuntime,
+}
+
+impl EditorTestUtils {
+	pub fn create() -> Self {
+		let _ = env_logger::builder().is_test(true).try_init();
+		set_uuid_seed(0);
+
+		let (mut editor, runtime) = Editor::new_local_executor();
+
+		// We have to set this directly instead of using `GlobalsMessage::SetPlatform` because race conditions with multiple tests can cause that message handler to set it more than once, which is a failure.
+		// It isn't sufficient to guard the message dispatch here with a check if the once_cell is empty, because that isn't atomic and the time between checking and handling the dispatch can let multiple through.
+		let _ = GLOBAL_PLATFORM.set(Platform::Windows).is_ok();
+
+		editor.handle_message(Message::Init);
+
+		Self { editor, runtime }
+	}
+
+	pub fn eval_graph<'a>(&'a mut self) -> impl std::future::Future<Output = Result<Instrumented, String>> + 'a {
+		// An inner function is required since async functions in traits are a bit weird
+		async fn run<'a>(editor: &'a mut Editor, runtime: &'a mut NodeRuntime) -> Result<Instrumented, String> {
+			let portfolio = &mut editor.dispatcher.message_handlers.portfolio_message_handler;
+			let exector = &mut portfolio.executor;
+			let document = portfolio.documents.get_mut(&portfolio.active_document_id.unwrap()).unwrap();
+
+			let instrumented = match exector.update_node_graph_instrumented(document) {
+				Ok(instrumented) => instrumented,
+				Err(e) => return Err(format!("update_node_graph_instrumented failed\n\n{e}")),
+			};
+
+			let viewport_resolution = glam::UVec2::ONE;
+			if let Err(e) = exector.submit_current_node_graph_evaluation(document, viewport_resolution, Default::default()) {
+				return Err(format!("submit_current_node_graph_evaluation failed\n\n{e}"));
+			}
+			runtime.run().await;
+
+			let mut messages = VecDeque::new();
+			if let Err(e) = editor.poll_node_graph_evaluation(&mut messages) {
+				return Err(format!("Graph should render\n\n{e}"));
+			}
+			let frontend_messages = messages.into_iter().flat_map(|message| editor.handle_message(message));
+
+			for message in frontend_messages {
+				message.check_node_graph_error();
+			}
+
+			Ok(instrumented)
+		}
+
+		run(&mut self.editor, &mut self.runtime)
+	}
+
+	pub async fn handle_message(&mut self, message: impl Into<Message>) {
+		self.editor.handle_message(message);
+
+		// Required to process any buffered messages
+		if let Err(e) = self.eval_graph().await {
+			panic!("Failed to evaluate graph: {e}");
+		}
+	}
+
+	pub async fn new_document(&mut self) {
+		self.handle_message(Message::Portfolio(PortfolioMessage::NewDocumentWithName { name: String::from("Test document") }))
+			.await;
+	}
+
+	pub async fn draw_rect(&mut self, x1: f64, y1: f64, x2: f64, y2: f64) {
+		self.drag_tool(ToolType::Rectangle, x1, y1, x2, y2, ModifierKeys::default()).await;
+	}
+
+	pub async fn draw_polygon(&mut self, x1: f64, y1: f64, x2: f64, y2: f64) {
+		self.drag_tool(ToolType::Shape, x1, y1, x2, y2, ModifierKeys::default()).await;
+	}
+
+	pub async fn draw_ellipse(&mut self, x1: f64, y1: f64, x2: f64, y2: f64) {
+		self.drag_tool(ToolType::Ellipse, x1, y1, x2, y2, ModifierKeys::default()).await;
+	}
+
+	pub async fn click_tool(&mut self, typ: ToolType, button: MouseKeys, position: DVec2, modifier_keys: ModifierKeys) {
+		self.select_tool(typ).await;
+
+		self.move_mouse(position.x, position.y, modifier_keys, MouseKeys::empty()).await;
+
+		self.mousedown(
+			EditorMouseState {
+				editor_position: position,
+				mouse_keys: button,
+				..Default::default()
+			},
+			modifier_keys,
+		)
+		.await;
+
+		self.mouseup(
+			EditorMouseState {
+				editor_position: position,
+				..Default::default()
+			},
+			modifier_keys,
+		)
+		.await;
+	}
+
+	pub async fn drag_tool(&mut self, typ: ToolType, x1: f64, y1: f64, x2: f64, y2: f64, modifier_keys: ModifierKeys) {
+		self.select_tool(typ).await;
+
+		self.move_mouse(x1, y1, modifier_keys, MouseKeys::empty()).await;
+
+		self.left_mousedown(x1, y1, modifier_keys).await;
+
+		self.move_mouse(x2, y2, modifier_keys, MouseKeys::LEFT).await;
+
+		self.mouseup(
+			EditorMouseState {
+				editor_position: (x2, y2).into(),
+				mouse_keys: MouseKeys::empty(),
+				scroll_delta: ScrollDelta::default(),
+			},
+			modifier_keys,
+		)
+		.await;
+	}
+
+	pub async fn drag_tool_cancel_rmb(&mut self, typ: ToolType) {
+		self.select_tool(typ).await;
+
+		self.move_mouse(50., 50., ModifierKeys::default(), MouseKeys::empty()).await;
+
+		self.left_mousedown(50., 50., ModifierKeys::default()).await;
+
+		self.move_mouse(100., 100., ModifierKeys::default(), MouseKeys::LEFT).await;
+
+		self.mousedown(
+			EditorMouseState {
+				editor_position: (100., 100.).into(),
+				mouse_keys: MouseKeys::LEFT | MouseKeys::RIGHT,
+				scroll_delta: ScrollDelta::default(),
+			},
+			ModifierKeys::default(),
+		)
+		.await;
+	}
+
+	pub fn active_document(&self) -> &DocumentMessageHandler {
+		self.editor.dispatcher.message_handlers.portfolio_message_handler.active_document().unwrap()
+	}
+
+	pub fn active_document_mut(&mut self) -> &mut DocumentMessageHandler {
+		self.editor.dispatcher.message_handlers.portfolio_message_handler.active_document_mut().unwrap()
+	}
+
+	pub fn get_node<'a, T: InputAccessor<'a, DocumentNode>>(&'a self) -> impl Iterator<Item = T> + 'a {
+		self.active_document()
+			.network_interface
+			.document_network()
+			.recursive_nodes()
+			.inspect(|(_, node, _)| println!("{:#?}", node.implementation))
+			.filter_map(move |(_, document, _)| T::new_with_source(document))
+	}
+
+	pub async fn move_mouse(&mut self, x: f64, y: f64, modifier_keys: ModifierKeys, mouse_keys: MouseKeys) {
+		let editor_mouse_state = EditorMouseState {
+			editor_position: ViewportPosition::new(x, y),
+			mouse_keys,
+			..Default::default()
+		};
+		self.input(InputPreprocessorMessage::PointerMove { editor_mouse_state, modifier_keys }).await;
+	}
+
+	pub async fn mousedown(&mut self, editor_mouse_state: EditorMouseState, modifier_keys: ModifierKeys) {
+		self.input(InputPreprocessorMessage::PointerDown { editor_mouse_state, modifier_keys }).await;
+	}
+
+	pub async fn mouseup(&mut self, editor_mouse_state: EditorMouseState, modifier_keys: ModifierKeys) {
+		self.handle_message(InputPreprocessorMessage::PointerUp { editor_mouse_state, modifier_keys }).await;
+	}
+
+	pub async fn press(&mut self, key: Key, modifier_keys: ModifierKeys) {
+		let key_repeat = false;
+
+		self.handle_message(InputPreprocessorMessage::KeyDown { key, modifier_keys, key_repeat }).await;
+		self.handle_message(InputPreprocessorMessage::KeyUp { key, modifier_keys, key_repeat }).await;
+	}
+
+	pub async fn left_mousedown(&mut self, x: f64, y: f64, modifier_keys: ModifierKeys) {
+		self.mousedown(
+			EditorMouseState {
+				editor_position: (x, y).into(),
+				mouse_keys: MouseKeys::LEFT,
+				scroll_delta: ScrollDelta::default(),
+			},
+			modifier_keys,
+		)
+		.await;
+	}
+
+	pub async fn input(&mut self, message: InputPreprocessorMessage) {
+		self.handle_message(Message::InputPreprocessor(message)).await;
+	}
+
+	pub async fn select_tool(&mut self, tool_type: ToolType) {
+		match tool_type {
+			ToolType::Line => self.handle_message(Message::Tool(ToolMessage::ActivateToolShapeLine)).await,
+			ToolType::Rectangle => self.handle_message(Message::Tool(ToolMessage::ActivateToolShapeRectangle)).await,
+			ToolType::Ellipse => self.handle_message(Message::Tool(ToolMessage::ActivateToolShapeEllipse)).await,
+			_ => self.handle_message(Message::Tool(ToolMessage::ActivateTool { tool_type })).await,
+		}
+	}
+
+	pub async fn select_primary_color(&mut self, color: Color) {
+		self.handle_message(Message::Tool(ToolMessage::SelectWorkingColor { color, primary: true })).await;
+	}
+
+	pub async fn select_secondary_color(&mut self, color: Color) {
+		self.handle_message(Message::Tool(ToolMessage::SelectWorkingColor { color, primary: false })).await;
+	}
+
+	pub async fn create_raster_image(&mut self, image: graphene_std::raster::Image<Color>, mouse: Option<(f64, f64)>) {
+		self.handle_message(PortfolioMessage::PasteImage {
+			name: None,
+			image,
+			mouse,
+			parent_and_insert_index: None,
+		})
+		.await;
+	}
+	pub async fn draw_spline(&mut self, points: &[DVec2]) {
+		self.select_tool(ToolType::Spline).await;
+
+		for &point in points {
+			self.click_tool(ToolType::Spline, MouseKeys::LEFT, point, ModifierKeys::empty()).await;
+		}
+
+		self.press(Key::Enter, ModifierKeys::empty()).await;
+	}
+
+	pub async fn get_selected_layer(&mut self) -> Option<LayerNodeIdentifier> {
+		self.active_document().network_interface.selected_nodes().selected_layers(self.active_document().metadata()).next()
+	}
+
+	pub async fn double_click(&mut self, position: DVec2) {
+		self.handle_message(InputPreprocessorMessage::DoubleClick {
+			editor_mouse_state: EditorMouseState {
+				editor_position: position,
+				mouse_keys: MouseKeys::LEFT,
+				scroll_delta: ScrollDelta::default(),
+			},
+			modifier_keys: ModifierKeys::empty(),
+		})
+		.await;
+	}
+
+	pub async fn drag_path(&mut self, points: &[DVec2], modifier_keys: ModifierKeys) {
+		if points.is_empty() {
+			return;
+		}
+
+		let first_point = points[0];
+		self.move_mouse(first_point.x, first_point.y, modifier_keys, MouseKeys::empty()).await;
+		self.left_mousedown(first_point.x, first_point.y, modifier_keys).await;
+
+		for &point in &points[1..] {
+			self.move_mouse(point.x, point.y, modifier_keys, MouseKeys::LEFT).await;
+		}
+
+		self.mouseup(
+			EditorMouseState {
+				editor_position: points[points.len() - 1],
+				mouse_keys: MouseKeys::empty(),
+				scroll_delta: ScrollDelta::default(),
+			},
+			modifier_keys,
+		)
+		.await;
+	}
+}
+
+pub trait FrontendMessageTestUtils {
+	fn check_node_graph_error(&self);
+}
+
+impl FrontendMessageTestUtils for FrontendMessage {
+	fn check_node_graph_error(&self) {
+		let FrontendMessage::UpdateNodeGraphNodes { nodes, .. } = self else { return };
+
+		for node in nodes {
+			if let Some(error) = &node.errors {
+				panic!("error on {}: {}", node.display_name, error);
+			}
+		}
+	}
+}
+
+#[cfg(test)]
+pub mod test_prelude {
+	pub use super::FrontendMessageTestUtils;
+	pub use crate::application::Editor;
+	pub use crate::float_eq;
+	pub use crate::messages::input_mapper::utility_types::input_keyboard::{Key, ModifierKeys};
+	pub use crate::messages::input_mapper::utility_types::input_mouse::MouseKeys;
+	pub use crate::messages::portfolio::document::utility_types::clipboards::Clipboard;
+	pub use crate::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+	pub use crate::messages::prelude::*;
+	pub use crate::messages::tool::common_functionality::graph_modification_utils::{NodeGraphLayer, is_layer_fed_by_node_of_name};
+	pub use crate::messages::tool::utility_types::ToolType;
+	pub use crate::node_graph_executor::NodeRuntime;
+	pub use crate::test_utils::EditorTestUtils;
+	pub use core::f64;
+	pub use glam::DVec2;
+	pub use glam::IVec2;
+	pub use graph_craft::document::DocumentNode;
+	pub use graphene_std::raster::{Color, Image};
+	pub use graphene_std::transform::Footprint;
+	pub use graphene_std::{InputAccessor, InputAccessorSource};
+
+	#[macro_export]
+	macro_rules! float_eq {
+		($left:expr, $right:expr $(,)?) => {
+			match (&$left, &$right) {
+				(left_val, right_val) => {
+					if (*left_val - *right_val).abs() > 1e-10 {
+						panic!("assertion `left == right` failed\n  left: {}\n right: {}", *left_val, *right_val)
+					}
+				}
+			}
+		};
+	}
+}
diff --git a/editor/src/utility_traits.rs b/editor/src/utility_traits.rs
new file mode 100644
index 0000000000000000000000000000000000000000..711a8cc34bdd5cb194b33d01d654830d669ca0d4
--- /dev/null
+++ b/editor/src/utility_traits.rs
@@ -0,0 +1,47 @@
+pub use crate::dispatcher::*;
+use crate::messages::prelude::*;
+
+/// Implements a message handler struct for a separate message struct.
+/// - The first generic argument (`M`) is that message struct type, representing a message enum variant to be matched and handled in `process_message()`.
+/// - The second generic argument (`D`) is the type of data that can be passed along by the caller to `process_message()`.
+pub trait MessageHandler<M: ToDiscriminant, D>
+where
+	M::Discriminant: AsMessage,
+	<M::Discriminant as TransitiveChild>::TopParent: TransitiveChild<Parent = <M::Discriminant as TransitiveChild>::TopParent, TopParent = <M::Discriminant as TransitiveChild>::TopParent> + AsMessage,
+{
+	/// Return true if the Action is consumed.
+	fn process_message(&mut self, message: M, responses: &mut VecDeque<Message>, data: D);
+
+	fn actions(&self) -> ActionList;
+}
+
+pub type ActionList = Vec<Vec<MessageDiscriminant>>;
+
+pub trait AsMessage: TransitiveChild
+where
+	Self::TopParent: TransitiveChild<Parent = Self::TopParent, TopParent = Self::TopParent> + AsMessage,
+{
+	fn local_name(self) -> String;
+	fn global_name(self) -> String {
+		<Self as Into<Self::TopParent>>::into(self).local_name()
+	}
+}
+
+// TODO: Add Send + Sync requirement
+// Use something like rw locks for synchronization
+pub trait MessageHandlerData {}
+
+pub trait ToDiscriminant {
+	type Discriminant;
+
+	fn to_discriminant(&self) -> Self::Discriminant;
+}
+
+pub trait TransitiveChild: Into<Self::Parent> + Into<Self::TopParent> {
+	type TopParent;
+	type Parent;
+}
+
+pub trait Hint {
+	fn hints(&self) -> HashMap<String, String>;
+}
diff --git a/frontend/.eslintrc.cjs b/frontend/.eslintrc.cjs
new file mode 100644
index 0000000000000000000000000000000000000000..c71b3ff332f5b47cbf5e0e4854c8caf0c22eaf85
--- /dev/null
+++ b/frontend/.eslintrc.cjs
@@ -0,0 +1,109 @@
+module.exports = {
+	root: true,
+	env: { browser: true, node: true },
+	extends: [
+		"eslint:recommended",
+		"plugin:import/recommended",
+		"plugin:@typescript-eslint/recommended",
+		"plugin:import/typescript",
+		"plugin:svelte/recommended",
+		"plugin:svelte/prettier",
+		"prettier",
+	],
+	plugins: ["import", "@typescript-eslint", "prettier"],
+	settings: {
+		"import/parsers": { "@typescript-eslint/parser": [".ts"] },
+		"import/resolver": { typescript: true, node: true },
+	},
+	parser: "@typescript-eslint/parser",
+	parserOptions: {
+		ecmaVersion: "latest",
+		project: "./tsconfig.json",
+		extraFileExtensions: [".svelte"],
+	},
+	ignorePatterns: [
+		// Ignore generated directories
+		"node_modules/",
+		"dist/",
+		"pkg/",
+		"wasm/pkg/",
+		// Don't ignore JS and TS dotfiles in this folder
+		"!.*.js",
+		"!.*.ts",
+	],
+	overrides: [
+		{
+			files: ["*.svelte"],
+			parser: "svelte-eslint-parser",
+			// Parse the `<script>` in `.svelte` as TypeScript by adding the following configuration.
+			parserOptions: { parser: "@typescript-eslint/parser" },
+		},
+		{
+			extends: ["plugin:@typescript-eslint/disable-type-checked"],
+			files: ["./*.js", "./*.cjs"],
+		},
+	],
+	rules: {
+		// Standard ESLint config (for ordinary JS syntax linting)
+		indent: "off",
+		quotes: ["error", "double", { allowTemplateLiterals: true }],
+		camelcase: ["error", { properties: "always" }],
+		"linebreak-style": ["error", "unix"],
+		"eol-last": ["error", "always"],
+		"max-len": ["error", { code: 200, tabWidth: 4, ignorePattern: `d="([\\s\\S]*?)"` }],
+		"prefer-destructuring": "off",
+		"no-console": "warn",
+		"no-debugger": "warn",
+		"no-param-reassign": ["error", { props: false }],
+		"no-bitwise": "off",
+		"no-shadow": "off",
+		"no-use-before-define": "off",
+		"no-restricted-imports": ["error", { patterns: [".*", "!@graphite/*"] }],
+
+		// TypeScript plugin config (for TS-specific linting)
+		"@typescript-eslint/indent": "off",
+		"@typescript-eslint/camelcase": "off",
+		"@typescript-eslint/no-use-before-define": "off",
+		"@typescript-eslint/no-unused-vars": [
+			"error",
+			{
+				args: "all",
+				argsIgnorePattern: "^_",
+				caughtErrors: "all",
+				caughtErrorsIgnorePattern: "^_",
+				destructuredArrayIgnorePattern: "^_",
+				varsIgnorePattern: "^_",
+				ignoreRestSiblings: true,
+			},
+		],
+		"@typescript-eslint/consistent-type-imports": "error",
+		"@typescript-eslint/consistent-type-definitions": ["error", "type"],
+		"@typescript-eslint/consistent-type-assertions": ["error", { assertionStyle: "as", objectLiteralTypeAssertions: "never" }],
+		"@typescript-eslint/consistent-indexed-object-style": ["error", "record"],
+		"@typescript-eslint/consistent-generic-constructors": ["error", "constructor"],
+		"@typescript-eslint/no-restricted-types": ["error", { types: { null: "Use `undefined` instead." } }],
+
+		// Prettier plugin config (for validating and fixing formatting)
+		"prettier/prettier": "error",
+
+		// Svelte plugin config (for validating Svelte-specific syntax)
+		"svelte/no-at-html-tags": "off",
+		"svelte/valid-compile": ["error", { ignoreWarnings: true }],
+
+		// Import plugin config (for intelligently validating module import statements)
+		"import/no-unresolved": "error",
+		// `no-duplicates` disabled due to <https://github.com/import-js/eslint-plugin-import/issues/1479#issuecomment-1789527447>. Reenable if that issue gets fixed.
+		"import/no-duplicates": "off",
+		"import/prefer-default-export": "off",
+		"import/no-relative-packages": "error",
+		"import/order": [
+			"error",
+			{
+				alphabetize: { order: "asc", caseInsensitive: true },
+				pathGroups: [{ pattern: "**/*.svelte", group: "unknown", position: "after" }],
+				"newlines-between": "always-and-inside-groups",
+				warnOnUnassignedImports: true,
+			},
+		],
+	},
+};
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..12d5b4e4a3a3675feec0e41b9769ccd75d9bdbb5
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,4 @@
+node_modules/
+wasm/pkg/
+public/build/
+dist/
diff --git a/frontend/.prettierrc b/frontend/.prettierrc
new file mode 100644
index 0000000000000000000000000000000000000000..6c4270b1e61152a06b3133cf2a836cae25a92b35
--- /dev/null
+++ b/frontend/.prettierrc
@@ -0,0 +1,19 @@
+{
+	"singleQuote": false,
+	"useTabs": true,
+	"tabWidth": 4,
+	"printWidth": 200,
+	"plugins": [
+		"prettier-plugin-svelte"
+	],
+	"overrides": [
+		{
+			"files": [
+				"*.svelte"
+			],
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
+}
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..657f90ac42631ea1cd90e1436844255923fe8e63
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,41 @@
+# Overview of `/frontend/`
+
+The Graphite frontend is a web app that provides the presentation for the editor. It displays the GUI based on state from the backend and provides users with interactive widgets that send updates to the backend, which is the source of truth for state information. The frontend is built out of reactive components using the [Svelte](https://svelte.dev/) framework. The backend is written in Rust and compiled to WebAssembly (WASM) to be run in the browser alongside the JS code.
+
+For lack of other options, the frontend is currently written as a web app. Maintaining web compatibility will always be a requirement, but the long-term plan is to port this code to a Rust-based native GUI framework, either written by the Rust community or created by our project if necessary. As a medium-term compromise, we may wrap the web-based frontend in a desktop webview windowing solution like Electron (probably not) or [Tauri](https://tauri.app/) (probably).
+
+## Bundled assets: `assets/`
+
+Icons and images that are used in components and embedded into the application bundle by the build system.
+
+## Public assets: `public/`
+
+Static content like favicons that are copied directly into the root of the build output by the build system.
+
+## Svelte/TypeScript source: `src/`
+
+Source code for the web app in the form of Svelte components and [TypeScript](https://www.typescriptlang.org/) files.
+
+## WebAssembly wrapper: `wasm/`
+
+Wraps the editor backend codebase (`/editor`) and provides a JS-centric API for the web app to use unburdened by Rust's complex data types that are incompatible with JS data types. Bindings (JS functions that call into the WASM module) are provided by [wasm-bindgen](https://rustwasm.github.io/docs/wasm-bindgen/) in concert with [wasm-pack](https://github.com/rustwasm/wasm-pack).
+
+## ESLint configurations: `.eslintrc.js`
+
+[ESLint](https://eslint.org/) is the tool which enforces style rules on the JS, TS, and Svelte files in our frontend codebase. As it is set up in this config file, ESLint will complain about bad practices and often help reformat code automatically when (in VS Code) the file is saved or `npm run lint` is executed. (If you don't use VS Code, remember to run this command before committing!) This config file for ESLint sets our style preferences and configures our usage of extensions/plugins for Svelte support and [Prettier](https://prettier.io/)'s role as a code formatter.
+
+## npm ecosystem packages: `package.json`
+
+While we don't use Node.js as a JS-based server, we do have to rely on its wide ecosystem of packages for our build system toolchain. If you're just getting started, make sure to install the latest LTS copy of Node.js. Our project's philosophy on third-party packages is to keep our dependency tree as light as possible, so adding anything new to our `package.json` should have overwhelming justification. Most of the packages are just development tooling (TypeScript, Vite, ESLint, Prettier, wasm-pack, and [Sass](https://sass-lang.com/)) that run in your console during the build process.
+
+## npm package installed versions: `package-lock.json`
+
+Specifies the exact versions of packages installed in the npm dependency tree. While `package.json` specifies which packages to install and their minimum/maximum acceptable version numbers, `package-lock.json` represents the exact versions of each dependency and sub-dependency. Running `npm ci` will grab these exact versions to ensure you are using the same packages as everyone else working on Graphite. `npm update` will modify `package-lock.json` to specify newer versions of any updated (sub-)dependencies and download those, as long as they don't exceed the maximum version allowed in `package.json`. To check for newer versions that exceed the max version, run `npm outdated` to see a list. Unless you know why you are doing it, try to avoid committing updates to `package-lock.json` by mistake if your code changes don't pertain to package updates. And never manually modify the file.
+
+## TypeScript configurations: `tsconfig.json`
+
+Basic configuration options for the TypeScript build tool to do its job in our repository.
+
+## Vite configurations: `vite.config.js`
+
+We use the [Vite](https://vitejs.dev/) bundler/build system. This file is where we configure Vite to set up plugins (like the third-party license checker/generator). Part of the license checker plugin setup includes some functions to format web package licenses, as well as Rust package licenses provided by [cargo-about](https://github.com/EmbarkStudios/cargo-about), into a text file that's distributed with the application to provide license notices for third-party code.
diff --git a/frontend/assets/LICENSE.md b/frontend/assets/LICENSE.md
new file mode 100644
index 0000000000000000000000000000000000000000..0d2e4c34c6aed53a372985b0fcad29b6bb4dc2bc
--- /dev/null
+++ b/frontend/assets/LICENSE.md
@@ -0,0 +1,5 @@
+Copyright (c) 2021-2025 Graphite Labs, LLC.
+
+The design assets in this directory (including SVG code for icons and logos) are NOT licensed under the Apache 2.0 license terms applied to other Graphite source code files. This directory and its entire contents are excluded from the Apache 2.0 source code license, and full copyright is held by the rightsholder for the creative works contained as files herein.
+
+Parties interested in using Graphite source code in a capacity that deploys the Graphite editor reference frontend are advised to substitute all assets and "Graphite" branding or otherwise arrange written permission from the rightsholder (see https://graphite.rs/contact/ for contact info). The recommended use case for adopting Graphite open source code is to develop one's own unique frontend user interface implementation that integrates Graphite's backend technology.
diff --git a/frontend/assets/graphics/graphite-logotype-solid.svg b/frontend/assets/graphics/graphite-logotype-solid.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a7ef01b48cb6cc1d77c4fed82ad2226d688b71e6
--- /dev/null
+++ b/frontend/assets/graphics/graphite-logotype-solid.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 937 240" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+	<path d="M934.29,139.3c-3.08,2.94-6.82,5.09-10.91,6.27c-3.49,1.06-7.1,1.63-10.74,1.71c-6.08,0.08-11.98-2.06-16.6-6.02c-4.78-4.01-7.49-10.63-8.14-19.86l48.01-6.02c0-8.68-2.58-15.71-7.73-21.08c-5.16-5.37-12.72-8.06-22.7-8.06c-7.19-0.04-14.29,1.57-20.75,4.72c-6.37,3.07-11.75,7.86-15.54,13.83c-3.91,6.08-5.86,13.46-5.86,22.14c0,8.03,1.76,14.98,5.29,20.83c3.41,5.76,8.38,10.44,14.32,13.51c6.21,3.19,13.11,4.81,20.1,4.72c9.01,0,16.14-2.2,21.41-6.59c5.51-4.74,9.78-10.74,12.45-17.5L934.29,139.3z M891.64,99.01c2.28-3.85,5.26-5.78,8.95-5.78c3.79,0,6.48,1.84,8.06,5.53c1.68,4.2,2.59,8.66,2.69,13.18l-23.6,2.93C888.06,108.15,889.37,102.86,891.64,99.01" />
+	<path d="M844.61,151.33c-7.06,0-10.58-4.34-10.58-13.02v-34.5c0-4.34,2.17-6.51,6.51-6.51h14.65v-8.62h-21.16c0-4.12,0.05-8.19,0.16-12.21c0.11-4.01,0.59-11.63,0.91-15.76l-25.49,11.81v16.16h-9.77v8.62h9.77v44.27c0,7.16,2.01,13.02,6.02,17.58c4.01,4.56,9.87,6.83,17.58,6.84c4.07,0.13,8.11-0.71,11.8-2.44c3.03-1.49,5.72-3.6,7.89-6.18c1.98-2.37,3.62-5,4.88-7.81l-2.6-2.6C852.42,149.81,848.59,151.4,844.61,151.33" />
+	<path d="M783.25,154.67c-0.64-2.97-0.91-6-0.81-9.03v-38.9c0-5.21,0.08-9.52,0.24-12.94s0.3-5.94,0.41-7.57l-0.98-0.98l-35.48,16.44l1.63,3.74c1.09-0.4,2.2-0.73,3.34-0.98c0.94-0.21,1.89-0.31,2.85-0.32c0.97-0.07,1.92,0.22,2.69,0.81c0.59,0.54,0.89,1.63,0.9,3.26v37.43c0.08,3.03-0.14,6.05-0.65,9.03c-0.44,2.01-1.2,3.34-2.28,3.99c-1.35,0.73-2.86,1.12-4.39,1.14v3.74h41.5v-3.74c-2.06,0-4.1-0.39-6.02-1.14C784.64,157.85,783.56,156.38,783.25,154.67 M771.04,77.28c3.74,0.07,7.35-1.44,9.93-4.15c2.64-2.59,4.11-6.15,4.07-9.85c0.03-3.72-1.44-7.3-4.07-9.93c-2.56-2.75-6.17-4.29-9.93-4.23c-3.81-0.09-7.48,1.45-10.09,4.23c-2.64,2.63-4.1,6.21-4.07,9.93c0.02,7.75,6.32,14.02,14.07,14C770.98,77.29,771.01,77.29,771.04,77.28" />
+	<path d="M732.15,154.68c-0.64-2.97-0.91-6-0.81-9.03v-39.22c0-7.05-1.57-12.18-4.72-15.38c-3.15-3.2-8.08-4.8-14.81-4.8c-4.06,0.01-8.07,0.84-11.8,2.44c-3.08,1.21-6.03,2.75-8.79,4.57c-3.07,2.01-5.99,4.25-8.71,6.72V61.55c0-5.21,0.08-9.52,0.24-12.94c0.16-3.42,0.3-5.94,0.41-7.57L682.11,40l-35.45,16.42l1.66,3.82c1.09-0.4,2.2-0.73,3.34-0.98c0.94-0.21,1.89-0.32,2.85-0.33c0.96-0.07,1.92,0.22,2.68,0.81c0.6,0.55,0.9,1.63,0.9,3.26v82.63c0.08,3.03-0.14,6.05-0.65,9.03c-0.43,2.01-1.19,3.34-2.28,3.99c-1.35,0.73-2.86,1.12-4.4,1.14v3.74h41.5v-3.74c-2.06,0-4.1-0.38-6.02-1.14c-1.54-0.81-2.62-2.28-2.93-3.99c-0.64-2.97-0.91-6-0.82-9.03v-37.92c2.72-1.87,5.71-3.29,8.87-4.23c2.26-0.61,4.58-0.94,6.92-0.98c3.79,0,6.18,1,7.16,3.01c1.06,2.43,1.56,5.08,1.46,7.73v32.39c0.08,3.03-0.14,6.05-0.65,9.03c-0.43,2.01-1.19,3.34-2.28,3.99c-1.35,0.73-2.86,1.12-4.4,1.14v3.74h41.5v-3.74c-2.06,0-4.1-0.38-6.02-1.14c-1.54-0.81-2.62-2.28-2.93-3.99" />
+	<path d="M624.97,90.71c-4.3-2.92-9.37-4.48-14.57-4.48c-5.74-0.16-11.38,1.43-16.19,4.56c-4.26,2.76-7.67,6.65-9.85,11.23h-0.32c0-3.26,0.12-6.35,0.39-9.49c0.14-2.07,0.38-4.14,0.73-6.18l-0.98-0.98l-33.84,15.68l1.63,3.74c1.49-0.4,3.02-0.62,4.56-0.65c0.97-0.07,1.92,0.22,2.69,0.81c0.6,0.54,0.9,1.63,0.9,3.25v73.9c0.08,3.02-0.14,6.05-0.65,9.03c-0.43,2.01-1.19,3.34-2.28,3.99c-1.35,0.72-2.86,1.11-4.39,1.14V200h43.12v-3.74c-2.46,0.01-4.9-0.38-7.24-1.14c-1.71-0.68-2.96-2.18-3.33-3.99c-0.64-2.97-0.91-6-0.81-9.03v-16.76c1.52,0.22,3.17,0.38,4.96,0.49s3.77,0.16,5.94,0.16c5.18-0.03,10.33-0.8,15.3-2.28c5.21-1.52,10.1-4.01,14.4-7.32c4.5-3.5,8.15-7.98,10.66-13.1c2.71-5.37,4.07-11.96,4.07-19.78c0-7.81-1.36-14.49-4.07-20.02C633.4,98.33,629.66,93.92,624.97,90.71 M608.94,150.61c-3.26,5.04-7.27,7.57-12.04,7.57c-5.21,0-9.33-2.39-12.37-7.16v-43.3c1.7-1.75,3.75-3.11,6.02-3.99c2.03-0.79,4.18-1.2,6.35-1.22c4.77,0,8.79,2.31,12.04,6.92c3.26,4.61,4.88,11.64,4.88,21.08C613.82,138.86,612.19,145.57,608.94,150.61" />
+	<path d="M541.31,150.61c-1.17,0.45-2.41,0.7-3.66,0.73c-1.95,0-3.25-0.68-3.91-2.03c-0.74-1.83-1.07-3.81-0.98-5.78v-35.48c0-12.25-7.16-19.5-19.95-21.8c-8.97-1.62-19.39-1.04-28.28,0.57c-5.06,0.92-10.37,2.79-13.57,5.49v23.95h3.71c0.91-5.48,3.36-10.58,7.07-14.72c3.2-3.81,7.96-5.97,12.94-5.86c3.8,0,6.75,1.11,8.87,3.34c2.12,2.23,3.17,5.89,3.17,10.99v8.63c-13.78,3.69-23.95,7.76-30.52,12.21s-9.85,10.25-9.85,17.42c-0.06,4.5,1.47,8.88,4.31,12.36c2.87,3.58,7.29,5.37,13.27,5.37c4.5-0.01,8.92-1.16,12.86-3.34c4.18-2.27,7.62-5.69,9.93-9.85h0.33c0.95,3.66,3.1,6.9,6.1,9.2c2.87,2.12,6.97,3.17,12.29,3.17c4.71,0.08,9.34-1.19,13.35-3.66c4.15-2.73,7.43-6.6,9.44-11.15l-2.6-2.6C544.39,148.99,542.93,149.96,541.31,150.61 M506.73,146.3c-1.27,1.36-2.72,2.54-4.31,3.5c-1.74,1.05-3.75,1.58-5.78,1.54c-2.11,0.12-4.16-0.75-5.53-2.36c-1.32-1.63-2.02-3.68-1.95-5.78c0.09-1.95,0.5-3.88,1.22-5.7c1.09-2.66,2.82-5.01,5.05-6.84c2.55-2.28,6.32-4.12,11.31-5.53L506.73,146.3z" />
+	<path d="M440.68,91.63c-4.8,1.93-9.07,4.75-11.91,9.87h-0.33c-0.02-2.98,0.11-5.96,0.41-8.92c0.13-2.13,0.37-4.25,0.73-6.35l-0.98-0.98l-33.85,15.79l1.63,3.74c1.49-0.4,3.02-0.62,4.56-0.65c0.97-0.07,1.92,0.22,2.69,0.82c0.59,0.54,0.89,1.63,0.9,3.25v37.44c0.08,3.03-0.14,6.05-0.65,9.03c-0.43,2.01-1.19,3.34-2.28,3.99c-1.35,0.73-2.86,1.12-4.4,1.14v3.74h43.13v-3.74c-2.46,0.01-4.9-0.38-7.24-1.14c-1.71-0.68-2.97-2.18-3.34-3.99c-0.64-2.97-0.91-6-0.82-9.03v-36.29c2.1-1.79,4.53-3.15,7.16-3.99c2.49-0.72,5.06-1.08,7.65-1.06c2.42,0.01,4.78,0.68,6.84,1.95c2.17,1.3,3.71,5.12,4.48,10h4.1V92.3C455.3,89.03,446.61,89.25,440.68,91.63" />
+	<path d="M344.13,115.53c2.68,0.05,5.32,0.57,7.81,1.55c1.73,0.81,2.9,2.6,3.5,5.37c0.72,4.38,1.02,8.82,0.9,13.26c0,3.8-0.04,6.29-0.2,9.22c-0.16,2.93-0.39,4.51-1.58,6.47c-1.63,2.71-4.43,4-7.41,4.59c-2.7,0.57-5.46,0.87-8.22,0.9c-6.29,0-12.7-1.98-16.81-5.14c-5.27-4.05-9.38-11.35-12.04-19.92c-2.4-8.27-3.58-16.84-3.51-25.45c0-14.54,4.01-24.17,9.38-31.43c5.46-7.37,14.61-11.25,25-11.89c4.13-0.21,8.27,0.21,12.28,1.25c3.63,1.12,7.4,2.65,10.43,6.07c3.03,3.42,4.67,7.11,6.85,13.4h3.74v-24.9c-4.86-1.84-9.87-3.25-14.97-4.23c-5.73-1.18-11.56-1.78-17.41-1.79c-8.11-0.06-16.17,1.23-23.85,3.82c-7.23,2.44-13.91,6.25-19.69,11.23c-5.77,5.04-10.36,11.29-13.43,18.31c-3.38,7.91-5.05,16.46-4.88,25.07c0,10.96,2.39,20.57,7.16,28.81c4.6,8.07,11.36,14.7,19.53,19.12c8.5,4.57,18.02,6.89,27.67,6.76c7.53,0.11,15.02-0.97,22.22-3.18c5.71-1.74,11.2-4.14,16.36-7.16c3.26-1.87,6.32-4.08,9.11-6.59c-0.63-2.67-1.01-5.4-1.14-8.14c-0.11-2.61-0.16-5.37-0.16-8.3v-9.44c0-2.82,0.3-4.77,0.9-5.86c0.66-1.12,1.87-1.81,3.17-1.79v-3.74h-40.7V115.53z" />
+	<path d="M231.18,218.98l-0.07-0.69c-0.86-9.39-11.15-121.38-11.18-121.86c-0.23-2.84-1.07-5.6-2.45-8.09c-0.03-0.09-0.07-0.17-0.11-0.25l-0.06-0.15l-0.03,0.03l-0.02-0.01l0.04-0.02L205.5,67.5L172.31,10c-3.58-6.19-10.18-10-17.33-10H64.99c-7.14,0-13.74,3.81-17.32,10l-45,77.93c-3.57,6.19-3.57,13.81,0,20l45,77.93c3.57,6.19,10.17,10,17.32,10h89.99c3.86-0.03,7.63-1.19,10.85-3.32l38.59,27.68c-6.97-2.18-14.18-3.47-21.47-3.83c-18.11-0.87-71.2-0.28-131.42,4.63c-24.71,2.01-36.39,7.88-35.03,9.03c3.49,2.98,7.62,4.16,28.2,4.08c18.32-0.06,71.65,1.91,87.76,2.9c11.41,0.71,23.41,2.88,32.04,2.97c9.2-0.12,18.37-0.82,27.48-2.1c13.74-1.89,31.96-5.7,36.15-10.77C230.34,225.03,231.47,222.02,231.18,218.98z M62.49,24.32c1.67-2.55,4.45-4.16,7.5-4.33h79.99c3.04,0.17,5.81,1.77,7.49,4.31l33.26,57.61c-4.99,5.2-9.32,11-12.89,17.26l-24.77,2.75L138.3,122c-7.21-0.04-14.4,0.82-21.4,2.54L60.77,27.31L62.49,24.32z M69.99,175.86c-3.05-0.17-5.83-1.78-7.5-4.33l-40-69.27c-1.37-2.72-1.37-5.94,0-8.66l26.73-46.28l59.6,103.24l0.04-0.02c0.69,1.24,1.64,2.31,2.79,3.15l30.93,22.18L69.99,175.86z M186.75,182.93l-57.9-41.53c6.39-1.39,12.91-2.09,19.45-2.09l14.77-20.07l24.77-2.75c3.26-5.66,7.13-10.95,11.52-15.79l7.03,70.9C198.07,170.71,190.13,175.29,186.75,182.93z M81.64,154.71c1.49,2.33,0.8,5.42-1.52,6.91c-2.33,1.49-5.42,0.8-6.91-1.52c-0.08-0.12-0.15-0.25-0.22-0.38l-35-60.61c-1.49-2.33-0.8-5.42,1.52-6.91c2.33-1.49,5.42-0.8,6.91,1.52c0.08,0.12,0.15,0.25,0.22,0.38L81.64,154.71z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/add.svg b/frontend/assets/icon-12px-solid/add.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4fb9442ec347bd350fe0a2e1ac68b7ce8a4af3ff
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/add.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<rect width="8" height="2" x="2" y="5" />
+	<rect width="2" height="8" x="5" y="2" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/checkmark.svg b/frontend/assets/icon-12px-solid/checkmark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..83f0568ce7fe570b1dbb34d47774cfbbf8b25e8c
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/checkmark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon points="5.19,11.83 0.18,7.44 1.82,5.56 4.81,8.17 10,1.25 12,2.75" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/clipped.svg b/frontend/assets/icon-12px-solid/clipped.svg
new file mode 100644
index 0000000000000000000000000000000000000000..76c2e8940229b0e01634457d5e6300667d8b744f
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/clipped.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M4.5,4H10V3H4.5C3.673,3,3,3.673,3,4.5V7H1l2.5,3L6,7H4V4.5C4,4.224,4.224,4,4.5,4z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/close-x.svg b/frontend/assets/icon-12px-solid/close-x.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d40d2973ed14ff1e32d7ecdce036f9640c94f8cc
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/close-x.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon points="10,3 9,2 6,5 3,2 2,3 5,6 2,9 3,10 6,7 9,10 10,9 7,6" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/delay.svg b/frontend/assets/icon-12px-solid/delay.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1767c89e395cd2cbd60ea949de7585814f311fe8
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/delay.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="m6,1c2.76,0,5,2.24,5,5s-2.24,5-5,5S1,8.76,1,6,3.24,1,6,1m0-1C2.68,0,0,2.69,0,6s2.68,6,6,6,6-2.68,6-6S9.31,0,6,0h0Zm2.47,8.47c.2-.2.2-.51,0-.71l-1.97-1.97v-2.79c0-.28-.22-.5-.5-.5s-.5.22-.5.5v3c0,.13.05.26.15.35l2.12,2.12c.1.1.23.15.35.15s.26-.05.35-.15z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/dot.svg b/frontend/assets/icon-12px-solid/dot.svg
new file mode 100644
index 0000000000000000000000000000000000000000..63f4a4e05dba1f9719b96a9802aa6d4ddfc55603
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/dot.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<circle cx="6" cy="6" r="1.5" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/dropdown-arrow.svg b/frontend/assets/icon-12px-solid/dropdown-arrow.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7fb5f15bba53e934dc961bb38800851251265c2e
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/dropdown-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon points="6,7 2.5,4 2.5,6 6,9 9.5,6 9.5,4" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/edit-12px.svg b/frontend/assets/icon-12px-solid/edit-12px.svg
new file mode 100644
index 0000000000000000000000000000000000000000..074f7614ba04ab9e785a9f315468cce7f6a02c98
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/edit-12px.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M11.4,1.8l-1.2-1.2C9.9,0.2,9.3,0,8.8,0s-1,0.2-1.4,0.6L1.6,6.4c-0.4,0.4-0.7,1-0.8,1.5L0,12l4.1-0.8c0.6-0.1,1.1-0.4,1.5-0.8l5.8-5.8C12.2,3.8,12.2,2.5,11.4,1.8z M4.9,9.7c-0.3,0.3-0.6,0.5-1,0.5l-0.1,0L1.8,8.2l0-0.1c0.1-0.4,0.3-0.7,0.5-1l4-4l2.6,2.6L4.9,9.7z M10.7,3.9L9.6,4.9L7.1,2.4l1.1-1.1C8.3,1.1,8.6,1,8.8,1s0.5,0.1,0.7,0.3l1.2,1.2C11.1,2.9,11.1,3.5,10.7,3.9z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/empty-12px.svg b/frontend/assets/icon-12px-solid/empty-12px.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ed62aab166d1178117b8193085b50557168b1504
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/empty-12px.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+</svg>
diff --git a/frontend/assets/icon-12px-solid/failure.svg b/frontend/assets/icon-12px-solid/failure.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c43014bce19e5e7a417d7b891bb92f447adc7455
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/failure.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="m6,1c2.76,0,5,2.24,5,5s-2.24,5-5,5S1,8.76,1,6c0-2.76,2.24-5,5-5m0-1C2.69,0,0,2.69,0,6s2.69,6,6,6,6-2.69,6-6S9.31,0,6,0m2.83,3.88l-.71-.71-2.12,2.12-2.12-2.12-.71.71,2.12,2.12-2.12,2.12.71.71,2.12-2.12,2.12,2.12.71-.71-2.12-2.12,2.12-2.12z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/fullscreen-enter.svg b/frontend/assets/icon-12px-solid/fullscreen-enter.svg
new file mode 100644
index 0000000000000000000000000000000000000000..87111c995aa67dd366373a1e230ce3adbcc3f439
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/fullscreen-enter.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon points="11,8 11,11 8,11 8,12 12,12 12,8" />
+	<polygon points="1,1 4,1 4,0 0,0 0,4 1,4" />
+	<polygon points="4,11 1,11 1,8 0,8 0,12 4,12" />
+	<polygon points="11,1 11,4 12,4 12,0 8,0 8,1" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/fullscreen-exit.svg b/frontend/assets/icon-12px-solid/fullscreen-exit.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c9d36c93695865e52f00eda01fe613a0718d9728
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/fullscreen-exit.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon points="9,12 9,9 12,9 12,8 8,8 8,12" />
+	<polygon points="3,3 0,3 0,4 4,4 4,0 3,0" />
+	<polygon points="0,9 3,9 3,12 4,12 4,8 0,8" />
+	<polygon points="9,3 9,0 8,0 8,4 12,4 12,3" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/grid-dotted.svg b/frontend/assets/icon-12px-solid/grid-dotted.svg
new file mode 100644
index 0000000000000000000000000000000000000000..551300be883b9843bc58721d30de0af86c1080a0
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/grid-dotted.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<rect width="2" height="2" x="1" y="1" />
+	<rect width="2" height="2" x="5" y="1" />
+	<rect width="2" height="2" x="9" y="1" />
+	<rect width="2" height="2" x="1" y="5" />
+	<rect width="2" height="2" x="5" y="5" />
+	<rect width="2" height="2" x="9" y="5" />
+	<rect width="2" height="2" x="1" y="9" />
+	<rect width="2" height="2" x="5" y="9" />
+	<rect width="2" height="2" x="9" y="9" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/grid.svg b/frontend/assets/icon-12px-solid/grid.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0a783514ee4165411346f6e6297aa5d861560b50
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/grid.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<rect width="1" height="10" x="1" y="1" />
+	<rect width="1" height="10" x="4" y="1" />
+	<rect width="1" height="10" x="7" y="1" />
+	<rect width="1" height="10" x="10" y="1" />
+	<rect width="10" height="1" x="1" y="1" />
+	<rect width="10" height="1" x="1" y="4" />
+	<rect width="10" height="1" x="1" y="7" />
+	<rect width="10" height="1" x="1" y="10" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/info.svg b/frontend/assets/icon-12px-solid/info.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6d28348e007470770de6f44532063a87f69c38af
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/info.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M6,0C2.69,0,0,2.69,0,6s2.69,6,6,6s6-2.69,6-6S9.31,0,6,0z M6.35,11C5.71,11,5.2,10.49,5.2,9.85c0-0.63,0.51-1.15,1.15-1.15c0.63,0,1.15,0.51,1.15,1.15C7.49,10.49,6.98,11,6.35,11z M8.59,5.04C8.2,5.76,7.21,5.98,7.21,6.9v0.99h-1.8V6.9c0-1.89,1.88-1.62,1.88-3.12c0-1.41-2.16-1.88-2.77,0.15L3,3.46C4.25-0.96,10.66,1.2,8.59,5.04z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-arrow-down.svg b/frontend/assets/icon-12px-solid/keyboard-arrow-down.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8f269dba4694df19c01ed21bf1ba15ecf2af64ad
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-arrow-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon class="bright" points="6,11 10,6 7,6 7,1 5,1 5,6 2,6" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-arrow-left.svg b/frontend/assets/icon-12px-solid/keyboard-arrow-left.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3d090c9f70acc42ea2fd4d9917b0209a0f75b5e3
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-arrow-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon class="bright" points="1,6 6,10 6,7 11,7 11,5 6,5 6,2" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-arrow-right.svg b/frontend/assets/icon-12px-solid/keyboard-arrow-right.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8614c82fa8b9e608e6aabccec0667ecf75c4ccfc
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon class="bright" points="11,6 6,2 6,5 1,5 1,7 6,7 6,10" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-arrow-up.svg b/frontend/assets/icon-12px-solid/keyboard-arrow-up.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c9611e55c1e42f30f7497c2d2b87ce3d54cf9a6e
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-arrow-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon class="bright" points="6,1 2,6 5,6 5,11 7,11 7,6 10,6" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-backspace.svg b/frontend/assets/icon-12px-solid/keyboard-backspace.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e4ae884858b6e25e24c1bcdabd62fb61e1863de0
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-backspace.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path class="bright" d="M11,3v6H4.41l-3-3l3-3H11 M12,2H4L0,6l4,4h8V2L12,2z" />
+	<polygon class="bright" points="9.35,4.35 8.65,3.65 7,5.29 5.35,3.65 4.65,4.35 6.29,6 4.65,7.65 5.35,8.35 7,6.71 8.65,8.35 9.35,7.65 7.71,6" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-command.svg b/frontend/assets/icon-12px-solid/keyboard-command.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e2ea25c307bd2720a24aa6069aa4c3e8073a6eeb
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-command.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path class="bright" d="M9,7H8V5h1c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2S7,1.9,7,3v1H5V3c0-1.1-0.9-2-2-2S1,1.9,1,3c0,1.1,0.9,2,2,2h1v2H3C1.9,7,1,7.9,1,9c0,1.1,0.9,2,2,2s2-0.9,2-2V8h2v1c0,1.1,0.9,2,2,2s2-0.9,2-2C11,7.9,10.1,7,9,7z M8,3c0-0.55,0.45-1,1-1s1,0.45,1,1S9.55,4,9,4H8V3z M3,4C2.45,4,2,3.55,2,3s0.45-1,1-1s1,0.45,1,1v1H3z M4,9c0,0.55-0.45,1-1,1S2,9.55,2,9s0.45-1,1-1h1V9z M5,7V5h2v2H5z M9,10c-0.55,0-1-0.45-1-1V8h1c0.55,0,1,0.45,1,1S9.55,10,9,10z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-control.svg b/frontend/assets/icon-12px-solid/keyboard-control.svg
new file mode 100644
index 0000000000000000000000000000000000000000..591d2c0be6585699128ce44311efc6c6ce0f2d78
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-control.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon points="6,1 1,5 1.6,5.8 6,2.3 10.4,5.8 11,5" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-enter.svg b/frontend/assets/icon-12px-solid/keyboard-enter.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c9e25d54ecf84518dff4a3f968c7dcfe9a311c2c
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-enter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path class="bright" d="M11,3v2c0,0.55-0.45,1-1,1H3V4L0,6.5L3,9V7h7c1.1,0,2-0.9,2-2V3H11z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-option.svg b/frontend/assets/icon-12px-solid/keyboard-option.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9d6c246b4cc052035bc5a559fedfc4e72c1ad7ab
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-option.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<rect class="bright" x="6" y="3" width="5" height="1" />
+	<polygon class="bright" points="11,9 5.72,9 2.72,4 1,4 1,3 3.28,3 6.28,8 11,8" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-shift.svg b/frontend/assets/icon-12px-solid/keyboard-shift.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4e8b732a2283742603c970504f62b0f654f2f0f0
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-shift.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path class="bright" d="M6,0L0,6h3v6h6V6h3L6,0z M8,5v6H4V5H2.41L6,1.41L9.59,5H8z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-space.svg b/frontend/assets/icon-12px-solid/keyboard-space.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1bcb73ea97f6c464e4138eb920a12ef1f9f04f39
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-space.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path class="bright" d="M11,8v1c0,0.55-0.45,1-1,1H2c-0.55,0-1-0.45-1-1V8H0v1c0,1.1,0.9,2,2,2h8c1.1,0,2-0.9,2-2V8H11z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/keyboard-tab.svg b/frontend/assets/icon-12px-solid/keyboard-tab.svg
new file mode 100644
index 0000000000000000000000000000000000000000..77888255b37c18428e87aa53a00060f1ff27922d
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/keyboard-tab.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon class="bright" points="4,3 4,1 1,3.5 4,6 4,4 12,4 12,3" />
+	<polygon class="bright" points="0,1 0,6 1,6 1,3.5 1,1" />
+	<polygon class="bright" points="8,8 0,8 0,9 8,9 8,11 11,8.5 8,6" />
+	<polygon class="bright" points="11,8.5 11,11 12,11 12,6 11,6" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/license-12px.svg b/frontend/assets/icon-12px-solid/license-12px.svg
new file mode 100644
index 0000000000000000000000000000000000000000..18b4d69bc8df3a488e530e517fb70d9ed6454253
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/license-12px.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="m12,1.63C11.94.7,11.17,0,10.25,0h-6.25C2.9,0,2,.9,2,2v6.5H0v1.75c0,.92.7,1.69,1.62,1.75h6.12c.95-.05,1.7-.8,1.75-1.75v-6.25h2.5V1.63ZM1.63,11c-.37-.06-.63-.38-.62-.75v-.75h5v.75c0,.26.07.52.19.75H1.63Zm6.12,0c-.39-.05-.7-.36-.75-.75v-1.75h-4V2c0-.55.45-1,1-1h4.71c-.14.31-.21.66-.21,1v8.25c-.05.39-.36.7-.75.75m3.25-8h-1.5v-1c0-.3.07-1,.75-1,.37,0,.69.26.75.62v1.37Zm-3.75-.5h-3c-.14,0-.25.11-.25.25s.11.25.25.25h3c.14,0,.25-.11.25-.25s-.11-.25-.25-.25m0,2h-3c-.14,0-.25.11-.25.25s.11.25.25.25h3c.14,0,.25-.11.25-.25s-.11-.25-.25-.25m0,2h-3c-.14,0-.25.11-.25.25s.11.25.25.25h3c.14,0,.25-.11.25-.25s-.11-.25-.25-.25z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/link.svg b/frontend/assets/icon-12px-solid/link.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a29d1cccc15ea87126125b5e3237ff7e4c652e17
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/link.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M4.68,9.32L4,10c-0.53,0.53-1.47,0.53-2,0C1.73,9.73,1.59,9.38,1.59,9S1.73,8.27,2,8l2.5-2.5c0.27-0.27,0.62-0.41,1-0.41s0.73,0.15,1,0.41l1-1c-1.07-1.07-2.93-1.07-4,0L1,7C0.47,7.53,0.17,8.24,0.17,9S0.47,10.47,1,11s1.24,0.83,2,0.83S4.47,11.53,5,11l1.27-1.27C5.71,9.7,5.17,9.56,4.68,9.32z" />
+	<path d="M11,1C9.93-0.07,8.07-0.07,7,1L5.7,2.3c0.56,0.03,1.11,0.16,1.61,0.39L8,2c0.27-0.27,0.62-0.41,1-0.41S9.73,1.73,10,2s0.41,0.62,0.41,1S10.27,3.73,10,4L7.5,6.5c-0.53,0.53-1.47,0.53-2,0l-1,1c0.53,0.53,1.24,0.83,2,0.83s1.47-0.29,2-0.83L11,5c0.53-0.53,0.83-1.24,0.83-2S11.53,1.53,11,1z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/overlays.svg b/frontend/assets/icon-12px-solid/overlays.svg
new file mode 100644
index 0000000000000000000000000000000000000000..848b2c268f53b1bc9380a6f28fe8d2b25a32f68b
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/overlays.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<rect width="3" height="3" />
+	<rect width="3" height="3" y="9" />
+	<rect width="1" height="4" y="4" />
+	<rect width="4" height="1" x="4" y="11" />
+	<rect width="1" height="4" x="11" y="4" />
+	<rect width="3" height="3" x="9" />
+	<rect width="3" height="3" x="9" y="9" />
+	<rect width="4" height="1" x="4" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/remove.svg b/frontend/assets/icon-12px-solid/remove.svg
new file mode 100644
index 0000000000000000000000000000000000000000..08da921f70015bacce40a487c60786c862156a76
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/remove.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<rect width="8" height="2" x="2" y="5" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/snapping.svg b/frontend/assets/icon-12px-solid/snapping.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2a84016dc8513fe2c03dcd76ab5bbf2ffb3e65da
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/snapping.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M7.5,7.5L6,9C5.17,9.83,3.83,9.83,3,9S2.17,6.83,3,6l1.5-1.5L3,3L1.5,4.5c-1.66,1.66-1.66,4.34,0,6s4.34,1.66,6,0L9,9L7.5,7.5z" />
+	<polygon points="4,2 5.5,0.5 7,2 5.5,3.5" />
+	<polygon points="8.5,6.5 10,5 11.5,6.5 10,8" />
+	<polygon points="12,0 8.29,1.21 9.29,3.21 7,4 7,5 10.71,3.79 9.71,1.79 12,1" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/swap-horizontal.svg b/frontend/assets/icon-12px-solid/swap-horizontal.svg
new file mode 100644
index 0000000000000000000000000000000000000000..97c894977e53429e365701ba7d3678cef54e78bc
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/swap-horizontal.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M9,7l3-3L9,1v2H5v2h4V7z M0,8l3,3V9h4V7H3V5L0,8z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/swap-vertical.svg b/frontend/assets/icon-12px-solid/swap-vertical.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0a7742f2a07769a51cbcf0a95d36b7652c858dd4
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/swap-vertical.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M7,3L4,0L1,3h2v4h2V3H7z M8,12l3-3H9V5H7v4H5L8,12z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/vertical-ellipsis.svg b/frontend/assets/icon-12px-solid/vertical-ellipsis.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1a5ff3e19f7f0fd8cf0ff806149a9b04deafaa19
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/vertical-ellipsis.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<circle cx="6" cy="2" r="1.5" />
+	<circle cx="6" cy="6" r="1.5" />
+	<circle cx="6" cy="10" r="1.5" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/warning.svg b/frontend/assets/icon-12px-solid/warning.svg
new file mode 100644
index 0000000000000000000000000000000000000000..977a8ba2c7d6cbb220b8f1a56c8994867fc19282
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/warning.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M11.9,9.79L6.96,0.58c-0.41-0.77-1.5-0.77-1.92,0L0.1,9.79C-0.19,10.33,0.2,11,0.81,11h10.39C11.8,11,12.19,10.33,11.9,9.79z M6.9,2.5L6.67,7H5.33L5.1,2.5L6.9,2.5z M6,10.3c-0.63,0-1.15-0.51-1.15-1.15C4.85,8.51,5.37,8,6,8c0.63,0,1.15,0.51,1.15,1.15C7.15,9.78,6.63,10.3,6,10.3z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/window-button-win-close.svg b/frontend/assets/icon-12px-solid/window-button-win-close.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cbbd7b56cd6d08d023511da16fc5f157b2678298
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/window-button-win-close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<polygon points="11,1.7 10.3,1 6,5.3 1.7,1 1,1.7 5.3,6 1,10.3 1.7,11 6,6.7 10.3,11 11,10.3 6.7,6" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/window-button-win-maximize.svg b/frontend/assets/icon-12px-solid/window-button-win-maximize.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0ffb0e88c70ec2730b2b5918a170d9353a70a1a5
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/window-button-win-maximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M11,1v10H1V1H11z M10,2H2v8h8V2z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/window-button-win-minimize.svg b/frontend/assets/icon-12px-solid/window-button-win-minimize.svg
new file mode 100644
index 0000000000000000000000000000000000000000..28c5d66b1d2f5ce89f9c15e54a47d2c2b459886c
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/window-button-win-minimize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<rect x="1" y="5" width="10" height="1" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/window-button-win-restore-down.svg b/frontend/assets/icon-12px-solid/window-button-win-restore-down.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c0363e685daa9166af930135d95a154a1ae9d8be
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/window-button-win-restore-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M11,9H9v2H1V3h2V1h8V9z M8,4H2v6h6V4z M10,2H4v1h5v5h1V2z" />
+</svg>
diff --git a/frontend/assets/icon-12px-solid/working-colors.svg b/frontend/assets/icon-12px-solid/working-colors.svg
new file mode 100644
index 0000000000000000000000000000000000000000..58988cbef89935dc1bce914c02316684e195945d
--- /dev/null
+++ b/frontend/assets/icon-12px-solid/working-colors.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
+	<path d="M10,4c0-2.2-1.8-4-4-4S2,1.8,2,4c0,0.7,0.2,1.4,0.6,2C2.2,6.6,2,7.3,2,8c0,2.2,1.8,4,4,4s4-1.8,4-4c0-0.7-0.2-1.4-0.6-2C9.8,5.4,10,4.7,10,4z M6,1c1.7,0,3,1.3,3,3S7.7,7,6,7S3,5.7,3,4S4.3,1,6,1z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/align-bottom.svg b/frontend/assets/icon-16px-solid/align-bottom.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8b60abb6809fd3fcca385302832c59adf8970644
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/align-bottom.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect y="15" width="16" height="1" />
+	<rect x="9" y="6" width="5" height="7" />
+	<rect x="2" width="5" height="13" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/align-horizontal-center.svg b/frontend/assets/icon-16px-solid/align-horizontal-center.svg
new file mode 100644
index 0000000000000000000000000000000000000000..273d1515dcf870c5fe2a3dcf991c5a06bb7c2627
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/align-horizontal-center.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect x="8" width="1" height="16" />
+	<rect x="5" y="2" width="7" height="5" />
+	<rect x="2" y="9" width="13" height="5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/align-left.svg b/frontend/assets/icon-16px-solid/align-left.svg
new file mode 100644
index 0000000000000000000000000000000000000000..25228e4bcfdebbcfb213bb5df284039efc3ecab0
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/align-left.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect width="1" height="16" />
+	<rect x="3" y="2" width="7" height="5" />
+	<rect x="3" y="9" width="13" height="5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/align-right.svg b/frontend/assets/icon-16px-solid/align-right.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4f86e8314031499610e10deaf617e2c4a5c81197
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/align-right.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect x="15" width="1" height="16" />
+	<rect x="6" y="2" width="7" height="5" />
+	<rect y="9" width="13" height="5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/align-top.svg b/frontend/assets/icon-16px-solid/align-top.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4e62463661ac637b832683e946adc051df88f88d
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/align-top.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect width="16" height="1" />
+	<rect x="9" y="3" width="5" height="7" />
+	<rect x="2" y="3" width="5" height="13" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/align-vertical-center.svg b/frontend/assets/icon-16px-solid/align-vertical-center.svg
new file mode 100644
index 0000000000000000000000000000000000000000..70299a7a1fb32e47e261dee258b7320595a3fe3b
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/align-vertical-center.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect y="8" width="16" height="1" />
+	<rect x="9" y="5" width="5" height="7" />
+	<rect x="2" y="2" width="5" height="13" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/artboard.svg b/frontend/assets/icon-16px-solid/artboard.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9dd62aed4a01c7ff823394a99ce8dbe874270464
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/artboard.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M13,4H5v1h7v9h1V4z" />
+	<path d="M4,11V2H3v10h8v-1H4z" />
+	<rect x="14" y="11" width="1" height="1" />
+	<rect x="1" y="4" width="1" height="1" />
+	<rect x="5" y="6" width="6" height="4" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/boolean-difference.svg b/frontend/assets/icon-16px-solid/boolean-difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2a07895c51efc90a90fd393fb42a0a5b5e0308f5
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/boolean-difference.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="12,4 12,12 4,12 4,16 16,16 16,4" />
+	<polygon points="12,4 12,0 0,0 0,12 4,12 4,4" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/boolean-divide.svg b/frontend/assets/icon-16px-solid/boolean-divide.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fca2f12b35ca577452900e6943856772c6d9b4a3
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/boolean-divide.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect x="4" y="4" width="8" height="8" />
+	<polygon points="13 4 13 12 13 13 12 13 4 13 4 16 16 16 16 4 13 4" />
+	<polygon points="3 3 4 3 12 3 12 0 0 0 0 12 3 12 3 4 3 3" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/boolean-intersect.svg b/frontend/assets/icon-16px-solid/boolean-intersect.svg
new file mode 100644
index 0000000000000000000000000000000000000000..97afc740a13db1a81a66df98fcbc725c58ac541f
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/boolean-intersect.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M12,4V0H0v12h4v4h12V4H12z M1,11V1h10v3H4v7H1z M15,15H5v-3h7V5h3V15z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/boolean-subtract-back.svg b/frontend/assets/icon-16px-solid/boolean-subtract-back.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1a96a198acc3d4615d0c6ef0c0f5a210db5661d4
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/boolean-subtract-back.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M12,4V0H0v12h4v4h12V4H12z M1,1h10v10H1V1z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/boolean-subtract-front.svg b/frontend/assets/icon-16px-solid/boolean-subtract-front.svg
new file mode 100644
index 0000000000000000000000000000000000000000..97046a391a65458569a53c4cc18068284c47674c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/boolean-subtract-front.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M12,4V0H0v12h4v4h12V4H12z M15,15H5V5h10V15z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/boolean-union.svg b/frontend/assets/icon-16px-solid/boolean-union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..22da4add6d99fdff56b8a7622b3e73eaf0e76e1b
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/boolean-union.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="12,4 12,0 0,0 0,12 4,12 4,16 16,16 16,4" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/bug.svg b/frontend/assets/icon-16px-solid/bug.svg
new file mode 100644
index 0000000000000000000000000000000000000000..89f7e52f5cf3f70f546ece21788686a05776c20c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/bug.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.36,14.58l-.99-.64-.39-1.78-1.99-.99v-1.88l1.55.77,1.77-.88c.25-.12.35-.42.22-.67-.12-.25-.42-.35-.67-.22l-1.32.66-1.55-.77v-1.17c0-.05-.02-.1-.03-.15l1.95-.98,1.07-2.15c.12-.25.02-.55-.22-.67-.25-.12-.55-.02-.67.22l-.93,1.85-1.85.93s0,0-.01.01c-.1-.03-.2-.06-.31-.06h-5c-.1,0-.18.03-.27.06,0,0,0,0,0,0l-1.85-.93-.93-1.85c-.12-.25-.42-.35-.67-.22-.25.12-.35.42-.22.67l1.07,2.15,1.91.95c-.01.06-.03.11-.03.17v1.19l-1.5.75-1.32-.66c-.25-.12-.55-.02-.67.22-.12.25-.02.55.22.67l1.77.88,1.5-.75v1.88l-1.94.97-.38,1.78-.99.64c-.23.15-.3.46-.15.69.1.15.26.23.42.23.09,0,.19-.03.27-.08l1.34-.87.37-1.71,1.16-.58c.31,1.4,1.47,2.48,2.91,2.69v-5.95h1v5.95c1.45-.21,2.61-1.3,2.91-2.71l1.2.6.37,1.71,1.34.87c.08.05.18.08.27.08.16,0,.32-.08.42-.23.15-.23.08-.54-.15-.69z" />
+	<path d="M4.97,1.05c1.34.17,1.81,1.32,1.97,2.01-.57.46-.94,1.15-.94,1.94h5c0-.77-.35-1.45-.9-1.9.15-.68.61-1.87,1.98-2.04.27-.03.47-.28.43-.56-.03-.27-.3-.46-.56-.43-1.66.21-2.45,1.48-2.76,2.55-.22-.06-.45-.11-.69-.11-.23,0-.44.04-.65.1C7.54,1.53,6.74.27,5.09.06c-.28-.03-.52.16-.56.43s.16.52.43.56z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/checkbox-checked.svg b/frontend/assets/icon-16px-solid/checkbox-checked.svg
new file mode 100644
index 0000000000000000000000000000000000000000..379232209e531003f6ccafcc66c3d2ec963593b2
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/checkbox-checked.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="7.19,13.83 2.18,9.44 3.82,7.56 6.81,10.17 12,3.25 14,4.75" />
+	<path d="M14,16H2c-1.1,0-2-.9-2-2V2C0,.9,.9,0,2,0H14c1.1,0,2,.9,2,2V14c0,1.1-.9,2-2,2ZM2,1c-.55,0-1,.45-1,1V14c0,.55,.45,1,1,1H14c.55,0,1-.45,1-1V2c0-.55-.45-1-1-1H2z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/checkbox-unchecked.svg b/frontend/assets/icon-16px-solid/checkbox-unchecked.svg
new file mode 100644
index 0000000000000000000000000000000000000000..92b7087ba28e8522aca8af186d824a6422fcc0de
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/checkbox-unchecked.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M14,16H2c-1.1,0-2-.9-2-2V2C0,.9,.9,0,2,0H14c1.1,0,2,.9,2,2V14c0,1.1-.9,2-2,2ZM2,1c-.55,0-1,.45-1,1V14c0,.55,.45,1,1,1H14c.55,0,1-.45,1-1V2c0-.55-.45-1-1-1H2z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/close-all.svg b/frontend/assets/icon-16px-solid/close-all.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dfd44fe03737d5c5d58357f7b1bf59ecc315dcb6
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/close-all.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8,11l-3.45,3.45-1-1,3.45-3.45,1,1ZM13.45,3.55l-3.45,3.45,1,1,3.45-3.45-1-1ZM8,7l4.45-4.45-1-1-4.45,4.45L2.55,1.55l-1,1,4.45,4.45L1.55,11.45l1,1,4.45-4.45,6.45,6.45,1-1-6.45-6.45z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/close.svg b/frontend/assets/icon-16px-solid/close.svg
new file mode 100644
index 0000000000000000000000000000000000000000..469fa0628e958267c72e05edb51cb47130b8cee7
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="13.45 3.55 12.45 2.55 8 7 3.55 2.55 2.55 3.55 7 8 2.55 12.45 3.55 13.45 8 9 12.45 13.45 13.45 12.45 9 8 13.45 3.55" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/code.svg b/frontend/assets/icon-16px-solid/code.svg
new file mode 100644
index 0000000000000000000000000000000000000000..700a53b43eb687efede2f79fce44d59e99b128e5
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/code.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M11,15c-.55,0-1-.45-1-1s.45-1,1-1c.92,0,1.11-.2,1.11-.2.11-.13-.03-.86-.09-1.21-.17-.96-.46-2.52.66-3.59-1.12-1.07-.83-2.63-.66-3.59.06-.35.2-1.08.09-1.21,0,0-.19-.2-1.11-.2-.55,0-1-.45-1-1s.45-1,1-1c.81,0,1.96.1,2.65.92.71.85.51,1.91.34,2.85-.26,1.41-.35,1.94,1.21,2.25.47.09.8.5.8.98s-.34.89-.8.98c-1.56.31-1.46.84-1.21,2.25.17.94.37,2-.34,2.85-.69.82-1.84.92-2.65.92z" />
+	<path d="M5,15c-.81,0-1.96-.09-2.65-.92-.71-.84-.51-1.91-.34-2.85.26-1.41.35-1.94-1.21-2.25-.47-.09-.8-.5-.8-.98s.34-.89.8-.98c1.56-.31,1.46-.84,1.21-2.25-.17-.94-.36-2,.34-2.85.69-.82,1.84-.92,2.65-.92.55,0,1,.45,1,1s-.45,1-1,1c-.92,0-1.11.2-1.11.2-.11.13.03.86.09,1.21.18.97.46,2.52-.66,3.59,1.11,1.07.83,2.63.66,3.59-.06.35-.2,1.08-.09,1.21,0,0,.19.2,1.11.2.55,0,1,.45,1,1s-.45,1-1,1z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/copy.svg b/frontend/assets/icon-16px-solid/copy.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b8e5d45ca313f5f96a95f41623d2803832663644
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/copy.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M9,5L5,9v7h9V5H9z M13,15H6v-5h4V6h3V15z" />
+	<polygon points="5,1 2,4 2,13 4,13 4,12 3,12 3,5 6,5 6,2 11,2 11,4 12,4 12,1" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/credits.svg b/frontend/assets/icon-16px-solid/credits.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b5e7a987cf22830b3bf22090f905ef36ca891f11
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/credits.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="m2,1h6v2H2V1Zm0,12h7v2H2v-2ZM1,5h3v2H1v-2Zm-1,4h5v2H0v-2Zm7,0h4v2h-4v-2ZM10,1h4v2h-4V1Zm1,12h3v2h-3v-2ZM6,5h9v2H6v-2Zm7,4h3v2h-3v-2z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/custom-color.svg b/frontend/assets/icon-16px-solid/custom-color.svg
new file mode 100644
index 0000000000000000000000000000000000000000..949bfdaebdfda0b40b6cad5553eec1cdb967e5f6
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/custom-color.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8.2,7.2L4.5,4.4l-0.8,1C3,6.2,3.2,7.5,4.1,8.2L5,8.9c-1.1,1.1-3.3,3.2-3.7,3.7c-0.5,0.7-0.4,1.6,0.3,2.1c0.7,0.5,1.6,0.4,2.1-0.3c0.4-0.5,1.9-3.2,2.7-4.5l0.9,0.7c0.9,0.7,2.1,0.5,2.8-0.4l0.8-1L8.2,7.2z" />
+	<path d="M11.7,8.1L16,2.5c-5.6,0.4-7.9-2.8-9.6-0.6l-1,1.3L11.7,8.1z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/cut.svg b/frontend/assets/icon-16px-solid/cut.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4381c828d389710bf9d540c2f40ad089fbd54d2e
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/cut.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M12,9c-.39,0-.65.06-.88.06-.5,0-.89-.26-2.25-1.92L3,0s-1.01.54-.04,2.27c3.12,5.6,3.62,7,4.9,7.19,1.08.16,1.42.82,1.23,1.88-.05.21-.08.44-.08.67,0,1.66,1.34,3,3,3s3-1.34,3-3-1.34-3-3-3ZM8,8.75c-.41,0-.75-.34-.75-.75s.34-.75.75-.75.75.34.75.75-.34.75-.75.75ZM12,13.8c-.99,0-1.8-.81-1.8-1.8s.81-1.8,1.8-1.8,1.8.81,1.8,1.8-.81,1.8-1.8,1.8z" />
+	<path d="M7.13,9.97c-.48-.22-.89-.62-1.37-1.32-.37.32-.61.41-.88.41-.23,0-.49-.06-.88-.06-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3c0-.23-.03-.45-.08-.67-.11-.58-.05-1.04.21-1.36ZM4,13.8c-.99,0-1.8-.81-1.8-1.8s.81-1.8,1.8-1.8,1.8.81,1.8,1.8-.81,1.8-1.8,1.8z" />
+	<path d="M13,0s-.01.02-4.55,5.53l.95,1.16c.28.34.52.62.71.84.65-1.09,1.52-2.75,2.92-5.26.97-1.73-.04-2.27-.04-2.27z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/deselect-all.svg b/frontend/assets/icon-16px-solid/deselect-all.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d80a5b80a831202abf9505017fab1fee3a1e0e25
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/deselect-all.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M6.5,4c.83,0,1.5.67,1.5,1.5s-.67,1.5-1.5,1.5-1.5-.67-1.5-1.5.67-1.5,1.5-1.5M6.5,3c-1.38,0-2.5,1.12-2.5,2.5s1.12,2.5,2.5,2.5,2.5-1.12,2.5-2.5-1.12-2.5-2.5-2.5h0z" />
+	<path d="M10,10c.55,0,1,.45,1,1s-.45,1-1,1-1-.45-1-1,.45-1,1-1M10,9c-1.1,0-2,.9-2,2s.9,2,2,2,2-.9,2-2-.9-2-2-2h0z" />
+	<polygon points="3 14 3 13 2 13 2 15 4 15 4 14 3 14" />
+	<polygon points="13 13 13 14 12 14 12 15 14 15 14 13 13 13" />
+	<polygon points="2 1 2 3 3 3 3 2 4 2 4 1 2 1" />
+	<polygon points="12 1 12 2 13 2 13 3 14 3 14 1 12 1" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/edit.svg b/frontend/assets/icon-16px-solid/edit.svg
new file mode 100644
index 0000000000000000000000000000000000000000..92cf2d568e7dad813556b8fb7da39092ec9c25a0
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/edit.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.2,2.3l-1.6-1.6C13.1,0.3,12.5,0,11.8,0c-0.7,0-1.4,0.3-1.9,0.8L2.2,8.5c-0.6,0.6-0.9,1.3-1.1,2L0,16l5.5-1.1c0.8-0.2,1.5-0.5,2-1.1l7.7-7.7C16.3,5.1,16.3,3.4,15.2,2.3z M6.6,12.9c-0.4,0.4-0.8,0.6-1.4,0.7l-0.1,0l-2.7-2.7l0-0.1c0.1-0.5,0.4-1,0.7-1.4l5.3-5.3l3.4,3.4L6.6,12.9z M14.3,5.2l-1.4,1.4L9.4,3.1l1.4-1.4c0.3-0.3,0.6-0.4,0.9-0.4s0.7,0.1,0.9,0.4l1.6,1.6C14.8,3.8,14.8,4.7,14.3,5.2z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/empty.svg b/frontend/assets/icon-16px-solid/empty.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9e8f62c73dd944b53e63fde40d194e798726b596
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/empty.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+</svg>
diff --git a/frontend/assets/icon-16px-solid/eye-hidden.svg b/frontend/assets/icon-16px-solid/eye-hidden.svg
new file mode 100644
index 0000000000000000000000000000000000000000..960def4e9b52fe7b2bb857c14068abd77942fe03
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/eye-hidden.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8,4c3.5,0,5.9,2.8,6.8,4c-0.9,1.2-3.3,4-6.8,4S2.1,9.2,1.2,8C2.1,6.8,4.5,4,8,4 M8,3C3,3,0,8,0,8s3,5,8,5s8-5,8-5S13,3,8,3L8,3z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/eye-hide.svg b/frontend/assets/icon-16px-solid/eye-hide.svg
new file mode 100644
index 0000000000000000000000000000000000000000..805c7e5b41a75be788dd9ea0168318bb0bde6440
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/eye-hide.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M5.7,11.3l3.1-3.1l1.4-1.4l1.1-1.1L16,1h-2l-2.7,2.7C10.3,3.3,9.2,3,8,3C3,3,0,8,0,8s1.2,2.1,3.5,3.5L0,15h2L5.7,11.3z M4,8c0-2.2,1.8-4,4-4c0.8,0,1.6,0.3,2.3,0.7L9.2,5.8c-0.1,0-0.1,0-0.2,0C8.3,5.8,7.8,6.3,7.8,7c0,0.1,0,0.1,0,0.2l-3.1,3.1C4.3,9.6,4,8.8,4,8z M16,8c0,0-3,5-8,5c-0.6,0-1.2-0.1-1.8-0.2l0.9-0.9C7.4,12,7.7,12,8,12c2.2,0,4-1.8,4-4c0-0.3,0-0.6-0.1-0.9l1.8-1.8C15.2,6.6,16,8,16,8z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/eye-show.svg b/frontend/assets/icon-16px-solid/eye-show.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b34115eba0acfa2b1f36aa2252bf9c5e04ece512
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/eye-show.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8,3C3,3,0,8,0,8s3,5,8,5s8-5,8-5S13,3,8,3z M8,12c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S10.2,12,8,12z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/eye-visible.svg b/frontend/assets/icon-16px-solid/eye-visible.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6fbb87df1553b0a3e1fb19ca418678a239cfb947
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/eye-visible.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8,3C3,3,0,8,0,8s3,5,8,5s8-5,8-5S13,3,8,3z M8,12c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S10.2,12,8,12z" />
+	<circle cx="9" cy="7" r="1.2" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/eyedropper.svg b/frontend/assets/icon-16px-solid/eyedropper.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9da1b9022e3a488ba087f7cb2390a81b944c6c43
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/eyedropper.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M13.2,5.2l1.7-1.7c0.6-0.6,0.7-1.6,0.1-2.3c0,0,0,0-0.1-0.1l0,0c-0.7-0.7-1.7-0.7-2.4,0c0,0,0,0,0,0l-1.7,1.7l-0.7-0.7c-0.2-0.3-0.7-0.3-0.9,0c0,0,0,0,0,0l-1,1l4.7,4.7l1-1c0.3-0.2,0.3-0.7,0-0.9c0,0,0,0,0,0L13.2,5.2z" />
+	<path d="M10.4,6.6l-6.5,6.5c-0.1,0.1-0.4,0.1-0.6,0.1c-0.2,0-0.5,0.1-0.7,0.1c0.1-0.3,0.1-0.5,0.1-0.7s0.1-0.5,0.1-0.6l6.5-6.5L8.7,4.9l-6.5,6.5c-0.6,0.6-0.2,1.9-1.1,2.9l0.6,0.6c0.9-0.9,2.3-0.5,2.9-1.1s6.5-6.5,6.5-6.5L10.4,6.6z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/file-export.svg b/frontend/assets/icon-16px-solid/file-export.svg
new file mode 100644
index 0000000000000000000000000000000000000000..827a59c3c318dab36e6f96492e3101ad7138a581
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/file-export.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="12 14 12 15 3 15 3 5 6 5 6 2 12 2 12 6 13 6 13 1 5 1 2 4 2 16 13 16 13 14 12 14" />
+	<polygon points="7 9 11 9 11 7 15 10 11 13 11 11 7 11 7 9" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/file-import.svg b/frontend/assets/icon-16px-solid/file-import.svg
new file mode 100644
index 0000000000000000000000000000000000000000..be504dad92bcd4790555cb719227449ed4a603c9
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/file-import.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="6 1 3 4 3 7 4 7 4 5 7 5 7 2 13 2 13 15 4 15 4 13 3 13 3 16 14 16 14 1 6 1" />
+	<polygon points="1 9 6 9 6 7 10 10 6 13 6 11 1 11 1 9" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/file.svg b/frontend/assets/icon-16px-solid/file.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ac6e7b8aa1c5bac96d502352fc58a7383ac079fe
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/file.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M7,0L2,5v11h12V0H7z M13,15H3V6h5V1h5V15z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/flip-horizontal.svg b/frontend/assets/icon-16px-solid/flip-horizontal.svg
new file mode 100644
index 0000000000000000000000000000000000000000..30774c4be51906d105f414b47f7085d79ab76d1b
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/flip-horizontal.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15,4.6v6.8l-4-2V6.6L15,4.6 M16,3l-6,3v4l6,3V3L16,3z" />
+	<polygon points="5,10 0,13 0,3 5,6" />
+	<rect x="7" y="13" width="1" height="2" />
+	<rect x="7" y="9" width="1" height="2" />
+	<rect x="7" y="5" width="1" height="2" />
+	<rect x="7" y="1" width="1" height="2" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/flip-vertical.svg b/frontend/assets/icon-16px-solid/flip-vertical.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8ea93799b1be82adbd8359df18a4bf9c578c53e9
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/flip-vertical.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M9.4,11l2,4H4.6l2-4H9.4 M10,10H6l-3,6h10L10,10L10,10z" />
+	<polygon points="6,5 3,0 13,0 10,5" />
+	<rect x="1" y="7" width="2" height="1" />
+	<rect x="5" y="7" width="2" height="1" />
+	<rect x="9" y="7" width="2" height="1" />
+	<rect x="13" y="7" width="2" height="1" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/folder-open.svg b/frontend/assets/icon-16px-solid/folder-open.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bbad2de6923f6043db894fab9ebea80db7587c7b
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/folder-open.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15,7v-3c0-.55-.45-1-1-1H6l-1-1H1c-.55,0-1,.45-1,1v10c0,.55.45,1,1,1h12.28c.45-.01.84-.31.96-.74l1.76-6.26h-1zM14,7h-6l-1,1H3l-2,4V3h3.59l1,1h8.41v3z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/folder.svg b/frontend/assets/icon-16px-solid/folder.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7c6a8cc0ecbdfcf88fee67b4390bb8885b8f259f
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/folder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M14,13H2c-0.55,0-1-0.45-1-1V6h5.42l1-1H15v7C15,12.55,14.55,13,14,13z" />
+	<path d="M6,2H2C1.45,2,1,2.45,1,3v2h5l1-1h8c0-0.55-0.45-1-1-1H7L6,2z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/frame-all.svg b/frontend/assets/icon-16px-solid/frame-all.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0f547eeff60f63286127e654e22dee8549e23a89
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/frame-all.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="3,1 1,1 0,1 0,2 0,4 1,4 1,2 3,2" />
+	<polygon points="15,1 13,1 13,2 15,2 15,4 16,4 16,2 16,1" />
+	<polygon points="1,14 1,12 0,12 0,14 0,15 1,15 3,15 3,14" />
+	<polygon points="15,12 15,14 13,14 13,15 15,15 16,15 16,14 16,12" />
+	<path d="M12,5v6H4V5H12 M13,4H3v8h10V4L13,4z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/frame-selected.svg b/frontend/assets/icon-16px-solid/frame-selected.svg
new file mode 100644
index 0000000000000000000000000000000000000000..664df6463b7e0c97446fb63c51f97ff3f2f9e039
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/frame-selected.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="3 1 0 1 0 4 1 4 1 2 3 2 3 1" />
+	<polygon points="13 1 13 2 15 2 15 4 16 4 16 1 13 1" />
+	<polygon points="1 14 1 12 0 12 0 15 3 15 3 14 1 14" />
+	<polygon points="15 12 15 14 13 14 13 15 16 15 16 12 15 12" />
+	<circle cx="6.5" cy="5.5" r="2.5" />
+	<circle cx="10" cy="11" r="2" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/graph-view-closed.svg b/frontend/assets/icon-16px-solid/graph-view-closed.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b84b9bbe4e27c63bf29bf7fa08a1d4a945b8f9bb
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/graph-view-closed.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path d="M6,9.5l4-2.4c0,0.5,0.5,0.9,1,0.9h3c0.6,0,1-0.4,1-1V3c0-0.6-0.4-1-1-1h-3c-0.6,0-1,0.4-1,1H6c0-0.6-0.4-1-1-1H2C1.4,2,1,2.4,1,3v2c0,0.6,0.4,1,1,1h3c0.6,0,1-0.4,1-1V4h4v1.9L5.8,8.4C5.6,8.2,5.3,8,5,8H2C1.4,8,1,8.4,1,9v2c0,0.6,0.4,1,1,1h3c0.4,0,0.8-0.2,0.9-0.6L10,13v1c0,0.6,0.4,1,1,1h3c0.6,0,1-0.4,1-1v-2c0-0.6-0.4-1-1-1h-3c-0.5,0-1,0.4-1,1l-4-1.6V9.5z M11,3h3v4h-3V3z M5,5H2V3h3V5z M5,11H2V9h3V11z M11,12h3v2h-3V12z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/graph-view-open.svg b/frontend/assets/icon-16px-solid/graph-view-open.svg
new file mode 100644
index 0000000000000000000000000000000000000000..73b4385fd0d83752e8decb73eb4a48d72ef2122f
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/graph-view-open.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <path d="M6,9.5l4-2.4c0,0.5,0.5,0.9,1,0.9h3c0.6,0,1-0.4,1-1V3c0-0.6-0.4-1-1-1h-3c-0.6,0-1,0.4-1,1H6c0-0.6-0.4-1-1-1H2C1.4,2,1,2.4,1,3v2c0,0.6,0.4,1,1,1h3c0.6,0,1-0.4,1-1V4h4v1.9L5.8,8.4C5.6,8.2,5.3,8,5,8H2C1.4,8,1,8.4,1,9v2c0,0.6,0.4,1,1,1h3c0.4,0,0.8-0.2,0.9-0.6L10,13v1c0,0.6,0.4,1,1,1h3c0.6,0,1-0.4,1-1v-2c0-0.6-0.4-1-1-1h-3c-0.5,0-1,0.4-1,1l-4-1.6V9.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/graphite-logo.svg b/frontend/assets/icon-16px-solid/graphite-logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..477fca579f71e089876dce3577c527d7114b3bca
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/graphite-logo.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M5.15,10.65L2.82,6.61c-0.1-0.16-0.05-0.36,0.1-0.46c0.16-0.1,0.36-0.05,0.46,0.1C3.39,6.25,3.39,6.26,3.4,6.27l2.33,4.04c0.1,0.16,0.05,0.36-0.1,0.46c-0.16,0.1-0.36,0.05-0.46-0.1C5.16,10.66,5.16,10.66,5.15,10.65 M15.7,14.6c0.02,0.2-0.06,0.4-0.2,0.54c-0.28,0.34-1.49,0.59-2.41,0.72c-0.61,0.09-1.22,0.13-1.83,0.14c-0.58-0.01-1.38-0.15-2.14-0.2c-1.07-0.07-4.63-0.2-5.85-0.19c-1.37,0.01-1.65-0.07-1.88-0.27c-0.09-0.08,0.69-0.47,2.34-0.6c4.01-0.33,7.55-0.37,8.76-0.31c0.49,0.02,0.97,0.11,1.43,0.26l-2.57-1.85c-0.21,0.14-0.47,0.22-0.72,0.22h-6c-0.48,0-0.92-0.25-1.15-0.67l-3-5.2c-0.24-0.41-0.24-0.92,0-1.33l3-5.2C3.7,0.25,4.14,0,4.62,0h6c0.48,0,0.92,0.25,1.16,0.67l2.21,3.83l0.79,1.36l0,0l0,0l0,0l0,0.01c0,0.01,0.01,0.01,0.01,0.02c0.09,0.17,0.15,0.35,0.16,0.54c0,0.03,0.69,7.5,0.75,8.12L15.7,14.6z M4.34,1.82L8.08,8.3c0.47-0.11,0.95-0.17,1.43-0.17l0.98-1.34l1.65-0.18c0.24-0.42,0.53-0.8,0.86-1.15l-2.22-3.84c-0.11-0.17-0.3-0.28-0.5-0.29H4.95c-0.2,0.01-0.39,0.12-0.5,0.29L4.34,1.82z M9.79,11.72l-2.06-1.48c-0.08-0.06-0.14-0.13-0.19-0.21l0,0L3.57,3.15L1.79,6.24c-0.09,0.18-0.09,0.4,0,0.58l2.67,4.62c0.11,0.17,0.3,0.28,0.5,0.29H9.79z M14.05,11.44l-0.47-4.73c-0.29,0.32-0.55,0.68-0.77,1.05l-1.65,0.18l-0.98,1.34c-0.44,0-0.87,0.05-1.3,0.14l3.86,2.77C12.96,11.69,13.49,11.38,14.05,11.44" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/handle-visibility-all.svg b/frontend/assets/icon-16px-solid/handle-visibility-all.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d7ef73c3ffb9d1f6f6ff4bebf6b89b921c4b3765
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/handle-visibility-all.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect y="7" width="3" height="3" />
+	<rect x="7" width="3" height="3" />
+	<rect x="15" y="8" width="1" height="1" />
+	<rect x="8" y="15" width="1" height="1" />
+	<path d="M11,3.53c1.71.86,2.92,2.58,3.05,4.6.11-.43.41-.79.81-.98-.45-2.11-1.91-3.84-3.86-4.65v1.03z" />
+	<path d="M3.53,6c.54-1.07,1.41-1.93,2.47-2.47v-1.03c-1.58.66-2.84,1.92-3.5,3.5h1.03z" />
+	<path d="M14.05,8.87c-.18,2.78-2.4,5-5.18,5.18.43.11.79.41.98.81,2.51-.53,4.48-2.5,5.01-5.01-.4-.19-.69-.54-.81-.98z" />
+	<path d="M8.13,14.05c-2.02-.13-3.74-1.34-4.6-3.05h-1.03c.81,1.95,2.54,3.41,4.65,3.86.19-.4.54-.69.98-.81z" />
+	<path d="M15,9.91v3.09h1v-3h-.5c-.18,0-.34-.04-.5-.09z" />
+	<path d="M15,4v3.09c.16-.06.32-.09.5-.09h.5v-3h-1z" />
+	<rect x="4" y="1" width="2" height="1" />
+	<rect x="11" y="1" width="2" height="1" />
+	<rect x="1" y="4" width="1" height="2" />
+	<rect x="1" y="11" width="1" height="2" />
+	<path d="M7.09,15h-3.09v1h3v-.5c0-.18.04-.34.09-.5z" />
+	<path d="M9.91,15c.06.16.09.32.09.5v.5h3v-1h-3.09z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/handle-visibility-frontier.svg b/frontend/assets/icon-16px-solid/handle-visibility-frontier.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3c7fb0b199b8599a74433cc9c677702ac06d77a3
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/handle-visibility-frontier.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect y="7" width="3" height="3" />
+	<rect x="7" width="3" height="3" />
+	<rect x="15" y="8" width="1" height="1" />
+	<rect x="8" y="15" width="1" height="1" />
+	<path d="M11,3.53c1.71.86,2.92,2.58,3.05,4.6.11-.43.41-.79.81-.98-.45-2.11-1.91-3.84-3.86-4.65v1.03z" />
+	<path d="M3.53,6c.54-1.07,1.41-1.93,2.47-2.47v-1.03c-1.58.66-2.84,1.92-3.5,3.5h1.03z" />
+	<path d="M14.05,8.87c-.18,2.78-2.4,5-5.18,5.18.43.11.79.41.98.81,2.51-.53,4.48-2.5,5.01-5.01-.4-.19-.69-.54-.81-.98z" />
+	<path d="M8.13,14.05c-2.02-.13-3.74-1.34-4.6-3.05h-1.03c.81,1.95,2.54,3.41,4.65,3.86.19-.4.54-.69.98-.81z" />
+	<path d="M15,4v3.09c.16-.06.32-.09.5-.09h.5v-3h-1z" />
+	<path d="M7.09,15h-3.09v1h3v-.5c0-.18.04-.34.09-.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/handle-visibility-selected.svg b/frontend/assets/icon-16px-solid/handle-visibility-selected.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7609920ba7ca294a3ced6bccd35486e96216e14c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/handle-visibility-selected.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect y="7" width="3" height="3" />
+	<rect x="7" width="3" height="3" />
+	<rect x="15" y="8" width="1" height="1" />
+	<rect x="8" y="15" width="1" height="1" />
+	<path d="M11,3.53c1.71.86,2.92,2.58,3.05,4.6.11-.43.41-.79.81-.98-.45-2.11-1.91-3.84-3.86-4.65v1.03z" />
+	<path d="M3.53,6c.54-1.07,1.41-1.93,2.47-2.47v-1.03c-1.58.66-2.84,1.92-3.5,3.5h1.03z" />
+	<path d="M14.05,8.87c-.18,2.78-2.4,5-5.18,5.18.43.11.79.41.98.81,2.51-.53,4.48-2.5,5.01-5.01-.4-.19-.69-.54-.81-.98z" />
+	<path d="M8.13,14.05c-2.02-.13-3.74-1.34-4.6-3.05h-1.03c.81,1.95,2.54,3.41,4.65,3.86.19-.4.54-.69.98-.81z" />
+	<path d="M15,4v3.09c.16-.06.32-.09.5-.09h.5v-3h-1z" />
+	<rect x="4" y="1" width="2" height="1" />
+	<rect x="11" y="1" width="2" height="1" />
+	<rect x="1" y="4" width="1" height="2" />
+	<rect x="1" y="11" width="1" height="2" />
+	<path d="M7.09,15h-3.09v1h3v-.5c0-.18.04-.34.09-.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/heart.svg b/frontend/assets/icon-16px-solid/heart.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dd859a60e51267d90905abc06f386821992375ab
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8,15C5.12471,9.753694 0.5,8.795225 0.5,4.736524 C0.5,-0.507473 7.468734,0 8,4.967381 C8.531266,0 15.5,-0.507473 15.5,4.736524 C15.5,8.795225 10.87529,9.753694 8,15z" fill="#dc6a7d" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/history-redo.svg b/frontend/assets/icon-16px-solid/history-redo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..407561cd365b21f38c45835a93bb59aef4f8893d
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/history-redo.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M6.8,4h4.2s0-2,0-2l4,3-4,3v-2s-3,0-3,0c-2.4,0-4,1.37-4,3.62,0,1.67,1.7,3.05,3.4,3.32-.2.02-.39.06-.6.06-2.65,0-4.8-2.01-4.8-4.5,0-2.25,2.15-4.5,4.8-4.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/history-undo.svg b/frontend/assets/icon-16px-solid/history-undo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ad76786873cbbb83db4f5d1d83909cfe32abc2fe
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/history-undo.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M9.2,4h-4.2v-2L1,5l4,3v-2h3c2.4,0,4,1.38,4,3.62,0,1.67-1.7,3.05-3.4,3.32.2.02.39.06.6.06,2.65,0,4.8-2.01,4.8-4.5,0-2.25-2.15-4.5-4.8-4.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/icons-grid.svg b/frontend/assets/icon-16px-solid/icons-grid.svg
new file mode 100644
index 0000000000000000000000000000000000000000..52452d6aa31dd5ace4bd35823f57ecbb802c4e31
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/icons-grid.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="m6,7H2c-.55,0-1-.45-1-1V2c0-.55.45-1,1-1h4c.55,0,1,.45,1,1v4c0,.55-.45,1-1,1ZM2,2v4h4V2H2Zm4,13H2c-.55,0-1-.45-1-1v-4c0-.55.45-1,1-1h4c.55,0,1,.45,1,1v4c0,.55-.45,1-1,1Zm-4-5v4h4v-4H2Zm12-3h-4c-.55,0-1-.45-1-1V2c0-.55.45-1,1-1h4c.55,0,1,.45,1,1v4c0,.55-.45,1-1,1Zm-4-5v4h4V2h-4Zm4,13h-4c-.55,0-1-.45-1-1v-4c0-.55.45-1,1-1h4c.55,0,1,.45,1,1v4c0,.55-.45,1-1,1Zm-4-5v4h4v-4h-4z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/image.svg b/frontend/assets/icon-16px-solid/image.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b2faba4b11900cacba0795a4b744588c038c0cd9
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/image.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<circle cx="4" cy="6" r="1.5" />
+	<path d="M14,6l-2-2l-1-1H1v10h14V7L14,6z M11,4v3h3v4L9.5,6.5l-3,4l-2-2L2,12V4H11z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/layer.svg b/frontend/assets/icon-16px-solid/layer.svg
new file mode 100644
index 0000000000000000000000000000000000000000..156da1712c25885de5e5f9a031a0c0e108240907
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/layer.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M0,2v7.3L4.7,14H16V2H0z M15,13H6V9H1V3h14V13z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/license.svg b/frontend/assets/icon-16px-solid/license.svg
new file mode 100644
index 0000000000000000000000000000000000000000..44fbfa6b0601be582d3034739731e4f1116cb72c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/license.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="m16,2c0-1.1-.9-2-2-2H5.5c-1.38,0-2.5,1.12-2.5,2.5v9.5H0v2c0,1.1.9,2,2,2h9c1.1,0,2-.9,2-2V5h3v-3ZM2,15c-.55,0-1-.45-1-1v-1h8v1c0,.35.09.7.27,1H2Zm9,0c-.55,0-1-.45-1-1v-2h-6V2.5c0-.83.67-1.5,1.5-1.5h6.82c-.22.47-.33.98-.32,1.5v11.5c0,.55-.45,1-1,1m4-11h-2v-1.5c0-1.5.75-1.5,1-1.5.55,0,1,.45,1,1v2Zm-4.5-1h-5c-.28,0-.5.22-.5.5s.22.5.5.5h5c.28,0,.5-.22.5-.5s-.22-.5-.5-.5m0,3h-5c-.28,0-.5.22-.5.5s.22.5.5.5h5c.28,0,.5-.22.5-.5s-.22-.5-.5-.5m0,3h-5c-.28,0-.5.22-.5.5s.22.5.5.5h5c.28,0,.5-.22.5-.5s-.22-.5-.5-.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/new-layer.svg b/frontend/assets/icon-16px-solid/new-layer.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4042cbcb85e6eb4011167a29f8086a6d7c9a5f40
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/new-layer.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M10,8H8v2H7V8H5V7h2V5h1v2h2V8z M12,3H3v9h9V3 M12,2c0.6,0,1,0.4,1,1v9c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1H12L12,2z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-blur.svg b/frontend/assets/icon-16px-solid/node-blur.svg
new file mode 100644
index 0000000000000000000000000000000000000000..82f7d64d006552f086e37567b58ad8025afebbec
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-blur.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M11.61,6.6C10.05,4.38,8.82,2.36,8,1C7.18,2.36,5.95,4.38,4.39,6.6s-1.81,4.74-0.74,6.39C4.67,14.34,6.31,15.1,8,15c1.69,0.1,3.33-0.66,4.35-2.01C13.42,11.34,13.17,8.9,11.61,6.6 M5.87,7.75c0.49,4.67,2.95,5.74,2.95,5.74C2.26,13.85,5.87,7.75,5.87,7.75" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-brushwork.svg b/frontend/assets/icon-16px-solid/node-brushwork.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dbf0b5362ae335f7875fa5d451acd6b9abd2c208
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-brushwork.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M9.49,11.76c-0.33,0.12-0.67,0.22-1,0.32c-0.42,1.03-1.26,1.87-2.35,2.24c-0.6,0.16-1.2,0.24-1.8,0.26c0.53,0.13,1.12,0.24,1.82,0.33c4.34,0.53,5.22-1.12,8.78-1.49C14.94,13.42,13.88,10.11,9.49,11.76z" />
+	<path d="M7.79,10.64C7.72,9.55,6.82,8.69,5.73,8.68C4.77,8.64,3.9,9.34,3.25,10.8C2.77,11.73,1.97,12.45,1,12.83c1.47,0.79,3.2,0.99,4.81,0.55C6.98,12.98,7.77,11.88,7.79,10.64" />
+	<path d="M14.03,2.23c-0.46-0.5-2.68,1.25-5.11,3.49C8.09,6.45,7.33,7.24,6.64,8.09c0.38,0.09,0.73,0.28,1.02,0.56c0.34,0.3,0.57,0.7,0.67,1.14c0.85-0.69,1.63-1.46,2.33-2.31C12.85,4.88,14.54,2.73,14.03,2.23" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-color-correction.svg b/frontend/assets/icon-16px-solid/node-color-correction.svg
new file mode 100644
index 0000000000000000000000000000000000000000..eebffffd448486aa2f83f8c7f8bd8ff16a228ce9
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-color-correction.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M10.43,9.65c7.82-3.53,2.77-8.99-1.77-8.64S0.83,4.86,1.62,9.34c0.76,4.33,6.79,6.72,8.76,5.2C12.4,12.98,6.85,11.27,10.43,9.65 M11.55,3.17c0.59,0,1.07,0.47,1.08,1.06S12.16,5.3,11.57,5.3c-0.59,0-1.07-0.47-1.08-1.06c0,0,0,0,0,0C10.49,3.65,10.96,3.17,11.55,3.17 M4.06,9.91c-0.59,0-1.07-0.47-1.07-1.06c0-0.59,0.47-1.07,1.06-1.07c0.59,0,1.07,0.47,1.07,1.06C5.13,9.42,4.65,9.91,4.06,9.91C4.06,9.91,4.06,9.91,4.06,9.91 M4.82,6.51c-0.59,0-1.07-0.47-1.07-1.06s0.47-1.07,1.06-1.07c0.59,0,1.07,0.47,1.07,1.06c0,0,0,0,0,0C5.89,6.03,5.41,6.51,4.82,6.51 M7.87,4.47C7.28,4.48,6.8,4,6.79,3.41s0.47-1.07,1.06-1.08c0.59,0,1.07,0.47,1.08,1.06c0,0,0,0,0,0C8.93,3.99,8.46,4.47,7.87,4.47" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-gradient.svg b/frontend/assets/icon-16px-solid/node-gradient.svg
new file mode 100644
index 0000000000000000000000000000000000000000..10b07199451080362bfcc67a23a55c8309dd1231
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-gradient.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M14,1h-1c0.23,0.28,0.37,0.63,0.4,1l0,0c0,0.77-0.63,1.4-1.4,1.4c-0.77,0-1.4-0.63-1.4-1.4c0.03-0.37,0.17-0.72,0.4-1H9.5c0.2,0.29,0.31,0.64,0.3,1l0,0c0,0.99-0.81,1.8-1.8,1.8S6.2,2.99,6.2,2c0.04-0.35,0.14-0.69,0.3-1H5.7C5.9,1.22,6.01,1.5,6,1.8C6.11,2.9,5.3,3.89,4.2,4C5.3,4.11,6.11,5.1,6,6.2C5.9,7.15,5.15,7.9,4.2,8C5.3,8.11,6.11,9.1,6,10.2c-0.1,0.95-0.85,1.7-1.8,1.8c0.97,0.07,1.73,0.83,1.8,1.8c0,0.42-0.11,0.83-0.3,1.2h0.8c-0.2-0.29-0.31-0.64-0.3-1c0-0.03,0-0.06,0-0.08c0-0.94,0.76-1.71,1.7-1.72c0,0,0,0,0,0h0.01c0.99,0,1.79,0.81,1.79,1.8c0,0,0,0,0,0c0.01,0.36-0.1,0.71-0.3,1H11c-0.23-0.28-0.37-0.63-0.4-1c0-0.77,0.63-1.4,1.4-1.4c0.77,0,1.4,0.63,1.4,1.4l0,0c-0.03,0.37-0.17,0.72-0.4,1h1c0.55,0,1-0.45,1-1V2C15,1.45,14.55,1,14,1 M9.8,10c0,0.99-0.81,1.79-1.8,1.79c-0.99,0-1.79-0.81-1.79-1.8C6.22,9,7.02,8.2,8.01,8.2C9,8.2,9.8,9,9.8,9.99V10 M9.8,6c0,0.99-0.81,1.79-1.8,1.79c-0.99,0-1.79-0.81-1.79-1.8C6.22,5,7.02,4.2,8.01,4.2C9,4.2,9.8,5,9.8,5.99V6 M13.4,10c0,0.77-0.63,1.4-1.4,1.4s-1.4-0.63-1.4-1.4c0-0.77,0.63-1.4,1.4-1.4c0,0,0,0,0,0c0.75-0.02,1.38,0.58,1.4,1.33C13.4,9.96,13.4,9.98,13.4,10 M13.4,6c0,0.77-0.63,1.4-1.4,1.4c-0.77,0-1.4-0.63-1.4-1.4c0-0.77,0.63-1.4,1.4-1.4c0.75-0.02,1.38,0.58,1.4,1.33C13.4,5.95,13.4,5.98,13.4,6 M3.8,8C3.04,8.09,2.39,8.59,2.1,9.3C1.91,8.75,1.52,8.28,1,8c0.52-0.28,0.91-0.75,1.1-1.3C2.39,7.41,3.04,7.91,3.8,8 M3.8,4C3.05,4.12,2.41,4.61,2.1,5.3C1.91,4.75,1.52,4.28,1,4c0.52-0.28,0.91-0.75,1.1-1.3C2.41,3.39,3.05,3.88,3.8,4 M3.8,12c-0.76,0.09-1.41,0.59-1.7,1.3C1.88,12.76,1.49,12.31,1,12c0.52-0.28,0.91-0.75,1.1-1.3C2.39,11.41,3.04,11.91,3.8,12" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-imaginate.svg b/frontend/assets/icon-16px-solid/node-imaginate.svg
new file mode 100644
index 0000000000000000000000000000000000000000..aacd8b7a467dc7e55d2c33209453c05dde5813e4
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-imaginate.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M9.6,13.6C9.5,14.5,8.7,15,8,15c-0.5,0-1-0.2-1.3-0.6L9.6,13.6z M6.3,12.5c0,0.3,0,0.6,0.1,1c0,0,0,0,0,0.1l3.3-0.8c0-0.5,0.1-0.8,0.1-1.1L6.3,12.5z M8,2c2.3,0,4.1,1.9,4.1,4.2c0,2.5-1.5,3.1-2.1,4.5c0,0,0,0.1,0,0.1l-3.8,0.9c-0.1-0.4-0.2-0.7-0.3-1C5.4,9.3,3.9,8.7,3.9,6.2c0,0,0,0,0,0C3.9,3.9,5.7,2,8,2C8,2,8,2,8,2z M8.2,8.9C8,8.7,7.3,9.2,7.1,9.5c-0.2,0.3-0.2,0.7,0.1,1c0.5,0.1,0.9,0,1.2-0.4C8.6,9.7,8.6,9.2,8.2,8.9z M8.2,8c0.3-0.7,1.2-4.7,1.2-4.7C8.2,2.7,7.1,4.2,7.1,4.2C7,5.5,7.1,6.8,7.2,8.1C7.6,8.2,7.9,8.1,8.2,8L8.2,8z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-magic-wand.svg b/frontend/assets/icon-16px-solid/node-magic-wand.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cac734c8643b4c34d32ff75df7470925e79da468
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-magic-wand.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="6.08,4.08 8,3.5 6.08,2.92 5.5,1 4.92,2.92 3,3.5 4.92,4.08 5.5,6" />
+	<polygon points="9.9,12.9 11.5,12.5 9.9,12.1 9.5,10.5 9.1,12.1 7.5,12.5 9.1,12.9 9.5,14.5" />
+	<polygon points="12.98,9.98 15,9.5 12.98,9.02 12.5,7 12.02,9.02 10,9.5 12.02,9.98 12.5,12" />
+	<path d="M12.65,4.65l-1.29-1.29c-0.2-0.2-0.51-0.2-0.71,0l-9.29,9.29c-0.2,0.2-0.2,0.51,0,0.71l1.29,1.29c0.2,0.2,0.51,0.2,0.71,0l9.29-9.29C12.84,5.16,12.84,4.84,12.65,4.65z M11.82,5.18L9.18,7.82c-0.1,0.1-0.26,0.1-0.35,0L8.18,7.18c-0.1-0.1-0.1-0.26,0-0.35l2.65-2.65c0.1-0.1,0.26-0.1,0.35,0l0.65,0.65C11.92,4.92,11.92,5.08,11.82,5.18z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-mask.svg b/frontend/assets/icon-16px-solid/node-mask.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dfd8ae6360556a4b83af35f7823f7d643fec9077
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-mask.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M13.391,5.529c-.414-.037-1.91-1.088-2.941-1.027S8.663,5.1,8,5.1s-1.418-.54-2.449-.6-2.527.99-2.941,1.027c-.721.065-.952-.246-1.61-.736a13.341,13.341,0,0,0,.459,3.454A4.249,4.249,0,0,0,4.5,11.389a3.063,3.063,0,0,0,2.2-.2A3.129,3.129,0,0,1,8,10.7a3.133,3.133,0,0,1,1.3.49,3.061,3.061,0,0,0,2.2.2,4.249,4.249,0,0,0,3.042-3.142A13.338,13.338,0,0,0,15,4.793c-.657.49-.888.8-1.609.736M6.94,9.232c-.486.438-2.157.257-2.7-.038-.652-.353-1.465-1.218-.881-1.7a2.646,2.646,0,0,1,2.876-.113c.869.719.928,1.651.707,1.85m4.823-.038c-.545.3-2.216.476-2.7.038-.221-.2-.162-1.131.707-1.85a2.645,2.645,0,0,1,2.875.113c.585.481-.229,1.346-.88,1.7" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-motion-blur.svg b/frontend/assets/icon-16px-solid/node-motion-blur.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c5678019eaa56570e6eb28831e7554d7e77b9817
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-motion-blur.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8.06,4.18l0.87-2.19C4.14,1.43,0.05,6.67,2.9,11.07C1.32,7.09,4.37,2.89,8.06,4.18z" />
+	<path d="M7.94,11.82l-0.87,2.19c4.79,0.56,8.88-4.68,6.03-9.08C14.68,8.91,11.63,13.11,7.94,11.82z" />
+	<path d="M10.04,2.72c-0.49,0.75-1.37,2.46-1.8,3.3C8.16,6.01,8.08,6,8,6C6.9,6,6,6.9,6,8c0,0.15,0.02,0.3,0.05,0.44c-1.28,1.16-4.62,4.26-5.02,5.51c-0.42,1.32,3.38,1.68,4.93-0.68c0.49-0.75,1.37-2.46,1.8-3.3C7.84,9.99,7.92,10,8,10c1.1,0,2-0.9,2-2c0-0.15-0.02-0.3-0.05-0.44c1.28-1.16,4.62-4.26,5.02-5.51C15.39,0.72,11.59,0.36,10.04,2.72z M8,9C7.45,9,7,8.55,7,8c0-0.55,0.45-1,1-1s1,0.45,1,1C9,8.55,8.55,9,8,9z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-nodes.svg b/frontend/assets/icon-16px-solid/node-nodes.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1d41de772610b1d3dfb5a95f430bfa3713112f25
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-nodes.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="3,1 1,1 0,1 0,2 0,4 1,4 1,2 3,2" />
+	<polygon points="15,1 13,1 13,2 15,2 15,4 16,4 16,2 16,1" />
+	<polygon points="1,14 1,12 0,12 0,14 0,15 1,15 3,15 3,14" />
+	<polygon points="15,12 15,14 13,14 13,15 15,15 16,15 16,14 16,12" />
+	<path d="M11,7h2c0.5,0,1-0.5,1-1V4c0-0.5-0.5-1-1-1h-2c-0.5,0-1,0.5-1,1v0.5L9.8,4.5C9.1,4.8,8.6,5.3,7.9,5.8C7.1,6.5,6.3,7.2,5,7.5V7c0-0.5-0.5-1-1-1H2C1.5,6,1,6.5,1,7v2c0,0.5,0.5,1,1,1h2c0.5,0,1-0.5,1-1V8.5c1.3,0.3,2.1,1,2.9,1.7c0.6,0.5,1.2,1,1.9,1.3l0.2,0.1V12c0,0.5,0.5,1,1,1h2c0.5,0,1-0.5,1-1v-2c0-0.5-0.5-1-1-1h-2c-0.5,0-1,0.5-1,1v0.5c-0.5-0.2-0.9-0.6-1.4-1C8,9,7.4,8.4,6.5,8C7.4,7.6,8,7,8.6,6.5c0.5-0.4,0.9-0.8,1.4-1V6C10,6.5,10.5,7,11,7z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-output.svg b/frontend/assets/icon-16px-solid/node-output.svg
new file mode 100644
index 0000000000000000000000000000000000000000..512037dfc1e6dc386850919f41ba916ce4bd1a94
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-output.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M7,2L3,6v8h10V2H7z M12,13H4V7h4V3h4V13z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-shape.svg b/frontend/assets/icon-16px-solid/node-shape.svg
new file mode 100644
index 0000000000000000000000000000000000000000..07b8b3f18d2bba154e8c60720140d14dc45197b7
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-shape.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M14.96,5.19c-0.16-0.53-0.72-0.83-1.25-0.66c-0.96,0.3-1.86,0.6-2.7,0.91V5H5v3.16c-2.36,1.31-3.56,2.32-3.65,2.4c-0.42,0.36-0.46,0.99-0.1,1.41c0.2,0.23,0.48,0.35,0.76,0.35c0.23,0,0.46-0.08,0.65-0.24c0.02-0.01,0.8-0.67,2.34-1.6V11h6V7.59c1.01-0.39,2.09-0.78,3.29-1.15C14.82,6.28,15.12,5.72,14.96,5.19z M9,9H7V7h2V9z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-text.svg b/frontend/assets/icon-16px-solid/node-text.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d636fe6caae2f0493adb411bec9331c4be8dd139
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-text.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M3,2v3h0.5c0,0,0-2,2.29-2H7v8.79C7,12.48,6.89,13,5,13v1h6v-1c-1.89,0-2-0.52-2-1.21V3h1.21c2.29,0,2.29,2,2.29,2H13V2H3z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node-transform.svg b/frontend/assets/icon-16px-solid/node-transform.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b4c21e0dcca0d7ba2eef1472d6da5fdf9bb8007c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node-transform.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15,12l-5-3v2H6.95C6.75,10.02,5.98,9.25,5,9.05V6h2L4,1L1,6h2v3.51c-0.6,0.46-1,1.17-1,1.99C2,12.88,3.12,14,4.5,14c0.82,0,1.53-0.4,1.99-1H10v2L15,12z M4.5,12.5c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1C5.5,12.05,5.05,12.5,4.5,12.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/node.svg b/frontend/assets/icon-16px-solid/node.svg
new file mode 100644
index 0000000000000000000000000000000000000000..872396a4d548e604e2e23d94b2ce9dda36dcb119
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/node.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M12,2h-2v1h2c1.1,0,2,.9,2,2v6c0,1.1-.9,2-2,2H4c-1.1,0-2-.9-2-2v-3h-1v3c0,1.65,1.35,3,3,3h8c1.65,0,3-1.35,3-3v-6c0-1.65-1.35-3-3-3z" />
+	<polygon points="10.25 9.25 12.5 8.5 10.25 7.75 9.5 5.5 8.75 7.75 6.5 8.5 8.75 9.25 9.5 11.5 10.25 9.25" />
+	<polygon points="5.3 5.3 8.5 4.5 5.3 3.7 4.5 .5 3.7 3.7 .5 4.5 3.7 5.3 4.5 8.5 5.3 5.3" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/padlock-locked.svg b/frontend/assets/icon-16px-solid/padlock-locked.svg
new file mode 100644
index 0000000000000000000000000000000000000000..440e2337be1a534b6c31f2e391b9364f11ab917f
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/padlock-locked.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M9,11.3V13H8v-1.7c-0.3-0.2-0.5-0.5-0.5-0.8c0-0.6,0.4-1,1-1s1,0.4,1,1C9.5,10.9,9.3,11.2,9,11.3z M13,9v4c0,1.1-0.9,2-2,2H6c-1.1,0-2-0.9-2-2V9c0-0.7,0.4-1.4,1-1.7V5.5C5,3.6,6.6,2,8.5,2S12,3.6,12,5.5v1.8C12.6,7.6,13,8.3,13,9z M6,7h5V5.5C11,4.1,9.9,3,8.5,3S6,4.1,6,5.5V7z M12,9c0-0.6-0.4-1-1-1H6C5.4,8,5,8.4,5,9v4c0,0.6,0.4,1,1,1h5c0.6,0,1-0.4,1-1V9z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/padlock-unlocked.svg b/frontend/assets/icon-16px-solid/padlock-unlocked.svg
new file mode 100644
index 0000000000000000000000000000000000000000..006fecd06d5fb475c02ac783a73f719734f6de42
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/padlock-unlocked.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M9,11.3V13H8v-1.7c-0.3-0.2-0.5-0.5-0.5-0.8c0-0.6,0.4-1,1-1s1,0.4,1,1C9.5,10.9,9.3,11.2,9,11.3z M13,9v4c0,1.1-0.9,2-2,2H6c-1.1,0-2-0.9-2-2V9c0-1.1,0.9-2,2-2h5V4.5C11,3.1,9.9,2,8.5,2C7.1,2,6,3.1,6,4.5H5C5,2.6,6.6,1,8.5,1S12,2.6,12,4.5v2.8C12.6,7.6,13,8.3,13,9z M12,9c0-0.6-0.4-1-1-1H6C5.4,8,5,8.4,5,9v4c0,0.6,0.4,1,1,1h5c0.6,0,1-0.4,1-1V9z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/paste.svg b/frontend/assets/icon-16px-solid/paste.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fa211a58ed2963d6ea8cfb87fbcb50b9fe8bca7c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/paste.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M12,1H8.72C8.38,0.4,7.74,0,7,0S5.62,0.4,5.28,1H2C1.45,1,1,1.45,1,2v12c0,0.55,0.45,1,1,1h3v-1H2V2h2v1c0,0.55,0.45,1,1,1h4c0.55,0,1-0.45,1-1V2h2v2h1V2C13,1.45,12.55,1,12,1z" />
+	<path d="M10,5L6,9v7h9V5H10z M14,15H7v-5h4V6h3V15z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/pin-active.svg b/frontend/assets/icon-16px-solid/pin-active.svg
new file mode 100644
index 0000000000000000000000000000000000000000..169a6cc6ba32daf8e4015ae71ca2a7e21bb82094
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/pin-active.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="4.65 10.65 1.15 14.15 1 15 1.85 14.85 5.35 11.35 4.65 10.65" />
+	<path d="M15,4.59l-3.59-3.59c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l3.59,3.59c.39.39,1.02.39,1.41,0,.39-.39.39-1.02,0-1.41z" />
+	<path d="M12.5,6.5l-3-3-2.96,2.4c-1.24-.52-2.69-.39-3.82.4l6.97,6.97c.79-1.13.92-2.58.4-3.82l2.4-2.96z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/pin-inactive.svg b/frontend/assets/icon-16px-solid/pin-inactive.svg
new file mode 100644
index 0000000000000000000000000000000000000000..21fe58d39a5a485d9df9ba6f017c8a5c155684f4
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/pin-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="1.85 14.85 1 15 1.15 14.15 4.65 10.65 5.35 11.35 1.85 14.85" />
+	<path d="M11.21,1.21l3.6,3.58c-.15-.03-.3-.05-.45-.05-.51,0-.97.19-1.31.53l-2.6,2.68-.44.45.21.59c.26.72,0,1.89-.57,2.84l-5.47-5.47c.69-.41,1.52-.68,2.2-.68.24,0,.46.03.63.1l.59.21.45-.44,2.68-2.62c.44-.43.62-1.06.48-1.72,0,0,0,0,0,0h0M11.21.21c-.26,0-.51.1-.71.29-.24.24-.33.57-.27.88.06.3.01.62-.21.83l-2.68,2.62c-.3-.11-.63-.16-.97-.16-1.3,0-2.82.69-3.71,1.58l7.07,7.07c1.13-1.13,1.93-3.27,1.42-4.68l2.6-2.68c.16-.16.37-.23.59-.23.08,0,.17,0,.25.03.07.01.13.02.2.02.25,0,.5-.09.69-.29.39-.39.39-1.02,0-1.41l-3.59-3.59c-.2-.2-.45-.29-.71-.29h0z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/playback-pause.svg b/frontend/assets/icon-16px-solid/playback-pause.svg
new file mode 100644
index 0000000000000000000000000000000000000000..797ad55f38ddfe46459f961d09623be16120de4b
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/playback-pause.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect x="2" width="3" height="16" />
+	<rect x="11" width="3" height="16" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/playback-play.svg b/frontend/assets/icon-16px-solid/playback-play.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2db27a9027dc0a3a3e500264d37b83fd1c6b183c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/playback-play.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="1,0 1,16 15,8" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/playback-to-end.svg b/frontend/assets/icon-16px-solid/playback-to-end.svg
new file mode 100644
index 0000000000000000000000000000000000000000..79ce81f6291ccc3463d211fe9c43396844f9357f
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/playback-to-end.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="3,3 3,13 11,8" />
+	<rect x="11" y="3" width="2" height="10" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/playback-to-start.svg b/frontend/assets/icon-16px-solid/playback-to-start.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a697311f2deafc89415a78b13a7b25b9b950e8fb
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/playback-to-start.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="13,3 13,13 5,8" />
+	<rect x="3" y="3" width="2" height="10" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/random.svg b/frontend/assets/icon-16px-solid/random.svg
new file mode 100644
index 0000000000000000000000000000000000000000..635cb1b6384d510de33114d44a7c914b7d32a2c2
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/random.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.9,9.6L14,2.7c-0.5-1.9-2.5-3.1-4.4-2.5L2.7,2C0.7,2.5-0.4,4.5,0.1,6.4L2,13.3c0.5,1.9,2.5,3.1,4.4,2.5l6.9-1.9C15.3,13.5,16.4,11.5,15.9,9.6z M2.3,5.9C2.1,5.1,2.5,4.3,3.3,4.1c0.8-0.2,1.6,0.3,1.8,1.1C5.4,5.9,4.9,6.8,4.1,7C3.3,7.2,2.5,6.7,2.3,5.9z M5.9,13.7c-0.8,0.2-1.6-0.3-1.8-1.1c-0.2-0.8,0.3-1.6,1.1-1.8c0.8-0.2,1.6,0.3,1.8,1.1C7.2,12.7,6.7,13.5,5.9,13.7z M8.4,9.4C7.6,9.7,6.8,9.2,6.6,8.4C6.3,7.6,6.8,6.8,7.6,6.6c0.8-0.2,1.6,0.3,1.8,1.1C9.7,8.4,9.2,9.2,8.4,9.4z M9,4.1c-0.2-0.8,0.3-1.6,1.1-1.8c0.8-0.2,1.6,0.3,1.8,1.1c0.2,0.8-0.3,1.6-1.1,1.8C10.1,5.4,9.2,4.9,9,4.1z M12.7,11.9c-0.8,0.2-1.6-0.3-1.8-1.1c-0.2-0.8,0.3-1.6,1.1-1.8c0.8-0.2,1.6,0.3,1.8,1.1C13.9,10.9,13.5,11.7,12.7,11.9z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/reload.svg b/frontend/assets/icon-16px-solid/reload.svg
new file mode 100644
index 0000000000000000000000000000000000000000..01f83b2a42d7d4d31f01b852558953ef49d3fc0f
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/reload.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8,15.2C4,15.2,0.8,12,0.8,8C0.8,4,4,0.8,8,0.8c2,0,3.9,0.8,5.3,2.3l-1,1C11.2,2.9,9.6,2.2,8,2.2C4.8,2.2,2.2,4.8,2.2,8s2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8h1.4C15.2,12,12,15.2,8,15.2z" />
+	<polygon points="12.6,0 15.5,5 9.7,5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/reset.svg b/frontend/assets/icon-16px-solid/reset.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fc72ad23471b046610004ebdde8ad1d40094fcdb
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/reset.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="0,8 2.4,12.2 4.9,8" />
+	<path d="M8.8,15.2c-1.2,0-2.5-0.3-3.6-1L5.9,13c2.8,1.6,6.3,0.6,7.9-2.1c0.8-1.3,1-2.9,0.6-4.4S13,3.8,11.7,3C8.9,1.4,5.4,2.3,3.8,5.1C3,6.5,2.8,8.2,3.3,9.7l-1.3,0.4c-0.6-1.9-0.4-4,0.6-5.8C4.5,1,9-0.2,12.4,1.8c1.7,1,2.9,2.5,3.4,4.4C16.2,8,16,9.9,15,11.6C13.7,13.9,11.3,15.2,8.8,15.2z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/resync.svg b/frontend/assets/icon-16px-solid/resync.svg
new file mode 100644
index 0000000000000000000000000000000000000000..62555a17a8d63d903181e0b2f6cb599f14d75402
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/resync.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="12.6,0 15.5,5 9.7,5" />
+	<path d="M2.2,8H0.8C0.8,4,4,0.8,8,0.8c2,0,3.9,0.8,5.3,2.3l-1,1C11.2,2.9,9.6,2.2,8,2.2C4.8,2.2,2.2,4.8,2.2,8z" />
+	<path d="M8,15.2c-2,0-3.9-0.8-5.3-2.3l1-1c1.1,1.2,2.6,1.9,4.3,1.9c3.2,0,5.8-2.6,5.8-5.8h1.4C15.2,12,12,15.2,8,15.2z" />
+	<polygon points="3.4,16 0.5,11 6.3,11" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/reverse-radial-gradient-to-left.svg b/frontend/assets/icon-16px-solid/reverse-radial-gradient-to-left.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c3a16b09e9bc9ddcba710b04e21bd642bb002976
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/reverse-radial-gradient-to-left.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8,7.5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5-1.12,2.5-2.5,2.5-2.5-1.12-2.5-2.5ZM9,7.5c0,.83.67,1.5,1.5,1.5s1.5-.67,1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5,1.5z" />
+	<path d="M5,7.5c0-3.03,2.47-5.5,5.5-5.5s5.5,2.47,5.5,5.5-2.47,5.5-5.5,5.5-5.5-2.47-5.5-5.5ZM6,7.5c0,2.48,2.02,4.5,4.5,4.5s4.5-2.02,4.5-4.5-2.02-4.5-4.5-4.5-4.5,2.02-4.5,4.5z" />
+	<path d="M3,5v5S0,7.5,0,7.5l3-2.5z" />
+	<path d="M11,7.5h0c0,.28-.22.5-.5.5H2v-1h8.5c.28,0,.5.22.5.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/reverse-radial-gradient-to-right.svg b/frontend/assets/icon-16px-solid/reverse-radial-gradient-to-right.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7fde22c2afb210c9cd7f20d34a76c856e989526c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/reverse-radial-gradient-to-right.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M5.5,10c-1.38,0-2.5-1.12-2.5-2.5s1.12-2.5,2.5-2.5,2.5,1.12,2.5,2.5-1.12,2.5-2.5,2.5ZM5.5,6c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5,1.5-.67,1.5-1.5-.67-1.5-1.5-1.5z" />
+	<path d="M5.5,13c-3.03,0-5.5-2.47-5.5-5.5S2.47,2,5.5,2s5.5,2.47,5.5,5.5-2.47,5.5-5.5,5.5ZM5.5,3C3.02,3,1,5.02,1,7.5s2.02,4.5,4.5,4.5,4.5-2.02,4.5-4.5S7.98,3,5.5,3z" />
+	<path d="M16,7.5l-3,2.5v-5l3,2.5z" />
+	<path d="M5.5,7h8.5v1H5.5c-.28,0-.5-.22-.5-.5h0c0-.28.22-.5.5-.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/reverse.svg b/frontend/assets/icon-16px-solid/reverse.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1fc2aec0580f851c759b4392a6d7cd0ee77f2a1e
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/reverse.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="16,7.5 13,5 13,7 3,7 3,5 0,7.5 3,10 3,8 13,8 13,10 16,7.5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/save.svg b/frontend/assets/icon-16px-solid/save.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7f87bcc32047e7453bc1a680c811359ab2ec27a7
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/save.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M12,1H2c-.55,0-1,.45-1,1v12c0,.55.45,1,1,1h12c.55,0,1-.45,1-1V4l-3-3ZM9,2h2v3h-2v-3ZM12,14H4v-5h8v5ZM14,14h-1v-5c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1v5h-1V2h2v3c0,.55.45,1,1,1h6c.55,0,1-.45,1-1v-2.59l2,2v9.59z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/select-all.svg b/frontend/assets/icon-16px-solid/select-all.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b1bc15e74c90d2b6db9a77482e6eb04ff8b570cc
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/select-all.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect x="2" y="5" width="1" height="2" />
+	<rect x="13" y="5" width="1" height="2" />
+	<rect x="13" y="9" width="1" height="2" />
+	<rect x="2" y="9" width="1" height="2" />
+	<polygon points="3 14 3 13 2 13 2 15 5 15 5 14 3 14" />
+	<polygon points="13 13 13 14 11 14 11 15 14 15 14 13 13 13" />
+	<rect x="7" y="1" width="2" height="1" />
+	<rect x="7" y="14" width="2" height="1" />
+	<polygon points="2 1 2 3 3 3 3 2 5 2 5 1 2 1" />
+	<polygon points="11 1 11 2 13 2 13 3 14 3 14 1 11 1" />
+	<circle cx="6.5" cy="5.5" r="2.5" />
+	<circle cx="10" cy="11" r="2" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/select-parent.svg b/frontend/assets/icon-16px-solid/select-parent.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d42c5b58a41c014241350cd9d2e16a2ae87920c9
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/select-parent.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="4,14 4,13 3,13 3,15 5,15 5,14" />
+	<polygon points="13,13 13,14 12,14 12,15 14,15 14,13" />
+	<polygon points="5,1 3,1 3,3 4,3 4,2 5,2" />
+	<polygon points="12,1 12,2 13,2 13,3 14,3 14,1" />
+	<rect x="3" y="5" width="1" height="2" />
+	<rect x="13" y="5" width="1" height="2" />
+	<rect x="13" y="9" width="1" height="2" />
+	<rect x="3" y="9" width="1" height="2" />
+	<rect x="7" y="14" width="3" height="1" />
+	<rect x="7" y="1" width="3" height="1" />
+	<polygon points="8.5,4 6,7 8,7 8,11 9,11 9,7 11,7" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/settings.svg b/frontend/assets/icon-16px-solid/settings.svg
new file mode 100644
index 0000000000000000000000000000000000000000..938ea819a305105c7d613b2d3f7f05d289723ff9
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/settings.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M14,8c0-0.3,0-0.7-0.1-1l1.8-1.7l-1.5-2.6l-2.4,0.7c-0.5-0.4-1.1-0.8-1.7-1L9.5,0h-3L5.9,2.4C5.3,2.6,4.7,3,4.2,3.4L1.8,2.7L0.3,5.3L2.1,7C2,7.3,2,7.7,2,8s0,0.7,0.1,1l-1.8,1.7l1.5,2.6l2.4-0.7c0.5,0.4,1.1,0.8,1.7,1L6.5,16h3l0.6-2.4c0.6-0.2,1.2-0.6,1.7-1l2.4,0.7l1.5-2.6L13.9,9C14,8.7,14,8.3,14,8z M8,11c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3S9.7,11,8,11z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/small-dot.svg b/frontend/assets/icon-16px-solid/small-dot.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6f472d38cb6095076c51186ef68599e444c70b0c
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/small-dot.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<circle cx="8" cy="8" r="3" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/stack-bottom.svg b/frontend/assets/icon-16px-solid/stack-bottom.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a69bf649c462de8efbdff91eba7524966ef02ca5
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/stack-bottom.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.45,4.83l-6.56-3.62c-.56-.27-1.22-.27-1.78,0L.55,4.83C.18,5.03,0,5.3,0,5.57c0,.27.18.54.55.74l6.56,3.62c.56.27,1.22.27,1.78,0l6.56-3.62c.37-.2.55-.47.55-.74,0-.27-.18-.54-.55-.74ZM8.47,8.87c-.3.12-.63.12-.93,0L1.57,5.57l5.97-3.3c.3-.12.63-.12.93,0l5.97,3.3-5.97,3.3z" />
+	<path d="M15.45,9.69l-1.88-1.04-4.68,2.59c-.56.27-1.22.27-1.79,0l-4.68-2.59-1.88,1.04c-.74.41-.74,1.07,0,1.48l6.56,3.62c.56.27,1.22.27,1.79,0l6.55-3.62c.74-.41.74-1.07,0-1.48z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/stack-hollow.svg b/frontend/assets/icon-16px-solid/stack-hollow.svg
new file mode 100644
index 0000000000000000000000000000000000000000..27209816ce7178d020eaf5744c28a849ab4602d0
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/stack-hollow.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.45,4.83l-6.56-3.62c-.56-.27-1.22-.27-1.78,0L.55,4.83C.18,5.03,0,5.3,0,5.57c0,.27.18.54.55.74l6.56,3.62c.56.27,1.22.27,1.78,0l6.56-3.62c.37-.2.55-.47.55-.74,0-.27-.18-.54-.55-.74ZM8.47,8.87c-.3.12-.63.12-.93,0L1.57,5.57l5.97-3.3c.3-.12.63-.12.93,0l5.97,3.3-5.97,3.3z" />
+	<path d="M15.45,9.69l-1.88-1.04-1.18.65,2.04,1.13-5.97,3.3c-.3.12-.63.12-.93,0l-5.97-3.3,2.04-1.13-1.18-.65-1.88,1.04c-.74.41-.74,1.07,0,1.48l6.56,3.63c.56.27,1.22.27,1.78,0l6.56-3.62c.74-.41.74-1.07,0-1.48z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/stack-lower.svg b/frontend/assets/icon-16px-solid/stack-lower.svg
new file mode 100644
index 0000000000000000000000000000000000000000..421ff3a8492f2e0d40c6c882952d263f23599f5d
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/stack-lower.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M9,10.38c-.32.11-.66.19-1,.19s-.68-.08-1-.19v2.62h-2l3,3,3-3h-2v-2.62z" />
+	<path d="M8,3c-.55,0-1,.45-1,1v1h2v-1c0-.55-.45-1-1-1z" />
+	<path d="M15.69,4.42c-.07-.06-.15-.11-.24-.16l-5.45-3.01h0l-1.11-.61c-.56-.27-1.22-.27-1.78,0L.55,4.26c-.09.05-.17.11-.24.16C.1,4.6,0,4.8,0,5c0,.2.1.4.31.58.07.06.15.11.24.16l5.45,3.01h0l1.11.61c.56.27,1.22.27,1.78,0l6.56-3.62c.09-.05.17-.11.24-.16.21-.17.31-.38.31-.58,0-.2-.1-.4-.31-.58ZM8.47,8.3c-.3.12-.63.12-.93,0L1.57,5,7.53,1.7c.3-.12.63-.12.93,0l5.97,3.3-5.97,3.3z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/stack-raise.svg b/frontend/assets/icon-16px-solid/stack-raise.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5419c3dead4e144e783e0da1d20638856c00526b
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/stack-raise.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.45,9.26l-5.45-3.01v1.3l4.43,2.45-5.97,3.3c-.3.12-.63.12-.93,0l-5.97-3.3,4.43-2.45v-1.3L.55,9.26c-.37.2-.55.47-.55.74s.18.54.55.74l6.56,3.62c.56.27,1.22.27,1.78,0l6.56-3.62c.37-.2.55-.47.55-.74s-.18-.54-.55-.74z" />
+	<polygon points="11 5 8 2 5 5 7 5 7 10 9 10 9 5 11 5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/stack-reverse.svg b/frontend/assets/icon-16px-solid/stack-reverse.svg
new file mode 100644
index 0000000000000000000000000000000000000000..640b7ee5645b47463a298a9ebd07b9771b6e1cb8
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/stack-reverse.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="11 3 8 0 5 3 7 3 7 6 9 6 9 3 11 3" />
+	<path d="M9,11.38c-.32.11-.66.19-1,.19s-.68-.08-1-.19v1.62h-2l3,3,3-3h-2v-1.62z" />
+	<path d="M15.45,5.26l-2.28-1.26h-2.35l3.62,2-5.97,3.3c-.3.12-.63.12-.93,0L1.56,6l3.62-2h-2.35l-2.28,1.26c-.37.2-.55.47-.55.74s.18.54.55.74l6.56,3.62c.56.27,1.22.27,1.78,0l6.56-3.62c.37-.2.55-.47.55-.74s-.18-.54-.55-.74z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/stack.svg b/frontend/assets/icon-16px-solid/stack.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8f421fd38498bf3323136ea92835c7a5254848b5
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/stack.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.45,9.69l-1.88-1.04-1.18.65,2.04,1.13-5.97,3.3c-.3.12-.63.12-.93,0l-5.97-3.3,2.04-1.13-1.18-.65-1.88,1.04c-.74.41-.74,1.07,0,1.48l6.56,3.63c.56.27,1.22.27,1.78,0l6.56-3.62c.74-.41.74-1.07,0-1.48z" />
+	<path d="M7.11,9.94L.55,6.31c-.74-.41-.74-1.07,0-1.48L7.11,1.2c.56-.27,1.22-.27,1.78,0l6.56,3.63c.74.41.74,1.07,0,1.48l-6.56,3.63c-.56.27-1.22.27-1.78,0z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/tilt-reset.svg b/frontend/assets/icon-16px-solid/tilt-reset.svg
new file mode 100644
index 0000000000000000000000000000000000000000..42d9f445651467838e45d021c4487cf126b91292
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/tilt-reset.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M11.01,1.44l.36,1.24c2.15,1.06,3.63,3.27,3.63,5.82,0,3.58-2.92,6.5-6.5,6.5s-6.5-2.92-6.5-6.5c0-2.55,1.48-4.76,3.63-5.82l.36-1.24C3.09,2.47,1,5.24,1,8.5c0,4.14,3.36,7.5,7.5,7.5s7.5-3.36,7.5-7.5c0-3.26-2.09-6.03-4.99-7.06z" />
+	<path d="M8.5,0l-2.5,8.5,2.5,5.5,2.5-5.5L8.5,0ZM7,8.5c0-.5,3-.5,3,0l-1.5,3.5-1.5-3.5z" />
+	<circle cx="13.5" cy="8.5" r=".5" />
+	<circle cx="3.5" cy="8.5" r=".5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/tilt.svg b/frontend/assets/icon-16px-solid/tilt.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fb885ab5784d570c5d44f988de74bd1c251d53b2
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/tilt.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.27,5.28l-.62,1.13c.22.66.35,1.36.35,2.09,0,3.58-2.92,6.5-6.5,6.5s-6.5-2.92-6.5-6.5,2.92-6.5,6.5-6.5c.73,0,1.43.13,2.09.35l1.13-.62c-.98-.47-2.07-.73-3.22-.73C4.36,1,1,4.36,1,8.5s3.36,7.5,7.5,7.5,7.5-3.36,7.5-7.5c0-1.15-.27-2.24-.73-3.22z" />
+	<path d="M14.51,2.49l-7.78,4.24-2.12,5.66,5.66-2.12,4.24-7.78ZM7.44,7.44c.35-.35,2.47,1.77,2.12,2.12l-3.54,1.41,1.41-3.54z" />
+	<circle cx="13.5" cy="8.5" r=".5" />
+	<circle cx="3.5" cy="8.5" r=".5" />
+	<circle cx="8.5" cy="13.5" r=".5" />
+	<circle cx="8.5" cy="3.5" r=".5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/transformation-grab.svg b/frontend/assets/icon-16px-solid/transformation-grab.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ce0bf878582ba9906b1150fde841739c101abeb0
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/transformation-grab.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<circle cx="3.5" cy="12.5" r="1.25" />
+	<polygon points="3 9 4 9 4 4 6 4 3.5 1 1 4 3 4 3 9" />
+	<polygon points="15 12.5 12 10 12 12 7 12 7 13 12 13 12 15 15 12.5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/transformation-rotate.svg b/frontend/assets/icon-16px-solid/transformation-rotate.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0ed8ff75ccf0f69fa4972e1e362ec3999fa2a24b
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/transformation-rotate.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M13.5,5l-2.5,3h2c0,2.76-2.24,5-5,5v1c3.31,0,6-2.69,6-6h2l-2.5-3z" />
+	<path d="M9,4v-1c-3.31,0-6,2.69-6,6H1l2.5,3,2.5-3h-2c0-2.76,2.24-5,5-5z" />
+	<circle cx="8.5" cy="8.5" r="1.25" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/transformation-scale.svg b/frontend/assets/icon-16px-solid/transformation-scale.svg
new file mode 100644
index 0000000000000000000000000000000000000000..29b5a67f2211d004fc1c03830101c5ff8fea5286
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/transformation-scale.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<circle cx="8.5" cy="8.5" r="1.25" />
+	<path d="M11.29,10.59c-.2.27-.44.51-.71.71l3.55,3.55c.25-.22.49-.46.71-.71l-3.55-3.55z" />
+	<path d="M5.71,6.41c.2-.27.44-.51.71-.71l-3.55-3.55c-.25.22-.49.46-.71.71l3.55,3.55z" />
+	<polygon points="15 15 15 11.5 11.5 15 15 15" />
+	<polygon points="2 2 2 5.5 5.5 2 2 2" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/trash.svg b/frontend/assets/icon-16px-solid/trash.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1ae1bd2683e56d0321493687e2f57f2301ceab5a
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/trash.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M11,6v7c0,0.5-0.4,1-0.9,1H4.9C4.4,14,4,13.5,4,13V6H11z M12,5H3v8c0,1.1,0.8,1.9,1.8,2h0h5.3h0c1-0.1,1.8-1,1.8-2V5z" />
+	<path d="M12,3h-2c0-1.1-0.9-2-2-2H7C5.9,1,5,1.9,5,3H3C2.4,3,2,3.4,2,4h11C13,3.4,12.6,3,12,3 M7,2h1c0.6,0,1,0.4,1,1H6C6,2.4,6.4,2,7,2" />
+	<path d="M6,12.5C6,12.8,5.8,13,5.5,13S5,12.8,5,12.5v-5C5,7.2,5.2,7,5.5,7S6,7.2,6,7.5V12.5z" />
+	<path d="M8,12.5C8,12.8,7.8,13,7.5,13S7,12.8,7,12.5v-5C7,7.2,7.2,7,7.5,7S8,7.2,8,7.5V12.5z" />
+	<path d="M10,12.5c0,0.3-0.2,0.5-0.5,0.5S9,12.8,9,12.5v-5C9,7.2,9.2,7,9.5,7S10,7.2,10,7.5V12.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/turn-negative-90.svg b/frontend/assets/icon-16px-solid/turn-negative-90.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8e67679185b342f417113c910fbf9aadd6d19684
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/turn-negative-90.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M0,11v5s12,0,12,0v-4h4s0-12,0-12h-5s0,11,0,11H0zM12,11V1h3v10h-3z" />
+	<path d="M9,1.7V.3c-3.25,0-5.92,2.52-6.17,5.7h-1.83l2.5,3,2.5-3h-1.75c.25-2.41,2.27-4.3,4.75-4.3z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/turn-positive-90.svg b/frontend/assets/icon-16px-solid/turn-positive-90.svg
new file mode 100644
index 0000000000000000000000000000000000000000..567d6ee0c97280e458326d2fd0008b74ac8d536e
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/turn-positive-90.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M5,11V0H0v12h4v4h12v-5H5zM1,11V1h3v10H1z" />
+	<path d="M7,1.7V.3c3.25,0,5.92,2.52,6.17,5.7h1.83s-2.5,3-2.5,3l-2.5-3h1.75c-.25-2.41-2.27-4.3-4.75-4.3z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/user-manual.svg b/frontend/assets/icon-16px-solid/user-manual.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f156bd45d189e89ec31ccab47af326d654b2a52d
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/user-manual.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="9 9 9 5 7 5 7 6 8 6 8 9 7 9 7 10 10 10 10 9 9 9" />
+	<circle cx="8.25" cy="3.25" r=".75" />
+	<path d="M14,0H5c-1.1,0-2,.9-2,2v11.5c0-1.97.42-2.39,1-2.47V2c0-.55.45-1,1-1h8v11H4.5c-.18,0-.34.04-.5.09-.58.21-1,.76-1,1.41,0,.83.67,1.5,1.5,1.5h9.5v-.21c-.3-.26-.5-.74-.5-1.29s.2-1.03.5-1.29V0ZM12.54,14H4.5c-.28,0-.5-.22-.5-.5s.22-.5.5-.5h8.04c-.03.16-.04.33-.04.5s.01.34.04.5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/view-mode-normal.svg b/frontend/assets/icon-16px-solid/view-mode-normal.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f52960bfeb8f542e18d202324a914d4f6b1b4009
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/view-mode-normal.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<circle cx="8" cy="8" r="8" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/view-mode-outline.svg b/frontend/assets/icon-16px-solid/view-mode-outline.svg
new file mode 100644
index 0000000000000000000000000000000000000000..54570548a9f4ece52a79cef92529150d339f7a09
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/view-mode-outline.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M8,1c3.9,0,7,3.1,7,7s-3.1,7-7,7s-7-3.1-7-7S4.1,1,8,1 M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0L8,0z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/view-mode-pixels.svg b/frontend/assets/icon-16px-solid/view-mode-pixels.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4f29b8906eb338387619ecc82c84d2a3eb7d8b8f
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/view-mode-pixels.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<rect x="7" y="1" width="2" height="2" />
+	<rect x="13" y="4" width="2" height="2" />
+	<rect x="13" y="7" width="2" height="2" />
+	<rect x="13" y="10" width="2" height="2" />
+	<rect x="7" y="13" width="2" height="2" />
+	<rect x="10" y="13" width="2" height="2" />
+	<rect x="4" y="13" width="2" height="2" />
+	<rect x="1" y="10" width="2" height="2" />
+	<rect x="1" y="7" width="2" height="2" />
+	<rect x="1" y="4" width="2" height="2" />
+	<rect x="4" y="1" width="2" height="2" />
+	<rect x="10" y="10" width="2" height="2" />
+	<rect x="4" y="10" width="2" height="2" />
+	<rect x="7" y="10" width="2" height="2" />
+	<rect x="10" y="7" width="2" height="2" />
+	<rect x="4" y="7" width="2" height="2" />
+	<rect x="7" y="7" width="2" height="2" />
+	<rect x="10" y="4" width="2" height="2" />
+	<rect x="4" y="4" width="2" height="2" />
+	<rect x="7" y="4" width="2" height="2" />
+	<rect x="10" y="1" width="2" height="2" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/viewport-design-mode.svg b/frontend/assets/icon-16px-solid/viewport-design-mode.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0e33e8373bca44fc226a5ef82d3822e64ff398d4
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/viewport-design-mode.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15,6.06V15H9.69c-0.22,0.36-0.49,0.69-0.79,1H16V4.46C15.71,4.96,15.37,5.49,15,6.06z" />
+	<path d="M5.57,9.4c-1.22,0.07-2.27,1.09-2.94,3.05C1.94,14.47,0,15.36,0,15.36c2.08,0.71,4.3,0.95,6.26,0.08c1.75-0.78,2.38-2.35,2.22-3.76C8.35,10.58,7.27,9.3,5.57,9.4z" />
+	<path d="M15.42,0.08c-0.69-0.55-3.27,1.97-6.11,5.14c-1,1.12-1.99,2.3-2.6,3.34C7.17,8.6,7.66,8.78,8.11,9.12C8.67,9.55,9,10.05,9.14,10.49c0.94-0.86,1.75-1.96,2.68-3.3C14.29,3.65,16.11,0.62,15.42,0.08z" />
+	<path d="M0.74,11.81c0.08-0.24,0.17-0.43,0.26-0.65V1h9.52c0.38-0.38,0.72-0.71,1.05-1H0v12.93C0.29,12.65,0.58,12.28,0.74,11.81z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/viewport-guide-mode.svg b/frontend/assets/icon-16px-solid/viewport-guide-mode.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d78860e98d220eca42f371508e7a3688a29dd938
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/viewport-guide-mode.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="11.85,0 11.15,0 0,11.15 0,12.85 1.5,11.35 2.58,12.42 3.42,11.58 2.35,10.5 3.5,9.35 5.58,11.42 6.42,10.58 4.35,8.5 5.5,7.35 6.58,8.42 7.42,7.58 6.35,6.5 7.5,5.35 9.58,7.42 10.42,6.58 8.35,4.5 9.5,3.35 10.58,4.42 11.42,3.58 10.35,2.5 11.5,1.35 14.65,4.5 3.15,16 4.85,16 16,4.85 16,4.15" />
+	<polygon points="14,0 16,2 16,0" />
+	<polygon points="15,8.68 15,15 8.68,15 7.68,16 16,16 16,7.68" />
+	<polygon points="0,0 0,8.32 1,7.32 1,1 7.32,1 8.32,0" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/viewport-select-mode.svg b/frontend/assets/icon-16px-solid/viewport-select-mode.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b34fa0b74cda1cadea5380ea99d3504c3588ec0d
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/viewport-select-mode.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15,1v1.85c0.37,0.32,0.7,0.66,1,1.02V0H0v3.19c0.24-0.28,0.49-0.55,0.78-0.81C0.85,2.32,0.93,2.27,1,2.21V1H15z" />
+	<path d="M0,11.17v4.37l1-0.66v-2.15c-0.15-0.28-0.27-0.58-0.34-0.89C0.42,11.62,0.2,11.39,0,11.17z" />
+	<path d="M15,12.74V15H8.54c-0.23,0.24-0.41,0.52-0.55,0.77L7.86,16H16v-4.11C15.7,12.2,15.37,12.49,15,12.74z" />
+	<path d="M2.54,10.76c-0.01,0.49,0.12,0.96,0.41,1.33c0.35,0.45,1.02,0.93,2.29,0.93c0.03,0,0.07-0.01,0.1-0.01C5.19,13.78,4.62,14.86,2.91,16h2.38c0.4-0.41,0.71-0.81,0.94-1.19l0,0c0.87-1.57,2.19-2.48,3.72-2.54c3.31-0.14,5.61-1.86,5.61-4.2c0-2.98-3.07-5.42-7.47-5.94C5.86,1.87,3.63,2.52,2.11,3.88C1.03,4.84,0.44,6.02,0.44,7.22C0.44,8.57,1.2,9.83,2.54,10.76z M6.91,11.81c-0.03,0.02-0.06,0.04-0.09,0.06c-0.04-0.23-0.1-0.38-0.12-0.45c-0.33-0.86-1.11-1.01-1.62-1.11c-0.15-0.03-0.31-0.06-0.45-0.11c-0.11-0.05-0.22-0.1-0.33-0.15C4.51,9.75,4.85,9.49,5.3,9.43c0.85-0.1,1.48,0.1,1.77,0.56C7.34,10.45,7.27,11.14,6.91,11.81z M3.1,5c1.03-0.92,2.49-1.42,4.01-1.42c0.27,0,0.53,0.02,0.8,0.05c4.04,0.47,6.15,2.6,6.15,4.45c0,1.49-1.72,2.6-4.18,2.7c-0.4,0.02-0.78,0.09-1.16,0.19c0.05-0.63-0.08-1.24-0.39-1.75c-0.6-0.97-1.78-1.43-3.22-1.26c-0.84,0.1-1.6,0.6-2.08,1.32c-0.71-0.6-1.1-1.31-1.1-2.04C1.94,6.47,2.36,5.66,3.1,5z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/volunteer.svg b/frontend/assets/icon-16px-solid/volunteer.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4e178c78a962d1cff7d2ab1436c4d54d25257de5
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/volunteer.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="m4.56,15.92c1.01.06,1.28.08,2.53.08,2.95,0,3.89.02,6.12-.08.23-1.32.23-2.68,0-4-.44-2.54.53-2.46,1.4-4.45,1.54-3.49,1.39-4.97,1.39-4.97.07-.76-.48-1.43-1.24-1.51-.75.08-1.3.75-1.24,1.51-.14,1.73-1.05,3.29-2.49,4.26-2.36,1.66-5.5.45-8.39,2.83C.67,11.21.51,15.02.49,15.51c.82.19,1.65.29,2.49.32.08-1.09.35-2.16.8-3.16,0,0,.75.61.77,3.25ZM7.65,0c1.74,0,3.15,1.41,3.15,3.15s-1.41,3.15-3.15,3.15-3.15-1.41-3.15-3.15S5.91,0,7.65,0z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/website.svg b/frontend/assets/icon-16px-solid/website.svg
new file mode 100644
index 0000000000000000000000000000000000000000..521db204c410fa6ea0a9d009b4e3dc61897a11cb
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/website.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="m8,0C3.59,0,0,3.59,0,8s3.59,8,8,8,8-3.59,8-8S12.41,0,8,0Zm6.1,5h-2.39c-.26-1.33-.69-2.47-1.24-3.33,1.58.62,2.88,1.82,3.63,3.33Zm.7,3c0,.7-.11,1.37-.31,2h-2.62c.08-.64.12-1.31.12-2s-.04-1.36-.12-2h2.62c.2.63.31,1.3.31,2Zm-13.6,0c0-.7.11-1.37.31-2h2.62c-.08.64-.12,1.31-.12,2s.04,1.36.12,2H1.51c-.2-.63-.31-1.3-.31-2Zm3.9,0c0-.71.06-1.37.14-2h5.52c.08.63.14,1.29.14,2s-.06,1.37-.14,2h-5.52c-.08-.63-.14-1.29-.14-2ZM7.49,1.23c.17-.01.34-.03.51-.03s.34.01.51.03c.84.41,1.65,1.79,2.08,3.77h-5.17c.43-1.98,1.24-3.37,2.08-3.77Zm-1.96.44c-.55.86-.98,2-1.24,3.33H1.9c.75-1.51,2.05-2.71,3.63-3.33ZM1.9,11h2.39c.26,1.33.69,2.47,1.24,3.33-1.58-.62-2.88-1.82-3.63-3.33Zm6.61,3.78c-.17.01-.34.03-.51.03s-.34-.01-.51-.03c-.84-.4-1.65-1.79-2.08-3.78h5.17c-.43,1.98-1.24,3.37-2.08,3.78Zm1.96-.44c.55-.86.98-2,1.24-3.33h2.39c-.75,1.51-2.05,2.71-3.63,3.33z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/working-colors-primary.svg b/frontend/assets/icon-16px-solid/working-colors-primary.svg
new file mode 100644
index 0000000000000000000000000000000000000000..24707a960f8aec8c6cf7dc9cb043b9c0c6511046
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/working-colors-primary.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M13,5c0-2.8-2.2-5-5-5S3,2.2,3,5c0,1.1,0.4,2.2,1,3c-0.6,0.8-1,1.9-1,3c0,2.8,2.2,5,5,5s5-2.2,5-5c0-1.1-0.4-2.2-1-3C12.6,7.2,13,6.1,13,5z M8,1.4c2,0,3.6,1.6,3.6,3.6S10,8.6,8,8.6S4.4,7,4.4,5S6,1.4,8,1.4z M2,5L0,7V3L2,5z M16,3v4l-2-2L16,3z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/working-colors-secondary.svg b/frontend/assets/icon-16px-solid/working-colors-secondary.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2a69afac6b7ff1256cc5a064bd14ba05794e3337
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/working-colors-secondary.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M13,5c0-2.8-2.2-5-5-5S3,2.2,3,5c0,1.1,0.4,2.2,1,3c-0.6,0.8-1,1.9-1,3c0,2.8,2.2,5,5,5s5-2.2,5-5c0-1.1-0.4-2.2-1-3C12.6,7.2,13,6.1,13,5z M8,1.4c2,0,3.6,1.6,3.6,3.6S10,8.6,8,8.6S4.4,7,4.4,5S6,1.4,8,1.4z M2,11l-2,2V9L2,11zM16,9v4l-2-2L16,9z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/zoom-1x.svg b/frontend/assets/icon-16px-solid/zoom-1x.svg
new file mode 100644
index 0000000000000000000000000000000000000000..56d0dbba5453d64477be0ea232fcd5b07b90aab1
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/zoom-1x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M2,7s1.42-.28,2.38-.84c0,0-.38,2.44-.38,6.84h2V3s-2.33,1.88-3.92,2.28l-.08,1.72z" />
+	<path d="M14,7h-2s-.34.73-1,1.84c-.66-1.1-1-1.84-1-1.84h-2s1.09,1.29,2.26,3.02c-.6.91-1.36,1.95-2.26,2.98h2c.3-.62.64-1.23,1-1.82.36.59.7,1.2,1,1.82h2c-.9-1.04-1.65-2.07-2.26-2.98,1.16-1.73,2.26-3.02,2.26-3.02z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/zoom-2x.svg b/frontend/assets/icon-16px-solid/zoom-2x.svg
new file mode 100644
index 0000000000000000000000000000000000000000..74aa887cf17d5e2c7f40bb9d6a7e2a15b76f8c92
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/zoom-2x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M2.86,7.43c-.22-.88.15-2.05,1.51-2.32,1.64-.33,2.57,1.76-.04,3.35-1.12.68-2.33,1.56-2.92,2.67-.43.8-.41,1.87-.41,1.87h7v-1.71c-1.06.18-4.78.46-4.78.46.2-1.03,3.07-2.41,3.97-3.86,1.29-2.07.21-4.32-2.28-4.32-1.75,0-4.16.74-3.76,4.22l1.71-.35z" />
+	<path d="M15,7h-2s-.34.73-1,1.84c-.66-1.1-1-1.84-1-1.84h-2s1.09,1.29,2.26,3.02c-.6.91-1.36,1.95-2.26,2.98h2c.3-.62.64-1.23,1-1.82.36.59.7,1.2,1,1.82h2c-.9-1.04-1.65-2.07-2.26-2.98,1.16-1.73,2.26-3.02,2.26-3.02z" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/zoom-in.svg b/frontend/assets/icon-16px-solid/zoom-in.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e904fbda7fdab675211574ae50c0db8b9e965509
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/zoom-in.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.7,14.2l-4-4l-1.5,1.5l4,4c0.4,0.4,1.1,0.4,1.5,0C16.1,15.3,16.1,14.6,15.7,14.2z" />
+	<path d="M6.5,1.4c2.8,0,5.1,2.3,5.1,5.1s-2.3,5.1-5.1,5.1S1.4,9.3,1.4,6.5S3.7,1.4,6.5,1.4 M6.5,0C2.9,0,0,2.9,0,6.5S2.9,13,6.5,13S13,10.1,13,6.5S10.1,0,6.5,0L6.5,0z" />
+	<rect x="3" y="5.8" width="7" height="1.5" />
+	<rect x="5.8" y="3" width="1.5" height="7" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/zoom-out.svg b/frontend/assets/icon-16px-solid/zoom-out.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9e2378deeb6d0cfdc7cec4e7b3e673d20abac892
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/zoom-out.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path d="M15.7,14.2l-4-4l-1.5,1.5l4,4c0.4,0.4,1.1,0.4,1.5,0C16.1,15.3,16.1,14.6,15.7,14.2z" />
+	<path d="M6.5,1.4c2.8,0,5.1,2.3,5.1,5.1s-2.3,5.1-5.1,5.1S1.4,9.3,1.4,6.5S3.7,1.4,6.5,1.4 M6.5,0C2.9,0,0,2.9,0,6.5S2.9,13,6.5,13S13,10.1,13,6.5S10.1,0,6.5,0L6.5,0z" />
+	<rect x="3" y="5.8" width="7" height="1.5" />
+</svg>
diff --git a/frontend/assets/icon-16px-solid/zoom-reset.svg b/frontend/assets/icon-16px-solid/zoom-reset.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3740486f6c8fbae2ef919f276b1931d98ef86f7d
--- /dev/null
+++ b/frontend/assets/icon-16px-solid/zoom-reset.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon points="0,6.5 2.9,11.5 5.7,6.5" />
+	<path d="M8.2,12.6c-0.2,0-0.4,0-0.6,0c-0.9-0.1-1.8-0.4-2.6-0.8l0.7-1.2c0.6,0.4,1.3,0.6,2,0.6c1.3,0.1,2.6-0.3,3.6-1.1s1.6-2,1.7-3.3c0.2-2.7-1.8-5-4.4-5.3C7.3,1.3,6.1,1.7,5.1,2.6c-1,0.8-1.6,2-1.7,3.3c0,0.5,0,1,0.1,1.5L2.1,7.7c-0.2-0.7-0.2-1.3-0.2-2c0.2-1.7,0.9-3.2,2.2-4.3C5.5,0.4,7.1-0.1,8.8,0c3.5,0.3,6,3.3,5.7,6.8c-0.1,1.7-0.9,3.2-2.2,4.3C11.1,12.1,9.7,12.6,8.2,12.6z" />
+	<path d="M15.8,14.4l-3.3-4L11,11.7l3.3,4c0.3,0.4,1,0.5,1.4,0.1C16.1,15.4,16.1,14.8,15.8,14.4z" />
+</svg>
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-drag.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-drag.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c92c63220bb5907a04491ebcf1527aa93e189f2c
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-drag.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="dim" d="M8,7c0,0.55-0.45,1-1,1l0,0C6.45,8,6,7.55,6,7V4.5c0-0.55,0.45-1,1-1l0,0c0.55,0,1,0.45,1,1V7z" />
+	<path class="bright" d="M11,16c-0.18,0-0.36-0.1-0.45-0.28c-0.12-0.25-0.02-0.55,0.22-0.67C10.87,15.01,13,13.88,13,11V6c0-0.28,0.22-0.5,0.5-0.5S14,5.72,14,6v5c0,3.52-2.66,4.89-2.78,4.95C11.15,15.98,11.08,16,11,16z" />
+	<path class="bright" d="M14.5,15c-0.13,0-0.26-0.05-0.35-0.15c-0.19-0.19-0.2-0.51,0-0.7C14.17,14.12,15,13.2,15,11V8c0-0.28,0.22-0.5,0.5-0.5S16,7.72,16,8v3c0,2.68-1.1,3.81-1.15,3.85C14.76,14.95,14.63,15,14.5,15z" />
+	<path class="dim" d="M9,2c1.1,0,2,0.9,2,2v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V4c0-1.1,0.9-2,2-2H9 M9,1H5C3.35,1,2,2.35,2,4v6c0,2.76,2.24,5,5,5s5-2.24,5-5V4C12,2.35,10.65,1,9,1L9,1z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7b13e4d004249e7d378ebc5fcd96d0a512212238
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="bright" d="M4.5,3.8c-0.2-0.7,0-1.4,1-1.6C6.7,2,7.2,3.4,5.4,4.6c-0.8,0.5-1.7,1.2-2.1,2C3,7.2,3,8,3,8h5V6C7.5,6.6,5.4,6.6,5.4,6.6C5.5,5.8,7,5.4,7.6,4.3C8.5,2.7,7.7,1,6,1C4.2,1,2.5,2,3.2,4.6L4.5,3.8z" />
+	<path class="dim" d="M10,1H9v1h1c1.1,0,2,0.9,2,2v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V9H3v1c0,2.76,2.24,5,5,5s5-2.24,5-5V4C13,2.35,11.65,1,10,1z" />
+</svg>
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7845ddcfec5c7907bb444db67ffccbf35aef0ff8
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="bright" d="M11,16c-0.18,0-0.36-0.1-0.45-0.28c-0.12-0.25-0.02-0.55,0.22-0.67C10.87,15.01,13,13.88,13,11V6c0-0.28,0.22-0.5,0.5-0.5S14,5.72,14,6v5c0,3.52-2.66,4.89-2.78,4.95C11.15,15.98,11.08,16,11,16z" />
+	<path class="bright" d="M14.5,15c-0.13,0-0.26-0.05-0.35-0.15c-0.19-0.19-0.2-0.51,0-0.7C14.17,14.12,15,13.2,15,11V8c0-0.28,0.22-0.5,0.5-0.5S16,7.72,16,8v3c0,2.68-1.1,3.81-1.15,3.85C14.76,14.95,14.63,15,14.5,15z" />
+	<path class="bright" d="M7,1H5C3.35,1,2,2.35,2,4v4h5V1z" />
+	<path class="dim" d="M9,1H8v1h1c1.1,0,2,0.9,2,2v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V9H2v1c0,2.76,2.24,5,5,5s5-2.24,5-5V4C12,2.35,10.65,1,9,1z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-lmb.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5a7c254632b279f489c3bb5e6ab4d461dee3d11d
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-lmb.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="bright" d="M8,1H6C4.35,1,3,2.35,3,4v4h5V1z" />
+	<path class="dim" d="M10,1H9v1h1c1.1,0,2,0.9,2,2v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V9H3v1c0,2.76,2.24,5,5,5s5-2.24,5-5V4C13,2.35,11.65,1,10,1z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg
new file mode 100644
index 0000000000000000000000000000000000000000..65a0af7c3efc63aed54c36acaec083acd7e38fb4
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="bright" d="M8,7c0,0.55-0.45,1-1,1l0,0C6.45,8,6,7.55,6,7V4.5c0-0.55,0.45-1,1-1l0,0c0.55,0,1,0.45,1,1V7z" />
+	<path class="bright" d="M11,16c-0.18,0-0.36-0.1-0.45-0.28c-0.12-0.25-0.02-0.55,0.22-0.67C10.87,15.01,13,13.88,13,11V6c0-0.28,0.22-0.5,0.5-0.5S14,5.72,14,6v5c0,3.52-2.66,4.89-2.78,4.95C11.15,15.98,11.08,16,11,16z" />
+	<path class="bright" d="M14.5,15c-0.13,0-0.26-0.05-0.35-0.15c-0.19-0.19-0.2-0.51,0-0.7C14.17,14.12,15,13.2,15,11V8c0-0.28,0.22-0.5,0.5-0.5S16,7.72,16,8v3c0,2.68-1.1,3.81-1.15,3.85C14.76,14.95,14.63,15,14.5,15z" />
+	<path class="dim" d="M9,2c1.1,0,2,0.9,2,2v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V4c0-1.1,0.9-2,2-2H9 M9,1H5C3.35,1,2,2.35,2,4v6c0,2.76,2.24,5,5,5s5-2.24,5-5V4C12,2.35,10.65,1,9,1L9,1z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-mmb.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-mmb.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b957d7dad24ce92f814de30ede83894a194e5bce
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-mmb.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="bright" d="M9,7c0,0.55-0.45,1-1,1l0,0C7.45,8,7,7.55,7,7V4.5c0-0.55,0.45-1,1-1l0,0c0.55,0,1,0.45,1,1V7z" />
+	<path class="dim" d="M10,2c1.1,0,2,0.9,2,2v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V4c0-1.1,0.9-2,2-2H10 M10,1H6C4.35,1,3,2.35,3,4v6c0,2.76,2.24,5,5,5s5-2.24,5-5V4C13,2.35,11.65,1,10,1L10,1z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-none.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-none.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e878396b3faef415b7189deec954e3ac3bdfbf2e
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-none.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="dim" d="M9,7c0,0.55-0.45,1-1,1l0,0C7.45,8,7,7.55,7,7V4.5c0-0.55,0.45-1,1-1l0,0c0.55,0,1,0.45,1,1V7z" />
+	<path class="dim" d="M10,2c1.1,0,2,0.9,2,2v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V4c0-1.1,0.9-2,2-2H10 M10,1H6C4.35,1,3,2.35,3,4v6c0,2.76,2.24,5,5,5s5-2.24,5-5V4C13,2.35,11.65,1,10,1L10,1z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ba32a899041384dc3626ee3e900dc0b44e8b2e9a
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="bright" d="M10.4,6.6c0.1-0.8,2.1-1.2,2.4-2.4C13.3,2.8,12,1,10.3,1c-2.2,0-2.8,2.2-2,3.8l1.1-0.9c0,0-0.6-1.3,0.5-1.7c1-0.4,2.5,1.2,0.7,2.2C9.9,5,8.7,5.7,8.3,6.6C8,7.2,8,8,8,8h5V6C12.5,6.6,10.4,6.6,10.4,6.6z" />
+	<path class="dim" d="M6,1h1v1H6C4.9,2,4,2.9,4,4v6c0,2.21,1.79,4,4,4s4-1.79,4-4V9h1v1c0,2.76-2.24,5-5,5s-5-2.24-5-5V4C3,2.35,4.35,1,6,1z" />
+</svg>
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d15da0a645d9424e4b8fffe599e7c27e99a59596
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="bright" d="M11,16c-0.18,0-0.36-0.1-0.45-0.28c-0.12-0.25-0.02-0.55,0.22-0.67C10.87,15.01,13,13.88,13,11V6c0-0.28,0.22-0.5,0.5-0.5S14,5.72,14,6v5c0,3.52-2.66,4.89-2.78,4.95C11.15,15.98,11.08,16,11,16z" />
+	<path class="bright" d="M14.5,15c-0.13,0-0.26-0.05-0.35-0.15c-0.19-0.19-0.2-0.51,0-0.7C14.17,14.12,15,13.2,15,11V8c0-0.28,0.22-0.5,0.5-0.5S16,7.72,16,8v3c0,2.68-1.1,3.81-1.15,3.85C14.76,14.95,14.63,15,14.5,15z" />
+	<path class="bright" d="M7,1h2c1.65,0,3,1.35,3,3v4H7V1z" />
+	<path class="dim" d="M5,1h1v1H5C3.9,2,3,2.9,3,4v6c0,2.21,1.79,4,4,4s4-1.79,4-4V9h1v1c0,2.76-2.24,5-5,5s-5-2.24-5-5V4C2,2.35,3.35,1,5,1z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-rmb.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9cf95a94759d5d8b0119bd9ce96ecc0f1f57c364
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-rmb.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<path class="bright" d="M8,1h2c1.65,0,3,1.35,3,3v4H8V1z" />
+	<path class="dim" d="M6,1h1v1H6C4.9,2,4,2.9,4,4v6c0,2.21,1.79,4,4,4s4-1.79,4-4V9h1v1c0,2.76-2.24,5-5,5s-5-2.24-5-5V4C3,2.35,4.35,1,6,1z" />
+</svg>
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-scroll-down.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-scroll-down.svg
new file mode 100644
index 0000000000000000000000000000000000000000..41df7149487118628cb3add057065a549f8ebf77
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-scroll-down.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon class="bright" points="5.5,4 8,6 10.5,4 10.5,6 8,8 5.5,6" />
+	<polygon class="bright" points="5.5,0 8,2 10.5,0 10.5,2 8,4 5.5,2" />
+	<path class="dim" d="M11.5,1.42v1.28C11.8,3.06,12,3.5,12,4v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V4c0-0.5,0.2-0.94,0.5-1.29V1.42C3.61,1.94,3,2.9,3,4v6c0,2.76,2.24,5,5,5s5-2.24,5-5V4C13,2.9,12.39,1.94,11.5,1.42z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-16px-two-tone/mouse-hint-scroll-up.svg b/frontend/assets/icon-16px-two-tone/mouse-hint-scroll-up.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1f9286b431801f90c1d28e319217910fb783bd2f
--- /dev/null
+++ b/frontend/assets/icon-16px-two-tone/mouse-hint-scroll-up.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+	<polygon class="bright" points="10.5,4 8,2 5.5,4 5.5,2 8,0 10.5,2" />
+	<polygon class="bright" points="10.5,8 8,6 5.5,8 5.5,6 8,4 10.5,6" />
+	<path class="dim" d="M11.5,1.42v1.28C11.8,3.06,12,3.5,12,4v6c0,2.21-1.79,4-4,4s-4-1.79-4-4V4c0-0.5,0.2-0.94,0.5-1.29V1.42C3.61,1.94,3,2.9,3,4v6c0,2.76,2.24,5,5,5s5-2.24,5-5V4C13,2.9,12.39,1.94,11.5,1.42z" />
+</svg>
\ No newline at end of file
diff --git a/frontend/assets/icon-24px-two-tone/general-artboard-tool.svg b/frontend/assets/icon-24px-two-tone/general-artboard-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..22b2e3f77ad7ee4e8c578ab2ddf62a4aa4e4c63d
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/general-artboard-tool.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M20,4H7v2h11v18h2V4z" />
+	<path d="M6,18V0H4v20h13v-2H6z" />
+	<rect x="21" y="18" width="3" height="2" />
+	<rect x="0" y="4" width="3" height="2" />
+	<path class="color-general" d="M21,5l3-3l-1-1l-2,2V5z" />
+	<path class="color-general" d="M17,7L7,17h2l8-8V7z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/general-eyedropper-tool.svg b/frontend/assets/icon-24px-two-tone/general-eyedropper-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9202b219f47755fcf793cf8a36d8ae59142b6921
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/general-eyedropper-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path class="color-general" d="M19.78,7.76l2.49-2.49c0.96-0.96,0.98-2.52,0.04-3.5l0,0c-0.97-1.01-2.58-1.03-3.57-0.04l-2.49,2.49l-1.06-1.06c-0.39-0.39-1.02-0.39-1.41,0l-1.46,1.46l7.07,7.07l1.46-1.46c0.39-0.39,0.39-1.02,0-1.41L19.78,7.76z" />
+	<path d="M15.63,9.93L5.9,19.65c-0.12,0.08-0.59,0.15-0.9,0.2c-0.32,0.05-0.68,0.1-1.05,0.2c0.09-0.38,0.15-0.73,0.2-1.05c0.05-0.31,0.12-0.78,0.18-0.88l9.74-9.74l-0.99-0.99c0,0-8.88,8.88-9.74,9.74c-0.86,0.86-0.24,2.89-1.66,4.31l0.88,0.88c1.41-1.41,3.45-0.8,4.31-1.66s9.74-9.74,9.74-9.74L15.63,9.93z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/general-fill-tool.svg b/frontend/assets/icon-24px-two-tone/general-fill-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6e0206ae2594079337f7a7e2cb36c311c2512541
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/general-fill-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M17.32,6.6c-1.72-1.69-3.77-3.01-6.01-3.89l-1.2,1.2C7.52,0.35,6.7-0.07,5.93,0.37c-0.45,0.26-1.2,0.69,1.11,6.62L0,14.02c0.88,2.24,2.2,4.29,3.89,6.01c1.72,1.69,3.77,3.01,6.01,3.89l11.31-11.31h0C20.33,10.37,19.01,8.32,17.32,6.6z M7.08,2.49c0.42,0.48,1.05,1.25,1.95,2.5L8.21,5.81C7.7,4.47,7.3,3.31,7.08,2.49z M9.55,22.15c-1.7-0.79-3.26-1.86-4.6-3.17c-1.31-1.35-2.38-2.9-3.17-4.61l5.86-5.86c0.45,1.08,0.97,2.32,1.6,3.72c-0.26,0.31-0.42,0.69-0.42,1.13c0,0.97,0.78,1.75,1.75,1.75s1.75-0.78,1.75-1.75c0-0.95-0.76-1.72-1.71-1.75c-0.63-1.44-1.25-2.91-1.8-4.27l2.05-2.05c0.87,1.65,1.98,3.16,3.29,4.49c1.33,1.31,2.84,2.42,4.49,3.29L9.55,22.15z M15.2,8.72c-1.34-1.37-2.46-2.95-3.3-4.67c1.74,0.81,3.34,1.92,4.72,3.26c1.34,1.38,2.45,2.97,3.26,4.71C18.15,11.18,16.57,10.07,15.2,8.72z" />
+	<path class="color-general" d="M23.18,17.45c-0.32-0.82-0.82-2.09-1.47-3.32c-1.21,1.18-2.28,2.43-3.06,3.58C15.01,23.04,19.44,24,20.52,24S25.73,23.98,23.18,17.45z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/general-gradient-tool.svg b/frontend/assets/icon-24px-two-tone/general-gradient-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f303752e74c994892afd7c280c321365412681d1
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/general-gradient-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path class="color-general" d="M13.6,14c0-0.77,0.63-1.4,1.4-1.4c0.75-0.02,1.38,0.58,1.4,1.33c0,0.02,0,0.04,0,0.07c0,0.77-0.63,1.4-1.4,1.4S13.6,14.77,13.6,14z M15,11.4c0.77,0,1.4-0.63,1.4-1.4c0-0.02,0-0.04,0-0.07C16.38,9.18,15.75,8.58,15,8.6c-0.77,0-1.4,0.63-1.4,1.4S14.23,11.4,15,11.4z M20,18c0-0.55-0.45-1-1-1c-0.54,0.04-0.96,0.46-1,1c0,0.55,0.45,1,1,1C19.54,18.96,19.96,18.54,20,18z M16.4,18c0-0.77-0.63-1.4-1.4-1.4s-1.4,0.63-1.4,1.4c0.03,0.37,0.17,0.72,0.4,1h2C16.23,18.72,16.37,18.37,16.4,18z M12.7,18c0-0.99-0.8-1.8-1.79-1.8c0,0-0.01,0-0.01,0c-0.94,0-1.71,0.77-1.7,1.72c0,0.03,0,0.05,0,0.08c-0.01,0.36,0.1,0.71,0.3,1h2.9C12.6,18.71,12.71,18.36,12.7,18z M11,11.8c0.99,0,1.8-0.81,1.8-1.8c0,0,0-0.01,0-0.01C12.8,9,11.99,8.2,11,8.2c-0.99,0-1.8,0.81-1.8,1.8S10.01,11.8,11,11.8z M11,15.8c0.99,0,1.8-0.81,1.8-1.8c0,0,0-0.01,0-0.01c0-0.99-0.81-1.79-1.8-1.79c-0.99,0-1.8,0.81-1.8,1.8S10.01,15.8,11,15.8z M19,11c0.55,0,1-0.45,1-1s-0.45-1-1-1s-1,0.45-1,1S18.45,11,19,11z M9.2,6c0,0.99,0.8,1.8,1.8,1.8c0.99,0,1.8-0.8,1.8-1.8c0,0,0,0,0,0c0.01-0.36-0.1-0.71-0.3-1h-3C9.34,5.31,9.24,5.65,9.2,6z M3,5h5.7C8.9,5.22,9.01,5.5,9,5.8C9.11,6.9,8.3,7.89,7.2,8C8.15,8.1,8.9,8.85,9,9.8c0.11,1.1-0.7,2.09-1.8,2.2c0.95,0.1,1.7,0.85,1.8,1.8c0.11,1.1-0.7,2.09-1.8,2.2c0.97,0.07,1.73,0.83,1.8,1.8c0,0.42-0.11,0.83-0.3,1.2H3V5z M4,8c0.52,0.28,0.91,0.75,1.1,1.3C5.41,8.61,6.05,8.12,6.8,8C6.05,7.88,5.41,7.39,5.1,6.7C4.91,7.25,4.52,7.72,4,8z M4,12c0.52,0.28,0.91,0.75,1.1,1.3c0.29-0.71,0.94-1.21,1.7-1.3c-0.76-0.09-1.41-0.59-1.7-1.3C4.91,11.25,4.52,11.72,4,12z M4,16c0.49,0.31,0.88,0.76,1.1,1.3c0.29-0.71,0.94-1.21,1.7-1.3c-0.76-0.09-1.41-0.59-1.7-1.3C4.91,15.25,4.52,15.72,4,16z M13.6,6c0,0.77,0.63,1.4,1.4,1.4s1.4-0.63,1.4-1.4c0,0,0,0,0,0c-0.03-0.37-0.17-0.72-0.4-1h-2C13.77,5.28,13.63,5.63,13.6,6z M18,6c0,0.55,0.45,1,1,1c0.54-0.04,0.96-0.46,1-1c0-0.55-0.45-1-1-1C18.46,5.04,18.04,5.46,18,6z M19,15c0.55,0,1-0.45,1-1s-0.45-1-1-1s-1,0.45-1,1S18.45,15,19,15z" />
+	<path d="M20.5,20h-17C2.67,20,2,19.33,2,18.5v-13C2,4.67,2.67,4,3.5,4h17C21.33,4,22,4.67,22,5.5v13C22,19.33,21.33,20,20.5,20z M3.5,5C3.22,5,3,5.22,3,5.5v13C3,18.78,3.22,19,3.5,19h17c0.28,0,0.5-0.22,0.5-0.5v-13C21,5.22,20.78,5,20.5,5H3.5z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/general-navigate-tool.svg b/frontend/assets/icon-24px-two-tone/general-navigate-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ebd18db1173d0351f0b2fec3bbe2b9d2f842fca4
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/general-navigate-tool.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M23.56,21.45l-6.68-6.69C15.64,16.7,13.47,18,11,18c-3.86,0-7-3.14-7-7c0-2.56,1.39-4.8,3.45-6.02L7.36,4.94L5.25,4.08C3.26,5.73,2,8.22,2,11c0,4.97,4.03,9,9,9c1.95,0,3.74-0.63,5.21-1.68l5.23,5.24c0.58,0.59,1.53,0.59,2.12,0C24.15,22.98,24.15,22.03,23.56,21.45z" />
+	<path class="color-general" d="M19.92,9.97c-0.23-2.01-1.12-3.89-2.56-5.33c-1.44-1.44-3.32-2.33-5.33-2.56l-0.2-1.48L7.89,3.65l4.61,1.89l-0.19-1.4c1.37,0.26,2.64,0.91,3.64,1.91c1,1,1.66,2.27,1.91,3.64l-1.4-0.19l1.89,4.61l3.05-3.94L19.92,9.97z" />
+	<path d="M7.82,14.88c-0.18,0-0.36-0.07-0.5-0.21C6.34,13.69,5.8,12.39,5.8,11s0.54-2.69,1.52-3.68c0.27-0.27,0.72-0.27,0.99,0s0.27,0.72,0,0.99C7.6,9.03,7.2,9.98,7.2,11s0.4,1.97,1.11,2.69c0.27,0.27,0.27,0.72,0,0.99C8.18,14.81,8,14.88,7.82,14.88z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/general-select-tool.svg b/frontend/assets/icon-24px-two-tone/general-select-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7f0d12d6b0b12099643103a3b482aacc2b3d4fc2
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/general-select-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<polygon class="color-general" points="23,18.5 21,16.5 21,18 18,18 18,15 19.5,15 17.5,13 15.5,15 17,15 17,18 14,18 14,16.5 12,18.5 14,20.5 14,19 17,19 17,22 15.5,22 17.5,24 19.5,22 18,22 18,19 21,19 21,20.5" />
+	<path d="M7,4.83L12.17,10H10H9.17l-0.59,0.59L7,12.17V4.83 M5,0v17l5-5h7L5,0L5,0z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/raster-brush-tool.svg b/frontend/assets/icon-24px-two-tone/raster-brush-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..20c92c1c5014afb875c5ef14bf5a6437990df37d
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/raster-brush-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path class="color-raster" d="M12.96,17.06c-0.18-1.51-1.66-3.27-4-3.14c-1.68,0.1-3.12,1.49-4.04,4.2c-0.95,2.78-3.62,4-3.62,4c2.86,0.97,5.92,1.31,8.61,0.11C12.32,21.15,13.19,19,12.96,17.06z" />
+	<path d="M22.49,1.1C21.54,0.35,18,3.81,14.1,8.17c-1.38,1.54-2.74,3.16-3.57,4.59c0.62,0.07,1.3,0.31,1.92,0.77c0.78,0.59,1.23,1.29,1.42,1.9c1.29-1.18,2.4-2.69,3.68-4.53C20.94,6.02,23.45,1.86,22.49,1.1z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/raster-clone-tool.svg b/frontend/assets/icon-24px-two-tone/raster-clone-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..56a10bf254e3229767d21024e6ba2f7e6fc714d9
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/raster-clone-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<rect x="4" y="20" class="color-raster" width="16" height="2" />
+	<path d="M19.01,15.52c-1.29-0.33-2.51-0.57-3.93-0.93c-0.62-0.15-1.51-0.55-1.58-1.59v-2.7c0.12-0.4,0.42-0.7,0.56-0.83C15.22,8.71,16,7.45,16,6c0-2.21-1.79-4-4-4S8,3.79,8,6c0,1.4,0.72,2.63,1.81,3.34l-0.01,0c0,0,0.69,0.52,0.69,1.22V13c-0.06,1.04-0.95,1.43-1.58,1.59c-1.42,0.35-2.64,0.6-3.93,0.93C3.94,15.78,3,16.36,3,17v2h18v-2C21,16.36,20.06,15.78,19.01,15.52z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/raster-detail-tool.svg b/frontend/assets/icon-24px-two-tone/raster-detail-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ad5062937522498642c4563b746732aa0372d802
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/raster-detail-tool.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path class="color-raster" d="M19.47,14.93c0.06,0.95-0.01,1.86-0.21,2.7l1.48,2.97h-3c-0.48,0.55-1.06,1.02-1.72,1.4H23L19.47,14.93z" />
+	<path class="color-raster" d="M6.27,20.6h-3l1.48-2.97c-0.21-0.84-0.27-1.75-0.21-2.7L1,22h6.99C7.33,21.62,6.75,21.15,6.27,20.6z" />
+	<path d="M16.4,9.91C14.53,6.79,13,3.97,12,2.07c-1,1.9-2.53,4.72-4.4,7.84c-1.88,3.15-2.23,6.57-0.89,8.92C7.72,20.62,9.6,21.6,12,21.6s4.28-0.98,5.29-2.77C18.62,16.48,18.28,13.06,16.4,9.91z M9.4,11.5c0.6,6.5,3.6,8,3.6,8C5,20,9.4,11.5,9.4,11.5z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/raster-heal-tool.svg b/frontend/assets/icon-24px-two-tone/raster-heal-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..318927169f5ac6013bf4e9db6650e925cb17591c
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/raster-heal-tool.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M12,6l-6,6l6,6l6-6L12,6z M9,13c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1C10,12.55,9.55,13,9,13z M12,16c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1C13,15.55,12.55,16,12,16z M12,13c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1C13,12.55,12.55,13,12,13z M12,10c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1C13,9.55,12.55,10,12,10z M15,13c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1s1,0.45,1,1C16,12.55,15.55,13,15,13z" />
+	<path class="color-raster" d="M1,17c0,0-1,3,1,5s5,1,5,1l4-4l-6-6L1,17z" />
+	<path class="color-raster" d="M22,2c-2-2-5-1-5-1l-4,4l6,6l4-4C23,7,24,4,22,2z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/raster-imaginate-tool.svg b/frontend/assets/icon-24px-two-tone/raster-imaginate-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..659de1627e279374ce94d87d9920a0f3d6518556
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/raster-imaginate-tool.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M10.1,22.1c0.5,0.6,1.3,0.9,1.9,0.9c1,0,2.3-0.7,2.4-2L10.1,22.1z" />
+	<path d="M9.5,19.4c0,0.4,0,0.9,0.1,1.5c0,0,0,0.1,0,0.1l4.8-1.2c0-0.7,0.1-1.2,0.2-1.6L9.5,19.4z" />
+	<path class="color-raster" d="M12,4c-3.3,0-6,2.8-6,6.1c0,0,0,0,0,0c0,3.6,2.2,4.5,3,6.6c0.2,0.5,0.3,1,0.4,1.5l5.5-1.4c0,0,0-0.1,0-0.1c0.8-2.1,3-3,3-6.6C18,6.8,15.3,4,12,4C12,4,12,4,12,4z M12.5,15.8c-0.4,0.6-1.1,0.9-1.7,0.7c-0.4-0.4-0.4-1-0.1-1.5c0.3-0.5,1.3-1.2,1.7-0.9C12.8,14.5,12.9,15.3,12.5,15.8z M12.3,12.7c-0.5,0.2-1,0.3-1.5,0.2c-0.2-1.9-0.3-3.8-0.2-5.7c0,0,1.7-2.2,3.5-1.4C14.2,5.8,12.8,11.8,12.3,12.7L12.3,12.7z" />
+	<path d="M3.8,12.7l-1.4,0.6c-0.4,0.2-0.6,0.6-0.4,1c0.1,0.3,0.4,0.5,0.7,0.5c0.1,0,0.2,0,0.3-0.1l1.4-0.6c0.4-0.2,0.6-0.6,0.4-1S4.2,12.5,3.8,12.7z" />
+	<path d="M4.3,6.1L3,5.5c-0.4-0.2-0.8,0-1,0.4c-0.2,0.4,0,0.8,0.4,1l1.4,0.6c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.2,0.7-0.5C4.9,6.7,4.7,6.3,4.3,6.1z" />
+	<path d="M19.9,7.6c0.1,0,0.2,0,0.3-0.1l1.4-0.6c0.4-0.2,0.6-0.6,0.4-1c-0.2-0.4-0.6-0.6-1-0.4l-1.4,0.6c-0.4,0.2-0.6,0.6-0.4,1C19.4,7.4,19.6,7.6,19.9,7.6z" />
+	<path d="M21.6,13.3l-1.4-0.6c-0.4-0.2-0.8,0-1,0.4c-0.2,0.4,0,0.8,0.4,1l1.4,0.6c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.2,0.7-0.5C22.2,13.9,22,13.4,21.6,13.3z" />
+	<path d="M8.8,0.5c-0.2-0.4-0.6-0.6-1-0.4c-0.4,0.2-0.6,0.6-0.4,1L8,2.4c0.1,0.3,0.4,0.5,0.7,0.5c0.1,0,0.2,0,0.3-0.1c0.4-0.2,0.6-0.6,0.4-1L8.8,0.5z" />
+	<path d="M16.2,0.1c-0.4-0.2-0.8,0-1,0.4l-0.6,1.4c-0.2,0.4,0,0.8,0.4,1c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.6-0.2,0.7-0.5l0.6-1.4C16.7,0.7,16.5,0.2,16.2,0.1z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/raster-patch-tool.svg b/frontend/assets/icon-24px-two-tone/raster-patch-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c3edd00b0eef75458939b7197daf675f21c8b614
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/raster-patch-tool.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path class="color-raster" d="M22.45,8.23l-3.38,1.23c-0.36,0.13-0.55,0.54-0.42,0.9c0.1,0.28,0.37,0.46,0.66,0.4
+c0.08,0,0.16-0.01,0.24-0.04l3.38-1.23c0.36-0.13,0.55-0.54,0.42-0.9c-0.1-0.28-0.37-0.46-0.66-0.46C22.61,8.18,22.53,8.2,22.45,8.23z" />
+	<path class="color-raster" d="M19.55,16.77l3.38-1.23c0.36-0.13,0.55-0.54,0.42-0.9c-0.1-0.28-0.37-0.46-0.66-0.46c-0.08,0-0.16,0.01-0.24,0.04l-3.38,1.23c-0.36,0.13-0.55,0.54-0.42,0.9c0.1,0.28,0.37,0.46,0.66,0.46C19.39,16.82,19.47,16.8,19.55,16.77z" />
+	<path class="color-raster" d="M15.77,21.45l-1.23-3.38c-0.1-0.28-0.37-0.46-0.66-0.46c-0.08,0-0.16,0.01-0.24,0.04c-0.36,0.13-0.55,0.54-0.42,0.9l1.23,3.38c0.1,0.28,0.37,0.46,0.66,0.46c0.08,0,0.16-0.01,0.24-0.04C15.72,22.22,15.91,21.81,15.77,21.45z" />
+	<path class="color-raster" d="M14.64,1.65c-0.36,0.13-0.55,0.54-0.42,0.9l1.23,3.38c0.1,0.28,0.37,0.46,0.66,0.46c0.08,0,0.16-0.01,0.24-0.04c0.36-0.13,0.55-0.54,0.42-0.9l-1.23-3.38c-0.1-0.28-0.37-0.46-0.66-0.46C14.8,1.61,14.72,1.62,14.64,1.65z" />
+	<path class="color-raster" d="M9.77,21.45l-1.23-3.38c-0.1-0.28-0.37-0.46-0.66-0.46c-0.08,0-0.16,0.01-0.24,0.04c-0.36,0.13-0.55,0.54-0.42,0.9l1.23,3.38c0.1,0.28,0.37,0.46,0.66,0.46c0.08,0,0.16-0.01,0.24-0.04C9.72,22.22,9.91,21.81,9.77,21.45z" />
+	<path class="color-raster" d="M1.55,15.77l3.38-1.23c0.36-0.13,0.55-0.54,0.42-0.9c-0.1-0.28-0.37-0.46-0.66-0.46c-0.08,0-0.16,0.01-0.24,0.04l-3.38,1.23c-0.36,0.13-0.55,0.54-0.42,0.9c0.1,0.28,0.37,0.46,0.66,0.46C1.39,15.82,1.47,15.8,1.55,15.77z" />
+	<path class="color-raster" d="M8.64,1.65c-0.36,0.13-0.55,0.54-0.42,0.9l1.23,3.38c0.1,0.28,0.37,0.46,0.66,0.46c0.08,0,0.16-0.01,0.24-0.04c0.36-0.13,0.55-0.54,0.42-0.9L9.54,2.07c-0.1-0.28-0.37-0.46-0.66-0.46C8.8,1.61,8.72,1.62,8.64,1.65z" />
+	<path class="color-raster" d="M4.45,7.23L1.07,8.46c-0.36,0.13-0.55,0.54-0.42,0.9c0.1,0.28,0.37,0.46,0.66,0.46c0.08,0,0.16-0.01,0.24-0.04l3.38-1.23c0.36-0.13,0.55-0.54,0.42-0.9c-0.1-0.28-0.37-0.46-0.66-0.46C4.61,7.18,4.53,7.2,4.45,7.23z" />
+	<path d="M20.03,18.09c-0.23,0.08-0.47,0.13-0.72,0.13c-0.88,0-1.67-0.56-1.98-1.38c-0.19-0.53-0.17-1.1,0.07-1.61c0.24-0.51,0.66-0.89,1.18-1.09L21,13.27v-1.53l-0.97,0.35c-0.23,0.08-0.47,0.13-0.72,0.13c-0.88,0-1.67-0.56-1.98-1.38c-0.4-1.09,0.17-2.3,1.26-2.69L21,7.27V6c0-1.1-0.9-2-2-2h-1.27l0.35,0.97c0.4,1.09-0.17,2.3-1.26,2.69c-0.23,0.08-0.47,0.13-0.72,0.13c-0.88,0-1.67-0.56-1.98-1.38L13.27,4h-1.53l0.35,0.97c0.4,1.09-0.17,2.3-1.26,2.69c-0.23,0.08-0.47,0.13-0.72,0.13c-0.88,0-1.67-0.56-1.98-1.38L7.27,4H5C3.9,4,3,4.9,3,6v0.27l0.97-0.35C4.2,5.83,4.44,5.78,4.69,5.78c0.88,0,1.67,0.56,1.98,1.38c0.19,0.53,0.17,1.1-0.07,1.61C6.36,9.28,5.94,9.67,5.41,9.86L3,10.73v1.53l0.97-0.35c0.23-0.08,0.47-0.13,0.72-0.13c0.88,0,1.67,0.56,1.98,1.38c0.19,0.53,0.17,1.1-0.07,1.61c-0.24,0.51-0.66,0.89-1.18,1.09L3,16.73V18c0,1.1,0.9,2,2,2h1.27l-0.35-0.97c-0.4-1.09,0.17-2.3,1.26-2.69c0.23-0.08,0.47-0.13,0.72-0.13c0.88,0,1.67,0.56,1.98,1.38L10.73,20h1.53l-0.35-0.97c-0.4-1.09,0.17-2.3,1.26-2.69c0.23-0.08,0.47-0.13,0.72-0.13c0.88,0,1.67,0.56,1.98,1.38L16.73,20H19c1.1,0,2-0.9,2-2v-0.27L20.03,18.09z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/raster-relight-tool.svg b/frontend/assets/icon-24px-two-tone/raster-relight-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..93872ecd4c484d7f312478abf7f7869a9c4df721
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/raster-relight-tool.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path class="color-raster" d="M13,11c-1.5-1.5-3.83-2.17-4.5-1.5l-2.48,2.48c1.16,0.27,2.49,1.08,3.71,2.29	c1.26,1.26,2.04,2.56,2.29,3.71l2.48-2.48C15.17,14.83,14.5,12.5,13,11z" />
+	<path class="color-raster" d="M22.5,1.5c-1-1-2.5-1.5-3-1l-8,8c1.33,0,4,2.67,4,4l8-8C24,4,23.5,2.5,22.5,1.5z M17.77,7.23l-1.55,1.55c-0.13,0.13-0.33,0.13-0.45,0l-0.55-0.55c-0.13-0.13-0.13-0.33,0-0.45l1.55-1.55c0.13-0.13,0.33-0.13,0.45,0l0.55,0.55C17.9,6.9,17.9,7.1,17.77,7.23z" />
+	<path d="M8.74,15.26c-1.67-1.67-3.55-2.45-4.29-1.71c-0.73,0.73,0.04,2.61,1.71,4.29	c1.67,1.67,3.55,2.45,4.29,1.71C11.19,18.81,10.41,16.93,8.74,15.26z" />
+	<path d="M2.5,22.25c-0.19,0-0.38-0.07-0.53-0.22c-0.29-0.29-0.29-0.77,0-1.06l2-2c0.29-0.29,0.77-0.29,1.06,0s0.29,0.77,0,1.06l-2,2C2.88,22.18,2.69,22.25,2.5,22.25z" />
+	<path d="M7,23.75c-0.06,0-0.12-0.01-0.18-0.02c-0.4-0.1-0.65-0.51-0.55-0.91l0.5-2c0.1-0.4,0.5-0.65,0.91-0.55c0.4,0.1,0.65,0.51,0.55,0.91l-0.5,2C7.64,23.52,7.34,23.75,7,23.75z" />
+	<path d="M1,17.75c-0.34,0-0.64-0.23-0.73-0.57c-0.1-0.4,0.14-0.81,0.55-0.91l2-0.5c0.4-0.1,0.81,0.14,0.91,0.55c0.1,0.4-0.14,0.81-0.55,0.91l-2,0.5C1.12,17.74,1.06,17.75,1,17.75z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-ellipse-tool.svg b/frontend/assets/icon-24px-two-tone/vector-ellipse-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7c03d090113b1540a42482048b658d499ce74642
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-ellipse-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M12,6c4.41,0,8,2.69,8,6s-3.59,6-8,6s-8-2.69-8-6S7.59,6,12,6 M12,4C6.48,4,2,7.58,2,12s4.48,8,10,8s10-3.58,10-8S17.52,4,12,4L12,4z" />
+	<ellipse class="color-vector" cx="12" cy="12" rx="6.5" ry="4.5" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-freehand-tool.svg b/frontend/assets/icon-24px-two-tone/vector-freehand-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..df67abc66695178f1d838440eba3eecaf9712888
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-freehand-tool.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M21.98,15.79c-0.12-0.54-0.65-0.89-1.19-0.77c-0.08,0.02-2.09,0.46-4.39,2.18c-0.77,0.57-1.4,1.09-1.99,1.57c-1.21,0.99-2.17,1.78-3.69,2.47c-0.59,0.27-1.84,0.72-3.57,0.75l-3.61,1.55C4.68,23.84,5.81,24,6.94,24c0.02,0,0.05,0,0.07,0c2.2-0.01,3.8-0.59,4.55-0.94c1.75-0.8,2.85-1.7,4.13-2.75c0.56-0.46,1.17-0.96,1.91-1.51c1.93-1.44,3.6-1.82,3.61-1.82C21.75,16.86,22.09,16.33,21.98,15.79z" />
+	<path class="color-vector" d="M18.5,5.5c-1-1-2.5-1.5-3-1L5,15c0.39,0.24,1.23,0.1,1.59,0.38c0.36,0.28,0.3,1.06,0.63,1.4c0.33,0.33,1.11,0.28,1.4,0.63C8.9,17.77,8.76,18.61,9,19L19.5,8.5C20,8,19.5,6.5,18.5,5.5z M16.5,7.5l-7,7c-0.14,0.14-0.32,0.21-0.5,0.21s-0.36-0.07-0.5-0.21c-0.28-0.28-0.28-0.72,0-1l7-7c0.28-0.28,0.72-0.28,1,0C16.78,6.78,16.78,7.22,16.5,7.5z" />
+	<path d="M7.35,18.47l-2.39,1.71c-0.1-0.27-0.22-0.51-0.42-0.71c-0.2-0.2-0.44-0.32-0.71-0.42l1.71-2.39C5.14,16.61,4.5,16.42,4,16l-3,7l7-3C7.58,19.5,7.39,18.86,7.35,18.47z" />
+	<path d="M21.99,2.01C21,1,19.5,0.5,19,1l-2,2c2,0,4,2,4,4l2-2C23.5,4.5,22.98,3.02,21.99,2.01z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-line-tool.svg b/frontend/assets/icon-24px-two-tone/vector-line-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b16d130e3d7dd07093a190cc902a072697a94c32
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-line-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path class="color-vector" d="M5.83,21.71h1.66c0.75,0,1.47-0.3,2-0.83l11.4-11.4c0.53-0.53,0.83-1.25,0.83-2V5.83L5.83,21.71z" />
+	<polygon points="20.29,2.29 2.29,20.29 3.71,21.71 21.71,3.71" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-path-tool.svg b/frontend/assets/icon-24px-two-tone/vector-path-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..08d38ca2ad0a0f36af393145c0055ff4c994d855
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-path-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<polygon points="5,0 5,17 10,12 17,12" />
+	<path class="color-vector" d="M20.77,14.36c-0.35-0.42-0.98-0.48-1.41-0.13c-1.04,0.87-2.19,1.6-3.36,2.24V16h-6v2.9c-2.88,0.84-5.07,1.1-5.11,1.11c-0.55,0.06-0.94,0.56-0.88,1.11C4.06,21.62,4.5,22,5,22c0.04,0,0.07,0,0.11-0.01c0.17-0.02,2.18-0.26,4.89-1.01V22h6v-3.28c1.6-0.79,3.2-1.75,4.64-2.95C21.06,15.42,21.12,14.78,20.77,14.36z M14,20h-2v-2h2V20z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-pen-tool.svg b/frontend/assets/icon-24px-two-tone/vector-pen-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..718e3cf5cd5ee9735ac183c610159edaaf574b35
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-pen-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path class="color-vector" d="M22.47,4.86C21.91,3.14,19.23,1.15,17.26,1c-3.4,0.35-6.56,2.34-6.32,4.93c0.14-0.29,0.31-0.57,0.53-0.84c0.17-0.21,0.39-0.37,0.63-0.46c0.61-0.23,1.23-0.35,1.86-0.35c1.61,0,3.22,0.8,4.43,2.2c1.07,1.24,1.62,2.72,1.45,3.87c-0.04,0.26-0.14,0.5-0.3,0.7c-0.3,0.38-0.68,0.68-1.11,0.91C22.67,12.01,22.59,6.63,22.47,4.86z" />
+	<path d="M12.63,6.03c-3.51,2.79-7.69,5.59-7.81,6.45C4.48,15,1,21,1,22l6.49-7.21c-0.21-0.55-0.08-1.24,0.38-1.77c0.63-0.73,1.65-0.88,2.28-0.34c0.63,0.54,0.62,1.58-0.02,2.3c-0.41,0.47-0.98,0.7-1.51,0.65L2,23c1,0,7.12-4.65,10.48-4.78c0.33-0.01,3.71-4.64,5.87-8.09C18.59,8.47,15.81,4.74,12.63,6.03z" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-polygon-tool.svg b/frontend/assets/icon-24px-two-tone/vector-polygon-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..93d9cb077cde52089aaf726b6462613eaff02f73
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-polygon-tool.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M12,4.47l7.65,5.55L16.73,19H7.27l-2.92-8.98L12,4.47 M12,2L2,9.26L5.82,21h12.36L22,9.26L12,2L12,2z" />
+	<polygon class="color-vector" points="12,6.32 6.12,10.6 8.36,17.5 15.64,17.5 17.88,10.6" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-rectangle-tool.svg b/frontend/assets/icon-24px-two-tone/vector-rectangle-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2c7055cca79dd2049775934dcee3a290a3f02510
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-rectangle-tool.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M20,6v12H4V6H20 M22,4H2v16h20V4L22,4z" />
+	<!-- M0,0L24,24 is drawn invisibly and used to defeat Firefox's attempts to round the rectangle to the integer grid -->
+	<path class="color-vector" d="M0,0L24,24 M5.5,7.5v9h13v-9h-13" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-spline-tool.svg b/frontend/assets/icon-24px-two-tone/vector-spline-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..359fd35e59c4605a09fb4d07bc0e7e734f8284bd
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-spline-tool.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M12.94,5.12c1.37-0.78,3.61-1.54,7.22-2.13l-0.32-1.97c-3.88,0.63-6.69,1.54-8.5,2.76C12.01,4.05,12.56,4.52,12.94,5.12z" />
+	<path d="M11.06,18.88c-1.37,0.78-3.61,1.54-7.22,2.13l0.32,1.97c3.88-0.63,6.69-1.54,8.5-2.76C12,19.95,11.44,19.48,11.06,18.88z" />
+	<path d="M11.8,9.99c-0.53,0.32-1.14,0.51-1.8,0.51c-0.08,0-0.16-0.02-0.24-0.02c0.42,0.74,0.94,1.45,1.44,2.12c0.36,0.48,0.7,0.95,1,1.41c0.53-0.32,1.14-0.51,1.8-0.51c0.08,0,0.16,0.02,0.24,0.02c-0.42-0.74-0.94-1.45-1.44-2.12C12.44,10.92,12.1,10.45,11.8,9.99z" />
+	<circle class="color-vector" cx="14" cy="17" r="2" />
+	<circle class="color-vector" cx="10" cy="7" r="2" />
+</svg>
diff --git a/frontend/assets/icon-24px-two-tone/vector-text-tool.svg b/frontend/assets/icon-24px-two-tone/vector-text-tool.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2e300368cbea233a5d5df591a01474a4e46b40e4
--- /dev/null
+++ b/frontend/assets/icon-24px-two-tone/vector-text-tool.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+	<path d="M4,3v5h1c0,0,0-3,4-3h2v13.5c0,1.1,0,2-3,2V22h9v-1.5c-3,0-3-0.9-3-2V5h2c4,0,4,3,4,3h1V3H4z" />
+	<path class="color-vector" d="M5,20H1v2h5v-1C6,20.45,5.55,20,5,20z" />
+	<path class="color-vector" d="M20,20c-0.55,0-1,0.45-1,1v1h5v-2H20z" />
+</svg>
diff --git a/frontend/assets/images/demo-artwork/thumbnail-changing-seasons.png b/frontend/assets/images/demo-artwork/thumbnail-changing-seasons.png
new file mode 100644
index 0000000000000000000000000000000000000000..1787952286710b08bbc548462568f0681e4295cc
Binary files /dev/null and b/frontend/assets/images/demo-artwork/thumbnail-changing-seasons.png differ
diff --git a/frontend/assets/images/demo-artwork/thumbnail-isometric-fountain.png b/frontend/assets/images/demo-artwork/thumbnail-isometric-fountain.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ebfc5170f8f0a609646ce93b8c2145411bc7282
Binary files /dev/null and b/frontend/assets/images/demo-artwork/thumbnail-isometric-fountain.png differ
diff --git a/frontend/assets/images/demo-artwork/thumbnail-painted-dreams.png b/frontend/assets/images/demo-artwork/thumbnail-painted-dreams.png
new file mode 100644
index 0000000000000000000000000000000000000000..61aa80af8a805fbcf9d86c8d27a9de9aa0eabb2a
Binary files /dev/null and b/frontend/assets/images/demo-artwork/thumbnail-painted-dreams.png differ
diff --git a/frontend/assets/images/demo-artwork/thumbnail-parametric-dunescape.png b/frontend/assets/images/demo-artwork/thumbnail-parametric-dunescape.png
new file mode 100644
index 0000000000000000000000000000000000000000..34611e2b9d2e10ed25880feaa15bc4a578526874
Binary files /dev/null and b/frontend/assets/images/demo-artwork/thumbnail-parametric-dunescape.png differ
diff --git a/frontend/assets/images/demo-artwork/thumbnail-procedural-string-lights.png b/frontend/assets/images/demo-artwork/thumbnail-procedural-string-lights.png
new file mode 100644
index 0000000000000000000000000000000000000000..d216763722be094b5b092b83750e45d44352256e
Binary files /dev/null and b/frontend/assets/images/demo-artwork/thumbnail-procedural-string-lights.png differ
diff --git a/frontend/assets/images/demo-artwork/thumbnail-red-dress.png b/frontend/assets/images/demo-artwork/thumbnail-red-dress.png
new file mode 100644
index 0000000000000000000000000000000000000000..2defe39c04dd3fefc983c003a7b033bdd52da990
Binary files /dev/null and b/frontend/assets/images/demo-artwork/thumbnail-red-dress.png differ
diff --git a/frontend/assets/images/demo-artwork/thumbnail-valley-of-spires.png b/frontend/assets/images/demo-artwork/thumbnail-valley-of-spires.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a53c449b909adc1da362729e66ea2fa7b5423d8
Binary files /dev/null and b/frontend/assets/images/demo-artwork/thumbnail-valley-of-spires.png differ
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..1e834df4d487c7043273f422e60ed0cfd23c3bed
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Graphite</title>
+		<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
+		<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
+		<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
+		<link rel="manifest" href="site.webmanifest" />
+		<link rel="mask-icon" href="safari-pinned-tab.svg" color="#473a3a" />
+		<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5" />
+		<meta name="apple-mobile-web-app-title" content="Graphite" />
+		<meta name="application-name" content="Graphite" />
+		<meta name="msapplication-TileColor" content="#ffffff" />
+		<meta name="theme-color" content="#ffffff" />
+		<meta name="color-scheme" content="dark only" />
+		<meta name="darkreader-lock" />
+		<!-- INDEX_HTML_HEAD_REPLACEMENT -->
+	</head>
+	<body>
+		<noscript>JavaScript is required</noscript>
+		<style>
+			body {
+				background: #222;
+				height: 100%;
+				margin: 0;
+			}
+
+			body::after {
+				content: "";
+				display: block;
+				position: absolute;
+				left: 50%;
+				top: 50%;
+				width: 60px;
+				height: 60px;
+				border-radius: 50%;
+				border: 4px solid #eee;
+				border-color: #eee transparent #eee transparent;
+				animation: spinning-loading-indicator 1s linear infinite;
+			}
+
+			@keyframes spinning-loading-indicator {
+				0% {
+					transform: translate(-30px, -30px) rotate(0deg);
+				}
+				100% {
+					transform: translate(-30px, -30px) rotate(360deg);
+				}
+			}
+		</style>
+		<script type="module" src="src/main.ts"></script>
+	</body>
+</html>
diff --git a/frontend/package-installer.js b/frontend/package-installer.js
new file mode 100644
index 0000000000000000000000000000000000000000..64970e38a697c21839a8d404e3eb66b0be9bebe5
--- /dev/null
+++ b/frontend/package-installer.js
@@ -0,0 +1,41 @@
+// This script automatically installs the npm packages listed in package-lock.json and runs before `npm start`.
+// It skips the installation if this has already run and neither package.json nor package-lock.json has been modified since.
+
+import { execSync } from "child_process";
+import { existsSync, statSync, writeFileSync } from "fs";
+
+const INSTALL_TIMESTAMP_FILE = "node_modules/.install-timestamp";
+
+// Checks if the install is needed by comparing modification times
+const isInstallNeeded = () => {
+	if (!existsSync(INSTALL_TIMESTAMP_FILE)) return true;
+
+	const timestamp = statSync(INSTALL_TIMESTAMP_FILE).mtime;
+	return ["package.json", "package-lock.json"].some((file) => {
+		return existsSync(file) && statSync(file).mtime > timestamp;
+	});
+};
+
+// Run `npm ci` if needed and update the install timestamp
+if (isInstallNeeded()) {
+	try {
+		// eslint-disable-next-line no-console
+		console.log("Installing npm packages...");
+
+		// Check if packages are up to date, doing so quickly by using `npm ci`, preferring local cached packages, and skipping the package audit and other checks
+		execSync("npm ci --prefer-offline --no-audit --no-fund", { stdio: "inherit" });
+
+		// Touch the install timestamp file
+		writeFileSync(INSTALL_TIMESTAMP_FILE, "");
+
+		// eslint-disable-next-line no-console
+		console.log("Finished installing npm packages.");
+	} catch (_) {
+		// eslint-disable-next-line no-console
+		console.error("Failed to install npm packages. Please run `npm install` from the `/frontend` directory.");
+		process.exit(1);
+	}
+} else {
+	// eslint-disable-next-line no-console
+	console.log("All npm packages are up-to-date.");
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..3d12766ca6f7c82f3979225dae6d04d3fef0ca8c
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,5742 @@
+{
+	"name": "graphite-web-frontend",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"name": "graphite-web-frontend",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@fontsource/inconsolata": "^5.2.5",
+				"@fontsource/source-sans-pro": "^5.2.5",
+				"class-transformer": "^0.5.1",
+				"idb-keyval": "^6.2.1",
+				"reflect-metadata": "^0.2.2"
+			},
+			"devDependencies": {
+				"@sveltejs/vite-plugin-svelte": "^3.1.2",
+				"@types/node": "^22.6.1",
+				"@typescript-eslint/eslint-plugin": "^8.7.0",
+				"@typescript-eslint/parser": "^8.7.0",
+				"buffer": "^6.0.3",
+				"concurrently": "^9.0.1",
+				"eslint-config-prettier": "^9.1.0",
+				"eslint-import-resolver-typescript": "^3.6.3",
+				"eslint-plugin-import": "^2.30.0",
+				"eslint-plugin-prettier": "^5.2.1",
+				"eslint-plugin-svelte": "^2.44.0",
+				"postcss": "^8.4.47",
+				"prettier": "^3.3.3",
+				"prettier-plugin-svelte": "^3.2.6",
+				"process": "^0.11.10",
+				"rollup-plugin-license": "^3.5.3",
+				"sass": "1.78.0",
+				"svelte": "^4.2.19",
+				"svelte-preprocess": "^6.0.2",
+				"ts-node": "^10.9.2",
+				"typescript": "^5.6.2",
+				"vite": "^5.4.14",
+				"vite-multiple-assets": "1.3.1"
+			}
+		},
+		"node_modules/@ampproject/remapping": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+			"integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@jridgewell/gen-mapping": "^0.3.5",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@cspotcode/source-map-support": {
+			"version": "0.8.1",
+			"resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+			"integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/trace-mapping": "0.3.9"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.9",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+			"integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.0.3",
+				"@jridgewell/sourcemap-codec": "^1.4.10"
+			}
+		},
+		"node_modules/@esbuild/aix-ppc64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+			"integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"aix"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-arm": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+			"integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+			"integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+			"integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/darwin-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+			"integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/darwin-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+			"integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+			"integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/freebsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+			"integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-arm": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+			"integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+			"integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-ia32": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+			"integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-loong64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+			"integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-mips64el": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+			"integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+			"cpu": [
+				"mips64el"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-ppc64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+			"integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-riscv64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+			"integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-s390x": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+			"integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+			"integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/netbsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+			"integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/openbsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+			"integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/sunos-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+			"integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+			"integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-ia32": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+			"integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+			"integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@eslint-community/eslint-utils": {
+			"version": "4.4.0",
+			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+			"integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"eslint-visitor-keys": "^3.3.0"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"peerDependencies": {
+				"eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+			}
+		},
+		"node_modules/@eslint-community/regexpp": {
+			"version": "4.11.1",
+			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.1.tgz",
+			"integrity": "sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+			}
+		},
+		"node_modules/@eslint/eslintrc": {
+			"version": "2.1.4",
+			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+			"integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"ajv": "^6.12.4",
+				"debug": "^4.3.2",
+				"espree": "^9.6.0",
+				"globals": "^13.19.0",
+				"ignore": "^5.2.0",
+				"import-fresh": "^3.2.1",
+				"js-yaml": "^4.1.0",
+				"minimatch": "^3.1.2",
+				"strip-json-comments": "^3.1.1"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/@eslint/eslintrc/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/@eslint/js": {
+			"version": "8.57.1",
+			"resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+			"integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			}
+		},
+		"node_modules/@fontsource/inconsolata": {
+			"version": "5.2.5",
+			"resolved": "https://registry.npmjs.org/@fontsource/inconsolata/-/inconsolata-5.2.5.tgz",
+			"integrity": "sha512-OvzkZY5qYghv/jEV6cfGZzFhdFTvSnU+ExPC7WcZ7w8PdRhtiu/SpcBWOBt+3LXgS0n9qyepgq4zZmxlDTlGGQ==",
+			"license": "OFL-1.1",
+			"funding": {
+				"url": "https://github.com/sponsors/ayuhito"
+			}
+		},
+		"node_modules/@fontsource/source-sans-pro": {
+			"version": "5.2.5",
+			"resolved": "https://registry.npmjs.org/@fontsource/source-sans-pro/-/source-sans-pro-5.2.5.tgz",
+			"integrity": "sha512-ypendqc4pYUc+EgF7qqPY9iVYEz1t/Qr03VojKxG/2g3dnpHa1B6DOlDxWQjQXDj5QrG6inEqGT0g+edjALZyg==",
+			"license": "OFL-1.1"
+		},
+		"node_modules/@humanwhocodes/config-array": {
+			"version": "0.13.0",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+			"integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+			"deprecated": "Use @eslint/config-array instead",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"dependencies": {
+				"@humanwhocodes/object-schema": "^2.0.3",
+				"debug": "^4.3.1",
+				"minimatch": "^3.0.5"
+			},
+			"engines": {
+				"node": ">=10.10.0"
+			}
+		},
+		"node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/@humanwhocodes/module-importer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": ">=12.22"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@humanwhocodes/object-schema": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+			"integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+			"deprecated": "Use @eslint/object-schema instead",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"peer": true
+		},
+		"node_modules/@jridgewell/gen-mapping": {
+			"version": "0.3.5",
+			"resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+			"integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/set-array": "^1.2.1",
+				"@jridgewell/sourcemap-codec": "^1.4.10",
+				"@jridgewell/trace-mapping": "^0.3.24"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/resolve-uri": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+			"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/set-array": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+			"integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/sourcemap-codec": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+			"integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.25",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+			"integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.1.0",
+				"@jridgewell/sourcemap-codec": "^1.4.14"
+			}
+		},
+		"node_modules/@nodelib/fs.scandir": {
+			"version": "2.1.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "2.0.5",
+				"run-parallel": "^1.1.9"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.stat": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.walk": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.scandir": "2.1.5",
+				"fastq": "^1.6.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nolyfill/is-core-module": {
+			"version": "1.0.39",
+			"resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+			"integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.4.0"
+			}
+		},
+		"node_modules/@pkgr/core": {
+			"version": "0.1.1",
+			"resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+			"integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/unts"
+			}
+		},
+		"node_modules/@rollup/rollup-android-arm-eabi": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.9.tgz",
+			"integrity": "sha512-qZdlImWXur0CFakn2BJ2znJOdqYZKiedEPEVNTBrpfPjc/YuTGcaYZcdmNFTkUj3DU0ZM/AElcM8Ybww3xVLzA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-android-arm64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.34.9.tgz",
+			"integrity": "sha512-4KW7P53h6HtJf5Y608T1ISKvNIYLWRKMvfnG0c44M6In4DQVU58HZFEVhWINDZKp7FZps98G3gxwC1sb0wXUUg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-arm64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.34.9.tgz",
+			"integrity": "sha512-0CY3/K54slrzLDjOA7TOjN1NuLKERBgk9nY5V34mhmuu673YNb+7ghaDUs6N0ujXR7fz5XaS5Aa6d2TNxZd0OQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-x64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.34.9.tgz",
+			"integrity": "sha512-eOojSEAi/acnsJVYRxnMkPFqcxSMFfrw7r2iD9Q32SGkb/Q9FpUY1UlAu1DH9T7j++gZ0lHjnm4OyH2vCI7l7Q==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-arm64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.34.9.tgz",
+			"integrity": "sha512-2lzjQPJbN5UnHm7bHIUKFMulGTQwdvOkouJDpPysJS+QFBGDJqcfh+CxxtG23Ik/9tEvnebQiylYoazFMAgrYw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-x64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.34.9.tgz",
+			"integrity": "sha512-SLl0hi2Ah2H7xQYd6Qaiu01kFPzQ+hqvdYSoOtHYg/zCIFs6t8sV95kaoqjzjFwuYQLtOI0RZre/Ke0nPaQV+g==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.34.9.tgz",
+			"integrity": "sha512-88I+D3TeKItrw+Y/2ud4Tw0+3CxQ2kLgu3QvrogZ0OfkmX/DEppehus7L3TS2Q4lpB+hYyxhkQiYPJ6Mf5/dPg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.34.9.tgz",
+			"integrity": "sha512-3qyfWljSFHi9zH0KgtEPG4cBXHDFhwD8kwg6xLfHQ0IWuH9crp005GfoUUh/6w9/FWGBwEHg3lxK1iHRN1MFlA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.34.9.tgz",
+			"integrity": "sha512-6TZjPHjKZUQKmVKMUowF3ewHxctrRR09eYyvT5eFv8w/fXarEra83A2mHTVJLA5xU91aCNOUnM+DWFMSbQ0Nxw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-musl": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.34.9.tgz",
+			"integrity": "sha512-LD2fytxZJZ6xzOKnMbIpgzFOuIKlxVOpiMAXawsAZ2mHBPEYOnLRK5TTEsID6z4eM23DuO88X0Tq1mErHMVq0A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.34.9.tgz",
+			"integrity": "sha512-dRAgTfDsn0TE0HI6cmo13hemKpVHOEyeciGtvlBTkpx/F65kTvShtY/EVyZEIfxFkV5JJTuQ9tP5HGBS0hfxIg==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.34.9.tgz",
+			"integrity": "sha512-PHcNOAEhkoMSQtMf+rJofwisZqaU8iQ8EaSps58f5HYll9EAY5BSErCZ8qBDMVbq88h4UxaNPlbrKqfWP8RfJA==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.34.9.tgz",
+			"integrity": "sha512-Z2i0Uy5G96KBYKjeQFKbbsB54xFOL5/y1P5wNBsbXB8yE+At3oh0DVMjQVzCJRJSfReiB2tX8T6HUFZ2k8iaKg==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-s390x-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.34.9.tgz",
+			"integrity": "sha512-U+5SwTMoeYXoDzJX5dhDTxRltSrIax8KWwfaaYcynuJw8mT33W7oOgz0a+AaXtGuvhzTr2tVKh5UO8GVANTxyQ==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.34.9.tgz",
+			"integrity": "sha512-FwBHNSOjUTQLP4MG7y6rR6qbGw4MFeQnIBrMe161QGaQoBQLqSUEKlHIiVgF3g/mb3lxlxzJOpIBhaP+C+KP2A==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-musl": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.34.9.tgz",
+			"integrity": "sha512-cYRpV4650z2I3/s6+5/LONkjIz8MBeqrk+vPXV10ORBnshpn8S32bPqQ2Utv39jCiDcO2eJTuSlPXpnvmaIgRA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-arm64-msvc": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.34.9.tgz",
+			"integrity": "sha512-z4mQK9dAN6byRA/vsSgQiPeuO63wdiDxZ9yg9iyX2QTzKuQM7T4xlBoeUP/J8uiFkqxkcWndWi+W7bXdPbt27Q==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-ia32-msvc": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.34.9.tgz",
+			"integrity": "sha512-KB48mPtaoHy1AwDNkAJfHXvHp24H0ryZog28spEs0V48l3H1fr4i37tiyHsgKZJnCmvxsbATdZGBpbmxTE3a9w==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-msvc": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.34.9.tgz",
+			"integrity": "sha512-AyleYRPU7+rgkMWbEh71fQlrzRfeP6SyMnRf9XX4fCdDPAJumdSBqYEcWPMzVQ4ScAl7E4oFfK0GUVn77xSwbw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rtsao/scc": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+			"integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@sveltejs/vite-plugin-svelte": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.2.tgz",
+			"integrity": "sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@sveltejs/vite-plugin-svelte-inspector": "^2.1.0",
+				"debug": "^4.3.4",
+				"deepmerge": "^4.3.1",
+				"kleur": "^4.1.5",
+				"magic-string": "^0.30.10",
+				"svelte-hmr": "^0.16.0",
+				"vitefu": "^0.2.5"
+			},
+			"engines": {
+				"node": "^18.0.0 || >=20"
+			},
+			"peerDependencies": {
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"vite": "^5.0.0"
+			}
+		},
+		"node_modules/@sveltejs/vite-plugin-svelte-inspector": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-2.1.0.tgz",
+			"integrity": "sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^4.3.4"
+			},
+			"engines": {
+				"node": "^18.0.0 || >=20"
+			},
+			"peerDependencies": {
+				"@sveltejs/vite-plugin-svelte": "^3.0.0",
+				"svelte": "^4.0.0 || ^5.0.0-next.0",
+				"vite": "^5.0.0"
+			}
+		},
+		"node_modules/@tsconfig/node10": {
+			"version": "1.0.11",
+			"resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
+			"integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@tsconfig/node12": {
+			"version": "1.0.11",
+			"resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+			"integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@tsconfig/node14": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+			"integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@tsconfig/node16": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+			"integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/estree": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+			"integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/json5": {
+			"version": "0.0.29",
+			"resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+			"integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/node": {
+			"version": "22.6.1",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.6.1.tgz",
+			"integrity": "sha512-V48tCfcKb/e6cVUigLAaJDAILdMP0fUW6BidkPK4GpGjXcfbnoHasCZDwz3N3yVt5we2RHm4XTQCpv0KJz9zqw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"undici-types": "~6.19.2"
+			}
+		},
+		"node_modules/@typescript-eslint/eslint-plugin": {
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.7.0.tgz",
+			"integrity": "sha512-RIHOoznhA3CCfSTFiB6kBGLQtB/sox+pJ6jeFu6FxJvqL8qRxq/FfGO/UhsGgQM9oGdXkV4xUgli+dt26biB6A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/regexpp": "^4.10.0",
+				"@typescript-eslint/scope-manager": "8.7.0",
+				"@typescript-eslint/type-utils": "8.7.0",
+				"@typescript-eslint/utils": "8.7.0",
+				"@typescript-eslint/visitor-keys": "8.7.0",
+				"graphemer": "^1.4.0",
+				"ignore": "^5.3.1",
+				"natural-compare": "^1.4.0",
+				"ts-api-utils": "^1.3.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+				"eslint": "^8.57.0 || ^9.0.0"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@typescript-eslint/parser": {
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.7.0.tgz",
+			"integrity": "sha512-lN0btVpj2unxHlNYLI//BQ7nzbMJYBVQX5+pbNXvGYazdlgYonMn4AhhHifQ+J4fGRYA/m1DjaQjx+fDetqBOQ==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"@typescript-eslint/scope-manager": "8.7.0",
+				"@typescript-eslint/types": "8.7.0",
+				"@typescript-eslint/typescript-estree": "8.7.0",
+				"@typescript-eslint/visitor-keys": "8.7.0",
+				"debug": "^4.3.4"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@typescript-eslint/scope-manager": {
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.7.0.tgz",
+			"integrity": "sha512-87rC0k3ZlDOuz82zzXRtQ7Akv3GKhHs0ti4YcbAJtaomllXoSO8hi7Ix3ccEvCd824dy9aIX+j3d2UMAfCtVpg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.7.0",
+				"@typescript-eslint/visitor-keys": "8.7.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/type-utils": {
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.7.0.tgz",
+			"integrity": "sha512-tl0N0Mj3hMSkEYhLkjREp54OSb/FI6qyCzfiiclvJvOqre6hsZTGSnHtmFLDU8TIM62G7ygEa1bI08lcuRwEnQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/typescript-estree": "8.7.0",
+				"@typescript-eslint/utils": "8.7.0",
+				"debug": "^4.3.4",
+				"ts-api-utils": "^1.3.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@typescript-eslint/types": {
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.7.0.tgz",
+			"integrity": "sha512-LLt4BLHFwSfASHSF2K29SZ+ZCsbQOM+LuarPjRUuHm+Qd09hSe3GCeaQbcCr+Mik+0QFRmep/FyZBO6fJ64U3w==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/typescript-estree": {
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.7.0.tgz",
+			"integrity": "sha512-MC8nmcGHsmfAKxwnluTQpNqceniT8SteVwd2voYlmiSWGOtjvGXdPl17dYu2797GVscK30Z04WRM28CrKS9WOg==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"@typescript-eslint/types": "8.7.0",
+				"@typescript-eslint/visitor-keys": "8.7.0",
+				"debug": "^4.3.4",
+				"fast-glob": "^3.3.2",
+				"is-glob": "^4.0.3",
+				"minimatch": "^9.0.4",
+				"semver": "^7.6.0",
+				"ts-api-utils": "^1.3.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@typescript-eslint/utils": {
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.7.0.tgz",
+			"integrity": "sha512-ZbdUdwsl2X/s3CiyAu3gOlfQzpbuG3nTWKPoIvAu1pu5r8viiJvv2NPN2AqArL35NCYtw/lrPPfM4gxrMLNLPw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.4.0",
+				"@typescript-eslint/scope-manager": "8.7.0",
+				"@typescript-eslint/types": "8.7.0",
+				"@typescript-eslint/typescript-estree": "8.7.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0"
+			}
+		},
+		"node_modules/@typescript-eslint/visitor-keys": {
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.7.0.tgz",
+			"integrity": "sha512-b1tx0orFCCh/THWPQa2ZwWzvOeyzzp36vkJYOpVg0u8UVOIsfVrnuC9FqAw9gRKn+rG2VmWQ/zDJZzkxUnj/XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.7.0",
+				"eslint-visitor-keys": "^3.4.3"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@ungap/structured-clone": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+			"integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true
+		},
+		"node_modules/acorn": {
+			"version": "8.12.1",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+			"integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"acorn": "bin/acorn"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/acorn-jsx": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+			"integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+			}
+		},
+		"node_modules/acorn-walk": {
+			"version": "8.3.4",
+			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+			"integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"acorn": "^8.11.0"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/ajv": {
+			"version": "6.12.6",
+			"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+			"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"fast-deep-equal": "^3.1.1",
+				"fast-json-stable-stringify": "^2.0.0",
+				"json-schema-traverse": "^0.4.1",
+				"uri-js": "^4.2.2"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/epoberezkin"
+			}
+		},
+		"node_modules/ansi-regex": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/ansi-styles": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"color-convert": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/anymatch": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+			"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"normalize-path": "^3.0.0",
+				"picomatch": "^2.0.4"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/arg": {
+			"version": "4.1.3",
+			"resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+			"integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/argparse": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+			"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+			"dev": true,
+			"license": "Python-2.0",
+			"peer": true
+		},
+		"node_modules/aria-query": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+			"integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/array-buffer-byte-length": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
+			"integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.5",
+				"is-array-buffer": "^3.0.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array-find-index": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+			"integrity": "sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/array-includes": {
+			"version": "3.1.8",
+			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+			"integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-object-atoms": "^1.0.0",
+				"get-intrinsic": "^1.2.4",
+				"is-string": "^1.0.7"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.findlastindex": {
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
+			"integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.0.0",
+				"es-shim-unscopables": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.flat": {
+			"version": "1.3.2",
+			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+			"integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"define-properties": "^1.2.0",
+				"es-abstract": "^1.22.1",
+				"es-shim-unscopables": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.flatmap": {
+			"version": "1.3.2",
+			"resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+			"integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"define-properties": "^1.2.0",
+				"es-abstract": "^1.22.1",
+				"es-shim-unscopables": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/arraybuffer.prototype.slice": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
+			"integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"array-buffer-byte-length": "^1.0.1",
+				"call-bind": "^1.0.5",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.22.3",
+				"es-errors": "^1.2.1",
+				"get-intrinsic": "^1.2.3",
+				"is-array-buffer": "^3.0.4",
+				"is-shared-array-buffer": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/available-typed-arrays": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+			"integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"possible-typed-array-names": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/axobject-query": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+			"integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/balanced-match": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/base64-js": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+			"integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT"
+		},
+		"node_modules/binary-extensions": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+			"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/brace-expansion": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+			"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0"
+			}
+		},
+		"node_modules/braces": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+			"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fill-range": "^7.1.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/buffer": {
+			"version": "6.0.3",
+			"resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+			"integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"base64-js": "^1.3.1",
+				"ieee754": "^1.2.1"
+			}
+		},
+		"node_modules/call-bind": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+			"integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-define-property": "^1.0.0",
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2",
+				"get-intrinsic": "^1.2.4",
+				"set-function-length": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/callsites": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/chalk": {
+			"version": "4.1.2",
+			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+			"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.1.0",
+				"supports-color": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/chalk?sponsor=1"
+			}
+		},
+		"node_modules/chalk/node_modules/supports-color": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/chokidar": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+			"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"anymatch": "~3.1.2",
+				"braces": "~3.0.2",
+				"glob-parent": "~5.1.2",
+				"is-binary-path": "~2.1.0",
+				"is-glob": "~4.0.1",
+				"normalize-path": "~3.0.0",
+				"readdirp": "~3.6.0"
+			},
+			"engines": {
+				"node": ">= 8.10.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/chokidar/node_modules/glob-parent": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/class-transformer": {
+			"version": "0.5.1",
+			"resolved": "https://registry.npmjs.org/class-transformer/-/class-transformer-0.5.1.tgz",
+			"integrity": "sha512-SQa1Ws6hUbfC98vKGxZH3KFY0Y1lm5Zm0SY8XX9zbK7FJCyVEac3ATW0RIpwzW+oOfmHE5PMPufDG9hCfoEOMw==",
+			"license": "MIT"
+		},
+		"node_modules/cliui": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+			"integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"string-width": "^4.2.0",
+				"strip-ansi": "^6.0.1",
+				"wrap-ansi": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/code-red": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
+			"integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.4.15",
+				"@types/estree": "^1.0.1",
+				"acorn": "^8.10.0",
+				"estree-walker": "^3.0.3",
+				"periscopic": "^3.1.0"
+			}
+		},
+		"node_modules/color-convert": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"color-name": "~1.1.4"
+			},
+			"engines": {
+				"node": ">=7.0.0"
+			}
+		},
+		"node_modules/color-name": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/commenting": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/commenting/-/commenting-1.1.0.tgz",
+			"integrity": "sha512-YeNK4tavZwtH7jEgK1ZINXzLKm6DZdEMfsaaieOsCAN0S8vsY7UeuO3Q7d/M018EFgE+IeUAuBOKkFccBZsUZA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/concat-map": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/concurrently": {
+			"version": "9.0.1",
+			"resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.0.1.tgz",
+			"integrity": "sha512-wYKvCd/f54sTXJMSfV6Ln/B8UrfLBKOYa+lzc6CHay3Qek+LorVSBdMVfyewFhRbH0Rbabsk4D+3PL/VjQ5gzg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"chalk": "^4.1.2",
+				"lodash": "^4.17.21",
+				"rxjs": "^7.8.1",
+				"shell-quote": "^1.8.1",
+				"supports-color": "^8.1.1",
+				"tree-kill": "^1.2.2",
+				"yargs": "^17.7.2"
+			},
+			"bin": {
+				"conc": "dist/bin/concurrently.js",
+				"concurrently": "dist/bin/concurrently.js"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+			}
+		},
+		"node_modules/create-require": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+			"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/cross-spawn": {
+			"version": "7.0.6",
+			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+			"integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"path-key": "^3.1.0",
+				"shebang-command": "^2.0.0",
+				"which": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/css-tree": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+			"integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"mdn-data": "2.0.30",
+				"source-map-js": "^1.0.1"
+			},
+			"engines": {
+				"node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+			}
+		},
+		"node_modules/cssesc": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+			"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"cssesc": "bin/cssesc"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/data-view-buffer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+			"integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.6",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/data-view-byte-length": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+			"integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/data-view-byte-offset": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+			"integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.6",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/debug": {
+			"version": "4.3.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+			"integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.3"
+			},
+			"engines": {
+				"node": ">=6.0"
+			},
+			"peerDependenciesMeta": {
+				"supports-color": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/deep-is": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+			"integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/deepmerge": {
+			"version": "4.3.1",
+			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+			"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/define-data-property": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+			"integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-define-property": "^1.0.0",
+				"es-errors": "^1.3.0",
+				"gopd": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/define-properties": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+			"integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.0.1",
+				"has-property-descriptors": "^1.0.0",
+				"object-keys": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/diff": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+			"integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.3.1"
+			}
+		},
+		"node_modules/doctrine": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+			"integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"dependencies": {
+				"esutils": "^2.0.2"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/emoji-regex": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/enhanced-resolve": {
+			"version": "5.17.1",
+			"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+			"integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"graceful-fs": "^4.2.4",
+				"tapable": "^2.2.0"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
+		"node_modules/es-abstract": {
+			"version": "1.23.3",
+			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+			"integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"array-buffer-byte-length": "^1.0.1",
+				"arraybuffer.prototype.slice": "^1.0.3",
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.7",
+				"data-view-buffer": "^1.0.1",
+				"data-view-byte-length": "^1.0.1",
+				"data-view-byte-offset": "^1.0.0",
+				"es-define-property": "^1.0.0",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.0.0",
+				"es-set-tostringtag": "^2.0.3",
+				"es-to-primitive": "^1.2.1",
+				"function.prototype.name": "^1.1.6",
+				"get-intrinsic": "^1.2.4",
+				"get-symbol-description": "^1.0.2",
+				"globalthis": "^1.0.3",
+				"gopd": "^1.0.1",
+				"has-property-descriptors": "^1.0.2",
+				"has-proto": "^1.0.3",
+				"has-symbols": "^1.0.3",
+				"hasown": "^2.0.2",
+				"internal-slot": "^1.0.7",
+				"is-array-buffer": "^3.0.4",
+				"is-callable": "^1.2.7",
+				"is-data-view": "^1.0.1",
+				"is-negative-zero": "^2.0.3",
+				"is-regex": "^1.1.4",
+				"is-shared-array-buffer": "^1.0.3",
+				"is-string": "^1.0.7",
+				"is-typed-array": "^1.1.13",
+				"is-weakref": "^1.0.2",
+				"object-inspect": "^1.13.1",
+				"object-keys": "^1.1.1",
+				"object.assign": "^4.1.5",
+				"regexp.prototype.flags": "^1.5.2",
+				"safe-array-concat": "^1.1.2",
+				"safe-regex-test": "^1.0.3",
+				"string.prototype.trim": "^1.2.9",
+				"string.prototype.trimend": "^1.0.8",
+				"string.prototype.trimstart": "^1.0.8",
+				"typed-array-buffer": "^1.0.2",
+				"typed-array-byte-length": "^1.0.1",
+				"typed-array-byte-offset": "^1.0.2",
+				"typed-array-length": "^1.0.6",
+				"unbox-primitive": "^1.0.2",
+				"which-typed-array": "^1.1.15"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/es-define-property": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+			"integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-intrinsic": "^1.2.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-errors": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-object-atoms": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+			"integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-set-tostringtag": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+			"integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-intrinsic": "^1.2.4",
+				"has-tostringtag": "^1.0.2",
+				"hasown": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-shim-unscopables": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+			"integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"hasown": "^2.0.0"
+			}
+		},
+		"node_modules/es-to-primitive": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+			"integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-callable": "^1.1.4",
+				"is-date-object": "^1.0.1",
+				"is-symbol": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/esbuild": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+			"integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "MIT",
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.21.5",
+				"@esbuild/android-arm": "0.21.5",
+				"@esbuild/android-arm64": "0.21.5",
+				"@esbuild/android-x64": "0.21.5",
+				"@esbuild/darwin-arm64": "0.21.5",
+				"@esbuild/darwin-x64": "0.21.5",
+				"@esbuild/freebsd-arm64": "0.21.5",
+				"@esbuild/freebsd-x64": "0.21.5",
+				"@esbuild/linux-arm": "0.21.5",
+				"@esbuild/linux-arm64": "0.21.5",
+				"@esbuild/linux-ia32": "0.21.5",
+				"@esbuild/linux-loong64": "0.21.5",
+				"@esbuild/linux-mips64el": "0.21.5",
+				"@esbuild/linux-ppc64": "0.21.5",
+				"@esbuild/linux-riscv64": "0.21.5",
+				"@esbuild/linux-s390x": "0.21.5",
+				"@esbuild/linux-x64": "0.21.5",
+				"@esbuild/netbsd-x64": "0.21.5",
+				"@esbuild/openbsd-x64": "0.21.5",
+				"@esbuild/sunos-x64": "0.21.5",
+				"@esbuild/win32-arm64": "0.21.5",
+				"@esbuild/win32-ia32": "0.21.5",
+				"@esbuild/win32-x64": "0.21.5"
+			}
+		},
+		"node_modules/escalade": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+			"integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/escape-string-regexp": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/eslint": {
+			"version": "8.57.1",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+			"integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.2.0",
+				"@eslint-community/regexpp": "^4.6.1",
+				"@eslint/eslintrc": "^2.1.4",
+				"@eslint/js": "8.57.1",
+				"@humanwhocodes/config-array": "^0.13.0",
+				"@humanwhocodes/module-importer": "^1.0.1",
+				"@nodelib/fs.walk": "^1.2.8",
+				"@ungap/structured-clone": "^1.2.0",
+				"ajv": "^6.12.4",
+				"chalk": "^4.0.0",
+				"cross-spawn": "^7.0.2",
+				"debug": "^4.3.2",
+				"doctrine": "^3.0.0",
+				"escape-string-regexp": "^4.0.0",
+				"eslint-scope": "^7.2.2",
+				"eslint-visitor-keys": "^3.4.3",
+				"espree": "^9.6.1",
+				"esquery": "^1.4.2",
+				"esutils": "^2.0.2",
+				"fast-deep-equal": "^3.1.3",
+				"file-entry-cache": "^6.0.1",
+				"find-up": "^5.0.0",
+				"glob-parent": "^6.0.2",
+				"globals": "^13.19.0",
+				"graphemer": "^1.4.0",
+				"ignore": "^5.2.0",
+				"imurmurhash": "^0.1.4",
+				"is-glob": "^4.0.0",
+				"is-path-inside": "^3.0.3",
+				"js-yaml": "^4.1.0",
+				"json-stable-stringify-without-jsonify": "^1.0.1",
+				"levn": "^0.4.1",
+				"lodash.merge": "^4.6.2",
+				"minimatch": "^3.1.2",
+				"natural-compare": "^1.4.0",
+				"optionator": "^0.9.3",
+				"strip-ansi": "^6.0.1",
+				"text-table": "^0.2.0"
+			},
+			"bin": {
+				"eslint": "bin/eslint.js"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint-compat-utils": {
+			"version": "0.5.1",
+			"resolved": "https://registry.npmjs.org/eslint-compat-utils/-/eslint-compat-utils-0.5.1.tgz",
+			"integrity": "sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"semver": "^7.5.4"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"peerDependencies": {
+				"eslint": ">=6.0.0"
+			}
+		},
+		"node_modules/eslint-config-prettier": {
+			"version": "9.1.0",
+			"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+			"integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"eslint-config-prettier": "bin/cli.js"
+			},
+			"peerDependencies": {
+				"eslint": ">=7.0.0"
+			}
+		},
+		"node_modules/eslint-import-resolver-node": {
+			"version": "0.3.9",
+			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+			"integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^3.2.7",
+				"is-core-module": "^2.13.0",
+				"resolve": "^1.22.4"
+			}
+		},
+		"node_modules/eslint-import-resolver-node/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-import-resolver-typescript": {
+			"version": "3.6.3",
+			"resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.3.tgz",
+			"integrity": "sha512-ud9aw4szY9cCT1EWWdGv1L1XR6hh2PaRWif0j2QjQ0pgTY/69iw+W0Z4qZv5wHahOl8isEr+k/JnyAqNQkLkIA==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"@nolyfill/is-core-module": "1.0.39",
+				"debug": "^4.3.5",
+				"enhanced-resolve": "^5.15.0",
+				"eslint-module-utils": "^2.8.1",
+				"fast-glob": "^3.3.2",
+				"get-tsconfig": "^4.7.5",
+				"is-bun-module": "^1.0.2",
+				"is-glob": "^4.0.3"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+			},
+			"peerDependencies": {
+				"eslint": "*",
+				"eslint-plugin-import": "*",
+				"eslint-plugin-import-x": "*"
+			},
+			"peerDependenciesMeta": {
+				"eslint-plugin-import": {
+					"optional": true
+				},
+				"eslint-plugin-import-x": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-module-utils": {
+			"version": "2.11.0",
+			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.11.0.tgz",
+			"integrity": "sha512-gbBE5Hitek/oG6MUVj6sFuzEjA/ClzNflVrLovHi/JgLdC7fiN5gLAY1WIPW1a0V5I999MnsrvVrCOGmmVqDBQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^3.2.7"
+			},
+			"engines": {
+				"node": ">=4"
+			},
+			"peerDependenciesMeta": {
+				"eslint": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-module-utils/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-plugin-import": {
+			"version": "2.30.0",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.30.0.tgz",
+			"integrity": "sha512-/mHNE9jINJfiD2EKkg1BKyPyUk4zdnT54YgbOgfjSakWT5oyX/qQLVNTkehyfpcMxZXMy1zyonZ2v7hZTX43Yw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@rtsao/scc": "^1.1.0",
+				"array-includes": "^3.1.8",
+				"array.prototype.findlastindex": "^1.2.5",
+				"array.prototype.flat": "^1.3.2",
+				"array.prototype.flatmap": "^1.3.2",
+				"debug": "^3.2.7",
+				"doctrine": "^2.1.0",
+				"eslint-import-resolver-node": "^0.3.9",
+				"eslint-module-utils": "^2.9.0",
+				"hasown": "^2.0.2",
+				"is-core-module": "^2.15.1",
+				"is-glob": "^4.0.3",
+				"minimatch": "^3.1.2",
+				"object.fromentries": "^2.0.8",
+				"object.groupby": "^1.0.3",
+				"object.values": "^1.2.0",
+				"semver": "^6.3.1",
+				"tsconfig-paths": "^3.15.0"
+			},
+			"engines": {
+				"node": ">=4"
+			},
+			"peerDependencies": {
+				"eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/doctrine": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+			"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"esutils": "^2.0.2"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/semver": {
+			"version": "6.3.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/eslint-plugin-prettier": {
+			"version": "5.2.1",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
+			"integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"prettier-linter-helpers": "^1.0.0",
+				"synckit": "^0.9.1"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint-plugin-prettier"
+			},
+			"peerDependencies": {
+				"@types/eslint": ">=8.0.0",
+				"eslint": ">=8.0.0",
+				"eslint-config-prettier": "*",
+				"prettier": ">=3.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@types/eslint": {
+					"optional": true
+				},
+				"eslint-config-prettier": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-plugin-svelte": {
+			"version": "2.44.0",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-2.44.0.tgz",
+			"integrity": "sha512-wav4MOs02vBb1WjvTCYItwJCxMkuk2Z4p+K/eyjL0N/z7ahXLP+0LtQQjiKc2ezuif7GnZLbD1F3o1VHzSvdVg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.4.0",
+				"@jridgewell/sourcemap-codec": "^1.4.15",
+				"eslint-compat-utils": "^0.5.1",
+				"esutils": "^2.0.3",
+				"known-css-properties": "^0.34.0",
+				"postcss": "^8.4.38",
+				"postcss-load-config": "^3.1.4",
+				"postcss-safe-parser": "^6.0.0",
+				"postcss-selector-parser": "^6.1.0",
+				"semver": "^7.6.2",
+				"svelte-eslint-parser": "^0.41.1"
+			},
+			"engines": {
+				"node": "^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ota-meshi"
+			},
+			"peerDependencies": {
+				"eslint": "^7.0.0 || ^8.0.0-0 || ^9.0.0-0",
+				"svelte": "^3.37.0 || ^4.0.0 || ^5.0.0-next.191"
+			},
+			"peerDependenciesMeta": {
+				"svelte": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-scope": {
+			"version": "7.2.2",
+			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+			"integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"esrecurse": "^4.3.0",
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint-visitor-keys": {
+			"version": "3.4.3",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+			"integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/eslint/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/espree": {
+			"version": "9.6.1",
+			"resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+			"integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"acorn": "^8.9.0",
+				"acorn-jsx": "^5.3.2",
+				"eslint-visitor-keys": "^3.4.1"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/esquery": {
+			"version": "1.6.0",
+			"resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+			"integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"peer": true,
+			"dependencies": {
+				"estraverse": "^5.1.0"
+			},
+			"engines": {
+				"node": ">=0.10"
+			}
+		},
+		"node_modules/esrecurse": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+			"integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/estraverse": {
+			"version": "5.3.0",
+			"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+			"integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/estree-walker": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+			"integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "^1.0.0"
+			}
+		},
+		"node_modules/esutils": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+			"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/fast-deep-equal": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+			"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/fast-diff": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+			"integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+			"dev": true,
+			"license": "Apache-2.0"
+		},
+		"node_modules/fast-glob": {
+			"version": "3.3.2",
+			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+			"integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "^2.0.2",
+				"@nodelib/fs.walk": "^1.2.3",
+				"glob-parent": "^5.1.2",
+				"merge2": "^1.3.0",
+				"micromatch": "^4.0.4"
+			},
+			"engines": {
+				"node": ">=8.6.0"
+			}
+		},
+		"node_modules/fast-glob/node_modules/glob-parent": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/fast-json-stable-stringify": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+			"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/fast-levenshtein": {
+			"version": "2.0.6",
+			"resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+			"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/fastq": {
+			"version": "1.17.1",
+			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+			"integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"reusify": "^1.0.4"
+			}
+		},
+		"node_modules/file-entry-cache": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+			"integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"flat-cache": "^3.0.4"
+			},
+			"engines": {
+				"node": "^10.12.0 || >=12.0.0"
+			}
+		},
+		"node_modules/fill-range": {
+			"version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+			"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"to-regex-range": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/find-up": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+			"integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"locate-path": "^6.0.0",
+				"path-exists": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/flat-cache": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+			"integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"flatted": "^3.2.9",
+				"keyv": "^4.5.3",
+				"rimraf": "^3.0.2"
+			},
+			"engines": {
+				"node": "^10.12.0 || >=12.0.0"
+			}
+		},
+		"node_modules/flatted": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
+			"integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true
+		},
+		"node_modules/for-each": {
+			"version": "0.3.3",
+			"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+			"integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-callable": "^1.1.3"
+			}
+		},
+		"node_modules/fs.realpath": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+			"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true
+		},
+		"node_modules/fsevents": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+			}
+		},
+		"node_modules/function-bind": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/function.prototype.name": {
+			"version": "1.1.6",
+			"resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+			"integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"define-properties": "^1.2.0",
+				"es-abstract": "^1.22.1",
+				"functions-have-names": "^1.2.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/functions-have-names": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+			"integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-caller-file": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+			"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": "6.* || 8.* || >= 10.*"
+			}
+		},
+		"node_modules/get-intrinsic": {
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+			"integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2",
+				"has-proto": "^1.0.1",
+				"has-symbols": "^1.0.3",
+				"hasown": "^2.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-symbol-description": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
+			"integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.5",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-tsconfig": {
+			"version": "4.8.1",
+			"resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
+			"integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"resolve-pkg-maps": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+			}
+		},
+		"node_modules/glob": {
+			"version": "7.2.3",
+			"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+			"integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+			"deprecated": "Glob versions prior to v9 are no longer supported",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"fs.realpath": "^1.0.0",
+				"inflight": "^1.0.4",
+				"inherits": "2",
+				"minimatch": "^3.1.1",
+				"once": "^1.3.0",
+				"path-is-absolute": "^1.0.0"
+			},
+			"engines": {
+				"node": "*"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/glob-parent": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"is-glob": "^4.0.3"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
+		"node_modules/glob/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/glob/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/globals": {
+			"version": "13.24.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+			"integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"type-fest": "^0.20.2"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/globalthis": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+			"integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-properties": "^1.2.1",
+				"gopd": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/gopd": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+			"integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-intrinsic": "^1.1.3"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/graceful-fs": {
+			"version": "4.2.11",
+			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/graphemer": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+			"integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/has-bigints": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+			"integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-flag": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/has-property-descriptors": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+			"integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-define-property": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-proto": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+			"integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-symbols": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-tostringtag": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+			"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-symbols": "^1.0.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/hasown": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+			"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"function-bind": "^1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/idb-keyval": {
+			"version": "6.2.1",
+			"resolved": "https://registry.npmjs.org/idb-keyval/-/idb-keyval-6.2.1.tgz",
+			"integrity": "sha512-8Sb3veuYCyrZL+VBt9LJfZjLUPWVvqn8tG28VqYNFCo43KHcKuq+b4EiXGeuaLAQWL2YmyDgMp2aSpH9JHsEQg==",
+			"license": "Apache-2.0"
+		},
+		"node_modules/ieee754": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+			"integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "BSD-3-Clause"
+		},
+		"node_modules/ignore": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+			"integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/immutable": {
+			"version": "4.3.7",
+			"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+			"integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/import-fresh": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+			"integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"parent-module": "^1.0.0",
+				"resolve-from": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/imurmurhash": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+			"integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=0.8.19"
+			}
+		},
+		"node_modules/inflight": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+			"integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+			"deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"once": "^1.3.0",
+				"wrappy": "1"
+			}
+		},
+		"node_modules/inherits": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true
+		},
+		"node_modules/internal-slot": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
+			"integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"hasown": "^2.0.0",
+				"side-channel": "^1.0.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/is-array-buffer": {
+			"version": "3.0.4",
+			"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
+			"integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"get-intrinsic": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-bigint": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+			"integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-bigints": "^1.0.1"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-binary-path": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"binary-extensions": "^2.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/is-boolean-object": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+			"integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-bun-module": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.2.1.tgz",
+			"integrity": "sha512-AmidtEM6D6NmUiLOvvU7+IePxjEjOzra2h0pSrsfSAcXwl/83zLLXDByafUJy9k/rKK0pvXMLdwKwGHlX2Ke6Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"semver": "^7.6.3"
+			}
+		},
+		"node_modules/is-callable": {
+			"version": "1.2.7",
+			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+			"integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-core-module": {
+			"version": "2.15.1",
+			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
+			"integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"hasown": "^2.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-data-view": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
+			"integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-date-object": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+			"integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-extglob": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-fullwidth-code-point": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/is-glob": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-extglob": "^2.1.1"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-negative-zero": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+			"integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-number": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.12.0"
+			}
+		},
+		"node_modules/is-number-object": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+			"integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-path-inside": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+			"integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/is-reference": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
+			"integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "*"
+			}
+		},
+		"node_modules/is-regex": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+			"integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-shared-array-buffer": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
+			"integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-string": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+			"integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-symbol": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+			"integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-symbols": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-typed-array": {
+			"version": "1.1.13",
+			"resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
+			"integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"which-typed-array": "^1.1.14"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-weakref": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+			"integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/isarray": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+			"integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/isexe": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true
+		},
+		"node_modules/js-yaml": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+			"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"argparse": "^2.0.1"
+			},
+			"bin": {
+				"js-yaml": "bin/js-yaml.js"
+			}
+		},
+		"node_modules/json-buffer": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+			"integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/json-schema-traverse": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+			"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/json-stable-stringify-without-jsonify": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+			"integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/json5": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+			"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"minimist": "^1.2.0"
+			},
+			"bin": {
+				"json5": "lib/cli.js"
+			}
+		},
+		"node_modules/keyv": {
+			"version": "4.5.4",
+			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+			"integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"json-buffer": "3.0.1"
+			}
+		},
+		"node_modules/kleur": {
+			"version": "4.1.5",
+			"resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+			"integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/known-css-properties": {
+			"version": "0.34.0",
+			"resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.34.0.tgz",
+			"integrity": "sha512-tBECoUqNFbyAY4RrbqsBQqDFpGXAEbdD5QKr8kACx3+rnArmuuR22nKQWKazvp07N9yjTyDZaw/20UIH8tL9DQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/levn": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+			"integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"prelude-ls": "^1.2.1",
+				"type-check": "~0.4.0"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/lilconfig": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+			"integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/locate-character": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+			"integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/locate-path": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+			"integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"p-locate": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/lodash": {
+			"version": "4.17.21",
+			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/lodash.merge": {
+			"version": "4.6.2",
+			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/magic-string": {
+			"version": "0.30.11",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
+			"integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/sourcemap-codec": "^1.5.0"
+			}
+		},
+		"node_modules/make-error": {
+			"version": "1.3.6",
+			"resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+			"integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/mdn-data": {
+			"version": "2.0.30",
+			"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+			"integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+			"dev": true,
+			"license": "CC0-1.0"
+		},
+		"node_modules/merge2": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/micromatch": {
+			"version": "4.0.8",
+			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+			"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"braces": "^3.0.3",
+				"picomatch": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=8.6"
+			}
+		},
+		"node_modules/mime-db": {
+			"version": "1.52.0",
+			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+			"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/mime-types": {
+			"version": "2.1.35",
+			"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+			"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"mime-db": "1.52.0"
+			},
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/minimatch": {
+			"version": "9.0.5",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+			"integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16 || 14 >=14.17"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/minimist": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+			"integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/moment": {
+			"version": "2.30.1",
+			"resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+			"integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/ms": {
+			"version": "2.1.3",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/nanoid": {
+			"version": "3.3.9",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.9.tgz",
+			"integrity": "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"bin": {
+				"nanoid": "bin/nanoid.cjs"
+			},
+			"engines": {
+				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+			}
+		},
+		"node_modules/natural-compare": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+			"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/normalize-path": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/object-inspect": {
+			"version": "1.13.2",
+			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
+			"integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object-keys": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+			"integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/object.assign": {
+			"version": "4.1.5",
+			"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+			"integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.5",
+				"define-properties": "^1.2.1",
+				"has-symbols": "^1.0.3",
+				"object-keys": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object.fromentries": {
+			"version": "2.0.8",
+			"resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+			"integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object.groupby": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+			"integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/object.values": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
+			"integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/once": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+			"integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"wrappy": "1"
+			}
+		},
+		"node_modules/optionator": {
+			"version": "0.9.4",
+			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+			"integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"deep-is": "^0.1.3",
+				"fast-levenshtein": "^2.0.6",
+				"levn": "^0.4.1",
+				"prelude-ls": "^1.2.1",
+				"type-check": "^0.4.0",
+				"word-wrap": "^1.2.5"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/p-limit": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+			"integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"yocto-queue": "^0.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/p-locate": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+			"integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"p-limit": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/package-name-regex": {
+			"version": "2.0.6",
+			"resolved": "https://registry.npmjs.org/package-name-regex/-/package-name-regex-2.0.6.tgz",
+			"integrity": "sha512-gFL35q7kbE/zBaPA3UKhp2vSzcPYx2ecbYuwv1ucE9Il6IIgBDweBlH8D68UFGZic2MkllKa2KHCfC1IQBQUYA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/dword-design"
+			}
+		},
+		"node_modules/parent-module": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+			"integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"callsites": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/path-exists": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+			"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/path-is-absolute": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+			"integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/path-key": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+			"integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/path-parse": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/periscopic": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+			"integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "^1.0.0",
+				"estree-walker": "^3.0.0",
+				"is-reference": "^3.0.0"
+			}
+		},
+		"node_modules/picocolors": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+			"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/picomatch": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/possible-typed-array-names": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+			"integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/postcss": {
+			"version": "8.5.3",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+			"integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"nanoid": "^3.3.8",
+				"picocolors": "^1.1.1",
+				"source-map-js": "^1.2.1"
+			},
+			"engines": {
+				"node": "^10 || ^12 || >=14"
+			}
+		},
+		"node_modules/postcss-load-config": {
+			"version": "3.1.4",
+			"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
+			"integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"lilconfig": "^2.0.5",
+				"yaml": "^1.10.2"
+			},
+			"engines": {
+				"node": ">= 10"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/postcss/"
+			},
+			"peerDependencies": {
+				"postcss": ">=8.0.9",
+				"ts-node": ">=9.0.0"
+			},
+			"peerDependenciesMeta": {
+				"postcss": {
+					"optional": true
+				},
+				"ts-node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/postcss-load-config/node_modules/yaml": {
+			"version": "1.10.2",
+			"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+			"integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/postcss-safe-parser": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz",
+			"integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/postcss/"
+			},
+			"peerDependencies": {
+				"postcss": "^8.3.3"
+			}
+		},
+		"node_modules/postcss-scss": {
+			"version": "4.0.9",
+			"resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
+			"integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss-scss"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.0"
+			},
+			"peerDependencies": {
+				"postcss": "^8.4.29"
+			}
+		},
+		"node_modules/postcss-selector-parser": {
+			"version": "6.1.2",
+			"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+			"integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"cssesc": "^3.0.0",
+				"util-deprecate": "^1.0.2"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/prelude-ls": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+			"integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/prettier": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+			"integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"prettier": "bin/prettier.cjs"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/prettier/prettier?sponsor=1"
+			}
+		},
+		"node_modules/prettier-linter-helpers": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+			"integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fast-diff": "^1.1.2"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/prettier-plugin-svelte": {
+			"version": "3.2.6",
+			"resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.2.6.tgz",
+			"integrity": "sha512-Y1XWLw7vXUQQZmgv1JAEiLcErqUniAF2wO7QJsw8BVMvpLET2dI5WpEIEJx1r11iHVdSMzQxivyfrH9On9t2IQ==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"prettier": "^3.0.0",
+				"svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0"
+			}
+		},
+		"node_modules/process": {
+			"version": "0.11.10",
+			"resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+			"integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.6.0"
+			}
+		},
+		"node_modules/punycode": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/queue-microtask": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT"
+		},
+		"node_modules/readdirp": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+			"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"picomatch": "^2.2.1"
+			},
+			"engines": {
+				"node": ">=8.10.0"
+			}
+		},
+		"node_modules/reflect-metadata": {
+			"version": "0.2.2",
+			"resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
+			"integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
+			"license": "Apache-2.0"
+		},
+		"node_modules/regexp.prototype.flags": {
+			"version": "1.5.2",
+			"resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
+			"integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.6",
+				"define-properties": "^1.2.1",
+				"es-errors": "^1.3.0",
+				"set-function-name": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/require-directory": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+			"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/resolve": {
+			"version": "1.22.8",
+			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+			"integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-core-module": "^2.13.0",
+				"path-parse": "^1.0.7",
+				"supports-preserve-symlinks-flag": "^1.0.0"
+			},
+			"bin": {
+				"resolve": "bin/resolve"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/resolve-from": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+			"integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/resolve-pkg-maps": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+			"integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+			}
+		},
+		"node_modules/reusify": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+			"integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"iojs": ">=1.0.0",
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/rimraf": {
+			"version": "3.0.2",
+			"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+			"integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+			"deprecated": "Rimraf versions prior to v4 are no longer supported",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"glob": "^7.1.3"
+			},
+			"bin": {
+				"rimraf": "bin.js"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/rollup": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.34.9.tgz",
+			"integrity": "sha512-nF5XYqWWp9hx/LrpC8sZvvvmq0TeTjQgaZHYmAgwysT9nh8sWnZhBnM8ZyVbbJFIQBLwHDNoMqsBZBbUo4U8sQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "1.0.6"
+			},
+			"bin": {
+				"rollup": "dist/bin/rollup"
+			},
+			"engines": {
+				"node": ">=18.0.0",
+				"npm": ">=8.0.0"
+			},
+			"optionalDependencies": {
+				"@rollup/rollup-android-arm-eabi": "4.34.9",
+				"@rollup/rollup-android-arm64": "4.34.9",
+				"@rollup/rollup-darwin-arm64": "4.34.9",
+				"@rollup/rollup-darwin-x64": "4.34.9",
+				"@rollup/rollup-freebsd-arm64": "4.34.9",
+				"@rollup/rollup-freebsd-x64": "4.34.9",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.34.9",
+				"@rollup/rollup-linux-arm-musleabihf": "4.34.9",
+				"@rollup/rollup-linux-arm64-gnu": "4.34.9",
+				"@rollup/rollup-linux-arm64-musl": "4.34.9",
+				"@rollup/rollup-linux-loongarch64-gnu": "4.34.9",
+				"@rollup/rollup-linux-powerpc64le-gnu": "4.34.9",
+				"@rollup/rollup-linux-riscv64-gnu": "4.34.9",
+				"@rollup/rollup-linux-s390x-gnu": "4.34.9",
+				"@rollup/rollup-linux-x64-gnu": "4.34.9",
+				"@rollup/rollup-linux-x64-musl": "4.34.9",
+				"@rollup/rollup-win32-arm64-msvc": "4.34.9",
+				"@rollup/rollup-win32-ia32-msvc": "4.34.9",
+				"@rollup/rollup-win32-x64-msvc": "4.34.9",
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/rollup-plugin-license": {
+			"version": "3.5.3",
+			"resolved": "https://registry.npmjs.org/rollup-plugin-license/-/rollup-plugin-license-3.5.3.tgz",
+			"integrity": "sha512-r3wImZSo2d6sEk9BRJtlzeI/upjyjnpthy06Fdl0EzqRrlg3ULb9KQR7xHJI0zuayW/8bchEXSF5dO6dha4OyA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"commenting": "~1.1.0",
+				"fdir": "6.3.0",
+				"lodash": "~4.17.21",
+				"magic-string": "~0.30.0",
+				"moment": "~2.30.1",
+				"package-name-regex": "~2.0.6",
+				"spdx-expression-validate": "~2.0.0",
+				"spdx-satisfies": "~5.0.1"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^1.0.0 || ^2.0.0 || ^3.0.0 || ^4.0.0"
+			}
+		},
+		"node_modules/rollup-plugin-license/node_modules/fdir": {
+			"version": "6.3.0",
+			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.3.0.tgz",
+			"integrity": "sha512-QOnuT+BOtivR77wYvCWHfGt9s4Pz1VIMbD463vegT5MLqNXy8rYFT/lPVEqf/bhYeT6qmqrNHhsX+rWwe3rOCQ==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/rollup-plugin-license/node_modules/picomatch": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+			"integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"peer": true,
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/run-parallel": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"queue-microtask": "^1.2.2"
+			}
+		},
+		"node_modules/rxjs": {
+			"version": "7.8.1",
+			"resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+			"integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"tslib": "^2.1.0"
+			}
+		},
+		"node_modules/safe-array-concat": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
+			"integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"get-intrinsic": "^1.2.4",
+				"has-symbols": "^1.0.3",
+				"isarray": "^2.0.5"
+			},
+			"engines": {
+				"node": ">=0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/safe-regex-test": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
+			"integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.6",
+				"es-errors": "^1.3.0",
+				"is-regex": "^1.1.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/sass": {
+			"version": "1.78.0",
+			"resolved": "https://registry.npmjs.org/sass/-/sass-1.78.0.tgz",
+			"integrity": "sha512-AaIqGSrjo5lA2Yg7RvFZrlXDBCp3nV4XP73GrLGvdRWWwk+8H3l0SDvq/5bA4eF+0RFPLuWUk3E+P1U/YqnpsQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"chokidar": ">=3.0.0 <4.0.0",
+				"immutable": "^4.0.0",
+				"source-map-js": ">=0.6.2 <2.0.0"
+			},
+			"bin": {
+				"sass": "sass.js"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/semver": {
+			"version": "7.6.3",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+			"integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/set-function-length": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+			"integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.1.4",
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2",
+				"get-intrinsic": "^1.2.4",
+				"gopd": "^1.0.1",
+				"has-property-descriptors": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/set-function-name": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+			"integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.1.4",
+				"es-errors": "^1.3.0",
+				"functions-have-names": "^1.2.3",
+				"has-property-descriptors": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/shebang-command": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"shebang-regex": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/shebang-regex": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/shell-quote": {
+			"version": "1.8.1",
+			"resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
+			"integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+			"integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.4",
+				"object-inspect": "^1.13.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/source-map-js": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+			"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/spdx-compare": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/spdx-compare/-/spdx-compare-1.0.0.tgz",
+			"integrity": "sha512-C1mDZOX0hnu0ep9dfmuoi03+eOdDoz2yvK79RxbcrVEG1NO1Ph35yW102DHWKN4pk80nwCgeMmSY5L25VE4D9A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"array-find-index": "^1.0.2",
+				"spdx-expression-parse": "^3.0.0",
+				"spdx-ranges": "^2.0.0"
+			}
+		},
+		"node_modules/spdx-exceptions": {
+			"version": "2.5.0",
+			"resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
+			"integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
+			"dev": true,
+			"license": "CC-BY-3.0"
+		},
+		"node_modules/spdx-expression-parse": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+			"integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"spdx-exceptions": "^2.1.0",
+				"spdx-license-ids": "^3.0.0"
+			}
+		},
+		"node_modules/spdx-expression-validate": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/spdx-expression-validate/-/spdx-expression-validate-2.0.0.tgz",
+			"integrity": "sha512-b3wydZLM+Tc6CFvaRDBOF9d76oGIHNCLYFeHbftFXUWjnfZWganmDmvtM5sm1cRwJc/VDBMLyGGrsLFd1vOxbg==",
+			"dev": true,
+			"license": "(MIT AND CC-BY-3.0)",
+			"dependencies": {
+				"spdx-expression-parse": "^3.0.0"
+			}
+		},
+		"node_modules/spdx-license-ids": {
+			"version": "3.0.20",
+			"resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.20.tgz",
+			"integrity": "sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==",
+			"dev": true,
+			"license": "CC0-1.0"
+		},
+		"node_modules/spdx-ranges": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/spdx-ranges/-/spdx-ranges-2.1.1.tgz",
+			"integrity": "sha512-mcdpQFV7UDAgLpXEE/jOMqvK4LBoO0uTQg0uvXUewmEFhpiZx5yJSZITHB8w1ZahKdhfZqP5GPEOKLyEq5p8XA==",
+			"dev": true,
+			"license": "(MIT AND CC-BY-3.0)"
+		},
+		"node_modules/spdx-satisfies": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/spdx-satisfies/-/spdx-satisfies-5.0.1.tgz",
+			"integrity": "sha512-Nwor6W6gzFp8XX4neaKQ7ChV4wmpSh2sSDemMFSzHxpTw460jxFYeOn+jq4ybnSSw/5sc3pjka9MQPouksQNpw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"spdx-compare": "^1.0.0",
+				"spdx-expression-parse": "^3.0.0",
+				"spdx-ranges": "^2.0.0"
+			}
+		},
+		"node_modules/string-width": {
+			"version": "4.2.3",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"emoji-regex": "^8.0.0",
+				"is-fullwidth-code-point": "^3.0.0",
+				"strip-ansi": "^6.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/string.prototype.trim": {
+			"version": "1.2.9",
+			"resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+			"integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.0",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/string.prototype.trimend": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+			"integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/string.prototype.trimstart": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+			"integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/strip-ansi": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/strip-bom": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+			"integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/strip-json-comments": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+			"integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/supports-color": {
+			"version": "8.1.1",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+			"integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/supports-color?sponsor=1"
+			}
+		},
+		"node_modules/supports-preserve-symlinks-flag": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/svelte": {
+			"version": "4.2.19",
+			"resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.19.tgz",
+			"integrity": "sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@ampproject/remapping": "^2.2.1",
+				"@jridgewell/sourcemap-codec": "^1.4.15",
+				"@jridgewell/trace-mapping": "^0.3.18",
+				"@types/estree": "^1.0.1",
+				"acorn": "^8.9.0",
+				"aria-query": "^5.3.0",
+				"axobject-query": "^4.0.0",
+				"code-red": "^1.0.3",
+				"css-tree": "^2.3.1",
+				"estree-walker": "^3.0.3",
+				"is-reference": "^3.0.1",
+				"locate-character": "^3.0.0",
+				"magic-string": "^0.30.4",
+				"periscopic": "^3.1.0"
+			},
+			"engines": {
+				"node": ">=16"
+			}
+		},
+		"node_modules/svelte-eslint-parser": {
+			"version": "0.41.1",
+			"resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.41.1.tgz",
+			"integrity": "sha512-08ndI6zTghzI8SuJAFpvMbA/haPSGn3xz19pjre19yYMw8Nw/wQJ2PrZBI/L8ijGTgtkWCQQiLLy+Z1tfaCwNA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"eslint-scope": "^7.2.2",
+				"eslint-visitor-keys": "^3.4.3",
+				"espree": "^9.6.1",
+				"postcss": "^8.4.39",
+				"postcss-scss": "^4.0.9"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ota-meshi"
+			},
+			"peerDependencies": {
+				"svelte": "^3.37.0 || ^4.0.0 || ^5.0.0-next.191"
+			},
+			"peerDependenciesMeta": {
+				"svelte": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/svelte-hmr": {
+			"version": "0.16.0",
+			"resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.16.0.tgz",
+			"integrity": "sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": "^12.20 || ^14.13.1 || >= 16"
+			},
+			"peerDependencies": {
+				"svelte": "^3.19.0 || ^4.0.0"
+			}
+		},
+		"node_modules/svelte-preprocess": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-6.0.2.tgz",
+			"integrity": "sha512-OvDTLfaOkkhjprbDKO0SOCkjNYuHy16dbD4SpqbIi6QiabOMHxRT4km5/dzbFFkmW1L0E2INF3MFltG2pgOyKQ==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 18.0.0"
+			},
+			"peerDependencies": {
+				"@babel/core": "^7.10.2",
+				"coffeescript": "^2.5.1",
+				"less": "^3.11.3 || ^4.0.0",
+				"postcss": "^7 || ^8",
+				"postcss-load-config": ">=3",
+				"pug": "^3.0.0",
+				"sass": "^1.26.8",
+				"stylus": ">=0.55",
+				"sugarss": "^2.0.0 || ^3.0.0 || ^4.0.0",
+				"svelte": "^4.0.0 || ^5.0.0-next.100 || ^5.0.0",
+				"typescript": "^5.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@babel/core": {
+					"optional": true
+				},
+				"coffeescript": {
+					"optional": true
+				},
+				"less": {
+					"optional": true
+				},
+				"postcss": {
+					"optional": true
+				},
+				"postcss-load-config": {
+					"optional": true
+				},
+				"pug": {
+					"optional": true
+				},
+				"sass": {
+					"optional": true
+				},
+				"stylus": {
+					"optional": true
+				},
+				"sugarss": {
+					"optional": true
+				},
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/synckit": {
+			"version": "0.9.1",
+			"resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.1.tgz",
+			"integrity": "sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@pkgr/core": "^0.1.0",
+				"tslib": "^2.6.2"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/unts"
+			}
+		},
+		"node_modules/tapable": {
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+			"integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/text-table": {
+			"version": "0.2.0",
+			"resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+			"integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/to-regex-range": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-number": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=8.0"
+			}
+		},
+		"node_modules/tree-kill": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+			"integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"tree-kill": "cli.js"
+			}
+		},
+		"node_modules/ts-api-utils": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
+			"integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=16"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.2.0"
+			}
+		},
+		"node_modules/ts-node": {
+			"version": "10.9.2",
+			"resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+			"integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@cspotcode/source-map-support": "^0.8.0",
+				"@tsconfig/node10": "^1.0.7",
+				"@tsconfig/node12": "^1.0.7",
+				"@tsconfig/node14": "^1.0.0",
+				"@tsconfig/node16": "^1.0.2",
+				"acorn": "^8.4.1",
+				"acorn-walk": "^8.1.1",
+				"arg": "^4.1.0",
+				"create-require": "^1.1.0",
+				"diff": "^4.0.1",
+				"make-error": "^1.1.1",
+				"v8-compile-cache-lib": "^3.0.1",
+				"yn": "3.1.1"
+			},
+			"bin": {
+				"ts-node": "dist/bin.js",
+				"ts-node-cwd": "dist/bin-cwd.js",
+				"ts-node-esm": "dist/bin-esm.js",
+				"ts-node-script": "dist/bin-script.js",
+				"ts-node-transpile-only": "dist/bin-transpile.js",
+				"ts-script": "dist/bin-script-deprecated.js"
+			},
+			"peerDependencies": {
+				"@swc/core": ">=1.2.50",
+				"@swc/wasm": ">=1.2.50",
+				"@types/node": "*",
+				"typescript": ">=2.7"
+			},
+			"peerDependenciesMeta": {
+				"@swc/core": {
+					"optional": true
+				},
+				"@swc/wasm": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/tsconfig-paths": {
+			"version": "3.15.0",
+			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+			"integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/json5": "^0.0.29",
+				"json5": "^1.0.2",
+				"minimist": "^1.2.6",
+				"strip-bom": "^3.0.0"
+			}
+		},
+		"node_modules/tslib": {
+			"version": "2.7.0",
+			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
+			"integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
+			"dev": true,
+			"license": "0BSD"
+		},
+		"node_modules/type-check": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"prelude-ls": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/type-fest": {
+			"version": "0.20.2",
+			"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+			"integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+			"dev": true,
+			"license": "(MIT OR CC0-1.0)",
+			"peer": true,
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/typed-array-buffer": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+			"integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"es-errors": "^1.3.0",
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/typed-array-byte-length": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+			"integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"has-proto": "^1.0.3",
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typed-array-byte-offset": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
+			"integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"has-proto": "^1.0.3",
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typed-array-length": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
+			"integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"has-proto": "^1.0.3",
+				"is-typed-array": "^1.1.13",
+				"possible-typed-array-names": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typescript": {
+			"version": "5.6.2",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
+			"integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/unbox-primitive": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+			"integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"has-bigints": "^1.0.2",
+				"has-symbols": "^1.0.3",
+				"which-boxed-primitive": "^1.0.2"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/undici-types": {
+			"version": "6.19.8",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+			"integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/uri-js": {
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+			"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"peer": true,
+			"dependencies": {
+				"punycode": "^2.1.0"
+			}
+		},
+		"node_modules/util-deprecate": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/v8-compile-cache-lib": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+			"integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/vite": {
+			"version": "5.4.14",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-5.4.14.tgz",
+			"integrity": "sha512-EK5cY7Q1D8JNhSaPKVK4pwBFvaTmZxEnoKXLG/U9gmdDcihQGNzFlgIvaxezFR4glP1LsuiedwMBqCXH3wZccA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"esbuild": "^0.21.3",
+				"postcss": "^8.4.43",
+				"rollup": "^4.20.0"
+			},
+			"bin": {
+				"vite": "bin/vite.js"
+			},
+			"engines": {
+				"node": "^18.0.0 || >=20.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/vitejs/vite?sponsor=1"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.3"
+			},
+			"peerDependencies": {
+				"@types/node": "^18.0.0 || >=20.0.0",
+				"less": "*",
+				"lightningcss": "^1.21.0",
+				"sass": "*",
+				"sass-embedded": "*",
+				"stylus": "*",
+				"sugarss": "*",
+				"terser": "^5.4.0"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				},
+				"less": {
+					"optional": true
+				},
+				"lightningcss": {
+					"optional": true
+				},
+				"sass": {
+					"optional": true
+				},
+				"sass-embedded": {
+					"optional": true
+				},
+				"stylus": {
+					"optional": true
+				},
+				"sugarss": {
+					"optional": true
+				},
+				"terser": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vite-multiple-assets": {
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/vite-multiple-assets/-/vite-multiple-assets-1.3.1.tgz",
+			"integrity": "sha512-iV7lJiunCUyTq2hIsnnoZF2LBKLs9e1ezee0I3TOG9SgBrM2w5vrf4RXDJdVdYmCthujnz2aIx4wYax+0Gpcwg==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"mime-types": "^2.1.35",
+				"vite": ">=2.9.6"
+			}
+		},
+		"node_modules/vitefu": {
+			"version": "0.2.5",
+			"resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
+			"integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
+			},
+			"peerDependenciesMeta": {
+				"vite": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/which": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"isexe": "^2.0.0"
+			},
+			"bin": {
+				"node-which": "bin/node-which"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/which-boxed-primitive": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+			"integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-bigint": "^1.0.1",
+				"is-boolean-object": "^1.1.0",
+				"is-number-object": "^1.0.4",
+				"is-string": "^1.0.5",
+				"is-symbol": "^1.0.3"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/which-typed-array": {
+			"version": "1.1.15",
+			"resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
+			"integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"has-tostringtag": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/word-wrap": {
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+			"integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/wrap-ansi": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+			"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
+		"node_modules/wrappy": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true
+		},
+		"node_modules/y18n": {
+			"version": "5.0.8",
+			"resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+			"integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/yargs": {
+			"version": "17.7.2",
+			"resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+			"integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"cliui": "^8.0.1",
+				"escalade": "^3.1.1",
+				"get-caller-file": "^2.0.5",
+				"require-directory": "^2.1.1",
+				"string-width": "^4.2.3",
+				"y18n": "^5.0.5",
+				"yargs-parser": "^21.1.1"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/yargs-parser": {
+			"version": "21.1.1",
+			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+			"integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/yn": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+			"integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/yocto-queue": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+			"integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		}
+	}
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..ea18e0fba9c7ef26e7e30d9fa7b6bafdcc7217be
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,71 @@
+{
+	"name": "graphite-web-frontend",
+	"private": true,
+	"description": "Graphite's web app frontend.",
+	"author": "Graphite Authors <contact@graphite.rs>",
+	"browserslist": "> 1.5%, last 2 versions, not dead, not ie 11, not op_mini all, not ios_saf < 13",
+	"type": "module",
+	"scripts": {
+		"---------- DEV SERVER ----------": "",
+		"start": "npm run setup && npm run wasm:build-dev && concurrently -k -n \"VITE,RUST\" \"vite\" \"npm run wasm:watch-dev\"",
+		"profiling": "npm run setup && npm run wasm:build-profiling && concurrently -k -n \"VITE,RUST\" \"vite\" \"npm run wasm:watch-profiling\"",
+		"production": "npm run setup && npm run wasm:build-production && concurrently -k -n \"VITE,RUST\" \"vite\" \"npm run wasm:watch-production\"",
+		"---------- BUILDS ----------": "",
+		"build-dev": "npm run wasm:build-dev && vite build",
+		"build-profiling": "npm run wasm:build-profiling && vite build",
+		"build": "npm run wasm:build-production && vite build",
+		"---------- UTILITIES ----------": "",
+		"lint": "eslint . && tsc --noEmit",
+		"lint-fix": "eslint . --fix && tsc --noEmit",
+		"---------- INTERNAL ----------": "",
+		"setup": "node package-installer.js",
+		"tauri:dev": "vite",
+		"tauri:build": "wasm-pack build ./wasm --target=web --features=tauri",
+		"wasm:build-dev": "wasm-pack build ./wasm --dev --target=web",
+		"wasm:build-profiling": "wasm-pack build ./wasm --profiling --target=web",
+		"wasm:build-production": "wasm-pack build ./wasm --release --target=web",
+		"wasm:watch-dev": "cargo watch --postpone --watch-when-idle --workdir=wasm --shell \"wasm-pack build . --dev --target=web -- --color=always\"",
+		"wasm:watch-profiling": "cargo watch --postpone --watch-when-idle --workdir=wasm --shell \"wasm-pack build . --profiling --target=web -- --color=always\"",
+		"wasm:watch-production": "cargo watch --postpone --watch-when-idle --workdir=wasm --shell \"wasm-pack build . --release --target=web -- --color=always\""
+	},
+	"dependencies": {
+		"@fontsource/inconsolata": "^5.2.5",
+		"@fontsource/source-sans-pro": "^5.2.5",
+		"class-transformer": "^0.5.1",
+		"idb-keyval": "^6.2.1",
+		"reflect-metadata": "^0.2.2"
+	},
+	"devDependencies": {
+		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"@types/node": "^22.6.1",
+		"@typescript-eslint/eslint-plugin": "^8.7.0",
+		"@typescript-eslint/parser": "^8.7.0",
+		"buffer": "^6.0.3",
+		"concurrently": "^9.0.1",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-import-resolver-typescript": "^3.6.3",
+		"eslint-plugin-import": "^2.30.0",
+		"eslint-plugin-prettier": "^5.2.1",
+		"eslint-plugin-svelte": "^2.44.0",
+		"postcss": "^8.4.47",
+		"prettier": "^3.3.3",
+		"prettier-plugin-svelte": "^3.2.6",
+		"process": "^0.11.10",
+		"rollup-plugin-license": "^3.5.3",
+		"sass": "1.78.0",
+		"svelte": "^4.2.19",
+		"svelte-preprocess": "^6.0.2",
+		"ts-node": "^10.9.2",
+		"typescript": "^5.6.2",
+		"vite": "^5.4.14",
+		"vite-multiple-assets": "1.3.1"
+	},
+	"//": "The dev dependency for `sass` can be removed once <https://github.com/sveltejs/svelte-preprocess/issues/656> is fixed, but meanwhile we have to",
+	"///": "list it here and pin it to 1.78.0 so `vite` and `svelte-preprocess` use it instead of 1.79+ which spams the console with deprecation warnings.",
+	"homepage": "https://graphite.rs",
+	"license": "Apache-2.0",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/GraphiteEditor/Graphite.git"
+	}
+}
diff --git a/frontend/public/android-chrome-192x192.png b/frontend/public/android-chrome-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e3f315c80d628dedf53073ea7d0032a292e0ea3
Binary files /dev/null and b/frontend/public/android-chrome-192x192.png differ
diff --git a/frontend/public/android-chrome-512x512.png b/frontend/public/android-chrome-512x512.png
new file mode 100644
index 0000000000000000000000000000000000000000..c02e22a2e1107b45a40eb3c0e451bcdd198b7c4f
Binary files /dev/null and b/frontend/public/android-chrome-512x512.png differ
diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2c512dd209349daddc92a8aa6ba36769e61fae5
Binary files /dev/null and b/frontend/public/apple-touch-icon.png differ
diff --git a/frontend/public/browserconfig.xml b/frontend/public/browserconfig.xml
new file mode 100644
index 0000000000000000000000000000000000000000..3ec377f7d47219dd907f5ac63a81669a27bc633d
--- /dev/null
+++ b/frontend/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+	<msapplication>
+		<tile>
+			<square150x150logo src="/mstile-150x150.png"/>
+			<TileColor>#ffffff</TileColor>
+		</tile>
+	</msapplication>
+</browserconfig>
diff --git a/frontend/public/favicon-16x16.png b/frontend/public/favicon-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe415500842870e71b0ba2f34024a3c8321794bc
Binary files /dev/null and b/frontend/public/favicon-16x16.png differ
diff --git a/frontend/public/favicon-32x32.png b/frontend/public/favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..e94d3fba4019e3238642265aff7396067072c935
Binary files /dev/null and b/frontend/public/favicon-32x32.png differ
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..484a28f36f5c76ca24a36dc1b1af0636e90d2585
Binary files /dev/null and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/mstile-144x144.png b/frontend/public/mstile-144x144.png
new file mode 100644
index 0000000000000000000000000000000000000000..44f54fd110823d3cb2809ac26a6f6d95cd4b34e9
Binary files /dev/null and b/frontend/public/mstile-144x144.png differ
diff --git a/frontend/public/mstile-150x150.png b/frontend/public/mstile-150x150.png
new file mode 100644
index 0000000000000000000000000000000000000000..30bebbdc81986f9f8c672e67aaa043461eae56da
Binary files /dev/null and b/frontend/public/mstile-150x150.png differ
diff --git a/frontend/public/mstile-310x150.png b/frontend/public/mstile-310x150.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b08b270efc07cb530e2f221ab5d8855a43c6a4e
Binary files /dev/null and b/frontend/public/mstile-310x150.png differ
diff --git a/frontend/public/mstile-310x310.png b/frontend/public/mstile-310x310.png
new file mode 100644
index 0000000000000000000000000000000000000000..5df1a3b78fab65c669e7437c211640ef3079b3c1
Binary files /dev/null and b/frontend/public/mstile-310x310.png differ
diff --git a/frontend/public/mstile-70x70.png b/frontend/public/mstile-70x70.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6c2562807339004ddb930cb31bd39a85dff1c03
Binary files /dev/null and b/frontend/public/mstile-70x70.png differ
diff --git a/frontend/public/safari-pinned-tab.svg b/frontend/public/safari-pinned-tab.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1aa9c242a00dcd55cee4d872ca7dff8b3468415a
--- /dev/null
+++ b/frontend/public/safari-pinned-tab.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1935 6994 c-186 -39 -328 -137 -415 -287 -24 -39 -51 -84 -61 -99
+-11 -15 -19 -29 -19 -31 0 -3 -39 -71 -86 -153 -47 -82 -160 -277 -251 -434
+-90 -157 -169 -292 -174 -300 -5 -8 -55 -96 -112 -195 -113 -196 -393 -681
+-408 -705 -5 -8 -41 -71 -80 -140 -40 -69 -85 -147 -101 -175 -73 -126 -100
+-226 -97 -349 3 -109 33 -203 106 -329 69 -117 281 -485 310 -537 11 -19 111
+-192 223 -385 111 -192 212 -366 222 -385 11 -19 37 -64 58 -100 21 -36 47
+-81 58 -100 11 -19 59 -102 107 -185 48 -82 95 -163 104 -180 9 -16 49 -86 89
+-155 40 -69 78 -134 85 -145 77 -134 155 -215 259 -268 145 -74 44 -69 1583
+-69 1525 0 1434 -4 1570 63 l62 31 304 -217 c167 -120 360 -259 429 -308 69
+-50 148 -106 175 -125 48 -34 130 -93 150 -110 6 -4 21 -16 35 -26 17 -12 19
+-16 6 -12 -31 11 -209 55 -246 61 -19 3 -42 8 -50 10 -28 8 -184 26 -285 33
+-203 13 -1356 5 -1760 -13 -44 -2 -161 -6 -260 -10 -99 -4 -209 -8 -245 -10
+-36 -2 -121 -6 -190 -10 -191 -9 -276 -14 -380 -20 -90 -5 -125 -8 -315 -20
+-44 -3 -114 -8 -155 -11 -198 -13 -326 -22 -405 -29 -27 -2 -81 -7 -120 -10
+-38 -3 -88 -8 -110 -10 -22 -3 -62 -7 -90 -10 -27 -3 -66 -7 -85 -10 -19 -3
+-55 -7 -80 -10 -25 -4 -64 -11 -88 -16 -23 -5 -59 -12 -80 -15 -74 -11 -307
+-76 -381 -106 -42 -17 -91 -42 -109 -55 l-33 -25 38 -28 c47 -35 138 -66 218
+-75 33 -4 71 -9 85 -11 27 -5 291 -11 860 -19 462 -7 617 -12 1355 -40 66 -3
+181 -7 255 -10 74 -3 178 -7 230 -10 52 -3 142 -7 200 -10 232 -12 407 -28
+575 -50 17 -2 56 -7 88 -10 32 -4 111 -12 175 -19 104 -12 493 -13 602 -2 19
+1 78 6 130 11 52 4 102 9 112 10 9 2 48 7 85 10 37 4 75 8 83 10 8 2 35 7 60
+10 84 11 172 25 205 31 11 2 34 7 50 10 141 25 376 82 477 115 204 67 307 135
+359 237 20 40 24 61 24 142 0 83 -7 178 -20 301 -3 20 -7 65 -10 100 -3 35 -7
+84 -10 109 -2 25 -7 73 -9 108 -12 137 -17 188 -21 212 -2 14 -6 61 -10 105
+-5 74 -8 102 -20 225 -7 68 -15 158 -21 225 -3 33 -7 80 -10 105 -2 25 -6 71
+-9 102 -2 31 -6 82 -9 112 -3 31 -8 81 -11 111 -3 30 -7 79 -10 108 -3 28 -7
+79 -10 112 -3 33 -7 84 -10 113 -3 28 -7 76 -10 105 -2 28 -7 75 -9 102 -3 28
+-8 82 -11 120 -3 39 -8 86 -10 105 -2 19 -7 67 -10 105 -3 39 -8 90 -10 115
+-3 25 -7 74 -10 110 -3 36 -7 85 -10 110 -5 48 -11 105 -20 210 -3 36 -8 85
+-10 110 -3 25 -7 74 -10 110 -5 69 -13 141 -21 202 -7 53 -46 144 -110 255
+-32 54 -66 114 -77 133 -10 19 -61 107 -112 195 -51 88 -102 177 -114 199 -12
+21 -78 135 -147 255 -68 119 -130 225 -136 236 -6 11 -74 127 -151 259 -76
+131 -148 255 -159 275 -33 60 -288 501 -335 579 -23 40 -43 75 -43 78 0 10
+-63 88 -100 122 -78 74 -174 125 -275 147 -48 11 -341 13 -1440 13 -759 0
+-1389 -2 -1400 -4z m2666 -602 c87 -43 85 -39 309 -427 51 -88 104 -180 118
+-205 14 -25 33 -58 43 -75 10 -16 32 -55 49 -85 17 -30 40 -71 51 -90 12 -19
+134 -229 271 -467 l249 -432 -33 -37 c-18 -20 -42 -47 -53 -58 -58 -60 -211
+-273 -280 -390 -10 -17 -56 -26 -205 -41 -36 -4 -78 -8 -95 -10 -113 -12 -153
+-17 -175 -20 -14 -2 -56 -7 -95 -11 -38 -4 -81 -8 -95 -9 -14 -2 -34 -3 -45
+-4 -15 -1 -47 -37 -105 -117 -47 -64 -90 -122 -95 -128 -6 -6 -22 -27 -35 -46
+-13 -19 -68 -94 -121 -166 l-97 -131 -69 -2 c-145 -3 -301 -21 -457 -52 -94
+-19 -99 -19 -112 -2 -7 10 -14 21 -14 25 0 3 -21 42 -46 85 -26 43 -57 96 -70
+119 -13 23 -105 182 -205 355 -100 173 -192 332 -204 354 -13 22 -105 182
+-205 355 -101 173 -194 335 -208 359 -47 84 -82 146 -92 161 -8 13 -160 278
+-185 322 -5 10 -80 138 -165 285 -85 147 -167 288 -181 315 -14 26 -31 54 -38
+62 -24 29 65 158 133 193 76 40 73 40 1310 39 l1201 -1 46 -23z m-2956 -912
+c43 -74 86 -151 97 -170 11 -19 93 -161 182 -315 239 -412 431 -745 453 -785
+11 -19 76 -132 145 -250 69 -118 137 -236 151 -262 15 -26 82 -143 150 -260
+68 -117 195 -337 282 -488 87 -151 176 -303 198 -338 42 -66 56 -77 487 -385
+74 -53 215 -154 313 -224 l179 -128 -1071 -3 c-1052 -2 -1071 -2 -1123 18 -59
+23 -113 68 -144 120 -115 194 -164 279 -164 284 0 3 -15 29 -33 58 -19 29 -47
+78 -64 108 -17 30 -54 96 -83 145 -29 50 -61 106 -72 125 -45 78 -322 559
+-353 610 -18 30 -103 179 -190 330 -87 151 -170 295 -185 320 -48 81 -58 177
+-26 253 13 32 221 398 353 622 7 11 38 65 70 120 32 55 64 112 73 126 8 14 47
+81 85 148 39 67 75 130 80 139 6 9 37 63 69 120 32 56 60 101 61 100 1 -2 37
+-64 80 -138z m4304 -1486 c1 -32 4 -61 6 -64 2 -3 7 -48 10 -100 3 -52 8 -97
+10 -100 2 -3 6 -45 10 -95 4 -49 8 -101 10 -115 4 -26 8 -67 25 -240 17 -173
+21 -214 25 -240 2 -14 6 -65 10 -115 3 -49 8 -97 10 -105 2 -8 7 -51 10 -94 4
+-43 8 -86 10 -95 1 -9 6 -54 10 -101 4 -47 8 -98 10 -115 2 -16 7 -64 11 -105
+3 -41 7 -82 9 -90 2 -8 6 -53 10 -100 4 -47 9 -88 11 -92 2 -3 2 -12 -1 -20
+-4 -10 -20 -13 -53 -12 -71 4 -179 -22 -259 -61 -79 -39 -189 -139 -223 -203
+-37 -71 -28 -72 -155 19 -64 46 -126 91 -138 99 -12 8 -83 59 -157 112 -74 53
+-174 125 -223 160 -190 137 -212 153 -215 160 -2 5 -7 8 -12 8 -7 0 -188 126
+-300 210 -14 10 -106 76 -205 147 -290 208 -315 226 -312 229 7 7 227 42 312
+49 39 4 110 8 159 9 80 3 91 6 107 27 10 13 65 87 121 164 56 77 106 145 110
+150 5 6 49 64 97 131 49 66 95 121 102 121 24 0 167 14 186 17 10 2 50 7 88
+11 39 3 84 8 100 10 17 3 50 7 75 9 25 2 93 10 151 17 l106 12 38 64 c65 110
+281 394 296 387 3 -2 7 -29 8 -60z"/>
+<path d="M1314 4324 c-43 -14 -93 -67 -96 -99 -5 -66 5 -92 78 -218 78 -134
+88 -152 153 -265 20 -35 41 -71 46 -80 13 -21 67 -116 93 -162 11 -19 83 -145
+161 -278 77 -134 141 -248 141 -253 0 -5 5 -9 10 -9 6 0 10 -4 10 -10 0 -5 27
+-55 60 -111 33 -55 60 -102 60 -104 0 -2 27 -49 60 -104 33 -56 60 -104 60
+-107 0 -2 8 -17 18 -32 11 -15 40 -63 67 -108 50 -85 77 -108 136 -118 49 -7
+116 28 141 74 37 68 11 140 -142 390 -28 47 -807 1395 -842 1460 -43 78 -66
+108 -91 122 -40 21 -84 26 -123 12z"/>
+</g>
+</svg>
diff --git a/frontend/public/site.webmanifest b/frontend/public/site.webmanifest
new file mode 100644
index 0000000000000000000000000000000000000000..a54dec1fc919631f10f3a156dbc970a144160f4d
--- /dev/null
+++ b/frontend/public/site.webmanifest
@@ -0,0 +1,21 @@
+{
+    "name": "Graphite",
+    "short_name": "Graphite",
+    "start_url": "/",
+    "id": "/",
+    "icons": [
+        {
+            "src": "./android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "./android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#222222",
+    "display": "standalone"
+}
diff --git a/frontend/src-tauri/.gitignore b/frontend/src-tauri/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..3419525157c6acf5f44d15fee2f8e882a491bc47
--- /dev/null
+++ b/frontend/src-tauri/.gitignore
@@ -0,0 +1,5 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target/
+# Generated by tauri
+gen/
diff --git a/frontend/src-tauri/Cargo.toml b/frontend/src-tauri/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..c2095e3d8763d23f3655340dcbaaa1a9411ebc65
--- /dev/null
+++ b/frontend/src-tauri/Cargo.toml
@@ -0,0 +1,45 @@
+[package]
+name = "graphite-desktop"
+version = "0.1.0"
+description = "Graphite Desktop"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "Apache-2.0"
+repository = ""
+default-run = "graphite-desktop"
+edition = "2021"
+rust-version = "1.79"
+
+[features]
+# By default Tauri runs in production mode when `tauri dev` runs it is executed with `cargo run --no-default-features` if `devPath` is an URL
+default = ["custom-protocol", "gpu"]
+# This feature is used for production builds where `devPath` points to the filesystem
+# DO NOT remove this
+custom-protocol = ["tauri/custom-protocol"]
+gpu = ["graphite-editor/gpu"]
+
+[dependencies]
+# Local dependencies
+graphite-editor = { path = "../../editor", features = [
+	"gpu",
+	"ron",
+	"vello",
+	"decouple-execution",
+] }
+
+# Workspace dependencies
+axum = { workspace = true }
+chrono = { workspace = true }
+tokio = { workspace = true }
+ron = { workspace = true }
+log = { workspace = true }
+fern = { workspace = true }
+futures = { workspace = true }
+
+# Required dependencies
+tauri = { version = "2", features = ["devtools", "wry"] }
+tauri-plugin-shell = "2"
+tauri-plugin-http = "2"
+
+[build-dependencies]
+# Required dependencies
+tauri-build = { version = "2", features = [] }
diff --git a/frontend/src-tauri/build.rs b/frontend/src-tauri/build.rs
new file mode 100644
index 0000000000000000000000000000000000000000..59fdfbea60e56a4894526735110b8192497e1e2f
--- /dev/null
+++ b/frontend/src-tauri/build.rs
@@ -0,0 +1,9 @@
+use std::fs;
+use std::path::PathBuf;
+
+fn main() {
+	// Directory required for compilation, but not tracked by git if empty.
+	let dist_dir: PathBuf = ["..", "dist"].iter().collect();
+	fs::create_dir_all(dist_dir).unwrap();
+	tauri_build::build()
+}
diff --git a/frontend/src-tauri/capabilities/desktop.json b/frontend/src-tauri/capabilities/desktop.json
new file mode 100644
index 0000000000000000000000000000000000000000..938d5a3367ffbad24b702619452b128b9c77bb4c
--- /dev/null
+++ b/frontend/src-tauri/capabilities/desktop.json
@@ -0,0 +1,6 @@
+{
+	"identifier": "desktop-capability",
+	"platforms": ["macOS", "windows", "linux"],
+	"windows": ["main"],
+	"permissions": ["http:default"]
+}
diff --git a/frontend/src-tauri/capabilities/migrated.json b/frontend/src-tauri/capabilities/migrated.json
new file mode 100644
index 0000000000000000000000000000000000000000..4e47d1a91a0bdbf82e0672453c20ae3b34a25556
--- /dev/null
+++ b/frontend/src-tauri/capabilities/migrated.json
@@ -0,0 +1,49 @@
+{
+	"identifier": "migrated",
+	"description": "permissions that were migrated from v1",
+	"local": true,
+	"windows": ["main"],
+	"permissions": [
+		"core:default",
+		"core:window:allow-create",
+		"core:window:allow-center",
+		"core:window:allow-request-user-attention",
+		"core:window:allow-set-resizable",
+		"core:window:allow-set-maximizable",
+		"core:window:allow-set-minimizable",
+		"core:window:allow-set-closable",
+		"core:window:allow-set-title",
+		"core:window:allow-maximize",
+		"core:window:allow-unmaximize",
+		"core:window:allow-minimize",
+		"core:window:allow-unminimize",
+		"core:window:allow-show",
+		"core:window:allow-hide",
+		"core:window:allow-close",
+		"core:window:allow-set-decorations",
+		"core:window:allow-set-always-on-top",
+		"core:window:allow-set-content-protected",
+		"core:window:allow-set-size",
+		"core:window:allow-set-min-size",
+		"core:window:allow-set-max-size",
+		"core:window:allow-set-position",
+		"core:window:allow-set-fullscreen",
+		"core:window:allow-set-focus",
+		"core:window:allow-set-icon",
+		"core:window:allow-set-skip-taskbar",
+		"core:window:allow-set-cursor-grab",
+		"core:window:allow-set-cursor-visible",
+		"core:window:allow-set-cursor-icon",
+		"core:window:allow-set-cursor-position",
+		"core:window:allow-set-ignore-cursor-events",
+		"core:window:allow-start-dragging",
+		"core:webview:allow-print",
+		"shell:allow-execute",
+		"shell:allow-open",
+		"http:default",
+		"core:app:allow-app-show",
+		"core:app:allow-app-hide",
+		"shell:default",
+		"http:default"
+	]
+}
diff --git a/frontend/src-tauri/icons/128x128.png b/frontend/src-tauri/icons/128x128.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7bd3fdad736e8b9d7624bea0f0e7405a336906f
Binary files /dev/null and b/frontend/src-tauri/icons/128x128.png differ
diff --git a/frontend/src-tauri/icons/128x128@2x.png b/frontend/src-tauri/icons/128x128@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..56b991cd81d6abfcf7b781a1d1279f6cf85fec3f
Binary files /dev/null and b/frontend/src-tauri/icons/128x128@2x.png differ
diff --git a/frontend/src-tauri/icons/32x32.png b/frontend/src-tauri/icons/32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..53d1df4aebcc8602514690c384845130912d3718
Binary files /dev/null and b/frontend/src-tauri/icons/32x32.png differ
diff --git a/frontend/src-tauri/icons/Square107x107Logo.png b/frontend/src-tauri/icons/Square107x107Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a931061854e8499258194c99223e73618a732ef
Binary files /dev/null and b/frontend/src-tauri/icons/Square107x107Logo.png differ
diff --git a/frontend/src-tauri/icons/Square142x142Logo.png b/frontend/src-tauri/icons/Square142x142Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d4be439c8c52d7ce0541994408b8a40bdbaac42
Binary files /dev/null and b/frontend/src-tauri/icons/Square142x142Logo.png differ
diff --git a/frontend/src-tauri/icons/Square150x150Logo.png b/frontend/src-tauri/icons/Square150x150Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1f9dbc536ae8933197e2e22e767e1b5e32ca5ad
Binary files /dev/null and b/frontend/src-tauri/icons/Square150x150Logo.png differ
diff --git a/frontend/src-tauri/icons/Square284x284Logo.png b/frontend/src-tauri/icons/Square284x284Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4bbc7a36ed8c2ef8f3d569bab2541837edcf892
Binary files /dev/null and b/frontend/src-tauri/icons/Square284x284Logo.png differ
diff --git a/frontend/src-tauri/icons/Square30x30Logo.png b/frontend/src-tauri/icons/Square30x30Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..cc7bb9c9cad694fbd016a54ebc8428e281404f6a
Binary files /dev/null and b/frontend/src-tauri/icons/Square30x30Logo.png differ
diff --git a/frontend/src-tauri/icons/Square310x310Logo.png b/frontend/src-tauri/icons/Square310x310Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4dd3fcae38cb674667662aba8df2a2c76efb947
Binary files /dev/null and b/frontend/src-tauri/icons/Square310x310Logo.png differ
diff --git a/frontend/src-tauri/icons/Square44x44Logo.png b/frontend/src-tauri/icons/Square44x44Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3edfca75e1226a76153334c253bdd6efa34da9fa
Binary files /dev/null and b/frontend/src-tauri/icons/Square44x44Logo.png differ
diff --git a/frontend/src-tauri/icons/Square71x71Logo.png b/frontend/src-tauri/icons/Square71x71Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..a189c3e7f9582a7f560f693bcf5854b37c59a60e
Binary files /dev/null and b/frontend/src-tauri/icons/Square71x71Logo.png differ
diff --git a/frontend/src-tauri/icons/Square89x89Logo.png b/frontend/src-tauri/icons/Square89x89Logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..454158e5657ed0051eeb2b217a40bf3d85b9fb2c
Binary files /dev/null and b/frontend/src-tauri/icons/Square89x89Logo.png differ
diff --git a/frontend/src-tauri/icons/StoreLogo.png b/frontend/src-tauri/icons/StoreLogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2a2283e50ae47b00d97f38ae759ac3fc9a8fd50
Binary files /dev/null and b/frontend/src-tauri/icons/StoreLogo.png differ
diff --git a/frontend/src-tauri/icons/icon.icns b/frontend/src-tauri/icons/icon.icns
new file mode 100644
index 0000000000000000000000000000000000000000..4e5ebc3bbad0b3ca6fcb6f8aaaacbb87f9f3184c
--- /dev/null
+++ b/frontend/src-tauri/icons/icon.icns
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7b6c3c1003f4ac14a9fe3ac9494ae90339194b88499a59d31a1298eeadb0d36f
+size 349608
diff --git a/frontend/src-tauri/icons/icon.ico b/frontend/src-tauri/icons/icon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..e45b58dd9d2a29eaf7212d01361340aa85640f10
Binary files /dev/null and b/frontend/src-tauri/icons/icon.ico differ
diff --git a/frontend/src-tauri/icons/icon.png b/frontend/src-tauri/icons/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..05483f325f04abc1109971a2c52417838c12a99b
Binary files /dev/null and b/frontend/src-tauri/icons/icon.png differ
diff --git a/frontend/src-tauri/src/main.rs b/frontend/src-tauri/src/main.rs
new file mode 100644
index 0000000000000000000000000000000000000000..edc544daefc1295afe8c26e7390444a4d35f897a
--- /dev/null
+++ b/frontend/src-tauri/src/main.rs
@@ -0,0 +1,88 @@
+#![cfg_attr(all(not(debug_assertions), target_os = "windows"), windows_subsystem = "windows")]
+
+use axum::routing::get;
+use axum::Router;
+use fern::colors::{Color, ColoredLevelConfig};
+use graphite_editor::application::Editor;
+use graphite_editor::messages::prelude::*;
+use graphite_editor::node_graph_executor::GraphRuntimeRequest;
+use graphite_editor::node_graph_executor::NODE_RUNTIME;
+use graphite_editor::node_graph_executor::*;
+use std::sync::Mutex;
+
+static NODE_RUNTIME_IO: Mutex<Option<NodeRuntimeIO>> = const { Mutex::new(None) };
+
+#[tokio::main]
+async fn main() {
+	println!("Starting server...");
+
+	let colors = ColoredLevelConfig::new().debug(Color::Magenta).info(Color::Green).error(Color::Red);
+
+	fern::Dispatch::new()
+		.chain(std::io::stdout())
+		.level(log::LevelFilter::Trace)
+		.level_for("naga", log::LevelFilter::Error)
+		.level_for("wgpu-hal", log::LevelFilter::Error)
+		.level_for("wgpu_hal", log::LevelFilter::Error)
+		.level_for("wgpu_core", log::LevelFilter::Error)
+		.format(move |out, message, record| {
+			out.finish(format_args!(
+				"[{}]{} {} {}",
+				// This will color the log level only, not the whole line. Just a touch.
+				colors.color(record.level()),
+				chrono::Utc::now().format("[%Y-%m-%d %H:%M:%S]"),
+				message,
+				record.module_path().unwrap_or("")
+			))
+		})
+		.apply()
+		.unwrap();
+
+	std::thread::spawn(|| loop {
+		futures::executor::block_on(graphite_editor::node_graph_executor::run_node_graph());
+		std::thread::sleep(std::time::Duration::from_millis(16))
+	});
+	graphite_editor::application::set_uuid_seed(0);
+
+	let mut runtime_lock = NODE_RUNTIME_IO.lock().unwrap();
+	*runtime_lock = Some(NodeRuntimeIO::new());
+	drop(runtime_lock);
+
+	let app = Router::new().route("/", get(|| async { "Hello, World!" }));
+
+	// Run it with hyper on localhost:3000
+	tauri::async_runtime::spawn(async {
+		let listener = tokio::net::TcpListener::bind("0.0.0.0:3000").await.unwrap();
+		axum::serve(listener, app).await.unwrap();
+	});
+
+	tauri::Builder::default()
+		.plugin(tauri_plugin_http::init())
+		.plugin(tauri_plugin_shell::init())
+		.invoke_handler(tauri::generate_handler![poll_node_graph, runtime_message])
+		.setup(|_app| {
+			use tauri::Manager;
+			_app.get_webview_window("main").unwrap().open_devtools();
+			Ok(())
+		})
+		.run(tauri::generate_context!())
+		.expect("error while running tauri application");
+}
+#[tauri::command]
+fn poll_node_graph() -> String {
+	let vec: Vec<_> = NODE_RUNTIME_IO.lock().as_mut().unwrap().as_mut().unwrap().receive().collect();
+	ron::to_string(&vec).unwrap()
+}
+
+#[tauri::command]
+fn runtime_message(message: String) -> Result<(), String> {
+	let message = match ron::from_str(&message) {
+		Ok(message) => message,
+		Err(e) => {
+			log::error!("Failed to deserialize message: {}\nwith error: {}", message, e);
+			return Err("Failed to deserialize message".into());
+		}
+	};
+	let response = NODE_RUNTIME_IO.lock().as_ref().unwrap().as_ref().unwrap().send(message);
+	response
+}
diff --git a/frontend/src-tauri/tauri.conf.json b/frontend/src-tauri/tauri.conf.json
new file mode 100644
index 0000000000000000000000000000000000000000..b7614dff0140ebcb462b8d168f3a51aaeff20494
--- /dev/null
+++ b/frontend/src-tauri/tauri.conf.json
@@ -0,0 +1,59 @@
+{
+	"$schema": "../node_modules/@tauri-apps/cli/schema.json",
+	"build": {
+		"beforeBuildCommand": "npm run tauri:build",
+		"beforeDevCommand": "npm run tauri:dev",
+		"frontendDist": "../dist",
+		"devUrl": "http://127.0.0.1:8080/"
+	},
+	"bundle": {
+		"active": true,
+		"category": "DeveloperTool",
+		"copyright": "",
+		"targets": "all",
+		"externalBin": [],
+		"icon": ["icons/32x32.png", "icons/128x128.png", "icons/128x128@2x.png", "icons/icon.icns", "icons/icon.ico"],
+		"windows": {
+			"certificateThumbprint": null,
+			"digestAlgorithm": "sha256",
+			"timestampUrl": ""
+		},
+		"longDescription": "",
+		"macOS": {
+			"entitlements": null,
+			"exceptionDomain": "",
+			"frameworks": [],
+			"providerShortName": null,
+			"signingIdentity": null
+		},
+		"resources": [],
+		"shortDescription": "",
+		"linux": {
+			"deb": {
+				"depends": ["librustc_codegen_spirv"]
+			}
+		}
+	},
+	"productName": "Graphite",
+	"mainBinaryName": "Graphite",
+	"version": "0.1.0",
+	"identifier": "rs.graphite.editor",
+	"plugins": {},
+	"app": {
+		"withGlobalTauri": true,
+		"windows": [
+			{
+				"decorations": false,
+				"fullscreen": false,
+				"height": 1080,
+				"resizable": true,
+				"title": "Graphite",
+				"width": 1920,
+				"useHttpsScheme": true
+			}
+		],
+		"security": {
+			"csp": null
+		}
+	}
+}
diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a43fb1a6adbe6a5cf95ccdbbc4242804b98fe4a2
--- /dev/null
+++ b/frontend/src/App.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { onMount, onDestroy } from "svelte";
+
+	import { type Editor as GraphiteEditor, initWasm, createEditor } from "@graphite/editor";
+
+	import Editor from "@graphite/components/Editor.svelte";
+
+	let editor: GraphiteEditor | undefined = undefined;
+
+	onMount(async () => {
+		await initWasm();
+
+		editor = createEditor();
+	});
+
+	onDestroy(() => {
+		// Destroy the WASM editor handle
+		editor?.handle.free();
+	});
+</script>
+
+{#if editor !== undefined}
+	<Editor {editor} />
+{/if}
diff --git a/frontend/src/README.md b/frontend/src/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..71bc2927a7b5fe330704062feb6a5fe1039eb44a
--- /dev/null
+++ b/frontend/src/README.md
@@ -0,0 +1,53 @@
+# Overview of `/frontend/src/`
+
+## Svelte components: `components/`
+
+Svelte components that build the Graphite editor GUI, which are mounted in `App.svelte`. These each contain a Svelte-templated HTML section, an SCSS (Stylus CSS) section, and a script section. The aim is to avoid implementing much editor business logic here, just enough to make things interactive and communicate to the backend where the real business logic should occur.
+
+## I/O managers: `io-managers/`
+
+TypeScript files which manage the input/output of browser APIs and link this functionality with the editor backend. These files subscribe to backend events to execute JS APIs, and in response to these APIs or user interactions, they may call functions into the backend (defined in `/frontend/wasm/editor_api.rs`).
+
+Each I/O manager is a self-contained module where one instance is created in `Editor.svelte` when it's mounted to the DOM at app startup.
+
+During development when HMR (hot-module replacement) occurs, these are also unmounted to clean up after themselves, so they can be mounted again with the updated code. Therefore, any side-effects that these managers cause (e.g. adding event listeners to the page) need a destructor function that cleans them up. The destructor function, when applicable, is returned by the module and automatically called in `Editor.svelte` on unmount.
+
+## State providers: `state-providers/`
+
+TypeScript files which provide reactive state and importable functions to Svelte components. Each module defines a Svelte writable store `const { subscribe, update } = writable({ .. });` and exports the `subscribe` method from the module in the returned object. Other functions may also be defined in the module and exported after `subscribe`, which provide a way for Svelte components to call functions to manipulate the state.
+
+In `Editor.svelte`, an instance of each of these are given to Svelte's [`setContext()`](https://svelte.dev/docs#run-time-svelte-setcontext) function. This allows any component to access the state provider instance using `const exampleStateProvider = getContext<ExampleStateProvider>("exampleStateProvider");`.
+
+## _I/O managers vs. state providers_
+
+_Some state providers, similarly to I/O managers, may subscribe to backend events, call functions from `editor_api.rs` into the backend, and interact with browser APIs and user input. The difference is that state providers are meant to be made available to components via `getContext()` to use them for reactive state, while I/O managers are meant to be self-contained systems that operate for the lifetime of the application and aren't touched by Svelte components._
+
+## Utility functions: `utility-functions/`
+
+TypeScript files which define and `export` individual helper functions for use elsewhere in the codebase. These files should not persist state outside each function.
+
+## WASM editor: `editor.ts`
+
+Instantiates the WASM and editor backend instances. The function `initWasm()` asynchronously constructs and initializes an instance of the WASM bindings JS module provided by wasm-bindgen/wasm-pack. The function `createEditor()` constructs an instance of the editor backend. In theory there could be multiple editor instances sharing the same WASM module instance. The function returns an object where `raw` is the WASM module, `instance` is the editor, and `subscriptions` is the subscription router (described below).
+
+`initWasm()` occurs in `main.ts` right before the Svelte application exists, then `createEditor()` is run in `Editor.svelte` during the Svelte app's creation. Similarly to the state providers described above, the editor is given via `setContext()` so other components can get it via `getContext` and call functions on `editor.raw`, `editor.handle`, or `editor.subscriptions`.
+
+## Message definitions: `messages.ts`
+
+Defines the message formats and data types received from the backend. Since Rust and JS support different styles of data representation, this bridges the gap from Rust into JS land. Messages (and the data contained within) are serialized in Rust by `serde` into JSON, and these definitions are manually kept up-to-date to parallel the message structs and their data types. (However, directives like `#[serde(skip)]` or `#[serde(rename = "someOtherName")]` may cause the TypeScript format to look slightly different from the Rust structs.) These definitions are basically just for the sake of TypeScript to understand the format, although in some cases we may perform data conversion here using translation functions that we can provide.
+
+## Subscription router: `subscription-router.ts`
+
+Associates messages from the backend with subscribers in the frontend, and routes messages to subscriber callbacks. This module provides a `subscribeJsMessage(messageType, callback)` function which JS code throughout the frontend can call to be registered as the exclusive handler for a chosen message type. This file's other exported function, `handleJsMessage(messageType, messageData, wasm, instance)`, is called in `editor.ts` by the associated editor instance when the backend sends a `FrontendMessage`. When this occurs, the subscription router delivers the message to the subscriber for given `messageType` by executing its registered `callback` function. As an argument to the function, it provides the `messageData` payload transformed into its TypeScript-friendly format defined in `messages.ts`.
+
+## Svelte app entry point: `App.svelte`
+
+The entry point for the Svelte application.
+
+## Editor base instance: `Editor.svelte`
+
+This is where we define global CSS style rules, create/destroy the editor instance, construct/destruct the I/O managers, and construct and `setContext()` the state providers.
+
+## JS bundle entry point: `main.ts`
+
+The entry point for the entire project's code bundle. Here we simply initialize the Svelte application with `export default new App({ target: document.body });`.
diff --git a/frontend/src/components/Editor.svelte b/frontend/src/components/Editor.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..148cd8e4b353aa6b4fdf6e8552d792b03426fa39
--- /dev/null
+++ b/frontend/src/components/Editor.svelte
@@ -0,0 +1,339 @@
+<script lang="ts">
+	import { onMount, onDestroy, setContext } from "svelte";
+
+	import { type Editor } from "@graphite/editor";
+	import { createClipboardManager } from "@graphite/io-managers/clipboard";
+	import { createDragManager } from "@graphite/io-managers/drag";
+	import { createHyperlinkManager } from "@graphite/io-managers/hyperlinks";
+	import { createInputManager } from "@graphite/io-managers/input";
+	import { createLocalizationManager } from "@graphite/io-managers/localization";
+	import { createPanicManager } from "@graphite/io-managers/panic";
+	import { createPersistenceManager } from "@graphite/io-managers/persistence";
+	import { createDialogState } from "@graphite/state-providers/dialog";
+	import { createDocumentState } from "@graphite/state-providers/document";
+	import { createFontsState } from "@graphite/state-providers/fonts";
+	import { createFullscreenState } from "@graphite/state-providers/fullscreen";
+	import { createNodeGraphState } from "@graphite/state-providers/node-graph";
+	import { createPortfolioState } from "@graphite/state-providers/portfolio";
+	import { operatingSystem } from "@graphite/utility-functions/platform";
+
+	import MainWindow from "@graphite/components/window/MainWindow.svelte";
+
+	// Graphite WASM editor
+	export let editor: Editor;
+	setContext("editor", editor);
+
+	// State provider systems
+	let dialog = createDialogState(editor);
+	setContext("dialog", dialog);
+	let document = createDocumentState(editor);
+	setContext("document", document);
+	let fonts = createFontsState(editor);
+	setContext("fonts", fonts);
+	let fullscreen = createFullscreenState(editor);
+	setContext("fullscreen", fullscreen);
+	let nodeGraph = createNodeGraphState(editor);
+	setContext("nodeGraph", nodeGraph);
+	let portfolio = createPortfolioState(editor);
+	setContext("portfolio", portfolio);
+
+	// Initialize managers, which are isolated systems that subscribe to backend messages to link them to browser API functionality (like JS events, IndexedDB, etc.)
+	createClipboardManager(editor);
+	createHyperlinkManager(editor);
+	createLocalizationManager(editor);
+	createPanicManager(editor, dialog);
+	createPersistenceManager(editor, portfolio);
+	let dragManagerDestructor = createDragManager();
+	let inputManagerDestructor = createInputManager(editor, dialog, portfolio, document, fullscreen);
+
+	onMount(() => {
+		// Initialize certain setup tasks required by the editor backend to be ready for the user now that the frontend is ready
+		editor.handle.initAfterFrontendReady(operatingSystem());
+	});
+
+	onDestroy(() => {
+		// Call the destructor for each manager
+		dragManagerDestructor();
+		inputManagerDestructor();
+	});
+</script>
+
+<MainWindow />
+
+<style lang="scss" global>
+	// Disable the spinning loading indicator
+	body::after {
+		content: none !important;
+	}
+
+	:root {
+		// Replace usage of `-rgb` variants with CSS color() function to calculate alpha when browsers support it
+		// See https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color() and https://caniuse.com/css-color-function
+		// Specifically, support for the relative syntax is needed: `color(from var(--color-0-black) srgb r g b / 0.5)` to convert black to 50% alpha
+		--color-0-black: #000;
+		--color-0-black-rgb: 0, 0, 0;
+		--color-1-nearblack: #111;
+		--color-1-nearblack-rgb: 17, 17, 17;
+		--color-2-mildblack: #222;
+		--color-2-mildblack-rgb: 34, 34, 34;
+		--color-3-darkgray: #333;
+		--color-3-darkgray-rgb: 51, 51, 51;
+		--color-4-dimgray: #444;
+		--color-4-dimgray-rgb: 68, 68, 68;
+		--color-5-dullgray: #555;
+		--color-5-dullgray-rgb: 85, 85, 85;
+		--color-6-lowergray: #666;
+		--color-6-lowergray-rgb: 102, 102, 102;
+		--color-7-middlegray: #777;
+		--color-7-middlegray-rgb: 109, 109, 109;
+		--color-8-uppergray: #888;
+		--color-8-uppergray-rgb: 136, 136, 136;
+		--color-9-palegray: #999;
+		--color-9-palegray-rgb: 153, 153, 153;
+		--color-a-softgray: #aaa;
+		--color-a-softgray-rgb: 170, 170, 170;
+		--color-b-lightgray: #bbb;
+		--color-b-lightgray-rgb: 187, 187, 187;
+		--color-c-brightgray: #ccc;
+		--color-c-brightgray-rgb: 204, 204, 204;
+		--color-d-mildwhite: #ddd;
+		--color-d-mildwhite-rgb: 221, 221, 221;
+		--color-e-nearwhite: #eee;
+		--color-e-nearwhite-rgb: 238, 238, 238;
+		--color-f-white: #fff;
+		--color-f-white-rgb: 255, 255, 255;
+		--color-error-red: #d6536e;
+		--color-error-red-rgb: 214, 83, 110;
+		--color-warning-yellow: #d5aa43;
+		--color-warning-yellow-rgb: 213, 170, 67;
+
+		--color-data-general: #cfcfcf;
+		--color-data-general-dim: #8a8a8a;
+		--color-data-raster: #e4bb72;
+		--color-data-raster-dim: #8b7752;
+		--color-data-vectordata: #65bbe5;
+		--color-data-vectordata-dim: #4b778c;
+		--color-data-group: #66b195;
+		--color-data-group-dim: #3d725e;
+		--color-data-artboard: #fbf9eb;
+		--color-data-artboard-dim: #b9b9a9;
+		--color-data-number: #c9a699;
+		--color-data-number-dim: #886b60;
+
+		--color-none: white;
+		--color-none-repeat: no-repeat;
+		--color-none-position: center center;
+		// 24px tall, 48px wide
+		--color-none-size-24px: 60px 24px;
+		// Red diagonal slash (24px tall)
+		--color-none-image-24px: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 24"><line stroke="red" stroke-width="4px" x1="0" y1="27" x2="60" y2="-3" /></svg>\
+			');
+		// 32px tall, 64px wide
+		--color-none-size-32px: 80px 32px;
+		// Red diagonal slash (32px tall)
+		--color-none-image-32px: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 32"><line stroke="red" stroke-width="4px" x1="0" y1="36" x2="80" y2="-4" /></svg>\
+			');
+
+		--color-transparent-checkered-background: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%),
+			linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%), linear-gradient(#ffffff, #ffffff);
+		--color-transparent-checkered-background-size: 16px 16px, 16px 16px, 16px 16px;
+		--color-transparent-checkered-background-position: 0 0, 8px 8px, 8px 8px;
+		--color-transparent-checkered-background-position-plus-one: 1px 1px, 9px 9px, 9px 9px;
+		--color-transparent-checkered-background-size-mini: 8px 8px, 8px 8px, 8px 8px;
+		--color-transparent-checkered-background-position-mini: 0 0, 4px 4px, 4px 4px;
+		--color-transparent-checkered-background-repeat: repeat, repeat, repeat;
+
+		--inheritance-stripes-background: repeating-linear-gradient(
+			-45deg,
+			transparent 0px,
+			transparent calc((3px * sqrt(2) / 2) - 0.5px),
+			var(--color-5-dullgray) calc((3px * sqrt(2) / 2) - 0.5px),
+			var(--color-5-dullgray) calc((3px * sqrt(2) / 2) + 0.5px),
+			transparent calc((3px * sqrt(2) / 2) + 0.5px),
+			transparent calc(6px * sqrt(2) / 2)
+		);
+		--inheritance-dots-background-4-dimgray: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 4" width="4px" height="4px" fill="%23444"><rect width="1" height="1" /><rect x="2" y="2" width="1" height="1" /></svg>\
+			');
+		--inheritance-dots-background-6-lowergray: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 4" width="4px" height="4px" fill="%23666"><rect width="1" height="1" /><rect x="2" y="2" width="1" height="1" /></svg>\
+			');
+
+		// Array of 2x3 dots (fill: --color-e-nearwhite)
+		--icon-drag-grip: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 24" fill="%23eee">\
+				<circle cx="0.5" cy="1.5" r="0.5" /><circle cx="3.5" cy="1.5" r="0.5" />\
+				<circle cx="0.5" cy="4.5" r="0.5" /><circle cx="3.5" cy="4.5" r="0.5" />\
+				<circle cx="0.5" cy="7.5" r="0.5" /><circle cx="3.5" cy="7.5" r="0.5" />\
+			</svg>\
+			');
+		// Array of 2x3 dots (fill: --color-f-white)
+		--icon-drag-grip-hover: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 24" fill="%23fff">\
+				<circle cx="0.5" cy="1.5" r="0.5" /><circle cx="3.5" cy="1.5" r="0.5" />\
+				<circle cx="0.5" cy="4.5" r="0.5" /><circle cx="3.5" cy="4.5" r="0.5" />\
+				<circle cx="0.5" cy="7.5" r="0.5" /><circle cx="3.5" cy="7.5" r="0.5" />\
+			</svg>\
+			');
+		// Array of 2x3 dots (fill: --color-8-uppergray)
+		--icon-drag-grip-disabled: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 24" fill="%23888">\
+				<circle cx="0.5" cy="1.5" r="0.5" /><circle cx="3.5" cy="1.5" r="0.5" />\
+				<circle cx="0.5" cy="4.5" r="0.5" /><circle cx="3.5" cy="4.5" r="0.5" />\
+				<circle cx="0.5" cy="7.5" r="0.5" /><circle cx="3.5" cy="7.5" r="0.5" />\
+			</svg>\
+			');
+
+		// Arrow triangle (fill: --color-e-nearwhite)
+		--icon-expand-collapse-arrow: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><polygon fill="%23eee" points="3,0 1,0 5,4 1,8 3,8 7,4" /></svg>\
+			');
+		// Arrow triangle (fill: --color-f-white)
+		--icon-expand-collapse-arrow-hover: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><polygon fill="%23fff" points="3,0 1,0 5,4 1,8 3,8 7,4" /></svg>\
+			');
+		// Arrow triangle (fill: --color-8-uppergray)
+		--icon-expand-collapse-arrow-disabled: url('data:image/svg+xml;utf8,\
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><polygon fill="%23888" points="3,0 1,0 5,4 1,8 3,8 7,4" /></svg>\
+			');
+	}
+
+	html,
+	body {
+		margin: 0;
+		height: 100%;
+		background: var(--color-2-mildblack);
+		overscroll-behavior: none;
+		-webkit-user-select: none; // Required as of Safari 15.0 (Graphite's minimum version) through the latest release
+		user-select: none;
+	}
+
+	// The default value of `auto` from the CSS spec is a footgun with flexbox layouts:
+	// https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size
+	* {
+		min-width: 0;
+		min-height: 0;
+	}
+
+	html,
+	body,
+	input,
+	textarea,
+	button {
+		font-family: "Source Sans Pro", Arial, sans-serif;
+		font-weight: 400;
+		font-size: 14px;
+		line-height: 1;
+		color: var(--color-e-nearwhite);
+	}
+
+	svg,
+	img {
+		display: block;
+	}
+
+	.layout-row,
+	.layout-col {
+		.scrollable-x,
+		.scrollable-y {
+			overflow: hidden;
+
+			scrollbar-width: thin;
+			// Not supported in Safari
+			scrollbar-color: var(--color-5-dullgray) transparent;
+
+			// Safari (more capable, removed from recent versions of Chromium, possibly still supported in Safari but not tested)
+			&::-webkit-scrollbar {
+				width: calc(2px + 6px + 2px);
+				height: calc(2px + 6px + 2px);
+			}
+
+			&::-webkit-scrollbar-track {
+				box-shadow: inset 0 0 0 1px var(--color-5-dullgray);
+				border: 2px solid transparent;
+				border-radius: 10px;
+			}
+
+			&:hover::-webkit-scrollbar-track {
+				box-shadow: inset 0 0 0 1px var(--color-6-lowergray);
+			}
+
+			&::-webkit-scrollbar-thumb {
+				background-clip: padding-box;
+				background-color: var(--color-5-dullgray);
+				border: 2px solid transparent;
+				border-radius: 10px;
+				margin: 2px;
+			}
+
+			&:hover::-webkit-scrollbar-thumb {
+				background-color: var(--color-6-lowergray);
+			}
+
+			&::-webkit-scrollbar-corner {
+				background: none;
+			}
+		}
+
+		.scrollable-x.scrollable-y {
+			overflow: auto;
+		}
+
+		.scrollable-x:not(.scrollable-y) {
+			overflow: auto hidden;
+		}
+
+		.scrollable-y:not(.scrollable-x) {
+			overflow: hidden auto;
+		}
+	}
+
+	// List of all elements that should show an outline when focused by tabbing or by clicking the element
+	.dropdown-input .dropdown-box,
+	.font-input .dropdown-box {
+		&:focus {
+			outline: 1px dashed var(--color-e-nearwhite);
+			outline-offset: -1px;
+		}
+	}
+
+	// List of all elements that should show an outline when focused by tabbing, but not by clicking the element
+	.icon-button,
+	.text-button,
+	.popover-button,
+	.color-button > button,
+	.color-picker .preset-color,
+	.working-colors-input .swatch > button,
+	.radio-input button,
+	.menu-list,
+	.menu-list-button .entry,
+	.layer-tree .expand-arrow,
+	.widget-section .header {
+		&:focus-visible {
+			outline: 1px dashed var(--color-e-nearwhite);
+			outline-offset: -1px;
+		}
+
+		// Variant: dark outline over light colors
+		&.preset-color.white,
+		&.text-button.emphasized {
+			&:focus-visible {
+				outline: 1px dashed var(--color-2-mildblack);
+			}
+		}
+	}
+
+	// Checkbox needs to apply the focus outline to its sibling label
+	.optional-input input:focus-visible + label,
+	.checkbox-input input:focus-visible + label {
+		outline: 1px dashed var(--color-e-nearwhite);
+		outline-offset: -1px;
+	}
+
+	// Variant: dark outline over light colors (when the checkbox is checked)
+	:not(.optional-input) > .checkbox-input input:focus-visible + label.checked {
+		outline: 1px dashed var(--color-2-mildblack);
+	}
+</style>
diff --git a/frontend/src/components/README.md b/frontend/src/components/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..bcf02e639d1868c043dab990f9658b273ad56c08
--- /dev/null
+++ b/frontend/src/components/README.md
@@ -0,0 +1,60 @@
+# Overview of `/frontend/src/components/`
+
+Each component represents a (usually reusable) part of the Graphite editor GUI. These all get mounted in `Editor.svelte` (in the `/src` directory above this one).
+
+## Floating Menus: `floating-menus/`
+
+The temporary UI areas with dark backgrounds which hover over the top of the editor window content. Examples include menu lists, popovers, and dialogs.
+
+## Layout: `layout/`
+
+Useful containers that control the flow of content held within.
+
+## Panels: `panels/`
+
+The dockable tabbed regions like the Document, Properties, Layers, and Node Graph panels.
+
+## Widgets: `widgets/`
+
+The interactive input items used to display information and provide user control.
+
+## Window: `window/`
+
+The building blocks for the Title Bar, Workspace, and Status Bar within an editor application window.
+
+# Svelte tips and tricks
+
+This section contains a growing list of quick reference information for helpful Svelte solutions and best practices. Feel free to add to this to help contributors learn things, or yourself remember tricks you'll likely forget in a few months.
+
+## Bi-directional props
+
+The component declares this:
+
+```ts
+// The dispatcher that sends the changed value as a custom event to the parent
+const dispatch = createEventDispatcher<{ theBidirectionalProperty: number }>();
+
+// The prop
+export let theBidirectionalProperty: number;
+
+// Called only when `theBidirectionalProperty` is changed from outside this component via its props
+$: console.log(theBidirectionalProperty);
+
+// Example of a method that would update the value
+function doSomething() {
+	dispatch("theBidirectionalProperty", SOME_NEW_VALUE);
+},
+```
+
+Users of the component do this for `theCorrespondingDataEntry` to be a two-way binding:
+
+```ts
+let theCorrespondingDataEntry = 42;
+```
+
+```svelte
+<DropdownInput
+	theBidirectionalProperty={theCorrespondingDataEntry}
+	on:theBidirectionalProperty={({ detail }) => { theCorrespondingDataEntry = detail; }}
+/>
+```
diff --git a/frontend/src/components/floating-menus/ColorPicker.svelte b/frontend/src/components/floating-menus/ColorPicker.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..53a20010f9a694111addaad40859c52239449a0d
--- /dev/null
+++ b/frontend/src/components/floating-menus/ColorPicker.svelte
@@ -0,0 +1,967 @@
+<script lang="ts">
+	import { onDestroy, createEventDispatcher, getContext } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import type { HSV, RGB, FillChoice } from "@graphite/messages";
+	import type { MenuDirection } from "@graphite/messages";
+	import { Color, contrastingOutlineFactor, Gradient } from "@graphite/messages";
+	import { clamp } from "@graphite/utility-functions/math";
+
+	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
+	import { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
+	import NumberInput from "@graphite/components/widgets/inputs/NumberInput.svelte";
+	import SpectrumInput from "@graphite/components/widgets/inputs/SpectrumInput.svelte";
+	import TextInput from "@graphite/components/widgets/inputs/TextInput.svelte";
+	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	type PresetColors = "none" | "black" | "white" | "red" | "yellow" | "green" | "cyan" | "blue" | "magenta";
+
+	const PURE_COLORS: Record<PresetColors, [number, number, number]> = {
+		none: [0, 0, 0],
+		black: [0, 0, 0],
+		white: [1, 1, 1],
+		red: [1, 0, 0],
+		yellow: [1, 1, 0],
+		green: [0, 1, 0],
+		cyan: [0, 1, 1],
+		blue: [0, 0, 1],
+		magenta: [1, 0, 1],
+	};
+
+	const editor = getContext<Editor>("editor");
+
+	const dispatch = createEventDispatcher<{ colorOrGradient: FillChoice; startHistoryTransaction: undefined }>();
+
+	export let colorOrGradient: FillChoice;
+	export let allowNone = false;
+	// export let allowTransparency = false; // TODO: Implement
+	export let direction: MenuDirection = "Bottom";
+	// TODO: See if this should be made to follow the pattern of DropdownInput.svelte so this could be removed
+	export let open: boolean;
+
+	const hsvaOrNone = colorOrGradient instanceof Color ? colorOrGradient.toHSVA() : colorOrGradient.firstColor()?.toHSVA();
+	const hsva = hsvaOrNone || { h: 0, s: 0, v: 0, a: 1 };
+
+	// Gradient color stops
+	$: gradient = colorOrGradient instanceof Gradient ? colorOrGradient : undefined;
+	let activeIndex = 0 as number | undefined;
+	$: selectedGradientColor = (activeIndex !== undefined && gradient?.atIndex(activeIndex)?.color) || (Color.fromCSS("black") as Color);
+	// Currently viewed color
+	$: color = colorOrGradient instanceof Color ? colorOrGradient : selectedGradientColor;
+	// New color components
+	let hue = hsva.h;
+	let saturation = hsva.s;
+	let value = hsva.v;
+	let alpha = hsva.a;
+	let isNone = hsvaOrNone === undefined;
+	// Old color components
+	let oldHue = hsva.h;
+	let oldSaturation = hsva.s;
+	let oldValue = hsva.v;
+	let oldAlpha = hsva.a;
+	let oldIsNone = hsvaOrNone === undefined;
+	// Transient state
+	let draggingPickerTrack: HTMLDivElement | undefined = undefined;
+	let strayCloses = true;
+	let gradientSpectrumDragging = false;
+	let shiftPressed = false;
+	let alignedAxis: "saturation" | "value" | undefined = undefined;
+	let hueBeforeDrag = 0;
+	let saturationBeforeDrag = 0;
+	let valueBeforeDrag = 0;
+	let alphaBeforeDrag = 0;
+	let saturationStartOfAxisAlign: number | undefined = undefined;
+	let valueStartOfAxisAlign: number | undefined = undefined;
+	let saturationRestoreWhenShiftReleased: number | undefined = undefined;
+	let valueRestoreWhenShiftReleased: number | undefined = undefined;
+
+	let self: FloatingMenu | undefined;
+	let hexCodeInputWidget: TextInput | undefined;
+	let gradientSpectrumInputWidget: SpectrumInput | undefined;
+
+	$: watchOpen(open);
+	$: watchColor(color);
+
+	$: oldColor = generateColor(oldHue, oldSaturation, oldValue, oldAlpha, oldIsNone);
+	$: newColor = generateColor(hue, saturation, value, alpha, isNone);
+	$: rgbChannels = Object.entries(newColor.toRgb255() || { r: undefined, g: undefined, b: undefined }) as [keyof RGB, number | undefined][];
+	$: hsvChannels = Object.entries(!isNone ? { h: hue * 360, s: saturation * 100, v: value * 100 } : { h: undefined, s: undefined, v: undefined }) as [keyof HSV, number | undefined][];
+	$: opaqueHueColor = new Color({ h: hue, s: 1, v: 1, a: 1 });
+	$: outlineFactor = Math.max(contrastingOutlineFactor(newColor, "--color-2-mildblack", 0.01), contrastingOutlineFactor(oldColor, "--color-2-mildblack", 0.01));
+	$: outlined = outlineFactor > 0.0001;
+	$: transparency = newColor.alpha < 1 || oldColor.alpha < 1;
+
+	function generateColor(h: number, s: number, v: number, a: number, none: boolean) {
+		if (none) return new Color("none");
+		return new Color({ h, s, v, a });
+	}
+
+	function watchOpen(open: boolean) {
+		if (open) {
+			setTimeout(() => hexCodeInputWidget?.focus(), 0);
+		} else {
+			setOldHSVA(hue, saturation, value, alpha, isNone);
+		}
+	}
+
+	function watchColor(color: Color) {
+		const hsva = color.toHSVA();
+
+		if (hsva === undefined) {
+			setNewHSVA(0, 0, 0, 1, true);
+			return;
+		}
+
+		// Update the hue, but only if it is necessary so we don't:
+		// - ...jump the user's hue from 360° (top) to the equivalent 0° (bottom)
+		// - ...reset the hue to 0° if the color is fully desaturated, where all hues are equivalent
+		// - ...reset the hue to 0° if the color's value is black, where all hues are equivalent
+		if (!(hsva.h === 0 && hue === 1) && hsva.s > 0 && hsva.v > 0) hue = hsva.h;
+		// Update the saturation, but only if it is necessary so we don't:
+		// - ...reset the saturation to the left if the color's value is black along the bottom edge, where all saturations are equivalent
+		if (hsva.v !== 0) saturation = hsva.s;
+		// Update the value
+		value = hsva.v;
+		// Update the alpha
+		alpha = hsva.a;
+		// Update the status of this not being a color
+		isNone = false;
+	}
+
+	function onPointerDown(e: PointerEvent) {
+		const target = (e.target || undefined) as HTMLElement | undefined;
+		draggingPickerTrack = target?.closest("[data-saturation-value-picker], [data-hue-picker], [data-alpha-picker]") || undefined;
+
+		hueBeforeDrag = hue;
+		saturationBeforeDrag = saturation;
+		valueBeforeDrag = value;
+		alphaBeforeDrag = alpha;
+
+		saturationStartOfAxisAlign = undefined;
+		valueStartOfAxisAlign = undefined;
+
+		addEvents();
+
+		onPointerMove(e);
+	}
+
+	function onPointerMove(e: PointerEvent) {
+		// Just in case the mouseup event is lost
+		if (e.buttons === 0) removeEvents();
+
+		if (draggingPickerTrack?.hasAttribute("data-saturation-value-picker")) {
+			const rectangle = draggingPickerTrack.getBoundingClientRect();
+
+			saturation = clamp((e.clientX - rectangle.left) / rectangle.width, 0, 1);
+			value = clamp(1 - (e.clientY - rectangle.top) / rectangle.height, 0, 1);
+			strayCloses = false;
+
+			if (shiftPressed) updateAxisLock();
+		} else if (draggingPickerTrack?.hasAttribute("data-hue-picker")) {
+			const rectangle = draggingPickerTrack.getBoundingClientRect();
+
+			hue = clamp(1 - (e.clientY - rectangle.top) / rectangle.height, 0, 1);
+			strayCloses = false;
+		} else if (draggingPickerTrack?.hasAttribute("data-alpha-picker")) {
+			const rectangle = draggingPickerTrack.getBoundingClientRect();
+
+			alpha = clamp(1 - (e.clientY - rectangle.top) / rectangle.height, 0, 1);
+			strayCloses = false;
+		}
+
+		const color = new Color({ h: hue, s: saturation, v: value, a: alpha });
+		setColor(color);
+
+		if (!e.shiftKey) {
+			shiftPressed = false;
+			alignedAxis = undefined;
+		} else if (!shiftPressed && draggingPickerTrack) {
+			shiftPressed = true;
+			saturationStartOfAxisAlign = saturation;
+			valueStartOfAxisAlign = value;
+		}
+	}
+
+	function onPointerUp() {
+		removeEvents();
+	}
+
+	function onMouseDown(e: MouseEvent) {
+		const BUTTONS_RIGHT = 0b0000_0010;
+		if (e.buttons & BUTTONS_RIGHT) abortDrag();
+	}
+
+	function onKeyDown(e: KeyboardEvent) {
+		if (e.key === "Escape") {
+			const element = self?.div();
+			if (element) preventEscapeClosingParentFloatingMenu(element);
+
+			abortDrag();
+		}
+	}
+
+	function onKeyUp(e: KeyboardEvent) {
+		if (e.key === "Shift") {
+			shiftPressed = false;
+			alignedAxis = undefined;
+
+			if (saturationRestoreWhenShiftReleased !== undefined && valueRestoreWhenShiftReleased !== undefined) {
+				saturation = saturationRestoreWhenShiftReleased;
+				value = valueRestoreWhenShiftReleased;
+
+				const color = new Color({ h: hue, s: saturation, v: value, a: alpha });
+				setColor(color);
+			}
+		}
+	}
+
+	function addEvents() {
+		document.addEventListener("pointermove", onPointerMove);
+		document.addEventListener("pointerup", onPointerUp);
+		document.addEventListener("mousedown", onMouseDown);
+		document.addEventListener("keydown", onKeyDown);
+		document.addEventListener("keyup", onKeyUp);
+
+		dispatch("startHistoryTransaction");
+	}
+
+	function removeEvents() {
+		draggingPickerTrack = undefined;
+		// The setTimeout is necessary to prevent the FloatingMenu's `escapeCloses` from becoming true immediately upon pressing the Escape key, and thus closing
+		setTimeout(() => (strayCloses = true), 0);
+		shiftPressed = false;
+		alignedAxis = undefined;
+
+		document.removeEventListener("pointermove", onPointerMove);
+		document.removeEventListener("pointerup", onPointerUp);
+		document.removeEventListener("mousedown", onMouseDown);
+		document.removeEventListener("keydown", onKeyDown);
+		document.removeEventListener("keyup", onKeyUp);
+	}
+
+	function updateAxisLock() {
+		if (!saturationStartOfAxisAlign || !valueStartOfAxisAlign) return;
+
+		const deltaSaturation = saturation - saturationStartOfAxisAlign;
+		const deltaValue = value - valueStartOfAxisAlign;
+
+		saturationRestoreWhenShiftReleased = saturation;
+		valueRestoreWhenShiftReleased = value;
+
+		if (Math.abs(deltaSaturation) < Math.abs(deltaValue)) {
+			alignedAxis = "saturation";
+			saturation = saturationStartOfAxisAlign;
+		} else {
+			alignedAxis = "value";
+			value = valueStartOfAxisAlign;
+		}
+	}
+
+	function abortDrag() {
+		removeEvents();
+
+		hue = hueBeforeDrag;
+		saturation = saturationBeforeDrag;
+		value = valueBeforeDrag;
+		alpha = alphaBeforeDrag;
+
+		const color = new Color({ h: hue, s: saturation, v: value, a: alpha });
+		setColor(color);
+	}
+
+	function setColor(color?: Color) {
+		const colorToEmit = color || new Color({ h: hue, s: saturation, v: value, a: alpha });
+
+		const stop = gradientSpectrumInputWidget && activeIndex !== undefined && gradient?.atIndex(activeIndex);
+		if (stop && gradientSpectrumInputWidget instanceof SpectrumInput) {
+			stop.color = colorToEmit;
+			gradient = gradient;
+		}
+
+		dispatch("colorOrGradient", gradient || colorToEmit);
+	}
+
+	function swapNewWithOld() {
+		const old = oldColor;
+
+		const tempHue = hue;
+		const tempSaturation = saturation;
+		const tempValue = value;
+		const tempAlpha = alpha;
+		const tempIsNone = isNone;
+
+		setNewHSVA(oldHue, oldSaturation, oldValue, oldAlpha, oldIsNone);
+		setOldHSVA(tempHue, tempSaturation, tempValue, tempAlpha, tempIsNone);
+
+		setColor(old);
+	}
+
+	function setColorCode(colorCode: string) {
+		const color = Color.fromCSS(colorCode);
+		if (color) setColor(color);
+	}
+
+	function setColorRGB(channel: keyof RGB, strength: number | undefined) {
+		// Do nothing if the given value is undefined
+		if (strength === undefined) return undefined;
+		// Set the specified channel to the given value
+		else if (channel === "r") setColor(new Color(strength / 255, newColor.green, newColor.blue, newColor.alpha));
+		else if (channel === "g") setColor(new Color(newColor.red, strength / 255, newColor.blue, newColor.alpha));
+		else if (channel === "b") setColor(new Color(newColor.red, newColor.green, strength / 255, newColor.alpha));
+	}
+
+	function setColorHSV(channel: keyof HSV, strength: number | undefined) {
+		// Do nothing if the given value is undefined
+		if (strength === undefined) return undefined;
+		// Set the specified channel to the given value
+		else if (channel === "h") hue = strength / 360;
+		else if (channel === "s") saturation = strength / 100;
+		else if (channel === "v") value = strength / 100;
+
+		setColor();
+	}
+
+	function setColorAlphaPercent(strength: number | undefined) {
+		if (strength !== undefined) alpha = strength / 100;
+		setColor();
+	}
+
+	function setColorPresetSubtile(e: MouseEvent) {
+		const clickedTile = e.target as HTMLDivElement | undefined;
+		const tileColor = clickedTile?.getAttribute("data-pure-tile") || undefined;
+
+		if (tileColor) setColorPreset(tileColor as PresetColors);
+	}
+
+	function setColorPreset(preset: PresetColors) {
+		dispatch("startHistoryTransaction");
+		if (preset === "none") {
+			setNewHSVA(0, 0, 0, 1, true);
+			setColor(new Color("none"));
+			return;
+		}
+
+		const presetColor = new Color(...PURE_COLORS[preset], 1);
+		const hsva = presetColor.toHSVA() || { h: 0, s: 0, v: 0, a: 0 };
+
+		setNewHSVA(hsva.h, hsva.s, hsva.v, hsva.a, false);
+		setColor(presetColor);
+	}
+
+	function setNewHSVA(h: number, s: number, v: number, a: number, none: boolean) {
+		hue = h;
+		saturation = s;
+		value = v;
+		alpha = a;
+		isNone = none;
+	}
+
+	function setOldHSVA(h: number, s: number, v: number, a: number, none: boolean) {
+		oldHue = h;
+		oldSaturation = s;
+		oldValue = v;
+		oldAlpha = a;
+		oldIsNone = none;
+	}
+
+	async function activateEyedropperSample() {
+		// TODO: Replace this temporary solution that only works in Chromium-based browsers with the custom color sampler used by the Eyedropper tool
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		if (!(window as any).EyeDropper) {
+			editor.handle.eyedropperSampleForColorPicker();
+			return;
+		}
+
+		try {
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			const result = await new (window as any).EyeDropper().open();
+			dispatch("startHistoryTransaction");
+			setColorCode(result.sRGBHex);
+		} catch {
+			// Do nothing
+		}
+	}
+
+	function gradientActiveMarkerIndexChange({ detail: index }: CustomEvent<number | undefined>) {
+		activeIndex = index;
+		const color = index === undefined ? undefined : gradient?.colorAtIndex(index);
+		const hsva = color?.toHSVA();
+		if (!color || !hsva) return;
+
+		setColor(color);
+
+		setNewHSVA(hsva.h, hsva.s, hsva.v, hsva.a, color.none);
+		setOldHSVA(hsva.h, hsva.s, hsva.v, hsva.a, color.none);
+	}
+
+	onDestroy(() => {
+		removeEvents();
+	});
+</script>
+
+<FloatingMenu class="color-picker" {open} on:open {strayCloses} escapeCloses={strayCloses && !gradientSpectrumDragging} {direction} type="Popover" bind:this={self}>
+	<LayoutRow
+		styles={{
+			"--new-color": newColor.toHexOptionalAlpha(),
+			"--new-color-contrasting": newColor.contrastingColor(),
+			"--old-color": oldColor.toHexOptionalAlpha(),
+			"--old-color-contrasting": oldColor.contrastingColor(),
+			"--hue-color": opaqueHueColor.toRgbCSS(),
+			"--hue-color-contrasting": opaqueHueColor.contrastingColor(),
+			"--opaque-color": (newColor.opaque() || new Color(0, 0, 0, 1)).toHexNoAlpha(),
+			"--opaque-color-contrasting": (newColor.opaque() || new Color(0, 0, 0, 1)).contrastingColor(),
+		}}
+	>
+		<LayoutCol class="pickers-and-gradient">
+			<LayoutRow class="pickers">
+				<LayoutCol class="saturation-value-picker" on:pointerdown={onPointerDown} data-saturation-value-picker>
+					{#if !isNone}
+						<div class="selection-circle" style:top={`${(1 - value) * 100}%`} style:left={`${saturation * 100}%`} />
+					{/if}
+					{#if alignedAxis}
+						<div
+							class="selection-circle-alignment"
+							class:saturation={alignedAxis === "saturation"}
+							class:value={alignedAxis === "value"}
+							style:top={`${(1 - value) * 100}%`}
+							style:left={`${saturation * 100}%`}
+						/>
+					{/if}
+				</LayoutCol>
+				<LayoutCol class="hue-picker" on:pointerdown={onPointerDown} data-hue-picker>
+					{#if !isNone}
+						<div class="selection-needle" style:top={`${(1 - hue) * 100}%`} />
+					{/if}
+				</LayoutCol>
+				<LayoutCol class="alpha-picker" on:pointerdown={onPointerDown} data-alpha-picker>
+					{#if !isNone}
+						<div class="selection-needle" style:top={`${(1 - alpha) * 100}%`} />
+					{/if}
+				</LayoutCol>
+			</LayoutRow>
+			{#if gradient}
+				<LayoutRow class="gradient">
+					<SpectrumInput
+						{gradient}
+						on:gradient={() => {
+							gradient = gradient;
+							if (gradient) dispatch("colorOrGradient", gradient);
+						}}
+						on:activeMarkerIndexChange={gradientActiveMarkerIndexChange}
+						activeMarkerIndex={activeIndex}
+						on:dragging={({ detail }) => (gradientSpectrumDragging = detail)}
+						bind:this={gradientSpectrumInputWidget}
+					/>
+					{#if gradientSpectrumInputWidget && activeIndex !== undefined}
+						<NumberInput
+							value={(gradient.positionAtIndex(activeIndex) || 0) * 100}
+							on:value={({ detail }) => {
+								if (gradientSpectrumInputWidget && activeIndex !== undefined && detail !== undefined) gradientSpectrumInputWidget.setPosition(activeIndex, detail / 100);
+							}}
+							displayDecimalPlaces={0}
+							min={0}
+							max={100}
+							unit="%"
+						/>
+					{/if}
+				</LayoutRow>
+			{/if}
+		</LayoutCol>
+		<LayoutCol class="details">
+			<LayoutRow
+				class="choice-preview"
+				classes={{ outlined, transparency }}
+				styles={{ "--outline-amount": outlineFactor }}
+				tooltip={!newColor.equals(oldColor) ? "Comparison between the present color choice (left) and the color before any change was made (right)" : "The present color choice"}
+			>
+				{#if !newColor.equals(oldColor)}
+					<div class="swap-button-background"></div>
+					<IconButton class="swap-button" icon="SwapHorizontal" size={16} action={swapNewWithOld} tooltip="Swap" />
+				{/if}
+				<LayoutCol class="new-color" classes={{ none: isNone }}>
+					{#if !newColor.equals(oldColor)}
+						<TextLabel>New</TextLabel>
+					{/if}
+				</LayoutCol>
+				{#if !newColor.equals(oldColor)}
+					<LayoutCol class="old-color" classes={{ none: oldIsNone }}>
+						<TextLabel>Old</TextLabel>
+					</LayoutCol>
+				{/if}
+			</LayoutRow>
+			<!-- <DropdownInput entries={[[{ label: "sRGB" }]]} selectedIndex={0} disabled={true} tooltip="Color model, color space, and HDR (coming soon)" /> -->
+			<LayoutRow>
+				<TextLabel tooltip={"Color code in hexadecimal format. 6 digits if opaque, 8 with alpha.\nAccepts input of CSS color values including named colors."}>Hex</TextLabel>
+				<Separator type="Related" />
+				<LayoutRow>
+					<TextInput
+						value={newColor.toHexOptionalAlpha() || "-"}
+						on:commitText={({ detail }) => {
+							dispatch("startHistoryTransaction");
+							setColorCode(detail);
+						}}
+						centered={true}
+						tooltip={"Color code in hexadecimal format. 6 digits if opaque, 8 with alpha.\nAccepts input of CSS color values including named colors."}
+						bind:this={hexCodeInputWidget}
+					/>
+				</LayoutRow>
+			</LayoutRow>
+			<LayoutRow>
+				<TextLabel tooltip="Red/Green/Blue channels of the color, integers 0–255">RGB</TextLabel>
+				<Separator type="Related" />
+				<LayoutRow>
+					{#each rgbChannels as [channel, strength], index}
+						{#if index > 0}
+							<Separator type="Related" />
+						{/if}
+						<NumberInput
+							value={strength}
+							on:value={({ detail }) => {
+								strength = detail;
+								setColorRGB(channel, detail);
+							}}
+							on:startHistoryTransaction={() => {
+								dispatch("startHistoryTransaction");
+							}}
+							min={0}
+							max={255}
+							minWidth={1}
+							tooltip={`${{ r: "Red", g: "Green", b: "Blue" }[channel]} channel, integers 0–255`}
+						/>
+					{/each}
+				</LayoutRow>
+			</LayoutRow>
+			<LayoutRow>
+				<TextLabel tooltip={"Hue/Saturation/Value, also known as Hue/Saturation/Brightness (HSB).\nNot to be confused with Hue/Saturation/Lightness (HSL), a different color model."}>
+					HSV
+				</TextLabel>
+				<Separator type="Related" />
+				<LayoutRow>
+					{#each hsvChannels as [channel, strength], index}
+						{#if index > 0}
+							<Separator type="Related" />
+						{/if}
+						<NumberInput
+							value={strength}
+							on:value={({ detail }) => {
+								strength = detail;
+								setColorHSV(channel, detail);
+							}}
+							on:startHistoryTransaction={() => {
+								dispatch("startHistoryTransaction");
+							}}
+							min={0}
+							max={channel === "h" ? 360 : 100}
+							unit={channel === "h" ? "°" : "%"}
+							minWidth={1}
+							displayDecimalPlaces={1}
+							tooltip={{
+								h: `Hue component, the shade along the spectrum of the rainbow`,
+								s: `Saturation component, the vividness from grayscale to full color`,
+								v: "Value component, the brightness from black to full color",
+							}[channel]}
+						/>
+					{/each}
+				</LayoutRow>
+			</LayoutRow>
+			<LayoutRow>
+				<TextLabel tooltip="Scale of translucency, from transparent (0%) to opaque (100%), for the color's alpha channel">Alpha</TextLabel>
+				<Separator type="Related" />
+				<NumberInput
+					value={!isNone ? alpha * 100 : undefined}
+					on:value={({ detail }) => {
+						if (detail !== undefined) alpha = detail / 100;
+						setColorAlphaPercent(detail);
+					}}
+					on:startHistoryTransaction={() => {
+						dispatch("startHistoryTransaction");
+					}}
+					min={0}
+					max={100}
+					rangeMin={0}
+					rangeMax={100}
+					unit="%"
+					mode="Range"
+					displayDecimalPlaces={1}
+					tooltip={`Scale of translucency, from transparent (0%) to opaque (100%), for the color's alpha channel`}
+				/>
+			</LayoutRow>
+			<LayoutRow class="leftover-space" />
+			<LayoutRow>
+				{#if allowNone && !gradient}
+					<button class="preset-color none" on:click={() => setColorPreset("none")} title="Set to no color" tabindex="0"></button>
+					<Separator type="Related" />
+				{/if}
+				<button class="preset-color black" on:click={() => setColorPreset("black")} title="Set to black" tabindex="0"></button>
+				<Separator type="Related" />
+				<button class="preset-color white" on:click={() => setColorPreset("white")} title="Set to white" tabindex="0"></button>
+				<Separator type="Related" />
+				<button class="preset-color pure" on:click={setColorPresetSubtile} tabindex="-1">
+					<div data-pure-tile="red" style="--pure-color: #ff0000; --pure-color-gray: #4c4c4c" title="Set to red" />
+					<div data-pure-tile="yellow" style="--pure-color: #ffff00; --pure-color-gray: #e3e3e3" title="Set to yellow" />
+					<div data-pure-tile="green" style="--pure-color: #00ff00; --pure-color-gray: #969696" title="Set to green" />
+					<div data-pure-tile="cyan" style="--pure-color: #00ffff; --pure-color-gray: #b2b2b2" title="Set to cyan" />
+					<div data-pure-tile="blue" style="--pure-color: #0000ff; --pure-color-gray: #1c1c1c" title="Set to blue" />
+					<div data-pure-tile="magenta" style="--pure-color: #ff00ff; --pure-color-gray: #696969" title="Set to magenta" />
+				</button>
+				<Separator type="Related" />
+				<IconButton icon="Eyedropper" size={24} action={activateEyedropperSample} tooltip="Sample a pixel color from the document" />
+			</LayoutRow>
+		</LayoutCol>
+	</LayoutRow>
+</FloatingMenu>
+
+<style lang="scss" global>
+	.color-picker {
+		--picker-size: 256px;
+		--picker-circle-radius: 6px;
+
+		.pickers-and-gradient {
+			.pickers {
+				.saturation-value-picker {
+					width: var(--picker-size);
+					background-blend-mode: multiply;
+					background: linear-gradient(to bottom, #ffffff, #000000), linear-gradient(to right, #ffffff, var(--hue-color));
+					position: relative;
+				}
+
+				.saturation-value-picker,
+				.hue-picker,
+				.alpha-picker {
+					height: var(--picker-size);
+					border-radius: 2px;
+					position: relative;
+					overflow: hidden;
+				}
+
+				.hue-picker,
+				.alpha-picker {
+					width: 24px;
+					margin-left: 8px;
+					position: relative;
+				}
+
+				.hue-picker {
+					--selection-needle-color: var(--hue-color-contrasting);
+					background-blend-mode: screen;
+					background:
+						// Reds
+						linear-gradient(to top, #ff0000ff calc(100% / 6), #ff000000 calc(200% / 6), #ff000000 calc(400% / 6), #ff0000ff calc(500% / 6)),
+						// Greens
+						linear-gradient(to top, #00ff0000 0%, #00ff00ff calc(100% / 6), #00ff00ff 50%, #00ff0000 calc(400% / 6)),
+						// Blues
+						linear-gradient(to top, #0000ff00 calc(200% / 6), #0000ffff 50%, #0000ffff calc(500% / 6), #0000ff00 100%);
+				}
+
+				.alpha-picker {
+					--selection-needle-color: var(--new-color-contrasting);
+					background-image: linear-gradient(to bottom, var(--opaque-color), transparent), var(--color-transparent-checkered-background);
+					background-size:
+						100% 100%,
+						var(--color-transparent-checkered-background-size);
+					background-position:
+						0 0,
+						var(--color-transparent-checkered-background-position);
+					background-repeat: no-repeat, var(--color-transparent-checkered-background-repeat);
+				}
+
+				.selection-circle {
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 0;
+					height: 0;
+					pointer-events: none;
+
+					&::after {
+						content: "";
+						display: block;
+						position: relative;
+						left: calc(-1 * var(--picker-circle-radius));
+						top: calc(-1 * var(--picker-circle-radius));
+						width: calc(var(--picker-circle-radius) * 2 + 1px);
+						height: calc(var(--picker-circle-radius) * 2 + 1px);
+						border-radius: 50%;
+						border: 2px solid var(--opaque-color-contrasting);
+						box-sizing: border-box;
+					}
+				}
+
+				.selection-circle-alignment {
+					position: absolute;
+					pointer-events: none;
+
+					&.saturation::before,
+					&.saturation::after,
+					&.value::before,
+					&.value::after {
+						content: "";
+						position: absolute;
+						background: var(--opaque-color-contrasting);
+						width: 1px;
+						height: 1px;
+					}
+
+					&.saturation {
+						&::before {
+							height: var(--picker-size);
+							margin-top: calc(-1 * var(--picker-size) - var(--picker-circle-radius));
+						}
+
+						&::after {
+							height: var(--picker-size);
+							margin-top: var(--picker-circle-radius);
+						}
+					}
+
+					&.value {
+						&::before {
+							width: var(--picker-size);
+							margin-left: var(--picker-circle-radius);
+						}
+
+						&::after {
+							width: var(--picker-size);
+							margin-left: calc(-1 * var(--picker-size) - var(--picker-circle-radius));
+						}
+					}
+				}
+
+				.selection-needle {
+					position: absolute;
+					top: 0;
+					width: 100%;
+					height: 0;
+					pointer-events: none;
+
+					&::before {
+						content: "";
+						position: absolute;
+						top: -4px;
+						left: 0;
+						border-style: solid;
+						border-width: 4px 0 4px 4px;
+						border-color: transparent transparent transparent var(--selection-needle-color);
+					}
+
+					&::after {
+						content: "";
+						position: absolute;
+						top: -4px;
+						right: 0;
+						border-style: solid;
+						border-width: 4px 4px 4px 0;
+						border-color: transparent var(--selection-needle-color) transparent transparent;
+					}
+				}
+			}
+
+			.gradient {
+				margin-top: 16px;
+
+				.spectrum-input {
+					flex: 1 1 100%;
+				}
+
+				.number-input {
+					margin-left: 8px;
+					min-width: 0;
+					width: calc(24px + 8px + 24px);
+					flex: 0 0 auto;
+				}
+			}
+		}
+
+		.details {
+			margin-left: 16px;
+			width: 200px;
+			gap: 8px;
+
+			> .layout-row {
+				height: 24px;
+				flex: 0 0 auto;
+
+				> .text-label {
+					// TODO: Use a table or grid layout for this width to match the widest label. Hard-coding it won't work when we add translation/localization.
+					flex: 0 0 34px;
+					line-height: 24px;
+				}
+
+				&.leftover-space {
+					flex: 1 1 100%;
+				}
+			}
+
+			.choice-preview {
+				flex: 0 0 auto;
+				width: 100%;
+				height: 32px;
+				border-radius: 2px;
+				box-sizing: border-box;
+				overflow: hidden;
+				position: relative;
+
+				&.outlined::after {
+					content: "";
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					left: 0;
+					right: 0;
+					box-shadow: inset 0 0 0 1px rgba(var(--color-0-black-rgb), var(--outline-amount));
+					pointer-events: none;
+				}
+
+				&.transparency {
+					background-image: var(--color-transparent-checkered-background);
+					background-size: var(--color-transparent-checkered-background-size);
+					background-position: var(--color-transparent-checkered-background-position);
+					background-repeat: var(--color-transparent-checkered-background-repeat);
+				}
+
+				.swap-button-background {
+					overflow: hidden;
+					position: absolute;
+					mix-blend-mode: multiply;
+					opacity: 0.25;
+					border-radius: 2px;
+					width: 16px;
+					height: 16px;
+					top: 50%;
+					left: 50%;
+					transform: translate(-50%, -50%);
+
+					&::before,
+					&::after {
+						content: "";
+						position: absolute;
+						width: 50%;
+						height: 100%;
+					}
+
+					&::before {
+						left: 0;
+						background: var(--new-color-contrasting);
+					}
+
+					&::after {
+						right: 0;
+						background: var(--old-color-contrasting);
+					}
+				}
+
+				.swap-button {
+					position: absolute;
+					transform: translate(-50%, -50%);
+					top: 50%;
+					left: 50%;
+				}
+
+				.new-color {
+					background: var(--new-color);
+
+					.text-label {
+						text-align: left;
+						margin: 2px 8px;
+						color: var(--new-color-contrasting);
+					}
+				}
+
+				.old-color {
+					background: var(--old-color);
+
+					.text-label {
+						text-align: right;
+						margin: 2px 8px;
+						color: var(--old-color-contrasting);
+					}
+				}
+
+				.new-color,
+				.old-color {
+					width: 50%;
+					height: 100%;
+
+					&.none {
+						background: var(--color-none);
+						background-repeat: var(--color-none-repeat);
+						background-position: var(--color-none-position);
+						background-size: var(--color-none-size-32px);
+						background-image: var(--color-none-image-32px);
+
+						.text-label {
+							// Many stacked white shadows helps to increase the opacity and approximate shadow spread which does not exist for text shadows
+							text-shadow:
+								0 0 4px white,
+								0 0 4px white,
+								0 0 4px white,
+								0 0 4px white,
+								0 0 4px white,
+								0 0 4px white,
+								0 0 4px white,
+								0 0 4px white,
+								0 0 4px white,
+								0 0 4px white;
+						}
+					}
+				}
+			}
+
+			.preset-color {
+				border: none;
+				margin: 0;
+				padding: 0;
+				border-radius: 2px;
+				height: 24px;
+				flex: 1 1 100%;
+
+				&.none {
+					background: var(--color-none);
+					background-repeat: var(--color-none-repeat);
+					background-position: var(--color-none-position);
+					background-size: var(--color-none-size-24px);
+					background-image: var(--color-none-image-24px);
+
+					&,
+					& ~ .black,
+					& ~ .white {
+						width: 48px;
+					}
+				}
+
+				&.black {
+					background: black;
+				}
+
+				&.white {
+					background: white;
+				}
+
+				&.pure {
+					width: 24px;
+					font-size: 0;
+					overflow: hidden;
+					flex: 0 0 auto;
+
+					div {
+						display: inline-block;
+						width: calc(100% / 3);
+						height: 50%;
+						// For the least jarring luminance conversion, these colors are derived by placing a black layer with the "desaturate" blend mode over the colors.
+						// We don't use the CSS `filter: grayscale(1);` property because it produces overly dark tones for bright colors with a noticeable jump on hover.
+						background: var(--pure-color-gray);
+						transition: background-color 0.2s ease;
+					}
+
+					&:hover div {
+						background: var(--pure-color);
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/floating-menus/Dialog.svelte b/frontend/src/components/floating-menus/Dialog.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e9d0ba5fab80178c5dcb59e313669f957b6e291e
--- /dev/null
+++ b/frontend/src/components/floating-menus/Dialog.svelte
@@ -0,0 +1,156 @@
+<script lang="ts">
+	import { getContext, onMount } from "svelte";
+
+	import { githubUrl } from "@graphite/io-managers/panic";
+	import { wipeDocuments } from "@graphite/io-managers/persistence";
+
+	import type { DialogState } from "@graphite/state-providers/dialog";
+
+	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+
+	const dialog = getContext<DialogState>("dialog");
+
+	let self: FloatingMenu | undefined;
+
+	onMount(() => {
+		// Focus the button which is marked as emphasized, or otherwise the first button, in the popup
+		const emphasizedOrFirstButton = (self?.div?.()?.querySelector("[data-emphasized]") || self?.div?.()?.querySelector("[data-text-button]") || undefined) as HTMLButtonElement | undefined;
+		emphasizedOrFirstButton?.focus();
+	});
+</script>
+
+<!-- TODO: Use https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog for improved accessibility -->
+<FloatingMenu open={true} class="dialog" type="Dialog" direction="Center" bind:this={self} data-dialog>
+	<LayoutRow class="header-area">
+		<!-- `$dialog.icon` class exists to provide special sizing in CSS to specific icons -->
+		<IconLabel icon={$dialog.icon} class={$dialog.icon.toLowerCase()} />
+		<TextLabel>{$dialog.title}</TextLabel>
+	</LayoutRow>
+	<LayoutRow class={`content ${$dialog.title === "Demo Artwork" ? "center" : "" /* TODO: Replace this with a less hacky approach that's compatible with localization/translation */}`}>
+		<LayoutCol class="column-1">
+			{#if $dialog.column1.layout.length > 0}
+				<WidgetLayout layout={$dialog.column1} class="details" />
+			{/if}
+			{#if $dialog.panicDetails}
+				<div class="widget-layout details">
+					<div class="widget-span row"><TextLabel bold={true}>The editor crashed — sorry about that</TextLabel></div>
+					<div class="widget-span row"><TextLabel>Please report this by filing an issue on GitHub:</TextLabel></div>
+					<div class="widget-span row"><TextButton label="Report Bug" icon="Warning" flush={true} action={() => window.open(githubUrl($dialog.panicDetails), "_blank")} /></div>
+					<div class="widget-span row"><TextLabel multiline={true}>Reload the editor to continue. If this occurs<br />immediately on repeated reloads, clear storage:</TextLabel></div>
+					<div class="widget-span row">
+						<TextButton
+							label="Clear Saved Documents"
+							icon="Trash"
+							flush={true}
+							action={async () => {
+								await wipeDocuments();
+								window.location.reload();
+							}}
+						/>
+					</div>
+				</div>
+			{/if}
+		</LayoutCol>
+		{#if $dialog.column2.layout.length > 0}
+			<LayoutCol class="column-2">
+				<WidgetLayout layout={$dialog.column2} class="details" />
+			</LayoutCol>
+		{/if}
+	</LayoutRow>
+	<LayoutRow class="footer-area">
+		{#if $dialog.buttons.layout.length > 0}
+			<WidgetLayout layout={$dialog.buttons} class="details" />
+		{/if}
+		{#if $dialog.panicDetails}
+			<TextButton label="Copy Error Log" action={() => navigator.clipboard.writeText($dialog.panicDetails)} />
+			<TextButton label="Reload" emphasized={true} action={() => window.location.reload()} />
+		{/if}
+	</LayoutRow>
+</FloatingMenu>
+
+<style lang="scss" global>
+	.dialog {
+		position: absolute;
+		pointer-events: none;
+		width: 100%;
+		height: 100%;
+
+		> .floating-menu-container > .floating-menu-content {
+			pointer-events: auto;
+			padding: 0;
+		}
+
+		.header-area,
+		.footer-area {
+			background: var(--color-1-nearblack);
+		}
+
+		.header-area,
+		.footer-area,
+		.content {
+			padding: 16px 24px;
+		}
+
+		.header-area {
+			border-radius: 4px 4px 0 0;
+
+			.icon-label {
+				width: 24px;
+				height: 24px;
+			}
+
+			.text-label {
+				margin-left: 12px;
+				line-height: 24px;
+			}
+		}
+
+		.content {
+			margin: -4px 0;
+
+			&.center .row {
+				justify-content: center;
+			}
+
+			.column-1 + .column-2 {
+				margin-left: 48px;
+
+				.text-button {
+					justify-content: left;
+				}
+			}
+
+			.details.text-label {
+				-webkit-user-select: text; // Required as of Safari 15.0 (Graphite's minimum version) through the latest release
+				user-select: text;
+				white-space: pre-wrap;
+				max-width: 400px;
+				height: auto;
+			}
+
+			.radio-input button {
+				flex-grow: 1;
+			}
+
+			// Used by the "Open Demo Artwork" dialog
+			.image-label {
+				border-radius: 2px;
+			}
+		}
+
+		.footer-area {
+			border-radius: 0 0 4px 4px;
+			justify-content: right;
+
+			.text-button {
+				min-width: 96px;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/floating-menus/EyedropperPreview.svelte b/frontend/src/components/floating-menus/EyedropperPreview.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4ae69182c1cd0f91a0433f528dea74318e67a78e
--- /dev/null
+++ b/frontend/src/components/floating-menus/EyedropperPreview.svelte
@@ -0,0 +1,133 @@
+<script lang="ts" context="module">
+	// Should be equal to the width and height of the zoom preview canvas in the CSS
+	const ZOOM_WINDOW_DIMENSIONS_EXPANDED = 110;
+	// Should be equal to the width and height of the `.pixel-outline` div in the CSS, and should be evenly divisible into the number above
+	const UPSCALE_FACTOR = 10;
+
+	export const ZOOM_WINDOW_DIMENSIONS = ZOOM_WINDOW_DIMENSIONS_EXPANDED / UPSCALE_FACTOR;
+</script>
+
+<script lang="ts">
+	import { onMount } from "svelte";
+
+	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
+
+	const temporaryCanvas = document.createElement("canvas");
+	temporaryCanvas.width = ZOOM_WINDOW_DIMENSIONS;
+	temporaryCanvas.height = ZOOM_WINDOW_DIMENSIONS;
+
+	let zoomPreviewCanvas: HTMLCanvasElement | undefined;
+
+	export let imageData: ImageData | undefined = undefined;
+	export let colorChoice: string;
+	export let primaryColor: string;
+	export let secondaryColor: string;
+	export let x: number;
+	export let y: number;
+
+	$: displayImageDataPreview(imageData);
+
+	function displayImageDataPreview(imageData: ImageData | undefined) {
+		if (!zoomPreviewCanvas) return;
+		const context = zoomPreviewCanvas.getContext("2d");
+
+		const temporaryContext = temporaryCanvas.getContext("2d");
+
+		if (!imageData || !context || !temporaryContext) return;
+
+		temporaryContext.putImageData(imageData, 0, 0, 0, 0, ZOOM_WINDOW_DIMENSIONS, ZOOM_WINDOW_DIMENSIONS);
+
+		context.fillStyle = "black";
+		context.fillRect(0, 0, ZOOM_WINDOW_DIMENSIONS, ZOOM_WINDOW_DIMENSIONS);
+
+		context.drawImage(temporaryCanvas, 0, 0);
+	}
+
+	onMount(() => {
+		displayImageDataPreview(imageData);
+	});
+</script>
+
+<FloatingMenu
+	open={true}
+	class="eyedropper-preview"
+	type="Cursor"
+	styles={{ "--ring-color-primary": primaryColor, "--ring-color-secondary": secondaryColor, "--ring-color-choice": colorChoice, left: x + "px", top: y + "px" }}
+>
+	<div class="ring">
+		<div class="canvas-container">
+			<canvas width={ZOOM_WINDOW_DIMENSIONS} height={ZOOM_WINDOW_DIMENSIONS} bind:this={zoomPreviewCanvas} />
+			<div class="pixel-outline" />
+		</div>
+	</div>
+</FloatingMenu>
+
+<style lang="scss" global>
+	.eyedropper-preview {
+		pointer-events: none;
+
+		.ring {
+			transform: translate(0, -50%) rotate(45deg);
+			position: relative;
+			background: var(--ring-color-choice);
+			padding: 16px;
+			border: 8px solid;
+			border-radius: 50%;
+			border-top-color: var(--ring-color-primary);
+			border-left-color: var(--ring-color-primary);
+			border-bottom-color: var(--ring-color-secondary);
+			border-right-color: var(--ring-color-secondary);
+
+			&::after {
+				content: "";
+				position: absolute;
+				width: 100%;
+				height: 100%;
+				top: -8px;
+				left: -8px;
+				padding: 8px;
+				border-radius: 50%;
+				box-shadow:
+					0 0 0 1px rgba(255, 255, 255, 0.5),
+					0 0 8px rgba(0, 0, 0, 0.25);
+			}
+
+			.canvas-container {
+				transform: rotate(-45deg);
+
+				canvas {
+					display: block;
+					width: 110px;
+					height: 110px;
+					border-radius: 50%;
+					image-rendering: pixelated;
+				}
+
+				&::after {
+					content: "";
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 100%;
+					border-radius: 50%;
+					box-shadow:
+						inset 0 0 0 1px rgba(255, 255, 255, 0.5),
+						inset 0 0 8px rgba(0, 0, 0, 0.25);
+				}
+
+				.pixel-outline {
+					position: absolute;
+					left: 50%;
+					top: 50%;
+					transform: translate(-50%, -50%);
+					--outline-width: 2;
+					margin-top: calc(-1px * (var(--outline-width) / 2));
+					width: calc(10px - (var(--outline-width) * 1px));
+					height: calc(10px - var(--outline-width) * 1px);
+					border: calc(var(--outline-width) * 1px) solid var(--color-0-black);
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/floating-menus/MenuList.svelte b/frontend/src/components/floating-menus/MenuList.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..0695d38305c687b7afde5fd3d682393a821b3d99
--- /dev/null
+++ b/frontend/src/components/floating-menus/MenuList.svelte
@@ -0,0 +1,589 @@
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import { createEventDispatcher, tick, onDestroy, onMount } from "svelte";
+
+	import type { MenuListEntry, MenuDirection } from "@graphite/messages";
+
+	import MenuList from "@graphite/components/floating-menus/MenuList.svelte";
+	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import TextInput from "@graphite/components/widgets/inputs/TextInput.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import UserInputLabel from "@graphite/components/widgets/labels/UserInputLabel.svelte";
+
+	let self: FloatingMenu | undefined;
+	let scroller: LayoutCol | undefined;
+	let searchTextInput: TextInput | undefined;
+
+	const dispatch = createEventDispatcher<{ open: boolean; activeEntry: MenuListEntry; hoverInEntry: MenuListEntry; hoverOutEntry: undefined; naturalWidth: number }>();
+
+	export let entries: MenuListEntry[][];
+	export let activeEntry: MenuListEntry | undefined = undefined;
+	export let open: boolean;
+	export let direction: MenuDirection = "Bottom";
+	export let minWidth = 0;
+	export let drawIcon = false;
+	export let interactive = false;
+	export let scrollableY = false;
+	export let virtualScrollingEntryHeight = 0;
+	export let tooltip: string | undefined = undefined;
+
+	// Keep the child references outside of the entries array so as to avoid infinite recursion.
+	let childReferences: MenuList[][] = [];
+	let search = "";
+
+	let highlighted = activeEntry as MenuListEntry | undefined;
+	let virtualScrollingEntriesStart = 0;
+
+	// Called only when `open` is changed from outside this component
+	$: watchOpen(open);
+	$: watchEntries(entries);
+	$: watchRemeasureWidth(filteredEntries, drawIcon);
+	$: watchHighlightedWithSearch(filteredEntries, open);
+
+	$: filteredEntries = entries.map((section) => section.filter((entry) => inSearch(search, entry)));
+	$: virtualScrollingTotalHeight = filteredEntries.length === 0 ? 0 : filteredEntries[0].length * virtualScrollingEntryHeight;
+	$: virtualScrollingStartIndex = Math.floor(virtualScrollingEntriesStart / virtualScrollingEntryHeight) || 0;
+	$: virtualScrollingEndIndex = filteredEntries.length === 0 ? 0 : Math.min(filteredEntries[0].length, virtualScrollingStartIndex + 1 + 400 / virtualScrollingEntryHeight);
+	$: startIndex = virtualScrollingEntryHeight ? virtualScrollingStartIndex : 0;
+
+	// TODO: Move keyboard input handling entirely to the unified system in `input.ts`.
+	// TODO: The current approach is hacky and blocks the allowances for shortcuts like the key to open the browser's dev tools.
+	onMount(async () => {
+		await tick();
+		if (open && !inNestedMenuList()) addEventListener("keydown", keydown);
+	});
+	onDestroy(async () => {
+		await tick();
+		if (!inNestedMenuList()) removeEventListener("keydown", keydown);
+	});
+
+	function inNestedMenuList(): boolean {
+		const div = self?.div();
+		if (!(div instanceof HTMLDivElement)) return false;
+		return Boolean(div.closest("[data-floating-menu-content]"));
+	}
+
+	// Required to keep the highlighted item centered and to find a new highlighted item if necessary
+	async function watchHighlightedWithSearch(filteredEntries: MenuListEntry[][], open: boolean) {
+		if (highlighted && open) {
+			// Allows the scrollable area to expand if necessary
+			await tick();
+
+			const flattened = filteredEntries.flat();
+			const highlightedFound = highlighted?.label && flattened.map((entry) => entry.label).includes(highlighted.label);
+			const newHighlighted = highlightedFound ? highlighted : flattened[0];
+			setHighlighted(newHighlighted);
+		}
+	}
+
+	// Detect when the user types, which creates a search box
+	async function startSearch(e: KeyboardEvent) {
+		// Only accept single-character symbol inputs other than space
+		if (e.key.length !== 1 || e.key === " ") return;
+
+		// Stop shortcuts being activated
+		e.stopPropagation();
+		e.preventDefault();
+
+		// Forward the input's first character to the search box, which after that point the user will continue typing into directly
+		search = e.key;
+
+		// Must wait until the DOM elements have been created (after the if condition becomes true) before the search box exists
+		await tick();
+
+		// Get the search box element
+		const searchElement = searchTextInput?.element();
+		if (!searchTextInput || !searchElement) return;
+
+		// Focus the search box and move the cursor to the end
+		searchTextInput.focus();
+		searchElement.setSelectionRange(search.length, search.length);
+
+		// Continue listening for keyboard navigation even when the search box is focused
+		// searchElement.onkeydown = (e) => {
+		// 	if (["Enter", "Escape", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
+		// 		keydown(e, false);
+		// 	}
+		// };
+	}
+
+	function inSearch(search: string, entry: MenuListEntry): boolean {
+		return !search || entry.label.toLowerCase().includes(search.toLowerCase());
+	}
+
+	function watchOpen(open: boolean) {
+		if (open && !inNestedMenuList()) addEventListener("keydown", keydown);
+		else if (!inNestedMenuList()) removeEventListener("keydown", keydown);
+
+		highlighted = activeEntry;
+		dispatch("open", open);
+
+		search = "";
+	}
+
+	function watchEntries(entries: MenuListEntry[][]) {
+		entries.forEach((_, index) => {
+			if (!childReferences[index]) childReferences[index] = [];
+		});
+	}
+
+	function watchRemeasureWidth(_: MenuListEntry[][], __: boolean) {
+		self?.measureAndEmitNaturalWidth();
+	}
+
+	function onScroll(e: Event) {
+		if (!virtualScrollingEntryHeight) return;
+		virtualScrollingEntriesStart = (e.target as HTMLElement)?.scrollTop || 0;
+	}
+
+	function getChildReference(menuListEntry: MenuListEntry): MenuList | undefined {
+		const index = filteredEntries.flat().indexOf(menuListEntry);
+		return childReferences.flat().filter((x) => x)[index];
+	}
+
+	function onEntryClick(menuListEntry: MenuListEntry) {
+		// Call the action if available
+		if (menuListEntry.action) menuListEntry.action();
+
+		// Notify the parent about the clicked entry as the new active entry
+		dispatch("activeEntry", menuListEntry);
+
+		// Close the containing menu
+		let childReference = getChildReference(menuListEntry);
+		if (childReference) {
+			childReference.open = false;
+			entries = entries;
+		}
+		dispatch("open", false);
+		open = false;
+	}
+
+	function onEntryPointerEnter(menuListEntry: MenuListEntry) {
+		if (!menuListEntry.children?.length) {
+			dispatch("hoverInEntry", menuListEntry);
+			return;
+		}
+
+		let childReference = getChildReference(menuListEntry);
+		if (childReference) {
+			childReference.open = true;
+			entries = entries;
+		} else dispatch("open", true);
+	}
+
+	function onEntryPointerLeave(menuListEntry: MenuListEntry) {
+		if (!menuListEntry.children?.length) {
+			dispatch("hoverOutEntry");
+			return;
+		}
+
+		let childReference = getChildReference(menuListEntry);
+		if (childReference) {
+			childReference.open = false;
+			entries = entries;
+		} else dispatch("open", false);
+	}
+
+	function isEntryOpen(menuListEntry: MenuListEntry): boolean {
+		if (!menuListEntry.children?.length) return false;
+
+		return getChildReference(menuListEntry)?.open || false;
+	}
+
+	function includeSeparator(entries: MenuListEntry[][], section: MenuListEntry[], sectionIndex: number, search: string): boolean {
+		const elementsBeforeCurrentSection = entries
+			.slice(0, sectionIndex)
+			.flat()
+			.filter((entry) => inSearch(search, entry));
+		const entriesInCurrentSection = section.filter((entry) => inSearch(search, entry));
+
+		return elementsBeforeCurrentSection.length > 0 && entriesInCurrentSection.length > 0;
+	}
+
+	function currentEntries(section: MenuListEntry[], virtualScrollingEntryHeight: number, virtualScrollingStartIndex: number, virtualScrollingEndIndex: number, search: string) {
+		if (!virtualScrollingEntryHeight) {
+			return section.filter((entry) => inSearch(search, entry));
+		}
+		return section.filter((entry) => inSearch(search, entry)).slice(virtualScrollingStartIndex, virtualScrollingEndIndex);
+	}
+
+	function openSubmenu(highlightedEntry: MenuListEntry): boolean {
+		let childReference = getChildReference(highlightedEntry);
+		// No submenu to open
+		if (!childReference || !highlightedEntry.children?.length) return false;
+
+		childReference.open = true;
+		// The reason we bother taking `highlightdEntry` as an argument is because, when this function is called, it can ensure `highlightedEntry` is not undefined.
+		// But here we still have to set `highlighted` to itself so Svelte knows to reactively update it after we set its `childReference.open` property.
+		highlighted = highlighted;
+
+		// Highlight first item
+		childReference.setHighlighted(highlightedEntry.children[0][0]);
+
+		// Submenu was opened
+		return true;
+	}
+
+	/// Handles keyboard navigation for the menu.
+	// Returns a boolean indicating whether the entire menu stack should be dismissed.
+	export function keydown(e: KeyboardEvent, submenu = false): boolean {
+		// Interactive menus should keep the active entry the same as the highlighted one
+		if (interactive) highlighted = activeEntry;
+
+		const menuOpen = open;
+		const flatEntries = filteredEntries.flat().filter((entry) => !entry.disabled);
+		const openChild = flatEntries.findIndex((entry) => (entry.children?.length ?? 0) > 0 && getChildReference(entry)?.open);
+
+		// Allow opening menu with space or enter
+		if (!menuOpen && (e.key === " " || e.key === "Enter")) {
+			open = true;
+			highlighted = activeEntry;
+
+			// Keep the menu stack open
+			return false;
+		}
+
+		// If a submenu is open, have it handle this instead
+		if (menuOpen && openChild >= 0) {
+			const childMenuListEntry = flatEntries[openChild];
+			const childMenu = getChildReference(childMenuListEntry);
+
+			// Redirect the keyboard navigation to a submenu if one is open
+			const shouldCloseStack = childMenu?.keydown(e, true) || false;
+
+			// Highlight the menu item in the parent list that corresponds with the open submenu
+			if (highlighted && e.key !== "Escape") setHighlighted(childMenuListEntry);
+
+			// Handle the child closing the entire menu stack
+			if (shouldCloseStack) open = false;
+
+			// Keep the menu stack open
+			return shouldCloseStack;
+		}
+
+		// Navigate to the next and previous entries with arrow keys
+		if ((menuOpen || interactive) && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+			let newIndex = e.key === "ArrowUp" ? flatEntries.length - 1 : 0;
+			if (highlighted) {
+				const index = highlighted ? flatEntries.map((entry) => entry.label).indexOf(highlighted.label) : 0;
+				newIndex = index + (e.key === "ArrowUp" ? -1 : 1);
+
+				// Interactive dropdowns should lock at the end whereas other dropdowns should loop
+				if (interactive) newIndex = Math.min(flatEntries.length - 1, Math.max(0, newIndex));
+				else newIndex = (newIndex + flatEntries.length) % flatEntries.length;
+			}
+
+			const newEntry = flatEntries[newIndex];
+			setHighlighted(newEntry);
+
+			e.preventDefault();
+
+			// Keep the menu stack open
+			return false;
+		}
+
+		// Close menu with escape key
+		if (menuOpen && e.key === "Escape") {
+			open = false;
+
+			// Reset active to before open
+			setHighlighted(activeEntry);
+
+			// Keep the menu stack open
+			return false;
+		}
+
+		// Click on a highlighted entry with the enter key
+		if (menuOpen && highlighted && e.key === "Enter") {
+			// Handle clicking on an option if enter is pressed
+			if (!highlighted.children?.length) onEntryClick(highlighted);
+			else openSubmenu(highlighted);
+
+			// Stop the event from triggering a press on a new dialog
+			e.preventDefault();
+
+			// Enter should close the entire menu stack
+			return true;
+		}
+
+		// Open a submenu with the right arrow key, space, or enter
+		if (menuOpen && highlighted && (e.key === "ArrowRight" || e.key === " " || e.key === "Enter")) {
+			// Right arrow opens a submenu
+			const openable = openSubmenu(highlighted);
+
+			// Prevent the right arrow from moving the search text cursor if we are opening a submenu
+			if (openable) e.preventDefault();
+
+			// Keep the menu stack open
+			return false;
+		}
+
+		// Close a submenu with the left arrow key
+		if (menuOpen && e.key === "ArrowLeft") {
+			// Left arrow closes a submenu
+			if (submenu) {
+				open = false;
+
+				e.preventDefault();
+			}
+
+			// Keep the menu stack open
+			return false;
+		}
+
+		// Start a search with any other key
+		if (menuOpen && search === "") {
+			startSearch(e);
+
+			// Keep the menu stack open
+			return false;
+		}
+
+		// If nothing happened, keep the menu stack open
+		return false;
+	}
+
+	export function setHighlighted(newHighlight: MenuListEntry | undefined) {
+		highlighted = newHighlight;
+
+		// Interactive menus should keep the active entry the same as the highlighted one
+		// if (interactive && newHighlight?.value !== activeEntry?.value && newHighlight) {
+		// 	dispatch("activeEntry", newHighlight);
+		// }
+
+		// Scroll into view
+		let container = scroller?.div?.();
+		if (!container || !highlighted) return;
+		let containerBoundingRect = container.getBoundingClientRect();
+		let highlightedIndex = filteredEntries.flat().findIndex((entry) => entry === highlighted);
+
+		let selectedBoundingRect = new DOMRect();
+		if (virtualScrollingEntryHeight) {
+			// Special case for virtual scrolling
+			selectedBoundingRect.y = highlightedIndex * virtualScrollingEntryHeight - container.scrollTop + containerBoundingRect.y;
+			selectedBoundingRect.height = virtualScrollingEntryHeight;
+		} else {
+			let entries = Array.from(container.children).filter((element) => element.classList.contains("row"));
+			let element = entries[highlightedIndex - startIndex];
+			if (!element) return;
+			containerBoundingRect = element.getBoundingClientRect();
+		}
+
+		if (containerBoundingRect.y > selectedBoundingRect.y) {
+			container.scrollBy(0, selectedBoundingRect.y - containerBoundingRect.y);
+		}
+		if (containerBoundingRect.y + containerBoundingRect.height < selectedBoundingRect.y + selectedBoundingRect.height) {
+			container.scrollBy(0, selectedBoundingRect.y - (containerBoundingRect.y + containerBoundingRect.height) + selectedBoundingRect.height);
+		}
+	}
+
+	export function scrollViewTo(distanceDown: number) {
+		scroller?.div?.()?.scrollTo(0, distanceDown);
+	}
+</script>
+
+<FloatingMenu
+	class="menu-list"
+	{open}
+	on:open={({ detail }) => (open = detail)}
+	on:naturalWidth
+	type="Dropdown"
+	windowEdgeMargin={0}
+	escapeCloses={false}
+	{direction}
+	{minWidth}
+	scrollableY={scrollableY && virtualScrollingEntryHeight === 0}
+	bind:this={self}
+>
+	{#if search.length > 0}
+		<TextInput class="search" value={search} on:value={({ detail }) => (search = detail)} bind:this={searchTextInput}></TextInput>
+	{/if}
+	<!-- If we put the scrollableY on the layoutcol for non-font dropdowns then for some reason it always creates a tiny scrollbar.
+	However when we are using the virtual scrolling then we need the layoutcol to be scrolling so we can bind the events without using `self`. -->
+	<LayoutCol
+		bind:this={scroller}
+		scrollableY={scrollableY && virtualScrollingEntryHeight !== 0}
+		on:scroll={onScroll}
+		styles={{ "min-width": virtualScrollingEntryHeight ? `${minWidth}px` : `inherit` }}
+	>
+		{#if virtualScrollingEntryHeight}
+			<LayoutRow class="scroll-spacer" styles={{ height: `${virtualScrollingStartIndex * virtualScrollingEntryHeight}px` }} />
+		{/if}
+		{#each entries as section, sectionIndex (sectionIndex)}
+			{#if includeSeparator(entries, section, sectionIndex, search)}
+				<Separator type="Section" direction="Vertical" />
+			{/if}
+			{#each currentEntries(section, virtualScrollingEntryHeight, virtualScrollingStartIndex, virtualScrollingEndIndex, search) as entry, entryIndex (entryIndex + startIndex)}
+				<LayoutRow
+					class="row"
+					classes={{ open: isEntryOpen(entry), active: entry.label === highlighted?.label, disabled: Boolean(entry.disabled) }}
+					styles={{ height: virtualScrollingEntryHeight || "20px" }}
+					{tooltip}
+					on:click={() => !entry.disabled && onEntryClick(entry)}
+					on:pointerenter={() => !entry.disabled && onEntryPointerEnter(entry)}
+					on:pointerleave={() => !entry.disabled && onEntryPointerLeave(entry)}
+				>
+					{#if entry.icon && drawIcon}
+						<IconLabel icon={entry.icon} iconSizeOverride={16} class="entry-icon" />
+					{:else if drawIcon}
+						<div class="no-icon" />
+					{/if}
+
+					{#if entry.font}
+						<link rel="stylesheet" href={entry.font?.toString()} />
+					{/if}
+
+					<TextLabel class="entry-label" styles={{ "font-family": `${!entry.font ? "inherit" : entry.value}` }}>{entry.label}</TextLabel>
+
+					{#if entry.shortcut?.keys.length}
+						<UserInputLabel keysWithLabelsGroups={[entry.shortcut.keys]} requiresLock={entry.shortcutRequiresLock} textOnly={true} />
+					{/if}
+
+					{#if entry.children?.length}
+						<IconLabel class="submenu-arrow" icon="DropdownArrow" />
+					{:else}
+						<div class="no-submenu-arrow" />
+					{/if}
+
+					{#if entry.children}
+						<MenuList
+							on:naturalWidth={({ detail }) => {
+								// We do a manual dispatch here instead of just `on:naturalWidth` as a workaround for the <script> tag
+								// at the top of this file displaying a "'render' implicitly has return type 'any' because..." error.
+								// See explanation at <https://github.com/sveltejs/language-tools/issues/452#issuecomment-723148184>.
+								dispatch("naturalWidth", detail);
+							}}
+							open={getChildReference(entry)?.open || false}
+							direction="TopRight"
+							entries={entry.children}
+							{minWidth}
+							{drawIcon}
+							{scrollableY}
+							bind:this={childReferences[sectionIndex][entryIndex + startIndex]}
+						/>
+					{/if}
+				</LayoutRow>
+			{/each}
+		{/each}
+		{#if virtualScrollingEntryHeight}
+			<LayoutRow class="scroll-spacer" styles={{ height: `${virtualScrollingTotalHeight - virtualScrollingEndIndex * virtualScrollingEntryHeight}px` }} />
+		{/if}
+	</LayoutCol>
+</FloatingMenu>
+
+<style lang="scss" global>
+	.menu-list {
+		.search {
+			margin: 4px;
+			margin-top: 0;
+		}
+
+		.floating-menu-container .floating-menu-content.floating-menu-content {
+			padding: 4px 0;
+
+			.separator {
+				margin: 4px 0;
+
+				div {
+					background: var(--color-4-dimgray);
+				}
+			}
+
+			.scroll-spacer {
+				flex: 0 0 auto;
+			}
+
+			.row {
+				height: 20px;
+				align-items: center;
+				white-space: nowrap;
+				position: relative;
+				flex: 0 0 auto;
+				border-radius: 2px;
+				margin: 0 4px;
+
+				> * {
+					flex: 0 0 auto;
+				}
+
+				.no-icon {
+					width: 16px;
+					height: 16px;
+				}
+
+				.entry-label {
+					flex: 1 1 100%;
+					margin: 0 4px;
+				}
+
+				.entry-icon,
+				.no-icon {
+					margin: 0 4px;
+				}
+
+				.user-input-label {
+					margin-left: 12px;
+				}
+
+				.submenu-arrow {
+					transform: rotate(270deg);
+				}
+
+				.no-submenu-arrow {
+					width: 12px;
+					height: 12px;
+				}
+
+				// Extend the submenu to the right by the width of the margin outside the row, since we want the submenu to line up with the edge of the menu
+				&.open {
+					// Offset by the margin distance
+					> .menu-list {
+						margin-right: -4px;
+					}
+
+					// Extend the click target by the margin distance so the user can hover to the right of the row, within the margin area, and still have the submenu open
+					&::after {
+						content: "";
+						position: absolute;
+						top: 0;
+						right: -4px;
+						width: 4px;
+						height: 100%;
+					}
+				}
+
+				&:hover,
+				&.open {
+					background: var(--color-4-dimgray);
+				}
+
+				&.active {
+					background: var(--color-e-nearwhite);
+					color: var(--color-2-mildblack);
+
+					> .icon-label {
+						fill: var(--color-2-mildblack);
+					}
+				}
+
+				&.disabled {
+					color: var(--color-8-uppergray);
+
+					&:hover {
+						background: none;
+					}
+
+					svg {
+						fill: var(--color-8-uppergray);
+					}
+				}
+			}
+		}
+	}
+	// paddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpaddingpadding
+</style>
diff --git a/frontend/src/components/floating-menus/NodeCatalog.svelte b/frontend/src/components/floating-menus/NodeCatalog.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a0f2cbe241cc2fe365b6c3851230c58dd922ee37
--- /dev/null
+++ b/frontend/src/components/floating-menus/NodeCatalog.svelte
@@ -0,0 +1,190 @@
+<script lang="ts">
+	import { createEventDispatcher, getContext, onMount } from "svelte";
+
+	import type { FrontendNodeType } from "@graphite/messages";
+	import type { NodeGraphState } from "@graphite/state-providers/node-graph";
+
+	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
+	import TextInput from "@graphite/components/widgets/inputs/TextInput.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	const dispatch = createEventDispatcher<{ selectNodeType: string }>();
+	const nodeGraph = getContext<NodeGraphState>("nodeGraph");
+
+	export let disabled = false;
+	export let initialSearchTerm = "";
+
+	let nodeSearchInput: TextInput | undefined = undefined;
+	let searchTerm = initialSearchTerm;
+
+	$: nodeCategories = buildNodeCategories($nodeGraph.nodeTypes, searchTerm);
+
+	type NodeCategoryDetails = {
+		nodes: FrontendNodeType[];
+		open: boolean;
+	};
+
+	function buildNodeCategories(nodeTypes: FrontendNodeType[], searchTerm: string): [string, NodeCategoryDetails][] {
+		const categories = new Map<string, NodeCategoryDetails>();
+		const isTypeSearch = searchTerm.toLowerCase().startsWith("type:");
+		let typeSearchTerm = "";
+		let remainingSearchTerms = [searchTerm.toLowerCase()];
+
+		if (isTypeSearch) {
+			// Extract the first word after "type:" as the type search
+			const searchParts = searchTerm.substring(5).trim().split(/\s+/);
+			typeSearchTerm = searchParts[0].toLowerCase();
+
+			remainingSearchTerms = searchParts.slice(1).map((term) => term.toLowerCase());
+		}
+
+		nodeTypes.forEach((node) => {
+			let matchesTypeSearch = true;
+			let matchesRemainingTerms = true;
+
+			if (isTypeSearch && typeSearchTerm) {
+				matchesTypeSearch = node.inputTypes?.some((inputType) => inputType.toLowerCase().includes(typeSearchTerm)) || false;
+			}
+
+			if (remainingSearchTerms.length > 0) {
+				matchesRemainingTerms = remainingSearchTerms.every((term) => {
+					const nameMatch = node.name.toLowerCase().includes(term);
+					const categoryMatch = node.category.toLowerCase().includes(term);
+
+					// Quick and dirty hack to alias "Layer" to "Merge" in the search
+					const layerAliasMatch = node.name === "Merge" && "layer".includes(term);
+
+					return nameMatch || categoryMatch || layerAliasMatch;
+				});
+			}
+
+			// Node matches if it passes both type search and remaining terms filters
+			const includesSearchTerm = matchesTypeSearch && matchesRemainingTerms;
+
+			if (searchTerm.length > 0 && !includesSearchTerm) {
+				return;
+			}
+
+			const category = categories.get(node.category);
+			let open = includesSearchTerm;
+			if (searchTerm.length === 0) {
+				open = false;
+			}
+
+			if (category) {
+				category.open = category.open || open;
+				category.nodes.push(node);
+			} else {
+				categories.set(node.category, {
+					open,
+					nodes: [node],
+				});
+			}
+		});
+
+		const START_CATEGORIES_ORDER = ["UNCATEGORIZED", "General", "Value", "Math", "Style"];
+		const END_CATEGORIES_ORDER = ["Debug"];
+		return Array.from(categories)
+			.sort((a, b) => a[0].localeCompare(b[0]))
+			.sort((a, b) => {
+				const aIndex = START_CATEGORIES_ORDER.findIndex((x) => a[0].startsWith(x));
+				const bIndex = START_CATEGORIES_ORDER.findIndex((x) => b[0].startsWith(x));
+				if (aIndex !== -1 && bIndex !== -1) return aIndex - bIndex;
+				if (aIndex !== -1) return -1;
+				if (bIndex !== -1) return 1;
+				return 0;
+			})
+			.sort((a, b) => {
+				const aIndex = END_CATEGORIES_ORDER.findIndex((x) => a[0].startsWith(x));
+				const bIndex = END_CATEGORIES_ORDER.findIndex((x) => b[0].startsWith(x));
+				if (aIndex !== -1 && bIndex !== -1) return aIndex - bIndex;
+				if (aIndex !== -1) return 1;
+				if (bIndex !== -1) return -1;
+				return 0;
+			});
+	}
+
+	onMount(() => {
+		setTimeout(() => nodeSearchInput?.focus(), 0);
+	});
+</script>
+
+<div class="node-catalog">
+	<TextInput placeholder="Search Nodes..." value={searchTerm} on:value={({ detail }) => (searchTerm = detail)} bind:this={nodeSearchInput} />
+	<div class="list-results" on:wheel|passive|stopPropagation>
+		{#each nodeCategories as nodeCategory}
+			<details open={nodeCategory[1].open}>
+				<summary>
+					<TextLabel>{nodeCategory[0]}</TextLabel>
+				</summary>
+				{#each nodeCategory[1].nodes as nodeType}
+					<TextButton {disabled} label={nodeType.name} tooltip={$nodeGraph.nodeDescriptions.get(nodeType.name)} action={() => dispatch("selectNodeType", nodeType.name)} />
+				{/each}
+			</details>
+		{:else}
+			<TextLabel>No search results</TextLabel>
+		{/each}
+	</div>
+</div>
+
+<style lang="scss" global>
+	.node-catalog {
+		max-height: 40vh;
+		min-width: 250px;
+		display: flex;
+		flex-direction: column;
+		align-items: stretch;
+
+		.text-input {
+			flex: 0 0 auto;
+			margin-bottom: 4px;
+		}
+
+		.list-results {
+			overflow-y: auto;
+			flex: 1 1 auto;
+			// Together with the `margin-right: 4px;` on `details` below, this keeps a gap between the listings and the scrollbar
+			margin-right: -4px;
+
+			details {
+				cursor: pointer;
+				position: relative;
+				// Together with the `margin-right: -4px;` on `.list-results` above, this keeps a gap between the listings and the scrollbar
+				margin-right: 4px;
+
+				&[open] summary .text-label::before {
+					transform: rotate(90deg);
+				}
+
+				summary {
+					display: flex;
+					align-items: center;
+					gap: 2px;
+
+					.text-label {
+						padding-left: 16px;
+						position: relative;
+						pointer-events: none;
+
+						&::before {
+							content: "";
+							position: absolute;
+							margin: auto;
+							top: 0;
+							bottom: 0;
+							left: 0;
+							width: 8px;
+							height: 8px;
+							background: var(--icon-expand-collapse-arrow);
+						}
+					}
+				}
+
+				.text-button {
+					width: 100%;
+					margin: 4px 0;
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/layout/ConditionalWrapper.svelte b/frontend/src/components/layout/ConditionalWrapper.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..46d5e80b04b2cfb05b63f2d27a235bd7a871cca7
--- /dev/null
+++ b/frontend/src/components/layout/ConditionalWrapper.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	export let condition: boolean;
+	export let wrapperClass = "";
+</script>
+
+{#if condition}
+	<div class={wrapperClass}>
+		<slot />
+	</div>
+{:else}
+	<slot />
+{/if}
+
+<style lang="scss" global></style>
diff --git a/frontend/src/components/layout/FloatingMenu.svelte b/frontend/src/components/layout/FloatingMenu.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e4070cb15304a21a0302036274036016fc7e5b63
--- /dev/null
+++ b/frontend/src/components/layout/FloatingMenu.svelte
@@ -0,0 +1,641 @@
+<script lang="ts" context="module">
+	export type MenuType = "Popover" | "Dropdown" | "Dialog" | "Cursor";
+
+	/// Prevents the escape key from closing the parent floating menu of the given element.
+	/// This works by momentarily setting the `data-escape-does-not-close` attribute on the parent floating menu element.
+	/// After checking for the Escape key, it checks (in one `setTimeout`) for the attribute and ignores the key if it's present.
+	/// Then after two calls of `setTimeout`, we can safely remove the attribute here.
+	export function preventEscapeClosingParentFloatingMenu(element: HTMLElement) {
+		const floatingMenuParent = element.closest("[data-floating-menu-content]") || undefined;
+		if (floatingMenuParent instanceof HTMLElement) {
+			floatingMenuParent.setAttribute("data-escape-does-not-close", "");
+			setTimeout(() => {
+				setTimeout(() => {
+					floatingMenuParent.removeAttribute("data-escape-does-not-close");
+				}, 0);
+			}, 0);
+		}
+	}
+</script>
+
+<script lang="ts">
+	import { onMount, afterUpdate, createEventDispatcher, tick } from "svelte";
+
+	import type { MenuDirection } from "@graphite/messages";
+	import { browserVersion } from "@graphite/utility-functions/platform";
+
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+
+	const BUTTON_LEFT = 0;
+	const POINTER_STRAY_DISTANCE = 100;
+
+	const dispatch = createEventDispatcher<{ open: boolean; naturalWidth: number }>();
+
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+	let styleName = "";
+	export { styleName as style };
+	export let styles: Record<string, string | number | undefined> = {};
+	export let open: boolean;
+	export let type: MenuType;
+	export let direction: MenuDirection = "Bottom";
+	export let windowEdgeMargin = 6;
+	export let scrollableY = false;
+	export let minWidth = 0;
+	export let escapeCloses = true;
+	export let strayCloses = true;
+
+	let tail: HTMLDivElement | undefined;
+	let self: HTMLDivElement | undefined;
+	let floatingMenuContainer: HTMLDivElement | undefined;
+	let floatingMenuContent: LayoutCol | undefined;
+
+	// The resize observer is attached to the floating menu container, which is the zero-height div of the width of the parent element's floating menu spawner.
+	// Since CSS doesn't let us make the floating menu (with `position: fixed`) have a 100% width of this container, we need to use JS to observe its size and
+	// tell the floating menu content to use it as a min-width so the floating menu is at least the width of the parent element's floating menu spawner.
+	// This is the opposite concern of the natural width measurement system, which gets the natural width of the floating menu content in order for the
+	// spawner widget to optionally set its min-size to the floating menu's natural width.
+	let containerResizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {
+		resizeObserverCallback(entries);
+	});
+	let wasOpen = open;
+	let measuringOngoing = false;
+	let measuringOngoingGuard = false;
+	let minWidthParentWidth = 0;
+	let pointerStillDown = false;
+	let workspaceBounds = new DOMRect();
+	let floatingMenuBounds = new DOMRect();
+	let floatingMenuContentBounds = new DOMRect();
+
+	$: watchOpenChange(open);
+
+	$: minWidthStyleValue = measuringOngoing ? "0" : `${Math.max(minWidth, minWidthParentWidth)}px`;
+	$: displayTail = open && type === "Popover";
+	$: displayContainer = open || measuringOngoing;
+	$: extraClasses = Object.entries(classes)
+		.flatMap(([className, stateName]) => (stateName ? [className] : []))
+		.join(" ");
+	$: extraStyles = Object.entries(styles)
+		.flatMap((styleAndValue) => (styleAndValue[1] !== undefined ? [`${styleAndValue[0]}: ${styleAndValue[1]};`] : []))
+		.join(" ");
+
+	// Called only when `open` is changed from outside this component
+	async function watchOpenChange(isOpen: boolean) {
+		// Mitigate a Safari rendering bug which clips the floating menu extending beyond a scrollable container.
+		// The bug is possibly related to <https://bugs.webkit.org/show_bug.cgi?id=160953>, but in our case it happens when `overflow` of a parent is `auto` rather than `hidden`.
+		if (browserVersion().toLowerCase().includes("safari")) {
+			const scrollable = self?.closest("[data-scrollable-x], [data-scrollable-y]");
+			if (scrollable instanceof HTMLElement) {
+				// The issue exists when the container is set to `overflow: auto` but fine when `overflow: hidden`. So this workaround temporarily sets
+				// the scrollable container to `overflow: hidden`, thus removing the scrollbars and ability to scroll until the floating menu is closed.
+				scrollable.style.overflow = isOpen ? "hidden" : "";
+			}
+		}
+
+		// Switching from closed to open
+		if (isOpen && !wasOpen) {
+			// TODO: Close any other floating menus that may already be open, which can happen using tab navigation and Enter/Space Bar to open
+
+			// Close floating menu if pointer strays far enough away
+			window.addEventListener("pointermove", pointerMoveHandler);
+			// Close floating menu if esc is pressed
+			window.addEventListener("keydown", keyDownHandler);
+			// Close floating menu if pointer is outside (but within stray distance)
+			window.addEventListener("pointerdown", pointerDownHandler);
+			// Cancel the subsequent click event to prevent the floating menu from reopening if the floating menu's button is the click event target
+			window.addEventListener("pointerup", pointerUpHandler);
+
+			// Floating menu min-width resize observer
+
+			await tick();
+
+			// Start a new observation of the now-open floating menu
+			if (floatingMenuContainer) {
+				containerResizeObserver.disconnect();
+				containerResizeObserver.observe(floatingMenuContainer);
+			}
+		}
+
+		// Switching from open to closed
+		if (!isOpen && wasOpen) {
+			// Clean up observation of the now-closed floating menu
+			containerResizeObserver.disconnect();
+
+			window.removeEventListener("pointermove", pointerMoveHandler);
+			window.removeEventListener("keydown", keyDownHandler);
+			window.removeEventListener("pointerdown", pointerDownHandler);
+			// The `pointerup` event is removed in `pointerMoveHandler()` and `pointerDownHandler()`
+		}
+
+		// Now that we're done reading the old state, update it to the current state for next time
+		wasOpen = isOpen;
+	}
+
+	onMount(() => {
+		// Measure the content and round up its width and height to the nearest even integer.
+		// This solves antialiasing issues when the content isn't cleanly divisible by 2 and gets translated by (-50%, -50%) causing all its content to be blurry.
+		const floatingMenuContentDiv = floatingMenuContent?.div?.();
+		if (type === "Dialog" && floatingMenuContentDiv) {
+			// TODO: Also use https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver to detect any changes which may affect the size of the content.
+			// TODO: The current method only notices when the dialog size increases but can't detect when it decreases.
+			const resizeObserver = new ResizeObserver((entries) => {
+				entries.forEach((entry) => {
+					let { width, height } = entry.contentRect;
+
+					width = Math.ceil(width);
+					if (width % 2 === 1) width += 1;
+					height = Math.ceil(height);
+					if (height % 2 === 1) height += 1;
+
+					// We have to set the style properties directly because attempting to do it through a Svelte bound property results in `afterUpdate()` being triggered
+					floatingMenuContentDiv.style.setProperty("min-width", width === 0 ? "unset" : `${width}px`);
+					floatingMenuContentDiv.style.setProperty("min-height", height === 0 ? "unset" : `${height}px`);
+				});
+			});
+			resizeObserver.observe(floatingMenuContentDiv);
+		}
+	});
+
+	afterUpdate(() => {
+		// Remove the size constraint after the content updates so the resize observer can measure the content and reapply a newly calculated one
+		const floatingMenuContentDiv = floatingMenuContent?.div?.();
+		if (type === "Dialog" && floatingMenuContentDiv) {
+			// We have to set the style properties directly because attempting to do it through a Svelte bound property results in `afterUpdate()` being triggered
+			floatingMenuContentDiv.style.setProperty("min-width", "unset");
+			floatingMenuContentDiv.style.setProperty("min-height", "unset");
+		}
+
+		// Gets the client bounds of the elements and apply relevant styles to them.
+		// TODO: Use DOM attribute bindings more whilst not causing recursive updates. Turning measuring on and off both causes the component to change,
+		// TODO: which causes the `afterUpdate()` Svelte event to fire extraneous times (hurting performance and sometimes causing an infinite loop).
+		if (!measuringOngoingGuard) positionAndStyleFloatingMenu();
+	});
+
+	function resizeObserverCallback(entries: ResizeObserverEntry[]) {
+		minWidthParentWidth = entries[0].contentRect.width;
+	}
+
+	function positionAndStyleFloatingMenu() {
+		if (type === "Cursor") return;
+
+		const workspace = document.querySelector("[data-workspace]");
+
+		const floatingMenuContentDiv = floatingMenuContent?.div?.();
+		if (!workspace || !self || !floatingMenuContainer || !floatingMenuContent || !floatingMenuContentDiv) return;
+
+		const viewportBounds = document.documentElement.getBoundingClientRect();
+		workspaceBounds = workspace.getBoundingClientRect();
+		floatingMenuBounds = self.getBoundingClientRect();
+		const floatingMenuContainerBounds = floatingMenuContainer.getBoundingClientRect();
+		floatingMenuContentBounds = floatingMenuContentDiv.getBoundingClientRect();
+
+		const inParentFloatingMenu = Boolean(floatingMenuContainer.closest("[data-floating-menu-content]"));
+
+		if (!inParentFloatingMenu) {
+			// Required to correctly position content when scrolled (it has a `position: fixed` to prevent clipping)
+			// We use `.style` on a div (instead of a style DOM attribute binding) because the binding causes the `afterUpdate()` hook to call the function we're in recursively forever
+			const tailOffset = type === "Popover" ? 10 : 0;
+			if (direction === "Bottom") floatingMenuContentDiv.style.top = `${tailOffset + floatingMenuBounds.y}px`;
+			if (direction === "Top") floatingMenuContentDiv.style.bottom = `${tailOffset + (viewportBounds.height - floatingMenuBounds.y)}px`;
+			if (direction === "Right") floatingMenuContentDiv.style.left = `${tailOffset + floatingMenuBounds.x}px`;
+			if (direction === "Left") floatingMenuContentDiv.style.right = `${tailOffset + (viewportBounds.width - floatingMenuBounds.x)}px`;
+
+			// Required to correctly position tail when scrolled (it has a `position: fixed` to prevent clipping)
+			// We use `.style` on a div (instead of a style DOM attribute binding) because the binding causes the `afterUpdate()` hook to call the function we're in recursively forever
+			if (tail && direction === "Bottom") tail.style.top = `${floatingMenuBounds.y}px`;
+			if (tail && direction === "Top") tail.style.bottom = `${viewportBounds.height - floatingMenuBounds.y}px`;
+			if (tail && direction === "Right") tail.style.left = `${floatingMenuBounds.x}px`;
+			if (tail && direction === "Left") tail.style.right = `${viewportBounds.width - floatingMenuBounds.x}px`;
+		}
+
+		type Edge = "Top" | "Bottom" | "Left" | "Right";
+		let zeroedBorderVertical: Edge | undefined;
+		let zeroedBorderHorizontal: Edge | undefined;
+
+		if (direction === "Top" || direction === "Bottom") {
+			zeroedBorderVertical = direction === "Top" ? "Bottom" : "Top";
+
+			// We use `.style` on a div (instead of a style DOM attribute binding) because the binding causes the `afterUpdate()` hook to call the function we're in recursively forever
+			if (floatingMenuContentBounds.left - windowEdgeMargin <= workspaceBounds.left) {
+				floatingMenuContentDiv.style.left = `${windowEdgeMargin}px`;
+				if (workspaceBounds.left + floatingMenuContainerBounds.left === 12) zeroedBorderHorizontal = "Left";
+			}
+			if (floatingMenuContentBounds.right + windowEdgeMargin >= workspaceBounds.right) {
+				floatingMenuContentDiv.style.right = `${windowEdgeMargin}px`;
+				if (workspaceBounds.right - floatingMenuContainerBounds.right === 12) zeroedBorderHorizontal = "Right";
+			}
+		}
+		if (direction === "Left" || direction === "Right") {
+			zeroedBorderHorizontal = direction === "Left" ? "Right" : "Left";
+
+			// We use `.style` on a div (instead of a style DOM attribute binding) because the binding causes the `afterUpdate()` hook to call the function we're in recursively forever
+			if (floatingMenuContentBounds.top - windowEdgeMargin <= workspaceBounds.top) {
+				floatingMenuContentDiv.style.top = `${windowEdgeMargin}px`;
+				if (workspaceBounds.top + floatingMenuContainerBounds.top === 12) zeroedBorderVertical = "Top";
+			}
+			if (floatingMenuContentBounds.bottom + windowEdgeMargin >= workspaceBounds.bottom) {
+				floatingMenuContentDiv.style.bottom = `${windowEdgeMargin}px`;
+				if (workspaceBounds.bottom - floatingMenuContainerBounds.bottom === 12) zeroedBorderVertical = "Bottom";
+			}
+		}
+
+		// Remove the rounded corner from the content where the tail perfectly meets the corner
+		if (type === "Popover" && windowEdgeMargin === 6 && zeroedBorderVertical && zeroedBorderHorizontal) {
+			// We use `.style` on a div (instead of a style DOM attribute binding) because the binding causes the `afterUpdate()` hook to call the function we're in recursively forever
+			switch (`${zeroedBorderVertical}${zeroedBorderHorizontal}`) {
+				case "TopLeft":
+					floatingMenuContentDiv.style.borderTopLeftRadius = "0";
+					break;
+				case "TopRight":
+					floatingMenuContentDiv.style.borderTopRightRadius = "0";
+					break;
+				case "BottomLeft":
+					floatingMenuContentDiv.style.borderBottomLeftRadius = "0";
+					break;
+				case "BottomRight":
+					floatingMenuContentDiv.style.borderBottomRightRadius = "0";
+					break;
+				default:
+					break;
+			}
+		}
+	}
+
+	export function div(): HTMLDivElement | undefined {
+		return self;
+	}
+
+	// To be called by the parent component. Measures the actual width of the floating menu content element and returns it in a promise.
+	export async function measureAndEmitNaturalWidth() {
+		if (!measuringOngoingGuard) return;
+
+		// Wait for the changed content which fired the `afterUpdate()` Svelte event to be put into the DOM
+		await tick();
+
+		// Wait until all fonts have been loaded and rendered so measurements of content involving text are accurate
+		await document.fonts.ready;
+
+		// Make the component show itself with 0 min-width so it can be measured, and wait until the values have been updated to the DOM
+		measuringOngoing = true;
+		measuringOngoingGuard = true;
+		await tick();
+
+		// Measure the width of the floating menu content element, if it's currently visible
+		// The result will be `undefined` if the menu is invisible, perhaps because an ancestor component is hidden with a falsy Svelte template if condition
+		const naturalWidth: number | undefined = floatingMenuContent?.div?.()?.clientWidth;
+
+		// Turn off measuring mode for the component, which triggers another call to the `afterUpdate()` Svelte event, so we can turn off the protection after that has happened
+		measuringOngoing = false;
+		await tick();
+		measuringOngoingGuard = false;
+
+		// Notify the parent about the measured natural width
+		if (naturalWidth !== undefined && naturalWidth >= 0) {
+			dispatch("naturalWidth", naturalWidth);
+		}
+	}
+
+	function pointerMoveHandler(e: PointerEvent) {
+		// This element and the element being hovered over
+		const target = e.target as HTMLElement | undefined;
+
+		// Get the spawner element (that which is clicked to spawn this floating menu)
+		// Assumes the spawner is a sibling of this FloatingMenu component
+		const ownSpawner: HTMLElement | undefined = self?.parentElement?.querySelector(":scope > [data-floating-menu-spawner]") || undefined;
+		// Get the spawner element containing whatever element the user is hovering over now, if there is one
+		const targetSpawner: HTMLElement | undefined = target?.closest?.("[data-floating-menu-spawner]") || undefined;
+
+		// HOVER TRANSFER
+		// Transfer from this open floating menu to a sibling floating menu if the pointer hovers to a valid neighboring floating menu spawner
+		hoverTransfer(self, ownSpawner, targetSpawner);
+
+		// POINTER STRAY
+		// Close the floating menu if the pointer has strayed far enough from its bounds (and it's not hovering over its own spawner)
+		const notHoveringOverOwnSpawner = ownSpawner !== targetSpawner;
+		if (strayCloses && notHoveringOverOwnSpawner && isPointerEventOutsideFloatingMenu(e, POINTER_STRAY_DISTANCE)) {
+			// TODO: Extend this rectangle bounds check to all submenu bounds up the DOM tree since currently submenus disappear
+			// TODO: with zero stray distance if the cursor is further than the stray distance from only the top-level menu
+			dispatch("open", false);
+		}
+
+		// Clean up any messes from lost pointerup events
+		const BUTTONS_LEFT = 0b0000_0001;
+		const eventIncludesLmb = Boolean(e.buttons & BUTTONS_LEFT);
+		if (!open && !eventIncludesLmb) {
+			pointerStillDown = false;
+			window.removeEventListener("pointerup", pointerUpHandler);
+		}
+	}
+
+	function hoverTransfer(self: HTMLDivElement | undefined, ownSpawner: HTMLElement | undefined, targetSpawner: HTMLElement | undefined) {
+		// Algorithm pseudo-code to detect and transfer to hover-transferrable floating menu spawners
+		// Accompanying diagram: <https://files.keavon.com/-/SpringgreenKnownXantus/capture.png>
+		//
+		// Check our own parent for descendant spawners
+		// Filter out ourself and our children
+		// Filter out all with a different distance than our own distance from the currently-being-checked parent
+		// How many left?
+		//     None -> go up a level and repeat
+		//     Some -> is one of them the target?
+		//         Yes -> click it and terminate
+		//         No -> do nothing and terminate
+
+		// Helper function that gets used below
+		const getDepthFromAncestor = (item: Element, ancestor: Element): number | undefined => {
+			let depth = 1;
+
+			let parent = item.parentElement || undefined;
+			while (parent) {
+				if (parent === ancestor) return depth;
+
+				parent = parent.parentElement || undefined;
+				depth += 1;
+			}
+
+			return undefined;
+		};
+
+		// A list of all the descendant spawners: the spawner for this floating menu plus any spawners belonging to widgets inside this floating menu
+		const ownDescendantMenuSpawners = Array.from(self?.parentElement?.querySelectorAll("[data-floating-menu-spawner]") || []);
+
+		// Start with the parent of the spawner for this floating menu and keep widening the search for any other valid spawners that are hover-transferrable
+		let currentAncestor = (targetSpawner && ownSpawner?.parentElement) || undefined;
+		while (currentAncestor) {
+			const ownSpawnerDepthFromCurrentAncestor = ownSpawner && getDepthFromAncestor(ownSpawner, currentAncestor);
+			const currentAncestor2 = currentAncestor; // This duplicate variable avoids an ESLint warning
+
+			// Get the list of descendant spawners and filter out invalid possibilities for spawners that are hover-transferrable
+			const listOfDescendantSpawners = Array.from(currentAncestor?.querySelectorAll("[data-floating-menu-spawner]") || []);
+			const filteredListOfDescendantSpawners = listOfDescendantSpawners.filter((item: Element): boolean => {
+				// Filter away ourself and our descendants
+				const notOurself = !ownDescendantMenuSpawners.includes(item);
+				// And filter away unequal depths from the current ancestor
+				const notUnequalDepths = notOurself && getDepthFromAncestor(item, currentAncestor2) === ownSpawnerDepthFromCurrentAncestor;
+				// And filter away elements that explicitly disable hover transfer
+				return notUnequalDepths && !(item as HTMLElement).getAttribute?.("data-floating-menu-spawner")?.includes("no-hover-transfer");
+			});
+
+			// If none were found, widen the search by a level and keep trying (or stop looping if the root was reached)
+			if (filteredListOfDescendantSpawners.length === 0) {
+				currentAncestor = currentAncestor?.parentElement || undefined;
+			}
+			// Stop after the first non-empty set was found
+			else {
+				const foundTarget = filteredListOfDescendantSpawners.find((item: Element): boolean => item === targetSpawner);
+				// If the currently hovered spawner is one of the found valid hover-transferrable spawners, swap to it by clicking on it
+				if (foundTarget) {
+					dispatch("open", false);
+					(foundTarget as HTMLElement).click();
+				}
+
+				// In either case, we are done searching
+				break;
+			}
+		}
+	}
+
+	function keyDownHandler(e: KeyboardEvent) {
+		if (escapeCloses && e.key === "Escape") {
+			setTimeout(() => {
+				if (!floatingMenuContainer?.querySelector("[data-floating-menu-content][data-escape-does-not-close]")) {
+					dispatch("open", false);
+				}
+			}, 0);
+
+			// Find the parent floating menu and prevent it from also closing with the escape key when this floating menu does
+			if (self) preventEscapeClosingParentFloatingMenu(self);
+		}
+	}
+
+	function pointerDownHandler(e: PointerEvent) {
+		// Close the floating menu if the pointer clicked outside the floating menu (but within stray distance)
+		if (isPointerEventOutsideFloatingMenu(e)) {
+			dispatch("open", false);
+
+			// Track if the left pointer button is now down so its later click event can be canceled
+			const eventIsForLmb = e.button === BUTTON_LEFT;
+			if (eventIsForLmb) pointerStillDown = true;
+		}
+	}
+
+	function pointerUpHandler(e: PointerEvent) {
+		const eventIsForLmb = e.button === BUTTON_LEFT;
+		if (pointerStillDown && eventIsForLmb) {
+			// Clean up self
+			pointerStillDown = false;
+			window.removeEventListener("pointerup", pointerUpHandler);
+			// Prevent the click event from firing, which would normally occur right after this pointerup event
+			window.addEventListener("click", clickHandlerCapture, true);
+		}
+	}
+
+	function clickHandlerCapture(e: MouseEvent) {
+		// Stop the click event from reopening this floating menu if the click event targets the floating menu's button
+		e.stopPropagation();
+		// Clean up self
+		window.removeEventListener("click", clickHandlerCapture, true);
+	}
+
+	function isPointerEventOutsideFloatingMenu(e: PointerEvent, extraDistanceAllowed = 0): boolean {
+		// Consider all child menus as well as the top-level one
+		const allContainedFloatingMenus = [...(self?.querySelectorAll("[data-floating-menu-content]") || [])];
+
+		return !allContainedFloatingMenus.find((element) => !isPointerEventOutsideMenuElement(e, element, extraDistanceAllowed));
+	}
+
+	function isPointerEventOutsideMenuElement(e: PointerEvent, element: Element, extraDistanceAllowed = 0): boolean {
+		const floatingMenuBounds = element.getBoundingClientRect();
+
+		if (floatingMenuBounds.left - e.clientX >= extraDistanceAllowed) return true;
+		if (e.clientX - floatingMenuBounds.right >= extraDistanceAllowed) return true;
+		if (floatingMenuBounds.top - e.clientY >= extraDistanceAllowed) return true;
+		if (e.clientY - floatingMenuBounds.bottom >= extraDistanceAllowed) return true;
+
+		return false;
+	}
+</script>
+
+<div
+	class={`floating-menu ${direction.toLowerCase()} ${type.toLowerCase()} ${className} ${extraClasses}`.trim()}
+	style={`${styleName} ${extraStyles}`.trim() || undefined}
+	bind:this={self}
+	{...$$restProps}
+>
+	{#if displayTail}
+		<div class="tail" bind:this={tail} />
+	{/if}
+	{#if displayContainer}
+		<div class="floating-menu-container" bind:this={floatingMenuContainer}>
+			<LayoutCol class="floating-menu-content" styles={{ "min-width": minWidthStyleValue }} {scrollableY} bind:this={floatingMenuContent} data-floating-menu-content>
+				<slot />
+			</LayoutCol>
+		</div>
+	{/if}
+</div>
+
+<style lang="scss" global>
+	.floating-menu {
+		position: absolute;
+		width: 0;
+		height: 0;
+		display: flex;
+		// Floating menus begin at a z-index of 1000
+		z-index: 1000;
+		--floating-menu-content-offset: 0;
+
+		.tail {
+			width: 0;
+			height: 0;
+			border-style: solid;
+			// Put the tail above the floating menu's shadow
+			z-index: 10;
+			// Draw over the application without being clipped by the containing panel's `overflow: hidden`
+			position: fixed;
+		}
+
+		.floating-menu-container {
+			display: flex;
+
+			.floating-menu-content {
+				background: var(--color-2-mildblack);
+				box-shadow: rgba(var(--color-0-black-rgb), 0.5) 0 2px 4px;
+				border-radius: 4px;
+				color: var(--color-e-nearwhite);
+				font-size: inherit;
+				padding: 8px;
+				z-index: 0;
+				// Draw over the application without being clipped by the containing panel's `overflow: hidden`
+				position: fixed;
+			}
+		}
+
+		&.dropdown {
+			&.top {
+				width: 100%;
+				left: 0;
+				top: 0;
+			}
+
+			&.bottom {
+				width: 100%;
+				left: 0;
+				bottom: 0;
+			}
+
+			&.left {
+				height: 100%;
+				top: 0;
+				left: 0;
+			}
+
+			&.right {
+				height: 100%;
+				top: 0;
+				right: 0;
+			}
+
+			&.topleft {
+				top: 0;
+				left: 0;
+				margin-top: -4px;
+			}
+
+			&.topright {
+				top: 0;
+				right: 0;
+				margin-top: -4px;
+			}
+
+			&.topleft {
+				bottom: 0;
+				left: 0;
+				margin-bottom: -4px;
+			}
+
+			&.topright {
+				bottom: 0;
+				right: 0;
+				margin-bottom: -4px;
+			}
+		}
+
+		&.top.dropdown .floating-menu-container,
+		&.bottom.dropdown .floating-menu-container {
+			justify-content: left;
+		}
+
+		&.popover {
+			--floating-menu-content-offset: 10px;
+		}
+
+		&.cursor .floating-menu-container .floating-menu-content {
+			background: none;
+			box-shadow: none;
+			border-radius: 0;
+			padding: 0;
+		}
+
+		&.center {
+			justify-content: center;
+			align-items: center;
+
+			> .floating-menu-container > .floating-menu-content {
+				transform: translate(-50%, -50%);
+			}
+		}
+
+		&.top,
+		&.bottom {
+			flex-direction: column;
+		}
+
+		&.top .tail {
+			border-width: 8px 6px 0 6px;
+			border-color: var(--color-2-mildblack) transparent transparent transparent;
+			margin-left: -6px;
+			margin-bottom: 2px;
+		}
+
+		&.bottom .tail {
+			border-width: 0 6px 8px 6px;
+			border-color: transparent transparent var(--color-2-mildblack) transparent;
+			margin-left: -6px;
+			margin-top: 2px;
+		}
+
+		&.left .tail {
+			border-width: 6px 0 6px 8px;
+			border-color: transparent transparent transparent var(--color-2-mildblack);
+			margin-top: -6px;
+			margin-right: 2px;
+		}
+
+		&.right .tail {
+			border-width: 6px 8px 6px 0;
+			border-color: transparent var(--color-2-mildblack) transparent transparent;
+			margin-top: -6px;
+			margin-left: 2px;
+		}
+
+		&.top .floating-menu-container {
+			justify-content: center;
+			margin-bottom: var(--floating-menu-content-offset);
+		}
+
+		&.bottom .floating-menu-container {
+			justify-content: center;
+			margin-top: var(--floating-menu-content-offset);
+		}
+
+		&.left .floating-menu-container {
+			align-items: center;
+			margin-right: var(--floating-menu-content-offset);
+		}
+
+		&.right .floating-menu-container {
+			align-items: center;
+			margin-left: var(--floating-menu-content-offset);
+		}
+	}
+</style>
diff --git a/frontend/src/components/layout/LayoutCol.svelte b/frontend/src/components/layout/LayoutCol.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b69b6bfabbf8f765ecf83d662b854dfac6925bbc
--- /dev/null
+++ b/frontend/src/components/layout/LayoutCol.svelte
@@ -0,0 +1,93 @@
+<script lang="ts">
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+	let styleName = "";
+	export { styleName as style };
+	export let styles: Record<string, string | number | undefined> = {};
+	export let tooltip: string | undefined = undefined;
+	// TODO: Add middle-click drag scrolling
+	export let scrollableX = false;
+	export let scrollableY = false;
+
+	let self: HTMLDivElement | undefined;
+
+	$: extraClasses = Object.entries(classes)
+		.flatMap(([className, stateName]) => (stateName ? [className] : []))
+		.join(" ");
+	$: extraStyles = Object.entries(styles)
+		.flatMap((styleAndValue) => (styleAndValue[1] !== undefined ? [`${styleAndValue[0]}: ${styleAndValue[1]};`] : []))
+		.join(" ");
+
+	export function div(): HTMLDivElement | undefined {
+		return self;
+	}
+</script>
+
+<!-- Excluded events because these require `|passive` or `|nonpassive` modifiers. Use a <div> for these instead: `on:wheel`, `on:touchmove`, `on:touchstart` -->
+<div
+	data-scrollable-x={scrollableX ? "" : undefined}
+	data-scrollable-y={scrollableY ? "" : undefined}
+	class={`layout-col ${className} ${extraClasses}`.trim()}
+	class:scrollable-x={scrollableX}
+	class:scrollable-y={scrollableY}
+	style={`${styleName} ${extraStyles}`.trim() || undefined}
+	title={tooltip}
+	bind:this={self}
+	on:auxclick
+	on:blur
+	on:click
+	on:dblclick
+	on:dragend
+	on:dragleave
+	on:dragover
+	on:dragstart
+	on:drop
+	on:mouseup
+	on:pointerdown
+	on:pointerenter
+	on:pointerleave
+	on:scroll
+	{...$$restProps}
+>
+	<slot />
+</div>
+
+<!-- Unused (each impacts performance, see <https://github.com/GraphiteEditor/Graphite/issues/1877>):
+on:contextmenu
+on:copy
+on:cut
+on:drag
+on:dragenter
+on:focus
+on:fullscreenchange
+on:fullscreenerror
+on:gotpointercapture
+on:keydown
+on:keypress
+on:keyup
+on:lostpointercapture
+on:mousedown
+on:mouseenter
+on:mouseleave
+on:mousemove
+on:mouseout
+on:mouseover
+on:paste
+on:pointercancel
+on:pointermove
+on:pointerout
+on:pointerover
+on:pointerup
+on:select
+on:touchcancel
+on:touchend
+-->
+
+<style lang="scss" global>
+	.layout-col {
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+	}
+</style>
diff --git a/frontend/src/components/layout/LayoutRow.svelte b/frontend/src/components/layout/LayoutRow.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..fad0220a769866ff43565bbab12ce223bbf82d1e
--- /dev/null
+++ b/frontend/src/components/layout/LayoutRow.svelte
@@ -0,0 +1,93 @@
+<script lang="ts">
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+	let styleName = "";
+	export { styleName as style };
+	export let styles: Record<string, string | number | undefined> = {};
+	export let tooltip: string | undefined = undefined;
+	// TODO: Add middle-click drag scrolling
+	export let scrollableX = false;
+	export let scrollableY = false;
+
+	let self: HTMLDivElement | undefined;
+
+	$: extraClasses = Object.entries(classes)
+		.flatMap(([className, stateName]) => (stateName ? [className] : []))
+		.join(" ");
+	$: extraStyles = Object.entries(styles)
+		.flatMap((styleAndValue) => (styleAndValue[1] !== undefined ? [`${styleAndValue[0]}: ${styleAndValue[1]};`] : []))
+		.join(" ");
+
+	export function div(): HTMLDivElement | undefined {
+		return self;
+	}
+</script>
+
+<!-- Excluded events because these require `|passive` or `|nonpassive` modifiers. Use a <div> for these instead: `on:wheel`, `on:touchmove`, `on:touchstart` -->
+<div
+	data-scrollable-x={scrollableX ? "" : undefined}
+	data-scrollable-y={scrollableY ? "" : undefined}
+	class={`layout-row ${className} ${extraClasses}`.trim()}
+	class:scrollable-x={scrollableX}
+	class:scrollable-y={scrollableY}
+	style={`${styleName} ${extraStyles}`.trim() || undefined}
+	title={tooltip}
+	bind:this={self}
+	on:auxclick
+	on:blur
+	on:click
+	on:dblclick
+	on:dragend
+	on:dragleave
+	on:dragover
+	on:dragstart
+	on:drop
+	on:mouseup
+	on:pointerdown
+	on:pointerenter
+	on:pointerleave
+	on:scroll
+	{...$$restProps}
+>
+	<slot />
+</div>
+
+<!-- Unused (each impacts performance, see <https://github.com/GraphiteEditor/Graphite/issues/1877>):
+on:contextmenu
+on:copy
+on:cut
+on:drag
+on:dragenter
+on:focus
+on:fullscreenchange
+on:fullscreenerror
+on:gotpointercapture
+on:keydown
+on:keypress
+on:keyup
+on:lostpointercapture
+on:mousedown
+on:mouseenter
+on:mouseleave
+on:mousemove
+on:mouseout
+on:mouseover
+on:paste
+on:pointercancel
+on:pointermove
+on:pointerout
+on:pointerover
+on:pointerup
+on:select
+on:touchcancel
+on:touchend
+-->
+
+<style lang="scss" global>
+	.layout-row {
+		display: flex;
+		flex-direction: row;
+		flex-grow: 1;
+	}
+</style>
diff --git a/frontend/src/components/panels/Document.svelte b/frontend/src/components/panels/Document.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..70d4ea99bae2426c65402c6994650302d9209143
--- /dev/null
+++ b/frontend/src/components/panels/Document.svelte
@@ -0,0 +1,829 @@
+<script lang="ts">
+	import { getContext, onMount, tick } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import {
+		type MouseCursorIcon,
+		type XY,
+		DisplayEditableTextbox,
+		DisplayEditableTextboxTransform,
+		DisplayRemoveEditableTextbox,
+		TriggerTextCommit,
+		UpdateDocumentArtwork,
+		UpdateDocumentRulers,
+		UpdateDocumentScrollbars,
+		UpdateEyedropperSamplingState,
+		UpdateMouseCursor,
+		isWidgetSpanRow,
+	} from "@graphite/messages";
+	import type { DocumentState } from "@graphite/state-providers/document";
+	import { textInputCleanup } from "@graphite/utility-functions/keyboard-entry";
+	import { extractPixelData, rasterizeSVGCanvas } from "@graphite/utility-functions/rasterization";
+	import { updateBoundsOfViewports } from "@graphite/utility-functions/viewports";
+
+	import EyedropperPreview, { ZOOM_WINDOW_DIMENSIONS } from "@graphite/components/floating-menus/EyedropperPreview.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import Graph from "@graphite/components/views/Graph.svelte";
+	import RulerInput from "@graphite/components/widgets/inputs/RulerInput.svelte";
+	import ScrollbarInput from "@graphite/components/widgets/inputs/ScrollbarInput.svelte";
+	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+
+	let rulerHorizontal: RulerInput | undefined;
+	let rulerVertical: RulerInput | undefined;
+	let viewport: HTMLDivElement | undefined;
+
+	const editor = getContext<Editor>("editor");
+	const document = getContext<DocumentState>("document");
+
+	// Interactive text editing
+	let textInput: undefined | HTMLDivElement = undefined;
+	let showTextInput: boolean;
+	let textInputMatrix: number[];
+
+	// Scrollbars
+	let scrollbarPos: XY = { x: 0.5, y: 0.5 };
+	let scrollbarSize: XY = { x: 0.5, y: 0.5 };
+	let scrollbarMultiplier: XY = { x: 0, y: 0 };
+
+	// Rulers
+	let rulerOrigin: XY = { x: 0, y: 0 };
+	let rulerSpacing = 100;
+	let rulerInterval = 100;
+	let rulersVisible = true;
+
+	// Rendered SVG viewport data
+	let artworkSvg = "";
+
+	// Rasterized SVG viewport data, or none if it's not up-to-date
+	let rasterizedCanvas: HTMLCanvasElement | undefined = undefined;
+	let rasterizedContext: CanvasRenderingContext2D | undefined = undefined;
+
+	// Cursor icon to display while hovering over the canvas
+	let canvasCursor = "default";
+
+	// Cursor position for cursor floating menus like the Eyedropper tool zoom
+	let cursorLeft = 0;
+	let cursorTop = 0;
+	let cursorEyedropper = false;
+	let cursorEyedropperPreviewImageData: ImageData | undefined = undefined;
+	let cursorEyedropperPreviewColorChoice = "";
+	let cursorEyedropperPreviewColorPrimary = "";
+	let cursorEyedropperPreviewColorSecondary = "";
+
+	// Canvas dimensions
+	let canvasSvgWidth: number | undefined = undefined;
+	let canvasSvgHeight: number | undefined = undefined;
+
+	let devicePixelRatio: number | undefined;
+
+	// Dimension is rounded up to the nearest even number because resizing is centered, and dividing an odd number by 2 for centering causes antialiasing
+	$: canvasWidthRoundedToEven = canvasSvgWidth && (canvasSvgWidth % 2 === 1 ? canvasSvgWidth + 1 : canvasSvgWidth);
+	$: canvasHeightRoundedToEven = canvasSvgHeight && (canvasSvgHeight % 2 === 1 ? canvasSvgHeight + 1 : canvasSvgHeight);
+	// Used to set the canvas element size on the page.
+	// The value above in pixels, or if undefined, we fall back to 100% as a non-pixel-perfect backup that's hopefully short-lived
+	$: canvasWidthCSS = canvasWidthRoundedToEven ? `${canvasWidthRoundedToEven}px` : "100%";
+	$: canvasHeightCSS = canvasHeightRoundedToEven ? `${canvasHeightRoundedToEven}px` : "100%";
+
+	$: canvasWidthScaled = canvasSvgWidth && devicePixelRatio && Math.floor(canvasSvgWidth * devicePixelRatio);
+	$: canvasHeightScaled = canvasSvgHeight && devicePixelRatio && Math.floor(canvasSvgHeight * devicePixelRatio);
+
+	// Used to set the canvas rendering dimensions.
+	$: canvasWidthScaledRoundedToEven = canvasWidthScaled && (canvasWidthScaled % 2 === 1 ? canvasWidthScaled + 1 : canvasWidthScaled);
+	$: canvasHeightScaledRoundedToEven = canvasHeightScaled && (canvasHeightScaled % 2 === 1 ? canvasHeightScaled + 1 : canvasHeightScaled);
+
+	$: toolShelfTotalToolsAndSeparators = ((layoutGroup) => {
+		if (!isWidgetSpanRow(layoutGroup)) return undefined;
+
+		let totalSeparators = 0;
+		let totalToolRowsFor1Columns = 0;
+		let totalToolRowsFor2Columns = 0;
+		let totalToolRowsFor3Columns = 0;
+
+		const tally = () => {
+			totalToolRowsFor1Columns += toolsInCurrentGroup;
+			totalToolRowsFor2Columns += Math.ceil(toolsInCurrentGroup / 2);
+			totalToolRowsFor3Columns += Math.ceil(toolsInCurrentGroup / 3);
+			toolsInCurrentGroup = 0;
+		};
+
+		let toolsInCurrentGroup = 0;
+		layoutGroup.rowWidgets.forEach((widget) => {
+			if (widget.props.kind === "Separator") {
+				totalSeparators += 1;
+				tally();
+			} else {
+				toolsInCurrentGroup += 1;
+			}
+		});
+		tally();
+
+		return {
+			totalSeparators,
+			totalToolRowsFor1Columns,
+			totalToolRowsFor2Columns,
+			totalToolRowsFor3Columns,
+		};
+	})($document.toolShelfLayout.layout[0]);
+
+	function dropFile(e: DragEvent) {
+		const { dataTransfer } = e;
+		const [x, y] = e.target instanceof Element && e.target.closest("[data-viewport]") ? [e.clientX, e.clientY] : [undefined, undefined];
+		if (!dataTransfer) return;
+
+		e.preventDefault();
+
+		Array.from(dataTransfer.items).forEach(async (item) => {
+			const file = item.getAsFile();
+			if (!file) return;
+
+			if (file.type.includes("svg")) {
+				const svgData = await file.text();
+				editor.handle.pasteSvg(file.name, svgData, x, y);
+				return;
+			}
+
+			if (file.type.startsWith("image")) {
+				const imageData = await extractPixelData(file);
+				editor.handle.pasteImage(file.name, new Uint8Array(imageData.data), imageData.width, imageData.height, x, y);
+				return;
+			}
+
+			if (file.name.endsWith(".graphite")) {
+				const content = await file.text();
+				editor.handle.openDocumentFile(file.name, content);
+				return;
+			}
+		});
+	}
+
+	function panCanvasX(newValue: number) {
+		const delta = newValue - scrollbarPos.x;
+		scrollbarPos.x = newValue;
+		editor.handle.panCanvas(-delta * scrollbarMultiplier.x, 0);
+	}
+
+	function panCanvasY(newValue: number) {
+		const delta = newValue - scrollbarPos.y;
+		scrollbarPos.y = newValue;
+		editor.handle.panCanvas(0, -delta * scrollbarMultiplier.y);
+	}
+
+	function canvasPointerDown(e: PointerEvent) {
+		const onEditbox = e.target instanceof HTMLDivElement && e.target.contentEditable;
+
+		if (!onEditbox) viewport?.setPointerCapture(e.pointerId);
+		if (window.document.activeElement instanceof HTMLElement) {
+			window.document.activeElement.blur();
+		}
+	}
+
+	// Update rendered SVGs
+	export async function updateDocumentArtwork(svg: string) {
+		// TODO: Sort this out so we're either sending only the SVG inner contents from the backend or not setting the width/height attributes here
+		// TODO: (but preserving the rounding-up-to-the-next-even-number to prevent antialiasing).
+		artworkSvg = svg
+			.trim()
+			.replace(/<svg[^>]*>/, "")
+			.slice(0, -"</svg>".length);
+		rasterizedCanvas = undefined;
+
+		await tick();
+
+		const placeholders = window.document.querySelectorAll("[data-viewport] [data-canvas-placeholder]");
+		// Replace the placeholders with the actual canvas elements
+		placeholders.forEach((placeholder) => {
+			const canvasName = placeholder.getAttribute("data-canvas-placeholder");
+			if (!canvasName) return;
+			// Get the canvas element from the global storage
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			const canvas = (window as any).imageCanvases[canvasName];
+			placeholder.replaceWith(canvas);
+		});
+	}
+
+	export async function updateEyedropperSamplingState(mousePosition: XY | undefined, colorPrimary: string, colorSecondary: string): Promise<[number, number, number] | undefined> {
+		if (mousePosition === undefined) {
+			cursorEyedropper = false;
+			return undefined;
+		}
+		cursorEyedropper = true;
+
+		if (canvasSvgWidth === undefined || canvasSvgHeight === undefined) return undefined;
+
+		cursorLeft = mousePosition.x;
+		cursorTop = mousePosition.y;
+
+		// This works nearly perfectly, but sometimes at odd DPI scale factors like 1.25, the anti-aliasing color can yield slightly incorrect colors (potential room for future improvement)
+		const dpiFactor = window.devicePixelRatio;
+		const [width, height] = [canvasSvgWidth, canvasSvgHeight];
+
+		const outsideArtboardsColor = getComputedStyle(window.document.documentElement).getPropertyValue("--color-2-mildblack");
+		const outsideArtboards = `<rect x="0" y="0" width="100%" height="100%" fill="${outsideArtboardsColor}" />`;
+
+		const svg = `
+			<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">${outsideArtboards}${artworkSvg}</svg>
+			`.trim();
+
+		if (!rasterizedCanvas) {
+			rasterizedCanvas = await rasterizeSVGCanvas(svg, width * dpiFactor, height * dpiFactor, "image/png");
+			rasterizedContext = rasterizedCanvas.getContext("2d") || undefined;
+		}
+		if (!rasterizedContext) return undefined;
+
+		const rgbToHex = (r: number, g: number, b: number): string => `#${[r, g, b].map((x) => x.toString(16).padStart(2, "0")).join("")}`;
+
+		const pixel = rasterizedContext.getImageData(mousePosition.x * dpiFactor, mousePosition.y * dpiFactor, 1, 1).data;
+		const hex = rgbToHex(pixel[0], pixel[1], pixel[2]);
+		const rgb: [number, number, number] = [pixel[0] / 255, pixel[1] / 255, pixel[2] / 255];
+
+		cursorEyedropperPreviewColorChoice = hex;
+		cursorEyedropperPreviewColorPrimary = colorPrimary;
+		cursorEyedropperPreviewColorSecondary = colorSecondary;
+
+		const previewRegion = rasterizedContext.getImageData(
+			mousePosition.x * dpiFactor - (ZOOM_WINDOW_DIMENSIONS - 1) / 2,
+			mousePosition.y * dpiFactor - (ZOOM_WINDOW_DIMENSIONS - 1) / 2,
+			ZOOM_WINDOW_DIMENSIONS,
+			ZOOM_WINDOW_DIMENSIONS,
+		);
+		cursorEyedropperPreviewImageData = previewRegion;
+
+		return rgb;
+	}
+
+	// Update scrollbars and rulers
+	export function updateDocumentScrollbars(position: XY, size: XY, multiplier: XY) {
+		scrollbarPos = position;
+		scrollbarSize = size;
+		scrollbarMultiplier = multiplier;
+	}
+
+	export function updateDocumentRulers(origin: XY, spacing: number, interval: number, visible: boolean) {
+		rulerOrigin = origin;
+		rulerSpacing = spacing;
+		rulerInterval = interval;
+		rulersVisible = visible;
+	}
+
+	// Update mouse cursor icon
+	export function updateMouseCursor(cursor: MouseCursorIcon) {
+		let cursorString: string = cursor;
+
+		// This isn't very clean but it's good enough for now until we need more icons, then we can build something more robust (consider blob URLs)
+		if (cursor === "custom-rotate") {
+			const svg = `
+				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
+					<path transform="translate(2 2)" fill="black" stroke="black" stroke-width="2px" d="
+					M8,15.2C4,15.2,0.8,12,0.8,8C0.8,4,4,0.8,8,0.8c2,0,3.9,0.8,5.3,2.3l-1,1C11.2,2.9,9.6,2.2,8,2.2C4.8,2.2,2.2,4.8,2.2,8s2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8h1.4C15.2,12,12,15.2,8,15.2z
+					" />
+					<polygon transform="translate(2 2)" fill="black" stroke="black" stroke-width="2px" points="12.6,0 15.5,5 9.7,5" />
+					<path transform="translate(2 2)" fill="white" d="
+					M8,15.2C4,15.2,0.8,12,0.8,8C0.8,4,4,0.8,8,0.8c2,0,3.9,0.8,5.3,2.3l-1,1C11.2,2.9,9.6,2.2,8,2.2C4.8,2.2,2.2,4.8,2.2,8s2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8h1.4C15.2,12,12,15.2,8,15.2z
+					" />
+					<polygon transform="translate(2 2)" fill="white" points="12.6,0 15.5,5 9.7,5" />
+				</svg>
+				`
+				.split("\n")
+				.map((line) => line.trim())
+				.join("");
+
+			cursorString = `url('data:image/svg+xml;utf8,${svg}') 8 8, alias`;
+		}
+
+		canvasCursor = cursorString;
+	}
+
+	function preventTextEditingScroll(e: Event) {
+		if (!(e.target instanceof HTMLElement)) return;
+		e.target.scrollTop = 0;
+		e.target.scrollLeft = 0;
+	}
+
+	// Text entry
+	export function triggerTextCommit() {
+		if (!textInput) return;
+		const textCleaned = textInputCleanup(textInput.innerText);
+		editor.handle.onChangeText(textCleaned, false);
+	}
+
+	export async function displayEditableTextbox(displayEditableTextbox: DisplayEditableTextbox) {
+		showTextInput = true;
+
+		await tick();
+
+		if (!textInput) {
+			return;
+		}
+
+		if (displayEditableTextbox.text === "") textInput.textContent = "";
+		else textInput.textContent = `${displayEditableTextbox.text}\n`;
+
+		// Make it so `maxHeight` is a multiple of `lineHeight`
+		const lineHeight = displayEditableTextbox.lineHeightRatio * displayEditableTextbox.fontSize;
+		let height = displayEditableTextbox.maxHeight === undefined ? "auto" : `${Math.floor(displayEditableTextbox.maxHeight / lineHeight) * lineHeight}px`;
+
+		textInput.contentEditable = "true";
+		textInput.style.transformOrigin = "0 0";
+		textInput.style.width = displayEditableTextbox.maxWidth ? `${displayEditableTextbox.maxWidth}px` : "max-content";
+		textInput.style.height = height;
+		textInput.style.lineHeight = `${displayEditableTextbox.lineHeightRatio}`;
+		textInput.style.fontSize = `${displayEditableTextbox.fontSize}px`;
+		textInput.style.color = displayEditableTextbox.color.toHexOptionalAlpha() || "transparent";
+
+		textInput.oninput = () => {
+			if (!textInput) return;
+			editor.handle.updateBounds(textInputCleanup(textInput.innerText));
+		};
+		textInputMatrix = displayEditableTextbox.transform;
+		const newFont = new FontFace("text-font", `url(${displayEditableTextbox.url})`);
+		window.document.fonts.add(newFont);
+		textInput.style.fontFamily = "text-font";
+
+		// Necessary to select contenteditable: https://stackoverflow.com/questions/6139107/programmatically-select-text-in-a-contenteditable-html-element/6150060#6150060
+
+		const range = window.document.createRange();
+		range.selectNodeContents(textInput);
+
+		const selection = window.getSelection();
+		if (selection) {
+			selection.removeAllRanges();
+			selection.addRange(range);
+		}
+
+		textInput.focus();
+		textInput.click();
+
+		// Sends the text input element used for interactively editing with the text tool in a custom event
+		window.dispatchEvent(new CustomEvent("modifyinputfield", { detail: textInput }));
+	}
+
+	export function displayRemoveEditableTextbox() {
+		window.dispatchEvent(new CustomEvent("modifyinputfield", { detail: undefined }));
+		showTextInput = false;
+	}
+
+	onMount(() => {
+		// Not compatible with Safari:
+		// <https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio#browser_compatibility>
+		// <https://bugs.webkit.org/show_bug.cgi?id=124862>
+		let removeUpdatePixelRatio: (() => void) | undefined = undefined;
+		const updatePixelRatio = () => {
+			removeUpdatePixelRatio?.();
+			const mediaQueryList = matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
+			// The event is one-time use, so we have to set up a new listener and remove the old one every time
+			mediaQueryList.addEventListener("change", updatePixelRatio);
+			removeUpdatePixelRatio = () => mediaQueryList.removeEventListener("change", updatePixelRatio);
+
+			devicePixelRatio = window.devicePixelRatio;
+			editor.handle.setDevicePixelRatio(devicePixelRatio);
+		};
+		updatePixelRatio();
+
+		// Update rendered SVGs
+		editor.subscriptions.subscribeJsMessage(UpdateDocumentArtwork, async (data) => {
+			await tick();
+
+			updateDocumentArtwork(data.svg);
+		});
+		editor.subscriptions.subscribeJsMessage(UpdateEyedropperSamplingState, async (data) => {
+			await tick();
+
+			const { mousePosition, primaryColor, secondaryColor, setColorChoice } = data;
+			const rgb = await updateEyedropperSamplingState(mousePosition, primaryColor, secondaryColor);
+
+			if (setColorChoice && rgb) {
+				if (setColorChoice === "Primary") editor.handle.updatePrimaryColor(...rgb, 1);
+				if (setColorChoice === "Secondary") editor.handle.updateSecondaryColor(...rgb, 1);
+			}
+		});
+
+		// Update scrollbars and rulers
+		editor.subscriptions.subscribeJsMessage(UpdateDocumentScrollbars, async (data) => {
+			await tick();
+
+			const { position, size, multiplier } = data;
+			updateDocumentScrollbars(position, size, multiplier);
+		});
+		editor.subscriptions.subscribeJsMessage(UpdateDocumentRulers, async (data) => {
+			await tick();
+
+			const { origin, spacing, interval, visible } = data;
+			updateDocumentRulers(origin, spacing, interval, visible);
+		});
+
+		// Update mouse cursor icon
+		editor.subscriptions.subscribeJsMessage(UpdateMouseCursor, async (data) => {
+			await tick();
+
+			const { cursor } = data;
+			updateMouseCursor(cursor);
+		});
+
+		// Text entry
+		editor.subscriptions.subscribeJsMessage(TriggerTextCommit, async () => {
+			await tick();
+
+			triggerTextCommit();
+		});
+		editor.subscriptions.subscribeJsMessage(DisplayEditableTextbox, async (data) => {
+			await tick();
+
+			displayEditableTextbox(data);
+		});
+		editor.subscriptions.subscribeJsMessage(DisplayEditableTextboxTransform, async (data) => {
+			textInputMatrix = data.transform;
+		});
+		editor.subscriptions.subscribeJsMessage(DisplayRemoveEditableTextbox, async () => {
+			await tick();
+
+			displayRemoveEditableTextbox();
+		});
+
+		// Once this component is mounted, we want to resend the document bounds to the backend via the resize event handler which does that
+		window.dispatchEvent(new Event("resize"));
+
+		const viewportResizeObserver = new ResizeObserver(() => {
+			if (!viewport) return;
+
+			// Resize the canvas
+			canvasSvgWidth = Math.ceil(parseFloat(getComputedStyle(viewport).width));
+			canvasSvgHeight = Math.ceil(parseFloat(getComputedStyle(viewport).height));
+
+			// Resize the rulers
+			rulerHorizontal?.resize();
+			rulerVertical?.resize();
+
+			// Send the new bounds of the viewports to the backend
+			if (viewport.parentElement) updateBoundsOfViewports(editor, viewport.parentElement);
+		});
+		if (viewport) viewportResizeObserver.observe(viewport);
+	});
+</script>
+
+<LayoutCol class="document" on:dragover={(e) => e.preventDefault()} on:drop={dropFile}>
+	<LayoutRow class="control-bar" classes={{ "for-graph": $document.graphViewOverlayOpen }} scrollableX={true}>
+		{#if !$document.graphViewOverlayOpen}
+			<WidgetLayout layout={$document.documentModeLayout} />
+			<WidgetLayout layout={$document.toolOptionsLayout} />
+			<LayoutRow class="spacer" />
+			<WidgetLayout layout={$document.documentBarLayout} />
+		{:else}
+			<WidgetLayout layout={$document.nodeGraphControlBarLayout} />
+		{/if}
+	</LayoutRow>
+	<LayoutRow
+		class="tool-shelf-and-viewport-area"
+		styles={toolShelfTotalToolsAndSeparators && {
+			"--total-separators": toolShelfTotalToolsAndSeparators.totalSeparators,
+			"--total-tool-rows-for-1-columns": toolShelfTotalToolsAndSeparators.totalToolRowsFor1Columns,
+			"--total-tool-rows-for-2-columns": toolShelfTotalToolsAndSeparators.totalToolRowsFor2Columns,
+			"--total-tool-rows-for-3-columns": toolShelfTotalToolsAndSeparators.totalToolRowsFor3Columns,
+		}}
+	>
+		<LayoutCol class="tool-shelf">
+			{#if !$document.graphViewOverlayOpen}
+				<LayoutCol class="tools" scrollableY={true}>
+					<WidgetLayout layout={$document.toolShelfLayout} />
+				</LayoutCol>
+			{:else}
+				<LayoutRow class="spacer" />
+			{/if}
+			<LayoutCol class="tool-shelf-bottom-widgets">
+				<WidgetLayout class={"working-colors-input-area"} layout={$document.workingColorsLayout} />
+			</LayoutCol>
+		</LayoutCol>
+		<LayoutCol class="viewport-container">
+			{#if rulersVisible}
+				<LayoutRow class="ruler-or-scrollbar top-ruler">
+					<LayoutCol class="ruler-corner"></LayoutCol>
+					<RulerInput origin={rulerOrigin.x} majorMarkSpacing={rulerSpacing} numberInterval={rulerInterval} direction="Horizontal" bind:this={rulerHorizontal} />
+				</LayoutRow>
+			{/if}
+			<LayoutRow class="viewport-container-inner">
+				{#if rulersVisible}
+					<LayoutCol class="ruler-or-scrollbar">
+						<RulerInput origin={rulerOrigin.y} majorMarkSpacing={rulerSpacing} numberInterval={rulerInterval} direction="Vertical" bind:this={rulerVertical} />
+					</LayoutCol>
+				{/if}
+				<LayoutCol class="viewport-container-inner" styles={{ cursor: canvasCursor }}>
+					{#if cursorEyedropper}
+						<EyedropperPreview
+							colorChoice={cursorEyedropperPreviewColorChoice}
+							primaryColor={cursorEyedropperPreviewColorPrimary}
+							secondaryColor={cursorEyedropperPreviewColorSecondary}
+							imageData={cursorEyedropperPreviewImageData}
+							x={cursorLeft}
+							y={cursorTop}
+						/>
+					{/if}
+					<div class="viewport" on:pointerdown={(e) => canvasPointerDown(e)} bind:this={viewport} data-viewport>
+						<svg class="artboards" style:width={canvasWidthCSS} style:height={canvasHeightCSS}>
+							{@html artworkSvg}
+						</svg>
+						<div class="text-input" style:width={canvasWidthCSS} style:height={canvasHeightCSS} style:pointer-events={showTextInput ? "auto" : ""}>
+							{#if showTextInput}
+								<div bind:this={textInput} style:transform="matrix({textInputMatrix})" on:scroll={preventTextEditingScroll} />
+							{/if}
+						</div>
+						<canvas
+							class="overlays"
+							width={canvasWidthScaledRoundedToEven}
+							height={canvasHeightScaledRoundedToEven}
+							style:width={canvasWidthCSS}
+							style:height={canvasHeightCSS}
+							data-overlays-canvas
+						>
+						</canvas>
+					</div>
+					<div class="graph-view" class:open={$document.graphViewOverlayOpen} style:--fade-artwork={`${$document.fadeArtwork}%`} data-graph>
+						<Graph />
+					</div>
+				</LayoutCol>
+				<LayoutCol class="ruler-or-scrollbar right-scrollbar">
+					<ScrollbarInput
+						direction="Vertical"
+						thumbLength={scrollbarSize.y}
+						thumbPosition={scrollbarPos.y}
+						on:trackShift={({ detail }) => editor.handle.panCanvasByFraction(0, detail)}
+						on:thumbPosition={({ detail }) => panCanvasY(detail)}
+						on:thumbDragStart={() => editor.handle.panCanvasAbortPrepare(false)}
+						on:thumbDragAbort={() => editor.handle.panCanvasAbort(false)}
+					/>
+				</LayoutCol>
+			</LayoutRow>
+			<LayoutRow class="ruler-or-scrollbar bottom-scrollbar">
+				<ScrollbarInput
+					direction="Horizontal"
+					thumbLength={scrollbarSize.x}
+					thumbPosition={scrollbarPos.x}
+					on:trackShift={({ detail }) => editor.handle.panCanvasByFraction(detail, 0)}
+					on:thumbPosition={({ detail }) => panCanvasX(detail)}
+					on:thumbDragEnd={() => editor.handle.setGridAlignedEdges()}
+					on:thumbDragStart={() => editor.handle.panCanvasAbortPrepare(true)}
+					on:thumbDragAbort={() => editor.handle.panCanvasAbort(true)}
+				/>
+			</LayoutRow>
+		</LayoutCol>
+	</LayoutRow>
+</LayoutCol>
+
+<style lang="scss" global>
+	.document {
+		height: 100%;
+
+		&.document.document {
+			padding-bottom: 0;
+		}
+
+		.control-bar {
+			height: 32px;
+			flex: 0 0 auto;
+			margin: 0 4px;
+
+			.spacer {
+				min-width: 40px;
+			}
+
+			&.for-graph {
+				justify-content: space-between;
+			}
+		}
+
+		.tool-shelf-and-viewport-area {
+			// Enables usage of the `100cqh` unit to reference the height of this container element.
+			container-type: size;
+
+			// Update this if the tool icons change width in the future.
+			--tool-width: 32;
+			// Update this if the items below the tools (i.e. the working colors) change height in the future.
+			--height-of-elements-below-tools: 72px;
+			// Update this if the height changes as set in `Separator.svelte`.
+			--height-of-separator: calc(12px + 1px + 12px);
+
+			// Target height for the tools within the container above the lower elements.
+			--available-height: calc(100cqh - var(--height-of-elements-below-tools));
+			// The least height required to fit all the tools in 1 column and 2 columns, which the available space must exceed in order for the fewest needed columns to be used.
+			--1-col-required-height: calc(var(--total-tool-rows-for-1-columns) * calc(var(--tool-width) * 1px) + var(--total-separators) * var(--height-of-separator));
+			--2-col-required-height: calc(var(--total-tool-rows-for-2-columns) * calc(var(--tool-width) * 1px) + var(--total-separators) * var(--height-of-separator));
+
+			// These evaluate to 0px (if false) or 1px (if true). (We multiply by 1000000 to force the result to be a discrete integer 0 or 1 and not interpolate values in-between.)
+			--needs-at-least-1-column: 1px; // Always true
+			--needs-at-least-2-columns: calc(1px - clamp(0px, calc((var(--available-height) - Min(var(--available-height), var(--1-col-required-height))) * 1000000), 1px));
+			--needs-at-least-3-columns: calc(1px - clamp(0px, calc((var(--available-height) - Min(var(--available-height), var(--2-col-required-height))) * 1000000), 1px));
+			--columns: calc(var(--needs-at-least-1-column) + var(--needs-at-least-2-columns) + var(--needs-at-least-3-columns));
+			--columns-width: calc(var(--columns) * var(--tool-width));
+			--columns-width-max: calc(3px * var(--tool-width));
+
+			.tool-shelf {
+				flex: 0 0 auto;
+				justify-content: space-between;
+
+				.tools {
+					flex: 0 1 auto;
+
+					// Disabled because Firefox appears to have switched to using overlay scrollbars which float atop the content and don't affect the layout (as of FF 135 on Windows).
+					// We'll keep this here in case it's needed in the future.
+					//
+					// Firefox-specific workaround for this bug causing the scrollbar to cover up the toolbar instead of widening to accommodate the scrollbar:
+					// <https://bugzilla.mozilla.org/show_bug.cgi?id=764076>
+					// <https://stackoverflow.com/questions/63278303/firefox-does-not-take-vertical-scrollbar-width-into-account-when-calculating-par>
+					// Remove this when the Firefox bug is fixed.
+					// @-moz-document url-prefix() {
+					// 	--available-height-plus-1: calc(var(--available-height) + 1px);
+					// 	--3-col-required-height: calc(var(--total-tool-rows-for-3-columns) * calc(var(--tool-width) * 1px) + var(--total-separators) * var(--height-of-separator));
+					// 	--overflows-with-3-columns: calc(1px - clamp(0px, calc((var(--available-height-plus-1) - Min(var(--available-height-plus-1), var(--3-col-required-height))) * 1000000), 1px));
+					// 	--firefox-scrollbar-width-space-occupied: 2; // Might change someday, or on different platforms, but this is the value in FF 120 on Windows
+					// 	padding-right: calc(var(--firefox-scrollbar-width-space-occupied) * var(--overflows-with-3-columns));
+					// }
+
+					.widget-span {
+						flex-wrap: wrap;
+						width: var(--columns-width);
+
+						.icon-button {
+							margin: 0;
+
+							&[title^="Coming Soon"] {
+								opacity: 0.25;
+								transition: opacity 0.2s;
+
+								&:hover {
+									opacity: 1;
+								}
+							}
+
+							&:not(.active) {
+								.color-general {
+									fill: var(--color-data-general);
+								}
+
+								.color-vector {
+									fill: var(--color-data-vectordata);
+								}
+
+								.color-raster {
+									fill: var(--color-data-raster);
+								}
+							}
+						}
+
+						.separator {
+							min-height: 0;
+						}
+					}
+				}
+
+				.tool-shelf-bottom-widgets {
+					flex: 0 0 auto;
+					align-items: center;
+
+					.working-colors-input-area {
+						height: auto;
+						margin: 0;
+						min-height: 0;
+
+						.working-colors-input {
+							margin: 0;
+						}
+
+						.icon-button {
+							--widget-height: 0;
+						}
+					}
+				}
+			}
+
+			.viewport-container {
+				flex: 1 1 100%;
+
+				.ruler-or-scrollbar {
+					flex: 0 0 auto;
+				}
+
+				.ruler-corner {
+					background: var(--color-2-mildblack);
+					width: 16px;
+					position: relative;
+
+					&::after {
+						content: "";
+						background: var(--color-5-dullgray);
+						position: absolute;
+						width: 1px;
+						height: 1px;
+						right: 0;
+						bottom: 0;
+					}
+				}
+
+				.top-ruler .ruler-input {
+					margin-right: 16px;
+				}
+
+				.right-scrollbar .scrollbar-input {
+					margin-top: -16px;
+				}
+
+				.bottom-scrollbar .scrollbar-input {
+					margin-right: 16px;
+				}
+
+				.viewport-container-inner {
+					flex: 1 1 100%;
+					position: relative;
+
+					.viewport {
+						background: var(--color-2-mildblack);
+						width: 100%;
+						height: 100%;
+						// Allows the SVG to be placed at explicit integer values of width and height to prevent non-pixel-perfect SVG scaling
+						position: relative;
+						overflow: hidden;
+
+						.artwork,
+						.text-input,
+						.overlays {
+							position: absolute;
+							top: 0;
+							// Fallback values if JS hasn't set these to integers yet
+							width: 100%;
+							height: 100%;
+							// Allows dev tools to select the artwork without being blocked by the SVG containers
+							pointer-events: none;
+
+							// Prevent inheritance from reaching the child elements
+							> * {
+								pointer-events: auto;
+							}
+						}
+
+						.text-input {
+							word-break: break-all;
+							unicode-bidi: plaintext;
+							text-align: left;
+						}
+
+						.text-input div {
+							cursor: text;
+							background: none;
+							border: none;
+							margin: 0;
+							padding: 0;
+							overflow-x: visible;
+							overflow-y: hidden;
+							overflow-wrap: anywhere;
+							white-space: pre-wrap;
+							word-break: normal;
+							unicode-bidi: plaintext;
+							text-align: left;
+							display: inline-block;
+							// Workaround to force Chrome to display the flashing text entry cursor when text is empty
+							padding-left: 1px;
+							margin-left: -1px;
+
+							&:focus {
+								border: none;
+								outline: none; // Ok for contenteditable element
+								margin: -1px;
+							}
+						}
+					}
+
+					.graph-view {
+						pointer-events: none;
+						transition: opacity 0.2s ease-in-out;
+						opacity: 0;
+
+						&.open {
+							cursor: auto;
+							pointer-events: auto;
+							opacity: 1;
+						}
+
+						&::before {
+							content: "";
+							position: absolute;
+							top: 0;
+							left: 0;
+							width: 100%;
+							height: 100%;
+							background: var(--color-2-mildblack);
+							opacity: var(--fade-artwork);
+							pointer-events: none;
+						}
+					}
+
+					.fade-artwork,
+					.graph {
+						position: absolute;
+						top: 0;
+						left: 0;
+						width: 100%;
+						height: 100%;
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/panels/Layers.svelte b/frontend/src/components/panels/Layers.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..092a83fbac4085873bbdb6089c4bb296401129de
--- /dev/null
+++ b/frontend/src/components/panels/Layers.svelte
@@ -0,0 +1,805 @@
+<script lang="ts">
+	import { getContext, onMount, onDestroy, tick } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import { beginDraggingElement } from "@graphite/io-managers/drag";
+	import {
+		defaultWidgetLayout,
+		patchWidgetLayout,
+		UpdateDocumentLayerDetails,
+		UpdateDocumentLayerStructureJs,
+		UpdateLayersPanelControlBarLeftLayout,
+		UpdateLayersPanelControlBarRightLayout,
+		UpdateLayersPanelBottomBarLayout,
+	} from "@graphite/messages";
+	import type { DataBuffer, LayerPanelEntry } from "@graphite/messages";
+	import type { NodeGraphState } from "@graphite/state-providers/node-graph";
+	import { platformIsMac } from "@graphite/utility-functions/platform";
+	import { extractPixelData } from "@graphite/utility-functions/rasterization";
+
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
+	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+
+	type LayerListingInfo = {
+		folderIndex: number;
+		bottomLayer: boolean;
+		editingName: boolean;
+		entry: LayerPanelEntry;
+	};
+
+	type DraggingData = {
+		select?: () => void;
+		insertParentId: bigint | undefined;
+		insertDepth: number;
+		insertIndex: number | undefined;
+		highlightFolder: boolean;
+		markerHeight: number;
+	};
+
+	const editor = getContext<Editor>("editor");
+	const nodeGraph = getContext<NodeGraphState>("nodeGraph");
+
+	let list: LayoutCol | undefined;
+
+	// Layer data
+	let layerCache = new Map<string, LayerPanelEntry>(); // TODO: replace with BigUint64Array as index
+	let layers: LayerListingInfo[] = [];
+
+	// Interactive dragging
+	let draggable = true;
+	let draggingData: undefined | DraggingData = undefined;
+	let fakeHighlightOfNotYetSelectedLayerBeingDragged: undefined | bigint = undefined;
+	let dragInPanel = false;
+
+	// Interactive clipping
+	let layerToClipUponClick: LayerListingInfo | undefined = undefined;
+	let layerToClipAltKeyPressed = false;
+
+	// Layouts
+	let layersPanelControlBarLeftLayout = defaultWidgetLayout();
+	let layersPanelControlBarRightLayout = defaultWidgetLayout();
+	let layersPanelBottomBarLayout = defaultWidgetLayout();
+
+	onMount(() => {
+		editor.subscriptions.subscribeJsMessage(UpdateLayersPanelControlBarLeftLayout, (updateLayersPanelControlBarLeftLayout) => {
+			patchWidgetLayout(layersPanelControlBarLeftLayout, updateLayersPanelControlBarLeftLayout);
+			layersPanelControlBarLeftLayout = layersPanelControlBarLeftLayout;
+		});
+
+		editor.subscriptions.subscribeJsMessage(UpdateLayersPanelControlBarRightLayout, (updateLayersPanelControlBarRightLayout) => {
+			patchWidgetLayout(layersPanelControlBarRightLayout, updateLayersPanelControlBarRightLayout);
+			layersPanelControlBarRightLayout = layersPanelControlBarRightLayout;
+		});
+
+		editor.subscriptions.subscribeJsMessage(UpdateLayersPanelBottomBarLayout, (updateLayersPanelBottomBarLayout) => {
+			patchWidgetLayout(layersPanelBottomBarLayout, updateLayersPanelBottomBarLayout);
+			layersPanelBottomBarLayout = layersPanelBottomBarLayout;
+		});
+
+		editor.subscriptions.subscribeJsMessage(UpdateDocumentLayerStructureJs, (updateDocumentLayerStructure) => {
+			const structure = newUpdateDocumentLayerStructure(updateDocumentLayerStructure.dataBuffer);
+			rebuildLayerHierarchy(structure);
+		});
+
+		editor.subscriptions.subscribeJsMessage(UpdateDocumentLayerDetails, (updateDocumentLayerDetails) => {
+			const targetLayer = updateDocumentLayerDetails.data;
+			const targetId = targetLayer.id;
+
+			updateLayerInTree(targetId, targetLayer);
+		});
+
+		addEventListener("pointermove", clippingHover);
+		addEventListener("keydown", clippingKeyPress);
+		addEventListener("keyup", clippingKeyPress);
+	});
+
+	onDestroy(() => {
+		removeEventListener("pointermove", clippingHover);
+		removeEventListener("keydown", clippingKeyPress);
+		removeEventListener("keyup", clippingKeyPress);
+	});
+
+	type DocumentLayerStructure = {
+		layerId: bigint;
+		children: DocumentLayerStructure[];
+	};
+
+	function newUpdateDocumentLayerStructure(dataBuffer: DataBuffer): DocumentLayerStructure {
+		const pointerNum = Number(dataBuffer.pointer);
+		const lengthNum = Number(dataBuffer.length);
+
+		const wasmMemoryBuffer = editor.raw.buffer;
+
+		// Decode the folder structure encoding
+		const encoding = new DataView(wasmMemoryBuffer, pointerNum, lengthNum);
+
+		// The structure section indicates how to read through the upcoming layer list and assign depths to each layer
+		const structureSectionLength = Number(encoding.getBigUint64(0, true));
+		const structureSectionMsbSigned = new DataView(wasmMemoryBuffer, pointerNum + 8, structureSectionLength * 8);
+
+		// The layer IDs section lists each layer ID sequentially in the tree, as it will show up in the panel
+		const layerIdsSection = new DataView(wasmMemoryBuffer, pointerNum + 8 + structureSectionLength * 8);
+
+		let layersEncountered = 0;
+		let currentFolder: DocumentLayerStructure = { layerId: BigInt(-1), children: [] };
+		const currentFolderStack = [currentFolder];
+
+		for (let i = 0; i < structureSectionLength; i += 1) {
+			const msbSigned = structureSectionMsbSigned.getBigUint64(i * 8, true);
+			const msbMask = BigInt(1) << BigInt(64 - 1);
+
+			// Set the MSB to 0 to clear the sign and then read the number as usual
+			const numberOfLayersAtThisDepth = msbSigned & ~msbMask;
+
+			// Store child folders in the current folder (until we are interrupted by an indent)
+			for (let j = 0; j < numberOfLayersAtThisDepth; j += 1) {
+				const layerId = layerIdsSection.getBigUint64(layersEncountered * 8, true);
+				layersEncountered += 1;
+
+				const childLayer: DocumentLayerStructure = { layerId, children: [] };
+				currentFolder.children.push(childLayer);
+			}
+
+			// Check the sign of the MSB, where a 1 is a negative (outward) indent
+			const subsequentDirectionOfDepthChange = (msbSigned & msbMask) === BigInt(0);
+			// Inward
+			if (subsequentDirectionOfDepthChange) {
+				currentFolderStack.push(currentFolder);
+				currentFolder = currentFolder.children[currentFolder.children.length - 1];
+			}
+			// Outward
+			else {
+				const popped = currentFolderStack.pop();
+				if (!popped) throw Error("Too many negative indents in the folder structure");
+				if (popped) currentFolder = popped;
+			}
+		}
+
+		return currentFolder;
+	}
+
+	function toggleNodeVisibilityLayerPanel(id: bigint) {
+		editor.handle.toggleNodeVisibilityLayerPanel(id);
+	}
+
+	function toggleLayerLock(id: bigint) {
+		editor.handle.toggleLayerLock(id);
+	}
+
+	function handleExpandArrowClickWithModifiers(e: MouseEvent, id: bigint) {
+		const accel = platformIsMac() ? e.metaKey : e.ctrlKey;
+		const collapseRecursive = e.altKey || accel;
+		editor.handle.toggleLayerExpansion(id, collapseRecursive);
+		e.stopPropagation();
+	}
+
+	async function onEditLayerName(listing: LayerListingInfo) {
+		if (listing.editingName) return;
+
+		draggable = false;
+		listing.editingName = true;
+		layers = layers;
+
+		await tick();
+
+		const query = list?.div?.()?.querySelector("[data-text-input]:not([disabled])");
+		const textInput = (query instanceof HTMLInputElement && query) || undefined;
+		textInput?.select();
+	}
+
+	function onEditLayerNameChange(listing: LayerListingInfo, e: Event) {
+		// Eliminate duplicate events
+		if (!listing.editingName) return;
+
+		draggable = true;
+		listing.editingName = false;
+		layers = layers;
+
+		const name = (e.target instanceof HTMLInputElement && e.target.value) || "";
+		editor.handle.setLayerName(listing.entry.id, name);
+		listing.entry.alias = name;
+	}
+
+	async function onEditLayerNameDeselect(listing: LayerListingInfo) {
+		draggable = true;
+		listing.editingName = false;
+		layers = layers;
+
+		// Set it back to the original name if the user didn't enter a new name
+		if (document.activeElement instanceof HTMLInputElement) document.activeElement.value = listing.entry.alias;
+
+		// Deselect the text so it doesn't appear selected while the input field becomes disabled and styled to look like regular text
+		window.getSelection()?.removeAllRanges();
+	}
+
+	function selectLayerWithModifiers(e: MouseEvent, listing: LayerListingInfo) {
+		// Get the pressed state of the modifier keys
+		const [ctrl, meta, shift, alt] = [e.ctrlKey, e.metaKey, e.shiftKey, e.altKey];
+		// Get the state of the platform's accel key and its opposite platform's accel key
+		const [accel, oppositeAccel] = platformIsMac() ? [meta, ctrl] : [ctrl, meta];
+
+		// Alt-clicking to make a clipping mask
+		if (layerToClipAltKeyPressed && layerToClipUponClick && layerToClipUponClick.entry.clippable) clipLayer(layerToClipUponClick);
+		// Select the layer only if the accel and/or shift keys are pressed
+		else if (!oppositeAccel && !alt) selectLayer(listing, accel, shift);
+
+		e.stopPropagation();
+	}
+
+	function clipLayer(listing: LayerListingInfo) {
+		editor.handle.clipLayer(listing.entry.id);
+	}
+
+	function clippingKeyPress(e: KeyboardEvent) {
+		layerToClipAltKeyPressed = e.altKey;
+	}
+
+	function clippingHover(e: PointerEvent) {
+		// Don't do anything if the user is dragging to rearrange layers
+		if (dragInPanel) return;
+
+		// Get the layer below the cursor
+		const target = (e.target instanceof HTMLElement && e.target.closest("[data-layer]")) || undefined;
+		if (!target) {
+			layerToClipUponClick = undefined;
+			return;
+		}
+
+		// Check if the cursor is near the border btween two layers
+		const DISTANCE = 6;
+		const distanceFromTop = e.clientY - target.getBoundingClientRect().top;
+		const distanceFromBottom = target.getBoundingClientRect().bottom - e.clientY;
+
+		const nearTop = distanceFromTop < DISTANCE;
+		const nearBottom = distanceFromBottom < DISTANCE;
+
+		// If we are not near the border, we don't want to clip
+		if (!nearTop && !nearBottom) {
+			layerToClipUponClick = undefined;
+			return;
+		}
+
+		// If we are near the border, we want to clip the layer above the border
+		const indexAttribute = target?.getAttribute("data-index") ?? undefined;
+		const index = indexAttribute ? Number(indexAttribute) : undefined;
+		const layer = index !== undefined && layers[nearTop ? index - 1 : index];
+		if (!layer) return;
+
+		// Update the state used to show the clipping action
+		layerToClipUponClick = layer;
+		layerToClipAltKeyPressed = e.altKey;
+	}
+
+	function selectLayer(listing: LayerListingInfo, accel: boolean, shift: boolean) {
+		// Don't select while we are entering text to rename the layer
+		if (listing.editingName) return;
+
+		editor.handle.selectLayer(listing.entry.id, accel, shift);
+	}
+
+	async function deselectAllLayers() {
+		editor.handle.deselectAllLayers();
+	}
+
+	function calculateDragIndex(tree: LayoutCol, clientY: number, select?: () => void): DraggingData {
+		const treeChildren = tree.div()?.children;
+		const treeOffset = tree.div()?.getBoundingClientRect().top;
+
+		// Folder to insert into
+		let insertParentId: bigint | undefined = undefined;
+		let insertDepth = 0;
+
+		// Insert index (starts at the end, essentially infinity)
+		let insertIndex = undefined;
+
+		// Whether you are inserting into a folder and should show the folder outline
+		let highlightFolder = false;
+
+		let markerHeight = 0;
+		const layerPanel = document.querySelector("[data-layer-panel]"); // Selects the element with the data-layer-panel attribute
+		if (layerPanel !== null && treeChildren !== undefined && treeOffset !== undefined) {
+			let layerPanelTop = layerPanel.getBoundingClientRect().top;
+			Array.from(treeChildren).forEach((treeChild) => {
+				const indexAttribute = treeChild.getAttribute("data-index");
+				if (!indexAttribute) return;
+				const { folderIndex, entry: layer } = layers[parseInt(indexAttribute, 10)];
+
+				const rect = treeChild.getBoundingClientRect();
+				if (rect.top > clientY || rect.bottom < clientY) {
+					return;
+				}
+				const pointerPercentage = (clientY - rect.top) / rect.height;
+				if (layer.childrenAllowed) {
+					if (pointerPercentage < 0.25) {
+						insertParentId = layer.parentId;
+						insertDepth = layer.depth - 1;
+						insertIndex = folderIndex;
+						markerHeight = rect.top - layerPanelTop;
+					} else if (pointerPercentage < 0.75 || (layer.childrenPresent && layer.expanded)) {
+						insertParentId = layer.id;
+						insertDepth = layer.depth;
+						insertIndex = 0;
+						highlightFolder = true;
+					} else {
+						insertParentId = layer.parentId;
+						insertDepth = layer.depth - 1;
+						insertIndex = folderIndex + 1;
+						markerHeight = rect.bottom - layerPanelTop;
+					}
+				} else {
+					if (pointerPercentage < 0.5) {
+						insertParentId = layer.parentId;
+						insertDepth = layer.depth - 1;
+						insertIndex = folderIndex;
+						markerHeight = rect.top - layerPanelTop;
+					} else {
+						insertParentId = layer.parentId;
+						insertDepth = layer.depth - 1;
+						insertIndex = folderIndex + 1;
+						markerHeight = rect.bottom - layerPanelTop;
+					}
+				}
+			});
+			// Dragging to the empty space below all layers
+			let lastLayer = treeChildren[treeChildren.length - 1];
+			if (lastLayer.getBoundingClientRect().bottom < clientY) {
+				const numberRootLayers = layers.filter((layer) => layer.entry.depth === 1).length;
+				insertParentId = undefined;
+				insertDepth = 0;
+				insertIndex = numberRootLayers;
+				markerHeight = lastLayer.getBoundingClientRect().bottom - layerPanelTop;
+			}
+		}
+
+		return {
+			select,
+			insertParentId,
+			insertDepth,
+			insertIndex,
+			highlightFolder,
+			markerHeight,
+		};
+	}
+
+	async function dragStart(event: DragEvent, listing: LayerListingInfo) {
+		const layer = listing.entry;
+		dragInPanel = true;
+		if (!$nodeGraph.selected.includes(layer.id)) {
+			fakeHighlightOfNotYetSelectedLayerBeingDragged = layer.id;
+		}
+		const select = () => {
+			if (!$nodeGraph.selected.includes(layer.id)) selectLayer(listing, false, false);
+		};
+
+		const target = (event.target instanceof HTMLElement && event.target) || undefined;
+		const closest = target?.closest("[data-layer]") || undefined;
+		const draggingELement = (closest instanceof HTMLElement && closest) || undefined;
+		if (draggingELement) beginDraggingElement(draggingELement);
+
+		// Set style of cursor for drag
+		if (event.dataTransfer) {
+			event.dataTransfer.dropEffect = "move";
+			event.dataTransfer.effectAllowed = "move";
+		}
+
+		if (list) draggingData = calculateDragIndex(list, event.clientY, select);
+	}
+
+	function updateInsertLine(event: DragEvent) {
+		if (!draggable) return;
+
+		// Stop the drag from being shown as cancelled
+		event.preventDefault();
+		dragInPanel = true;
+
+		if (list) draggingData = calculateDragIndex(list, event.clientY, draggingData?.select);
+	}
+
+	function drop(e: DragEvent) {
+		if (!draggingData) return;
+		const { select, insertParentId, insertIndex } = draggingData;
+
+		e.preventDefault();
+
+		if (e.dataTransfer) {
+			// Moving layers
+			if (e.dataTransfer.items.length === 0) {
+				if (draggable && dragInPanel) {
+					select?.();
+					editor.handle.moveLayerInTree(insertParentId, insertIndex);
+				}
+			}
+			// Importing files
+			else {
+				Array.from(e.dataTransfer.items).forEach(async (item) => {
+					const file = item.getAsFile();
+					if (!file) return;
+
+					if (file.type.includes("svg")) {
+						const svgData = await file.text();
+						editor.handle.pasteSvg(file.name, svgData, undefined, undefined, insertParentId, insertIndex);
+						return;
+					}
+
+					if (file.type.startsWith("image")) {
+						const imageData = await extractPixelData(file);
+						editor.handle.pasteImage(file.name, new Uint8Array(imageData.data), imageData.width, imageData.height, undefined, undefined, insertParentId, insertIndex);
+						return;
+					}
+
+					// When we eventually have sub-documents, this should be changed to import the document instead of opening it in a separate tab
+					if (file.name.endsWith(".graphite")) {
+						const content = await file.text();
+						editor.handle.openDocumentFile(file.name, content);
+						return;
+					}
+				});
+			}
+		}
+
+		draggingData = undefined;
+		fakeHighlightOfNotYetSelectedLayerBeingDragged = undefined;
+		dragInPanel = false;
+	}
+
+	function rebuildLayerHierarchy(updateDocumentLayerStructure: DocumentLayerStructure) {
+		const layerWithNameBeingEdited = layers.find((layer: LayerListingInfo) => layer.editingName);
+		const layerIdWithNameBeingEdited = layerWithNameBeingEdited?.entry.id;
+
+		// Clear the layer hierarchy before rebuilding it
+		layers = [];
+
+		// Build the new layer hierarchy
+		const recurse = (folder: DocumentLayerStructure) => {
+			folder.children.forEach((item, index) => {
+				const mapping = layerCache.get(String(item.layerId));
+				if (mapping) {
+					mapping.id = item.layerId;
+					layers.push({
+						folderIndex: index,
+						bottomLayer: index === folder.children.length - 1,
+						entry: mapping,
+						editingName: layerIdWithNameBeingEdited === item.layerId,
+					});
+				}
+
+				// Call self recursively if there are any children
+				if (item.children.length >= 1) recurse(item);
+			});
+		};
+		recurse(updateDocumentLayerStructure);
+		layers = layers;
+	}
+
+	function updateLayerInTree(targetId: bigint, targetLayer: LayerPanelEntry) {
+		layerCache.set(String(targetId), targetLayer);
+
+		const layer = layers.find((layer: LayerListingInfo) => layer.entry.id === targetId);
+		if (layer) {
+			layer.entry = targetLayer;
+			layers = layers;
+		}
+	}
+</script>
+
+<LayoutCol class="layers" on:dragleave={() => (dragInPanel = false)}>
+	<LayoutRow class="control-bar" scrollableX={true}>
+		<WidgetLayout layout={layersPanelControlBarLeftLayout} />
+		<Separator />
+		<WidgetLayout layout={layersPanelControlBarRightLayout} />
+	</LayoutRow>
+	<LayoutRow class="list-area" scrollableY={true}>
+		<LayoutCol
+			class="list"
+			styles={{ cursor: layerToClipUponClick && layerToClipAltKeyPressed && layerToClipUponClick.entry.clippable ? "alias" : "auto" }}
+			data-layer-panel
+			bind:this={list}
+			on:click={() => deselectAllLayers()}
+			on:dragover={updateInsertLine}
+			on:dragend={drop}
+			on:drop={drop}
+		>
+			{#each layers as listing, index}
+				{@const selected = fakeHighlightOfNotYetSelectedLayerBeingDragged !== undefined ? fakeHighlightOfNotYetSelectedLayerBeingDragged === listing.entry.id : listing.entry.selected}
+				<LayoutRow
+					class="layer"
+					classes={{
+						selected,
+						"ancestor-of-selected": listing.entry.ancestorOfSelected,
+						"descendant-of-selected": listing.entry.descendantOfSelected,
+						"selected-but-not-in-selected-network": selected && !listing.entry.inSelectedNetwork,
+						"insert-folder": (draggingData?.highlightFolder || false) && draggingData?.insertParentId === listing.entry.id,
+					}}
+					styles={{ "--layer-indent-levels": `${listing.entry.depth - 1}` }}
+					data-layer
+					data-index={index}
+					tooltip={listing.entry.tooltip}
+					{draggable}
+					on:dragstart={(e) => draggable && dragStart(e, listing)}
+					on:click={(e) => selectLayerWithModifiers(e, listing)}
+				>
+					{#if listing.entry.childrenAllowed}
+						<button
+							class="expand-arrow"
+							class:expanded={listing.entry.expanded}
+							disabled={!listing.entry.childrenPresent}
+							title={listing.entry.expanded
+								? "Collapse (Click) / Collapse All (Alt Click)"
+								: `Expand (Click) / Expand All (Alt Click)${listing.entry.ancestorOfSelected ? "\n(A selected layer is contained within)" : ""}`}
+							on:click={(e) => handleExpandArrowClickWithModifiers(e, listing.entry.id)}
+							tabindex="0"
+						></button>
+					{:else}
+						<div class="expand-arrow-none"></div>
+					{/if}
+					{#if listing.entry.clipped}
+						<IconLabel icon="Clipped" class="clipped-arrow" tooltip={"Clipping mask is active (Alt-click border to release)"} />
+					{/if}
+					<div class="thumbnail">
+						{#if $nodeGraph.thumbnails.has(listing.entry.id)}
+							{@html $nodeGraph.thumbnails.get(listing.entry.id)}
+						{/if}
+					</div>
+					{#if listing.entry.name === "Artboard"}
+						<IconLabel icon="Artboard" class={"layer-type-icon"} />
+					{/if}
+					<LayoutRow class="layer-name" on:dblclick={() => onEditLayerName(listing)}>
+						<input
+							data-text-input
+							type="text"
+							value={listing.entry.alias}
+							placeholder={listing.entry.name}
+							disabled={!listing.editingName}
+							on:blur={() => onEditLayerNameDeselect(listing)}
+							on:keydown={(e) => e.key === "Escape" && onEditLayerNameDeselect(listing)}
+							on:keydown={(e) => e.key === "Enter" && onEditLayerNameChange(listing, e)}
+							on:change={(e) => onEditLayerNameChange(listing, e)}
+						/>
+					</LayoutRow>
+					{#if !listing.entry.unlocked || !listing.entry.parentsUnlocked}
+						<IconButton
+							class={"status-toggle"}
+							classes={{ inherited: !listing.entry.parentsUnlocked }}
+							action={(e) => (toggleLayerLock(listing.entry.id), e?.stopPropagation())}
+							size={24}
+							icon={listing.entry.unlocked ? "PadlockUnlocked" : "PadlockLocked"}
+							hoverIcon={listing.entry.unlocked ? "PadlockLocked" : "PadlockUnlocked"}
+							tooltip={(listing.entry.unlocked ? "Lock" : "Unlock") + (!listing.entry.parentsUnlocked ? "\n(A parent of this layer is locked and that status is being inherited)" : "")}
+						/>
+					{/if}
+					<IconButton
+						class={"status-toggle"}
+						classes={{ inherited: !listing.entry.parentsVisible }}
+						action={(e) => (toggleNodeVisibilityLayerPanel(listing.entry.id), e?.stopPropagation())}
+						size={24}
+						icon={listing.entry.visible ? "EyeVisible" : "EyeHidden"}
+						hoverIcon={listing.entry.visible ? "EyeHide" : "EyeShow"}
+						tooltip={(listing.entry.visible ? "Hide" : "Show") + (!listing.entry.parentsVisible ? "\n(A parent of this layer is hidden and that status is being inherited)" : "")}
+					/>
+				</LayoutRow>
+			{/each}
+		</LayoutCol>
+		{#if draggingData && !draggingData.highlightFolder && dragInPanel}
+			<div class="insert-mark" style:left={`${4 + draggingData.insertDepth * 16}px`} style:top={`${draggingData.markerHeight}px`} />
+		{/if}
+	</LayoutRow>
+	<LayoutRow class="bottom-bar" scrollableX={true}>
+		<WidgetLayout layout={layersPanelBottomBarLayout} />
+	</LayoutRow>
+</LayoutCol>
+
+<style lang="scss" global>
+	.layers {
+		// Control bar
+		.control-bar {
+			height: 32px;
+			flex: 0 0 auto;
+			margin: 0 4px;
+			border-bottom: 1px solid var(--color-2-mildblack);
+			justify-content: space-between;
+
+			.widget-span:first-child {
+				flex: 1 1 auto;
+			}
+		}
+
+		// Bottom bar
+		.bottom-bar {
+			height: 24px;
+			padding-top: 4px;
+			flex: 0 0 auto;
+			margin: 0 4px;
+			justify-content: flex-end;
+			border-top: 1px solid var(--color-2-mildblack);
+
+			.widget-span > * {
+				margin: 0;
+			}
+		}
+
+		// Layer hierarchy
+		.list-area {
+			position: relative;
+			margin-top: 4px;
+			// Combine with the bottom bar to avoid a double border
+			margin-bottom: -1px;
+
+			.layer {
+				flex: 0 0 auto;
+				align-items: center;
+				position: relative;
+				border-bottom: 1px solid var(--color-2-mildblack);
+				border-radius: 2px;
+				height: 32px;
+				margin: 0 4px;
+				padding-left: calc(var(--layer-indent-levels) * 16px);
+
+				// Dimming
+				&.selected {
+					background: var(--color-4-dimgray);
+				}
+
+				&.ancestor-of-selected .expand-arrow:not(.expanded) {
+					background-image: var(--inheritance-dots-background-6-lowergray);
+				}
+
+				&.descendant-of-selected {
+					background-image: var(--inheritance-dots-background-4-dimgray);
+				}
+
+				&.selected-but-not-in-selected-network {
+					background: rgba(var(--color-4-dimgray-rgb), 0.5);
+				}
+
+				&.insert-folder {
+					outline: 3px solid var(--color-e-nearwhite);
+					outline-offset: -3px;
+				}
+
+				.expand-arrow {
+					padding: 0;
+					margin: 0;
+					margin-right: 4px;
+					width: 16px;
+					height: 100%;
+					border: none;
+					position: relative;
+					background: none;
+					flex: 0 0 auto;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					border-radius: 2px;
+
+					&::after {
+						content: "";
+						position: absolute;
+						width: 8px;
+						height: 8px;
+						background: var(--icon-expand-collapse-arrow);
+					}
+
+					&[disabled]::after {
+						background: var(--icon-expand-collapse-arrow-disabled);
+					}
+
+					&:hover:not([disabled]) {
+						background: var(--color-5-dullgray);
+
+						&::after {
+							background: var(--icon-expand-collapse-arrow-hover);
+						}
+					}
+
+					&.expanded::after {
+						transform: rotate(90deg);
+					}
+				}
+
+				.expand-arrow-none {
+					flex: 0 0 16px;
+					margin-right: 4px;
+				}
+
+				.clipped-arrow {
+					margin-left: 2px;
+					margin-right: 2px;
+				}
+
+				.thumbnail {
+					width: 36px;
+					height: 24px;
+					border-radius: 2px;
+					flex: 0 0 auto;
+					background-image: var(--color-transparent-checkered-background);
+					background-size: var(--color-transparent-checkered-background-size-mini);
+					background-position: var(--color-transparent-checkered-background-position-mini);
+					background-repeat: var(--color-transparent-checkered-background-repeat);
+
+					svg {
+						width: calc(100% - 4px);
+						height: calc(100% - 4px);
+						margin: 2px;
+					}
+				}
+
+				.layer-type-icon {
+					flex: 0 0 auto;
+					margin-left: 8px;
+					margin-right: -4px;
+				}
+
+				.layer-name {
+					flex: 1 1 100%;
+					margin: 0 8px;
+
+					input {
+						color: inherit;
+						background: none;
+						border: none;
+						outline: none; // Ok for input element
+						margin: 0;
+						padding: 0;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						overflow: hidden;
+						border-radius: 2px;
+						height: 24px;
+						width: 100%;
+
+						&:disabled {
+							-webkit-user-select: none; // Required as of Safari 15.0 (Graphite's minimum version) through the latest release
+							user-select: none;
+							// Workaround for `user-select: none` not working on <input> elements
+							pointer-events: none;
+						}
+
+						&:focus {
+							background: var(--color-1-nearblack);
+							padding: 0 4px;
+
+							&::placeholder {
+								opacity: 0.5;
+							}
+						}
+
+						&::placeholder {
+							opacity: 1;
+							color: inherit;
+						}
+					}
+				}
+
+				.status-toggle {
+					flex: 0 0 auto;
+					align-items: center;
+					height: 100%;
+
+					&.inherited {
+						background-image: var(--inheritance-stripes-background);
+					}
+
+					.icon-button {
+						height: 100%;
+						width: calc(24px + 2 * 4px);
+					}
+				}
+			}
+
+			.insert-mark {
+				position: absolute;
+				left: 4px;
+				right: 4px;
+				background: var(--color-e-nearwhite);
+				margin-top: -3px;
+				height: 5px;
+				z-index: 1;
+				pointer-events: none;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/panels/Properties.svelte b/frontend/src/components/panels/Properties.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..72607849a53545b2a40747dda915153e20c9dd48
--- /dev/null
+++ b/frontend/src/components/panels/Properties.svelte
@@ -0,0 +1,51 @@
+<script lang="ts">
+	import { getContext, onMount } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import { defaultWidgetLayout, patchWidgetLayout, UpdatePropertyPanelSectionsLayout } from "@graphite/messages";
+
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+
+	const editor = getContext<Editor>("editor");
+
+	let propertiesSectionsLayout = defaultWidgetLayout();
+
+	onMount(() => {
+		editor.subscriptions.subscribeJsMessage(UpdatePropertyPanelSectionsLayout, (updatePropertyPanelSectionsLayout) => {
+			patchWidgetLayout(propertiesSectionsLayout, updatePropertyPanelSectionsLayout);
+			propertiesSectionsLayout = propertiesSectionsLayout;
+		});
+	});
+</script>
+
+<LayoutCol class="properties">
+	<LayoutCol class="sections" scrollableY={true}>
+		<WidgetLayout layout={propertiesSectionsLayout} />
+	</LayoutCol>
+</LayoutCol>
+
+<style lang="scss" global>
+	.properties {
+		height: 100%;
+		flex: 1 1 100%;
+
+		.sections {
+			flex: 1 1 100%;
+
+			// Used as a placeholder for empty assist widgets
+			.separator.section.horizontal {
+				margin: 0;
+				margin-left: 24px;
+
+				div {
+					width: 0;
+				}
+			}
+		}
+
+		.text-button {
+			flex-basis: 0;
+		}
+	}
+</style>
diff --git a/frontend/src/components/panels/Spreadsheet.svelte b/frontend/src/components/panels/Spreadsheet.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..6dd49c6058ce2676ad63856c87745aa82c7c5422
--- /dev/null
+++ b/frontend/src/components/panels/Spreadsheet.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	import { getContext } from "svelte";
+
+	import type { PortfolioState } from "/src/state-providers/portfolio";
+
+	const portfolio = getContext<PortfolioState>("portfolio");
+</script>
+
+<LayoutCol class="spreadsheet">
+	<LayoutRow class="control-bar">
+		<TextLabel>Spreadsheet Data for Node ID {$portfolio.spreadsheetNode}:</TextLabel>
+	</LayoutRow>
+	<LayoutCol class="body" scrollableY={true}>
+		<WidgetLayout layout={$portfolio.spreadsheetWidgets} />
+	</LayoutCol>
+</LayoutCol>
+
+<style lang="scss" global>
+	.spreadsheet {
+		flex-grow: 1;
+		padding: 4px;
+
+		.control-bar {
+			height: 32px;
+			--widget-height: 24px;
+			flex: 0 0 auto;
+
+			.text-label {
+				margin: calc((24px - var(--widget-height)) / 2 + 4px) 0;
+				min-height: var(--widget-height);
+				line-height: var(--widget-height);
+			}
+		}
+
+		table {
+			margin: 0 -4px;
+			width: calc(100% + 2 * 4px);
+			margin-top: 8px;
+
+			.text-label {
+				white-space: wrap;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/views/Graph.svelte b/frontend/src/components/views/Graph.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..eaedc3a6dfe410221940bec004e54ad88a9a2efd
--- /dev/null
+++ b/frontend/src/components/views/Graph.svelte
@@ -0,0 +1,1353 @@
+<script lang="ts">
+	import { getContext } from "svelte";
+	import { cubicInOut } from "svelte/easing";
+	import { fade } from "svelte/transition";
+
+	import type { Editor } from "@graphite/editor";
+	import type { Node } from "@graphite/messages";
+	import type { FrontendNode, FrontendGraphInput, FrontendGraphOutput } from "@graphite/messages";
+	import type { NodeGraphState } from "@graphite/state-providers/node-graph";
+	import type { IconName } from "@graphite/utility-functions/icons";
+
+	import NodeCatalog from "@graphite/components/floating-menus/NodeCatalog.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
+	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
+	import RadioInput from "@graphite/components/widgets/inputs/RadioInput.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	const GRID_COLLAPSE_SPACING = 10;
+	const GRID_SIZE = 24;
+	const FADE_TRANSITION = { duration: 200, easing: cubicInOut };
+
+	const editor = getContext<Editor>("editor");
+	const nodeGraph = getContext<NodeGraphState>("nodeGraph");
+
+	let graph: HTMLDivElement | undefined;
+
+	// Key value is node id + input/output index
+	// Imports/Export are stored at a key value of 0
+
+	$: gridSpacing = calculateGridSpacing($nodeGraph.transform.scale);
+	$: dotRadius = 1 + Math.floor($nodeGraph.transform.scale - 0.5 + 0.001) / 2;
+
+	let inputElement: HTMLInputElement;
+	let hoveringImportIndex: number | undefined = undefined;
+	let hoveringExportIndex: number | undefined = undefined;
+
+	let editingNameImportIndex: number | undefined = undefined;
+	let editingNameExportIndex: number | undefined = undefined;
+	let editingNameText = "";
+
+	function exportsToEdgeTextInputWidth() {
+		let exportTextDivs = document.querySelectorAll(`[data-export-text-edge]`);
+		let exportTextDiv = Array.from(exportTextDivs).find((div) => {
+			return div.getAttribute("data-index") === String(editingNameExportIndex);
+		});
+		if (!graph || !exportTextDiv) return "50px";
+		let distance = graph.getBoundingClientRect().right - exportTextDiv.getBoundingClientRect().right;
+		return distance - 15 + "px";
+	}
+
+	function importsToEdgeTextInputWidth() {
+		let importTextDivs = document.querySelectorAll(`[data-import-text-edge]`);
+		let importTextDiv = Array.from(importTextDivs).find((div) => {
+			return div.getAttribute("data-index") === String(editingNameImportIndex);
+		});
+		if (!graph || !importTextDiv) return "50px";
+		let distance = importTextDiv.getBoundingClientRect().left - graph.getBoundingClientRect().left;
+		return distance - 15 + "px";
+	}
+
+	function setEditingImportNameIndex(index: number, currentName: string) {
+		focusInput(currentName);
+		editingNameImportIndex = index;
+	}
+
+	function setEditingExportNameIndex(index: number, currentName: string) {
+		focusInput(currentName);
+		editingNameExportIndex = index;
+	}
+
+	function focusInput(currentName: string) {
+		editingNameText = currentName;
+		setTimeout(() => {
+			if (inputElement) {
+				inputElement.focus();
+			}
+		}, 0);
+	}
+
+	function setEditingImportName(event: Event) {
+		if (editingNameImportIndex !== undefined) {
+			let text = (event.target as HTMLInputElement)?.value;
+			editor.handle.setImportName(editingNameImportIndex, text);
+			editingNameImportIndex = undefined;
+		}
+	}
+
+	function setEditingExportName(event: Event) {
+		if (editingNameExportIndex !== undefined) {
+			let text = (event.target as HTMLInputElement)?.value;
+			editor.handle.setExportName(editingNameExportIndex, text);
+			editingNameExportIndex = undefined;
+		}
+	}
+
+	function calculateGridSpacing(scale: number): number {
+		const dense = scale * GRID_SIZE;
+		let sparse = dense;
+
+		while (sparse > 0 && sparse < GRID_COLLAPSE_SPACING) {
+			sparse *= 2;
+		}
+
+		return sparse;
+	}
+
+	function nodeIcon(icon?: string): IconName {
+		if (!icon) return "NodeNodes";
+		const iconMap: Record<string, IconName> = {
+			Output: "NodeOutput",
+		};
+		return iconMap[icon] || "NodeNodes";
+	}
+
+	function toggleLayerDisplay(displayAsLayer: boolean, toggleId: bigint) {
+		let node = $nodeGraph.nodes.get(toggleId);
+		if (node) editor.handle.setToNodeOrLayer(node.id, displayAsLayer);
+	}
+
+	function canBeToggledBetweenNodeAndLayer(toggleDisplayAsLayerNodeId: bigint) {
+		return $nodeGraph.nodes.get(toggleDisplayAsLayerNodeId)?.canBeLayer || false;
+	}
+
+	function createNode(nodeType: string) {
+		if ($nodeGraph.contextMenuInformation === undefined) return;
+
+		editor.handle.createNode(nodeType, $nodeGraph.contextMenuInformation.contextMenuCoordinates.x, $nodeGraph.contextMenuInformation.contextMenuCoordinates.y);
+	}
+
+	function nodeBorderMask(nodeWidth: number, primaryInputExists: boolean, exposedSecondaryInputs: number, primaryOutputExists: boolean, exposedSecondaryOutputs: number): string {
+		const nodeHeight = Math.max(1 + exposedSecondaryInputs, 1 + exposedSecondaryOutputs) * 24;
+
+		const boxes: { x: number; y: number; width: number; height: number }[] = [];
+
+		// Primary input
+		if (primaryInputExists) boxes.push({ x: -8, y: 4, width: 16, height: 16 });
+		// Secondary inputs
+		for (let i = 0; i < exposedSecondaryInputs; i++) boxes.push({ x: -8, y: 4 + (i + 1) * 24, width: 16, height: 16 });
+
+		// Primary output
+		if (primaryOutputExists) boxes.push({ x: nodeWidth - 8, y: 4, width: 16, height: 16 });
+		// Exposed outputs
+		for (let i = 0; i < exposedSecondaryOutputs; i++) boxes.push({ x: nodeWidth - 8, y: 4 + (i + 1) * 24, width: 16, height: 16 });
+
+		return borderMask(boxes, nodeWidth, nodeHeight);
+	}
+
+	function layerBorderMask(nodeWidthFromThumbnail: number, nodeChainAreaLeftExtension: number, hasLeftInputWire: boolean): string {
+		const NODE_HEIGHT = 2 * 24;
+		const THUMBNAIL_WIDTH = 72 + 8 * 2;
+		const FUDGE_HEIGHT_BEYOND_LAYER_HEIGHT = 2;
+
+		const nodeWidth = nodeWidthFromThumbnail + nodeChainAreaLeftExtension;
+
+		const boxes: { x: number; y: number; width: number; height: number }[] = [];
+
+		// Left input
+		if (hasLeftInputWire && nodeChainAreaLeftExtension > 0) {
+			boxes.push({ x: -8, y: 16, width: 16, height: 16 });
+		}
+
+		// Thumbnail
+		boxes.push({ x: nodeChainAreaLeftExtension - 8, y: -FUDGE_HEIGHT_BEYOND_LAYER_HEIGHT, width: THUMBNAIL_WIDTH, height: NODE_HEIGHT + FUDGE_HEIGHT_BEYOND_LAYER_HEIGHT * 2 });
+
+		// Right visibility button
+		boxes.push({ x: nodeWidth - 12, y: (NODE_HEIGHT - 24) / 2, width: 24, height: 24 });
+
+		return borderMask(boxes, nodeWidth, NODE_HEIGHT);
+	}
+
+	function borderMask(boxes: { x: number; y: number; width: number; height: number }[], nodeWidth: number, nodeHeight: number): string {
+		const rectangles = boxes.map((box) => `M${box.x},${box.y} L${box.x + box.width},${box.y} L${box.x + box.width},${box.y + box.height} L${box.x},${box.y + box.height}z`);
+		return `M-2,-2 L${nodeWidth + 2},-2 L${nodeWidth + 2},${nodeHeight + 2} L-2,${nodeHeight + 2}z ${rectangles.join(" ")}`;
+	}
+
+	function dataTypeTooltip(value: FrontendGraphInput | FrontendGraphOutput): string {
+		return value.resolvedType ? `Data Type:\n${value.resolvedType}` : `Data Type (Unresolved):\n${value.dataType}`;
+	}
+
+	function validTypesText(value: FrontendGraphInput): string {
+		const validTypes = value.validTypes.length > 0 ? value.validTypes.map((x) => `• ${x}`).join("\n") : "None";
+		return `Valid Types:\n${validTypes}`;
+	}
+
+	function outputConnectedToText(output: FrontendGraphOutput): string {
+		if (output.connectedTo.length === 0) return "Connected to nothing";
+
+		return output.connectedTo
+			.map((inputConnector) => {
+				if ((inputConnector as Node).nodeId === undefined) return `Connected to export index ${inputConnector.index}`;
+				return `Connected to ${(inputConnector as Node).nodeId}, port index ${inputConnector.index}`;
+			})
+			.join("\n");
+	}
+
+	function inputConnectedToText(input: FrontendGraphInput): string {
+		if (input.connectedTo === undefined) return "Connected to nothing";
+		if ((input.connectedTo as Node).nodeId === undefined) return `Connected to import index ${input.connectedTo.index}`;
+		return `Connected to ${(input.connectedTo as Node).nodeId}, port index ${input.connectedTo.index}`;
+	}
+
+	function primaryOutputConnectedToLayer(node: FrontendNode): boolean {
+		let firstConnectedNode = Array.from($nodeGraph.nodes.values()).find((n) =>
+			node.primaryOutput?.connectedTo.some((connector) => {
+				if ((connector as Node).nodeId === undefined) return false;
+				if (connector.index !== 0n) return false;
+				return n.id === (connector as Node).nodeId || false;
+			}),
+		);
+		return firstConnectedNode?.isLayer || false;
+	}
+
+	function primaryInputConnectedToLayer(node: FrontendNode): boolean {
+		const connectedNode = Array.from($nodeGraph.nodes.values()).find((n) => {
+			if ((node.primaryInput?.connectedTo as Node) === undefined) return false;
+			return n.id === (node.primaryInput?.connectedTo as Node).nodeId;
+		});
+		return connectedNode?.isLayer || false;
+	}
+
+	function zipWithUndefined(arr1: FrontendGraphInput[], arr2: FrontendGraphOutput[]) {
+		const maxLength = Math.max(arr1.length, arr2.length);
+		const result = [];
+		for (let i = 0; i < maxLength; i++) {
+			result.push([arr1[i], arr2[i]]);
+		}
+		return result;
+	}
+</script>
+
+<div
+	class="graph"
+	bind:this={graph}
+	style:--grid-spacing={`${gridSpacing}px`}
+	style:--grid-offset-x={`${$nodeGraph.transform.x}px`}
+	style:--grid-offset-y={`${$nodeGraph.transform.y}px`}
+	style:--dot-radius={`${dotRadius}px`}
+	data-node-graph
+>
+	<!-- Right click menu for adding nodes -->
+	{#if $nodeGraph.contextMenuInformation}
+		<LayoutCol
+			class="context-menu"
+			data-context-menu
+			styles={{
+				left: `${$nodeGraph.contextMenuInformation.contextMenuCoordinates.x * $nodeGraph.transform.scale + $nodeGraph.transform.x}px`,
+				top: `${$nodeGraph.contextMenuInformation.contextMenuCoordinates.y * $nodeGraph.transform.scale + $nodeGraph.transform.y}px`,
+			}}
+		>
+			{#if typeof $nodeGraph.contextMenuInformation.contextMenuData === "string" && $nodeGraph.contextMenuInformation.contextMenuData === "CreateNode"}
+				<NodeCatalog on:selectNodeType={(e) => createNode(e.detail)} />
+			{:else if $nodeGraph.contextMenuInformation.contextMenuData && "compatibleType" in $nodeGraph.contextMenuInformation.contextMenuData}
+				<NodeCatalog initialSearchTerm={$nodeGraph.contextMenuInformation.contextMenuData.compatibleType || ""} on:selectNodeType={(e) => createNode(e.detail)} />
+			{:else}
+				{@const contextMenuData = $nodeGraph.contextMenuInformation.contextMenuData}
+				<LayoutRow class="toggle-layer-or-node">
+					<TextLabel>Display as</TextLabel>
+					<RadioInput
+						selectedIndex={contextMenuData.currentlyIsNode ? 0 : 1}
+						entries={[
+							{
+								value: "node",
+								label: "Node",
+								action: () => {
+									toggleLayerDisplay(false, contextMenuData.nodeId);
+								},
+							},
+							{
+								value: "layer",
+								label: "Layer",
+								action: () => {
+									toggleLayerDisplay(true, contextMenuData.nodeId);
+								},
+							},
+						]}
+						disabled={!canBeToggledBetweenNodeAndLayer(contextMenuData.nodeId)}
+					/>
+				</LayoutRow>
+				<Separator type="Section" direction="Vertical" />
+				<LayoutRow class="merge-selected-nodes">
+					<TextButton label="Merge Selected Nodes" action={() => editor.handle.mergeSelectedNodes()} />
+				</LayoutRow>
+			{/if}
+		</LayoutCol>
+	{/if}
+
+	<!-- Click target debug visualizations -->
+	{#if $nodeGraph.clickTargets}
+		<div class="click-targets" style:transform-origin={`0 0`} style:transform={`translate(${$nodeGraph.transform.x}px, ${$nodeGraph.transform.y}px) scale(${$nodeGraph.transform.scale})`}>
+			<svg>
+				{#each $nodeGraph.clickTargets.nodeClickTargets as pathString}
+					<path class="node" d={pathString} />
+				{/each}
+				{#each $nodeGraph.clickTargets.layerClickTargets as pathString}
+					<path class="layer" d={pathString} />
+				{/each}
+				{#each $nodeGraph.clickTargets.portClickTargets as pathString}
+					<path class="port" d={pathString} />
+				{/each}
+				{#each $nodeGraph.clickTargets.iconClickTargets as pathString}
+					<path class="visibility" d={pathString} />
+				{/each}
+				<path class="all-nodes-bounding-box" d={$nodeGraph.clickTargets.allNodesBoundingBox} />
+				<path class="all-nodes-bounding-box" d={$nodeGraph.clickTargets.importExportsBoundingBox} />
+				{#each $nodeGraph.clickTargets.modifyImportExport as pathString}
+					<path class="modify-import-export" d={pathString} />
+				{/each}
+			</svg>
+		</div>
+	{/if}
+
+	<!-- Thick vertical layer connection wires -->
+	<div class="wires" style:transform-origin={`0 0`} style:transform={`translate(${$nodeGraph.transform.x}px, ${$nodeGraph.transform.y}px) scale(${$nodeGraph.transform.scale})`}>
+		<svg>
+			{#each $nodeGraph.wires.values() as map}
+				{#each map.values() as { pathString, dataType, thick, dashed }}
+					{#if thick}
+						<path
+							d={pathString}
+							style:--data-line-width={"8px"}
+							style:--data-color={`var(--color-data-${dataType.toLowerCase()})`}
+							style:--data-color-dim={`var(--color-data-${dataType.toLowerCase()}-dim)`}
+							style:--data-dasharray={`3,${dashed ? 2 : 0}`}
+						/>
+					{/if}
+				{/each}
+			{/each}
+		</svg>
+	</div>
+
+	<!-- Import and Export ports -->
+	<div class="imports-and-exports" style:transform-origin={`0 0`} style:transform={`translate(${$nodeGraph.transform.x}px, ${$nodeGraph.transform.y}px) scale(${$nodeGraph.transform.scale})`}>
+		{#each $nodeGraph.imports as { outputMetadata, position }, index}
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 8 8"
+				class="port"
+				data-port="output"
+				data-datatype={outputMetadata.dataType}
+				style:--data-color={`var(--color-data-${outputMetadata.dataType.toLowerCase()})`}
+				style:--data-color-dim={`var(--color-data-${outputMetadata.dataType.toLowerCase()}-dim)`}
+				style:--offset-left={position.x / 24}
+				style:--offset-top={position.y / 24}
+			>
+				<title>{`${dataTypeTooltip(outputMetadata)}\n\n${outputConnectedToText(outputMetadata)}`}</title>
+				{#if outputMetadata.connectedTo !== undefined}
+					<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color)" />
+				{:else}
+					<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color-dim)" />
+				{/if}
+			</svg>
+
+			<div
+				class="edit-import-export import"
+				on:pointerenter={() => (hoveringImportIndex = index)}
+				on:pointerleave={() => (hoveringImportIndex = undefined)}
+				style:--offset-left={position.x / 24}
+				style:--offset-top={position.y / 24}
+			>
+				{#if editingNameImportIndex == index}
+					<input
+						class="import-text-input"
+						type="text"
+						style:width={importsToEdgeTextInputWidth()}
+						bind:this={inputElement}
+						bind:value={editingNameText}
+						on:blur={setEditingImportName}
+						on:keydown={(e) => e.key === "Enter" && setEditingImportName(e)}
+					/>
+				{:else}
+					<p class="import-text" on:dblclick={() => setEditingImportNameIndex(index, outputMetadata.name)}>{outputMetadata.name}</p>
+				{/if}
+				{#if hoveringImportIndex === index || editingNameImportIndex === index}
+					<IconButton
+						size={16}
+						icon={"Remove"}
+						class="remove-button-import"
+						data-index={index}
+						data-import-text-edge
+						action={() => {
+							/* Button is purely visual, clicking is handled in NodeGraphMessage::PointerDown */
+						}}
+					/>
+					<div class="reorder-drag-grip" title="Reorder this import"></div>
+				{/if}
+			</div>
+		{/each}
+		{#if $nodeGraph.reorderImportIndex !== undefined}
+			{@const position = {
+				x: Number($nodeGraph.imports[0].position.x),
+				y: Number($nodeGraph.imports[0].position.y) + Number($nodeGraph.reorderImportIndex) * 24,
+			}}
+			<div class="reorder-bar" style:--offset-left={(position.x - 48) / 24} style:--offset-top={(position.y - 4) / 24} />
+		{/if}
+		{#if $nodeGraph.addImport !== undefined}
+			<div class="plus" style:--offset-left={$nodeGraph.addImport.x / 24} style:--offset-top={$nodeGraph.addImport.y / 24}>
+				<IconButton
+					size={24}
+					icon="Add"
+					action={() => {
+						/* Button is purely visual, clicking is handled in NodeGraphMessage::PointerDown */
+					}}
+				/>
+			</div>
+		{/if}
+		{#each $nodeGraph.exports as { inputMetadata, position }, index}
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 8 8"
+				class="port"
+				data-port="input"
+				data-datatype={inputMetadata.dataType}
+				style:--data-color={`var(--color-data-${inputMetadata.dataType.toLowerCase()})`}
+				style:--data-color-dim={`var(--color-data-${inputMetadata.dataType.toLowerCase()}-dim)`}
+				style:--offset-left={position.x / 24}
+				style:--offset-top={position.y / 24}
+			>
+				<title>{`${dataTypeTooltip(inputMetadata)}\n\n${inputConnectedToText(inputMetadata)}`}</title>
+				{#if inputMetadata.connectedTo !== undefined}
+					<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color)" />
+				{:else}
+					<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color-dim)" />
+				{/if}
+			</svg>
+			<div
+				class="edit-import-export export"
+				on:pointerenter={() => (hoveringExportIndex = index)}
+				on:pointerleave={() => (hoveringExportIndex = undefined)}
+				style:--offset-left={position.x / 24}
+				style:--offset-top={position.y / 24}
+			>
+				{#if hoveringExportIndex === index || editingNameExportIndex === index}
+					<div class="reorder-drag-grip" title="Reorder this export"></div>
+					<IconButton
+						size={16}
+						icon={"Remove"}
+						class="remove-button-export"
+						data-index={index}
+						data-export-text-edge
+						action={() => {
+							/* Button is purely visual, clicking is handled in NodeGraphMessage::PointerDown */
+						}}
+					/>
+				{/if}
+				{#if editingNameExportIndex === index}
+					<input
+						type="text"
+						style:width={exportsToEdgeTextInputWidth()}
+						bind:this={inputElement}
+						bind:value={editingNameText}
+						on:blur={setEditingExportName}
+						on:keydown={(e) => e.key === "Enter" && setEditingExportName(e)}
+					/>
+				{:else}
+					<p class="export-text" on:dblclick={() => setEditingExportNameIndex(index, inputMetadata.name)}>{inputMetadata.name}</p>
+				{/if}
+			</div>
+		{/each}
+		{#if $nodeGraph.reorderExportIndex !== undefined}
+			{@const position = {
+				x: Number($nodeGraph.exports[0].position.x),
+				y: Number($nodeGraph.exports[0].position.y) + Number($nodeGraph.reorderExportIndex) * 24,
+			}}
+			<div class="reorder-bar" style:--offset-left={position.x / 24} style:--offset-top={(position.y - 4) / 24} />
+		{/if}
+		{#if $nodeGraph.addExport !== undefined}
+			<div class="plus" style:--offset-left={$nodeGraph.addExport.x / 24} style:--offset-top={$nodeGraph.addExport.y / 24}>
+				<IconButton
+					size={24}
+					icon={"Add"}
+					action={() => {
+						/* Button is purely visual, clicking is handled in NodeGraphMessage::PointerDown */
+					}}
+				/>
+			</div>
+		{/if}
+	</div>
+
+	<!-- Layers and nodes -->
+	<div class="layers-and-nodes" style:transform-origin={`0 0`} style:transform={`translate(${$nodeGraph.transform.x}px, ${$nodeGraph.transform.y}px) scale(${$nodeGraph.transform.scale})`}>
+		<!-- Layers -->
+		{#each Array.from($nodeGraph.nodes)
+			.filter(([nodeId, node]) => node.isLayer && $nodeGraph.visibleNodes.has(nodeId))
+			.map(([_, node], nodeIndex) => ({ node, nodeIndex })) as { node, nodeIndex } (nodeIndex)}
+			{@const clipPathId = String(Math.random()).substring(2)}
+			{@const stackDataInput = node.exposedInputs[0]}
+			{@const layerAreaWidth = $nodeGraph.layerWidths.get(node.id) || 8}
+			{@const layerChainWidth = $nodeGraph.chainWidths.get(node.id) || 0}
+			{@const hasLeftInputWire = $nodeGraph.hasLeftInputWire.get(node.id) || false}
+			{@const description = (node.reference && $nodeGraph.nodeDescriptions.get(node.reference)) || undefined}
+			<div
+				class="layer"
+				class:selected={$nodeGraph.selected.includes(node.id)}
+				class:in-selected-network={$nodeGraph.inSelectedNetwork}
+				class:previewed={node.previewed}
+				class:disabled={!node.visible}
+				style:--offset-left={node.position?.x || 0}
+				style:--offset-top={node.position?.y || 0}
+				style:--clip-path-id={`url(#${clipPathId})`}
+				style:--data-color={`var(--color-data-${(node.primaryOutput?.dataType || "General").toLowerCase()})`}
+				style:--data-color-dim={`var(--color-data-${(node.primaryOutput?.dataType || "General").toLowerCase()}-dim)`}
+				style:--layer-area-width={layerAreaWidth}
+				style:--node-chain-area-left-extension={layerChainWidth !== 0 ? layerChainWidth + 0.5 : 0}
+				title={`${node.displayName}\n\n${description || ""}`.trim() + (editor.handle.inDevelopmentMode() ? `\n\nNode ID: ${node.id}` : "")}
+				data-node={node.id}
+			>
+				{#if node.errors}
+					<span class="node-error faded" transition:fade={FADE_TRANSITION} title="" data-node-error>{node.errors}</span>
+					<span class="node-error hover" transition:fade={FADE_TRANSITION} title="" data-node-error>{node.errors}</span>
+				{/if}
+				<div class="thumbnail">
+					{#if $nodeGraph.thumbnails.has(node.id)}
+						{@html $nodeGraph.thumbnails.get(node.id)}
+					{/if}
+					<!-- Layer stacking top output -->
+					{#if node.primaryOutput}
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 8 12"
+							class="port top"
+							data-port="output"
+							data-datatype={node.primaryOutput.dataType}
+							style:--data-color={`var(--color-data-${node.primaryOutput.dataType.toLowerCase()})`}
+							style:--data-color-dim={`var(--color-data-${node.primaryOutput.dataType.toLowerCase()}-dim)`}
+						>
+							<title>{`${dataTypeTooltip(node.primaryOutput)}\n\n${outputConnectedToText(node.primaryOutput)}`}</title>
+							{#if node.primaryOutput.connectedTo.length > 0}
+								<path d="M0,6.953l2.521,-1.694a2.649,2.649,0,0,1,2.959,0l2.52,1.694v5.047h-8z" fill="var(--data-color)" />
+								{#if primaryOutputConnectedToLayer(node)}
+									<path d="M0,-3.5h8v8l-2.521,-1.681a2.666,2.666,0,0,0,-2.959,0l-2.52,1.681z" fill="var(--data-color-dim)" />
+								{/if}
+							{:else}
+								<path d="M0,6.953l2.521,-1.694a2.649,2.649,0,0,1,2.959,0l2.52,1.694v5.047h-8z" fill="var(--data-color-dim)" />
+							{/if}
+						</svg>
+					{/if}
+					<!-- Layer stacking bottom input -->
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 8 12"
+						class="port bottom"
+						data-port="input"
+						data-datatype={node.primaryInput?.dataType}
+						style:--data-color={`var(--color-data-${(node.primaryInput?.dataType || "General").toLowerCase()})`}
+						style:--data-color-dim={`var(--color-data-${(node.primaryInput?.dataType || "General").toLowerCase()}-dim)`}
+					>
+						{#if node.primaryInput}
+							<title>{`${dataTypeTooltip(node.primaryInput)}\n\n${validTypesText(node.primaryInput)}\n\n${inputConnectedToText(node.primaryInput)}`}</title>
+						{/if}
+						{#if node.primaryInput?.connectedTo !== undefined}
+							<path d="M0,0H8V8L5.479,6.319a2.666,2.666,0,0,0-2.959,0L0,8Z" fill="var(--data-color)" />
+							{#if primaryInputConnectedToLayer(node)}
+								<path d="M0,10.95l2.52,-1.69c0.89,-0.6,2.06,-0.6,2.96,0l2.52,1.69v5.05h-8v-5.05z" fill="var(--data-color-dim)" />
+							{/if}
+						{:else}
+							<path d="M0,0H8V8L5.479,6.319a2.666,2.666,0,0,0-2.959,0L0,8Z" fill="var(--data-color-dim)" />
+						{/if}
+					</svg>
+				</div>
+				<!-- Layer input port (from left) -->
+				{#if node.exposedInputs.length > 0}
+					<div class="input ports">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 8 8"
+							class="port"
+							data-port="input"
+							data-datatype={stackDataInput.dataType}
+							style:--data-color={`var(--color-data-${stackDataInput.dataType.toLowerCase()})`}
+							style:--data-color-dim={`var(--color-data-${stackDataInput.dataType.toLowerCase()}-dim)`}
+						>
+							<title>{`${dataTypeTooltip(stackDataInput)}\n\n${validTypesText(stackDataInput)}\n\n${inputConnectedToText(stackDataInput)}`}</title>
+							{#if stackDataInput.connectedTo !== undefined}
+								<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color)" />
+							{:else}
+								<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color-dim)" />
+							{/if}
+						</svg>
+					</div>
+				{/if}
+				<div class="details">
+					<!-- TODO: Allow the user to edit the name, just like in the Layers panel -->
+					<TextLabel>{node.displayName}</TextLabel>
+				</div>
+				<div class="solo-drag-grip" title="Drag only this layer without pushing others outside the stack"></div>
+				<IconButton
+					class={"visibility"}
+					data-visibility-button
+					size={24}
+					icon={node.visible ? "EyeVisible" : "EyeHidden"}
+					action={() => {
+						/* Button is purely visual, clicking is handled in NodeGraphMessage::PointerDown */
+					}}
+					tooltip={node.visible ? "Visible" : "Hidden"}
+				/>
+
+				<svg class="border-mask" width="0" height="0">
+					<defs>
+						<clipPath id={clipPathId}>
+							<!-- Keep this equation in sync with the equivalent one in the CSS rule for `.layer { width: ... }` below -->
+							<path clip-rule="evenodd" d={layerBorderMask(24 * layerAreaWidth - 12, layerChainWidth ? (0.5 + layerChainWidth) * 24 : 0, hasLeftInputWire)} />
+						</clipPath>
+					</defs>
+				</svg>
+			</div>
+		{/each}
+
+		<!-- Node connection wires -->
+		<div class="wires">
+			<svg>
+				{#each $nodeGraph.wires.values() as map}
+					{#each map.values() as { pathString, dataType, thick, dashed }}
+						{#if !thick}
+							<path
+								d={pathString}
+								style:--data-line-width={"2px"}
+								style:--data-color={`var(--color-data-${dataType.toLowerCase()})`}
+								style:--data-color-dim={`var(--color-data-${dataType.toLowerCase()}-dim)`}
+								style:--data-dasharray={`3,${dashed ? 2 : 0}`}
+							/>
+						{/if}
+					{/each}
+				{/each}
+				{#if $nodeGraph.wirePathInProgress}
+					<path
+						d={$nodeGraph.wirePathInProgress?.pathString}
+						style:--data-line-width={`${$nodeGraph.wirePathInProgress.thick ? 8 : 2}px`}
+						style:--data-color={`var(--color-data-${$nodeGraph.wirePathInProgress.dataType.toLowerCase()})`}
+						style:--data-color-dim={`var(--color-data-${$nodeGraph.wirePathInProgress.dataType.toLowerCase()}-dim)`}
+						style:--data-dasharray={`3,${$nodeGraph.wirePathInProgress.dashed ? 2 : 0}`}
+					/>
+				{/if}
+			</svg>
+		</div>
+
+		<!-- Nodes -->
+		{#each Array.from($nodeGraph.nodes)
+			.filter(([nodeId, node]) => !node.isLayer && $nodeGraph.visibleNodes.has(nodeId))
+			.map(([_, node], nodeIndex) => ({ node, nodeIndex })) as { node, nodeIndex } (nodeIndex)}
+			{@const exposedInputsOutputs = zipWithUndefined(node.exposedInputs, node.exposedOutputs)}
+			{@const clipPathId = String(Math.random()).substring(2)}
+			{@const description = (node.reference && $nodeGraph.nodeDescriptions.get(node.reference)) || undefined}
+			<div
+				class="node"
+				class:selected={$nodeGraph.selected.includes(node.id)}
+				class:previewed={node.previewed}
+				class:disabled={!node.visible}
+				style:--offset-left={node.position?.x || 0}
+				style:--offset-top={node.position?.y || 0}
+				style:--clip-path-id={`url(#${clipPathId})`}
+				style:--data-color={`var(--color-data-${(node.primaryOutput?.dataType || "General").toLowerCase()})`}
+				style:--data-color-dim={`var(--color-data-${(node.primaryOutput?.dataType || "General").toLowerCase()}-dim)`}
+				title={`${node.displayName}\n\n${description || ""}`.trim() + (editor.handle.inDevelopmentMode() ? `\n\nNode ID: ${node.id}` : "")}
+				data-node={node.id}
+			>
+				{#if node.errors}
+					<span class="node-error faded" transition:fade={FADE_TRANSITION} title="" data-node-error>{node.errors}</span>
+					<span class="node-error hover" transition:fade={FADE_TRANSITION} title="" data-node-error>{node.errors}</span>
+				{/if}
+				<!-- Primary row -->
+				<div class="primary" class:in-selected-network={$nodeGraph.inSelectedNetwork} class:no-secondary-section={exposedInputsOutputs.length === 0}>
+					<IconLabel icon={nodeIcon(node.reference)} />
+					<!-- TODO: Allow the user to edit the name, just like in the Layers panel -->
+					<TextLabel>{node.displayName}</TextLabel>
+				</div>
+				<!-- Secondary rows -->
+				{#if exposedInputsOutputs.length > 0}
+					<div class="secondary" class:in-selected-network={$nodeGraph.inSelectedNetwork}>
+						{#each exposedInputsOutputs as [input, output]}
+							<div class={`secondary-row expanded ${input !== undefined ? "input" : "output"}`}>
+								<TextLabel tooltip={(input !== undefined ? `${input.name}\n\n${input.description}` : `${output.name}\n\n${output.description}`).trim()}>
+									{input !== undefined ? input.name : output.name}
+								</TextLabel>
+							</div>
+						{/each}
+					</div>
+				{/if}
+				<!-- Input ports -->
+				<div class="input ports">
+					{#if node.primaryInput?.dataType}
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 8 8"
+							class="port primary-port"
+							data-port="input"
+							data-datatype={node.primaryInput?.dataType}
+							style:--data-color={`var(--color-data-${node.primaryInput.dataType.toLowerCase()})`}
+							style:--data-color-dim={`var(--color-data-${node.primaryInput.dataType.toLowerCase()}-dim)`}
+						>
+							<title>{`${dataTypeTooltip(node.primaryInput)}\n\n${validTypesText(node.primaryInput)}\n\n${inputConnectedToText(node.primaryInput)}`}</title>
+							{#if node.primaryInput.connectedTo !== undefined}
+								<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color)" />
+							{:else}
+								<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color-dim)" />
+							{/if}
+						</svg>
+					{/if}
+					{#each node.exposedInputs as secondary, index}
+						{#if index < node.exposedInputs.length}
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								viewBox="0 0 8 8"
+								class="port"
+								data-port="input"
+								data-datatype={secondary.dataType}
+								style:--data-color={`var(--color-data-${secondary.dataType.toLowerCase()})`}
+								style:--data-color-dim={`var(--color-data-${secondary.dataType.toLowerCase()}-dim)`}
+							>
+								<title>{`${dataTypeTooltip(secondary)}\n\n${validTypesText(secondary)}\n\n${inputConnectedToText(secondary)}`}</title>
+								{#if secondary.connectedTo !== undefined}
+									<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color)" />
+								{:else}
+									<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color-dim)" />
+								{/if}
+							</svg>
+						{/if}
+					{/each}
+				</div>
+				<!-- Output ports -->
+				<div class="output ports">
+					{#if node.primaryOutput}
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 8 8"
+							class="port primary-port"
+							data-port="output"
+							data-datatype={node.primaryOutput.dataType}
+							style:--data-color={`var(--color-data-${node.primaryOutput.dataType.toLowerCase()})`}
+							style:--data-color-dim={`var(--color-data-${node.primaryOutput.dataType.toLowerCase()}-dim)`}
+						>
+							<title>{`${dataTypeTooltip(node.primaryOutput)}\n\n${outputConnectedToText(node.primaryOutput)}`}</title>
+							{#if node.primaryOutput.connectedTo !== undefined}
+								<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color)" />
+							{:else}
+								<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color-dim)" />
+							{/if}
+						</svg>
+					{/if}
+					{#each node.exposedOutputs as secondary}
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 8 8"
+							class="port"
+							data-port="output"
+							data-datatype={secondary.dataType}
+							style:--data-color={`var(--color-data-${secondary.dataType.toLowerCase()})`}
+							style:--data-color-dim={`var(--color-data-${secondary.dataType.toLowerCase()}-dim)`}
+						>
+							<title>{`${dataTypeTooltip(secondary)}\n\n${outputConnectedToText(secondary)}`}</title>
+							{#if secondary.connectedTo !== undefined}
+								<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color)" />
+							{:else}
+								<path d="M0,6.306A1.474,1.474,0,0,0,2.356,7.724L7.028,5.248c1.3-.687,1.3-1.809,0-2.5L2.356.276A1.474,1.474,0,0,0,0,1.694Z" fill="var(--data-color-dim)" />
+							{/if}
+						</svg>
+					{/each}
+				</div>
+				<svg class="border-mask" width="0" height="0">
+					<defs>
+						<clipPath id={clipPathId}>
+							<path
+								clip-rule="evenodd"
+								d={nodeBorderMask(120, node.primaryInput?.dataType !== undefined, node.exposedInputs.length, node.primaryOutput !== undefined, node.exposedOutputs.length)}
+							/>
+						</clipPath>
+					</defs>
+				</svg>
+			</div>
+		{/each}
+	</div>
+</div>
+
+<!-- Box selection widget -->
+<!-- TODO: Make its initial corner stay put (in graph space) when panning around -->
+{#if $nodeGraph.box}
+	<div
+		class="box-selection"
+		style:left={`${Math.min($nodeGraph.box.startX, $nodeGraph.box.endX)}px`}
+		style:top={`${Math.min($nodeGraph.box.startY, $nodeGraph.box.endY)}px`}
+		style:width={`${Math.abs($nodeGraph.box.startX - $nodeGraph.box.endX)}px`}
+		style:height={`${Math.abs($nodeGraph.box.startY - $nodeGraph.box.endY)}px`}
+	></div>
+{/if}
+
+<style lang="scss" global>
+	.graph {
+		position: relative;
+		overflow: hidden;
+		display: flex;
+		flex-direction: row;
+		flex-grow: 1;
+
+		// We're displaying the dotted grid in a pseudo-element because `image-rendering` is an inherited property and we don't want it to apply to child elements
+		&::before {
+			content: "";
+			position: absolute;
+			width: 100%;
+			height: 100%;
+			background-size: var(--grid-spacing) var(--grid-spacing);
+			background-position: calc(var(--grid-offset-x) - var(--dot-radius)) calc(var(--grid-offset-y) - var(--dot-radius));
+			background-image: radial-gradient(circle at var(--dot-radius) var(--dot-radius), var(--color-3-darkgray) var(--dot-radius), transparent 0);
+			background-repeat: repeat;
+			image-rendering: pixelated;
+			mix-blend-mode: screen;
+		}
+
+		> img {
+			position: absolute;
+			bottom: 0;
+		}
+
+		.breadcrumb-trail-buttons {
+			margin-top: 8px;
+			margin-left: 8px;
+		}
+
+		.context-menu {
+			width: max-content;
+			position: absolute;
+			box-sizing: border-box;
+			padding: 5px;
+			z-index: 3;
+			background-color: var(--color-3-darkgray);
+			border-radius: 4px;
+
+			.toggle-layer-or-node .text-label {
+				line-height: 24px;
+				margin-right: 8px;
+			}
+
+			.merge-selected-nodes {
+				justify-content: center;
+			}
+		}
+
+		.click-targets {
+			position: absolute;
+			pointer-events: none;
+			width: 100%;
+			height: 100%;
+			z-index: 10;
+
+			svg {
+				overflow: visible;
+				width: 100%;
+				height: 100%;
+				stroke-width: 1;
+				fill: none;
+
+				.layer {
+					stroke: yellow;
+				}
+
+				.node {
+					stroke: blue;
+				}
+
+				.port {
+					stroke: green;
+				}
+
+				.visibility {
+					stroke: red;
+				}
+
+				.all-nodes-bounding-box {
+					stroke: purple;
+				}
+
+				.modify-import-export {
+					stroke: orange;
+				}
+			}
+		}
+
+		.wires {
+			pointer-events: none;
+			position: absolute;
+			width: 100%;
+			height: 100%;
+
+			svg {
+				width: 100%;
+				height: 100%;
+				overflow: visible;
+
+				path {
+					fill: none;
+					stroke: var(--data-color-dim);
+					stroke-width: var(--data-line-width);
+					stroke-dasharray: var(--data-dasharray);
+				}
+			}
+		}
+
+		.imports-and-exports {
+			position: absolute;
+			width: 100%;
+			height: 100%;
+
+			.port {
+				position: absolute;
+				width: 8px;
+				height: 8px;
+				margin-top: 4px;
+				margin-left: 5px;
+				top: calc(var(--offset-top) * 24px);
+				left: calc(var(--offset-left) * 24px);
+			}
+
+			.reorder-bar {
+				position: absolute;
+				top: calc(var(--offset-top) * 24px);
+				left: calc(var(--offset-left) * 24px);
+				width: 50px;
+				height: 2px;
+				background: white;
+			}
+
+			.plus {
+				position: absolute;
+				top: calc(var(--offset-top) * 24px);
+				left: calc(var(--offset-left) * 24px);
+			}
+
+			.edit-import-export {
+				position: absolute;
+				display: flex;
+				align-items: center;
+				top: calc(var(--offset-top) * 24px);
+				margin-top: -5px;
+				height: 24px;
+
+				&.import {
+					right: calc(100% - var(--offset-left) * 24px);
+				}
+
+				&.export {
+					left: calc(var(--offset-left) * 24px + 17px);
+				}
+
+				.import-text {
+					text-align: right;
+					text-wrap: nowrap;
+				}
+
+				.export-text {
+					text-wrap: nowrap;
+				}
+
+				.import-text-input {
+					text-align: right;
+				}
+
+				.remove-button-import {
+					margin-left: 3px;
+				}
+
+				.remove-button-export {
+					margin-right: 3px;
+				}
+
+				.reorder-drag-grip {
+					width: 8px;
+					height: 24px;
+					background-position: 2px 8px;
+					border-radius: 2px;
+					margin: -6px 0;
+					background-image: var(--icon-drag-grip-hover);
+				}
+			}
+		}
+
+		.layers-and-nodes {
+			position: absolute;
+			width: 100%;
+			height: 100%;
+		}
+
+		.layer,
+		.node {
+			position: absolute;
+			display: flex;
+			left: calc(var(--offset-left) * 24px);
+			top: calc(var(--offset-top) * 24px);
+			// TODO: Reenable the `transition` property below after dealing with all edge cases where the wires need to be updated until the transition is complete
+			// transition: top 0.1s cubic-bezier(0, 0, 0.2, 1), left 0.1s cubic-bezier(0, 0, 0.2, 1); // Update `DRAG_SMOOTHING_TIME` in the JS above.
+			// TODO: Reenable the `backdrop-filter` property once a solution can be found for the black whole-page flickering problems it causes in Chrome.
+			// TODO: Additionally, find a solution for this having no effect in Firefox due to a browser bug caused when the two
+			// ancestor elements, `.graph` and `.panel`, each have the simultaneous pairing of `overflow: hidden` and `border-radius`.
+			// See: https://stackoverflow.com/questions/75137879/bug-with-backdrop-filter-in-firefox
+			// backdrop-filter: blur(4px);
+			background: rgba(var(--color-0-black-rgb), 0.33);
+
+			.node-error {
+				position: absolute;
+				width: max-content;
+				white-space: pre-wrap;
+				max-width: 600px;
+				line-height: 18px;
+				color: var(--color-2-mildblack);
+				background: var(--color-error-red);
+				padding: 8px;
+				border-radius: 4px;
+				bottom: calc(100% + 12px);
+				z-index: -1;
+				transition: opacity 0.2s ease-in-out;
+				opacity: 0.5;
+
+				// Tail
+				&::after {
+					content: "";
+					position: absolute;
+					left: 6px;
+					bottom: -8px;
+					width: 0;
+					height: 0;
+					border-style: solid;
+					border-width: 8px 6px 0 6px;
+					border-color: var(--color-error-red) transparent transparent transparent;
+				}
+
+				&.hover {
+					opacity: 0;
+					z-index: 1;
+					pointer-events: none;
+				}
+
+				&.faded:hover + .hover {
+					opacity: 1;
+				}
+
+				&.faded:hover {
+					z-index: 2;
+					opacity: 1;
+					-webkit-user-select: text;
+					user-select: text;
+					transition:
+						opacity 0.2s ease-in-out,
+						z-index 0s 0.2s;
+
+					&::selection {
+						background-color: var(--color-e-nearwhite);
+
+						// Target only Safari
+						@supports (background: -webkit-named-image(i)) {
+							& {
+								// Setting an alpha value opts out of Safari's "fancy" (but not visible on dark backgrounds) selection highlight rendering
+								// https://stackoverflow.com/a/71753552/775283
+								background-color: rgba(var(--color-e-nearwhite-rgb), calc(254 / 255));
+							}
+						}
+					}
+				}
+			}
+
+			&::after {
+				content: "";
+				position: absolute;
+				box-sizing: border-box;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				pointer-events: none;
+				clip-path: var(--clip-path-id);
+			}
+
+			.border-mask {
+				position: absolute;
+				top: 0;
+			}
+
+			&.disabled {
+				background: rgba(var(--color-4-dimgray-rgb), 0.33);
+				color: var(--color-a-softgray);
+
+				.icon-label {
+					fill: var(--color-a-softgray);
+				}
+			}
+
+			&.previewed::after {
+				border: 1px dashed var(--data-color);
+			}
+
+			.ports {
+				position: absolute;
+
+				&.input {
+					left: -3px;
+				}
+
+				&.output {
+					right: -5px;
+				}
+			}
+
+			.port {
+				// Double the intended value because of margin collapsing, but for the first and last we divide it by two as intended
+				margin: calc(24px - 8px) 0;
+				width: 8px;
+				height: 8px;
+			}
+
+			.text-label {
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+		}
+
+		.layer {
+			border-radius: 8px;
+			--extra-width-to-reach-grid-multiple: 8px;
+			--node-chain-area-left-extension: 0;
+			// Keep this equation in sync with the equivalent one in the Svelte template `<clipPath><path d="layerBorderMask(...)" /></clipPath>` above, as well as the `left` port offset CSS rule above in `.ports.input` above.
+			width: calc((var(--layer-area-width) - 0.5) * 24px);
+			padding-left: calc(var(--node-chain-area-left-extension) * 24px);
+			margin-left: calc((0.5 - var(--node-chain-area-left-extension)) * 24px);
+
+			&::after {
+				border: 1px solid var(--color-5-dullgray);
+				border-radius: 8px;
+			}
+
+			&.selected {
+				background: rgba(var(--color-5-dullgray-rgb), 0.33);
+
+				&.in-selected-network {
+					background: rgba(var(--color-6-lowergray-rgb), 0.33);
+				}
+			}
+
+			.thumbnail {
+				background: var(--color-2-mildblack);
+				border: 1px solid var(--data-color-dim);
+				border-radius: 2px;
+				position: relative;
+				box-sizing: border-box;
+				width: 72px;
+				height: 48px;
+
+				&::before {
+					content: "";
+					background-image: var(--color-transparent-checkered-background);
+					background-size: var(--color-transparent-checkered-background-size);
+					background-position: var(--color-transparent-checkered-background-position);
+					background-repeat: var(--color-transparent-checkered-background-repeat);
+				}
+
+				&::before,
+				svg:not(.port) {
+					pointer-events: none;
+					position: absolute;
+					margin: auto;
+					top: 1px;
+					left: 1px;
+					width: calc(100% - 2px);
+					height: calc(100% - 2px);
+				}
+
+				.port {
+					position: absolute;
+					margin: 0 auto;
+					left: 0;
+					right: 0;
+					height: 12px;
+
+					&.top {
+						top: -13px;
+					}
+
+					&.bottom {
+						bottom: -13px;
+					}
+				}
+			}
+
+			.details {
+				margin: 0 8px;
+
+				.text-label {
+					white-space: nowrap;
+					line-height: 48px;
+				}
+			}
+
+			.solo-drag-grip {
+				width: 8px;
+				height: 24px;
+				background-position: 2px 8px;
+				right: calc(-12px + 24px);
+				border-radius: 2px;
+			}
+
+			.solo-drag-grip:hover,
+			&.selected .solo-drag-grip {
+				background-image: var(--icon-drag-grip);
+
+				&:hover {
+					background-image: var(--icon-drag-grip-hover);
+				}
+			}
+
+			.visibility {
+				position: absolute;
+				right: -12px;
+			}
+
+			.input.ports {
+				left: calc(-3px + var(--node-chain-area-left-extension) * 24px - 36px);
+			}
+
+			.solo-drag-grip,
+			.visibility,
+			.input.ports,
+			.input.ports .port {
+				position: absolute;
+				margin: auto 0;
+				top: 0;
+				bottom: 0;
+			}
+
+			.input.ports .port {
+				left: 24px;
+			}
+		}
+
+		.node {
+			flex-direction: column;
+			border-radius: 2px;
+			width: 120px;
+			top: calc((var(--offset-top) + 0.5) * 24px);
+
+			&::after {
+				border: 1px solid var(--data-color-dim);
+				border-radius: 2px;
+			}
+
+			&.selected {
+				.primary {
+					background: rgba(var(--color-f-white-rgb), 0.15);
+
+					&.in-selected-network {
+						background: rgba(var(--color-f-white-rgb), 0.2);
+					}
+				}
+
+				.secondary {
+					background: rgba(var(--color-f-white-rgb), 0.1);
+
+					&.in-selected-network {
+						background: rgba(var(--color-f-white-rgb), 0.15);
+					}
+				}
+			}
+
+			.port {
+				&:first-of-type {
+					margin-top: calc((24px - 8px) / 2);
+
+					&:not(.primary-port) {
+						margin-top: calc((24px - 8px) / 2 + 24px);
+					}
+				}
+
+				&:last-of-type {
+					margin-bottom: calc((24px - 8px) / 2);
+				}
+			}
+
+			.primary {
+				display: flex;
+				align-items: center;
+				position: relative;
+				width: 100%;
+				height: 24px;
+				border-radius: 2px 2px 0 0;
+				background: rgba(var(--color-f-white-rgb), 0.05);
+
+				&.no-secondary-section {
+					border-radius: 2px;
+				}
+
+				.icon-label {
+					display: none; // Remove after we have unique icons for the nodes
+					margin: 0 8px;
+				}
+
+				.text-label {
+					// margin-right: 4px; // Restore after reenabling icon-label
+					margin: 0 8px;
+				}
+			}
+
+			.secondary {
+				display: flex;
+				flex-direction: column;
+				width: 100%;
+				position: relative;
+
+				.secondary-row {
+					position: relative;
+					display: flex;
+					align-items: center;
+					margin: 0 8px;
+					width: calc(100% - 8px - 8px);
+					height: 24px;
+
+					&:last-of-type {
+						border-radius: 0 0 2px 2px;
+					}
+
+					.text-label {
+						width: 100%;
+					}
+
+					&.output {
+						flex-direction: row-reverse;
+						text-align: right;
+
+						svg {
+							width: 30px;
+							height: 20px;
+						}
+					}
+				}
+
+				&::before {
+					left: 0;
+				}
+
+				&::after {
+					right: 0;
+				}
+			}
+		}
+	}
+
+	.box-selection {
+		position: absolute;
+		pointer-events: none;
+		z-index: 2;
+		// TODO: This will be removed after box selection, and all of graph rendering, is moved to the backend and this whole file
+		// is removed, but for now this color needs to stay in sync with `COLOR_OVERLAY_BLUE` set in consts.rs of the editor backend.
+		background: rgba(0, 168, 255, 0.05);
+		border: 1px solid #00a8ff;
+	}
+</style>
diff --git a/frontend/src/components/widgets/WidgetLayout.svelte b/frontend/src/components/widgets/WidgetLayout.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..63b75e274f539b25dd245bed7c062e491051e93a
--- /dev/null
+++ b/frontend/src/components/widgets/WidgetLayout.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { isWidgetSpanColumn, isWidgetSpanRow, isWidgetSection, type WidgetLayout, isWidgetTable } from "@graphite/messages";
+
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import WidgetSection from "@graphite/components/widgets/WidgetSection.svelte";
+	import WidgetSpan from "@graphite/components/widgets/WidgetSpan.svelte";
+	import WidgetTable from "@graphite/components/widgets/WidgetTable.svelte";
+
+	export let layout: WidgetLayout;
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+</script>
+
+{#each layout.layout as layoutGroup}
+	{#if isWidgetSpanRow(layoutGroup) || isWidgetSpanColumn(layoutGroup)}
+		<WidgetSpan widgetData={layoutGroup} layoutTarget={layout.layoutTarget} class={className} {classes} />
+	{:else if isWidgetSection(layoutGroup)}
+		<WidgetSection widgetData={layoutGroup} layoutTarget={layout.layoutTarget} class={className} {classes} />
+	{:else if isWidgetTable(layoutGroup)}
+		<WidgetTable widgetData={layoutGroup} layoutTarget={layout.layoutTarget} />
+	{:else}
+		<TextLabel styles={{ color: "#d6536e" }}>Error: The widget layout that belongs here has an invalid layout group type</TextLabel>
+	{/if}
+{/each}
+
+<style lang="scss" global></style>
diff --git a/frontend/src/components/widgets/WidgetSection.svelte b/frontend/src/components/widgets/WidgetSection.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..39448166dab5f1d533095d8b5cccfb44c1cd633c
--- /dev/null
+++ b/frontend/src/components/widgets/WidgetSection.svelte
@@ -0,0 +1,190 @@
+<script lang="ts">
+	import { getContext } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import { isWidgetSpanRow, isWidgetSpanColumn, isWidgetSection, type WidgetSection as WidgetSectionFromJsMessages } from "@graphite/messages";
+
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import WidgetSpan from "@graphite/components/widgets/WidgetSpan.svelte";
+
+	export let widgetData: WidgetSectionFromJsMessages;
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	export let layoutTarget: any; // TODO: Give type
+
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+
+	let expanded = true;
+
+	const editor = getContext<Editor>("editor");
+</script>
+
+<!-- TODO: Implement collapsable sections with properties system -->
+<LayoutCol class={`widget-section ${className}`.trim()} {classes}>
+	<button class="header" class:expanded on:click|stopPropagation={() => (expanded = !expanded)} tabindex="0">
+		<div class="expand-arrow" />
+		<TextLabel tooltip={widgetData.description} bold={true}>{widgetData.name}</TextLabel>
+		<IconButton
+			icon={widgetData.pinned ? "PinActive" : "PinInactive"}
+			tooltip={widgetData.pinned ? "Unpin this node so it's no longer shown here when nothing is selected" : "Pin this node so it's shown here when nothing is selected"}
+			size={24}
+			action={(e) => {
+				editor.handle.setNodePinned(widgetData.id, !widgetData.pinned);
+				e?.stopPropagation();
+			}}
+			class={"show-only-on-hover"}
+		/>
+		<IconButton
+			icon={"Trash"}
+			tooltip={"Delete this node from the layer chain"}
+			size={24}
+			action={(e) => {
+				editor.handle.deleteNode(widgetData.id);
+				e?.stopPropagation();
+			}}
+			class={"show-only-on-hover"}
+		/>
+		<IconButton
+			icon={widgetData.visible ? "EyeVisible" : "EyeHidden"}
+			hoverIcon={widgetData.visible ? "EyeHide" : "EyeShow"}
+			tooltip={widgetData.visible ? "Hide this node" : "Show this node"}
+			size={24}
+			action={(e) => {
+				editor.handle.toggleNodeVisibilityLayerPanel(widgetData.id);
+				e?.stopPropagation();
+			}}
+			class={widgetData.visible ? "show-only-on-hover" : ""}
+		/>
+	</button>
+	{#if expanded}
+		<LayoutCol class="body">
+			{#each widgetData.layout as layoutGroup}
+				{#if isWidgetSpanRow(layoutGroup)}
+					<WidgetSpan widgetData={layoutGroup} {layoutTarget} />
+				{:else if isWidgetSpanColumn(layoutGroup)}
+					<TextLabel styles={{ color: "#d6536e" }}>Error: The WidgetSpan used here should be a row not a column</TextLabel>
+				{:else if isWidgetSection(layoutGroup)}
+					<svelte:self widgetData={layoutGroup} {layoutTarget} />
+				{:else}
+					<TextLabel styles={{ color: "#d6536e" }}>Error: The widget that belongs here has an invalid layout group type</TextLabel>
+				{/if}
+			{/each}
+		</LayoutCol>
+	{/if}
+</LayoutCol>
+
+<style lang="scss" global>
+	.widget-section {
+		flex: 0 0 auto;
+		margin: 0 4px;
+		margin-top: 4px;
+
+		.header {
+			text-align: left;
+			align-items: center;
+			display: flex;
+			flex: 0 0 24px;
+			padding-left: 8px;
+			padding-right: 0;
+			margin-bottom: 4px;
+			border: 0;
+			border-radius: 4px;
+			background: var(--color-2-mildblack);
+
+			&.expanded {
+				border-radius: 4px 4px 0 0;
+				margin-bottom: 0;
+
+				.expand-arrow::after {
+					transform: rotate(90deg);
+				}
+			}
+
+			&:hover {
+				background: var(--color-4-dimgray);
+
+				.expand-arrow::after {
+					background: var(--icon-expand-collapse-arrow-hover);
+				}
+
+				+ .body {
+					border: 1px solid var(--color-4-dimgray);
+				}
+			}
+
+			.expand-arrow {
+				width: 8px;
+				height: 8px;
+				margin: 0;
+				padding: 0;
+				position: relative;
+				flex: 0 0 auto;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				&::after {
+					content: "";
+					position: absolute;
+					width: 8px;
+					height: 8px;
+					background: var(--icon-expand-collapse-arrow);
+				}
+			}
+
+			.text-label {
+				height: 18px;
+				margin-left: 8px;
+				flex: 1 1 100%;
+			}
+		}
+
+		&:not(:hover) .header .show-only-on-hover {
+			display: none;
+		}
+
+		.body {
+			padding: 0 7px;
+			padding-top: 1px;
+			margin-top: -1px;
+			background: var(--color-3-darkgray);
+			border: 1px solid var(--color-2-mildblack);
+			border-radius: 0 0 4px 4px;
+			overflow: hidden;
+
+			.widget-span.row {
+				&:first-child {
+					margin-top: calc(4px - 1px);
+				}
+
+				&:last-child {
+					margin-bottom: calc(4px - 1px);
+				}
+
+				> .text-button:first-child {
+					margin-left: 16px;
+				}
+
+				> .text-label:first-of-type {
+					flex: 0 0 25%;
+					margin-left: 16px;
+				}
+
+				> .parameter-expose-button + .text-label:first-of-type {
+					margin-left: 8px;
+				}
+
+				> .text-button {
+					flex-grow: 1;
+				}
+
+				> .radio-input button {
+					flex: 1 1 100%;
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/WidgetSpan.svelte b/frontend/src/components/widgets/WidgetSpan.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..831e1dbbce5f38a142853f353d6c27b9eb1daa0e
--- /dev/null
+++ b/frontend/src/components/widgets/WidgetSpan.svelte
@@ -0,0 +1,220 @@
+<script lang="ts">
+	import { getContext } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import type { Widget, WidgetSpanColumn, WidgetSpanRow } from "@graphite/messages";
+	import { narrowWidgetProps, isWidgetSpanColumn, isWidgetSpanRow } from "@graphite/messages";
+	import { debouncer } from "@graphite/utility-functions/debounce";
+
+	import NodeCatalog from "@graphite/components/floating-menus/NodeCatalog.svelte";
+	import BreadcrumbTrailButtons from "@graphite/components/widgets/buttons/BreadcrumbTrailButtons.svelte";
+	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
+	import ImageButton from "@graphite/components/widgets/buttons/ImageButton.svelte";
+	import ParameterExposeButton from "@graphite/components/widgets/buttons/ParameterExposeButton.svelte";
+	import PopoverButton from "@graphite/components/widgets/buttons/PopoverButton.svelte";
+	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
+	import CheckboxInput from "@graphite/components/widgets/inputs/CheckboxInput.svelte";
+	import ColorInput from "@graphite/components/widgets/inputs/ColorInput.svelte";
+	import CurveInput from "@graphite/components/widgets/inputs/CurveInput.svelte";
+	import DropdownInput from "@graphite/components/widgets/inputs/DropdownInput.svelte";
+	import FontInput from "@graphite/components/widgets/inputs/FontInput.svelte";
+	import NumberInput from "@graphite/components/widgets/inputs/NumberInput.svelte";
+	import RadioInput from "@graphite/components/widgets/inputs/RadioInput.svelte";
+	import ReferencePointInput from "@graphite/components/widgets/inputs/ReferencePointInput.svelte";
+	import TextAreaInput from "@graphite/components/widgets/inputs/TextAreaInput.svelte";
+	import TextInput from "@graphite/components/widgets/inputs/TextInput.svelte";
+	import WorkingColorsInput from "@graphite/components/widgets/inputs/WorkingColorsInput.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import WidgetLayout from "@graphite/components/widgets/WidgetLayout.svelte";
+
+	const editor = getContext<Editor>("editor");
+
+	export let widgetData: WidgetSpanRow | WidgetSpanColumn;
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	export let layoutTarget: any;
+
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+
+	$: extraClasses = Object.entries(classes)
+		.flatMap(([className, stateName]) => (stateName ? [className] : []))
+		.join(" ");
+
+	$: direction = watchDirection(widgetData);
+	$: widgets = watchWidgets(widgetData);
+
+	function watchDirection(widgetData: WidgetSpanRow | WidgetSpanColumn): "row" | "column" | undefined {
+		if (isWidgetSpanRow(widgetData)) return "row";
+		if (isWidgetSpanColumn(widgetData)) return "column";
+	}
+
+	function watchWidgets(widgetData: WidgetSpanRow | WidgetSpanColumn): Widget[] {
+		let widgets: Widget[] = [];
+		if (isWidgetSpanRow(widgetData)) widgets = widgetData.rowWidgets;
+		else if (isWidgetSpanColumn(widgetData)) widgets = widgetData.columnWidgets;
+		return widgets;
+	}
+
+	function widgetValueCommit(index: number, value: unknown) {
+		editor.handle.widgetValueCommit(layoutTarget, widgets[index].widgetId, value);
+	}
+
+	function widgetValueUpdate(index: number, value: unknown) {
+		editor.handle.widgetValueUpdate(layoutTarget, widgets[index].widgetId, value);
+	}
+
+	function widgetValueCommitAndUpdate(index: number, value: unknown) {
+		editor.handle.widgetValueCommitAndUpdate(layoutTarget, widgets[index].widgetId, value);
+	}
+
+	// TODO: This seems to work, but verify the correctness and terseness of this, it's adapted from https://stackoverflow.com/a/67434028/775283
+	function exclude<T extends object>(props: T, additional?: (keyof T)[]): Omit<T, typeof additional extends Array<infer K> ? K : never> {
+		const exclusions = ["kind", ...(additional || [])];
+
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		return Object.fromEntries(Object.entries(props).filter((entry) => !exclusions.includes(entry[0]))) as any;
+	}
+</script>
+
+<!-- TODO: Refactor this component to use `<svelte:component this={attributesObject} />` to avoid all the separate conditional components -->
+
+<div class={`widget-span ${className} ${extraClasses}`.trim()} class:row={direction === "row"} class:column={direction === "column"}>
+	{#each widgets as component, index}
+		{@const checkboxInput = narrowWidgetProps(component.props, "CheckboxInput")}
+		{#if checkboxInput}
+			<CheckboxInput {...exclude(checkboxInput)} on:checked={({ detail }) => widgetValueCommitAndUpdate(index, detail)} />
+		{/if}
+		{@const colorInput = narrowWidgetProps(component.props, "ColorInput")}
+		{#if colorInput}
+			<ColorInput {...exclude(colorInput)} on:value={({ detail }) => widgetValueUpdate(index, detail)} on:startHistoryTransaction={() => widgetValueCommit(index, colorInput.value)} />
+		{/if}
+		{@const curvesInput = narrowWidgetProps(component.props, "CurveInput")}
+		{#if curvesInput}
+			<CurveInput {...exclude(curvesInput)} on:value={({ detail }) => debouncer((value) => widgetValueCommitAndUpdate(index, value), { debounceTime: 120 }).debounceUpdateValue(detail)} />
+		{/if}
+		{@const dropdownInput = narrowWidgetProps(component.props, "DropdownInput")}
+		{#if dropdownInput}
+			<DropdownInput
+				{...exclude(dropdownInput)}
+				on:hoverInEntry={({ detail }) => {
+					return widgetValueUpdate(index, detail);
+				}}
+				on:hoverOutEntry={({ detail }) => {
+					return widgetValueUpdate(index, detail);
+				}}
+				on:selectedIndex={({ detail }) => widgetValueCommitAndUpdate(index, detail)}
+			/>
+		{/if}
+		{@const fontInput = narrowWidgetProps(component.props, "FontInput")}
+		{#if fontInput}
+			<FontInput {...exclude(fontInput)} on:changeFont={({ detail }) => widgetValueCommitAndUpdate(index, detail)} />
+		{/if}
+		{@const parameterExposeButton = narrowWidgetProps(component.props, "ParameterExposeButton")}
+		{#if parameterExposeButton}
+			<ParameterExposeButton {...exclude(parameterExposeButton)} action={() => widgetValueCommitAndUpdate(index, undefined)} />
+		{/if}
+		{@const iconButton = narrowWidgetProps(component.props, "IconButton")}
+		{#if iconButton}
+			<IconButton {...exclude(iconButton)} action={() => widgetValueCommitAndUpdate(index, undefined)} />
+		{/if}
+		{@const iconLabel = narrowWidgetProps(component.props, "IconLabel")}
+		{#if iconLabel}
+			<IconLabel {...exclude(iconLabel)} />
+		{/if}
+		{@const imageButton = narrowWidgetProps(component.props, "ImageButton")}
+		{#if imageButton}
+			<ImageButton {...exclude(imageButton)} action={() => widgetValueCommitAndUpdate(index, undefined)} />
+		{/if}
+		{@const nodeCatalog = narrowWidgetProps(component.props, "NodeCatalog")}
+		{#if nodeCatalog}
+			<NodeCatalog {...exclude(nodeCatalog)} on:selectNodeType={(e) => widgetValueCommitAndUpdate(index, e.detail)} />
+		{/if}
+		{@const numberInput = narrowWidgetProps(component.props, "NumberInput")}
+		{#if numberInput}
+			<NumberInput
+				{...exclude(numberInput)}
+				on:value={({ detail }) => debouncer((value) => widgetValueUpdate(index, value)).debounceUpdateValue(detail)}
+				on:startHistoryTransaction={() => widgetValueCommit(index, numberInput.value)}
+				incrementCallbackIncrease={() => widgetValueCommitAndUpdate(index, "Increment")}
+				incrementCallbackDecrease={() => widgetValueCommitAndUpdate(index, "Decrement")}
+			/>
+		{/if}
+		{@const referencePointInput = narrowWidgetProps(component.props, "ReferencePointInput")}
+		{#if referencePointInput}
+			<ReferencePointInput {...exclude(referencePointInput)} on:value={({ detail }) => widgetValueCommitAndUpdate(index, detail)} />
+		{/if}
+		{@const popoverButton = narrowWidgetProps(component.props, "PopoverButton")}
+		{#if popoverButton}
+			<PopoverButton {...exclude(popoverButton, ["popoverLayout"])}>
+				<WidgetLayout layout={{ layout: popoverButton.popoverLayout, layoutTarget: layoutTarget }} />
+			</PopoverButton>
+		{/if}
+		{@const radioInput = narrowWidgetProps(component.props, "RadioInput")}
+		{#if radioInput}
+			<RadioInput {...exclude(radioInput)} on:selectedIndex={({ detail }) => widgetValueCommitAndUpdate(index, detail)} />
+		{/if}
+		{@const separator = narrowWidgetProps(component.props, "Separator")}
+		{#if separator}
+			<Separator {...exclude(separator)} />
+		{/if}
+		{@const workingColorsInput = narrowWidgetProps(component.props, "WorkingColorsInput")}
+		{#if workingColorsInput}
+			<WorkingColorsInput {...exclude(workingColorsInput)} />
+		{/if}
+		{@const textAreaInput = narrowWidgetProps(component.props, "TextAreaInput")}
+		{#if textAreaInput}
+			<TextAreaInput {...exclude(textAreaInput)} on:commitText={({ detail }) => widgetValueCommitAndUpdate(index, detail)} />
+		{/if}
+		{@const textButton = narrowWidgetProps(component.props, "TextButton")}
+		{#if textButton}
+			<TextButton {...exclude(textButton)} action={() => widgetValueCommitAndUpdate(index, undefined)} />
+		{/if}
+		{@const breadcrumbTrailButtons = narrowWidgetProps(component.props, "BreadcrumbTrailButtons")}
+		{#if breadcrumbTrailButtons}
+			<BreadcrumbTrailButtons {...exclude(breadcrumbTrailButtons)} action={(breadcrumbIndex) => widgetValueCommitAndUpdate(index, breadcrumbIndex)} />
+		{/if}
+		{@const textInput = narrowWidgetProps(component.props, "TextInput")}
+		{#if textInput}
+			<TextInput {...exclude(textInput)} on:commitText={({ detail }) => widgetValueCommitAndUpdate(index, detail)} />
+		{/if}
+		{@const textLabel = narrowWidgetProps(component.props, "TextLabel")}
+		{#if textLabel}
+			<TextLabel {...exclude(textLabel, ["value"])}>{textLabel.value}</TextLabel>
+		{/if}
+	{/each}
+</div>
+
+<style lang="scss" global>
+	.widget-span.column {
+		flex: 0 0 auto;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.widget-span.row {
+		flex: 0 0 auto;
+		display: flex;
+		min-height: 32px;
+
+		> * {
+			--widget-height: 24px;
+			margin: calc((24px - var(--widget-height)) / 2 + 4px) 0;
+			min-height: var(--widget-height);
+
+			&:not(.multiline) {
+				line-height: var(--widget-height);
+			}
+
+			&.icon-label.size-12 {
+				--widget-height: 12px;
+			}
+
+			&.icon-label.size-16 {
+				--widget-height: 16px;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/WidgetTable.svelte b/frontend/src/components/widgets/WidgetTable.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..6530b4c89947f0919db296ee8da63e34df3c019a
--- /dev/null
+++ b/frontend/src/components/widgets/WidgetTable.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+	import { type WidgetTable as WidgetTableFromJsMessages } from "@graphite/messages";
+
+	import WidgetSpan from "@graphite/components/widgets/WidgetSpan.svelte";
+
+	export let widgetData: WidgetTableFromJsMessages;
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	export let layoutTarget: any; // TODO: Give this a real type
+</script>
+
+<table>
+	{#each widgetData.tableWidgets as row}
+		<tr>
+			{#each row as cell}
+				<td>
+					<WidgetSpan widgetData={{ rowWidgets: [cell] }} {layoutTarget} />
+				</td>
+			{/each}
+		</tr>
+	{/each}
+</table>
+
+<style lang="scss">
+	table {
+		background: var(--color-3-darkgray);
+		border: none;
+		border-spacing: 4px;
+		border-radius: 2px;
+
+		td {
+			background: var(--color-2-mildblack);
+			vertical-align: top;
+			border: none;
+			border-radius: 2px;
+			padding: 4px 8px;
+		}
+
+		tr:first-child td {
+			background-image: var(--inheritance-dots-background-4-dimgray);
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte b/frontend/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f3b68c752340a60c510e04afa268bb16263d18a1
--- /dev/null
+++ b/frontend/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
+
+	export let labels: string[];
+	export let disabled = false;
+	export let tooltip: string | undefined = undefined;
+	// Callbacks
+	export let action: (index: number) => void;
+</script>
+
+<LayoutRow class="breadcrumb-trail-buttons" {tooltip}>
+	{#each labels as label, index}
+		<TextButton {label} emphasized={index === labels.length - 1} {disabled} action={() => !disabled && index !== labels.length - 1 && action(index)} />
+	{/each}
+</LayoutRow>
+
+<style lang="scss" global>
+	.breadcrumb-trail-buttons {
+		.text-button {
+			position: relative;
+
+			&:not(:first-of-type) {
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+
+				&::before {
+					content: "";
+					position: absolute;
+					top: 0;
+					left: -4px;
+					width: 0;
+					height: 0;
+					border-style: solid;
+					border-width: 12px 0 12px 4px;
+					border-color: var(--button-background-color) var(--button-background-color) var(--button-background-color) transparent;
+				}
+			}
+
+			&:not(:last-of-type) {
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+
+				&::after {
+					content: "";
+					position: absolute;
+					top: 0;
+					right: -4px;
+					width: 0;
+					height: 0;
+					border-style: solid;
+					border-width: 12px 0 12px 4px;
+					border-color: transparent transparent transparent var(--button-background-color);
+				}
+			}
+
+			&:last-of-type {
+				// Make this non-functional button not change color on hover
+				pointer-events: none;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/buttons/IconButton.svelte b/frontend/src/components/widgets/buttons/IconButton.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..97fbc2c8c9ccc6b4f565002a0c6a06312c412a90
--- /dev/null
+++ b/frontend/src/components/widgets/buttons/IconButton.svelte
@@ -0,0 +1,112 @@
+<script lang="ts">
+	import { type IconName, type IconSize } from "@graphite/utility-functions/icons";
+
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+
+	export let icon: IconName;
+	export let hoverIcon: IconName | undefined = undefined;
+	export let size: IconSize;
+	export let disabled = false;
+	export let active = false;
+	export let tooltip: string | undefined = undefined;
+	// Callbacks
+	export let action: (e?: MouseEvent) => void;
+
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+
+	$: extraClasses = Object.entries(classes)
+		.flatMap(([className, stateName]) => (stateName ? [className] : []))
+		.join(" ");
+</script>
+
+<button
+	class={`icon-button size-${size} ${className} ${extraClasses}`.trim()}
+	class:hover-icon={hoverIcon && !disabled}
+	class:disabled
+	class:active
+	on:click={action}
+	{disabled}
+	title={tooltip}
+	tabindex={active ? -1 : 0}
+	{...$$restProps}
+>
+	<IconLabel {icon} />
+	{#if hoverIcon && !disabled}
+		<IconLabel icon={hoverIcon} />
+	{/if}
+</button>
+
+<style lang="scss" global>
+	.icon-button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex: 0 0 auto;
+		margin: 0;
+		padding: 0;
+		border: none;
+		border-radius: 2px;
+		background: none;
+
+		svg {
+			fill: var(--color-e-nearwhite);
+		}
+
+		// The `where` pseudo-class does not contribtue to specificity
+		& + :where(.icon-button) {
+			margin-left: 0;
+		}
+
+		&:hover {
+			background: var(--color-5-dullgray);
+		}
+
+		&.hover-icon {
+			&:not(:hover) .icon-label:nth-of-type(2) {
+				display: none;
+			}
+
+			&:hover .icon-label:nth-of-type(1) {
+				display: none;
+			}
+		}
+
+		&.disabled {
+			background: none;
+
+			svg {
+				fill: var(--color-8-uppergray);
+			}
+		}
+
+		&.active {
+			background: var(--color-e-nearwhite);
+
+			svg {
+				fill: var(--color-2-mildblack);
+			}
+		}
+
+		&.size-12 {
+			width: 12px;
+			height: 12px;
+		}
+
+		&.size-16 {
+			width: 16px;
+			height: 16px;
+		}
+
+		&.size-24 {
+			width: 24px;
+			height: 24px;
+		}
+
+		&.size-32 {
+			width: 32px;
+			height: 32px;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/buttons/ImageButton.svelte b/frontend/src/components/widgets/buttons/ImageButton.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..00e9de6aa70b244eca09f6fd243deb5331b8c53c
--- /dev/null
+++ b/frontend/src/components/widgets/buttons/ImageButton.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { IMAGE_BASE64_STRINGS } from "@graphite/utility-functions/images";
+
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+
+	export let image: string;
+	export let width: string | undefined;
+	export let height: string | undefined;
+	export let tooltip: string | undefined = undefined;
+	// Callbacks
+	export let action: (e?: MouseEvent) => void;
+
+	$: extraClasses = Object.entries(classes)
+		.flatMap(([className, stateName]) => (stateName ? [className] : []))
+		.join(" ");
+</script>
+
+<img src={IMAGE_BASE64_STRINGS[image]} style:width style:height class={`image-label ${className} ${extraClasses}`.trim()} title={tooltip} alt="" on:click={action} />
+
+<style lang="scss" global>
+	.image-label {
+		width: auto;
+		height: auto;
+
+		+ .image-label.image-label {
+			margin-left: 8px;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/buttons/ParameterExposeButton.svelte b/frontend/src/components/widgets/buttons/ParameterExposeButton.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..09e89e648b26318430ac571dbc2259c9a4538927
--- /dev/null
+++ b/frontend/src/components/widgets/buttons/ParameterExposeButton.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+	import type { FrontendGraphDataType } from "@graphite/messages";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+
+	export let exposed: boolean;
+	export let dataType: FrontendGraphDataType;
+	export let tooltip: string | undefined = undefined;
+	// Callbacks
+	export let action: (e?: MouseEvent) => void;
+</script>
+
+<LayoutRow class="parameter-expose-button">
+	<button
+		class:exposed
+		style:--data-type-color={`var(--color-data-${dataType.toLowerCase()})`}
+		style:--data-type-color-dim={`var(--color-data-${dataType.toLowerCase()}-dim)`}
+		on:click={action}
+		title={tooltip}
+		tabindex="-1"
+	>
+		{#if !exposed}
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
+				<circle class="interior" r="3" cx="4" cy="4" />
+				<path
+					class="outline"
+					d="M4,1C5.656,1 7,2.344 7,4C7,5.656 5.656,7 4,7C2.344,7 1,5.656 1,4C1,2.344 2.344,1 4,1ZM4,2C2.896,2 2,2.896 2,4C2,5.104 2.896,6 4,6C5.104,6 6,5.104 6,4C6,2.896 5.104,2 4,2z"
+				/>
+			</svg>
+		{:else}
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
+				<path class="interior" d="M0,6.306L0,1.694C0,0.228 1.06,-0.41 2.356,0.276L7.028,2.752C8.324,3.438 8.324,4.562 7.028,5.248L2.356,7.723C1.06,8.41 0,7.771 0,6.306z" />
+				<path
+					class="outline"
+					d="M1.364,8C0.56,8 0,7.372 0,6.306L0,1.694C0,0.228 1.06,-0.41 2.356,0.276L7.028,2.752C8.324,3.439 8.324,4.561 7.028,5.248L2.356,7.724C2.002,7.911 1.666,8 1.364,8ZM1.364,7.2C1.542,7.2 1.756,7.137 1.981,7.017L6.653,4.541C7.031,4.341 7.2,4.125 7.2,4C7.2,3.875 7.031,3.659 6.653,3.459L1.982,0.983C1.756,0.863 1.542,0.8 1.364,0.8C0.873,0.8 0.8,1.36 0.8,1.694L0.8,6.306C0.8,6.64 0.873,7.2 1.364,7.2z"
+				/>
+			</svg>
+		{/if}
+	</button>
+</LayoutRow>
+
+<style lang="scss" global>
+	.parameter-expose-button {
+		display: flex;
+		align-items: center;
+		flex: 0 0 auto;
+		max-height: 24px;
+
+		button {
+			flex: 0 0 auto;
+			width: 8px;
+			height: 8px;
+			margin: 0;
+			padding: 0;
+			border: none;
+			background: none;
+			fill: none;
+			stroke: none;
+
+			.outline {
+				fill: none;
+			}
+
+			.interior {
+				fill: var(--data-type-color);
+			}
+
+			&:hover {
+				.outline {
+					fill: var(--data-type-color);
+				}
+
+				.interior {
+					fill: var(--data-type-color-dim);
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/buttons/PopoverButton.svelte b/frontend/src/components/widgets/buttons/PopoverButton.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b0bb0a551ef6103cfb0fe320591034e4a237c63a
--- /dev/null
+++ b/frontend/src/components/widgets/buttons/PopoverButton.svelte
@@ -0,0 +1,100 @@
+<script lang="ts">
+	import type { MenuDirection } from "@graphite/messages";
+	import { type IconName, type PopoverButtonStyle } from "@graphite/utility-functions/icons";
+
+	import FloatingMenu from "@graphite/components/layout/FloatingMenu.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+
+	export let style: PopoverButtonStyle = "DropdownArrow";
+	export let menuDirection: MenuDirection = "Bottom";
+	export let icon: IconName | undefined = undefined;
+	export let tooltip: string | undefined = undefined;
+	export let disabled = false;
+	export let popoverMinWidth = 1;
+
+	// Callbacks
+	export let action: (() => void) | undefined = undefined;
+
+	let open = false;
+
+	function onClick() {
+		open = true;
+		action?.();
+	}
+</script>
+
+<LayoutRow class="popover-button" classes={{ "has-icon": icon !== undefined, "direction-top": menuDirection === "Top" }}>
+	<IconButton class="dropdown-icon" classes={{ open }} {disabled} action={() => onClick()} icon={style || "DropdownArrow"} size={16} {tooltip} data-floating-menu-spawner />
+	{#if icon !== undefined}
+		<IconLabel class="descriptive-icon" classes={{ open }} {disabled} {icon} {tooltip} />
+	{/if}
+
+	<FloatingMenu {open} on:open={({ detail }) => (open = detail)} minWidth={popoverMinWidth} type="Popover" direction={menuDirection || "Bottom"}>
+		<slot />
+	</FloatingMenu>
+</LayoutRow>
+
+<style lang="scss" global>
+	.popover-button {
+		position: relative;
+		width: 16px;
+		height: 24px;
+		flex: 0 0 auto;
+
+		&.has-icon {
+			width: 36px;
+
+			.dropdown-icon {
+				padding-left: calc(36px - 16px);
+				box-sizing: content-box;
+			}
+
+			&.direction-top .dropdown-icon .icon-label {
+				transform: rotate(180deg);
+			}
+		}
+
+		.dropdown-icon {
+			width: 16px;
+			height: 100%;
+			padding: 0;
+			border: none;
+			border-radius: 2px;
+			fill: var(--color-e-nearwhite);
+
+			&:hover:not(.disabled),
+			&.open:not(.disabled) {
+				background: var(--color-5-dullgray);
+			}
+		}
+
+		.descriptive-icon {
+			width: 16px;
+			height: 16px;
+			margin: auto 0;
+			margin-left: calc(-16px - 16px);
+			pointer-events: none;
+		}
+
+		.floating-menu {
+			left: 50%;
+			bottom: 0;
+
+			.floating-menu-content > :first-child:not(:has(:not(.text-label))),
+			.floating-menu-content > :first-child:not(:has(:not(.checkbox-input))) {
+				margin-top: -8px;
+			}
+
+			.floating-menu-content > :last-child:not(:has(:not(.text-label))),
+			.floating-menu-content > :last-child:not(:has(:not(.checkbox-input))) {
+				margin-bottom: -8px;
+			}
+		}
+
+		&.direction-top .floating-menu {
+			bottom: 100%;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/buttons/TextButton.svelte b/frontend/src/components/widgets/buttons/TextButton.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..aaac0a50ca9fa8cdd2ebba9ee6b17da34a9803cb
--- /dev/null
+++ b/frontend/src/components/widgets/buttons/TextButton.svelte
@@ -0,0 +1,180 @@
+<script lang="ts">
+	import type { MenuListEntry } from "@graphite/messages";
+	import type { IconName } from "@graphite/utility-functions/icons";
+
+	import MenuList from "@graphite/components/floating-menus/MenuList.svelte";
+	import ConditionalWrapper from "@graphite/components/layout/ConditionalWrapper.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	let self: MenuList;
+
+	// Note: IconButton should be used if only an icon, but no label, is desired.
+	// However, if multiple TextButton widgets are used in a group with only some having no label, this component is able to accommodate that.
+	export let label: string;
+	export let icon: IconName | undefined = undefined;
+	export let hoverIcon: IconName | undefined = undefined;
+	export let emphasized = false;
+	export let flush = false;
+	export let minWidth = 0;
+	export let disabled = false;
+	export let tooltip: string | undefined = undefined;
+	export let menuListChildren: MenuListEntry[][] | undefined = undefined;
+
+	// Callbacks
+	// TODO: Replace this with an event binding (and on other components that do this)
+	export let action: (() => void) | undefined;
+
+	$: menuListChildrenExists = (menuListChildren?.length ?? 0) > 0;
+
+	// Handles either a button click or, if applicable, the opening of the menu list floating menu
+	function onClick(e: MouseEvent) {
+		// If there's no menu to open, trigger the action
+		if ((menuListChildren?.length ?? 0) === 0) {
+			// Call the action
+			if (action && !disabled) action();
+
+			// Exit early so we don't continue on and try to open the menu
+			return;
+		}
+
+		// Focus the target so that keyboard inputs are sent to the dropdown
+		(e.target as HTMLElement | undefined)?.focus();
+
+		// Open the menu list floating menu
+		if (self) self.open = true;
+		else throw new Error("The menu bar floating menu has no reference to `self`");
+	}
+</script>
+
+<ConditionalWrapper condition={menuListChildrenExists} wrapperClass="text-button-container">
+	<button
+		class="text-button"
+		class:open={self?.open}
+		class:hover-icon={hoverIcon && !disabled}
+		class:emphasized
+		class:disabled
+		class:flush
+		style:min-width={minWidth > 0 ? `${minWidth}px` : undefined}
+		title={tooltip}
+		data-emphasized={emphasized || undefined}
+		data-disabled={disabled || undefined}
+		data-text-button
+		tabindex={disabled ? -1 : 0}
+		data-floating-menu-spawner={menuListChildrenExists ? "" : "no-hover-transfer"}
+		on:click={onClick}
+	>
+		{#if icon}
+			<IconLabel {icon} />
+			{#if hoverIcon && !disabled}
+				<IconLabel icon={hoverIcon} />
+			{/if}
+		{/if}
+		{#if label}
+			<TextLabel>{label}</TextLabel>
+		{/if}
+	</button>
+	{#if menuListChildrenExists}
+		<MenuList
+			on:open={({ detail }) => self && (self.open = detail)}
+			open={self?.open || false}
+			entries={menuListChildren || []}
+			direction="Bottom"
+			minWidth={240}
+			drawIcon={true}
+			bind:this={self}
+		/>
+	{/if}
+</ConditionalWrapper>
+
+<style lang="scss" global>
+	.text-button-container {
+		display: flex;
+		position: relative;
+	}
+
+	.text-button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex: 0 0 auto;
+		white-space: nowrap;
+		height: 24px;
+		margin: 0;
+		padding: 0 8px;
+		box-sizing: border-box;
+		border: none;
+		border-radius: 2px;
+		background: var(--button-background-color);
+		color: var(--button-text-color);
+		--button-background-color: var(--color-5-dullgray);
+		--button-text-color: var(--color-e-nearwhite);
+
+		&:hover,
+		&.open {
+			--button-background-color: var(--color-6-lowergray);
+			--button-text-color: var(--color-f-white);
+		}
+
+		&.hover-icon {
+			&:not(:hover) .icon-label:nth-of-type(2) {
+				display: none;
+			}
+
+			&:hover .icon-label:nth-of-type(1) {
+				display: none;
+			}
+		}
+
+		&.disabled {
+			--button-background-color: var(--color-4-dimgray);
+			--button-text-color: var(--color-8-uppergray);
+		}
+
+		&.emphasized {
+			--button-background-color: var(--color-e-nearwhite);
+			--button-text-color: var(--color-2-mildblack);
+
+			&:hover,
+			&.open {
+				--button-background-color: var(--color-f-white);
+			}
+
+			&.disabled {
+				--button-background-color: var(--color-8-uppergray);
+			}
+		}
+
+		&.flush {
+			--button-background-color: none;
+			--button-text-color: var(--color-e-nearwhite);
+
+			&:hover,
+			&.open {
+				--button-background-color: var(--color-5-dullgray);
+			}
+		}
+
+		.icon-label {
+			fill: var(--button-text-color);
+
+			+ .text-label {
+				margin-left: 8px;
+			}
+		}
+
+		.text-label {
+			overflow: hidden;
+		}
+
+		// Custom styling for when multiple TextButton widgets are used next to one another in a row or column
+		.widget-span.row > & + .text-button,
+		.layout-row > & + .text-button {
+			margin-left: 8px;
+		}
+		.widget-span.column > & + .text-button,
+		.layout-column > & + .text-button {
+			margin-top: 8px;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/CheckboxInput.svelte b/frontend/src/components/widgets/inputs/CheckboxInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f8e53eeadba74040fc1b3af84063fc05ec274810
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/CheckboxInput.svelte
@@ -0,0 +1,125 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import type { IconName } from "@graphite/utility-functions/icons";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+
+	const dispatch = createEventDispatcher<{ checked: boolean }>();
+
+	export let checked = false;
+	export let disabled = false;
+	export let icon: IconName = "Checkmark";
+	export let tooltip: string | undefined = undefined;
+	export let forLabel: bigint | undefined = undefined;
+
+	let inputElement: HTMLInputElement | undefined;
+
+	const backupId = String(Math.random()).substring(2);
+
+	$: id = forLabel !== undefined ? String(forLabel) : backupId;
+	$: displayIcon = (!checked && icon === "Checkmark" ? "Empty12px" : icon) as IconName;
+
+	export function isChecked() {
+		return checked;
+	}
+
+	export function input(): HTMLInputElement | undefined {
+		return inputElement;
+	}
+
+	function toggleCheckboxFromLabel(e: KeyboardEvent) {
+		const target = (e.target || undefined) as HTMLLabelElement | undefined;
+		const previousSibling = (target?.previousSibling || undefined) as HTMLInputElement | undefined;
+		previousSibling?.click();
+	}
+</script>
+
+<LayoutRow class="checkbox-input">
+	<input
+		type="checkbox"
+		id={`checkbox-input-${id}`}
+		bind:checked
+		on:change={(_) => dispatch("checked", inputElement?.checked || false)}
+		{disabled}
+		tabindex={disabled ? -1 : 0}
+		bind:this={inputElement}
+	/>
+	<label class:disabled class:checked for={`checkbox-input-${id}`} on:keydown={(e) => e.key === "Enter" && toggleCheckboxFromLabel(e)} title={tooltip}>
+		<LayoutRow class="checkbox-box">
+			<IconLabel icon={displayIcon} />
+		</LayoutRow>
+	</label>
+</LayoutRow>
+
+<style lang="scss" global>
+	.checkbox-input {
+		flex: 0 0 auto;
+		align-items: center;
+
+		input {
+			// We can't use `display: none` because it must be visible to work as a tabbale input that accepts a space bar actuation
+			width: 0;
+			height: 0;
+			margin: 0;
+			opacity: 0;
+			// Firefox weirdly applies a 2px border which causes this element to take up a 4x4 square of space, so this removes it from the flow to prevent it from offsetting the label
+			position: absolute;
+		}
+
+		// Unchecked
+		label {
+			display: flex;
+			height: 16px;
+			// Provides rounded corners for the :focus outline
+			border-radius: 2px;
+
+			.checkbox-box {
+				flex: 0 0 auto;
+				background: var(--color-5-dullgray);
+				padding: 2px;
+				border-radius: 2px;
+
+				.icon-label {
+					fill: var(--color-8-uppergray);
+				}
+			}
+
+			// Hovered while unchecked
+			&:hover .checkbox-box {
+				background: var(--color-6-lowergray);
+			}
+
+			// Disabled while unchecked
+			&.disabled .checkbox-box {
+				background: var(--color-4-dimgray);
+			}
+		}
+
+		// Checked
+		input:checked + label {
+			.checkbox-box {
+				background: var(--color-e-nearwhite);
+
+				.icon-label {
+					fill: var(--color-2-mildblack);
+				}
+			}
+
+			// Hovered while checked
+			&:hover .checkbox-box {
+				background: var(--color-f-white);
+			}
+
+			// Disabled while checked
+			&.disabled .checkbox-box {
+				background: var(--color-8-uppergray);
+			}
+		}
+
+		+ .text-label.text-label {
+			margin-left: 8px;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/ColorInput.svelte b/frontend/src/components/widgets/inputs/ColorInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1dd01ae244b78f5d47992358a8f1d89efdef22ee
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/ColorInput.svelte
@@ -0,0 +1,141 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import type { FillChoice } from "@graphite/messages";
+	import { Color, contrastingOutlineFactor, Gradient } from "@graphite/messages";
+
+	import ColorPicker from "@graphite/components/floating-menus/ColorPicker.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	const dispatch = createEventDispatcher<{ value: FillChoice; startHistoryTransaction: undefined }>();
+
+	let open = false;
+
+	export let value: FillChoice;
+	export let disabled = false;
+	export let allowNone = false;
+	// export let allowTransparency = false; // TODO: Implement
+	export let tooltip: string | undefined = undefined;
+
+	$: outlineFactor = contrastingOutlineFactor(value, ["--color-1-nearblack", "--color-3-darkgray"], 0.01);
+	$: outlined = outlineFactor > 0.0001;
+	$: chosenGradient = value instanceof Gradient ? value.toLinearGradientCSS() : `linear-gradient(${value.toHexOptionalAlpha()}, ${value.toHexOptionalAlpha()})`;
+	$: none = value instanceof Color ? value.none : false;
+	$: transparency = value instanceof Gradient ? value.stops.some((stop) => stop.color.alpha < 1) : value.alpha < 1;
+</script>
+
+<LayoutCol class="color-button" classes={{ open, disabled, none, transparency, outlined }} {tooltip}>
+	<button {disabled} style:--chosen-gradient={chosenGradient} style:--outline-amount={outlineFactor} on:click={() => (open = true)} tabindex="0" data-floating-menu-spawner>
+		{#if disabled && value instanceof Color && !value.none}
+			<TextLabel>sRGB</TextLabel>
+		{/if}
+	</button>
+	<ColorPicker
+		{open}
+		on:open={({ detail }) => (open = detail)}
+		colorOrGradient={value}
+		on:colorOrGradient={({ detail }) => {
+			value = detail;
+			dispatch("value", detail);
+		}}
+		on:startHistoryTransaction={() => {
+			// This event is sent to the backend so it knows to start a transaction for the history system. See discussion for some explanation:
+			// <https://github.com/GraphiteEditor/Graphite/pull/1584#discussion_r1477592483>
+			dispatch("startHistoryTransaction");
+		}}
+		{allowNone}
+	/>
+</LayoutCol>
+
+<style lang="scss" global>
+	.color-button {
+		position: relative;
+		min-width: 80px;
+
+		> button {
+			border: none;
+			border-radius: 2px;
+			padding: 0;
+			margin: 0;
+			width: 100%;
+			height: 100%;
+			overflow: hidden;
+			position: relative;
+
+			&::before {
+				content: "";
+				position: absolute;
+				top: 0;
+				bottom: 0;
+				left: 0;
+				right: 0;
+				background: var(--chosen-gradient);
+			}
+
+			.text-label {
+				background: var(--color-5-dullgray);
+				font-size: 10px;
+				line-height: 12px;
+				height: 12px;
+				border-radius: 0 0 0 2px;
+				padding-right: 4px;
+				padding-left: 4px;
+				position: absolute;
+				right: 0;
+				top: 0;
+			}
+		}
+
+		&.outlined > button::after {
+			content: "";
+			position: absolute;
+			top: 0;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			box-shadow: inset 0 0 0 1px rgba(var(--color-5-dullgray-rgb), var(--outline-amount));
+		}
+
+		&.transparency > button {
+			background-image: var(--color-transparent-checkered-background);
+			background-size: var(--color-transparent-checkered-background-size);
+			background-position: var(--color-transparent-checkered-background-position);
+			background-repeat: var(--color-transparent-checkered-background-repeat);
+		}
+
+		&:not(.disabled).none > button {
+			background: var(--color-none);
+			background-repeat: var(--color-none-repeat);
+			background-position: var(--color-none-position);
+			background-size: var(--color-none-size-24px);
+			background-image: var(--color-none-image-24px);
+		}
+
+		&.disabled.none > button::after {
+			content: "";
+			position: absolute;
+			top: 0;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			background: var(--color-4-dimgray);
+		}
+
+		&:not(.disabled):hover > button .text-label,
+		&:not(.disabled).open > button .text-label {
+			background: var(--color-6-lowergray);
+			color: var(--color-f-white);
+		}
+
+		&.disabled > button .text-label {
+			background: var(--color-4-dimgray);
+			color: var(--color-8-uppergray);
+		}
+
+		> .floating-menu {
+			left: 50%;
+			bottom: 0;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/CurveInput.svelte b/frontend/src/components/widgets/inputs/CurveInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..634bb45f1df5ae3e6b03ac52d74e553aae45ed6a
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/CurveInput.svelte
@@ -0,0 +1,259 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import type { Curve, CurveManipulatorGroup } from "@graphite/messages";
+	import { clamp } from "@graphite/utility-functions/math";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+
+	const dispatch = createEventDispatcher<{
+		value: Curve;
+	}>();
+
+	export let classes: Record<string, boolean> = {};
+	let styleName = "";
+	export { styleName as style };
+	export let styles: Record<string, string | number | undefined> = {};
+	export let value: Curve;
+	export let disabled = false;
+	export let tooltip: string | undefined = undefined;
+
+	const GRID_SIZE = 4;
+
+	let groups: CurveManipulatorGroup[] = [
+		{
+			anchor: [0, 0],
+			handles: [
+				[-1, -1],
+				[0.25, 0.25],
+			],
+		},
+		{
+			anchor: [0.5, 0.5],
+			handles: [
+				[0.25, 0.25],
+				[0.75, 0.75],
+			],
+		},
+		{
+			anchor: [1, 1],
+			handles: [
+				[0.75, 0.75],
+				[2, 2],
+			],
+		},
+	];
+	let selectedNodeIndex: number | undefined = undefined;
+	let draggedNodeIndex: number | undefined = undefined;
+	let dAttribute = recalculateSvgPath();
+
+	$: {
+		groups = [groups[0]].concat(value.manipulatorGroups).concat([groups[groups.length - 1]]);
+		groups[0].handles[1] = value.firstHandle;
+		groups[groups.length - 1].handles[0] = value.lastHandle;
+		dAttribute = recalculateSvgPath();
+	}
+
+	function updateCurve() {
+		dispatch("value", {
+			manipulatorGroups: groups.slice(1, groups.length - 1),
+			firstHandle: groups[0].handles[1],
+			lastHandle: groups[groups.length - 1].handles[0],
+		});
+	}
+
+	function recalculateSvgPath() {
+		let dAttribute = "";
+		let anchor = groups[0].anchor;
+		let handle = groups[0].handles[1];
+
+		groups.slice(1).forEach((group) => {
+			dAttribute += `M${anchor[0]} ${1 - anchor[1]} C${handle[0]} ${1 - handle[1]}, ${group.handles[0][0]} ${1 - group.handles[0][1]}, ${group.anchor[0]} ${1 - group.anchor[1]} `;
+			anchor = group.anchor;
+			handle = group.handles[1];
+		});
+
+		return dAttribute;
+	}
+
+	function handleManipulatorPointerDown(e: PointerEvent, i: number) {
+		// Delete an anchor with RMB or MMB
+		if (e.button > 0 && i > 0 && i < groups.length - 1) {
+			draggedNodeIndex = undefined;
+			selectedNodeIndex = undefined;
+
+			groups.splice(i, 1);
+			groups = groups;
+
+			dAttribute = recalculateSvgPath();
+
+			updateCurve();
+
+			return;
+		}
+
+		draggedNodeIndex = i;
+		if (i >= 0) selectedNodeIndex = i;
+	}
+
+	function getSvgPositionFromPointerEvent(e: PointerEvent): [number, number] | undefined {
+		if (!(e.target instanceof SVGElement)) return undefined;
+
+		const target = e.target?.closest("svg") || undefined;
+		if (!target) return undefined;
+
+		const rect = target.getBoundingClientRect();
+		const x = (e.x - rect.x) / rect.width;
+		const y = 1 - (e.y - rect.y) / rect.height;
+		return [clamp(x), clamp(y)];
+	}
+
+	function clampHandles() {
+		for (let i = 0; i < groups.length - 1; i++) {
+			const [min, max] = [groups[i].anchor[0], groups[i + 1].anchor[0]];
+
+			for (let j = 0; j < 2; j++) {
+				groups[i + j].handles[1 - j][0] = clamp(groups[i + j].handles[1 - j][0], min, max);
+				groups[i + j].handles[1 - j][1] = clamp(groups[i + j].handles[1 - j][1]);
+			}
+		}
+	}
+
+	function handlePointerUp(e: PointerEvent) {
+		if (draggedNodeIndex !== undefined) {
+			draggedNodeIndex = undefined;
+			return;
+		}
+		if (e.button !== 0) return;
+		const anchor = getSvgPositionFromPointerEvent(e);
+		if (!anchor) return;
+
+		let nodeIndex = groups.findIndex((group) => group.anchor[0] > anchor[0]);
+		if (nodeIndex === -1) nodeIndex = groups.length;
+
+		groups.splice(nodeIndex, 0, {
+			anchor: anchor,
+			handles: [
+				[anchor[0] - 0.05, anchor[1]],
+				[anchor[0] + 0.05, anchor[1]],
+			],
+		});
+		selectedNodeIndex = nodeIndex;
+		clampHandles();
+		dAttribute = recalculateSvgPath();
+		updateCurve();
+	}
+
+	function setHandlePosition(anchorIndex: number, handleIndex: number, position: [number, number]) {
+		const { anchor, handles } = groups[anchorIndex];
+		const otherHandle = handles[1 - handleIndex];
+
+		const handleVector = [anchor[0] - position[0], anchor[1] - position[1]];
+		const handleVectorLength = Math.hypot(...handleVector);
+		const handleVectorNormalized = [handleVector[0] / handleVectorLength, handleVector[1] / handleVectorLength];
+		const otherHandleVectorLength = Math.hypot(anchor[0] - otherHandle[0], anchor[1] - otherHandle[1]);
+
+		handles[handleIndex] = position;
+		handles[1 - handleIndex] = [anchor[0] + handleVectorNormalized[0] * otherHandleVectorLength, anchor[1] + handleVectorNormalized[1] * otherHandleVectorLength];
+	}
+
+	function handlePointerMove(e: PointerEvent) {
+		if (draggedNodeIndex === undefined || draggedNodeIndex === 0 || draggedNodeIndex === groups.length - 1) return;
+		const position = getSvgPositionFromPointerEvent(e);
+		if (!position) return;
+
+		if (draggedNodeIndex > 0) {
+			position[0] = clamp(position[0], groups[draggedNodeIndex - 1].anchor[0], groups[draggedNodeIndex + 1].anchor[0]);
+
+			const group = groups[draggedNodeIndex];
+			group.handles = [
+				[group.handles[0][0] + position[0] - group.anchor[0], group.handles[0][1] + position[1] - group.anchor[1]],
+				[group.handles[1][0] + position[0] - group.anchor[0], group.handles[1][1] + position[1] - group.anchor[1]],
+			];
+			group.anchor = position;
+		} else {
+			if (selectedNodeIndex === undefined) return;
+			setHandlePosition(selectedNodeIndex, -draggedNodeIndex - 1, position);
+
+			const group = groups[selectedNodeIndex];
+			if (group.handles[0][0] > group.anchor[0]) {
+				group.handles = [group.handles[1], group.handles[0]];
+				draggedNodeIndex = -3 - draggedNodeIndex;
+			}
+		}
+
+		clampHandles();
+		dAttribute = recalculateSvgPath();
+		updateCurve();
+	}
+</script>
+
+<LayoutRow class={"curve-input"} classes={{ disabled, ...classes }} style={styleName} {styles} {tooltip}>
+	<svg viewBox="0 0 1 1" on:pointermove={handlePointerMove} on:pointerup={handlePointerUp}>
+		{#each { length: GRID_SIZE - 1 } as _, i}
+			<path class="grid" d={`M 0 ${(i + 1) / GRID_SIZE} L 1 ${(i + 1) / GRID_SIZE}`} />
+			<path class="grid" d={`M ${(i + 1) / GRID_SIZE} 0 L ${(i + 1) / GRID_SIZE} 1`} />
+		{/each}
+		<path class="curve" d={dAttribute} />
+		{#if selectedNodeIndex !== undefined}
+			{@const group = groups[selectedNodeIndex]}
+			{#each [0, 1] as i}
+				<path d={`M ${group.anchor[0]} ${1 - group.anchor[1]} L ${group.handles[i][0]} ${1 - group.handles[i][1]}`} class="handle-line" />
+				<circle cx={group.handles[i][0]} cy={1 - group.handles[i][1]} class="manipulator handle" r="0.02" on:pointerdown={(e) => handleManipulatorPointerDown(e, -i - 1)} />
+			{/each}
+		{/if}
+		{#each groups as group, i}
+			<circle cx={group.anchor[0]} cy={1 - group.anchor[1]} class="manipulator" r="0.02" on:pointerdown={(e) => handleManipulatorPointerDown(e, i)} />
+		{/each}
+	</svg>
+	<slot />
+</LayoutRow>
+
+<style lang="scss" global>
+	.curve-input {
+		background: var(--color-1-nearblack);
+		display: flex;
+		position: relative;
+		min-width: calc(2 * var(--widget-height));
+		max-width: calc(8 * var(--widget-height));
+
+		.grid {
+			stroke: var(--color-5-dullgray);
+			stroke-width: 0.005;
+			pointer-events: none;
+		}
+
+		.curve {
+			fill: none;
+			stroke: var(--color-e-nearwhite);
+			stroke-width: 0.01;
+		}
+
+		.manipulator {
+			fill: var(--color-1-nearblack);
+			stroke: var(--color-e-nearwhite);
+			stroke-width: 0.01;
+
+			&:hover {
+				fill: var(--color-f-white);
+				stroke: var(--color-f-white);
+			}
+
+			&.handle {
+				fill: var(--color-1-nearblack);
+				stroke: var(--color-c-brightgray);
+
+				&:hover {
+					fill: var(--color-a-softgray);
+					stroke: var(--color-a-softgray);
+				}
+			}
+		}
+
+		.handle-line {
+			stroke: var(--color-5-dullgray);
+			stroke-width: 0.005;
+			pointer-events: none;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/DropdownInput.svelte b/frontend/src/components/widgets/inputs/DropdownInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4317a519f4891edcde9e7852d7c6bb167ee2993e
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/DropdownInput.svelte
@@ -0,0 +1,179 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import type { MenuListEntry } from "@graphite/messages";
+
+	import MenuList from "@graphite/components/floating-menus/MenuList.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	const DASH_ENTRY = { value: "", label: "-" };
+
+	const dispatch = createEventDispatcher<{ selectedIndex: number; hoverInEntry: number; hoverOutEntry: number }>();
+
+	let menuList: MenuList | undefined;
+	let self: LayoutRow | undefined;
+
+	export let entries: MenuListEntry[][];
+	export let selectedIndex: number | undefined = undefined; // When not provided, a dash is displayed
+	export let drawIcon = false;
+	export let interactive = true;
+	export let disabled = false;
+	export let tooltip: string | undefined = undefined;
+	export let minWidth = 0;
+	export let maxWidth = 0;
+
+	let activeEntry = makeActiveEntry();
+	let activeEntrySkipWatcher = false;
+	let initialSelectedIndex: number | undefined = undefined;
+	let open = false;
+
+	$: watchSelectedIndex(selectedIndex);
+	$: watchEntries(entries);
+	$: watchActiveEntry(activeEntry);
+	$: watchOpen(open);
+
+	function watchOpen(open: boolean) {
+		initialSelectedIndex = open ? selectedIndex : undefined;
+	}
+
+	// Called only when `selectedIndex` is changed from outside this component
+	function watchSelectedIndex(_?: typeof selectedIndex) {
+		activeEntrySkipWatcher = true;
+		activeEntry = makeActiveEntry();
+	}
+
+	// Called only when `entries` is changed from outside this component
+	function watchEntries(_?: typeof entries) {
+		activeEntrySkipWatcher = true;
+		activeEntry = makeActiveEntry();
+	}
+
+	// Called when the `activeEntry` two-way binding on this component's MenuList component is changed, or by the `selectedIndex()` watcher above (but we want to skip that case)
+	function watchActiveEntry(activeEntry: MenuListEntry) {
+		if (activeEntrySkipWatcher) {
+			activeEntrySkipWatcher = false;
+		} else if (activeEntry !== DASH_ENTRY) {
+			// We need to set to the initial value first to track a right history step, as if we hover in initial selection.
+			if (initialSelectedIndex !== undefined) dispatch("hoverInEntry", initialSelectedIndex);
+			dispatch("selectedIndex", entries.flat().indexOf(activeEntry));
+		}
+	}
+
+	function dispatchHoverInEntry(hoveredEntry: MenuListEntry) {
+		dispatch("hoverInEntry", entries.flat().indexOf(hoveredEntry));
+	}
+
+	function dispatchHoverOutEntry() {
+		if (initialSelectedIndex !== undefined) dispatch("hoverOutEntry", initialSelectedIndex);
+	}
+
+	function makeActiveEntry(): MenuListEntry {
+		const allEntries = entries.flat();
+
+		if (selectedIndex !== undefined && selectedIndex >= 0 && selectedIndex < allEntries.length) {
+			return allEntries[selectedIndex];
+		}
+		return DASH_ENTRY;
+	}
+
+	function unFocusDropdownBox(e: FocusEvent) {
+		const blurTarget = (e.target as HTMLDivElement | undefined)?.closest("[data-dropdown-input]") || undefined;
+		if (blurTarget !== self?.div?.()) open = false;
+	}
+</script>
+
+<LayoutRow
+	class="dropdown-input"
+	styles={{ ...(minWidth > 0 ? { "min-width": `${minWidth}px` } : {}), ...(maxWidth > 0 ? { "max-width": `${maxWidth}px` } : {}) }}
+	bind:this={self}
+	data-dropdown-input
+>
+	<LayoutRow
+		class="dropdown-box"
+		classes={{ disabled, open }}
+		{tooltip}
+		on:click={() => !disabled && (open = true)}
+		on:blur={unFocusDropdownBox}
+		tabindex={disabled ? -1 : 0}
+		data-floating-menu-spawner
+	>
+		{#if activeEntry.icon}
+			<IconLabel class="dropdown-icon" icon={activeEntry.icon} />
+		{/if}
+		<TextLabel class="dropdown-label">{activeEntry.label}</TextLabel>
+		<IconLabel class="dropdown-arrow" icon="DropdownArrow" />
+	</LayoutRow>
+	<MenuList
+		on:naturalWidth={({ detail }) => (minWidth = detail)}
+		{activeEntry}
+		on:activeEntry={({ detail }) => (activeEntry = detail)}
+		on:hoverInEntry={({ detail }) => dispatchHoverInEntry(detail)}
+		on:hoverOutEntry={() => dispatchHoverOutEntry()}
+		{open}
+		on:open={({ detail }) => (open = detail)}
+		{entries}
+		{drawIcon}
+		{interactive}
+		direction="Bottom"
+		scrollableY={true}
+		bind:this={menuList}
+	/>
+</LayoutRow>
+
+<style lang="scss" global>
+	.dropdown-input {
+		position: relative;
+
+		.dropdown-box {
+			align-items: center;
+			white-space: nowrap;
+			background: var(--color-1-nearblack);
+			height: 24px;
+			border-radius: 2px;
+
+			.dropdown-label {
+				margin: 0;
+				margin-left: 8px;
+				flex: 1 1 100%;
+			}
+
+			.dropdown-icon {
+				margin: 4px 8px;
+				flex: 0 0 auto;
+
+				& + .dropdown-label {
+					margin-left: 0;
+				}
+			}
+
+			.dropdown-arrow {
+				margin: 4px;
+				margin-right: 2px;
+				flex: 0 0 auto;
+			}
+
+			&:hover,
+			&.open {
+				background: var(--color-4-dimgray);
+			}
+
+			&.disabled {
+				background: var(--color-2-mildblack);
+
+				.text-label {
+					color: var(--color-8-uppergray);
+				}
+
+				svg {
+					fill: var(--color-8-uppergray);
+				}
+			}
+		}
+
+		.menu-list .floating-menu-container .floating-menu-content {
+			max-height: 400px;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/FieldInput.svelte b/frontend/src/components/widgets/inputs/FieldInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b35279401aa918b7f61fc5fc9dd41dc7946aa65a
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/FieldInput.svelte
@@ -0,0 +1,216 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import { platformIsMac } from "@graphite/utility-functions/platform";
+
+	import { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+
+	const dispatch = createEventDispatcher<{
+		value: string;
+		textFocused: undefined;
+		textChanged: undefined;
+		textChangeCanceled: undefined;
+	}>();
+
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+	let styleName = "";
+	export { styleName as style };
+	export let styles: Record<string, string | number | undefined> = {};
+	export let value: string;
+	export let label: string | undefined = undefined;
+	export let spellcheck = false;
+	export let disabled = false;
+	export let textarea = false;
+	export let tooltip: string | undefined = undefined;
+	export let placeholder: string | undefined = undefined;
+	export let hideContextMenu = false;
+
+	let inputOrTextarea: HTMLInputElement | HTMLTextAreaElement | undefined;
+	let id = String(Math.random()).substring(2);
+	let macKeyboardLayout = platformIsMac();
+
+	$: inputValue = value;
+
+	$: dispatch("value", inputValue);
+
+	// Select (highlight) all the text. For technical reasons, it is necessary to pass the current text.
+	export function selectAllText(currentText: string) {
+		if (!inputOrTextarea) return;
+
+		// Setting the value directly is required to make the following `select()` call work
+		inputOrTextarea.value = currentText;
+		inputOrTextarea.select();
+	}
+
+	export function focus() {
+		inputOrTextarea?.focus();
+	}
+
+	export function unFocus() {
+		inputOrTextarea?.blur();
+	}
+
+	export function getValue(): string {
+		return inputOrTextarea?.value || "";
+	}
+
+	export function setInputElementValue(value: string) {
+		if (!inputOrTextarea) return;
+
+		inputOrTextarea.value = value;
+	}
+
+	export function element(): HTMLInputElement | HTMLTextAreaElement | undefined {
+		return inputOrTextarea;
+	}
+
+	function cancel() {
+		dispatch("textChangeCanceled");
+
+		if (inputOrTextarea) preventEscapeClosingParentFloatingMenu(inputOrTextarea);
+	}
+</script>
+
+<!-- This is a base component, extended by others like NumberInput and TextInput. It should not be used directly. -->
+<LayoutRow class={`field-input ${className}`} classes={{ disabled, ...classes }} style={styleName} {styles} {tooltip}>
+	{#if !textarea}
+		<input
+			type="text"
+			class:has-label={label}
+			id={`field-input-${id}`}
+			{spellcheck}
+			{disabled}
+			{placeholder}
+			bind:this={inputOrTextarea}
+			bind:value={inputValue}
+			on:focus={() => dispatch("textFocused")}
+			on:blur={() => dispatch("textChanged")}
+			on:change={() => dispatch("textChanged")}
+			on:keydown={(e) => e.key === "Enter" && dispatch("textChanged")}
+			on:keydown={(e) => e.key === "Escape" && cancel()}
+			on:pointerdown
+			on:contextmenu={(e) => hideContextMenu && e.preventDefault()}
+			data-input-element
+		/>
+	{:else}
+		<textarea
+			class:has-label={label}
+			id={`field-input-${id}`}
+			class="scrollable-y"
+			data-scrollable-y
+			{spellcheck}
+			{disabled}
+			bind:this={inputOrTextarea}
+			bind:value={inputValue}
+			on:focus={() => dispatch("textFocused")}
+			on:blur={() => dispatch("textChanged")}
+			on:change={() => dispatch("textChanged")}
+			on:keydown={(e) => (macKeyboardLayout ? e.metaKey : e.ctrlKey) && e.key === "Enter" && dispatch("textChanged")}
+			on:keydown={(e) => e.key === "Escape" && cancel()}
+			on:pointerdown
+			on:contextmenu={(e) => hideContextMenu && e.preventDefault()}
+		/>
+	{/if}
+	{#if label}
+		<label for={`field-input-${id}`} on:pointerdown>{label}</label>
+	{/if}
+	<slot />
+</LayoutRow>
+
+<style lang="scss" global>
+	.field-input {
+		min-width: 80px;
+		height: auto;
+		position: relative;
+		border-radius: 2px;
+		background: var(--color-1-nearblack);
+		flex-direction: row-reverse;
+
+		label {
+			flex: 0 0 auto;
+			line-height: 18px;
+			padding: 3px 0;
+			padding-right: 4px;
+			margin-left: 8px;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+
+		&:not(.disabled) label {
+			cursor: text;
+		}
+
+		input,
+		textarea {
+			flex: 1 1 100%;
+			width: 0;
+			min-width: 30px;
+			height: 18px;
+			line-height: 18px;
+			margin: 0 8px;
+			padding: 3px 0;
+			outline: none; // Ok for input/textarea element
+			border: none;
+			background: none;
+			color: var(--color-e-nearwhite);
+			caret-color: var(--color-e-nearwhite);
+			unicode-bidi: plaintext;
+
+			&::selection {
+				background-color: var(--color-4-dimgray);
+
+				// Target only Safari
+				@supports (background: -webkit-named-image(i)) {
+					& {
+						// Setting an alpha value opts out of Safari's "fancy" (but not visible on dark backgrounds) selection highlight rendering
+						// https://stackoverflow.com/a/71753552/775283
+						background-color: rgba(var(--color-4-dimgray-rgb), calc(254 / 255));
+					}
+				}
+			}
+		}
+
+		input {
+			&:not(:focus).has-label {
+				text-align: right;
+				margin-left: 0;
+				margin-right: 8px;
+			}
+
+			&:focus {
+				text-align: left;
+
+				& + label {
+					display: none;
+				}
+			}
+		}
+
+		textarea {
+			min-height: calc(18px * 3);
+			margin: 3px;
+			padding: 0 5px;
+			box-sizing: border-box;
+			resize: vertical;
+		}
+
+		&.disabled {
+			background: var(--color-2-mildblack);
+
+			label,
+			input,
+			textarea {
+				color: var(--color-8-uppergray);
+			}
+
+			input {
+				// Disables drag-selecting the text, since `user-select: none` doesn't work for input elements
+				pointer-events: none;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/FontInput.svelte b/frontend/src/components/widgets/inputs/FontInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f351f02d2269d3d4128e0b7af46bb1518341c8c0
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/FontInput.svelte
@@ -0,0 +1,182 @@
+<script lang="ts">
+	import { createEventDispatcher, getContext, onMount, tick } from "svelte";
+
+	import type { MenuListEntry } from "@graphite/messages";
+	import type { FontsState } from "@graphite/state-providers/fonts";
+
+	import MenuList from "@graphite/components/floating-menus/MenuList.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	const fonts = getContext<FontsState>("fonts");
+
+	const dispatch = createEventDispatcher<{
+		fontFamily: string;
+		fontStyle: string;
+		changeFont: { fontFamily: string; fontStyle: string; fontFileUrl: string | undefined };
+	}>();
+
+	let menuList: MenuList | undefined;
+
+	export let fontFamily: string;
+	export let fontStyle: string;
+	export let isStyle = false;
+	export let disabled = false;
+	export let tooltip: string | undefined = undefined;
+
+	let open = false;
+	let entries: MenuListEntry[] = [];
+	let activeEntry: MenuListEntry | undefined = undefined;
+	let minWidth = isStyle ? 0 : 300;
+
+	$: watchFont(fontFamily, fontStyle);
+
+	async function watchFont(..._: string[]) {
+		// We set this function's result to a local variable to avoid reading from `entries` which causes Svelte to trigger an update that results in an infinite loop
+		const newEntries = await getEntries();
+		entries = newEntries;
+		activeEntry = getActiveEntry(newEntries);
+	}
+
+	async function setOpen() {
+		open = true;
+
+		// Scroll to the active entry (the scroller div does not yet exist so we must wait for the component to render)
+		await tick();
+
+		if (activeEntry) {
+			const index = entries.indexOf(activeEntry);
+			menuList?.scrollViewTo(Math.max(0, index * 20 - 190));
+		}
+	}
+
+	function toggleOpen() {
+		if (!disabled) {
+			open = !open;
+
+			if (open) setOpen();
+		}
+	}
+
+	async function selectFont(newName: string) {
+		let family;
+		let style;
+
+		if (isStyle) {
+			dispatch("fontStyle", newName);
+
+			family = fontFamily;
+			style = newName;
+		} else {
+			dispatch("fontFamily", newName);
+
+			family = newName;
+			style = "Regular (400)";
+		}
+
+		const fontFileUrl = await fonts.getFontFileUrl(family, style);
+		dispatch("changeFont", { fontFamily: family, fontStyle: style, fontFileUrl });
+	}
+
+	async function getEntries(): Promise<MenuListEntry[]> {
+		const x = isStyle ? fonts.getFontStyles(fontFamily) : fonts.fontNames();
+		return (await x).map((entry: { name: string; url: URL | undefined }) => ({
+			label: entry.name,
+			value: entry.name,
+			font: entry.url,
+			action: () => selectFont(entry.name),
+		}));
+	}
+
+	function getActiveEntry(entries: MenuListEntry[]): MenuListEntry {
+		const selectedChoice = isStyle ? fontStyle : fontFamily;
+
+		return entries.find((entry) => entry.value === selectedChoice) as MenuListEntry;
+	}
+
+	onMount(async () => {
+		entries = await getEntries();
+
+		activeEntry = getActiveEntry(entries);
+	});
+</script>
+
+<!-- TODO: Combine this widget into the DropdownInput widget -->
+<LayoutRow class="font-input">
+	<LayoutRow
+		class="dropdown-box"
+		classes={{ disabled }}
+		styles={{ ...(minWidth > 0 ? { "min-width": `${minWidth}px` } : {}) }}
+		{tooltip}
+		tabindex={disabled ? -1 : 0}
+		on:click={toggleOpen}
+		data-floating-menu-spawner
+	>
+		<TextLabel class="dropdown-label">{activeEntry?.value || ""}</TextLabel>
+		<IconLabel class="dropdown-arrow" icon="DropdownArrow" />
+	</LayoutRow>
+	<MenuList
+		on:naturalWidth={({ detail }) => isStyle && (minWidth = detail)}
+		{activeEntry}
+		on:activeEntry={({ detail }) => (activeEntry = detail)}
+		{open}
+		on:open={({ detail }) => (open = detail)}
+		entries={[entries]}
+		minWidth={isStyle ? 0 : minWidth}
+		virtualScrollingEntryHeight={isStyle ? 0 : 20}
+		scrollableY={true}
+		bind:this={menuList}
+	/>
+</LayoutRow>
+
+<style lang="scss" global>
+	.font-input {
+		position: relative;
+
+		.dropdown-box {
+			align-items: center;
+			white-space: nowrap;
+			background: var(--color-1-nearblack);
+			height: 24px;
+			border-radius: 2px;
+
+			.dropdown-label {
+				margin: 0;
+				margin-left: 8px;
+				flex: 1 1 100%;
+			}
+
+			.dropdown-arrow {
+				margin: 6px 2px;
+				flex: 0 0 auto;
+			}
+
+			&:hover,
+			&.open {
+				background: var(--color-6-lowergray);
+
+				.text-label {
+					color: var(--color-f-white);
+				}
+			}
+
+			&.open {
+				border-radius: 2px 2px 0 0;
+			}
+
+			&.disabled {
+				background: var(--color-2-mildblack);
+
+				.text-label {
+					color: var(--color-8-uppergray);
+				}
+			}
+		}
+
+		.menu-list .floating-menu-container .floating-menu-content {
+			max-height: 400px;
+			padding: 4px 0;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/NumberInput.svelte b/frontend/src/components/widgets/inputs/NumberInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..82a48a497d2c37bf8e0f0fb5b36d603c9fd558ec
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/NumberInput.svelte
@@ -0,0 +1,926 @@
+<script lang="ts">
+	import { createEventDispatcher, onMount, onDestroy } from "svelte";
+
+	import { PRESS_REPEAT_DELAY_MS, PRESS_REPEAT_INTERVAL_MS } from "@graphite/io-managers/input";
+	import { type NumberInputMode, type NumberInputIncrementBehavior } from "@graphite/messages";
+	import { evaluateMathExpression } from "@graphite-frontend/wasm/pkg/graphite_wasm.js";
+
+	import { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte";
+	import FieldInput from "@graphite/components/widgets/inputs/FieldInput.svelte";
+
+	const BUTTONS_LEFT = 0b0000_0001;
+	const BUTTONS_RIGHT = 0b0000_0010;
+	const BUTTON_LEFT = 0;
+	const BUTTON_RIGHT = 2;
+
+	const dispatch = createEventDispatcher<{ value: number | undefined; startHistoryTransaction: undefined }>();
+
+	// Label
+	export let label: string | undefined = undefined;
+	export let tooltip: string | undefined = undefined;
+
+	// Disabled
+	export let disabled = false;
+
+	// Value
+	// When `value` is not provided (i.e. it's `undefined`), a dash is displayed.
+	export let value: number | undefined = undefined; // NOTE: Do not update this directly, do so by calling `updateValue()` instead.
+	export let min: number | undefined = undefined;
+	export let max: number | undefined = undefined;
+	export let isInteger = false;
+
+	// Number presentation
+	export let displayDecimalPlaces = 2;
+	export let unit = "";
+	export let unitIsHiddenWhenEditing = true;
+
+	// Mode behavior
+	// "Increment" shows arrows and allows dragging left/right to change the value.
+	// "Range" shows a range slider between some minimum and maximum value.
+	export let mode: NumberInputMode = "Increment";
+	// When `mode` is "Increment", `step` is the multiplier or addend used with `incrementBehavior`.
+	// When `mode` is "Range", `step` is the range slider's snapping increment if `isInteger` is `true`.
+	export let step = 1;
+	// `incrementBehavior` is only applicable with a `mode` of "Increment".
+	// "Add"/"Multiply": The value is added or multiplied by `step`.
+	// "None": the increment arrows are not shown.
+	// "Callback": the functions `incrementCallbackIncrease` and `incrementCallbackDecrease` call custom behavior.
+	export let incrementBehavior: NumberInputIncrementBehavior = "Add";
+	// `rangeMin` and `rangeMax` are only applicable with a `mode` of "Range".
+	// They set the lower and upper values of the slider to drag between.
+	export let rangeMin = 0;
+	export let rangeMax = 1;
+
+	// Styling
+	export let minWidth = 0;
+	export let maxWidth = 0;
+
+	// Callbacks
+	export let incrementCallbackIncrease: (() => void) | undefined = undefined;
+	export let incrementCallbackDecrease: (() => void) | undefined = undefined;
+
+	let self: FieldInput | undefined;
+	let inputRangeElement: HTMLInputElement | undefined;
+	let text = displayText(value, unit);
+	let editing = false;
+	let isDragging = false;
+	let pressingArrow = false;
+	let repeatTimeout: ReturnType<typeof setTimeout> | undefined = undefined;
+	// Stays in sync with a binding to the actual input range slider element.
+	let rangeSliderValue = value !== undefined ? value : 0;
+	// Value used to render the position of the fake slider when applicable, and length of the progress colored region to the slider's left.
+	// This is the same as `rangeSliderValue` except in the "Deciding" state, when it has the previous location before the user's mousedown.
+	let rangeSliderValueAsRendered = value !== undefined ? value : 0;
+	// Keeps track of the state of the slider drag as the user transitions through steps of the input process.
+	// - "Ready": no interaction is happening.
+	// - "Deciding": the user has pressed down the mouse and might next decide to either drag left/right or release without dragging.
+	// - "Dragging": the user is dragging the slider left/right.
+	// - "Aborted": the user has right clicked or pressed Escape to abort the drag, but hasn't yet released all mouse buttons.
+	let rangeSliderClickDragState: "Ready" | "Deciding" | "Dragging" | "Aborted" = "Ready";
+	// Stores the initial value upon beginning to drag so it can be restored upon aborting. Set to `undefined` when not dragging.
+	let initialValueBeforeDragging: number | undefined = undefined;
+	// Stores the total value change during the process of dragging the slider. Set to 0 when not dragging.
+	let cumulativeDragDelta = 0;
+	// Track whether the Ctrl key is currently held down.
+	let ctrlKeyDown = false;
+
+	$: watchValue(value, unit);
+
+	$: sliderStepValue = isInteger ? (step === undefined ? 1 : step) : "any";
+	$: styles = {
+		...(minWidth > 0 ? { "min-width": `${minWidth}px` } : {}),
+		...(maxWidth > 0 ? { "max-width": `${maxWidth}px` } : {}),
+		...(mode === "Range" ? { "--progress-factor": Math.min(Math.max((rangeSliderValueAsRendered - rangeMin) / (rangeMax - rangeMin), 0), 1) } : {}),
+	};
+
+	// Keep track of the Ctrl key being held down.
+	const trackCtrl = (e: KeyboardEvent | MouseEvent) => (ctrlKeyDown = e.ctrlKey);
+	onMount(() => {
+		addEventListener("keydown", trackCtrl);
+		addEventListener("keyup", trackCtrl);
+		addEventListener("mousemove", trackCtrl);
+	});
+	onDestroy(() => {
+		removeEventListener("keydown", trackCtrl);
+		removeEventListener("keyup", trackCtrl);
+		removeEventListener("mousemove", trackCtrl);
+	});
+
+	// ===============================
+	// TRACKING AND UPDATING THE VALUE
+	// ===============================
+
+	// Called only when `value` is changed from outside this component.
+	function watchValue(value: number | undefined, unit: string) {
+		// Don't update if the slider is currently being dragged (we don't want the backend fighting with the user's drag)
+		if (rangeSliderClickDragState === "Dragging") return;
+
+		// Draw a dash if the value is undefined
+		if (value === undefined) {
+			text = "-";
+			return;
+		}
+
+		// Update the range slider with the new value
+		rangeSliderValue = value;
+		rangeSliderValueAsRendered = value;
+
+		// The simple `clamp()` function can't be used here since `undefined` values need to be boundless
+		let sanitized = value;
+		if (typeof min === "number") sanitized = Math.max(sanitized, min);
+		if (typeof max === "number") sanitized = Math.min(sanitized, max);
+
+		text = displayText(sanitized, unit);
+	}
+
+	// Called internally to update the value indirectly by informing the parent component of the new value,
+	// so it can update the prop for this component, finally yielding the value change.
+	function updateValue(newValue: number | undefined): number | undefined {
+		// Check if the new value is valid, otherwise we use the old value (rounded if it's an integer)
+		const oldValue = value !== undefined && isInteger ? Math.round(value) : value;
+		let newValueValidated = newValue !== undefined ? newValue : oldValue;
+
+		if (newValueValidated !== undefined) {
+			if (typeof min === "number" && !Number.isNaN(min)) newValueValidated = Math.max(newValueValidated, min);
+			if (typeof max === "number" && !Number.isNaN(max)) newValueValidated = Math.min(newValueValidated, max);
+
+			if (isInteger) newValueValidated = Math.round(newValueValidated);
+
+			rangeSliderValue = newValueValidated;
+			rangeSliderValueAsRendered = newValueValidated;
+		}
+
+		text = displayText(newValueValidated, unit);
+
+		if (newValue !== undefined) dispatch("value", newValueValidated);
+
+		// For any caller that needs to know what the value was changed to, we return it here
+		return newValueValidated;
+	}
+
+	// ================
+	// HELPER FUNCTIONS
+	// ================
+
+	// Calculates the string to display when the field is not being edited.
+	function displayText(displayValue: number | undefined, unit: string): string {
+		if (displayValue === undefined) return "-";
+
+		const roundingPower = 10 ** Math.max(displayDecimalPlaces, 0);
+
+		const unitlessDisplayValue = Math.round(displayValue * roundingPower) / roundingPower;
+		return `${unitlessDisplayValue}${unPluralize(unit, displayValue)}`;
+	}
+
+	// Removes the trailing "s" from a unit if the quantity is 1.
+	function unPluralize(unit: string, quantity: number): string {
+		if (quantity !== 1 || !unit.endsWith("s")) return unit;
+		return unit.slice(0, -1);
+	}
+
+	// ===========================
+	// ALL MODES: TEXT VALUE ENTRY
+	// ===========================
+
+	function onTextFocused() {
+		// The degree of precision allowed in the number that's shown when editing the number field, where additional precision is removed to round out floating point errors.
+		const MAX_PRECISION = 12;
+		const noFloatingImprecisionValue = value === undefined ? undefined : Number(value.toPrecision(MAX_PRECISION));
+
+		if (value === undefined) text = "";
+		else if (unitIsHiddenWhenEditing) text = `${noFloatingImprecisionValue}`;
+		else text = `${noFloatingImprecisionValue}${unPluralize(unit, value)}`;
+
+		editing = true;
+
+		self?.selectAllText(text);
+		// Workaround for weird behavior in Firefox: <https://github.com/GraphiteEditor/Graphite/issues/2215>
+		if (isDragging) self?.unFocus();
+	}
+
+	// Called only when `value` is changed from the <input> element via user input and committed, either with the
+	// enter key (via the `change` event) or when the <input> element is unfocused (with the `blur` event binding).
+	function onTextChanged() {
+		// The `unFocus()` call at the bottom of this function and in `onTextChangeCanceled()` causes this function to be run again, so this check skips a second run.
+		if (!editing) return;
+
+		// Insert a leading zero before all decimal points lacking a preceding digit, since the library doesn't realize that "point" means "zero point".
+		const textWithLeadingZeroes = text.replaceAll(/(?<=^|[^0-9])\./g, "0."); // Match any "." that is preceded by the start of the string (^) or a non-digit character ([^0-9])
+
+		let newValue = evaluateMathExpression(textWithLeadingZeroes);
+		if (newValue !== undefined && isNaN(newValue)) newValue = undefined; // Rejects `sqrt(-1)`
+
+		if (newValue !== undefined) {
+			const oldValue = value !== undefined && isInteger ? Math.round(value) : value;
+			if (newValue !== oldValue) dispatch("startHistoryTransaction");
+		}
+		updateValue(newValue);
+
+		editing = false;
+		self?.unFocus();
+	}
+
+	function onTextChangeCanceled() {
+		updateValue(undefined);
+
+		const valueOrZero = value !== undefined ? value : 0;
+		rangeSliderValue = valueOrZero;
+		rangeSliderValueAsRendered = valueOrZero;
+
+		editing = false;
+
+		self?.unFocus();
+	}
+
+	// =============================
+	// INCREMENT MODE: ARROW BUTTONS
+	// =============================
+
+	function onIncrementPointerDown(e: PointerEvent, direction: "Decrease" | "Increase") {
+		if (value === undefined || e.button !== BUTTON_LEFT) return;
+
+		const actions: Record<NumberInputIncrementBehavior, () => void> = {
+			Add: () => {
+				const directionAddend = direction === "Increase" ? step : -step;
+				const newValue = value !== undefined ? value + directionAddend : undefined;
+				updateValue(newValue);
+			},
+			Multiply: () => {
+				const directionMultiplier = direction === "Increase" ? step : 1 / step;
+				const newValue = value !== undefined ? value * directionMultiplier : undefined;
+				updateValue(newValue);
+			},
+			Callback: () => {
+				if (direction === "Increase") incrementCallbackIncrease?.();
+				if (direction === "Decrease") incrementCallbackDecrease?.();
+			},
+			None: () => {},
+		};
+
+		const sendAction = () => {
+			if (!pressingArrow) return;
+
+			actions[incrementBehavior]();
+
+			if (afterInitialDelay) repeatTimeout = setTimeout(sendAction, PRESS_REPEAT_INTERVAL_MS);
+			afterInitialDelay = true;
+		};
+
+		pressingArrow = true;
+		initialValueBeforeDragging = value;
+		let afterInitialDelay = false;
+		sendAction();
+		repeatTimeout = setTimeout(sendAction, PRESS_REPEAT_DELAY_MS);
+		addEventListener("keydown", incrementPressAbort);
+	}
+
+	function onIncrementPointerUp() {
+		pressingArrow = false;
+		clearTimeout(repeatTimeout);
+	}
+
+	function incrementPressAbort(e: KeyboardEvent | MouseEvent) {
+		// Only abort if the user right clicks or presses Escape
+		if (e instanceof KeyboardEvent && e.key !== "Escape") return;
+		if (e instanceof MouseEvent && e.button !== BUTTON_RIGHT) return;
+
+		const element = self?.element() || undefined;
+		if (element) preventEscapeClosingParentFloatingMenu(element);
+
+		pressingArrow = false;
+		clearTimeout(repeatTimeout);
+		updateValue(initialValueBeforeDragging);
+		removeEventListener("keydown", onIncrementPointerUp);
+	}
+
+	// =======================================
+	// INCREMENT MODE: DRAGGING LEFT AND RIGHT
+	// =======================================
+
+	// TODO: Prevent right clicking the input field from focusing it (i.e. entering its text editing state).
+	// TODO: `preventDefault()` doesn't work. Relevant StackOverflow question without any working answers:
+	// TODO: <https://stackoverflow.com/questions/60746390/react-prevent-right-click-from-focusing-an-otherwise-focusable-element>
+	// TODO: Another potential solution is to somehow track if the user right clicked, then use the "focus" event handler to immediately return
+	// TODO: focus to the previously focused element with `e.relatedTarget.focus();`. But a "FocusEvent" doesn't include mouse button click info.
+	// TODO: Alternatively, we could stick an element in front of the input field that blocks clicks on the underlying input field. Then it could
+	// TODO: call `.focus()` on the input field when left clicked and then hide itself so it doesn't block the input field while being edited.
+
+	function onDragPointerDown(e: PointerEvent) {
+		// Only drag the number with left click (and when it's valid to do so)
+		if (e.button !== BUTTON_LEFT || mode !== "Increment" || value === undefined || disabled || editing) return;
+
+		// Remove the text entry cursor from any other selected text field
+		if (document.activeElement instanceof HTMLElement) document.activeElement.blur();
+
+		// Don't drag the text value from is input element
+		e.preventDefault();
+
+		// Now we need to wait and see if the user follows this up with a mousemove or mouseup.
+
+		// For some reason, both events can get fired before their event listeners are removed, so we need to guard against both running.
+		let alreadyActedGuard = false;
+
+		// If it's a mousemove, we'll enter the dragging state and begin dragging.
+		const onMove = () => {
+			if (alreadyActedGuard) return;
+			alreadyActedGuard = true;
+			isDragging = true;
+			beginDrag(e);
+			removeEventListener("pointermove", onMove);
+		};
+		// If it's a mouseup, we'll begin editing the text field.
+		const onUp = () => {
+			if (alreadyActedGuard) return;
+			alreadyActedGuard = true;
+			isDragging = false;
+			self?.focus();
+			removeEventListener("pointerup", onUp);
+		};
+		addEventListener("pointermove", onMove);
+		addEventListener("pointerup", onUp);
+	}
+
+	function beginDrag(e: PointerEvent) {
+		// Get the click target
+		const target = e.target || undefined;
+		if (!(target instanceof HTMLElement)) return;
+
+		// Enter dragging state
+		target.requestPointerLock();
+		initialValueBeforeDragging = value;
+		cumulativeDragDelta = 0;
+
+		// Tell the backend that we are beginning a transaction for the history system
+		startDragging();
+
+		// We ignore the first event invocation's `e.movementX` value because it's unreliable.
+		// In both Chrome and Firefox (tested on Windows 10), the first `e.movementX` value is occasionally a very large number
+		// (around positive 1000, even if movement was in the negative direction). This seems to happen more often if the movement is rapid.
+		let ignoredFirstMovement = false;
+
+		const pointerUp = () => {
+			// Confirm on release by setting the reset value to the current value, so once the pointer lock ends,
+			// the value is set to itself instead of the initial (abort) value in the "pointerlockchange" event handler function.
+			initialValueBeforeDragging = value;
+			cumulativeDragDelta = 0;
+
+			document.exitPointerLock();
+		};
+		const pointerMove = (e: PointerEvent) => {
+			// Abort the drag if right click is down. This works here because a "pointermove" event is fired when right clicking even if the cursor didn't move.
+			if (e.buttons & BUTTONS_RIGHT) {
+				document.exitPointerLock();
+				return;
+			}
+
+			// If no buttons are down, we are stuck in the drag state after having released the mouse, so we should exit.
+			// For some reason on firefox in wayland the button is -1 and the buttons is 0.
+			if (e.buttons === 0 && e.button !== -1) {
+				document.exitPointerLock();
+				return;
+			}
+
+			// Calculate and then update the dragged value offset, slowed down by 10x when Shift is held.
+			if (ignoredFirstMovement && initialValueBeforeDragging !== undefined) {
+				const CHANGE_PER_DRAG_PX = 0.1;
+				const CHANGE_PER_DRAG_PX_SLOW = CHANGE_PER_DRAG_PX / 10;
+
+				const dragDelta = e.movementX * (e.shiftKey ? CHANGE_PER_DRAG_PX_SLOW : CHANGE_PER_DRAG_PX);
+				cumulativeDragDelta += dragDelta;
+
+				const combined = initialValueBeforeDragging + cumulativeDragDelta;
+				const combineSnapped = e.ctrlKey ? Math.round(combined) : combined;
+
+				const newValue = updateValue(combineSnapped);
+
+				// If the value was altered within the `updateValue()` call, we need to rectify the cumulative drag delta to account for the change.
+				if (newValue !== undefined) cumulativeDragDelta -= combineSnapped - newValue;
+			}
+			ignoredFirstMovement = true;
+		};
+		const pointerLockChange = () => {
+			// Do nothing if we just entered, rather than exited, pointer lock.
+			if (document.pointerLockElement) return;
+
+			// Reset the value to the initial value if the drag was aborted, or to the current value if it was just confirmed by changing the initial value to the current value.
+			updateValue(initialValueBeforeDragging);
+			initialValueBeforeDragging = undefined;
+			cumulativeDragDelta = 0;
+
+			// Clean up the event listeners.
+			removeEventListener("pointerup", pointerUp);
+			removeEventListener("pointermove", pointerMove);
+			document.removeEventListener("pointerlockchange", pointerLockChange);
+		};
+
+		addEventListener("pointerup", pointerUp);
+		addEventListener("pointermove", pointerMove);
+		document.addEventListener("pointerlockchange", pointerLockChange);
+	}
+
+	// ===============================
+	// RANGE MODE: DRAGGING THE SLIDER
+	// ===============================
+
+	// Called by the range slider's "input" event which fires continuously while the user is dragging the slider.
+	// It also fires once when the user clicks the slider, causing its position to jump to the clicked X position.
+	// Firefox also likes to fire this event more liberally, and it likes to make this event happen after most others,
+	// which is why the logic for this feature has to be pretty complicated to ensure robustness even across unexpected event ordering.
+	//
+	// Summary:
+	// - Do nothing if the user is still dragging with left click after aborting with right click or escape
+	// - If this is the first "input" event upon mousedown, manage the state so we end up waiting for the user to decide on a subsequent action:
+	//     - Right clicking or pressing Escape means we abort from the "Deciding" state and wait for the user to release all mouse buttons before respecting any further input
+	//     - Releasing the click without dragging means we focus the text input element to edit the number field
+	//     - Dragging the slider means we commit to dragging the slider, so we begin watching for an abort from that state (and continue onto the next bullet point below)
+	// - If the user has committed to dragging the slider, so we update this widget's value.
+	function onSliderInput() {
+		// Exit early if the slider is disabled by having been aborted by the user.
+		if (rangeSliderClickDragState === "Aborted") {
+			// If we've just aborted the drag by right clicking, but the user hasn't yet released the left mouse button, Firefox treats
+			// some subsequent interactions with the slider (like that right mouse button release, or maybe mouse movement in some cases)
+			// as input changes to the slider position. Thus, until we leave the "Aborted" state by releasing all mouse buttons, we have
+			// to set the slider position back to the currently intended value to fight against Firefox's attempts to let the user move it.
+			updateValue(rangeSliderValueAsRendered);
+
+			// Now we exit early because we're ignoring further user input until the user releases all mouse buttons, which gets us back to the "Ready" state.
+			return;
+		}
+
+		// Keep only 4 digits after the decimal point.
+		const ROUNDING_EXPONENT = 4;
+		const ROUNDING_MAGNITUDE = 10 ** ROUNDING_EXPONENT;
+		const roundedValue = Math.round(rangeSliderValue * ROUNDING_MAGNITUDE) / ROUNDING_MAGNITUDE;
+
+		// Exit if this is an extraneous event invocation that occurred after mouseup, which happens in Firefox.
+		if (value !== undefined && Math.abs(value - roundedValue) < 1 / ROUNDING_MAGNITUDE) {
+			return;
+		}
+
+		// Snap the slider value to the nearest integer if the Ctrl key is held, or the widget is set to integer mode.
+		const snappedValue = ctrlKeyDown || isInteger ? Math.round(roundedValue) : roundedValue;
+
+		// The first "input" event upon mousedown means we transition to a "Deciding" state, allowing us to wait for the
+		// next event to determine if the user is dragging (to slide the slider) or releasing (to edit the numerical text field).
+		if (rangeSliderClickDragState === "Ready") {
+			// We're in the "Deciding" state now, which means we're waiting for the user to either drag or release the slider.
+			rangeSliderClickDragState = "Deciding";
+
+			// We want to render the fake slider thumb at the old position, which is still the number held by `value`.
+			rangeSliderValueAsRendered = value || 0;
+
+			// We also store this initial value so we can restore it if the user aborts the drag.
+			initialValueBeforeDragging = value;
+
+			// We want to allow the user to right click to abort from this "Deciding" state so the slider isn't stuck waiting for either a drag or release.
+			addEventListener("mousedown", sliderAbortFromMousedown);
+			addEventListener("keydown", sliderAbortFromMousedown);
+
+			// Exit early because we don't want to use the value set by where on the track the user pressed.
+			return;
+		}
+
+		// Now that we've past the point of entering the "Deciding" state in this subsequent invocation, we know that the user has
+		// either dragged or released the mouse so we can stop watching for a right click to abort from that short point in the process.
+		removeEventListener("mousedown", sliderAbortFromMousedown);
+		removeEventListener("keydown", sliderAbortFromMousedown);
+
+		// If the subsequent event upon entering the "Deciding" state is this slider "input" event caused by the user dragging it, that means the user has
+		// committed to dragging the slider (instead of alternatively deciding on releasing it to edit the text field, or aborting with Escape/right click).
+		if (rangeSliderClickDragState === "Deciding") {
+			// We're dragging now, so that's the new state.
+			rangeSliderClickDragState = "Dragging";
+
+			// Tell the backend that we are beginning a transaction for the history system
+			startDragging();
+
+			// We want to begin watching for an abort while dragging the slider.
+			addEventListener("pointermove", sliderAbortFromDragging);
+			addEventListener("keydown", sliderAbortFromDragging);
+
+			// Since we've committed to dragging the slider, we want to use the new slider value. Continue to the logic below.
+		}
+
+		// If we're in a dragging state, we want to use the new slider value.
+		rangeSliderValueAsRendered = snappedValue;
+		updateValue(snappedValue);
+	}
+
+	// This handles the user releasing all mouse buttons after clicking (and potentially dragging) the slider.
+	// If the slider wasn't dragged, we focus the text input element to begin editing the number field.
+	// Then, regardless of the above, we clean up the state and event listeners.
+	// This is called by the range slider's "pointerup" event bound in the HTML template.
+	function onSliderPointerUp() {
+		// User clicked but didn't drag, so we focus the text input element.
+		if (rangeSliderClickDragState === "Deciding") {
+			const inputElement = self?.element();
+			if (!inputElement) return;
+
+			// Set the slider position back to the original position to undo the user moving it.
+			rangeSliderValue = rangeSliderValueAsRendered;
+
+			// Begin editing the number text field.
+			inputElement.focus();
+
+			// In the next step, we'll switch back to the neutral state so that after the user is done editing the text field, the process can begin anew.
+		}
+
+		// Since the user decided to release the slider, we reset to the neutral state so the user can begin the process anew.
+		// But if the slider was aborted, we don't want to reset the state because we're still waiting for the user to release all mouse buttons.
+		if (rangeSliderClickDragState !== "Aborted") {
+			rangeSliderClickDragState = "Ready";
+		}
+
+		// Clean up the event listeners that were for tracking an abort while dragging the slider, now that we're no longer dragging it.
+		removeEventListener("mousedown", sliderAbortFromMousedown);
+		removeEventListener("keydown", sliderAbortFromMousedown);
+		removeEventListener("pointermove", sliderAbortFromDragging);
+		removeEventListener("keydown", sliderAbortFromDragging);
+	}
+
+	function startDragging() {
+		// This event is sent to the backend so it knows to start a transaction for the history system. See discussion for some explanation:
+		// <https://github.com/GraphiteEditor/Graphite/pull/1584#discussion_r1477592483>
+		dispatch("startHistoryTransaction");
+	}
+
+	// We want to let the user abort while dragging the slider by right clicking or pressing Escape.
+	// This function also helps recover and clean up if the window loses focus while dragging the slider.
+	// Since we reuse the function for both the "pointermove" and "keydown" events, it is split into parts that only run for a `PointerEvent` or `KeyboardEvent`.
+	function sliderAbortFromDragging(e: PointerEvent | KeyboardEvent) {
+		// Logic for aborting from pressing Escape.
+		if (e instanceof KeyboardEvent) {
+			// Detect if the user pressed Escape and abort the slider drag.
+			if (e.key === "Escape") sliderAbort(true);
+		}
+
+		// Logic for aborting from a right click.
+		// Detect if a right click has occurred and abort the slider drag.
+		// This handler's "pointermove" event will be fired upon right click even if the cursor didn't move, which is why it's okay to check in this event handler.
+		if (e instanceof PointerEvent && e.buttons & BUTTONS_RIGHT) {
+			// Call the abort helper function
+			sliderAbort(false);
+		}
+
+		// Recovery from the window losing focus while dragging the slider.
+		// If somehow the user moved the pointer while not left click-dragging the slider, we know that we were stuck in the "Deciding" state, so we recover and clean up.
+		// This could happen while dragging the slider and using a hotkey to tab away to another window or browser tab, then returning to the stuck state.
+		if (e instanceof PointerEvent && !(e.target === inputRangeElement && e.buttons & BUTTONS_LEFT)) {
+			// Switch back to the neutral state.
+			rangeSliderClickDragState = "Ready";
+
+			// Remove the "pointermove" and "keydown" event listeners that are for tracking an abort while
+			// dragging the slider, now that we're no longer dragging it due to the loss of window focus.
+			removeEventListener("pointermove", sliderAbortFromDragging);
+			removeEventListener("keydown", sliderAbortFromDragging);
+		}
+	}
+
+	// We want to let the user abort immediately after clicking the slider, but not yet deciding to drag or release.
+	// During this momentary step, the slider hasn't moved yet but we want to allow aborting from this limbo state.
+	function sliderAbortFromMousedown(e: MouseEvent | KeyboardEvent) {
+		// Logic for aborting from a right click or pressing Escape.
+		const abortWithEscape = e instanceof KeyboardEvent && e.key === "Escape";
+		const abortWithRightClick = e instanceof MouseEvent && e.button === BUTTON_RIGHT;
+
+		// Call the abort helper function
+		if (abortWithEscape || abortWithRightClick) sliderAbort(abortWithEscape);
+
+		// Clean up these event listeners because they were for getting us into this function and now we're done with them.
+		removeEventListener("mousedown", sliderAbortFromMousedown);
+		removeEventListener("keydown", sliderAbortFromMousedown);
+	}
+
+	// Helper function that performs the state management and cleanup for aborting the slider drag.
+	function sliderAbort(abortWithEscape: boolean) {
+		const element = self?.element() || undefined;
+		if (abortWithEscape && element) preventEscapeClosingParentFloatingMenu(element);
+
+		// End the user's drag by instantaneously disabling and re-enabling the range input element
+		if (inputRangeElement) inputRangeElement.disabled = true;
+		setTimeout(() => {
+			if (inputRangeElement) inputRangeElement.disabled = false;
+		}, 0);
+
+		// Set the value back to the original value before the user began dragging.
+		if (initialValueBeforeDragging !== undefined) {
+			rangeSliderValueAsRendered = initialValueBeforeDragging;
+			updateValue(initialValueBeforeDragging);
+		}
+
+		// Set the state to "Aborted" so we can ignore further user input until the user releases all mouse buttons.
+		rangeSliderClickDragState = "Aborted";
+
+		// Detect when all mouse buttons are released so we can exit the "Aborted" state and return to the "Ready" state.
+		// (The "pointerup" event is defined as firing only upon all mouse buttons being released, which is what we need here.)
+		const sliderResetAbort = () => {
+			// Switch back to the neutral state so the user can begin the process anew.
+			// We do this inside setTimeout() to delay this until after Firefox has fired its extraneous "input" event after this "pointerup" event.
+			//
+			// A delay of 0 seems to be sufficient, but if the bug persists, we can try increasing the delay. The bug is reproduced in Firefox by
+			// dragging the slider, hitting Escape, then releasing the mouse button. This results in being transferred by `onSliderInput()` to the
+			// "Deciding" state when we should remain in the "Ready" state as set here. (For debugging, this can be visualized in CSS by
+			// recoloring the fake slider handle, which is shown in the "Deciding" state.)
+			setTimeout(() => (rangeSliderClickDragState = "Ready"), 0);
+
+			// Clean up the event listener that was used to call this function.
+			removeEventListener("pointerup", sliderResetAbort);
+		};
+		addEventListener("pointerup", sliderResetAbort);
+
+		// Clean up the event listeners that were for tracking an abort while dragging the slider, now that we're no longer dragging it.
+		removeEventListener("pointermove", sliderAbortFromDragging);
+		removeEventListener("keydown", sliderAbortFromDragging);
+	}
+</script>
+
+<FieldInput
+	class={"number-input"}
+	classes={{
+		increment: mode === "Increment",
+		range: mode === "Range",
+	}}
+	value={text}
+	on:value={({ detail }) => (text = detail)}
+	on:textFocused={onTextFocused}
+	on:textChanged={onTextChanged}
+	on:textChangeCanceled={onTextChangeCanceled}
+	on:pointerdown={onDragPointerDown}
+	{label}
+	{disabled}
+	{tooltip}
+	{styles}
+	hideContextMenu={true}
+	spellcheck={false}
+	bind:this={self}
+>
+	{#if value !== undefined}
+		{#if mode === "Increment" && incrementBehavior !== "None"}
+			<button
+				class="arrow left"
+				on:pointerdown={(e) => onIncrementPointerDown(e, "Decrease")}
+				on:mousedown={incrementPressAbort}
+				on:pointerup={onIncrementPointerUp}
+				on:pointerleave={onIncrementPointerUp}
+				tabindex="-1"
+			></button>
+			<button
+				class="arrow right"
+				on:pointerdown={(e) => onIncrementPointerDown(e, "Increase")}
+				on:mousedown={incrementPressAbort}
+				on:pointerup={onIncrementPointerUp}
+				on:pointerleave={onIncrementPointerUp}
+				tabindex="-1"
+			></button>
+		{/if}
+		{#if mode === "Range"}
+			<input
+				type="range"
+				tabindex="-1"
+				class="slider"
+				class:hidden={rangeSliderClickDragState === "Deciding"}
+				{disabled}
+				min={rangeMin}
+				max={rangeMax}
+				step={sliderStepValue}
+				bind:value={rangeSliderValue}
+				on:input={onSliderInput}
+				on:pointerup={onSliderPointerUp}
+				on:contextmenu|preventDefault
+				on:wheel={(e) => /* Stops slider eating the scroll event in Firefox */ e.target instanceof HTMLInputElement && e.target.blur()}
+				bind:this={inputRangeElement}
+			/>
+			{#if rangeSliderClickDragState === "Deciding"}
+				<div class="fake-slider-thumb" />
+			{/if}
+			<div class="slider-progress" />
+		{/if}
+	{/if}
+</FieldInput>
+
+<style lang="scss" global>
+	.number-input {
+		input {
+			text-align: center;
+		}
+
+		&.increment {
+			// Widen the label and input margins from the edges by an extra 8px to make room for the increment arrows
+			label {
+				margin-left: 8px;
+			}
+
+			// Keep the right-aligned input element from overlapping the increment arrow on the right
+			input[type="text"]:not(:focus).has-label {
+				margin-right: 8px;
+			}
+
+			// Hide the increment arrows when entering text, disabled, or not hovered
+			input[type="text"]:focus ~ .arrow,
+			&.disabled .arrow,
+			&:not(:hover) .arrow {
+				display: none;
+			}
+
+			// Show the left-right arrow cursor when hovered over the draggable area
+			&:not(.disabled) input[type="text"]:not(:focus),
+			&:not(.disabled) label {
+				cursor: ew-resize;
+			}
+
+			// Style the decrement/increment arrows
+			.arrow {
+				position: absolute;
+				top: 0;
+				margin: 0;
+				padding: 9px 0;
+				border: none;
+				border-radius: 2px;
+				background: rgba(var(--color-1-nearblack-rgb), 0.5);
+				// An outline can appear when pressing the arrow button with left click then hitting Escape, so this stops that from showing
+				outline: none;
+				// TODO: This is a quick, imperfect way to make the arrow buttons appear like they're behind the text (without messing with the element click targets if we used z-index).
+				// TODO: But it doesn't preserve the exact hover color due to the blending. Improve this by using a separate element for displaying the arrow and listening for pointer events.
+				mix-blend-mode: screen;
+
+				&.right {
+					right: 0;
+					padding-left: 7px;
+					padding-right: 6px;
+
+					&::before {
+						content: "";
+						display: block;
+						width: 0;
+						height: 0;
+						border-style: solid;
+						border-width: 3px 0 3px 3px;
+						border-color: transparent transparent transparent var(--color-e-nearwhite);
+					}
+				}
+
+				&.left {
+					left: 0;
+					padding-left: 6px;
+					padding-right: 7px;
+
+					&::after {
+						content: "";
+						display: block;
+						width: 0;
+						height: 0;
+						border-style: solid;
+						border-width: 3px 3px 3px 0;
+						border-color: transparent var(--color-e-nearwhite) transparent transparent;
+					}
+				}
+
+				&:hover {
+					background: var(--color-4-dimgray);
+
+					&::before {
+						border-color: transparent transparent transparent var(--color-f-white);
+					}
+
+					&::after {
+						border-color: transparent var(--color-f-white) transparent transparent;
+					}
+				}
+			}
+		}
+
+		&.range {
+			position: relative;
+
+			input[type="text"],
+			label {
+				z-index: 1;
+			}
+
+			input[type="text"]:focus ~ .slider,
+			input[type="text"]:focus ~ .fake-slider-thumb,
+			input[type="text"]:focus ~ .slider-progress {
+				display: none;
+			}
+
+			.slider {
+				position: absolute;
+				left: 0;
+				top: 0;
+				width: 100%;
+				height: 100%;
+				padding: 0;
+				margin: 0;
+				-webkit-appearance: none; // Required until Safari 15.4 (Graphite supports 15.0+)
+				appearance: none;
+				background: none;
+				cursor: default;
+				// Except when disabled, the range slider goes above the label and input so it's interactable.
+				// Then we use the blend mode to make it appear behind which works since the text is almost white and background almost black.
+				// When disabled, the blend mode trick doesn't work with the grayer colors. But we don't need it to be interactable, so it can actually go behind properly.
+				z-index: 2;
+				mix-blend-mode: screen;
+
+				&.hidden {
+					opacity: 0;
+				}
+
+				&:disabled {
+					mix-blend-mode: normal;
+					z-index: 0;
+				}
+
+				&:hover ~ .slider-progress::before {
+					background: var(--color-3-darkgray);
+				}
+
+				// Chromium and Safari
+				&::-webkit-slider-thumb {
+					-webkit-appearance: none; // Required until Safari 15.4 (Graphite supports 15.0+)
+					appearance: none;
+					border-radius: 2px;
+					width: 4px;
+					height: 22px;
+					background: #494949; // Becomes var(--color-5-dullgray) with screen blend mode over var(--color-1-nearblack) background
+				}
+
+				&:hover::-webkit-slider-thumb {
+					background: #5b5b5b; // Becomes var(--color-6-lowergray) with screen blend mode over var(--color-1-nearblack) background
+				}
+
+				&:disabled::-webkit-slider-thumb {
+					background: var(--color-4-dimgray);
+				}
+
+				// Firefox
+				&::-moz-range-thumb {
+					border: none;
+					border-radius: 2px;
+					width: 4px;
+					height: 22px;
+					background: #494949; // Becomes var(--color-5-dullgray) with screen blend mode over var(--color-1-nearblack) background
+				}
+
+				&:hover::-moz-range-thumb {
+					background: #5b5b5b; // Becomes var(--color-6-lowergray) with screen blend mode over var(--color-1-nearblack) background
+				}
+
+				&:disabled::-moz-range-thumb {
+					background: var(--color-4-dimgray);
+				}
+
+				&::-moz-range-track {
+					height: 0;
+				}
+			}
+
+			// This fake slider thumb stays in the location of the real thumb while we have to hide the real slider between mousedown and mouseup or mousemove.
+			// That's because the range input element moves to the pressed location immediately upon mousedown, but we don't want to show that yet.
+			// Instead, we want to wait until the user does something:
+			// - Releasing the mouse means we reset the slider to its previous location, thus canceling the slider move. In that case, we focus the text entry.
+			// - Moving the mouse left/right means we have begun dragging, so then we hide this fake one and continue showing the actual drag of the real slider.
+			.fake-slider-thumb {
+				position: absolute;
+				left: 2px;
+				right: 2px;
+				top: 0;
+				bottom: 0;
+				z-index: 2;
+				mix-blend-mode: screen;
+				pointer-events: none;
+
+				&::before {
+					content: "";
+					position: absolute;
+					border-radius: 2px;
+					margin-left: -2px;
+					width: 4px;
+					height: 22px;
+					top: 1px;
+					left: calc(var(--progress-factor) * 100%);
+					background: #5b5b5b; // Becomes var(--color-6-lowergray) with screen blend mode over var(--color-1-nearblack) background
+				}
+			}
+
+			.slider-progress {
+				position: absolute;
+				top: 2px;
+				bottom: 2px;
+				left: 2px;
+				right: 2px;
+				pointer-events: none;
+
+				&::before {
+					content: "";
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: calc(var(--progress-factor) * 100% - 2px);
+					height: 100%;
+					background: var(--color-2-mildblack);
+					border-radius: 1px 0 0 1px;
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/RadioInput.svelte b/frontend/src/components/widgets/inputs/RadioInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e28848a3f08b4063de7e17afb7a88040ebd0ed69
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/RadioInput.svelte
@@ -0,0 +1,134 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import { type RadioEntries, type RadioEntryData } from "@graphite/messages";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	const dispatch = createEventDispatcher<{ selectedIndex: number }>();
+
+	export let entries: RadioEntries;
+	export let selectedIndex: number | undefined = undefined;
+	export let disabled = false;
+	export let minWidth = 0;
+
+	$: mixed = selectedIndex === undefined && !disabled;
+
+	function handleEntryClick(radioEntryData: RadioEntryData) {
+		const index = entries.indexOf(radioEntryData);
+		dispatch("selectedIndex", index);
+
+		radioEntryData.action?.();
+	}
+</script>
+
+<LayoutRow class="radio-input" classes={{ disabled, mixed }} styles={{ ...(minWidth > 0 ? { "min-width": `${minWidth}px` } : {}) }}>
+	{#each entries as entry, index}
+		<button class:active={!mixed ? index === selectedIndex : undefined} on:click={() => handleEntryClick(entry)} title={entry.tooltip} tabindex={index === selectedIndex ? -1 : 0} {disabled}>
+			{#if entry.icon}
+				<IconLabel icon={entry.icon} />
+			{/if}
+			{#if entry.label}
+				<TextLabel>{entry.label}</TextLabel>
+			{/if}
+		</button>
+	{/each}
+</LayoutRow>
+
+<style lang="scss" global>
+	.radio-input {
+		background: var(--color-5-dullgray);
+		border-radius: 2px;
+		height: 24px;
+
+		button {
+			background: var(--color-5-dullgray);
+			fill: var(--color-e-nearwhite);
+			border-radius: 2px;
+			height: 20px;
+			padding: 0;
+			margin: 2px 1px;
+			border: none;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			// `min-width: fit-content` and `flex: 1 1 0` together allow us to occupy space such that we're always at least the content width,
+			// but if the container is set wider, we distribute the space evenly (so buttons with short and long labels would have equal widths).
+			min-width: fit-content;
+			flex: 1 1 0;
+
+			&:first-of-type {
+				margin-left: 2px;
+			}
+
+			&:last-of-type {
+				margin-right: 2px;
+			}
+
+			&:hover {
+				background: var(--color-6-lowergray);
+				color: var(--color-f-white);
+
+				svg {
+					fill: var(--color-f-white);
+				}
+			}
+
+			&.active {
+				background: var(--color-e-nearwhite);
+				color: var(--color-2-mildblack);
+
+				svg {
+					fill: var(--color-2-mildblack);
+				}
+			}
+
+			.icon-label {
+				margin: 2px;
+
+				+ .text-label {
+					margin-left: 0;
+				}
+			}
+
+			.text-label {
+				margin: 0 8px;
+				overflow: hidden;
+				flex: 0 0 auto;
+			}
+		}
+
+		&.mixed {
+			background: var(--color-4-dimgray);
+
+			button:not(:hover),
+			&.disabled button:hover {
+				background: var(--color-5-dullgray);
+			}
+		}
+
+		&.disabled {
+			background: var(--color-4-dimgray);
+
+			button {
+				background: var(--color-4-dimgray);
+				color: var(--color-8-uppergray);
+
+				svg {
+					fill: var(--color-8-uppergray);
+				}
+
+				&.active {
+					background: var(--color-8-uppergray);
+					color: var(--color-2-mildblack);
+
+					svg {
+						fill: var(--color-2-mildblack);
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/ReferencePointInput.svelte b/frontend/src/components/widgets/inputs/ReferencePointInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..14531e489b33b9da0060fe26a74b327f010f3aa2
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/ReferencePointInput.svelte
@@ -0,0 +1,115 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import type { ReferencePoint } from "@graphite/messages";
+
+	const dispatch = createEventDispatcher<{ value: ReferencePoint }>();
+
+	export let value: string;
+	export let disabled = false;
+
+	function setValue(newValue: ReferencePoint) {
+		dispatch("value", newValue);
+	}
+</script>
+
+<div class="reference-point-input" class:disabled>
+	<button on:click={() => setValue("TopLeft")} class="row-1 col-1" class:active={value === "TopLeft"} tabindex="-1" {disabled}><div /></button>
+	<button on:click={() => setValue("TopCenter")} class="row-1 col-2" class:active={value === "TopCenter"} tabindex="-1" {disabled}><div /></button>
+	<button on:click={() => setValue("TopRight")} class="row-1 col-3" class:active={value === "TopRight"} tabindex="-1" {disabled}><div /></button>
+	<button on:click={() => setValue("CenterLeft")} class="row-2 col-1" class:active={value === "CenterLeft"} tabindex="-1" {disabled}><div /></button>
+	<button on:click={() => setValue("Center")} class="row-2 col-2" class:active={value === "Center"} tabindex="-1" {disabled}><div /></button>
+	<button on:click={() => setValue("CenterRight")} class="row-2 col-3" class:active={value === "CenterRight"} tabindex="-1" {disabled}><div /></button>
+	<button on:click={() => setValue("BottomLeft")} class="row-3 col-1" class:active={value === "BottomLeft"} tabindex="-1" {disabled}><div /></button>
+	<button on:click={() => setValue("BottomCenter")} class="row-3 col-2" class:active={value === "BottomCenter"} tabindex="-1" {disabled}><div /></button>
+	<button on:click={() => setValue("BottomRight")} class="row-3 col-3" class:active={value === "BottomRight"} tabindex="-1" {disabled}><div /></button>
+</div>
+
+<style lang="scss" global>
+	.reference-point-input {
+		position: relative;
+		flex: 0 0 auto;
+		width: 24px;
+		height: 24px;
+		--reference-point-border-color: var(--color-5-dullgray);
+		--reference-point-fill-active: var(--color-e-nearwhite);
+
+		button {
+			position: absolute;
+			width: 5px;
+			height: 5px;
+			margin: 0;
+			padding: 0;
+			background: var(--color-1-nearblack);
+			border: 1px solid var(--reference-point-border-color);
+
+			&.active {
+				border-color: transparent;
+				background: var(--reference-point-fill-active);
+			}
+
+			&.col-1::before,
+			&.col-2::before {
+				content: "";
+				pointer-events: none;
+				width: 2px;
+				height: 0;
+				border-top: 1px solid var(--reference-point-border-color);
+				position: absolute;
+				top: 1px;
+				right: -3px;
+			}
+
+			&.row-1::after,
+			&.row-2::after {
+				content: "";
+				pointer-events: none;
+				width: 0;
+				height: 2px;
+				border-left: 1px solid var(--reference-point-border-color);
+				position: absolute;
+				bottom: -3px;
+				right: 1px;
+			}
+
+			&.row-1 {
+				top: 3px;
+			}
+			&.col-1 {
+				left: 3px;
+			}
+
+			&.row-2 {
+				top: 10px;
+			}
+			&.col-2 {
+				left: 10px;
+			}
+
+			&.row-3 {
+				top: 17px;
+			}
+			&.col-3 {
+				left: 17px;
+			}
+
+			// Click targets that extend 1px beyond the borders of each square
+			div {
+				width: 100%;
+				height: 100%;
+				padding: 2px;
+				margin: -2px;
+			}
+		}
+
+		&:not(.disabled) button:not(.active):hover {
+			border-color: transparent;
+			background: var(--color-6-lowergray);
+		}
+
+		&.disabled button {
+			--reference-point-border-color: var(--color-4-dimgray);
+			--reference-point-fill-active: var(--color-8-uppergray);
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/RulerInput.svelte b/frontend/src/components/widgets/inputs/RulerInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1c907bcbd3cb93d39fc09703c2459a361c546b58
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/RulerInput.svelte
@@ -0,0 +1,152 @@
+<script lang="ts" context="module">
+	export type RulerDirection = "Horizontal" | "Vertical";
+</script>
+
+<script lang="ts">
+	import { onMount } from "svelte";
+
+	const RULER_THICKNESS = 16;
+	const MAJOR_MARK_THICKNESS = 16;
+	const MINOR_MARK_THICKNESS = 6;
+	const MICRO_MARK_THICKNESS = 3;
+
+	export let direction: RulerDirection = "Vertical";
+	export let origin: number;
+	export let numberInterval: number;
+	export let majorMarkSpacing: number;
+	export let minorDivisions = 5;
+	export let microDivisions = 2;
+
+	let rulerInput: HTMLDivElement | undefined;
+	let rulerLength = 0;
+	let svgBounds = { width: "0px", height: "0px" };
+
+	$: svgPath = computeSvgPath(direction, origin, majorMarkSpacing, minorDivisions, microDivisions, rulerLength);
+	$: svgTexts = computeSvgTexts(direction, origin, majorMarkSpacing, numberInterval, rulerLength);
+
+	function computeSvgPath(direction: RulerDirection, origin: number, majorMarkSpacing: number, minorDivisions: number, microDivisions: number, rulerLength: number): string {
+		const isVertical = direction === "Vertical";
+		const lineDirection = isVertical ? "H" : "V";
+
+		const offsetStart = mod(origin, majorMarkSpacing);
+		const shiftedOffsetStart = offsetStart - majorMarkSpacing;
+
+		const divisions = majorMarkSpacing / minorDivisions / microDivisions;
+		const majorMarksFrequency = minorDivisions * microDivisions;
+
+		let dPathAttribute = "";
+		let i = 0;
+		for (let location = shiftedOffsetStart; location < rulerLength; location += divisions) {
+			let length;
+			if (i % majorMarksFrequency === 0) length = MAJOR_MARK_THICKNESS;
+			else if (i % microDivisions === 0) length = MINOR_MARK_THICKNESS;
+			else length = MICRO_MARK_THICKNESS;
+			i += 1;
+
+			const destination = Math.round(location) + 0.5;
+			const startPoint = isVertical ? `${RULER_THICKNESS - length},${destination}` : `${destination},${RULER_THICKNESS - length}`;
+			dPathAttribute += `M${startPoint}${lineDirection}${RULER_THICKNESS} `;
+		}
+
+		return dPathAttribute;
+	}
+
+	function computeSvgTexts(direction: RulerDirection, origin: number, majorMarkSpacing: number, numberInterval: number, rulerLength: number): { transform: string; text: string }[] {
+		const isVertical = direction === "Vertical";
+
+		const offsetStart = mod(origin, majorMarkSpacing);
+		const shiftedOffsetStart = offsetStart - majorMarkSpacing;
+
+		const svgTextCoordinates = [];
+
+		let labelNumber = (Math.ceil(-origin / majorMarkSpacing) - 1) * numberInterval;
+
+		for (let location = shiftedOffsetStart; location < rulerLength; location += majorMarkSpacing) {
+			const destination = Math.round(location);
+			const x = isVertical ? 9 : destination + 2;
+			const y = isVertical ? destination + 1 : 9;
+
+			let transform = `translate(${x} ${y})`;
+			if (isVertical) transform += " rotate(270)";
+
+			const text = numberInterval >= 1 ? `${labelNumber}` : labelNumber.toFixed(Math.abs(Math.log10(numberInterval))).replace(/\.0+$/, "");
+
+			svgTextCoordinates.push({ transform, text });
+
+			labelNumber += numberInterval;
+		}
+
+		return svgTextCoordinates;
+	}
+
+	export function resize() {
+		if (!rulerInput) return;
+
+		const isVertical = direction === "Vertical";
+
+		const newLength = isVertical ? rulerInput.clientHeight : rulerInput.clientWidth;
+		const roundedUp = (Math.floor(newLength / majorMarkSpacing) + 1) * majorMarkSpacing;
+
+		if (roundedUp !== rulerLength) {
+			rulerLength = roundedUp;
+			const thickness = `${RULER_THICKNESS}px`;
+			const length = `${roundedUp}px`;
+			svgBounds = isVertical ? { width: thickness, height: length } : { width: length, height: thickness };
+		}
+	}
+
+	// Modulo function that works for negative numbers, unlike the JS `%` operator
+	function mod(n: number, m: number): number {
+		const remainder = n % m;
+		return Math.floor(remainder >= 0 ? remainder : remainder + m);
+	}
+
+	onMount(resize);
+</script>
+
+<div class={`ruler-input ${direction.toLowerCase()}`} bind:this={rulerInput}>
+	<svg style:width={svgBounds.width} style:height={svgBounds.height}>
+		<path d={svgPath} />
+		{#each svgTexts as svgText}
+			<text transform={svgText.transform}>{svgText.text}</text>
+		{/each}
+	</svg>
+</div>
+
+<style lang="scss" global>
+	.ruler-input {
+		flex: 1 1 100%;
+		background: var(--color-2-mildblack);
+		overflow: hidden;
+		position: relative;
+		box-sizing: border-box;
+
+		&.horizontal {
+			height: 16px;
+			border-bottom: 1px solid var(--color-5-dullgray);
+		}
+
+		&.vertical {
+			width: 16px;
+			border-right: 1px solid var(--color-5-dullgray);
+
+			svg text {
+				text-anchor: end;
+			}
+		}
+
+		svg {
+			position: absolute;
+
+			path {
+				stroke-width: 1px;
+				stroke: var(--color-5-dullgray);
+			}
+
+			text {
+				font-size: 12px;
+				fill: var(--color-8-uppergray);
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/ScrollbarInput.svelte b/frontend/src/components/widgets/inputs/ScrollbarInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..ef96d8959a89800fd9bcef87a9ff81ed4d005707
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/ScrollbarInput.svelte
@@ -0,0 +1,295 @@
+<script lang="ts" context="module">
+	export type ScrollbarDirection = "Horizontal" | "Vertical";
+</script>
+
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import { PRESS_REPEAT_DELAY_MS, PRESS_REPEAT_INTERVAL_MS, PRESS_REPEAT_INTERVAL_RAPID_MS } from "@graphite/io-managers/input";
+
+	const ARROW_CLICK_DISTANCE = 0.05;
+	const ARROW_REPEAT_DISTANCE = 0.01;
+
+	// Convert the position of the thumb (0-1) to the position on the track (0-1).
+	// This includes the 1/2 thumb length gap of the possible thumb position each side so the end of the thumb doesn't go off the track.
+	const lerp = (a: number, b: number, t: number): number => a * (1 - t) + b * t;
+	const thumbToTrack = (thumbLength: number, thumbPosition: number): number => lerp(thumbLength / 2, 1 - thumbLength / 2, thumbPosition);
+
+	const pointerPosition = (e: PointerEvent): number => (direction === "Vertical" ? e.clientY : e.clientX);
+
+	const clamp01 = (value: number): number => Math.min(Math.max(value, 0), 1);
+
+	const dispatch = createEventDispatcher<{ trackShift: number; thumbPosition: number; thumbDragStart: undefined; thumbDragEnd: undefined; thumbDragAbort: undefined }>();
+
+	export let direction: ScrollbarDirection = "Vertical";
+	export let thumbPosition = 0.5;
+	export let thumbLength = 0.5;
+
+	let scrollTrack: HTMLDivElement | undefined;
+	let dragging = false;
+	let pressingTrack = false;
+	let pressingArrow = false;
+	let repeatTimeout: ReturnType<typeof setTimeout> | undefined = undefined;
+	let pointerPositionLastFrame = 0;
+	let thumbTop: string | undefined = undefined;
+	let thumbBottom: string | undefined = undefined;
+	let thumbLeft: string | undefined = undefined;
+	let thumbRight: string | undefined = undefined;
+
+	$: start = thumbToTrack(thumbLength, thumbPosition) - thumbLength / 2;
+	$: end = 1 - thumbToTrack(thumbLength, thumbPosition) - thumbLength / 2;
+	$: [thumbTop, thumbBottom, thumbLeft, thumbRight] = direction === "Vertical" ? [`${start * 100}%`, `${end * 100}%`, "0%", "0%"] : ["0%", "0%", `${start * 100}%`, `${end * 100}%`];
+
+	function trackLength(): number | undefined {
+		if (scrollTrack === undefined) return undefined;
+		return direction === "Vertical" ? scrollTrack.clientHeight - thumbLength : scrollTrack.clientWidth;
+	}
+
+	function trackOffset(): number | undefined {
+		if (scrollTrack === undefined) return undefined;
+		return direction === "Vertical" ? scrollTrack.getBoundingClientRect().top : scrollTrack.getBoundingClientRect().left;
+	}
+
+	function dragThumb(e: PointerEvent) {
+		if (dragging) return;
+
+		dragging = true;
+		dispatch("thumbDragStart");
+		pointerPositionLastFrame = pointerPosition(e);
+
+		addEvents();
+	}
+
+	function pressArrow(direction: number) {
+		const sendMove = () => {
+			if (!pressingArrow) return;
+
+			const distance = afterInitialDelay ? ARROW_REPEAT_DISTANCE : ARROW_CLICK_DISTANCE;
+			dispatch("trackShift", -direction * distance);
+
+			if (afterInitialDelay) repeatTimeout = setTimeout(sendMove, PRESS_REPEAT_INTERVAL_RAPID_MS);
+			afterInitialDelay = true;
+		};
+
+		pressingArrow = true;
+		dispatch("thumbDragStart");
+		let afterInitialDelay = false;
+		sendMove();
+		repeatTimeout = setTimeout(sendMove, PRESS_REPEAT_DELAY_MS);
+
+		addEvents();
+	}
+
+	function pressTrack(e: PointerEvent) {
+		if (dragging) return;
+
+		const length = trackLength();
+		const offset = trackOffset();
+		if (length === undefined || offset === undefined) return;
+
+		const sendMove = () => {
+			if (!pressingTrack) return;
+
+			const oldPointer = thumbToTrack(thumbLength, thumbPosition) * length + offset;
+			const newPointer = pointerPosition(e);
+
+			// Check if the thumb has reached the cursor position
+			const proposedThumbPosition = (newPointer - offset) / length;
+			if (proposedThumbPosition >= start && proposedThumbPosition <= 1 - end) {
+				// End pressing the track
+				pressingTrack = false;
+				clearTimeout(repeatTimeout);
+
+				// Begin dragging the thumb
+				dragging = true;
+				pointerPositionLastFrame = newPointer;
+
+				return;
+			}
+
+			const move = newPointer - oldPointer < 0 ? 1 : -1;
+			dispatch("trackShift", move);
+
+			if (afterInitialDelay) repeatTimeout = setTimeout(sendMove, PRESS_REPEAT_INTERVAL_MS);
+			afterInitialDelay = true;
+		};
+
+		dispatch("thumbDragStart");
+		pressingTrack = true;
+		let afterInitialDelay = false;
+		sendMove();
+		repeatTimeout = setTimeout(sendMove, PRESS_REPEAT_DELAY_MS);
+
+		addEvents();
+	}
+
+	function abortInteraction() {
+		if (pressingTrack || pressingArrow) {
+			pressingTrack = false;
+			pressingArrow = false;
+			clearTimeout(repeatTimeout);
+			dispatch("thumbDragAbort");
+		}
+
+		if (dragging) {
+			dragging = false;
+			dispatch("thumbDragAbort");
+		}
+	}
+
+	function onPointerUp() {
+		if (dragging) dispatch("thumbDragEnd");
+
+		dragging = false;
+		pressingTrack = false;
+		pressingArrow = false;
+		clearTimeout(repeatTimeout);
+		removeEvents();
+	}
+
+	function onPointerMove(e: PointerEvent) {
+		if (pressingTrack) {
+			return;
+		}
+
+		if (pressingArrow) {
+			const target = e.target || undefined;
+			if (!target || !(target instanceof Element)) return;
+			if (!target?.closest?.("[data-scrollbar-arrow]")) {
+				pressingArrow = false;
+				clearTimeout(repeatTimeout);
+				removeEvents();
+			}
+
+			return;
+		}
+
+		if (dragging) {
+			const length = trackLength();
+			if (length === undefined) return;
+
+			const positionPositionThisFrame = pointerPosition(e);
+			const dragDelta = positionPositionThisFrame - pointerPositionLastFrame;
+			const movement = dragDelta / (length * (1 - thumbLength));
+			const newThumbPosition = clamp01(thumbPosition + movement);
+			dispatch("thumbPosition", newThumbPosition);
+
+			pointerPositionLastFrame = positionPositionThisFrame;
+
+			return;
+		}
+
+		removeEvents();
+	}
+
+	function onMouseDown(e: MouseEvent) {
+		const BUTTONS_RIGHT = 0b0000_0010;
+		if (e.buttons & BUTTONS_RIGHT) abortInteraction();
+	}
+
+	function onKeyDown(e: KeyboardEvent) {
+		if (e.key === "Escape") abortInteraction();
+	}
+
+	function addEvents() {
+		window.addEventListener("pointerup", onPointerUp);
+		window.addEventListener("pointermove", onPointerMove);
+		window.addEventListener("mousedown", onMouseDown);
+		window.addEventListener("keydown", onKeyDown);
+	}
+
+	function removeEvents() {
+		window.removeEventListener("pointerup", onPointerUp);
+		window.removeEventListener("pointermove", onPointerMove);
+		window.removeEventListener("mousedown", onMouseDown);
+		window.removeEventListener("keydown", onKeyDown);
+	}
+</script>
+
+<div class={`scrollbar-input ${direction.toLowerCase()}`}>
+	<button class="arrow decrease" on:pointerdown={() => pressArrow(-1)} tabindex="-1" data-scrollbar-arrow></button>
+	<div class="scroll-track" on:pointerdown={pressTrack} bind:this={scrollTrack}>
+		<div class="scroll-thumb" on:pointerdown={dragThumb} class:dragging style:top={thumbTop} style:bottom={thumbBottom} style:left={thumbLeft} style:right={thumbRight} />
+	</div>
+	<button class="arrow increase" on:pointerdown={() => pressArrow(1)} tabindex="-1" data-scrollbar-arrow></button>
+</div>
+
+<style lang="scss" global>
+	.scrollbar-input {
+		display: flex;
+		flex: 1 1 100%;
+
+		&.vertical {
+			flex-direction: column;
+		}
+
+		&.horizontal {
+			flex-direction: row;
+		}
+
+		.arrow {
+			--arrow-color: var(--color-5-dullgray);
+			flex: 0 0 auto;
+			background: none;
+			border: none;
+			margin: 0;
+			padding: 0;
+			width: 16px;
+			height: 16px;
+
+			&:hover {
+				--arrow-color: var(--color-6-lowergray);
+			}
+
+			&:hover:active {
+				--arrow-color: var(--color-c-brightgray);
+			}
+
+			&::after {
+				content: "";
+				display: block;
+				border-style: solid;
+			}
+		}
+
+		&.vertical .arrow.decrease::after {
+			margin: 4px 3px;
+			border-width: 0 5px 8px 5px;
+			border-color: transparent transparent var(--arrow-color) transparent;
+		}
+
+		&.vertical .arrow.increase::after {
+			margin: 4px 3px;
+			border-width: 8px 5px 0 5px;
+			border-color: var(--arrow-color) transparent transparent transparent;
+		}
+
+		&.horizontal .arrow.decrease::after {
+			margin: 3px 4px;
+			border-width: 5px 8px 5px 0;
+			border-color: transparent var(--arrow-color) transparent transparent;
+		}
+
+		&.horizontal .arrow.increase::after {
+			margin: 3px 4px;
+			border-width: 5px 0 5px 8px;
+			border-color: transparent transparent transparent var(--arrow-color);
+		}
+
+		.scroll-track {
+			position: relative;
+			flex: 1 1 100%;
+
+			.scroll-thumb {
+				position: absolute;
+				border-radius: 4px;
+				background: var(--color-5-dullgray);
+
+				&:hover,
+				&.dragging {
+					background: var(--color-6-lowergray);
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/SpectrumInput.svelte b/frontend/src/components/widgets/inputs/SpectrumInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..cabc70b4551cb9ff2199d713083b85c54f8fc5c3
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/SpectrumInput.svelte
@@ -0,0 +1,323 @@
+<script lang="ts">
+	import { createEventDispatcher, onDestroy } from "svelte";
+
+	import { Color, type Gradient } from "@graphite/messages";
+
+	import { preventEscapeClosingParentFloatingMenu } from "@graphite/components/layout/FloatingMenu.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+
+	const BUTTON_LEFT = 0;
+	const BUTTON_RIGHT = 2;
+
+	const dispatch = createEventDispatcher<{ activeMarkerIndexChange: number | undefined; gradient: Gradient; dragging: boolean }>();
+
+	export let gradient: Gradient;
+	export let activeMarkerIndex = 0 as number | undefined;
+	// export let disabled = false;
+	// export let tooltip: string | undefined = undefined;
+
+	let markerTrack: LayoutRow | undefined = undefined;
+	let positionRestore: number | undefined = undefined;
+	let deletionRestore: boolean | undefined = undefined;
+
+	function markerPointerDown(e: PointerEvent, index: number) {
+		// Left-click to select and begin potentially dragging
+		if (e.button === BUTTON_LEFT) {
+			activeMarkerIndex = index;
+			dispatch("activeMarkerIndexChange", index);
+			addEvents();
+			return;
+		}
+
+		// Right-click to delete
+		if (e.button === BUTTON_RIGHT && deletionRestore === undefined) {
+			deleteStopByIndex(index);
+			return;
+		}
+	}
+
+	function markerPosition(e: MouseEvent): number | undefined {
+		const markerTrackRect = markerTrack?.div()?.getBoundingClientRect();
+		if (!markerTrackRect) return;
+
+		const ratio = (e.clientX - markerTrackRect.left) / markerTrackRect.width;
+
+		return Math.max(0, Math.min(1, ratio));
+	}
+
+	function insertStop(e: MouseEvent) {
+		if (e.button !== BUTTON_LEFT) return;
+
+		let position = markerPosition(e);
+		if (position === undefined) return;
+
+		let before = gradient.stops.findLast((value) => value.position < position);
+		let after = gradient.stops.find((value) => value.position > position);
+
+		let color = Color.fromCSS("black") as Color;
+		if (before && after) {
+			let t = (position - before.position) / (after.position - before.position);
+			color = before.color.lerp(after.color, t);
+		} else if (before) {
+			color = before.color;
+		} else if (after) {
+			color = after.color;
+		}
+
+		let index = gradient.stops.findIndex((value) => value.position > position);
+		if (index === -1) index = gradient.stops.length;
+
+		gradient.stops.splice(index, 0, { position, color });
+		activeMarkerIndex = index;
+		deletionRestore = true;
+
+		dispatch("activeMarkerIndexChange", index);
+		dispatch("gradient", gradient);
+
+		addEvents();
+	}
+
+	function deleteStop(e: KeyboardEvent) {
+		if (e.key !== "Delete" && e.key !== "Backspace") return;
+		if (activeMarkerIndex === undefined) return;
+
+		if (positionRestore !== undefined) stopDrag();
+
+		deleteStopByIndex(activeMarkerIndex);
+	}
+
+	function deleteStopByIndex(index: number) {
+		if (gradient.stops.length <= 2) return;
+
+		gradient.stops.splice(index, 1);
+		if (gradient.stops.length === 0) {
+			activeMarkerIndex = undefined;
+		} else {
+			activeMarkerIndex = Math.max(0, Math.min(gradient.stops.length - 1, index));
+		}
+		deletionRestore = undefined;
+
+		dispatch("activeMarkerIndexChange", activeMarkerIndex);
+		dispatch("gradient", gradient);
+	}
+
+	function moveMarker(e: PointerEvent, index: number) {
+		// Just in case the mouseup event is lost
+		if (e.buttons === 0) stopDrag();
+
+		let position = markerPosition(e);
+		if (position === undefined) return;
+
+		if (positionRestore === undefined) positionRestore = position;
+		if (deletionRestore === undefined) {
+			deletionRestore = false;
+
+			dispatch("dragging", true);
+		}
+
+		setPosition(index, position);
+	}
+
+	export function setPosition(index: number, position: number) {
+		const active = gradient.stops[index];
+		active.position = position;
+		gradient.stops.sort((a, b) => a.position - b.position);
+		if (gradient.stops.indexOf(active) !== activeMarkerIndex) {
+			activeMarkerIndex = gradient.stops.indexOf(active);
+			dispatch("activeMarkerIndexChange", gradient.stops.indexOf(active));
+		}
+		dispatch("gradient", gradient);
+	}
+
+	function abortDrag() {
+		if (activeMarkerIndex === undefined) return;
+
+		if (deletionRestore) {
+			deleteStopByIndex(activeMarkerIndex);
+		} else if (positionRestore !== undefined) {
+			setPosition(activeMarkerIndex, positionRestore);
+		}
+
+		stopDrag();
+	}
+
+	function stopDrag() {
+		removeEvents();
+
+		positionRestore = undefined;
+		deletionRestore = undefined;
+
+		dispatch("dragging", false);
+	}
+
+	function onPointerMove(e: PointerEvent) {
+		if (activeMarkerIndex !== undefined) moveMarker(e, activeMarkerIndex);
+	}
+
+	function onPointerUp() {
+		stopDrag();
+	}
+
+	function onMouseDown(e: MouseEvent) {
+		const BUTTONS_RIGHT = 0b0000_0010;
+		if (e.buttons & BUTTONS_RIGHT) abortDrag();
+	}
+
+	function onKeyDown(e: KeyboardEvent) {
+		if (e.key === "Escape") {
+			const element = markerTrack?.div();
+			if (element) preventEscapeClosingParentFloatingMenu(element);
+
+			abortDrag();
+		}
+	}
+
+	function addEvents() {
+		document.addEventListener("pointermove", onPointerMove);
+		document.addEventListener("pointerup", onPointerUp);
+		document.addEventListener("mousedown", onMouseDown);
+		document.addEventListener("keydown", onKeyDown);
+	}
+
+	function removeEvents() {
+		document.removeEventListener("pointermove", onPointerMove);
+		document.removeEventListener("pointerup", onPointerUp);
+		document.removeEventListener("mousedown", onMouseDown);
+		document.removeEventListener("keydown", onKeyDown);
+	}
+
+	document.addEventListener("keydown", deleteStop);
+	onDestroy(() => {
+		removeEvents();
+		document.removeEventListener("keydown", deleteStop);
+	});
+
+	// # Backend -> Frontend
+	// Populate(gradient, { position, color }[], active) // The only way indexes get changed. Frontend drops marker if it's being dragged.
+	// UpdateGradient(gradient)
+	// UpdateMarkers({ index, position, color }[])
+
+	// # Frontend -> Backend
+	// SendNewActive(index)
+	// SendPositions({ index, position }[])
+	// AddMarker(position)
+	// RemoveMarkers(index[])
+	// ResetMarkerToDefault(index)
+
+	// // We need a way to encode constraints on some markers, like locking them in place or preventing reordering
+	// // We need a way to encode the allowability of adding new markers between certain markers, or preventing the deletion of certain markers
+	// // We need the ability to multi-select markers and move them all at once
+</script>
+
+<LayoutCol
+	class="spectrum-input"
+	styles={{
+		"--gradient-start": gradient.firstColor()?.toHexOptionalAlpha() || "black",
+		"--gradient-end": gradient.lastColor()?.toHexOptionalAlpha() || "black",
+		"--gradient-stops": gradient.toLinearGradientCSS(),
+	}}
+>
+	<LayoutRow class="gradient-strip" on:pointerdown={insertStop}></LayoutRow>
+	<LayoutRow class="marker-track" bind:this={markerTrack}>
+		{#each gradient.stops as marker, index}
+			<svg
+				class="marker"
+				class:active={index === activeMarkerIndex}
+				style:--marker-position={marker.position}
+				style:--marker-color={marker.color.toRgbCSS()}
+				on:pointerdown={(e) => markerPointerDown(e, index)}
+				data-gradient-marker
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 12 12"
+			>
+				<path class="inner-fill" d="M10,11.5H2c-0.8,0-1.5-0.7-1.5-1.5V6.8c0-0.4,0.2-0.8,0.4-1.1L6,0.7l5.1,5.1c0.3,0.3,0.4,0.7,0.4,1.1V10C11.5,10.8,10.8,11.5,10,11.5z" />
+				<path
+					class="outer-border"
+					d="M6,1.4L1.3,6.1C1.1,6.3,1,6.6,1,6.8V10c0,0.6,0.4,1,1,1h8c0.6,0,1-0.4,1-1V6.8c0-0.3-0.1-0.5-0.3-0.7L6,1.4M6,0l5.4,5.4C11.8,5.8,12,6.3,12,6.8V10c0,1.1-0.9,2-2,2H2c-1.1,0-2-0.9-2-2V6.8c0-0.5,0.2-1,0.6-1.4L6,0z"
+				/>
+			</svg>
+		{/each}
+	</LayoutRow>
+</LayoutCol>
+
+<style lang="scss" global>
+	.spectrum-input {
+		--marker-half-width: 6px;
+
+		.gradient-strip {
+			flex: 0 0 auto;
+			height: 16px;
+			background-image:
+				var(--gradient-stops),
+				// Solid start/end colors on either side so the gradient begins at the center of a marker
+				linear-gradient(var(--gradient-start), var(--gradient-start)),
+				linear-gradient(var(--gradient-end), var(--gradient-end)),
+				var(--color-transparent-checkered-background);
+			background-size:
+				calc(100% - 2 * var(--marker-half-width)) 100%,
+				// TODO: Find a solution that avoids visual artifacts where these end colors meet the gradient that appear when viewing with a non-integer zoom or display scaling factor
+				var(--marker-half-width) 100%,
+				var(--marker-half-width) 100%,
+				var(--color-transparent-checkered-background-size);
+			background-position:
+				var(--marker-half-width) 0,
+				left 0,
+				right 0,
+				var(--color-transparent-checkered-background-position);
+			background-repeat: no-repeat, no-repeat, no-repeat, var(--color-transparent-checkered-background-repeat);
+			border-radius: 2px;
+		}
+
+		.marker-track {
+			margin-top: calc(24px - 16px - 12px);
+			margin-left: var(--marker-half-width);
+			width: calc(100% - 2 * var(--marker-half-width));
+			position: relative;
+			pointer-events: none;
+
+			.marker {
+				position: absolute;
+				transform: translateX(-50%);
+				left: calc(var(--marker-position) * 100%);
+				width: 12px;
+				height: 12px;
+				pointer-events: auto;
+				overflow: visible;
+				padding-top: 12px;
+				margin-top: -12px;
+
+				.inner-fill {
+					fill: var(--marker-color);
+				}
+
+				.outer-border {
+					fill: var(--color-5-dullgray);
+				}
+
+				&:not(.active) {
+					.inner-fill:hover + .outer-border,
+					.outer-border:hover {
+						fill: var(--color-6-lowergray);
+					}
+				}
+
+				&.active {
+					.inner-fill {
+						filter: drop-shadow(0 0 1px var(--color-2-mildblack)) drop-shadow(0 0 1px var(--color-2-mildblack));
+					}
+
+					// Outer border when active
+					.outer-border {
+						fill: var(--color-e-nearwhite);
+					}
+
+					.inner-fill:hover + .outer-border,
+					.outer-border:hover {
+						fill: var(--color-f-white);
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/TextAreaInput.svelte b/frontend/src/components/widgets/inputs/TextAreaInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..440fb3533c67823d6a4d71146e02754506c35967
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/TextAreaInput.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import FieldInput from "@graphite/components/widgets/inputs/FieldInput.svelte";
+
+	const dispatch = createEventDispatcher<{ commitText: string }>();
+
+	export let value: string;
+	export let label: string | undefined = undefined;
+	export let tooltip: string | undefined = undefined;
+	export let disabled = false;
+
+	let self: FieldInput | undefined;
+	let editing = false;
+
+	function onTextFocused() {
+		editing = true;
+	}
+
+	// Called only when `value` is changed from the <textarea> element via user input and committed, either
+	// via the `change` event or when the <input> element is unfocused (with the `blur` event binding)
+	function onTextChanged() {
+		// The `unFocus()` call in `onTextChangeCanceled()` causes itself to be run again, so this if statement skips a second run
+		if (!editing) return;
+
+		onTextChangeCanceled();
+
+		// TODO: Find a less hacky way to do this
+		if (self) dispatch("commitText", self.getValue());
+
+		// Required if value is not changed by the parent component upon update:value event
+		self?.setInputElementValue(self.getValue());
+	}
+
+	function onTextChangeCanceled() {
+		editing = false;
+
+		self?.unFocus();
+	}
+
+	export function focus() {
+		self?.focus();
+	}
+</script>
+
+<FieldInput
+	class="text-area-input"
+	classes={{ "has-label": Boolean(label) }}
+	{value}
+	on:value
+	on:textFocused={onTextFocused}
+	on:textChanged={onTextChanged}
+	on:textChangeCanceled={onTextChangeCanceled}
+	textarea={true}
+	spellcheck={true}
+	{label}
+	{disabled}
+	{tooltip}
+	bind:this={self}
+/>
+
+<style lang="scss" global>
+</style>
diff --git a/frontend/src/components/widgets/inputs/TextInput.svelte b/frontend/src/components/widgets/inputs/TextInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b9a794d140ca7a363e6d931a193b7a535b8a30e9
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/TextInput.svelte
@@ -0,0 +1,94 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+
+	import FieldInput from "@graphite/components/widgets/inputs/FieldInput.svelte";
+
+	const dispatch = createEventDispatcher<{ commitText: string }>();
+
+	// Label
+	export let label: string | undefined = undefined;
+	export let tooltip: string | undefined = undefined;
+	export let placeholder: string | undefined = undefined;
+	// Disabled
+	export let disabled = false;
+	// Value
+	export let value: string;
+	// Styling
+	export let centered = false;
+	export let minWidth = 0;
+
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+
+	let self: FieldInput | undefined;
+	let editing = false;
+
+	function onTextFocused() {
+		editing = true;
+
+		self?.selectAllText(value);
+	}
+
+	// Called only when `value` is changed from the <input> element via user input and committed, either with the
+	// enter key (via the `change` event) or when the <input> element is unfocused (with the `blur` event binding)
+	function onTextChanged() {
+		// The `unFocus()` call in `onTextChangeCanceled()` causes itself to be run again, so this if statement skips a second run
+		if (!editing) return;
+
+		onTextChangeCanceled();
+
+		// TODO: Find a less hacky way to do this
+		if (self) dispatch("commitText", self.getValue());
+
+		// Required if value is not changed by the parent component upon update:value event
+		self?.setInputElementValue(self.getValue());
+	}
+
+	function onTextChangeCanceled() {
+		editing = false;
+
+		self?.unFocus();
+	}
+
+	export function focus() {
+		self?.focus();
+	}
+
+	export function element(): HTMLInputElement | HTMLTextAreaElement | undefined {
+		return self?.element();
+	}
+</script>
+
+<FieldInput
+	class={`text-input ${className}`.trim()}
+	classes={{ centered, ...classes }}
+	styles={{ ...(minWidth > 0 ? { "min-width": `${minWidth}px` } : {}) }}
+	{value}
+	on:value
+	on:textFocused={onTextFocused}
+	on:textChanged={onTextChanged}
+	on:textChangeCanceled={onTextChangeCanceled}
+	spellcheck={true}
+	{label}
+	{disabled}
+	{tooltip}
+	{placeholder}
+	bind:this={self}
+/>
+
+<style lang="scss" global>
+	.text-input {
+		flex-shrink: 0;
+
+		input {
+			text-align: left;
+		}
+
+		&.centered {
+			input:not(:focus) {
+				text-align: center;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/inputs/WorkingColorsInput.svelte b/frontend/src/components/widgets/inputs/WorkingColorsInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..cff3beacba69ec8007664c34929e52ca4a7d86c1
--- /dev/null
+++ b/frontend/src/components/widgets/inputs/WorkingColorsInput.svelte
@@ -0,0 +1,136 @@
+<script lang="ts">
+	import { getContext } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import { Color } from "@graphite/messages";
+
+	import ColorPicker from "@graphite/components/floating-menus/ColorPicker.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+
+	const editor = getContext<Editor>("editor");
+
+	export let primary: Color;
+	export let secondary: Color;
+
+	let primaryOpen = false;
+	let secondaryOpen = false;
+
+	function clickPrimarySwatch() {
+		primaryOpen = true;
+		secondaryOpen = false;
+	}
+
+	function clickSecondarySwatch() {
+		primaryOpen = false;
+		secondaryOpen = true;
+	}
+
+	function primaryColorChanged(color: Color) {
+		editor.handle.updatePrimaryColor(color.red, color.green, color.blue, color.alpha);
+	}
+
+	function secondaryColorChanged(color: Color) {
+		editor.handle.updateSecondaryColor(color.red, color.green, color.blue, color.alpha);
+	}
+</script>
+
+<LayoutCol class="working-colors-button">
+	<LayoutRow class="primary swatch">
+		<button on:click={clickPrimarySwatch} class:open={primaryOpen} style:--swatch-color={primary.toRgbaCSS()} data-floating-menu-spawner="no-hover-transfer" tabindex="0"></button>
+		<ColorPicker
+			open={primaryOpen}
+			on:open={({ detail }) => (primaryOpen = detail)}
+			colorOrGradient={primary}
+			on:colorOrGradient={({ detail }) => detail instanceof Color && primaryColorChanged(detail)}
+			direction="Right"
+		/>
+	</LayoutRow>
+	<LayoutRow class="secondary swatch">
+		<button on:click={clickSecondarySwatch} class:open={secondaryOpen} style:--swatch-color={secondary.toRgbaCSS()} data-floating-menu-spawner="no-hover-transfer" tabindex="0"></button>
+		<ColorPicker
+			open={secondaryOpen}
+			on:open={({ detail }) => (secondaryOpen = detail)}
+			colorOrGradient={secondary}
+			on:colorOrGradient={({ detail }) => detail instanceof Color && secondaryColorChanged(detail)}
+			direction="Right"
+		/>
+	</LayoutRow>
+</LayoutCol>
+
+<style lang="scss" global>
+	.working-colors-button {
+		flex: 0 0 auto;
+
+		.swatch {
+			width: 28px;
+			height: 28px;
+			margin: 0 2px;
+			position: relative;
+
+			> button {
+				--swatch-color: #ffffff;
+				--ring-color: var(--color-5-dullgray);
+				width: 100%;
+				height: 100%;
+				margin: 0;
+				padding: 0;
+				border: none;
+				outline: none;
+				border-radius: 50%;
+				box-sizing: border-box;
+				overflow: hidden;
+				position: relative;
+				// Color of the panel background, used to extend outside the ring and appear to cut out a crescent from the lower circle (by covering it up with the panel background color)
+				box-shadow: 0 0 0 2px var(--color-3-darkgray);
+				background: var(--color-3-darkgray);
+
+				// Main color and checked transparency pattern (inset by 1px to begin inside/below the ring to avoid antialiasing artifacts)
+				&::before {
+					content: "";
+					position: absolute;
+					top: 1px;
+					bottom: 1px;
+					left: 1px;
+					right: 1px;
+					border-radius: 50%;
+					background: linear-gradient(var(--swatch-color), var(--swatch-color)), var(--color-transparent-checkered-background);
+					background-size:
+						100% 100%,
+						var(--color-transparent-checkered-background-size);
+					background-position:
+						0 0,
+						var(--color-transparent-checkered-background-position-plus-one);
+					background-repeat: no-repeat, var(--color-transparent-checkered-background-repeat);
+				}
+
+				// Gray ring outline
+				&::after {
+					content: "";
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					left: 0;
+					right: 0;
+					border-radius: 50%;
+					box-shadow: inset 0 0 0 2px var(--ring-color);
+				}
+
+				&:hover,
+				&.open {
+					--ring-color: var(--color-6-lowergray);
+				}
+			}
+
+			.floating-menu {
+				top: 50%;
+				right: -2px;
+			}
+
+			&.primary {
+				margin-bottom: -8px;
+				z-index: 1;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/labels/IconLabel.svelte b/frontend/src/components/widgets/labels/IconLabel.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..3edb01a788d26402e1a226579963deb6622a2e58
--- /dev/null
+++ b/frontend/src/components/widgets/labels/IconLabel.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+	import { type IconName, ICONS, ICON_SVG_STRINGS } from "@graphite/utility-functions/icons";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+	export let icon: IconName;
+	export let iconSizeOverride: number | undefined = undefined;
+	export let disabled = false;
+	export let tooltip: string | undefined = undefined;
+
+	$: iconSizeClass = ((icon: IconName) => {
+		const iconData = ICONS[icon];
+		if (!iconData) {
+			// eslint-disable-next-line no-console
+			console.warn(`Icon "${icon}" does not exist.`);
+			return "size-24";
+		}
+		if (iconData.size === undefined) return "";
+		return `size-${iconSizeOverride || iconData.size}`;
+	})(icon);
+	$: extraClasses = Object.entries(classes)
+		.flatMap(([className, stateName]) => (stateName ? [className] : []))
+		.join(" ");
+</script>
+
+<LayoutRow class={`icon-label ${iconSizeClass} ${className} ${extraClasses}`.trim()} classes={{ disabled }} {tooltip}>
+	{@html ICON_SVG_STRINGS[icon] || "�"}
+</LayoutRow>
+
+<style lang="scss" global>
+	.icon-label {
+		flex: 0 0 auto;
+		fill: var(--color-e-nearwhite);
+
+		&.disabled {
+			fill: var(--color-8-uppergray);
+		}
+
+		&.size-12 {
+			width: 12px;
+			height: 12px;
+		}
+
+		&.size-16 {
+			width: 16px;
+			height: 16px;
+		}
+
+		&.size-24 {
+			width: 24px;
+			height: 24px;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/labels/Separator.svelte b/frontend/src/components/widgets/labels/Separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..0c210b4d1d8667f2557ccbd03f00f44e1288a21c
--- /dev/null
+++ b/frontend/src/components/widgets/labels/Separator.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+	import { type SeparatorDirection, type SeparatorType } from "@graphite/messages";
+
+	export let direction: SeparatorDirection = "Horizontal";
+	export let type: SeparatorType = "Unrelated";
+</script>
+
+<div class={`separator ${direction.toLowerCase()} ${type.toLowerCase()}`}>
+	{#if type === "Section"}
+		<div />
+	{/if}
+</div>
+
+<style lang="scss" global>
+	.separator {
+		&.vertical {
+			flex: 0 0 auto;
+
+			&.related {
+				height: 4px;
+			}
+
+			&.unrelated {
+				height: 16px;
+			}
+
+			&.section {
+				// If changing this, update `--height-of-separator` in `Document.svelte`
+				margin: 12px 0;
+				width: 100%;
+
+				div {
+					margin: 0 4px;
+					height: 1px;
+					width: calc(100% - 8px);
+					background: var(--color-5-dullgray);
+				}
+			}
+		}
+
+		&.horizontal {
+			flex: 0 0 auto;
+
+			&.related {
+				width: 4px;
+			}
+
+			&.unrelated {
+				width: 16px;
+			}
+
+			&.section {
+				margin: 0 12px;
+				height: 100%;
+
+				div {
+					margin: 4px 0;
+					height: calc(100% - 8px);
+					width: 1px;
+					background: var(--color-5-dullgray);
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/labels/TextLabel.svelte b/frontend/src/components/widgets/labels/TextLabel.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..540aa1648928dc9378581fd881c8d32ed59f18eb
--- /dev/null
+++ b/frontend/src/components/widgets/labels/TextLabel.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+	let className = "";
+	export { className as class };
+	export let classes: Record<string, boolean> = {};
+	let styleName = "";
+	export { styleName as style };
+	export let styles: Record<string, string | number | undefined> = {};
+	export let disabled = false;
+	export let bold = false;
+	export let italic = false;
+	export let centerAlign = false;
+	export let tableAlign = false;
+	export let minWidth = 0;
+	export let multiline = false;
+	export let tooltip: string | undefined = undefined;
+	export let checkboxId: bigint | undefined = undefined;
+
+	$: extraClasses = Object.entries(classes)
+		.flatMap(([className, stateName]) => (stateName ? [className] : []))
+		.join(" ");
+	$: extraStyles = Object.entries(styles)
+		.flatMap((styleAndValue) => (styleAndValue[1] !== undefined ? [`${styleAndValue[0]}: ${styleAndValue[1]};`] : []))
+		.join(" ");
+</script>
+
+<label
+	class={`text-label ${className} ${extraClasses}`.trim()}
+	class:disabled
+	class:bold
+	class:italic
+	class:multiline
+	class:center-align={centerAlign}
+	class:table-align={tableAlign}
+	style:min-width={minWidth > 0 ? `${minWidth}px` : undefined}
+	style={`${styleName} ${extraStyles}`.trim() || undefined}
+	title={tooltip}
+	for={checkboxId !== undefined ? `checkbox-input-${checkboxId}` : undefined}
+>
+	<slot />
+</label>
+
+<style lang="scss" global>
+	.text-label {
+		line-height: 18px;
+		white-space: nowrap;
+		// Force Safari to not draw a text cursor, even though this element has `user-select: none`
+		cursor: default;
+
+		&.disabled {
+			color: var(--color-8-uppergray);
+		}
+
+		&.bold {
+			font-weight: 700;
+		}
+
+		&.italic {
+			font-style: italic;
+		}
+
+		&.multiline {
+			white-space: pre-wrap;
+			margin: 4px 0;
+		}
+
+		&.center-align {
+			text-align: center;
+		}
+
+		&.table-align {
+			flex: 0 0 30%;
+			text-align: right;
+		}
+	}
+</style>
diff --git a/frontend/src/components/widgets/labels/UserInputLabel.svelte b/frontend/src/components/widgets/labels/UserInputLabel.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f19d99d5e0655ba75efba9f96af7f18005185235
--- /dev/null
+++ b/frontend/src/components/widgets/labels/UserInputLabel.svelte
@@ -0,0 +1,269 @@
+<script lang="ts">
+	import { getContext } from "svelte";
+
+	import { type KeyRaw, type LayoutKeysGroup, type Key, type MouseMotion } from "@graphite/messages";
+	import type { FullscreenState } from "@graphite/state-providers/fullscreen";
+	import type { IconName } from "@graphite/utility-functions/icons";
+	import { platformIsMac } from "@graphite/utility-functions/platform";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	type LabelData = { label?: string; icon?: IconName; width: string };
+
+	// Keys that become icons if they are listed here with their units of width
+	const ICON_WIDTHS_MAC = {
+		Shift: 2,
+		Control: 2,
+		Option: 2,
+		Command: 2,
+	};
+	const ICON_WIDTHS = {
+		ArrowUp: 1,
+		ArrowRight: 1,
+		ArrowDown: 1,
+		ArrowLeft: 1,
+		Backspace: 2,
+		Enter: 2,
+		Tab: 2,
+		Space: 3,
+		...(platformIsMac() ? ICON_WIDTHS_MAC : {}),
+	};
+
+	const fullscreen = getContext<FullscreenState>("fullscreen");
+
+	export let keysWithLabelsGroups: LayoutKeysGroup[] = [];
+	export let mouseMotion: MouseMotion | undefined = undefined;
+	export let requiresLock = false;
+	export let textOnly = false;
+
+	$: keyboardLockInfoMessage = watchKeyboardLockInfoMessage(fullscreen.keyboardLockApiSupported);
+
+	$: displayKeyboardLockNotice = requiresLock && !$fullscreen.keyboardLocked;
+
+	function watchKeyboardLockInfoMessage(keyboardLockApiSupported: boolean): string {
+		const RESERVED = "This hotkey is reserved by the browser. ";
+		const USE_FULLSCREEN = "It is made available in fullscreen mode.";
+		const USE_SECURE_CTX = "It is made available in fullscreen mode when this website is served from a secure context (https or localhost).";
+		const SWITCH_BROWSER = "Use a Chromium-based browser (like Chrome or Edge) in fullscreen mode to directly use the shortcut.";
+
+		if (keyboardLockApiSupported) return `${RESERVED} ${USE_FULLSCREEN}`;
+		if (!("chrome" in window)) return `${RESERVED} ${SWITCH_BROWSER}`;
+		if (!window.isSecureContext) return `${RESERVED} ${USE_SECURE_CTX}`;
+		return RESERVED;
+	}
+
+	function keyTextOrIconList(keyGroup: LayoutKeysGroup): LabelData[] {
+		return keyGroup.map((key) => keyTextOrIcon(key));
+	}
+
+	function keyTextOrIcon(keyWithLabel: Key): LabelData {
+		// `key` is the name of the `Key` enum in Rust, while `label` is the localized string to display (if it doesn't become an icon)
+		let key = keyWithLabel.key;
+		const label = keyWithLabel.label;
+
+		// Replace Alt and Accel keys with their Mac-specific equivalents
+		if (platformIsMac()) {
+			if (key === "Alt") key = "Option";
+			if (key === "Accel") key = "Command";
+		}
+
+		// Either display an icon...
+		// @ts-expect-error We want undefined if it isn't in the object
+		const iconWidth: number | undefined = ICON_WIDTHS[key];
+		const icon = iconWidth !== undefined && iconWidth > 0 && (keyboardHintIcon(key) || false);
+		if (icon) return { icon, width: `width-${iconWidth}` };
+
+		// ...or display text
+		return { label, width: `width-${label.length}` };
+	}
+
+	function mouseHintIcon(input?: MouseMotion): IconName {
+		return `MouseHint${input}` as IconName;
+	}
+
+	function keyboardHintIcon(input: KeyRaw): IconName | undefined {
+		switch (input) {
+			case "ArrowDown":
+				return "KeyboardArrowDown";
+			case "ArrowLeft":
+				return "KeyboardArrowLeft";
+			case "ArrowRight":
+				return "KeyboardArrowRight";
+			case "ArrowUp":
+				return "KeyboardArrowUp";
+			case "Backspace":
+				return "KeyboardBackspace";
+			case "Command":
+				return "KeyboardCommand";
+			case "Control":
+				return "KeyboardControl";
+			case "Enter":
+				return "KeyboardEnter";
+			case "Option":
+				return "KeyboardOption";
+			case "Shift":
+				return "KeyboardShift";
+			case "Space":
+				return "KeyboardSpace";
+			case "Tab":
+				return "KeyboardTab";
+			default:
+				return undefined;
+		}
+	}
+</script>
+
+{#if displayKeyboardLockNotice}
+	<IconLabel class="user-input-label keyboard-lock-notice" icon="Info" tooltip={keyboardLockInfoMessage} />
+{:else}
+	<LayoutRow class="user-input-label" classes={{ "text-only": textOnly }}>
+		{#each keysWithLabelsGroups as keysWithLabels, groupIndex}
+			{#if groupIndex > 0}
+				<Separator type="Related" />
+			{/if}
+			{#each keyTextOrIconList(keysWithLabels) as keyInfo}
+				<div class={`input-key ${keyInfo.width}`}>
+					{#if keyInfo.icon}
+						<IconLabel icon={keyInfo.icon} />
+					{:else if keyInfo.label !== undefined}
+						<TextLabel>{keyInfo.label}</TextLabel>
+					{/if}
+				</div>
+			{/each}
+		{/each}
+		{#if mouseMotion}
+			<div class="input-mouse">
+				<IconLabel icon={mouseHintIcon(mouseMotion)} />
+			</div>
+		{/if}
+		{#if $$slots.default}
+			<div class="hint-text">
+				<slot />
+			</div>
+		{/if}
+	</LayoutRow>
+{/if}
+
+<style lang="scss" global>
+	.user-input-label {
+		flex: 0 0 auto;
+		align-items: center;
+		white-space: nowrap;
+
+		&.text-only {
+			display: flex;
+
+			.input-key {
+				display: flex;
+				align-items: center;
+
+				.icon-label {
+					margin: calc(calc(18px - 12px) / 2) 0;
+				}
+
+				& + .input-key {
+					margin-left: 4px;
+				}
+			}
+		}
+
+		&:not(.text-only) {
+			.input-key,
+			.input-mouse {
+				& + .input-key,
+				& + .input-mouse {
+					margin-left: 2px;
+				}
+			}
+
+			.input-key {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-family: "Inconsolata", monospace;
+				font-weight: 400;
+				text-align: center;
+				height: 16px;
+				box-sizing: border-box;
+				border: 1px solid;
+				border-radius: 4px;
+				border-color: var(--color-5-dullgray);
+				color: var(--color-e-nearwhite);
+
+				.text-label {
+					// Firefox renders the text 1px lower than Chrome (tested on Windows) with 16px line-height,
+					// so moving it up 1 pixel by using 15px makes them agree.
+					line-height: 15px;
+				}
+
+				&.width-1 {
+					width: 16px;
+				}
+
+				&.width-2 {
+					width: 24px;
+				}
+
+				&.width-3 {
+					width: 32px;
+				}
+
+				&.width-4 {
+					width: 40px;
+				}
+
+				&.width-5 {
+					width: 48px;
+				}
+
+				.icon-label {
+					margin: 1px;
+				}
+			}
+		}
+
+		.input-mouse {
+			.bright {
+				fill: var(--color-e-nearwhite);
+			}
+
+			.dim {
+				fill: var(--color-8-uppergray);
+			}
+		}
+
+		.hint-text:not(:empty) {
+			margin-left: 4px;
+		}
+
+		.floating-menu-content .row > & {
+			.input-key {
+				border-color: var(--color-3-darkgray);
+				color: var(--color-8-uppergray);
+			}
+
+			.input-key .icon-label svg,
+			&.keyboard-lock-notice.keyboard-lock-notice svg,
+			.input-mouse .bright {
+				fill: var(--color-8-uppergray);
+			}
+
+			.input-mouse .dim {
+				fill: var(--color-3-darkgray);
+			}
+		}
+
+		.floating-menu-content .row:hover > & {
+			.input-key {
+				border-color: var(--color-8-uppergray);
+			}
+
+			.input-mouse .dim {
+				fill: var(--color-8-uppergray);
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/window/MainWindow.svelte b/frontend/src/components/window/MainWindow.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..971f571cb843fcfd237741dceca75248278e1ed5
--- /dev/null
+++ b/frontend/src/components/window/MainWindow.svelte
@@ -0,0 +1,29 @@
+<script lang="ts" context="module">
+	export type ApplicationPlatform = "Windows" | "Mac" | "Linux" | "Web";
+</script>
+
+<script lang="ts">
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import StatusBar from "@graphite/components/window/status-bar/StatusBar.svelte";
+	import TitleBar from "@graphite/components/window/title-bar/TitleBar.svelte";
+	import Workspace from "@graphite/components/window/workspace/Workspace.svelte";
+
+	let platform: ApplicationPlatform = "Web";
+	let maximized: true;
+</script>
+
+<LayoutCol class="main-window">
+	<TitleBar {platform} {maximized} />
+
+	<Workspace />
+
+	<StatusBar />
+</LayoutCol>
+
+<style lang="scss" global>
+	.main-window {
+		height: 100%;
+		overflow: auto;
+		touch-action: none;
+	}
+</style>
diff --git a/frontend/src/components/window/status-bar/StatusBar.svelte b/frontend/src/components/window/status-bar/StatusBar.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..67991799b0f7f979086f0e0ab49eec924ed88442
--- /dev/null
+++ b/frontend/src/components/window/status-bar/StatusBar.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+	import { getContext, onMount } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import { type HintData, type HintInfo, type LayoutKeysGroup, UpdateInputHints } from "@graphite/messages";
+	import { platformIsMac } from "@graphite/utility-functions/platform";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import Separator from "@graphite/components/widgets/labels/Separator.svelte";
+	import UserInputLabel from "@graphite/components/widgets/labels/UserInputLabel.svelte";
+
+	const editor = getContext<Editor>("editor");
+
+	let hintData: HintData = [];
+
+	function inputKeysForPlatform(hint: HintInfo): LayoutKeysGroup[] {
+		if (platformIsMac() && hint.keyGroupsMac) return hint.keyGroupsMac;
+		return hint.keyGroups;
+	}
+
+	onMount(() => {
+		editor.subscriptions.subscribeJsMessage(UpdateInputHints, (data) => {
+			hintData = data.hintData;
+		});
+	});
+</script>
+
+<LayoutRow class="status-bar">
+	<LayoutRow class="hint-groups">
+		{#each hintData as hintGroup, index (hintGroup)}
+			{#if index !== 0}
+				<Separator type={"Section"} />
+			{/if}
+			{#each hintGroup as hint (hint)}
+				{#if hint.plus}
+					<LayoutRow class="plus">+</LayoutRow>
+				{/if}
+				{#if hint.slash}
+					<LayoutRow class="slash">/</LayoutRow>
+				{/if}
+				<UserInputLabel mouseMotion={hint.mouse} keysWithLabelsGroups={inputKeysForPlatform(hint)}>{hint.label}</UserInputLabel>
+			{/each}
+		{/each}
+	</LayoutRow>
+</LayoutRow>
+
+<style lang="scss" global>
+	.status-bar {
+		height: 24px;
+		width: 100%;
+		flex: 0 0 auto;
+
+		.hint-groups {
+			flex: 0 0 auto;
+			max-width: 100%;
+			margin: 0 -4px;
+			overflow: hidden;
+
+			.separator.section {
+				// Width of section separator (12px) minus the margin of the surrounding user input labels (8px)
+				margin: 0 calc(12px - 8px);
+			}
+
+			.plus,
+			.slash {
+				flex: 0 0 auto;
+				align-items: center;
+				font-weight: 700;
+			}
+
+			.user-input-label {
+				margin: 0 8px;
+
+				& + .user-input-label {
+					margin-left: 0;
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/window/title-bar/TitleBar.svelte b/frontend/src/components/window/title-bar/TitleBar.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a41b26d0bc8dd0540b05fc14a61c101ff0c42bde
--- /dev/null
+++ b/frontend/src/components/window/title-bar/TitleBar.svelte
@@ -0,0 +1,122 @@
+<script lang="ts" context="module">
+	export type Platform = "Windows" | "Mac" | "Linux" | "Web";
+</script>
+
+<script lang="ts">
+	import { getContext, onMount } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import { type KeyRaw, type LayoutKeysGroup, type MenuBarEntry, type MenuListEntry, UpdateMenuBarLayout } from "@graphite/messages";
+	import type { PortfolioState } from "@graphite/state-providers/portfolio";
+	import { platformIsMac } from "@graphite/utility-functions/platform";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
+	import WindowButtonsMac from "@graphite/components/window/title-bar/WindowButtonsMac.svelte";
+	import WindowButtonsWeb from "@graphite/components/window/title-bar/WindowButtonsWeb.svelte";
+	import WindowButtonsWindows from "@graphite/components/window/title-bar/WindowButtonsWindows.svelte";
+	import WindowTitle from "@graphite/components/window/title-bar/WindowTitle.svelte";
+
+	export let platform: Platform;
+	export let maximized: boolean;
+
+	const editor = getContext<Editor>("editor");
+	const portfolio = getContext<PortfolioState>("portfolio");
+
+	// TODO: Apparently, Safari does not support the Keyboard.lock() API but does relax its authority over certain keyboard shortcuts in fullscreen mode, which we should take advantage of
+	const ACCEL_KEY = platformIsMac() ? "Command" : "Control";
+	const LOCK_REQUIRING_SHORTCUTS: KeyRaw[][] = [
+		[ACCEL_KEY, "KeyW"],
+		[ACCEL_KEY, "KeyN"],
+		[ACCEL_KEY, "Shift", "KeyN"],
+		[ACCEL_KEY, "KeyT"],
+		[ACCEL_KEY, "Shift", "KeyT"],
+	];
+
+	let entries: MenuListEntry[] = [];
+
+	$: docIndex = $portfolio.activeDocumentIndex;
+	$: displayName = $portfolio.documents[docIndex]?.displayName || "";
+	$: windowTitle = `${displayName}${displayName && " - "}Graphite`;
+
+	onMount(() => {
+		const arraysEqual = (a: KeyRaw[], b: KeyRaw[]): boolean => a.length === b.length && a.every((aValue, i) => aValue === b[i]);
+		const shortcutRequiresLock = (shortcut: LayoutKeysGroup): boolean => {
+			const shortcutKeys = shortcut.map((keyWithLabel) => keyWithLabel.key);
+
+			// If this shortcut matches any of the browser-reserved shortcuts
+			return LOCK_REQUIRING_SHORTCUTS.some((lockKeyCombo) => arraysEqual(shortcutKeys, lockKeyCombo));
+		};
+
+		editor.subscriptions.subscribeJsMessage(UpdateMenuBarLayout, (updateMenuBarLayout) => {
+			const menuBarEntryToMenuListEntry = (entry: MenuBarEntry): MenuListEntry => ({
+				// From `MenuEntryCommon`
+				...entry,
+
+				// Shared names with fields that need to be converted from the type used in `MenuBarEntry` to that of `MenuListEntry`
+				action: () => editor.handle.widgetValueCommitAndUpdate(updateMenuBarLayout.layoutTarget, entry.action.widgetId, undefined),
+				children: entry.children ? entry.children.map((entries) => entries.map((entry) => menuBarEntryToMenuListEntry(entry))) : undefined,
+
+				// New fields in `MenuListEntry`
+				shortcutRequiresLock: entry.shortcut ? shortcutRequiresLock(entry.shortcut.keys) : undefined,
+				value: "",
+				disabled: entry.disabled ?? undefined,
+				font: undefined,
+			});
+
+			entries = updateMenuBarLayout.layout.map(menuBarEntryToMenuListEntry);
+		});
+	});
+</script>
+
+<LayoutRow class="title-bar">
+	<!-- Menu bar (or on Mac: window buttons) -->
+	<LayoutRow class="left">
+		{#if platform === "Mac"}
+			<WindowButtonsMac {maximized} />
+		{:else}
+			{#each entries as entry}
+				<TextButton label={entry.label} icon={entry.icon} menuListChildren={entry.children} action={entry.action} flush={true} />
+			{/each}
+		{/if}
+	</LayoutRow>
+	<!-- Document title -->
+	<LayoutRow class="center">
+		<WindowTitle text={windowTitle} />
+	</LayoutRow>
+	<!-- Window buttons (except on Mac) -->
+	<LayoutRow class="right">
+		{#if platform === "Windows" || platform === "Linux"}
+			<WindowButtonsWindows {maximized} />
+		{:else if platform === "Web"}
+			<WindowButtonsWeb />
+		{/if}
+	</LayoutRow>
+</LayoutRow>
+
+<style lang="scss" global>
+	.title-bar {
+		height: 28px;
+		flex: 0 0 auto;
+
+		> .layout-row {
+			flex: 1 1 100%;
+
+			&.left {
+				justify-content: flex-start;
+			}
+
+			&.center {
+				justify-content: center;
+			}
+
+			&.right {
+				justify-content: flex-end;
+			}
+		}
+
+		.text-button {
+			height: 28px;
+		}
+	}
+</style>
diff --git a/frontend/src/components/window/title-bar/WindowButtonsMac.svelte b/frontend/src/components/window/title-bar/WindowButtonsMac.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..d48a6d83b3094e3a66b1c92db7edf9384c7aaef1
--- /dev/null
+++ b/frontend/src/components/window/title-bar/WindowButtonsMac.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+
+	export let maximized = false;
+</script>
+
+<LayoutRow class="window-buttons-mac">
+	<div class="close" title="Close" />
+	<div class="minimize" title={maximized ? "Minimize" : "Maximize"} />
+	<div class="zoom" title="Zoom" />
+</LayoutRow>
+
+<style lang="scss" global>
+	.window-buttons-mac {
+		flex: 0 0 auto;
+		align-items: center;
+		margin: 0 8px;
+
+		div {
+			flex: 0 0 auto;
+			align-items: center;
+			width: 11px;
+			height: 11px;
+			border-radius: 50%;
+
+			& + div {
+				margin-left: 8px;
+			}
+
+			&.close {
+				background: #ff5a52;
+			}
+
+			&.minimize {
+				background: #e6c029;
+			}
+
+			&.zoom {
+				background: #54c22b;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/window/title-bar/WindowButtonsWeb.svelte b/frontend/src/components/window/title-bar/WindowButtonsWeb.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..12c8494da9d1a5f071c16cfd8567f7ea7eebaa4d
--- /dev/null
+++ b/frontend/src/components/window/title-bar/WindowButtonsWeb.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+	import { getContext } from "svelte";
+
+	import type { FullscreenState } from "@graphite/state-providers/fullscreen";
+
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	const fullscreen = getContext<FullscreenState>("fullscreen");
+
+	$: requestFullscreenHotkeys = fullscreen.keyboardLockApiSupported && !$fullscreen.keyboardLocked;
+
+	async function handleClick() {
+		if ($fullscreen.windowFullscreen) fullscreen.exitFullscreen();
+		else fullscreen.enterFullscreen();
+	}
+</script>
+
+<LayoutRow class="window-buttons-web" on:click={() => handleClick()} tooltip={($fullscreen.windowFullscreen ? "Exit" : "Enter") + " Fullscreen (F11)"}>
+	{#if requestFullscreenHotkeys}
+		<TextLabel italic={true}>Go fullscreen to access all hotkeys</TextLabel>
+	{/if}
+	<IconLabel icon={$fullscreen.windowFullscreen ? "FullscreenExit" : "FullscreenEnter"} />
+</LayoutRow>
+
+<style lang="scss" global>
+	.window-buttons-web {
+		flex: 0 0 auto;
+		align-items: center;
+		padding: 0 8px;
+
+		svg {
+			fill: var(--color-e-nearwhite);
+		}
+
+		.text-label {
+			margin-right: 8px;
+		}
+
+		&:hover {
+			background: var(--color-6-lowergray);
+			color: var(--color-f-white);
+
+			svg {
+				fill: var(--color-f-white);
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/window/title-bar/WindowButtonsWindows.svelte b/frontend/src/components/window/title-bar/WindowButtonsWindows.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..267e98587e5bcca23d8536a01e3b077373e27951
--- /dev/null
+++ b/frontend/src/components/window/title-bar/WindowButtonsWindows.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+
+	export let maximized = false;
+</script>
+
+<LayoutRow class="window-button windows minimize" tooltip="Minimize">
+	<IconLabel icon={"WindowButtonWinMinimize"} />
+</LayoutRow>
+{#if !maximized}
+	<LayoutRow class="window-button windows maximize" tooltip="Maximize">
+		<IconLabel icon={"WindowButtonWinMaximize"} />
+	</LayoutRow>
+{:else}
+	<LayoutRow class="window-button windows restore-down" tooltip="Restore Down">
+		<IconLabel icon={"WindowButtonWinRestoreDown"} />
+	</LayoutRow>
+{/if}
+<LayoutRow class="window-button windows close" tooltip="Close">
+	<IconLabel icon={"WindowButtonWinClose"} />
+</LayoutRow>
+
+<style lang="scss" global>
+	.window-button.windows {
+		flex: 0 0 auto;
+		align-items: center;
+		padding: 0 17px;
+
+		svg {
+			fill: var(--color-e-nearwhite);
+		}
+
+		&:hover {
+			background: var(--color-6-lowergray);
+
+			svg {
+				fill: var(--color-f-white);
+			}
+		}
+
+		&.close:hover {
+			background: #e81123;
+		}
+	}
+</style>
diff --git a/frontend/src/components/window/title-bar/WindowTitle.svelte b/frontend/src/components/window/title-bar/WindowTitle.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f0af261cdf4bbdb84a11ae124843fe8f6df8ca28
--- /dev/null
+++ b/frontend/src/components/window/title-bar/WindowTitle.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+
+	export let text: string;
+</script>
+
+<LayoutRow class="window-title">
+	<TextLabel>{text}</TextLabel>
+</LayoutRow>
+
+<style lang="scss" global>
+	.window-title {
+		flex: 0 0 auto;
+		align-items: center;
+		white-space: nowrap;
+		padding: 0 8px;
+	}
+</style>
diff --git a/frontend/src/components/window/workspace/Panel.svelte b/frontend/src/components/window/workspace/Panel.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..551dfca2c96e4c6fa69e99a33acddf914520a4ac
--- /dev/null
+++ b/frontend/src/components/window/workspace/Panel.svelte
@@ -0,0 +1,340 @@
+<script lang="ts" context="module">
+	import Document from "@graphite/components/panels/Document.svelte";
+	import Layers from "@graphite/components/panels/Layers.svelte";
+	import Properties from "@graphite/components/panels/Properties.svelte";
+	import Spreadsheet from "@graphite/components/panels/Spreadsheet.svelte";
+
+	const PANEL_COMPONENTS = {
+		Document,
+		Layers,
+		Properties,
+		Spreadsheet,
+	};
+	type PanelType = keyof typeof PANEL_COMPONENTS;
+</script>
+
+<script lang="ts">
+	import { getContext, tick } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import { type LayoutKeysGroup, type Key } from "@graphite/messages";
+	import { platformIsMac, isEventSupported } from "@graphite/utility-functions/platform";
+
+	import { extractPixelData } from "@graphite/utility-functions/rasterization";
+
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import IconButton from "@graphite/components/widgets/buttons/IconButton.svelte";
+	import TextButton from "@graphite/components/widgets/buttons/TextButton.svelte";
+	import IconLabel from "@graphite/components/widgets/labels/IconLabel.svelte";
+	import TextLabel from "@graphite/components/widgets/labels/TextLabel.svelte";
+	import UserInputLabel from "@graphite/components/widgets/labels/UserInputLabel.svelte";
+
+	const BUTTON_MIDDLE = 1;
+
+	const editor = getContext<Editor>("editor");
+
+	export let tabMinWidths = false;
+	export let tabCloseButtons = false;
+	export let tabLabels: { name: string; tooltip?: string }[];
+	export let tabActiveIndex: number;
+	export let panelType: PanelType | undefined = undefined;
+	export let clickAction: ((index: number) => void) | undefined = undefined;
+	export let closeAction: ((index: number) => void) | undefined = undefined;
+
+	let tabElements: (LayoutRow | undefined)[] = [];
+
+	function platformModifiers(reservedKey: boolean): LayoutKeysGroup {
+		// TODO: Remove this by properly feeding these keys from a layout provided by the backend
+
+		const ALT: Key = { key: "Alt", label: "Alt" };
+		const COMMAND: Key = { key: "Command", label: "Command" };
+		const CONTROL: Key = { key: "Control", label: "Ctrl" };
+
+		if (platformIsMac()) return reservedKey ? [ALT, COMMAND] : [COMMAND];
+		return reservedKey ? [CONTROL, ALT] : [CONTROL];
+	}
+
+	function dropFile(e: DragEvent) {
+		if (!e.dataTransfer) return;
+
+		e.preventDefault();
+
+		Array.from(e.dataTransfer.items).forEach(async (item) => {
+			const file = item.getAsFile();
+			if (!file) return;
+
+			if (file.type.includes("svg")) {
+				const svgData = await file.text();
+				editor.handle.pasteSvg(file.name, svgData);
+				return;
+			}
+
+			if (file.type.startsWith("image")) {
+				const imageData = await extractPixelData(file);
+				editor.handle.pasteImage(file.name, new Uint8Array(imageData.data), imageData.width, imageData.height);
+				return;
+			}
+
+			if (file.name.endsWith(".graphite")) {
+				const content = await file.text();
+				editor.handle.openDocumentFile(file.name, content);
+				return;
+			}
+		});
+	}
+
+	export async function scrollTabIntoView(newIndex: number) {
+		await tick();
+		tabElements[newIndex]?.div?.()?.scrollIntoView();
+	}
+</script>
+
+<LayoutCol class="panel" on:pointerdown={() => panelType && editor.handle.setActivePanel(panelType)}>
+	<LayoutRow class="tab-bar" classes={{ "min-widths": tabMinWidths }}>
+		<LayoutRow class="tab-group" scrollableX={true}>
+			{#each tabLabels as tabLabel, tabIndex}
+				<LayoutRow
+					class="tab"
+					classes={{ active: tabIndex === tabActiveIndex }}
+					tooltip={tabLabel.tooltip || undefined}
+					on:click={(e) => {
+						e.stopPropagation();
+						clickAction?.(tabIndex);
+					}}
+					on:auxclick={(e) => {
+						// Middle mouse button click
+						if (e.button === BUTTON_MIDDLE) {
+							e.stopPropagation();
+							closeAction?.(tabIndex);
+						}
+					}}
+					on:mouseup={(e) => {
+						// Middle mouse button click fallback for Safari:
+						// https://developer.mozilla.org/en-US/docs/Web/API/Element/auxclick_event#browser_compatibility
+						// The downside of using mouseup is that the mousedown didn't have to originate in the same element.
+						// A possible future improvement could save the target element during mousedown and check if it's the same here.
+						if (!isEventSupported("auxclick") && e.button === BUTTON_MIDDLE) {
+							e.stopPropagation();
+							closeAction?.(tabIndex);
+						}
+					}}
+					bind:this={tabElements[tabIndex]}
+				>
+					<TextLabel>{tabLabel.name}</TextLabel>
+					{#if tabCloseButtons}
+						<IconButton
+							action={(e) => {
+								e?.stopPropagation();
+								closeAction?.(tabIndex);
+							}}
+							icon="CloseX"
+							size={16}
+						/>
+					{/if}
+				</LayoutRow>
+			{/each}
+		</LayoutRow>
+		<!-- <PopoverButton style="VerticalEllipsis">
+			<TextLabel bold={true}>Panel Options</TextLabel>
+			<TextLabel multiline={true}>Coming soon</TextLabel>
+		</PopoverButton> -->
+	</LayoutRow>
+	<LayoutCol class="panel-body">
+		{#if panelType}
+			<svelte:component this={PANEL_COMPONENTS[panelType]} />
+		{:else}
+			<LayoutCol class="empty-panel" on:dragover={(e) => e.preventDefault()} on:drop={dropFile}>
+				<LayoutCol class="content">
+					<LayoutRow class="logotype">
+						<IconLabel icon="GraphiteLogotypeSolid" />
+					</LayoutRow>
+					<LayoutRow class="actions">
+						<table>
+							<tr>
+								<td>
+									<TextButton label="New Document" icon="File" flush={true} action={() => editor.handle.newDocumentDialog()} />
+								</td>
+								<td>
+									<UserInputLabel keysWithLabelsGroups={[[...platformModifiers(true), { key: "KeyN", label: "N" }]]} />
+								</td>
+							</tr>
+							<tr>
+								<td>
+									<TextButton label="Open Document" icon="Folder" flush={true} action={() => editor.handle.openDocument()} />
+								</td>
+								<td>
+									<UserInputLabel keysWithLabelsGroups={[[...platformModifiers(false), { key: "KeyO", label: "O" }]]} />
+								</td>
+							</tr>
+							<tr>
+								<td colspan="2">
+									<TextButton label="Open Demo Artwork" icon="Image" flush={true} action={() => editor.handle.demoArtworkDialog()} />
+								</td>
+							</tr>
+							<tr>
+								<td colspan="2">
+									<TextButton label="Support the Development Fund" icon="Heart" flush={true} action={() => editor.handle.visitUrl("https://graphite.rs/donate/")} />
+								</td>
+							</tr>
+						</table>
+					</LayoutRow>
+				</LayoutCol>
+			</LayoutCol>
+		{/if}
+	</LayoutCol>
+</LayoutCol>
+
+<style lang="scss" global>
+	.panel {
+		background: var(--color-1-nearblack);
+		border-radius: 6px;
+		overflow: hidden;
+
+		.tab-bar {
+			height: 28px;
+			min-height: auto;
+
+			&.min-widths .tab-group .tab {
+				min-width: 120px;
+				max-width: 360px;
+			}
+
+			.tab-group {
+				flex: 1 1 100%;
+				position: relative;
+
+				// This always hangs out at the end of the last tab, providing 16px (15px plus the 1px reserved for the separator line) to the right of the tabs.
+				// When the last tab is selected, its bottom rounded fillet adds 16px to the width, which stretches the scrollbar width allocation in only that situation.
+				// This pseudo-element ensures we always reserve that space to prevent the scrollbar from jumping when the last tab is selected.
+				// There is unfortunately no apparent way to remove that 16px gap from the end of the scroll container, since negative margin does not reduce the scrollbar allocation.
+				&::after {
+					content: "";
+					width: 15px;
+					flex: 0 0 auto;
+				}
+
+				.tab {
+					flex: 0 1 auto;
+					height: 28px;
+					padding: 0 8px;
+					align-items: center;
+					position: relative;
+
+					&.active {
+						background: var(--color-3-darkgray);
+						border-radius: 6px 6px 0 0;
+						position: relative;
+
+						&:not(:first-child)::before,
+						&::after {
+							content: "";
+							width: 16px;
+							height: 8px;
+							position: absolute;
+							bottom: 0;
+						}
+
+						&:not(:first-child)::before {
+							left: -16px;
+							border-bottom-right-radius: 8px;
+							box-shadow: 8px 0 0 0 var(--color-3-darkgray);
+						}
+
+						&::after {
+							right: -16px;
+							border-bottom-left-radius: 8px;
+							box-shadow: -8px 0 0 0 var(--color-3-darkgray);
+						}
+					}
+
+					.text-label {
+						flex: 1 1 100%;
+						overflow-x: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						// Height and line-height required because https://stackoverflow.com/a/21611191/775283
+						height: 28px;
+						line-height: 28px;
+					}
+
+					.icon-button {
+						margin-left: 8px;
+					}
+
+					& + .tab {
+						margin-left: 1px;
+					}
+
+					&:not(.active) + .tab:not(.active)::before {
+						content: "";
+						position: absolute;
+						left: -1px;
+						width: 1px;
+						height: 16px;
+						background: var(--color-4-dimgray);
+					}
+
+					&:last-of-type {
+						margin-right: 1px;
+
+						&:not(.active)::after {
+							content: "";
+							position: absolute;
+							right: -1px;
+							width: 1px;
+							height: 16px;
+							background: var(--color-4-dimgray);
+						}
+					}
+				}
+			}
+
+			// .popover-button {
+			// 	margin: 2px 4px;
+			// }
+		}
+
+		.panel-body {
+			background: var(--color-3-darkgray);
+			flex: 1 1 100%;
+			flex-direction: column;
+
+			> div {
+				padding-bottom: 4px;
+			}
+
+			.empty-panel {
+				background: var(--color-2-mildblack);
+				margin: 4px;
+				border-radius: 2px;
+				justify-content: center;
+
+				.content {
+					flex: 0 0 auto;
+					align-items: center;
+
+					.logotype {
+						margin-bottom: 40px;
+
+						svg {
+							width: auto;
+							height: 120px;
+						}
+					}
+
+					.actions {
+						table {
+							border-spacing: 8px;
+							margin: -8px;
+
+							td {
+								padding: 0;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/components/window/workspace/Workspace.svelte b/frontend/src/components/window/workspace/Workspace.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4d22dd5634817c79b88c70da09e007e420850a73
--- /dev/null
+++ b/frontend/src/components/window/workspace/Workspace.svelte
@@ -0,0 +1,200 @@
+<script lang="ts">
+	import { getContext } from "svelte";
+
+	import type { Editor } from "@graphite/editor";
+	import type { FrontendDocumentDetails } from "@graphite/messages";
+	import type { DialogState } from "@graphite/state-providers/dialog";
+	import type { PortfolioState } from "@graphite/state-providers/portfolio";
+
+	import Dialog from "@graphite/components/floating-menus/Dialog.svelte";
+	import LayoutCol from "@graphite/components/layout/LayoutCol.svelte";
+	import LayoutRow from "@graphite/components/layout/LayoutRow.svelte";
+	import Panel from "@graphite/components/window/workspace/Panel.svelte";
+
+	const MIN_PANEL_SIZE = 100;
+	const PANEL_SIZES = {
+		/**/ root: 100,
+		/*   ├─ */ content: 80,
+		/*   │     ├─ */ document: 70,
+		/*   │     └─ */ spreadsheet: 30,
+		/*   └─ */ details: 20,
+		/*         ├─ */ properties: 45,
+		/*         └─ */ layers: 55,
+	};
+
+	let panelSizes = PANEL_SIZES;
+	let documentPanel: Panel | undefined;
+	let gutterResizeRestore: [number, number] | undefined = undefined;
+	let pointerCaptureId: number | undefined = undefined;
+
+	$: documentPanel?.scrollTabIntoView($portfolio.activeDocumentIndex);
+
+	$: documentTabLabels = $portfolio.documents.map((doc: FrontendDocumentDetails) => {
+		const name = doc.displayName;
+
+		if (!editor.handle.inDevelopmentMode()) return { name };
+
+		const tooltip = `Document ID: ${doc.id}`;
+		return { name, tooltip };
+	});
+
+	const editor = getContext<Editor>("editor");
+	const portfolio = getContext<PortfolioState>("portfolio");
+	const dialog = getContext<DialogState>("dialog");
+
+	function resizePanel(e: PointerEvent) {
+		const gutter = (e.target || undefined) as HTMLDivElement | undefined;
+		const nextSibling = (gutter?.nextElementSibling || undefined) as HTMLDivElement | undefined;
+		const prevSibling = (gutter?.previousElementSibling || undefined) as HTMLDivElement | undefined;
+		const parentElement = (gutter?.parentElement || undefined) as HTMLDivElement | undefined;
+
+		const nextSiblingName = (nextSibling?.getAttribute("data-subdivision-name") || undefined) as keyof typeof PANEL_SIZES;
+		const prevSiblingName = (prevSibling?.getAttribute("data-subdivision-name") || undefined) as keyof typeof PANEL_SIZES;
+
+		if (!gutter || !nextSibling || !prevSibling || !parentElement || !nextSiblingName || !prevSiblingName) return;
+
+		// Are we resizing horizontally?
+		const isHorizontal = gutter.getAttribute("data-gutter-horizontal") !== null;
+
+		// Get the current size in px of the panels being resized and the gutter
+		const gutterSize = isHorizontal ? gutter.getBoundingClientRect().width : gutter.getBoundingClientRect().height;
+		const nextSiblingSize = isHorizontal ? nextSibling.getBoundingClientRect().width : nextSibling.getBoundingClientRect().height;
+		const prevSiblingSize = isHorizontal ? prevSibling.getBoundingClientRect().width : prevSibling.getBoundingClientRect().height;
+		const parentElementSize = isHorizontal ? parentElement.getBoundingClientRect().width : parentElement.getBoundingClientRect().height;
+
+		// Measure the resizing panels as a percentage of all sibling panels
+		const totalResizingSpaceOccupied = gutterSize + nextSiblingSize + prevSiblingSize;
+		const proportionBeingResized = totalResizingSpaceOccupied / parentElementSize;
+
+		// Prevent cursor flicker as mouse temporarily leaves the gutter
+		pointerCaptureId = e.pointerId;
+		gutter.setPointerCapture(pointerCaptureId);
+
+		const mouseStart = isHorizontal ? e.clientX : e.clientY;
+
+		const abortResize = () => {
+			if (pointerCaptureId) gutter.releasePointerCapture(pointerCaptureId);
+			removeListeners();
+
+			pointerCaptureId = e.pointerId;
+			gutter.setPointerCapture(pointerCaptureId);
+
+			if (gutterResizeRestore !== undefined) {
+				panelSizes[nextSiblingName] = gutterResizeRestore[0];
+				panelSizes[prevSiblingName] = gutterResizeRestore[1];
+				gutterResizeRestore = undefined;
+			}
+		};
+
+		const onPointerMove = (e: PointerEvent) => {
+			const mouseCurrent = isHorizontal ? e.clientX : e.clientY;
+			let mouseDelta = mouseStart - mouseCurrent;
+
+			mouseDelta = Math.max(nextSiblingSize + mouseDelta, MIN_PANEL_SIZE) - nextSiblingSize;
+			mouseDelta = prevSiblingSize - Math.max(prevSiblingSize - mouseDelta, MIN_PANEL_SIZE);
+
+			if (gutterResizeRestore === undefined) gutterResizeRestore = [panelSizes[nextSiblingName], panelSizes[prevSiblingName]];
+
+			panelSizes[nextSiblingName] = ((nextSiblingSize + mouseDelta) / totalResizingSpaceOccupied) * proportionBeingResized * 100;
+			panelSizes[prevSiblingName] = ((prevSiblingSize - mouseDelta) / totalResizingSpaceOccupied) * proportionBeingResized * 100;
+		};
+
+		const onPointerUp = () => {
+			gutterResizeRestore = undefined;
+			if (pointerCaptureId) gutter.releasePointerCapture(pointerCaptureId);
+			removeListeners();
+		};
+
+		const onMouseDown = (e: MouseEvent) => {
+			const BUTTONS_RIGHT = 0b0000_0010;
+			if (e.buttons & BUTTONS_RIGHT) abortResize();
+		};
+
+		const onKeyDown = (e: KeyboardEvent) => {
+			if (e.key === "Escape") abortResize();
+		};
+
+		const addListeners = () => {
+			document.addEventListener("pointermove", onPointerMove);
+			document.addEventListener("pointerup", onPointerUp);
+			document.addEventListener("mousedown", onMouseDown);
+			document.addEventListener("keydown", onKeyDown);
+		};
+
+		const removeListeners = () => {
+			document.removeEventListener("pointermove", onPointerMove);
+			document.removeEventListener("pointerup", onPointerUp);
+			document.removeEventListener("mousedown", onMouseDown);
+			document.removeEventListener("keydown", onKeyDown);
+		};
+
+		addListeners();
+	}
+</script>
+
+<LayoutRow class="workspace" data-workspace>
+	<LayoutRow class="workspace-grid-subdivision" styles={{ "flex-grow": panelSizes["root"] }} data-subdivision-name="root">
+		<LayoutCol class="workspace-grid-subdivision" styles={{ "flex-grow": panelSizes["content"] }} data-subdivision-name="content">
+			<LayoutRow class="workspace-grid-subdivision" styles={{ "flex-grow": panelSizes["document"] }} data-subdivision-name="document">
+				<Panel
+					panelType={$portfolio.documents.length > 0 ? "Document" : undefined}
+					tabCloseButtons={true}
+					tabMinWidths={true}
+					tabLabels={documentTabLabels}
+					clickAction={(tabIndex) => editor.handle.selectDocument($portfolio.documents[tabIndex].id)}
+					closeAction={(tabIndex) => editor.handle.closeDocumentWithConfirmation($portfolio.documents[tabIndex].id)}
+					tabActiveIndex={$portfolio.activeDocumentIndex}
+					bind:this={documentPanel}
+				/>
+			</LayoutRow>
+			{#if $portfolio.spreadsheetOpen}
+				<LayoutRow class="workspace-grid-resize-gutter" data-gutter-vertical on:pointerdown={(e) => resizePanel(e)} />
+				<LayoutRow class="workspace-grid-subdivision" styles={{ "flex-grow": panelSizes["spreadsheet"] }} data-subdivision-name="spreadsheet">
+					<Panel panelType="Spreadsheet" tabLabels={[{ name: "Spreadsheet" }]} tabActiveIndex={0} />
+				</LayoutRow>
+			{/if}
+		</LayoutCol>
+		<LayoutCol class="workspace-grid-resize-gutter" data-gutter-horizontal on:pointerdown={(e) => resizePanel(e)} />
+		<LayoutCol class="workspace-grid-subdivision" styles={{ "flex-grow": panelSizes["details"] }} data-subdivision-name="details">
+			<LayoutRow class="workspace-grid-subdivision" styles={{ "flex-grow": panelSizes["properties"] }} data-subdivision-name="properties">
+				<Panel panelType="Properties" tabLabels={[{ name: "Properties" }]} tabActiveIndex={0} />
+			</LayoutRow>
+			<LayoutRow class="workspace-grid-resize-gutter" data-gutter-vertical on:pointerdown={(e) => resizePanel(e)} />
+			<LayoutRow class="workspace-grid-subdivision" styles={{ "flex-grow": panelSizes["layers"] }} data-subdivision-name="layers">
+				<Panel panelType="Layers" tabLabels={[{ name: "Layers" }]} tabActiveIndex={0} />
+			</LayoutRow>
+		</LayoutCol>
+	</LayoutRow>
+	{#if $dialog.visible}
+		<Dialog />
+	{/if}
+</LayoutRow>
+
+<style lang="scss" global>
+	.workspace {
+		position: relative;
+		flex: 1 1 100%;
+
+		.workspace-grid-subdivision {
+			min-height: 28px;
+			flex: 1 1 0;
+
+			&.folded {
+				flex-grow: 0;
+				height: 0;
+			}
+		}
+
+		.workspace-grid-resize-gutter {
+			flex: 0 0 4px;
+
+			&.layout-row {
+				cursor: ns-resize;
+			}
+
+			&.layout-col {
+				cursor: ew-resize;
+			}
+		}
+	}
+</style>
diff --git a/frontend/src/editor.ts b/frontend/src/editor.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7dd6a98951d687a70a2d7b058d550de1c7c556fa
--- /dev/null
+++ b/frontend/src/editor.ts
@@ -0,0 +1,75 @@
+// import { panicProxy } from "@graphite/utility-functions/panic-proxy";
+import { type JsMessageType } from "@graphite/messages";
+import { createSubscriptionRouter, type SubscriptionRouter } from "@graphite/subscription-router";
+import init, { setRandomSeed, wasmMemory, EditorHandle } from "@graphite-frontend/wasm/pkg/graphite_wasm.js";
+
+export type Editor = {
+	raw: WebAssembly.Memory;
+	handle: EditorHandle;
+	subscriptions: SubscriptionRouter;
+};
+
+// `wasmImport` starts uninitialized because its initialization needs to occur asynchronously, and thus needs to occur by manually calling and awaiting `initWasm()`
+let wasmImport: WebAssembly.Memory | undefined;
+
+// Should be called asynchronously before `createEditor()`.
+export async function initWasm() {
+	// Skip if the WASM module is already initialized
+	if (wasmImport !== undefined) return;
+
+	// Import the WASM module JS bindings and wrap them in the panic proxy
+	// eslint-disable-next-line import/no-cycle
+	const wasm = await init();
+	for (const [name, f] of Object.entries(wasm)) {
+		if (name.startsWith("__node_registry")) f();
+	}
+
+	wasmImport = await wasmMemory();
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	(window as any).imageCanvases = {};
+
+	// Provide a random starter seed which must occur after initializing the WASM module, since WASM can't generate its own random numbers
+	const randomSeedFloat = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER);
+	const randomSeed = BigInt(randomSeedFloat);
+	setRandomSeed(randomSeed);
+}
+
+// Should be called after running `initWasm()` and its promise resolving.
+export function createEditor(): Editor {
+	// Raw: object containing several callable functions from `editor_api.rs` defined directly on the WASM module, not the `EditorHandle` struct (generated by wasm-bindgen)
+	if (!wasmImport) throw new Error("Editor WASM backend was not initialized at application startup");
+	const raw: WebAssembly.Memory = wasmImport;
+
+	// Handle: object containing many functions from `editor_api.rs` that are part of the `EditorHandle` struct (generated by wasm-bindgen)
+	const handle: EditorHandle = new EditorHandle((messageType: JsMessageType, messageData: Record<string, unknown>) => {
+		// This callback is called by WASM when a FrontendMessage is received from the WASM wrapper `EditorHandle`
+		// We pass along the first two arguments then add our own `raw` and `handle` context for the last two arguments
+		subscriptions.handleJsMessage(messageType, messageData, raw, handle);
+	});
+
+	// Subscriptions: allows subscribing to messages in JS that are sent from the WASM backend
+	const subscriptions: SubscriptionRouter = createSubscriptionRouter();
+
+	// Check if the URL hash fragment has any demo artwork to be loaded
+	(async () => {
+		const demoArtwork = window.location.hash.trim().match(/#demo\/(.*)/)?.[1];
+		if (!demoArtwork) return;
+
+		try {
+			const url = new URL(`/${demoArtwork}.graphite`, document.location.href);
+			const data = await fetch(url);
+			if (!data.ok) throw new Error();
+
+			const filename = url.pathname.split("/").pop() || "Untitled";
+			const content = await data.text();
+			handle.openDocumentFile(filename, content);
+
+			// Remove the hash fragment from the URL
+			history.replaceState("", "", `${window.location.pathname}${window.location.search}`);
+		} catch {
+			// Do nothing
+		}
+	})();
+
+	return { raw, handle, subscriptions };
+}
diff --git a/frontend/src/io-managers/clipboard.ts b/frontend/src/io-managers/clipboard.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8fa457398a41e93009fda6074a2d07acf75f81d9
--- /dev/null
+++ b/frontend/src/io-managers/clipboard.ts
@@ -0,0 +1,10 @@
+import { type Editor } from "@graphite/editor";
+import { TriggerTextCopy } from "@graphite/messages";
+
+export function createClipboardManager(editor: Editor) {
+	// Subscribe to process backend event
+	editor.subscriptions.subscribeJsMessage(TriggerTextCopy, (triggerTextCopy) => {
+		// If the Clipboard API is supported in the browser, copy text to the clipboard
+		navigator.clipboard?.writeText?.(triggerTextCopy.copyText);
+	});
+}
diff --git a/frontend/src/io-managers/drag.ts b/frontend/src/io-managers/drag.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4d4264331c1150fe7603aa90802ded4b6b507492
--- /dev/null
+++ b/frontend/src/io-managers/drag.ts
@@ -0,0 +1,24 @@
+let draggingElement: HTMLElement | undefined;
+
+export function createDragManager(): () => void {
+	const clearDraggingElement = () => {
+		draggingElement = undefined;
+	};
+
+	// Add the event listener
+	document.addEventListener("drop", clearDraggingElement);
+
+	// Return the destructor
+	return () => {
+		// We use setTimeout to sequence this drop after any potential users in the current call stack progression, since this will begin in an entirely new call stack later
+		setTimeout(() => document.removeEventListener("drop", clearDraggingElement), 0);
+	};
+}
+
+export function beginDraggingElement(element: HTMLElement) {
+	draggingElement = element;
+}
+
+export function currentDraggingElement(): HTMLElement | undefined {
+	return draggingElement;
+}
diff --git a/frontend/src/io-managers/hyperlinks.ts b/frontend/src/io-managers/hyperlinks.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cb22fd9e34fdc68da1f87914414f39af068c3a70
--- /dev/null
+++ b/frontend/src/io-managers/hyperlinks.ts
@@ -0,0 +1,9 @@
+import { type Editor } from "@graphite/editor";
+import { TriggerVisitLink } from "@graphite/messages";
+
+export function createHyperlinkManager(editor: Editor) {
+	// Subscribe to process backend event
+	editor.subscriptions.subscribeJsMessage(TriggerVisitLink, async (triggerOpenLink) => {
+		window.open(triggerOpenLink.url, "_blank");
+	});
+}
diff --git a/frontend/src/io-managers/input.ts b/frontend/src/io-managers/input.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bb7b035ceb72d02c4497a6bef446b9835cafdf34
--- /dev/null
+++ b/frontend/src/io-managers/input.ts
@@ -0,0 +1,457 @@
+import { get } from "svelte/store";
+
+import { type Editor } from "@graphite/editor";
+import { TriggerPaste } from "@graphite/messages";
+import { type DialogState } from "@graphite/state-providers/dialog";
+import { type DocumentState } from "@graphite/state-providers/document";
+import { type FullscreenState } from "@graphite/state-providers/fullscreen";
+import { type PortfolioState } from "@graphite/state-providers/portfolio";
+import { makeKeyboardModifiersBitfield, textInputCleanup, getLocalizedScanCode } from "@graphite/utility-functions/keyboard-entry";
+import { platformIsMac } from "@graphite/utility-functions/platform";
+import { extractPixelData } from "@graphite/utility-functions/rasterization";
+import { stripIndents } from "@graphite/utility-functions/strip-indents";
+import { updateBoundsOfViewports } from "@graphite/utility-functions/viewports";
+
+const BUTTON_LEFT = 0;
+const BUTTON_MIDDLE = 1;
+const BUTTON_RIGHT = 2;
+const BUTTON_BACK = 3;
+const BUTTON_FORWARD = 4;
+
+export const PRESS_REPEAT_DELAY_MS = 400;
+export const PRESS_REPEAT_INTERVAL_MS = 72;
+export const PRESS_REPEAT_INTERVAL_RAPID_MS = 10;
+
+type EventName = keyof HTMLElementEventMap | keyof WindowEventHandlersEventMap | "modifyinputfield" | "pointerlockchange" | "pointerlockerror";
+type EventListenerTarget = {
+	addEventListener: typeof window.addEventListener;
+	removeEventListener: typeof window.removeEventListener;
+};
+
+export function createInputManager(editor: Editor, dialog: DialogState, portfolio: PortfolioState, document: DocumentState, fullscreen: FullscreenState): () => void {
+	const app = window.document.querySelector("[data-app-container]") as HTMLElement | undefined;
+	app?.focus();
+
+	let viewportPointerInteractionOngoing = false;
+	let textToolInteractiveInputElement = undefined as undefined | HTMLDivElement;
+	let canvasFocused = true;
+	let inPointerLock = false;
+
+	// Event listeners
+
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	const listeners: { target: EventListenerTarget; eventName: EventName; action: (event: any) => void; options?: AddEventListenerOptions }[] = [
+		{ target: window, eventName: "resize", action: () => updateBoundsOfViewports(editor, window.document.body) },
+		{ target: window, eventName: "beforeunload", action: (e: BeforeUnloadEvent) => onBeforeUnload(e) },
+		{ target: window, eventName: "keyup", action: (e: KeyboardEvent) => onKeyUp(e) },
+		{ target: window, eventName: "keydown", action: (e: KeyboardEvent) => onKeyDown(e) },
+		{ target: window, eventName: "pointermove", action: (e: PointerEvent) => onPointerMove(e) },
+		{ target: window, eventName: "pointerdown", action: (e: PointerEvent) => onPointerDown(e) },
+		{ target: window, eventName: "pointerup", action: (e: PointerEvent) => onPointerUp(e) },
+		{ target: window, eventName: "mousedown", action: (e: MouseEvent) => onMouseDown(e) },
+		{ target: window, eventName: "mouseup", action: (e: MouseEvent) => onPotentialDoubleClick(e) },
+		{ target: window, eventName: "wheel", action: (e: WheelEvent) => onWheelScroll(e), options: { passive: false } },
+		{ target: window, eventName: "modifyinputfield", action: (e: CustomEvent) => onModifyInputField(e) },
+		{ target: window, eventName: "focusout", action: () => (canvasFocused = false) },
+		{ target: window.document, eventName: "contextmenu", action: (e: MouseEvent) => onContextMenu(e) },
+		{ target: window.document, eventName: "fullscreenchange", action: () => fullscreen.fullscreenModeChanged() },
+		{ target: window.document.body, eventName: "paste", action: (e: ClipboardEvent) => onPaste(e) },
+		{ target: window.document, eventName: "pointerlockchange", action: onPointerLockChange },
+		{ target: window.document, eventName: "pointerlockerror", action: onPointerLockChange },
+	];
+
+	// Event bindings
+
+	function bindListeners() {
+		// Add event bindings for the lifetime of the application
+		listeners.forEach(({ target, eventName, action, options }) => target.addEventListener(eventName, action, options));
+	}
+	function unbindListeners() {
+		// Remove event bindings after the lifetime of the application (or on hot-module replacement during development)
+		listeners.forEach(({ target, eventName, action, options }) => target.removeEventListener(eventName, action, options));
+	}
+
+	// Keyboard events
+
+	async function shouldRedirectKeyboardEventToBackend(e: KeyboardEvent): Promise<boolean> {
+		// Don't redirect when a dialog is covering the workspace
+		if (get(dialog).visible) return false;
+
+		const key = await getLocalizedScanCode(e);
+
+		// TODO: Switch to a system where everything is sent to the backend, then the input preprocessor makes decisions and kicks some inputs back to the frontend
+		const accelKey = platformIsMac() ? e.metaKey : e.ctrlKey;
+
+		// Don't redirect user input from text entry into HTML elements
+		if (targetIsTextField(e.target || undefined) && key !== "Escape" && !(accelKey && ["Enter", "NumpadEnter"].includes(key))) return false;
+
+		// Don't redirect paste
+		if (key === "KeyV" && accelKey) return false;
+
+		// Don't redirect a fullscreen request
+		if (key === "F11" && e.type === "keydown" && !e.repeat) {
+			e.preventDefault();
+			fullscreen.toggleFullscreen();
+			return false;
+		}
+
+		// Don't redirect a reload request
+		if (key === "F5") return false;
+		if (key === "KeyR" && accelKey) return false;
+
+		// Don't redirect debugging tools
+		if (["F12", "F8"].includes(key)) return false;
+		if (["KeyC", "KeyI", "KeyJ"].includes(key) && accelKey && e.shiftKey) return false;
+
+		// Don't redirect tab or enter if not in canvas (to allow navigating elements)
+		potentiallyRestoreCanvasFocus(e);
+		if (!canvasFocused && !targetIsTextField(e.target || undefined) && ["Tab", "Enter", "NumpadEnter", "Space", "ArrowDown", "ArrowLeft", "ArrowRight", "ArrowUp"].includes(key)) return false;
+
+		// Don't redirect if a MenuList is open
+		if (window.document.querySelector("[data-floating-menu-content]")) return false;
+
+		// Redirect to the backend
+		return true;
+	}
+
+	async function onKeyDown(e: KeyboardEvent) {
+		const key = await getLocalizedScanCode(e);
+
+		const NO_KEY_REPEAT_MODIFIER_KEYS = ["ControlLeft", "ControlRight", "ShiftLeft", "ShiftRight", "MetaLeft", "MetaRight", "AltLeft", "AltRight", "AltGraph", "CapsLock", "Fn", "FnLock"];
+		if (e.repeat && NO_KEY_REPEAT_MODIFIER_KEYS.includes(key)) return;
+
+		if (await shouldRedirectKeyboardEventToBackend(e)) {
+			e.preventDefault();
+			const modifiers = makeKeyboardModifiersBitfield(e);
+			editor.handle.onKeyDown(key, modifiers, e.repeat);
+			return;
+		}
+
+		if (get(dialog).visible && key === "Escape") {
+			dialog.dismissDialog();
+		}
+	}
+
+	async function onKeyUp(e: KeyboardEvent) {
+		const key = await getLocalizedScanCode(e);
+
+		if (await shouldRedirectKeyboardEventToBackend(e)) {
+			e.preventDefault();
+			const modifiers = makeKeyboardModifiersBitfield(e);
+			editor.handle.onKeyUp(key, modifiers, e.repeat);
+		}
+	}
+
+	// Pointer events
+
+	// While any pointer button is already down, additional button down events are not reported, but they are sent as `pointermove` events and these are handled in the backend
+	function onPointerMove(e: PointerEvent) {
+		potentiallyRestoreCanvasFocus(e);
+
+		if (!e.buttons) viewportPointerInteractionOngoing = false;
+
+		// Don't redirect pointer movement to the backend if there's no ongoing interaction and it's over a floating menu, or the graph overlay, on top of the canvas
+		// TODO: A better approach is to pass along a boolean to the backend's input preprocessor so it can know if it's being occluded by the GUI.
+		// TODO: This would allow it to properly decide to act on removing hover focus from something that was hovered in the canvas before moving over the GUI.
+		// TODO: Further explanation: https://github.com/GraphiteEditor/Graphite/pull/623#discussion_r866436197
+		const inFloatingMenu = e.target instanceof Element && e.target.closest("[data-floating-menu-content]");
+		const inGraphOverlay = get(document).graphViewOverlayOpen;
+		if (!viewportPointerInteractionOngoing && (inFloatingMenu || inGraphOverlay)) return;
+
+		const modifiers = makeKeyboardModifiersBitfield(e);
+		editor.handle.onMouseMove(e.clientX, e.clientY, e.buttons, modifiers);
+	}
+
+	function onPointerDown(e: PointerEvent) {
+		potentiallyRestoreCanvasFocus(e);
+
+		const { target } = e;
+		const isTargetingCanvas = target instanceof Element && target.closest("[data-viewport], [data-node-graph]");
+		const inDialog = target instanceof Element && target.closest("[data-dialog] [data-floating-menu-content]");
+		const inContextMenu = target instanceof Element && target.closest("[data-context-menu]");
+		const inTextInput = target === textToolInteractiveInputElement;
+
+		if (get(dialog).visible && !inDialog) {
+			dialog.dismissDialog();
+			e.preventDefault();
+			e.stopPropagation();
+		}
+
+		if (!inTextInput && !inContextMenu) {
+			if (textToolInteractiveInputElement) {
+				const isLeftOrRightClick = e.button === BUTTON_RIGHT || e.button === BUTTON_LEFT;
+				editor.handle.onChangeText(textInputCleanup(textToolInteractiveInputElement.innerText), isLeftOrRightClick);
+			} else {
+				viewportPointerInteractionOngoing = isTargetingCanvas instanceof Element;
+			}
+		}
+
+		if (viewportPointerInteractionOngoing && isTargetingCanvas instanceof Element) {
+			const modifiers = makeKeyboardModifiersBitfield(e);
+			editor.handle.onMouseDown(e.clientX, e.clientY, e.buttons, modifiers);
+		}
+	}
+
+	function onPointerUp(e: PointerEvent) {
+		potentiallyRestoreCanvasFocus(e);
+
+		// Don't let the browser navigate back or forward when using the buttons on some mice
+		// TODO: This works in Chrome but not in Firefox
+		// TODO: Possible workaround: use the browser's history API to block navigation:
+		// TODO: <https://stackoverflow.com/questions/57102502/preventing-mouse-fourth-and-fifth-buttons-from-navigating-back-forward-in-browse>
+		if (e.button === BUTTON_BACK || e.button === BUTTON_FORWARD) e.preventDefault();
+
+		if (!e.buttons) viewportPointerInteractionOngoing = false;
+
+		if (textToolInteractiveInputElement) return;
+
+		const modifiers = makeKeyboardModifiersBitfield(e);
+		editor.handle.onMouseUp(e.clientX, e.clientY, e.buttons, modifiers);
+	}
+
+	// Mouse events
+
+	function onPotentialDoubleClick(e: MouseEvent) {
+		if (textToolInteractiveInputElement || inPointerLock) return;
+
+		// Allow only events within the viewport or node graph boundaries
+		const { target } = e;
+		const isTargetingCanvas = target instanceof Element && target.closest("[data-viewport], [data-node-graph]");
+		if (!(isTargetingCanvas instanceof Element)) return;
+
+		// Allow only repeated increments of double-clicks (not 1, 3, 5, etc.)
+		if (e.detail % 2 == 1) return;
+
+		// `e.buttons` is always 0 in the `mouseup` event, so we have to convert from `e.button` instead
+		let buttons = 1;
+		if (e.button === BUTTON_LEFT) buttons = 1; // Left
+		if (e.button === BUTTON_RIGHT) buttons = 2; // Right
+		if (e.button === BUTTON_MIDDLE) buttons = 4; // Middle
+		if (e.button === BUTTON_BACK) buttons = 8; // Back
+		if (e.button === BUTTON_FORWARD) buttons = 16; // Forward
+
+		const modifiers = makeKeyboardModifiersBitfield(e);
+		editor.handle.onDoubleClick(e.clientX, e.clientY, buttons, modifiers);
+	}
+
+	function onMouseDown(e: MouseEvent) {
+		// Block middle mouse button auto-scroll mode (the circlar gizmo that appears and allows quick scrolling by moving the cursor above or below it)
+		if (e.button === BUTTON_MIDDLE) e.preventDefault();
+	}
+
+	function onContextMenu(e: MouseEvent) {
+		if (!targetIsTextField(e.target || undefined) && e.target !== textToolInteractiveInputElement) {
+			e.preventDefault();
+		}
+	}
+
+	function onPointerLockChange() {
+		inPointerLock = Boolean(window.document.pointerLockElement);
+	}
+
+	// Wheel events
+
+	function onWheelScroll(e: WheelEvent) {
+		const { target } = e;
+		const isTargetingCanvas = target instanceof Element && target.closest("[data-viewport], [data-node-graph]");
+
+		// Redirect vertical scroll wheel movement into a horizontal scroll on a horizontally scrollable element
+		// There seems to be no possible way to properly employ the browser's smooth scrolling interpolation
+		const horizontalScrollableElement = target instanceof Element && target.closest("[data-scrollable-x]");
+		if (horizontalScrollableElement && e.deltaY !== 0) {
+			horizontalScrollableElement.scrollTo(horizontalScrollableElement.scrollLeft + e.deltaY, 0);
+			return;
+		}
+
+		if (isTargetingCanvas) {
+			e.preventDefault();
+			const modifiers = makeKeyboardModifiersBitfield(e);
+			editor.handle.onWheelScroll(e.clientX, e.clientY, e.buttons, e.deltaX, e.deltaY, e.deltaZ, modifiers);
+		}
+	}
+
+	// Receives a custom event dispatched when the user begins interactively editing with the text tool.
+	// We keep a copy of the text input element to check against when it's active for text entry.
+	function onModifyInputField(e: CustomEvent) {
+		textToolInteractiveInputElement = e.detail;
+	}
+
+	// Window events
+
+	async function onBeforeUnload(e: BeforeUnloadEvent) {
+		const activeDocument = get(portfolio).documents[get(portfolio).activeDocumentIndex];
+		if (activeDocument && !activeDocument.isAutoSaved) editor.handle.triggerAutoSave(activeDocument.id);
+
+		// Skip the message if the editor crashed, since work is already lost
+		if (await editor.handle.hasCrashed()) return;
+
+		// Skip the message during development, since it's annoying when testing
+		if (await editor.handle.inDevelopmentMode()) return;
+
+		const allDocumentsSaved = get(portfolio).documents.reduce((acc, doc) => acc && doc.isSaved, true);
+		if (!allDocumentsSaved) {
+			e.returnValue = "Unsaved work will be lost if the web browser tab is closed. Close anyway?";
+			e.preventDefault();
+		}
+	}
+
+	function onPaste(e: ClipboardEvent) {
+		const dataTransfer = e.clipboardData;
+		if (!dataTransfer || targetIsTextField(e.target || undefined)) return;
+		e.preventDefault();
+
+		Array.from(dataTransfer.items).forEach(async (item) => {
+			if (item.type === "text/plain") {
+				item.getAsString((text) => {
+					if (text.startsWith("graphite/layer: ")) {
+						editor.handle.pasteSerializedData(text.substring(16, text.length));
+					} else if (text.startsWith("graphite/nodes: ")) {
+						editor.handle.pasteSerializedNodes(text.substring(16, text.length));
+					}
+				});
+			}
+
+			const file = item.getAsFile();
+			if (!file) return;
+
+			if (file.type.includes("svg")) {
+				const text = await file.text();
+				editor.handle.pasteSvg(file.name, text);
+				return;
+			}
+
+			if (file.type.startsWith("image")) {
+				const imageData = await extractPixelData(file);
+				editor.handle.pasteImage(file.name, new Uint8Array(imageData.data), imageData.width, imageData.height);
+			}
+
+			if (file.name.endsWith(".graphite")) {
+				editor.handle.openDocumentFile(file.name, await file.text());
+			}
+		});
+	}
+
+	// Frontend message subscriptions
+
+	editor.subscriptions.subscribeJsMessage(TriggerPaste, async () => {
+		// In the try block, attempt to read from the Clipboard API, which may not have permission and may not be supported in all browsers
+		// In the catch block, explain to the user why the paste failed and how to fix or work around the problem
+		try {
+			// Attempt to check if the clipboard permission is denied, and throw an error if that is the case
+			// In Firefox, the `clipboard-read` permission isn't supported, so attempting to query it throws an error
+			// In Safari, the entire Permissions API isn't supported, so the query never occurs and this block is skipped without an error and we assume we might have permission
+			const clipboardRead = "clipboard-read" as PermissionName;
+			const permission = await navigator.permissions?.query({ name: clipboardRead });
+			if (permission?.state === "denied") throw new Error("Permission denied");
+
+			// Read the clipboard contents if the Clipboard API is available
+			const clipboardItems = await navigator.clipboard.read();
+			if (!clipboardItems) throw new Error("Clipboard API unsupported");
+
+			// Read any layer data or images from the clipboard
+			const success = await Promise.any(
+				Array.from(clipboardItems).map(async (item) => {
+					// Read plain text and, if it is a layer, pass it to the editor
+					if (item.types.includes("text/plain")) {
+						const blob = await item.getType("text/plain");
+						const reader = new FileReader();
+						reader.onload = () => {
+							const text = reader.result as string;
+
+							if (text.startsWith("graphite/layer: ")) {
+								editor.handle.pasteSerializedData(text.substring(16, text.length));
+							}
+						};
+						reader.readAsText(blob);
+						return true;
+					}
+
+					// Read an image from the clipboard and pass it to the editor to be loaded
+					const imageType = item.types.find((type) => type.startsWith("image/"));
+
+					// Import the actual SVG content if it's an SVG
+					if (imageType?.includes("svg")) {
+						const blob = await item.getType("text/plain");
+						const reader = new FileReader();
+						reader.onload = () => {
+							const text = reader.result as string;
+							editor.handle.pasteSvg(undefined, text);
+						};
+						reader.readAsText(blob);
+						return true;
+					}
+
+					// Import the bitmap image if it's an image
+					if (imageType) {
+						const blob = await item.getType(imageType);
+						const reader = new FileReader();
+						reader.onload = async () => {
+							if (reader.result instanceof ArrayBuffer) {
+								const imageData = await extractPixelData(new Blob([reader.result], { type: imageType }));
+								editor.handle.pasteImage(undefined, new Uint8Array(imageData.data), imageData.width, imageData.height);
+							}
+						};
+						reader.readAsArrayBuffer(blob);
+						return true;
+					}
+
+					// The API limits what kinds of data we can access, so we can get copied images and our text encodings of copied nodes, but not files (like
+					// .graphite or even image files). However, the user can paste those with Ctrl+V, which we recommend they in the error message that's shown to them.
+					return false;
+				}),
+			);
+
+			if (!success) throw new Error("No valid clipboard data");
+		} catch (err) {
+			const unsupported = stripIndents`
+				This browser does not support reading from the clipboard.
+				Use the standard keyboard shortcut to paste instead.
+				`;
+			const denied = stripIndents`
+				The browser's clipboard permission has been denied.
+
+				Open the browser's website settings (usually accessible
+				just left of the URL) to allow this permission.
+				`;
+			const nothing = stripIndents`
+				No valid clipboard data was found. You may have better
+				luck pasting with the standard keyboard shortcut instead.
+				`;
+
+			const matchMessage = {
+				"clipboard-read": unsupported,
+				"Clipboard API unsupported": unsupported,
+				"Permission denied": denied,
+				"No valid clipboard data": nothing,
+			};
+			const message = Object.entries(matchMessage).find(([key]) => String(err).includes(key))?.[1] || String(err);
+
+			editor.handle.errorDialog("Cannot access clipboard", message);
+		}
+	});
+
+	// Helper functions
+
+	function potentiallyRestoreCanvasFocus(e: Event) {
+		const { target } = e;
+		const newInCanvasArea = (target instanceof Element && target.closest("[data-viewport], [data-graph]")) instanceof Element && !targetIsTextField(window.document.activeElement || undefined);
+		if (!canvasFocused && newInCanvasArea) {
+			canvasFocused = true;
+			app?.focus();
+		}
+	}
+
+	// Initialization
+
+	// Bind the event listeners
+	bindListeners();
+	// Resize on creation
+	updateBoundsOfViewports(editor, window.document.body);
+
+	// Return the destructor
+	return unbindListeners;
+}
+
+function targetIsTextField(target: EventTarget | HTMLElement | undefined): boolean {
+	return target instanceof HTMLElement && (target.nodeName === "INPUT" || target.nodeName === "TEXTAREA" || target.isContentEditable);
+}
diff --git a/frontend/src/io-managers/localization.ts b/frontend/src/io-managers/localization.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a9ab62556c5473b25da3d356e3c11630024c74a4
--- /dev/null
+++ b/frontend/src/io-managers/localization.ts
@@ -0,0 +1,25 @@
+import { type Editor } from "@graphite/editor";
+import { TriggerAboutGraphiteLocalizedCommitDate } from "@graphite/messages";
+
+export function createLocalizationManager(editor: Editor) {
+	// Subscribe to process backend event
+	editor.subscriptions.subscribeJsMessage(TriggerAboutGraphiteLocalizedCommitDate, (triggerAboutGraphiteLocalizedCommitDate) => {
+		const localized = localizeTimestamp(triggerAboutGraphiteLocalizedCommitDate.commitDate);
+		editor.handle.requestAboutGraphiteDialogWithLocalizedCommitDate(localized.timestamp, localized.year);
+	});
+}
+
+function localizeTimestamp(utc: string): { timestamp: string; year: string } {
+	// Timestamp
+	const date = new Date(utc);
+	if (Number.isNaN(date.getTime())) return { timestamp: utc, year: `${new Date().getFullYear()}` };
+
+	const timezoneName = Intl.DateTimeFormat(undefined, { timeZoneName: "longGeneric" })
+		.formatToParts(new Date())
+		.find((part) => part.type === "timeZoneName");
+
+	const dateString = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+	const timeString = `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
+	const timezoneNameString = timezoneName?.value;
+	return { timestamp: `${dateString} ${timeString} ${timezoneNameString}`, year: String(date.getFullYear()) };
+}
diff --git a/frontend/src/io-managers/panic.ts b/frontend/src/io-managers/panic.ts
new file mode 100644
index 0000000000000000000000000000000000000000..da05842bbe784514f910089bb1a47de49469b43d
--- /dev/null
+++ b/frontend/src/io-managers/panic.ts
@@ -0,0 +1,80 @@
+import { type Editor } from "@graphite/editor";
+import { DisplayDialogPanic } from "@graphite/messages";
+import { type DialogState } from "@graphite/state-providers/dialog";
+import { browserVersion, operatingSystem } from "@graphite/utility-functions/platform";
+import { stripIndents } from "@graphite/utility-functions/strip-indents";
+
+export function createPanicManager(editor: Editor, dialogState: DialogState) {
+	// Code panic dialog and console error
+	editor.subscriptions.subscribeJsMessage(DisplayDialogPanic, (displayDialogPanic) => {
+		// `Error.stackTraceLimit` is only available in V8/Chromium
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		(Error as any).stackTraceLimit = Infinity;
+		const stackTrace = new Error().stack || "";
+		const panicDetails = `${displayDialogPanic.panicInfo}${stackTrace ? `\n\n${stackTrace}` : ""}`;
+
+		// eslint-disable-next-line no-console
+		console.error(panicDetails);
+
+		dialogState.createCrashDialog(panicDetails);
+	});
+}
+
+export function githubUrl(panicDetails: string): string {
+	const url = new URL("https://github.com/GraphiteEditor/Graphite/issues/new");
+
+	const buildUrl = (includeCrashReport: boolean) => {
+		let body = stripIndents`
+			**Describe the Crash**
+			Explain clearly what you were doing when the crash occurred.
+
+			**Steps To Reproduce**
+			Describe precisely how the crash occurred, step by step, starting with a new editor window.
+			1. Open the Graphite editor at https://editor.graphite.rs
+			2. 
+			3. 
+			4. 
+			5. 
+
+			**Additional Details**
+			Provide any further information or context that you think would be helpful in fixing the issue. Screenshots or video can be linked or attached to this issue.
+
+			**Browser and OS**
+			${browserVersion()}, ${operatingSystem(true).replace("Unknown", "YOUR OPERATING SYSTEM")}
+
+			**Stack Trace**
+			Copied from the crash dialog in the Graphite editor:
+		`;
+
+		const manualCopyStackTraceNotice = stripIndents`
+			Before submitting this bug, REPLACE THIS WITH THE LOG. Return to the editor and click "Copy Error Log" in the crash dialog and paste it in place of this text.
+		`;
+
+		body += "\n\n```\n";
+		body += includeCrashReport ? panicDetails.trimEnd() : manualCopyStackTraceNotice;
+		body += "\n```";
+
+		const fields = {
+			title: "[Crash Report] ",
+			body,
+			labels: ["Crash"].join(","),
+			projects: [].join(","),
+			milestone: "",
+			assignee: "",
+			template: "",
+		};
+
+		Object.entries(fields).forEach(([field, value]) => {
+			if (value) url.searchParams.set(field, value);
+		});
+
+		return url.toString();
+	};
+
+	let urlString = buildUrl(true);
+	if (urlString.length >= 8192) {
+		// Fall back to a shorter version if it exceeds GitHub limits of 8192 total characters
+		urlString = buildUrl(false);
+	}
+	return urlString;
+}
diff --git a/frontend/src/io-managers/persistence.ts b/frontend/src/io-managers/persistence.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2cdb382933d6dec5ac99ddbf66831cc6f926a9a9
--- /dev/null
+++ b/frontend/src/io-managers/persistence.ts
@@ -0,0 +1,190 @@
+import { createStore, del, get, set, update } from "idb-keyval";
+import { get as getFromStore } from "svelte/store";
+
+import { type Editor } from "@graphite/editor";
+import {
+	TriggerIndexedDbWriteDocument,
+	TriggerIndexedDbRemoveDocument,
+	TriggerSavePreferences,
+	TriggerLoadPreferences,
+	TriggerLoadFirstAutoSaveDocument,
+	TriggerLoadRestAutoSaveDocuments,
+	TriggerSaveActiveDocument,
+} from "@graphite/messages";
+import { type PortfolioState } from "@graphite/state-providers/portfolio";
+
+const graphiteStore = createStore("graphite", "store");
+
+export function createPersistenceManager(editor: Editor, portfolio: PortfolioState) {
+	// DOCUMENTS
+
+	async function storeDocumentOrder() {
+		const documentOrder = getFromStore(portfolio).documents.map((doc) => String(doc.id));
+		await set("documents_tab_order", documentOrder, graphiteStore);
+	}
+
+	async function storeCurrentDocumentId(documentId: string) {
+		await set("current_document_id", String(documentId), graphiteStore);
+	}
+
+	async function storeDocument(autoSaveDocument: TriggerIndexedDbWriteDocument) {
+		await update<Record<string, TriggerIndexedDbWriteDocument>>(
+			"documents",
+			(old) => {
+				const documents = old || {};
+				documents[autoSaveDocument.details.id] = autoSaveDocument;
+				return documents;
+			},
+			graphiteStore,
+		);
+
+		await storeDocumentOrder();
+		await storeCurrentDocumentId(autoSaveDocument.details.id);
+	}
+
+	async function removeDocument(id: string) {
+		await update<Record<string, TriggerIndexedDbWriteDocument>>(
+			"documents",
+			(old) => {
+				const documents = old || {};
+				delete documents[id];
+				return documents;
+			},
+			graphiteStore,
+		);
+
+		await update<string[]>(
+			"documents_tab_order",
+			(old) => {
+				const order = old || [];
+				return order.filter((docId) => docId !== id);
+			},
+			graphiteStore,
+		);
+
+		const documentCount = getFromStore(portfolio).documents.length;
+		if (documentCount > 0) {
+			const documentIndex = getFromStore(portfolio).activeDocumentIndex;
+			const documentId = String(getFromStore(portfolio).documents[documentIndex].id);
+
+			const tabOrder = (await get<string[]>("documents_tab_order", graphiteStore)) || [];
+			if (tabOrder.includes(documentId)) {
+				await storeCurrentDocumentId(documentId);
+			}
+		} else {
+			await del("current_document_id", graphiteStore);
+		}
+	}
+
+	async function loadFirstDocument() {
+		const previouslySavedDocuments = await get<Record<string, TriggerIndexedDbWriteDocument>>("documents", graphiteStore);
+		const documentOrder = await get<string[]>("documents_tab_order", graphiteStore);
+		const currentDocumentId = await get<string>("current_document_id", graphiteStore);
+		if (!previouslySavedDocuments || !documentOrder) return;
+
+		const orderedSavedDocuments = documentOrder.flatMap((id) => (previouslySavedDocuments[id] ? [previouslySavedDocuments[id]] : []));
+
+		if (currentDocumentId && currentDocumentId in previouslySavedDocuments) {
+			const doc = previouslySavedDocuments[currentDocumentId];
+			editor.handle.openAutoSavedDocument(BigInt(doc.details.id), doc.details.name, doc.details.isSaved, doc.document, false);
+			editor.handle.selectDocument(BigInt(currentDocumentId));
+		} else {
+			const len = orderedSavedDocuments.length;
+			if (len > 0) {
+				const doc = orderedSavedDocuments[len - 1];
+				editor.handle.openAutoSavedDocument(BigInt(doc.details.id), doc.details.name, doc.details.isSaved, doc.document, false);
+				editor.handle.selectDocument(BigInt(doc.details.id));
+			}
+		}
+	}
+
+	async function loadRestDocuments() {
+		const previouslySavedDocuments = await get<Record<string, TriggerIndexedDbWriteDocument>>("documents", graphiteStore);
+		const documentOrder = await get<string[]>("documents_tab_order", graphiteStore);
+		const currentDocumentId = await get<string>("current_document_id", graphiteStore);
+		if (!previouslySavedDocuments || !documentOrder) return;
+
+		const orderedSavedDocuments = documentOrder.flatMap((id) => (previouslySavedDocuments[id] ? [previouslySavedDocuments[id]] : []));
+
+		if (currentDocumentId) {
+			const currentIndex = orderedSavedDocuments.findIndex((doc) => doc.details.id === currentDocumentId);
+			const beforeCurrentIndex = currentIndex - 1;
+			const afterCurrentIndex = currentIndex + 1;
+
+			for (let i = beforeCurrentIndex; i >= 0; i--) {
+				const { document, details } = orderedSavedDocuments[i];
+				const { id, name, isSaved } = details;
+				editor.handle.openAutoSavedDocument(BigInt(id), name, isSaved, document, true);
+			}
+			for (let i = afterCurrentIndex; i < orderedSavedDocuments.length; i++) {
+				const { document, details } = orderedSavedDocuments[i];
+				const { id, name, isSaved } = details;
+				editor.handle.openAutoSavedDocument(BigInt(id), name, isSaved, document, false);
+			}
+
+			editor.handle.selectDocument(BigInt(currentDocumentId));
+		} else {
+			const length = orderedSavedDocuments.length;
+
+			for (let i = length - 2; i >= 0; i--) {
+				const { document, details } = orderedSavedDocuments[i];
+				const { id, name, isSaved } = details;
+				editor.handle.openAutoSavedDocument(BigInt(id), name, isSaved, document, true);
+			}
+
+			if (length > 0) {
+				const id = orderedSavedDocuments[length - 1].details.id;
+				editor.handle.selectDocument(BigInt(id));
+			}
+		}
+	}
+
+	// PREFERENCES
+
+	async function savePreferences(preferences: TriggerSavePreferences["preferences"]) {
+		await set("preferences", preferences, graphiteStore);
+	}
+
+	async function loadPreferences() {
+		const preferences = await get<Record<string, unknown>>("preferences", graphiteStore);
+		if (!preferences) return;
+
+		editor.handle.loadPreferences(JSON.stringify(preferences));
+	}
+
+	// FRONTEND MESSAGE SUBSCRIPTIONS
+
+	// Subscribe to process backend events
+	editor.subscriptions.subscribeJsMessage(TriggerSavePreferences, async (preferences) => {
+		await savePreferences(preferences.preferences);
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerLoadPreferences, async () => {
+		await loadPreferences();
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerIndexedDbWriteDocument, async (autoSaveDocument) => {
+		await storeDocument(autoSaveDocument);
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerIndexedDbRemoveDocument, async (removeAutoSaveDocument) => {
+		await removeDocument(removeAutoSaveDocument.documentId);
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerLoadFirstAutoSaveDocument, async () => {
+		await loadFirstDocument();
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerLoadRestAutoSaveDocuments, async () => {
+		await loadRestDocuments();
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerSaveActiveDocument, async (triggerSaveActiveDocument) => {
+		const documentId = String(triggerSaveActiveDocument.documentId);
+		const previouslySavedDocuments = await get<Record<string, TriggerIndexedDbWriteDocument>>("documents", graphiteStore);
+		if (!previouslySavedDocuments) return;
+		if (documentId in previouslySavedDocuments) {
+			await storeCurrentDocumentId(documentId);
+		}
+	});
+}
+
+export async function wipeDocuments() {
+	await del("documents_tab_order", graphiteStore);
+	await del("current_document_id", graphiteStore);
+	await del("documents", graphiteStore);
+}
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8ab407bbee876a60927cbfadc93d2927d118cd7b
--- /dev/null
+++ b/frontend/src/main.ts
@@ -0,0 +1,19 @@
+// This file is the browser's entry point for the JS bundle
+
+// Fonts
+import "@fontsource/inconsolata";
+import "@fontsource/source-sans-pro/400-italic.css";
+import "@fontsource/source-sans-pro/400.css";
+import "@fontsource/source-sans-pro/700-italic.css";
+import "@fontsource/source-sans-pro/700.css";
+
+// `reflect-metadata` allows for runtime reflection of types in JavaScript.
+// It is needed for class-transformer to work and is imported as a side effect.
+// The library replaces the Reflect API on the window to support more features.
+import "reflect-metadata";
+
+import App from "@graphite/App.svelte";
+
+document.body.setAttribute("data-app-container", "");
+
+export default new App({ target: document.body });
diff --git a/frontend/src/messages.ts b/frontend/src/messages.ts
new file mode 100644
index 0000000000000000000000000000000000000000..53cd2a26e515a2d26cff6ea32496d46b525f81cf
--- /dev/null
+++ b/frontend/src/messages.ts
@@ -0,0 +1,1692 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable max-classes-per-file */
+
+import { Transform, Type, plainToClass } from "class-transformer";
+
+import { type PopoverButtonStyle, type IconName, type IconSize } from "@graphite/utility-functions/icons";
+import { type EditorHandle } from "@graphite-frontend/wasm/pkg/graphite_wasm.js";
+
+export class JsMessage {
+	// The marker provides a way to check if an object is a sub-class constructor for a jsMessage.
+	static readonly jsMessageMarker = true;
+}
+
+const TupleToVec2 = Transform(({ value }: { value: [number, number] | undefined }) => (value === undefined ? undefined : { x: value[0], y: value[1] }));
+const ImportsToVec2Array = Transform(({ obj: { imports } }: { obj: { imports: [FrontendGraphOutput, number, number][] } }) =>
+	imports.map(([outputMetadata, x, y]) => ({ outputMetadata, position: { x, y } })),
+);
+const ExportsToVec2Array = Transform(({ obj: { exports } }: { obj: { exports: [FrontendGraphInput, number, number][] } }) =>
+	exports.map(([inputMetadata, x, y]) => ({ inputMetadata, position: { x, y } })),
+);
+
+// const BigIntTupleToVec2 = Transform(({ value }: { value: [bigint, bigint] | undefined }) => (value === undefined ? undefined : { x: Number(value[0]), y: Number(value[1]) }));
+
+export type XY = { x: number; y: number };
+
+// ============================================================================
+// Add additional classes below to replicate Rust's `FrontendMessage`s and data structures.
+//
+// Remember to add each message to the `messageConstructors` export at the bottom of the file.
+//
+// Read class-transformer docs at https://github.com/typestack/class-transformer#table-of-contents
+// for details about how to transform the JSON from wasm-bindgen into classes.
+// ============================================================================
+
+export class UpdateBox extends JsMessage {
+	readonly box!: Box | undefined;
+}
+
+export class UpdateClickTargets extends JsMessage {
+	readonly clickTargets!: FrontendClickTargets | undefined;
+}
+
+const ContextTupleToVec2 = Transform((data) => {
+	if (data.obj.contextMenuInformation === undefined) return undefined;
+	const contextMenuCoordinates = { x: data.obj.contextMenuInformation.contextMenuCoordinates[0], y: data.obj.contextMenuInformation.contextMenuCoordinates[1] };
+	let contextMenuData = data.obj.contextMenuInformation.contextMenuData;
+	if (contextMenuData.ToggleLayer !== undefined) {
+		contextMenuData = { nodeId: contextMenuData.ToggleLayer.nodeId, currentlyIsNode: contextMenuData.ToggleLayer.currentlyIsNode };
+	} else if (contextMenuData.CreateNode !== undefined) {
+		contextMenuData = { type: "CreateNode", compatibleType: contextMenuData.CreateNode.compatibleType };
+	}
+	return { contextMenuCoordinates, contextMenuData };
+});
+
+export class UpdateContextMenuInformation extends JsMessage {
+	@ContextTupleToVec2
+	readonly contextMenuInformation!: ContextMenuInformation | undefined;
+}
+
+export class UpdateImportsExports extends JsMessage {
+	@ImportsToVec2Array
+	readonly imports!: { outputMetadata: FrontendGraphOutput; position: XY }[];
+
+	@ExportsToVec2Array
+	readonly exports!: { inputMetadata: FrontendGraphInput; position: XY }[];
+
+	@TupleToVec2
+	readonly addImport!: XY | undefined;
+
+	@TupleToVec2
+	readonly addExport!: XY | undefined;
+}
+
+export class UpdateInSelectedNetwork extends JsMessage {
+	readonly inSelectedNetwork!: boolean;
+}
+
+export class UpdateImportReorderIndex extends JsMessage {
+	readonly importIndex!: number | undefined;
+}
+
+export class UpdateExportReorderIndex extends JsMessage {
+	readonly exportIndex!: number | undefined;
+}
+
+const LayerWidths = Transform(({ obj }) => obj.layerWidths);
+const ChainWidths = Transform(({ obj }) => obj.chainWidths);
+const HasLeftInputWire = Transform(({ obj }) => obj.hasLeftInputWire);
+
+export class UpdateLayerWidths extends JsMessage {
+	@LayerWidths
+	readonly layerWidths!: Map<bigint, number>;
+	@ChainWidths
+	readonly chainWidths!: Map<bigint, number>;
+	@HasLeftInputWire
+	readonly hasLeftInputWire!: Map<bigint, boolean>;
+}
+
+export class UpdateNodeGraphNodes extends JsMessage {
+	@Type(() => FrontendNode)
+	readonly nodes!: FrontendNode[];
+}
+
+export class UpdateVisibleNodes extends JsMessage {
+	readonly nodes!: bigint[];
+}
+
+export class UpdateNodeGraphWires extends JsMessage {
+	readonly wires!: WireUpdate[];
+}
+
+export class ClearAllNodeGraphWires extends JsMessage {}
+
+export class UpdateNodeGraphTransform extends JsMessage {
+	readonly transform!: NodeGraphTransform;
+}
+
+const NodeDescriptions = Transform(({ obj }) => new Map(obj.nodeDescriptions));
+
+export class SendUIMetadata extends JsMessage {
+	@NodeDescriptions
+	readonly nodeDescriptions!: Map<string, string>;
+	@Type(() => FrontendNode)
+	readonly nodeTypes!: FrontendNodeType[];
+}
+
+export class UpdateNodeThumbnail extends JsMessage {
+	readonly id!: bigint;
+
+	readonly value!: string;
+}
+
+export class UpdateNodeGraphSelection extends JsMessage {
+	@Type(() => BigInt)
+	readonly selected!: bigint[];
+}
+
+export class UpdateOpenDocumentsList extends JsMessage {
+	@Type(() => FrontendDocumentDetails)
+	readonly openDocuments!: FrontendDocumentDetails[];
+}
+
+export class UpdateWirePathInProgress extends JsMessage {
+	readonly wirePath!: WirePath | undefined;
+}
+
+// Allows the auto save system to use a string for the id rather than a BigInt.
+// IndexedDb does not allow for BigInts as primary keys.
+// TypeScript does not allow subclasses to change the type of class variables in subclasses.
+// It is an abstract class to point out that it should not be instantiated directly.
+export abstract class DocumentDetails {
+	readonly name!: string;
+
+	readonly isAutoSaved!: boolean;
+
+	readonly isSaved!: boolean;
+
+	// This field must be provided by the subclass implementation
+	// readonly id!: bigint | string;
+
+	get displayName(): string {
+		return `${this.name}${this.isSaved ? "" : "*"}`;
+	}
+}
+
+export class FrontendDocumentDetails extends DocumentDetails {
+	readonly id!: bigint;
+}
+
+export class Box {
+	readonly startX!: number;
+
+	readonly startY!: number;
+
+	readonly endX!: number;
+
+	readonly endY!: number;
+}
+
+export type FrontendClickTargets = {
+	readonly nodeClickTargets: string[];
+	readonly layerClickTargets: string[];
+	readonly portClickTargets: string[];
+	readonly iconClickTargets: string[];
+	readonly allNodesBoundingBox: string;
+	readonly importExportsBoundingBox: string;
+	readonly modifyImportExport: string[];
+};
+
+export type ContextMenuInformation = {
+	contextMenuCoordinates: XY;
+	contextMenuData: "CreateNode" | { type: "CreateNode"; compatibleType: string } | { nodeId: bigint; currentlyIsNode: boolean };
+};
+
+export type FrontendGraphDataType = "General" | "Raster" | "VectorData" | "Number" | "Group" | "Artboard";
+
+export class Node {
+	readonly index!: bigint;
+	// Omitted if this Node is an Import or Export to/from the node network
+	readonly nodeId?: bigint;
+}
+
+const CreateOutputConnectorOptional = Transform(({ obj }) => {
+	if (obj.connectedTo == undefined) {
+		return undefined;
+	}
+	if (obj.connectedTo?.export !== undefined) {
+		return { index: obj.connectedTo?.export };
+	} else if (obj.connectedTo?.import !== undefined) {
+		return { index: obj.connectedTo?.import };
+	} else {
+		if (obj.connectedTo?.node.inputIndex !== undefined) {
+			return { nodeId: obj.connectedTo?.node.nodeId, index: obj.connectedTo?.node.inputIndex };
+		} else {
+			return { nodeId: obj.connectedTo?.node.nodeId, index: obj.connectedTo?.node.outputIndex };
+		}
+	}
+});
+
+export class FrontendGraphInput {
+	readonly dataType!: FrontendGraphDataType;
+
+	readonly name!: string;
+
+	readonly description!: string;
+
+	readonly resolvedType!: string;
+
+	readonly validTypes!: string[];
+
+	@CreateOutputConnectorOptional
+	connectedTo!: Node | undefined;
+}
+
+const CreateInputConnectorArray = Transform(({ obj }) => {
+	const newInputConnectors: Node[] = [];
+	obj.connectedTo.forEach((connector: any) => {
+		if (connector.export !== undefined) {
+			newInputConnectors.push({ index: connector.export });
+		} else if (connector.import !== undefined) {
+			newInputConnectors.push({ index: connector.import });
+		} else {
+			if (connector.node.inputIndex !== undefined) {
+				newInputConnectors.push({ nodeId: connector.node.nodeId, index: connector.node.inputIndex });
+			} else {
+				newInputConnectors.push({ nodeId: connector.node.nodeId, index: connector.node.outputIndex });
+			}
+		}
+	});
+	return newInputConnectors;
+});
+
+export class FrontendGraphOutput {
+	readonly dataType!: FrontendGraphDataType;
+
+	readonly name!: string;
+
+	readonly description!: string;
+
+	readonly resolvedType!: string;
+
+	@CreateInputConnectorArray
+	connectedTo!: Node[];
+}
+
+export class FrontendNode {
+	readonly isLayer!: boolean;
+
+	readonly canBeLayer!: boolean;
+
+	readonly id!: bigint;
+
+	readonly reference!: string | undefined;
+
+	readonly displayName!: string;
+
+	@Type(() => FrontendGraphInput)
+	readonly primaryInput!: FrontendGraphInput | undefined;
+
+	@Type(() => FrontendGraphInput)
+	readonly exposedInputs!: FrontendGraphInput[];
+
+	@Type(() => FrontendGraphOutput)
+	readonly primaryOutput!: FrontendGraphOutput | undefined;
+
+	@Type(() => FrontendGraphOutput)
+	readonly exposedOutputs!: FrontendGraphOutput[];
+
+	@TupleToVec2
+	readonly position!: XY | undefined;
+
+	// TODO: Store field for the width of the left node chain
+
+	readonly previewed!: boolean;
+
+	readonly visible!: boolean;
+
+	readonly unlocked!: boolean;
+
+	readonly errors!: string | undefined;
+
+	readonly uiOnly!: boolean;
+}
+
+export class FrontendNodeType {
+	readonly name!: string;
+
+	readonly category!: string;
+
+	readonly inputTypes!: string[];
+}
+
+export class NodeGraphTransform {
+	readonly scale!: number;
+	readonly x!: number;
+	readonly y!: number;
+}
+
+export class WirePath {
+	readonly pathString!: string;
+	readonly dataType!: FrontendGraphDataType;
+	readonly thick!: boolean;
+	readonly dashed!: boolean;
+}
+
+export class WireUpdate {
+	readonly id!: bigint;
+	readonly inputIndex!: number;
+	readonly wirePathUpdate!: WirePath | undefined;
+}
+
+export class IndexedDbDocumentDetails extends DocumentDetails {
+	@Transform(({ value }: { value: bigint }) => value.toString())
+	id!: string;
+}
+
+export class TriggerIndexedDbWriteDocument extends JsMessage {
+	document!: string;
+
+	@Type(() => IndexedDbDocumentDetails)
+	details!: IndexedDbDocumentDetails;
+
+	version!: string;
+}
+
+export class TriggerIndexedDbRemoveDocument extends JsMessage {
+	// Use a string since IndexedDB can not use BigInts for keys
+	@Transform(({ value }: { value: bigint }) => value.toString())
+	documentId!: string;
+}
+
+export class UpdateInputHints extends JsMessage {
+	@Type(() => HintInfo)
+	readonly hintData!: HintData;
+}
+
+export type HintData = HintGroup[];
+
+export type HintGroup = HintInfo[];
+
+export class HintInfo {
+	readonly keyGroups!: LayoutKeysGroup[];
+
+	readonly keyGroupsMac!: LayoutKeysGroup[] | undefined;
+
+	readonly mouse!: MouseMotion | undefined;
+
+	readonly label!: string;
+
+	readonly plus!: boolean;
+
+	readonly slash!: boolean;
+}
+
+// Rust enum `Key`
+export type KeyRaw = string;
+// Serde converts a Rust `Key` enum variant into this format (via a custom serializer) with both the `Key` variant name (called `RawKey` in TS) and the localized `label` for the key
+export type Key = { key: KeyRaw; label: string };
+export type LayoutKeysGroup = Key[];
+export type ActionKeys = { keys: LayoutKeysGroup };
+
+export type MouseMotion = string;
+
+// Channels can have any range (0-1, 0-255, 0-100, 0-360) in the context they are being used in, these are just containers for the numbers
+export type HSVA = { h: number; s: number; v: number; a: number };
+export type HSV = { h: number; s: number; v: number };
+export type RGBA = { r: number; g: number; b: number; a: number };
+export type RGB = { r: number; g: number; b: number };
+
+export class Gradient {
+	readonly stops!: { position: number; color: Color }[];
+
+	constructor(stops: { position: number; color: Color }[]) {
+		this.stops = stops;
+	}
+
+	toLinearGradientCSS(): string {
+		if (this.stops.length === 1) {
+			return `linear-gradient(to right, ${this.stops[0].color.toHexOptionalAlpha()} 0%, ${this.stops[0].color.toHexOptionalAlpha()} 100%)`;
+		}
+		const pieces = this.stops.map((stop) => `${stop.color.toHexOptionalAlpha()} ${stop.position * 100}%`);
+		return `linear-gradient(to right, ${pieces.join(", ")})`;
+	}
+
+	toLinearGradientCSSNoAlpha(): string {
+		if (this.stops.length === 1) {
+			return `linear-gradient(to right, ${this.stops[0].color.toHexNoAlpha()} 0%, ${this.stops[0].color.toHexNoAlpha()} 100%)`;
+		}
+		const pieces = this.stops.map((stop) => `${stop.color.toHexNoAlpha()} ${stop.position * 100}%`);
+		return `linear-gradient(to right, ${pieces.join(", ")})`;
+	}
+
+	firstColor(): Color | undefined {
+		return this.stops[0]?.color;
+	}
+
+	lastColor(): Color | undefined {
+		return this.stops[this.stops.length - 1]?.color;
+	}
+
+	atIndex(index: number): { position: number; color: Color } | undefined {
+		return this.stops[index];
+	}
+
+	colorAtIndex(index: number): Color | undefined {
+		return this.stops[index]?.color;
+	}
+
+	positionAtIndex(index: number): number | undefined {
+		return this.stops[index]?.position;
+	}
+}
+
+// All channels range are represented by 0-1, sRGB, gamma.
+export class Color {
+	readonly red!: number;
+
+	readonly green!: number;
+
+	readonly blue!: number;
+
+	readonly alpha!: number;
+
+	readonly none!: boolean;
+
+	constructor();
+
+	constructor(none: "none");
+
+	constructor(hsva: HSVA);
+
+	constructor(red: number, green: number, blue: number, alpha: number);
+
+	constructor(firstArg?: "none" | HSVA | number, green?: number, blue?: number, alpha?: number) {
+		// Empty constructor
+		if (firstArg === undefined) {
+			this.red = 0;
+			this.green = 0;
+			this.blue = 0;
+			this.alpha = 1;
+			this.none = false;
+		} else if (firstArg === "none") {
+			this.red = 0;
+			this.green = 0;
+			this.blue = 0;
+			this.alpha = 1;
+			this.none = true;
+		}
+		// HSVA constructor
+		else if (typeof firstArg === "object" && green === undefined && blue === undefined && alpha === undefined) {
+			const { h, s, v } = firstArg;
+			const convert = (n: number): number => {
+				const k = (n + h * 6) % 6;
+				return v - v * s * Math.max(Math.min(...[k, 4 - k, 1]), 0);
+			};
+
+			this.red = convert(5);
+			this.green = convert(3);
+			this.blue = convert(1);
+			this.alpha = firstArg.a;
+			this.none = false;
+		}
+		// RGBA constructor
+		else if (typeof firstArg === "number" && typeof green === "number" && typeof blue === "number" && typeof alpha === "number") {
+			this.red = firstArg;
+			this.green = green;
+			this.blue = blue;
+			this.alpha = alpha;
+			this.none = false;
+		}
+	}
+
+	static fromCSS(colorCode: string): Color | undefined {
+		// Allow single-digit hex value inputs
+		let colorValue = colorCode.trim();
+		if (colorValue.length === 2 && colorValue.charAt(0) === "#" && /[0-9a-f]/i.test(colorValue.charAt(1))) {
+			const digit = colorValue.charAt(1);
+			colorValue = `#${digit}${digit}${digit}`;
+		}
+
+		const canvas = document.createElement("canvas");
+		canvas.width = 1;
+		canvas.height = 1;
+		const context = canvas.getContext("2d");
+		if (!context) return undefined;
+
+		context.clearRect(0, 0, 1, 1);
+
+		context.fillStyle = "black";
+		context.fillStyle = colorValue;
+		const comparisonA = context.fillStyle;
+
+		context.fillStyle = "white";
+		context.fillStyle = colorValue;
+		const comparisonB = context.fillStyle;
+
+		// Invalid color
+		if (comparisonA !== comparisonB) {
+			// If this color code didn't start with a #, add it and try again
+			if (colorValue.trim().charAt(0) !== "#") return Color.fromCSS(`#${colorValue.trim()}`);
+			return undefined;
+		}
+
+		context.fillRect(0, 0, 1, 1);
+
+		const [r, g, b, a] = [...context.getImageData(0, 0, 1, 1).data];
+		return new Color(r / 255, g / 255, b / 255, a / 255);
+	}
+
+	equals(other: Color): boolean {
+		if (this.none && other.none) return true;
+		return Math.abs(this.red - other.red) < 1e-6 && Math.abs(this.green - other.green) < 1e-6 && Math.abs(this.blue - other.blue) < 1e-6 && Math.abs(this.alpha - other.alpha) < 1e-6;
+	}
+
+	lerp(other: Color, t: number): Color {
+		return new Color(this.red * (1 - t) + other.red * t, this.green * (1 - t) + other.green * t, this.blue * (1 - t) + other.blue * t, this.alpha * (1 - t) + other.alpha * t);
+	}
+
+	toHexNoAlpha(): string | undefined {
+		if (this.none) return undefined;
+
+		const r = Math.round(this.red * 255)
+			.toString(16)
+			.padStart(2, "0");
+		const g = Math.round(this.green * 255)
+			.toString(16)
+			.padStart(2, "0");
+		const b = Math.round(this.blue * 255)
+			.toString(16)
+			.padStart(2, "0");
+
+		return `#${r}${g}${b}`;
+	}
+
+	toHexOptionalAlpha(): string | undefined {
+		if (this.none) return undefined;
+
+		const hex = this.toHexNoAlpha();
+		const a = Math.round(this.alpha * 255)
+			.toString(16)
+			.padStart(2, "0");
+
+		return a === "ff" ? hex : `${hex}${a}`;
+	}
+
+	toRgb255(): RGB | undefined {
+		if (this.none) return undefined;
+
+		return {
+			r: Math.round(this.red * 255),
+			g: Math.round(this.green * 255),
+			b: Math.round(this.blue * 255),
+		};
+	}
+
+	toRgbCSS(): string | undefined {
+		const rgb = this.toRgb255();
+		if (!rgb) return undefined;
+
+		return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
+	}
+
+	toRgbaCSS(): string | undefined {
+		const rgb = this.toRgb255();
+		if (!rgb) return undefined;
+
+		return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${this.alpha})`;
+	}
+
+	toHSV(): HSV | undefined {
+		const hsva = this.toHSVA();
+		if (!hsva) return undefined;
+
+		return { h: hsva.h, s: hsva.s, v: hsva.v };
+	}
+
+	toHSVA(): HSVA | undefined {
+		if (this.none) return undefined;
+
+		const { red: r, green: g, blue: b, alpha: a } = this;
+
+		const max = Math.max(r, g, b);
+		const min = Math.min(r, g, b);
+
+		const d = max - min;
+		const s = max === 0 ? 0 : d / max;
+		const v = max;
+
+		let h = 0;
+		if (max !== min) {
+			switch (max) {
+				case r:
+					h = (g - b) / d + (g < b ? 6 : 0);
+					break;
+				case g:
+					h = (b - r) / d + 2;
+					break;
+				case b:
+					h = (r - g) / d + 4;
+					break;
+				default:
+			}
+			h /= 6;
+		}
+
+		return { h, s, v, a };
+	}
+
+	toHsvDegreesAndPercent(): HSV | undefined {
+		const hsva = this.toHSVA();
+		if (!hsva) return undefined;
+
+		return { h: hsva.h * 360, s: hsva.s * 100, v: hsva.v * 100 };
+	}
+
+	toHsvaDegreesAndPercent(): HSVA | undefined {
+		const hsva = this.toHSVA();
+		if (!hsva) return undefined;
+
+		return { h: hsva.h * 360, s: hsva.s * 100, v: hsva.v * 100, a: hsva.a * 100 };
+	}
+
+	opaque(): Color | undefined {
+		if (this.none) return undefined;
+
+		return new Color(this.red, this.green, this.blue, 1);
+	}
+
+	luminance(): number | undefined {
+		if (this.none) return undefined;
+
+		// Convert alpha into white
+		const r = this.red * this.alpha + (1 - this.alpha);
+		const g = this.green * this.alpha + (1 - this.alpha);
+		const b = this.blue * this.alpha + (1 - this.alpha);
+
+		// https://stackoverflow.com/a/3943023/775283
+
+		const linearR = r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
+		const linearG = g <= 0.04045 ? g / 12.92 : ((g + 0.055) / 1.055) ** 2.4;
+		const linearB = b <= 0.04045 ? b / 12.92 : ((b + 0.055) / 1.055) ** 2.4;
+
+		return linearR * 0.2126 + linearG * 0.7152 + linearB * 0.0722;
+	}
+
+	contrastingColor(): "black" | "white" {
+		if (this.none) return "black";
+
+		const luminance = this.luminance();
+
+		return luminance && luminance > Math.sqrt(1.05 * 0.05) - 0.05 ? "black" : "white";
+	}
+}
+
+export class UpdateActiveDocument extends JsMessage {
+	readonly documentId!: bigint;
+}
+
+export class DisplayDialogPanic extends JsMessage {
+	readonly panicInfo!: string;
+}
+
+export class DisplayDialog extends JsMessage {
+	readonly title!: string;
+	readonly icon!: IconName;
+}
+
+export class UpdateDocumentArtwork extends JsMessage {
+	readonly svg!: string;
+}
+
+export class UpdateDocumentScrollbars extends JsMessage {
+	@TupleToVec2
+	readonly position!: XY;
+
+	@TupleToVec2
+	readonly size!: XY;
+
+	@TupleToVec2
+	readonly multiplier!: XY;
+}
+
+export class UpdateDocumentRulers extends JsMessage {
+	@TupleToVec2
+	readonly origin!: XY;
+
+	readonly spacing!: number;
+
+	readonly interval!: number;
+
+	readonly visible!: boolean;
+}
+
+export class UpdateEyedropperSamplingState extends JsMessage {
+	@TupleToVec2
+	readonly mousePosition!: XY | undefined;
+
+	readonly primaryColor!: string;
+
+	readonly secondaryColor!: string;
+
+	readonly setColorChoice!: "Primary" | "Secondary" | undefined;
+}
+
+const mouseCursorIconCSSNames = {
+	Default: "default",
+	None: "none",
+	ZoomIn: "zoom-in",
+	ZoomOut: "zoom-out",
+	Grabbing: "grabbing",
+	Crosshair: "crosshair",
+	Text: "text",
+	Move: "move",
+	NSResize: "ns-resize",
+	EWResize: "ew-resize",
+	NESWResize: "nesw-resize",
+	NWSEResize: "nwse-resize",
+	Rotate: "custom-rotate",
+} as const;
+export type MouseCursor = keyof typeof mouseCursorIconCSSNames;
+export type MouseCursorIcon = (typeof mouseCursorIconCSSNames)[MouseCursor];
+
+export class UpdateGraphViewOverlay extends JsMessage {
+	open!: boolean;
+}
+
+export class UpdateGraphFadeArtwork extends JsMessage {
+	readonly percentage!: number;
+}
+
+export class UpdateSpreadsheetState extends JsMessage {
+	readonly open!: boolean;
+
+	readonly node!: bigint | undefined;
+}
+
+export class UpdateMouseCursor extends JsMessage {
+	@Transform(({ value }: { value: MouseCursor }) => mouseCursorIconCSSNames[value] || "alias")
+	readonly cursor!: MouseCursorIcon;
+}
+
+export class TriggerLoadFirstAutoSaveDocument extends JsMessage {}
+export class TriggerLoadRestAutoSaveDocuments extends JsMessage {}
+
+export class TriggerLoadPreferences extends JsMessage {}
+
+export class TriggerFetchAndOpenDocument extends JsMessage {
+	readonly name!: string;
+
+	readonly filename!: string;
+}
+
+export class TriggerOpenDocument extends JsMessage {}
+
+export class TriggerImport extends JsMessage {}
+
+export class TriggerPaste extends JsMessage {}
+
+export class TriggerDelayedZoomCanvasToFitAll extends JsMessage {}
+
+export class TriggerDownloadImage extends JsMessage {
+	readonly svg!: string;
+
+	readonly name!: string;
+
+	readonly mime!: string;
+
+	@TupleToVec2
+	readonly size!: XY;
+}
+
+export class TriggerDownloadTextFile extends JsMessage {
+	readonly document!: string;
+
+	readonly name!: string;
+}
+
+export class TriggerSavePreferences extends JsMessage {
+	readonly preferences!: Record<string, unknown>;
+}
+
+export class TriggerSaveActiveDocument extends JsMessage {
+	readonly documentId!: bigint;
+}
+
+export class DocumentChanged extends JsMessage {}
+
+export type DataBuffer = {
+	pointer: bigint;
+	length: bigint;
+};
+
+export class UpdateDocumentLayerStructureJs extends JsMessage {
+	readonly dataBuffer!: DataBuffer;
+}
+
+export class DisplayEditableTextbox extends JsMessage {
+	readonly text!: string;
+
+	readonly lineHeightRatio!: number;
+
+	readonly fontSize!: number;
+
+	@Type(() => Color)
+	readonly color!: Color;
+
+	readonly url!: string;
+
+	readonly transform!: number[];
+
+	readonly maxWidth!: undefined | number;
+
+	readonly maxHeight!: undefined | number;
+}
+
+export class DisplayEditableTextboxTransform extends JsMessage {
+	readonly transform!: number[];
+}
+
+export class DisplayRemoveEditableTextbox extends JsMessage {}
+
+export class UpdateDocumentLayerDetails extends JsMessage {
+	@Type(() => LayerPanelEntry)
+	readonly data!: LayerPanelEntry;
+}
+
+export class LayerPanelEntry {
+	id!: bigint;
+
+	name!: string;
+
+	alias!: string;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+
+	inSelectedNetwork!: boolean;
+
+	childrenAllowed!: boolean;
+
+	childrenPresent!: boolean;
+
+	expanded!: boolean;
+
+	@Transform(({ value }: { value: bigint }) => Number(value))
+	depth!: number;
+
+	visible!: boolean;
+
+	parentsVisible!: boolean;
+
+	unlocked!: boolean;
+
+	parentsUnlocked!: boolean;
+
+	parentId!: bigint | undefined;
+
+	selected!: boolean;
+
+	ancestorOfSelected!: boolean;
+
+	descendantOfSelected!: boolean;
+
+	clipped!: boolean;
+
+	clippable!: boolean;
+}
+
+export class DisplayDialogDismiss extends JsMessage {}
+
+export class Font {
+	fontFamily!: string;
+
+	fontStyle!: string;
+}
+
+export class TriggerFontLoad extends JsMessage {
+	@Type(() => Font)
+	font!: Font;
+}
+
+export class TriggerVisitLink extends JsMessage {
+	url!: string;
+}
+
+export class TriggerTextCommit extends JsMessage {}
+
+export class TriggerTextCopy extends JsMessage {
+	readonly copyText!: string;
+}
+
+export class TriggerAboutGraphiteLocalizedCommitDate extends JsMessage {
+	readonly commitDate!: string;
+}
+
+// WIDGET PROPS
+
+export abstract class WidgetProps {
+	kind!: WidgetPropsNames;
+}
+
+export class CheckboxInput extends WidgetProps {
+	checked!: boolean;
+
+	disabled!: boolean;
+
+	icon!: IconName;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+
+	forLabel!: bigint | undefined;
+}
+
+export class ColorInput extends WidgetProps {
+	@Transform(({ value }) => {
+		if (value instanceof Gradient) return value;
+		const gradient = value["Gradient"];
+		if (gradient) {
+			const stops = gradient.map(([position, color]: [number, color: { red: number; green: number; blue: number; alpha: number }]) => ({
+				position,
+				color: new Color(color.red, color.green, color.blue, color.alpha),
+			}));
+			return new Gradient(stops);
+		}
+
+		if (value instanceof Color) return value;
+		const solid = value["Solid"];
+		if (solid) {
+			return new Color(solid.red, solid.green, solid.blue, solid.alpha);
+		}
+
+		return new Color("none");
+	})
+	value!: FillChoice;
+
+	disabled!: boolean;
+
+	allowNone!: boolean;
+
+	// allowTransparency!: boolean; // TODO: Implement
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export type FillChoice = Color | Gradient;
+
+export function contrastingOutlineFactor(value: FillChoice, proximityColor: string | [string, string], proximityRange: number): number {
+	const pair = Array.isArray(proximityColor) ? [proximityColor[0], proximityColor[1]] : [proximityColor, proximityColor];
+	const [range1, range2] = pair.map((color) => Color.fromCSS(window.getComputedStyle(document.body).getPropertyValue(color)) || new Color("none"));
+
+	const contrast = (color: Color): number => {
+		const colorLuminance = color.luminance() || 0;
+		let rangeLuminance1 = range1.luminance() || 0;
+		let rangeLuminance2 = range2.luminance() || 0;
+		[rangeLuminance1, rangeLuminance2] = [Math.min(rangeLuminance1, rangeLuminance2), Math.max(rangeLuminance1, rangeLuminance2)];
+
+		const distance = (() => {
+			if (colorLuminance < rangeLuminance1) return rangeLuminance1 - colorLuminance;
+			if (colorLuminance > rangeLuminance2) return colorLuminance - rangeLuminance2;
+			return 0;
+		})();
+
+		return (1 - Math.min(distance / proximityRange, 1)) * (1 - (color.toHSV()?.s || 0));
+	};
+
+	if (value instanceof Gradient) {
+		if (value.stops.length === 0) return 0;
+
+		const first = contrast(value.stops[0].color);
+		const last = contrast(value.stops[value.stops.length - 1].color);
+
+		return Math.min(first, last);
+	}
+
+	return contrast(value);
+}
+
+type MenuEntryCommon = {
+	label: string;
+	icon?: IconName;
+	shortcut?: ActionKeys;
+};
+
+// The entry in the expanded menu or a sub-menu as received from the Rust backend
+export type MenuBarEntry = MenuEntryCommon & {
+	action: Widget;
+	children?: MenuBarEntry[][];
+	disabled?: boolean;
+};
+
+// An entry in the all-encompassing MenuList component which defines all types of menus (which are spawned by widgets like `TextButton` and `DropdownInput`)
+export type MenuListEntry = MenuEntryCommon & {
+	action?: () => void;
+	children?: MenuListEntry[][];
+
+	value: string;
+	shortcutRequiresLock?: boolean;
+	disabled?: boolean;
+	tooltip?: string;
+	font?: URL;
+};
+
+export class CurveManipulatorGroup {
+	anchor!: [number, number];
+	handles!: [[number, number], [number, number]];
+}
+
+export class Curve {
+	manipulatorGroups!: CurveManipulatorGroup[];
+	firstHandle!: [number, number];
+	lastHandle!: [number, number];
+}
+
+export class CurveInput extends WidgetProps {
+	value!: Curve;
+
+	disabled!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export class DropdownInput extends WidgetProps {
+	entries!: MenuListEntry[][];
+
+	selectedIndex!: number | undefined;
+
+	drawIcon!: boolean;
+
+	interactive!: boolean;
+
+	disabled!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+
+	// Styling
+
+	minWidth!: number;
+
+	maxWidth!: number;
+}
+
+export class FontInput extends WidgetProps {
+	fontFamily!: string;
+
+	fontStyle!: string;
+
+	isStyle!: boolean;
+
+	disabled!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export class IconButton extends WidgetProps {
+	icon!: IconName;
+
+	hoverIcon!: IconName | undefined;
+
+	size!: IconSize;
+
+	disabled!: boolean;
+
+	active!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export class IconLabel extends WidgetProps {
+	icon!: IconName;
+
+	disabled!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export class ImageButton extends WidgetProps {
+	image!: IconName;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	width!: string | undefined;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	height!: string | undefined;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export type NumberInputIncrementBehavior = "Add" | "Multiply" | "Callback" | "None";
+export type NumberInputMode = "Increment" | "Range";
+
+export class NumberInput extends WidgetProps {
+	// Label
+
+	label!: string | undefined;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+
+	// Disabled
+
+	disabled!: boolean;
+
+	// Value
+
+	value!: number | undefined;
+
+	min!: number | undefined;
+
+	max!: number | undefined;
+
+	isInteger!: boolean;
+
+	// Number presentation
+
+	displayDecimalPlaces!: number;
+
+	unit!: string;
+
+	unitIsHiddenWhenEditing!: boolean;
+
+	// Mode behavior
+
+	mode!: NumberInputMode;
+
+	incrementBehavior!: NumberInputIncrementBehavior;
+
+	step!: number;
+
+	rangeMin!: number | undefined;
+
+	rangeMax!: number | undefined;
+
+	// Styling
+
+	minWidth!: number;
+
+	maxWidth!: number;
+}
+
+export class NodeCatalog extends WidgetProps {
+	disabled!: boolean;
+}
+
+export class PopoverButton extends WidgetProps {
+	style!: PopoverButtonStyle | undefined;
+
+	menuDirection!: MenuDirection | undefined;
+
+	icon!: IconName | undefined;
+
+	disabled!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+
+	// Body
+	popoverLayout!: LayoutGroup[];
+
+	popoverMinWidth: number | undefined;
+}
+
+export type MenuDirection = "Top" | "Bottom" | "Left" | "Right" | "TopLeft" | "TopRight" | "BottomLeft" | "BottomRight" | "Center";
+
+export type RadioEntryData = {
+	value?: string;
+	label?: string;
+	icon?: IconName;
+	tooltip?: string;
+
+	// Callbacks
+	action?: () => void;
+};
+export type RadioEntries = RadioEntryData[];
+
+export class RadioInput extends WidgetProps {
+	entries!: RadioEntries;
+
+	disabled!: boolean;
+
+	selectedIndex!: number | undefined;
+
+	minWidth!: number;
+}
+
+export type SeparatorDirection = "Horizontal" | "Vertical";
+export type SeparatorType = "Related" | "Unrelated" | "Section";
+
+export class Separator extends WidgetProps {
+	direction!: SeparatorDirection;
+
+	type!: SeparatorType;
+}
+
+export class WorkingColorsInput extends WidgetProps {
+	@Type(() => Color)
+	primary!: Color;
+
+	@Type(() => Color)
+	secondary!: Color;
+}
+
+export class TextAreaInput extends WidgetProps {
+	value!: string;
+
+	label!: string | undefined;
+
+	disabled!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export class ParameterExposeButton extends WidgetProps {
+	exposed!: boolean;
+
+	dataType!: FrontendGraphDataType;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export class TextButton extends WidgetProps {
+	label!: string;
+
+	icon!: IconName | undefined;
+
+	hoverIcon!: IconName | undefined;
+
+	emphasized!: boolean;
+
+	flush!: boolean;
+
+	minWidth!: number;
+
+	disabled!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+
+	menuListChildren!: MenuListEntry[][];
+}
+
+export type TextButtonWidget = {
+	tooltip?: string;
+	message?: string | object;
+	callback?: () => void;
+	props: {
+		kind: "TextButton";
+		label: string;
+		icon?: IconName;
+		emphasized?: boolean;
+		flush?: boolean;
+		minWidth?: number;
+		disabled?: boolean;
+		tooltip?: string;
+
+		// Callbacks
+		// `action` is used via `IconButtonWidget.callback`
+	};
+};
+
+export class BreadcrumbTrailButtons extends WidgetProps {
+	labels!: string[];
+
+	disabled!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export class TextInput extends WidgetProps {
+	value!: string;
+
+	label!: string | undefined;
+
+	disabled!: boolean;
+
+	minWidth!: number;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+}
+
+export class TextLabel extends WidgetProps {
+	// Body
+	value!: string;
+
+	// Props
+	disabled!: boolean;
+
+	bold!: boolean;
+
+	italic!: boolean;
+
+	centerAlign!: boolean;
+
+	tableAlign!: boolean;
+
+	minWidth!: number;
+
+	multiline!: boolean;
+
+	@Transform(({ value }: { value: string }) => value || undefined)
+	tooltip!: string | undefined;
+
+	checkboxId!: bigint | undefined;
+}
+
+export type ReferencePoint = "None" | "TopLeft" | "TopCenter" | "TopRight" | "CenterLeft" | "Center" | "CenterRight" | "BottomLeft" | "BottomCenter" | "BottomRight";
+
+export class ReferencePointInput extends WidgetProps {
+	value!: ReferencePoint;
+
+	disabled!: boolean;
+}
+
+// WIDGET
+
+const widgetSubTypes = [
+	{ value: BreadcrumbTrailButtons, name: "BreadcrumbTrailButtons" },
+	{ value: CheckboxInput, name: "CheckboxInput" },
+	{ value: ColorInput, name: "ColorInput" },
+	{ value: CurveInput, name: "CurveInput" },
+	{ value: DropdownInput, name: "DropdownInput" },
+	{ value: FontInput, name: "FontInput" },
+	{ value: IconButton, name: "IconButton" },
+	{ value: ImageButton, name: "ImageButton" },
+	{ value: IconLabel, name: "IconLabel" },
+	{ value: NodeCatalog, name: "NodeCatalog" },
+	{ value: NumberInput, name: "NumberInput" },
+	{ value: ParameterExposeButton, name: "ParameterExposeButton" },
+	{ value: ReferencePointInput, name: "ReferencePointInput" },
+	{ value: PopoverButton, name: "PopoverButton" },
+	{ value: RadioInput, name: "RadioInput" },
+	{ value: Separator, name: "Separator" },
+	{ value: WorkingColorsInput, name: "WorkingColorsInput" },
+	{ value: TextAreaInput, name: "TextAreaInput" },
+	{ value: TextButton, name: "TextButton" },
+	{ value: TextInput, name: "TextInput" },
+	{ value: TextLabel, name: "TextLabel" },
+] as const;
+
+type WidgetSubTypes = (typeof widgetSubTypes)[number];
+type WidgetKindMap = { [T in WidgetSubTypes as T["name"]]: InstanceType<T["value"]> };
+export type WidgetPropsNames = keyof WidgetKindMap;
+export type WidgetPropsSet = WidgetKindMap[WidgetPropsNames];
+
+export function narrowWidgetProps<K extends WidgetPropsNames>(props: WidgetPropsSet, kind: K) {
+	if (props.kind === kind) return props as WidgetKindMap[K];
+	else return undefined;
+}
+
+export class Widget {
+	constructor(props: WidgetPropsSet, widgetId: bigint) {
+		this.props = props;
+		this.widgetId = widgetId;
+	}
+
+	@Type(() => WidgetProps, { discriminator: { property: "kind", subTypes: [...widgetSubTypes] }, keepDiscriminatorProperty: true })
+	props!: WidgetPropsSet;
+
+	widgetId!: bigint;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function hoistWidgetHolder(widgetHolder: any): Widget {
+	const kind = Object.keys(widgetHolder.widget)[0];
+	const props = widgetHolder.widget[kind];
+	props.kind = kind;
+
+	if (kind === "PopoverButton") {
+		props.popoverLayout = props.popoverLayout.map(createLayoutGroup);
+	}
+
+	const { widgetId } = widgetHolder;
+
+	return plainToClass(Widget, { props, widgetId });
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function hoistWidgetHolders(widgetHolders: any[]): Widget[] {
+	return widgetHolders.map(hoistWidgetHolder);
+}
+
+// WIDGET LAYOUT
+
+export type WidgetLayout = {
+	layoutTarget: unknown;
+	layout: LayoutGroup[];
+};
+
+export class WidgetDiffUpdate extends JsMessage {
+	layoutTarget!: unknown;
+
+	// TODO: Replace `any` with correct typing
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	@Transform(({ value }: { value: any }) => createWidgetDiff(value))
+	diff!: WidgetDiff[];
+}
+
+type UIItem = LayoutGroup[] | LayoutGroup | Widget | Widget[] | MenuBarEntry[] | MenuBarEntry;
+type WidgetDiff = { widgetPath: number[]; newValue: UIItem };
+
+export function defaultWidgetLayout(): WidgetLayout {
+	return {
+		layoutTarget: undefined,
+		layout: [],
+	};
+}
+
+// Updates a widget layout based on a list of updates, giving the new layout by mutating the `layout` argument
+export function patchWidgetLayout(layout: /* &mut */ WidgetLayout, updates: WidgetDiffUpdate) {
+	layout.layoutTarget = updates.layoutTarget;
+
+	updates.diff.forEach((update) => {
+		// Find the object where the diff applies to
+		const diffObject = update.widgetPath.reduce((targetLayout, index) => {
+			if ("columnWidgets" in targetLayout) return targetLayout.columnWidgets[index];
+			if ("rowWidgets" in targetLayout) return targetLayout.rowWidgets[index];
+			if ("tableWidgets" in targetLayout) return targetLayout.tableWidgets[index];
+			if ("layout" in targetLayout) return targetLayout.layout[index];
+			if (targetLayout instanceof Widget) {
+				if (targetLayout.props.kind === "PopoverButton" && targetLayout.props instanceof PopoverButton && targetLayout.props.popoverLayout) {
+					return targetLayout.props.popoverLayout[index];
+				}
+				// eslint-disable-next-line no-console
+				console.error("Tried to index widget");
+				return targetLayout;
+			}
+			// This is a path traversal so we can assume from the backend that it exists
+			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+			if ("action" in targetLayout) return targetLayout.children![index];
+			return targetLayout[index];
+		}, layout.layout as UIItem);
+
+		// If this is a list with a length, then set the length to 0 to clear the list
+		if ("length" in diffObject) {
+			diffObject.length = 0;
+		}
+		// Remove all of the keys from the old object
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		Object.keys(diffObject).forEach((key) => delete (diffObject as any)[key]);
+
+		// Assign keys to the new object
+		// `Object.assign` works but `diffObject = update.newValue;` doesn't.
+		// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
+		Object.assign(diffObject, update.newValue);
+	});
+}
+
+export type LayoutGroup = WidgetSpanRow | WidgetSpanColumn | WidgetTable | WidgetSection;
+
+export type WidgetSpanColumn = { columnWidgets: Widget[] };
+export function isWidgetSpanColumn(layoutColumn: LayoutGroup): layoutColumn is WidgetSpanColumn {
+	return Boolean((layoutColumn as WidgetSpanColumn)?.columnWidgets);
+}
+
+export type WidgetSpanRow = { rowWidgets: Widget[] };
+export function isWidgetSpanRow(layoutRow: LayoutGroup): layoutRow is WidgetSpanRow {
+	return Boolean((layoutRow as WidgetSpanRow)?.rowWidgets);
+}
+
+export type WidgetTable = { tableWidgets: Widget[][] };
+export function isWidgetTable(layoutTable: LayoutGroup): layoutTable is WidgetTable {
+	return Boolean((layoutTable as WidgetTable)?.tableWidgets);
+}
+
+export type WidgetSection = { name: string; description: string; visible: boolean; pinned: boolean; id: bigint; layout: LayoutGroup[] };
+export function isWidgetSection(layoutRow: LayoutGroup): layoutRow is WidgetSection {
+	return Boolean((layoutRow as WidgetSection)?.layout);
+}
+
+// Unpacking rust types to more usable type in the frontend
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function createWidgetDiff(diffs: any[]): WidgetDiff[] {
+	return diffs.map((diff) => {
+		const { widgetPath, newValue } = diff;
+		if (newValue.subLayout) {
+			return { widgetPath, newValue: newValue.subLayout.map(createLayoutGroup) };
+		}
+		if (newValue.layoutGroup) {
+			return { widgetPath, newValue: createLayoutGroup(newValue.layoutGroup) };
+		}
+		if (newValue.widget) {
+			return { widgetPath, newValue: hoistWidgetHolder(newValue.widget) };
+		}
+		// This code should be unreachable
+		throw new Error("DiffUpdate invalid");
+	});
+}
+
+// Unpacking a layout group
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function createLayoutGroup(layoutGroup: any): LayoutGroup {
+	if (layoutGroup.column) {
+		const columnWidgets = hoistWidgetHolders(layoutGroup.column.columnWidgets);
+
+		const result: WidgetSpanColumn = { columnWidgets };
+		return result;
+	}
+
+	if (layoutGroup.row) {
+		const result: WidgetSpanRow = { rowWidgets: hoistWidgetHolders(layoutGroup.row.rowWidgets) };
+		return result;
+	}
+
+	if (layoutGroup.section) {
+		const result: WidgetSection = {
+			name: layoutGroup.section.name,
+			description: layoutGroup.section.description,
+			visible: layoutGroup.section.visible,
+			pinned: layoutGroup.section.pinned,
+			id: layoutGroup.section.id,
+			layout: layoutGroup.section.layout.map(createLayoutGroup),
+		};
+		return result;
+	}
+
+	if (layoutGroup.table) {
+		const result: WidgetTable = {
+			tableWidgets: layoutGroup.table.tableWidgets.map(hoistWidgetHolders),
+		};
+		return result;
+	}
+
+	throw new Error("Layout row type does not exist");
+}
+
+// WIDGET LAYOUTS
+export class UpdateDialogButtons extends WidgetDiffUpdate {}
+
+export class UpdateDialogColumn1 extends WidgetDiffUpdate {}
+
+export class UpdateDialogColumn2 extends WidgetDiffUpdate {}
+
+export class UpdateDocumentBarLayout extends WidgetDiffUpdate {}
+
+export class UpdateDocumentModeLayout extends WidgetDiffUpdate {}
+
+export class UpdateLayersPanelControlBarLeftLayout extends WidgetDiffUpdate {}
+
+export class UpdateLayersPanelControlBarRightLayout extends WidgetDiffUpdate {}
+
+export class UpdateLayersPanelBottomBarLayout extends WidgetDiffUpdate {}
+
+// Extends JsMessage instead of WidgetDiffUpdate because the menu bar isn't diffed
+export class UpdateMenuBarLayout extends JsMessage {
+	layoutTarget!: unknown;
+
+	// TODO: Replace `any` with correct typing
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	@Transform(({ value }: { value: any }) => createMenuLayout(value))
+	layout!: MenuBarEntry[];
+}
+
+export class UpdateNodeGraphControlBarLayout extends WidgetDiffUpdate {}
+
+export class UpdatePropertyPanelSectionsLayout extends WidgetDiffUpdate {}
+
+export class UpdateSpreadsheetLayout extends WidgetDiffUpdate {}
+
+export class UpdateToolOptionsLayout extends WidgetDiffUpdate {}
+
+export class UpdateToolShelfLayout extends WidgetDiffUpdate {}
+
+export class UpdateWorkingColorsLayout extends WidgetDiffUpdate {}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function createMenuLayout(menuBarEntry: any[]): MenuBarEntry[] {
+	return menuBarEntry.map((entry) => ({
+		...entry,
+		children: createMenuLayoutRecursive(entry.children),
+	}));
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function createMenuLayoutRecursive(children: any[][]): MenuBarEntry[][] {
+	return children.map((groups) =>
+		groups.map((entry) => ({
+			...entry,
+			action: hoistWidgetHolders([entry.action])[0],
+			children: entry.children ? createMenuLayoutRecursive(entry.children) : undefined,
+			disabled: entry.disabled ?? false,
+		})),
+	);
+}
+
+// `any` is used since the type of the object should be known from the Rust side
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type JSMessageFactory = (data: any, wasm: WebAssembly.Memory, handle: EditorHandle) => JsMessage;
+type MessageMaker = typeof JsMessage | JSMessageFactory;
+
+export const messageMakers: Record<string, MessageMaker> = {
+	ClearAllNodeGraphWires,
+	DisplayDialog,
+	DisplayDialogDismiss,
+	DisplayDialogPanic,
+	DisplayEditableTextbox,
+	DisplayEditableTextboxTransform,
+	DisplayRemoveEditableTextbox,
+	SendUIMetadata,
+	TriggerAboutGraphiteLocalizedCommitDate,
+	TriggerDelayedZoomCanvasToFitAll,
+	TriggerDownloadImage,
+	TriggerDownloadTextFile,
+	TriggerFetchAndOpenDocument,
+	TriggerFontLoad,
+	TriggerImport,
+	TriggerIndexedDbRemoveDocument,
+	TriggerIndexedDbWriteDocument,
+	TriggerLoadFirstAutoSaveDocument,
+	TriggerLoadPreferences,
+	TriggerLoadRestAutoSaveDocuments,
+	TriggerOpenDocument,
+	TriggerPaste,
+	TriggerSaveActiveDocument,
+	TriggerSavePreferences,
+	TriggerTextCommit,
+	TriggerTextCopy,
+	TriggerVisitLink,
+	UpdateActiveDocument,
+	UpdateBox,
+	UpdateClickTargets,
+	UpdateContextMenuInformation,
+	UpdateDialogButtons,
+	UpdateDialogColumn1,
+	UpdateDialogColumn2,
+	UpdateDocumentArtwork,
+	UpdateDocumentBarLayout,
+	UpdateDocumentLayerDetails,
+	UpdateDocumentLayerStructureJs,
+	UpdateDocumentModeLayout,
+	UpdateDocumentRulers,
+	UpdateDocumentScrollbars,
+	UpdateExportReorderIndex,
+	UpdateEyedropperSamplingState,
+	UpdateGraphFadeArtwork,
+	UpdateGraphViewOverlay,
+	UpdateSpreadsheetState,
+	UpdateImportReorderIndex,
+	UpdateImportsExports,
+	UpdateInputHints,
+	UpdateInSelectedNetwork,
+	UpdateLayersPanelControlBarLeftLayout,
+	UpdateLayersPanelControlBarRightLayout,
+	UpdateLayersPanelBottomBarLayout,
+	UpdateLayerWidths,
+	UpdateMenuBarLayout,
+	UpdateMouseCursor,
+	UpdateNodeGraphNodes,
+	UpdateVisibleNodes,
+	UpdateNodeGraphWires,
+	UpdateNodeGraphTransform,
+	UpdateNodeGraphControlBarLayout,
+	UpdateNodeGraphSelection,
+	UpdateNodeThumbnail,
+	UpdateOpenDocumentsList,
+	UpdatePropertyPanelSectionsLayout,
+	UpdateSpreadsheetLayout,
+	UpdateToolOptionsLayout,
+	UpdateToolShelfLayout,
+	UpdateWirePathInProgress,
+	UpdateWorkingColorsLayout,
+} as const;
+export type JsMessageType = keyof typeof messageMakers;
diff --git a/frontend/src/state-providers/dialog.ts b/frontend/src/state-providers/dialog.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1e2da232a3e92c21507af74bcb2f17ef0b96b804
--- /dev/null
+++ b/frontend/src/state-providers/dialog.ts
@@ -0,0 +1,87 @@
+import { writable } from "svelte/store";
+
+import { type Editor } from "@graphite/editor";
+import { defaultWidgetLayout, DisplayDialog, DisplayDialogDismiss, UpdateDialogButtons, UpdateDialogColumn1, UpdateDialogColumn2, patchWidgetLayout } from "@graphite/messages";
+import { type IconName } from "@graphite/utility-functions/icons";
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export function createDialogState(editor: Editor) {
+	const { subscribe, update } = writable({
+		visible: false,
+		title: "",
+		icon: "" as IconName,
+		buttons: defaultWidgetLayout(),
+		column1: defaultWidgetLayout(),
+		column2: defaultWidgetLayout(),
+		// Special case for the crash dialog because we cannot handle button widget callbacks from Rust once the editor has panicked
+		panicDetails: "",
+	});
+
+	function dismissDialog() {
+		update((state) => {
+			// Disallow dismissing the crash dialog since it can confuse users why the app stopped responding if they dismiss it without realizing what it means
+			if (state.panicDetails === "") state.visible = false;
+
+			return state;
+		});
+	}
+
+	// Creates a crash dialog from JS once the editor has panicked.
+	// Normal dialogs are created in the Rust backend, but for the crash dialog, the editor has panicked so it cannot respond to widget callbacks.
+	function createCrashDialog(panicDetails: string) {
+		update((state) => {
+			state.visible = true;
+
+			state.icon = "Failure";
+			state.title = "Crash";
+			state.panicDetails = panicDetails;
+
+			state.column1 = defaultWidgetLayout();
+			state.column2 = defaultWidgetLayout();
+			state.buttons = defaultWidgetLayout();
+
+			return state;
+		});
+	}
+
+	// Subscribe to process backend events
+	editor.subscriptions.subscribeJsMessage(DisplayDialog, (displayDialog) => {
+		update((state) => {
+			state.visible = true;
+
+			state.title = displayDialog.title;
+			state.icon = displayDialog.icon;
+
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateDialogButtons, (updateDialogButtons) => {
+		update((state) => {
+			patchWidgetLayout(state.buttons, updateDialogButtons);
+
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateDialogColumn1, (updateDialogColumn1) => {
+		update((state) => {
+			patchWidgetLayout(state.column1, updateDialogColumn1);
+
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateDialogColumn2, (updateDialogColumn2) => {
+		update((state) => {
+			patchWidgetLayout(state.column2, updateDialogColumn2);
+
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(DisplayDialogDismiss, dismissDialog);
+
+	return {
+		subscribe,
+		dismissDialog,
+		createCrashDialog,
+	};
+}
+export type DialogState = ReturnType<typeof createDialogState>;
diff --git a/frontend/src/state-providers/document.ts b/frontend/src/state-providers/document.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c9ab1f2b5d33233980b8dd85eb2264c4f5309508
--- /dev/null
+++ b/frontend/src/state-providers/document.ts
@@ -0,0 +1,108 @@
+import { tick } from "svelte";
+import { writable } from "svelte/store";
+
+import { type Editor } from "@graphite/editor";
+
+import {
+	defaultWidgetLayout,
+	patchWidgetLayout,
+	UpdateDocumentBarLayout,
+	UpdateDocumentModeLayout,
+	UpdateToolOptionsLayout,
+	UpdateToolShelfLayout,
+	UpdateWorkingColorsLayout,
+	UpdateNodeGraphControlBarLayout,
+	UpdateGraphViewOverlay,
+	TriggerDelayedZoomCanvasToFitAll,
+	UpdateGraphFadeArtwork,
+} from "@graphite/messages";
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export function createDocumentState(editor: Editor) {
+	const state = writable({
+		// Layouts
+		documentModeLayout: defaultWidgetLayout(),
+		toolOptionsLayout: defaultWidgetLayout(),
+		documentBarLayout: defaultWidgetLayout(),
+		toolShelfLayout: defaultWidgetLayout(),
+		workingColorsLayout: defaultWidgetLayout(),
+		nodeGraphControlBarLayout: defaultWidgetLayout(),
+		// Graph view overlay
+		graphViewOverlayOpen: false,
+		fadeArtwork: 100,
+	});
+	const { subscribe, update } = state;
+
+	// Update layouts
+	editor.subscriptions.subscribeJsMessage(UpdateGraphFadeArtwork, (updateGraphFadeArtwork) => {
+		update((state) => {
+			state.fadeArtwork = updateGraphFadeArtwork.percentage;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateDocumentModeLayout, async (updateDocumentModeLayout) => {
+		await tick();
+
+		update((state) => {
+			patchWidgetLayout(state.documentModeLayout, updateDocumentModeLayout);
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateToolOptionsLayout, async (updateToolOptionsLayout) => {
+		await tick();
+
+		update((state) => {
+			patchWidgetLayout(state.toolOptionsLayout, updateToolOptionsLayout);
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateDocumentBarLayout, async (updateDocumentBarLayout) => {
+		await tick();
+
+		update((state) => {
+			patchWidgetLayout(state.documentBarLayout, updateDocumentBarLayout);
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateToolShelfLayout, async (updateToolShelfLayout) => {
+		await tick();
+
+		update((state) => {
+			patchWidgetLayout(state.toolShelfLayout, updateToolShelfLayout);
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateWorkingColorsLayout, async (updateWorkingColorsLayout) => {
+		await tick();
+
+		update((state) => {
+			patchWidgetLayout(state.workingColorsLayout, updateWorkingColorsLayout);
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateNodeGraphControlBarLayout, (updateNodeGraphControlBarLayout) => {
+		update((state) => {
+			patchWidgetLayout(state.nodeGraphControlBarLayout, updateNodeGraphControlBarLayout);
+			return state;
+		});
+	});
+
+	// Show or hide the graph view overlay
+	editor.subscriptions.subscribeJsMessage(UpdateGraphViewOverlay, (updateGraphViewOverlay) => {
+		update((state) => {
+			state.graphViewOverlayOpen = updateGraphViewOverlay.open;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerDelayedZoomCanvasToFitAll, () => {
+		// TODO: This is horribly hacky
+		[0, 1, 10, 50, 100, 200, 300, 400, 500].forEach((delay) => {
+			setTimeout(() => editor.handle.zoomCanvasToFitAll(), delay);
+		});
+	});
+
+	return {
+		subscribe,
+	};
+}
+export type DocumentState = ReturnType<typeof createDocumentState>;
diff --git a/frontend/src/state-providers/fonts.ts b/frontend/src/state-providers/fonts.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f6939d6054617bd6249668863bdd9760247393a4
--- /dev/null
+++ b/frontend/src/state-providers/fonts.ts
@@ -0,0 +1,116 @@
+import { writable } from "svelte/store";
+
+import { type Editor } from "@graphite/editor";
+import { TriggerFontLoad } from "@graphite/messages";
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export function createFontsState(editor: Editor) {
+	// TODO: Do some code cleanup to remove the need for this empty store
+	const { subscribe } = writable({});
+
+	function createURL(font: string, weight: string): URL {
+		const url = new URL("https://fonts.googleapis.com/css2");
+		url.searchParams.set("display", "swap");
+		url.searchParams.set("family", `${font}:wght@${weight}`);
+		url.searchParams.set("text", font);
+
+		return url;
+	}
+
+	async function fontNames(): Promise<{ name: string; url: URL | undefined }[]> {
+		const pickPreviewWeight = (variants: string[]) => {
+			const weights = variants.map((variant) => Number(variant.match(/.* \((\d+)\)/)?.[1] || "NaN"));
+			const weightGoal = 400;
+			const sorted = weights.map((weight) => [weight, Math.abs(weightGoal - weight - 1)]);
+			sorted.sort(([_, a], [__, b]) => a - b);
+			return sorted[0][0].toString();
+		};
+		return (await loadFontList()).map((font) => ({ name: font.family, url: createURL(font.family, pickPreviewWeight(font.variants)) }));
+	}
+
+	async function getFontStyles(fontFamily: string): Promise<{ name: string; url: URL | undefined }[]> {
+		const font = (await loadFontList()).find((value) => value.family === fontFamily);
+		return font?.variants.map((variant) => ({ name: variant, url: undefined })) || [];
+	}
+
+	async function getFontFileUrl(fontFamily: string, fontStyle: string): Promise<string | undefined> {
+		const font = (await loadFontList()).find((value) => value.family === fontFamily);
+		const fontFileUrl = font?.files.get(fontStyle);
+		return fontFileUrl?.replace("http://", "https://");
+	}
+
+	function formatFontStyleName(fontStyle: string): string {
+		const isItalic = fontStyle.endsWith("italic");
+		const weight = fontStyle === "regular" || fontStyle === "italic" ? 400 : parseInt(fontStyle, 10);
+		let weightName = "";
+
+		let bestWeight = Infinity;
+		weightNameMapping.forEach((nameChecking, weightChecking) => {
+			if (Math.abs(weightChecking - weight) < bestWeight) {
+				bestWeight = Math.abs(weightChecking - weight);
+				weightName = nameChecking;
+			}
+		});
+
+		return `${weightName}${isItalic ? " Italic" : ""} (${weight})`;
+	}
+
+	let fontList: Promise<{ family: string; variants: string[]; files: Map<string, string> }[]> | undefined;
+
+	async function loadFontList(): Promise<{ family: string; variants: string[]; files: Map<string, string> }[]> {
+		if (fontList) return fontList;
+
+		fontList = new Promise<{ family: string; variants: string[]; files: Map<string, string> }[]>((resolve) => {
+			fetch(fontListAPI)
+				.then((response) => response.json())
+				.then((fontListResponse) => {
+					const fontListData = fontListResponse.items as { family: string; variants: string[]; files: Record<string, string> }[];
+					const result = fontListData.map((font) => {
+						const { family } = font;
+						const variants = font.variants.map(formatFontStyleName);
+						const files = new Map(font.variants.map((x) => [formatFontStyleName(x), font.files[x]]));
+						return { family, variants, files };
+					});
+
+					resolve(result);
+				});
+		});
+
+		return fontList;
+	}
+
+	// Subscribe to process backend events
+	editor.subscriptions.subscribeJsMessage(TriggerFontLoad, async (triggerFontLoad) => {
+		const url = await getFontFileUrl(triggerFontLoad.font.fontFamily, triggerFontLoad.font.fontStyle);
+		if (url) {
+			const response = await (await fetch(url)).arrayBuffer();
+			editor.handle.onFontLoad(triggerFontLoad.font.fontFamily, triggerFontLoad.font.fontStyle, url, new Uint8Array(response));
+		} else {
+			editor.handle.errorDialog("Failed to load font", `The font ${triggerFontLoad.font.fontFamily} with style ${triggerFontLoad.font.fontStyle} does not exist`);
+		}
+	});
+
+	return {
+		subscribe,
+		fontNames,
+		getFontStyles,
+		getFontFileUrl,
+	};
+}
+export type FontsState = ReturnType<typeof createFontsState>;
+
+const fontListAPI = "https://api.graphite.rs/font-list";
+
+// From https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping
+const weightNameMapping = new Map([
+	[100, "Thin"],
+	[200, "Extra Light"],
+	[300, "Light"],
+	[400, "Regular"],
+	[500, "Medium"],
+	[600, "Semi Bold"],
+	[700, "Bold"],
+	[800, "Extra Bold"],
+	[900, "Black"],
+	[950, "Extra Black"],
+]);
diff --git a/frontend/src/state-providers/fullscreen.ts b/frontend/src/state-providers/fullscreen.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2ff8a1f2f82753709dfe30934bc76802e837eb5e
--- /dev/null
+++ b/frontend/src/state-providers/fullscreen.ts
@@ -0,0 +1,62 @@
+import { writable } from "svelte/store";
+
+import { type Editor } from "@graphite/editor";
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export function createFullscreenState(_: Editor) {
+	const { subscribe, update } = writable({
+		windowFullscreen: false,
+		keyboardLocked: false,
+	});
+
+	function fullscreenModeChanged() {
+		update((state) => {
+			state.windowFullscreen = Boolean(document.fullscreenElement);
+			if (!state.windowFullscreen) state.keyboardLocked = false;
+			return state;
+		});
+	}
+
+	async function enterFullscreen() {
+		await document.documentElement.requestFullscreen();
+
+		if (keyboardLockApiSupported) {
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			await (navigator as any).keyboard.lock(["ControlLeft", "ControlRight"]);
+
+			update((state) => {
+				state.keyboardLocked = true;
+				return state;
+			});
+		}
+	}
+
+	async function exitFullscreen() {
+		await document.exitFullscreen();
+	}
+
+	async function toggleFullscreen() {
+		return new Promise((resolve, reject) => {
+			update((state) => {
+				if (state.windowFullscreen) exitFullscreen().then(resolve).catch(reject);
+				else enterFullscreen().then(resolve).catch(reject);
+
+				return state;
+			});
+		});
+	}
+
+	// Experimental Keyboard API: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/keyboard
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	const keyboardLockApiSupported: Readonly<boolean> = "keyboard" in navigator && (navigator as any).keyboard && "lock" in (navigator as any).keyboard;
+
+	return {
+		subscribe,
+		fullscreenModeChanged,
+		enterFullscreen,
+		exitFullscreen,
+		toggleFullscreen,
+		keyboardLockApiSupported,
+	};
+}
+export type FullscreenState = ReturnType<typeof createFullscreenState>;
diff --git a/frontend/src/state-providers/node-graph.ts b/frontend/src/state-providers/node-graph.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9884659340cc0af4cdf4fb62c8d8700f0100544a
--- /dev/null
+++ b/frontend/src/state-providers/node-graph.ts
@@ -0,0 +1,188 @@
+import { writable } from "svelte/store";
+
+import { type Editor } from "@graphite/editor";
+import type { FrontendGraphOutput, FrontendGraphInput } from "@graphite/messages";
+import {
+	type Box,
+	type FrontendClickTargets,
+	type ContextMenuInformation,
+	type FrontendNode,
+	type FrontendNodeType,
+	type WirePath,
+	ClearAllNodeGraphWires,
+	SendUIMetadata,
+	UpdateBox,
+	UpdateClickTargets,
+	UpdateContextMenuInformation,
+	UpdateInSelectedNetwork,
+	UpdateImportReorderIndex,
+	UpdateExportReorderIndex,
+	UpdateImportsExports,
+	UpdateLayerWidths,
+	UpdateNodeGraphNodes,
+	UpdateVisibleNodes,
+	UpdateNodeGraphWires,
+	UpdateNodeGraphSelection,
+	UpdateNodeGraphTransform,
+	UpdateNodeThumbnail,
+	UpdateWirePathInProgress,
+} from "@graphite/messages";
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export function createNodeGraphState(editor: Editor) {
+	const { subscribe, update } = writable({
+		box: undefined as Box | undefined,
+		clickTargets: undefined as FrontendClickTargets | undefined,
+		contextMenuInformation: undefined as ContextMenuInformation | undefined,
+		layerWidths: new Map<bigint, number>(),
+		chainWidths: new Map<bigint, number>(),
+		hasLeftInputWire: new Map<bigint, boolean>(),
+		imports: [] as { outputMetadata: FrontendGraphOutput; position: { x: number; y: number } }[],
+		exports: [] as { inputMetadata: FrontendGraphInput; position: { x: number; y: number } }[],
+		addImport: undefined as { x: number; y: number } | undefined,
+		addExport: undefined as { x: number; y: number } | undefined,
+		nodes: new Map<bigint, FrontendNode>(),
+		visibleNodes: new Set<bigint>(),
+		/// The index is the exposed input index. The exports have a first key value of u32::MAX.
+		wires: new Map<bigint, Map<number, WirePath>>(),
+		wirePathInProgress: undefined as WirePath | undefined,
+		nodeDescriptions: new Map<string, string>(),
+		nodeTypes: [] as FrontendNodeType[],
+		thumbnails: new Map<bigint, string>(),
+		selected: [] as bigint[],
+		transform: { scale: 1, x: 0, y: 0 },
+		inSelectedNetwork: true,
+		reorderImportIndex: undefined as number | undefined,
+		reorderExportIndex: undefined as number | undefined,
+	});
+
+	// Set up message subscriptions on creation
+	editor.subscriptions.subscribeJsMessage(SendUIMetadata, (uiMetadata) => {
+		update((state) => {
+			state.nodeDescriptions = uiMetadata.nodeDescriptions;
+			state.nodeTypes = uiMetadata.nodeTypes;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateBox, (updateBox) => {
+		update((state) => {
+			state.box = updateBox.box;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateClickTargets, (UpdateClickTargets) => {
+		update((state) => {
+			state.clickTargets = UpdateClickTargets.clickTargets;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateContextMenuInformation, (updateContextMenuInformation) => {
+		update((state) => {
+			state.contextMenuInformation = updateContextMenuInformation.contextMenuInformation;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateImportReorderIndex, (updateImportReorderIndex) => {
+		update((state) => {
+			state.reorderImportIndex = updateImportReorderIndex.importIndex;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateExportReorderIndex, (updateExportReorderIndex) => {
+		update((state) => {
+			state.reorderExportIndex = updateExportReorderIndex.exportIndex;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateImportsExports, (updateImportsExports) => {
+		update((state) => {
+			state.imports = updateImportsExports.imports;
+			state.exports = updateImportsExports.exports;
+			state.addImport = updateImportsExports.addImport;
+			state.addExport = updateImportsExports.addExport;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateInSelectedNetwork, (updateInSelectedNetwork) => {
+		update((state) => {
+			state.inSelectedNetwork = updateInSelectedNetwork.inSelectedNetwork;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateLayerWidths, (updateLayerWidths) => {
+		update((state) => {
+			state.layerWidths = updateLayerWidths.layerWidths;
+			state.chainWidths = updateLayerWidths.chainWidths;
+			state.hasLeftInputWire = updateLayerWidths.hasLeftInputWire;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateNodeGraphNodes, (updateNodeGraphNodes) => {
+		update((state) => {
+			state.nodes.clear();
+			updateNodeGraphNodes.nodes.forEach((node) => {
+				state.nodes.set(node.id, node);
+			});
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateVisibleNodes, (updateVisibleNodes) => {
+		update((state) => {
+			state.visibleNodes = new Set<bigint>(updateVisibleNodes.nodes);
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateNodeGraphWires, (updateNodeWires) => {
+		update((state) => {
+			updateNodeWires.wires.forEach((wireUpdate) => {
+				let inputMap = state.wires.get(wireUpdate.id);
+				// If it doesn't exist, create it and set it in the outer map
+				if (!inputMap) {
+					inputMap = new Map();
+					state.wires.set(wireUpdate.id, inputMap);
+				}
+				if (wireUpdate.wirePathUpdate !== undefined) {
+					inputMap.set(wireUpdate.inputIndex, wireUpdate.wirePathUpdate);
+				} else {
+					inputMap.delete(wireUpdate.inputIndex);
+				}
+			});
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(ClearAllNodeGraphWires, (_) => {
+		update((state) => {
+			state.wires.clear();
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateNodeGraphSelection, (updateNodeGraphSelection) => {
+		update((state) => {
+			state.selected = updateNodeGraphSelection.selected;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateNodeGraphTransform, (updateNodeGraphTransform) => {
+		update((state) => {
+			state.transform = updateNodeGraphTransform.transform;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateNodeThumbnail, (updateNodeThumbnail) => {
+		update((state) => {
+			state.thumbnails.set(updateNodeThumbnail.id, updateNodeThumbnail.value);
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateWirePathInProgress, (updateWirePathInProgress) => {
+		update((state) => {
+			state.wirePathInProgress = updateWirePathInProgress.wirePath;
+			return state;
+		});
+	});
+
+	return {
+		subscribe,
+	};
+}
+export type NodeGraphState = ReturnType<typeof createNodeGraphState>;
diff --git a/frontend/src/state-providers/portfolio.ts b/frontend/src/state-providers/portfolio.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f425ba17d4b91d348aeff4be99d08ae68dc41d56
--- /dev/null
+++ b/frontend/src/state-providers/portfolio.ts
@@ -0,0 +1,126 @@
+/* eslint-disable max-classes-per-file */
+
+import { writable } from "svelte/store";
+
+import { type Editor } from "@graphite/editor";
+import {
+	type FrontendDocumentDetails,
+	TriggerFetchAndOpenDocument,
+	TriggerDownloadImage,
+	TriggerDownloadTextFile,
+	TriggerImport,
+	TriggerOpenDocument,
+	UpdateActiveDocument,
+	UpdateOpenDocumentsList,
+	UpdateSpreadsheetState,
+	defaultWidgetLayout,
+	patchWidgetLayout,
+	UpdateSpreadsheetLayout,
+} from "@graphite/messages";
+import { downloadFileText, downloadFileBlob, upload } from "@graphite/utility-functions/files";
+import { extractPixelData, rasterizeSVG } from "@graphite/utility-functions/rasterization";
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export function createPortfolioState(editor: Editor) {
+	const { subscribe, update } = writable({
+		unsaved: false,
+		documents: [] as FrontendDocumentDetails[],
+		activeDocumentIndex: 0,
+		spreadsheetOpen: false,
+		spreadsheetNode: BigInt(0) as bigint | undefined,
+		spreadsheetWidgets: defaultWidgetLayout(),
+	});
+
+	// Set up message subscriptions on creation
+	editor.subscriptions.subscribeJsMessage(UpdateOpenDocumentsList, (updateOpenDocumentList) => {
+		update((state) => {
+			state.documents = updateOpenDocumentList.openDocuments;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(UpdateActiveDocument, (updateActiveDocument) => {
+		update((state) => {
+			// Assume we receive a correct document id
+			const activeId = state.documents.findIndex((doc) => doc.id === updateActiveDocument.documentId);
+			state.activeDocumentIndex = activeId;
+			return state;
+		});
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerFetchAndOpenDocument, async (triggerFetchAndOpenDocument) => {
+		try {
+			const { name, filename } = triggerFetchAndOpenDocument;
+			const url = new URL(filename, document.location.href);
+			const data = await fetch(url);
+			const content = await data.text();
+
+			editor.handle.openDocumentFile(name, content);
+		} catch {
+			// Needs to be delayed until the end of the current call stack so the existing demo artwork dialog can be closed first, otherwise this dialog won't show
+			setTimeout(() => {
+				editor.handle.errorDialog("Failed to open document", "The file could not be reached over the internet. You may be offline, or it may be missing.");
+			}, 0);
+		}
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerOpenDocument, async () => {
+		const extension = editor.handle.fileSaveSuffix();
+		const data = await upload(extension, "text");
+		editor.handle.openDocumentFile(data.filename, data.content);
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerImport, async () => {
+		const data = await upload("image/*", "both");
+
+		if (data.type.includes("svg")) {
+			const svg = new TextDecoder().decode(data.content.data);
+			editor.handle.pasteSvg(data.filename, svg);
+			return;
+		}
+
+		// In case the user accidentally uploads a Graphite file, open it instead of failing to import it
+		if (data.filename.endsWith(".graphite")) {
+			editor.handle.openDocumentFile(data.filename, data.content.text);
+			return;
+		}
+
+		const imageData = await extractPixelData(new Blob([data.content.data], { type: data.type }));
+		editor.handle.pasteImage(data.filename, new Uint8Array(imageData.data), imageData.width, imageData.height);
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerDownloadTextFile, (triggerFileDownload) => {
+		downloadFileText(triggerFileDownload.name, triggerFileDownload.document);
+	});
+	editor.subscriptions.subscribeJsMessage(TriggerDownloadImage, async (triggerDownloadImage) => {
+		const { svg, name, mime, size } = triggerDownloadImage;
+
+		// Fill the canvas with white if it'll be a JPEG (which does not support transparency and defaults to black)
+		const backgroundColor = mime.endsWith("jpeg") ? "white" : undefined;
+
+		// Rasterize the SVG to an image file
+		try {
+			const blob = await rasterizeSVG(svg, size.x, size.y, mime, backgroundColor);
+
+			// Have the browser download the file to the user's disk
+			downloadFileBlob(name, blob);
+		} catch {
+			// Fail silently if there's an error rasterizing the SVG, such as a zero-sized image
+		}
+	});
+
+	editor.subscriptions.subscribeJsMessage(UpdateSpreadsheetState, async (updateSpreadsheetState) => {
+		update((state) => {
+			state.spreadsheetOpen = updateSpreadsheetState.open;
+			state.spreadsheetNode = updateSpreadsheetState.node;
+			return state;
+		});
+	});
+
+	editor.subscriptions.subscribeJsMessage(UpdateSpreadsheetLayout, (updateSpreadsheetLayout) => {
+		update((state) => {
+			patchWidgetLayout(state.spreadsheetWidgets, updateSpreadsheetLayout);
+			return state;
+		});
+	});
+
+	return {
+		subscribe,
+	};
+}
+export type PortfolioState = ReturnType<typeof createPortfolioState>;
diff --git a/frontend/src/subscription-router.ts b/frontend/src/subscription-router.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1234c1945c74a92c4166a68723227847fa523fe8
--- /dev/null
+++ b/frontend/src/subscription-router.ts
@@ -0,0 +1,74 @@
+import { plainToInstance } from "class-transformer";
+
+import { type JsMessageType, messageMakers, type JsMessage } from "@graphite/messages";
+import { type EditorHandle } from "@graphite-frontend/wasm/pkg/graphite_wasm.js";
+
+type JsMessageCallback<T extends JsMessage> = (messageData: T) => void;
+// Don't know a better way of typing this since it can be any subclass of JsMessage
+// The functions interacting with this map are strongly typed though around JsMessage
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type JsMessageCallbackMap = Record<string, JsMessageCallback<any> | undefined>;
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export function createSubscriptionRouter() {
+	const subscriptions: JsMessageCallbackMap = {};
+
+	const subscribeJsMessage = <T extends JsMessage, Args extends unknown[]>(messageType: new (...args: Args) => T, callback: JsMessageCallback<T>) => {
+		subscriptions[messageType.name] = callback;
+	};
+
+	const handleJsMessage = (messageType: JsMessageType, messageData: Record<string, unknown>, wasm: WebAssembly.Memory, handle: EditorHandle) => {
+		// Find the message maker for the message type, which can either be a JS class constructor or a function that returns an instance of the JS class
+		const messageMaker = messageMakers[messageType];
+		if (!messageMaker) {
+			// eslint-disable-next-line no-console
+			console.error(
+				`Received a frontend message of type "${messageType}" but was not able to parse the data. ` +
+					"(Perhaps this message parser isn't exported in `messageMakers` at the bottom of `messages.ts`.)",
+			);
+			return;
+		}
+
+		// Checks if the provided `messageMaker` is a class extending `JsMessage`. All classes inheriting from `JsMessage` will have a static readonly `jsMessageMarker` which is `true`.
+		const isJsMessageMaker = (fn: typeof messageMaker): fn is typeof JsMessage => "jsMessageMarker" in fn;
+		const messageIsClass = isJsMessageMaker(messageMaker);
+
+		// Messages with non-empty data are provided by wasm-bindgen as an object with one key as the message name, like: { NameOfThisMessage: { ... } }
+		// Messages with empty data are provided by wasm-bindgen as a string with the message name, like: "NameOfThisMessage"
+		// Here we extract the payload object or use an empty object depending on the situation.
+		const unwrappedMessageData = messageData[messageType] || {};
+
+		// Converts to a `JsMessage` object by turning the JSON message data into an instance of the message class, either automatically or by calling the function that builds it.
+		// If the `messageMaker` is a `JsMessage` class then we use the class-transformer library's `plainToInstance` function in order to convert the JSON data into the destination class.
+		// If it is not a `JsMessage` then it should be a custom function that creates a JsMessage from a JSON, so we call the function itself with the raw JSON as an argument.
+		// The resulting `message` is an instance of a class that extends `JsMessage`.
+		const message = messageIsClass ? plainToInstance(messageMaker, unwrappedMessageData) : messageMaker(unwrappedMessageData, wasm, handle);
+
+		// If we have constructed a valid message, then we try and execute the callback that the frontend has associated with this message.
+		// The frontend should always have a callback for all messages, but due to message ordering, we might have to delay a few stack frames until we do.
+		let retries = 0;
+		const callCallback = () => {
+			// It is ok to use constructor.name even with minification since it is used consistently with registerHandler
+			const callback = subscriptions[message.constructor.name];
+
+			// Attempt to call the callback, but try again several times on the next stack frame if it is not yet registered due to message ordering.
+			if (callback) {
+				callback(message);
+			} else if (retries <= 3) {
+				retries += 1;
+				setTimeout(callCallback, 0);
+			} else {
+				// eslint-disable-next-line no-console
+				console.error(`Received a frontend message of type "${messageType}" but no handler was registered for it from the client.`);
+			}
+		};
+
+		callCallback();
+	};
+
+	return {
+		subscribeJsMessage,
+		handleJsMessage,
+	};
+}
+export type SubscriptionRouter = ReturnType<typeof createSubscriptionRouter>;
diff --git a/frontend/src/utility-functions/debounce.ts b/frontend/src/utility-functions/debounce.ts
new file mode 100644
index 0000000000000000000000000000000000000000..abb0df43abed78660825cafed497e51e014e7630
--- /dev/null
+++ b/frontend/src/utility-functions/debounce.ts
@@ -0,0 +1,31 @@
+export type Debouncer = ReturnType<typeof debouncer>;
+
+export type DebouncerOptions = {
+	debounceTime: number;
+};
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+export function debouncer<T>(callFn: (value: T) => unknown, { debounceTime = 60 }: Partial<DebouncerOptions> = {}) {
+	let currentValue: T | undefined;
+	let recentlyUpdated: boolean = false;
+
+	const debounceEmitValue = () => {
+		recentlyUpdated = false;
+		if (currentValue === undefined) return;
+		debounceUpdateValue(currentValue);
+	};
+
+	const debounceUpdateValue = (newValue: T) => {
+		if (recentlyUpdated) {
+			currentValue = newValue;
+			return;
+		}
+
+		callFn(newValue);
+		recentlyUpdated = true;
+		currentValue = undefined;
+		setTimeout(debounceEmitValue, debounceTime);
+	};
+
+	return { debounceUpdateValue };
+}
diff --git a/frontend/src/utility-functions/escape.ts b/frontend/src/utility-functions/escape.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8284dca0fa7536c3f2cc21db3a2470cb846a2386
--- /dev/null
+++ b/frontend/src/utility-functions/escape.ts
@@ -0,0 +1,14 @@
+/* eslint-disable no-useless-escape */
+/* eslint-disable quotes */
+
+export function escapeJSON(str: string): string {
+	return str
+		.replace(/[\\]/g, "\\\\")
+		.replace(/[\"]/g, '\\"')
+		.replace(/[\/]/g, "\\/")
+		.replace(/[\b]/g, "\\b")
+		.replace(/[\f]/g, "\\f")
+		.replace(/[\n]/g, "\\n")
+		.replace(/[\r]/g, "\\r")
+		.replace(/[\t]/g, "\\t");
+}
diff --git a/frontend/src/utility-functions/files.ts b/frontend/src/utility-functions/files.ts
new file mode 100644
index 0000000000000000000000000000000000000000..610d4993d86e0dfa619e32da1d4fdf7d9cc8fede
--- /dev/null
+++ b/frontend/src/utility-functions/files.ts
@@ -0,0 +1,61 @@
+export function downloadFileURL(filename: string, url: string) {
+	const element = document.createElement("a");
+
+	element.href = url;
+	element.setAttribute("download", filename);
+
+	element.click();
+}
+
+export function downloadFileBlob(filename: string, blob: Blob) {
+	const url = URL.createObjectURL(blob);
+
+	downloadFileURL(filename, url);
+
+	URL.revokeObjectURL(url);
+}
+
+export function downloadFileText(filename: string, text: string) {
+	const type = filename.endsWith(".svg") ? "image/svg+xml;charset=utf-8" : "text/plain;charset=utf-8";
+
+	const blob = new Blob([text], { type });
+	downloadFileBlob(filename, blob);
+}
+
+export async function upload<T extends "text" | "data" | "both">(acceptedExtensions: string, textOrData: T): Promise<UploadResult<T>> {
+	return new Promise<UploadResult<T>>((resolve, _) => {
+		const element = document.createElement("input");
+		element.type = "file";
+		element.accept = acceptedExtensions;
+
+		element.addEventListener(
+			"change",
+			async () => {
+				if (element.files?.length) {
+					const file = element.files[0];
+
+					const filename = file.name;
+					const type = file.type;
+					const content = (
+						textOrData === "text"
+							? await file.text()
+							: textOrData === "data"
+								? new Uint8Array(await file.arrayBuffer())
+								: textOrData === "both"
+									? { text: await file.text(), data: new Uint8Array(await file.arrayBuffer()) }
+									: undefined
+					) as UploadResultType<T>;
+
+					resolve({ filename, type, content });
+				}
+			},
+			{ capture: false, once: true },
+		);
+
+		element.click();
+
+		// Once `element` goes out of scope, it has no references so it gets garbage collected along with its event listener, so `removeEventListener` is not needed
+	});
+}
+export type UploadResult<T> = { filename: string; type: string; content: UploadResultType<T> };
+type UploadResultType<T> = T extends "text" ? string : T extends "data" ? Uint8Array : T extends "both" ? { text: string; data: Uint8Array } : never;
diff --git a/frontend/src/utility-functions/icons.ts b/frontend/src/utility-functions/icons.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3e57c4acd694174f179095ca0349db814e3bf1ac
--- /dev/null
+++ b/frontend/src/utility-functions/icons.ts
@@ -0,0 +1,445 @@
+/* eslint-disable import/first */
+
+// Graphics
+import GraphiteLogotypeSolid from "@graphite-frontend/assets/graphics/graphite-logotype-solid.svg";
+
+const GRAPHICS = {
+	GraphiteLogotypeSolid: { svg: GraphiteLogotypeSolid, size: undefined },
+} as const;
+
+// 12px Solid
+import Add from "@graphite-frontend/assets/icon-12px-solid/add.svg";
+import Checkmark from "@graphite-frontend/assets/icon-12px-solid/checkmark.svg";
+import Clipped from "@graphite-frontend/assets/icon-12px-solid/clipped.svg";
+import CloseX from "@graphite-frontend/assets/icon-12px-solid/close-x.svg";
+import Delay from "@graphite-frontend/assets/icon-12px-solid/delay.svg";
+import Dot from "@graphite-frontend/assets/icon-12px-solid/dot.svg";
+import DropdownArrow from "@graphite-frontend/assets/icon-12px-solid/dropdown-arrow.svg";
+import Edit12px from "@graphite-frontend/assets/icon-12px-solid/edit-12px.svg";
+import Empty12px from "@graphite-frontend/assets/icon-12px-solid/empty-12px.svg";
+import Failure from "@graphite-frontend/assets/icon-12px-solid/failure.svg";
+import FullscreenEnter from "@graphite-frontend/assets/icon-12px-solid/fullscreen-enter.svg";
+import FullscreenExit from "@graphite-frontend/assets/icon-12px-solid/fullscreen-exit.svg";
+import GridDotted from "@graphite-frontend/assets/icon-12px-solid/grid-dotted.svg";
+import Grid from "@graphite-frontend/assets/icon-12px-solid/grid.svg";
+import Info from "@graphite-frontend/assets/icon-12px-solid/info.svg";
+import KeyboardArrowDown from "@graphite-frontend/assets/icon-12px-solid/keyboard-arrow-down.svg";
+import KeyboardArrowLeft from "@graphite-frontend/assets/icon-12px-solid/keyboard-arrow-left.svg";
+import KeyboardArrowRight from "@graphite-frontend/assets/icon-12px-solid/keyboard-arrow-right.svg";
+import KeyboardArrowUp from "@graphite-frontend/assets/icon-12px-solid/keyboard-arrow-up.svg";
+import KeyboardBackspace from "@graphite-frontend/assets/icon-12px-solid/keyboard-backspace.svg";
+import KeyboardCommand from "@graphite-frontend/assets/icon-12px-solid/keyboard-command.svg";
+import KeyboardControl from "@graphite-frontend/assets/icon-12px-solid/keyboard-control.svg";
+import KeyboardEnter from "@graphite-frontend/assets/icon-12px-solid/keyboard-enter.svg";
+import KeyboardOption from "@graphite-frontend/assets/icon-12px-solid/keyboard-option.svg";
+import KeyboardShift from "@graphite-frontend/assets/icon-12px-solid/keyboard-shift.svg";
+import KeyboardSpace from "@graphite-frontend/assets/icon-12px-solid/keyboard-space.svg";
+import KeyboardTab from "@graphite-frontend/assets/icon-12px-solid/keyboard-tab.svg";
+import License12px from "@graphite-frontend/assets/icon-12px-solid/license-12px.svg";
+import Link from "@graphite-frontend/assets/icon-12px-solid/link.svg";
+import Overlays from "@graphite-frontend/assets/icon-12px-solid/overlays.svg";
+import Remove from "@graphite-frontend/assets/icon-12px-solid/remove.svg";
+import Snapping from "@graphite-frontend/assets/icon-12px-solid/snapping.svg";
+import SwapHorizontal from "@graphite-frontend/assets/icon-12px-solid/swap-horizontal.svg";
+import SwapVertical from "@graphite-frontend/assets/icon-12px-solid/swap-vertical.svg";
+import VerticalEllipsis from "@graphite-frontend/assets/icon-12px-solid/vertical-ellipsis.svg";
+import Warning from "@graphite-frontend/assets/icon-12px-solid/warning.svg";
+import WindowButtonWinClose from "@graphite-frontend/assets/icon-12px-solid/window-button-win-close.svg";
+import WindowButtonWinMaximize from "@graphite-frontend/assets/icon-12px-solid/window-button-win-maximize.svg";
+import WindowButtonWinMinimize from "@graphite-frontend/assets/icon-12px-solid/window-button-win-minimize.svg";
+import WindowButtonWinRestoreDown from "@graphite-frontend/assets/icon-12px-solid/window-button-win-restore-down.svg";
+import WorkingColors from "@graphite-frontend/assets/icon-12px-solid/working-colors.svg";
+
+const SOLID_12PX = {
+	Add: { svg: Add, size: 12 },
+	Checkmark: { svg: Checkmark, size: 12 },
+	Clipped: { svg: Clipped, size: 12 },
+	CloseX: { svg: CloseX, size: 12 },
+	Delay: { svg: Delay, size: 12 },
+	Dot: { svg: Dot, size: 12 },
+	DropdownArrow: { svg: DropdownArrow, size: 12 },
+	Edit12px: { svg: Edit12px, size: 12 },
+	Empty12px: { svg: Empty12px, size: 12 },
+	Failure: { svg: Failure, size: 12 },
+	FullscreenEnter: { svg: FullscreenEnter, size: 12 },
+	FullscreenExit: { svg: FullscreenExit, size: 12 },
+	Grid: { svg: Grid, size: 12 },
+	GridDotted: { svg: GridDotted, size: 12 },
+	Info: { svg: Info, size: 12 },
+	KeyboardArrowDown: { svg: KeyboardArrowDown, size: 12 },
+	KeyboardArrowLeft: { svg: KeyboardArrowLeft, size: 12 },
+	KeyboardArrowRight: { svg: KeyboardArrowRight, size: 12 },
+	KeyboardArrowUp: { svg: KeyboardArrowUp, size: 12 },
+	KeyboardBackspace: { svg: KeyboardBackspace, size: 12 },
+	KeyboardCommand: { svg: KeyboardCommand, size: 12 },
+	KeyboardControl: { svg: KeyboardControl, size: 12 },
+	KeyboardEnter: { svg: KeyboardEnter, size: 12 },
+	KeyboardOption: { svg: KeyboardOption, size: 12 },
+	KeyboardShift: { svg: KeyboardShift, size: 12 },
+	KeyboardSpace: { svg: KeyboardSpace, size: 12 },
+	KeyboardTab: { svg: KeyboardTab, size: 12 },
+	License12px: { svg: License12px, size: 12 },
+	Link: { svg: Link, size: 12 },
+	Overlays: { svg: Overlays, size: 12 },
+	Remove: { svg: Remove, size: 12 },
+	Snapping: { svg: Snapping, size: 12 },
+	SwapHorizontal: { svg: SwapHorizontal, size: 12 },
+	SwapVertical: { svg: SwapVertical, size: 12 },
+	VerticalEllipsis: { svg: VerticalEllipsis, size: 12 },
+	Warning: { svg: Warning, size: 12 },
+	WindowButtonWinClose: { svg: WindowButtonWinClose, size: 12 },
+	WindowButtonWinMaximize: { svg: WindowButtonWinMaximize, size: 12 },
+	WindowButtonWinMinimize: { svg: WindowButtonWinMinimize, size: 12 },
+	WindowButtonWinRestoreDown: { svg: WindowButtonWinRestoreDown, size: 12 },
+	WorkingColors: { svg: WorkingColors, size: 12 },
+} as const;
+
+// 16px Solid
+import AlignBottom from "@graphite-frontend/assets/icon-16px-solid/align-bottom.svg";
+import AlignHorizontalCenter from "@graphite-frontend/assets/icon-16px-solid/align-horizontal-center.svg";
+import AlignLeft from "@graphite-frontend/assets/icon-16px-solid/align-left.svg";
+import AlignRight from "@graphite-frontend/assets/icon-16px-solid/align-right.svg";
+import AlignTop from "@graphite-frontend/assets/icon-16px-solid/align-top.svg";
+import AlignVerticalCenter from "@graphite-frontend/assets/icon-16px-solid/align-vertical-center.svg";
+import Artboard from "@graphite-frontend/assets/icon-16px-solid/artboard.svg";
+import BooleanDifference from "@graphite-frontend/assets/icon-16px-solid/boolean-difference.svg";
+import BooleanDivide from "@graphite-frontend/assets/icon-16px-solid/boolean-divide.svg";
+import BooleanIntersect from "@graphite-frontend/assets/icon-16px-solid/boolean-intersect.svg";
+import BooleanSubtractBack from "@graphite-frontend/assets/icon-16px-solid/boolean-subtract-back.svg";
+import BooleanSubtractFront from "@graphite-frontend/assets/icon-16px-solid/boolean-subtract-front.svg";
+import BooleanUnion from "@graphite-frontend/assets/icon-16px-solid/boolean-union.svg";
+import Bug from "@graphite-frontend/assets/icon-16px-solid/bug.svg";
+import CheckboxChecked from "@graphite-frontend/assets/icon-16px-solid/checkbox-checked.svg";
+import CheckboxUnchecked from "@graphite-frontend/assets/icon-16px-solid/checkbox-unchecked.svg";
+import CloseAll from "@graphite-frontend/assets/icon-16px-solid/close-all.svg";
+import Close from "@graphite-frontend/assets/icon-16px-solid/close.svg";
+import Code from "@graphite-frontend/assets/icon-16px-solid/code.svg";
+import Copy from "@graphite-frontend/assets/icon-16px-solid/copy.svg";
+import Credits from "@graphite-frontend/assets/icon-16px-solid/credits.svg";
+import CustomColor from "@graphite-frontend/assets/icon-16px-solid/custom-color.svg";
+import Cut from "@graphite-frontend/assets/icon-16px-solid/cut.svg";
+import DeselectAll from "@graphite-frontend/assets/icon-16px-solid/deselect-all.svg";
+import Edit from "@graphite-frontend/assets/icon-16px-solid/edit.svg";
+import Empty from "@graphite-frontend/assets/icon-16px-solid/empty.svg";
+import EyeHidden from "@graphite-frontend/assets/icon-16px-solid/eye-hidden.svg";
+import EyeHide from "@graphite-frontend/assets/icon-16px-solid/eye-hide.svg";
+import EyeShow from "@graphite-frontend/assets/icon-16px-solid/eye-show.svg";
+import EyeVisible from "@graphite-frontend/assets/icon-16px-solid/eye-visible.svg";
+import Eyedropper from "@graphite-frontend/assets/icon-16px-solid/eyedropper.svg";
+import FileExport from "@graphite-frontend/assets/icon-16px-solid/file-export.svg";
+import FileImport from "@graphite-frontend/assets/icon-16px-solid/file-import.svg";
+import File from "@graphite-frontend/assets/icon-16px-solid/file.svg";
+import FlipHorizontal from "@graphite-frontend/assets/icon-16px-solid/flip-horizontal.svg";
+import FlipVertical from "@graphite-frontend/assets/icon-16px-solid/flip-vertical.svg";
+import FolderOpen from "@graphite-frontend/assets/icon-16px-solid/folder-open.svg";
+import Folder from "@graphite-frontend/assets/icon-16px-solid/folder.svg";
+import FrameAll from "@graphite-frontend/assets/icon-16px-solid/frame-all.svg";
+import FrameSelected from "@graphite-frontend/assets/icon-16px-solid/frame-selected.svg";
+import GraphViewClosed from "@graphite-frontend/assets/icon-16px-solid/graph-view-closed.svg";
+import GraphViewOpen from "@graphite-frontend/assets/icon-16px-solid/graph-view-open.svg";
+import GraphiteLogo from "@graphite-frontend/assets/icon-16px-solid/graphite-logo.svg";
+import HandleVisibilityAll from "@graphite-frontend/assets/icon-16px-solid/handle-visibility-all.svg";
+import HandleVisibilityFrontier from "@graphite-frontend/assets/icon-16px-solid/handle-visibility-frontier.svg";
+import HandleVisibilitySelected from "@graphite-frontend/assets/icon-16px-solid/handle-visibility-selected.svg";
+import Heart from "@graphite-frontend/assets/icon-16px-solid/heart.svg";
+import HistoryRedo from "@graphite-frontend/assets/icon-16px-solid/history-redo.svg";
+import HistoryUndo from "@graphite-frontend/assets/icon-16px-solid/history-undo.svg";
+import IconsGrid from "@graphite-frontend/assets/icon-16px-solid/icons-grid.svg";
+import Image from "@graphite-frontend/assets/icon-16px-solid/image.svg";
+import Layer from "@graphite-frontend/assets/icon-16px-solid/layer.svg";
+import License from "@graphite-frontend/assets/icon-16px-solid/license.svg";
+import NewLayer from "@graphite-frontend/assets/icon-16px-solid/new-layer.svg";
+import NodeBlur from "@graphite-frontend/assets/icon-16px-solid/node-blur.svg";
+import NodeBrushwork from "@graphite-frontend/assets/icon-16px-solid/node-brushwork.svg";
+import NodeColorCorrection from "@graphite-frontend/assets/icon-16px-solid/node-color-correction.svg";
+import NodeGradient from "@graphite-frontend/assets/icon-16px-solid/node-gradient.svg";
+import NodeImaginate from "@graphite-frontend/assets/icon-16px-solid/node-imaginate.svg";
+import NodeMagicWand from "@graphite-frontend/assets/icon-16px-solid/node-magic-wand.svg";
+import NodeMask from "@graphite-frontend/assets/icon-16px-solid/node-mask.svg";
+import NodeMotionBlur from "@graphite-frontend/assets/icon-16px-solid/node-motion-blur.svg";
+import NodeNodes from "@graphite-frontend/assets/icon-16px-solid/node-nodes.svg";
+import NodeOutput from "@graphite-frontend/assets/icon-16px-solid/node-output.svg";
+import NodeShape from "@graphite-frontend/assets/icon-16px-solid/node-shape.svg";
+import NodeText from "@graphite-frontend/assets/icon-16px-solid/node-text.svg";
+import NodeTransform from "@graphite-frontend/assets/icon-16px-solid/node-transform.svg";
+import Node from "@graphite-frontend/assets/icon-16px-solid/node.svg";
+import PadlockLocked from "@graphite-frontend/assets/icon-16px-solid/padlock-locked.svg";
+import PadlockUnlocked from "@graphite-frontend/assets/icon-16px-solid/padlock-unlocked.svg";
+import Paste from "@graphite-frontend/assets/icon-16px-solid/paste.svg";
+import PinActive from "@graphite-frontend/assets/icon-16px-solid/pin-active.svg";
+import PinInactive from "@graphite-frontend/assets/icon-16px-solid/pin-inactive.svg";
+import PlaybackPause from "@graphite-frontend/assets/icon-16px-solid/playback-pause.svg";
+import PlaybackPlay from "@graphite-frontend/assets/icon-16px-solid/playback-play.svg";
+import PlaybackToEnd from "@graphite-frontend/assets/icon-16px-solid/playback-to-end.svg";
+import PlaybackToStart from "@graphite-frontend/assets/icon-16px-solid/playback-to-start.svg";
+import Random from "@graphite-frontend/assets/icon-16px-solid/random.svg";
+import Reload from "@graphite-frontend/assets/icon-16px-solid/reload.svg";
+import Reset from "@graphite-frontend/assets/icon-16px-solid/reset.svg";
+import Resync from "@graphite-frontend/assets/icon-16px-solid/resync.svg";
+import ReverseRadialGradientToLeft from "@graphite-frontend/assets/icon-16px-solid/reverse-radial-gradient-to-left.svg";
+import ReverseRadialGradientToRight from "@graphite-frontend/assets/icon-16px-solid/reverse-radial-gradient-to-right.svg";
+import Reverse from "@graphite-frontend/assets/icon-16px-solid/reverse.svg";
+import Save from "@graphite-frontend/assets/icon-16px-solid/save.svg";
+import SelectAll from "@graphite-frontend/assets/icon-16px-solid/select-all.svg";
+import SelectParent from "@graphite-frontend/assets/icon-16px-solid/select-parent.svg";
+import Settings from "@graphite-frontend/assets/icon-16px-solid/settings.svg";
+import SmallDot from "@graphite-frontend/assets/icon-16px-solid/small-dot.svg";
+import StackBottom from "@graphite-frontend/assets/icon-16px-solid/stack-bottom.svg";
+import StackHollow from "@graphite-frontend/assets/icon-16px-solid/stack-hollow.svg";
+import StackLower from "@graphite-frontend/assets/icon-16px-solid/stack-lower.svg";
+import StackRaise from "@graphite-frontend/assets/icon-16px-solid/stack-raise.svg";
+import StackReverse from "@graphite-frontend/assets/icon-16px-solid/stack-reverse.svg";
+import Stack from "@graphite-frontend/assets/icon-16px-solid/stack.svg";
+import TiltReset from "@graphite-frontend/assets/icon-16px-solid/tilt-reset.svg";
+import Tilt from "@graphite-frontend/assets/icon-16px-solid/tilt.svg";
+import TransformationGrab from "@graphite-frontend/assets/icon-16px-solid/transformation-grab.svg";
+import TransformationRotate from "@graphite-frontend/assets/icon-16px-solid/transformation-rotate.svg";
+import TransformationScale from "@graphite-frontend/assets/icon-16px-solid/transformation-scale.svg";
+import Trash from "@graphite-frontend/assets/icon-16px-solid/trash.svg";
+import TurnNegative90 from "@graphite-frontend/assets/icon-16px-solid/turn-negative-90.svg";
+import TurnPositive90 from "@graphite-frontend/assets/icon-16px-solid/turn-positive-90.svg";
+import UserManual from "@graphite-frontend/assets/icon-16px-solid/user-manual.svg";
+import ViewModeNormal from "@graphite-frontend/assets/icon-16px-solid/view-mode-normal.svg";
+import ViewModeOutline from "@graphite-frontend/assets/icon-16px-solid/view-mode-outline.svg";
+import ViewModePixels from "@graphite-frontend/assets/icon-16px-solid/view-mode-pixels.svg";
+import ViewportDesignMode from "@graphite-frontend/assets/icon-16px-solid/viewport-design-mode.svg";
+import ViewportGuideMode from "@graphite-frontend/assets/icon-16px-solid/viewport-guide-mode.svg";
+import ViewportSelectMode from "@graphite-frontend/assets/icon-16px-solid/viewport-select-mode.svg";
+import Volunteer from "@graphite-frontend/assets/icon-16px-solid/volunteer.svg";
+import Website from "@graphite-frontend/assets/icon-16px-solid/website.svg";
+import WorkingColorsPrimary from "@graphite-frontend/assets/icon-16px-solid/working-colors-primary.svg";
+import WorkingColorsSecondary from "@graphite-frontend/assets/icon-16px-solid/working-colors-secondary.svg";
+import Zoom1x from "@graphite-frontend/assets/icon-16px-solid/zoom-1x.svg";
+import Zoom2x from "@graphite-frontend/assets/icon-16px-solid/zoom-2x.svg";
+import ZoomIn from "@graphite-frontend/assets/icon-16px-solid/zoom-in.svg";
+import ZoomOut from "@graphite-frontend/assets/icon-16px-solid/zoom-out.svg";
+import ZoomReset from "@graphite-frontend/assets/icon-16px-solid/zoom-reset.svg";
+
+const SOLID_16PX = {
+	AlignBottom: { svg: AlignBottom, size: 16 },
+	AlignHorizontalCenter: { svg: AlignHorizontalCenter, size: 16 },
+	AlignLeft: { svg: AlignLeft, size: 16 },
+	AlignRight: { svg: AlignRight, size: 16 },
+	AlignTop: { svg: AlignTop, size: 16 },
+	AlignVerticalCenter: { svg: AlignVerticalCenter, size: 16 },
+	Artboard: { svg: Artboard, size: 16 },
+	BooleanDifference: { svg: BooleanDifference, size: 16 },
+	BooleanDivide: { svg: BooleanDivide, size: 16 },
+	BooleanIntersect: { svg: BooleanIntersect, size: 16 },
+	BooleanSubtractBack: { svg: BooleanSubtractBack, size: 16 },
+	BooleanSubtractFront: { svg: BooleanSubtractFront, size: 16 },
+	BooleanUnion: { svg: BooleanUnion, size: 16 },
+	Bug: { svg: Bug, size: 16 },
+	CheckboxChecked: { svg: CheckboxChecked, size: 16 },
+	CheckboxUnchecked: { svg: CheckboxUnchecked, size: 16 },
+	Close: { svg: Close, size: 16 },
+	CloseAll: { svg: CloseAll, size: 16 },
+	Code: { svg: Code, size: 16 },
+	Copy: { svg: Copy, size: 16 },
+	Credits: { svg: Credits, size: 16 },
+	CustomColor: { svg: CustomColor, size: 16 },
+	Cut: { svg: Cut, size: 16 },
+	DeselectAll: { svg: DeselectAll, size: 16 },
+	Edit: { svg: Edit, size: 16 },
+	Empty: { svg: Empty, size: 16 },
+	Eyedropper: { svg: Eyedropper, size: 16 },
+	EyeHidden: { svg: EyeHidden, size: 16 },
+	EyeHide: { svg: EyeHide, size: 16 },
+	EyeShow: { svg: EyeShow, size: 16 },
+	EyeVisible: { svg: EyeVisible, size: 16 },
+	File: { svg: File, size: 16 },
+	FileExport: { svg: FileExport, size: 16 },
+	FileImport: { svg: FileImport, size: 16 },
+	FlipHorizontal: { svg: FlipHorizontal, size: 16 },
+	FlipVertical: { svg: FlipVertical, size: 16 },
+	Folder: { svg: Folder, size: 16 },
+	FolderOpen: { svg: FolderOpen, size: 16 },
+	FrameAll: { svg: FrameAll, size: 16 },
+	FrameSelected: { svg: FrameSelected, size: 16 },
+	GraphiteLogo: { svg: GraphiteLogo, size: 16 },
+	GraphViewClosed: { svg: GraphViewClosed, size: 16 },
+	GraphViewOpen: { svg: GraphViewOpen, size: 16 },
+	HandleVisibilityAll: { svg: HandleVisibilityAll, size: 16 },
+	HandleVisibilityFrontier: { svg: HandleVisibilityFrontier, size: 16 },
+	HandleVisibilitySelected: { svg: HandleVisibilitySelected, size: 16 },
+	Heart: { svg: Heart, size: 16 },
+	HistoryRedo: { svg: HistoryRedo, size: 16 },
+	HistoryUndo: { svg: HistoryUndo, size: 16 },
+	IconsGrid: { svg: IconsGrid, size: 16 },
+	Image: { svg: Image, size: 16 },
+	Layer: { svg: Layer, size: 16 },
+	License: { svg: License, size: 16 },
+	NewLayer: { svg: NewLayer, size: 16 },
+	Node: { svg: Node, size: 16 },
+	NodeBlur: { svg: NodeBlur, size: 16 },
+	NodeBrushwork: { svg: NodeBrushwork, size: 16 },
+	NodeColorCorrection: { svg: NodeColorCorrection, size: 16 },
+	NodeGradient: { svg: NodeGradient, size: 16 },
+	NodeImaginate: { svg: NodeImaginate, size: 16 },
+	NodeMagicWand: { svg: NodeMagicWand, size: 16 },
+	NodeMask: { svg: NodeMask, size: 16 },
+	NodeMotionBlur: { svg: NodeMotionBlur, size: 16 },
+	NodeNodes: { svg: NodeNodes, size: 16 },
+	NodeOutput: { svg: NodeOutput, size: 16 },
+	NodeShape: { svg: NodeShape, size: 16 },
+	NodeText: { svg: NodeText, size: 16 },
+	NodeTransform: { svg: NodeTransform, size: 16 },
+	PadlockLocked: { svg: PadlockLocked, size: 16 },
+	PadlockUnlocked: { svg: PadlockUnlocked, size: 16 },
+	Paste: { svg: Paste, size: 16 },
+	PinActive: { svg: PinActive, size: 16 },
+	PinInactive: { svg: PinInactive, size: 16 },
+	PlaybackPause: { svg: PlaybackPause, size: 16 },
+	PlaybackPlay: { svg: PlaybackPlay, size: 16 },
+	PlaybackToEnd: { svg: PlaybackToEnd, size: 16 },
+	PlaybackToStart: { svg: PlaybackToStart, size: 16 },
+	Random: { svg: Random, size: 16 },
+	Reload: { svg: Reload, size: 16 },
+	Reset: { svg: Reset, size: 16 },
+	Resync: { svg: Resync, size: 16 },
+	Reverse: { svg: Reverse, size: 16 },
+	ReverseRadialGradientToLeft: { svg: ReverseRadialGradientToLeft, size: 16 },
+	ReverseRadialGradientToRight: { svg: ReverseRadialGradientToRight, size: 16 },
+	Save: { svg: Save, size: 16 },
+	SelectAll: { svg: SelectAll, size: 16 },
+	SelectParent: { svg: SelectParent, size: 16 },
+	Settings: { svg: Settings, size: 16 },
+	SmallDot: { svg: SmallDot, size: 16 },
+	Stack: { svg: Stack, size: 16 },
+	StackBottom: { svg: StackBottom, size: 16 },
+	StackHollow: { svg: StackHollow, size: 16 },
+	StackLower: { svg: StackLower, size: 16 },
+	StackRaise: { svg: StackRaise, size: 16 },
+	StackReverse: { svg: StackReverse, size: 16 },
+	Tilt: { svg: Tilt, size: 16 },
+	TiltReset: { svg: TiltReset, size: 16 },
+	TransformationGrab: { svg: TransformationGrab, size: 16 },
+	TransformationRotate: { svg: TransformationRotate, size: 16 },
+	TransformationScale: { svg: TransformationScale, size: 16 },
+	Trash: { svg: Trash, size: 16 },
+	TurnNegative90: { svg: TurnNegative90, size: 16 },
+	TurnPositive90: { svg: TurnPositive90, size: 16 },
+	UserManual: { svg: UserManual, size: 16 },
+	ViewModeNormal: { svg: ViewModeNormal, size: 16 },
+	ViewModeOutline: { svg: ViewModeOutline, size: 16 },
+	ViewModePixels: { svg: ViewModePixels, size: 16 },
+	ViewportDesignMode: { svg: ViewportDesignMode, size: 16 },
+	ViewportGuideMode: { svg: ViewportGuideMode, size: 16 },
+	ViewportSelectMode: { svg: ViewportSelectMode, size: 16 },
+	Volunteer: { svg: Volunteer, size: 16 },
+	Website: { svg: Website, size: 16 },
+	WorkingColorsPrimary: { svg: WorkingColorsPrimary, size: 16 },
+	WorkingColorsSecondary: { svg: WorkingColorsSecondary, size: 16 },
+	Zoom1x: { svg: Zoom1x, size: 16 },
+	Zoom2x: { svg: Zoom2x, size: 16 },
+	ZoomIn: { svg: ZoomIn, size: 16 },
+	ZoomOut: { svg: ZoomOut, size: 16 },
+	ZoomReset: { svg: ZoomReset, size: 16 },
+} as const;
+
+// 16px Two-Tone
+import MouseHintDrag from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-drag.svg";
+import MouseHintLmbDouble from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-lmb-double.svg";
+import MouseHintLmbDrag from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-lmb-drag.svg";
+import MouseHintLmb from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-lmb.svg";
+import MouseHintMmbDrag from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-mmb-drag.svg";
+import MouseHintMmb from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-mmb.svg";
+import MouseHintNone from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-none.svg";
+import MouseHintRmbDouble from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-rmb-double.svg";
+import MouseHintRmbDrag from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-rmb-drag.svg";
+import MouseHintRmb from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-rmb.svg";
+import MouseHintScrollDown from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-scroll-down.svg";
+import MouseHintScrollUp from "@graphite-frontend/assets/icon-16px-two-tone/mouse-hint-scroll-up.svg";
+
+const TWO_TONE_16PX = {
+	MouseHintDrag: { svg: MouseHintDrag, size: 16 },
+	MouseHintLmb: { svg: MouseHintLmb, size: 16 },
+	MouseHintLmbDouble: { svg: MouseHintLmbDouble, size: 16 },
+	MouseHintLmbDrag: { svg: MouseHintLmbDrag, size: 16 },
+	MouseHintMmb: { svg: MouseHintMmb, size: 16 },
+	MouseHintMmbDrag: { svg: MouseHintMmbDrag, size: 16 },
+	MouseHintNone: { svg: MouseHintNone, size: 16 },
+	MouseHintRmb: { svg: MouseHintRmb, size: 16 },
+	MouseHintRmbDouble: { svg: MouseHintRmbDouble, size: 16 },
+	MouseHintRmbDrag: { svg: MouseHintRmbDrag, size: 16 },
+	MouseHintScrollDown: { svg: MouseHintScrollDown, size: 16 },
+	MouseHintScrollUp: { svg: MouseHintScrollUp, size: 16 },
+} as const;
+
+// 24px Two-Tone
+import GeneralArtboardTool from "@graphite-frontend/assets/icon-24px-two-tone/general-artboard-tool.svg";
+import GeneralEyedropperTool from "@graphite-frontend/assets/icon-24px-two-tone/general-eyedropper-tool.svg";
+import GeneralFillTool from "@graphite-frontend/assets/icon-24px-two-tone/general-fill-tool.svg";
+import GeneralGradientTool from "@graphite-frontend/assets/icon-24px-two-tone/general-gradient-tool.svg";
+import GeneralNavigateTool from "@graphite-frontend/assets/icon-24px-two-tone/general-navigate-tool.svg";
+import GeneralSelectTool from "@graphite-frontend/assets/icon-24px-two-tone/general-select-tool.svg";
+import RasterBrushTool from "@graphite-frontend/assets/icon-24px-two-tone/raster-brush-tool.svg";
+import RasterCloneTool from "@graphite-frontend/assets/icon-24px-two-tone/raster-clone-tool.svg";
+import RasterDetailTool from "@graphite-frontend/assets/icon-24px-two-tone/raster-detail-tool.svg";
+import RasterHealTool from "@graphite-frontend/assets/icon-24px-two-tone/raster-heal-tool.svg";
+import RasterImaginateTool from "@graphite-frontend/assets/icon-24px-two-tone/raster-imaginate-tool.svg";
+import RasterPatchTool from "@graphite-frontend/assets/icon-24px-two-tone/raster-patch-tool.svg";
+import RasterRelightTool from "@graphite-frontend/assets/icon-24px-two-tone/raster-relight-tool.svg";
+import VectorEllipseTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-ellipse-tool.svg";
+import VectorFreehandTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-freehand-tool.svg";
+import VectorLineTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-line-tool.svg";
+import VectorPathTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-path-tool.svg";
+import VectorPenTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-pen-tool.svg";
+import VectorPolygonTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-polygon-tool.svg";
+import VectorRectangleTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-rectangle-tool.svg";
+import VectorSplineTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-spline-tool.svg";
+import VectorTextTool from "@graphite-frontend/assets/icon-24px-two-tone/vector-text-tool.svg";
+
+const TWO_TONE_24PX = {
+	GeneralArtboardTool: { svg: GeneralArtboardTool, size: 24 },
+	GeneralEyedropperTool: { svg: GeneralEyedropperTool, size: 24 },
+	GeneralFillTool: { svg: GeneralFillTool, size: 24 },
+	GeneralGradientTool: { svg: GeneralGradientTool, size: 24 },
+	GeneralNavigateTool: { svg: GeneralNavigateTool, size: 24 },
+	GeneralSelectTool: { svg: GeneralSelectTool, size: 24 },
+	RasterBrushTool: { svg: RasterBrushTool, size: 24 },
+	RasterCloneTool: { svg: RasterCloneTool, size: 24 },
+	RasterDetailTool: { svg: RasterDetailTool, size: 24 },
+	RasterHealTool: { svg: RasterHealTool, size: 24 },
+	RasterImaginateTool: { svg: RasterImaginateTool, size: 24 },
+	RasterPatchTool: { svg: RasterPatchTool, size: 24 },
+	RasterRelightTool: { svg: RasterRelightTool, size: 24 },
+	VectorEllipseTool: { svg: VectorEllipseTool, size: 24 },
+	VectorFreehandTool: { svg: VectorFreehandTool, size: 24 },
+	VectorLineTool: { svg: VectorLineTool, size: 24 },
+	VectorPathTool: { svg: VectorPathTool, size: 24 },
+	VectorPenTool: { svg: VectorPenTool, size: 24 },
+	VectorRectangleTool: { svg: VectorRectangleTool, size: 24 },
+	VectorPolygonTool: { svg: VectorPolygonTool, size: 24 },
+	VectorSplineTool: { svg: VectorSplineTool, size: 24 },
+	VectorTextTool: { svg: VectorTextTool, size: 24 },
+} as const;
+
+// All icons
+const ICON_LIST = {
+	...GRAPHICS,
+	...SOLID_12PX,
+	...SOLID_16PX,
+	...TWO_TONE_16PX,
+	...TWO_TONE_24PX,
+} as const;
+
+// Exported icons and types
+export const ICONS: IconDefinitionType<typeof ICON_LIST> = ICON_LIST;
+export const ICON_SVG_STRINGS = Object.fromEntries(Object.entries(ICONS).map(([name, data]) => [name, data.svg]));
+
+export type IconName = keyof typeof ICONS;
+export type IconSize = undefined | 12 | 16 | 24 | 32;
+export type PopoverButtonStyle = "DropdownArrow" | "VerticalEllipsis";
+
+// The following helper type declarations allow us to avoid manually maintaining the `IconName` type declaration as a string union paralleling the keys of the
+// icon definitions. It lets TypeScript do that for us. Our goal is to define the big key-value pair of icons by constraining its values, but inferring its keys.
+// Constraining its values means that TypeScript can make sure each icon definition has a valid size number from the union of numbers that is `IconSize`.
+// Inferring its keys means we don't have to specify a supertype like `string` or `any` for the key-value pair's keys, which would prevent us from accessing
+// the individual keys with `keyof typeof`. Absent a specified type for the keys, TypeScript falls back to inferring that the key-value pair's type is the
+// map of all its individual entries. Having the full list of entries lets us automatically set the `IconName` type to the union of strings that is the full
+// list of keys. The result is that we don't have to maintain a separate list of icon names since this scheme infers it from the keys of the icon definitions.
+// Based on https://stackoverflow.com/a/64119715/775283
+type IconDefinition = { svg: string; size: IconSize };
+type EvaluateType<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+type IconDefinitionType<T extends Record<string, IconDefinition>> = EvaluateType<{ [key in keyof T]: IconDefinition }>;
diff --git a/frontend/src/utility-functions/images.ts b/frontend/src/utility-functions/images.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b9dfad01dd9a0df837455fc27501566abc8ef840
--- /dev/null
+++ b/frontend/src/utility-functions/images.ts
@@ -0,0 +1,33 @@
+/* eslint-disable import/first */
+
+// Demo artwork
+import ThumbnailChangingSeasons from "@graphite-frontend/assets/images/demo-artwork/thumbnail-changing-seasons.png";
+import ThumbnailIsometricFountain from "@graphite-frontend/assets/images/demo-artwork/thumbnail-isometric-fountain.png";
+import ThumbnailPaintedDreams from "@graphite-frontend/assets/images/demo-artwork/thumbnail-painted-dreams.png";
+import ThumbnailParametricDunescape from "@graphite-frontend/assets/images/demo-artwork/thumbnail-parametric-dunescape.png";
+import ThumbnailProceduralStringLights from "@graphite-frontend/assets/images/demo-artwork/thumbnail-procedural-string-lights.png";
+import ThumbnailRedDress from "@graphite-frontend/assets/images/demo-artwork/thumbnail-red-dress.png";
+import ThumbnailValleyOfSpires from "@graphite-frontend/assets/images/demo-artwork/thumbnail-valley-of-spires.png";
+
+const DEMO_ARTWORK = {
+	ThumbnailChangingSeasons,
+	ThumbnailIsometricFountain,
+	ThumbnailPaintedDreams,
+	ThumbnailParametricDunescape,
+	ThumbnailProceduralStringLights,
+	ThumbnailRedDress,
+	ThumbnailValleyOfSpires,
+} as const;
+
+// All images
+const IMAGE_LIST = {
+	...DEMO_ARTWORK,
+} as const;
+
+// Exported images and types
+export const IMAGES: ImageDefinitionType<typeof IMAGE_LIST> = IMAGE_LIST;
+export const IMAGE_BASE64_STRINGS = Object.fromEntries(Object.entries(IMAGES).map(([name, data]) => [name, data]));
+
+// See `icons.ts` for explanation about how this works
+type EvaluateType<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+type ImageDefinitionType<T extends Record<string, string>> = EvaluateType<{ [key in keyof T]: string }>;
diff --git a/frontend/src/utility-functions/keyboard-entry.ts b/frontend/src/utility-functions/keyboard-entry.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e33181cd3606b744cb586f7b416793b217125563
--- /dev/null
+++ b/frontend/src/utility-functions/keyboard-entry.ts
@@ -0,0 +1,741 @@
+export function makeKeyboardModifiersBitfield(e: WheelEvent | PointerEvent | MouseEvent | KeyboardEvent): number {
+	return (
+		// Shift (all platforms)
+		(Number(e.shiftKey) << 0) |
+		// Alt (all platforms, also called Option on Mac)
+		(Number(e.altKey) << 1) |
+		// Control (all platforms)
+		(Number(e.ctrlKey) << 2) |
+		// Meta (Windows/Linux) or Command (Mac)
+		(Number(e.metaKey) << 3)
+	);
+}
+
+// Necessary because innerText puts an extra newline character at the end when the text is more than one line.
+export function textInputCleanup(text: string): string {
+	if (text[text.length - 1] === "\n") return text.slice(0, -1);
+	return text;
+}
+
+// This function tries to find what scan code the user pressed, even if using a non-US keyboard.
+// Directly using `KeyboardEvent.code` scan code only works on a US QWERTY layout, because alternate layouts like
+// QWERTZ (German) or AZERTY (French) will end up reporting the wrong keys.
+// Directly using `KeyboardEvent.key` doesn't work because the results are often garbage, as the printed character
+// varies when the Shift key is pressed, or worse, when the Option (Alt) key on a Mac is pressed.
+// This function does its best to try and sort through both of those sources of information to determine the localized scan code.
+//
+// This function is an imperfect stopgap solution to allow non-US keyboards to be handled on a best-effort basis.
+// Eventually we will need a more robust system based on a giant database of keyboard layouts from all around the world.
+// We'd provide the user a choice of layout, and aim to detect a default based on the `key` and `code` values entered by the user
+// combined with `Keyboard.getLayoutMap()` where supported in Chromium-based browsers and perhaps the browser's language and IP address.
+// We are also limited by browser APIs, since the spec doesn't support what we need it to:
+// <https://github.com/WICG/keyboard-map/issues/26>
+// In the desktop version of VS Code, this is achieved with this Electron plugin:
+// <https://github.com/Microsoft/node-native-keymap>
+// We may be able to port that (it's a relatively small codebase) to Rust for use with Tauri.
+// But on the web, just like VS Code, we're limited by the shortcomings of the spec.
+// A collection of further insights:
+// <https://docs.google.com/document/d/1p17IBbYGsZivLIMhKZOaCJFAJFokbPfKrkB37fOPXSM/edit>
+// And it's a really good idea to read the explainer on keyboard layout variations and the whole spec (it's quite digestible):
+// <https://www.w3.org/TR/uievents-code/#key-alphanumeric-writing-system>
+export async function getLocalizedScanCode(e: KeyboardEvent): Promise<string> {
+	const keyText = e.key;
+	const scanCode = e.code;
+
+	// Use the key code directly if it isn't one that changes per locale (i.e. isn't a writing system key or one of the other few exceptions)
+	const scanCodeNotLocaleSpecific = !LOCALE_SPECIFIC_KEY_CODES.includes(scanCode);
+	if (scanCodeNotLocaleSpecific) {
+		return scanCode;
+	}
+
+	// Use the key directly if it's one of the exceptions that usually don't change, but sometimes do in a predictable way
+	if (SCAN_CODES_FOR_NON_WRITING_KEYS_THAT_VARY_PER_LOCALE.includes(scanCode)) {
+		// Numpad comma and period which swap in some locales as decimal and thousands separator symbols
+		if (NUMPAD_DECIMAL_AND_THOUSANDS_SEPARATORS.includes(scanCode)) {
+			switch (scanCode) {
+				case ".":
+					return "NumpadDecimal";
+				case ",":
+					return "NumpadComma";
+				default:
+					return scanCode;
+			}
+		}
+
+		// The AltRight key changes from a key value of "Alt" to "AltGraph" on keyboards with an AltGraph key
+		if (scanCode === "AltRight") {
+			return keyText === "Alt" ? "AltRight" : "AltGraph";
+		}
+	}
+
+	// Use good-enough-for-now heuristics on the writing system keys, which are commonly subject to change by locale
+
+	// Number scan codes
+	if (/^Digit[0-9]$/.test(scanCode)) {
+		// For now it's good enough to treat every digit key, regardless of locale, as just its digit from the standard US layout.
+		// Even on a keyboard like the French AZERTY layout, where numbers are shifted, users still refer to those keys by their numbers.
+		// This unfortunately means that any special symbols under these keys are overridden by their number, making it impossible to access some shortcuts that rely on those special symbols.
+		// We'll have to deal with that for now, and find a way to upgrade or properly replace this system, or assign alternate keymaps based on locale, when people complain.
+		return scanCode;
+	}
+
+	// Letter scan codes
+	if (/^Key([A-Z])$/.test(scanCode)) {
+		// Get the uppercase letter, with any accents or discritics removed if possible
+		const rawLetter = keyText
+			.normalize("NFD")
+			.replace(/\p{Diacritic}/gu, "")
+			.toUpperCase();
+
+		// If the key letter is in the A-Z range, use the key code for that letter
+		if (/^[A-Z]$/.test(rawLetter)) return `Key${rawLetter}`;
+
+		// If the key text isn't one of the named attribute values, that means it must be the literal unicode value which we use directly
+		// It is likely a weird symbol that isn't in the A-Z range even with accents removed.
+		// It might be a symbol from an Option key combination on a Mac. Or it might be from a non-Latin alphabet like Cyrillic.
+		if (!KEY_ATTRIBUTE_VALUES.has(keyText)) {
+			// eslint-disable-next-line @typescript-eslint/no-explicit-any
+			if (navigator && "keyboard" in navigator && "getLayoutMap" in (navigator as any).keyboard) {
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				const layout = await (navigator as any).keyboard.getLayoutMap();
+
+				type KeyCode = string;
+				type KeySymbol = string;
+				// Get all the keyboard mappings and transform the key symbols to uppercase
+				const keyboardLayoutMap: [KeyCode, KeySymbol][] = [...layout.entries()].map(([keyCode, keySymbol]) => [keyCode, keySymbol.toUpperCase()]);
+
+				// If we match the uppercase version of the pressed key character, use the scan code that produces it
+				const matchedEntry = keyboardLayoutMap.find(([_, keySymbol]) => keySymbol === keyText.toUpperCase());
+				if (matchedEntry) return matchedEntry[0];
+			}
+
+			// If the keyboard layout API is unavailable, or it didn't match anything, just return the scan code that the user typed
+			// This isn't perfect because alternate keyboard layouts may end up having the US QWERTY key,
+			// but it's all we can do without a giant database of keyboard layouts and Mac Option key combinations
+			return scanCode;
+		}
+
+		// If the key's named attribute value shares a name with a scan code, use that scan code
+		if (KEY_CODE_NAMES.includes(keyText)) {
+			return scanCodeFromKeyText(keyText);
+		}
+		if (KEY_ATTRIBUTE_VALUES_INVOLVING_HANDEDNESS.includes(keyText)) {
+			// Since for some reason we're in a situation where we are using the key instead of the scan code to
+			// match one of the modifier keys which have both a Left and Right variant as part of the scan code names,
+			// but no handedness as part of the key's named attribute values, we default to the left side as it's more common.
+			return `${keyText}Left`;
+		}
+
+		// All reasonable attempts to figure out what this key is has now failed, so we fall back on the US QWERTY layout scan code
+		return scanCode;
+	}
+
+	// If the key text is the unicode character for one of the standard symbols on the US keyboard, use the symbol even though it's not located on the same scan code as on a US keyboard
+	if (WRITING_SYSTEM_SPECIAL_CHARS.includes(keyText)) {
+		return scanCodeFromKeyText(keyText);
+	}
+
+	// If the key is otherwise totally unrecognized, we ignore it
+	if (keyText === "Unidentified" || scanCode === "Unidentified") return "Unidentified";
+
+	// As a last resort, we just use the scan code
+	return scanCode;
+}
+
+function scanCodeFromKeyText(keyText: string): string {
+	// There are many possible unicode symbols as well as named attribute values, but we only care about finding the equivalent scan code (based on the US keyboard) without regard for modifiers
+
+	// Match any handed modifier keys by claiming it's the left-handed modifier
+	if (KEY_ATTRIBUTE_VALUES_INVOLVING_HANDEDNESS.includes(keyText)) {
+		return `${keyText}Left`;
+	}
+
+	// Match any named attribute keys to an identical key name
+	const identicalName = KEY_CODE_NAMES.find((code) => code === keyText);
+	if (identicalName) return keyText;
+
+	// Match the space character
+	// Order matters because the next step assumes it can safely ignore the space character
+	if (keyText === " ") return "Space";
+
+	// Match individual characters by the scan code which produces that symbol on a US keyboard, either shifted or not
+	// This also includes the `Digit*` and `Key*` codes
+	const matchedScanCode = KEY_CODES.find((info) => info.keys?.us?.includes(keyText));
+	if (matchedScanCode) return matchedScanCode.code;
+
+	return "Unidentified";
+}
+
+type KeyCategories = "writing-system" | "functional" | "functional-jp-kr" | "control-pad" | "arrow-pad" | "numpad" | "function" | "media" | "unidentified";
+type KeyboardLocale = "us";
+type ScanCodeInfo = { code: string; category: KeyCategories; keys?: Record<KeyboardLocale, string | undefined> };
+const KEY_CODES: ScanCodeInfo[] = [
+	// Writing system keys
+	// Codes produce different printed characters depending on locale
+	// https://www.w3.org/TR/uievents-code/#key-alphanumeric-writing-system
+
+	{ code: "Digit0", category: "writing-system", keys: { us: "0 )" } },
+	{ code: "Digit1", category: "writing-system", keys: { us: "1 !" } },
+	{ code: "Digit2", category: "writing-system", keys: { us: "2 @" } },
+	{ code: "Digit3", category: "writing-system", keys: { us: "3 #" } },
+	{ code: "Digit4", category: "writing-system", keys: { us: "4 $" } },
+	{ code: "Digit5", category: "writing-system", keys: { us: "5 %" } },
+	{ code: "Digit6", category: "writing-system", keys: { us: "6 ^" } },
+	{ code: "Digit7", category: "writing-system", keys: { us: "7 &" } },
+	{ code: "Digit8", category: "writing-system", keys: { us: "8 *" } },
+	{ code: "Digit9", category: "writing-system", keys: { us: "9 (" } },
+
+	{ code: "KeyA", category: "writing-system", keys: { us: "a A" } },
+	{ code: "KeyB", category: "writing-system", keys: { us: "b B" } },
+	{ code: "KeyC", category: "writing-system", keys: { us: "c C" } },
+	{ code: "KeyD", category: "writing-system", keys: { us: "d D" } },
+	{ code: "KeyE", category: "writing-system", keys: { us: "e E" } },
+	{ code: "KeyF", category: "writing-system", keys: { us: "f F" } },
+	{ code: "KeyG", category: "writing-system", keys: { us: "g G" } },
+	{ code: "KeyH", category: "writing-system", keys: { us: "h H" } },
+	{ code: "KeyI", category: "writing-system", keys: { us: "i I" } },
+	{ code: "KeyJ", category: "writing-system", keys: { us: "j J" } },
+	{ code: "KeyK", category: "writing-system", keys: { us: "k K" } },
+	{ code: "KeyL", category: "writing-system", keys: { us: "l L" } },
+	{ code: "KeyM", category: "writing-system", keys: { us: "m M" } },
+	{ code: "KeyN", category: "writing-system", keys: { us: "n N" } },
+	{ code: "KeyO", category: "writing-system", keys: { us: "o O" } },
+	{ code: "KeyP", category: "writing-system", keys: { us: "p P" } },
+	{ code: "KeyQ", category: "writing-system", keys: { us: "q Q" } },
+	{ code: "KeyR", category: "writing-system", keys: { us: "r R" } },
+	{ code: "KeyS", category: "writing-system", keys: { us: "s S" } },
+	{ code: "KeyT", category: "writing-system", keys: { us: "t T" } },
+	{ code: "KeyU", category: "writing-system", keys: { us: "u U" } },
+	{ code: "KeyV", category: "writing-system", keys: { us: "v V" } },
+	{ code: "KeyW", category: "writing-system", keys: { us: "w W" } },
+	{ code: "KeyX", category: "writing-system", keys: { us: "x X" } },
+	{ code: "KeyY", category: "writing-system", keys: { us: "y Y" } },
+	{ code: "KeyZ", category: "writing-system", keys: { us: "z Z" } },
+
+	{ code: "Backquote", category: "writing-system", keys: { us: "` ~" } },
+	{ code: "Backslash", category: "writing-system", keys: { us: "\\ |" } },
+	{ code: "BracketLeft", category: "writing-system", keys: { us: "[ {" } },
+	{ code: "BracketRight", category: "writing-system", keys: { us: "] }" } },
+	{ code: "Comma", category: "writing-system", keys: { us: ", <" } },
+	{ code: "Equal", category: "writing-system", keys: { us: "= +" } },
+	{ code: "Minus", category: "writing-system", keys: { us: "- _" } },
+	{ code: "Period", category: "writing-system", keys: { us: ". >" } },
+	{ code: "Quote", category: "writing-system", keys: { us: "' \"" } },
+	{ code: "Semicolon", category: "writing-system", keys: { us: "; :" } },
+	{ code: "Slash", category: "writing-system", keys: { us: "/ ?" } },
+
+	{ code: "IntlBackslash", category: "writing-system", keys: { us: undefined } },
+	{ code: "IntlRo", category: "writing-system", keys: { us: undefined } },
+	{ code: "IntlYen", category: "writing-system", keys: { us: undefined } },
+
+	// Functional keys
+	// https://www.w3.org/TR/uievents-code/#key-alphanumeric-functional
+	// Codes have the same meaning regardless of locale, except for "AltRight"
+	{ code: "AltLeft", category: "functional" },
+	{ code: "AltRight", category: "functional" }, // Exception: `key` value is either "Alt" or "AltGraph" depending on locale (e.g. US vs. French, respectively)
+	// The W3C table includes this in the Writing System Keys table instead of the Functional Keys table, but its diagrams
+	// and text describe it as a functional key, so it has been moved here under the assumption that the table is incorrect
+	// https://github.com/w3c/uievents-code/issues/34
+	{ code: "Backspace", category: "writing-system" }, // Shares a name with a key attribute
+	{ code: "CapsLock", category: "functional" }, // Shares a name with a key attribute
+	{ code: "ContextMenu", category: "functional" }, // Shares a name with a key attribute
+	{ code: "ControlLeft", category: "functional" }, // Shares a name with a key attribute as "Control"
+	{ code: "ControlRight", category: "functional" }, // Shares a name with a key attribute as "Control"
+	{ code: "Enter", category: "functional" }, // Shares a name with a key attribute
+	{ code: "MetaLeft", category: "functional" }, // Shares a name with a key attribute as "Meta"
+	{ code: "MetaRight", category: "functional" }, // Shares a name with a key attribute as "Meta"
+	{ code: "ShiftLeft", category: "functional" }, // Shares a name with a key attribute as "Shift"
+	{ code: "ShiftRight", category: "functional" }, // Shares a name with a key attribute as "Shift"
+	{ code: "Space", category: "functional" },
+	{ code: "Tab", category: "functional" }, // Shares a name with a key attribute
+
+	// Functional Japanese/Korean keys
+	{ code: "Convert", category: "functional-jp-kr" }, // Shares a name with a key attribute
+	{ code: "KanaMode", category: "functional-jp-kr" }, // Shares a name with a key attribute
+	{ code: "Lang1", category: "functional-jp-kr" },
+	{ code: "Lang2", category: "functional-jp-kr" },
+	{ code: "Lang3", category: "functional-jp-kr" },
+	{ code: "Lang4", category: "functional-jp-kr" },
+	{ code: "Lang5", category: "functional-jp-kr" },
+	{ code: "NonConvert", category: "functional-jp-kr" }, // Shares a name with a key attribute
+
+	// Control pad keys
+	{ code: "Delete", category: "control-pad" }, // Shares a name with a key attribute
+	{ code: "End", category: "control-pad" }, // Shares a name with a key attribute
+	{ code: "Help", category: "control-pad" }, // Shares a name with a key attribute
+	{ code: "Home", category: "control-pad" }, // Shares a name with a key attribute
+	{ code: "Insert", category: "control-pad" }, // Shares a name with a key attribute
+	{ code: "PageDown", category: "control-pad" }, // Shares a name with a key attribute
+	{ code: "PageUp", category: "control-pad" }, // Shares a name with a key attribute
+
+	// Arrow pad keys
+	{ code: "ArrowDown", category: "arrow-pad" }, // Shares a name with a key attribute
+	{ code: "ArrowLeft", category: "arrow-pad" }, // Shares a name with a key attribute
+	{ code: "ArrowRight", category: "arrow-pad" }, // Shares a name with a key attribute
+	{ code: "ArrowUp", category: "arrow-pad" }, // Shares a name with a key attribute
+
+	// Numpad keys
+	{ code: "Numpad0", category: "numpad" },
+	{ code: "Numpad1", category: "numpad" },
+	{ code: "Numpad2", category: "numpad" },
+	{ code: "Numpad3", category: "numpad" },
+	{ code: "Numpad4", category: "numpad" },
+	{ code: "Numpad5", category: "numpad" },
+	{ code: "Numpad6", category: "numpad" },
+	{ code: "Numpad7", category: "numpad" },
+	{ code: "Numpad8", category: "numpad" },
+	{ code: "Numpad9", category: "numpad" },
+	{ code: "NumLock", category: "numpad" }, // Shares a name with a key attribute
+	{ code: "NumpadAdd", category: "numpad" },
+	{ code: "NumpadBackspace", category: "numpad" },
+	{ code: "NumpadClear", category: "numpad" },
+	{ code: "NumpadClearEntry", category: "numpad" },
+	{ code: "NumpadComma", category: "numpad" }, // Exception: Produces either a comma (,) or period (.) depending on locale (e.g. comma in US vs. period in Brazil)
+	{ code: "NumpadDecimal", category: "numpad" }, // Exception: Produces either a comma (,) or period (.) depending on locale (e.g. period in US vs. decimal in Brazil)
+	{ code: "NumpadDivide", category: "numpad" },
+	{ code: "NumpadEnter", category: "numpad" },
+	{ code: "NumpadEqual", category: "numpad" },
+	{ code: "NumpadHash", category: "numpad" },
+	{ code: "NumpadMemoryAdd", category: "numpad" },
+	{ code: "NumpadMemoryClear", category: "numpad" },
+	{ code: "NumpadMemoryRecall", category: "numpad" },
+	{ code: "NumpadMemoryStore", category: "numpad" },
+	{ code: "NumpadMemorySubtract", category: "numpad" },
+	{ code: "NumpadMultiply", category: "numpad" },
+	{ code: "NumpadParenLeft", category: "numpad" },
+	{ code: "NumpadParenRight", category: "numpad" },
+	{ code: "NumpadStar", category: "numpad" },
+	{ code: "NumpadSubtract", category: "numpad" },
+
+	// Function keys
+	{ code: "Escape", category: "function" }, // Shares a name with a key attribute
+	{ code: "F1", category: "function" }, // Shares a name with a key attribute
+	{ code: "F2", category: "function" }, // Shares a name with a key attribute
+	{ code: "F3", category: "function" }, // Shares a name with a key attribute
+	{ code: "F4", category: "function" }, // Shares a name with a key attribute
+	{ code: "F5", category: "function" }, // Shares a name with a key attribute
+	{ code: "F6", category: "function" }, // Shares a name with a key attribute
+	{ code: "F7", category: "function" }, // Shares a name with a key attribute
+	{ code: "F8", category: "function" }, // Shares a name with a key attribute
+	{ code: "F9", category: "function" }, // Shares a name with a key attribute
+	{ code: "F10", category: "function" }, // Shares a name with a key attribute
+	{ code: "F11", category: "function" }, // Shares a name with a key attribute
+	{ code: "F12", category: "function" }, // Shares a name with a key attribute
+	{ code: "F13", category: "function" }, // Shares a name with a key attribute
+	{ code: "F14", category: "function" }, // Shares a name with a key attribute
+	{ code: "F15", category: "function" }, // Shares a name with a key attribute
+	{ code: "F16", category: "function" }, // Shares a name with a key attribute
+	{ code: "F17", category: "function" }, // Shares a name with a key attribute
+	{ code: "F18", category: "function" }, // Shares a name with a key attribute
+	{ code: "F19", category: "function" }, // Shares a name with a key attribute
+	{ code: "F20", category: "function" }, // Shares a name with a key attribute
+	{ code: "F21", category: "function" }, // Shares a name with a key attribute
+	{ code: "F22", category: "function" }, // Shares a name with a key attribute
+	{ code: "F23", category: "function" }, // Shares a name with a key attribute
+	{ code: "F24", category: "function" }, // Shares a name with a key attribute
+	{ code: "Fn", category: "function" }, // Shares a name with a key attribute
+	{ code: "FnLock", category: "function" }, // Shares a name with a key attribute
+	{ code: "PrintScreen", category: "function" }, // Shares a name with a key attribute
+	{ code: "ScrollLock", category: "function" }, // Shares a name with a key attribute
+	{ code: "Pause", category: "function" }, // Shares a name with a key attribute
+
+	// Media keys
+	{ code: "BrowserBack", category: "media" }, // Shares a name with a key attribute
+	{ code: "BrowserFavorites", category: "media" }, // Shares a name with a key attribute
+	{ code: "BrowserForward", category: "media" }, // Shares a name with a key attribute
+	{ code: "BrowserHome", category: "media" }, // Shares a name with a key attribute
+	{ code: "BrowserRefresh", category: "media" }, // Shares a name with a key attribute
+	{ code: "BrowserSearch", category: "media" }, // Shares a name with a key attribute
+	{ code: "BrowserStop", category: "media" }, // Shares a name with a key attribute
+	{ code: "Eject", category: "media" }, // Shares a name with a key attribute
+	{ code: "LaunchApp1", category: "media" },
+	{ code: "LaunchApp2", category: "media" },
+	{ code: "LaunchMail", category: "media" }, // Shares a name with a key attribute
+	{ code: "MediaPlayPause", category: "media" }, // Shares a name with a key attribute
+	{ code: "MediaSelect", category: "media" },
+	{ code: "MediaStop", category: "media" }, // Shares a name with a key attribute
+	{ code: "MediaTrackNext", category: "media" }, // Shares a name with a key attribute
+	{ code: "MediaTrackPrevious", category: "media" }, // Shares a name with a key attribute
+	{ code: "Power", category: "media" }, // Shares a name with a key attribute
+	{ code: "Sleep", category: "media" },
+	{ code: "AudioVolumeDown", category: "media" }, // Shares a name with a key attribute
+	{ code: "AudioVolumeMute", category: "media" }, // Shares a name with a key attribute
+	{ code: "AudioVolumeUp", category: "media" }, // Shares a name with a key attribute
+	{ code: "WakeUp", category: "media" }, // Shares a name with a key attribute
+
+	// Unidentified keys
+	{ code: "Unidentified", category: "unidentified" }, // Shares a name with a key attribute
+];
+const KEY_CODE_NAMES = Object.values(KEY_CODES).map((info) => info.code);
+// const KEY_CODE_NAMES_WITHOUT_HANDEDNESS = KEY_CODE_NAMES.filter((code) => !(code.endsWith("Right") && HANDED_KEY_ATTRIBUTE_VALUES.some((modifier) => code === `${modifier}Right`))).map((code) =>
+// code.endsWith("Left") && HANDED_KEY_ATTRIBUTE_VALUES.some((modifier) => code === `${modifier}Left`) ? code.replace("Left", "") : code
+// );
+const NUMPAD_DECIMAL_AND_THOUSANDS_SEPARATORS = ["NumpadComma", "NumpadDecimal"];
+const SCAN_CODES_FOR_NON_WRITING_KEYS_THAT_VARY_PER_LOCALE = ["AltRight", ...NUMPAD_DECIMAL_AND_THOUSANDS_SEPARATORS];
+const LOCALE_SPECIFIC_KEY_CODES_INFO = KEY_CODES.filter((key) => key.category === "writing-system" || SCAN_CODES_FOR_NON_WRITING_KEYS_THAT_VARY_PER_LOCALE.includes(key.code));
+const LOCALE_SPECIFIC_KEY_CODES = LOCALE_SPECIFIC_KEY_CODES_INFO.map((info) => info.code);
+const WRITING_SYSTEM_SPECIAL_CHARS = Object.values(KEY_CODES)
+	.filter((info) => info.category === "writing-system")
+	.flatMap((info) => info.keys?.us?.split(" "))
+	.filter((character) => character && !/[a-zA-Z0-9]/.test(character)) as string[];
+
+const KEY_ATTRIBUTE_VALUES_INVOLVING_HANDEDNESS = ["Control", "Meta", "Shift"];
+const KEY_ATTRIBUTE_VALUES = new Set([
+	// Modifier
+	"Alt", // Glyph modifier key
+	"AltGraph", // Glyph modifier key
+	"CapsLock", // Glyph modifier key
+	"Control",
+	"Fn",
+	"FnLock",
+	"Meta",
+	"NumLock",
+	"ScrollLock",
+	"Shift",
+	"Symbol",
+	"SymbolLock",
+
+	// Legacy modifier
+	"Hyper",
+	"Super",
+
+	// White space
+	"Enter", // Control character
+	"Tab", // Control character
+
+	// Navigation
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"ArrowUp",
+	"End",
+	"Home",
+	"PageDown",
+	"PageUp",
+
+	// Editing
+	"Backspace", // Control character
+	"Clear",
+	"Copy",
+	"CrSel",
+	"Cut",
+	"Delete", // Control character
+	"EraseEof",
+	"ExSel",
+	"Insert",
+	"Paste",
+	"Redo",
+	"Undo",
+
+	// UI
+	"Accept",
+	"Again",
+	"Attn",
+	"Cancel",
+	"ContextMenu",
+	"Escape", // Control character
+	"Execute",
+	"Find",
+	"Help",
+	"Pause",
+	"Play",
+	"Props",
+	"Select",
+	"ZoomIn",
+	"ZoomOut",
+
+	// Device
+	"BrightnessDown",
+	"BrightnessUp",
+	"Eject",
+	"LogOff",
+	"Power",
+	"PowerOff",
+	"PrintScreen",
+	"Hibernate",
+	"Standby",
+	"WakeUp",
+
+	// IME composition keys
+	"AllCandidates",
+	"Alphanumeric",
+	"CodeInput",
+	"Compose",
+	"Convert",
+	"Dead",
+	"FinalMode",
+	"GroupFirst",
+	"GroupLast",
+	"GroupNext",
+	"GroupPrevious",
+	"ModeChange",
+	"NextCandidate",
+	"NonConvert",
+	"PreviousCandidate",
+	"Process",
+	"SingleCandidate",
+
+	// Korean-specific
+	"HangulMode",
+	"HanjaMode",
+	"JunjaMode",
+
+	// Japanese-specific
+	"Eisu",
+	"Hankaku",
+	"Hiragana",
+	"HiraganaKatakana",
+	"KanaMode",
+	"KanjiMode",
+	"Katakana",
+	"Romaji",
+	"Zenkaku",
+	"ZenkakuHankaku",
+
+	// Common function
+	"F1",
+	"F2",
+	"F3",
+	"F4",
+	"F5",
+	"F6",
+	"F7",
+	"F8",
+	"F9",
+	"F10",
+	"F11",
+	"F12",
+	"F13",
+	"F14",
+	"F15",
+	"F16",
+	"F17",
+	"F18",
+	"F19",
+	"F20",
+	"F21",
+	"F22",
+	"F23",
+	"F24",
+	"Soft1",
+	"Soft2",
+	"Soft3",
+	"Soft4",
+	"Soft5",
+	"Soft6",
+	"Soft7",
+	"Soft8",
+	"Soft9",
+	"Soft10",
+	"Soft11",
+	"Soft12",
+	"Soft13",
+	"Soft14",
+	"Soft15",
+	"Soft16",
+	"Soft17",
+	"Soft18",
+	"Soft19",
+	"Soft20",
+	"Soft21",
+	"Soft22",
+	"Soft23",
+	"Soft24",
+
+	// Multimedia
+	"ChannelDown",
+	"ChannelUp",
+	"Close",
+	"MailForward",
+	"MailReply",
+	"MailSend",
+	"MediaClose",
+	"MediaFastForward",
+	"MediaPause",
+	"MediaPlay",
+	"MediaPlayPause",
+	"MediaRecord",
+	"MediaRewind",
+	"MediaStop",
+	"MediaTrackNext",
+	"MediaTrackPrevious",
+	"New",
+	"Open",
+	"Print",
+	"Save",
+	"SpellCheck",
+
+	// Multimedia numpad
+	"Digit11",
+	"Digit12",
+
+	// Audio
+	"AudioBalanceLeft",
+	"AudioBalanceRight",
+	"AudioBassBoostDown",
+	"AudioBassBoostToggle",
+	"AudioBassBoostUp",
+	"AudioFaderFront",
+	"AudioFaderRear",
+	"AudioSurroundModeNext",
+	"AudioTrebleDown",
+	"AudioTrebleUp",
+	"AudioVolumeDown",
+	"AudioVolumeUp",
+	"AudioVolumeMute",
+	"MicrophoneToggle",
+	"MicrophoneVolumeDown",
+	"MicrophoneVolumeUp",
+	"MicrophoneVolumeMute",
+
+	// Speech
+	"SpeechCorrectionList",
+	"SpeechInputToggle",
+
+	// Application
+	"LaunchApplication1",
+	"LaunchApplication2",
+	"LaunchCalendar",
+	"LaunchContacts",
+	"LaunchMail",
+	"LaunchMediaPlayer",
+	"LaunchMusicPlayer",
+	"LaunchPhone",
+	"LaunchScreenSaver",
+	"LaunchSpreadsheet",
+	"LaunchWebBrowser",
+	"LaunchWebCam",
+	"LaunchWordProcessor",
+
+	// Browser
+	"BrowserBack",
+	"BrowserFavorites",
+	"BrowserForward",
+	"BrowserHome",
+	"BrowserRefresh",
+	"BrowserSearch",
+	"BrowserStop",
+
+	// Mobile phone
+	"AppSwitch",
+	"Call",
+	"Camera",
+	"CameraFocus",
+	"EndCall",
+	"GoBack",
+	"GoHome",
+	"HeadsetHook",
+	"LastNumberRedial",
+	"Notification",
+	"MannerMode",
+	"VoiceDial",
+
+	// TV
+	"TV",
+	"TV3DMode",
+	"TVAntennaCable",
+	"TVAudioDescription",
+	"TVAudioDescriptionMixDown",
+	"TVAudioDescriptionMixUp",
+	"TVContentsMenu",
+	"TVDataService",
+	"TVInput",
+	"TVInputComponent1",
+	"TVInputComponent2",
+	"TVInputComposite1",
+	"TVInputComposite2",
+	"TVInputHDMI1",
+	"TVInputHDMI2",
+	"TVInputHDMI3",
+	"TVInputHDMI4",
+	"TVInputVGA1",
+	"TVMediaContext",
+	"TVNetwork",
+	"TVNumberEntry",
+	"TVPower",
+	"TVRadioService",
+	"TVSatellite",
+	"TVSatelliteBS",
+	"TVSatelliteCS",
+	"TVSatelliteToggle",
+	"TVTerrestrialAnalog",
+	"TVTerrestrialDigital",
+	"TVTimer",
+
+	// Media controls
+	"AVRInput",
+	"AVRPower",
+	"ColorF0Red",
+	"ColorF1Green",
+	"ColorF2Yellow",
+	"ColorF3Blue",
+	"ColorF4Grey",
+	"ColorF5Brown",
+	"ClosedCaptionToggle",
+	"Dimmer",
+	"DisplaySwap",
+	"DVR",
+	"Exit",
+	"FavoriteClear0",
+	"FavoriteClear1",
+	"FavoriteClear2",
+	"FavoriteClear3",
+	"FavoriteRecall0",
+	"FavoriteRecall1",
+	"FavoriteRecall2",
+	"FavoriteRecall3",
+	"FavoriteStore0",
+	"FavoriteStore1",
+	"FavoriteStore2",
+	"FavoriteStore3",
+	"Guide",
+	"GuideNextDay",
+	"GuidePreviousDay",
+	"Info",
+	"InstantReplay",
+	"Link",
+	"ListProgram",
+	"LiveContent",
+	"Lock",
+	"MediaApps",
+	"MediaAudioTrack",
+	"MediaLast",
+	"MediaSkipBackward",
+	"MediaSkipForward",
+	"MediaStepBackward",
+	"MediaStepForward",
+	"MediaTopMenu",
+	"NavigateIn",
+	"NavigateNext",
+	"NavigateOut",
+	"NavigatePrevious",
+	"NextFavoriteChannel",
+	"NextUserProfile",
+	"OnDemand",
+	"Pairing",
+	"PinPDown",
+	"PinPMove",
+	"PinPToggle",
+	"PinPUp",
+	"PlaySpeedDown",
+	"PlaySpeedReset",
+	"PlaySpeedUp",
+	"RandomToggle",
+	"RcLowBattery",
+	"RecordSpeedNext",
+	"RfBypass",
+	"ScanChannelsToggle",
+	"ScreenModeNext",
+	"Settings",
+	"SplitScreenToggle",
+	"STBInput",
+	"STBPower",
+	"Subtitle",
+	"Teletext",
+	"VideoModeNext",
+	"Wink",
+	"ZoomToggle",
+
+	// Unidentified
+	"Unidentified",
+]);
diff --git a/frontend/src/utility-functions/math.ts b/frontend/src/utility-functions/math.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b157970334df1f83d15f004468515cc788085e12
--- /dev/null
+++ b/frontend/src/utility-functions/math.ts
@@ -0,0 +1,3 @@
+export function clamp(value: number, min = 0, max = 1): number {
+	return Math.max(min, Math.min(value, max));
+}
diff --git a/frontend/src/utility-functions/network.ts b/frontend/src/utility-functions/network.ts
new file mode 100644
index 0000000000000000000000000000000000000000..429ca4a83d4a3ea081b0ff52d711292dd4efaa4c
--- /dev/null
+++ b/frontend/src/utility-functions/network.ts
@@ -0,0 +1,33 @@
+export type RequestResult = { body: string; status: number };
+
+// Special implementation using the legacy XMLHttpRequest API that provides callbacks to get:
+// - Calls with the percent progress uploading the request to the server
+// - Calls when downloading the result from the server, after the server has begun streaming back the response data
+// It returns a tuple of the promise as well as the XHR which can be used to call the `.abort()` method on it.
+export function requestWithUploadDownloadProgress(
+	url: string,
+	method: "GET" | "HEAD" | "POST" | "PUT" | "DELETE" | "CONNECT" | "OPTIONS" | "TRACE" | "PATCH",
+	body: string,
+	uploadProgress: (progress: number) => void,
+	downloadOccurring: () => void,
+): [Promise<RequestResult>, XMLHttpRequest | undefined] {
+	let xhrValue: XMLHttpRequest | undefined;
+	const promise = new Promise<RequestResult>((resolve, reject) => {
+		const xhr = new XMLHttpRequest();
+		xhr.upload.addEventListener("progress", (e) => uploadProgress(e.loaded / e.total));
+		xhr.addEventListener("progress", () => downloadOccurring());
+		xhr.addEventListener("load", () => resolve({ status: xhr.status, body: xhr.responseText }));
+		xhr.addEventListener("abort", () => resolve({ status: xhr.status, body: xhr.responseText }));
+		xhr.addEventListener("error", () => reject(new Error("Request error")));
+		xhr.open(method, url, true);
+		xhr.setRequestHeader("accept", "*/*");
+		xhr.setRequestHeader("accept-language", "en-US,en;q=0.9");
+		xhr.setRequestHeader("content-type", "application/json");
+
+		xhrValue = xhr;
+
+		xhr.send(body);
+	});
+
+	return [promise, xhrValue];
+}
diff --git a/frontend/src/utility-functions/panic-proxy.ts b/frontend/src/utility-functions/panic-proxy.ts
new file mode 100644
index 0000000000000000000000000000000000000000..683e7cfb41f26be32d2cc64c0a238d9e3f92d2e5
--- /dev/null
+++ b/frontend/src/utility-functions/panic-proxy.ts
@@ -0,0 +1,44 @@
+// This works by proxying every function call and wrapping a try-catch block to filter out redundant and confusing
+// `RuntimeError: unreachable` exceptions that would normally be printed in the browser's JS console upon a panic.
+export function panicProxy<T extends object>(module: T): T {
+	const proxyHandler = {
+		get(target: T, propKey: string | symbol, receiver: unknown): unknown {
+			const targetValue = Reflect.get(target, propKey, receiver);
+
+			// Keep the original value being accessed if it isn't a function
+			const isFunction = typeof targetValue === "function";
+			if (!isFunction) return targetValue;
+
+			// Special handling to wrap the return of a constructor in the proxy
+			const isClass = isFunction && /^\s*class\s+/.test(targetValue.toString());
+			if (isClass) {
+				// eslint-disable-next-line func-names
+				return function (...args: unknown[]): unknown {
+					// All three of these comment lines are necessary to suppress errors at both compile time and while editing this file (@ts-expect-error doesn't work here while editing the file)
+					// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+					// @ts-ignore
+					// eslint-disable-next-line new-cap
+					const result = new targetValue(...args);
+
+					return panicProxy(result);
+				};
+			}
+
+			// Replace the original function with a wrapper function that runs the original in a try-catch block
+			// eslint-disable-next-line func-names
+			return function (...args: unknown[]): unknown {
+				let result;
+				try {
+					// @ts-expect-error TypeScript does not know what `this` is, since it should be able to be anything
+					result = targetValue.apply(this, args);
+				} catch (err) {
+					// Suppress `unreachable` WebAssembly.RuntimeError exceptions
+					if (!String(err).startsWith("RuntimeError: unreachable")) throw err;
+				}
+				return result;
+			};
+		},
+	};
+
+	return new Proxy<T>(module, proxyHandler);
+}
diff --git a/frontend/src/utility-functions/platform.ts b/frontend/src/utility-functions/platform.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3121d38355f95100729b7c4253b475f69086d0f6
--- /dev/null
+++ b/frontend/src/utility-functions/platform.ts
@@ -0,0 +1,71 @@
+export function browserVersion(): string {
+	const agent = window.navigator.userAgent;
+	let match = agent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
+
+	if (/trident/i.test(match[1])) {
+		const browser = /\brv[ :]+(\d+)/g.exec(agent) || [];
+		return `IE ${browser[1] || ""}`.trim();
+	}
+
+	if (match[1] === "Chrome") {
+		let browser = agent.match(/\bEdg\/(\d+)/) || undefined;
+		if (browser !== undefined) return `Edge (Chromium) ${browser[1]}`;
+
+		browser = agent.match(/\bOPR\/(\d+)/) || undefined;
+		if (browser !== undefined) return `Opera ${browser[1]}`;
+	}
+
+	match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, "-?"];
+
+	const browser = agent.match(/version\/(\d+)/i) || undefined;
+	if (browser !== undefined) match.splice(1, 1, browser[1]);
+
+	return `${match[0]} ${match[1]}`;
+}
+
+export function operatingSystem(detailed = false): string {
+	const osTableDetailed: Record<string, string> = {
+		"Windows NT 10": "Windows 10 or 11",
+		"Windows NT 6.3": "Windows 8.1",
+		"Windows NT 6.2": "Windows 8",
+		"Windows NT 6.1": "Windows 7",
+		"Windows NT 6.0": "Windows Vista",
+		"Windows NT 5.1": "Windows XP",
+		"Windows NT 5.0": "Windows 2000",
+		Mac: "Mac",
+		X11: "Unix",
+		Linux: "Linux",
+		Unknown: "Unknown",
+	};
+	const osTableSimple: Record<string, string> = {
+		Windows: "Windows",
+		Mac: "Mac",
+		Linux: "Linux",
+		Unknown: "Unknown",
+	};
+	const osTable = detailed ? osTableDetailed : osTableSimple;
+
+	const userAgentOS = Object.keys(osTable).find((key) => window.navigator.userAgent.includes(key));
+	return osTable[userAgentOS || "Unknown"];
+}
+
+export function platformIsMac(): boolean {
+	return operatingSystem() === "Mac";
+}
+
+export function isEventSupported(eventName: string) {
+	const onEventName = `on${eventName}`;
+
+	let tag = "div";
+	if (["select", "change"].includes(eventName)) tag = "select";
+	if (["submit", "reset"].includes(eventName)) tag = "form";
+	if (["error", "load", "abort"].includes(eventName)) tag = "img";
+	const element = document.createElement(tag);
+
+	if (onEventName in element) return true;
+
+	// Check if "return;" gets converted into a function, meaning the event is supported
+	element.setAttribute(eventName, "return;");
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	return typeof (element as Record<string, any>)[onEventName] === "function";
+}
diff --git a/frontend/src/utility-functions/rasterization.ts b/frontend/src/utility-functions/rasterization.ts
new file mode 100644
index 0000000000000000000000000000000000000000..767c7e8bf90bb3f7391ec1cbb0a49be3acce58bc
--- /dev/null
+++ b/frontend/src/utility-functions/rasterization.ts
@@ -0,0 +1,101 @@
+// Rasterize the string of an SVG document at a given width and height and return the canvas it was drawn onto during the rasterization process
+export async function rasterizeSVGCanvas(svg: string, width: number, height: number, backgroundColor?: string): Promise<HTMLCanvasElement> {
+	// A canvas to render our SVG to in order to get a raster image
+	const canvas = document.createElement("canvas");
+	canvas.width = width;
+	canvas.height = height;
+	const context = canvas.getContext("2d", { willReadFrequently: true });
+	if (!context) throw new Error("Can't create 2D context from canvas during SVG rasterization");
+
+	// Apply a background fill color if one is given
+	if (backgroundColor) {
+		context.fillStyle = backgroundColor;
+		context.fillRect(0, 0, width, height);
+	}
+
+	// Create a blob URL for our SVG
+	const svgBlob = new Blob([svg], { type: "image/svg+xml;charset=utf-8" });
+	const url = URL.createObjectURL(svgBlob);
+
+	// Load the Image from the URL and wait until it's done
+	const image = new Image();
+	image.src = url;
+	await new Promise<void>((resolve) => {
+		image.onload = () => resolve();
+	});
+
+	// Draw our SVG to the canvas
+	context?.drawImage(image, 0, 0, width, height);
+
+	// Clean up the SVG blob URL (once the URL is revoked, the SVG blob data itself is garbage collected after `svgBlob` goes out of scope)
+	URL.revokeObjectURL(url);
+
+	return canvas;
+}
+
+// Rasterize the string of an SVG document at a given width and height and turn it into the blob data of an image file matching the given MIME type
+export async function rasterizeSVG(svg: string, width: number, height: number, mime: string, backgroundColor?: string): Promise<Blob> {
+	if (!width || !height) throw new Error("Width and height must be nonzero when given to rasterizeSVG()");
+
+	const canvas = await rasterizeSVGCanvas(svg, width, height, backgroundColor);
+
+	// Convert the canvas to an image of the correct MIME type
+	const blob = await new Promise<Blob | undefined>((resolve) => {
+		canvas.toBlob((blob) => {
+			resolve(blob || undefined);
+		}, mime);
+	});
+
+	if (!blob) throw new Error("Converting canvas to blob data failed in rasterizeSVG()");
+
+	return blob;
+}
+
+/// Convert an image source (e.g. PNG document) into pixel data, a width, and a height
+export async function extractPixelData(imageData: ImageBitmapSource): Promise<ImageData> {
+	const canvasContext = await imageToCanvasContext(imageData);
+	const width = canvasContext.canvas.width;
+	const height = canvasContext.canvas.height;
+
+	return canvasContext.getImageData(0, 0, width, height);
+}
+
+export async function imageToCanvasContext(imageData: ImageBitmapSource): Promise<CanvasRenderingContext2D> {
+	// Special handling to rasterize an SVG file
+	let svgImageData;
+	if (imageData instanceof File && imageData.type === "image/svg+xml") {
+		const svgSource = await imageData.text();
+		const svgElement = new DOMParser().parseFromString(svgSource, "image/svg+xml").querySelector("svg");
+		if (!svgElement) throw new Error("Error reading SVG file");
+
+		let bounds = svgElement.viewBox.baseVal;
+
+		// If the bounds are zero (which will happen if the `viewBox` is not provided), set bounds to the artwork's bounding box
+		if (bounds.width === 0 || bounds.height === 0) {
+			// It's necessary to measure while the element is in the DOM, otherwise the dimensions are zero
+			const toRemove = document.body.insertAdjacentElement("beforeend", svgElement);
+			bounds = svgElement.getBBox();
+			toRemove?.remove();
+		}
+
+		svgImageData = await rasterizeSVGCanvas(svgSource, bounds.width, bounds.height);
+	}
+
+	// Decode the image file binary data
+	const image = await createImageBitmap(svgImageData || imageData);
+
+	let { width, height } = image;
+	width = Math.floor(width);
+	height = Math.floor(height);
+
+	// Render image to canvas
+	const canvas = document.createElement("canvas");
+	canvas.width = width;
+	canvas.height = height;
+
+	const context = canvas.getContext("2d");
+	if (!context) throw new Error("Could not create canvas context");
+	context.drawImage(image, 0, 0, image.width, image.height, 0, 0, width, height);
+
+	return context;
+}
diff --git a/frontend/src/utility-functions/strip-indents.ts b/frontend/src/utility-functions/strip-indents.ts
new file mode 100644
index 0000000000000000000000000000000000000000..801993282b912c7d33e32305e5e2b74f87e2e776
--- /dev/null
+++ b/frontend/src/utility-functions/strip-indents.ts
@@ -0,0 +1,12 @@
+export function stripIndents(stringPieces: TemplateStringsArray, ...substitutions: unknown[]): string {
+	const interleavedSubstitutions = stringPieces.flatMap((stringPiece, index) => [stringPiece, substitutions[index] !== undefined ? substitutions[index] : ""]);
+	const stringLines = interleavedSubstitutions.join("").split("\n");
+
+	const visibleLineTabPrefixLengths = stringLines.map((line) => (/\S/.test(line) ? (line.match(/^(\t*)/) || [])[1].length : Infinity));
+	const commonTabPrefixLength = Math.min(...visibleLineTabPrefixLengths);
+
+	const linesWithoutCommonTabPrefix = stringLines.map((line) => line.substring(commonTabPrefixLength));
+	const multiLineString = linesWithoutCommonTabPrefix.join("\n");
+
+	return multiLineString.trim();
+}
diff --git a/frontend/src/utility-functions/viewports.ts b/frontend/src/utility-functions/viewports.ts
new file mode 100644
index 0000000000000000000000000000000000000000..edf412655a7c57d5f1c60ec9115723fc1bcfebca
--- /dev/null
+++ b/frontend/src/utility-functions/viewports.ts
@@ -0,0 +1,14 @@
+import { type Editor } from "@graphite/editor";
+
+export function updateBoundsOfViewports(editor: Editor, container: HTMLElement) {
+	const viewports = Array.from(container.querySelectorAll("[data-viewport]"));
+	const boundsOfViewports = viewports.map((canvas) => {
+		const bounds = canvas.getBoundingClientRect();
+		return [bounds.left, bounds.top, bounds.right, bounds.bottom];
+	});
+
+	const flattened = boundsOfViewports.flat();
+	const data = Float64Array.from(flattened);
+
+	if (boundsOfViewports.length > 0) editor.handle.boundsOfViewports(data);
+}
diff --git a/frontend/src/vite-env-override.d.ts b/frontend/src/vite-env-override.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7af7aaf23707d138bb5eb14146ffdded2a06b393
--- /dev/null
+++ b/frontend/src/vite-env-override.d.ts
@@ -0,0 +1,17 @@
+// Allow `import` statements to work with SVG files in the eyes of the TypeScript compiler.
+// This prevents red underlines from showing and lets it know the types of imported variables are strings.
+// The actual import is performed by Vite when building, as configured in the `resolve` aliases in `vite.config.ts`.
+declare module "*.svg" {
+	const content: string;
+	export default content;
+}
+
+declare module "*.png" {
+	const content: string;
+	export default content;
+}
+
+declare module "*.jpg" {
+	const content: string;
+	export default content;
+}
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4078e7476a2eaf5705d327b5c9d459c234c01652
--- /dev/null
+++ b/frontend/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..3a5b77e237001bda044995401cfac6d55e545157
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,32 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"module": "ESNext",
+		"strict": true,
+		"importHelpers": true,
+		"moduleResolution": "node",
+		"experimentalDecorators": true,
+		"skipLibCheck": true,
+		"esModuleInterop": true,
+		"allowSyntheticDefaultImports": true,
+		"verbatimModuleSyntax": true,
+		"sourceMap": true,
+		"types": ["node", "svelte", "svelte/store", "svelte/motion", "svelte/transition", "svelte/animate", "svelte/easing"],
+		"baseUrl": ".",
+		"paths": {
+			"/*": ["./*"],
+			"@graphite-frontend/*": ["./*"],
+			"@graphite/*": ["src/*"]
+		},
+		"lib": ["ESNext", "DOM", "DOM.Iterable", "ScriptHost"]
+	},
+	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.svelte", "*.ts", "*.js", "*.cjs"],
+	"exclude": ["node_modules"],
+	"ts-node": {
+		"compilerOptions": {
+			"module": "commonjs",
+			"useDefineForClassFields": false,
+			"noImplicitOverride": true
+		}
+	}
+}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..13c8cb2d632ec417a03e4ff4a59e8d9aa9ac29f5
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,356 @@
+/* eslint-disable no-console */
+
+import { spawnSync } from "child_process";
+
+import fs from "fs";
+import path from "path";
+
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import rollupPluginLicense, { type Dependency } from "rollup-plugin-license";
+import { sveltePreprocess } from "svelte-preprocess";
+import { defineConfig } from "vite";
+import { DynamicPublicDirectory as viteMultipleAssets } from "vite-multiple-assets";
+
+const projectRootDir = path.resolve(__dirname);
+
+// Keep this list in sync with those in `/about.toml` and `/deny.toml`.
+const ALLOWED_LICENSES = [
+	"Apache-2.0 WITH LLVM-exception",
+	"Apache-2.0",
+	"BSD-2-Clause",
+	"BSD-3-Clause",
+	"BSL-1.0",
+	"CC0-1.0",
+	"ISC",
+	"MIT-0",
+	"MIT",
+	"MPL-2.0",
+	"OpenSSL",
+	"Unicode-3.0",
+	"Unicode-DFS-2016",
+	"Zlib",
+];
+
+// https://vitejs.dev/config/
+export default defineConfig({
+	plugins: [
+		svelte({
+			preprocess: [sveltePreprocess()],
+			onwarn(warning, defaultHandler) {
+				// NOTICE: Keep this list in sync with the list in `.vscode/settings.json`
+				const suppressed = ["css-unused-selector", "vite-plugin-svelte-css-no-scopable-elements", "a11y-no-static-element-interactions", "a11y-no-noninteractive-element-interactions"];
+				if (suppressed.includes(warning.code)) return;
+
+				defaultHandler?.(warning);
+			},
+		}),
+		viteMultipleAssets(["../demo-artwork"]),
+	],
+	resolve: {
+		alias: [
+			{ find: /@graphite-frontend\/(.*\.svg)/, replacement: path.resolve(projectRootDir, "$1?raw") },
+			{ find: "@graphite-frontend", replacement: projectRootDir },
+			{ find: "@graphite/../assets", replacement: path.resolve(projectRootDir, "assets") },
+			{ find: "@graphite/../public", replacement: path.resolve(projectRootDir, "public") },
+			{ find: "@graphite", replacement: path.resolve(projectRootDir, "src") },
+		],
+	},
+	server: {
+		port: 8080,
+		host: "0.0.0.0",
+	},
+	build: {
+		rollupOptions: {
+			plugins: [
+				rollupPluginLicense({
+					thirdParty: {
+						allow: {
+							test: `(${ALLOWED_LICENSES.join(" OR ")})`,
+							failOnUnlicensed: true,
+							failOnViolation: true,
+						},
+						output: {
+							file: path.resolve(__dirname, "./dist/third-party-licenses.txt"),
+							template: formatThirdPartyLicenses,
+						},
+					},
+				}),
+			],
+			output: {
+				// Inject `.min` into the filename of minified CSS files to tell Cloudflare not to minify it again.
+				// Cloudflare's minifier breaks the CSS due to a bug where it removes whitespace around calc() plus operators.
+				assetFileNames: (info) => `assets/[name]-[hash]${info.name?.endsWith(".css") ? ".min" : ""}[extname]`,
+			},
+		},
+	},
+});
+
+type LicenseInfo = {
+	licenseName: string;
+	licenseText: string;
+	noticeText?: string;
+	packages: PackageInfo[];
+};
+
+type PackageInfo = {
+	name: string;
+	version: string;
+	author: string;
+	repository: string;
+};
+
+function formatThirdPartyLicenses(jsLicenses: Dependency[]): string {
+	// Generate the Rust license information.
+	let licenses = generateRustLicenses() || [];
+
+	// Ensure we have license information to work with before proceeding.
+	if (licenses.length === 0) {
+		// This is probably caused by `cargo about` not being installed.
+		console.error("Could not run `cargo about`, which is required to generate license information.");
+		console.error("To install cargo-about on your system, you can run `cargo install cargo-about`.");
+		console.error("License information is required in production builds. Aborting.");
+
+		process.exit(1);
+	}
+	if (jsLicenses.length === 0) {
+		console.error("No JavaScript package licenses were found by `rollup-plugin-license`. Please investigate.");
+		console.error("License information is required in production builds. Aborting.");
+
+		process.exit(1);
+	}
+
+	// Find then duplicate this license if one of its packages is `path-bool`, adding its notice text.
+	let foundLicensesIndex;
+	let foundPackagesIndex;
+	licenses.forEach((license, licenseIndex) => {
+		license.packages.forEach((pkg, pkgIndex) => {
+			if (pkg.name === "path-bool") {
+				foundLicensesIndex = licenseIndex;
+				foundPackagesIndex = pkgIndex;
+			}
+		});
+	});
+	if (foundLicensesIndex !== undefined && foundPackagesIndex !== undefined) {
+		const license = licenses[foundLicensesIndex];
+		const pkg = license.packages[foundPackagesIndex];
+
+		license.packages = license.packages.filter((pkg) => pkg.name !== "path-bool");
+		const noticeText = fs.readFileSync(path.resolve(__dirname, "../libraries/path-bool/NOTICE"), "utf8");
+
+		licenses.push({
+			licenseName: license.licenseName,
+			licenseText: license.licenseText,
+			noticeText,
+			packages: [pkg],
+		});
+	}
+
+	// Augment the imported Rust license list with the provided JS license list.
+	jsLicenses.forEach((jsLicense) => {
+		const name = jsLicense.name || "";
+		const version = jsLicense.version || "";
+		const author = jsLicense.author?.text() || "";
+		const licenseName = jsLicense.license || "";
+		const licenseText = trimBlankLines(jsLicense.licenseText || "");
+		const noticeText = trimBlankLines(jsLicense.noticeText || "");
+
+		let repository = jsLicense.repository || "";
+		if (repository && typeof repository === "object") repository = repository.url;
+		// Remove the `git+` or `git://` prefix and `.git` suffix.
+		const repo = repository ? repository.replace(/^.*(github.com\/.*?\/.*?)(?:.git)/, "https://$1") : repository;
+
+		const matchedLicense = licenses.find(
+			(license) => license.licenseName === licenseName && trimBlankLines(license.licenseText || "") === licenseText && trimBlankLines(license.noticeText || "") === noticeText,
+		);
+
+		const pkg: PackageInfo = { name, version, author, repository: repo };
+		if (matchedLicense) matchedLicense.packages.push(pkg);
+		else licenses.push({ licenseName, licenseText, noticeText, packages: [pkg] });
+	});
+
+	// Combine any license notices into the license text.
+	licenses.forEach((license, index) => {
+		if (license.noticeText) {
+			licenses[index].licenseText += "\n\n";
+			licenses[index].licenseText += " _______________________________________\n";
+			licenses[index].licenseText += "│                                       │\n";
+			licenses[index].licenseText += "│ THE FOLLOWING NOTICE FILE IS INCLUDED │\n";
+			licenses[index].licenseText += "│                                       │\n";
+			licenses[index].licenseText += " ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾\n\n";
+			licenses[index].licenseText += `${license.noticeText}\n`;
+			licenses[index].noticeText = undefined;
+		}
+	});
+
+	// De-duplicate any licenses with the same text by merging their lists of packages.
+	const licensesNormalizedWhitespace = licenses.map((license) => license.licenseText.replace(/[\n\s]+/g, " ").trim());
+	licenses.forEach((currentLicense, currentLicenseIndex) => {
+		licenses.slice(0, currentLicenseIndex).forEach((comparisonLicense, comparisonLicenseIndex) => {
+			if (licensesNormalizedWhitespace[currentLicenseIndex] === licensesNormalizedWhitespace[comparisonLicenseIndex]) {
+				currentLicense.packages.push(...comparisonLicense.packages);
+				comparisonLicense.packages = [];
+				// After emptying the packages, the redundant license with no packages will be removed in the next step's `filter()`.
+			}
+		});
+	});
+
+	// Filter out first-party internal Graphite crates.
+	licenses = licenses.filter((license) => {
+		license.packages = license.packages.filter(
+			(packageInfo) =>
+				!(packageInfo.repository && packageInfo.repository.toLowerCase().includes("github.com/GraphiteEditor/Graphite".toLowerCase())) &&
+				!(
+					packageInfo.author &&
+					packageInfo.author.toLowerCase().includes("contact@graphite.rs") &&
+					// Exclude a comma which indicates multiple authors, which we need to not filter out
+					!packageInfo.author.toLowerCase().includes(",")
+				),
+		);
+		return license.packages.length > 0;
+	});
+
+	// Sort the licenses by the number of packages using the same license, and then alphabetically by license name.
+	licenses.sort((a, b) => a.licenseText.localeCompare(b.licenseText));
+	licenses.sort((a, b) => a.licenseName.localeCompare(b.licenseName));
+	licenses.sort((a, b) => b.packages.length - a.packages.length);
+	// Sort the individual packages using each license alphabetically.
+	licenses.forEach((license) => {
+		license.packages.sort((a, b) => a.name.localeCompare(b.name));
+	});
+
+	// Prepare a header for the license notice.
+	let formattedLicenseNotice = "";
+	formattedLicenseNotice += "▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐\n";
+	formattedLicenseNotice += "▐▐                                                   ▐▐\n";
+	formattedLicenseNotice += "▐▐   GRAPHITE THIRD-PARTY SOFTWARE LICENSE NOTICES   ▐▐\n";
+	formattedLicenseNotice += "▐▐                                                   ▐▐\n";
+	formattedLicenseNotice += "▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐▐\n";
+
+	// Append a block for each license shared by multiple packages with identical license text.
+	licenses.forEach((license) => {
+		let packagesWithSameLicense = license.packages.map((packageInfo) => {
+			const { name, version, author, repository } = packageInfo;
+			return `${name} ${version}${author ? ` - ${author}` : ""}${repository ? ` - ${repository}` : ""}`;
+		});
+		const multi = packagesWithSameLicense.length !== 1;
+		const saysLicense = license.licenseName.toLowerCase().includes("license");
+		const header = `The package${multi ? "s" : ""} listed here ${multi ? "are" : "is"} licensed under the terms of the ${license.licenseName}${saysLicense ? "" : " license"} printed beneath`;
+		const packagesLineLength = Math.max(header.length, ...packagesWithSameLicense.map((line) => line.length));
+		packagesWithSameLicense = packagesWithSameLicense.map((line) => `│ ${line}${" ".repeat(packagesLineLength - line.length)} │`);
+
+		formattedLicenseNotice += "\n";
+		formattedLicenseNotice += ` ${"_".repeat(packagesLineLength + 2)}\n`;
+		formattedLicenseNotice += `│ ${" ".repeat(packagesLineLength)} │\n`;
+		formattedLicenseNotice += `│ ${header}${" ".repeat(packagesLineLength - header.length)} │\n`;
+		formattedLicenseNotice += `│${"_".repeat(packagesLineLength + 2)}│\n`;
+		formattedLicenseNotice += `${packagesWithSameLicense.join("\n")}\n`;
+		formattedLicenseNotice += ` ${"‾".repeat(packagesLineLength + 2)}\n`;
+		formattedLicenseNotice += `${license.licenseText}\n`;
+	});
+	return formattedLicenseNotice;
+}
+
+function generateRustLicenses(): LicenseInfo[] | undefined {
+	// Log the starting status to the build output.
+	console.info("\n\nGenerating license information for Rust code\n");
+
+	try {
+		// Call `cargo about` in the terminal to generate the license information for Rust crates.
+		// The `about.hbs` file is written so it generates a valid JavaScript array expression which we evaluate below.
+		const { stdout, stderr, status } = spawnSync("cargo", ["about", "generate", "about.hbs"], {
+			cwd: path.join(__dirname, ".."),
+			encoding: "utf8",
+			timeout: 60000, // One minute
+			shell: true,
+			windowsHide: true, // Hide the terminal on Windows
+		});
+
+		// If the command failed, print the error message and exit early.
+		if (status !== 0) {
+			// Cargo returns 101 when the subcommand (`about`) wasn't found, so we skip printing the below error message in that case.
+			if (status !== 101) {
+				console.error("cargo-about failed", status, stderr);
+			}
+			return undefined;
+		}
+
+		// Make sure the output starts with this expected label, which lets us know the file generated with expected output.
+		// We don't want to eval an error message or something else, so we fail early if that happens.
+		if (!stdout.trim().startsWith("GENERATED_BY_CARGO_ABOUT:")) {
+			console.error("Unexpected output from cargo-about", stdout);
+			return undefined;
+		}
+
+		// Convert the array JS syntax string into an actual JS array in memory.
+		// Security-wise, eval() isn't any worse than require(), but it's able to work without a temporary file.
+		// We call eval indirectly to avoid a warning as explained here: <https://esbuild.github.io/content-types/#direct-eval>.
+		const indirectEval = eval;
+		const licensesArray = indirectEval(stdout) as LicenseInfo[];
+
+		// Remove the HTML character encoding caused by Handlebars.
+		const rustLicenses = (licensesArray || []).map(
+			(rustLicense): LicenseInfo => ({
+				licenseName: htmlDecode(rustLicense.licenseName),
+				licenseText: trimBlankLines(htmlDecode(rustLicense.licenseText)),
+				packages: rustLicense.packages.map(
+					(packageInfo): PackageInfo => ({
+						name: htmlDecode(packageInfo.name),
+						version: htmlDecode(packageInfo.version),
+						author: htmlDecode(packageInfo.author)
+							.replace(/\[(.*), \]/, "$1")
+							.replace("[]", ""),
+						repository: htmlDecode(packageInfo.repository),
+					}),
+				),
+			}),
+		);
+
+		return rustLicenses;
+	} catch (_) {
+		return undefined;
+	}
+}
+
+function htmlDecode(input: string): string {
+	if (!input) return input;
+
+	const htmlEntities = {
+		nbsp: " ",
+		copy: "©",
+		reg: "®",
+		lt: "<",
+		gt: ">",
+		amp: "&",
+		apos: "'",
+		quot: `"`,
+	};
+
+	return input.replace(/&([^;]+);/g, (entity: string, entityCode: string) => {
+		const maybeEntity = Object.entries(htmlEntities).find(([key, _]) => key === entityCode);
+		if (maybeEntity) return maybeEntity[1];
+
+		let match;
+		// eslint-disable-next-line no-cond-assign
+		if ((match = entityCode.match(/^#x([\da-fA-F]+)$/))) {
+			return String.fromCharCode(parseInt(match[1], 16));
+		}
+		// eslint-disable-next-line no-cond-assign
+		if ((match = entityCode.match(/^#(\d+)$/))) {
+			return String.fromCharCode(~~match[1]);
+		}
+		return entity;
+	});
+}
+
+function trimBlankLines(input: string): string {
+	let result = input.replace(/\r/g, "");
+
+	while (result.charAt(0) === "\r" || result.charAt(0) === "\n") {
+		result = result.slice(1);
+	}
+	while (result.slice(-1) === "\r" || result.slice(-1) === "\n") {
+		result = result.slice(0, -1);
+	}
+
+	return result;
+}
diff --git a/frontend/wasm/Cargo.toml b/frontend/wasm/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..2843820124b1ab3ab7cbf00f6bb2b7b20d6909fd
--- /dev/null
+++ b/frontend/wasm/Cargo.toml
@@ -0,0 +1,72 @@
+[package]
+name = "graphite-wasm"
+publish = false
+version = "0.0.0"
+rust-version = "1.85"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+edition = "2024"
+readme = "../../README.md"
+homepage = "https://graphite.rs"
+repository = "https://github.com/GraphiteEditor/Graphite"
+license = "Apache-2.0"
+
+[features]
+default = ["gpu"]
+gpu = ["editor/gpu"]
+tauri = [ "editor/tauri"]
+
+[lib]
+crate-type = ["cdylib", "rlib"]
+
+[dependencies]
+# Local dependencies
+editor = { path = "../../editor", package = "graphite-editor", features = [
+	"gpu",
+	"resvg",
+	"vello",
+] }
+graphene-std = { workspace = true }
+
+# Workspace dependencies
+graph-craft = { workspace = true }
+log = { workspace = true }
+serde = { workspace = true }
+wasm-bindgen = { workspace = true }
+serde-wasm-bindgen = { workspace = true }
+js-sys = { workspace = true }
+wasm-bindgen-futures = { workspace = true }
+math-parser = { workspace = true }
+wgpu = { workspace = true }
+web-sys = { workspace = true }
+
+[package.metadata.wasm-pack.profile.dev]
+wasm-opt = false
+
+[package.metadata.wasm-pack.profile.dev.wasm-bindgen]
+debug-js-glue = true
+demangle-name-section = true
+dwarf-debug-info = false
+
+[package.metadata.wasm-pack.profile.release]
+wasm-opt = ["-Os", "-g"]
+
+[package.metadata.wasm-pack.profile.release.wasm-bindgen]
+debug-js-glue = false
+demangle-name-section = false
+dwarf-debug-info = false
+
+[package.metadata.wasm-pack.profile.profiling]
+wasm-opt = ["-Os", "-g"]
+
+[package.metadata.wasm-pack.profile.profiling.wasm-bindgen]
+debug-js-glue = true
+demangle-name-section = true
+dwarf-debug-info = true
+
+[lints.rust]
+unexpected_cfgs = { level = "warn", check-cfg = [
+	'cfg(wasm_bindgen_unstable_test_coverage)',
+] }
+
+[package.metadata.cargo-shear]
+ignored = ["wgpu"]
diff --git a/frontend/wasm/README.md b/frontend/wasm/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..3e0c03b76b9e1b7c9f741e01f4158e16a4442f80
--- /dev/null
+++ b/frontend/wasm/README.md
@@ -0,0 +1,14 @@
+# Overview of `/frontend/wasm/`
+
+## WASM wrapper API: `src/editor_api.rs`
+Provides bindings for JS to call functions defined in this file, and for FrontendMessages to be sent from Rust back to JS in the form of a callback to the subscription router. This WASM wrapper crate, since it's written in Rust, is able to call into the Editor crate's codebase and send FrontendMessages back to JS.
+
+
+## WASM wrapper helper code: `src/helpers.rs`
+Assorted function and struct definitions used in the WASM wrapper.
+
+## WASM wrapper initialization: `src/lib.rs`
+Entry point for the Rust entire codebase in the WASM environment. Initializes the WASM module and persistent storage for editor and WASM wrapper instances.
+
+## WASM wrapper tests: `tests/`
+We currently have no WASM wrapper tests, but this is where they would go.
diff --git a/frontend/wasm/src/editor_api.rs b/frontend/wasm/src/editor_api.rs
new file mode 100644
index 0000000000000000000000000000000000000000..20f2f1ae96c37cb69db43dfc3b192b5fe980d793
--- /dev/null
+++ b/frontend/wasm/src/editor_api.rs
@@ -0,0 +1,846 @@
+#![allow(clippy::too_many_arguments)]
+//
+// This file is where functions are defined to be called directly from JS.
+// It serves as a thin wrapper over the editor backend API that relies
+// on the dispatcher messaging system and more complex Rust data types.
+//
+use crate::helpers::translate_key;
+use crate::{EDITOR, EDITOR_HANDLE, EDITOR_HAS_CRASHED, Error};
+use editor::application::Editor;
+use editor::consts::FILE_SAVE_SUFFIX;
+use editor::messages::input_mapper::utility_types::input_keyboard::ModifierKeys;
+use editor::messages::input_mapper::utility_types::input_mouse::{EditorMouseState, ScrollDelta, ViewportBounds};
+use editor::messages::portfolio::document::utility_types::document_metadata::LayerNodeIdentifier;
+use editor::messages::portfolio::document::utility_types::network_interface::ImportOrExport;
+use editor::messages::portfolio::utility_types::Platform;
+use editor::messages::prelude::*;
+use editor::messages::tool::tool_messages::tool_prelude::WidgetId;
+use graph_craft::document::NodeId;
+use graphene_std::raster::color::Color;
+use serde::Serialize;
+use serde_wasm_bindgen::{self, from_value};
+use std::cell::RefCell;
+use std::sync::atomic::Ordering;
+use std::time::Duration;
+use wasm_bindgen::prelude::*;
+
+/// Set the random seed used by the editor by calling this from JS upon initialization.
+/// This is necessary because WASM doesn't have a random number generator.
+#[wasm_bindgen(js_name = setRandomSeed)]
+pub fn set_random_seed(seed: u64) {
+	editor::application::set_uuid_seed(seed);
+}
+
+/// Provides a handle to access the raw WASM memory.
+#[wasm_bindgen(js_name = wasmMemory)]
+pub fn wasm_memory() -> JsValue {
+	wasm_bindgen::memory()
+}
+
+// ============================================================================
+
+/// This struct is, via wasm-bindgen, used by JS to interact with the editor backend. It does this by calling functions, which are `impl`ed
+#[wasm_bindgen]
+#[derive(Clone)]
+pub struct EditorHandle {
+	/// This callback is called by the editor's dispatcher when directing FrontendMessages from Rust to JS
+	frontend_message_handler_callback: js_sys::Function,
+}
+
+// Defined separately from the `impl` block below since this `impl` block lacks the `#[wasm_bindgen]` attribute.
+// Quirks in wasm-bindgen prevent functions in `#[wasm_bindgen]` `impl` blocks from being made publicly accessible from Rust.
+impl EditorHandle {
+	pub fn send_frontend_message_to_js_rust_proxy(&self, message: FrontendMessage) {
+		self.send_frontend_message_to_js(message);
+	}
+}
+
+#[wasm_bindgen]
+impl EditorHandle {
+	#[wasm_bindgen(constructor)]
+	pub fn new(frontend_message_handler_callback: js_sys::Function) -> Self {
+		let editor = Editor::new();
+		let editor_handle = EditorHandle { frontend_message_handler_callback };
+		if EDITOR.with(|handle| handle.lock().ok().map(|mut guard| *guard = Some(editor))).is_none() {
+			log::error!("Attempted to initialize the editor more than once");
+		}
+		if EDITOR_HANDLE.with(|handle| handle.lock().ok().map(|mut guard| *guard = Some(editor_handle.clone()))).is_none() {
+			log::error!("Attempted to initialize the editor handle more than once");
+		}
+		editor_handle
+	}
+
+	// Sends a message to the dispatcher in the Editor Backend
+	fn dispatch<T: Into<Message>>(&self, message: T) {
+		// Process no further messages after a crash to avoid spamming the console
+		if EDITOR_HAS_CRASHED.load(Ordering::SeqCst) {
+			return;
+		}
+
+		// Get the editor, dispatch the message, and store the `FrontendMessage` queue response
+		let frontend_messages = editor(|editor| editor.handle_message(message.into()));
+
+		// Send each `FrontendMessage` to the JavaScript frontend
+		for message in frontend_messages.into_iter() {
+			self.send_frontend_message_to_js(message);
+		}
+	}
+
+	// Sends a FrontendMessage to JavaScript
+	fn send_frontend_message_to_js(&self, mut message: FrontendMessage) {
+		if let FrontendMessage::UpdateDocumentLayerStructure { data_buffer } = message {
+			message = FrontendMessage::UpdateDocumentLayerStructureJs { data_buffer: data_buffer.into() };
+		}
+
+		let message_type = message.to_discriminant().local_name();
+
+		let serializer = serde_wasm_bindgen::Serializer::new().serialize_large_number_types_as_bigints(true);
+		let message_data = message.serialize(&serializer).expect("Failed to serialize FrontendMessage");
+
+		let js_return_value = self.frontend_message_handler_callback.call2(&JsValue::null(), &JsValue::from(message_type), &message_data);
+
+		if let Err(error) = js_return_value {
+			error!(
+				"While handling FrontendMessage \"{:?}\", JavaScript threw an error: {:?}",
+				message.to_discriminant().local_name(),
+				error,
+			)
+		}
+	}
+
+	// ========================================================================
+	// Add additional JS -> Rust wrapper functions below as needed for calling
+	// the backend from the web frontend.
+	// ========================================================================
+
+	#[wasm_bindgen(js_name = initAfterFrontendReady)]
+	pub fn init_after_frontend_ready(&self, platform: String) {
+		// Send initialization messages
+		let platform = match platform.as_str() {
+			"Windows" => Platform::Windows,
+			"Mac" => Platform::Mac,
+			"Linux" => Platform::Linux,
+			_ => Platform::Unknown,
+		};
+		self.dispatch(GlobalsMessage::SetPlatform { platform });
+		self.dispatch(Message::Init);
+
+		// Poll node graph evaluation on `requestAnimationFrame`
+		{
+			let f = std::rc::Rc::new(RefCell::new(None));
+			let g = f.clone();
+
+			*g.borrow_mut() = Some(Closure::new(move |_timestamp| {
+				wasm_bindgen_futures::spawn_local(poll_node_graph_evaluation());
+
+				if !EDITOR_HAS_CRASHED.load(Ordering::SeqCst) {
+					editor_and_handle(|editor, handle| {
+						for message in editor.handle_message(InputPreprocessorMessage::CurrentTime {
+							timestamp: js_sys::Date::now() as u64,
+						}) {
+							handle.send_frontend_message_to_js(message);
+						}
+
+						for message in editor.handle_message(AnimationMessage::IncrementFrameCounter) {
+							handle.send_frontend_message_to_js(message);
+						}
+
+						// Used by auto-panning, but this could possibly be refactored in the future, see:
+						// <https://github.com/GraphiteEditor/Graphite/pull/2562#discussion_r2041102786>
+						for message in editor.handle_message(BroadcastMessage::TriggerEvent(BroadcastEvent::AnimationFrame)) {
+							handle.send_frontend_message_to_js(message);
+						}
+					});
+				}
+
+				// Schedule ourself for another requestAnimationFrame callback
+				request_animation_frame(f.borrow().as_ref().unwrap());
+			}));
+
+			request_animation_frame(g.borrow().as_ref().unwrap());
+		}
+
+		// Auto save all documents on `setTimeout`
+		{
+			let f = std::rc::Rc::new(RefCell::new(None));
+			let g = f.clone();
+
+			*g.borrow_mut() = Some(Closure::new(move || {
+				auto_save_all_documents();
+
+				// Schedule ourself for another setTimeout callback
+				set_timeout(f.borrow().as_ref().unwrap(), Duration::from_secs(editor::consts::AUTO_SAVE_TIMEOUT_SECONDS));
+			}));
+
+			set_timeout(g.borrow().as_ref().unwrap(), Duration::from_secs(editor::consts::AUTO_SAVE_TIMEOUT_SECONDS));
+		}
+	}
+
+	/// Displays a dialog with an error message
+	#[wasm_bindgen(js_name = errorDialog)]
+	pub fn error_dialog(&self, title: String, description: String) {
+		let message = DialogMessage::DisplayDialogError { title, description };
+		self.dispatch(message);
+	}
+
+	/// Answer whether or not the editor has crashed
+	#[wasm_bindgen(js_name = hasCrashed)]
+	pub fn has_crashed(&self) -> bool {
+		EDITOR_HAS_CRASHED.load(Ordering::SeqCst)
+	}
+
+	/// Answer whether or not the editor is in development mode
+	#[wasm_bindgen(js_name = inDevelopmentMode)]
+	pub fn in_development_mode(&self) -> bool {
+		cfg!(debug_assertions)
+	}
+
+	/// Get the constant `FILE_SAVE_SUFFIX`
+	#[wasm_bindgen(js_name = fileSaveSuffix)]
+	pub fn file_save_suffix(&self) -> String {
+		FILE_SAVE_SUFFIX.into()
+	}
+
+	/// Update the value of a given UI widget, but don't commit it to the history (unless `commit_layout()` is called, which handles that)
+	#[wasm_bindgen(js_name = widgetValueUpdate)]
+	pub fn widget_value_update(&self, layout_target: JsValue, widget_id: u64, value: JsValue) -> Result<(), JsValue> {
+		let widget_id = WidgetId(widget_id);
+		match (from_value(layout_target), from_value(value)) {
+			(Ok(layout_target), Ok(value)) => {
+				let message = LayoutMessage::WidgetValueUpdate { layout_target, widget_id, value };
+				self.dispatch(message);
+				Ok(())
+			}
+			(target, val) => Err(Error::new(&format!("Could not update UI\nDetails:\nTarget: {target:?}\nValue: {val:?}")).into()),
+		}
+	}
+
+	/// Commit the value of a given UI widget to the history
+	#[wasm_bindgen(js_name = widgetValueCommit)]
+	pub fn widget_value_commit(&self, layout_target: JsValue, widget_id: u64, value: JsValue) -> Result<(), JsValue> {
+		let widget_id = WidgetId(widget_id);
+		match (from_value(layout_target), from_value(value)) {
+			(Ok(layout_target), Ok(value)) => {
+				let message = LayoutMessage::WidgetValueCommit { layout_target, widget_id, value };
+				self.dispatch(message);
+				Ok(())
+			}
+			(target, val) => Err(Error::new(&format!("Could not commit UI\nDetails:\nTarget: {target:?}\nValue: {val:?}")).into()),
+		}
+	}
+
+	/// Update the value of a given UI widget, and commit it to the history
+	#[wasm_bindgen(js_name = widgetValueCommitAndUpdate)]
+	pub fn widget_value_commit_and_update(&self, layout_target: JsValue, widget_id: u64, value: JsValue) -> Result<(), JsValue> {
+		self.widget_value_commit(layout_target.clone(), widget_id, value.clone())?;
+		self.widget_value_update(layout_target, widget_id, value)?;
+		Ok(())
+	}
+
+	#[wasm_bindgen(js_name = loadPreferences)]
+	pub fn load_preferences(&self, preferences: String) {
+		let message = PreferencesMessage::Load { preferences };
+
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = selectDocument)]
+	pub fn select_document(&self, document_id: u64) {
+		let document_id = DocumentId(document_id);
+		let message = PortfolioMessage::SelectDocument { document_id };
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = newDocumentDialog)]
+	pub fn new_document_dialog(&self) {
+		let message = DialogMessage::RequestNewDocumentDialog;
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = openDocument)]
+	pub fn open_document(&self) {
+		let message = PortfolioMessage::OpenDocument;
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = demoArtworkDialog)]
+	pub fn demo_artwork_dialog(&self) {
+		let message = DialogMessage::RequestDemoArtworkDialog;
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = openDocumentFile)]
+	pub fn open_document_file(&self, document_name: String, document_serialized_content: String) {
+		let message = PortfolioMessage::OpenDocumentFile {
+			document_name,
+			document_serialized_content,
+		};
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = openAutoSavedDocument)]
+	pub fn open_auto_saved_document(&self, document_id: u64, document_name: String, document_is_saved: bool, document_serialized_content: String, to_front: bool) {
+		let document_id = DocumentId(document_id);
+		let message = PortfolioMessage::OpenDocumentFileWithId {
+			document_id,
+			document_name,
+			document_is_auto_saved: true,
+			document_is_saved,
+			document_serialized_content,
+			to_front,
+		};
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = triggerAutoSave)]
+	pub fn trigger_auto_save(&self, document_id: u64) {
+		let document_id = DocumentId(document_id);
+		let message = PortfolioMessage::AutoSaveDocument { document_id };
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = closeDocumentWithConfirmation)]
+	pub fn close_document_with_confirmation(&self, document_id: u64) {
+		let document_id = DocumentId(document_id);
+		let message = PortfolioMessage::CloseDocumentWithConfirmation { document_id };
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = requestAboutGraphiteDialogWithLocalizedCommitDate)]
+	pub fn request_about_graphite_dialog_with_localized_commit_date(&self, localized_commit_date: String, localized_commit_year: String) {
+		let message = DialogMessage::RequestAboutGraphiteDialogWithLocalizedCommitDate {
+			localized_commit_date,
+			localized_commit_year,
+		};
+		self.dispatch(message);
+	}
+
+	/// Send new bounds when document panel viewports get resized or moved within the editor
+	/// [left, top, right, bottom]...
+	#[wasm_bindgen(js_name = boundsOfViewports)]
+	pub fn bounds_of_viewports(&self, bounds_of_viewports: &[f64]) {
+		let chunked: Vec<_> = bounds_of_viewports.chunks(4).map(ViewportBounds::from_slice).collect();
+
+		let message = InputPreprocessorMessage::BoundsOfViewports { bounds_of_viewports: chunked };
+		self.dispatch(message);
+	}
+
+	/// Zoom the canvas to fit all content
+	#[wasm_bindgen(js_name = zoomCanvasToFitAll)]
+	pub fn zoom_canvas_to_fit_all(&self) {
+		let message = DocumentMessage::ZoomCanvasToFitAll;
+		self.dispatch(message);
+	}
+
+	/// Inform the overlays system of the current device pixel ratio
+	#[wasm_bindgen(js_name = setDevicePixelRatio)]
+	pub fn set_device_pixel_ratio(&self, ratio: f64) {
+		let message = PortfolioMessage::SetDevicePixelRatio { ratio };
+		self.dispatch(message);
+	}
+
+	/// Mouse movement within the screenspace bounds of the viewport
+	#[wasm_bindgen(js_name = onMouseMove)]
+	pub fn on_mouse_move(&self, x: f64, y: f64, mouse_keys: u8, modifiers: u8) {
+		let editor_mouse_state = EditorMouseState::from_keys_and_editor_position(mouse_keys, (x, y).into());
+
+		let modifier_keys = ModifierKeys::from_bits(modifiers).expect("Invalid modifier keys");
+
+		let message = InputPreprocessorMessage::PointerMove { editor_mouse_state, modifier_keys };
+		self.dispatch(message);
+	}
+
+	/// Mouse scrolling within the screenspace bounds of the viewport
+	#[wasm_bindgen(js_name = onWheelScroll)]
+	pub fn on_wheel_scroll(&self, x: f64, y: f64, mouse_keys: u8, wheel_delta_x: f64, wheel_delta_y: f64, wheel_delta_z: f64, modifiers: u8) {
+		let mut editor_mouse_state = EditorMouseState::from_keys_and_editor_position(mouse_keys, (x, y).into());
+		editor_mouse_state.scroll_delta = ScrollDelta::new(wheel_delta_x, wheel_delta_y, wheel_delta_z);
+
+		let modifier_keys = ModifierKeys::from_bits(modifiers).expect("Invalid modifier keys");
+
+		let message = InputPreprocessorMessage::WheelScroll { editor_mouse_state, modifier_keys };
+		self.dispatch(message);
+	}
+
+	/// A mouse button depressed within screenspace the bounds of the viewport
+	#[wasm_bindgen(js_name = onMouseDown)]
+	pub fn on_mouse_down(&self, x: f64, y: f64, mouse_keys: u8, modifiers: u8) {
+		let editor_mouse_state = EditorMouseState::from_keys_and_editor_position(mouse_keys, (x, y).into());
+
+		let modifier_keys = ModifierKeys::from_bits(modifiers).expect("Invalid modifier keys");
+
+		let message = InputPreprocessorMessage::PointerDown { editor_mouse_state, modifier_keys };
+		self.dispatch(message);
+	}
+
+	/// A mouse button released
+	#[wasm_bindgen(js_name = onMouseUp)]
+	pub fn on_mouse_up(&self, x: f64, y: f64, mouse_keys: u8, modifiers: u8) {
+		let editor_mouse_state = EditorMouseState::from_keys_and_editor_position(mouse_keys, (x, y).into());
+
+		let modifier_keys = ModifierKeys::from_bits(modifiers).expect("Invalid modifier keys");
+
+		let message = InputPreprocessorMessage::PointerUp { editor_mouse_state, modifier_keys };
+		self.dispatch(message);
+	}
+
+	/// Mouse double clicked
+	#[wasm_bindgen(js_name = onDoubleClick)]
+	pub fn on_double_click(&self, x: f64, y: f64, mouse_keys: u8, modifiers: u8) {
+		let editor_mouse_state = EditorMouseState::from_keys_and_editor_position(mouse_keys, (x, y).into());
+
+		let modifier_keys = ModifierKeys::from_bits(modifiers).expect("Invalid modifier keys");
+
+		let message = InputPreprocessorMessage::DoubleClick { editor_mouse_state, modifier_keys };
+		self.dispatch(message);
+	}
+
+	/// A keyboard button depressed within screenspace the bounds of the viewport
+	#[wasm_bindgen(js_name = onKeyDown)]
+	pub fn on_key_down(&self, name: String, modifiers: u8, key_repeat: bool) {
+		let key = translate_key(&name);
+		let modifier_keys = ModifierKeys::from_bits(modifiers).expect("Invalid modifier keys");
+
+		trace!("Key down {key:?}, name: {name}, modifiers: {modifiers:?}, key repeat: {key_repeat}");
+
+		let message = InputPreprocessorMessage::KeyDown { key, key_repeat, modifier_keys };
+		self.dispatch(message);
+	}
+
+	/// A keyboard button released
+	#[wasm_bindgen(js_name = onKeyUp)]
+	pub fn on_key_up(&self, name: String, modifiers: u8, key_repeat: bool) {
+		let key = translate_key(&name);
+		let modifier_keys = ModifierKeys::from_bits(modifiers).expect("Invalid modifier keys");
+
+		trace!("Key up {key:?}, name: {name}, modifiers: {modifier_keys:?}, key repeat: {key_repeat}");
+
+		let message = InputPreprocessorMessage::KeyUp { key, key_repeat, modifier_keys };
+		self.dispatch(message);
+	}
+
+	/// A text box was committed
+	#[wasm_bindgen(js_name = onChangeText)]
+	pub fn on_change_text(&self, new_text: String, is_left_or_right_click: bool) -> Result<(), JsValue> {
+		let message = TextToolMessage::TextChange { new_text, is_left_or_right_click };
+		self.dispatch(message);
+
+		Ok(())
+	}
+
+	/// A font has been downloaded
+	#[wasm_bindgen(js_name = onFontLoad)]
+	pub fn on_font_load(&self, font_family: String, font_style: String, preview_url: String, data: Vec<u8>) -> Result<(), JsValue> {
+		let message = PortfolioMessage::FontLoaded {
+			font_family,
+			font_style,
+			preview_url,
+			data,
+		};
+		self.dispatch(message);
+
+		Ok(())
+	}
+
+	/// A text box was changed
+	#[wasm_bindgen(js_name = updateBounds)]
+	pub fn update_bounds(&self, new_text: String) -> Result<(), JsValue> {
+		let message = TextToolMessage::UpdateBounds { new_text };
+		self.dispatch(message);
+
+		Ok(())
+	}
+
+	/// Begin sampling a pixel color from the document by entering eyedropper sampling mode
+	#[wasm_bindgen(js_name = eyedropperSampleForColorPicker)]
+	pub fn eyedropper_sample_for_color_picker(&self) -> Result<(), JsValue> {
+		let message = DialogMessage::RequestComingSoonDialog { issue: Some(832) };
+		self.dispatch(message);
+
+		Ok(())
+	}
+
+	/// Update primary color with values on a scale from 0 to 1.
+	#[wasm_bindgen(js_name = updatePrimaryColor)]
+	pub fn update_primary_color(&self, red: f32, green: f32, blue: f32, alpha: f32) -> Result<(), JsValue> {
+		let Some(primary_color) = Color::from_rgbaf32(red, green, blue, alpha) else {
+			return Err(Error::new("Invalid color").into());
+		};
+
+		let message = ToolMessage::SelectWorkingColor {
+			color: primary_color.to_linear_srgb(),
+			primary: true,
+		};
+		self.dispatch(message);
+
+		Ok(())
+	}
+
+	/// Update secondary color with values on a scale from 0 to 1.
+	#[wasm_bindgen(js_name = updateSecondaryColor)]
+	pub fn update_secondary_color(&self, red: f32, green: f32, blue: f32, alpha: f32) -> Result<(), JsValue> {
+		let Some(secondary_color) = Color::from_rgbaf32(red, green, blue, alpha) else {
+			return Err(Error::new("Invalid color").into());
+		};
+
+		let message = ToolMessage::SelectWorkingColor {
+			color: secondary_color.to_linear_srgb(),
+			primary: false,
+		};
+		self.dispatch(message);
+
+		Ok(())
+	}
+
+	/// Visit the given URL
+	#[wasm_bindgen(js_name = visitUrl)]
+	pub fn visit_url(&self, url: String) {
+		let message = FrontendMessage::TriggerVisitLink { url };
+		self.dispatch(message);
+	}
+
+	/// Paste layers from a serialized json representation
+	#[wasm_bindgen(js_name = pasteSerializedData)]
+	pub fn paste_serialized_data(&self, data: String) {
+		let message = PortfolioMessage::PasteSerializedData { data };
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = clipLayer)]
+	pub fn clip_layer(&self, id: u64) {
+		let id = NodeId(id);
+		let message = DocumentMessage::ClipLayer { id };
+		self.dispatch(message);
+	}
+
+	/// Modify the layer selection based on the layer which is clicked while holding down the <kbd>Ctrl</kbd> and/or <kbd>Shift</kbd> modifier keys used for range selection behavior
+	#[wasm_bindgen(js_name = selectLayer)]
+	pub fn select_layer(&self, id: u64, ctrl: bool, shift: bool) {
+		let id = NodeId(id);
+		let message = DocumentMessage::SelectLayer { id, ctrl, shift };
+		self.dispatch(message);
+	}
+
+	/// Deselect all layers
+	#[wasm_bindgen(js_name = deselectAllLayers)]
+	pub fn deselect_all_layers(&self) {
+		let message = DocumentMessage::DeselectAllLayers;
+		self.dispatch(message);
+	}
+
+	/// Move a layer to within a folder and placed down at the given index.
+	/// If the folder is `None`, it is inserted into the document root.
+	/// If the insert index is `None`, it is inserted at the start of the folder.
+	#[wasm_bindgen(js_name = moveLayerInTree)]
+	pub fn move_layer_in_tree(&self, insert_parent_id: Option<u64>, insert_index: Option<usize>) {
+		let insert_parent_id = insert_parent_id.map(NodeId);
+		let parent = insert_parent_id.map(LayerNodeIdentifier::new_unchecked).unwrap_or_default();
+
+		let message = DocumentMessage::MoveSelectedLayersTo {
+			parent,
+			insert_index: insert_index.unwrap_or_default(),
+		};
+		self.dispatch(message);
+	}
+
+	/// Set the name for the layer
+	#[wasm_bindgen(js_name = setLayerName)]
+	pub fn set_layer_name(&self, id: u64, name: String) {
+		let layer = LayerNodeIdentifier::new_unchecked(NodeId(id));
+		let message = NodeGraphMessage::SetDisplayName {
+			node_id: layer.to_node(),
+			alias: name,
+			skip_adding_history_step: false,
+		};
+		self.dispatch(message);
+	}
+
+	/// Translates document (in viewport coords)
+	#[wasm_bindgen(js_name = panCanvasAbortPrepare)]
+	pub fn pan_canvas_abort_prepare(&self, x_not_y_axis: bool) {
+		let message = NavigationMessage::CanvasPanAbortPrepare { x_not_y_axis };
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = panCanvasAbort)]
+	pub fn pan_canvas_abort(&self, x_not_y_axis: bool) {
+		let message = NavigationMessage::CanvasPanAbort { x_not_y_axis };
+		self.dispatch(message);
+	}
+
+	/// Translates document (in viewport coords)
+	#[wasm_bindgen(js_name = panCanvas)]
+	pub fn pan_canvas(&self, delta_x: f64, delta_y: f64) {
+		let message = NavigationMessage::CanvasPan { delta: (delta_x, delta_y).into() };
+		self.dispatch(message);
+	}
+
+	/// Translates document (in viewport coords)
+	#[wasm_bindgen(js_name = panCanvasByFraction)]
+	pub fn pan_canvas_by_fraction(&self, delta_x: f64, delta_y: f64) {
+		let message = NavigationMessage::CanvasPanByViewportFraction { delta: (delta_x, delta_y).into() };
+		self.dispatch(message);
+	}
+
+	/// Snaps the import/export edges to a grid space when the scroll bar is released
+	#[wasm_bindgen(js_name = setGridAlignedEdges)]
+	pub fn set_grid_aligned_edges(&self) {
+		let message = NodeGraphMessage::SetGridAlignedEdges;
+		self.dispatch(message);
+	}
+
+	/// Merge a group of nodes into a subnetwork
+	#[wasm_bindgen(js_name = mergeSelectedNodes)]
+	pub fn merge_nodes(&self) {
+		let message = NodeGraphMessage::MergeSelectedNodes;
+		self.dispatch(message);
+	}
+
+	/// Creates a new document node in the node graph
+	#[wasm_bindgen(js_name = createNode)]
+	pub fn create_node(&self, node_type: String, x: i32, y: i32) {
+		let id = NodeId::new();
+		let message = NodeGraphMessage::CreateNodeFromContextMenu {
+			node_id: Some(id),
+			node_type,
+			xy: Some((x / 24, y / 24)),
+			add_transaction: true,
+		};
+		self.dispatch(message);
+	}
+
+	/// Pastes the nodes based on serialized data
+	#[wasm_bindgen(js_name = pasteSerializedNodes)]
+	pub fn paste_serialized_nodes(&self, serialized_nodes: String) {
+		let message = NodeGraphMessage::PasteNodes { serialized_nodes };
+		self.dispatch(message);
+	}
+
+	/// Pastes an image
+	#[wasm_bindgen(js_name = pasteImage)]
+	pub fn paste_image(
+		&self,
+		name: Option<String>,
+		image_data: Vec<u8>,
+		width: u32,
+		height: u32,
+		mouse_x: Option<f64>,
+		mouse_y: Option<f64>,
+		insert_parent_id: Option<u64>,
+		insert_index: Option<usize>,
+	) {
+		let mouse = mouse_x.and_then(|x| mouse_y.map(|y| (x, y)));
+		let image = graphene_std::raster::Image::from_image_data(&image_data, width, height);
+
+		let parent_and_insert_index = if let (Some(insert_parent_id), Some(insert_index)) = (insert_parent_id, insert_index) {
+			let insert_parent_id = NodeId(insert_parent_id);
+			let parent = LayerNodeIdentifier::new_unchecked(insert_parent_id);
+			Some((parent, insert_index))
+		} else {
+			None
+		};
+
+		let message = PortfolioMessage::PasteImage {
+			name,
+			image,
+			mouse,
+			parent_and_insert_index,
+		};
+		self.dispatch(message);
+	}
+
+	#[wasm_bindgen(js_name = pasteSvg)]
+	pub fn paste_svg(&self, name: Option<String>, svg: String, mouse_x: Option<f64>, mouse_y: Option<f64>, insert_parent_id: Option<u64>, insert_index: Option<usize>) {
+		let mouse = mouse_x.and_then(|x| mouse_y.map(|y| (x, y)));
+
+		let parent_and_insert_index = if let (Some(insert_parent_id), Some(insert_index)) = (insert_parent_id, insert_index) {
+			let insert_parent_id = NodeId(insert_parent_id);
+			let parent = LayerNodeIdentifier::new_unchecked(insert_parent_id);
+			Some((parent, insert_index))
+		} else {
+			None
+		};
+
+		let message = PortfolioMessage::PasteSvg {
+			name,
+			svg,
+			mouse,
+			parent_and_insert_index,
+		};
+		self.dispatch(message);
+	}
+
+	/// Toggle visibility of a layer or node given its node ID
+	#[wasm_bindgen(js_name = toggleNodeVisibilityLayerPanel)]
+	pub fn toggle_node_visibility_layer(&self, id: u64) {
+		let node_id = NodeId(id);
+		let message = NodeGraphMessage::ToggleVisibility { node_id };
+		self.dispatch(message);
+	}
+
+	/// Pin or unpin a node given its node ID
+	#[wasm_bindgen(js_name = setNodePinned)]
+	pub fn set_node_pinned(&self, id: u64, pinned: bool) {
+		self.dispatch(DocumentMessage::SetNodePinned { node_id: NodeId(id), pinned });
+	}
+
+	/// Delete a layer or node given its node ID
+	#[wasm_bindgen(js_name = deleteNode)]
+	pub fn delete_node(&self, id: u64) {
+		self.dispatch(DocumentMessage::DeleteNode { node_id: NodeId(id) });
+	}
+
+	/// Toggle lock state of a layer from the layer list
+	#[wasm_bindgen(js_name = toggleLayerLock)]
+	pub fn toggle_layer_lock(&self, node_id: u64) {
+		let message = NodeGraphMessage::ToggleLocked { node_id: NodeId(node_id) };
+		self.dispatch(message);
+	}
+
+	/// Toggle expansions state of a layer from the layer list
+	#[wasm_bindgen(js_name = toggleLayerExpansion)]
+	pub fn toggle_layer_expansion(&self, id: u64, recursive: bool) {
+		let id = NodeId(id);
+		let message = DocumentMessage::ToggleLayerExpansion { id, recursive };
+		self.dispatch(message);
+	}
+
+	/// Set the active panel to the most recently clicked panel
+	#[wasm_bindgen(js_name = setActivePanel)]
+	pub fn set_active_panel(&self, panel: String) {
+		let message = PortfolioMessage::SetActivePanel { panel: panel.into() };
+		self.dispatch(message);
+	}
+
+	/// Toggle display type for a layer
+	#[wasm_bindgen(js_name = setToNodeOrLayer)]
+	pub fn set_to_node_or_layer(&self, id: u64, is_layer: bool) {
+		self.dispatch(DocumentMessage::SetToNodeOrLayer { node_id: NodeId(id), is_layer });
+	}
+
+	/// Set the name of an import or export
+	#[wasm_bindgen(js_name = setImportName)]
+	pub fn set_import_name(&self, index: usize, name: String) {
+		let message = NodeGraphMessage::SetImportExportName {
+			name,
+			index: ImportOrExport::Import(index),
+		};
+		self.dispatch(message);
+	}
+
+	/// Set the name of an export
+	#[wasm_bindgen(js_name = setExportName)]
+	pub fn set_export_name(&self, index: usize, name: String) {
+		let message = NodeGraphMessage::SetImportExportName {
+			name,
+			index: ImportOrExport::Export(index),
+		};
+		self.dispatch(message);
+	}
+}
+
+// ============================================================================
+
+#[wasm_bindgen(js_name = evaluateMathExpression)]
+pub fn evaluate_math_expression(expression: &str) -> Option<f64> {
+	let value = math_parser::evaluate(expression)
+		.inspect_err(|err| error!("Math parser error on \"{expression}\": {err}"))
+		.ok()?
+		.0
+		.inspect_err(|err| error!("Math evaluate error on \"{expression}\": {err} "))
+		.ok()?;
+	let Some(real) = value.as_real() else {
+		error!("{value} was not a real; skipping.");
+		return None;
+	};
+	Some(real)
+}
+
+/// Helper function for calling JS's `requestAnimationFrame` with the given closure
+fn request_animation_frame(f: &Closure<dyn FnMut(f64)>) {
+	web_sys::window()
+		.expect("No global `window` exists")
+		.request_animation_frame(f.as_ref().unchecked_ref())
+		.expect("Failed to call `requestAnimationFrame`");
+}
+
+/// Helper function for calling JS's `setTimeout` with the given closure and delay
+fn set_timeout(f: &Closure<dyn FnMut()>, delay: Duration) {
+	let delay = delay.clamp(Duration::ZERO, Duration::from_millis(i32::MAX as u64)).as_millis() as i32;
+	web_sys::window()
+		.expect("No global `window` exists")
+		.set_timeout_with_callback_and_timeout_and_arguments_0(f.as_ref().unchecked_ref(), delay)
+		.expect("Failed to call `setTimeout`");
+}
+
+/// Provides access to the `Editor` by calling the given closure with it as an argument.
+fn editor<T: Default>(callback: impl FnOnce(&mut editor::application::Editor) -> T) -> T {
+	EDITOR.with(|editor| {
+		let mut guard = editor.try_lock();
+		let Ok(Some(editor)) = guard.as_deref_mut() else { return T::default() };
+
+		callback(editor)
+	})
+}
+
+/// Provides access to the `Editor` and its `EditorHandle` by calling the given closure with them as arguments.
+pub(crate) fn editor_and_handle(mut callback: impl FnMut(&mut Editor, &mut EditorHandle)) {
+	EDITOR_HANDLE.with(|editor_handle| {
+		editor(|editor| {
+			let mut guard = editor_handle.try_lock();
+			let Ok(Some(editor_handle)) = guard.as_deref_mut() else {
+				log::error!("Failed to borrow editor handle");
+				return;
+			};
+
+			// Call the closure with the editor and its handle
+			callback(editor, editor_handle);
+		})
+	});
+}
+
+async fn poll_node_graph_evaluation() {
+	// Process no further messages after a crash to avoid spamming the console
+	if EDITOR_HAS_CRASHED.load(Ordering::SeqCst) {
+		return;
+	}
+
+	if !editor::node_graph_executor::run_node_graph().await {
+		return;
+	};
+
+	editor_and_handle(|editor, handle| {
+		let mut messages = VecDeque::new();
+		if let Err(e) = editor.poll_node_graph_evaluation(&mut messages) {
+			// TODO: This is a hacky way to suppress the error, but it shouldn't be generated in the first place
+			if e != "No active document" {
+				error!("Error evaluating node graph:\n{e}");
+			}
+		}
+
+		// Clear the error display if there are no more errors
+		if !messages.is_empty() {
+			crate::NODE_GRAPH_ERROR_DISPLAYED.store(false, Ordering::SeqCst);
+		}
+
+		// Send each `FrontendMessage` to the JavaScript frontend
+		for response in messages.into_iter().flat_map(|message| editor.handle_message(message)) {
+			handle.send_frontend_message_to_js(response);
+		}
+
+		// If the editor cannot be borrowed then it has encountered a panic - we should just ignore new dispatches
+	});
+}
+
+fn auto_save_all_documents() {
+	// Process no further messages after a crash to avoid spamming the console
+	if EDITOR_HAS_CRASHED.load(Ordering::SeqCst) {
+		return;
+	}
+
+	editor_and_handle(|editor, handle| {
+		for message in editor.handle_message(PortfolioMessage::AutoSaveAllDocuments) {
+			handle.send_frontend_message_to_js(message);
+		}
+	});
+}
diff --git a/frontend/wasm/src/helpers.rs b/frontend/wasm/src/helpers.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6d8cbc2fa71cc1d7e270f4b9d27cd1792ab9d218
--- /dev/null
+++ b/frontend/wasm/src/helpers.rs
@@ -0,0 +1,156 @@
+use editor::messages::input_mapper::utility_types::input_keyboard::Key;
+
+/// Translate a keyboard key from its JS name to its Rust `Key` enum
+pub fn translate_key(name: &str) -> Key {
+	use Key::*;
+
+	trace!("Key event received: {name}");
+
+	match name {
+		// Writing system keys
+		"Digit0" | "Numpad0" => Digit0,
+		"Digit1" | "Numpad1" => Digit1,
+		"Digit2" | "Numpad2" => Digit2,
+		"Digit3" | "Numpad3" => Digit3,
+		"Digit4" | "Numpad4" => Digit4,
+		"Digit5" | "Numpad5" => Digit5,
+		"Digit6" | "Numpad6" => Digit6,
+		"Digit7" | "Numpad7" => Digit7,
+		"Digit8" | "Numpad8" => Digit8,
+		"Digit9" | "Numpad9" => Digit9,
+		//
+		"KeyA" => KeyA,
+		"KeyB" => KeyB,
+		"KeyC" => KeyC,
+		"KeyD" => KeyD,
+		"KeyE" => KeyE,
+		"KeyF" => KeyF,
+		"KeyG" => KeyG,
+		"KeyH" => KeyH,
+		"KeyI" => KeyI,
+		"KeyJ" => KeyJ,
+		"KeyK" => KeyK,
+		"KeyL" => KeyL,
+		"KeyM" => KeyM,
+		"KeyN" => KeyN,
+		"KeyO" => KeyO,
+		"KeyP" => KeyP,
+		"KeyQ" => KeyQ,
+		"KeyR" => KeyR,
+		"KeyS" => KeyS,
+		"KeyT" => KeyT,
+		"KeyU" => KeyU,
+		"KeyV" => KeyV,
+		"KeyW" => KeyW,
+		"KeyX" => KeyX,
+		"KeyY" => KeyY,
+		"KeyZ" => KeyZ,
+		//
+		"Backquote" => Backquote,
+		"Backslash" => Backslash,
+		"BracketLeft" => BracketLeft,
+		"BracketRight" => BracketRight,
+		"Comma" | "NumpadComma" => Comma,
+		"Equal" | "NumpadEqual" => Equal,
+		"Minus" | "NumpadSubtract" => Minus,
+		"Period" | "NumpadDecimal" => Period,
+		"Quote" => Quote,
+		"Semicolon" => Semicolon,
+		"Slash" | "NumpadDivide" => Slash,
+
+		// Functional keys
+		"AltLeft" | "AltRight" | "AltGraph" => Alt,
+		"MetaLeft" | "MetaRight" => Meta,
+		"ShiftLeft" | "ShiftRight" => Shift,
+		"ControlLeft" | "ControlRight" => Control,
+		"Backspace" | "NumpadBackspace" => Backspace,
+		"CapsLock" => CapsLock,
+		"ContextMenu" => ContextMenu,
+		"Enter" | "NumpadEnter" => Enter,
+		"Space" => Space,
+		"Tab" => Tab,
+
+		// Control pad keys
+		"Delete" => Delete,
+		"End" => End,
+		"Help" => Help,
+		"Home" => Home,
+		"Insert" => Insert,
+		"PageDown" => PageDown,
+		"PageUp" => PageUp,
+
+		// Arrow pad keys
+		"ArrowDown" => ArrowDown,
+		"ArrowLeft" => ArrowLeft,
+		"ArrowRight" => ArrowRight,
+		"ArrowUp" => ArrowUp,
+
+		// Numpad keys
+		// "Numpad0" => KeyNumpad0,
+		// "Numpad1" => KeyNumpad1,
+		// "Numpad2" => KeyNumpad2,
+		// "Numpad3" => KeyNumpad3,
+		// "Numpad4" => KeyNumpad4,
+		// "Numpad5" => KeyNumpad5,
+		// "Numpad6" => KeyNumpad6,
+		// "Numpad7" => KeyNumpad7,
+		// "Numpad8" => KeyNumpad8,
+		// "Numpad9" => KeyNumpad9,
+		"NumLock" => NumLock,
+		"NumpadAdd" => NumpadAdd,
+		// "NumpadBackspace" => KeyNumpadBackspace,
+		// "NumpadClear" => NumpadClear,
+		// "NumpadClearEntry" => NumpadClearEntry,
+		// "NumpadComma" => KeyNumpadComma,
+		// "NumpadDecimal" => KeyNumpadDecimal,
+		// "NumpadDivide" => KeyNumpadDivide,
+		// "NumpadEnter" => KeyNumpadEnter,
+		// "NumpadEqual" => KeyNumpadEqual,
+		"NumpadHash" => NumpadHash,
+		// "NumpadMemoryAdd" => NumpadMemoryAdd,
+		// "NumpadMemoryClear" => NumpadMemoryClear,
+		// "NumpadMemoryRecall" => NumpadMemoryRecall,
+		// "NumpadMemoryStore" => NumpadMemoryStore,
+		// "NumpadMemorySubtract" => NumpadMemorySubtract,
+		"NumpadMultiply" | "NumpadStar" => NumpadMultiply,
+		"NumpadParenLeft" => NumpadParenLeft,
+		"NumpadParenRight" => NumpadParenRight,
+		// "NumpadStar" => NumpadStar,
+		// "NumpadSubtract" => KeyNumpadSubtract,
+
+		// Function keys
+		"Escape" => Escape,
+		"F1" => F1,
+		"F2" => F2,
+		"F3" => F3,
+		"F4" => F4,
+		"F5" => F5,
+		"F6" => F6,
+		"F7" => F7,
+		"F8" => F8,
+		"F9" => F9,
+		"F10" => F10,
+		"F11" => F11,
+		"F12" => F12,
+		"F13" => F13,
+		"F14" => F14,
+		"F15" => F15,
+		"F16" => F16,
+		"F17" => F17,
+		"F18" => F18,
+		"F19" => F19,
+		"F20" => F20,
+		"F21" => F21,
+		"F22" => F22,
+		"F23" => F23,
+		"F24" => F24,
+		"Fn" => Fn,
+		"FnLock" => FnLock,
+		"PrintScreen" => PrintScreen,
+		"ScrollLock" => ScrollLock,
+		"Pause" => Pause,
+
+		// Unidentified keys
+		_ => Unidentified,
+	}
+}
diff --git a/frontend/wasm/src/lib.rs b/frontend/wasm/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..730fb4215cfc786d1d9434e0f518a75ba6476b07
--- /dev/null
+++ b/frontend/wasm/src/lib.rs
@@ -0,0 +1,144 @@
+#![doc = include_str!("../README.md")]
+
+// `macro_use` puts the log macros (`error!`, `warn!`, `debug!`, `info!` and `trace!`) in scope for the crate
+#[macro_use]
+extern crate log;
+
+pub mod editor_api;
+pub mod helpers;
+
+use editor::messages::prelude::*;
+use std::panic;
+use std::sync::Mutex;
+use std::sync::atomic::{AtomicBool, Ordering};
+use wasm_bindgen::prelude::*;
+
+// Set up the persistent editor backend state
+pub static EDITOR_HAS_CRASHED: AtomicBool = AtomicBool::new(false);
+pub static NODE_GRAPH_ERROR_DISPLAYED: AtomicBool = AtomicBool::new(false);
+pub static LOGGER: WasmLog = WasmLog;
+
+thread_local! {
+	pub static EDITOR: Mutex<Option<editor::application::Editor>> = const { Mutex::new(None) };
+	pub static EDITOR_HANDLE: Mutex<Option<editor_api::EditorHandle>> = const { Mutex::new(None) };
+}
+
+/// Initialize the backend
+#[wasm_bindgen(start)]
+pub fn init_graphite() {
+	// Set up the panic hook
+	panic::set_hook(Box::new(panic_hook));
+
+	// Set up the logger with a default level of debug
+	log::set_logger(&LOGGER).expect("Failed to set logger");
+	log::set_max_level(log::LevelFilter::Debug);
+}
+
+/// When a panic occurs, notify the user and log the error to the JS console before the backend dies
+pub fn panic_hook(info: &panic::PanicHookInfo) {
+	let info = info.to_string();
+	let backtrace = Error::new("stack").stack().to_string();
+	if backtrace.contains("DynAnyNode") {
+		log::error!("Node graph evaluation panicked {info}");
+
+		// When the graph panics, the node runtime lock may not be released properly
+		if editor::node_graph_executor::NODE_RUNTIME.try_lock().is_none() {
+			unsafe { editor::node_graph_executor::NODE_RUNTIME.force_unlock() };
+		}
+
+		if !NODE_GRAPH_ERROR_DISPLAYED.load(Ordering::SeqCst) {
+			NODE_GRAPH_ERROR_DISPLAYED.store(true, Ordering::SeqCst);
+			editor_api::editor_and_handle(|_, handle| {
+				let error = r#"
+				<rect x="50%" y="50%" width="600" height="100" transform="translate(-300 -50)" rx="4" fill="var(--color-error-red)" />
+				<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-size="18" fill="var(--color-2-mildblack)">
+					<tspan x="50%" dy="-24" font-weight="bold">The document crashed while being rendered in its current state.</tspan>
+					<tspan x="50%" dy="24">The editor is now unstable! Undo your last action to restore the artwork,</tspan>
+					<tspan x="50%" dy="24">then save your document and restart the editor before continuing work.</tspan>
+				/text>"#
+				// It's a mystery why the `/text>` tag above needs to be missing its `<`, but when it exists it prints the `<` character in the text. However this works with it removed.
+				.to_string();
+				handle.send_frontend_message_to_js_rust_proxy(FrontendMessage::UpdateDocumentArtwork { svg: error });
+			});
+		}
+
+		return;
+	} else {
+		EDITOR_HAS_CRASHED.store(true, Ordering::SeqCst);
+	}
+
+	log::error!("{info}");
+
+	EDITOR_HANDLE.with(|editor_handle| {
+		let mut guard = editor_handle.lock();
+		if let Ok(Some(handle)) = guard.as_deref_mut() {
+			handle.send_frontend_message_to_js_rust_proxy(FrontendMessage::DisplayDialogPanic { panic_info: info.to_string() });
+		}
+	});
+}
+
+#[wasm_bindgen]
+extern "C" {
+	/// The JavaScript `Error` type
+	#[derive(Clone, Debug)]
+	pub type Error;
+
+	#[wasm_bindgen(constructor)]
+	pub fn new(msg: &str) -> Error;
+
+	#[wasm_bindgen(structural, method, getter)]
+	fn stack(error: &Error) -> String;
+}
+
+/// Logging to the JS console
+#[wasm_bindgen]
+extern "C" {
+	#[wasm_bindgen(js_namespace = console)]
+	fn log(msg: &str, format: &str);
+	#[wasm_bindgen(js_namespace = console)]
+	fn info(msg: &str, format: &str);
+	#[wasm_bindgen(js_namespace = console)]
+	fn warn(msg: &str, format: &str);
+	#[wasm_bindgen(js_namespace = console)]
+	fn error(msg: &str, format: &str);
+	#[wasm_bindgen(js_namespace = console)]
+	fn trace(msg: &str, format: &str);
+}
+
+#[derive(Default)]
+pub struct WasmLog;
+
+impl log::Log for WasmLog {
+	#[inline]
+	fn enabled(&self, metadata: &log::Metadata) -> bool {
+		metadata.level() <= log::max_level()
+	}
+
+	fn log(&self, record: &log::Record) {
+		if !self.enabled(record.metadata()) {
+			return;
+		}
+
+		let (log, name, color): (fn(&str, &str), &str, &str) = match record.level() {
+			log::Level::Trace => (log, "trace", "color:plum"),
+			log::Level::Debug => (log, "debug", "color:cyan"),
+			log::Level::Warn => (warn, "warn", "color:goldenrod"),
+			log::Level::Info => (info, "info", "color:mediumseagreen"),
+			log::Level::Error => (error, "error", "color:red"),
+		};
+
+		// The %c is replaced by the message color
+		if record.level() == log::Level::Info {
+			// We don't print the file name and line number for info-level logs because it's used for printing the message system logs
+			log(&format!("%c{}\t{}", name, record.args()), color);
+		} else {
+			let file = record.file().unwrap_or_else(|| record.target());
+			let line = record.line().map_or_else(|| "[Unknown]".to_string(), |line| line.to_string());
+			let args = record.args();
+
+			log(&format!("%c{name}\t{file}:{line}\n{args}"), color);
+		}
+	}
+
+	fn flush(&self) {}
+}
diff --git a/libraries/bezier-rs/Cargo.toml b/libraries/bezier-rs/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..ec9d6499f731ed6376042ce59aac963b81a6e8c7
--- /dev/null
+++ b/libraries/bezier-rs/Cargo.toml
@@ -0,0 +1,25 @@
+[package]
+name = "bezier-rs"
+version = "0.4.0"
+rust-version = "1.85"
+edition = "2024"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+description = "Computational geometry algorithms for Bézier segments and shapes useful in the context of 2D graphics"
+license = "MIT OR Apache-2.0"
+readme = "README.md"
+keywords = ["bezier", "curve", "geometry", "2d", "graphics"]
+categories = ["graphics", "mathematics"]
+homepage = "https://github.com/GraphiteEditor/Graphite/tree/master/libraries/bezier-rs"
+repository = "https://github.com/GraphiteEditor/Graphite/tree/master/libraries/bezier-rs"
+documentation = "https://graphite.rs/libraries/bezier-rs/"
+
+[dependencies]
+# Required dependencies
+glam = { workspace = true }
+
+# Optional local dependencies
+dyn-any = { version = "0.3.0", path = "../dyn-any", optional = true }
+
+# Optional workspace dependencies
+kurbo = { workspace = true, optional = true }
+serde = { workspace = true, optional = true }
diff --git a/libraries/bezier-rs/LICENSE-APACHE b/libraries/bezier-rs/LICENSE-APACHE
new file mode 100644
index 0000000000000000000000000000000000000000..261eeb9e9f8b2b4b0d119366dda99c6fd7d35c64
--- /dev/null
+++ b/libraries/bezier-rs/LICENSE-APACHE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/libraries/bezier-rs/LICENSE-MIT b/libraries/bezier-rs/LICENSE-MIT
new file mode 100644
index 0000000000000000000000000000000000000000..969d061e8ba2e38d69391910b1ef0d4869ff18d1
--- /dev/null
+++ b/libraries/bezier-rs/LICENSE-MIT
@@ -0,0 +1,17 @@
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/libraries/bezier-rs/README.md b/libraries/bezier-rs/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..e7856741e5ff181c1e7787133477561731963a52
--- /dev/null
+++ b/libraries/bezier-rs/README.md
@@ -0,0 +1,28 @@
+[crates.io](https://crates.io/crates/bezier-rs) • [docs.rs](https://docs.rs/bezier-rs/latest/bezier_rs/) • [repo](https://github.com/GraphiteEditor/Graphite/tree/master/libraries/bezier-rs)
+
+# Bezier-rs
+
+Computational geometry algorithms for Bézier segments and shapes useful in the context of 2D graphics.
+
+Play with the interactive documentation which visualizes each API function in a fun manner:
+
+### [**View the interactive API**](https://graphite.rs/libraries/bezier-rs/)
+
+---
+
+Bezier-rs is built for the needs of [Graphite](https://graphite.rs), an open source 2D vector graphics editor. We hope it may be useful to others, but presently Graphite is its primary user. Pull requests are welcomed for new features, code cleanup, ergonomic enhancements, performance improvements, and documentation clarifications.
+
+The library currently provides functions dealing with single Bézier curve segments and open-or-closed multi-segment paths (which we call _subpaths_).
+
+In the future, the library will be expanded to include compound paths (multiple subpaths forming a single shape, where the winding order determines inside-or-outside-ness) and operations between paths (e.g. boolean operations, convex hull). Pull requests for these additional features would be highly desirable.
+
+Bezier-rs is inspired by [Bezier.js](https://pomax.github.io/bezierjs/) and [_A Primer on Bézier Curves_](https://pomax.github.io/bezierinfo/) by Pomax. Bezier-rs is not a port of Bezier.js so the API for single-segment Bézier curves has some differences, and the intention is to offer a broader scope that provides algorithms beyond single curve segments (as noted above) to eventually service full vector shapes.
+
+## Terminology
+
+Graphite and Bezier-rs use the following terminology for vector data. These depictions are given for cubic Bézier curves.
+
+![Manipulators](https://static.graphite.rs/libraries/bezier-rs/manipulator-groups.png)
+![Curve/Bezier Segment](https://static.graphite.rs/libraries/bezier-rs/curve-bezier-segment.png)
+![Subpath/Path](https://static.graphite.rs/libraries/bezier-rs/subpath-path.png)
+![Open/Closed](https://static.graphite.rs/libraries/bezier-rs/closed-open-subpath.png)
diff --git a/libraries/bezier-rs/src/bezier/core.rs b/libraries/bezier-rs/src/bezier/core.rs
new file mode 100644
index 0000000000000000000000000000000000000000..123cfe458f615f2df2afc87343bd180f6b0fcf20
--- /dev/null
+++ b/libraries/bezier-rs/src/bezier/core.rs
@@ -0,0 +1,278 @@
+use super::*;
+use std::fmt::Write;
+use utils::format_point;
+
+/// Functionality relating to core `Bezier` operations, such as constructors and `abs_diff_eq`.
+impl Bezier {
+	// TODO: Consider removing this function
+	/// Create a linear bezier using the provided coordinates as the start and end points.
+	pub fn from_linear_coordinates(x1: f64, y1: f64, x2: f64, y2: f64) -> Self {
+		Bezier {
+			start: DVec2::new(x1, y1),
+			handles: BezierHandles::Linear,
+			end: DVec2::new(x2, y2),
+		}
+	}
+
+	/// Create a linear bezier using the provided DVec2s as the start and end points.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/constructor/solo" title="Constructor Demo"></iframe>
+	pub fn from_linear_dvec2(p1: DVec2, p2: DVec2) -> Self {
+		Bezier {
+			start: p1,
+			handles: BezierHandles::Linear,
+			end: p2,
+		}
+	}
+
+	// TODO: Consider removing this function
+	/// Create a quadratic bezier using the provided coordinates as the start, handle, and end points.
+	pub fn from_quadratic_coordinates(x1: f64, y1: f64, x2: f64, y2: f64, x3: f64, y3: f64) -> Self {
+		Bezier {
+			start: DVec2::new(x1, y1),
+			handles: BezierHandles::Quadratic { handle: DVec2::new(x2, y2) },
+			end: DVec2::new(x3, y3),
+		}
+	}
+
+	/// Create a quadratic bezier using the provided DVec2s as the start, handle, and end points.
+	pub fn from_quadratic_dvec2(p1: DVec2, p2: DVec2, p3: DVec2) -> Self {
+		Bezier {
+			start: p1,
+			handles: BezierHandles::Quadratic { handle: p2 },
+			end: p3,
+		}
+	}
+
+	// TODO: Consider removing this function
+	/// Create a cubic bezier using the provided coordinates as the start, handles, and end points.
+	#[allow(clippy::too_many_arguments)]
+	pub fn from_cubic_coordinates(x1: f64, y1: f64, x2: f64, y2: f64, x3: f64, y3: f64, x4: f64, y4: f64) -> Self {
+		Bezier {
+			start: DVec2::new(x1, y1),
+			handles: BezierHandles::Cubic {
+				handle_start: DVec2::new(x2, y2),
+				handle_end: DVec2::new(x3, y3),
+			},
+			end: DVec2::new(x4, y4),
+		}
+	}
+
+	/// Create a cubic bezier using the provided DVec2s as the start, handles, and end points.
+	pub fn from_cubic_dvec2(p1: DVec2, p2: DVec2, p3: DVec2, p4: DVec2) -> Self {
+		Bezier {
+			start: p1,
+			handles: BezierHandles::Cubic { handle_start: p2, handle_end: p3 },
+			end: p4,
+		}
+	}
+
+	/// Create a quadratic bezier curve that goes through 3 points, where the middle point will be at the corresponding position `t` on the curve.
+	/// - `t` - A representation of how far along the curve the provided point should occur at. The default value is 0.5.
+	///
+	/// Note that when `t = 0` or `t = 1`, the expectation is that the `point_on_curve` should be equal to `start` and `end` respectively.
+	/// In these cases, if the provided values are not equal, this function will use the `point_on_curve` as the `start`/`end` instead.
+	/// <iframe frameBorder="0" width="100%" height="375px" src="https://graphite.rs/libraries/bezier-rs#bezier/bezier-through-points/solo" title="Through Points Demo"></iframe>
+	pub fn quadratic_through_points(start: DVec2, point_on_curve: DVec2, end: DVec2, t: Option<f64>) -> Self {
+		let t = t.unwrap_or(DEFAULT_T_VALUE);
+		if t == 0. {
+			return Bezier::from_quadratic_dvec2(point_on_curve, point_on_curve, end);
+		}
+		if t == 1. {
+			return Bezier::from_quadratic_dvec2(start, point_on_curve, point_on_curve);
+		}
+		let [a, _, _] = utils::compute_abc_for_quadratic_through_points(start, point_on_curve, end, t);
+		Bezier::from_quadratic_dvec2(start, a, end)
+	}
+
+	/// Create a cubic bezier curve that goes through 3 points, where the middle point will be at the corresponding position `t` on the curve.
+	/// - `t` - A representation of how far along the curve the provided point should occur at. The default value is 0.5.
+	///
+	/// Note that when `t = 0` or `t = 1`, the expectation is that the `point_on_curve` should be equal to `start` and `end` respectively.
+	/// In these cases, if the provided values are not equal, this function will use the `point_on_curve` as the `start`/`end` instead.
+	/// - `midpoint_separation` - A representation of how wide the resulting curve will be around `t` on the curve. This parameter designates the distance between the `e1` and `e2` defined in [the projection identity section](https://pomax.github.io/bezierinfo/#abc) of Pomax's bezier curve primer. It is an optional parameter and the default value is the distance between the points `B` and `C` defined in the primer.
+	pub fn cubic_through_points(start: DVec2, point_on_curve: DVec2, end: DVec2, t: Option<f64>, midpoint_separation: Option<f64>) -> Self {
+		let t = t.unwrap_or(DEFAULT_T_VALUE);
+		if t == 0. {
+			return Bezier::from_cubic_dvec2(point_on_curve, point_on_curve, end, end);
+		}
+		if t == 1. {
+			return Bezier::from_cubic_dvec2(start, start, point_on_curve, point_on_curve);
+		}
+		let [a, b, c] = utils::compute_abc_for_cubic_through_points(start, point_on_curve, end, t);
+		let midpoint_separation = midpoint_separation.unwrap_or_else(|| b.distance(c));
+		let distance_between_start_and_end = (end - start) / (start.distance(end));
+		let e1 = b - (distance_between_start_and_end * midpoint_separation);
+		let e2 = b + (distance_between_start_and_end * midpoint_separation * (1. - t) / t);
+
+		// TODO: these functions can be changed to helpers, but need to come up with an appropriate name first
+		let v1 = (e1 - t * a) / (1. - t);
+		let v2 = (e2 - (1. - t) * a) / t;
+		let handle_start = (v1 - (1. - t) * start) / t;
+		let handle_end = (v2 - t * end) / (1. - t);
+		Bezier::from_cubic_dvec2(start, handle_start, handle_end, end)
+	}
+
+	/// Return the string argument used to create a curve in an SVG `path`, excluding the start point.
+	pub fn svg_curve_argument(&self) -> String {
+		let mut out = String::new();
+		self.write_curve_argument(&mut out).unwrap();
+		out
+	}
+
+	/// Write the curve argument to the string
+	pub fn write_curve_argument(&self, svg: &mut String) -> std::fmt::Result {
+		match self.handles {
+			BezierHandles::Linear => svg.push_str(SVG_ARG_LINEAR),
+			BezierHandles::Quadratic { handle } => {
+				format_point(svg, SVG_ARG_QUADRATIC, handle.x, handle.y)?;
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				format_point(svg, SVG_ARG_CUBIC, handle_start.x, handle_start.y)?;
+				format_point(svg, " ", handle_end.x, handle_end.y)?;
+			}
+		}
+		format_point(svg, " ", self.end.x, self.end.y)
+	}
+
+	/// Return the string argument used to create the lines connecting handles to endpoints in an SVG `path`
+	pub(crate) fn svg_handle_line_argument(&self) -> Option<String> {
+		let mut result = String::new();
+
+		match self.handles {
+			BezierHandles::Linear => {}
+			BezierHandles::Quadratic { handle } => {
+				let _ = format_point(&mut result, SVG_ARG_MOVE, self.start.x, self.start.y);
+				let _ = format_point(&mut result, SVG_ARG_LINEAR, handle.x, handle.y);
+				let _ = format_point(&mut result, SVG_ARG_MOVE, self.end.x, self.end.y);
+				let _ = format_point(&mut result, SVG_ARG_LINEAR, handle.x, handle.y);
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let _ = format_point(&mut result, SVG_ARG_MOVE, self.start.x, self.start.y);
+				let _ = format_point(&mut result, SVG_ARG_LINEAR, handle_start.x, handle_start.y);
+				let _ = format_point(&mut result, SVG_ARG_MOVE, self.end.x, self.end.y);
+				let _ = format_point(&mut result, SVG_ARG_LINEAR, handle_end.x, handle_end.y);
+			}
+		}
+
+		(!result.is_empty()).then_some(result)
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation of the curve.
+	pub fn curve_to_svg(&self, svg: &mut String, attributes: String) {
+		let _ = write!(svg, r#"<path d="{SVG_ARG_MOVE}{} {} {}" {}/>"#, self.start.x, self.start.y, self.svg_curve_argument(), attributes);
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation of the handle lines.
+	pub fn handle_lines_to_svg(&self, svg: &mut String, attributes: String) {
+		let _ = write!(svg, r#"<path d="{}" {}/>"#, self.svg_handle_line_argument().unwrap_or_default(), attributes);
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation of the anchors.
+	pub fn anchors_to_svg(&self, svg: &mut String, attributes: String) {
+		let _ = write!(
+			svg,
+			r#"<circle cx="{}" cy="{}" {attributes}/><circle cx="{}" cy="{}" {attributes}/>"#,
+			self.start.x, self.start.y, self.end.x, self.end.y
+		);
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation of the handles.
+	pub fn handles_to_svg(&self, svg: &mut String, attributes: String) {
+		if let BezierHandles::Quadratic { handle } = self.handles {
+			let _ = write!(svg, r#"<circle cx="{}" cy="{}" {attributes}/>"#, handle.x, handle.y);
+		} else if let BezierHandles::Cubic { handle_start, handle_end } = self.handles {
+			let _ = write!(
+				svg,
+				r#"<circle cx="{}" cy="{}" {attributes}/><circle cx="{}" cy="{}" {attributes}/>"#,
+				handle_start.x, handle_start.y, handle_end.x, handle_end.y
+			);
+		};
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation that includes the curve, the handle lines, the anchors, and the handles.
+	pub fn to_svg(&self, svg: &mut String, curve_attributes: String, anchor_attributes: String, handle_attributes: String, handle_line_attributes: String) {
+		if !curve_attributes.is_empty() {
+			self.curve_to_svg(svg, curve_attributes);
+		}
+		if !handle_line_attributes.is_empty() {
+			self.handle_lines_to_svg(svg, handle_line_attributes);
+		}
+		if !anchor_attributes.is_empty() {
+			self.anchors_to_svg(svg, anchor_attributes);
+		}
+		if !handle_attributes.is_empty() {
+			self.handles_to_svg(svg, handle_attributes);
+		}
+	}
+
+	/// Returns true if the corresponding points of the two `Bezier`s are within the provided absolute value difference from each other.
+	/// The points considered includes the start, end, and any relevant handles.
+	pub fn abs_diff_eq(&self, other: &Bezier, max_abs_diff: f64) -> bool {
+		let a = if self.is_linear() { Self::from_linear_dvec2(self.start, self.end) } else { *self };
+		let b = if other.is_linear() { Self::from_linear_dvec2(other.start, other.end) } else { *other };
+
+		let self_points = a.get_points().collect::<Vec<DVec2>>();
+		let other_points = b.get_points().collect::<Vec<DVec2>>();
+
+		self_points.len() == other_points.len() && self_points.into_iter().zip(other_points).all(|(a, b)| a.abs_diff_eq(b, max_abs_diff))
+	}
+
+	/// Returns true if the start, end and handles of the Bezier are all at the same location
+	pub fn is_point(&self) -> bool {
+		let start = self.start();
+
+		self.get_points().all(|point| point.abs_diff_eq(start, MAX_ABSOLUTE_DIFFERENCE))
+	}
+
+	/// Returns true if the Bezier curve is equivalent to a line.
+	///
+	/// **NOTE**: This is different from simply checking if the handle is [`BezierHandles::Linear`]. A [`Quadratic`](BezierHandles::Quadratic) or [`Cubic`](BezierHandles::Cubic) Bezier curve can also be a line if the handles are colinear to the start and end points. Therefore if the handles exceed the start and end point, it will still be considered as a line.
+	pub fn is_linear(&self) -> bool {
+		let is_colinear = |a: DVec2, b: DVec2, c: DVec2| -> bool { ((b.x - a.x) * (c.y - a.y) - (b.y - a.y) * (c.x - a.x)).abs() < MAX_ABSOLUTE_DIFFERENCE };
+
+		match self.handles {
+			BezierHandles::Linear => true,
+			BezierHandles::Quadratic { handle } => is_colinear(self.start, handle, self.end),
+			BezierHandles::Cubic { handle_start, handle_end } => is_colinear(self.start, handle_start, self.end) && is_colinear(self.start, handle_end, self.end),
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use crate::compare::compare_points;
+	use crate::utils::TValue;
+
+	#[test]
+	fn test_quadratic_from_points() {
+		let p1 = DVec2::new(30., 50.);
+		let p2 = DVec2::new(140., 30.);
+		let p3 = DVec2::new(160., 170.);
+
+		let bezier1 = Bezier::quadratic_through_points(p1, p2, p3, None);
+		assert!(compare_points(bezier1.evaluate(TValue::Parametric(0.5)), p2));
+
+		let bezier2 = Bezier::quadratic_through_points(p1, p2, p3, Some(0.8));
+		assert!(compare_points(bezier2.evaluate(TValue::Parametric(0.8)), p2));
+
+		let bezier3 = Bezier::quadratic_through_points(p1, p2, p3, Some(0.));
+		assert!(compare_points(bezier3.evaluate(TValue::Parametric(0.)), p2));
+	}
+
+	#[test]
+	fn test_cubic_through_points() {
+		let p1 = DVec2::new(30., 30.);
+		let p2 = DVec2::new(60., 140.);
+		let p3 = DVec2::new(160., 160.);
+
+		let bezier1 = Bezier::cubic_through_points(p1, p2, p3, Some(0.3), Some(10.));
+		assert!(compare_points(bezier1.evaluate(TValue::Parametric(0.3)), p2));
+
+		let bezier2 = Bezier::cubic_through_points(p1, p2, p3, Some(0.8), Some(91.7));
+		assert!(compare_points(bezier2.evaluate(TValue::Parametric(0.8)), p2));
+
+		let bezier3 = Bezier::cubic_through_points(p1, p2, p3, Some(0.), Some(91.7));
+		assert!(compare_points(bezier3.evaluate(TValue::Parametric(0.)), p2));
+	}
+}
diff --git a/libraries/bezier-rs/src/bezier/lookup.rs b/libraries/bezier-rs/src/bezier/lookup.rs
new file mode 100644
index 0000000000000000000000000000000000000000..499c933f0383c33079eb1bef416fec55a9db71af
--- /dev/null
+++ b/libraries/bezier-rs/src/bezier/lookup.rs
@@ -0,0 +1,362 @@
+use super::*;
+use crate::utils::{TValue, TValueType};
+
+/// Functionality relating to looking up properties of the `Bezier` or points along the `Bezier`.
+impl Bezier {
+	/// Convert a euclidean distance ratio along the `Bezier` curve to a parametric `t`-value.
+	pub fn euclidean_to_parametric(&self, ratio: f64, error: f64) -> f64 {
+		let total_length = self.length(None);
+		self.euclidean_to_parametric_with_total_length(ratio, error, total_length)
+	}
+
+	/// Convert a euclidean distance ratio along the `Bezier` curve to a parametric `t`-value.
+	/// For performance reasons, this version of the [`euclidean_to_parametric`] function allows the caller to
+	/// provide the total length of the curve so it doesn't have to be calculated every time the function is called.
+	pub fn euclidean_to_parametric_with_total_length(&self, euclidean_t: f64, error: f64, total_length: f64) -> f64 {
+		if euclidean_t < error {
+			return 0.;
+		}
+		if 1. - euclidean_t < error {
+			return 1.;
+		}
+
+		match self.handles {
+			BezierHandles::Linear => euclidean_t,
+			BezierHandles::Quadratic { handle } => {
+				// Use Casteljau subdivision, noting that the length is more than the straight line distance from start to end but less than the straight line distance through the handles
+				fn recurse(a0: DVec2, a1: DVec2, a2: DVec2, level: u8, desired_len: f64) -> (f64, f64) {
+					let lower = a0.distance(a2);
+					let upper = a0.distance(a1) + a1.distance(a2);
+					if level >= 8 {
+						let approx_len = (lower + upper) / 2.;
+						return (approx_len, desired_len / approx_len);
+					}
+
+					let b1 = 0.5 * (a0 + a1);
+					let c1 = 0.5 * (a1 + a2);
+					let b2 = 0.5 * (b1 + c1);
+					let (first_len, t) = recurse(a0, b1, b2, level + 1, desired_len);
+					if first_len > desired_len {
+						return (first_len, t * 0.5);
+					}
+					let (second_len, t) = recurse(b2, c1, a2, level + 1, desired_len - first_len);
+					(first_len + second_len, t * 0.5 + 0.5)
+				}
+				recurse(self.start, handle, self.end, 0, total_length * euclidean_t).1
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				// Use Casteljau subdivision, noting that the length is more than the straight line distance from start to end but less than the straight line distance through the handles
+				fn recurse(a0: DVec2, a1: DVec2, a2: DVec2, a3: DVec2, level: u8, desired_len: f64) -> (f64, f64) {
+					let lower = a0.distance(a3);
+					let upper = a0.distance(a1) + a1.distance(a2) + a2.distance(a3);
+					if level >= 8 {
+						let approx_len = (lower + upper) / 2.;
+						return (approx_len, desired_len / approx_len);
+					}
+
+					let b1 = 0.5 * (a0 + a1);
+					let t0 = 0.5 * (a1 + a2);
+					let c1 = 0.5 * (a2 + a3);
+					let b2 = 0.5 * (b1 + t0);
+					let c2 = 0.5 * (t0 + c1);
+					let b3 = 0.5 * (b2 + c2);
+					let (first_len, t) = recurse(a0, b1, b2, b3, level + 1, desired_len);
+					if first_len > desired_len {
+						return (first_len, t * 0.5);
+					}
+					let (second_len, t) = recurse(b3, c2, c1, a3, level + 1, desired_len - first_len);
+					(first_len + second_len, t * 0.5 + 0.5)
+				}
+				recurse(self.start, handle_start, handle_end, self.end, 0, total_length * euclidean_t).1
+			}
+		}
+		.clamp(0., 1.)
+	}
+
+	/// Convert a [TValue] to a parametric `t`-value.
+	pub(crate) fn t_value_to_parametric(&self, t: TValue) -> f64 {
+		match t {
+			TValue::Parametric(t) => {
+				assert!((0.0..=1.).contains(&t));
+				t
+			}
+			TValue::Euclidean(t) => {
+				assert!((0.0..=1.).contains(&t));
+				self.euclidean_to_parametric(t, DEFAULT_EUCLIDEAN_ERROR_BOUND)
+			}
+			TValue::EuclideanWithinError { t, error } => {
+				assert!((0.0..=1.).contains(&t));
+				self.euclidean_to_parametric(t, error)
+			}
+		}
+	}
+
+	/// Calculate the point on the curve based on the `t`-value provided.
+	pub(crate) fn unrestricted_parametric_evaluate(&self, t: f64) -> DVec2 {
+		// Basis code based off of pseudocode found here: <https://pomax.github.io/bezierinfo/#explanation>.
+
+		let t_squared = t * t;
+		let one_minus_t = 1. - t;
+		let squared_one_minus_t = one_minus_t * one_minus_t;
+
+		match self.handles {
+			BezierHandles::Linear => self.start.lerp(self.end, t),
+			BezierHandles::Quadratic { handle } => squared_one_minus_t * self.start + 2. * one_minus_t * t * handle + t_squared * self.end,
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let t_cubed = t_squared * t;
+				let cubed_one_minus_t = squared_one_minus_t * one_minus_t;
+				cubed_one_minus_t * self.start + 3. * squared_one_minus_t * t * handle_start + 3. * one_minus_t * t_squared * handle_end + t_cubed * self.end
+			}
+		}
+	}
+
+	/// Calculate the coordinates of the point `t` along the curve.
+	/// Expects `t` to be within the inclusive range `[0, 1]`.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#bezier/evaluate/solo" title="Evaluate Demo"></iframe>
+	pub fn evaluate(&self, t: TValue) -> DVec2 {
+		let t = self.t_value_to_parametric(t);
+		self.unrestricted_parametric_evaluate(t)
+	}
+
+	/// Return a selection of equidistant points on the bezier curve.
+	/// If no value is provided for `steps`, then the function will default `steps` to be 10.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#bezier/lookup-table/solo" title="Lookup-Table Demo"></iframe>
+	pub fn compute_lookup_table(&self, steps: Option<usize>, tvalue_type: Option<TValueType>) -> impl Iterator<Item = DVec2> + '_ {
+		let steps = steps.unwrap_or(DEFAULT_LUT_STEP_SIZE);
+		let tvalue_type = tvalue_type.unwrap_or(TValueType::Parametric);
+
+		(0..=steps).map(move |t| {
+			let tvalue = match tvalue_type {
+				TValueType::Parametric => TValue::Parametric(t as f64 / steps as f64),
+				TValueType::Euclidean => TValue::Euclidean(t as f64 / steps as f64),
+			};
+			self.evaluate(tvalue)
+		})
+	}
+
+	/// Return an approximation of the length of the bezier curve.
+	/// - `tolerance` - Tolerance used to approximate the curve.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/length/solo" title="Length Demo"></iframe>
+	pub fn length(&self, tolerance: Option<f64>) -> f64 {
+		match self.handles {
+			BezierHandles::Linear => (self.start - self.end).length(),
+			BezierHandles::Quadratic { handle } => {
+				// Use Casteljau subdivision, noting that the length is more than the straight line distance from start to end but less than the straight line distance through the handles
+				fn recurse(a0: DVec2, a1: DVec2, a2: DVec2, tolerance: f64, level: u8) -> f64 {
+					let lower = a0.distance(a2);
+					let upper = a0.distance(a1) + a1.distance(a2);
+					if upper - lower <= 2. * tolerance || level >= 8 {
+						return (lower + upper) / 2.;
+					}
+
+					let b1 = 0.5 * (a0 + a1);
+					let c1 = 0.5 * (a1 + a2);
+					let b2 = 0.5 * (b1 + c1);
+					recurse(a0, b1, b2, 0.5 * tolerance, level + 1) + recurse(b2, c1, a2, 0.5 * tolerance, level + 1)
+				}
+				recurse(self.start, handle, self.end, tolerance.unwrap_or_default(), 0)
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				// Use Casteljau subdivision, noting that the length is more than the straight line distance from start to end but less than the straight line distance through the handles
+				fn recurse(a0: DVec2, a1: DVec2, a2: DVec2, a3: DVec2, tolerance: f64, level: u8) -> f64 {
+					let lower = a0.distance(a3);
+					let upper = a0.distance(a1) + a1.distance(a2) + a2.distance(a3);
+					if upper - lower <= 2. * tolerance || level >= 8 {
+						return (lower + upper) / 2.;
+					}
+
+					let b1 = 0.5 * (a0 + a1);
+					let t0 = 0.5 * (a1 + a2);
+					let c1 = 0.5 * (a2 + a3);
+					let b2 = 0.5 * (b1 + t0);
+					let c2 = 0.5 * (t0 + c1);
+					let b3 = 0.5 * (b2 + c2);
+					recurse(a0, b1, b2, b3, 0.5 * tolerance, level + 1) + recurse(b3, c2, c1, a3, 0.5 * tolerance, level + 1)
+				}
+				recurse(self.start, handle_start, handle_end, self.end, tolerance.unwrap_or_default(), 0)
+			}
+		}
+	}
+
+	/// Return an approximation of the length centroid, together with the length, of the bezier curve.
+	///
+	/// The length centroid is the center of mass for the arc length of the Bezier segment.
+	/// An infinitely thin wire forming the Bezier segment's shape would balance at this point.
+	///
+	/// - `tolerance` - Tolerance used to approximate the curve.
+	pub fn length_centroid_and_length(&self, tolerance: Option<f64>) -> (DVec2, f64) {
+		match self.handles {
+			BezierHandles::Linear => ((self.start + self.end()) / 2., (self.start - self.end).length()),
+			BezierHandles::Quadratic { handle } => {
+				// Use Casteljau subdivision, noting that the length is more than the straight line distance from start to end but less than the straight line distance through the handles
+				fn recurse(a0: DVec2, a1: DVec2, a2: DVec2, tolerance: f64, level: u8) -> (f64, DVec2) {
+					let lower = a0.distance(a2);
+					let upper = a0.distance(a1) + a1.distance(a2);
+					if upper - lower <= 2. * tolerance || level >= 8 {
+						let length = (lower + upper) / 2.;
+						return (length, length * (a0 + a1 + a2) / 3.);
+					}
+
+					let b1 = 0.5 * (a0 + a1);
+					let c1 = 0.5 * (a1 + a2);
+					let b2 = 0.5 * (b1 + c1);
+
+					let (length1, centroid_part1) = recurse(a0, b1, b2, 0.5 * tolerance, level + 1);
+					let (length2, centroid_part2) = recurse(b2, c1, a2, 0.5 * tolerance, level + 1);
+					(length1 + length2, centroid_part1 + centroid_part2)
+				}
+
+				let (length, centroid_parts) = recurse(self.start, handle, self.end, tolerance.unwrap_or_default(), 0);
+				(centroid_parts / length, length)
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				// Use Casteljau subdivision, noting that the length is more than the straight line distance from start to end but less than the straight line distance through the handles
+				fn recurse(a0: DVec2, a1: DVec2, a2: DVec2, a3: DVec2, tolerance: f64, level: u8) -> (f64, DVec2) {
+					let lower = a0.distance(a3);
+					let upper = a0.distance(a1) + a1.distance(a2) + a2.distance(a3);
+					if upper - lower <= 2. * tolerance || level >= 8 {
+						let length = (lower + upper) / 2.;
+						return (length, length * (a0 + a1 + a2 + a3) / 4.);
+					}
+
+					let b1 = 0.5 * (a0 + a1);
+					let t0 = 0.5 * (a1 + a2);
+					let c1 = 0.5 * (a2 + a3);
+					let b2 = 0.5 * (b1 + t0);
+					let c2 = 0.5 * (t0 + c1);
+					let b3 = 0.5 * (b2 + c2);
+
+					let (length1, centroid_part1) = recurse(a0, b1, b2, b3, 0.5 * tolerance, level + 1);
+					let (length2, centroid_part2) = recurse(b3, c2, c1, a3, 0.5 * tolerance, level + 1);
+					(length1 + length2, centroid_part1 + centroid_part2)
+				}
+				let (length, centroid_parts) = recurse(self.start, handle_start, handle_end, self.end, tolerance.unwrap_or_default(), 0);
+				(centroid_parts / length, length)
+			}
+		}
+	}
+
+	/// Return an approximation of the length centroid of the Bezier curve.
+	///
+	/// The length centroid is the center of mass for the arc length of the Bezier segment.
+	/// An infinitely thin wire with the Bezier segment's shape would balance at this point.
+	///
+	/// - `tolerance` - Tolerance used to approximate the curve.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/length-centroid/solo" title="Length Centroid Demo"></iframe>
+	pub fn length_centroid(&self, tolerance: Option<f64>) -> DVec2 {
+		self.length_centroid_and_length(tolerance).0
+	}
+
+	/// Returns the parametric `t`-value that corresponds to the closest point on the curve to the provided point.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/project/solo" title="Project Demo"></iframe>
+	pub fn project(&self, point: DVec2) -> f64 {
+		let sbasis = crate::symmetrical_basis::to_symmetrical_basis_pair(*self);
+		let derivative = sbasis.derivative();
+		let dd = (sbasis - point).dot(&derivative);
+		let roots = dd.roots();
+
+		let mut closest = 0.;
+		let mut min_dist_squared = self.evaluate(TValue::Parametric(0.)).distance_squared(point);
+
+		for time in roots {
+			let distance = self.evaluate(TValue::Parametric(time)).distance_squared(point);
+			if distance < min_dist_squared {
+				closest = time;
+				min_dist_squared = distance;
+			}
+		}
+
+		if self.evaluate(TValue::Parametric(1.)).distance_squared(point) < min_dist_squared {
+			closest = 1.;
+		}
+		closest
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+
+	#[test]
+	fn test_evaluate() {
+		let p1 = DVec2::new(3., 5.);
+		let p2 = DVec2::new(14., 3.);
+		let p3 = DVec2::new(19., 14.);
+		let p4 = DVec2::new(30., 21.);
+
+		let bezier1 = Bezier::from_quadratic_dvec2(p1, p2, p3);
+		assert_eq!(bezier1.evaluate(TValue::Parametric(0.5)), DVec2::new(12.5, 6.25));
+
+		let bezier2 = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+		assert_eq!(bezier2.evaluate(TValue::Parametric(0.5)), DVec2::new(16.5, 9.625));
+	}
+
+	#[test]
+	fn test_compute_lookup_table() {
+		let bezier1 = Bezier::from_quadratic_coordinates(10., 10., 30., 30., 50., 10.);
+		let lookup_table1 = bezier1.compute_lookup_table(Some(2), Some(TValueType::Parametric)).collect::<Vec<_>>();
+		assert_eq!(lookup_table1, vec![bezier1.start(), bezier1.evaluate(TValue::Parametric(0.5)), bezier1.end()]);
+
+		let bezier2 = Bezier::from_cubic_coordinates(10., 10., 30., 30., 70., 70., 90., 10.);
+		let lookup_table2 = bezier2.compute_lookup_table(Some(4), Some(TValueType::Parametric)).collect::<Vec<_>>();
+		assert_eq!(
+			lookup_table2,
+			vec![
+				bezier2.start(),
+				bezier2.evaluate(TValue::Parametric(0.25)),
+				bezier2.evaluate(TValue::Parametric(0.50)),
+				bezier2.evaluate(TValue::Parametric(0.75)),
+				bezier2.end()
+			]
+		);
+	}
+
+	#[test]
+	fn test_length() {
+		let p1 = DVec2::new(30., 50.);
+		let p2 = DVec2::new(140., 30.);
+		let p3 = DVec2::new(160., 170.);
+		let p4 = DVec2::new(77., 129.);
+
+		let bezier_linear = Bezier::from_linear_dvec2(p1, p2);
+		assert!(utils::f64_compare(bezier_linear.length(None), p1.distance(p2), MAX_ABSOLUTE_DIFFERENCE));
+
+		let bezier_quadratic = Bezier::from_quadratic_dvec2(p1, p2, p3);
+		assert!(utils::f64_compare(bezier_quadratic.length(None), 204., 1e-2));
+
+		let bezier_cubic = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+		assert!(utils::f64_compare(bezier_cubic.length(None), 199., 1e-2));
+	}
+
+	#[test]
+	fn test_length_centroid() {
+		let p1 = DVec2::new(30., 50.);
+		let p2 = DVec2::new(140., 30.);
+		let p3 = DVec2::new(160., 170.);
+		let p4 = DVec2::new(77., 129.);
+
+		let bezier_linear = Bezier::from_linear_dvec2(p1, p2);
+		assert!(bezier_linear.length_centroid_and_length(None).0.abs_diff_eq((p1 + p2) / 2., MAX_ABSOLUTE_DIFFERENCE));
+
+		let bezier_quadratic = Bezier::from_quadratic_dvec2(p1, p2, p3);
+		let expected = DVec2::new(112.81017736920136, 87.98713052477228);
+		assert!(bezier_quadratic.length_centroid_and_length(None).0.abs_diff_eq(expected, MAX_ABSOLUTE_DIFFERENCE));
+
+		let bezier_cubic = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+		let expected = DVec2::new(95.23597072432115, 88.0645175770206);
+		assert!(bezier_cubic.length_centroid_and_length(None).0.abs_diff_eq(expected, MAX_ABSOLUTE_DIFFERENCE));
+	}
+
+	#[test]
+	fn test_project() {
+		let bezier1 = Bezier::from_cubic_coordinates(4., 4., 23., 45., 10., 30., 56., 90.);
+		assert_eq!(bezier1.project(DVec2::ZERO), 0.);
+		assert_eq!(bezier1.project(DVec2::new(100., 100.)), 1.);
+
+		let bezier2 = Bezier::from_quadratic_coordinates(0., 0., 0., 100., 100., 100.);
+		assert_eq!(bezier2.project(DVec2::new(100., 0.)), 0.);
+
+		let bezier3 = Bezier::from_cubic_coordinates(-50., -50., -50., -50., 50., -50., 50., -50.);
+		assert_eq!(DVec2::new(0., -50.), bezier3.evaluate(TValue::Parametric(bezier3.project(DVec2::new(0., -50.)))));
+	}
+}
diff --git a/libraries/bezier-rs/src/bezier/manipulators.rs b/libraries/bezier-rs/src/bezier/manipulators.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1b70f3586b9fc4fd5ee3cd0caf2d4a0d0eff30d0
--- /dev/null
+++ b/libraries/bezier-rs/src/bezier/manipulators.rs
@@ -0,0 +1,79 @@
+use super::*;
+
+/// Functionality for the getters and setters of the various points in a Bezier
+impl Bezier {
+	/// Set the coordinates of the start point.
+	pub fn set_start(&mut self, s: DVec2) {
+		self.start = s;
+	}
+
+	/// Set the coordinates of the end point.
+	pub fn set_end(&mut self, e: DVec2) {
+		self.end = e;
+	}
+
+	/// Set the coordinates of the first handle point. This represents the only handle in a quadratic segment. If used on a linear segment, it will be changed to a quadratic.
+	pub fn set_handle_start(&mut self, h1: DVec2) {
+		match self.handles {
+			BezierHandles::Linear => {
+				self.handles = BezierHandles::Quadratic { handle: h1 };
+			}
+			BezierHandles::Quadratic { ref mut handle } => {
+				*handle = h1;
+			}
+			BezierHandles::Cubic { ref mut handle_start, .. } => {
+				*handle_start = h1;
+			}
+		};
+	}
+
+	/// Set the coordinates of the second handle point. This will convert both linear and quadratic segments into cubic ones. For a linear segment, the first handle will be set to the start point.
+	pub fn set_handle_end(&mut self, h2: DVec2) {
+		match self.handles {
+			BezierHandles::Linear => {
+				self.handles = BezierHandles::Cubic {
+					handle_start: self.start,
+					handle_end: h2,
+				};
+			}
+			BezierHandles::Quadratic { handle } => {
+				self.handles = BezierHandles::Cubic { handle_start: handle, handle_end: h2 };
+			}
+			BezierHandles::Cubic { ref mut handle_end, .. } => {
+				*handle_end = h2;
+			}
+		};
+	}
+
+	/// Get the coordinates of the bezier segment's start point.
+	pub fn start(&self) -> DVec2 {
+		self.start
+	}
+
+	/// Get the coordinates of the bezier segment's end point.
+	pub fn end(&self) -> DVec2 {
+		self.end
+	}
+
+	/// Get the coordinates of the bezier segment's first handle point. This represents the only handle in a quadratic segment.
+	pub fn handle_start(&self) -> Option<DVec2> {
+		self.handles.start()
+	}
+
+	/// Get the coordinates of the second handle point. This will return `None` for a quadratic segment.
+	pub fn handle_end(&self) -> Option<DVec2> {
+		self.handles.end()
+	}
+
+	/// Get an iterator over the coordinates of all points in a vector.
+	/// - For a linear segment, the order of the points will be: `start`, `end`.
+	/// - For a quadratic segment, the order of the points will be: `start`, `handle`, `end`.
+	/// - For a cubic segment, the order of the points will be: `start`, `handle_start`, `handle_end`, `end`.
+	pub fn get_points(&self) -> impl Iterator<Item = DVec2> + use<> {
+		match self.handles {
+			BezierHandles::Linear => [self.start, self.end, DVec2::ZERO, DVec2::ZERO].into_iter().take(2),
+			BezierHandles::Quadratic { handle } => [self.start, handle, self.end, DVec2::ZERO].into_iter().take(3),
+			BezierHandles::Cubic { handle_start, handle_end } => [self.start, handle_start, handle_end, self.end].into_iter().take(4),
+		}
+	}
+}
diff --git a/libraries/bezier-rs/src/bezier/mod.rs b/libraries/bezier-rs/src/bezier/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..57c320fd2063c42a2e9e2fd848cecca52690a505
--- /dev/null
+++ b/libraries/bezier-rs/src/bezier/mod.rs
@@ -0,0 +1,147 @@
+mod core;
+mod lookup;
+mod manipulators;
+mod solvers;
+mod structs;
+mod transform;
+
+use crate::consts::*;
+use crate::utils;
+use glam::DVec2;
+use std::fmt::{Debug, Formatter, Result};
+pub use structs::*;
+
+/// Representation of the handle point(s) in a bezier segment.
+#[derive(Copy, Clone, PartialEq, Debug)]
+#[cfg_attr(feature = "serde", derive(serde::Serialize, serde::Deserialize))]
+pub enum BezierHandles {
+	Linear,
+	/// Handles for a quadratic curve.
+	Quadratic {
+		/// Point representing the location of the single handle.
+		handle: DVec2,
+	},
+	/// Handles for a cubic curve.
+	Cubic {
+		/// Point representing the location of the handle associated to the start point.
+		handle_start: DVec2,
+		/// Point representing the location of the handle associated to the end point.
+		handle_end: DVec2,
+	},
+}
+
+impl std::hash::Hash for BezierHandles {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		std::mem::discriminant(self).hash(state);
+		match self {
+			BezierHandles::Linear => {}
+			BezierHandles::Quadratic { handle } => handle.to_array().map(|v| v.to_bits()).hash(state),
+			BezierHandles::Cubic { handle_start, handle_end } => [handle_start, handle_end].map(|handle| handle.to_array().map(|v| v.to_bits())).hash(state),
+		}
+	}
+}
+
+impl BezierHandles {
+	pub fn is_cubic(&self) -> bool {
+		matches!(self, Self::Cubic { .. })
+	}
+
+	pub fn is_finite(&self) -> bool {
+		match self {
+			BezierHandles::Linear => true,
+			BezierHandles::Quadratic { handle } => handle.is_finite(),
+			BezierHandles::Cubic { handle_start, handle_end } => handle_start.is_finite() && handle_end.is_finite(),
+		}
+	}
+
+	/// Get the coordinates of the bezier segment's first handle point. This represents the only handle in a quadratic segment.
+	pub fn start(&self) -> Option<DVec2> {
+		match *self {
+			BezierHandles::Cubic { handle_start, .. } | BezierHandles::Quadratic { handle: handle_start } => Some(handle_start),
+			_ => None,
+		}
+	}
+
+	/// Get the coordinates of the second handle point. This will return `None` for a quadratic segment.
+	pub fn end(&self) -> Option<DVec2> {
+		match *self {
+			BezierHandles::Cubic { handle_end, .. } => Some(handle_end),
+			_ => None,
+		}
+	}
+
+	pub fn move_start(&mut self, delta: DVec2) {
+		if let BezierHandles::Cubic { handle_start, .. } | BezierHandles::Quadratic { handle: handle_start } = self {
+			*handle_start += delta
+		}
+	}
+
+	pub fn move_end(&mut self, delta: DVec2) {
+		if let BezierHandles::Cubic { handle_end, .. } = self {
+			*handle_end += delta
+		}
+	}
+
+	/// Returns a Bezier curve that results from applying the transformation function to each handle point in the Bezier.
+	#[must_use]
+	pub fn apply_transformation(&self, transformation_function: impl Fn(DVec2) -> DVec2) -> Self {
+		match *self {
+			BezierHandles::Linear => Self::Linear,
+			BezierHandles::Quadratic { handle } => {
+				let handle = transformation_function(handle);
+				Self::Quadratic { handle }
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let handle_start = transformation_function(handle_start);
+				let handle_end = transformation_function(handle_end);
+				Self::Cubic { handle_start, handle_end }
+			}
+		}
+	}
+
+	#[must_use]
+	pub fn reversed(self) -> Self {
+		match self {
+			BezierHandles::Cubic { handle_start, handle_end } => Self::Cubic {
+				handle_start: handle_end,
+				handle_end: handle_start,
+			},
+			_ => self,
+		}
+	}
+}
+
+#[cfg(feature = "dyn-any")]
+unsafe impl dyn_any::StaticType for BezierHandles {
+	type Static = BezierHandles;
+}
+
+/// Representation of a bezier curve with 2D points.
+#[derive(Copy, Clone, PartialEq)]
+#[cfg_attr(feature = "serde", derive(serde::Serialize, serde::Deserialize))]
+pub struct Bezier {
+	/// Start point of the bezier curve.
+	pub start: DVec2,
+	/// End point of the bezier curve.
+	pub end: DVec2,
+	/// Handles of the bezier curve.
+	pub handles: BezierHandles,
+}
+
+impl Debug for Bezier {
+	fn fmt(&self, f: &mut Formatter<'_>) -> Result {
+		let mut debug_struct = f.debug_struct("Bezier");
+		let mut debug_struct_ref = debug_struct.field("start", &self.start);
+		debug_struct_ref = match self.handles {
+			BezierHandles::Linear => debug_struct_ref,
+			BezierHandles::Quadratic { handle } => debug_struct_ref.field("handle", &handle),
+			BezierHandles::Cubic { handle_start, handle_end } => debug_struct_ref.field("handle_start", &handle_start).field("handle_end", &handle_end),
+		};
+		debug_struct_ref.field("end", &self.end).finish()
+	}
+}
+
+#[cfg(feature = "dyn-any")]
+unsafe impl dyn_any::StaticType for Bezier {
+	type Static = Bezier;
+}
diff --git a/libraries/bezier-rs/src/bezier/solvers.rs b/libraries/bezier-rs/src/bezier/solvers.rs
new file mode 100644
index 0000000000000000000000000000000000000000..320e772d9f2c4ec41d4eb3acfc650beb36d81a07
--- /dev/null
+++ b/libraries/bezier-rs/src/bezier/solvers.rs
@@ -0,0 +1,1152 @@
+use super::*;
+use crate::polynomial::Polynomial;
+use crate::utils::{TValue, solve_cubic, solve_quadratic};
+use crate::{SymmetricalBasis, to_symmetrical_basis_pair};
+use glam::DMat2;
+use std::ops::Range;
+
+/// Functionality that solve for various curve information such as derivative, tangent, intersect, etc.
+impl Bezier {
+	/// Get roots as [[x], [y]]
+	#[must_use]
+	pub fn roots(self) -> [Vec<f64>; 2] {
+		let s_basis = to_symmetrical_basis_pair(self);
+		[s_basis.x.roots(), s_basis.y.roots()]
+	}
+
+	/// Returns a list of lists of points representing the De Casteljau points for all iterations at the point `t` along the curve using De Casteljau's algorithm.
+	/// The `i`th element of the list represents the set of points in the `i`th iteration.
+	/// More information on the algorithm can be found in the [De Casteljau section](https://pomax.github.io/bezierinfo/#decasteljau) in Pomax's primer.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#bezier/de-casteljau-points/solo" title="De Casteljau Demo"></iframe>
+	pub fn de_casteljau_points(&self, t: TValue) -> Vec<Vec<DVec2>> {
+		let t = self.t_value_to_parametric(t);
+		let bezier_points = match self.handles {
+			BezierHandles::Linear => vec![self.start, self.end],
+			BezierHandles::Quadratic { handle } => vec![self.start, handle, self.end],
+			BezierHandles::Cubic { handle_start, handle_end } => vec![self.start, handle_start, handle_end, self.end],
+		};
+		let mut de_casteljau_points = vec![bezier_points];
+		let mut current_points = de_casteljau_points.last().unwrap();
+
+		// Iterate until one point is left, that point will be equal to `evaluate(t)`
+		while current_points.len() > 1 {
+			// Map from every adjacent pair of points to their respective midpoints, which decrements by 1 the number of points for the next iteration
+			let next_points: Vec<DVec2> = current_points.as_slice().windows(2).map(|pair| DVec2::lerp(pair[0], pair[1], t)).collect();
+			de_casteljau_points.push(next_points);
+
+			current_points = de_casteljau_points.last().unwrap();
+		}
+
+		de_casteljau_points
+	}
+
+	/// Returns two [`Polynomial`]s representing the parametric equations for x and y coordinates of the bezier curve respectively.
+	/// The domain of both the equations are from t=0.0 representing the start and t=1.0 representing the end of the bezier curve.
+	pub fn parametric_polynomial(&self) -> (Polynomial<4>, Polynomial<4>) {
+		match self.handles {
+			BezierHandles::Linear => {
+				let term1 = self.end - self.start;
+
+				(Polynomial::new([self.start.x, term1.x, 0., 0.]), Polynomial::new([self.start.y, term1.y, 0., 0.]))
+			}
+			BezierHandles::Quadratic { handle } => {
+				let term1 = 2. * (handle - self.start);
+				let term2 = self.start - 2. * handle + self.end;
+
+				(Polynomial::new([self.start.x, term1.x, term2.x, 0.]), Polynomial::new([self.start.y, term1.y, term2.y, 0.]))
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let term1 = 3. * (handle_start - self.start);
+				let term2 = 3. * (handle_end - handle_start) - term1;
+				let term3 = self.end - self.start - term2 - term1;
+
+				(Polynomial::new([self.start.x, term1.x, term2.x, term3.x]), Polynomial::new([self.start.y, term1.y, term2.y, term3.y]))
+			}
+		}
+	}
+
+	/// Returns a [Bezier] representing the derivative of the original curve.
+	/// - This function returns `None` for a linear segment.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/derivative/solo" title="Derivative Demo"></iframe>
+	pub fn derivative(&self) -> Option<Bezier> {
+		match self.handles {
+			BezierHandles::Linear => None,
+			BezierHandles::Quadratic { handle } => {
+				let p1_minus_p0 = handle - self.start;
+				let p2_minus_p1 = self.end - handle;
+				Some(Bezier::from_linear_dvec2(2. * p1_minus_p0, 2. * p2_minus_p1))
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let p1_minus_p0 = handle_start - self.start;
+				let p2_minus_p1 = handle_end - handle_start;
+				let p3_minus_p2 = self.end - handle_end;
+				Some(Bezier::from_quadratic_dvec2(3. * p1_minus_p0, 3. * p2_minus_p1, 3. * p3_minus_p2))
+			}
+		}
+	}
+
+	/// Returns the non-normalized vector representing the tangent at the point `t` along the curve.
+	pub(crate) fn non_normalized_tangent(&self, t: f64) -> DVec2 {
+		match self.handles {
+			BezierHandles::Linear => self.end - self.start,
+			_ => self.derivative().unwrap().evaluate(TValue::Parametric(t)),
+		}
+	}
+
+	/// Returns a normalized unit vector representing the tangent at the point `t` along the curve.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#bezier/tangent/solo" title="Tangent Demo"></iframe>
+	pub fn tangent(&self, t: TValue) -> DVec2 {
+		let t = self.t_value_to_parametric(t);
+		let tangent = self.non_normalized_tangent(t);
+		if tangent.length() > 0. { tangent.normalize() } else { tangent }
+	}
+
+	/// Find the `t`-value(s) such that the tangent(s) at `t` pass through the specified point.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/tangents-to-point/solo" title="Tangents to Point Demo"></iframe>
+	#[must_use]
+	pub fn tangents_to_point(self, point: DVec2) -> Vec<f64> {
+		let sbasis: crate::SymmetricalBasisPair = to_symmetrical_basis_pair(self);
+		let derivative = sbasis.derivative();
+		let cross = (sbasis - point).cross(&derivative);
+		SymmetricalBasis::roots(&cross)
+	}
+
+	/// Returns a normalized unit vector representing the direction of the normal at the point `t` along the curve.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#bezier/normal/solo" title="Normal Demo"></iframe>
+	pub fn normal(&self, t: TValue) -> DVec2 {
+		self.tangent(t).perp()
+	}
+
+	/// Find the `t`-value(s) such that the normal(s) at `t` pass through the specified point.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/normals-to-point/solo" title="Normals to Point Demo"></iframe>
+	#[must_use]
+	pub fn normals_to_point(self, point: DVec2) -> Vec<f64> {
+		let sbasis = to_symmetrical_basis_pair(self);
+		let derivative = sbasis.derivative();
+		let cross = (sbasis - point).dot(&derivative);
+		SymmetricalBasis::roots(&cross)
+	}
+
+	/// Returns the curvature, a scalar value for the derivative at the point `t` along the curve.
+	/// Curvature is 1 over the radius of a circle with an equivalent derivative.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#bezier/curvature/solo" title="Curvature Demo"></iframe>
+	pub fn curvature(&self, t: TValue) -> f64 {
+		let t = self.t_value_to_parametric(t);
+		let (d, dd) = match &self.derivative() {
+			Some(first_derivative) => match first_derivative.derivative() {
+				Some(second_derivative) => (first_derivative.evaluate(TValue::Parametric(t)), second_derivative.evaluate(TValue::Parametric(t))),
+				None => (first_derivative.evaluate(TValue::Parametric(t)), first_derivative.end - first_derivative.start),
+			},
+			None => (self.end - self.start, DVec2::new(0., 0.)),
+		};
+
+		let numerator = d.x * dd.y - d.y * dd.x;
+		let denominator = (d.x.powf(2.) + d.y.powf(2.)).powf(1.5);
+		if denominator.abs() < MAX_ABSOLUTE_DIFFERENCE { 0. } else { numerator / denominator }
+	}
+
+	/// Returns two lists of `t`-values representing the local extrema of the `x` and `y` parametric curves respectively.
+	/// The local extrema are defined to be points at which the derivative of the curve is equal to zero.
+	fn unrestricted_local_extrema(&self) -> [[Option<f64>; 3]; 2] {
+		match self.handles {
+			BezierHandles::Linear => [[None; 3]; 2],
+			BezierHandles::Quadratic { handle } => {
+				let d0 = handle - self.start;
+				let d1 = self.end - handle;
+				let dd = d1 - d0;
+				let a = (dd.x != 0.).then(|| -d0.x / dd.x);
+				let b = (dd.y != 0.).then(|| -d0.y / dd.y);
+				[[a, None, None], [b, None, None]]
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let d0 = handle_start - self.start;
+				let d1 = handle_end - handle_start;
+				let d2 = self.end - handle_end;
+				let a = d0 - 2. * d1 + d2;
+				let b = 2. * (d1 - d0);
+				let c = d0;
+				let discriminant = b * b - 4. * a * c;
+				let two_times_a = 2. * a;
+				[
+					utils::solve_quadratic(discriminant.x, two_times_a.x, b.x, c.x),
+					utils::solve_quadratic(discriminant.y, two_times_a.y, b.y, c.y),
+				]
+			}
+		}
+	}
+
+	/// Returns two lists of `t`-values representing the local extrema of the `x` and `y` parametric curves respectively.
+	/// The list of `t`-values returned are filtered such that they fall within the range `[0, 1]`.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/local-extrema/solo" title="Local Extrema Demo"></iframe>
+	pub fn local_extrema(&self) -> [impl Iterator<Item = f64>; 2] {
+		self.unrestricted_local_extrema().map(|t_values| t_values.into_iter().flatten().filter(|&t| t > 0. && t < 1.))
+	}
+
+	/// Return the min and max corners that represent the bounding box of the curve.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/bounding-box/solo" title="Bounding Box Demo"></iframe>
+	pub fn bounding_box(&self) -> [DVec2; 2] {
+		// Start by taking min/max of endpoints.
+		let mut endpoints_min = self.start.min(self.end);
+		let mut endpoints_max = self.start.max(self.end);
+
+		// Iterate through extrema points.
+		let extrema = self.local_extrema();
+		for t_values in extrema {
+			for t in t_values {
+				let point = self.evaluate(TValue::Parametric(t));
+				// Update bounding box if new min/max is found.
+				endpoints_min = endpoints_min.min(point);
+				endpoints_max = endpoints_max.max(point);
+			}
+		}
+
+		[endpoints_min, endpoints_max]
+	}
+
+	/// Return the min and max corners that represent the bounding box enclosing this Bezier's two anchor points and any handles.
+	pub fn bounding_box_of_anchors_and_handles(&self) -> [DVec2; 2] {
+		match self.handles {
+			BezierHandles::Linear => [self.start.min(self.end), self.start.max(self.end)],
+			BezierHandles::Quadratic { handle } => [self.start.min(self.end).min(handle), self.start.max(self.end).max(handle)],
+			BezierHandles::Cubic { handle_start, handle_end } => [self.start.min(self.end).min(handle_start).min(handle_end), self.start.max(self.end).max(handle_start).max(handle_end)],
+		}
+	}
+
+	/// Returns `true` if the bounding box of the bezier is contained entirely within a rectangle defined by its minimum and maximum corners.
+	pub fn is_contained_within(&self, min_corner: DVec2, max_corner: DVec2) -> bool {
+		let [bounding_box_min, bounding_box_max] = self.bounding_box();
+		min_corner.x <= bounding_box_min.x && min_corner.y <= bounding_box_min.y && bounding_box_max.x <= max_corner.x && bounding_box_max.y <= max_corner.y
+	}
+
+	/// Returns an `Iterator` containing all possible parametric `t`-values at the given `x`-coordinate.
+	pub fn find_tvalues_for_x(&self, x: f64) -> impl Iterator<Item = f64> + use<> {
+		// Compute the roots of the resulting bezier curve
+		match self.handles {
+			BezierHandles::Linear => {
+				// If the transformed linear bezier is on the x-axis, `a` and `b` will both be zero and `solve_linear` will return no roots
+				let a = self.end.x - self.start.x;
+				let b = self.start.x - x;
+				utils::solve_linear(a, b)
+			}
+			BezierHandles::Quadratic { handle } => {
+				let a = self.start.x - 2. * handle.x + self.end.x;
+				let b = 2. * (handle.x - self.start.x);
+				let c = self.start.x - x;
+
+				let discriminant = b * b - 4. * a * c;
+				let two_times_a = 2. * a;
+
+				utils::solve_quadratic(discriminant, two_times_a, b, c)
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let start_x = self.start.x;
+				let a = -start_x + 3. * handle_start.x - 3. * handle_end.x + self.end.x;
+				let b = 3. * start_x - 6. * handle_start.x + 3. * handle_end.x;
+				let c = -3. * start_x + 3. * handle_start.x;
+				let d = start_x - x;
+
+				utils::solve_cubic(a, b, c, d)
+			}
+		}
+		.into_iter()
+		.flatten()
+		.filter(|&t| utils::f64_approximately_in_range(t, 0., 1., MAX_ABSOLUTE_DIFFERENCE))
+	}
+
+	// TODO: Use an `impl Iterator` return type instead of a `Vec`
+	/// Returns list of `t`-values representing the inflection points of the curve.
+	/// The inflection points are defined to be points at which the second derivative of the curve is equal to zero.
+	pub fn unrestricted_inflections(&self) -> impl Iterator<Item = f64> {
+		match self.handles {
+			// There exists no inflection points for linear and quadratic beziers.
+			BezierHandles::Linear => [None; 3],
+			BezierHandles::Quadratic { .. } => [None; 3],
+			BezierHandles::Cubic { .. } => {
+				// Axis align the curve.
+				let translated_bezier = self.translate(-self.start);
+				let angle = translated_bezier.end.angle_to(DVec2::new(1., 0.));
+				let rotated_bezier = translated_bezier.rotate(angle);
+				if let BezierHandles::Cubic { handle_start, handle_end } = rotated_bezier.handles {
+					// These formulas and naming conventions follows https://pomax.github.io/bezierinfo/#inflections
+					let a = handle_end.x * handle_start.y;
+					let b = rotated_bezier.end.x * handle_start.y;
+					let c = handle_start.x * handle_end.y;
+					let d = rotated_bezier.end.x * handle_end.y;
+
+					let x = -3. * a + 2. * b + 3. * c - d;
+					let y = 3. * a - b - 3. * c;
+					let z = c - a;
+
+					let discriminant = y * y - 4. * x * z;
+					utils::solve_quadratic(discriminant, 2. * x, y, z)
+				} else {
+					unreachable!("shouldn't happen")
+				}
+			}
+		}
+		.into_iter()
+		.flatten()
+	}
+
+	/// Returns list of parametric `t`-values representing the inflection points of the curve.
+	/// The list of `t`-values returned are filtered such that they fall within the range `[0, 1]`.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/inflections/solo" title="Inflections Demo"></iframe>
+	pub fn inflections(&self) -> Vec<f64> {
+		self.unrestricted_inflections().filter(|&t| t > 0. && t < 1.).collect::<Vec<f64>>()
+	}
+
+	/// Implementation of the algorithm to find curve intersections by iterating on bounding boxes.
+	/// - `self_original_t_interval` - Used to identify the `t` values of the original parent of `self` that the current iteration is representing.
+	/// - `other_original_t_interval` - Used to identify the `t` values of the original parent of `other` that the current iteration is representing.
+	pub(crate) fn intersections_between_subcurves(&self, self_original_t_interval: Range<f64>, other: &Bezier, other_original_t_interval: Range<f64>, error: f64) -> Vec<[f64; 2]> {
+		let bounding_box1 = self.bounding_box();
+		let bounding_box2 = other.bounding_box();
+
+		// Get the `t` interval of the original parent of `self` and determine the middle `t` value
+		let Range { start: self_start_t, end: self_end_t } = self_original_t_interval;
+		let self_mid_t = (self_start_t + self_end_t) / 2.;
+
+		// Get the `t` interval of the original parent of `other` and determine the middle `t` value
+		let Range {
+			start: other_start_t,
+			end: other_end_t,
+		} = other_original_t_interval;
+		let other_mid_t = (other_start_t + other_end_t) / 2.;
+
+		let error_threshold = DVec2::new(error, error);
+
+		// Check if the bounding boxes overlap
+		if utils::do_rectangles_overlap(bounding_box1, bounding_box2) {
+			// If bounding boxes are within the error threshold (i.e. are small enough), we have found an intersection
+			if (bounding_box1[1] - bounding_box1[0]).cmplt(error_threshold).all() && (bounding_box2[1] - bounding_box2[0]).cmplt(error_threshold).all() {
+				// Use the middle t value, return the corresponding `t` value for `self` and `other`
+				return vec![[self_mid_t, other_mid_t]];
+			}
+
+			// Split curves in half and repeat with the combinations of the two halves of each curve
+			let [split_1_a, split_1_b] = self.split(TValue::Parametric(0.5));
+			let [split_2_a, split_2_b] = other.split(TValue::Parametric(0.5));
+
+			[
+				split_1_a.intersections_between_subcurves(self_start_t..self_mid_t, &split_2_a, other_start_t..other_mid_t, error),
+				split_1_a.intersections_between_subcurves(self_start_t..self_mid_t, &split_2_b, other_mid_t..other_end_t, error),
+				split_1_b.intersections_between_subcurves(self_mid_t..self_end_t, &split_2_a, other_start_t..other_mid_t, error),
+				split_1_b.intersections_between_subcurves(self_mid_t..self_end_t, &split_2_b, other_mid_t..other_end_t, error),
+			]
+			.concat()
+		} else {
+			vec![]
+		}
+	}
+
+	// TODO: Use an `impl Iterator` return type instead of a `Vec`
+	/// Returns a list of filtered parametric `t` values that correspond to intersection points between the current bezier curve and the provided one
+	/// such that the difference between adjacent `t` values in sorted order is greater than some minimum separation value. If the difference
+	/// between 2 adjacent `t` values is less than the minimum difference, the filtering takes the larger `t` value and discards the smaller `t` value.
+	/// The returned `t` values are with respect to the current bezier, not the provided parameter.
+	/// If the provided curve is linear, then zero intersection points will be returned along colinear segments.
+	/// - `error` - For intersections where the provided bezier is non-linear, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// - `minimum_separation` - The minimum difference between adjacent `t` values in sorted order
+	/// <iframe frameBorder="0" width="100%" height="375px" src="https://graphite.rs/libraries/bezier-rs#bezier/intersect-cubic/solo" title="Intersections Demo"></iframe>
+	pub fn intersections(&self, other: &Bezier, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<f64> {
+		// TODO: Consider using the `intersections_between_vectors_of_curves` helper function here
+		// Otherwise, use bounding box to determine intersections
+		let mut intersection_t_values = self.unfiltered_intersections(other, error);
+		intersection_t_values.sort_by(|a, b| a.partial_cmp(b).unwrap());
+
+		intersection_t_values.iter().map(|x| x[0]).fold(Vec::new(), |mut accumulator, t| {
+			if !accumulator.is_empty() && (accumulator.last().unwrap() - t).abs() < minimum_separation.unwrap_or(MIN_SEPARATION_VALUE) {
+				accumulator.pop();
+			}
+			accumulator.push(t);
+			accumulator
+		})
+	}
+
+	// TODO: Use an `impl Iterator` return type instead of a `Vec`
+	/// Returns a list of pairs of filtered parametric `t` values that correspond to intersection points between the current bezier curve and the provided one
+	/// such that the difference between adjacent `t` values in sorted order is greater than some minimum separation value. If the difference
+	/// between 2 adjacent `t` values is less than the minimum difference, the filtering takes the larger `t` value and discards the smaller `t` value.
+	/// The first value in pair is with respect to the current bezier and the second value in pair is with respect to the provided parameter.
+	/// If the provided curve is linear, then zero intersection points will be returned along colinear segments.
+	/// - `error` - For intersections where the provided bezier is non-linear, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// - `minimum_separation` - The minimum difference between adjacent `t` values in sorted order
+	pub fn all_intersections(&self, other: &Bezier, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<[f64; 2]> {
+		// TODO: Consider using the `intersections_between_vectors_of_curves` helper function here
+		// Otherwise, use bounding box to determine intersections
+		let mut intersection_t_values = self.unfiltered_intersections(other, error);
+		intersection_t_values.sort_by(|a, b| (a[0] + a[1]).partial_cmp(&(b[0] + b[1])).unwrap());
+
+		intersection_t_values.iter().fold(Vec::new(), |mut accumulator, t| {
+			if !accumulator.is_empty()
+				&& (accumulator.last().unwrap()[0] - t[0]).abs() < minimum_separation.unwrap_or(MIN_SEPARATION_VALUE)
+				&& (accumulator.last().unwrap()[1] - t[1]).abs() < minimum_separation.unwrap_or(MIN_SEPARATION_VALUE)
+			{
+				accumulator.pop();
+			}
+			accumulator.push(*t);
+			accumulator
+		})
+	}
+
+	// TODO: Use an `impl Iterator` return type instead of a `Vec`
+	/// Returns a list of `t` values that correspond to intersection points between the current bezier curve and the provided one. The returned `t` values are with respect to the current bezier, not the provided parameter.
+	/// If the provided curve is linear, then zero intersection points will be returned along colinear segments.
+	/// - `error` - For intersections where the provided bezier is non-linear, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	pub fn unfiltered_intersections(&self, other: &Bezier, error: Option<f64>) -> Vec<[f64; 2]> {
+		let error = error.unwrap_or(0.5);
+
+		// TODO: This implementation does not handle the case of line-like bezier curves properly. Two line-like bezier curves which have the same slope
+		// should not return any intersection points but the current implementation returns many of them. This results in the area of line not being zero.
+		// Using `is_linear` does prevent it but only in cases where the line-like cubic bezier has it handles at exactly the same position as the start
+		// and end points. In future, the below algorithm needs to be changed to account for all possible cases.
+
+		if other.is_linear() {
+			// Rotate the bezier and the line by the angle that the line makes with the x axis
+			let line_directional_vector = other.end - other.start;
+			let angle = line_directional_vector.angle_to(DVec2::new(0., 1.));
+			let rotation_matrix = DMat2::from_angle(angle);
+			let rotated_bezier = self.apply_transformation(|point| rotation_matrix * point);
+
+			// Translate the bezier such that the line becomes aligned on top of the x-axis
+			let vertical_distance = (rotation_matrix * other.start).x;
+			let translated_bezier = rotated_bezier.translate(DVec2::new(-vertical_distance, 0.));
+
+			let y_start = (rotation_matrix * other.start).y;
+			let y_end = (rotation_matrix * other.end).y;
+
+			// Compute the roots of the resulting bezier curve
+			let list_intersection_t = translated_bezier.find_tvalues_for_x(0.);
+
+			// Calculate line's bounding box
+			let [min_corner, max_corner] = other.bounding_box_of_anchors_and_handles();
+
+			return list_intersection_t
+				// Accept the t value if it is approximately in [0, 1] and if the corresponding coordinates are within the range of the linear line
+				.filter(|&t| utils::dvec2_approximately_in_range(self.unrestricted_parametric_evaluate(t), min_corner, max_corner, MAX_ABSOLUTE_DIFFERENCE).all())
+				// Ensure the returned value is within the correct range
+				.map(|t| t.clamp(0., 1.))
+				.map(|t| {
+					let y = translated_bezier.evaluate(TValue::Parametric(t)).y;
+					let other_t = (y-y_start)/(y_end-y_start);
+					[t, other_t]
+				})
+				.collect::<Vec<[f64; 2]>>();
+		}
+
+		// TODO: Consider using the `intersections_between_vectors_of_curves` helper function here
+		// Otherwise, use bounding box to determine intersections
+		self.intersections_between_subcurves(0. ..1., other, 0. ..1., error).to_vec()
+	}
+
+	/// Returns a list of `t` values that correspond to points on this Bezier segment where they intersect with the given line. (`direction_vector` does not need to be normalized.)
+	/// If this needs to be called frequently with a line of the same rotation angle, consider instead using [`line_test_crossings_prerotated`] and moving this function's setup code into your own logic before the repeated call.
+	pub fn line_test_crossings(&self, point_on_line: DVec2, direction_vector: DVec2) -> impl Iterator<Item = f64> + '_ {
+		// Rotate the bezier and the line by the angle that the line makes with the x axis
+		let angle = direction_vector.angle_to(DVec2::new(0., 1.));
+		let rotation_matrix = DMat2::from_angle(angle);
+		let rotated_bezier = self.apply_transformation(|point| rotation_matrix * point);
+
+		self.line_test_crossings_prerotated(point_on_line, rotation_matrix, rotated_bezier)
+	}
+
+	/// Returns a list of `t` values that correspond to points on this Bezier segment where they intersect with the given infinite line.
+	/// This version of the function is for better performance when calling it frequently without needing to change the rotation between each call.
+	/// If that isn't important, use [`line_test_crossings`] which wraps this and provides an easier interface by taking a line rotation vector.
+	/// Instead, this version requires a rotation matrix for the line's rotation and a version of this Bezier segment that has had its rotation already applied.
+	pub fn line_test_crossings_prerotated(&self, point_on_line: DVec2, rotation_matrix: DMat2, rotated_bezier: Self) -> impl Iterator<Item = f64> + '_ {
+		// Translate the bezier such that the line becomes aligned on top of the x-axis
+		let vertical_distance = (rotation_matrix.x_axis.x * point_on_line.x) + (rotation_matrix.y_axis.x * point_on_line.y);
+		let translated_bezier = rotated_bezier.translate(DVec2::new(-vertical_distance, 0.));
+
+		// Compute the roots of the resulting bezier curve
+		translated_bezier.find_tvalues_for_x(0.)
+	}
+
+	/// Returns a list of `t` values that correspond to points on this Bezier segment where they intersect with the given ray. (`ray_direction` does not need to be normalized.)
+	/// If this needs to be called frequently with a ray of the same rotation angle, consider instead using [`ray_test_crossings_prerotated`] and moving this function's setup code into your own logic before the repeated call.
+	pub fn ray_test_crossings(&self, ray_start: DVec2, ray_direction: DVec2) -> impl Iterator<Item = f64> + '_ {
+		// Rotate the bezier and the line by the angle that the line makes with the x axis
+		let angle = ray_direction.angle_to(DVec2::new(0., 1.));
+		let rotation_matrix = DMat2::from_angle(angle);
+		let rotated_bezier = self.apply_transformation(|point| rotation_matrix * point);
+
+		self.ray_test_crossings_prerotated(ray_start, rotation_matrix, rotated_bezier)
+	}
+
+	/// Returns a list of `t` values that correspond to points on this Bezier segment where they intersect with the given infinite ray.
+	/// This version of the function is for better performance when calling it frequently without needing to change the rotation between each call.
+	/// If that isn't important, use [`ray_test_crossings`] which wraps this and provides an easier interface by taking a ray direction vector.
+	/// Instead, this version requires a rotation matrix for the ray's rotation and a version of this Bezier segment that has had its rotation already applied.
+	pub fn ray_test_crossings_prerotated(&self, ray_start: DVec2, rotation_matrix: DMat2, rotated_bezier: Self) -> impl Iterator<Item = f64> + '_ {
+		// Intersection t-values include those beyond the [0-1] range where the segment's ends extend through the X-axis
+		let intersection_t_values_on_rotated_bezier = self.line_test_crossings_prerotated(ray_start, rotation_matrix, rotated_bezier);
+
+		intersection_t_values_on_rotated_bezier
+			// Accept the t value if it is approximately in [0, 1] and if the corresponding coordinates are within the range of the linear line
+			.filter(move |&t| {
+				let point = self.unrestricted_parametric_evaluate(t);
+				// Ensure the returned value is within the correct range
+				let in_bounds = point.cmpge(ray_start) | utils::dvec2_compare(point, ray_start, MAX_ABSOLUTE_DIFFERENCE);
+				in_bounds.x && in_bounds.y
+			})
+	}
+
+	/// Helper function to compute intersections between lists of subcurves.
+	/// This function uses the algorithm implemented in `intersections_between_subcurves`.
+	fn intersections_between_vectors_of_curves(subcurves1: &[(Bezier, Range<f64>)], subcurves2: &[(Bezier, Range<f64>)], error: f64) -> Vec<[f64; 2]> {
+		let segment_pairs = subcurves1.iter().flat_map(move |(curve1, curve1_t_pair)| {
+			subcurves2
+				.iter()
+				.filter_map(move |(curve2, curve2_t_pair)| utils::do_rectangles_overlap(curve1.bounding_box(), curve2.bounding_box()).then_some((curve1, curve1_t_pair, curve2, curve2_t_pair)))
+		});
+		segment_pairs
+			.flat_map(|(curve1, curve1_t_pair, curve2, curve2_t_pair)| curve1.intersections_between_subcurves(curve1_t_pair.clone(), curve2, curve2_t_pair.clone(), error))
+			.collect::<Vec<[f64; 2]>>()
+	}
+
+	// TODO: Use an `impl Iterator` return type instead of a `Vec`
+	/// Returns a list of parametric `t` values that correspond to the self intersection points of the current bezier curve. For each intersection point, the returned `t` value is the smaller of the two that correspond to the point.
+	/// - `error` - For intersections with non-linear beziers, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// <iframe frameBorder="0" width="100%" height="325px" src="https://graphite.rs/libraries/bezier-rs#bezier/intersect-self/solo" title="Self Intersection Demo"></iframe>
+	fn unfiltered_self_intersections(&self, error: Option<f64>) -> Vec<[f64; 2]> {
+		if self.handles == BezierHandles::Linear || matches!(self.handles, BezierHandles::Quadratic { .. }) {
+			return vec![];
+		}
+
+		let error = error.unwrap_or(0.5);
+
+		// Get 2 copies of the reduced curves
+		let (self1, self1_t_values) = self.reduced_curves_and_t_values(None);
+		let (self2, self2_t_values) = (self1.clone(), self1_t_values.clone());
+		let num_curves = self1.len();
+
+		// Adjacent reduced curves cannot intersect
+		if num_curves <= 2 {
+			return vec![];
+		}
+
+		// Create iterators that combine a subcurve with the `t` value pair that it was trimmed with
+		let combined_iterator1 = self1.into_iter().zip(self1_t_values.iter().map(|t_pair| Range { start: t_pair[0], end: t_pair[1] }));
+		// Second one needs to be a list because Iterator does not implement copy
+		let combined_list2: Vec<(Bezier, Range<f64>)> = self2.into_iter().zip(self2_t_values.iter().map(|t_pair| Range { start: t_pair[0], end: t_pair[1] })).collect();
+
+		// For each curve, look for intersections with every curve that is at least 2 indices away
+		combined_iterator1
+			.take(num_curves - 2)
+			.enumerate()
+			.flat_map(|(index, (subcurve, t_pair))| Bezier::intersections_between_vectors_of_curves(&[(subcurve, t_pair)], &combined_list2[index + 2..], error))
+			.collect()
+	}
+
+	// TODO: Use an `impl Iterator` return type instead of a `Vec`
+	/// Returns a list of parametric `t` values that correspond to the self intersection points of the current bezier curve. For each intersection point, the returned `t` value is the smaller of the two that correspond to the point.
+	/// If the difference between 2 adjacent `t` values is less than the minimum difference, the filtering takes the larger `t` value and discards the smaller `t` value.
+	/// - `error` - For intersections with non-linear beziers, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// - `minimum_separation` - The minimum difference between adjacent `t` values in sorted order
+	pub fn self_intersections(&self, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<[f64; 2]> {
+		let mut intersection_t_values = self.unfiltered_self_intersections(error);
+		intersection_t_values.sort_by(|a, b| (a[0] + a[1]).partial_cmp(&(b[0] + b[1])).unwrap());
+
+		intersection_t_values.iter().fold(Vec::new(), |mut accumulator, t| {
+			if !accumulator.is_empty()
+				&& (accumulator.last().unwrap()[0] - t[0]).abs() < minimum_separation.unwrap_or(MIN_SEPARATION_VALUE)
+				&& (accumulator.last().unwrap()[1] - t[1]).abs() < minimum_separation.unwrap_or(MIN_SEPARATION_VALUE)
+			{
+				accumulator.pop();
+			}
+			accumulator.push(*t);
+			accumulator
+		})
+	}
+
+	/// Returns a list of parametric `t` values that correspond to the intersection points between the curve and a rectangle defined by opposite corners.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/intersect-rectangle/solo" title="Intersection (Rectangle) Demo"></iframe>
+	pub fn rectangle_intersections(&self, corner1: DVec2, corner2: DVec2) -> Vec<f64> {
+		[
+			Bezier::from_linear_coordinates(corner1.x, corner1.y, corner2.x, corner1.y),
+			Bezier::from_linear_coordinates(corner2.x, corner1.y, corner2.x, corner2.y),
+			Bezier::from_linear_coordinates(corner2.x, corner2.y, corner1.x, corner2.y),
+			Bezier::from_linear_coordinates(corner1.x, corner2.y, corner1.x, corner1.y),
+		]
+		.iter()
+		.flat_map(|bezier| self.intersections(bezier, None, None))
+		.collect()
+	}
+
+	/// Returns a cubic bezier which joins this with the provided bezier curve.
+	/// The resulting path formed by the Bezier curves is continuous up to the first derivative.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/join/solo" title="Join Demo"></iframe>
+	pub fn join(&self, other: &Bezier) -> Bezier {
+		let handle1 = self.non_normalized_tangent(1.) / 3. + self.end;
+		let handle2 = other.start - other.non_normalized_tangent(0.) / 3.;
+		Bezier::from_cubic_dvec2(self.end, handle1, handle2, other.start)
+	}
+
+	/// Compute the winding order (number of times crossing an infinite line to the left of the point)
+	///
+	/// Assumes curve is split at the extrema.
+	fn pre_split_winding_number(&self, target_point: DVec2) -> i32 {
+		// Clockwise is -1, anticlockwise is +1 (with +y as up)
+		// Looking only to the left (-x) of the target_point
+		let resulting_sign = if self.end.y > self.start.y {
+			if target_point.y < self.start.y || target_point.y >= self.end.y {
+				return 0;
+			}
+			-1
+		} else if self.end.y < self.start.y {
+			if target_point.y < self.end.y || target_point.y >= self.start.y {
+				return 0;
+			}
+			1
+		} else {
+			return 0;
+		};
+		match &self.handles {
+			BezierHandles::Linear => {
+				if target_point.x < self.start.x.min(self.end.x) {
+					return 0;
+				}
+				if target_point.x >= self.start.x.max(self.end.x) {
+					return resulting_sign;
+				}
+				// line equation ax + by = c
+				let a = self.end.y - self.start.y;
+				let b = self.start.x - self.end.x;
+				let c = a * self.start.x + b * self.start.y;
+				if (a * target_point.x + b * target_point.y - c) * (resulting_sign as f64) <= 0. {
+					resulting_sign
+				} else {
+					0
+				}
+			}
+			BezierHandles::Quadratic { handle: p1 } => {
+				if target_point.x < self.start.x.min(self.end.x).min(p1.x) {
+					return 0;
+				}
+				if target_point.x >= self.start.x.max(self.end.x).max(p1.x) {
+					return resulting_sign;
+				}
+				let a = self.end.y - 2. * p1.y + self.start.y;
+				let b = 2. * (p1.y - self.start.y);
+				let c = self.start.y - target_point.y;
+
+				let discriminant = b * b - 4. * a * c;
+				let two_times_a = 2. * a;
+				for t in solve_quadratic(discriminant, two_times_a, b, c).into_iter().flatten() {
+					if (0.0..=1.).contains(&t) {
+						let x = self.evaluate(TValue::Parametric(t)).x;
+						if target_point.x >= x {
+							return resulting_sign;
+						} else {
+							return 0;
+						}
+					}
+				}
+				0
+			}
+			BezierHandles::Cubic { handle_start: p1, handle_end: p2 } => {
+				if target_point.x < self.start.x.min(self.end.x).min(p1.x).min(p2.x) {
+					return 0;
+				}
+				if target_point.x >= self.start.x.max(self.end.x).max(p1.x).max(p2.x) {
+					return resulting_sign;
+				}
+				let a = self.end.y - 3. * p2.y + 3. * p1.y - self.start.y;
+				let b = 3. * (p2.y - 2. * p1.y + self.start.y);
+				let c = 3. * (p1.y - self.start.y);
+				let d = self.start.y - target_point.y;
+				for t in solve_cubic(a, b, c, d).into_iter().flatten() {
+					if (0.0..=1.).contains(&t) {
+						let x = self.evaluate(TValue::Parametric(t)).x;
+						if target_point.x >= x {
+							return resulting_sign;
+						} else {
+							return 0;
+						}
+					}
+				}
+				0
+			}
+		}
+	}
+
+	/// Compute the winding number contribution of a single segment.
+	///
+	/// Cast a ray to the left and count intersections.
+	pub fn winding(&self, target_point: DVec2) -> i32 {
+		let [x_extrema_t, y_extrema_t] = self.unrestricted_local_extrema();
+		let mut x_extrema_t = x_extrema_t.map(|t| t.filter(|&t| t > 0. && t < 1.));
+		let mut y_extrema_t = y_extrema_t.map(|t| t.filter(|&t| t > 0. && t < 1.));
+
+		let mut results = [None; 8];
+		results[7] = Some(1.);
+		for i in (0..7).rev() {
+			let Some(min) = x_extrema_t.iter_mut().chain(y_extrema_t.iter_mut()).max_by(|a, b| a.partial_cmp(b).unwrap()) else {
+				results[i] = Some(0.);
+				break;
+			};
+			if let Some(value) = min.take() {
+				results[i] = Some(value);
+			} else {
+				results[i] = Some(0.);
+				break;
+			}
+		}
+		results
+			.windows(2)
+			.flat_map(|t| t[0].and_then(|first| t[1].map(|second| [first, second])))
+			.map(|t| self.trim(TValue::Parametric(t[0]), TValue::Parametric(t[1])).pre_split_winding_number(target_point))
+			.sum()
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use crate::compare::{compare_f64s, compare_points, compare_vec_of_points};
+
+	#[test]
+	fn test_de_casteljau_points() {
+		let bezier = Bezier::from_cubic_coordinates(0., 0., 0., 100., 100., 100., 100., 0.);
+		let de_casteljau_points = bezier.de_casteljau_points(TValue::Parametric(0.5));
+		let expected_de_casteljau_points = vec![
+			vec![DVec2::new(0., 0.), DVec2::new(0., 100.), DVec2::new(100., 100.), DVec2::new(100., 0.)],
+			vec![DVec2::new(0., 50.), DVec2::new(50., 100.), DVec2::new(100., 50.)],
+			vec![DVec2::new(25., 75.), DVec2::new(75., 75.)],
+			vec![DVec2::new(50., 75.)],
+		];
+		assert_eq!(&de_casteljau_points, &expected_de_casteljau_points);
+
+		assert_eq!(expected_de_casteljau_points[3][0], bezier.evaluate(TValue::Parametric(0.5)));
+	}
+
+	#[test]
+	fn test_derivative() {
+		// Test derivatives of each Bezier curve type
+		let p1 = DVec2::new(10., 10.);
+		let p2 = DVec2::new(40., 30.);
+		let p3 = DVec2::new(60., 60.);
+		let p4 = DVec2::new(70., 100.);
+
+		let linear = Bezier::from_linear_dvec2(p1, p2);
+		assert!(linear.derivative().is_none());
+
+		let quadratic = Bezier::from_quadratic_dvec2(p1, p2, p3);
+		let derivative_quadratic = quadratic.derivative().unwrap();
+		assert_eq!(derivative_quadratic, Bezier::from_linear_coordinates(60., 40., 40., 60.));
+
+		let cubic = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+		let derivative_cubic = cubic.derivative().unwrap();
+		assert_eq!(derivative_cubic, Bezier::from_quadratic_coordinates(90., 60., 60., 90., 30., 120.));
+
+		// Cases where the all manipulator points are the same
+		let quadratic_point = Bezier::from_quadratic_dvec2(p1, p1, p1);
+		assert_eq!(quadratic_point.derivative().unwrap(), Bezier::from_linear_dvec2(DVec2::ZERO, DVec2::ZERO));
+
+		let cubic_point = Bezier::from_cubic_dvec2(p1, p1, p1, p1);
+		assert_eq!(cubic_point.derivative().unwrap(), Bezier::from_quadratic_dvec2(DVec2::ZERO, DVec2::ZERO, DVec2::ZERO));
+	}
+
+	#[test]
+	fn test_tangent() {
+		// Test tangents at start and end points of each Bezier curve type
+		let p1 = DVec2::new(10., 10.);
+		let p2 = DVec2::new(40., 30.);
+		let p3 = DVec2::new(60., 60.);
+		let p4 = DVec2::new(70., 100.);
+
+		let linear = Bezier::from_linear_dvec2(p1, p2);
+		let unit_slope = DVec2::new(30., 20.).normalize();
+		assert_eq!(linear.tangent(TValue::Parametric(0.)), unit_slope);
+		assert_eq!(linear.tangent(TValue::Parametric(1.)), unit_slope);
+
+		let quadratic = Bezier::from_quadratic_dvec2(p1, p2, p3);
+		assert_eq!(quadratic.tangent(TValue::Parametric(0.)), DVec2::new(60., 40.).normalize());
+		assert_eq!(quadratic.tangent(TValue::Parametric(1.)), DVec2::new(40., 60.).normalize());
+
+		let cubic = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+		assert_eq!(cubic.tangent(TValue::Parametric(0.)), DVec2::new(90., 60.).normalize());
+		assert_eq!(cubic.tangent(TValue::Parametric(1.)), DVec2::new(30., 120.).normalize());
+	}
+
+	#[test]
+	fn tangent_at_point() {
+		let validate = |bz: Bezier, p: DVec2| {
+			let solutions = bz.tangents_to_point(p);
+			assert_ne!(solutions.len(), 0);
+			for t in solutions {
+				let pos = bz.evaluate(TValue::Parametric(t));
+				let expected_tangent = (pos - p).normalize();
+				let tangent = bz.tangent(TValue::Parametric(t));
+				assert!(expected_tangent.perp_dot(tangent).abs() < 0.2, "Expected tangent {expected_tangent} found {tangent} pos {pos}")
+			}
+		};
+		let bz = Bezier::from_quadratic_coordinates(55., 50., 165., 30., 185., 170.);
+		let p = DVec2::new(193., 83.);
+		validate(bz, p);
+
+		let bz = Bezier::from_cubic_coordinates(55., 30., 18., 139., 175., 30., 185., 160.);
+		let p = DVec2::new(127., 121.);
+		validate(bz, p);
+	}
+
+	#[test]
+	fn test_normal() {
+		// Test normals at start and end points of each Bezier curve type
+		let p1 = DVec2::new(10., 10.);
+		let p2 = DVec2::new(40., 30.);
+		let p3 = DVec2::new(60., 60.);
+		let p4 = DVec2::new(70., 100.);
+
+		let linear = Bezier::from_linear_dvec2(p1, p2);
+		let unit_slope = DVec2::new(-20., 30.).normalize();
+		assert_eq!(linear.normal(TValue::Parametric(0.)), unit_slope);
+		assert_eq!(linear.normal(TValue::Parametric(1.)), unit_slope);
+
+		let quadratic = Bezier::from_quadratic_dvec2(p1, p2, p3);
+		assert_eq!(quadratic.normal(TValue::Parametric(0.)), DVec2::new(-40., 60.).normalize());
+		assert_eq!(quadratic.normal(TValue::Parametric(1.)), DVec2::new(-60., 40.).normalize());
+
+		let cubic = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+		assert_eq!(cubic.normal(TValue::Parametric(0.)), DVec2::new(-60., 90.).normalize());
+		assert_eq!(cubic.normal(TValue::Parametric(1.)), DVec2::new(-120., 30.).normalize());
+	}
+
+	#[test]
+	fn normal_at_point() {
+		let validate = |bz: Bezier, p: DVec2| {
+			let solutions = bz.normals_to_point(p);
+			assert_ne!(solutions.len(), 0);
+			for t in solutions {
+				let pos = bz.evaluate(TValue::Parametric(t));
+				let expected_normal = (pos - p).normalize();
+				let normal = bz.normal(TValue::Parametric(t));
+				assert!(expected_normal.perp_dot(normal).abs() < 0.2, "Expected normal {expected_normal} found {normal} pos {pos}")
+			}
+		};
+
+		let bz = Bezier::from_linear_coordinates(50., 50., 100., 100.);
+		let p = DVec2::new(100., 50.);
+		validate(bz, p);
+
+		let bz = Bezier::from_quadratic_coordinates(55., 50., 165., 30., 185., 170.);
+		let p = DVec2::new(193., 83.);
+		validate(bz, p);
+
+		let bz = Bezier::from_cubic_coordinates(55., 30., 18., 139., 175., 30., 185., 160.);
+		let p = DVec2::new(127., 121.);
+		validate(bz, p);
+
+		let bz = Bezier::from_cubic_coordinates(55., 30., 85., 140., 175., 30., 185., 160.);
+		let p = DVec2::new(17., 172.);
+		validate(bz, p);
+	}
+
+	#[test]
+	fn test_curvature() {
+		let p1 = DVec2::new(10., 10.);
+		let p2 = DVec2::new(50., 10.);
+		let p3 = DVec2::new(50., 50.);
+		let p4 = DVec2::new(50., 10.);
+
+		let linear = Bezier::from_linear_dvec2(p1, p2);
+		assert_eq!(linear.curvature(TValue::Parametric(0.)), 0.);
+		assert_eq!(linear.curvature(TValue::Parametric(0.5)), 0.);
+		assert_eq!(linear.curvature(TValue::Parametric(1.)), 0.);
+
+		let quadratic = Bezier::from_quadratic_dvec2(p1, p2, p3);
+		assert!(compare_f64s(quadratic.curvature(TValue::Parametric(0.)), 0.0125));
+		assert!(compare_f64s(quadratic.curvature(TValue::Parametric(0.5)), 0.035355));
+		assert!(compare_f64s(quadratic.curvature(TValue::Parametric(1.)), 0.0125));
+
+		let cubic = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+		assert!(compare_f64s(cubic.curvature(TValue::Parametric(0.)), 0.016667));
+		assert!(compare_f64s(cubic.curvature(TValue::Parametric(0.5)), 0.));
+		assert!(compare_f64s(cubic.curvature(TValue::Parametric(1.)), 0.));
+
+		// The curvature at an inflection point is zero
+		let inflection_curve = Bezier::from_cubic_coordinates(30., 30., 30., 150., 150., 30., 150., 150.);
+		let inflections = inflection_curve.inflections();
+		assert_eq!(inflection_curve.curvature(TValue::Parametric(inflections[0])), 0.);
+	}
+
+	#[test]
+	fn test_extrema_linear() {
+		// Linear bezier cannot have extrema
+		let line = Bezier::from_linear_dvec2(DVec2::new(10., 10.), DVec2::new(50., 50.));
+		let [x_extrema, y_extrema] = line.local_extrema();
+		assert_eq!(y_extrema.count(), 0);
+		assert_eq!(x_extrema.count(), 0);
+	}
+
+	#[test]
+	fn test_extrema_quadratic() {
+		// Test with no x-extrema, no y-extrema
+		let bezier1 = Bezier::from_quadratic_coordinates(40., 35., 149., 54., 155., 170.);
+		let [x_extrema1, y_extrema1] = bezier1.local_extrema();
+		assert_eq!(x_extrema1.count(), 0);
+		assert_eq!(y_extrema1.count(), 0);
+
+		// Test with 1 x-extrema, no y-extrema
+		let bezier2 = Bezier::from_quadratic_coordinates(45., 30., 170., 90., 45., 150.);
+		let [x_extrema2, y_extrema2] = bezier2.local_extrema();
+		assert_eq!(x_extrema2.count(), 1);
+		assert_eq!(y_extrema2.count(), 0);
+
+		// Test with no x-extrema, 1 y-extrema
+		let bezier3 = Bezier::from_quadratic_coordinates(30., 130., 100., 25., 150., 130.);
+		let [x_extrema3, y_extrema3] = bezier3.local_extrema();
+		assert_eq!(x_extrema3.count(), 0);
+		assert_eq!(y_extrema3.count(), 1);
+
+		// Test with 1 x-extrema, 1 y-extrema
+		let bezier4 = Bezier::from_quadratic_coordinates(50., 70., 170., 35., 60., 150.);
+		let [x_extrema4, y_extrema4] = bezier4.local_extrema();
+		assert_eq!(x_extrema4.count(), 1);
+		assert_eq!(y_extrema4.count(), 1);
+	}
+
+	#[test]
+	fn test_extrema_cubic() {
+		// 0 x-extrema, 0 y-extrema
+		let bezier1 = Bezier::from_cubic_coordinates(100., 105., 250., 250., 110., 150., 260., 260.);
+		let [x_extrema1, y_extrema1] = bezier1.local_extrema();
+		assert_eq!(x_extrema1.count(), 0);
+		assert_eq!(y_extrema1.count(), 0);
+
+		// 1 x-extrema, 0 y-extrema
+		let bezier2 = Bezier::from_cubic_coordinates(55., 145., 40., 40., 110., 110., 180., 40.);
+		let [x_extrema2, y_extrema2] = bezier2.local_extrema();
+		assert_eq!(x_extrema2.count(), 1);
+		assert_eq!(y_extrema2.count(), 0);
+
+		// 1 x-extrema, 1 y-extrema
+		let bezier3 = Bezier::from_cubic_coordinates(100., 105., 170., 10., 25., 20., 20., 120.);
+		let [x_extrema3, y_extrema3] = bezier3.local_extrema();
+		assert_eq!(x_extrema3.count(), 1);
+		assert_eq!(y_extrema3.count(), 1);
+
+		// 1 x-extrema, 2 y-extrema
+		let bezier4 = Bezier::from_cubic_coordinates(50., 90., 120., 16., 150., 190., 45., 150.);
+		let [x_extrema4, y_extrema4] = bezier4.local_extrema();
+		assert_eq!(x_extrema4.count(), 1);
+		assert_eq!(y_extrema4.count(), 2);
+
+		// 2 x-extrema, 0 y-extrema
+		let bezier5 = Bezier::from_cubic_coordinates(40., 170., 150., 160., 10., 10., 170., 10.);
+		let [x_extrema5, y_extrema5] = bezier5.local_extrema();
+		assert_eq!(x_extrema5.count(), 2);
+		assert_eq!(y_extrema5.count(), 0);
+
+		// 2 x-extrema, 1 y-extrema
+		let bezier6 = Bezier::from_cubic_coordinates(40., 170., 150., 160., 10., 10., 160., 45.);
+		let [x_extrema6, y_extrema6] = bezier6.local_extrema();
+		assert_eq!(x_extrema6.count(), 2);
+		assert_eq!(y_extrema6.count(), 1);
+
+		// 2 x-extrema, 2 y-extrema
+		let bezier7 = Bezier::from_cubic_coordinates(46., 60., 140., 10., 50., 160., 120., 120.);
+		let [x_extrema7, y_extrema7] = bezier7.local_extrema();
+		assert_eq!(x_extrema7.count(), 2);
+		assert_eq!(y_extrema7.count(), 2);
+	}
+
+	#[test]
+	fn test_bounding_box() {
+		// Case where the start and end points dictate the bounding box
+		let bezier_simple = Bezier::from_linear_coordinates(0., 0., 10., 10.);
+		assert_eq!(bezier_simple.bounding_box(), [DVec2::new(0., 0.), DVec2::new(10., 10.)]);
+
+		// Case where the curve's extrema dictate the bounding box
+		let bezier_complex = Bezier::from_cubic_coordinates(90., 70., 25., 25., 175., 175., 110., 130.);
+		assert!(compare_vec_of_points(
+			bezier_complex.bounding_box().to_vec(),
+			vec![DVec2::new(73.2774, 61.4755), DVec2::new(126.7226, 138.5245)],
+			1e-3
+		));
+	}
+
+	#[test]
+	fn test_find_tvalues_for_x() {
+		struct Assertion {
+			bezier: Bezier,
+			x: f64,
+			ys: &'static [f64],
+		}
+
+		let assertions = [
+			Assertion {
+				bezier: Bezier::from_linear_coordinates(0., 0., 20., 10.),
+				x: 5.,
+				ys: &[2.5],
+			},
+			Assertion {
+				bezier: Bezier::from_quadratic_coordinates(0., 0., 10., 5., 20., 10.),
+				x: 5.,
+				ys: &[2.5],
+			},
+			Assertion {
+				bezier: Bezier::from_cubic_coordinates(0., 0., 10., 5., 10., 5., 20., 10.),
+				x: 5.,
+				ys: &[2.5],
+			},
+			Assertion {
+				bezier: Bezier::from_cubic_coordinates(90., 70., 25., 25., 175., 175., 110., 130.),
+				x: 100.,
+				ys: &[100.],
+			},
+			Assertion {
+				bezier: Bezier::from_cubic_coordinates(90., 70., 25., 25., 175., 175., 110., 130.),
+				x: 80.,
+				ys: &[63.62683, 74.53867],
+			},
+			Assertion {
+				bezier: Bezier::from_cubic_coordinates(110., 70., 25., 25., 175., 175., 90., 130.),
+				x: 100.,
+				ys: &[65.11345, 100., 134.88655],
+			},
+		];
+
+		for Assertion { bezier, x, ys } in assertions {
+			let mut got: Vec<f64> = bezier
+				.find_tvalues_for_x(x)
+				.map(|t| bezier.evaluate(TValue::Parametric(t)))
+				.inspect(|p| assert!((p.x - x).abs() < 1e-4, "wrong x-coordinate, got {} expected {x}", p.x))
+				.map(|p| p.y)
+				.collect();
+			assert_eq!(got.len(), ys.len());
+			got.sort_by(f64::total_cmp);
+			got.into_iter()
+				.zip(ys)
+				.for_each(|(got, &expected)| assert!((got - expected).abs() < 1e-4, "wrong y-coordinate, got {got} expected {expected}"));
+		}
+	}
+
+	#[test]
+	fn test_inflections() {
+		let bezier = Bezier::from_cubic_coordinates(30., 30., 30., 150., 150., 30., 150., 150.);
+		let inflections = bezier.inflections();
+		assert_eq!(inflections.len(), 1);
+		assert_eq!(inflections[0], 0.5);
+	}
+
+	#[test]
+	fn test_intersect_line_segment_linear() {
+		let p1 = DVec2::new(30., 60.);
+		let p2 = DVec2::new(140., 120.);
+
+		// Intersection at edge of curve
+		let bezier = Bezier::from_linear_dvec2(p1, p2);
+		let line1 = Bezier::from_linear_coordinates(20., 60., 70., 60.);
+		let intersections1 = bezier.intersections(&line1, None, None);
+		assert!(intersections1.len() == 1);
+		assert!(compare_points(bezier.evaluate(TValue::Parametric(intersections1[0])), DVec2::new(30., 60.)));
+
+		// Intersection in the middle of curve
+		let line2 = Bezier::from_linear_coordinates(150., 150., 30., 30.);
+		let intersections2 = bezier.intersections(&line2, None, None);
+		assert!(compare_points(bezier.evaluate(TValue::Parametric(intersections2[0])), DVec2::new(96., 96.)));
+	}
+
+	#[test]
+	fn test_intersect_line_segment_quadratic() {
+		let p1 = DVec2::new(30., 50.);
+		let p2 = DVec2::new(140., 30.);
+		let p3 = DVec2::new(160., 170.);
+
+		// Intersection at edge of curve
+		let bezier = Bezier::from_quadratic_dvec2(p1, p2, p3);
+		let line1 = Bezier::from_linear_coordinates(20., 50., 40., 50.);
+		let intersections1 = bezier.intersections(&line1, None, None);
+		assert!(intersections1.len() == 1);
+		assert!(compare_points(bezier.evaluate(TValue::Parametric(intersections1[0])), p1));
+
+		// Intersection in the middle of curve
+		let line2 = Bezier::from_linear_coordinates(150., 150., 30., 30.);
+		let intersections2 = bezier.intersections(&line2, None, None);
+		assert!(compare_points(bezier.evaluate(TValue::Parametric(intersections2[0])), DVec2::new(47.77355, 47.77354)));
+	}
+
+	#[test]
+	fn test_intersect_line_segment_cubic() {
+		let p1 = DVec2::new(30., 30.);
+		let p2 = DVec2::new(60., 140.);
+		let p3 = DVec2::new(150., 30.);
+		let p4 = DVec2::new(160., 160.);
+
+		let bezier = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+		// Intersection at edge of curve, Discriminant > 0
+		let line1 = Bezier::from_linear_coordinates(20., 30., 40., 30.);
+		let intersections1 = bezier.intersections(&line1, None, None);
+		assert!(intersections1.len() == 1);
+		assert!(compare_points(bezier.evaluate(TValue::Parametric(intersections1[0])), p1));
+
+		// Intersection at edge and in middle of curve, Discriminant < 0
+		let line2 = Bezier::from_linear_coordinates(150., 150., 30., 30.);
+		let intersections2 = bezier.intersections(&line2, None, None);
+		assert!(intersections2.len() == 2);
+		assert!(compare_points(bezier.evaluate(TValue::Parametric(intersections2[0])), p1));
+		assert!(compare_points(bezier.evaluate(TValue::Parametric(intersections2[1])), DVec2::new(85.84, 85.84)));
+	}
+
+	#[test]
+	fn test_intersect_curve_cubic_anchor_handle_overlap() {
+		// M31 94 C40 40 107 107 106 106
+
+		let p1 = DVec2::new(31., 94.);
+		let p2 = DVec2::new(40., 40.);
+		let p3 = DVec2::new(107., 107.);
+		let p4 = DVec2::new(106., 106.);
+		let bezier = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+
+		let line = Bezier::from_linear_coordinates(150., 150., 20., 20.);
+		let intersections = bezier.intersections(&line, None, None);
+
+		assert_eq!(intersections.len(), 1);
+		assert!(compare_points(bezier.evaluate(TValue::Parametric(intersections[0])), p4));
+	}
+
+	#[test]
+	fn test_intersect_curve_cubic_edge_case() {
+		// M34 107 C40 40 120 120 102 29
+
+		let p1 = DVec2::new(34., 107.);
+		let p2 = DVec2::new(40., 40.);
+		let p3 = DVec2::new(120., 120.);
+		let p4 = DVec2::new(102., 29.);
+		let bezier = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+
+		let line = Bezier::from_linear_coordinates(150., 150., 20., 20.);
+		let intersections = bezier.intersections(&line, None, None);
+
+		assert_eq!(intersections.len(), 1);
+	}
+
+	#[test]
+	fn test_intersect_curve() {
+		let bezier1 = Bezier::from_cubic_coordinates(30., 30., 60., 140., 150., 30., 160., 160.);
+		let bezier2 = Bezier::from_quadratic_coordinates(175., 140., 20., 20., 120., 20.);
+
+		let intersections1 = bezier1.intersections(&bezier2, None, None);
+		let intersections2 = bezier2.intersections(&bezier1, None, None);
+
+		let intersections1_points: Vec<DVec2> = intersections1.iter().map(|&t| bezier1.evaluate(TValue::Parametric(t))).collect();
+		let intersections2_points: Vec<DVec2> = intersections2.iter().map(|&t| bezier2.evaluate(TValue::Parametric(t))).rev().collect();
+
+		assert!(compare_vec_of_points(intersections1_points, intersections2_points, 2.));
+	}
+
+	#[test]
+	fn test_intersect_with_self() {
+		let bezier = Bezier::from_cubic_coordinates(160., 180., 170., 10., 30., 90., 180., 140.);
+		let intersections = bezier.self_intersections(Some(0.5), None);
+		assert!(compare_vec_of_points(
+			intersections.iter().map(|&t| bezier.evaluate(TValue::Parametric(t[0]))).collect(),
+			intersections.iter().map(|&t| bezier.evaluate(TValue::Parametric(t[1]))).collect(),
+			2.
+		));
+		assert!(Bezier::from_linear_coordinates(160., 180., 170., 10.).self_intersections(None, None).is_empty());
+		assert!(Bezier::from_quadratic_coordinates(160., 180., 170., 10., 30., 90.).self_intersections(None, None).is_empty());
+	}
+}
diff --git a/libraries/bezier-rs/src/bezier/structs.rs b/libraries/bezier-rs/src/bezier/structs.rs
new file mode 100644
index 0000000000000000000000000000000000000000..088d541bef37e151d9e51b1acd00d6244d3e7ee9
--- /dev/null
+++ b/libraries/bezier-rs/src/bezier/structs.rs
@@ -0,0 +1,71 @@
+use glam::DVec2;
+use std::fmt::{Debug, Formatter, Result};
+
+/// Struct used to represent the different strategies for generating arc approximations.
+#[derive(Copy, Clone)]
+pub enum ArcStrategy {
+	/// Start with the greedy strategy of maximizing arc approximations and automatically switch to the divide-and-conquer when the greedy approximations no longer fall within the error bound.
+	Automatic,
+	/// Use the greedy strategy to maximize approximated arcs, despite potentially erroneous arcs.
+	FavorLargerArcs,
+	/// Use the divide-and-conquer strategy that prioritizes correctness over maximal arcs.
+	FavorCorrectness,
+}
+
+/// Struct to represent optional parameters that can be passed to the `arcs` function.
+#[derive(Copy, Clone)]
+pub struct ArcsOptions {
+	/// Determines how the approximated arcs are computed.
+	/// When maximizing the arcs, the algorithm may return incorrect arcs when the curve contains any small loops or segments that look like a very thin "U".
+	/// The enum options behave as follows:
+	/// - `Automatic`: Maximize arcs until an erroneous approximation is found. Compute the arcs of the rest of the curve by first splitting on extremas to ensure no more erroneous cases are encountered.
+	/// - `FavorLargerArcs`: Maximize arcs using the original algorithm from the [Approximating a Bezier curve with circular arcs](https://pomax.github.io/bezierinfo/#arcapproximation) section of Pomax's bezier curve primer. Erroneous arcs are possible.
+	/// - `FavorCorrectness`: Prioritize correctness by first spliting the curve by its extremas and determine the arc approximation of each segment instead.
+	///
+	/// The default value is `Automatic`.
+	pub strategy: ArcStrategy,
+	/// The error used for approximating the arc's fit. The default is `0.5`.
+	pub error: f64,
+	/// The maximum number of segment iterations used as attempts for arc approximations. The default is `100`.
+	pub max_iterations: usize,
+}
+
+impl Default for ArcsOptions {
+	fn default() -> Self {
+		Self {
+			strategy: ArcStrategy::Automatic,
+			error: 0.5,
+			max_iterations: 100,
+		}
+	}
+}
+
+/// Struct to represent the circular arc approximation used in the `arcs` bezier function.
+#[derive(Copy, Clone, PartialEq)]
+pub struct CircleArc {
+	/// The center point of the circle.
+	pub center: DVec2,
+	/// The radius of the circle.
+	pub radius: f64,
+	/// The start angle of the circle sector in rad.
+	pub start_angle: f64,
+	/// The end angle of the circle sector in rad.
+	pub end_angle: f64,
+}
+
+impl Debug for CircleArc {
+	fn fmt(&self, f: &mut Formatter<'_>) -> Result {
+		write!(f, "Center: {}, radius: {}, start to end angles: {} to {}", self.center, self.radius, self.start_angle, self.end_angle)
+	}
+}
+
+impl Default for CircleArc {
+	fn default() -> Self {
+		Self {
+			center: DVec2::ZERO,
+			radius: 0.,
+			start_angle: 0.,
+			end_angle: 0.,
+		}
+	}
+}
diff --git a/libraries/bezier-rs/src/bezier/transform.rs b/libraries/bezier-rs/src/bezier/transform.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6a48dc73bb29a9d17c603032799652eb770c92f4
--- /dev/null
+++ b/libraries/bezier-rs/src/bezier/transform.rs
@@ -0,0 +1,1053 @@
+use super::*;
+use crate::compare::compare_points;
+use crate::utils::{Cap, TValue, f64_compare};
+use crate::{AppendType, ManipulatorGroup, Subpath};
+use glam::DMat2;
+use std::f64::consts::PI;
+
+/// Functionality that transform Beziers, such as split, reduce, offset, etc.
+impl Bezier {
+	/// Returns a linear approximation of the given [Bezier]. For higher order [Bezier], this means simply dropping the handles.
+	pub fn to_linear(&self) -> Bezier {
+		Bezier::from_linear_dvec2(self.start(), self.end())
+	}
+
+	/// Returns a quadratic approximation of the given [Bezier]. For cubic Bezier, which typically cannot be represented by a single
+	/// quadratic segment, this function simply takes the average of the cubic handles to be the new quadratic handle.
+	pub fn to_quadratic(&self) -> Bezier {
+		let handle = match self.handles {
+			BezierHandles::Linear => self.start,
+			BezierHandles::Quadratic { handle } => handle,
+			BezierHandles::Cubic { handle_start, handle_end } => (handle_start + handle_end) / 2.,
+		};
+		Bezier::from_quadratic_dvec2(self.start, handle, self.end)
+	}
+
+	/// Returns a cubic approximation of the given [Bezier].
+	pub fn to_cubic(&self) -> Bezier {
+		let (handle_start, handle_end) = match self.handles {
+			BezierHandles::Linear => (self.start, self.end),
+			// Conversion reference source: https://stackoverflow.com/a/63059651/775283
+			BezierHandles::Quadratic { handle } => (self.start + (2. / 3.) * (handle - self.start), self.end + (2. / 3.) * (handle - self.end)),
+			BezierHandles::Cubic { handle_start: _, handle_end: _ } => return *self,
+		};
+		Bezier::from_cubic_dvec2(self.start, handle_start, handle_end, self.end)
+	}
+
+	/// Returns the pair of Bezier curves that result from splitting the original curve at the point `t` along the curve.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#bezier/split/solo" title="Split Demo"></iframe>
+	pub fn split(&self, t: TValue) -> [Bezier; 2] {
+		let t = self.t_value_to_parametric(t);
+		let split_point = self.evaluate(TValue::Parametric(t));
+
+		match self.handles {
+			BezierHandles::Linear => [Bezier::from_linear_dvec2(self.start, split_point), Bezier::from_linear_dvec2(split_point, self.end)],
+			// TODO: Actually calculate the correct handle locations
+			BezierHandles::Quadratic { handle } => {
+				let t_minus_one = t - 1.;
+				[
+					Bezier::from_quadratic_dvec2(self.start, t * handle - t_minus_one * self.start, split_point),
+					Bezier::from_quadratic_dvec2(split_point, t * self.end - t_minus_one * handle, self.end),
+				]
+			}
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let t_minus_one = t - 1.;
+				[
+					Bezier::from_cubic_dvec2(
+						self.start,
+						t * handle_start - t_minus_one * self.start,
+						(t * t) * handle_end - 2. * t * t_minus_one * handle_start + (t_minus_one * t_minus_one) * self.start,
+						split_point,
+					),
+					Bezier::from_cubic_dvec2(
+						split_point,
+						(t * t) * self.end - 2. * t * t_minus_one * handle_end + (t_minus_one * t_minus_one) * handle_start,
+						t * self.end - t_minus_one * handle_end,
+						self.end,
+					),
+				]
+			}
+		}
+	}
+
+	/// Returns a reversed version of the Bezier curve.
+	pub fn reverse(&self) -> Bezier {
+		match self.handles {
+			BezierHandles::Linear => Bezier::from_linear_dvec2(self.end, self.start),
+			BezierHandles::Quadratic { handle } => Bezier::from_quadratic_dvec2(self.end, handle, self.start),
+			BezierHandles::Cubic { handle_start, handle_end } => Bezier::from_cubic_dvec2(self.end, handle_end, handle_start, self.start),
+		}
+	}
+
+	/// Returns the Bezier curve representing the sub-curve between the two provided points.
+	/// It will start at the point corresponding to the smaller of `t1` and `t2`, and end at the point corresponding to the larger of `t1` and `t2`.
+	/// <iframe frameBorder="0" width="100%" height="400px" src="https://graphite.rs/libraries/bezier-rs#bezier/trim/solo" title="Trim Demo"></iframe>
+	pub fn trim(&self, t1: TValue, t2: TValue) -> Bezier {
+		let (mut t1, mut t2) = (self.t_value_to_parametric(t1), self.t_value_to_parametric(t2));
+		// If t1 is equal to t2, return a bezier comprised entirely of the same point
+		if f64_compare(t1, t2, MAX_ABSOLUTE_DIFFERENCE) {
+			let point = self.evaluate(TValue::Parametric(t1));
+			return match self.handles {
+				BezierHandles::Linear => Bezier::from_linear_dvec2(point, point),
+				BezierHandles::Quadratic { handle: _ } => Bezier::from_quadratic_dvec2(point, point, point),
+				BezierHandles::Cubic { handle_start: _, handle_end: _ } => Bezier::from_cubic_dvec2(point, point, point, point),
+			};
+		} else if t1 > t2 {
+			(t1, t2) = (t2, t1)
+		}
+		let bezier_ending_at_t2 = self.split(TValue::Parametric(t2))[0];
+		// Adjust the ratio `t1` to its corresponding value on the new curve that was split on `t2`
+		let adjusted_t1 = t1 / t2;
+		bezier_ending_at_t2.split(TValue::Parametric(adjusted_t1))[1]
+	}
+
+	/// Returns a Bezier curve that results from applying the transformation function to each point in the Bezier.
+	pub fn apply_transformation(&self, transformation_function: impl Fn(DVec2) -> DVec2) -> Bezier {
+		Self {
+			start: transformation_function(self.start),
+			end: transformation_function(self.end),
+			handles: self.handles.apply_transformation(transformation_function),
+		}
+	}
+
+	/// Returns a Bezier curve that results from rotating the curve around the origin by the given angle (in radians).
+	/// <iframe frameBorder="0" width="100%" height="325px" src="https://graphite.rs/libraries/bezier-rs#bezier/rotate/solo" title="Rotate Demo"></iframe>
+	pub fn rotate(&self, angle: f64) -> Bezier {
+		let rotation_matrix = DMat2::from_angle(angle);
+		self.apply_transformation(|point| rotation_matrix.mul_vec2(point))
+	}
+
+	/// Returns a Bezier curve that results from rotating the curve around the provided point by the given angle (in radians).
+	pub fn rotate_about_point(&self, angle: f64, pivot: DVec2) -> Bezier {
+		let rotation_matrix = DMat2::from_angle(angle);
+		self.apply_transformation(|point| rotation_matrix.mul_vec2(point - pivot) + pivot)
+	}
+
+	/// Returns a Bezier curve that results from translating the curve by the given `DVec2`.
+	pub fn translate(&self, translation: DVec2) -> Bezier {
+		self.apply_transformation(|point| point + translation)
+	}
+
+	/// Determine if it is possible to scale the given curve, using the following conditions:
+	/// 1. All the handles are located on a single side of the curve.
+	/// 2. The on-curve point for `t = 0.5` must occur roughly in the center of the polygon defined by the curve's endpoint normals.
+	///
+	/// See [the offset section](https://pomax.github.io/bezierinfo/#offsetting) of Pomax's bezier curve primer for more details.
+	fn is_scalable(&self) -> bool {
+		if self.handles == BezierHandles::Linear {
+			return true;
+		}
+		// Verify all the handles are located on a single side of the curve.
+		if let BezierHandles::Cubic { handle_start, handle_end } = self.handles {
+			let angle_1 = (self.end - self.start).angle_to(handle_start - self.start);
+			let angle_2 = (self.end - self.start).angle_to(handle_end - self.start);
+			if (angle_1 > 0. && angle_2 < 0.) || (angle_1 < 0. && angle_2 > 0.) {
+				return false;
+			}
+		}
+		// Verify the angle formed by the endpoint normals is sufficiently small, ensuring the on-curve point for `t = 0.5` occurs roughly in the center of the polygon.
+		let normal_0 = self.normal(TValue::Parametric(0.));
+		let normal_1 = self.normal(TValue::Parametric(1.));
+		let endpoint_normal_angle = (normal_0.x * normal_1.x + normal_0.y * normal_1.y).min(1.).acos();
+		endpoint_normal_angle < SCALABLE_CURVE_MAX_ENDPOINT_NORMAL_ANGLE
+	}
+
+	/// Add the bezier endpoints if not already present, and combine and sort the dimensional extrema.
+	pub(crate) fn get_extrema_t_list(&self) -> Vec<f64> {
+		let mut extrema = self.local_extrema().into_iter().flatten().collect::<Vec<f64>>();
+		extrema.append(&mut vec![0., 1.]);
+		extrema.sort_by(|ex1, ex2| ex1.partial_cmp(ex2).unwrap());
+		extrema.dedup();
+		extrema
+	}
+
+	/// Returns a tuple of the scalable subcurves and the corresponding `t` values that were used to split the curve.
+	/// This function may introduce gaps if subsections of the curve are not reducible.
+	/// The function takes the following parameter:
+	/// - `step_size` - Dictates the granularity at which the function searches for reducible subcurves. The default value is `0.01`.
+	///   A small granularity may increase the chance the function does not introduce gaps, but will increase computation time.
+	pub(crate) fn reduced_curves_and_t_values(&self, step_size: Option<f64>) -> (Vec<Bezier>, Vec<[f64; 2]>) {
+		// A linear segment is scalable, so return itself
+		if let BezierHandles::Linear = self.handles {
+			return (vec![*self], vec![[0., 1.]]);
+		}
+
+		let step_size = step_size.unwrap_or(DEFAULT_REDUCE_STEP_SIZE);
+
+		let mut extrema = self.get_extrema_t_list();
+		if let BezierHandles::Cubic { handle_start: _, handle_end: _ } = self.handles {
+			extrema.append(&mut self.inflections());
+			extrema.sort_by(|ex1, ex2| ex1.partial_cmp(ex2).unwrap());
+		}
+
+		// Split each subcurve such that each resulting segment is scalable.
+		let mut result_beziers: Vec<Bezier> = Vec::new();
+		let mut result_t_values: Vec<[f64; 2]> = vec![];
+
+		extrema.windows(2).for_each(|t_pair| {
+			let t_subcurve_start = t_pair[0];
+			let t_subcurve_end = t_pair[1];
+			let subcurve = self.trim(TValue::Parametric(t_subcurve_start), TValue::Parametric(t_subcurve_end));
+			// Perform no processing on the subcurve if it's already scalable.
+			if subcurve.is_scalable() {
+				result_beziers.push(subcurve);
+				result_t_values.push([t_subcurve_start, t_subcurve_end]);
+				return;
+			}
+
+			// Greedily iterate across the subcurve at intervals of size `step_size` to break up the curve into maximally large segments
+			let mut segment: Bezier;
+			let mut t1 = 0.;
+			let mut t2 = step_size;
+			let mut is_prev_valid = false;
+			while t2 <= 1. + step_size {
+				segment = subcurve.trim(TValue::Parametric(t1), TValue::Parametric(f64::min(t2, 1.)));
+				if !segment.is_scalable() {
+					t2 -= step_size;
+
+					// If the previous step does not exist, the start of the subcurve is irreducible.
+					// Otherwise, add the valid segment from the previous step to the result.
+					if is_prev_valid {
+						segment = subcurve.trim(TValue::Parametric(t1), TValue::Parametric(t2));
+						if segment.is_scalable() {
+							result_beziers.push(segment);
+							result_t_values.push([t_subcurve_start + t1 * (t_subcurve_end - t_subcurve_start), t_subcurve_start + t2 * (t_subcurve_end - t_subcurve_start)]);
+						} else {
+							t2 = t1 + step_size;
+						}
+					} else {
+						t2 = t1 + step_size;
+					}
+					t1 = t2;
+					is_prev_valid = false;
+				} else {
+					is_prev_valid = true;
+				}
+				t2 += step_size;
+			}
+			// Collect final remainder of the curve.
+			if t1 < 1. {
+				segment = subcurve.trim(TValue::Parametric(t1), TValue::Parametric(1.));
+				if segment.is_scalable() {
+					result_beziers.push(segment);
+					result_t_values.push([t_subcurve_start + t1 * (t_subcurve_end - t_subcurve_start), t_subcurve_end]);
+				}
+			}
+		});
+		(result_beziers, result_t_values)
+	}
+
+	/// Split the curve into a number of scalable subcurves. This function may introduce gaps if subsections of the curve are not reducible.
+	/// The function takes the following parameter:
+	/// - `step_size` - Dictates the granularity at which the function searches for reducible subcurves. The default value is `0.01`.
+	///   A small granularity may increase the chance the function does not introduce gaps, but will increase computation time.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#bezier/reduce/solo" title="Reduce Demo"></iframe>
+	pub fn reduce(&self, step_size: Option<f64>) -> Vec<Bezier> {
+		self.reduced_curves_and_t_values(step_size).0
+	}
+
+	/// Scale will translate a bezier curve a fixed distance away from its original position, and stretch/compress the transformed curve to match the translation ratio.
+	/// Note that not all bezier curves are possible to scale, so this function asserts that the provided curve is scalable.
+	/// A proof for why this is true can be found in the [Curve offsetting section](https://pomax.github.io/bezierinfo/#offsetting) of Pomax's bezier curve primer.
+	/// `scale` takes the parameter `distance`, which is the distance away from the curve that the new one will be scaled to. Positive values will scale the curve in the
+	/// same direction as the endpoint normals, while negative values will scale in the opposite direction.
+	fn scale(&self, distance: f64) -> Bezier {
+		assert!(self.is_scalable(), "The curve provided to scale is not scalable. Reduce the curve first.");
+
+		let normal_start = self.normal(TValue::Parametric(0.));
+		let normal_end = self.normal(TValue::Parametric(1.));
+
+		// If normal unit vectors are equal, then the lines are parallel
+		if normal_start.abs_diff_eq(normal_end, MAX_ABSOLUTE_DIFFERENCE) {
+			return self.translate(distance * normal_start);
+		}
+
+		// Find the intersection point of the endpoint normals
+		let intersection = utils::line_intersection(self.start, normal_start, self.end, normal_end);
+
+		// If the Bezier is a quadratic, convert it to a cubic to increase expressiveness
+		let intermediate = match self.handles {
+			BezierHandles::Quadratic { handle: _ } => self.to_cubic(),
+			_ => *self,
+		};
+
+		let should_flip_direction = (self.start - intersection).normalize().abs_diff_eq(normal_start, MAX_ABSOLUTE_DIFFERENCE);
+		intermediate.apply_transformation(|point| {
+			let mut direction_unit_vector = (intersection - point).normalize();
+			if should_flip_direction {
+				direction_unit_vector *= -1.;
+			}
+			point + distance * direction_unit_vector
+		})
+	}
+
+	/// Version of the `scale` function which scales the curve such that the start of the scaled curve is `start_distance` from the original curve, while the end of
+	/// of the scaled curve is `end_distance` from the original curve. The curve transitions from `start_distance` to `end_distance` gradually, proportional to the
+	/// distance along the equation (`t`-value) of the curve.
+	pub fn graduated_scale(&self, start_distance: f64, end_distance: f64) -> Bezier {
+		assert!(self.is_scalable(), "The curve provided to scale is not scalable. Reduce the curve first.");
+
+		// If the Bezier is a quadratic, convert it to a cubic to increase expressiveness
+		let intermediate = match self.handles {
+			BezierHandles::Quadratic { handle: _ } => self.to_cubic(),
+			_ => *self,
+		};
+
+		let normal_start = intermediate.normal(TValue::Parametric(0.));
+		let normal_end = intermediate.normal(TValue::Parametric(1.));
+
+		// If normal unit vectors are equal, then the lines are parallel
+		if normal_start.abs_diff_eq(normal_end, MAX_ABSOLUTE_DIFFERENCE) {
+			let transformed_start = utils::scale_point_from_direction_vector(intermediate.start, intermediate.normal(TValue::Parametric(0.)), false, start_distance);
+			let transformed_end = utils::scale_point_from_direction_vector(intermediate.end, intermediate.normal(TValue::Parametric(1.)), false, end_distance);
+
+			return match intermediate.handles {
+				BezierHandles::Linear => Bezier::from_linear_dvec2(transformed_start, transformed_end),
+				BezierHandles::Quadratic { handle: _ } => unreachable!(),
+				BezierHandles::Cubic { handle_start, handle_end } => {
+					let handle_start_closest_t = intermediate.project(handle_start);
+					let handle_start_scale_distance = (1. - handle_start_closest_t) * start_distance + handle_start_closest_t * end_distance;
+					let transformed_handle_start =
+						utils::scale_point_from_direction_vector(handle_start, intermediate.normal(TValue::Parametric(handle_start_closest_t)), false, handle_start_scale_distance);
+
+					let handle_end_closest_t = intermediate.project(handle_start);
+					let handle_end_scale_distance = (1. - handle_end_closest_t) * start_distance + handle_end_closest_t * end_distance;
+					let transformed_handle_end = utils::scale_point_from_direction_vector(handle_end, intermediate.normal(TValue::Parametric(handle_end_closest_t)), false, handle_end_scale_distance);
+					Bezier::from_cubic_dvec2(transformed_start, transformed_handle_start, transformed_handle_end, transformed_end)
+				}
+			};
+		}
+
+		// Find the intersection point of the endpoint normals
+		let intersection = utils::line_intersection(intermediate.start, normal_start, intermediate.end, normal_end);
+		let should_flip_direction = (intermediate.start - intersection).normalize().abs_diff_eq(normal_start, MAX_ABSOLUTE_DIFFERENCE);
+
+		let transformed_start = utils::scale_point_from_origin(intermediate.start, intersection, should_flip_direction, start_distance);
+		let transformed_end = utils::scale_point_from_origin(intermediate.end, intersection, should_flip_direction, end_distance);
+
+		match intermediate.handles {
+			BezierHandles::Linear => Bezier::from_linear_dvec2(transformed_start, transformed_end),
+			BezierHandles::Quadratic { handle: _ } => unreachable!(),
+			BezierHandles::Cubic { handle_start, handle_end } => {
+				let handle_start_scale_distance = (start_distance * 2. + end_distance) / 3.;
+				let transformed_handle_start = utils::scale_point_from_origin(handle_start, intersection, should_flip_direction, handle_start_scale_distance);
+
+				let handle_end_scale_distance = (start_distance + end_distance * 2.) / 3.;
+				let transformed_handle_end = utils::scale_point_from_origin(handle_end, intersection, should_flip_direction, handle_end_scale_distance);
+				Bezier::from_cubic_dvec2(transformed_start, transformed_handle_start, transformed_handle_end, transformed_end)
+			}
+		}
+	}
+
+	/// Offset will break down the Bezier into reducible subcurves, and scale each subcurve a set distance from the original curve.
+	/// Note that not all bezier curves are possible to offset, so this function first reduces the curve to scalable segments and then offsets those segments.
+	/// A proof for why this is true can be found in the [Curve offsetting section](https://pomax.github.io/bezierinfo/#offsetting) of Pomax's bezier curve primer.
+	/// Offset takes the following parameter:
+	/// - `distance` - The offset's distance from the curve. Positive values will offset the curve in the same direction as the endpoint normals,
+	///   while negative values will offset in the opposite direction.
+	/// <iframe frameBorder="0" width="100%" height="325px" src="https://graphite.rs/libraries/bezier-rs#bezier/offset/solo" title="Offset Demo"></iframe>
+	pub fn offset<PointId: crate::Identifier>(&self, distance: f64) -> Subpath<PointId> {
+		if self.is_point() {
+			return Subpath::from_bezier(self);
+		}
+		let reduced = self.reduce(None);
+		let mut scaled = Subpath::new(vec![], false);
+		reduced.iter().enumerate().for_each(|(index, bezier)| {
+			let scaled_bezier = bezier.scale(distance);
+			if !bezier.is_point() {
+				if index > 0 && !compare_points(bezier.start(), reduced[index - 1].end()) {
+					scaled.append_bezier(&scaled_bezier, AppendType::SmoothJoin(MAX_ABSOLUTE_DIFFERENCE));
+				} else {
+					scaled.append_bezier(&scaled_bezier, AppendType::IgnoreStart);
+				}
+			}
+		});
+
+		// If the curve is not linear, smooth the handles. All segments produced by bezier::scale will be cubic.
+		if self.handles != BezierHandles::Linear {
+			scaled.smooth_open_subpath();
+		}
+
+		scaled
+	}
+
+	/// Version of the `offset` function which scales the offset such that the start of the offset is `start_distance` from the original curve, while the end of
+	/// of the offset is `end_distance` from the original curve. The curve transitions from `start_distance` to `end_distance` gradually, proportional to the
+	/// distance along the equation (`t`-value) of the curve. Similarly to the `offset` function, the returned result is an approximation.
+	pub fn graduated_offset<PointId: crate::Identifier>(&self, start_distance: f64, end_distance: f64) -> Subpath<PointId> {
+		let reduced = self.reduce(None);
+		let mut next_start_distance = start_distance;
+		let distance_difference = end_distance - start_distance;
+		let total_length = self.length(None);
+		if total_length < MAX_ABSOLUTE_DIFFERENCE {
+			return Subpath::new(vec![], false);
+		}
+
+		let mut result = Subpath::new(vec![], false);
+		reduced.iter().enumerate().for_each(|(index, bezier)| {
+			if !bezier.is_point() {
+				let current_length = bezier.length(None);
+				let next_end_distance = next_start_distance + (current_length / total_length) * distance_difference;
+				let scaled_bezier = bezier.graduated_scale(next_start_distance, next_end_distance);
+
+				if index > 0 && !compare_points(bezier.start(), reduced[index - 1].end()) {
+					result.append_bezier(&scaled_bezier, AppendType::SmoothJoin(MAX_ABSOLUTE_DIFFERENCE));
+				} else {
+					result.append_bezier(&scaled_bezier, AppendType::IgnoreStart);
+				}
+				next_start_distance = next_end_distance;
+			}
+		});
+
+		// If the curve is not linear, smooth the handles. All segments produced by bezier::scale will be cubic.
+		if self.handles != BezierHandles::Linear {
+			result.smooth_open_subpath();
+		}
+
+		result
+	}
+
+	/// Outline will return a vector of Beziers that creates an outline around the curve at the designated distance away from the curve.
+	/// It makes use of the `offset` function, thus restrictions applicable to `offset` are relevant to this function as well.
+	/// The 'caps', the linear segments at opposite ends of the outline, intersect the original curve at the midpoint of the cap.
+	/// Outline takes the following parameter:
+	/// - `distance` - The outline's distance from the curve.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#bezier/outline/solo" title="Outline Demo"></iframe>
+	pub fn outline<PointId: crate::Identifier>(&self, distance: f64, cap: Cap) -> Subpath<PointId> {
+		let (pos_offset, neg_offset) = if self.is_point() {
+			(
+				Subpath::new(vec![ManipulatorGroup::new_anchor(self.start() + DVec2::NEG_Y * distance)], false),
+				Subpath::new(vec![ManipulatorGroup::new_anchor(self.start() + DVec2::Y * distance)], false),
+			)
+		} else {
+			(self.offset(distance), self.reverse().offset(distance))
+		};
+
+		if pos_offset.is_empty() || neg_offset.is_empty() {
+			return Subpath::new(vec![], false);
+		}
+
+		pos_offset.combine_outline(&neg_offset, cap)
+	}
+
+	/// Version of the `outline` function which draws the outline at the specified distances away from the curve.
+	/// The outline begins `start_distance` away, and gradually move to being `end_distance` away.
+	/// <iframe frameBorder="0" width="100%" height="400px" src="https://graphite.rs/libraries/bezier-rs#bezier/graduated-outline/solo" title="Graduated Outline Demo"></iframe>
+	pub fn graduated_outline<PointId: crate::Identifier>(&self, start_distance: f64, end_distance: f64, cap: Cap) -> Subpath<PointId> {
+		self.skewed_outline(start_distance, end_distance, end_distance, start_distance, cap)
+	}
+
+	/// Version of the `graduated_outline` function that allows for the 4 corners of the outline to be different distances away from the curve.
+	/// <iframe frameBorder="0" width="100%" height="475px" src="https://graphite.rs/libraries/bezier-rs#bezier/skewed-outline/solo" title="Skewed Outline Demo"></iframe>
+	pub fn skewed_outline<PointId: crate::Identifier>(&self, distance1: f64, distance2: f64, distance3: f64, distance4: f64, cap: Cap) -> Subpath<PointId> {
+		let (pos_offset, neg_offset) = if self.is_point() {
+			(
+				Subpath::new(vec![ManipulatorGroup::new_anchor(self.start() + DVec2::NEG_Y * distance1)], false),
+				Subpath::new(vec![ManipulatorGroup::new_anchor(self.start() + DVec2::Y * distance1)], false),
+			)
+		} else {
+			(self.graduated_offset(distance1, distance2), self.reverse().graduated_offset(distance3, distance4))
+		};
+
+		if pos_offset.is_empty() || neg_offset.is_empty() {
+			return Subpath::new(vec![], false);
+		}
+
+		pos_offset.combine_outline(&neg_offset, cap)
+	}
+
+	/// Approximate a bezier curve with circular arcs.
+	/// The algorithm can be customized using the [ArcsOptions] structure.
+	/// <iframe frameBorder="0" width="100%" height="400px" src="https://graphite.rs/libraries/bezier-rs#bezier/arcs/solo" title="Arcs Demo"></iframe>
+	pub fn arcs(&self, arcs_options: ArcsOptions) -> Vec<CircleArc> {
+		let ArcsOptions {
+			strategy: maximize_arcs,
+			error,
+			max_iterations,
+		} = arcs_options;
+
+		match maximize_arcs {
+			ArcStrategy::Automatic => {
+				let (auto_arcs, final_low_t) = self.approximate_curve_with_arcs(0., 1., error, max_iterations, true);
+				let arc_approximations = self.split(TValue::Parametric(final_low_t))[1].arcs(ArcsOptions {
+					strategy: ArcStrategy::FavorCorrectness,
+					error,
+					max_iterations,
+				});
+				if final_low_t != 1. { [auto_arcs, arc_approximations].concat() } else { auto_arcs }
+			}
+			ArcStrategy::FavorLargerArcs => self.approximate_curve_with_arcs(0., 1., error, max_iterations, false).0,
+			ArcStrategy::FavorCorrectness => self
+				.get_extrema_t_list()
+				.windows(2)
+				.flat_map(|t_pair| self.approximate_curve_with_arcs(t_pair[0], t_pair[1], error, max_iterations, false).0)
+				.collect::<Vec<CircleArc>>(),
+		}
+	}
+
+	/// Implements an algorithm that approximates a bezier curve with circular arcs.
+	/// This algorithm uses a method akin to binary search to find an arc that approximates a maximal segment of the curve.
+	/// Once a maximal arc has been found for a sub-segment of the curve, the algorithm continues by starting again at the end of the previous approximation.
+	/// More details can be found in the [Approximating a Bezier curve with circular arcs](https://pomax.github.io/bezierinfo/#arcapproximation) section of Pomax's bezier curve primer.
+	/// A caveat with this algorithm is that it is possible to find erroneous approximations in cases such as in a very narrow `U`.
+	/// - `stop_when_invalid`: Used to determine whether the algorithm should terminate early if erroneous approximations are encountered.
+	///
+	/// Returns a tuple where the first element is the list of circular arcs and the second is the `t` value where the next segment should start from.
+	/// The second value will be `1.` except for when `stop_when_invalid` is true and an invalid approximation is encountered.
+	fn approximate_curve_with_arcs(&self, local_low: f64, local_high: f64, error: f64, max_iterations: usize, stop_when_invalid: bool) -> (Vec<CircleArc>, f64) {
+		let mut low = local_low;
+		let mut middle = (local_low + local_high) / 2.;
+		let mut high = local_high;
+		let mut previous_high = local_high;
+
+		let mut iterations = 0;
+		let mut previous_arc = CircleArc::default();
+		let mut was_previous_good = false;
+		let mut arcs = Vec::new();
+
+		// Outer loop to iterate over the curve
+		while low < local_high {
+			// Inner loop to find the next maximal segment of the curve that can be approximated with a circular arc
+			while iterations <= max_iterations {
+				iterations += 1;
+				let p1 = self.evaluate(TValue::Parametric(low));
+				let p2 = self.evaluate(TValue::Parametric(middle));
+				let p3 = self.evaluate(TValue::Parametric(high));
+
+				let wrapped_center = utils::compute_circle_center_from_points(p1, p2, p3);
+				// If the segment is linear, move on to next segment
+				if wrapped_center.is_none() {
+					previous_high = high;
+					low = high;
+					high = 1.;
+					middle = (low + high) / 2.;
+					was_previous_good = false;
+					break;
+				}
+
+				let center = wrapped_center.unwrap();
+				let radius = center.distance(p1);
+
+				let angle_p1 = DVec2::new(1., 0.).angle_to(p1 - center);
+				let angle_p2 = DVec2::new(1., 0.).angle_to(p2 - center);
+				let angle_p3 = DVec2::new(1., 0.).angle_to(p3 - center);
+
+				let mut start_angle = angle_p1;
+				let mut end_angle = angle_p3;
+
+				// Adjust start and end angles of the arc to ensure that it travels in the counter-clockwise direction
+				if angle_p1 < angle_p3 {
+					if angle_p2 < angle_p1 || angle_p3 < angle_p2 {
+						std::mem::swap(&mut start_angle, &mut end_angle);
+					}
+				} else if angle_p2 < angle_p1 && angle_p3 < angle_p2 {
+					std::mem::swap(&mut start_angle, &mut end_angle);
+				}
+
+				let new_arc = CircleArc {
+					center,
+					radius,
+					start_angle,
+					end_angle,
+				};
+
+				// Use points in between low, middle, and high to evaluate how well the arc approximates the curve
+				let e1 = self.evaluate(TValue::Parametric((low + middle) / 2.));
+				let e2 = self.evaluate(TValue::Parametric((middle + high) / 2.));
+
+				// Iterate until we find the largest good approximation such that the next iteration is not a good approximation with an arc
+				if utils::f64_compare(radius, e1.distance(center), error) && utils::f64_compare(radius, e2.distance(center), error) {
+					// Check if the good approximation is actually valid: the sector angle cannot be larger than 180 degrees (PI radians)
+					let mut sector_angle = end_angle - start_angle;
+					if sector_angle < 0. {
+						sector_angle += 2. * PI;
+					}
+					if stop_when_invalid && sector_angle > PI {
+						return (arcs, low);
+					}
+					if high == local_high {
+						// Found the final arc approximation
+						arcs.push(new_arc);
+						low = high;
+						break;
+					}
+					// If the approximation is good, expand the segment by half to try finding a larger good approximation
+					previous_high = high;
+					high = (high + (high - low) / 2.).min(local_high);
+					middle = (low + high) / 2.;
+					previous_arc = new_arc;
+					was_previous_good = true;
+				} else if was_previous_good {
+					// If the previous approximation was good and the current one is bad, then we use the previous good approximation
+					arcs.push(previous_arc);
+
+					// Continue searching for approximations for the rest of the curve
+					low = previous_high;
+					high = local_high;
+					middle = low + (high - low) / 2.;
+					was_previous_good = false;
+					break;
+				} else {
+					// If no good approximation has been seen yet, try again with half the segment
+					previous_high = high;
+					high = middle;
+					middle = low + (high - low) / 2.;
+					previous_arc = new_arc;
+				}
+			}
+		}
+
+		(arcs, low)
+	}
+
+	/// Reverses the direction of the bézier.
+	#[must_use]
+	pub fn reversed(self) -> Self {
+		Self {
+			start: self.end,
+			end: self.start,
+			handles: self.handles.reversed(),
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use crate::EmptyId;
+	use crate::compare::{compare_arcs, compare_points};
+	use crate::utils::{Cap, TValue};
+
+	#[test]
+	fn test_split() {
+		let line = Bezier::from_linear_coordinates(25., 25., 75., 75.);
+		let [part1, part2] = line.split(TValue::Parametric(0.5));
+
+		assert_eq!(part1.start(), line.start());
+		assert_eq!(part1.end(), line.evaluate(TValue::Parametric(0.5)));
+		assert_eq!(part1.evaluate(TValue::Parametric(0.5)), line.evaluate(TValue::Parametric(0.25)));
+
+		assert_eq!(part2.start(), line.evaluate(TValue::Parametric(0.5)));
+		assert_eq!(part2.end(), line.end());
+		assert_eq!(part2.evaluate(TValue::Parametric(0.5)), line.evaluate(TValue::Parametric(0.75)));
+
+		let quad_bezier = Bezier::from_quadratic_coordinates(10., 10., 50., 50., 90., 10.);
+		let [part3, part4] = quad_bezier.split(TValue::Parametric(0.5));
+
+		assert_eq!(part3.start(), quad_bezier.start());
+		assert_eq!(part3.end(), quad_bezier.evaluate(TValue::Parametric(0.5)));
+		assert_eq!(part3.evaluate(TValue::Parametric(0.5)), quad_bezier.evaluate(TValue::Parametric(0.25)));
+
+		assert_eq!(part4.start(), quad_bezier.evaluate(TValue::Parametric(0.5)));
+		assert_eq!(part4.end(), quad_bezier.end());
+		assert_eq!(part4.evaluate(TValue::Parametric(0.5)), quad_bezier.evaluate(TValue::Parametric(0.75)));
+
+		let cubic_bezier = Bezier::from_cubic_coordinates(10., 10., 50., 50., 90., 10., 40., 50.);
+		let [part5, part6] = cubic_bezier.split(TValue::Parametric(0.5));
+
+		assert_eq!(part5.start(), cubic_bezier.start());
+		assert_eq!(part5.end(), cubic_bezier.evaluate(TValue::Parametric(0.5)));
+		assert_eq!(part5.evaluate(TValue::Parametric(0.5)), cubic_bezier.evaluate(TValue::Parametric(0.25)));
+
+		assert_eq!(part6.start(), cubic_bezier.evaluate(TValue::Parametric(0.5)));
+		assert_eq!(part6.end(), cubic_bezier.end());
+		assert_eq!(part6.evaluate(TValue::Parametric(0.5)), cubic_bezier.evaluate(TValue::Parametric(0.75)));
+	}
+
+	#[test]
+	fn test_split_at_anchors() {
+		let start = DVec2::new(30., 50.);
+		let end = DVec2::new(160., 170.);
+
+		let bezier_quadratic = Bezier::from_quadratic_dvec2(start, DVec2::new(140., 30.), end);
+
+		// Test splitting a quadratic bezier at the startpoint
+		let [point_bezier1, remainder1] = bezier_quadratic.split(TValue::Parametric(0.));
+		assert_eq!(point_bezier1, Bezier::from_quadratic_dvec2(start, start, start));
+		assert!(remainder1.abs_diff_eq(&bezier_quadratic, MAX_ABSOLUTE_DIFFERENCE));
+
+		// Test splitting a quadratic bezier at the endpoint
+		let [remainder2, point_bezier2] = bezier_quadratic.split(TValue::Parametric(1.));
+		assert_eq!(point_bezier2, Bezier::from_quadratic_dvec2(end, end, end));
+		assert!(remainder2.abs_diff_eq(&bezier_quadratic, MAX_ABSOLUTE_DIFFERENCE));
+
+		let bezier_cubic = Bezier::from_cubic_dvec2(start, DVec2::new(60., 140.), DVec2::new(150., 30.), end);
+
+		// Test splitting a cubic bezier at the startpoint
+		let [point_bezier3, remainder3] = bezier_cubic.split(TValue::Parametric(0.));
+		assert_eq!(point_bezier3, Bezier::from_cubic_dvec2(start, start, start, start));
+		assert!(remainder3.abs_diff_eq(&bezier_cubic, MAX_ABSOLUTE_DIFFERENCE));
+
+		// Test splitting a cubic bezier at the endpoint
+		let [remainder4, point_bezier4] = bezier_cubic.split(TValue::Parametric(1.));
+		assert_eq!(point_bezier4, Bezier::from_cubic_dvec2(end, end, end, end));
+		assert!(remainder4.abs_diff_eq(&bezier_cubic, MAX_ABSOLUTE_DIFFERENCE));
+	}
+
+	#[test]
+	fn test_trim() {
+		let line = Bezier::from_linear_coordinates(80., 80., 40., 40.);
+		let trimmed1 = line.trim(TValue::Parametric(0.25), TValue::Parametric(0.75));
+
+		assert_eq!(trimmed1.start(), line.evaluate(TValue::Parametric(0.25)));
+		assert_eq!(trimmed1.end(), line.evaluate(TValue::Parametric(0.75)));
+		assert_eq!(trimmed1.evaluate(TValue::Parametric(0.5)), line.evaluate(TValue::Parametric(0.5)));
+
+		let quadratic_bezier = Bezier::from_quadratic_coordinates(80., 80., 40., 40., 70., 70.);
+		let trimmed2 = quadratic_bezier.trim(TValue::Parametric(0.25), TValue::Parametric(0.75));
+
+		assert_eq!(trimmed2.start(), quadratic_bezier.evaluate(TValue::Parametric(0.25)));
+		assert_eq!(trimmed2.end(), quadratic_bezier.evaluate(TValue::Parametric(0.75)));
+		assert_eq!(trimmed2.evaluate(TValue::Parametric(0.5)), quadratic_bezier.evaluate(TValue::Parametric(0.5)));
+
+		let cubic_bezier = Bezier::from_cubic_coordinates(80., 80., 40., 40., 70., 70., 150., 150.);
+		let trimmed3 = cubic_bezier.trim(TValue::Parametric(0.25), TValue::Parametric(0.75));
+
+		assert!(trimmed3.start().abs_diff_eq(cubic_bezier.evaluate(TValue::Parametric(0.25)), MAX_ABSOLUTE_DIFFERENCE));
+		assert_eq!(trimmed3.end(), cubic_bezier.evaluate(TValue::Parametric(0.75)));
+		assert_eq!(trimmed3.evaluate(TValue::Parametric(0.5)), cubic_bezier.evaluate(TValue::Parametric(0.5)));
+	}
+
+	#[test]
+	fn test_trim_t2_greater_than_t1() {
+		// Test trimming quadratic curve when t2 > t1
+		let bezier_quadratic = Bezier::from_quadratic_coordinates(30., 50., 140., 30., 160., 170.);
+		let trim1 = bezier_quadratic.trim(TValue::Parametric(0.25), TValue::Parametric(0.75));
+		let trim2 = bezier_quadratic.trim(TValue::Parametric(0.75), TValue::Parametric(0.25));
+		assert!(trim1.abs_diff_eq(&trim2, MAX_ABSOLUTE_DIFFERENCE));
+
+		// Test trimming cubic curve when t2 > t1
+		let bezier_cubic = Bezier::from_cubic_coordinates(30., 30., 60., 140., 150., 30., 160., 160.);
+		let trim3 = bezier_cubic.trim(TValue::Parametric(0.25), TValue::Parametric(0.75));
+		let trim4 = bezier_cubic.trim(TValue::Parametric(0.75), TValue::Parametric(0.25));
+		assert!(trim3.abs_diff_eq(&trim4, MAX_ABSOLUTE_DIFFERENCE));
+	}
+
+	#[test]
+	fn test_rotate() {
+		let bezier_linear = Bezier::from_linear_coordinates(30., 60., 140., 120.);
+		let rotated_bezier_linear = bezier_linear.rotate(-PI / 2.);
+		let expected_bezier_linear = Bezier::from_linear_coordinates(60., -30., 120., -140.);
+		assert!(rotated_bezier_linear.abs_diff_eq(&expected_bezier_linear, MAX_ABSOLUTE_DIFFERENCE));
+
+		let bezier_quadratic = Bezier::from_quadratic_coordinates(30., 50., 140., 30., 160., 170.);
+		let rotated_bezier_quadratic = bezier_quadratic.rotate(PI);
+		let expected_bezier_quadratic = Bezier::from_quadratic_coordinates(-30., -50., -140., -30., -160., -170.);
+		assert!(rotated_bezier_quadratic.abs_diff_eq(&expected_bezier_quadratic, MAX_ABSOLUTE_DIFFERENCE));
+
+		let bezier = Bezier::from_cubic_coordinates(30., 30., 60., 140., 150., 30., 160., 160.);
+		let rotated_bezier = bezier.rotate(PI / 2.);
+		let expected_bezier = Bezier::from_cubic_coordinates(-30., 30., -140., 60., -30., 150., -160., 160.);
+		assert!(rotated_bezier.abs_diff_eq(&expected_bezier, MAX_ABSOLUTE_DIFFERENCE));
+	}
+
+	#[test]
+	fn test_translate() {
+		let bezier_linear = Bezier::from_linear_coordinates(30., 60., 140., 120.);
+		let rotated_bezier_linear = bezier_linear.translate(DVec2::new(10., 10.));
+		let expected_bezier_linear = Bezier::from_linear_coordinates(40., 70., 150., 130.);
+		assert!(rotated_bezier_linear.abs_diff_eq(&expected_bezier_linear, MAX_ABSOLUTE_DIFFERENCE));
+
+		let bezier_quadratic = Bezier::from_quadratic_coordinates(30., 50., 140., 30., 160., 170.);
+		let rotated_bezier_quadratic = bezier_quadratic.translate(DVec2::new(-10., 10.));
+		let expected_bezier_quadratic = Bezier::from_quadratic_coordinates(20., 60., 130., 40., 150., 180.);
+		assert!(rotated_bezier_quadratic.abs_diff_eq(&expected_bezier_quadratic, MAX_ABSOLUTE_DIFFERENCE));
+
+		let bezier = Bezier::from_cubic_coordinates(30., 30., 60., 140., 150., 30., 160., 160.);
+		let translated_bezier = bezier.translate(DVec2::new(10., -10.));
+		let expected_bezier = Bezier::from_cubic_coordinates(40., 20., 70., 130., 160., 20., 170., 150.);
+		assert!(translated_bezier.abs_diff_eq(&expected_bezier, MAX_ABSOLUTE_DIFFERENCE));
+	}
+
+	#[test]
+	fn test_reduce() {
+		let p1 = DVec2::new(0., 0.);
+		let p2 = DVec2::new(50., 50.);
+		let p3 = DVec2::new(0., 0.);
+		let bezier = Bezier::from_quadratic_dvec2(p1, p2, p3);
+
+		let reduced_curves = bezier.reduce(None);
+		assert!(reduced_curves.iter().all(|bezier| bezier.is_scalable()));
+
+		// Check that the reduce helper is correct
+		let (helper_curves, helper_t_values) = bezier.reduced_curves_and_t_values(None);
+		assert!(
+			reduced_curves
+				.iter()
+				.zip(helper_curves.iter())
+				.all(|(bezier1, bezier2)| bezier1.abs_diff_eq(bezier2, MAX_ABSOLUTE_DIFFERENCE))
+		);
+		assert!(
+			reduced_curves
+				.iter()
+				.zip(helper_t_values.iter())
+				.all(|(curve, t_pair)| curve.abs_diff_eq(&bezier.trim(TValue::Parametric(t_pair[0]), TValue::Parametric(t_pair[1])), MAX_ABSOLUTE_DIFFERENCE))
+		)
+	}
+
+	fn assert_valid_offset<PointId: crate::Identifier>(bezier: &Bezier, offset: &Subpath<PointId>, expected_distance: f64) {
+		// Verify that the offset is smooth
+		if offset.len() > 1 {
+			offset.iter().take(offset.len() - 2).zip(offset.iter().skip(1)).for_each(|beziers_pair| {
+				assert!(compare_points(beziers_pair.0.end, beziers_pair.1.start));
+				assert!(compare_points(beziers_pair.0.normal(TValue::Parametric(1.)), beziers_pair.1.normal(TValue::Parametric(0.))));
+			});
+		}
+
+		// Verify that the offset spans the length of the curve
+		let start_distance = bezier.evaluate(TValue::Parametric(0.)).distance(offset.iter().next().unwrap().evaluate(TValue::Parametric(0.)));
+		assert!(f64_compare(start_distance, expected_distance, MAX_ABSOLUTE_DIFFERENCE));
+		let end_distance = bezier.evaluate(TValue::Parametric(1.)).distance(offset.iter().last().unwrap().evaluate(TValue::Parametric(1.)));
+		assert!(f64_compare(end_distance, expected_distance, MAX_ABSOLUTE_DIFFERENCE));
+
+		let err_threshold = expected_distance / 10.;
+		// Sample the curve and verify that the offset lies at the correct distance from the curve.
+		// Collect the t-value associated with the point on the bezier closest to the sample.
+		let t_values: Vec<f64> = offset
+			.iter()
+			.flat_map(|offset_segment| {
+				[0.1, 0.25, 0.5, 0.75, 0.9]
+					.iter()
+					.map(|t| {
+						let offset_point = offset_segment.evaluate(TValue::Parametric(*t));
+						let closest_point_t = bezier.project(offset_point);
+						let closest_point = bezier.evaluate(TValue::Parametric(closest_point_t));
+						let actual_distance = offset_point.distance(closest_point);
+
+						assert!(f64_compare(actual_distance, expected_distance, err_threshold));
+						closest_point_t
+					})
+					.collect::<Vec<f64>>()
+			})
+			.collect();
+
+		// Verify that the curve segments are in the correct order by asserting that t_values is sorted
+		for i in 1..t_values.len() {
+			assert!(t_values[i - 1] < t_values[i]);
+		}
+	}
+
+	#[test]
+	fn test_offset_linear() {
+		let start = DVec2::new(30., 60.);
+		let end = DVec2::new(140., 120.);
+		let bezier = Bezier::from_linear_dvec2(start, end);
+
+		for distance in [-20., -10., 10., 20.] {
+			let offset = bezier.offset::<EmptyId>(distance);
+			assert_valid_offset(&bezier, &offset, distance.abs());
+		}
+	}
+
+	#[test]
+	fn test_offset_quadratic() {
+		let start = DVec2::new(30., 50.);
+		let handle = DVec2::new(140., 30.);
+		let end = DVec2::new(160., 170.);
+		let bezier = Bezier::from_quadratic_dvec2(start, handle, end);
+
+		for distance in [-20., -10., 10., 20.] {
+			let offset = bezier.offset::<EmptyId>(distance);
+			assert_valid_offset(&bezier, &offset, distance.abs());
+		}
+	}
+
+	#[test]
+	fn test_offset_cubic() {
+		let start = DVec2::new(30., 30.);
+		let handle1 = DVec2::new(60., 140.);
+		let handle2 = DVec2::new(150., 30.);
+		let end = DVec2::new(160., 160.);
+		let bezier = Bezier::from_cubic_dvec2(start, handle1, handle2, end);
+
+		for distance in [-20., -10., 10., 20.] {
+			let offset = bezier.offset::<EmptyId>(distance);
+			assert_valid_offset(&bezier, &offset, distance.abs());
+		}
+	}
+
+	#[test]
+	fn test_offset_curve_that_has_a_single_point_after_reduce() {
+		let p1 = DVec2::new(30., 30.);
+		let p2 = DVec2::new(150., 29.);
+		let p3 = DVec2::new(150., 30.);
+		let p4 = DVec2::new(160., 160.);
+
+		let bezier = Bezier::from_cubic_dvec2(p1, p2, p3, p4);
+
+		let reduce = bezier.reduce(None);
+		let offset = bezier.offset::<EmptyId>(15.);
+		assert!(reduce.last().is_some());
+		assert!(reduce.last().unwrap().is_point());
+		// Expect the single point bezier to be dropped in the offset
+		assert_eq!(reduce.len(), offset.len_segments() + 1);
+	}
+
+	#[test]
+	fn test_outline() {
+		let p1 = DVec2::new(30., 50.);
+		let p2 = DVec2::new(140., 30.);
+		let line = Bezier::from_linear_dvec2(p1, p2);
+		let outline = line.outline::<EmptyId>(10., Cap::Butt);
+
+		assert_eq!(outline.len(), 4);
+
+		// Assert the first length-wise piece of the outline is 10 units from the line
+		assert!(f64_compare(
+			outline.iter().next().unwrap().evaluate(TValue::Parametric(0.25)).distance(line.evaluate(TValue::Parametric(0.25))),
+			10.,
+			MAX_ABSOLUTE_DIFFERENCE
+		)); // f64
+
+		// Assert the first cap touches the line end point at the halfway point
+		assert!(outline.iter().nth(1).unwrap().evaluate(TValue::Parametric(0.5)).abs_diff_eq(line.end(), MAX_ABSOLUTE_DIFFERENCE));
+
+		// Assert the second length-wise piece of the outline is 10 units from the line
+		assert!(f64_compare(
+			outline.iter().nth(2).unwrap().evaluate(TValue::Parametric(0.25)).distance(line.evaluate(TValue::Parametric(0.75))),
+			10.,
+			MAX_ABSOLUTE_DIFFERENCE
+		)); // f64
+
+		// Assert the second cap touches the line start point at the halfway point
+		assert!(outline.iter().nth(3).unwrap().evaluate(TValue::Parametric(0.5)).abs_diff_eq(line.start(), MAX_ABSOLUTE_DIFFERENCE));
+	}
+
+	#[test]
+	fn test_outline_single_point_circle() {
+		let ellipse: Subpath<EmptyId> = Subpath::new_ellipse(DVec2::new(0., 0.), DVec2::new(50., 50.)).reverse();
+		let p = DVec2::new(25., 25.);
+
+		let line = Bezier::from_linear_dvec2(p, p);
+		let outline = line.outline::<EmptyId>(25., Cap::Round);
+		assert_eq!(outline, ellipse);
+
+		let cubic = Bezier::from_cubic_dvec2(p, p, p, p);
+		let outline_cubic = cubic.outline::<EmptyId>(25., Cap::Round);
+		assert_eq!(outline_cubic, ellipse);
+	}
+
+	#[test]
+	fn test_outline_single_point_square() {
+		let square: Subpath<EmptyId> = Subpath::from_anchors(
+			[
+				DVec2::new(25., 0.),
+				DVec2::new(0., 0.),
+				DVec2::new(0., 50.),
+				DVec2::new(25., 50.),
+				DVec2::new(50., 50.),
+				DVec2::new(50., 0.),
+			],
+			true,
+		);
+		let p = DVec2::new(25., 25.);
+
+		let line = Bezier::from_linear_dvec2(p, p);
+		let outline = line.outline::<EmptyId>(25., Cap::Square);
+		assert_eq!(outline, square);
+
+		let cubic = Bezier::from_cubic_dvec2(p, p, p, p);
+		let outline_cubic = cubic.outline::<EmptyId>(25., Cap::Square);
+		assert_eq!(outline_cubic, square);
+	}
+
+	#[test]
+	fn test_graduated_scale() {
+		let bezier = Bezier::from_linear_coordinates(30., 60., 140., 120.);
+		bezier.graduated_scale(10., 20.);
+	}
+
+	#[test]
+	fn test_graduated_scale_quadratic() {
+		let bezier = Bezier::from_quadratic_coordinates(30., 50., 82., 98., 160., 170.);
+		let scaled_bezier = bezier.graduated_scale(30., 30.);
+
+		dbg!(scaled_bezier);
+
+		// Assert the scaled bezier is 30 units from the line
+		assert!(f64_compare(
+			scaled_bezier.evaluate(TValue::Parametric(0.)).distance(bezier.evaluate(TValue::Parametric(0.))),
+			30.,
+			MAX_ABSOLUTE_DIFFERENCE
+		));
+		assert!(f64_compare(
+			scaled_bezier.evaluate(TValue::Parametric(1.)).distance(bezier.evaluate(TValue::Parametric(1.))),
+			30.,
+			MAX_ABSOLUTE_DIFFERENCE
+		));
+		assert!(f64_compare(
+			scaled_bezier.evaluate(TValue::Parametric(0.5)).distance(bezier.evaluate(TValue::Parametric(0.5))),
+			30.,
+			MAX_ABSOLUTE_DIFFERENCE
+		));
+	}
+
+	#[test]
+	fn test_arcs_linear() {
+		let bezier = Bezier::from_linear_coordinates(30., 60., 140., 120.);
+		let linear_arcs = bezier.arcs(ArcsOptions::default());
+		assert!(linear_arcs.is_empty());
+	}
+
+	#[test]
+	fn test_arcs_quadratic() {
+		let bezier1 = Bezier::from_quadratic_coordinates(30., 30., 50., 50., 100., 100.);
+		assert!(bezier1.arcs(ArcsOptions::default()).is_empty());
+
+		let bezier2 = Bezier::from_quadratic_coordinates(50., 50., 85., 65., 100., 100.);
+		let actual_arcs = bezier2.arcs(ArcsOptions::default());
+		let expected_arc = CircleArc {
+			center: DVec2::new(15., 135.),
+			radius: 91.92388,
+			start_angle: -1.18019,
+			end_angle: -0.39061,
+		};
+		assert_eq!(actual_arcs.len(), 1);
+		assert!(compare_arcs(actual_arcs[0], expected_arc));
+	}
+
+	#[test]
+	fn test_arcs_cubic() {
+		let bezier = Bezier::from_cubic_coordinates(30., 30., 30., 80., 60., 80., 60., 140.);
+		let actual_arcs = bezier.arcs(ArcsOptions::default());
+		let expected_arcs = [
+			CircleArc {
+				center: DVec2::new(122.394877, 30.7777189),
+				radius: 92.39815,
+				start_angle: 2.5637146,
+				end_angle: -3.1331755,
+			},
+			CircleArc {
+				center: DVec2::new(-47.54881, 136.169378),
+				radius: 107.61701,
+				start_angle: -0.53556,
+				end_angle: 0.0356025,
+			},
+		];
+
+		assert_eq!(actual_arcs.len(), 2);
+		assert!(compare_arcs(actual_arcs[0], expected_arcs[0]));
+		assert!(compare_arcs(actual_arcs[1], expected_arcs[1]));
+
+		// Bezier that contains the erroneous case when maximizing arcs
+		let bezier2 = Bezier::from_cubic_coordinates(48., 176., 170., 10., 30., 90., 180., 160.);
+		let auto_arcs = bezier2.arcs(ArcsOptions::default());
+
+		let extrema_arcs = bezier2.arcs(ArcsOptions {
+			strategy: ArcStrategy::FavorCorrectness,
+			..ArcsOptions::default()
+		});
+
+		let maximal_arcs = bezier2.arcs(ArcsOptions {
+			strategy: ArcStrategy::FavorLargerArcs,
+			..ArcsOptions::default()
+		});
+
+		// Resulting automatic arcs match the maximal results until the bad arc (in this case, only index 0 should match)
+		assert_eq!(auto_arcs[0], maximal_arcs[0]);
+		// Check that the first result from MaximizeArcs::Automatic should not equal the first results from MaximizeArcs::Off
+		assert_ne!(auto_arcs[0], extrema_arcs[0]);
+		// The remaining results (index 2 onwards) should match the results where MaximizeArcs::Off from the next extrema point onwards (after index 2).
+		assert!(auto_arcs.iter().skip(2).zip(extrema_arcs.iter().skip(2)).all(|(arc1, arc2)| compare_arcs(*arc1, *arc2)));
+	}
+}
diff --git a/libraries/bezier-rs/src/compare.rs b/libraries/bezier-rs/src/compare.rs
new file mode 100644
index 0000000000000000000000000000000000000000..55b6b55e919a2a88c9339873e97c1ad3910544b9
--- /dev/null
+++ b/libraries/bezier-rs/src/compare.rs
@@ -0,0 +1,40 @@
+/// Comparison functions used for tests in the bezier module
+#[cfg(test)]
+use super::{CircleArc, Subpath};
+use crate::consts::MAX_ABSOLUTE_DIFFERENCE;
+#[cfg(test)]
+use crate::utils::f64_compare;
+use glam::DVec2;
+
+// Compare two f64s with some maximum absolute difference to account for floating point errors
+#[cfg(test)]
+pub fn compare_f64s(f1: f64, f2: f64) -> bool {
+	f64_compare(f1, f2, MAX_ABSOLUTE_DIFFERENCE)
+}
+
+/// Compare points by allowing some maximum absolute difference to account for floating point errors
+pub fn compare_points(p1: DVec2, p2: DVec2) -> bool {
+	p1.abs_diff_eq(p2, MAX_ABSOLUTE_DIFFERENCE)
+}
+
+/// Compare vectors of points by allowing some maximum absolute difference to account for floating point errors
+#[cfg(test)]
+pub fn compare_vec_of_points(a: Vec<DVec2>, b: Vec<DVec2>, max_absolute_difference: f64) -> bool {
+	a.len() == b.len() && a.into_iter().zip(b).all(|(p1, p2)| p1.abs_diff_eq(p2, max_absolute_difference))
+}
+
+/// Compare circle arcs by allowing some maximum absolute difference between values to account for floating point errors
+#[cfg(test)]
+pub fn compare_arcs(arc1: CircleArc, arc2: CircleArc) -> bool {
+	compare_points(arc1.center, arc2.center)
+		&& f64_compare(arc1.radius, arc1.radius, MAX_ABSOLUTE_DIFFERENCE)
+		&& f64_compare(arc1.start_angle, arc2.start_angle, MAX_ABSOLUTE_DIFFERENCE)
+		&& f64_compare(arc1.end_angle, arc2.end_angle, MAX_ABSOLUTE_DIFFERENCE)
+}
+
+/// Compare Subpath by verifying that their bezier segments match.
+/// In this way, matching quadratic segments where the handles are on opposite manipulator groups will be considered equal.
+#[cfg(test)]
+pub fn compare_subpaths<PointId: crate::Identifier>(subpath1: &Subpath<PointId>, subpath2: &Subpath<PointId>) -> bool {
+	subpath1.len() == subpath2.len() && subpath1.closed() == subpath2.closed() && subpath1.iter().eq(subpath2.iter())
+}
diff --git a/libraries/bezier-rs/src/consts.rs b/libraries/bezier-rs/src/consts.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bef83def97d187ae74ba4156f7a1bb3705003753
--- /dev/null
+++ b/libraries/bezier-rs/src/consts.rs
@@ -0,0 +1,28 @@
+// Implementation constants
+
+/// Constant used to determine if `f64`s are equivalent.
+pub const MAX_ABSOLUTE_DIFFERENCE: f64 = 1e-3;
+/// A stricter constant used to determine if `f64`s are equivalent.
+pub const STRICT_MAX_ABSOLUTE_DIFFERENCE: f64 = 1e-6;
+/// Maximum allowed angle that the normal of the `start` or `end` point can make with the normal of the corresponding handle for a curve to be considered scalable/simple.
+pub const SCALABLE_CURVE_MAX_ENDPOINT_NORMAL_ANGLE: f64 = std::f64::consts::PI / 3.;
+/// Minimum allowable separation between adjacent `t` values when calculating curve intersections
+pub const MIN_SEPARATION_VALUE: f64 = 5. * 1e-3;
+/// Default error bound for `t_value_to_parametric` function when TValue argument is Euclidean
+pub const DEFAULT_EUCLIDEAN_ERROR_BOUND: f64 = 0.001;
+
+// Method argument defaults
+
+/// Default `t` value used for the `curve_through_points` functions.
+pub const DEFAULT_T_VALUE: f64 = 0.5;
+/// Default LUT step size in `compute_lookup_table` function.
+pub const DEFAULT_LUT_STEP_SIZE: usize = 10;
+/// Default step size for `reduce` function.
+pub const DEFAULT_REDUCE_STEP_SIZE: f64 = 0.01;
+
+// SVG constants
+pub const SVG_ARG_CUBIC: &str = "C";
+pub const SVG_ARG_LINEAR: &str = "L";
+pub const SVG_ARG_MOVE: &str = "M";
+pub const SVG_ARG_QUADRATIC: &str = "Q";
+pub const SVG_ARG_CLOSED: &str = "Z";
diff --git a/libraries/bezier-rs/src/lib.rs b/libraries/bezier-rs/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..06faf15d84ef71c8765dacfaaf8bbf2e620f5fd9
--- /dev/null
+++ b/libraries/bezier-rs/src/lib.rs
@@ -0,0 +1,17 @@
+#![doc = include_str!("../README.md")]
+#![allow(dead_code, unused_imports, unused_import_braces)]
+
+pub(crate) mod compare;
+
+mod bezier;
+mod consts;
+mod poisson_disk;
+mod polynomial;
+mod subpath;
+mod symmetrical_basis;
+mod utils;
+
+pub use bezier::*;
+pub use subpath::*;
+pub use symmetrical_basis::*;
+pub use utils::{Cap, Join, SubpathTValue, TValue, TValueType};
diff --git a/libraries/bezier-rs/src/poisson_disk.rs b/libraries/bezier-rs/src/poisson_disk.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cd2d8d45f01e9e098b9437c29a0c26f35e20dcc8
--- /dev/null
+++ b/libraries/bezier-rs/src/poisson_disk.rs
@@ -0,0 +1,369 @@
+use core::f64;
+use glam::DVec2;
+
+const DEEPEST_SUBDIVISION_LEVEL_BEFORE_DISCARDING: usize = 8;
+
+/// Fast (O(n) with respect to time and memory) algorithm for generating a maximal set of points using Poisson-disk sampling.
+/// Based on the paper:
+/// "Poisson Disk Point Sets by Hierarchical Dart Throwing"
+/// <https://scholarsarchive.byu.edu/facpub/237/>
+pub fn poisson_disk_sample(
+	width: f64,
+	height: f64,
+	diameter: f64,
+	point_in_shape_checker: impl Fn(DVec2) -> bool,
+	square_edges_intersect_shape_checker: impl Fn(DVec2, f64) -> bool,
+	rng: impl FnMut() -> f64,
+) -> Vec<DVec2> {
+	let mut rng = rng;
+	let diameter_squared = diameter.powi(2);
+
+	// Initialize a place to store the generated points within a spatial acceleration structure
+	let mut points_grid = AccelerationGrid::new(width, height, diameter);
+
+	// Pick a grid size for the base-level domain that's as large as possible, while also:
+	// - Dividing into an integer number of cells across the dartboard domain, to avoid wastefully throwing darts beyond the width and height of the dartboard domain
+	// - Being fully covered by the radius around a dart thrown anywhere in its area, where the worst-case is a corner which has a distance of sqrt(2) to the opposite corner
+	let greater_dimension = width.max(height);
+	let base_level_grid_size = greater_dimension / (greater_dimension * std::f64::consts::SQRT_2 / (diameter / 2.)).ceil();
+
+	// Initialize the problem by including all base-level squares in the active list since they're all part of the yet-to-be-targetted dartboard domain
+	let base_level = ActiveListLevel::new_filled(base_level_grid_size, width, height, &point_in_shape_checker, &square_edges_intersect_shape_checker);
+	// In the future, if necessary, this could be turned into a fixed-length array with worst-case length `f64::MANTISSA_DIGITS`
+	let mut active_list_levels = vec![base_level];
+
+	// Loop until all active squares have been processed, meaning all of the dartboard domain has been checked
+	while active_list_levels.iter().any(|active_list| active_list.not_empty()) {
+		// Randomly pick a square in the dartboard domain, with probability proportional to its area
+		let (active_square_level, active_square_index_in_level) = target_active_square(&active_list_levels, &mut rng);
+
+		// The level contains the list of all active squares at this target square's subdivision depth
+		let level = &mut active_list_levels[active_square_level];
+
+		// Take the targetted active square out of the list and get its size
+		let active_square = level.take_square(active_square_index_in_level);
+		let active_square_size = level.square_size();
+
+		// Skip this target square if it's within range of any current points, since more nearby points could have been added after this square was included in the active list
+		if !square_not_covered_by_poisson_points(active_square.top_left_corner(), active_square_size / 2., diameter_squared, &points_grid) {
+			continue;
+		}
+
+		// Throw a dart by picking a random point within this target square
+		let point = {
+			let active_top_left_corner = active_square.top_left_corner();
+			let x = active_top_left_corner.x + rng() * active_square_size;
+			let y = active_top_left_corner.y + rng() * active_square_size;
+			(x, y).into()
+		};
+
+		// If the dart hit a valid spot, save that point (we're now permanently done with this target square's region)
+		if point_not_covered_by_poisson_points(point, diameter_squared, &points_grid) {
+			// Silently reject the point if it lies outside the shape
+			if active_square.fully_in_shape() || point_in_shape_checker(point) {
+				points_grid.insert(point);
+			}
+		}
+		// Otherwise, subdivide this target square and add valid sub-squares back to the active list for later targetting
+		else {
+			// Discard any targetable domain smaller than this limited number of subdivision levels since it's too small to matter
+			let next_level_deeper_level = active_square_level + 1;
+			if next_level_deeper_level > DEEPEST_SUBDIVISION_LEVEL_BEFORE_DISCARDING {
+				continue;
+			}
+
+			// If necessary for the following step, add another layer of depth to store squares at the next subdivision level
+			if active_list_levels.len() <= next_level_deeper_level {
+				active_list_levels.push(ActiveListLevel::new(active_square_size / 2.))
+			}
+
+			// Get the list of active squares at the level of depth beneath this target square's level
+			let next_level_deeper = &mut active_list_levels[next_level_deeper_level];
+
+			// Subdivide this target square into four sub-squares; running out of numerical precision will make this terminate at very small scales
+			let subdivided_size = active_square_size / 2.;
+			let active_top_left_corner = active_square.top_left_corner();
+			let subdivided = [
+				active_top_left_corner + DVec2::new(0., 0.),
+				active_top_left_corner + DVec2::new(subdivided_size, 0.),
+				active_top_left_corner + DVec2::new(0., subdivided_size),
+				active_top_left_corner + DVec2::new(subdivided_size, subdivided_size),
+			];
+
+			// Add the sub-squares which aren't within the radius of a nearby point to the sub-level's active list
+			let half_subdivided_size = subdivided_size / 2.;
+			let new_sub_squares = subdivided.into_iter().filter_map(|sub_square| {
+				// Any sub-squares within the radius of a nearby point are filtered out
+				if !square_not_covered_by_poisson_points(sub_square, half_subdivided_size, diameter_squared, &points_grid) {
+					return None;
+				}
+
+				// Fully inside the shape
+				if active_square.fully_in_shape() {
+					Some(ActiveSquare::new(sub_square, true))
+				}
+				// Intersecting the shape's border
+				else {
+					// The sub-square is fully inside the shape if its top-left corner is inside and its edges don't intersect the shape border
+					let sub_square_fully_inside_shape =
+						!square_edges_intersect_shape_checker(sub_square, subdivided_size) && point_in_shape_checker(sub_square) && point_in_shape_checker(sub_square + subdivided_size);
+					// if !square_edges_intersect_shape_checker(sub_square, subdivided_size) { assert_eq!(point_in_shape_checker(sub_square), point_in_shape_checker(sub_square + subdivided_size)); }
+					// Sometimes this fails so it is necessary to also check the bottom right corner.
+
+					Some(ActiveSquare::new(sub_square, sub_square_fully_inside_shape))
+				}
+			});
+			next_level_deeper.add_squares(new_sub_squares);
+		}
+	}
+
+	points_grid.final_points()
+}
+
+/// Randomly pick a square in the dartboard domain, with probability proportional to its area.
+/// Returns a tuple with the subdivision level depth and the square index at that depth.
+fn target_active_square(active_list_levels: &[ActiveListLevel], rng: &mut impl FnMut() -> f64) -> (usize, usize) {
+	let active_squares_total_area: f64 = active_list_levels.iter().map(|active_list| active_list.total_area()).sum();
+	let mut index_into_area = rng() * active_squares_total_area;
+
+	for (level, active_list_level) in active_list_levels.iter().enumerate() {
+		let subtracted = index_into_area - active_list_level.total_area();
+		if subtracted > 0. {
+			index_into_area = subtracted;
+			continue;
+		}
+
+		let active_square_index_in_level = (index_into_area / active_list_levels[level].square_area()).floor() as usize;
+		return (level, active_square_index_in_level);
+	}
+
+	panic!("index_into_area couldn't be be mapped to a square in any level of the active lists");
+}
+
+fn point_not_covered_by_poisson_points(point: DVec2, diameter_squared: f64, points_grid: &AccelerationGrid) -> bool {
+	points_grid.nearby_points(point).all(|nearby_point| {
+		let x_separation = nearby_point.x - point.x;
+		let y_separation = nearby_point.y - point.y;
+
+		x_separation.powi(2) + y_separation.powi(2) > diameter_squared
+	})
+}
+
+fn square_not_covered_by_poisson_points(point: DVec2, half_square_size: f64, diameter_squared: f64, points_grid: &AccelerationGrid) -> bool {
+	let square_center_x = point.x + half_square_size;
+	let square_center_y = point.y + half_square_size;
+
+	points_grid.nearby_points(point).all(|nearby_point| {
+		let x_distance = (square_center_x - nearby_point.x).abs() + half_square_size;
+		let y_distance = (square_center_y - nearby_point.y).abs() + half_square_size;
+
+		x_distance.powi(2) + y_distance.powi(2) > diameter_squared
+	})
+}
+
+#[inline(always)]
+fn cartesian_product<A, B>(a: A, b: B) -> impl Iterator<Item = (A::Item, B::Item)>
+where
+	A: Iterator + Clone,
+	B: Iterator + Clone,
+	A::Item: Clone,
+	B::Item: Clone,
+{
+	a.flat_map(move |i| (b.clone().map(move |j| (i.clone(), j))))
+}
+
+/// A square (represented by its top left corner position and width/height of `square_size`) that is currently a candidate for targetting by the dart throwing process.
+/// The positive sign bit encodes if the square is contained entirely within the masking shape, or negative if it's outside or intersects the shape path.
+pub struct ActiveSquare(DVec2);
+
+impl ActiveSquare {
+	pub fn new(top_left_corner: DVec2, fully_in_shape: bool) -> Self {
+		Self(if fully_in_shape { top_left_corner } else { -top_left_corner })
+	}
+
+	pub fn top_left_corner(&self) -> DVec2 {
+		self.0.abs()
+	}
+
+	pub fn fully_in_shape(&self) -> bool {
+		self.0.x.is_sign_positive()
+	}
+}
+
+pub struct ActiveListLevel {
+	/// List of all subdivided squares of the same size that are currently candidates for targetting by the dart throwing process
+	active_squares: Vec<ActiveSquare>,
+	/// Width and height of the squares in this level of subdivision
+	square_size: f64,
+	/// Current sum of the area in all active squares in this subdivision level
+	total_area: f64,
+}
+
+impl ActiveListLevel {
+	#[inline(always)]
+	pub fn new(square_size: f64) -> Self {
+		Self {
+			active_squares: Vec::new(),
+			square_size,
+			total_area: 0.,
+		}
+	}
+
+	#[inline(always)]
+	pub fn new_filled(square_size: f64, width: f64, height: f64, point_in_shape_checker: impl Fn(DVec2) -> bool, square_edges_intersect_shape_checker: impl Fn(DVec2, f64) -> bool) -> Self {
+		// These should divide evenly but rounding is to protect against small numerical imprecision errors
+		let x_squares = (width / square_size).round() as usize;
+		let y_squares = (height / square_size).round() as usize;
+
+		// Populate each square with its top-left corner coordinate
+		let active_squares: Vec<_> = cartesian_product(0..x_squares, 0..y_squares)
+			.filter_map(|(x, y)| {
+				let corner = (x as f64 * square_size, y as f64 * square_size).into();
+
+				let point_in_shape = point_in_shape_checker(corner);
+				let square_edges_intersect_shape = square_edges_intersect_shape_checker(corner, square_size);
+				let square_not_outside_shape = point_in_shape || square_edges_intersect_shape;
+				let square_in_shape = point_in_shape_checker(corner + square_size) && !square_edges_intersect_shape;
+				// if !square_edges_intersect_shape { assert_eq!(point_in_shape_checker(corner), point_in_shape_checker(corner + square_size)); }
+				// Sometimes this fails so it is necessary to also check the bottom right corner.
+				square_not_outside_shape.then_some(ActiveSquare::new(corner, square_in_shape))
+			})
+			.collect();
+
+		// Sum every square's area to get the total
+		let total_area = square_size.powi(2) * active_squares.len() as f64;
+
+		Self {
+			active_squares,
+			square_size,
+			total_area,
+		}
+	}
+
+	#[must_use]
+	#[inline(always)]
+	pub fn take_square(&mut self, active_square_index: usize) -> ActiveSquare {
+		let targetted_square = self.active_squares.swap_remove(active_square_index);
+		self.total_area = self.square_size.powi(2) * self.active_squares.len() as f64;
+		targetted_square
+	}
+
+	#[inline(always)]
+	pub fn add_squares(&mut self, new_squares: impl Iterator<Item = ActiveSquare>) {
+		for new_square in new_squares {
+			self.active_squares.push(new_square);
+		}
+		self.total_area = self.square_size.powi(2) * self.active_squares.len() as f64;
+	}
+
+	#[inline(always)]
+	pub fn square_size(&self) -> f64 {
+		self.square_size
+	}
+
+	#[inline(always)]
+	pub fn square_area(&self) -> f64 {
+		self.square_size.powi(2)
+	}
+
+	#[inline(always)]
+	pub fn total_area(&self) -> f64 {
+		self.total_area
+	}
+
+	#[inline(always)]
+	pub fn not_empty(&self) -> bool {
+		!self.active_squares.is_empty()
+	}
+}
+
+#[derive(Clone, Default)]
+pub struct PointsList {
+	// The worst-case number of points in a 3x3 grid is 16 (one at each intersection of the four gridlines per axis)
+	storage_slots: [DVec2; 16],
+	length: usize,
+}
+
+impl PointsList {
+	#[inline(always)]
+	pub fn push(&mut self, point: DVec2) {
+		self.storage_slots[self.length] = point;
+		self.length += 1;
+	}
+
+	#[inline(always)]
+	pub fn list_cell_and_neighbors(&self) -> impl Iterator<Item = DVec2> {
+		// The negative bit is used to store whether a point belongs to a neighboring cell
+		self.storage_slots.into_iter().take(self.length).map(|point| (point.x.abs(), point.y.abs()).into())
+	}
+
+	#[inline(always)]
+	pub fn list_cell(&self) -> impl Iterator<Item = DVec2> {
+		// The negative bit is used to store whether a point belongs to a neighboring cell
+		self.storage_slots
+			.into_iter()
+			.take(self.length)
+			.filter(|point| point.x.is_sign_positive() && point.y.is_sign_positive())
+	}
+}
+
+pub struct AccelerationGrid {
+	size: f64,
+	dimension_x: usize,
+	dimension_y: usize,
+	cells: Vec<PointsList>,
+}
+
+impl AccelerationGrid {
+	#[inline(always)]
+	pub fn new(width: f64, height: f64, size: f64) -> Self {
+		let dimension_x = (width / size).ceil() as usize + 1;
+		let dimension_y = (height / size).ceil() as usize + 1;
+
+		Self {
+			size,
+			dimension_x,
+			dimension_y,
+			cells: vec![PointsList::default(); dimension_x * dimension_y],
+		}
+	}
+
+	#[inline(always)]
+	pub fn insert(&mut self, point: DVec2) {
+		let x = (point.x / self.size).floor() as usize;
+		let y = (point.y / self.size).floor() as usize;
+
+		// Insert this point at this cell and the surrounding cells in a 3x3 patch
+		for (x_offset, y_offset) in cartesian_product((-1)..=1, (-1)..=1) {
+			// Avoid going negative
+			let (x, y) = (x as isize + x_offset, y as isize + y_offset);
+			if x < 0 || y < 0 {
+				continue;
+			}
+			// Avoid going beyond the width or height
+			let (x, y) = (x as usize, y as usize);
+			if x > self.dimension_x - 1 || y > self.dimension_y - 1 {
+				continue;
+			}
+
+			// Get the cell corresponding to the (x, y) index
+			let cell = &mut self.cells[y * self.dimension_x + x];
+
+			// Store the given point in this grid cell, and use the negative bit to indicate if this belongs to a neighboring cell
+			cell.push(if x_offset == 0 && y_offset == 0 { point } else { -point });
+		}
+	}
+
+	#[inline(always)]
+	pub fn nearby_points(&self, point: DVec2) -> impl Iterator<Item = DVec2> {
+		let x = (point.x / self.size).floor() as usize;
+		let y = (point.y / self.size).floor() as usize;
+
+		self.cells[y * self.dimension_x + x].list_cell_and_neighbors()
+	}
+
+	#[inline(always)]
+	pub fn final_points(&self) -> Vec<DVec2> {
+		self.cells.iter().flat_map(|cell| cell.list_cell()).collect()
+	}
+}
diff --git a/libraries/bezier-rs/src/polynomial.rs b/libraries/bezier-rs/src/polynomial.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1deee9ce97fa03b8e00879a31798a53adc1ac777
--- /dev/null
+++ b/libraries/bezier-rs/src/polynomial.rs
@@ -0,0 +1,264 @@
+use std::fmt::{self, Display, Formatter};
+use std::ops::{Add, AddAssign, Mul, MulAssign, Neg, Sub, SubAssign};
+
+/// A struct that represents a polynomial with a maximum degree of `N-1`.
+///
+/// It provides basic mathematical operations for polynomials like addition, multiplication, differentiation, integration, etc.
+#[derive(Copy, Clone, Debug, PartialEq)]
+pub struct Polynomial<const N: usize> {
+	coefficients: [f64; N],
+}
+
+impl<const N: usize> Polynomial<N> {
+	/// Create a new polynomial from the coefficients given in the array.
+	///
+	/// The coefficient for nth degree is at the nth index in array. Therefore the order of coefficients are reversed than the usual order for writing polynomials mathematically.
+	pub fn new(coefficients: [f64; N]) -> Polynomial<N> {
+		Polynomial { coefficients }
+	}
+
+	/// Create a polynomial where all its coefficients are zero.
+	pub fn zero() -> Polynomial<N> {
+		Polynomial { coefficients: [0.; N] }
+	}
+
+	/// Return an immutable reference to the coefficients.
+	///
+	/// The coefficient for nth degree is at the nth index in array. Therefore the order of coefficients are reversed than the usual order for writing polynomials mathematically.
+	pub fn coefficients(&self) -> &[f64; N] {
+		&self.coefficients
+	}
+
+	/// Return a mutable reference to the coefficients.
+	///
+	/// The coefficient for nth degree is at the nth index in array. Therefore the order of coefficients are reversed than the usual order for writing polynomials mathematically.
+	pub fn coefficients_mut(&mut self) -> &mut [f64; N] {
+		&mut self.coefficients
+	}
+
+	/// Evaluate the polynomial at `value`.
+	pub fn eval(&self, value: f64) -> f64 {
+		self.coefficients.iter().rev().copied().reduce(|acc, x| acc * value + x).unwrap()
+	}
+
+	/// Return the same polynomial but with a different maximum degree of `M-1`.\
+	///
+	/// Returns `None` if the polynomial cannot fit in the specified size.
+	pub fn as_size<const M: usize>(&self) -> Option<Polynomial<M>> {
+		let mut coefficients = [0.; M];
+
+		if M >= N {
+			coefficients[..N].copy_from_slice(&self.coefficients);
+		} else if self.coefficients.iter().rev().take(N - M).all(|&x| x == 0.) {
+			coefficients.copy_from_slice(&self.coefficients[..M])
+		} else {
+			return None;
+		}
+
+		Some(Polynomial { coefficients })
+	}
+
+	/// Computes the derivative in place.
+	pub fn derivative_mut(&mut self) {
+		self.coefficients.iter_mut().enumerate().for_each(|(index, x)| *x *= index as f64);
+		self.coefficients.rotate_left(1);
+	}
+
+	/// Computes the antiderivative at `C = 0` in place.
+	///
+	/// Returns `None` if the polynomial is not big enough to accommodate the extra degree.
+	pub fn antiderivative_mut(&mut self) -> Option<()> {
+		if self.coefficients[N - 1] != 0. {
+			return None;
+		}
+		self.coefficients.rotate_right(1);
+		self.coefficients.iter_mut().enumerate().skip(1).for_each(|(index, x)| *x /= index as f64);
+		Some(())
+	}
+
+	/// Computes the polynomial's derivative.
+	pub fn derivative(&self) -> Polynomial<N> {
+		let mut ans = *self;
+		ans.derivative_mut();
+		ans
+	}
+
+	/// Computes the antiderivative at `C = 0`.
+	///
+	/// Returns `None` if the polynomial is not big enough to accommodate the extra degree.
+	pub fn antiderivative(&self) -> Option<Polynomial<N>> {
+		let mut ans = *self;
+		ans.antiderivative_mut()?;
+		Some(ans)
+	}
+}
+
+impl<const N: usize> Default for Polynomial<N> {
+	fn default() -> Self {
+		Self::zero()
+	}
+}
+
+impl<const N: usize> Display for Polynomial<N> {
+	fn fmt(&self, f: &mut Formatter<'_>) -> fmt::Result {
+		let mut first = true;
+		for (index, coefficient) in self.coefficients.iter().enumerate().rev().filter(|&(_, &coefficient)| coefficient != 0.) {
+			if first {
+				first = false;
+			} else {
+				f.write_str(" + ")?
+			}
+
+			coefficient.fmt(f)?;
+			if index == 0 {
+				continue;
+			}
+			f.write_str("x")?;
+			if index == 1 {
+				continue;
+			}
+			f.write_str("^")?;
+			index.fmt(f)?;
+		}
+
+		Ok(())
+	}
+}
+
+impl<const N: usize> AddAssign<&Polynomial<N>> for Polynomial<N> {
+	fn add_assign(&mut self, rhs: &Polynomial<N>) {
+		self.coefficients.iter_mut().zip(rhs.coefficients.iter()).for_each(|(a, b)| *a += b);
+	}
+}
+
+impl<const N: usize> Add for &Polynomial<N> {
+	type Output = Polynomial<N>;
+
+	fn add(self, other: &Polynomial<N>) -> Polynomial<N> {
+		let mut output = *self;
+		output += other;
+		output
+	}
+}
+
+impl<const N: usize> Neg for &Polynomial<N> {
+	type Output = Polynomial<N>;
+
+	fn neg(self) -> Polynomial<N> {
+		let mut output = *self;
+		output.coefficients.iter_mut().for_each(|x| *x = -*x);
+		output
+	}
+}
+
+impl<const N: usize> Neg for Polynomial<N> {
+	type Output = Polynomial<N>;
+
+	fn neg(mut self) -> Polynomial<N> {
+		self.coefficients.iter_mut().for_each(|x| *x = -*x);
+		self
+	}
+}
+
+impl<const N: usize> SubAssign<&Polynomial<N>> for Polynomial<N> {
+	fn sub_assign(&mut self, rhs: &Polynomial<N>) {
+		self.coefficients.iter_mut().zip(rhs.coefficients.iter()).for_each(|(a, b)| *a -= b);
+	}
+}
+
+impl<const N: usize> Sub for &Polynomial<N> {
+	type Output = Polynomial<N>;
+
+	fn sub(self, other: &Polynomial<N>) -> Polynomial<N> {
+		let mut output = *self;
+		output -= other;
+		output
+	}
+}
+
+impl<const N: usize> MulAssign<&Polynomial<N>> for Polynomial<N> {
+	fn mul_assign(&mut self, rhs: &Polynomial<N>) {
+		for i in (0..N).rev() {
+			self.coefficients[i] = self.coefficients[i] * rhs.coefficients[0];
+			for j in 0..i {
+				self.coefficients[i] += self.coefficients[j] * rhs.coefficients[i - j];
+			}
+		}
+	}
+}
+
+impl<const N: usize> Mul for &Polynomial<N> {
+	type Output = Polynomial<N>;
+
+	fn mul(self, other: &Polynomial<N>) -> Polynomial<N> {
+		let mut output = *self;
+		output *= other;
+		output
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+
+	#[test]
+	fn evaluation() {
+		let p = Polynomial::new([1., 2., 3.]);
+
+		assert_eq!(p.eval(1.), 6.);
+		assert_eq!(p.eval(2.), 17.);
+	}
+
+	#[test]
+	fn size_change() {
+		let p1 = Polynomial::new([1., 2., 3.]);
+		let p2 = Polynomial::new([1., 2., 3., 0.]);
+
+		assert_eq!(p1.as_size(), Some(p2));
+		assert_eq!(p2.as_size(), Some(p1));
+
+		assert_eq!(p2.as_size::<2>(), None);
+	}
+
+	#[test]
+	fn addition_and_subtaction() {
+		let p1 = Polynomial::new([1., 2., 3.]);
+		let p2 = Polynomial::new([4., 5., 6.]);
+
+		let addition = Polynomial::new([5., 7., 9.]);
+		let subtraction = Polynomial::new([-3., -3., -3.]);
+
+		assert_eq!(&p1 + &p2, addition);
+		assert_eq!(&p1 - &p2, subtraction);
+	}
+
+	#[test]
+	fn multiplication() {
+		let p1 = Polynomial::new([1., 2., 3.]).as_size().unwrap();
+		let p2 = Polynomial::new([4., 5., 6.]).as_size().unwrap();
+
+		let multiplication = Polynomial::new([4., 13., 28., 27., 18.]);
+
+		assert_eq!(&p1 * &p2, multiplication);
+	}
+
+	#[test]
+	fn derivative_and_antiderivative() {
+		let mut p = Polynomial::new([1., 2., 3.]);
+		let p_deriv = Polynomial::new([2., 6., 0.]);
+
+		assert_eq!(p.derivative(), p_deriv);
+
+		p.coefficients_mut()[0] = 0.;
+		assert_eq!(p_deriv.antiderivative().unwrap(), p);
+
+		assert_eq!(p.antiderivative(), None);
+	}
+
+	#[test]
+	fn display() {
+		let p = Polynomial::new([1., 2., 0., 3.]);
+
+		assert_eq!(format!("{:.2}", p), "3.00x^3 + 2.00x + 1.00");
+	}
+}
diff --git a/libraries/bezier-rs/src/subpath/core.rs b/libraries/bezier-rs/src/subpath/core.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a18550db6d762e7e38518d434d8308892e57c84d
--- /dev/null
+++ b/libraries/bezier-rs/src/subpath/core.rs
@@ -0,0 +1,602 @@
+use super::*;
+use crate::consts::*;
+use crate::utils::format_point;
+use glam::DVec2;
+use std::fmt::Write;
+
+/// Functionality relating to core `Subpath` operations, such as constructors and `iter`.
+impl<PointId: crate::Identifier> Subpath<PointId> {
+	/// Create a new `Subpath` using a list of [ManipulatorGroup]s.
+	/// A `Subpath` with less than 2 [ManipulatorGroup]s may not be closed.
+	#[track_caller]
+	pub fn new(manipulator_groups: Vec<ManipulatorGroup<PointId>>, closed: bool) -> Self {
+		assert!(!closed || !manipulator_groups.is_empty(), "A closed Subpath must contain more than 0 ManipulatorGroups.");
+		Self { manipulator_groups, closed }
+	}
+
+	/// Create a `Subpath` consisting of 2 manipulator groups from a `Bezier`.
+	pub fn from_bezier(bezier: &Bezier) -> Self {
+		Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: bezier.start(),
+					in_handle: None,
+					out_handle: bezier.handle_start(),
+					id: PointId::new(),
+				},
+				ManipulatorGroup {
+					anchor: bezier.end(),
+					in_handle: bezier.handle_end(),
+					out_handle: None,
+					id: PointId::new(),
+				},
+			],
+			false,
+		)
+	}
+
+	/// Creates a subpath from a slice of [Bezier]. When two consecutive Beziers do not share an end and start point, this function
+	/// resolves the discrepancy by simply taking the start-point of the second Bezier as the anchor of the Manipulator Group.
+	pub fn from_beziers(beziers: &[Bezier], closed: bool) -> Self {
+		assert!(!closed || beziers.len() > 1, "A closed Subpath must contain at least 1 Bezier.");
+		if beziers.is_empty() {
+			return Subpath::new(vec![], closed);
+		}
+
+		let first = beziers.first().unwrap();
+		let mut manipulator_groups = vec![ManipulatorGroup {
+			anchor: first.start(),
+			in_handle: None,
+			out_handle: first.handle_start(),
+			id: PointId::new(),
+		}];
+		let mut inner_groups: Vec<ManipulatorGroup<PointId>> = beziers
+			.windows(2)
+			.map(|bezier_pair| ManipulatorGroup {
+				anchor: bezier_pair[1].start(),
+				in_handle: bezier_pair[0].handle_end(),
+				out_handle: bezier_pair[1].handle_start(),
+				id: PointId::new(),
+			})
+			.collect::<Vec<ManipulatorGroup<PointId>>>();
+		manipulator_groups.append(&mut inner_groups);
+
+		let last = beziers.last().unwrap();
+		if !closed {
+			manipulator_groups.push(ManipulatorGroup {
+				anchor: last.end(),
+				in_handle: last.handle_end(),
+				out_handle: None,
+				id: PointId::new(),
+			});
+			return Subpath::new(manipulator_groups, false);
+		}
+
+		manipulator_groups[0].in_handle = last.handle_end();
+		Subpath::new(manipulator_groups, true)
+	}
+
+	/// Returns true if the `Subpath` contains no [ManipulatorGroup].
+	pub fn is_empty(&self) -> bool {
+		self.manipulator_groups.is_empty()
+	}
+
+	/// Returns the number of [ManipulatorGroup]s contained within the `Subpath`.
+	pub fn len(&self) -> usize {
+		self.manipulator_groups.len()
+	}
+
+	/// Returns the number of segments contained within the `Subpath`.
+	pub fn len_segments(&self) -> usize {
+		let mut number_of_curves = self.len();
+		if !self.closed && number_of_curves > 0 {
+			number_of_curves -= 1
+		}
+		number_of_curves
+	}
+
+	/// Returns a copy of the bezier segment at the given segment index, if this segment exists.
+	pub fn get_segment(&self, segment_index: usize) -> Option<Bezier> {
+		if segment_index >= self.len_segments() {
+			return None;
+		}
+		Some(self[segment_index].to_bezier(&self[(segment_index + 1) % self.len()]))
+	}
+
+	/// Returns an iterator of the [Bezier]s along the `Subpath`.
+	pub fn iter(&self) -> SubpathIter<'_, PointId> {
+		SubpathIter {
+			subpath: self,
+			index: 0,
+			is_always_closed: false,
+		}
+	}
+
+	/// Returns an iterator of the [Bezier]s along the `Subpath` always considering it as a closed subpath.
+	pub fn iter_closed(&self) -> SubpathIter<'_, PointId> {
+		SubpathIter {
+			subpath: self,
+			index: 0,
+			is_always_closed: true,
+		}
+	}
+
+	/// Returns a slice of the [ManipulatorGroup]s in the `Subpath`.
+	pub fn manipulator_groups(&self) -> &[ManipulatorGroup<PointId>] {
+		&self.manipulator_groups
+	}
+
+	/// Returns a mutable reference to the [ManipulatorGroup]s in the `Subpath`.
+	pub fn manipulator_groups_mut(&mut self) -> &mut Vec<ManipulatorGroup<PointId>> {
+		&mut self.manipulator_groups
+	}
+
+	/// Returns a vector of all the anchors (DVec2) for this `Subpath`.
+	pub fn anchors(&self) -> Vec<DVec2> {
+		self.manipulator_groups().iter().map(|group| group.anchor).collect()
+	}
+
+	/// Returns if the Subpath is equivalent to a single point.
+	pub fn is_point(&self) -> bool {
+		if self.is_empty() {
+			return false;
+		}
+		let point = self.manipulator_groups[0].anchor;
+		self.manipulator_groups
+			.iter()
+			.all(|manipulator_group| manipulator_group.anchor.abs_diff_eq(point, MAX_ABSOLUTE_DIFFERENCE))
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation of the curve.
+	pub fn curve_to_svg(&self, svg: &mut String, attributes: String) {
+		let curve_start_argument = format!("{SVG_ARG_MOVE}{} {}", self[0].anchor.x, self[0].anchor.y);
+		let mut curve_arguments: Vec<String> = self.iter().map(|bezier| bezier.svg_curve_argument()).collect();
+		if self.closed {
+			curve_arguments.push(String::from(SVG_ARG_CLOSED));
+		}
+
+		let _ = write!(svg, r#"<path d="{} {}" {attributes}/>"#, curve_start_argument, curve_arguments.join(" "));
+	}
+
+	/// Write the curve argument to the string (the d="..." part)
+	pub fn subpath_to_svg(&self, svg: &mut String, transform: glam::DAffine2) -> std::fmt::Result {
+		if self.is_empty() {
+			return Ok(());
+		}
+
+		let start = transform.transform_point2(self[0].anchor);
+		format_point(svg, SVG_ARG_MOVE, start.x, start.y)?;
+
+		for bezier in self.iter() {
+			bezier.apply_transformation(|pos| transform.transform_point2(pos)).write_curve_argument(svg)?;
+			svg.push(' ');
+		}
+		if self.closed {
+			svg.push_str(SVG_ARG_CLOSED);
+		}
+		Ok(())
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation of the handle lines.
+	pub fn handle_lines_to_svg(&self, svg: &mut String, attributes: String) {
+		let handle_lines: Vec<String> = self.iter().filter_map(|bezier| bezier.svg_handle_line_argument()).collect();
+		let _ = write!(svg, r#"<path d="{}" {attributes}/>"#, handle_lines.join(" "));
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation of the anchors.
+	pub fn anchors_to_svg(&self, svg: &mut String, attributes: String) {
+		let anchors = self
+			.manipulator_groups
+			.iter()
+			.map(|point| format!(r#"<circle cx="{}" cy="{}" {attributes}/>"#, point.anchor.x, point.anchor.y))
+			.collect::<Vec<String>>();
+		let _ = write!(svg, "{}", anchors.concat());
+	}
+
+	/// Appends to the `svg` mutable string with an SVG shape representation of the handles.
+	pub fn handles_to_svg(&self, svg: &mut String, attributes: String) {
+		let handles = self
+			.manipulator_groups
+			.iter()
+			.flat_map(|group| [group.in_handle, group.out_handle])
+			.flatten()
+			.map(|handle| format!(r#"<circle cx="{}" cy="{}" {attributes}/>"#, handle.x, handle.y))
+			.collect::<Vec<String>>();
+		let _ = write!(svg, "{}", handles.concat());
+	}
+
+	/// Returns an SVG representation of the `Subpath`.
+	/// Appends to the `svg` mutable string with an SVG shape representation that includes the curve, the handle lines, the anchors, and the handles.
+	pub fn to_svg(&self, svg: &mut String, curve_attributes: String, anchor_attributes: String, handle_attributes: String, handle_line_attributes: String) {
+		if !curve_attributes.is_empty() {
+			self.curve_to_svg(svg, curve_attributes);
+		}
+		if !handle_line_attributes.is_empty() {
+			self.handle_lines_to_svg(svg, handle_line_attributes);
+		}
+		if !anchor_attributes.is_empty() {
+			self.anchors_to_svg(svg, anchor_attributes);
+		}
+		if !handle_attributes.is_empty() {
+			self.handles_to_svg(svg, handle_attributes);
+		}
+	}
+
+	/// Construct a [Subpath] from an iter of anchor positions.
+	pub fn from_anchors(anchor_positions: impl IntoIterator<Item = DVec2>, closed: bool) -> Self {
+		Self::new(anchor_positions.into_iter().map(|anchor| ManipulatorGroup::new_anchor(anchor)).collect(), closed)
+	}
+
+	pub fn from_anchors_linear(anchor_positions: impl IntoIterator<Item = DVec2>, closed: bool) -> Self {
+		Self::new(anchor_positions.into_iter().map(|anchor| ManipulatorGroup::new_anchor_linear(anchor)).collect(), closed)
+	}
+
+	/// Constructs a rectangle with `corner1` and `corner2` as the two corners.
+	pub fn new_rect(corner1: DVec2, corner2: DVec2) -> Self {
+		Self::from_anchors_linear([corner1, DVec2::new(corner2.x, corner1.y), corner2, DVec2::new(corner1.x, corner2.y)], true)
+	}
+
+	/// Constructs a rounded rectangle with `corner1` and `corner2` as the two corners and `corner_radii` as the radii of the corners: `[top_left, top_right, bottom_right, bottom_left]`.
+	pub fn new_rounded_rect(corner1: DVec2, corner2: DVec2, corner_radii: [f64; 4]) -> Self {
+		if corner_radii.iter().all(|radii| radii.abs() < f64::EPSILON * 100.) {
+			return Self::new_rect(corner1, corner2);
+		}
+
+		use std::f64::consts::{FRAC_1_SQRT_2, PI};
+
+		let new_arc = |center: DVec2, corner: DVec2, radius: f64| -> Vec<ManipulatorGroup<PointId>> {
+			let point1 = center + DVec2::from_angle(-PI * 0.25).rotate(corner - center) * FRAC_1_SQRT_2;
+			let point2 = center + DVec2::from_angle(PI * 0.25).rotate(corner - center) * FRAC_1_SQRT_2;
+			if radius == 0. {
+				return vec![ManipulatorGroup::new_anchor(point1), ManipulatorGroup::new_anchor(point2)];
+			}
+
+			// Based on https://pomax.github.io/bezierinfo/#circles_cubic
+			const HANDLE_OFFSET_FACTOR: f64 = 0.551784777779014;
+			let handle_offset = radius * HANDLE_OFFSET_FACTOR;
+			vec![
+				ManipulatorGroup::new(point1, None, Some(point1 + handle_offset * (corner - point1).normalize())),
+				ManipulatorGroup::new(point2, Some(point2 + handle_offset * (corner - point2).normalize()), None),
+			]
+		};
+		Self::new(
+			[
+				new_arc(DVec2::new(corner1.x + corner_radii[0], corner1.y + corner_radii[0]), DVec2::new(corner1.x, corner1.y), corner_radii[0]),
+				new_arc(DVec2::new(corner2.x - corner_radii[1], corner1.y + corner_radii[1]), DVec2::new(corner2.x, corner1.y), corner_radii[1]),
+				new_arc(DVec2::new(corner2.x - corner_radii[2], corner2.y - corner_radii[2]), DVec2::new(corner2.x, corner2.y), corner_radii[2]),
+				new_arc(DVec2::new(corner1.x + corner_radii[3], corner2.y - corner_radii[3]), DVec2::new(corner1.x, corner2.y), corner_radii[3]),
+			]
+			.concat(),
+			true,
+		)
+	}
+
+	/// Constructs an ellipse with `corner1` and `corner2` as the two corners of the bounding box.
+	pub fn new_ellipse(corner1: DVec2, corner2: DVec2) -> Self {
+		let size = (corner1 - corner2).abs();
+		let center = (corner1 + corner2) / 2.;
+		let top = DVec2::new(center.x, corner1.y);
+		let bottom = DVec2::new(center.x, corner2.y);
+		let left = DVec2::new(corner1.x, center.y);
+		let right = DVec2::new(corner2.x, center.y);
+
+		// Based on https://pomax.github.io/bezierinfo/#circles_cubic
+		const HANDLE_OFFSET_FACTOR: f64 = 0.551784777779014;
+		let handle_offset = size * HANDLE_OFFSET_FACTOR * 0.5;
+
+		let manipulator_groups = vec![
+			ManipulatorGroup::new(top, Some(top - handle_offset * DVec2::X), Some(top + handle_offset * DVec2::X)),
+			ManipulatorGroup::new(right, Some(right - handle_offset * DVec2::Y), Some(right + handle_offset * DVec2::Y)),
+			ManipulatorGroup::new(bottom, Some(bottom + handle_offset * DVec2::X), Some(bottom - handle_offset * DVec2::X)),
+			ManipulatorGroup::new(left, Some(left + handle_offset * DVec2::Y), Some(left - handle_offset * DVec2::Y)),
+		];
+		Self::new(manipulator_groups, true)
+	}
+
+	/// Constructs an arc by a `radius`, `angle_start` and `angle_size`. Angles must be in radians. Slice option makes it look like pie or pacman.
+	pub fn new_arc(radius: f64, start_angle: f64, sweep_angle: f64, arc_type: ArcType) -> Self {
+		// Prevents glitches from numerical imprecision that have been observed during animation playback after about a minute
+		let start_angle = start_angle % (std::f64::consts::TAU * 2.);
+		let sweep_angle = sweep_angle % (std::f64::consts::TAU * 2.);
+
+		let original_start_angle = start_angle;
+		let sweep_angle_sign = sweep_angle.signum();
+
+		let mut start_angle = 0.;
+		let mut sweep_angle = sweep_angle.abs();
+
+		if (sweep_angle / std::f64::consts::TAU).floor() as u32 % 2 == 0 {
+			sweep_angle %= std::f64::consts::TAU;
+		} else {
+			start_angle = sweep_angle % std::f64::consts::TAU;
+			sweep_angle = std::f64::consts::TAU - start_angle;
+		}
+
+		sweep_angle *= sweep_angle_sign;
+		start_angle *= sweep_angle_sign;
+		start_angle += original_start_angle;
+
+		let closed = arc_type == ArcType::Closed;
+		let slice = arc_type == ArcType::PieSlice;
+
+		let center = DVec2::new(0., 0.);
+		let segments = (sweep_angle.abs() / (std::f64::consts::PI / 4.)).ceil().max(1.) as usize;
+		let step = sweep_angle / segments as f64;
+		let factor = 4. / 3. * (step / 2.).sin() / (1. + (step / 2.).cos());
+
+		let mut manipulator_groups = Vec::with_capacity(segments);
+		let mut prev_in_handle = None;
+		let mut prev_end = DVec2::new(0., 0.);
+
+		for i in 0..segments {
+			let start_angle = start_angle + step * i as f64;
+			let end_angle = start_angle + step;
+			let start_vec = DVec2::from_angle(start_angle);
+			let end_vec = DVec2::from_angle(end_angle);
+
+			let start = center + radius * start_vec;
+			let end = center + radius * end_vec;
+
+			let handle_start = start + start_vec.perp() * radius * factor;
+			let handle_end = end - end_vec.perp() * radius * factor;
+
+			manipulator_groups.push(ManipulatorGroup::new(start, prev_in_handle, Some(handle_start)));
+			prev_in_handle = Some(handle_end);
+			prev_end = end;
+		}
+		manipulator_groups.push(ManipulatorGroup::new(prev_end, prev_in_handle, None));
+
+		if slice {
+			manipulator_groups.push(ManipulatorGroup::new(center, None, None));
+		}
+
+		Self::new(manipulator_groups, closed || slice)
+	}
+
+	/// Constructs a regular polygon (ngon). Based on `sides` and `radius`, which is the distance from the center to any vertex.
+	pub fn new_regular_polygon(center: DVec2, sides: u64, radius: f64) -> Self {
+		let sides = sides.max(3);
+		let angle_increment = std::f64::consts::TAU / (sides as f64);
+		let anchor_positions = (0..sides).map(|i| {
+			let angle = (i as f64) * angle_increment - std::f64::consts::FRAC_PI_2;
+			let center = center + DVec2::ONE * radius;
+			DVec2::new(center.x + radius * f64::cos(angle), center.y + radius * f64::sin(angle)) * 0.5
+		});
+		Self::from_anchors(anchor_positions, true)
+	}
+
+	/// Constructs a star polygon (n-star). See [new_regular_polygon], but with interspersed vertices at an `inner_radius`.
+	pub fn new_star_polygon(center: DVec2, sides: u64, radius: f64, inner_radius: f64) -> Self {
+		let sides = sides.max(2);
+		let angle_increment = 0.5 * std::f64::consts::TAU / (sides as f64);
+		let anchor_positions = (0..sides * 2).map(|i| {
+			let angle = (i as f64) * angle_increment - std::f64::consts::FRAC_PI_2;
+			let center = center + DVec2::ONE * radius;
+			let r = if i % 2 == 0 { radius } else { inner_radius };
+			DVec2::new(center.x + r * f64::cos(angle), center.y + r * f64::sin(angle)) * 0.5
+		});
+		Self::from_anchors(anchor_positions, true)
+	}
+
+	/// Constructs a line from `p1` to `p2`
+	pub fn new_line(p1: DVec2, p2: DVec2) -> Self {
+		Self::from_anchors([p1, p2], false)
+	}
+
+	/// Construct a cubic spline from a list of points.
+	/// Based on <https://mathworld.wolfram.com/CubicSpline.html>.
+	pub fn new_cubic_spline(points: Vec<DVec2>) -> Self {
+		if points.len() < 2 {
+			return Self::new(Vec::new(), false);
+		}
+
+		// Number of points = number of points to find handles for
+		let len_points = points.len();
+
+		let out_handles = solve_spline_first_handle_open(&points);
+
+		let mut subpath = Subpath::new(Vec::new(), false);
+
+		// given the second point in the n'th cubic bezier, the third point is given by 2 * points[n+1] - b[n+1].
+		// to find 'handle1_pos' for the n'th point we need the n-1 cubic bezier
+		subpath.manipulator_groups.push(ManipulatorGroup::new(points[0], None, Some(out_handles[0])));
+		for i in 1..len_points - 1 {
+			subpath
+				.manipulator_groups
+				.push(ManipulatorGroup::new(points[i], Some(2. * points[i] - out_handles[i]), Some(out_handles[i])));
+		}
+		subpath
+			.manipulator_groups
+			.push(ManipulatorGroup::new(points[len_points - 1], Some(2. * points[len_points - 1] - out_handles[len_points - 1]), None));
+
+		subpath
+	}
+
+	#[cfg(feature = "kurbo")]
+	pub fn to_vello_path(&self, transform: glam::DAffine2, path: &mut kurbo::BezPath) {
+		use crate::BezierHandles;
+
+		let to_point = |p: DVec2| {
+			let p = transform.transform_point2(p);
+			kurbo::Point::new(p.x, p.y)
+		};
+		path.move_to(to_point(self.iter().next().unwrap().start));
+		for segment in self.iter() {
+			match segment.handles {
+				BezierHandles::Linear => path.line_to(to_point(segment.end)),
+				BezierHandles::Quadratic { handle } => path.quad_to(to_point(handle), to_point(segment.end)),
+				BezierHandles::Cubic { handle_start, handle_end } => path.curve_to(to_point(handle_start), to_point(handle_end), to_point(segment.end)),
+			}
+		}
+		if self.closed {
+			path.close_path();
+		}
+	}
+}
+
+/// Solve for the first handle of an open spline. (The opposite handle can be found by mirroring the result about the anchor.)
+pub fn solve_spline_first_handle_open(points: &[DVec2]) -> Vec<DVec2> {
+	let len_points = points.len();
+	if len_points == 0 {
+		return Vec::new();
+	}
+	if len_points == 1 {
+		return vec![points[0]];
+	}
+
+	// Matrix coefficients a, b and c (see https://mathworld.wolfram.com/CubicSpline.html).
+	// Because the `a` coefficients are all 1, they need not be stored.
+	// This algorithm does a variation of the above algorithm.
+	// Instead of using the traditional cubic (a + bt + ct^2 + dt^3), we use the bezier cubic.
+
+	let mut b = vec![DVec2::new(4., 4.); len_points];
+	b[0] = DVec2::new(2., 2.);
+	b[len_points - 1] = DVec2::new(2., 2.);
+
+	let mut c = vec![DVec2::new(1., 1.); len_points];
+
+	// 'd' is the the second point in a cubic bezier, which is what we solve for
+	let mut d = vec![DVec2::ZERO; len_points];
+
+	d[0] = DVec2::new(2. * points[1].x + points[0].x, 2. * points[1].y + points[0].y);
+	d[len_points - 1] = DVec2::new(3. * points[len_points - 1].x, 3. * points[len_points - 1].y);
+	for idx in 1..(len_points - 1) {
+		d[idx] = DVec2::new(4. * points[idx].x + 2. * points[idx + 1].x, 4. * points[idx].y + 2. * points[idx + 1].y);
+	}
+
+	// Solve with Thomas algorithm (see https://en.wikipedia.org/wiki/Tridiagonal_matrix_algorithm)
+	// Now we do row operations to eliminate `a` coefficients.
+	c[0] /= -b[0];
+	d[0] /= -b[0];
+	#[allow(clippy::assign_op_pattern)]
+	for i in 1..len_points {
+		b[i] += c[i - 1];
+		// For some reason this `+=` version makes the borrow checker mad:
+		// d[i] += d[i-1]
+		d[i] = d[i] + d[i - 1];
+		c[i] /= -b[i];
+		d[i] /= -b[i];
+	}
+
+	// At this point b[i] == -a[i + 1] and a[i] == 0.
+	// Now we do row operations to eliminate 'c' coefficients and solve.
+	d[len_points - 1] *= -1.;
+	#[allow(clippy::assign_op_pattern)]
+	for i in (0..len_points - 1).rev() {
+		d[i] = d[i] - (c[i] * d[i + 1]);
+		d[i] *= -1.; // d[i] /= b[i]
+	}
+
+	d
+}
+
+/// Solve for the first handle of a closed spline. (The opposite handle can be found by mirroring the result about the anchor.)
+/// If called with fewer than 3 points, this function will return an empty result.
+pub fn solve_spline_first_handle_closed(points: &[DVec2]) -> Vec<DVec2> {
+	let len_points = points.len();
+	if len_points < 3 {
+		return Vec::new();
+	}
+
+	// Matrix coefficients `a`, `b` and `c` (see https://mathworld.wolfram.com/CubicSpline.html).
+	// We don't really need to allocate them but it keeps the maths understandable.
+	let a = vec![DVec2::ONE; len_points];
+	let b = vec![DVec2::splat(4.); len_points];
+	let c = vec![DVec2::ONE; len_points];
+
+	let mut cmod = vec![DVec2::ZERO; len_points];
+	let mut u = vec![DVec2::ZERO; len_points];
+
+	// `x` is initially the output of the matrix multiplication, but is converted to the second value.
+	let mut x = vec![DVec2::ZERO; len_points];
+
+	for (i, point) in x.iter_mut().enumerate() {
+		let previous_i = i.checked_sub(1).unwrap_or(len_points - 1);
+		let next_i = (i + 1) % len_points;
+		*point = 3. * (points[next_i] - points[previous_i]);
+	}
+
+	// Solve using https://en.wikipedia.org/wiki/Tridiagonal_matrix_algorithm#Variants (the variant using periodic boundary conditions).
+	// This code below is based on the reference C language implementation provided in that section of the article.
+	let alpha = a[0];
+	let beta = c[len_points - 1];
+
+	// Arbitrary, but chosen such that division by zero is avoided.
+	let gamma = -b[0];
+
+	cmod[0] = alpha / (b[0] - gamma);
+	u[0] = gamma / (b[0] - gamma);
+	x[0] /= b[0] - gamma;
+
+	// Handle from from `1` to `len_points - 2` (inclusive).
+	for ix in 1..=(len_points - 2) {
+		let m = 1.0 / (b[ix] - a[ix] * cmod[ix - 1]);
+		cmod[ix] = c[ix] * m;
+		u[ix] = (0.0 - a[ix] * u[ix - 1]) * m;
+		x[ix] = (x[ix] - a[ix] * x[ix - 1]) * m;
+	}
+
+	// Handle `len_points - 1`.
+	let m = 1.0 / (b[len_points - 1] - alpha * beta / gamma - beta * cmod[len_points - 2]);
+	u[len_points - 1] = (alpha - a[len_points - 1] * u[len_points - 2]) * m;
+	x[len_points - 1] = (x[len_points - 1] - a[len_points - 1] * x[len_points - 2]) * m;
+
+	// Loop from `len_points - 2` to `0` (inclusive).
+	for ix in (0..=(len_points - 2)).rev() {
+		u[ix] = u[ix] - cmod[ix] * u[ix + 1];
+		x[ix] = x[ix] - cmod[ix] * x[ix + 1];
+	}
+
+	let fact = (x[0] + x[len_points - 1] * beta / gamma) / (1.0 + u[0] + u[len_points - 1] * beta / gamma);
+
+	for ix in 0..(len_points) {
+		x[ix] -= fact * u[ix];
+	}
+
+	let mut real = vec![DVec2::ZERO; len_points];
+	for i in 0..len_points {
+		let previous = i.checked_sub(1).unwrap_or(len_points - 1);
+		let next = (i + 1) % len_points;
+		real[i] = x[previous] * a[next] + x[i] * b[i] + x[next] * c[i];
+	}
+
+	// The matrix is now solved.
+
+	// Since we have computed the derivative, work back to find the start handle.
+	for i in 0..len_points {
+		x[i] = (x[i] / 3.) + points[i];
+	}
+
+	x
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+
+	#[test]
+	fn closed_spline() {
+		// These points are just chosen arbitrary
+		let points = [DVec2::new(0., 0.), DVec2::new(0., 0.), DVec2::new(6., 5.), DVec2::new(7., 9.), DVec2::new(2., 3.)];
+
+		let out_handles = solve_spline_first_handle_closed(&points);
+
+		// Construct the Subpath
+		let mut manipulator_groups = Vec::new();
+		for i in 0..out_handles.len() {
+			manipulator_groups.push(ManipulatorGroup::<EmptyId>::new(points[i], Some(2. * points[i] - out_handles[i]), Some(out_handles[i])));
+		}
+		let subpath = Subpath::new(manipulator_groups, true);
+
+		// For each pair of bézier curves, ensure that the second derivative is continuous
+		for (bézier_a, bézier_b) in subpath.iter().zip(subpath.iter().skip(1).chain(subpath.iter().take(1))) {
+			let derivative2_end_a = bézier_a.derivative().unwrap().derivative().unwrap().evaluate(crate::TValue::Parametric(1.));
+			let derivative2_start_b = bézier_b.derivative().unwrap().derivative().unwrap().evaluate(crate::TValue::Parametric(0.));
+
+			assert!(
+				derivative2_end_a.abs_diff_eq(derivative2_start_b, 1e-10),
+				"second derivative at the end of a {derivative2_end_a} is equal to the second derivative at the start of b {derivative2_start_b}"
+			);
+		}
+	}
+}
diff --git a/libraries/bezier-rs/src/subpath/lookup.rs b/libraries/bezier-rs/src/subpath/lookup.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a63b7a179a29505175f1ba7533db3d9bb8ed8120
--- /dev/null
+++ b/libraries/bezier-rs/src/subpath/lookup.rs
@@ -0,0 +1,519 @@
+use super::*;
+use crate::consts::{DEFAULT_EUCLIDEAN_ERROR_BOUND, DEFAULT_LUT_STEP_SIZE, MAX_ABSOLUTE_DIFFERENCE};
+use crate::utils::{SubpathTValue, TValue, TValueType};
+use glam::DVec2;
+
+/// Functionality relating to looking up properties of the `Subpath` or points along the `Subpath`.
+impl<PointId: crate::Identifier> Subpath<PointId> {
+	/// Return a selection of equidistant points on the bezier curve.
+	/// If no value is provided for `steps`, then the function will default `steps` to be 10.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#subpath/lookup-table/solo" title="Lookup-Table Demo"></iframe>
+	pub fn compute_lookup_table(&self, steps: Option<usize>, tvalue_type: Option<TValueType>) -> Vec<DVec2> {
+		let steps = steps.unwrap_or(DEFAULT_LUT_STEP_SIZE);
+		let tvalue_type = tvalue_type.unwrap_or(TValueType::Parametric);
+
+		(0..=steps)
+			.map(|t| {
+				let tvalue = match tvalue_type {
+					TValueType::Parametric => SubpathTValue::GlobalParametric(t as f64 / steps as f64),
+					TValueType::Euclidean => SubpathTValue::GlobalEuclidean(t as f64 / steps as f64),
+				};
+				self.evaluate(tvalue)
+			})
+			.collect()
+	}
+
+	/// Return the sum of the approximation of the length of each `Bezier` curve along the `Subpath`.
+	/// - `tolerance` - Tolerance used to approximate the curve.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#subpath/length/solo" title="Length Demo"></iframe>
+	pub fn length(&self, tolerance: Option<f64>) -> f64 {
+		self.iter().map(|bezier| bezier.length(tolerance)).sum()
+	}
+
+	/// Return the approximation of the length centroid, together with the length, of the `Subpath`.
+	///
+	/// The length centroid is the center of mass for the arc length of the solid shape's perimeter.
+	/// An infinitely thin wire forming the subpath's closed shape would balance at this point.
+	///
+	/// It will return `None` if no manipulator is present.
+	/// - `tolerance` - Tolerance used to approximate the curve.
+	/// - `always_closed` - consider the subpath as closed always.
+	pub fn length_centroid_and_length(&self, tolerance: Option<f64>, always_closed: bool) -> Option<(DVec2, f64)> {
+		if always_closed { self.iter_closed() } else { self.iter() }
+			.map(|bezier| bezier.length_centroid_and_length(tolerance))
+			.map(|(centroid, length)| (centroid * length, length))
+			.reduce(|(centroid_part1, length1), (centroid_part2, length2)| (centroid_part1 + centroid_part2, length1 + length2))
+			.map(|(centroid_part, length)| (centroid_part / length, length))
+	}
+
+	/// Return the approximation of the length centroid of the `Subpath`.
+	///
+	/// The length centroid is the center of mass for the arc length of the solid shape's perimeter.
+	/// An infinitely thin wire forming the subpath's closed shape would balance at this point.
+	///
+	/// It will return `None` if no manipulator is present.
+	/// - `tolerance` - Tolerance used to approximate the curve.
+	/// - `always_closed` - consider the subpath as closed always.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#subpath/length-centroid/solo" title="Length Centroid Demo"></iframe>
+	pub fn length_centroid(&self, tolerance: Option<f64>, always_closed: bool) -> Option<DVec2> {
+		self.length_centroid_and_length(tolerance, always_closed).map(|(centroid, _)| centroid)
+	}
+
+	/// Return the area enclosed by the `Subpath` always considering it as a closed subpath. It will always give a positive value.
+	///
+	/// If the area is less than `error`, it will return zero.
+	/// Because the calculation of area for self-intersecting path requires finding the intersections, the following parameters are used:
+	/// - `error` - For intersections with non-linear beziers, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// - `minimum_separation` - the minimum difference two adjacent `t`-values must have when comparing adjacent `t`-values in sorted order.
+	///
+	/// If the comparison condition is not satisfied, the function takes the larger `t`-value of the two
+	///
+	/// **NOTE**: if an intersection were to occur within an `error` distance away from an anchor point, the algorithm will filter that intersection out.
+	pub fn area(&self, error: Option<f64>, minimum_separation: Option<f64>) -> f64 {
+		let all_intersections = self.all_self_intersections(error, minimum_separation);
+		let mut current_sign: f64 = 1.;
+
+		let area: f64 = self
+			.iter_closed()
+			.enumerate()
+			.map(|(index, bezier)| {
+				let (f_x, f_y) = bezier.parametric_polynomial();
+				let (f_x, mut f_y) = (f_x.as_size::<7>().unwrap(), f_y.as_size::<7>().unwrap());
+				f_y.derivative_mut();
+				f_y *= &f_x;
+				f_y.antiderivative_mut();
+
+				let mut curve_sum = -current_sign * f_y.eval(0.);
+				for (_, t) in all_intersections.iter().filter(|(i, _)| *i == index) {
+					curve_sum += 2. * current_sign * f_y.eval(*t);
+					current_sign *= -1.;
+				}
+				curve_sum += current_sign * f_y.eval(1.);
+				curve_sum
+			})
+			.sum();
+
+		if area.abs() < error.unwrap_or(MAX_ABSOLUTE_DIFFERENCE) {
+			return 0.;
+		}
+
+		area.abs()
+	}
+
+	/// Return the area centroid, together with the area, of the `Subpath` always considering it as a closed subpath. The area will always be a positive value.
+	///
+	/// The area centroid is the center of mass for the area of a solid shape's interior.
+	/// An infinitely flat material forming the subpath's closed shape would balance at this point.
+	///
+	/// It will return `None` if no manipulator is present. If the area is less than `error`, it will return `Some((DVec2::NAN, 0.))`.
+	///
+	/// Because the calculation of area and centroid for self-intersecting path requires finding the intersections, the following parameters are used:
+	/// - `error` - For intersections with non-linear beziers, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// - `minimum_separation` - the minimum difference two adjacent `t`-values must have when comparing adjacent `t`-values in sorted order.
+	///
+	/// If the comparison condition is not satisfied, the function takes the larger `t`-value of the two.
+	///
+	/// **NOTE**: if an intersection were to occur within an `error` distance away from an anchor point, the algorithm will filter that intersection out.
+	pub fn area_centroid_and_area(&self, error: Option<f64>, minimum_separation: Option<f64>) -> Option<(DVec2, f64)> {
+		let all_intersections = self.all_self_intersections(error, minimum_separation);
+		let mut current_sign: f64 = 1.;
+
+		let (x_sum, y_sum, area) = self
+			.iter_closed()
+			.enumerate()
+			.map(|(index, bezier)| {
+				let (f_x, f_y) = bezier.parametric_polynomial();
+				let (f_x, f_y) = (f_x.as_size::<10>().unwrap(), f_y.as_size::<10>().unwrap());
+				let f_y_prime = f_y.derivative();
+				let f_x_prime = f_x.derivative();
+				let f_xy = &f_x * &f_y;
+
+				let mut x_part = &f_xy * &f_x_prime;
+				let mut y_part = &f_xy * &f_y_prime;
+				let mut area_part = &f_x * &f_y_prime;
+				x_part.antiderivative_mut();
+				y_part.antiderivative_mut();
+				area_part.antiderivative_mut();
+
+				let mut curve_sum_x = -current_sign * x_part.eval(0.);
+				let mut curve_sum_y = -current_sign * y_part.eval(0.);
+				let mut curve_sum_area = -current_sign * area_part.eval(0.);
+				for (_, t) in all_intersections.iter().filter(|(i, _)| *i == index) {
+					curve_sum_x += 2. * current_sign * x_part.eval(*t);
+					curve_sum_y += 2. * current_sign * y_part.eval(*t);
+					curve_sum_area += 2. * current_sign * area_part.eval(*t);
+					current_sign *= -1.;
+				}
+				curve_sum_x += current_sign * x_part.eval(1.);
+				curve_sum_y += current_sign * y_part.eval(1.);
+				curve_sum_area += current_sign * area_part.eval(1.);
+
+				(-curve_sum_x, curve_sum_y, curve_sum_area)
+			})
+			.reduce(|(x1, y1, area1), (x2, y2, area2)| (x1 + x2, y1 + y2, area1 + area2))?;
+
+		if area.abs() < error.unwrap_or(MAX_ABSOLUTE_DIFFERENCE) {
+			return Some((DVec2::NAN, 0.));
+		}
+
+		Some((DVec2::new(x_sum / area, y_sum / area), area.abs()))
+	}
+
+	/// Attempts to return the area centroid of the `Subpath` always considering it as a closed subpath. Falls back to length centroid if the area is zero.
+	///
+	/// The area centroid is the center of mass for the area of a solid shape's interior.
+	/// An infinitely flat material forming the subpath's closed shape would balance at this point.
+	///
+	/// It will return `None` if no manipulator is present.
+	/// Because the calculation of centroid for self-intersecting path requires finding the intersections, the following parameters are used:
+	/// - `error` - For intersections with non-linear beziers, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// - `minimum_separation` - the minimum difference two adjacent `t`-values must have when comparing adjacent `t`-values in sorted order.
+	/// - `tolerance` - Tolerance used to approximate the curve if it falls back to length centroid.
+	///
+	/// If the comparison condition is not satisfied, the function takes the larger `t`-value of the two
+	///
+	/// **NOTE**: if an intersection were to occur within an `error` distance away from an anchor point, the algorithm will filter that intersection out.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#subpath/area-centroid/solo" title="Area Centroid Demo"></iframe>
+	pub fn area_centroid(&self, error: Option<f64>, minimum_separation: Option<f64>, tolerance: Option<f64>) -> Option<DVec2> {
+		let (centroid, area) = self.area_centroid_and_area(error, minimum_separation)?;
+
+		if area != 0. {
+			Some(centroid)
+		} else {
+			self.length_centroid_and_length(tolerance, true).map(|(centroid, _)| centroid)
+		}
+	}
+
+	/// Converts from a subpath (composed of multiple segments) to a point along a certain segment represented.
+	/// The returned tuple represents the segment index and the `t` value along that segment.
+	/// Both the input global `t` value and the output `t` value are in euclidean space, meaning there is a constant rate of change along the arc length.
+	pub fn global_euclidean_to_local_euclidean(&self, global_t: f64, lengths: &[f64], total_length: f64) -> (usize, f64) {
+		let mut accumulator = 0.;
+		for (index, length) in lengths.iter().enumerate() {
+			let length_ratio = length / total_length;
+			if (index == 0 || accumulator <= global_t) && global_t <= accumulator + length_ratio {
+				return (index, ((global_t - accumulator) / length_ratio).clamp(0., 1.));
+			}
+			accumulator += length_ratio;
+		}
+		(self.len() - 2, 1.)
+	}
+
+	/// Convert a [SubpathTValue] to a parametric `(segment_index, t)` tuple.
+	/// - Asserts that `t` values contained within the `SubpathTValue` argument lie in the range [0, 1].
+	/// - If the argument is a variant containing a `segment_index`, asserts that the index references a valid segment on the curve.
+	pub(crate) fn t_value_to_parametric(&self, t: SubpathTValue) -> (usize, f64) {
+		assert!(self.len_segments() >= 1);
+
+		match t {
+			SubpathTValue::Parametric { segment_index, t } => {
+				assert!((0.0..=1.).contains(&t));
+				assert!((0..self.len_segments()).contains(&segment_index));
+				(segment_index, t)
+			}
+			SubpathTValue::GlobalParametric(global_t) => {
+				assert!((0.0..=1.).contains(&global_t));
+
+				if global_t == 1. {
+					return (self.len_segments() - 1, 1.);
+				}
+
+				let scaled_t = global_t * self.len_segments() as f64;
+				let segment_index = scaled_t.floor() as usize;
+				let t = scaled_t - segment_index as f64;
+
+				(segment_index, t)
+			}
+			SubpathTValue::Euclidean { segment_index, t } => {
+				assert!((0.0..=1.).contains(&t));
+				assert!((0..self.len_segments()).contains(&segment_index));
+				(segment_index, self.get_segment(segment_index).unwrap().euclidean_to_parametric(t, DEFAULT_EUCLIDEAN_ERROR_BOUND))
+			}
+			SubpathTValue::GlobalEuclidean(t) => {
+				let lengths = self.iter().map(|bezier| bezier.length(None)).collect::<Vec<f64>>();
+				let total_length: f64 = lengths.iter().sum();
+				let (segment_index, segment_t_euclidean) = self.global_euclidean_to_local_euclidean(t, lengths.as_slice(), total_length);
+				let segment_t_parametric = self.get_segment(segment_index).unwrap().euclidean_to_parametric(segment_t_euclidean, DEFAULT_EUCLIDEAN_ERROR_BOUND);
+				(segment_index, segment_t_parametric)
+			}
+			SubpathTValue::EuclideanWithinError { segment_index, t, error } => {
+				assert!((0.0..=1.).contains(&t));
+				assert!((0..self.len_segments()).contains(&segment_index));
+				(segment_index, self.get_segment(segment_index).unwrap().euclidean_to_parametric(t, error))
+			}
+			SubpathTValue::GlobalEuclideanWithinError { t, error } => {
+				let lengths = self.iter().map(|bezier| bezier.length(None)).collect::<Vec<f64>>();
+				let total_length: f64 = lengths.iter().sum();
+				let (segment_index, segment_t) = self.global_euclidean_to_local_euclidean(t, lengths.as_slice(), total_length);
+				(segment_index, self.get_segment(segment_index).unwrap().euclidean_to_parametric(segment_t, error))
+			}
+		}
+	}
+
+	/// Returns the segment index and `t` value that corresponds to the closest point on the curve to the provided point.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#subpath/project/solo" title="Project Demo"></iframe>
+	pub fn project(&self, point: DVec2) -> Option<(usize, f64)> {
+		if self.is_empty() {
+			return None;
+		}
+
+		// TODO: Optimization opportunity: Filter out segments which are *definitely* not the closest to the given point
+		let (index, (_, project_t)) = self
+			.iter()
+			.map(|bezier| {
+				let project_t = bezier.project(point);
+				(bezier.evaluate(TValue::Parametric(project_t)).distance(point), project_t)
+			})
+			.enumerate()
+			.min_by(|(_, (distance1, _)), (_, (distance2, _))| distance1.total_cmp(distance2))
+			.unwrap_or((0, (0., 0.))); // If the Subpath contains only a single manipulator group, returns (0, 0.)
+
+		Some((index, project_t))
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use crate::consts::MAX_ABSOLUTE_DIFFERENCE;
+	use crate::utils::f64_compare;
+
+	#[test]
+	fn length_quadratic() {
+		let start = DVec2::new(20., 30.);
+		let middle = DVec2::new(80., 90.);
+		let end = DVec2::new(60., 45.);
+		let handle1 = DVec2::new(75., 85.);
+		let handle2 = DVec2::new(40., 30.);
+		let handle3 = DVec2::new(10., 10.);
+
+		let bezier1 = Bezier::from_quadratic_dvec2(start, handle1, middle);
+		let bezier2 = Bezier::from_quadratic_dvec2(middle, handle2, end);
+		let bezier3 = Bezier::from_quadratic_dvec2(end, handle3, start);
+
+		let mut subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: None,
+					out_handle: Some(handle1),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: middle,
+					in_handle: None,
+					out_handle: Some(handle2),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: Some(handle3),
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+		assert_eq!(subpath.length(None), bezier1.length(None) + bezier2.length(None));
+
+		subpath.closed = true;
+		assert_eq!(subpath.length(None), bezier1.length(None) + bezier2.length(None) + bezier3.length(None));
+	}
+
+	#[test]
+	fn length_mixed() {
+		let start = DVec2::new(20., 30.);
+		let middle = DVec2::new(70., 70.);
+		let end = DVec2::new(60., 45.);
+		let handle1 = DVec2::new(75., 85.);
+		let handle2 = DVec2::new(40., 30.);
+		let handle3 = DVec2::new(10., 10.);
+
+		let linear_bezier = Bezier::from_linear_dvec2(start, middle);
+		let quadratic_bezier = Bezier::from_quadratic_dvec2(middle, handle1, end);
+		let cubic_bezier = Bezier::from_cubic_dvec2(end, handle2, handle3, start);
+
+		let mut subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: Some(handle3),
+					out_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: middle,
+					in_handle: None,
+					out_handle: Some(handle1),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: Some(handle2),
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+		assert_eq!(subpath.length(None), linear_bezier.length(None) + quadratic_bezier.length(None));
+
+		subpath.closed = true;
+		assert_eq!(subpath.length(None), linear_bezier.length(None) + quadratic_bezier.length(None) + cubic_bezier.length(None));
+	}
+
+	#[test]
+	fn length_centroid() {
+		let start = DVec2::new(0., 0.);
+		let end = DVec2::new(1., 1.);
+		let handle = DVec2::new(0., 1.);
+
+		let mut subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: None,
+					out_handle: Some(handle),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: None,
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+
+		let expected_centroid = DVec2::new(0.4153039799983826, 0.5846960200016174);
+		let epsilon = 0.00001;
+
+		assert!(subpath.length_centroid_and_length(None, true).unwrap().0.abs_diff_eq(expected_centroid, epsilon));
+
+		subpath.closed = true;
+		assert!(subpath.length_centroid_and_length(None, true).unwrap().0.abs_diff_eq(expected_centroid, epsilon));
+	}
+
+	#[test]
+	fn area() {
+		let start = DVec2::new(0., 0.);
+		let end = DVec2::new(1., 1.);
+		let handle = DVec2::new(0., 1.);
+
+		let mut subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: None,
+					out_handle: Some(handle),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: None,
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+
+		let expected_area = 1. / 3.;
+		let epsilon = 0.00001;
+
+		assert!((subpath.area(Some(0.001), Some(0.001)) - expected_area).abs() < epsilon);
+
+		subpath.closed = true;
+		assert!((subpath.area(Some(0.001), Some(0.001)) - expected_area).abs() < epsilon);
+	}
+
+	#[test]
+	fn area_centroid() {
+		let start = DVec2::new(0., 0.);
+		let end = DVec2::new(1., 1.);
+		let handle = DVec2::new(0., 1.);
+
+		let mut subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: None,
+					out_handle: Some(handle),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: None,
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+
+		let expected_centroid = DVec2::new(0.4, 0.6);
+		let epsilon = 0.00001;
+
+		assert!(subpath.area_centroid(Some(0.001), Some(0.001), None).unwrap().abs_diff_eq(expected_centroid, epsilon));
+
+		subpath.closed = true;
+		assert!(subpath.area_centroid(Some(0.001), Some(0.001), None).unwrap().abs_diff_eq(expected_centroid, epsilon));
+	}
+
+	#[test]
+	fn t_value_to_parametric_global_parametric_open_subpath() {
+		let mock_manipulator_group = ManipulatorGroup {
+			anchor: DVec2::new(0., 0.),
+			in_handle: None,
+			out_handle: None,
+			id: EmptyId,
+		};
+		let open_subpath = Subpath {
+			manipulator_groups: vec![mock_manipulator_group; 5],
+			closed: false,
+		};
+
+		let (segment_index, t) = open_subpath.t_value_to_parametric(SubpathTValue::GlobalParametric(0.7));
+		assert_eq!(segment_index, 2);
+		assert!(f64_compare(t, 0.8, MAX_ABSOLUTE_DIFFERENCE));
+
+		// The start and end points of an open subpath are NOT equivalent
+		assert_eq!(open_subpath.t_value_to_parametric(SubpathTValue::GlobalParametric(0.)), (0, 0.));
+		assert_eq!(open_subpath.t_value_to_parametric(SubpathTValue::GlobalParametric(1.)), (3, 1.));
+	}
+
+	#[test]
+	fn t_value_to_parametric_global_parametric_closed_subpath() {
+		let mock_manipulator_group = ManipulatorGroup {
+			anchor: DVec2::new(0., 0.),
+			in_handle: None,
+			out_handle: None,
+			id: EmptyId,
+		};
+		let closed_subpath = Subpath {
+			manipulator_groups: vec![mock_manipulator_group; 5],
+			closed: true,
+		};
+
+		let (segment_index, t) = closed_subpath.t_value_to_parametric(SubpathTValue::GlobalParametric(0.7));
+		assert_eq!(segment_index, 3);
+		assert!(f64_compare(t, 0.5, MAX_ABSOLUTE_DIFFERENCE));
+
+		// The start and end points of a closed subpath are equivalent
+		assert_eq!(closed_subpath.t_value_to_parametric(SubpathTValue::GlobalParametric(0.)), (0, 0.));
+		assert_eq!(closed_subpath.t_value_to_parametric(SubpathTValue::GlobalParametric(1.)), (4, 1.));
+	}
+
+	#[test]
+	fn exact_start_end() {
+		let start = DVec2::new(20., 30.);
+		let end = DVec2::new(60., 45.);
+		let handle = DVec2::new(75., 85.);
+
+		let subpath: Subpath<EmptyId> = Subpath::from_bezier(&Bezier::from_quadratic_dvec2(start, handle, end));
+
+		assert_eq!(subpath.evaluate(SubpathTValue::GlobalEuclidean(0.)), start);
+		assert_eq!(subpath.evaluate(SubpathTValue::GlobalEuclidean(1.)), end);
+	}
+}
diff --git a/libraries/bezier-rs/src/subpath/manipulators.rs b/libraries/bezier-rs/src/subpath/manipulators.rs
new file mode 100644
index 0000000000000000000000000000000000000000..4faf28d26a62f8110d7e1644f676b97ef542e7f2
--- /dev/null
+++ b/libraries/bezier-rs/src/subpath/manipulators.rs
@@ -0,0 +1,231 @@
+use super::*;
+use crate::consts::MAX_ABSOLUTE_DIFFERENCE;
+use crate::utils::f64_compare;
+use crate::{SubpathTValue, TValue};
+
+impl<PointId: crate::Identifier> Subpath<PointId> {
+	/// Get whether the subpath is closed.
+	pub fn closed(&self) -> bool {
+		self.closed
+	}
+
+	/// Set whether the subpath is closed.
+	pub fn set_closed(&mut self, new_closed: bool) {
+		self.closed = new_closed;
+	}
+
+	/// Access a [ManipulatorGroup] from a PointId.
+	pub fn manipulator_from_id(&self, id: PointId) -> Option<&ManipulatorGroup<PointId>> {
+		self.manipulator_groups.iter().find(|manipulator_group| manipulator_group.id == id)
+	}
+
+	/// Access a mutable [ManipulatorGroup] from a PointId.
+	pub fn manipulator_mut_from_id(&mut self, id: PointId) -> Option<&mut ManipulatorGroup<PointId>> {
+		self.manipulator_groups.iter_mut().find(|manipulator_group| manipulator_group.id == id)
+	}
+
+	/// Access the index of a [ManipulatorGroup] from a PointId.
+	pub fn manipulator_index_from_id(&self, id: PointId) -> Option<usize> {
+		self.manipulator_groups.iter().position(|manipulator_group| manipulator_group.id == id)
+	}
+
+	/// Insert a manipulator group at an index.
+	pub fn insert_manipulator_group(&mut self, index: usize, group: ManipulatorGroup<PointId>) {
+		assert!(group.is_finite(), "Inserting non finite manipulator group");
+		self.manipulator_groups.insert(index, group)
+	}
+
+	/// Push a manipulator group to the end.
+	pub fn push_manipulator_group(&mut self, group: ManipulatorGroup<PointId>) {
+		assert!(group.is_finite(), "Pushing non finite manipulator group");
+		self.manipulator_groups.push(group)
+	}
+
+	/// Get a mutable reference to the last manipulator
+	pub fn last_manipulator_group_mut(&mut self) -> Option<&mut ManipulatorGroup<PointId>> {
+		self.manipulator_groups.last_mut()
+	}
+
+	/// Remove a manipulator group at an index.
+	pub fn remove_manipulator_group(&mut self, index: usize) -> ManipulatorGroup<PointId> {
+		self.manipulator_groups.remove(index)
+	}
+
+	/// Inserts a `ManipulatorGroup` at a certain point along the subpath based on the parametric `t`-value provided.
+	/// Expects `t` to be within the inclusive range `[0, 1]`.
+	pub fn insert(&mut self, t: SubpathTValue) {
+		let (segment_index, t) = self.t_value_to_parametric(t);
+
+		if f64_compare(t, 0., MAX_ABSOLUTE_DIFFERENCE) || f64_compare(t, 1., MAX_ABSOLUTE_DIFFERENCE) {
+			return;
+		}
+
+		// The only case where `curve` would be `None` is if the provided argument was 1
+		// But the above if case would catch that, since `target_curve_t` would be 0.
+		let curve = self.iter().nth(segment_index).unwrap();
+
+		let [first, second] = curve.split(TValue::Parametric(t));
+		let new_group = ManipulatorGroup {
+			anchor: first.end(),
+			in_handle: first.handle_end(),
+			out_handle: second.handle_start(),
+			id: PointId::new(),
+		};
+		let number_of_groups = self.manipulator_groups.len() + 1;
+		self.manipulator_groups.insert((segment_index) + 1, new_group);
+		self.manipulator_groups[segment_index % number_of_groups].out_handle = first.handle_start();
+		self.manipulator_groups[(segment_index + 2) % number_of_groups].in_handle = second.handle_end();
+	}
+
+	/// Append a [Bezier] to the end of a subpath from a vector of [Bezier].
+	/// The `append_type` parameter determines how the function behaves when the subpath's last anchor is not equal to the Bezier's start point.
+	/// - `IgnoreStart`: drops the bezier's start point in favor of the subpath's last anchor
+	/// - `SmoothJoin(f64)`: joins the subpath's endpoint with the bezier's start with a another Bezier segment that is continuous up to the second derivative
+	///   if the difference between the subpath's end point and Bezier's start point exceeds the wrapped integer value.
+	///
+	/// This function assumes that the position of the [Bezier]'s starting point is equal to that of the Subpath's last manipulator group.
+	pub fn append_bezier(&mut self, bezier: &Bezier, append_type: AppendType) {
+		if self.manipulator_groups.is_empty() {
+			self.manipulator_groups = vec![ManipulatorGroup {
+				anchor: bezier.start(),
+				in_handle: None,
+				out_handle: None,
+				id: PointId::new(),
+			}];
+		}
+		let mut last_index = self.manipulator_groups.len() - 1;
+		let last_anchor = self.manipulator_groups[last_index].anchor;
+
+		if let AppendType::SmoothJoin(max_absolute_difference) = append_type {
+			// If the provided Bezier does not start at a location similar to the end of the Subpath,
+			// add an additional manipulator group to represent a smooth join with a new bezier in between
+			if !last_anchor.abs_diff_eq(bezier.start(), max_absolute_difference) {
+				let last_bezier = if self.manipulator_groups.len() > 1 {
+					self.manipulator_groups[last_index - 1].to_bezier(&self.manipulator_groups[last_index])
+				} else {
+					Bezier::from_linear_dvec2(last_anchor, last_anchor)
+				};
+				let join_bezier = last_bezier.join(bezier);
+				self.append_bezier(&join_bezier, AppendType::IgnoreStart);
+				last_index = self.manipulator_groups.len() - 1;
+			}
+		}
+		self.manipulator_groups[last_index].out_handle = bezier.handle_start();
+		self.manipulator_groups.push(ManipulatorGroup {
+			anchor: bezier.end(),
+			in_handle: bezier.handle_end(),
+			out_handle: None,
+			id: PointId::new(),
+		});
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use crate::utils::SubpathTValue;
+	use glam::DVec2;
+
+	fn set_up_open_subpath() -> Subpath<EmptyId> {
+		let start = DVec2::new(20., 30.);
+		let middle1 = DVec2::new(80., 90.);
+		let middle2 = DVec2::new(100., 100.);
+		let end = DVec2::new(60., 45.);
+
+		let handle1 = DVec2::new(75., 85.);
+		let handle2 = DVec2::new(40., 30.);
+		let handle3 = DVec2::new(10., 10.);
+
+		Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: None,
+					out_handle: Some(handle1),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: middle1,
+					in_handle: None,
+					out_handle: Some(handle2),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: middle2,
+					in_handle: None,
+					out_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: Some(handle3),
+					id: EmptyId,
+				},
+			],
+			false,
+		)
+	}
+
+	fn set_up_closed_subpath() -> Subpath<EmptyId> {
+		let mut subpath = set_up_open_subpath();
+		subpath.closed = true;
+		subpath
+	}
+
+	#[test]
+	fn insert_in_first_segment_of_open_subpath() {
+		let mut subpath = set_up_open_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let split_pair = subpath.iter().next().unwrap().split(TValue::Parametric((0.2 * 3.) % 1.));
+		subpath.insert(SubpathTValue::GlobalParametric(0.2));
+		assert_eq!(subpath.manipulator_groups[1].anchor, location);
+		assert_eq!(split_pair[0], subpath.iter().next().unwrap());
+		assert_eq!(split_pair[1], subpath.iter().nth(1).unwrap());
+	}
+
+	#[test]
+	fn insert_in_last_segment_of_open_subpath() {
+		let mut subpath = set_up_open_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.9));
+		let split_pair = subpath.iter().nth(2).unwrap().split(TValue::Parametric((0.9 * 3.) % 1.));
+		subpath.insert(SubpathTValue::GlobalParametric(0.9));
+		assert_eq!(subpath.manipulator_groups[3].anchor, location);
+		assert_eq!(split_pair[0], subpath.iter().nth(2).unwrap());
+		assert_eq!(split_pair[1], subpath.iter().nth(3).unwrap());
+	}
+
+	#[test]
+	fn insert_at_existing_manipulator_group_of_open_subpath() {
+		// This will do nothing to the subpath
+		let mut subpath = set_up_open_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.75));
+		subpath.insert(SubpathTValue::GlobalParametric(0.75));
+		assert_eq!(subpath.manipulator_groups[3].anchor, location);
+		assert_eq!(subpath.manipulator_groups.len(), 5);
+		assert_eq!(subpath.len_segments(), 4);
+	}
+
+	#[test]
+	fn insert_at_last_segment_of_closed_subpath() {
+		let mut subpath = set_up_closed_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.9));
+		let split_pair = subpath.iter().nth(3).unwrap().split(TValue::Parametric((0.9 * 4.) % 1.));
+		subpath.insert(SubpathTValue::GlobalParametric(0.9));
+		assert_eq!(subpath.manipulator_groups[4].anchor, location);
+		assert_eq!(split_pair[0], subpath.iter().nth(3).unwrap());
+		assert_eq!(split_pair[1], subpath.iter().nth(4).unwrap());
+		assert!(subpath.closed);
+	}
+
+	#[test]
+	fn insert_at_last_manipulator_group_of_closed_subpath() {
+		// This will do nothing to the subpath
+		let mut subpath = set_up_closed_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(1.));
+		subpath.insert(SubpathTValue::GlobalParametric(1.));
+		assert_eq!(subpath.manipulator_groups[0].anchor, location);
+		assert_eq!(subpath.manipulator_groups.len(), 4);
+		assert!(subpath.closed);
+	}
+}
diff --git a/libraries/bezier-rs/src/subpath/mod.rs b/libraries/bezier-rs/src/subpath/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c349e01e7c48914ec7e3e390ff33af155ca8e774
--- /dev/null
+++ b/libraries/bezier-rs/src/subpath/mod.rs
@@ -0,0 +1,75 @@
+mod core;
+mod lookup;
+mod manipulators;
+mod solvers;
+mod structs;
+mod transform;
+
+use crate::Bezier;
+pub use core::*;
+use std::fmt::{Debug, Formatter, Result};
+use std::ops::{Index, IndexMut};
+pub use structs::*;
+
+/// Structure used to represent a path composed of [Bezier] curves.
+#[derive(Clone, PartialEq, Hash)]
+#[cfg_attr(feature = "serde", derive(serde::Serialize, serde::Deserialize))]
+pub struct Subpath<PointId: crate::Identifier> {
+	manipulator_groups: Vec<ManipulatorGroup<PointId>>,
+	pub closed: bool,
+}
+
+#[cfg(feature = "dyn-any")]
+unsafe impl<PointId: crate::Identifier> dyn_any::StaticType for Subpath<PointId> {
+	type Static = Subpath<PointId>;
+}
+
+/// Iteration structure for iterating across each curve of a `Subpath`, using an intermediate `Bezier` representation.
+pub struct SubpathIter<'a, PointId: crate::Identifier> {
+	index: usize,
+	subpath: &'a Subpath<PointId>,
+	is_always_closed: bool,
+}
+
+impl<PointId: crate::Identifier> Index<usize> for Subpath<PointId> {
+	type Output = ManipulatorGroup<PointId>;
+
+	fn index(&self, index: usize) -> &Self::Output {
+		assert!(index < self.len(), "Index out of bounds in trait Index of SubPath.");
+		&self.manipulator_groups[index]
+	}
+}
+
+impl<PointId: crate::Identifier> IndexMut<usize> for Subpath<PointId> {
+	fn index_mut(&mut self, index: usize) -> &mut Self::Output {
+		assert!(index < self.len(), "Index out of bounds in trait IndexMut of SubPath.");
+		&mut self.manipulator_groups[index]
+	}
+}
+
+impl<PointId: crate::Identifier> Iterator for SubpathIter<'_, PointId> {
+	type Item = Bezier;
+
+	// Returns the Bezier representation of each `Subpath` segment, defined between a pair of adjacent manipulator points.
+	fn next(&mut self) -> Option<Self::Item> {
+		if self.subpath.is_empty() {
+			return None;
+		}
+		let closed = if self.is_always_closed { true } else { self.subpath.closed };
+		let len = self.subpath.len() - 1 + if closed { 1 } else { 0 };
+		if self.index >= len {
+			return None;
+		}
+		let start_index = self.index;
+		let end_index = (self.index + 1) % self.subpath.len();
+		self.index += 1;
+
+		Some(self.subpath[start_index].to_bezier(&self.subpath[end_index]))
+	}
+}
+
+impl<PointId: crate::Identifier> Debug for Subpath<PointId> {
+	fn fmt(&self, f: &mut Formatter<'_>) -> Result {
+		f.debug_struct("Subpath").field("closed", &self.closed).field("manipulator_groups", &self.manipulator_groups).finish()
+	}
+}
diff --git a/libraries/bezier-rs/src/subpath/solvers.rs b/libraries/bezier-rs/src/subpath/solvers.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d3558fc22d7a95c025dbc2092968844af3b32bb7
--- /dev/null
+++ b/libraries/bezier-rs/src/subpath/solvers.rs
@@ -0,0 +1,1067 @@
+use super::*;
+use crate::TValue;
+use crate::consts::MAX_ABSOLUTE_DIFFERENCE;
+use crate::utils::{SubpathTValue, compute_circular_subpath_details, is_rectangle_inside_other, line_intersection};
+use glam::{DAffine2, DMat2, DVec2};
+use std::f64::consts::PI;
+
+impl<PointId: crate::Identifier> Subpath<PointId> {
+	/// Calculate the point on the subpath based on the parametric `t`-value provided.
+	/// Expects `t` to be within the inclusive range `[0, 1]`.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#subpath/evaluate/solo" title="Evaluate Demo"></iframe>
+	pub fn evaluate(&self, t: SubpathTValue) -> DVec2 {
+		let (segment_index, t) = self.t_value_to_parametric(t);
+		self.get_segment(segment_index).unwrap().evaluate(TValue::Parametric(t))
+	}
+
+	/// Calculates the intersection points the subpath has with a given curve and returns a list of `(usize, f64)` tuples,
+	/// where the `usize` represents the index of the curve in the subpath, and the `f64` represents the `t`-value local to
+	/// that curve where the intersection occurred.
+	/// Expects the following:
+	/// - `other`: a [Bezier] curve to check intersections against
+	/// - `error`: an optional f64 value to provide an error bound
+	/// - `minimum_separation`: the minimum difference two adjacent `t`-values must have when comparing adjacent `t`-values in sorted order.
+	///
+	/// If the comparison condition is not satisfied, the function takes the larger `t`-value of the two.
+	/// <iframe frameBorder="0" width="100%" height="375px" src="https://graphite.rs/libraries/bezier-rs#subpath/intersect-linear/solo" title="Intersection Demo"></iframe>
+	///
+	/// <iframe frameBorder="0" width="100%" height="375px" src="https://graphite.rs/libraries/bezier-rs#subpath/intersect-quadratic/solo" title="Intersection Demo"></iframe>
+	///
+	/// <iframe frameBorder="0" width="100%" height="375px" src="https://graphite.rs/libraries/bezier-rs#subpath/intersect-cubic/solo" title="Intersection Demo"></iframe>
+	pub fn intersections(&self, other: &Bezier, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<(usize, f64)> {
+		self.iter()
+			.enumerate()
+			.flat_map(|(index, bezier)| bezier.intersections(other, error, minimum_separation).into_iter().map(|t| (index, t)).collect::<Vec<(usize, f64)>>())
+			.collect()
+	}
+
+	/// Calculates the intersection points the subpath has with another given subpath and returns a list of global parametric `t`-values.
+	/// This function expects the following:
+	/// - other: a [Bezier] curve to check intersections against
+	/// - error: an optional f64 value to provide an error bound
+	pub fn subpath_intersections(&self, other: &Subpath<PointId>, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<(usize, f64)> {
+		let mut intersection_t_values: Vec<(usize, f64)> = other.iter().flat_map(|bezier| self.intersections(&bezier, error, minimum_separation)).collect();
+		intersection_t_values.sort_by(|a, b| a.partial_cmp(b).unwrap());
+		intersection_t_values
+	}
+
+	/// Returns how many times a given ray intersects with this subpath. (`ray_direction` does not need to be normalized.)
+	/// If this needs to be called frequently with a ray of the same rotation angle, consider instead using [`ray_test_crossings_count_prerotated`].
+	pub fn ray_test_crossings_count(&self, ray_start: DVec2, ray_direction: DVec2) -> usize {
+		self.iter().map(|bezier| bezier.ray_test_crossings(ray_start, ray_direction).count()).sum()
+	}
+
+	/// Returns how many times a given ray intersects with this subpath. (`ray_direction` does not need to be normalized.)
+	/// This version of the function is for better performance when calling it frequently without needing to change the rotation between each call.
+	/// If that isn't important, use [`ray_test_crossings_count`] which provides an easier interface by taking a ray direction vector.
+	/// Instead, this version requires a rotation matrix for the ray's rotation and a prerotated version of this subpath that has had its rotation applied.
+	pub fn ray_test_crossings_count_prerotated(&self, ray_start: DVec2, rotation_matrix: DMat2, rotated_subpath: &Self) -> usize {
+		self.iter()
+			.zip(rotated_subpath.iter())
+			.map(|(bezier, rotated_bezier)| bezier.ray_test_crossings_prerotated(ray_start, rotation_matrix, rotated_bezier).count())
+			.sum()
+	}
+
+	/// Returns true if the given point is inside this subpath. Open paths are NOT automatically closed so you'll need to call `set_closed(true)` before calling this.
+	/// Self-intersecting subpaths use the `evenodd` fill rule for checking in/outside-ness: <https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-rule>.
+	/// If this needs to be called frequently, consider instead using [`point_inside_prerotated`] and moving this function's setup code into your own logic before the repeated call.
+	pub fn point_inside(&self, point: DVec2) -> bool {
+		// The directions use prime numbers to reduce the likelihood of running across two anchor points simultaneously
+		const SIN_13DEG: f64 = 0.22495105434;
+		const COS_13DEG: f64 = 0.97437006478;
+		const DIRECTION1: DVec2 = DVec2::new(SIN_13DEG, COS_13DEG);
+		const DIRECTION2: DVec2 = DVec2::new(-COS_13DEG, -SIN_13DEG);
+
+		// We (inefficiently) check for odd crossings in two directions and make sure they agree to reduce how often anchor points cause a double-increment
+		let test1 = self.ray_test_crossings_count(point, DIRECTION1) % 2 == 1;
+		let test2 = self.ray_test_crossings_count(point, DIRECTION2) % 2 == 1;
+
+		test1 && test2
+	}
+
+	/// Returns true if the given point is inside this subpath. Open paths are NOT automatically closed so you'll need to call `set_closed(true)` before calling this.
+	/// Self-intersecting subpaths use the `evenodd` fill rule for checking in/outside-ness: <https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-rule>.
+	/// This version of the function is for better performance when calling it frequently because it lets the caller precompute the rotations once instead of every call.
+	/// If that isn't important, use [`point_inside`] which provides an easier interface.
+	/// Instead, this version requires a pair of rotation matrices for the ray's rotation and a pair of prerotated versions of this subpath.
+	/// They should face in different directions that are unlikely to align in the real world. Consider using the following rotations:
+	/// ```rs
+	/// const SIN_13DEG: f64 = 0.22495105434;
+	/// const COS_13DEG: f64 = 0.97437006478;
+	/// const DIRECTION1: DVec2 = DVec2::new(SIN_13DEG, COS_13DEG);
+	/// const DIRECTION2: DVec2 = DVec2::new(-COS_13DEG, -SIN_13DEG);
+	/// ```
+	pub fn point_inside_prerotated(&self, point: DVec2, rotation_matrix1: DMat2, rotation_matrix2: DMat2, rotated_subpath1: &Self, rotated_subpath2: &Self) -> bool {
+		// We (inefficiently) check for odd crossings in two directions and make sure they agree to reduce how often anchor points cause a double-increment
+		let test1 = self.ray_test_crossings_count_prerotated(point, rotation_matrix1, rotated_subpath1) % 2 == 1;
+		let test2 = self.ray_test_crossings_count_prerotated(point, rotation_matrix2, rotated_subpath2) % 2 == 1;
+
+		test1 && test2
+	}
+
+	/// Computes the winding number contribution of the subpath.
+	pub fn winding_order(&self, point: DVec2) -> i32 {
+		self.iter().map(|segment| segment.winding(point)).sum()
+	}
+
+	/// Returns a list of `t` values that correspond to the self intersection points of the subpath. For each intersection point, the returned `t` value is the smaller of the two that correspond to the point.
+	/// - `error` - For intersections with non-linear beziers, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// - `minimum_separation`: the minimum difference two adjacent `t`-values must have when comparing adjacent `t`-values in sorted order.
+	///
+	/// If the comparison condition is not satisfied, the function takes the larger `t`-value of the two
+	///
+	/// **NOTE**: if an intersection were to occur within an `error` distance away from an anchor point, the algorithm will filter that intersection out.
+	/// <iframe frameBorder="0" width="100%" height="375px" src="https://graphite.rs/libraries/bezier-rs#subpath/intersect-self/solo" title="Self-Intersection Demo"></iframe>
+	pub fn self_intersections(&self, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<(usize, f64)> {
+		let mut intersections_vec = Vec::new();
+		let err = error.unwrap_or(MAX_ABSOLUTE_DIFFERENCE);
+		// TODO: optimization opportunity - this for-loop currently compares all intersections with all curve-segments in the subpath collection
+		self.iter().enumerate().for_each(|(i, other)| {
+			intersections_vec.extend(other.self_intersections(error, minimum_separation).iter().map(|value| (i, value[0])));
+			self.iter().enumerate().skip(i + 1).for_each(|(j, curve)| {
+				intersections_vec.extend(
+					curve
+						.intersections(&other, error, minimum_separation)
+						.iter()
+						.filter(|&value| value > &err && (1. - value) > err)
+						.map(|value| (j, *value)),
+				);
+			});
+		});
+		intersections_vec
+	}
+
+	/// Returns a list of `t` values that correspond to all the self intersection points of the subpath always considering it as a closed subpath. The index and `t` value of both will be returned that corresponds to a point.
+	/// The points will be sorted based on their index and `t` repsectively.
+	/// - `error` - For intersections with non-linear beziers, `error` defines the threshold for bounding boxes to be considered an intersection point.
+	/// - `minimum_separation`: the minimum difference two adjacent `t`-values must have when comparing adjacent `t`-values in sorted order.
+	///
+	/// If the comparison condition is not satisfied, the function takes the larger `t`-value of the two
+	///
+	/// **NOTE**: if an intersection were to occur within an `error` distance away from an anchor point, the algorithm will filter that intersection out.
+	pub fn all_self_intersections(&self, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<(usize, f64)> {
+		let mut intersections_vec = Vec::new();
+		let err = error.unwrap_or(MAX_ABSOLUTE_DIFFERENCE);
+		let num_curves = self.len();
+		// TODO: optimization opportunity - this for-loop currently compares all intersections with all curve-segments in the subpath collection
+		self.iter_closed().enumerate().for_each(|(i, other)| {
+			intersections_vec.extend(other.self_intersections(error, minimum_separation).iter().flat_map(|value| [(i, value[0]), (i, value[1])]));
+			self.iter_closed().enumerate().skip(i + 1).for_each(|(j, curve)| {
+				intersections_vec.extend(
+					curve
+						.all_intersections(&other, error, minimum_separation)
+						.iter()
+						.filter(|&value| (j != i + 1 || value[0] > err || (1. - value[1]) > err) && (j != num_curves - 1 || i != 0 || value[1] > err || (1. - value[0]) > err))
+						.flat_map(|value| [(j, value[0]), (i, value[1])]),
+				);
+			});
+		});
+
+		intersections_vec.sort_by(|a, b| a.partial_cmp(b).unwrap());
+
+		intersections_vec
+	}
+
+	/// Calculates the intersection points the subpath has with a given rectangle and returns a list of `(usize, f64)` tuples,
+	/// where the `usize` represents the index of the curve in the subpath, and the `f64` represents the `t`-value local to
+	/// that curve where the intersection occurred.
+	/// Expects the following:
+	/// - `corner1`: any corner of the axis-aligned box to intersect with
+	/// - `corner2`: the corner opposite to `corner1`
+	/// - `error`: an optional f64 value to provide an error bound
+	/// - `minimum_separation`: the minimum difference two adjacent `t`-values must have when comparing adjacent `t`-values in sorted order.
+	///
+	/// If the comparison condition is not satisfied, the function takes the larger `t`-value of the two.
+	/// <iframe frameBorder="0" width="100%" height="375px" src="https://graphite.rs/libraries/bezier-rs#subpath/intersect-rectangle/solo" title="Intersection Demo"></iframe>
+	pub fn rectangle_intersections(&self, corner1: DVec2, corner2: DVec2, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<(usize, f64)> {
+		[
+			Bezier::from_linear_coordinates(corner1.x, corner1.y, corner2.x, corner1.y),
+			Bezier::from_linear_coordinates(corner2.x, corner1.y, corner2.x, corner2.y),
+			Bezier::from_linear_coordinates(corner2.x, corner2.y, corner1.x, corner2.y),
+			Bezier::from_linear_coordinates(corner1.x, corner2.y, corner1.x, corner1.y),
+		]
+		.iter()
+		.flat_map(|bezier| self.intersections(bezier, error, minimum_separation))
+		.collect()
+	}
+
+	/// Checks if any intersections exist between this subpath and the four edges of the rectangle defined by the top-left `corner1` and bottom-right `corner2`.
+	/// This is faster than calling [`rectangle_intersections`]`.len()` because it short-circuits as soon as an intersection is found.
+	pub fn rectangle_intersections_exist(&self, corner1: DVec2, corner2: DVec2) -> bool {
+		let rotate_by_90deg = |point| DMat2::from_angle(std::f64::consts::FRAC_PI_2) * point;
+
+		for bezier in self.iter() {
+			// Check that the two bounding boxes don't intersect, since we can avoid doing intersection's cubic root finding in that case
+			let [bezier_corner1, bezier_corner2] = bezier.bounding_box_of_anchors_and_handles();
+			if !(((corner1.x < bezier_corner1.x) && (bezier_corner1.x < corner2.x) || (corner1.x < bezier_corner2.x) && (bezier_corner2.x < corner2.x))
+				&& corner1.y < bezier_corner2.y
+				&& corner2.y > bezier_corner1.y
+				|| ((corner1.y < bezier_corner1.y) && (bezier_corner1.y < corner2.y) || (corner1.y < bezier_corner2.y) && (bezier_corner2.y < corner2.y))
+					&& corner1.x < bezier_corner2.x
+					&& corner2.x > bezier_corner1.x)
+			{
+				continue;
+			}
+
+			// Original rotation axis
+			if bezier.line_test_crossings_prerotated(corner1, DMat2::IDENTITY, bezier).any(|intersection_point| {
+				let (_, y) = bezier.unrestricted_parametric_evaluate(intersection_point).into();
+				y >= corner1.y && y <= corner2.y
+			}) {
+				return true;
+			}
+			if bezier.line_test_crossings_prerotated(corner2, DMat2::IDENTITY, bezier).any(|intersection_point| {
+				let (_, y) = bezier.unrestricted_parametric_evaluate(intersection_point).into();
+				y >= corner1.y && y <= corner2.y
+			}) {
+				return true;
+			}
+
+			// Perpendicular to original rotation axis
+			let rotated_bezier = bezier.apply_transformation(rotate_by_90deg);
+			if bezier.line_test_crossings_prerotated(corner1, DMat2::IDENTITY, rotated_bezier).any(|intersection_point| {
+				let (x, _) = bezier.unrestricted_parametric_evaluate(intersection_point).into();
+				x >= corner1.x && x <= corner2.x
+			}) {
+				return true;
+			}
+			if bezier.line_test_crossings_prerotated(corner2, DMat2::IDENTITY, rotated_bezier).any(|intersection_point| {
+				let (x, _) = bezier.unrestricted_parametric_evaluate(intersection_point).into();
+				x >= corner1.x && x <= corner2.x
+			}) {
+				return true;
+			}
+		}
+
+		false
+	}
+
+	/// Returns `true` if this subpath is completely inside the `other` subpath.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#subpath/inside-other/solo" title="Inside Other Subpath Demo"></iframe>
+	pub fn is_inside_subpath(&self, other: &Subpath<PointId>, error: Option<f64>, minimum_separation: Option<f64>) -> bool {
+		// Eliminate any possibility of one being inside the other, if either of them is empty
+		if self.is_empty() || other.is_empty() {
+			return false;
+		}
+
+		// Safe to unwrap because the subpath is not empty
+		let inner_bbox = self.bounding_box().unwrap();
+		let outer_bbox = other.bounding_box().unwrap();
+
+		// Eliminate this subpath if its bounding box is not completely inside the other subpath's bounding box.
+		// Reasoning:
+		// If the (min x, min y) of the inner subpath is less than or equal to the (min x, min y) of the outer subpath,
+		// or if the (min x, min y) of the inner subpath is greater than or equal to the (max x, max y) of the outer subpath,
+		// then the inner subpath is intersecting with or outside the outer subpath. The same logic applies for (max x, max y).
+		if !is_rectangle_inside_other(inner_bbox, outer_bbox) {
+			return false;
+		}
+
+		// Eliminate this subpath if any of its anchors are outside the other subpath.
+		for anchors in self.anchors() {
+			if !other.contains_point(anchors) {
+				return false;
+			}
+		}
+
+		// Eliminate this subpath if it intersects with the other subpath.
+		if !self.subpath_intersections(other, error, minimum_separation).is_empty() {
+			return false;
+		}
+
+		// At this point:
+		// (1) This subpath's bounding box is inside the other subpath's bounding box,
+		// (2) Its anchors are inside the other subpath, and
+		// (3) It is not intersecting with the other subpath.
+		// Hence, this subpath is completely inside the given other subpath.
+		true
+	}
+
+	/// Returns a normalized unit vector representing the tangent on the subpath based on the parametric `t`-value provided.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#subpath/tangent/solo" title="Tangent Demo"></iframe>
+	pub fn tangent(&self, t: SubpathTValue) -> DVec2 {
+		let (segment_index, t) = self.t_value_to_parametric(t);
+		self.get_segment(segment_index).unwrap().tangent(TValue::Parametric(t))
+	}
+
+	/// Returns a normalized unit vector representing the direction of the normal on the subpath based on the parametric `t`-value provided.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#subpath/normal/solo" title="Normal Demo"></iframe>
+	pub fn normal(&self, t: SubpathTValue) -> DVec2 {
+		let (segment_index, t) = self.t_value_to_parametric(t);
+		self.get_segment(segment_index).unwrap().normal(TValue::Parametric(t))
+	}
+
+	/// Returns two lists of `t`-values representing the local extrema of the `x` and `y` parametric subpaths respectively.
+	/// The list of `t`-values returned are filtered such that they fall within the range `[0, 1]`.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#subpath/local-extrema/solo" title="Local Extrema Demo"></iframe>
+	pub fn local_extrema(&self) -> [Vec<f64>; 2] {
+		let number_of_curves = self.len_segments() as f64;
+
+		// TODO: Consider the shared point between adjacent beziers.
+		self.iter().enumerate().fold([Vec::new(), Vec::new()], |mut acc, elem| {
+			let [x, y] = elem.1.local_extrema();
+			// Convert t-values of bezier curve to t-values of subpath
+			acc[0].extend(x.map(|t| ((elem.0 as f64) + t) / number_of_curves).collect::<Vec<f64>>());
+			acc[1].extend(y.map(|t| ((elem.0 as f64) + t) / number_of_curves).collect::<Vec<f64>>());
+			acc
+		})
+	}
+
+	/// Return the min and max corners that represent the bounding box of the subpath. Return `None` if the subpath is empty.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#subpath/bounding-box/solo" title="Bounding Box Demo"></iframe>
+	pub fn bounding_box(&self) -> Option<[DVec2; 2]> {
+		self.iter().map(|bezier| bezier.bounding_box()).reduce(|bbox1, bbox2| [bbox1[0].min(bbox2[0]), bbox1[1].max(bbox2[1])])
+	}
+
+	/// Return the min and max corners that represent the bounding box of the subpath, after a given affine transform.
+	pub fn bounding_box_with_transform(&self, transform: glam::DAffine2) -> Option<[DVec2; 2]> {
+		self.iter()
+			.map(|bezier| bezier.apply_transformation(|v| transform.transform_point2(v)).bounding_box())
+			.reduce(|bbox1, bbox2| [bbox1[0].min(bbox2[0]), bbox1[1].max(bbox2[1])])
+	}
+
+	/// Return the min and max corners that represent the loose bounding box of the subpath (bounding box of all handles and anchors).
+	pub fn loose_bounding_box(&self) -> Option<[DVec2; 2]> {
+		self.manipulator_groups
+			.iter()
+			.flat_map(|group| [group.in_handle, group.out_handle, Some(group.anchor)])
+			.flatten()
+			.map(|pos| [pos, pos])
+			.reduce(|bbox1, bbox2| [bbox1[0].min(bbox2[0]), bbox1[1].max(bbox2[1])])
+	}
+
+	/// Return the min and max corners that represent the loose bounding box of the subpath, after a given affine transform.
+	pub fn loose_bounding_box_with_transform(&self, transform: glam::DAffine2) -> Option<[DVec2; 2]> {
+		self.manipulator_groups
+			.iter()
+			.flat_map(|group| [group.in_handle, group.out_handle, Some(group.anchor)])
+			.flatten()
+			.map(|pos| transform.transform_point2(pos))
+			.map(|pos| [pos, pos])
+			.reduce(|bbox1, bbox2| [bbox1[0].min(bbox2[0]), bbox1[1].max(bbox2[1])])
+	}
+
+	/// Returns list of `t`-values representing the inflection points of the subpath.
+	/// The list of `t`-values returned are filtered such that they fall within the range `[0, 1]`.
+	/// <iframe frameBorder="0" width="100%" height="300px" src="https://graphite.rs/libraries/bezier-rs#subpath/inflections/solo" title="Inflections Demo"></iframe>
+	pub fn inflections(&self) -> Vec<f64> {
+		let number_of_curves = self.len_segments() as f64;
+		let inflection_t_values: Vec<f64> = self
+			.iter()
+			.enumerate()
+			.flat_map(|(index, bezier)| {
+				bezier
+					.inflections()
+					.into_iter()
+					// Convert t-values of bezier curve to t-values of subpath
+					.map(move |t| ((index as f64) + t) / number_of_curves)
+			})
+			.collect();
+
+		// TODO: Consider the shared point between adjacent beziers.
+		inflection_t_values
+	}
+
+	/// Does a path contain a point? Based on the non zero winding
+	pub fn contains_point(&self, target_point: DVec2) -> bool {
+		self.iter().map(|bezier| bezier.winding(target_point)).sum::<i32>() != 0
+	}
+
+	/// Does a path contain a point? Based on the non zero winding. Automatically adds a linear segment if the subpath is not closed.
+	pub fn contains_point_autoclose(&self, target_point: DVec2) -> bool {
+		let mut winding = self.iter().map(|bezier| bezier.winding(target_point)).sum::<i32>();
+		if !self.closed {
+			if let [Some(first), Some(last)] = [self.manipulator_groups.first(), self.manipulator_groups.last()] {
+				winding += Bezier::from_linear_dvec2(first.anchor, last.anchor).winding(target_point);
+			}
+		}
+
+		winding != 0
+	}
+
+	/// Randomly places points across the filled surface of this subpath (which is assumed to be closed).
+	/// The `separation_disk_diameter` determines the minimum distance between all points from one another.
+	/// Conceptually, this works by "throwing a dart" at the subpath's bounding box and keeping the dart only if:
+	/// - It's inside the shape
+	/// - It's not closer than `separation_disk_diameter` to any other point from a previous accepted dart throw
+	///
+	/// This repeats until accepted darts fill all possible areas between one another.
+	///
+	/// While the conceptual process described above asymptotically slows down and is never guaranteed to produce a maximal set in finite time,
+	/// this is implemented with an algorithm that produces a maximal set in O(n) time. The slowest part is actually checking if points are inside the subpath shape.
+	pub fn poisson_disk_points(&self, separation_disk_diameter: f64, rng: impl FnMut() -> f64, subpaths: &[(Self, [DVec2; 2])], subpath_index: usize) -> Vec<DVec2> {
+		let Some(bounding_box) = self.bounding_box() else { return Vec::new() };
+		let (offset_x, offset_y) = bounding_box[0].into();
+		let (width, height) = (bounding_box[1] - bounding_box[0]).into();
+
+		// TODO: Optimize the following code and make it more robust
+
+		let mut shape = self.clone();
+		shape.set_closed(true);
+		shape.apply_transform(DAffine2::from_translation((-offset_x, -offset_y).into()));
+
+		let point_in_shape_checker = |point: DVec2| {
+			// Check against all paths the point is contained in to compute the correct winding number
+			let mut number = 0;
+			for (i, (shape, bb)) in subpaths.iter().enumerate() {
+				let point = point + bounding_box[0];
+				if bb[0].x > point.x || bb[0].y > point.y || bb[1].x < point.x || bb[1].y < point.y {
+					continue;
+				}
+				let winding = shape.winding_order(point);
+
+				if i == subpath_index && winding == 0 {
+					return false;
+				}
+				number += winding;
+			}
+			number != 0
+		};
+
+		let square_edges_intersect_shape_checker = |corner1: DVec2, size: f64| {
+			let corner2 = corner1 + DVec2::splat(size);
+			self.rectangle_intersections_exist(corner1, corner2)
+		};
+
+		let mut points = crate::poisson_disk::poisson_disk_sample(width, height, separation_disk_diameter, point_in_shape_checker, square_edges_intersect_shape_checker, rng);
+		for point in &mut points {
+			point.x += offset_x;
+			point.y += offset_y;
+		}
+		points
+	}
+
+	/// Returns the manipulator point that is needed for a miter join if it is possible.
+	/// - `miter_limit`: Defines a limit for the ratio between the miter length and the stroke width.
+	///
+	/// Alternatively, this can be interpreted as limiting the angle that the miter can form.
+	/// When the limit is exceeded, no manipulator group will be returned.
+	/// This value should be greater than 0. If not, the default of 4 will be used.
+	pub fn miter_line_join(&self, other: &Subpath<PointId>, miter_limit: Option<f64>) -> Option<ManipulatorGroup<PointId>> {
+		let miter_limit = match miter_limit {
+			Some(miter_limit) if miter_limit > f64::EPSILON => miter_limit,
+			_ => 4.,
+		};
+		// TODO: Besides returning None using the `?` operator, is there a more appropriate way to handle a `None` result from `get_segment`?
+		let in_segment = self.get_segment(self.len_segments().checked_sub(1)?)?;
+		let out_segment = other.get_segment(0)?;
+
+		let in_tangent = in_segment.tangent(TValue::Parametric(1.));
+		let out_tangent = out_segment.tangent(TValue::Parametric(0.));
+
+		if in_tangent == DVec2::ZERO || out_tangent == DVec2::ZERO {
+			// Avoid panic from normalizing zero vectors
+			// TODO: Besides returning None, is there a more appropriate way to handle this?
+			return None;
+		}
+		let normalized_in_tangent = in_tangent.normalize();
+		let normalized_out_tangent = out_tangent.normalize();
+
+		// The tangents must not be parallel for the miter join
+		if !normalized_in_tangent.abs_diff_eq(normalized_out_tangent, MAX_ABSOLUTE_DIFFERENCE) && !normalized_in_tangent.abs_diff_eq(-normalized_out_tangent, MAX_ABSOLUTE_DIFFERENCE) {
+			let intersection = line_intersection(in_segment.end(), in_tangent, out_segment.start(), out_tangent);
+
+			let start_to_intersection = intersection - in_segment.end();
+			let intersection_to_end = out_segment.start() - intersection;
+			if start_to_intersection == DVec2::ZERO || intersection_to_end == DVec2::ZERO {
+				// Avoid panic from normalizing zero vectors
+				// TODO: Besides returning None, is there a more appropriate way to handle this?
+				return None;
+			}
+
+			// Draw the miter join if the intersection occurs in the correct direction with respect to the path
+			if start_to_intersection.normalize().abs_diff_eq(in_tangent, MAX_ABSOLUTE_DIFFERENCE)
+				&& intersection_to_end.normalize().abs_diff_eq(out_tangent, MAX_ABSOLUTE_DIFFERENCE)
+				&& miter_limit > f64::EPSILON / (start_to_intersection.angle_to(-intersection_to_end).abs() / 2.).sin()
+			{
+				return Some(ManipulatorGroup {
+					anchor: intersection,
+					in_handle: None,
+					out_handle: None,
+					id: PointId::new(),
+				});
+			}
+		}
+		// If we can't draw the miter join, default to a bevel join
+		None
+	}
+
+	/// Returns the necessary information to create a round join with the provided center.
+	/// The returned items correspond to:
+	/// - The `out_handle` for the last manipulator group of `self`
+	/// - The new manipulator group to be added
+	/// - The `in_handle` for the first manipulator group of `other`
+	pub fn round_line_join(&self, other: &Subpath<PointId>, center: DVec2) -> (DVec2, ManipulatorGroup<PointId>, DVec2) {
+		let left = self.manipulator_groups[self.len() - 1].anchor;
+		let right = other.manipulator_groups[0].anchor;
+
+		let center_to_right = right - center;
+		let center_to_left = left - center;
+
+		let in_segment = self.len_segments().checked_sub(1).and_then(|segment| self.get_segment(segment));
+		let in_tangent = in_segment.map(|in_segment| in_segment.tangent(TValue::Parametric(1.)));
+
+		let mut angle = center_to_right.angle_to(center_to_left) / 2.;
+		let mut arc_point = center + DMat2::from_angle(angle).mul_vec2(center_to_right);
+
+		if in_tangent.map(|in_tangent| (arc_point - left).angle_to(in_tangent).abs()).unwrap_or_default() > PI / 2. {
+			angle = angle - PI * (if angle < 0. { -1. } else { 1. });
+			arc_point = center + DMat2::from_angle(angle).mul_vec2(center_to_right);
+		}
+
+		compute_circular_subpath_details(left, arc_point, right, center, Some(angle))
+	}
+
+	/// Returns the necessary information to create a round cap between the end of `self` and the beginning of `other`.
+	/// The returned items correspond to:
+	/// - The `out_handle` for the last manipulator group of `self`
+	/// - The new manipulator group to be added
+	/// - The `in_handle` for the first manipulator group of `other`
+	pub(crate) fn round_cap(&self, other: &Subpath<PointId>) -> (DVec2, ManipulatorGroup<PointId>, DVec2) {
+		let left = self.manipulator_groups[self.len() - 1].anchor;
+		let right = other.manipulator_groups[0].anchor;
+
+		let center = (right + left) / 2.;
+		let center_to_right = right - center;
+
+		let arc_point = center + center_to_right.perp();
+
+		compute_circular_subpath_details(left, arc_point, right, center, None)
+	}
+
+	/// Returns the two manipulator groups that create a square cap between the end of `self` and the beginning of `other`.
+	pub(crate) fn square_cap(&self, other: &Subpath<PointId>) -> [ManipulatorGroup<PointId>; 2] {
+		let left = self.manipulator_groups[self.len() - 1].anchor;
+		let right = other.manipulator_groups[0].anchor;
+
+		let center = (right + left) / 2.;
+		let center_to_right = right - center;
+
+		let translation = center_to_right.perp();
+
+		[ManipulatorGroup::new_anchor(left + translation), ManipulatorGroup::new_anchor(right + translation)]
+	}
+
+	/// Returns the curvature, a scalar value for the derivative at the point `t` along the subpath.
+	/// Curvature is 1 over the radius of a circle with an equivalent derivative.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#subpath/curvature/solo" title="Curvature Demo"></iframe>
+	pub fn curvature(&self, t: SubpathTValue) -> f64 {
+		let (segment_index, t) = self.t_value_to_parametric(t);
+		self.get_segment(segment_index).unwrap().curvature(TValue::Parametric(t))
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use crate::Bezier;
+	use crate::consts::MAX_ABSOLUTE_DIFFERENCE;
+	use crate::utils;
+	use glam::DVec2;
+
+	fn normalize_t(n: i64, t: f64) -> f64 {
+		t * (n as f64) % 1.
+	}
+
+	#[test]
+	fn evaluate_one_subpath_curve() {
+		let start = DVec2::new(20., 30.);
+		let end = DVec2::new(60., 45.);
+		let handle = DVec2::new(75., 85.);
+
+		let bezier = Bezier::from_quadratic_dvec2(start, handle, end);
+		let subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: None,
+					out_handle: Some(handle),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: Some(handle),
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+
+		let t0 = 0.;
+		assert_eq!(subpath.evaluate(SubpathTValue::GlobalParametric(t0)), bezier.evaluate(TValue::Parametric(t0)));
+
+		let t1 = 0.25;
+		assert_eq!(subpath.evaluate(SubpathTValue::GlobalParametric(t1)), bezier.evaluate(TValue::Parametric(t1)));
+
+		let t2 = 0.50;
+		assert_eq!(subpath.evaluate(SubpathTValue::GlobalParametric(t2)), bezier.evaluate(TValue::Parametric(t2)));
+
+		let t3 = 1.;
+		assert_eq!(subpath.evaluate(SubpathTValue::GlobalParametric(t3)), bezier.evaluate(TValue::Parametric(t3)));
+	}
+
+	#[test]
+	fn evaluate_multiple_subpath_curves() {
+		let start = DVec2::new(20., 30.);
+		let middle = DVec2::new(70., 70.);
+		let end = DVec2::new(60., 45.);
+		let handle1 = DVec2::new(75., 85.);
+		let handle2 = DVec2::new(40., 30.);
+		let handle3 = DVec2::new(10., 10.);
+
+		let linear_bezier = Bezier::from_linear_dvec2(start, middle);
+		let quadratic_bezier = Bezier::from_quadratic_dvec2(middle, handle1, end);
+		let cubic_bezier = Bezier::from_cubic_dvec2(end, handle2, handle3, start);
+
+		let mut subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: Some(handle3),
+					out_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: middle,
+					in_handle: None,
+					out_handle: Some(handle1),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: Some(handle2),
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+
+		// Test open subpath
+
+		let mut n = (subpath.len() as i64) - 1;
+
+		let t0 = 0.;
+		assert!(
+			utils::dvec2_compare(
+				subpath.evaluate(SubpathTValue::GlobalParametric(t0)),
+				linear_bezier.evaluate(TValue::Parametric(normalize_t(n, t0))),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		let t1 = 0.25;
+		assert!(
+			utils::dvec2_compare(
+				subpath.evaluate(SubpathTValue::GlobalParametric(t1)),
+				linear_bezier.evaluate(TValue::Parametric(normalize_t(n, t1))),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		let t2 = 0.50;
+		assert!(
+			utils::dvec2_compare(
+				subpath.evaluate(SubpathTValue::GlobalParametric(t2)),
+				quadratic_bezier.evaluate(TValue::Parametric(normalize_t(n, t2))),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		let t3 = 0.75;
+		assert!(
+			utils::dvec2_compare(
+				subpath.evaluate(SubpathTValue::GlobalParametric(t3)),
+				quadratic_bezier.evaluate(TValue::Parametric(normalize_t(n, t3))),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		let t4 = 1.;
+		assert!(
+			utils::dvec2_compare(
+				subpath.evaluate(SubpathTValue::GlobalParametric(t4)),
+				quadratic_bezier.evaluate(TValue::Parametric(1.)),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		// Test closed subpath
+
+		subpath.closed = true;
+		n = subpath.len() as i64;
+
+		let t5 = 2. / 3.;
+		assert!(
+			utils::dvec2_compare(
+				subpath.evaluate(SubpathTValue::GlobalParametric(t5)),
+				cubic_bezier.evaluate(TValue::Parametric(normalize_t(n, t5))),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		let t6 = 1.;
+		assert!(
+			utils::dvec2_compare(
+				subpath.evaluate(SubpathTValue::GlobalParametric(t6)),
+				cubic_bezier.evaluate(TValue::Parametric(1.)),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+	}
+
+	#[test]
+	fn intersection_linear_multiple_subpath_curves_test_one() {
+		// M 35 125 C 40 40 120 120 43 43 Q 175 90 145 150 Q 70 185 35 125 Z
+
+		let cubic_start = DVec2::new(35., 125.);
+		let cubic_handle_1 = DVec2::new(40., 40.);
+		let cubic_handle_2 = DVec2::new(120., 120.);
+		let cubic_end = DVec2::new(43., 43.);
+
+		let quadratic_1_handle = DVec2::new(175., 90.);
+		let quadratic_end = DVec2::new(145., 150.);
+
+		let quadratic_2_handle = DVec2::new(70., 185.);
+
+		let cubic_bezier = Bezier::from_cubic_dvec2(cubic_start, cubic_handle_1, cubic_handle_2, cubic_end);
+		let quadratic_bezier_1 = Bezier::from_quadratic_dvec2(cubic_end, quadratic_1_handle, quadratic_end);
+
+		let subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: cubic_start,
+					in_handle: None,
+					out_handle: Some(cubic_handle_1),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: cubic_end,
+					in_handle: Some(cubic_handle_2),
+					out_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: quadratic_end,
+					in_handle: Some(quadratic_1_handle),
+					out_handle: Some(quadratic_2_handle),
+					id: EmptyId,
+				},
+			],
+			true,
+		);
+
+		let line = Bezier::from_linear_coordinates(150., 150., 20., 20.);
+
+		let cubic_intersections = cubic_bezier.intersections(&line, None, None);
+		let quadratic_1_intersections = quadratic_bezier_1.intersections(&line, None, None);
+		let subpath_intersections = subpath.intersections(&line, None, None);
+
+		assert!(
+			utils::dvec2_compare(
+				cubic_bezier.evaluate(TValue::Parametric(cubic_intersections[0])),
+				subpath.evaluate(SubpathTValue::Parametric {
+					segment_index: subpath_intersections[0].0,
+					t: subpath_intersections[0].1
+				}),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		assert!(
+			utils::dvec2_compare(
+				quadratic_bezier_1.evaluate(TValue::Parametric(quadratic_1_intersections[0])),
+				subpath.evaluate(SubpathTValue::Parametric {
+					segment_index: subpath_intersections[1].0,
+					t: subpath_intersections[1].1
+				}),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		assert!(
+			utils::dvec2_compare(
+				quadratic_bezier_1.evaluate(TValue::Parametric(quadratic_1_intersections[1])),
+				subpath.evaluate(SubpathTValue::Parametric {
+					segment_index: subpath_intersections[2].0,
+					t: subpath_intersections[2].1
+				}),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+	}
+
+	#[test]
+	fn intersection_linear_multiple_subpath_curves_test_two() {
+		// M34 107 C40 40 120 120 102 29 Q175 90 129 171 Q70 185 34 107 Z
+		// M150 150 L 20 20
+
+		let cubic_start = DVec2::new(34., 107.);
+		let cubic_handle_1 = DVec2::new(40., 40.);
+		let cubic_handle_2 = DVec2::new(120., 120.);
+		let cubic_end = DVec2::new(102., 29.);
+
+		let quadratic_1_handle = DVec2::new(175., 90.);
+		let quadratic_end = DVec2::new(129., 171.);
+
+		let quadratic_2_handle = DVec2::new(70., 185.);
+
+		let cubic_bezier = Bezier::from_cubic_dvec2(cubic_start, cubic_handle_1, cubic_handle_2, cubic_end);
+		let quadratic_bezier_1 = Bezier::from_quadratic_dvec2(cubic_end, quadratic_1_handle, quadratic_end);
+
+		let subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: cubic_start,
+					in_handle: None,
+					out_handle: Some(cubic_handle_1),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: cubic_end,
+					in_handle: Some(cubic_handle_2),
+					out_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: quadratic_end,
+					in_handle: Some(quadratic_1_handle),
+					out_handle: Some(quadratic_2_handle),
+					id: EmptyId,
+				},
+			],
+			true,
+		);
+
+		let line = Bezier::from_linear_coordinates(150., 150., 20., 20.);
+
+		let cubic_intersections = cubic_bezier.intersections(&line, None, None);
+		let quadratic_1_intersections = quadratic_bezier_1.intersections(&line, None, None);
+		let subpath_intersections = subpath.intersections(&line, None, None);
+
+		assert!(
+			utils::dvec2_compare(
+				cubic_bezier.evaluate(TValue::Parametric(cubic_intersections[0])),
+				subpath.evaluate(SubpathTValue::Parametric {
+					segment_index: subpath_intersections[0].0,
+					t: subpath_intersections[0].1
+				}),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		assert!(
+			utils::dvec2_compare(
+				quadratic_bezier_1.evaluate(TValue::Parametric(quadratic_1_intersections[0])),
+				subpath.evaluate(SubpathTValue::Parametric {
+					segment_index: subpath_intersections[1].0,
+					t: subpath_intersections[1].1
+				}),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+	}
+
+	#[test]
+	fn intersection_linear_multiple_subpath_curves_test_three() {
+		// M35 125 C40 40 120 120 44 44 Q175 90 145 150 Q70 185 35 125 Z
+
+		let cubic_start = DVec2::new(35., 125.);
+		let cubic_handle_1 = DVec2::new(40., 40.);
+		let cubic_handle_2 = DVec2::new(120., 120.);
+		let cubic_end = DVec2::new(44., 44.);
+
+		let quadratic_1_handle = DVec2::new(175., 90.);
+		let quadratic_end = DVec2::new(145., 150.);
+
+		let quadratic_2_handle = DVec2::new(70., 185.);
+
+		let cubic_bezier = Bezier::from_cubic_dvec2(cubic_start, cubic_handle_1, cubic_handle_2, cubic_end);
+		let quadratic_bezier_1 = Bezier::from_quadratic_dvec2(cubic_end, quadratic_1_handle, quadratic_end);
+
+		let subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: cubic_start,
+					in_handle: None,
+					out_handle: Some(cubic_handle_1),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: cubic_end,
+					in_handle: Some(cubic_handle_2),
+					out_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: quadratic_end,
+					in_handle: Some(quadratic_1_handle),
+					out_handle: Some(quadratic_2_handle),
+					id: EmptyId,
+				},
+			],
+			true,
+		);
+
+		let line = Bezier::from_linear_coordinates(150., 150., 20., 20.);
+
+		let cubic_intersections = cubic_bezier.intersections(&line, None, None);
+		let quadratic_1_intersections = quadratic_bezier_1.intersections(&line, None, None);
+		let subpath_intersections = subpath.intersections(&line, None, None);
+
+		assert!(
+			utils::dvec2_compare(
+				cubic_bezier.evaluate(TValue::Parametric(cubic_intersections[0])),
+				subpath.evaluate(SubpathTValue::Parametric {
+					segment_index: subpath_intersections[0].0,
+					t: subpath_intersections[0].1
+				}),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		assert!(
+			utils::dvec2_compare(
+				quadratic_bezier_1.evaluate(TValue::Parametric(quadratic_1_intersections[0])),
+				subpath.evaluate(SubpathTValue::Parametric {
+					segment_index: subpath_intersections[1].0,
+					t: subpath_intersections[1].1
+				}),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+
+		assert!(
+			utils::dvec2_compare(
+				quadratic_bezier_1.evaluate(TValue::Parametric(quadratic_1_intersections[1])),
+				subpath.evaluate(SubpathTValue::Parametric {
+					segment_index: subpath_intersections[2].0,
+					t: subpath_intersections[2].1
+				}),
+				MAX_ABSOLUTE_DIFFERENCE
+			)
+			.all()
+		);
+	}
+
+	// TODO: add more intersection tests
+
+	#[test]
+	fn is_inside_subpath() {
+		let boundary_polygon = [DVec2::new(100., 100.), DVec2::new(500., 100.), DVec2::new(500., 500.), DVec2::new(100., 500.)].to_vec();
+		let boundary_polygon = Subpath::from_anchors_linear(boundary_polygon, true);
+
+		let curve = Bezier::from_quadratic_dvec2(DVec2::new(189., 289.), DVec2::new(9., 286.), DVec2::new(45., 410.));
+		let curve_intersecting = Subpath::<EmptyId>::from_bezier(&curve);
+		assert!(!curve_intersecting.is_inside_subpath(&boundary_polygon, None, None));
+
+		let curve = Bezier::from_quadratic_dvec2(DVec2::new(115., 37.), DVec2::new(51.4, 91.8), DVec2::new(76.5, 242.));
+		let curve_outside = Subpath::<EmptyId>::from_bezier(&curve);
+		assert!(!curve_outside.is_inside_subpath(&boundary_polygon, None, None));
+
+		let curve = Bezier::from_cubic_dvec2(DVec2::new(210.1, 133.5), DVec2::new(150.2, 436.9), DVec2::new(436., 285.), DVec2::new(247.6, 240.7));
+		let curve_inside = Subpath::<EmptyId>::from_bezier(&curve);
+		assert!(curve_inside.is_inside_subpath(&boundary_polygon, None, None));
+
+		let line = Bezier::from_linear_dvec2(DVec2::new(101., 101.5), DVec2::new(150.2, 499.));
+		let line_inside = Subpath::<EmptyId>::from_bezier(&line);
+		assert!(line_inside.is_inside_subpath(&boundary_polygon, None, None));
+	}
+
+	#[test]
+	fn round_join_counter_clockwise_rotation() {
+		// Test case where the round join is drawn in the counter clockwise direction between two consecutive offsets
+		let subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: DVec2::new(20., 20.),
+					out_handle: Some(DVec2::new(10., 90.)),
+					in_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(114., 159.),
+					out_handle: None,
+					in_handle: Some(DVec2::new(60., 40.)),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(148., 155.),
+					out_handle: None,
+					in_handle: None,
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+
+		let offset = subpath.offset(10., utils::Join::Round);
+		let offset_len = offset.len();
+
+		let manipulator_groups = offset.manipulator_groups();
+		let round_start = manipulator_groups[offset_len - 4].anchor;
+		let round_point = manipulator_groups[offset_len - 3].anchor;
+		let round_end = manipulator_groups[offset_len - 2].anchor;
+
+		let middle = (round_start + round_end) / 2.;
+
+		assert!((round_point - middle).angle_to(round_start - middle) > 0.);
+		assert!((round_end - middle).angle_to(round_point - middle) > 0.);
+	}
+
+	#[test]
+	fn round_join_clockwise_rotation() {
+		// Test case where the round join is drawn in the clockwise direction between two consecutive offsets
+		let subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: DVec2::new(20., 20.),
+					out_handle: Some(DVec2::new(10., 90.)),
+					in_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(150., 40.),
+					out_handle: None,
+					in_handle: Some(DVec2::new(60., 40.)),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(78., 36.),
+					out_handle: None,
+					in_handle: None,
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+
+		let offset = subpath.offset(-15., utils::Join::Round);
+		let offset_len = offset.len();
+
+		let manipulator_groups = offset.manipulator_groups();
+		let round_start = manipulator_groups[offset_len - 4].anchor;
+		let round_point = manipulator_groups[offset_len - 3].anchor;
+		let round_end = manipulator_groups[offset_len - 2].anchor;
+
+		let middle = (round_start + round_end) / 2.;
+
+		assert!((round_point - middle).angle_to(round_start - middle) < 0.);
+		assert!((round_end - middle).angle_to(round_point - middle) < 0.);
+	}
+}
diff --git a/libraries/bezier-rs/src/subpath/structs.rs b/libraries/bezier-rs/src/subpath/structs.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f0ef24dd7d057af2d98095961d2fac89cf430134
--- /dev/null
+++ b/libraries/bezier-rs/src/subpath/structs.rs
@@ -0,0 +1,146 @@
+use super::Bezier;
+use glam::{DAffine2, DVec2};
+use std::fmt::{Debug, Formatter, Result};
+use std::hash::Hash;
+
+/// An id type used for each [ManipulatorGroup].
+pub trait Identifier: Sized + Clone + PartialEq + Hash + 'static {
+	fn new() -> Self;
+}
+
+/// An empty id type for use in tests
+#[derive(Clone, Copy, PartialEq, Eq, Debug, Hash)]
+#[cfg(test)]
+pub(crate) struct EmptyId;
+
+#[cfg(test)]
+impl Identifier for EmptyId {
+	fn new() -> Self {
+		Self
+	}
+}
+
+/// Structure used to represent a single anchor with up to two optional associated handles along a `Subpath`
+#[derive(Copy, Clone, PartialEq)]
+#[cfg_attr(feature = "serde", derive(serde::Serialize, serde::Deserialize))]
+pub struct ManipulatorGroup<PointId: crate::Identifier> {
+	pub anchor: DVec2,
+	pub in_handle: Option<DVec2>,
+	pub out_handle: Option<DVec2>,
+	pub id: PointId,
+}
+
+// TODO: Remove once we no longer need to hash floats in Graphite
+impl<PointId: crate::Identifier> Hash for ManipulatorGroup<PointId> {
+	fn hash<H: core::hash::Hasher>(&self, state: &mut H) {
+		self.anchor.to_array().iter().for_each(|x| x.to_bits().hash(state));
+		self.in_handle.is_some().hash(state);
+		if let Some(in_handle) = self.in_handle {
+			in_handle.to_array().iter().for_each(|x| x.to_bits().hash(state));
+		}
+		self.out_handle.is_some().hash(state);
+		if let Some(out_handle) = self.out_handle {
+			out_handle.to_array().iter().for_each(|x| x.to_bits().hash(state));
+		}
+		self.id.hash(state);
+	}
+}
+
+#[cfg(feature = "dyn-any")]
+unsafe impl<PointId: crate::Identifier> dyn_any::StaticType for ManipulatorGroup<PointId> {
+	type Static = ManipulatorGroup<PointId>;
+}
+
+impl<PointId: crate::Identifier> Debug for ManipulatorGroup<PointId> {
+	fn fmt(&self, f: &mut Formatter<'_>) -> Result {
+		f.debug_struct("ManipulatorGroup")
+			.field("anchor", &self.anchor)
+			.field("in_handle", &self.in_handle)
+			.field("out_handle", &self.out_handle)
+			.finish()
+	}
+}
+
+impl<PointId: crate::Identifier> ManipulatorGroup<PointId> {
+	/// Construct a new manipulator group from an anchor, in handle and out handle
+	pub fn new(anchor: DVec2, in_handle: Option<DVec2>, out_handle: Option<DVec2>) -> Self {
+		let id = PointId::new();
+		Self { anchor, in_handle, out_handle, id }
+	}
+
+	/// Construct a new manipulator point with just an anchor position
+	pub fn new_anchor(anchor: DVec2) -> Self {
+		Self::new(anchor, Some(anchor), Some(anchor))
+	}
+
+	pub fn new_anchor_linear(anchor: DVec2) -> Self {
+		Self::new(anchor, None, None)
+	}
+
+	/// Construct a new manipulator group from an anchor, in handle, out handle and an id
+	pub fn new_with_id(anchor: DVec2, in_handle: Option<DVec2>, out_handle: Option<DVec2>, id: PointId) -> Self {
+		Self { anchor, in_handle, out_handle, id }
+	}
+
+	/// Construct a new manipulator point with just an anchor position and an id
+	pub fn new_anchor_with_id(anchor: DVec2, id: PointId) -> Self {
+		Self::new_with_id(anchor, Some(anchor), Some(anchor), id)
+	}
+
+	/// Create a bezier curve that starts at the current manipulator group and finishes in the `end_group` manipulator group.
+	pub fn to_bezier(&self, end_group: &ManipulatorGroup<PointId>) -> Bezier {
+		let start = self.anchor;
+		let end = end_group.anchor;
+		let out_handle = self.out_handle;
+		let in_handle = end_group.in_handle;
+
+		match (out_handle, in_handle) {
+			(Some(handle1), Some(handle2)) => Bezier::from_cubic_dvec2(start, handle1, handle2, end),
+			(Some(handle), None) | (None, Some(handle)) => Bezier::from_quadratic_dvec2(start, handle, end),
+			(None, None) => Bezier::from_linear_dvec2(start, end),
+		}
+	}
+
+	/// Apply a transformation to all of the [ManipulatorGroup] points
+	pub fn apply_transform(&mut self, affine_transform: DAffine2) {
+		self.anchor = affine_transform.transform_point2(self.anchor);
+		self.in_handle = self.in_handle.map(|in_handle| affine_transform.transform_point2(in_handle));
+		self.out_handle = self.out_handle.map(|out_handle| affine_transform.transform_point2(out_handle));
+	}
+
+	/// Are all handles at finite positions
+	pub fn is_finite(&self) -> bool {
+		self.anchor.is_finite() && self.in_handle.is_none_or(|handle| handle.is_finite()) && self.out_handle.is_none_or(|handle| handle.is_finite())
+	}
+
+	/// Reverse directions of handles
+	pub fn flip(mut self) -> Self {
+		std::mem::swap(&mut self.in_handle, &mut self.out_handle);
+		self
+	}
+
+	pub fn has_in_handle(&self) -> bool {
+		self.in_handle.map(|handle| Self::has_handle(self.anchor, handle)).unwrap_or(false)
+	}
+
+	pub fn has_out_handle(&self) -> bool {
+		self.out_handle.map(|handle| Self::has_handle(self.anchor, handle)).unwrap_or(false)
+	}
+
+	fn has_handle(anchor: DVec2, handle: DVec2) -> bool {
+		!((handle.x - anchor.x).abs() < f64::EPSILON && (handle.y - anchor.y).abs() < f64::EPSILON)
+	}
+}
+
+#[derive(Copy, Clone)]
+pub enum AppendType {
+	IgnoreStart,
+	SmoothJoin(f64),
+}
+
+#[derive(Copy, Clone, Eq, PartialEq, Hash)]
+pub enum ArcType {
+	Open,
+	Closed,
+	PieSlice,
+}
diff --git a/libraries/bezier-rs/src/subpath/transform.rs b/libraries/bezier-rs/src/subpath/transform.rs
new file mode 100644
index 0000000000000000000000000000000000000000..88fc4612f3a800a4fe3c837ab63bd0abdad5835b
--- /dev/null
+++ b/libraries/bezier-rs/src/subpath/transform.rs
@@ -0,0 +1,1115 @@
+use super::*;
+use crate::BezierHandles;
+use crate::consts::MAX_ABSOLUTE_DIFFERENCE;
+use crate::utils::{Cap, Join, SubpathTValue, TValue};
+use glam::{DAffine2, DVec2};
+use std::vec;
+
+/// Helper function to ensure the index and t value pair is mapped within a maximum index value.
+/// Allows for the point to be fetched without needing to handle an additional edge case.
+/// - Ex. Via `subpath.iter().nth(index).evaluate(t);`
+fn map_index_within_range(index: usize, t: f64, max_size: usize) -> (usize, f64) {
+	if max_size > 0 && index == max_size && t == 0. { (index - 1, 1.) } else { (index, t) }
+}
+
+/// Functionality that transforms Subpaths, such as split, reduce, offset, etc.
+impl<PointId: crate::Identifier> Subpath<PointId> {
+	/// Returns either one or two Subpaths that result from splitting the original Subpath at the point corresponding to `t`.
+	/// If the original Subpath was closed, a single open Subpath will be returned.
+	/// If the original Subpath was open, two open Subpaths will be returned.
+	/// <iframe frameBorder="0" width="100%" height="350px" src="https://graphite.rs/libraries/bezier-rs#subpath/split/solo" title="Split Demo"></iframe>
+	pub fn split(&self, t: SubpathTValue) -> (Subpath<PointId>, Option<Subpath<PointId>>) {
+		let (segment_index, t) = self.t_value_to_parametric(t);
+		let curve = self.get_segment(segment_index).unwrap();
+
+		let [first_bezier, second_bezier] = curve.split(TValue::Parametric(t));
+
+		let mut clone = self.manipulator_groups.clone();
+		// Split the manipulator group list such that the split location is between the last and first elements of the two split halves
+		// If the split is on an anchor point, include this anchor point in the first half of the split, except for the first manipulator group which we want in the second group
+		let (mut first_split, mut second_split) = if !(t == 0. && segment_index == 0) {
+			let clone2 = clone.split_off(self.len().min(segment_index + 1 + (t == 1.) as usize));
+			(clone, clone2)
+		} else {
+			(vec![], clone)
+		};
+
+		// If the subpath is closed and the split point is the start or end of the Subpath
+		if self.closed && ((t == 0. && segment_index == 0) || (t == 1. && segment_index == self.len_segments() - 1)) {
+			// The entire vector of manipulator groups will be in the second_split
+			// Add a new manipulator group with the same anchor as the first node to represent the end of the now opened subpath
+			let last_curve = self.iter().last().unwrap();
+			first_split.push(ManipulatorGroup {
+				anchor: first_bezier.end(),
+				in_handle: last_curve.handle_end(),
+				out_handle: None,
+				id: PointId::new(),
+			});
+		} else {
+			if !first_split.is_empty() {
+				let num_elements = first_split.len();
+				first_split[num_elements - 1].out_handle = first_bezier.handle_start();
+			}
+
+			if !second_split.is_empty() {
+				second_split[0].in_handle = second_bezier.handle_end();
+			}
+
+			// Push new manipulator groups to represent the location of the split at the end of the first group and at the start of the second
+			// If the split was at a manipulator group's anchor, add only one manipulator group
+			// Add it to the first list when the split location is on the first manipulator group, otherwise add to the second list
+			if (t % 1. != 0.) || segment_index == 0 {
+				first_split.push(ManipulatorGroup {
+					anchor: first_bezier.end(),
+					in_handle: first_bezier.handle_end(),
+					out_handle: None,
+					id: PointId::new(),
+				});
+			}
+
+			if !(t == 0. && segment_index == 0) {
+				second_split.insert(
+					0,
+					ManipulatorGroup {
+						anchor: second_bezier.start(),
+						in_handle: None,
+						out_handle: second_bezier.handle_start(),
+						id: PointId::new(),
+					},
+				);
+			}
+		}
+
+		if self.closed {
+			// "Rotate" the manipulator groups list so that the split point becomes the start and end of the open subpath
+			second_split.append(&mut first_split);
+			(Subpath::new(second_split, false), None)
+		} else {
+			(Subpath::new(first_split, false), Some(Subpath::new(second_split, false)))
+		}
+	}
+
+	/// Returns [ManipulatorGroup]s with a reversed winding order.
+	fn reverse_manipulator_groups(manipulator_groups: &[ManipulatorGroup<PointId>]) -> Vec<ManipulatorGroup<PointId>> {
+		manipulator_groups
+			.iter()
+			.rev()
+			.map(|group| ManipulatorGroup {
+				anchor: group.anchor,
+				in_handle: group.out_handle,
+				out_handle: group.in_handle,
+				id: PointId::new(),
+			})
+			.collect::<Vec<ManipulatorGroup<PointId>>>()
+	}
+
+	/// Returns a [Subpath] with a reversed winding order.
+	/// Note that a reversed closed subpath will start on the same manipulator group and simply wind the other direction
+	pub fn reverse(&self) -> Subpath<PointId> {
+		let mut reversed = Subpath::reverse_manipulator_groups(self.manipulator_groups());
+		if self.closed {
+			reversed.rotate_right(1);
+		};
+		Subpath {
+			manipulator_groups: reversed,
+			closed: self.closed,
+		}
+	}
+
+	/// Returns an open [Subpath] that results from trimming the original Subpath between the points corresponding to `t1` and `t2`, maintaining the winding order of the original.
+	/// If the original Subpath is closed, the order of arguments does matter.
+	/// The resulting Subpath will wind from the given `t1` to `t2`.
+	/// That means, if the value of `t1` > `t2`, it will cross the break between endpoints from `t1` to `t = 1 = 0` to `t2`.
+	/// If a path winding in the reverse direction is desired, call `trim` on the `Subpath` returned from `Subpath::reverse`.
+	/// <iframe frameBorder="0" width="100%" height="400px" src="https://graphite.rs/libraries/bezier-rs#subpath/trim/solo" title="Trim Demo"></iframe>
+	pub fn trim(&self, t1: SubpathTValue, t2: SubpathTValue) -> Subpath<PointId> {
+		// Return a clone of the Subpath if it is not long enough to be a valid Bezier
+		if self.manipulator_groups.is_empty() {
+			return Subpath {
+				manipulator_groups: vec![],
+				closed: self.closed,
+			};
+		}
+
+		let (mut t1_curve_index, mut t1_curve_t) = self.t_value_to_parametric(t1);
+		let (mut t2_curve_index, mut t2_curve_t) = self.t_value_to_parametric(t2);
+
+		// The only case where t would be 1 is when the input parameter refers to the the very last point on the subpath.
+		// We want these index and t pairs to always represent that point as the next curve index with t == 0.
+		if t1_curve_t == 1. {
+			t1_curve_index += 1;
+			t1_curve_t = 0.;
+		}
+		if t2_curve_t == 1. {
+			t2_curve_index += 1;
+			t2_curve_t = 0.;
+		}
+
+		// Check if the trimmed result is in the reverse direction
+		let are_arguments_reversed = t1_curve_index > t2_curve_index || (t1_curve_index == t2_curve_index && t1_curve_t > t2_curve_t);
+		if !self.closed && are_arguments_reversed {
+			(t1_curve_index, t2_curve_index) = (t2_curve_index, t1_curve_index);
+			(t1_curve_t, t2_curve_t) = (t2_curve_t, t1_curve_t);
+		}
+
+		// Get a new list from the manipulator groups that will be trimmed at the ends to form the resulting subpath.
+		// The list will contain enough manipulator groups such that the later code simply needs to trim the first and last bezier segments
+		// and then update the values of the corresponding first and last manipulator groups accordingly.
+		let mut cloned_manipulator_groups = self.manipulator_groups.clone();
+		let mut new_manipulator_groups = if self.closed && are_arguments_reversed {
+			// Need to rotate the cloned manipulator groups vector
+			// Remove the elements starting from t1_curve_index to become the new beginning of the list
+			let mut front = cloned_manipulator_groups.split_off(t1_curve_index);
+			// Truncate middle elements that are not needed
+			cloned_manipulator_groups.truncate(t2_curve_index + ((t2_curve_t != 0.) as usize) + 1);
+			// Reconnect the two ends in the new order
+			front.extend(cloned_manipulator_groups);
+			if t1_curve_index == t2_curve_index % self.len_segments() {
+				// If the start and end of the trim are in the same bezier segment, we want to add a duplicate of the first two manipulator groups.
+				// This is to make sure the the closed loop is correctly represented and because this segment needs to be trimmed on both ends of the resulting subpath.
+				front.push(front[0].clone());
+				front.push(front[1].clone());
+			}
+			if t1_curve_index == t2_curve_index % self.len_segments() + 1 {
+				// If the start and end of the trim are in adjacent bezier segments, we want to add a duplicate of the first manipulator group.
+				// This is to make sure the the closed loop is correctly represented.
+				front.push(front[0].clone());
+			}
+			front
+		} else {
+			// Determine the subsection of the subpath's manipulator groups that are needed
+			if self.closed {
+				// Add a duplicate of the first manipulator group to ensure the final closing segment is considered
+				cloned_manipulator_groups.push(cloned_manipulator_groups[0].clone());
+			}
+
+			// Find the start and end of the new range and consider whether the indices are reversed
+			let range_start = t1_curve_index.min(t2_curve_index);
+			// Add 1 since the drain range is not inclusive
+			// Add 1 again if the corresponding t is not 0 because we want to include the next manipulator group which forms the bezier that this t value is on
+			let range_end = 1 + t2_curve_index + ((t2_curve_t != 0.) as usize);
+
+			cloned_manipulator_groups
+				.drain(range_start..range_end.min(cloned_manipulator_groups.len()))
+				.collect::<Vec<ManipulatorGroup<PointId>>>()
+		};
+
+		// Adjust curve indices to match the cloned list
+		if self.closed && are_arguments_reversed {
+			// If trimmed subpath required rotating the manipulator group, adjust the indices to match
+			t2_curve_index = (t2_curve_index + self.len_segments() - t1_curve_index) % self.len_segments();
+			if t2_curve_index == 0 {
+				// If the case is where the start and end are in the same bezier,
+				// change the index to point to the duplicate of this bezier that was pushed to the vector
+				t2_curve_index += self.len_segments();
+			}
+			t1_curve_index = 0;
+		} else {
+			let min_index = t1_curve_index.min(t2_curve_index);
+			t1_curve_index -= min_index;
+			t2_curve_index -= min_index;
+		}
+
+		// Change the representation of the point corresponding to the end point of the subpath
+		// So that we do not need an additional edges case in the later code to handle this point
+		(t1_curve_index, t1_curve_t) = map_index_within_range(t1_curve_index, t1_curve_t, new_manipulator_groups.len() - 1);
+		(t2_curve_index, t2_curve_t) = map_index_within_range(t2_curve_index, t2_curve_t, new_manipulator_groups.len() - 1);
+
+		if new_manipulator_groups.len() == 1 {
+			// This case will occur when `t1` and `t2` both represent one of the manipulator group anchors
+			// Add a duplicate manipulator group so that the returned Subpath is still a valid Bezier
+			let mut point = new_manipulator_groups[0].clone();
+			point.in_handle = None;
+			point.out_handle = None;
+			return Subpath {
+				manipulator_groups: vec![point],
+				closed: false,
+			};
+		}
+
+		let len_new_manip_groups = new_manipulator_groups.len();
+
+		// Create Beziers from the first and last pairs of manipulator groups
+		// These will be trimmed to form the start and end of the new subpath
+		let curve1 = new_manipulator_groups[0].to_bezier(&new_manipulator_groups[1]);
+		let curve2 = new_manipulator_groups[len_new_manip_groups - 2].to_bezier(&new_manipulator_groups[len_new_manip_groups - 1]);
+
+		// If the target curve_indices are the same, then the trim must be happening within one bezier
+		// This means curve1 == curve2 must be true, and we can simply call the Bezier trim.
+		if t1_curve_index == t2_curve_index {
+			return Subpath::from_bezier(&curve1.trim(TValue::Parametric(t1_curve_t), TValue::Parametric(t2_curve_t)));
+		}
+
+		// Split the bezier's with the according t value and keep the correct half
+		let [_, front_split] = curve1.split(TValue::Parametric(t1_curve_t));
+		let [back_split, _] = curve2.split(TValue::Parametric(t2_curve_t));
+
+		// Update the first two manipulator groups to match the front_split
+		new_manipulator_groups[1].in_handle = front_split.handle_end();
+		new_manipulator_groups[0] = ManipulatorGroup {
+			anchor: front_split.start(),
+			in_handle: None,
+			out_handle: front_split.handle_start(),
+			id: PointId::new(),
+		};
+
+		// Update the last two manipulator groups to match the back_split
+		new_manipulator_groups[len_new_manip_groups - 2].out_handle = back_split.handle_start();
+		new_manipulator_groups[len_new_manip_groups - 1] = ManipulatorGroup {
+			anchor: back_split.end(),
+			in_handle: back_split.handle_end(),
+			out_handle: None,
+			id: PointId::new(),
+		};
+
+		Subpath {
+			manipulator_groups: new_manipulator_groups,
+			closed: false,
+		}
+	}
+
+	/// Apply a transformation to all of the [ManipulatorGroup]s in the [Subpath].
+	pub fn apply_transform(&mut self, affine_transform: DAffine2) {
+		for manipulator_group in &mut self.manipulator_groups {
+			manipulator_group.apply_transform(affine_transform);
+		}
+	}
+
+	/// Smooths a Subpath up to the first derivative, using a weighted averaged based on segment length.
+	/// The Subpath must be open, and contain no quadratic segments.
+	pub(crate) fn smooth_open_subpath(&mut self) {
+		if self.len() < 2 {
+			return;
+		}
+		for i in 1..self.len() - 1 {
+			let first_bezier = self.manipulator_groups[i - 1].to_bezier(&self.manipulator_groups[i]);
+			let second_bezier = self.manipulator_groups[i].to_bezier(&self.manipulator_groups[i + 1]);
+			if first_bezier.handle_end().is_none() || second_bezier.handle_end().is_none() {
+				continue;
+			}
+			let end_tangent = first_bezier.non_normalized_tangent(1.);
+			let start_tangent = second_bezier.non_normalized_tangent(0.);
+
+			// Compute an average unit vector, weighing the segments by a rough estimation of their relative size.
+			let segment1_len = first_bezier.length(None);
+			let segment2_len = second_bezier.length(None);
+			let average_unit_tangent = (end_tangent.normalize() * segment1_len + start_tangent.normalize() * segment2_len) / (segment1_len + segment2_len);
+
+			// Adjust start and end handles to fit the average tangent
+			let end_point = first_bezier.end();
+			self.manipulator_groups[i].in_handle = Some((average_unit_tangent / 3. * -1.) * end_tangent.length() + end_point);
+
+			let start_point = second_bezier.start();
+			self.manipulator_groups[i].out_handle = Some((average_unit_tangent / 3.) * start_tangent.length() + start_point);
+		}
+	}
+
+	// TODO: If a segment curls back on itself tightly enough it could intersect again at the portion that should be trimmed. This could cause the Subpaths to be clipped
+	// at the incorrect location. This can be avoided by first trimming the two Subpaths at any extrema, effectively ignoring loopbacks.
+	/// Helper function to clip overlap of two intersecting open Subpaths. Returns an optional, as intersections may not exist for certain arrangements and distances.
+	/// Assumes that the Subpaths represents simple Bezier segments, and clips the Subpaths at the last intersection of the first Subpath, and first intersection of the last Subpath.
+	pub fn clip_simple_subpaths(subpath1: &Subpath<PointId>, subpath2: &Subpath<PointId>) -> Option<(Subpath<PointId>, Subpath<PointId>)> {
+		// Split the first subpath at its last intersection
+		let intersections1 = subpath1.subpath_intersections(subpath2, None, None);
+		if intersections1.is_empty() {
+			return None;
+		}
+		let (segment_index, t) = *intersections1.last().unwrap();
+		let (clipped_subpath1, _) = subpath1.split(SubpathTValue::Parametric { segment_index, t });
+
+		// Split the second subpath at its first intersection
+		let intersections2 = subpath2.subpath_intersections(subpath1, None, None);
+		if intersections2.is_empty() {
+			return None;
+		}
+		let (segment_index, t) = intersections2[0];
+		let (_, clipped_subpath2) = subpath2.split(SubpathTValue::Parametric { segment_index, t });
+
+		Some((clipped_subpath1, clipped_subpath2.unwrap()))
+	}
+
+	/// Returns a subpath that results from rotating this subpath around the origin by the given angle (in radians).
+	/// <iframe frameBorder="0" width="100%" height="325px" src="https://graphite.rs/libraries/bezier-rs#subpath/rotate/solo" title="Rotate Demo"></iframe>
+	pub fn rotate(&self, angle: f64) -> Subpath<PointId> {
+		let mut rotated_subpath = self.clone();
+
+		let affine_transform: DAffine2 = DAffine2::from_angle(angle);
+		rotated_subpath.apply_transform(affine_transform);
+
+		rotated_subpath
+	}
+
+	/// Returns a subpath that results from rotating this subpath around the provided point by the given angle (in radians).
+	pub fn rotate_about_point(&self, angle: f64, pivot: DVec2) -> Subpath<PointId> {
+		// Translate before and after the rotation to account for the pivot
+		let translate: DAffine2 = DAffine2::from_translation(pivot);
+		let rotate: DAffine2 = DAffine2::from_angle(angle);
+		let translate_inverse = translate.inverse();
+
+		let mut rotated_subpath = self.clone();
+		rotated_subpath.apply_transform(translate * rotate * translate_inverse);
+		rotated_subpath
+	}
+
+	/// Reduces the segments of the subpath into simple subcurves, then scales each subcurve a set `distance` away.
+	/// The intersections of segments of the subpath are joined using the method specified by the `join` argument.
+	/// <iframe frameBorder="0" width="100%" height="400px" src="https://graphite.rs/libraries/bezier-rs#subpath/offset/solo" title="Offset Demo"></iframe>
+	pub fn offset(&self, distance: f64, join: Join) -> Subpath<PointId> {
+		// An offset at a distance 0 from the curve is simply the same curve
+		// An offset of a single point is not defined
+		if distance == 0. || self.len() <= 1 || self.len_segments() < 1 {
+			return self.clone();
+		}
+
+		let mut subpaths = self
+			.iter()
+			.filter(|bezier| !bezier.is_point())
+			.map(|bezier| bezier.offset(distance))
+			.filter(|subpath| subpath.len() >= 2) // In some cases the reduced and scaled bézier is marked by is_point (so the subpath is empty).
+			.collect::<Vec<Subpath<PointId>>>();
+
+		let mut drop_common_point = vec![true; self.len()];
+
+		// Clip or join consecutive Subpaths
+		for i in 0..subpaths.len() - 1 {
+			let j = i + 1;
+			let subpath1 = &subpaths[i];
+			let subpath2 = &subpaths[j];
+
+			let last_segment = subpath1.get_segment(subpath1.len_segments() - 1).unwrap();
+			let first_segment = subpath2.get_segment(0).unwrap();
+
+			// If the anchors are approximately equal, there is no need to clip / join the segments
+			if last_segment.end().abs_diff_eq(first_segment.start(), MAX_ABSOLUTE_DIFFERENCE) {
+				continue;
+			}
+
+			// Calculate the angle formed between two consecutive Subpaths
+			let out_tangent = self.get_segment(i).unwrap().tangent(TValue::Parametric(1.));
+			let in_tangent = self.get_segment(j).unwrap().tangent(TValue::Parametric(0.));
+			let angle = out_tangent.angle_to(in_tangent);
+
+			// The angle is concave. The Subpath overlap and must be clipped
+			let mut apply_join = true;
+			if (angle > 0. && distance > 0.) || (angle < 0. && distance < 0.) {
+				// If the distance is large enough, there may still be no intersections. Also, if the angle is close enough to zero,
+				// subpath intersections may find no intersections. In this case, the points are likely close enough that we can approximate
+				// the points as being on top of one another.
+				if let Some((clipped_subpath1, clipped_subpath2)) = Subpath::clip_simple_subpaths(subpath1, subpath2) {
+					subpaths[i] = clipped_subpath1;
+					subpaths[j] = clipped_subpath2;
+					apply_join = false;
+				}
+			}
+			// The angle is convex. The Subpath must be joined using the specified join type
+			if apply_join {
+				drop_common_point[j] = false;
+				match join {
+					Join::Bevel => {}
+					Join::Miter(miter_limit) => {
+						let miter_manipulator_group = subpaths[i].miter_line_join(&subpaths[j], miter_limit);
+						if let Some(miter_manipulator_group) = miter_manipulator_group {
+							subpaths[i].manipulator_groups.push(miter_manipulator_group);
+						}
+					}
+					Join::Round => {
+						let (out_handle, round_point, in_handle) = subpaths[i].round_line_join(&subpaths[j], self.manipulator_groups[j].anchor);
+						let last_index = subpaths[i].manipulator_groups.len() - 1;
+						subpaths[i].manipulator_groups[last_index].out_handle = Some(out_handle);
+						subpaths[i].manipulator_groups.push(round_point.clone());
+						subpaths[j].manipulator_groups[0].in_handle = Some(in_handle);
+					}
+				}
+			}
+		}
+
+		// Clip any overlap in the last segment
+		if self.closed {
+			let out_tangent = self.get_segment(self.len_segments() - 1).unwrap().tangent(TValue::Parametric(1.));
+			let in_tangent = self.get_segment(0).unwrap().tangent(TValue::Parametric(0.));
+			let angle = out_tangent.angle_to(in_tangent);
+
+			let mut apply_join = true;
+			if (angle > 0. && distance > 0.) || (angle < 0. && distance < 0.) {
+				if let Some((clipped_subpath1, clipped_subpath2)) = Subpath::clip_simple_subpaths(&subpaths[subpaths.len() - 1], &subpaths[0]) {
+					// Merge the clipped subpaths
+					let last_index = subpaths.len() - 1;
+					subpaths[last_index] = clipped_subpath1;
+					subpaths[0] = clipped_subpath2;
+					apply_join = false;
+				}
+			}
+			if apply_join {
+				drop_common_point[0] = false;
+				match join {
+					Join::Bevel => {}
+					Join::Miter(miter_limit) => {
+						let last_subpath_index = subpaths.len() - 1;
+						let miter_manipulator_group = subpaths[last_subpath_index].miter_line_join(&subpaths[0], miter_limit);
+						if let Some(miter_manipulator_group) = miter_manipulator_group {
+							subpaths[last_subpath_index].manipulator_groups.push(miter_manipulator_group);
+						}
+					}
+					Join::Round => {
+						let last_subpath_index = subpaths.len() - 1;
+						let (out_handle, round_point, in_handle) = subpaths[last_subpath_index].round_line_join(&subpaths[0], self.manipulator_groups[0].anchor);
+						let last_index = subpaths[last_subpath_index].manipulator_groups.len() - 1;
+						subpaths[last_subpath_index].manipulator_groups[last_index].out_handle = Some(out_handle);
+						subpaths[last_subpath_index].manipulator_groups.push(round_point);
+						subpaths[0].manipulator_groups[0].in_handle = Some(in_handle);
+					}
+				}
+			}
+		}
+
+		// Merge the subpaths. Drop points which overlap with one another.
+		let mut manipulator_groups = subpaths[0].manipulator_groups.clone();
+		for i in 1..subpaths.len() {
+			if drop_common_point[i] {
+				let last_group = manipulator_groups.pop().unwrap();
+				let mut manipulators_copy = subpaths[i].manipulator_groups.clone();
+				manipulators_copy[0].in_handle = last_group.in_handle;
+
+				manipulator_groups.append(&mut manipulators_copy);
+			} else {
+				manipulator_groups.append(&mut subpaths[i].manipulator_groups.clone());
+			}
+		}
+		if self.closed && drop_common_point[0] {
+			let last_group = manipulator_groups.pop().unwrap();
+			manipulator_groups[0].in_handle = last_group.in_handle;
+		}
+
+		Subpath::new(manipulator_groups, self.closed)
+	}
+
+	/// Helper function to combine the two offsets that make up an outline.
+	pub(crate) fn combine_outline(&self, other: &Subpath<PointId>, cap: Cap) -> Subpath<PointId> {
+		let mut result_manipulator_groups: Vec<ManipulatorGroup<PointId>> = vec![];
+		result_manipulator_groups.extend_from_slice(self.manipulator_groups());
+		match cap {
+			Cap::Butt => {
+				result_manipulator_groups.extend_from_slice(other.manipulator_groups());
+			}
+			Cap::Round => {
+				let last_index = result_manipulator_groups.len() - 1;
+				let (out_handle, round_point, in_handle) = self.round_cap(other);
+				result_manipulator_groups[last_index].out_handle = Some(out_handle);
+				result_manipulator_groups.push(round_point);
+				result_manipulator_groups.extend_from_slice(&other.manipulator_groups);
+				result_manipulator_groups[last_index + 2].in_handle = Some(in_handle);
+
+				let last_index = result_manipulator_groups.len() - 1;
+				let (out_handle, round_point, in_handle) = other.round_cap(self);
+				result_manipulator_groups[last_index].out_handle = Some(out_handle);
+				result_manipulator_groups.push(round_point);
+				result_manipulator_groups[0].in_handle = Some(in_handle);
+			}
+			Cap::Square => {
+				let square_points = self.square_cap(other);
+				result_manipulator_groups.extend_from_slice(&square_points);
+				result_manipulator_groups.extend_from_slice(other.manipulator_groups());
+				let square_points = other.square_cap(self);
+				result_manipulator_groups.extend_from_slice(&square_points);
+			}
+		}
+		Subpath::new(result_manipulator_groups, true)
+	}
+
+	// TODO: Replace this return type with `Path`, once the `Path` data type has been created.
+	/// Outline returns a single closed subpath (if the original subpath was open) or two closed subpaths (if the original subpath was closed) that forms
+	/// an approximate outline around the subpath at a specified distance from the curve. Outline takes the following parameters:
+	/// - `distance` - The outline's distance from the curve.
+	/// - `join` - The join type used to cap the endpoints of open bezier curves, and join successive subpath segments.
+	/// <iframe frameBorder="0" width="100%" height="425px" src="https://graphite.rs/libraries/bezier-rs#subpath/outline/solo" title="Outline Demo"></iframe>
+	pub fn outline(&self, distance: f64, join: Join, cap: Cap) -> (Subpath<PointId>, Option<Subpath<PointId>>) {
+		let is_point = self.is_point();
+		let (pos_offset, neg_offset) = if is_point {
+			let point = self.manipulator_groups[0].anchor;
+			(
+				Subpath::new(vec![ManipulatorGroup::new_anchor(point + DVec2::NEG_Y * distance)], false),
+				Subpath::new(vec![ManipulatorGroup::new_anchor(point + DVec2::Y * distance)], false),
+			)
+		} else {
+			(self.offset(distance, join), self.reverse().offset(distance, join))
+		};
+
+		if self.closed && !is_point {
+			return (pos_offset, Some(neg_offset));
+		}
+
+		(pos_offset.combine_outline(&neg_offset, cap), None)
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::{Cap, Join, ManipulatorGroup, Subpath};
+	use crate::EmptyId;
+	use crate::compare::{compare_points, compare_subpaths, compare_vec_of_points};
+	use crate::consts::MAX_ABSOLUTE_DIFFERENCE;
+	use crate::utils::{SubpathTValue, TValue};
+	use glam::DVec2;
+
+	fn set_up_open_subpath() -> Subpath<EmptyId> {
+		let start = DVec2::new(20., 30.);
+		let middle1 = DVec2::new(80., 90.);
+		let middle2 = DVec2::new(100., 100.);
+		let end = DVec2::new(60., 45.);
+
+		let handle1 = DVec2::new(75., 85.);
+		let handle2 = DVec2::new(40., 30.);
+		let handle3 = DVec2::new(10., 10.);
+
+		Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: start,
+					in_handle: None,
+					out_handle: Some(handle1),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: middle1,
+					in_handle: None,
+					out_handle: Some(handle2),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: middle2,
+					in_handle: None,
+					out_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: end,
+					in_handle: None,
+					out_handle: Some(handle3),
+					id: EmptyId,
+				},
+			],
+			false,
+		)
+	}
+
+	fn set_up_closed_subpath() -> Subpath<EmptyId> {
+		let mut subpath = set_up_open_subpath();
+		subpath.closed = true;
+		subpath
+	}
+
+	#[test]
+	fn outline_with_single_point_segment() {
+		let subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: DVec2::new(20., 20.),
+					out_handle: Some(DVec2::new(10., 90.)),
+					in_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(150., 40.),
+					out_handle: None,
+					in_handle: Some(DVec2::new(60., 40.)),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(150., 40.),
+					out_handle: Some(DVec2::new(40., 120.)),
+					in_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(100., 100.),
+					out_handle: None,
+					in_handle: None,
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+
+		let outline = subpath.outline(10., crate::Join::Round, crate::Cap::Round).0;
+		assert!(outline.manipulator_groups.windows(2).all(|pair| !pair[0].anchor.abs_diff_eq(pair[1].anchor, MAX_ABSOLUTE_DIFFERENCE)));
+		assert!(outline.closed());
+	}
+
+	#[test]
+	/// Even though the bézier here is not marked as a point, the offset and scaled version is.
+	fn outline_with_point_offset() {
+		let subpath = Subpath::new(
+			vec![
+				ManipulatorGroup {
+					anchor: DVec2::new(1122.6253015182049, 610.9441551227939),
+					out_handle: Some(DVec2::new(1122.6253015182049, 610.9445412168651)),
+					in_handle: None,
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(1122.6258671405062, 610.9453107605276),
+					out_handle: None,
+					in_handle: Some(DVec2::new(1122.6254904904154, 610.9449255479497)),
+					id: EmptyId,
+				},
+				ManipulatorGroup {
+					anchor: DVec2::new(0., 0.),
+					out_handle: None,
+					in_handle: None,
+					id: EmptyId,
+				},
+			],
+			false,
+		);
+		let outline = subpath.outline(4.4, crate::Join::Round, crate::Cap::Round).0;
+		assert!(outline.manipulator_groups.windows(2).all(|pair| !pair[0].anchor.abs_diff_eq(pair[1].anchor, MAX_ABSOLUTE_DIFFERENCE)));
+		assert!(outline.closed());
+	}
+
+	#[test]
+	fn split_an_open_subpath() {
+		let subpath = set_up_open_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let split_pair = subpath.iter().next().unwrap().split(TValue::Parametric((0.2 * 3.) % 1.));
+		let (first, second) = subpath.split(SubpathTValue::GlobalParametric(0.2));
+		assert!(second.is_some());
+		let second = second.unwrap();
+		assert_eq!(first.manipulator_groups[1].anchor, location);
+		assert_eq!(second.manipulator_groups[0].anchor, location);
+		assert_eq!(split_pair[0], first.iter().last().unwrap());
+		assert_eq!(split_pair[1], second.iter().next().unwrap());
+	}
+
+	#[test]
+	fn split_at_start_of_an_open_subpath() {
+		let subpath = set_up_open_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let split_pair = subpath.iter().next().unwrap().split(TValue::Parametric(0.));
+		let (first, second) = subpath.split(SubpathTValue::GlobalParametric(0.));
+		assert!(second.is_some());
+		let second = second.unwrap();
+		assert_eq!(
+			first.manipulator_groups[0],
+			ManipulatorGroup {
+				anchor: location,
+				in_handle: None,
+				out_handle: None,
+				id: EmptyId,
+			}
+		);
+		assert_eq!(first.manipulator_groups.len(), 1);
+		assert_eq!(second.manipulator_groups[0].anchor, location);
+		assert_eq!(split_pair[1], second.iter().next().unwrap());
+	}
+
+	#[test]
+	fn split_at_end_of_an_open_subpath() {
+		let subpath = set_up_open_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(1.));
+		let split_pair = subpath.iter().last().unwrap().split(TValue::Parametric(1.));
+		let (first, second) = subpath.split(SubpathTValue::GlobalParametric(1.));
+		assert!(second.is_some());
+		let second = second.unwrap();
+		assert_eq!(first.manipulator_groups[3].anchor, location);
+		assert_eq!(split_pair[0], first.iter().last().unwrap());
+		assert_eq!(
+			second.manipulator_groups[0],
+			ManipulatorGroup {
+				anchor: location,
+				in_handle: None,
+				out_handle: None,
+				id: EmptyId,
+			}
+		);
+		assert_eq!(second.manipulator_groups.len(), 1);
+	}
+
+	#[test]
+	fn split_a_closed_subpath() {
+		let subpath = set_up_closed_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let split_pair = subpath.iter().next().unwrap().split(TValue::Parametric((0.2 * 4.) % 1.));
+		let (first, second) = subpath.split(SubpathTValue::GlobalParametric(0.2));
+		assert!(second.is_none());
+		assert_eq!(first.manipulator_groups[0].anchor, location);
+		assert_eq!(first.manipulator_groups[5].anchor, location);
+		assert_eq!(first.manipulator_groups.len(), 6);
+		assert_eq!(split_pair[0], first.iter().last().unwrap());
+		assert_eq!(split_pair[1], first.iter().next().unwrap());
+	}
+
+	#[test]
+	fn split_at_start_of_a_closed_subpath() {
+		let subpath = set_up_closed_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let (first, second) = subpath.split(SubpathTValue::GlobalParametric(0.));
+		assert!(second.is_none());
+		assert_eq!(first.manipulator_groups[0].anchor, location);
+		assert_eq!(first.manipulator_groups[4].anchor, location);
+		assert_eq!(subpath.manipulator_groups[0..], first.manipulator_groups[..4]);
+		assert!(!first.closed);
+		assert_eq!(first.iter().last().unwrap(), subpath.iter().last().unwrap());
+		assert_eq!(first.iter().next().unwrap(), subpath.iter().next().unwrap());
+	}
+
+	#[test]
+	fn split_at_end_of_a_closed_subpath() {
+		let subpath = set_up_closed_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(1.));
+		let (first, second) = subpath.split(SubpathTValue::GlobalParametric(1.));
+		assert!(second.is_none());
+		assert_eq!(first.manipulator_groups[0].anchor, location);
+		assert_eq!(first.manipulator_groups[4].anchor, location);
+		assert_eq!(subpath.manipulator_groups[0..], first.manipulator_groups[..4]);
+		assert!(!first.closed);
+		assert_eq!(first.iter().last().unwrap(), subpath.iter().last().unwrap());
+		assert_eq!(first.iter().next().unwrap(), subpath.iter().next().unwrap());
+	}
+
+	#[test]
+	fn reverse_an_open_subpath() {
+		let subpath = set_up_open_subpath();
+		let temporary = subpath.reverse();
+		let result = temporary.reverse();
+		let end = result.len();
+
+		assert_eq!(temporary.manipulator_groups[0].anchor, result.manipulator_groups[end - 1].anchor);
+		assert_eq!(temporary.manipulator_groups[0].out_handle, result.manipulator_groups[end - 1].in_handle);
+		assert_eq!(subpath, result);
+	}
+
+	#[test]
+	fn reverse_a_closed_subpath() {
+		let subpath = set_up_closed_subpath();
+		let temporary = subpath.reverse();
+		let result = temporary.reverse();
+		let end = result.len();
+
+		// Second manipulator group on the temporary subpath should be the reflected version of the last in the result
+		assert_eq!(temporary.manipulator_groups[1].anchor, result.manipulator_groups[end - 1].anchor);
+		assert_eq!(temporary.manipulator_groups[1].in_handle, result.manipulator_groups[end - 1].out_handle);
+		assert_eq!(temporary.manipulator_groups[1].out_handle, result.manipulator_groups[end - 1].in_handle);
+
+		// The first manipulator group in both should be the reflected versions of each other
+		assert_eq!(temporary.manipulator_groups[0].anchor, result.manipulator_groups[0].anchor);
+		assert_eq!(temporary.manipulator_groups[0].in_handle, result.manipulator_groups[0].out_handle);
+		assert_eq!(temporary.manipulator_groups[0].out_handle, result.manipulator_groups[0].in_handle);
+		assert_eq!(subpath, result);
+	}
+
+	#[test]
+	fn trim_an_open_subpath() {
+		let subpath = set_up_open_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.8));
+		let [_, trim_front] = subpath.iter().next().unwrap().split(TValue::Parametric((0.2 * 3.) % 1.));
+		let [trim_back, _] = subpath.iter().last().unwrap().split(TValue::Parametric((0.8 * 3.) % 1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.2), SubpathTValue::GlobalParametric(0.8));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[3].anchor, location_back);
+		assert_eq!(trim_front, result.iter().next().unwrap());
+		assert_eq!(trim_back, result.iter().last().unwrap());
+	}
+
+	#[test]
+	fn trim_within_a_bezier() {
+		let subpath = set_up_open_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.1));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let trimmed = subpath.iter().next().unwrap().trim(TValue::Parametric((0.1 * 3.) % 1.), TValue::Parametric((0.2 * 3.) % 1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.1), SubpathTValue::GlobalParametric(0.2));
+		assert!(compare_points(result.manipulator_groups[0].anchor, location_front));
+		assert!(compare_points(result.manipulator_groups[1].anchor, location_back));
+		assert_eq!(trimmed, result.iter().next().unwrap());
+		assert_eq!(result.len(), 2);
+	}
+
+	#[test]
+	fn trim_first_segment_of_an_open_subpath() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.25));
+		let trimmed = subpath.iter().next().unwrap().trim(TValue::Parametric(0.), TValue::Parametric(1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.), SubpathTValue::GlobalParametric(0.25));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[1].anchor, location_back);
+		assert_eq!(trimmed, result.iter().next().unwrap());
+	}
+
+	#[test]
+	fn trim_second_segment_of_an_open_subpath() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.25));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.5));
+		let trimmed = subpath.iter().nth(1).unwrap().trim(TValue::Parametric(0.), TValue::Parametric(1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.25), SubpathTValue::GlobalParametric(0.5));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[1].anchor, location_back);
+		assert_eq!(trimmed, result.iter().next().unwrap());
+	}
+
+	#[test]
+	fn trim_reverse_in_open_subpath() {
+		let subpath = set_up_open_subpath();
+		let result1 = subpath.trim(SubpathTValue::GlobalParametric(0.8), SubpathTValue::GlobalParametric(0.2));
+		let result2 = subpath.trim(SubpathTValue::GlobalParametric(0.2), SubpathTValue::GlobalParametric(0.8));
+
+		assert!(compare_subpaths::<EmptyId>(&result1, &result2));
+	}
+
+	#[test]
+	fn trim_reverse_within_a_bezier() {
+		let subpath = set_up_open_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.1));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let trimmed = subpath.iter().next().unwrap().trim(TValue::Parametric((0.2 * 3.) % 1.), TValue::Parametric((0.1 * 3.) % 1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.2), SubpathTValue::GlobalParametric(0.1));
+
+		assert!(compare_points(result.manipulator_groups[0].anchor, location_front));
+		assert!(compare_points(result.manipulator_groups[1].anchor, location_back));
+		assert!(compare_vec_of_points(
+			trimmed.get_points().collect(),
+			result.iter().next().unwrap().get_points().collect(),
+			MAX_ABSOLUTE_DIFFERENCE
+		));
+		assert_eq!(result.len(), 2);
+	}
+
+	#[test]
+	fn trim_a_duplicate_subpath() {
+		let subpath = set_up_open_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.), SubpathTValue::GlobalParametric(1.));
+
+		// Assume that resulting subpath would no longer have the any meaningless handles
+		let mut expected_subpath = subpath;
+		expected_subpath[3].out_handle = None;
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert!(compare_points(result.manipulator_groups[3].anchor, location_back));
+		assert_eq!(expected_subpath, result);
+	}
+
+	#[test]
+	fn trim_a_reversed_duplicate_subpath() {
+		let subpath = set_up_open_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(1.), SubpathTValue::GlobalParametric(0.));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[3].anchor, location_back);
+		assert!(compare_subpaths::<EmptyId>(&subpath, &result));
+	}
+
+	#[test]
+	fn trim_to_end_of_subpath() {
+		let subpath = set_up_open_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.8));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(1.));
+		let trimmed = subpath.iter().last().unwrap().trim(TValue::Parametric((0.8 * 3.) % 1.), TValue::Parametric(1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.8), SubpathTValue::GlobalParametric(1.));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert!(compare_points(result.manipulator_groups[1].anchor, location_back));
+		assert_eq!(trimmed, result.iter().next().unwrap());
+	}
+
+	#[test]
+	fn trim_reversed_to_end_of_subpath() {
+		let subpath = set_up_open_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let trimmed = subpath.iter().next().unwrap().trim(TValue::Parametric((0.2 * 3.) % 1.), TValue::Parametric(0.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.2), SubpathTValue::GlobalParametric(0.));
+
+		assert!(compare_points(result.manipulator_groups[0].anchor, location_front));
+		assert!(compare_points(result.manipulator_groups[1].anchor, location_back));
+		assert!(compare_vec_of_points(
+			trimmed.get_points().collect(),
+			result.iter().next().unwrap().get_points().collect(),
+			MAX_ABSOLUTE_DIFFERENCE
+		));
+	}
+
+	#[test]
+	fn trim_start_point() {
+		let subpath = set_up_open_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.), SubpathTValue::GlobalParametric(0.));
+
+		assert!(compare_points(result.manipulator_groups[0].anchor, location));
+		assert!(result.manipulator_groups[0].in_handle.is_none());
+		assert!(result.manipulator_groups[0].out_handle.is_none());
+		assert_eq!(result.len(), 1);
+	}
+
+	#[test]
+	fn trim_middle_point() {
+		let subpath = set_up_closed_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.25));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.25), SubpathTValue::GlobalParametric(0.25));
+
+		assert!(compare_points(result.manipulator_groups[0].anchor, location));
+		assert!(result.manipulator_groups[0].in_handle.is_none());
+		assert!(result.manipulator_groups[0].out_handle.is_none());
+		assert_eq!(result.len(), 1);
+	}
+
+	#[test]
+	fn trim_a_closed_subpath() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.8));
+		let [_, trim_front] = subpath.iter().next().unwrap().split(TValue::Parametric((0.2 * 4.) % 1.));
+		let [trim_back, _] = subpath.iter().last().unwrap().split(TValue::Parametric((0.8 * 4.) % 1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.2), SubpathTValue::GlobalParametric(0.8));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[4].anchor, location_back);
+		assert_eq!(trim_front, result.iter().next().unwrap());
+		assert_eq!(trim_back, result.iter().last().unwrap());
+	}
+
+	#[test]
+	fn trim_to_end_of_closed_subpath() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.8));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(1.));
+		let trimmed = subpath.iter().last().unwrap().trim(TValue::Parametric((0.8 * 4.) % 1.), TValue::Parametric(1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.8), SubpathTValue::GlobalParametric(1.));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert!(compare_points(result.manipulator_groups[1].anchor, location_back));
+		assert_eq!(trimmed, result.iter().next().unwrap());
+	}
+
+	#[test]
+	fn trim_across_break_in_a_closed_subpath() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.8));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let [_, trim_front] = subpath.iter().last().unwrap().split(TValue::Parametric((0.8 * 4.) % 1.));
+		let [trim_back, _] = subpath.iter().next().unwrap().split(TValue::Parametric((0.2 * 4.) % 1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.8), SubpathTValue::GlobalParametric(0.2));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[2].anchor, location_back);
+		assert_eq!(trim_front, result.iter().next().unwrap());
+		assert_eq!(trim_back, result.iter().last().unwrap());
+	}
+
+	#[test]
+	fn trim_across_break_in_a_closed_subpath_where_result_is_multiple_segments() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.6));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.4));
+		let [_, trim_front] = subpath.iter().nth(2).unwrap().split(TValue::Parametric((0.6 * 4.) % 1.));
+		let [trim_back, _] = subpath.iter().nth(1).unwrap().split(TValue::Parametric((0.4 * 4.) % 1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.6), SubpathTValue::GlobalParametric(0.4));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[4].anchor, location_back);
+		assert_eq!(trim_front, result.iter().next().unwrap());
+		assert_eq!(trim_back, result.iter().last().unwrap());
+	}
+
+	#[test]
+	fn trim_across_break_in_a_closed_subpath_where_ends_are_in_same_segment() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.45));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.4));
+		let [_, trim_front] = subpath.iter().nth(1).unwrap().split(TValue::Parametric((0.45 * 4.) % 1.));
+		let [trim_back, _] = subpath.iter().nth(1).unwrap().split(TValue::Parametric((0.4 * 4.) % 1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.45), SubpathTValue::GlobalParametric(0.4));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[5].anchor, location_back);
+		assert_eq!(trim_front, result.iter().next().unwrap());
+		assert_eq!(trim_back, result.iter().last().unwrap());
+	}
+
+	#[test]
+	fn trim_at_break_in_closed_subpath_where_end_is_0() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(0.8));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let trimmed = subpath.iter().last().unwrap().trim(TValue::Parametric((0.8 * 4.) % 1.), TValue::Parametric(1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(0.8), SubpathTValue::GlobalParametric(0.));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[1].anchor, location_back);
+		assert_eq!(trimmed, result.iter().next().unwrap());
+	}
+
+	#[test]
+	fn trim_at_break_in_closed_subpath_where_start_is_1() {
+		let subpath = set_up_closed_subpath();
+		let location_front = subpath.evaluate(SubpathTValue::GlobalParametric(1.));
+		let location_back = subpath.evaluate(SubpathTValue::GlobalParametric(0.2));
+		let trimmed = subpath.iter().next().unwrap().trim(TValue::Parametric(0.), TValue::Parametric((0.2 * 4.) % 1.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(1.), SubpathTValue::GlobalParametric(0.2));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location_front);
+		assert_eq!(result.manipulator_groups[1].anchor, location_back);
+		assert_eq!(trimmed, result.iter().next().unwrap());
+	}
+
+	#[test]
+	fn trim_at_break_in_closed_subpath_from_1_to_0() {
+		let subpath = set_up_closed_subpath();
+		let location = subpath.evaluate(SubpathTValue::GlobalParametric(0.));
+		let result = subpath.trim(SubpathTValue::GlobalParametric(1.), SubpathTValue::GlobalParametric(0.));
+
+		assert_eq!(result.manipulator_groups[0].anchor, location);
+		assert!(result.manipulator_groups[0].in_handle.is_none());
+		assert!(result.manipulator_groups[0].out_handle.is_none());
+		assert_eq!(result.manipulator_groups.len(), 1);
+	}
+
+	#[test]
+	fn outline_single_point_circle() {
+		let ellipse: Subpath<EmptyId> = Subpath::new_ellipse(DVec2::new(0., 0.), DVec2::new(50., 50.)).reverse();
+		let p = DVec2::new(25., 25.);
+
+		let subpath: Subpath<EmptyId> = Subpath::from_anchors([p, p, p], false);
+		let outline_open = subpath.outline(25., Join::Bevel, Cap::Round);
+		assert_eq!(outline_open.0, ellipse);
+		assert_eq!(outline_open.1, None);
+
+		let subpath_closed: Subpath<EmptyId> = Subpath::from_anchors([p, p, p], true);
+		let outline_closed = subpath_closed.outline(25., Join::Bevel, Cap::Round);
+		assert_eq!(outline_closed.0, ellipse);
+		assert_eq!(outline_closed.1, None);
+	}
+
+	#[test]
+	fn outline_single_point_square() {
+		let square: Subpath<EmptyId> = Subpath::from_anchors(
+			[
+				DVec2::new(25., 0.),
+				DVec2::new(0., 0.),
+				DVec2::new(0., 50.),
+				DVec2::new(25., 50.),
+				DVec2::new(50., 50.),
+				DVec2::new(50., 0.),
+			],
+			true,
+		);
+		let p = DVec2::new(25., 25.);
+
+		let subpath: Subpath<EmptyId> = Subpath::from_anchors([p, p, p], false);
+		let outline_open = subpath.outline(25., Join::Bevel, Cap::Square);
+		assert_eq!(outline_open.0, square);
+		assert_eq!(outline_open.1, None);
+
+		let subpath_closed: Subpath<EmptyId> = Subpath::from_anchors([p, p, p], true);
+		let outline_closed = subpath_closed.outline(25., Join::Bevel, Cap::Square);
+		assert_eq!(outline_closed.0, square);
+		assert_eq!(outline_closed.1, None);
+	}
+}
diff --git a/libraries/bezier-rs/src/symmetrical_basis.rs b/libraries/bezier-rs/src/symmetrical_basis.rs
new file mode 100644
index 0000000000000000000000000000000000000000..800de69d9d0ff2d1d4383efbf984e1c88f10f6b3
--- /dev/null
+++ b/libraries/bezier-rs/src/symmetrical_basis.rs
@@ -0,0 +1,622 @@
+/*
+ * Modifications and Rust port copyright (C) 2024 by 0Hypercube.
+ *
+ * Original version by lib2geom: <https://gitlab.com/inkscape/lib2geom>
+ *
+ * The entirety of this file is specially licensed under MPL 1.1 terms:
+ *
+ *  Original Authors:
+ *   Nathan Hurst <njh@mail.csse.monash.edu.au>
+ *   Michael Sloan <mgsloan@gmail.com>
+ *   Marco Cecchetti <mrcekets at gmail.com>
+ *   MenTaLguY <mental@rydia.net>
+ *   Michael Sloan <mgsloan@gmail.com>
+ *   Nathan Hurst <njh@njhurst.com>
+ *   Krzysztof Kosiński <tweenk.pl@gmail.com>
+ *   And additional authors listed in the version control history of the following files:
+ *   - https://gitlab.com/inkscape/lib2geom/-/blob/master/include/2geom/sbasis.h
+ *   - https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/sbasis.cpp
+ *   - https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/sbasis-to-bezier.cpp
+ *   - https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/bezier.cpp
+ *   - https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/solve-bezier.cpp
+ *   - https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/solve-bezier-one-d.cpp
+ *
+ * Copyright (C) 2006-2015 Original Authors
+ *
+ * This file is free software; you can redistribute it and/or modify it
+ * either under the terms of the Mozilla Public License Version 1.1 (the
+ * "MPL").
+ *
+ * The contents of this file are subject to the Mozilla Public License
+ * Version 1.1 (the "License"); you may not use this file except in
+ * compliance with the License. You may obtain a copy of the License at
+ * https://www.mozilla.org/MPL/1.1/
+ *
+ * This software is distributed on an "AS IS" basis, WITHOUT WARRANTY
+ * OF ANY KIND, either express or implied. See the MPL for the specific
+ * language governing rights and limitations.
+ */
+
+use crate::{Bezier, BezierHandles};
+use glam::DVec2;
+
+impl std::ops::Index<usize> for Bezier {
+	type Output = DVec2;
+	fn index(&self, index: usize) -> &Self::Output {
+		match &self.handles {
+			BezierHandles::Linear => [&self.start, &self.end][index],
+			BezierHandles::Quadratic { handle } => [&self.start, handle, &self.end][index],
+			BezierHandles::Cubic { handle_start, handle_end } => [&self.start, handle_start, handle_end, &self.end][index],
+		}
+	}
+}
+
+// Note that the built in signum cannot be used as it does not handle 0 the same way as in the C code.
+fn sign(x: f64) -> i8 {
+	if x > 0. {
+		1
+	} else if x < 0. {
+		-1
+	} else {
+		0
+	}
+}
+
+// https://gitlab.com/inkscape/lib2geom/-/blob/master/include/2geom/sbasis.h#L70
+#[derive(Debug, Clone)]
+pub(crate) struct SymmetricalBasis(pub Vec<DVec2>);
+
+impl SymmetricalBasis {
+	// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/sbasis.cpp#L323
+	#[must_use]
+	fn derivative(&self) -> SymmetricalBasis {
+		let mut c = SymmetricalBasis(vec![DVec2::ZERO; self.len()]);
+		if self.iter().all(|x| x.abs_diff_eq(DVec2::ZERO, 1e-5)) {
+			return c;
+		}
+		for k in 0..(self.len() - 1) {
+			let d = (2. * k as f64 + 1.) * (self[k][1] - self[k][0]);
+
+			c[k][0] = d + (k as f64 + 1.) * self[k + 1][0];
+			c[k][1] = d - (k as f64 + 1.) * self[k + 1][1];
+		}
+		let k = self.len() - 1;
+		let d = (2. * k as f64 + 1.) * (self[k][1] - self[k][0]);
+		if d == 0. && k > 0 {
+			c.pop();
+		} else {
+			c[k][0] = d;
+			c[k][1] = d;
+		}
+		c
+	}
+
+	// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/sbasis-to-bezier.cpp#L86
+	#[must_use]
+	pub fn to_bezier1d(&self) -> Bezier1d {
+		let sb = self;
+		assert!(!sb.is_empty());
+
+		let n;
+		let even;
+
+		let mut q = sb.len();
+		if sb[q - 1][0] == sb[q - 1][1] {
+			even = true;
+			q -= 1;
+			n = 2 * q;
+		} else {
+			even = false;
+			n = 2 * q - 1;
+		}
+
+		let mut bz = Bezier1d(vec![0.; n + 1]);
+		for k in 0..q {
+			let mut tjk = 1.;
+			for j in k..(n - k) {
+				// j <= n-k-1
+				bz[j] += tjk * sb[k][0];
+				bz[n - j] += tjk * sb[k][1]; // n-k <-> [k][1]
+				tjk = binomial_increment_k(tjk, n - 2 * k - 1, j - k);
+			}
+		}
+		if even {
+			bz[q] += sb[q][0];
+		}
+		// the resulting coefficients are with respect to the scaled Bernstein
+		// basis so we need to divide them by (n, j) binomial coefficient
+		let mut bcj = n as f64;
+		for j in 1..n {
+			bz[j] /= bcj;
+			bcj = binomial_increment_k(bcj, n, j);
+		}
+		bz[0] = sb[0][0];
+		bz[n] = sb[0][1];
+		bz
+	}
+
+	fn normalize(&mut self) {
+		while self.len() > 1 && self.last().is_some_and(|x| x.abs_diff_eq(DVec2::ZERO, 1e-5)) {
+			self.pop();
+		}
+	}
+
+	#[must_use]
+	pub(crate) fn roots(&self) -> Vec<f64> {
+		match self.len() {
+			0 => Vec::new(),
+			1 => {
+				let mut res = Vec::new();
+				let d = self[0].x - self[0].y;
+				if d != 0. {
+					let r = self[0].x / d;
+					if (0. ..=1.).contains(&r) {
+						res.push(r);
+					}
+				}
+				res
+			}
+			_ => {
+				let mut bz = self.to_bezier1d();
+				let mut solutions = Vec::new();
+				if bz.len() == 0 || bz.iter().all(|&x| (x - bz[0]).abs() < 1e-5) {
+					return solutions;
+				}
+				while bz[0] == 0. {
+					bz = bz.deflate();
+					solutions.push(0.);
+				}
+				// Linear
+				if bz.len() - 1 == 1 {
+					if sign(bz[0]) != sign(bz[1]) {
+						let d = bz[0] - bz[1];
+						if d != 0. {
+							let r = bz[0] / d;
+							if (0. ..=1.).contains(&r) {
+								solutions.push(r);
+							}
+						}
+					}
+					return solutions;
+				}
+				bz.find_bernstein_roots(&mut solutions, 0, 0., 1.);
+
+				solutions.sort_by(f64::total_cmp);
+
+				solutions
+			}
+		}
+	}
+}
+
+// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/sbasis.cpp#L228
+impl std::ops::Mul for &SymmetricalBasis {
+	type Output = SymmetricalBasis;
+	fn mul(self, b: Self) -> Self::Output {
+		let a = self;
+		if a.iter().all(|x| x.abs_diff_eq(DVec2::ZERO, 1e-5)) || b.iter().all(|x| x.abs_diff_eq(DVec2::ZERO, 1e-5)) {
+			return SymmetricalBasis(vec![DVec2::ZERO]);
+		}
+		let mut c = SymmetricalBasis(vec![DVec2::ZERO; a.len() + b.len()]);
+
+		for j in 0..b.len() {
+			for i in j..(a.len() + j) {
+				let tri = (b[j][1] - b[j][0]) * (a[i - j][1] - a[i - j][0]);
+				c[i + 1] += DVec2::splat(-tri);
+			}
+		}
+		for j in 0..b.len() {
+			for i in j..(a.len() + j) {
+				for dim in 0..2 {
+					c[i][dim] += b[j][dim] * a[i - j][dim];
+				}
+			}
+		}
+		c.normalize();
+		c
+	}
+}
+
+// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/sbasis.cpp#L88
+impl std::ops::Add for SymmetricalBasis {
+	type Output = SymmetricalBasis;
+	fn add(self, b: Self) -> Self::Output {
+		let a = self;
+		let out_size = a.len().max(b.len());
+		let min_size = a.len().min(b.len());
+		let mut result = SymmetricalBasis(vec![DVec2::ZERO; out_size]);
+		for i in 0..min_size {
+			result[i] = a[i] + b[i];
+		}
+		for i in min_size..a.len() {
+			result[i] = a[i];
+		}
+		for i in min_size..b.len() {
+			result[i] = b[i];
+		}
+		result
+	}
+}
+
+// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/sbasis.cpp#L110
+impl std::ops::Sub for SymmetricalBasis {
+	type Output = SymmetricalBasis;
+	fn sub(self, b: Self) -> Self::Output {
+		let a = self;
+		let out_size = a.len().max(b.len());
+		let min_size = a.len().min(b.len());
+		let mut result = SymmetricalBasis(vec![DVec2::ZERO; out_size]);
+		for i in 0..min_size {
+			result[i] = a[i] - b[i];
+		}
+		for i in min_size..a.len() {
+			result[i] = a[i];
+		}
+		for i in min_size..b.len() {
+			result[i] = -b[i];
+		}
+		result
+	}
+}
+
+impl std::ops::Deref for SymmetricalBasis {
+	type Target = Vec<DVec2>;
+	fn deref(&self) -> &Self::Target {
+		&self.0
+	}
+}
+impl std::ops::DerefMut for SymmetricalBasis {
+	fn deref_mut(&mut self) -> &mut Self::Target {
+		&mut self.0
+	}
+}
+
+#[derive(Debug, Clone)]
+pub(crate) struct SymmetricalBasisPair {
+	pub x: SymmetricalBasis,
+	pub y: SymmetricalBasis,
+}
+
+impl SymmetricalBasisPair {
+	#[must_use]
+	pub fn derivative(&self) -> Self {
+		Self {
+			x: self.x.derivative(),
+			y: self.y.derivative(),
+		}
+	}
+
+	#[must_use]
+	pub fn dot(&self, other: &Self) -> SymmetricalBasis {
+		(&self.x * &other.x) + (&self.y * &other.y)
+	}
+
+	#[must_use]
+	pub fn cross(&self, rhs: &Self) -> SymmetricalBasis {
+		(&self.x * &rhs.y) - (&self.y * &rhs.x)
+	}
+}
+
+// https://gitlab.com/inkscape/lib2geom/-/blob/master/include/2geom/sbasis.h#L337
+impl std::ops::Sub<DVec2> for SymmetricalBasisPair {
+	type Output = SymmetricalBasisPair;
+	fn sub(self, rhs: DVec2) -> Self::Output {
+		let sub = |a: &SymmetricalBasis, b: f64| {
+			if a.iter().all(|x| x.abs_diff_eq(DVec2::ZERO, 1e-5)) {
+				return SymmetricalBasis(vec![DVec2::splat(-b)]);
+			}
+			let mut result = a.clone();
+			result[0] -= DVec2::splat(b);
+			result
+		};
+
+		Self {
+			x: sub(&self.x, rhs.x),
+			y: sub(&self.y, rhs.y),
+		}
+	}
+}
+
+#[derive(Debug, Clone)]
+pub struct Bezier1d(pub Vec<f64>);
+
+impl std::ops::Deref for Bezier1d {
+	type Target = Vec<f64>;
+	fn deref(&self) -> &Self::Target {
+		&self.0
+	}
+}
+impl std::ops::DerefMut for Bezier1d {
+	fn deref_mut(&mut self) -> &mut Self::Target {
+		&mut self.0
+	}
+}
+
+impl Bezier1d {
+	const MAX_DEPTH: u32 = 53;
+
+	// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/bezier.cpp#L176
+	#[must_use]
+	fn deflate(&self) -> Self {
+		let bz = self;
+		if bz.is_empty() {
+			return Bezier1d(Vec::new());
+		}
+		let n = bz.len() - 1;
+		let mut b = Bezier1d(vec![0.; n]);
+		for i in 0..n {
+			b[i] = (n as f64 * bz[i + 1]) / (i as f64 + 1.)
+		}
+		b
+	}
+
+	// https://gitlab.com/inkscape/lib2geom/-/blob/master/include/2geom/bezier.h#L55
+	/// Compute the value of a Bernstein-Bezier polynomial using a Horner-like fast evaluation scheme.
+	#[must_use]
+	fn value_at(&self, t: f64) -> f64 {
+		let bz = self;
+		let order = bz.len() - 1;
+		let u = 1. - t;
+		let mut bc = 1.;
+		let mut tn = 1.;
+		let mut tmp = bz[0] * u;
+		for i in 1..order {
+			tn *= t;
+			bc = bc * (order as f64 - i as f64 + 1.) / i as f64;
+			tmp = (tmp + tn * bc * bz[i]) * u;
+		}
+		tmp + tn * t * bz[bz.len() - 1]
+	}
+
+	// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/solve-bezier.cpp#L258
+	#[must_use]
+	fn secant(&self) -> f64 {
+		let bz = self;
+		let mut s = 0.;
+		let mut t = 1.;
+		let e = 1e-14;
+		let mut side = 0;
+		let mut r = 0.;
+		let mut fs = bz[0];
+		let mut ft = bz[bz.len() - 1];
+
+		for _n in 0..100 {
+			r = (fs * t - ft * s) / (fs - ft);
+			if (t - s).abs() < e * (t + s).abs() {
+				return r;
+			}
+
+			let fr = self.value_at(r);
+
+			if fr * ft > 0. {
+				t = r;
+				ft = fr;
+				if side == -1 {
+					fs /= 2.;
+				}
+				side = -1;
+			} else if fs * fr > 0. {
+				s = r;
+				fs = fr;
+				if side == 1 {
+					ft /= 2.;
+				}
+				side = 1;
+			} else {
+				break;
+			}
+		}
+		r
+	}
+
+	// https://gitlab.com/inkscape/lib2geom/-/blob/master/include/2geom/bezier.h#L78
+	fn casteljau_subdivision(&self, t: f64) -> [Self; 2] {
+		let v = self;
+		let order = v.len() - 1;
+		let mut left = v.clone();
+		let mut right = v.clone();
+
+		// The Horner-like scheme gives very slightly different results, but we need
+		// the result of subdivision to match exactly with Bezier's valueAt function.
+		let val = v.value_at(t);
+		for i in (1..=order).rev() {
+			left[i - 1] = right[0];
+			for j in i..v.len() {
+				right[j - 1] = right[j - 1] + ((right[j] - right[j - 1]) * t);
+			}
+		}
+		right[0] = val;
+		left[order] = right[0];
+		[left, right]
+	}
+
+	// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/bezier.cpp#L282
+	fn derivative(&self) -> Self {
+		let bz = self;
+		if bz.len() - 1 == 1 {
+			return Bezier1d(vec![bz[1] - bz[0]]);
+		}
+		let mut der = Bezier1d(vec![0.; bz.len() - 1]);
+
+		for i in 0..(bz.len() - 1) {
+			der[i] = (bz.len() - 1) as f64 * (bz[i + 1] - bz[i]);
+		}
+		der
+	}
+
+	// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/solve-bezier-one-d.cpp#L76
+	/// given an equation in Bernstein-Bernstein form, find all roots between left_t and right_t
+	fn find_bernstein_roots(&self, solutions: &mut Vec<f64>, depth: u32, left_t: f64, right_t: f64) {
+		let bz = self;
+		let mut n_crossings = 0;
+
+		let mut old_sign = sign(bz[0]);
+		for i in 1..bz.len() {
+			let sign = sign(bz[i]);
+			if sign != 0 {
+				if sign != old_sign && old_sign != 0 {
+					n_crossings += 1;
+				}
+				old_sign = sign;
+			}
+		}
+		// if last control point is zero, that counts as crossing too
+		if sign(bz[bz.len() - 1]) == 0 {
+			n_crossings += 1;
+		}
+		// no solutions
+		if n_crossings == 0 {
+			return;
+		}
+		// Unique solution
+		if n_crossings == 1 {
+			// Stop recursion when the tree is deep enough - return 1 solution at midpoint
+			if depth > Self::MAX_DEPTH {
+				let ax = right_t - left_t;
+				let ay = bz.last().unwrap() - bz[0];
+
+				solutions.push(left_t - ax * bz[0] / ay);
+				return;
+			}
+
+			let r = bz.secant();
+			solutions.push(r * right_t + (1. - r) * left_t);
+			return;
+		}
+		// solve recursively after subdividing control polygon
+		let o = bz.len() - 1;
+		let mut left = Bezier1d(vec![0.; o + 1]);
+		let mut right = bz.clone();
+		let mut split_t = (left_t + right_t) * 0.5;
+
+		// If subdivision is working poorly, split around the leftmost root of the derivative
+		if depth > 2 {
+			let dbz = bz.derivative();
+
+			let mut d_solutions = Vec::new();
+			dbz.find_bernstein_roots(&mut d_solutions, 0, left_t, right_t);
+			d_solutions.sort_by(f64::total_cmp);
+
+			let mut d_split_t = 0.5;
+			if !d_solutions.is_empty() {
+				d_split_t = d_solutions[0];
+				split_t = left_t + (right_t - left_t) * d_split_t;
+			}
+
+			[left, right] = bz.casteljau_subdivision(d_split_t);
+		} else {
+			// split at midpoint, because it is cheap
+			left[0] = right[0];
+			for i in 1..bz.len() {
+				for j in 0..(bz.len() - i) {
+					right[j] = (right[j] + right[j + 1]) * 0.5;
+				}
+				left[i] = right[0];
+			}
+		}
+		// Solution is exactly on the subdivision point
+		left.reverse();
+		while right.len() - 1 > 0 && (right[0]).abs() <= 1e-10 {
+			// Deflate
+			right = right.deflate();
+			left = left.deflate();
+			solutions.push(split_t);
+		}
+		left.reverse();
+		if right.len() - 1 > 0 {
+			left.find_bernstein_roots(solutions, depth + 1, left_t, split_t);
+			right.find_bernstein_roots(solutions, depth + 1, split_t, right_t);
+		}
+	}
+}
+
+// https://gitlab.com/inkscape/lib2geom/-/blob/master/include/2geom/choose.h#L61
+/// Given a multiple of binomial(n, k), modify it to the same multiple of binomial(n, k + 1).
+#[must_use]
+fn binomial_increment_k(b: f64, n: usize, k: usize) -> f64 {
+	b * (n as f64 - k as f64) / (k + 1) as f64
+}
+
+// https://gitlab.com/inkscape/lib2geom/-/blob/master/include/2geom/choose.h#L52
+/// Given a multiple of binomial(n, k), modify it to the same multiple of binomial(n - 1, k).
+#[must_use]
+fn binomial_decrement_n(b: f64, n: usize, k: usize) -> f64 {
+	b * (n as f64 - k as f64) / n as f64
+}
+
+// https://gitlab.com/inkscape/lib2geom/-/blob/master/src/2geom/sbasis-to-bezier.cpp#L86
+#[must_use]
+pub(crate) fn to_symmetrical_basis_pair(bezier: Bezier) -> SymmetricalBasisPair {
+	let n = match bezier.handles {
+		BezierHandles::Linear => 1,
+		BezierHandles::Quadratic { .. } => 2,
+		BezierHandles::Cubic { .. } => 3,
+	};
+	let q = (n + 1) / 2;
+	let even = n % 2 == 0;
+	let mut sb = SymmetricalBasisPair {
+		x: SymmetricalBasis(vec![DVec2::ZERO; q + even as usize]),
+		y: SymmetricalBasis(vec![DVec2::ZERO; q + even as usize]),
+	};
+
+	let mut nck = 1.;
+	for k in 0..q {
+		let mut tjk = nck;
+		for j in k..q {
+			sb.x[j][0] += tjk * bezier[k].x;
+			sb.x[j][1] += tjk * bezier[n - k].x;
+			sb.y[j][0] += tjk * bezier[k].y;
+			sb.y[j][1] += tjk * bezier[n - k].y;
+			tjk = binomial_increment_k(tjk, n - j - k, j - k);
+			tjk = binomial_decrement_n(tjk, n - j - k, j - k + 1);
+			tjk = -tjk;
+		}
+		tjk = -nck;
+		for j in (k + 1)..q {
+			sb.x[j][0] += tjk * bezier[n - k].x;
+			sb.x[j][1] += tjk * bezier[k].x;
+			sb.y[j][0] += tjk * bezier[n - k].y;
+			sb.y[j][1] += tjk * bezier[k].y;
+			tjk = binomial_increment_k(tjk, n - j - k - 1, j - k - 1);
+			tjk = binomial_decrement_n(tjk, n - j - k - 1, j - k);
+			tjk = -tjk;
+		}
+		nck = binomial_increment_k(nck, n, k);
+	}
+	if even {
+		let mut tjk = if q % 2 == 1 { -1. } else { 1. };
+		for k in 0..q {
+			sb.x[q][0] += tjk * (bezier[k].x + bezier[n - k].x);
+			sb.y[q][0] += tjk * (bezier[k].y + bezier[n - k].y);
+			tjk = binomial_increment_k(tjk, n, k);
+			tjk = -tjk;
+		}
+		sb.x[q][0] += tjk * bezier[q].x;
+		sb.x[q][1] = sb.x[q][0];
+		sb.y[q][0] += tjk * bezier[q].y;
+		sb.y[q][1] = sb.y[q][0];
+	}
+	sb.x[0][0] = bezier[0].x;
+	sb.x[0][1] = bezier[n].x;
+	sb.y[0][0] = bezier[0].y;
+	sb.y[0][1] = bezier[n].y;
+
+	sb
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+
+	#[test]
+	fn find_bernstein_roots() {
+		let bz = Bezier1d(vec![50., -100., 170.]);
+		let mut solutions = Vec::new();
+		bz.find_bernstein_roots(&mut solutions, 0, 0., 1.);
+
+		solutions.sort_by(f64::total_cmp);
+		for &t in &solutions {
+			assert!(bz.value_at(t,).abs() < 1e-5, "roots should be roots {} {}", t, bz.value_at(t,));
+		}
+	}
+}
diff --git a/libraries/bezier-rs/src/utils.rs b/libraries/bezier-rs/src/utils.rs
new file mode 100644
index 0000000000000000000000000000000000000000..2e80b80e8e8b105a002d75910c60bc366d98fcbc
--- /dev/null
+++ b/libraries/bezier-rs/src/utils.rs
@@ -0,0 +1,423 @@
+use crate::consts::{MAX_ABSOLUTE_DIFFERENCE, STRICT_MAX_ABSOLUTE_DIFFERENCE};
+use crate::{ManipulatorGroup, Subpath};
+use glam::{BVec2, DMat2, DVec2};
+use std::fmt::Write;
+
+#[derive(Copy, Clone, PartialEq)]
+/// A structure which can be used to reference a particular point along a `Bezier`.
+/// Assuming a 2-dimensional Bezier is represented as a parametric curve defined by components `(x(f(t), y(f(t))))`, this structure defines variants for `f(t)`.
+/// - The `Parametric` variant represents the point calculated using the parametric equation of the curve at argument `t`. That is, `f(t) = t`. Speed along the curve's parametric form is not constant. `t` must lie in the range `[0, 1]`.
+/// - The `Euclidean` variant represents the point calculated at a distance ratio `t` along the arc length of the curve in the range `[0, 1]`. Speed is constant along the curve's arc length.
+///   - E.g. If `d` is the distance from the start point of a `Bezier` to a certain point along the curve, and `l` is the total arc length of the curve, that certain point lies at a distance ratio `t = d / l`.
+///   - All `Bezier` functions will implicitly convert a Euclidean [TValue] argument to a parametric `t`-value using binary search, computed within a particular error. That is, a point at distance ratio `t*`,
+///     satisfying `|t* - t| <= error`. The default error is `0.001`. Given this requires a lengthier calculation, it is not recommended to use the `Euclidean` or `EuclideanWithinError` variants frequently in computationally intensive tasks.
+/// - The `EuclideanWithinError` variant functions exactly as the `Euclidean` variant, but allows the `error` to be customized when computing `t` internally.
+pub enum TValue {
+	Parametric(f64),
+	Euclidean(f64),
+	EuclideanWithinError { t: f64, error: f64 },
+}
+
+#[derive(Copy, Clone, PartialEq)]
+pub enum TValueType {
+	Parametric,
+	Euclidean,
+}
+
+#[derive(Copy, Clone, PartialEq)]
+pub enum SubpathTValue {
+	Parametric { segment_index: usize, t: f64 },
+	GlobalParametric(f64),
+	Euclidean { segment_index: usize, t: f64 },
+	GlobalEuclidean(f64),
+	EuclideanWithinError { segment_index: usize, t: f64, error: f64 },
+	GlobalEuclideanWithinError { t: f64, error: f64 },
+}
+
+#[derive(Copy, Clone)]
+/// Represents the shape of the join between two segments of a path which meet at an angle.
+/// Bevel provides a flat connection, Miter provides a sharp connection, and Round provides a rounded connection.
+/// As defined in SVG: <https://www.w3.org/TR/SVG2/painting.html#LineJoin>.
+pub enum Join {
+	/// The join is a straight line between the end points of the offset path sides from the two connecting segments.
+	Bevel,
+	/// Optional f64 is the miter limit, which defaults to 4 if `None` or a value less than 1 is provided.
+	/// The miter limit is used to prevent highly sharp angles from resulting in excessively long miter joins.
+	/// If the miter limit is exceeded, the join will be converted to a bevel join.
+	/// The value is the ratio of the miter length to the stroke width.
+	/// When that ratio is greater than the miter limit, a bevel join is used instead.
+	Miter(Option<f64>),
+	/// The join is a circular arc between the end points of the offset path sides from the two connecting segments.
+	Round,
+}
+
+#[derive(Copy, Clone)]
+/// Enum to represent the cap type at the ends of an outline
+/// As defined in SVG: <https://www.w3.org/TR/SVG2/painting.html#LineCaps>.
+pub enum Cap {
+	Butt,
+	Round,
+	Square,
+}
+
+/// Helper to perform the computation of a and c, where b is the provided point on the curve.
+/// Given the correct power of `t` and `(1-t)`, the computation is the same for quadratic and cubic cases.
+/// Relevant derivation and the definitions of a, b, and c can be found in [the projection identity section](https://pomax.github.io/bezierinfo/#abc) of Pomax's bezier curve primer.
+fn compute_abc_through_points(start_point: DVec2, point_on_curve: DVec2, end_point: DVec2, t_to_nth_power: f64, nth_power_of_one_minus_t: f64) -> [DVec2; 3] {
+	let point_c_ratio = nth_power_of_one_minus_t / (t_to_nth_power + nth_power_of_one_minus_t);
+	let c = point_c_ratio * start_point + (1. - point_c_ratio) * end_point;
+	let ab_bc_ratio = (t_to_nth_power + nth_power_of_one_minus_t - 1.).abs() / (t_to_nth_power + nth_power_of_one_minus_t);
+	let a = point_on_curve + (point_on_curve - c) / ab_bc_ratio;
+	[a, point_on_curve, c]
+}
+
+/// Compute `a`, `b`, and `c` for a quadratic curve that fits the start, end and point on curve at `t`.
+/// The definition for the `a`, `b`, `c` points are defined in [the projection identity section](https://pomax.github.io/bezierinfo/#abc) of Pomax's bezier curve primer.
+pub fn compute_abc_for_quadratic_through_points(start_point: DVec2, point_on_curve: DVec2, end_point: DVec2, t: f64) -> [DVec2; 3] {
+	let t_squared = t * t;
+	let one_minus_t = 1. - t;
+	let squared_one_minus_t = one_minus_t * one_minus_t;
+	compute_abc_through_points(start_point, point_on_curve, end_point, t_squared, squared_one_minus_t)
+}
+
+/// Compute `a`, `b`, and `c` for a cubic curve that fits the start, end and point on curve at `t`.
+/// The definition for the `a`, `b`, `c` points are defined in [the projection identity section](https://pomax.github.io/bezierinfo/#abc) of Pomax's bezier curve primer.
+pub fn compute_abc_for_cubic_through_points(start_point: DVec2, point_on_curve: DVec2, end_point: DVec2, t: f64) -> [DVec2; 3] {
+	let t_cubed = t * t * t;
+	let one_minus_t = 1. - t;
+	let cubed_one_minus_t = one_minus_t * one_minus_t * one_minus_t;
+
+	compute_abc_through_points(start_point, point_on_curve, end_point, t_cubed, cubed_one_minus_t)
+}
+
+/// Find the roots of the linear equation `ax + b`.
+pub fn solve_linear(a: f64, b: f64) -> [Option<f64>; 3] {
+	// There exist roots when `a` is not 0
+	if a.abs() > MAX_ABSOLUTE_DIFFERENCE { [Some(-b / a), None, None] } else { [None; 3] }
+}
+
+/// Find the roots of the linear equation `ax^2 + bx + c`.
+/// Precompute the `discriminant` (`b^2 - 4ac`) and `two_times_a` arguments prior to calling this function for efficiency purposes.
+pub fn solve_quadratic(discriminant: f64, two_times_a: f64, b: f64, c: f64) -> [Option<f64>; 3] {
+	let mut roots = [None; 3];
+	if two_times_a.abs() <= STRICT_MAX_ABSOLUTE_DIFFERENCE {
+		roots = solve_linear(b, c);
+	} else if discriminant.abs() <= STRICT_MAX_ABSOLUTE_DIFFERENCE {
+		roots[0] = Some(-b / (two_times_a));
+	} else if discriminant > 0. {
+		let root_discriminant = discriminant.sqrt();
+		roots[0] = Some((-b + root_discriminant) / (two_times_a));
+		roots[1] = Some((-b - root_discriminant) / (two_times_a));
+	}
+	roots
+}
+
+// TODO: Use an `impl Iterator` return type instead of a `Vec`
+/// Solve a cubic of the form `ax^3 + bx^2 + ct + d`.
+pub fn solve_cubic(a: f64, b: f64, c: f64, d: f64) -> [Option<f64>; 3] {
+	if a.abs() <= STRICT_MAX_ABSOLUTE_DIFFERENCE {
+		if b.abs() <= STRICT_MAX_ABSOLUTE_DIFFERENCE {
+			// If both a and b are approximately 0, treat as a linear problem
+			solve_linear(c, d)
+		} else {
+			// If a is approximately 0, treat as a quadratic problem
+			let discriminant = c * c - 4. * b * d;
+			solve_quadratic(discriminant, 2. * b, c, d)
+		}
+	} else {
+		// https://momentsingraphics.de/CubicRoots.html
+		let d_recip = a.recip();
+		const ONETHIRD: f64 = 1. / 3.;
+		let scaled_c2 = b * (ONETHIRD * d_recip);
+		let scaled_c1 = c * (ONETHIRD * d_recip);
+		let scaled_c0 = d * d_recip;
+		if !(scaled_c0.is_finite() && scaled_c1.is_finite() && scaled_c2.is_finite()) {
+			// cubic coefficient is zero or nearly so.
+			return solve_quadratic(c * c - 4. * b * d, 2. * b, c, d);
+		}
+		let (c0, c1, c2) = (scaled_c0, scaled_c1, scaled_c2);
+		// (d0, d1, d2) is called "Delta" in article
+		let d0 = (-c2).mul_add(c2, c1);
+		let d1 = (-c1).mul_add(c2, c0);
+		let d2 = c2 * c0 - c1 * c1;
+		// d is called "Discriminant"
+		let d = 4. * d0 * d2 - d1 * d1;
+		// de is called "Depressed.x", Depressed.y = d0
+		let de = (-2. * c2).mul_add(d0, d1);
+		if d < 0. {
+			let sq = (-0.25 * d).sqrt();
+			let r = -0.5 * de;
+			let t1 = (r + sq).cbrt() + (r - sq).cbrt();
+			[Some(t1 - c2), None, None]
+		} else if d == 0. {
+			let t1 = (-d0).sqrt().copysign(de);
+			[Some(t1 - c2), Some(-2. * t1 - c2).filter(|&a| a != t1 - c2), None]
+		} else {
+			let th = d.sqrt().atan2(-de) * ONETHIRD;
+			// (th_cos, th_sin) is called "CubicRoot"
+			let (th_sin, th_cos) = th.sin_cos();
+			// (r0, r1, r2) is called "Root"
+			let r0 = th_cos;
+			let ss3 = th_sin * 3_f64.sqrt();
+			let r1 = 0.5 * (-th_cos + ss3);
+			let r2 = 0.5 * (-th_cos - ss3);
+			let t = 2. * (-d0).sqrt();
+			[Some(t.mul_add(r0, -c2)), Some(t.mul_add(r1, -c2)), Some(t.mul_add(r2, -c2))]
+		}
+	}
+}
+
+/// Determines if two rectangles have any overlap. The rectangles are represented by a pair of coordinates that designate the top left and bottom right corners (in a graphical coordinate system).
+pub fn do_rectangles_overlap(rectangle1: [DVec2; 2], rectangle2: [DVec2; 2]) -> bool {
+	let [bottom_left1, top_right1] = rectangle1;
+	let [bottom_left2, top_right2] = rectangle2;
+
+	top_right1.x >= bottom_left2.x && top_right2.x >= bottom_left1.x && top_right2.y >= bottom_left1.y && top_right1.y >= bottom_left2.y
+}
+
+/// Determines if a point is completely inside a rectangle, which is represented as a pair of coordinates [top-left, bottom-right].
+pub fn is_point_inside_rectangle(rect: [DVec2; 2], point: DVec2) -> bool {
+	let [top_left, bottom_right] = rect;
+	point.x > top_left.x && point.x < bottom_right.x && point.y > top_left.y && point.y < bottom_right.y
+}
+
+/// Determines if the inner rectangle is completely inside the outer rectangle. The rectangles are represented as pairs of coordinates [top-left, bottom-right].
+pub fn is_rectangle_inside_other(inner: [DVec2; 2], outer: [DVec2; 2]) -> bool {
+	is_point_inside_rectangle(outer, inner[0]) && is_point_inside_rectangle(outer, inner[1])
+}
+
+/// Returns the intersection of two lines. The lines are given by a point on the line and its slope (represented by a vector).
+pub fn line_intersection(point1: DVec2, point1_slope_vector: DVec2, point2: DVec2, point2_slope_vector: DVec2) -> DVec2 {
+	assert!(point1_slope_vector.normalize() != point2_slope_vector.normalize());
+
+	// Find the intersection when the first line is vertical
+	if f64_compare(point1_slope_vector.x, 0., MAX_ABSOLUTE_DIFFERENCE) {
+		let m2 = point2_slope_vector.y / point2_slope_vector.x;
+		let b2 = point2.y - m2 * point2.x;
+		DVec2::new(point1.x, point1.x * m2 + b2)
+	}
+	// Find the intersection when the second line is vertical
+	else if f64_compare(point2_slope_vector.x, 0., MAX_ABSOLUTE_DIFFERENCE) {
+		let m1 = point1_slope_vector.y / point1_slope_vector.x;
+		let b1 = point1.y - m1 * point1.x;
+		DVec2::new(point2.x, point2.x * m1 + b1)
+	}
+	// Find the intersection where neither line is vertical
+	else {
+		let m1 = point1_slope_vector.y / point1_slope_vector.x;
+		let b1 = point1.y - m1 * point1.x;
+		let m2 = point2_slope_vector.y / point2_slope_vector.x;
+		let b2 = point2.y - m2 * point2.x;
+		let intersection_x = (b2 - b1) / (m1 - m2);
+		DVec2::new(intersection_x, intersection_x * m1 + b1)
+	}
+}
+
+/// Check if 3 points are collinear.
+pub fn are_points_collinear(p1: DVec2, p2: DVec2, p3: DVec2) -> bool {
+	let matrix = DMat2::from_cols(p1 - p2, p2 - p3);
+	f64_compare(matrix.determinant() / 2., 0., MAX_ABSOLUTE_DIFFERENCE)
+}
+
+/// Compute the center of the circle that passes through all three provided points. The provided points cannot be collinear.
+pub fn compute_circle_center_from_points(p1: DVec2, p2: DVec2, p3: DVec2) -> Option<DVec2> {
+	if are_points_collinear(p1, p2, p3) {
+		return None;
+	}
+
+	let midpoint_a = p1.lerp(p2, 0.5);
+	let midpoint_b = p2.lerp(p3, 0.5);
+	let midpoint_c = p3.lerp(p1, 0.5);
+
+	let tangent_a = (p1 - p2).perp();
+	let tangent_b = (p2 - p3).perp();
+	let tangent_c = (p3 - p1).perp();
+
+	let intersect_a_b = line_intersection(midpoint_a, tangent_a, midpoint_b, tangent_b);
+	let intersect_b_c = line_intersection(midpoint_b, tangent_b, midpoint_c, tangent_c);
+	let intersect_c_a = line_intersection(midpoint_c, tangent_c, midpoint_a, tangent_a);
+
+	Some((intersect_a_b + intersect_b_c + intersect_c_a) / 3.)
+}
+
+/// Compare two `f64` numbers with a provided max absolute value difference.
+pub fn f64_compare(a: f64, b: f64, max_abs_diff: f64) -> bool {
+	(a - b).abs() < max_abs_diff
+}
+
+/// Determine if an `f64` number is within a given range by using a max absolute value difference comparison.
+pub fn f64_approximately_in_range(value: f64, min: f64, max: f64, max_abs_diff: f64) -> bool {
+	(min..=max).contains(&value) || f64_compare(value, min, max_abs_diff) || f64_compare(value, max, max_abs_diff)
+}
+
+/// Compare the two values in a `DVec2` independently with a provided max absolute value difference.
+pub fn dvec2_compare(a: DVec2, b: DVec2, max_abs_diff: f64) -> BVec2 {
+	BVec2::new((a.x - b.x).abs() < max_abs_diff, (a.y - b.y).abs() < max_abs_diff)
+}
+
+/// Determine if the values in a `DVec2` are within a given range independently by using a max absolute value difference comparison.
+pub fn dvec2_approximately_in_range(point: DVec2, min_corner: DVec2, max_corner: DVec2, max_abs_diff: f64) -> BVec2 {
+	(point.cmpge(min_corner) & point.cmple(max_corner)) | dvec2_compare(point, min_corner, max_abs_diff) | dvec2_compare(point, max_corner, max_abs_diff)
+}
+
+/// Calculate a new position for a point given its original position, a unit vector in the desired direction, and a distance to move it by.
+pub fn scale_point_from_direction_vector(point: DVec2, direction_unit_vector: DVec2, should_flip_direction: bool, distance: f64) -> DVec2 {
+	let should_reverse_factor = if should_flip_direction { -1. } else { 1. };
+	point + distance * direction_unit_vector * should_reverse_factor
+}
+
+/// Scale a point by a given distance with respect to the provided origin.
+pub fn scale_point_from_origin(point: DVec2, origin: DVec2, should_flip_direction: bool, distance: f64) -> DVec2 {
+	scale_point_from_direction_vector(point, (origin - point).normalize(), should_flip_direction, distance)
+}
+
+/// Computes the necessary details to form a circular join from `left` to `right`, along a circle around `center`.
+/// By default, the angle is assumed to be 180 degrees.
+pub fn compute_circular_subpath_details<PointId: crate::Identifier>(left: DVec2, arc_point: DVec2, right: DVec2, center: DVec2, angle: Option<f64>) -> (DVec2, ManipulatorGroup<PointId>, DVec2) {
+	let center_to_arc_point = arc_point - center;
+
+	// Based on https://pomax.github.io/bezierinfo/#circles_cubic
+	let handle_offset_factor = if let Some(angle) = angle { 4. / 3. * (angle / 4.).tan() } else { 0.551784777779014 };
+
+	(
+		left - (left - center).perp() * handle_offset_factor,
+		ManipulatorGroup::new(
+			arc_point,
+			Some(arc_point + center_to_arc_point.perp() * handle_offset_factor),
+			Some(arc_point - center_to_arc_point.perp() * handle_offset_factor),
+		),
+		right + (right - center).perp() * handle_offset_factor,
+	)
+}
+
+pub fn format_point(svg: &mut String, prefix: &str, x: f64, y: f64) -> std::fmt::Result {
+	write!(svg, "{prefix}{:.6}", x)?;
+	let trimmed_length = svg.trim_end_matches('0').trim_end_matches('.').len();
+	svg.truncate(trimmed_length);
+
+	write!(svg, ",{:.6}", y)?;
+	let trimmed_length = svg.trim_end_matches('0').trim_end_matches('.').len();
+	svg.truncate(trimmed_length);
+
+	Ok(())
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use crate::consts::MAX_ABSOLUTE_DIFFERENCE;
+	use crate::{Bezier, EmptyId};
+
+	/// Compare vectors of `f64`s with a provided max absolute value difference.
+	fn f64_compare_vector(a: Vec<f64>, b: Vec<f64>, max_abs_diff: f64) -> bool {
+		a.len() == b.len() && a.into_iter().zip(b).all(|(a, b)| f64_compare(a, b, max_abs_diff))
+	}
+
+	fn collect_roots(mut roots: [Option<f64>; 3]) -> Vec<f64> {
+		roots.sort_unstable_by(|a, b| a.partial_cmp(b).unwrap());
+		roots.into_iter().flatten().collect()
+	}
+
+	#[test]
+	fn test_solve_linear() {
+		// Line that is on the x-axis
+		assert!(collect_roots(solve_linear(0., 0.)).is_empty());
+		// Line that is parallel to but not on the x-axis
+		assert!(collect_roots(solve_linear(0., 1.)).is_empty());
+		// Line with a non-zero slope
+		assert!(collect_roots(solve_linear(2., -8.)) == vec![4.]);
+	}
+
+	#[test]
+	fn test_solve_cubic() {
+		// discriminant == 0
+		let roots1 = collect_roots(solve_cubic(1., 0., 0., 0.));
+		assert!(roots1 == vec![0.]);
+
+		let roots2 = collect_roots(solve_cubic(1., 3., 0., -4.));
+		assert!(roots2 == vec![-2., 1.]);
+
+		// p == 0
+		let roots3 = collect_roots(solve_cubic(1., 0., 0., -1.));
+		assert!(roots3 == vec![1.]);
+
+		// discriminant > 0
+		let roots4 = collect_roots(solve_cubic(1., 3., 0., 2.));
+		assert!(f64_compare_vector(roots4, vec![-3.196], MAX_ABSOLUTE_DIFFERENCE));
+
+		// discriminant < 0
+		let roots5 = collect_roots(solve_cubic(1., 3., 0., -1.));
+		assert!(f64_compare_vector(roots5, vec![-2.879, -0.653, 0.532], MAX_ABSOLUTE_DIFFERENCE));
+
+		// quadratic
+		let roots6 = collect_roots(solve_cubic(0., 3., 0., -3.));
+		assert!(roots6 == vec![-1., 1.]);
+
+		// linear
+		let roots7 = collect_roots(solve_cubic(0., 0., 1., -1.));
+		assert!(roots7 == vec![1.]);
+	}
+
+	#[test]
+	fn test_do_rectangles_overlap() {
+		// Rectangles overlap
+		assert!(do_rectangles_overlap([DVec2::new(0., 0.), DVec2::new(20., 20.)], [DVec2::new(10., 10.), DVec2::new(30., 20.)]));
+		// Rectangles share a side
+		assert!(do_rectangles_overlap([DVec2::new(0., 0.), DVec2::new(10., 10.)], [DVec2::new(10., 10.), DVec2::new(30., 30.)]));
+		// Rectangle inside the other
+		assert!(do_rectangles_overlap([DVec2::new(0., 0.), DVec2::new(10., 10.)], [DVec2::new(2., 2.), DVec2::new(6., 4.)]));
+		// No overlap, rectangles are beside each other
+		assert!(!do_rectangles_overlap([DVec2::new(0., 0.), DVec2::new(10., 10.)], [DVec2::new(20., 0.), DVec2::new(30., 10.)]));
+		// No overlap, rectangles are above and below each other
+		assert!(!do_rectangles_overlap([DVec2::new(0., 0.), DVec2::new(10., 10.)], [DVec2::new(0., 20.), DVec2::new(20., 30.)]));
+	}
+
+	#[test]
+	fn test_is_rectangle_inside_other() {
+		assert!(!is_rectangle_inside_other([DVec2::new(10., 10.), DVec2::new(50., 50.)], [DVec2::new(10., 10.), DVec2::new(50., 50.)]));
+		assert!(is_rectangle_inside_other(
+			[DVec2::new(10.01, 10.01), DVec2::new(49., 49.)],
+			[DVec2::new(10., 10.), DVec2::new(50., 50.)]
+		));
+		assert!(!is_rectangle_inside_other([DVec2::new(5., 5.), DVec2::new(50., 9.99)], [DVec2::new(10., 10.), DVec2::new(50., 50.)]));
+	}
+
+	#[test]
+	fn test_find_intersection() {
+		// y = 2x + 10
+		// y = 5x + 4
+		// intersect at (2, 14)
+
+		let start1 = DVec2::new(0., 10.);
+		let end1 = DVec2::new(0., 4.);
+		let start_direction1 = DVec2::new(1., 2.);
+		let end_direction1 = DVec2::new(1., 5.);
+		assert!(line_intersection(start1, start_direction1, end1, end_direction1) == DVec2::new(2., 14.));
+
+		// y = x
+		// y = -x + 8
+		// intersect at (4, 4)
+
+		let start2 = DVec2::new(0., 0.);
+		let end2 = DVec2::new(8., 0.);
+		let start_direction2 = DVec2::new(1., 1.);
+		let end_direction2 = DVec2::new(1., -1.);
+		assert!(line_intersection(start2, start_direction2, end2, end_direction2) == DVec2::new(4., 4.));
+	}
+
+	#[test]
+	fn test_are_points_collinear() {
+		assert!(are_points_collinear(DVec2::new(2., 4.), DVec2::new(6., 8.), DVec2::new(4., 6.)));
+		assert!(!are_points_collinear(DVec2::new(1., 4.), DVec2::new(6., 8.), DVec2::new(4., 6.)));
+	}
+
+	#[test]
+	fn test_compute_circle_center_from_points() {
+		// 3/4 of unit circle
+		let center1 = compute_circle_center_from_points(DVec2::new(0., 1.), DVec2::new(-1., 0.), DVec2::new(1., 0.));
+		assert_eq!(center1.unwrap(), DVec2::new(0., 0.));
+		// 1/4 of unit circle
+		let center2 = compute_circle_center_from_points(DVec2::new(-1., 0.), DVec2::new(0., 1.), DVec2::new(1., 0.));
+		assert_eq!(center2.unwrap(), DVec2::new(0., 0.));
+	}
+}
diff --git a/libraries/dyn-any/Cargo.toml b/libraries/dyn-any/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..bf9d2e0966284d32ed1834de2d031725dde72f9a
--- /dev/null
+++ b/libraries/dyn-any/Cargo.toml
@@ -0,0 +1,35 @@
+[package]
+name = "dyn-any"
+version = "0.3.1"
+rust-version = "1.85"
+edition = "2024"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+description = "An Any trait that works for arbitrary lifetimes"
+license = "MIT OR Apache-2.0"
+readme = "./README.md"
+homepage = "https://graphite.rs/libraries/dyn-any"
+repository = "https://github.com/GraphiteEditor/Graphite/tree/master/libraries/dyn-any"
+documentation = "https://docs.rs/dyn-any"
+
+[features]
+default = ["std", "large-atomics"]
+std = ["alloc", "rc", "glam/default"]
+large-atomics = []
+alloc = []
+derive = ["dyn-any-derive"]
+log-bad-types = []
+# Opt into impls for Rc<T> and Arc<T>.
+rc = []
+# Opt into impls for some glam types
+glam = ["dep:glam"]
+
+[dependencies]
+# Optional local dependencies
+dyn-any-derive = { path = "derive", optional = true }
+
+# Optional dependencies
+glam = { version = "0.29", optional = true, default-features = false }
+reqwest = { version = "0.12", optional = true, default-features = false }
+
+[package.metadata.docs.rs]
+all-features = true
diff --git a/libraries/dyn-any/LICENSE-APACHE b/libraries/dyn-any/LICENSE-APACHE
new file mode 100644
index 0000000000000000000000000000000000000000..261eeb9e9f8b2b4b0d119366dda99c6fd7d35c64
--- /dev/null
+++ b/libraries/dyn-any/LICENSE-APACHE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/libraries/dyn-any/LICENSE-MIT b/libraries/dyn-any/LICENSE-MIT
new file mode 100644
index 0000000000000000000000000000000000000000..969d061e8ba2e38d69391910b1ef0d4869ff18d1
--- /dev/null
+++ b/libraries/dyn-any/LICENSE-MIT
@@ -0,0 +1,17 @@
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/libraries/dyn-any/README.md b/libraries/dyn-any/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..3147668b6b122a45973c3cd629c7ba623cd958eb
--- /dev/null
+++ b/libraries/dyn-any/README.md
@@ -0,0 +1,4 @@
+# DynAny Trait
+
+
+A `Any`-like trait and derive macros for non `'static` lifetimes.
diff --git a/libraries/dyn-any/derive/Cargo.toml b/libraries/dyn-any/derive/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..12cbdd225c295580f332dd9f0ffbd79033018470
--- /dev/null
+++ b/libraries/dyn-any/derive/Cargo.toml
@@ -0,0 +1,24 @@
+[package]
+name = "dyn-any-derive"
+version = "0.3.0"
+edition = "2024"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+
+description = "#[derive(DynAny)]"
+documentation = "https://docs.rs/dyn-any-derive"
+repository = "https://github.com/GraphiteEditor/Graphite/tree/master/libraries/dyn-any/derive"
+license = "MIT OR Apache-2.0"
+readme = "../README.md"
+
+[lib]
+proc-macro = true
+
+[dependencies]
+# Workspace dependencies
+proc-macro2 = { workspace = true }
+quote = { workspace = true }
+syn = { workspace = true }
+
+[dev-dependencies]
+# Local dependencies
+dyn-any = { path = "..", features = ["derive"] }
diff --git a/libraries/dyn-any/derive/src/lib.rs b/libraries/dyn-any/derive/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..0bfe526defdf8607618254aa5997e27ae3dc9c27
--- /dev/null
+++ b/libraries/dyn-any/derive/src/lib.rs
@@ -0,0 +1,77 @@
+#![doc(html_root_url = "http://docs.rs/dyn-any-derive/0.1.0")]
+
+extern crate proc_macro;
+
+use proc_macro::TokenStream;
+use proc_macro2::Span;
+use quote::quote;
+use syn::{DeriveInput, GenericParam, Lifetime, LifetimeParam, TypeParamBound, parse_macro_input};
+
+/// Derives an implementation for the [`DynAny`] trait.
+///
+/// # Note
+///
+/// Currently only works with `struct` inputs.
+///
+/// # Example
+///
+/// ## Struct
+///
+/// ```
+/// # use dyn_any::{DynAny, StaticType};
+/// #[derive(DynAny)]
+/// pub struct Color<'a, 'b> {
+///     r: &'a u8,
+///     g: &'b u8,
+///     b: &'a u8,
+/// }
+///
+///
+/// // Generated Impl
+///
+/// // impl<'dyn_any> StaticType for Color<'dyn_any, 'dyn_any> {
+/// //     type Static = Color<'static, 'static>;
+/// // }
+///
+/// ```
+#[proc_macro_derive(DynAny, attributes(dyn_any_derive))]
+pub fn system_desc_derive(input: TokenStream) -> TokenStream {
+	let ast = parse_macro_input!(input as DeriveInput);
+	let struct_name = &ast.ident;
+	let generics = &ast.generics;
+
+	let static_params = replace_lifetimes(generics, "'static");
+	let dyn_params = replace_lifetimes(generics, "'dyn_any");
+
+	let old_params = &generics.params.iter().collect::<Vec<_>>();
+	quote! {
+		unsafe impl<'dyn_any, #(#old_params,)*> dyn_any::StaticType for #struct_name <#(#dyn_params,)*> {
+			type Static =  #struct_name <#(#static_params,)*>;
+		}
+	}
+	.into()
+}
+
+fn replace_lifetimes(generics: &syn::Generics, replacement: &str) -> Vec<proc_macro2::TokenStream> {
+	let params = generics
+		.params
+		.iter()
+		.map(|param| {
+			let param = match param {
+				GenericParam::Lifetime(_) => GenericParam::Lifetime(LifetimeParam::new(Lifetime::new(replacement, Span::call_site()))),
+				GenericParam::Type(t) => {
+					let mut t = t.clone();
+					t.bounds.iter_mut().for_each(|bond| {
+						if let TypeParamBound::Lifetime(t) = bond {
+							*t = Lifetime::new(replacement, Span::call_site())
+						}
+					});
+					GenericParam::Type(t.clone())
+				}
+				c => c.clone(),
+			};
+			quote! {#param}
+		})
+		.collect::<Vec<_>>();
+	params
+}
diff --git a/libraries/dyn-any/src/lib.rs b/libraries/dyn-any/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..57bb10a79699ef2281a45bb1ecec4743507286d4
--- /dev/null
+++ b/libraries/dyn-any/src/lib.rs
@@ -0,0 +1,393 @@
+#![doc(html_root_url = "http://docs.rs/const-default/1.0.0")]
+#![cfg_attr(not(feature = "std"), no_std)]
+#![allow(clippy::missing_safety_doc)]
+#[cfg(feature = "alloc")]
+extern crate alloc;
+
+#[cfg(feature = "derive")]
+pub use dyn_any_derive::DynAny;
+
+/// Implement this trait for your `dyn Trait` types for all `T: Trait`
+pub trait UpcastFrom<T: ?Sized> {
+	fn up_from(value: &T) -> &Self;
+	fn up_from_mut(value: &mut T) -> &mut Self;
+	#[cfg(feature = "alloc")]
+	fn up_from_box(value: Box<T>) -> Box<Self>;
+}
+
+/// Use this trait to perform your upcasts on dyn traits. Make sure to require it in the supertrait!
+pub trait Upcast<U: ?Sized> {
+	fn up(&self) -> &U;
+	fn up_mut(&mut self) -> &mut U;
+	#[cfg(feature = "alloc")]
+	fn up_box(self: Box<Self>) -> Box<U>;
+}
+
+impl<T: ?Sized, U: ?Sized> Upcast<U> for T
+where
+	U: UpcastFrom<T>,
+{
+	fn up(&self) -> &U {
+		U::up_from(self)
+	}
+	fn up_mut(&mut self) -> &mut U {
+		U::up_from_mut(self)
+	}
+	#[cfg(feature = "alloc")]
+	fn up_box(self: Box<Self>) -> Box<U> {
+		U::up_from_box(self)
+	}
+}
+
+use core::any::TypeId;
+
+impl<'a, T: DynAny<'a> + 'a> UpcastFrom<T> for dyn DynAny<'a> + 'a {
+	fn up_from(value: &T) -> &(dyn DynAny<'a> + 'a) {
+		value
+	}
+	fn up_from_mut(value: &mut T) -> &mut (dyn DynAny<'a> + 'a) {
+		value
+	}
+	#[cfg(feature = "alloc")]
+	fn up_from_box(value: Box<T>) -> Box<Self> {
+		value
+	}
+}
+
+pub trait DynAny<'a>: 'a {
+	fn type_id(&self) -> TypeId;
+	#[cfg(feature = "log-bad-types")]
+	fn type_name(&self) -> &'static str;
+	fn reborrow_box<'short>(self: Box<Self>) -> Box<dyn DynAny<'short> + 'short>
+	where
+		'a: 'short;
+	fn reborrow_ref<'short>(&'a self) -> &'short (dyn DynAny<'short> + Send + Sync + 'short)
+	where
+		'a: 'short,
+		Self: Send + Sync;
+}
+
+impl<'a, T: StaticType + 'a> DynAny<'a> for T {
+	fn type_id(&self) -> core::any::TypeId {
+		core::any::TypeId::of::<T::Static>()
+	}
+	#[cfg(feature = "log-bad-types")]
+	fn type_name(&self) -> &'static str {
+		core::any::type_name::<T>()
+	}
+	fn reborrow_box<'short>(self: Box<Self>) -> Box<dyn DynAny<'short> + 'short>
+	where
+		'a: 'short,
+	{
+		self
+	}
+
+	fn reborrow_ref<'short>(&'a self) -> &'short (dyn DynAny<'short> + Send + Sync + 'short)
+	where
+		'a: 'short,
+		Self: Send + Sync,
+	{
+		self
+	}
+}
+pub fn downcast_ref<'a, V: StaticType + 'a>(i: &'a dyn DynAny<'a>) -> Option<&'a V> {
+	if i.type_id() == core::any::TypeId::of::<<V as StaticType>::Static>() {
+		// SAFETY: caller guarantees that T is the correct type
+		let ptr = i as *const dyn DynAny<'a> as *const V;
+		Some(unsafe { &*ptr })
+	} else {
+		None
+	}
+}
+
+#[cfg(feature = "alloc")]
+pub fn downcast<'a, V: StaticType + 'a>(i: Box<dyn DynAny<'a> + 'a>) -> Result<Box<V>, String> {
+	let type_id = DynAny::type_id(i.as_ref());
+	if type_id == core::any::TypeId::of::<<V as StaticType>::Static>() {
+		// SAFETY: caller guarantees that T is the correct type
+		let ptr = Box::into_raw(i) as *mut V;
+		Ok(unsafe { Box::from_raw(ptr) })
+	} else {
+		if type_id == core::any::TypeId::of::<&dyn DynAny<'static>>() {
+			panic!("downcast error: type_id == core::any::TypeId::of::<dyn DynAny<'a>>()");
+		}
+		#[cfg(feature = "log-bad-types")]
+		{
+			Err(format!("Incorrect type, expected {} but found {}", core::any::type_name::<V>(), DynAny::type_name(i.as_ref())))
+		}
+
+		#[cfg(not(feature = "log-bad-types"))]
+		{
+			Err(format!("Incorrect type, expected {}", core::any::type_name::<V>()))
+		}
+	}
+}
+
+pub unsafe trait StaticType {
+	type Static: 'static + ?Sized;
+	fn type_id(&self) -> core::any::TypeId {
+		core::any::TypeId::of::<Self::Static>()
+	}
+}
+
+pub unsafe trait StaticTypeSized {
+	type Static: 'static;
+	fn type_id(&self) -> core::any::TypeId {
+		core::any::TypeId::of::<<Self as StaticTypeSized>::Static>()
+	}
+}
+unsafe impl<T: StaticType + Sized> StaticTypeSized for T
+where
+	T::Static: Sized,
+{
+	type Static = <T as StaticType>::Static;
+}
+pub unsafe trait StaticTypeClone {
+	type Static: 'static + Clone;
+	fn type_id(&self) -> core::any::TypeId {
+		core::any::TypeId::of::<<Self as StaticTypeClone>::Static>()
+	}
+}
+unsafe impl<T: StaticType + Clone> StaticTypeClone for T
+where
+	T::Static: Clone,
+{
+	type Static = <T as StaticType>::Static;
+}
+
+macro_rules! impl_type {
+	($($id:ident$(<$($(($l:lifetime, $s:lifetime)),*|)?$($T:ident),*>)?),*) => {
+		$(
+		unsafe impl< $($($T:  $crate::StaticTypeSized ,)*)?> $crate::StaticType for $id $(<$($($l,)*)?$($T, )*>)?{
+			type Static = $id$(<$($($s,)*)?$(<$T as $crate::StaticTypeSized>::Static,)*>)?;
+		}
+		)*
+	};
+}
+
+#[cfg(feature = "alloc")]
+unsafe impl<T: StaticTypeClone + Clone> StaticType for Cow<'_, T> {
+	type Static = Cow<'static, <T as StaticTypeClone>::Static>;
+}
+unsafe impl<T: StaticTypeSized> StaticType for *const [T] {
+	type Static = *const [<T as StaticTypeSized>::Static];
+}
+unsafe impl<T: StaticTypeSized> StaticType for *mut [T] {
+	type Static = *mut [<T as StaticTypeSized>::Static];
+}
+macro_rules! impl_slice {
+	($($id:ident),*) => {
+		$(
+		unsafe impl<'a, T: StaticTypeSized> StaticType for $id<'a, T> {
+			type Static = $id<'static, <T as StaticTypeSized>::Static>;
+		}
+		)*
+	};
+}
+
+mod slice {
+	use super::*;
+	use core::slice::*;
+
+	impl_slice!(Iter, IterMut, Chunks, ChunksMut, RChunks, RChunksMut, Windows);
+}
+
+#[cfg(feature = "alloc")]
+unsafe impl<T: StaticTypeSized> StaticType for Box<dyn Iterator<Item = T> + '_ + Send + Sync> {
+	type Static = Box<dyn Iterator<Item = <T as StaticTypeSized>::Static> + Send + Sync>;
+}
+
+unsafe impl StaticType for &str {
+	type Static = &'static str;
+}
+unsafe impl StaticType for () {
+	type Static = ();
+}
+unsafe impl<'a, T: 'a + StaticType + ?Sized> StaticType for &'a T {
+	type Static = &'static <T as StaticType>::Static;
+}
+unsafe impl<T: StaticTypeSized, const N: usize> StaticType for [T; N] {
+	type Static = [<T as StaticTypeSized>::Static; N];
+}
+unsafe impl<T: StaticTypeSized> StaticType for [T] {
+	type Static = [<T as StaticTypeSized>::Static];
+}
+
+unsafe impl StaticType for dyn for<'i> DynAny<'_> + '_ {
+	type Static = dyn DynAny<'static>;
+}
+unsafe impl StaticType for dyn for<'i> DynAny<'_> + Send + Sync + '_ {
+	type Static = dyn DynAny<'static> + Send + Sync;
+}
+unsafe impl StaticType for dyn for<'i> DynAny<'_> + Send + '_ {
+	type Static = dyn DynAny<'static> + Sync;
+}
+unsafe impl<T: StaticTypeSized> StaticType for dyn core::future::Future<Output = T> + Send + Sync + '_ {
+	type Static = dyn core::future::Future<Output = T::Static> + Send + Sync;
+}
+unsafe impl<T: StaticTypeSized> StaticType for dyn core::future::Future<Output = T> + Send + '_ {
+	type Static = dyn core::future::Future<Output = T::Static> + Send;
+}
+unsafe impl<T: StaticTypeSized> StaticType for dyn core::future::Future<Output = T> + '_ {
+	type Static = dyn core::future::Future<Output = T::Static>;
+}
+#[cfg(feature = "alloc")]
+pub trait IntoDynAny<'n>: Sized + StaticType + 'n {
+	fn into_dyn(self) -> Box<dyn DynAny<'n> + 'n> {
+		Box::new(self)
+	}
+}
+#[cfg(feature = "alloc")]
+impl<'n, T: StaticType + 'n> IntoDynAny<'n> for T {}
+
+#[cfg(feature = "alloc")]
+impl From<()> for Box<dyn DynAny<'static>> {
+	fn from(_: ()) -> Box<dyn DynAny<'static>> {
+		Box::new(())
+	}
+}
+
+#[cfg(feature = "alloc")]
+use alloc::borrow::Cow;
+#[cfg(feature = "alloc")]
+use alloc::boxed::Box;
+#[cfg(feature = "alloc")]
+use alloc::collections::{BTreeMap, BTreeSet, BinaryHeap, LinkedList, VecDeque};
+#[cfg(feature = "alloc")]
+use alloc::string::String;
+#[cfg(feature = "alloc")]
+use alloc::vec::Vec;
+use core::cell::{Cell, RefCell, UnsafeCell};
+use core::iter::Empty;
+use core::marker::{PhantomData, PhantomPinned};
+use core::mem::{ManuallyDrop, MaybeUninit};
+use core::num::Wrapping;
+use core::ops::Range;
+use core::pin::Pin;
+use core::sync::atomic::*;
+use core::time::Duration;
+
+impl_type!(
+	Option<T>, Result<T, E>, Cell<T>, UnsafeCell<T>, RefCell<T>, MaybeUninit<T>,
+	 ManuallyDrop<T>, PhantomData<T>, PhantomPinned, Empty<T>, Range<T>,
+	Wrapping<T>, Pin<T>, Duration, bool, f32, f64, char,
+	u8, AtomicU8, u16, AtomicU16, u32, AtomicU32, u64,  usize, AtomicUsize,
+	i8, AtomicI8, i16, AtomicI16, i32, AtomicI32, i64,  isize, AtomicIsize,
+	i128, u128, AtomicBool, AtomicPtr<T>
+);
+#[cfg(feature = "large-atomics")]
+impl_type!(AtomicU64, AtomicI64);
+
+#[cfg(feature = "alloc")]
+impl_type!(
+	Vec<T>, String, BTreeMap<K,V>,BTreeSet<V>, LinkedList<T>, VecDeque<T>,
+	BinaryHeap<T>
+);
+
+#[cfg(feature = "std")]
+use std::collections::{HashMap, HashSet};
+#[cfg(feature = "std")]
+use std::sync::*;
+
+#[cfg(feature = "std")]
+impl_type!(Once, Mutex<T>, RwLock<T>, HashSet<T>, HashMap<K, V>);
+
+#[cfg(feature = "rc")]
+use std::rc::Rc;
+#[cfg(feature = "rc")]
+impl_type!(Rc<T>);
+#[cfg(all(feature = "rc", feature = "alloc"))]
+use std::sync::Arc;
+#[cfg(all(feature = "rc", feature = "alloc"))]
+unsafe impl<T: StaticType + ?Sized> StaticType for Arc<T> {
+	type Static = Arc<<T as StaticType>::Static>;
+}
+
+#[cfg(feature = "glam")]
+use glam::*;
+#[cfg(feature = "glam")]
+#[rustfmt::skip]
+impl_type!(
+	IVec2, IVec3, IVec4, UVec2, UVec3, UVec4, BVec2, BVec3, BVec4,
+	Vec2, Vec3, Vec3A, Vec4, DVec2, DVec3, DVec4,
+	Mat2, Mat3, Mat3A, Mat4, DMat2, DMat3, DMat4,
+	Quat, Affine2, Affine3A, DAffine2, DAffine3, DQuat
+);
+
+#[cfg(feature = "reqwest")]
+use reqwest::Response;
+#[cfg(feature = "reqwest")]
+impl_type!(Response);
+
+#[cfg(feature = "alloc")]
+unsafe impl<T: crate::StaticType + ?Sized> crate::StaticType for Box<T> {
+	type Static = Box<<T as crate::StaticType>::Static>;
+}
+#[test]
+fn test_tuple_of_boxes() {
+	let tuple = (Box::new(&1u32 as &dyn DynAny<'static>), Box::new(&2u32 as &dyn DynAny<'static>));
+	let dyn_any = &tuple as &dyn DynAny;
+	assert_eq!(&1, downcast_ref::<u32>(*downcast_ref::<(Box<&dyn DynAny>, Box<&dyn DynAny>)>(dyn_any).unwrap().0).unwrap());
+	assert_eq!(&2, downcast_ref::<u32>(*downcast_ref::<(Box<&dyn DynAny>, Box<&dyn DynAny>)>(dyn_any).unwrap().1).unwrap());
+}
+
+macro_rules! impl_tuple {
+	(@rec $t:ident) => { };
+	(@rec $_:ident $($t:ident)+) => {
+		impl_tuple! { @impl $($t)* }
+		impl_tuple! { @rec $($t)* }
+	};
+	(@impl $($t:ident)*) => {
+		unsafe impl< $($t: StaticTypeSized,)*> StaticType for ($($t,)*) {
+			type Static = ($(<$t as $crate::StaticTypeSized>::Static,)*);
+		}
+	};
+	($($t:ident)*) => {
+		impl_tuple! { @rec _t $($t)* }
+	};
+}
+
+impl_tuple! {
+	A B C D E F G H I J K L
+}
+
+#[test]
+fn simple_downcast() {
+	let x = Box::new(3_u32) as Box<dyn DynAny>;
+	assert_eq!(*downcast::<u32>(x).unwrap(), 3_u32);
+}
+#[test]
+#[should_panic]
+fn simple_downcast_panic() {
+	let x = Box::new(3_i32) as Box<dyn DynAny>;
+	assert_eq!(*downcast::<u32>(x).expect("attempted to perform invalid downcast"), 3_u32);
+}
+
+#[cfg(not(target_arch = "wasm32"))]
+pub trait WasmNotSend: Send {}
+#[cfg(target_arch = "wasm32")]
+pub trait WasmNotSend {}
+
+#[cfg(not(target_arch = "wasm32"))]
+impl<T: Send> WasmNotSend for T {}
+
+#[cfg(target_arch = "wasm32")]
+impl<T> WasmNotSend for T {}
+
+#[cfg(not(target_arch = "wasm32"))]
+pub trait WasmNotSync: Sync {}
+#[cfg(target_arch = "wasm32")]
+pub trait WasmNotSync {}
+
+#[cfg(not(target_arch = "wasm32"))]
+impl<T: Sync> WasmNotSync for T {}
+
+#[cfg(target_arch = "wasm32")]
+impl<T> WasmNotSync for T {}
+
+#[cfg(not(target_arch = "wasm32"))]
+#[cfg(feature = "alloc")]
+pub type DynFuture<'n, T> = Pin<Box<dyn core::future::Future<Output = T> + 'n + Send>>;
+#[cfg(target_arch = "wasm32")]
+#[cfg(feature = "alloc")]
+pub type DynFuture<'n, T> = Pin<Box<dyn core::future::Future<Output = T> + 'n>>;
diff --git a/libraries/math-parser/Cargo.toml b/libraries/math-parser/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..999631ff3eb1e93ce07362fe94f7d2b81e71a3fd
--- /dev/null
+++ b/libraries/math-parser/Cargo.toml
@@ -0,0 +1,22 @@
+[package]
+name = "math-parser"
+version = "0.0.0"
+rust-version = "1.85"
+edition = "2024"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+description = "Parser for Graphite style mathematics expressions"
+license = "MIT OR Apache-2.0"
+
+[dependencies]
+pest = "2.7"
+pest_derive = "2.7.11"
+thiserror = "2.0"
+lazy_static = "1.5"
+num-complex = "0.4"
+
+[dev-dependencies]
+criterion = { workspace = true }
+
+[[bench]]
+name = "bench"
+harness = false
diff --git a/libraries/math-parser/benches/bench.rs b/libraries/math-parser/benches/bench.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fd1824c9a0096bc51044067b7c855e374fd994bf
--- /dev/null
+++ b/libraries/math-parser/benches/bench.rs
@@ -0,0 +1,49 @@
+use criterion::{Criterion, black_box, criterion_group, criterion_main};
+use math_parser::ast;
+use math_parser::context::EvalContext;
+
+macro_rules! generate_benchmarks {
+	($( $input:expr_2021 ),* $(,)?) => {
+		fn parsing_bench(c: &mut Criterion) {
+			$(
+				c.bench_function(concat!("parse ", $input), |b| {
+					b.iter(|| {
+						let _ = black_box(ast::Node::try_parse_from_str($input)).unwrap();
+					});
+				});
+			)*
+		}
+
+		fn evaluation_bench(c: &mut Criterion) {
+			$(
+				let expr = ast::Node::try_parse_from_str($input).unwrap().0;
+				let context = EvalContext::default();
+
+				c.bench_function(concat!("eval ", $input), |b| {
+					b.iter(|| {
+						let _ = black_box(expr.eval(&context));
+					});
+				});
+			)*
+		}
+
+		criterion_group!(benches, parsing_bench, evaluation_bench);
+		criterion_main!(benches);
+	};
+}
+
+generate_benchmarks! {
+	"(3 * (4 + sqrt(25)) - cos(pi/3) * (2^3)) + 5 * e", // Mixed nested functions, constants, and operations
+	"((5 + 2 * (3 - sqrt(49)))^2) / (1 + sqrt(16)) + tau / 2", // Complex nested expression with constants
+	"log(100, 10) + (5 * sin(pi/4) + sqrt(81)) / (2 * phi)", // Logarithmic and trigonometric functions
+	"(sqrt(144) * 2 + 5) / (3 * (4 - sin(pi / 6))) + e^2", // Combined square root, trigonometric, and exponential operations
+	"cos(2 * pi) + tan(pi / 3) * log(32, 2) - sqrt(256)", // Multiple trigonometric and logarithmic functions
+	"(10 * (3 + 2) - 8 / 2)^2 + 7 * (2^4) - sqrt(225) + phi", // Mixed arithmetic with constants
+	"(5^2 + 3^3) * (sqrt(81) + sqrt(64)) - tau * log(1000, 10)", // Power and square root with constants
+	"((8 * sqrt(49) - 2 * e) + log(256, 2) / (2 + cos(pi))) * 1.5", // Nested functions and constants
+	"(tan(pi / 4) + 5) * (3 + sqrt(36)) / (log(1024, 2) - 4)", // Nested functions with trigonometry and logarithm
+	"((3 * e + 2 * sqrt(100)) - cos(tau / 4)) * log(27, 3) + phi", // Mixed constant usage and functions
+	"(sqrt(100) + 5 * sin(pi / 6) - 8 / log(64, 2)) + e^(1.5)", // Complex mix of square root, division, and exponentiation
+	"((sin(pi/2) + cos(0)) * (e^2 - 2 * sqrt(16))) / (log(100, 10) + pi)", // Nested trigonometric, exponential, and logarithmic functions
+	"(5 * (7 + sqrt(121)) - (log(243, 3) * phi)) + 3^5 / tau", //
+}
diff --git a/libraries/math-parser/src/ast.rs b/libraries/math-parser/src/ast.rs
new file mode 100644
index 0000000000000000000000000000000000000000..4c42fc4b1dbc6b3a97481113c9589435298e07db
--- /dev/null
+++ b/libraries/math-parser/src/ast.rs
@@ -0,0 +1,75 @@
+use crate::value::Complex;
+
+#[derive(Debug, PartialEq, Eq)]
+pub struct Unit {
+	// Exponent of length unit (meters)
+	pub length: i32,
+	// Exponent of mass unit (kilograms)
+	pub mass: i32,
+	// Exponent of time unit (seconds)
+	pub time: i32,
+}
+
+impl Default for Unit {
+	fn default() -> Self {
+		Self::BASE_UNIT
+	}
+}
+
+impl Unit {
+	pub const BASE_UNIT: Unit = Unit { length: 0, mass: 0, time: 0 };
+
+	pub const LENGTH: Unit = Unit { length: 1, mass: 0, time: 0 };
+	pub const MASS: Unit = Unit { length: 0, mass: 1, time: 0 };
+	pub const TIME: Unit = Unit { length: 0, mass: 0, time: 1 };
+
+	pub const VELOCITY: Unit = Unit { length: 1, mass: 0, time: -1 };
+	pub const ACCELERATION: Unit = Unit { length: 1, mass: 0, time: -2 };
+
+	pub const FORCE: Unit = Unit { length: 1, mass: 1, time: -2 };
+
+	pub fn base_unit() -> Self {
+		Self::BASE_UNIT
+	}
+
+	pub fn is_base(&self) -> bool {
+		*self == Self::BASE_UNIT
+	}
+}
+
+#[derive(Debug, PartialEq)]
+pub enum Literal {
+	Float(f64),
+	Complex(Complex),
+}
+
+impl From<f64> for Literal {
+	fn from(value: f64) -> Self {
+		Self::Float(value)
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq)]
+pub enum BinaryOp {
+	Add,
+	Sub,
+	Mul,
+	Div,
+	Pow,
+}
+
+#[derive(Debug, PartialEq, Clone, Copy)]
+pub enum UnaryOp {
+	Neg,
+	Sqrt,
+	Fac,
+}
+
+#[derive(Debug, PartialEq)]
+pub enum Node {
+	Lit(Literal),
+	Var(String),
+	FnCall { name: String, expr: Vec<Node> },
+	BinOp { lhs: Box<Node>, op: BinaryOp, rhs: Box<Node> },
+	UnaryOp { expr: Box<Node>, op: UnaryOp },
+}
diff --git a/libraries/math-parser/src/constants.rs b/libraries/math-parser/src/constants.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c010d13253099baa0e4cd127432dad7f8e9be3b3
--- /dev/null
+++ b/libraries/math-parser/src/constants.rs
@@ -0,0 +1,122 @@
+use crate::value::{Number, Value};
+use lazy_static::lazy_static;
+use num_complex::{Complex, ComplexFloat};
+use std::collections::HashMap;
+use std::f64::consts::PI;
+
+type FunctionImplementation = Box<dyn Fn(&[Value]) -> Option<Value> + Send + Sync>;
+lazy_static! {
+	pub static ref DEFAULT_FUNCTIONS: HashMap<&'static str, FunctionImplementation> = {
+		let mut map: HashMap<&'static str, FunctionImplementation> = HashMap::new();
+
+		map.insert(
+			"sin",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.sin()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.sin()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"cos",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.cos()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.cos()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"tan",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.tan()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.tan()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"csc",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.sin().recip()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.sin().recip()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"sec",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.cos().recip()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.cos().recip()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"cot",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.tan().recip()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.tan().recip()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"invsin",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.asin()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.asin()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"invcos",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.acos()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.acos()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"invtan",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.atan()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.atan()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"invcsc",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.recip().asin()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.recip().asin()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"invsec",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real(real.recip().acos()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex(complex.recip().acos()))),
+				_ => None,
+			}),
+		);
+
+		map.insert(
+			"invcot",
+			Box::new(|values| match values {
+				[Value::Number(Number::Real(real))] => Some(Value::Number(Number::Real((PI / 2.0 - real).atan()))),
+				[Value::Number(Number::Complex(complex))] => Some(Value::Number(Number::Complex((Complex::new(PI / 2.0, 0.0) - complex).atan()))),
+				_ => None,
+			}),
+		);
+
+		map
+	};
+}
diff --git a/libraries/math-parser/src/context.rs b/libraries/math-parser/src/context.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d6e4fe6285ce652b2738ddce1a3b21c79f97987f
--- /dev/null
+++ b/libraries/math-parser/src/context.rs
@@ -0,0 +1,80 @@
+use crate::value::Value;
+use std::collections::HashMap;
+use std::ops::{Deref, DerefMut};
+
+//TODO: editor integration, implement these traits for whatever is needed, maybe merge them if needed
+pub trait ValueProvider {
+	fn get_value(&self, name: &str) -> Option<Value>;
+}
+
+pub trait FunctionProvider {
+	fn run_function(&self, name: &str, args: &[Value]) -> Option<Value>;
+}
+
+pub struct ValueMap(HashMap<String, Value>);
+
+pub struct NothingMap;
+
+impl ValueProvider for &ValueMap {
+	fn get_value(&self, name: &str) -> Option<Value> {
+		self.0.get(name).cloned()
+	}
+}
+
+impl ValueProvider for NothingMap {
+	fn get_value(&self, _: &str) -> Option<Value> {
+		None
+	}
+}
+
+impl ValueProvider for ValueMap {
+	fn get_value(&self, name: &str) -> Option<Value> {
+		self.0.get(name).cloned()
+	}
+}
+
+impl Deref for ValueMap {
+	type Target = HashMap<String, Value>;
+	fn deref(&self) -> &Self::Target {
+		&self.0
+	}
+}
+impl DerefMut for ValueMap {
+	fn deref_mut(&mut self) -> &mut Self::Target {
+		&mut self.0
+	}
+}
+
+impl FunctionProvider for NothingMap {
+	fn run_function(&self, _: &str, _: &[Value]) -> Option<Value> {
+		None
+	}
+}
+
+pub struct EvalContext<V: ValueProvider, F: FunctionProvider> {
+	values: V,
+	functions: F,
+}
+
+impl Default for EvalContext<NothingMap, NothingMap> {
+	fn default() -> Self {
+		Self {
+			values: NothingMap,
+			functions: NothingMap,
+		}
+	}
+}
+
+impl<V: ValueProvider, F: FunctionProvider> EvalContext<V, F> {
+	pub fn new(values: V, functions: F) -> Self {
+		Self { values, functions }
+	}
+
+	pub fn get_value(&self, name: &str) -> Option<Value> {
+		self.values.get_value(name)
+	}
+
+	pub fn run_function(&self, name: &str, args: &[Value]) -> Option<Value> {
+		self.functions.run_function(name, args)
+	}
+}
diff --git a/libraries/math-parser/src/executer.rs b/libraries/math-parser/src/executer.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9d6180f1ab38a239752da0c46f25f4fcf6868efd
--- /dev/null
+++ b/libraries/math-parser/src/executer.rs
@@ -0,0 +1,100 @@
+use crate::ast::{Literal, Node};
+use crate::constants::DEFAULT_FUNCTIONS;
+use crate::context::{EvalContext, FunctionProvider, ValueProvider};
+use crate::value::{Number, Value};
+use thiserror::Error;
+
+#[derive(Debug, Error)]
+pub enum EvalError {
+	#[error("Missing value: {0}")]
+	MissingValue(String),
+
+	#[error("Missing function: {0}")]
+	MissingFunction(String),
+	#[error("Wrong type for function call")]
+	TypeError,
+}
+
+impl Node {
+	pub fn eval<V: ValueProvider, F: FunctionProvider>(&self, context: &EvalContext<V, F>) -> Result<Value, EvalError> {
+		match self {
+			Node::Lit(lit) => match lit {
+				Literal::Float(num) => Ok(Value::from_f64(*num)),
+				Literal::Complex(num) => Ok(Value::Number(Number::Complex(*num))),
+			},
+
+			Node::BinOp { lhs, op, rhs } => match (lhs.eval(context)?, rhs.eval(context)?) {
+				(Value::Number(lhs), Value::Number(rhs)) => Ok(Value::Number(lhs.binary_op(*op, rhs))),
+			},
+			Node::UnaryOp { expr, op } => match expr.eval(context)? {
+				Value::Number(num) => Ok(Value::Number(num.unary_op(*op))),
+			},
+			Node::Var(name) => context.get_value(name).ok_or_else(|| EvalError::MissingValue(name.clone())),
+			Node::FnCall { name, expr } => {
+				let values = expr.iter().map(|expr| expr.eval(context)).collect::<Result<Vec<Value>, EvalError>>()?;
+				if let Some(function) = DEFAULT_FUNCTIONS.get(&name.as_str()) {
+					function(&values).ok_or(EvalError::TypeError)
+				} else if let Some(val) = context.run_function(name, &values) {
+					Ok(val)
+				} else {
+					context.get_value(name).ok_or_else(|| EvalError::MissingFunction(name.to_string()))
+				}
+			}
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use crate::ast::{BinaryOp, Literal, Node, UnaryOp};
+	use crate::context::{EvalContext, ValueMap};
+	use crate::value::Value;
+
+	macro_rules! eval_tests {
+		($($name:ident: $expected:expr_2021 => $expr:expr_2021),* $(,)?) => {
+			$(
+				#[test]
+				fn $name() {
+					let result = $expr.eval(&EvalContext::default()).unwrap();
+					assert_eq!(result, $expected);
+				}
+			)*
+		};
+	}
+
+	eval_tests! {
+		test_addition: Value::from_f64(7.0) => Node::BinOp {
+			lhs: Box::new(Node::Lit(Literal::Float(3.0))),
+			op: BinaryOp::Add,
+			rhs: Box::new(Node::Lit(Literal::Float(4.0))),
+		},
+		test_subtraction: Value::from_f64(1.0) => Node::BinOp {
+			lhs: Box::new(Node::Lit(Literal::Float(5.0))),
+			op: BinaryOp::Sub,
+			rhs: Box::new(Node::Lit(Literal::Float(4.0))),
+		},
+		test_multiplication: Value::from_f64(12.0) => Node::BinOp {
+			lhs: Box::new(Node::Lit(Literal::Float(3.0))),
+			op: BinaryOp::Mul,
+			rhs: Box::new(Node::Lit(Literal::Float(4.0))),
+		},
+		test_division: Value::from_f64(2.5) => Node::BinOp {
+			lhs: Box::new(Node::Lit(Literal::Float(5.0))),
+			op: BinaryOp::Div,
+			rhs: Box::new(Node::Lit(Literal::Float(2.0))),
+		},
+		test_negation: Value::from_f64(-3.0) => Node::UnaryOp {
+			expr: Box::new(Node::Lit(Literal::Float(3.0))),
+			op: UnaryOp::Neg,
+		},
+		test_sqrt: Value::from_f64(2.0) => Node::UnaryOp {
+			expr: Box::new(Node::Lit(Literal::Float(4.0))),
+			op: UnaryOp::Sqrt,
+		},
+		 test_power: Value::from_f64(8.0) => Node::BinOp {
+			 lhs: Box::new(Node::Lit(Literal::Float(2.0))),
+			 op: BinaryOp::Pow,
+			 rhs: Box::new(Node::Lit(Literal::Float(3.0))),
+		 },
+	}
+}
diff --git a/libraries/math-parser/src/grammer.pest b/libraries/math-parser/src/grammer.pest
new file mode 100644
index 0000000000000000000000000000000000000000..d7a61939df2e574ad96450da038d354fbcbbd7ba
--- /dev/null
+++ b/libraries/math-parser/src/grammer.pest
@@ -0,0 +1,60 @@
+WHITESPACE    =  _{ " " | "\t" }
+
+// TODO: Proper indentation and formatting
+program       =  _{ SOI ~ expr ~ EOI }
+
+expr          =  { atom ~ (infix ~ atom)* }
+atom          =  _{ prefix? ~ primary ~ postfix? }
+infix         =  _{ add | sub | mul | div | pow | paren }
+add           =  { "+" }    // Addition
+sub           =  { "-" }    // Subtraction
+mul           =  { "*" }    // Multiplication
+div           =  { "/" }    // Division
+mod           =  { "%" }    // Modulo
+pow           =  { "^" }    // Exponentiation
+paren         =  { ""  }    // Implicit multiplication operator
+
+prefix        =  _{ neg | sqrt }
+neg           =  { "-" }    // Negation
+sqrt          =  { "sqrt" }
+
+postfix       =  _{ fac }
+fac           =  { "!" }    // Factorial
+
+primary       =  _{ ("(" ~ expr ~ ")") | lit | constant | fn_call | ident  }
+fn_call       =  { ident ~ "(" ~ expr ~ ("," ~ expr)* ~ ")" }
+ident           =  @{ (ASCII_ALPHA | "_") ~ (ASCII_ALPHANUMERIC | "_")* }
+lit           =  { unit | ((float | int) ~ unit?) }
+
+float         =  @{ int ~ "." ~ int? ~ exp? | int ~ exp }
+exp           =  _{ ^"e" ~ ("+" | "-")? ~ int }
+int           =  @{ ASCII_DIGIT+ }
+
+unit          =  ${ (scale ~ base_unit) | base_unit ~ !ident}
+base_unit     =  _{ meter | second | gram }
+meter         =  { "m" }
+second        =  { "s" }
+gram          =  { "g" }
+
+scale         =  _{ nano | micro | milli | centi | deci | deca | hecto | kilo | mega | giga | tera }
+nano          =  { "n" }
+micro         =  { "µ" | "u" }
+milli         =  { "m" }
+centi         =  { "c" }
+deci          =  { "d" }
+deca          =  { "da" }
+hecto         =  { "h" }
+kilo          =  { "k" }
+mega          =  { "M" }
+giga          =  { "G" }
+tera          =  { "T" }
+
+// Constants
+constant              =  { infinity | imaginary_unit | pi | tau | euler_number | golden_ratio | gravity_acceleration }
+infinity              =  { "inf" | "INF" | "infinity" | "INFINITY" | "∞" }
+imaginary_unit        =  { "i" | "I" }
+pi                    =  { "pi" | "PI" | "π" }
+tau                   =  { "tau" | "TAU" | "τ" }
+euler_number          =  { "e" }
+golden_ratio          =  { "phi" | "PHI" | "φ" }
+gravity_acceleration  =  { "G" }
diff --git a/libraries/math-parser/src/lib.rs b/libraries/math-parser/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e596d78dffef007010e79d35e1be86bdc6253eb9
--- /dev/null
+++ b/libraries/math-parser/src/lib.rs
@@ -0,0 +1,149 @@
+#![allow(unused)]
+
+pub mod ast;
+mod constants;
+pub mod context;
+pub mod executer;
+pub mod parser;
+pub mod value;
+
+use ast::Unit;
+use context::{EvalContext, ValueMap};
+use executer::EvalError;
+use parser::ParseError;
+use value::Value;
+
+pub fn evaluate(expression: &str) -> Result<(Result<Value, EvalError>, Unit), ParseError> {
+	let expr = ast::Node::try_parse_from_str(expression);
+	let context = EvalContext::default();
+	expr.map(|(node, unit)| (node.eval(&context), unit))
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use ast::Unit;
+	use value::Number;
+
+	const EPSILON: f64 = 1e-10_f64;
+
+	macro_rules! test_end_to_end{
+		($($name:ident: $input:expr_2021 => ($expected_value:expr_2021, $expected_unit:expr_2021)),* $(,)?) => {
+			$(
+				#[test]
+				fn $name() {
+					let expected_value = $expected_value;
+					let expected_unit = $expected_unit;
+
+					let expr = ast::Node::try_parse_from_str($input);
+					let context = EvalContext::default();
+
+					let (actual_value, actual_unit) = expr.map(|(node, unit)| (node.eval(&context), unit)).unwrap();
+					let actual_value = actual_value.unwrap();
+
+
+					assert!(actual_unit == expected_unit, "Expected unit {:?} but found unit {:?}", expected_unit, actual_unit);
+
+					let expected_value = expected_value.into();
+
+					match (actual_value, expected_value) {
+						(Value::Number(Number::Complex(actual_c)), Value::Number(Number::Complex(expected_c))) => {
+							assert!(
+								(actual_c.re.is_infinite() && expected_c.re.is_infinite()) || (actual_c.re - expected_c.re).abs() < EPSILON,
+								"Expected real part {}, but got {}",
+								expected_c.re,
+								actual_c.re
+							);
+							assert!(
+								(actual_c.im.is_infinite() && expected_c.im.is_infinite()) || (actual_c.im - expected_c.im).abs() < EPSILON,
+								"Expected imaginary part {}, but got {}",
+								expected_c.im,
+								actual_c.im
+							);
+						}
+						(Value::Number(Number::Real(actual_f)), Value::Number(Number::Real(expected_f))) => {
+							if actual_f.is_infinite() || expected_f.is_infinite() {
+								assert!(
+									actual_f.is_infinite() && expected_f.is_infinite() && actual_f == expected_f,
+									"Expected infinite value {}, but got {}",
+									expected_f,
+									actual_f
+								);
+							} else if actual_f.is_nan() || expected_f.is_nan() {
+								assert!(actual_f.is_nan() && expected_f.is_nan(), "Expected NaN, but got {}", actual_f);
+							} else {
+								assert!((actual_f - expected_f).abs() < EPSILON, "Expected {}, but got {}", expected_f, actual_f);
+							}
+						}
+						// Handle mismatched types
+						_ => panic!("Mismatched types: expected {:?}, got {:?}", expected_value, actual_value),
+					}
+
+				}
+			)*
+		};
+	}
+
+	test_end_to_end! {
+		// Basic arithmetic and units
+		infix_addition: "5 + 5" => (10., Unit::BASE_UNIT),
+		infix_subtraction_units: "5m - 3m" => (2., Unit::LENGTH),
+		infix_multiplication_units: "4s * 4s" => (16., Unit { length: 0, mass: 0, time: 2 }),
+		infix_division_units: "8m/2s" => (4., Unit::VELOCITY),
+
+		// Order of operations
+		order_of_operations_negative_prefix: "-10 + 5" => (-5., Unit::BASE_UNIT),
+		order_of_operations_add_multiply: "5+1*1+5" => (11., Unit::BASE_UNIT),
+		order_of_operations_add_negative_multiply: "5+(-1)*1+5" => (9., Unit::BASE_UNIT),
+		order_of_operations_sqrt: "sqrt25 + 11" => (16., Unit::BASE_UNIT),
+		order_of_operations_sqrt_expression: "sqrt(25+11)" => (6., Unit::BASE_UNIT),
+
+		// Parentheses and nested expressions
+		parentheses_nested_multiply: "(5 + 3) * (2 + 6)" => (64., Unit::BASE_UNIT),
+		parentheses_mixed_operations: "2 * (3 + 5 * (2 + 1))" => (36., Unit::BASE_UNIT),
+		parentheses_divide_add_multiply: "10 / (2 + 3) + (7 * 2)" => (16., Unit::BASE_UNIT),
+
+		// Square root and nested square root
+		sqrt_chain_operations: "sqrt(16) + sqrt(9) * sqrt(4)" => (10., Unit::BASE_UNIT),
+		sqrt_nested: "sqrt(sqrt(81))" => (3., Unit::BASE_UNIT),
+		sqrt_divide_expression: "sqrt((25 + 11) / 9)" => (2., Unit::BASE_UNIT),
+
+		// Mixed square root and units
+		sqrt_multiply_units: "sqrt(16) * 2g + 5g" => (13., Unit::MASS),
+		sqrt_add_multiply: "sqrt(49) - 1 + 2 * 3" => (12., Unit::BASE_UNIT),
+		sqrt_addition_multiply: "(sqrt(36) + 2) * 2" => (16., Unit::BASE_UNIT),
+
+		// Exponentiation
+		exponent_single: "2^3" => (8., Unit::BASE_UNIT),
+		exponent_mixed_operations: "2^3 + 4^2" => (24., Unit::BASE_UNIT),
+		exponent_nested: "2^(3+1)" => (16., Unit::BASE_UNIT),
+
+		// Operations with negative values
+		negative_units_add_multiply: "-5s + (-3 * 2)s" => (-11., Unit::TIME),
+		negative_nested_parentheses: "-(5 + 3 * (2 - 1))" => (-8., Unit::BASE_UNIT),
+		negative_sqrt_addition: "-(sqrt(16) + sqrt(9))" => (-7., Unit::BASE_UNIT),
+		multiply_sqrt_subtract: "5 * 2 + sqrt(16) / 2 - 3" => (9., Unit::BASE_UNIT),
+		add_multiply_subtract_sqrt: "4 + 3 * (2 + 1) - sqrt(25)" => (8., Unit::BASE_UNIT),
+		add_sqrt_subtract_nested_multiply: "10 + sqrt(64) - (5 * (2 + 1))" => (3., Unit::BASE_UNIT),
+
+		// Mathematical constants
+		constant_pi: "pi" => (std::f64::consts::PI, Unit::BASE_UNIT),
+		constant_e: "e" => (std::f64::consts::E, Unit::BASE_UNIT),
+		constant_phi: "phi" => (1.61803398875, Unit::BASE_UNIT),
+		constant_tau: "tau" => (2.0 * std::f64::consts::PI, Unit::BASE_UNIT),
+		constant_infinity: "inf" => (f64::INFINITY, Unit::BASE_UNIT),
+		constant_infinity_symbol: "∞" => (f64::INFINITY, Unit::BASE_UNIT),
+		multiply_pi: "2 * pi" => (2.0 * std::f64::consts::PI, Unit::BASE_UNIT),
+		add_e_constant: "e + 1" => (std::f64::consts::E + 1.0, Unit::BASE_UNIT),
+		multiply_phi_constant: "phi * 2" => (1.61803398875 * 2.0, Unit::BASE_UNIT),
+		exponent_tau: "2^tau" => (2f64.powf(2.0 * std::f64::consts::PI), Unit::BASE_UNIT),
+		infinity_subtract_large_number: "inf - 1000" => (f64::INFINITY, Unit::BASE_UNIT),
+
+		// Trigonometric functions
+		trig_sin_pi: "sin(pi)" => (0.0, Unit::BASE_UNIT),
+		trig_cos_zero: "cos(0)" => (1.0, Unit::BASE_UNIT),
+		trig_tan_pi_div_four: "tan(pi/4)" => (1.0, Unit::BASE_UNIT),
+		trig_sin_tau: "sin(tau)" => (0.0, Unit::BASE_UNIT),
+		trig_cos_tau_div_two: "cos(tau/2)" => (-1.0, Unit::BASE_UNIT),
+	}
+}
diff --git a/libraries/math-parser/src/parser.rs b/libraries/math-parser/src/parser.rs
new file mode 100644
index 0000000000000000000000000000000000000000..101995d87ba3f181695e4eea75ac7c1850e3a279
--- /dev/null
+++ b/libraries/math-parser/src/parser.rs
@@ -0,0 +1,379 @@
+use crate::ast::{BinaryOp, Literal, Node, UnaryOp, Unit};
+use crate::context::EvalContext;
+use crate::value::{Complex, Number, Value};
+use lazy_static::lazy_static;
+use num_complex::ComplexFloat;
+use pest::Parser;
+use pest::iterators::{Pair, Pairs};
+use pest::pratt_parser::{Assoc, Op, PrattParser};
+use pest_derive::Parser;
+use std::num::{ParseFloatError, ParseIntError};
+use thiserror::Error;
+
+#[derive(Parser)]
+#[grammar = "./grammer.pest"] // Point to the grammar file
+struct ExprParser;
+
+lazy_static! {
+	static ref PRATT_PARSER: PrattParser<Rule> = {
+		PrattParser::new()
+			.op(Op::infix(Rule::add, Assoc::Left) | Op::infix(Rule::sub, Assoc::Left))
+			.op(Op::infix(Rule::mul, Assoc::Left) | Op::infix(Rule::div, Assoc::Left) | Op::infix(Rule::paren, Assoc::Left))
+			.op(Op::infix(Rule::pow, Assoc::Right))
+			.op(Op::postfix(Rule::fac) | Op::postfix(Rule::EOI))
+			.op(Op::prefix(Rule::sqrt))
+			.op(Op::prefix(Rule::neg))
+	};
+}
+
+#[derive(Error, Debug)]
+pub enum TypeError {
+	#[error("Invalid BinOp: {0:?} {1:?} {2:?}")]
+	InvalidBinaryOp(Unit, BinaryOp, Unit),
+
+	#[error("Invalid UnaryOp: {0:?}")]
+	InvalidUnaryOp(Unit, UnaryOp),
+}
+
+#[derive(Error, Debug)]
+pub enum ParseError {
+	#[error("ParseIntError: {0}")]
+	ParseInt(#[from] ParseIntError),
+	#[error("ParseFloatError: {0}")]
+	ParseFloat(#[from] ParseFloatError),
+
+	#[error("TypeError: {0}")]
+	Type(#[from] TypeError),
+
+	#[error("PestError: {0}")]
+	Pest(#[from] Box<pest::error::Error<Rule>>),
+}
+
+impl Node {
+	pub fn try_parse_from_str(s: &str) -> Result<(Node, Unit), ParseError> {
+		let pairs = ExprParser::parse(Rule::program, s).map_err(Box::new)?;
+		let (node, metadata) = parse_expr(pairs)?;
+		Ok((node, metadata.unit))
+	}
+}
+
+struct NodeMetadata {
+	pub unit: Unit,
+}
+
+impl NodeMetadata {
+	pub fn new(unit: Unit) -> Self {
+		Self { unit }
+	}
+}
+
+fn parse_unit(pairs: Pairs<Rule>) -> Result<(Unit, f64), ParseError> {
+	let mut scale = 1.0;
+	let mut length = 0;
+	let mut mass = 0;
+	let mut time = 0;
+
+	for pair in pairs {
+		println!("found rule: {:?}", pair.as_rule());
+		match pair.as_rule() {
+			Rule::nano => scale *= 1e-9,
+			Rule::micro => scale *= 1e-6,
+			Rule::milli => scale *= 1e-3,
+			Rule::centi => scale *= 1e-2,
+			Rule::deci => scale *= 1e-1,
+			Rule::deca => scale *= 1e1,
+			Rule::hecto => scale *= 1e2,
+			Rule::kilo => scale *= 1e3,
+			Rule::mega => scale *= 1e6,
+			Rule::giga => scale *= 1e9,
+			Rule::tera => scale *= 1e12,
+
+			Rule::meter => length = 1,
+			Rule::gram => mass = 1,
+			Rule::second => time = 1,
+
+			_ => unreachable!(), // All possible rules should be covered
+		}
+	}
+
+	Ok((Unit { length, mass, time }, scale))
+}
+
+fn parse_const(pair: Pair<Rule>) -> Literal {
+	match pair.as_rule() {
+		Rule::infinity => Literal::Float(f64::INFINITY),
+		Rule::imaginary_unit => Literal::Complex(Complex::new(0.0, 1.0)),
+		Rule::pi => Literal::Float(std::f64::consts::PI),
+		Rule::tau => Literal::Float(2.0 * std::f64::consts::PI),
+		Rule::euler_number => Literal::Float(std::f64::consts::E),
+		Rule::golden_ratio => Literal::Float(1.61803398875),
+		_ => unreachable!("Unexpected constant: {:?}", pair),
+	}
+}
+
+fn parse_lit(mut pairs: Pairs<Rule>) -> Result<(Literal, Unit), ParseError> {
+	let literal = match pairs.next() {
+		Some(lit) => match lit.as_rule() {
+			Rule::int => {
+				let value = lit.as_str().parse::<i32>()? as f64;
+				Literal::Float(value)
+			}
+			Rule::float => {
+				let value = lit.as_str().parse::<f64>()?;
+				Literal::Float(value)
+			}
+			Rule::unit => {
+				let (unit, scale) = parse_unit(lit.into_inner())?;
+				return Ok((Literal::Float(scale), unit));
+			}
+			rule => unreachable!("unexpected rule: {:?}", rule),
+		},
+		None => unreachable!("expected rule"), // No literal found
+	};
+
+	if let Some(unit_pair) = pairs.next() {
+		let unit_pairs = unit_pair.into_inner(); // Get the inner pairs for the unit
+		let (unit, scale) = parse_unit(unit_pairs)?;
+
+		println!("found unit: {:?}", unit);
+
+		Ok((
+			match literal {
+				Literal::Float(num) => Literal::Float(num * scale),
+				Literal::Complex(num) => Literal::Complex(num * scale),
+			},
+			unit,
+		))
+	} else {
+		Ok((literal, Unit::BASE_UNIT))
+	}
+}
+
+fn parse_expr(pairs: Pairs<Rule>) -> Result<(Node, NodeMetadata), ParseError> {
+	PRATT_PARSER
+		.map_primary(|primary| {
+			Ok(match primary.as_rule() {
+				Rule::lit => {
+					let (lit, unit) = parse_lit(primary.into_inner())?;
+
+					(Node::Lit(lit), NodeMetadata { unit })
+				}
+				Rule::fn_call => {
+					let mut pairs = primary.into_inner();
+					let name = pairs.next().expect("fn_call always has 2 children").as_str().to_string();
+
+					(
+						Node::FnCall {
+							name,
+							expr: pairs.map(|p| parse_expr(p.into_inner()).map(|expr| expr.0)).collect::<Result<Vec<Node>, ParseError>>()?,
+						},
+						NodeMetadata::new(Unit::BASE_UNIT),
+					)
+				}
+				Rule::constant => {
+					let lit = parse_const(primary.into_inner().next().expect("constant should have atleast 1 child"));
+
+					(Node::Lit(lit), NodeMetadata::new(Unit::BASE_UNIT))
+				}
+				Rule::ident => {
+					let name = primary.as_str().to_string();
+
+					(Node::Var(name), NodeMetadata::new(Unit::BASE_UNIT))
+				}
+				Rule::expr => parse_expr(primary.into_inner())?,
+				Rule::float => {
+					let value = primary.as_str().parse::<f64>()?;
+					(Node::Lit(Literal::Float(value)), NodeMetadata::new(Unit::BASE_UNIT))
+				}
+				rule => unreachable!("unexpected rule: {:?}", rule),
+			})
+		})
+		.map_prefix(|op, rhs| {
+			let (rhs, rhs_metadata) = rhs?;
+			let op = match op.as_rule() {
+				Rule::neg => UnaryOp::Neg,
+				Rule::sqrt => UnaryOp::Sqrt,
+
+				rule => unreachable!("unexpected rule: {:?}", rule),
+			};
+
+			let node = Node::UnaryOp { expr: Box::new(rhs), op };
+			let unit = rhs_metadata.unit;
+
+			let unit = if !unit.is_base() {
+				match op {
+					UnaryOp::Sqrt if unit.length % 2 == 0 && unit.mass % 2 == 0 && unit.time % 2 == 0 => Unit {
+						length: unit.length / 2,
+						mass: unit.mass / 2,
+						time: unit.time / 2,
+					},
+					UnaryOp::Neg => unit,
+					op => return Err(ParseError::Type(TypeError::InvalidUnaryOp(unit, op))),
+				}
+			} else {
+				Unit::BASE_UNIT
+			};
+
+			Ok((node, NodeMetadata::new(unit)))
+		})
+		.map_postfix(|lhs, op| {
+			let (lhs_node, lhs_metadata) = lhs?;
+
+			let op = match op.as_rule() {
+				Rule::EOI => return Ok((lhs_node, lhs_metadata)),
+				Rule::fac => UnaryOp::Fac,
+				rule => unreachable!("unexpected rule: {:?}", rule),
+			};
+
+			if !lhs_metadata.unit.is_base() {
+				return Err(ParseError::Type(TypeError::InvalidUnaryOp(lhs_metadata.unit, op)));
+			}
+
+			Ok((Node::UnaryOp { expr: Box::new(lhs_node), op }, lhs_metadata))
+		})
+		.map_infix(|lhs, op, rhs| {
+			let (lhs, lhs_metadata) = lhs?;
+			let (rhs, rhs_metadata) = rhs?;
+
+			let op = match op.as_rule() {
+				Rule::add => BinaryOp::Add,
+				Rule::sub => BinaryOp::Sub,
+				Rule::mul => BinaryOp::Mul,
+				Rule::div => BinaryOp::Div,
+				Rule::pow => BinaryOp::Pow,
+				Rule::paren => BinaryOp::Mul,
+				rule => unreachable!("unexpected rule: {:?}", rule),
+			};
+
+			let (lhs_unit, rhs_unit) = (lhs_metadata.unit, rhs_metadata.unit);
+
+			let unit = match (!lhs_unit.is_base(), !rhs_unit.is_base()) {
+				(true, true) => match op {
+					BinaryOp::Mul => Unit {
+						length: lhs_unit.length + rhs_unit.length,
+						mass: lhs_unit.mass + rhs_unit.mass,
+						time: lhs_unit.time + rhs_unit.time,
+					},
+					BinaryOp::Div => Unit {
+						length: lhs_unit.length - rhs_unit.length,
+						mass: lhs_unit.mass - rhs_unit.mass,
+						time: lhs_unit.time - rhs_unit.time,
+					},
+					BinaryOp::Add | BinaryOp::Sub => {
+						if lhs_unit == rhs_unit {
+							lhs_unit
+						} else {
+							return Err(ParseError::Type(TypeError::InvalidBinaryOp(lhs_unit, op, rhs_unit)));
+						}
+					}
+					BinaryOp::Pow => {
+						return Err(ParseError::Type(TypeError::InvalidBinaryOp(lhs_unit, op, rhs_unit)));
+					}
+				},
+
+				(true, false) => match op {
+					BinaryOp::Add | BinaryOp::Sub => return Err(ParseError::Type(TypeError::InvalidBinaryOp(lhs_unit, op, Unit::BASE_UNIT))),
+					BinaryOp::Pow => {
+						//TODO: improve error type
+						//TODO: support 1 / int
+						if let Ok(Value::Number(Number::Real(val))) = rhs.eval(&EvalContext::default()) {
+							if (val - val as i32 as f64).abs() <= f64::EPSILON {
+								Unit {
+									length: lhs_unit.length * val as i32,
+									mass: lhs_unit.mass * val as i32,
+									time: lhs_unit.time * val as i32,
+								}
+							} else {
+								return Err(ParseError::Type(TypeError::InvalidBinaryOp(lhs_unit, op, Unit::BASE_UNIT)));
+							}
+						} else {
+							return Err(ParseError::Type(TypeError::InvalidBinaryOp(lhs_unit, op, Unit::BASE_UNIT)));
+						}
+					}
+					_ => lhs_unit,
+				},
+				(false, true) => match op {
+					BinaryOp::Add | BinaryOp::Sub | BinaryOp::Pow => return Err(ParseError::Type(TypeError::InvalidBinaryOp(Unit::BASE_UNIT, op, rhs_unit))),
+					_ => rhs_unit,
+				},
+				(false, false) => Unit::BASE_UNIT,
+			};
+
+			let node = Node::BinOp {
+				lhs: Box::new(lhs),
+				op,
+				rhs: Box::new(rhs),
+			};
+
+			Ok((node, NodeMetadata::new(unit)))
+		})
+		.parse(pairs)
+}
+
+//TODO: set up Unit test for Units
+#[cfg(test)]
+mod tests {
+	use super::*;
+	macro_rules! test_parser {
+		($($name:ident: $input:expr_2021 => $expected:expr_2021),* $(,)?) => {
+			$(
+				#[test]
+				fn $name() {
+					let result = Node::try_parse_from_str($input).unwrap();
+					assert_eq!(result.0, $expected);
+				}
+			)*
+		};
+	}
+
+	test_parser! {
+		test_parse_int_literal: "42" => Node::Lit(Literal::Float(42.0)),
+		test_parse_float_literal: "3.14" => Node::Lit(Literal::Float(#[allow(clippy::approx_constant)] 3.14)),
+		test_parse_ident: "x" => Node::Var("x".to_string()),
+		test_parse_unary_neg: "-42" => Node::UnaryOp {
+			expr: Box::new(Node::Lit(Literal::Float(42.0))),
+			op: UnaryOp::Neg,
+		},
+		test_parse_binary_add: "1 + 2" => Node::BinOp {
+			lhs: Box::new(Node::Lit(Literal::Float(1.0))),
+			op: BinaryOp::Add,
+			rhs: Box::new(Node::Lit(Literal::Float(2.0))),
+		},
+		test_parse_binary_mul: "3 * 4" => Node::BinOp {
+			lhs: Box::new(Node::Lit(Literal::Float(3.0))),
+			op: BinaryOp::Mul,
+			rhs: Box::new(Node::Lit(Literal::Float(4.0))),
+		},
+		test_parse_binary_pow: "2 ^ 3" => Node::BinOp {
+			lhs: Box::new(Node::Lit(Literal::Float(2.0))),
+			op: BinaryOp::Pow,
+			rhs: Box::new(Node::Lit(Literal::Float(3.0))),
+		},
+		test_parse_unary_sqrt: "sqrt(16)" => Node::UnaryOp {
+			expr: Box::new(Node::Lit(Literal::Float(16.0))),
+			op: UnaryOp::Sqrt,
+		},
+		test_parse_sqr_ident: "sqr(16)" => Node::FnCall {
+			 name:"sqr".to_string(),
+			 expr: vec![Node::Lit(Literal::Float(16.0))]
+		},
+
+		test_parse_complex_expr: "(1 + 2)  3 - 4 ^ 2" => Node::BinOp {
+			lhs: Box::new(Node::BinOp {
+				lhs: Box::new(Node::BinOp {
+					lhs: Box::new(Node::Lit(Literal::Float(1.0))),
+					op: BinaryOp::Add,
+					rhs: Box::new(Node::Lit(Literal::Float(2.0))),
+				}),
+				op: BinaryOp::Mul,
+				rhs: Box::new(Node::Lit(Literal::Float(3.0))),
+			}),
+			op: BinaryOp::Sub,
+			rhs: Box::new(Node::BinOp {
+				lhs: Box::new(Node::Lit(Literal::Float(4.0))),
+				op: BinaryOp::Pow,
+				rhs: Box::new(Node::Lit(Literal::Float(2.0))),
+			}),
+		}
+	}
+}
diff --git a/libraries/math-parser/src/value.rs b/libraries/math-parser/src/value.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3577f3ea60c06c6bd511818c2e39596b39cce87d
--- /dev/null
+++ b/libraries/math-parser/src/value.rs
@@ -0,0 +1,126 @@
+use crate::ast::{BinaryOp, UnaryOp};
+use num_complex::ComplexFloat;
+use std::f64::consts::PI;
+
+pub type Complex = num_complex::Complex<f64>;
+
+#[derive(Debug, PartialEq, Clone, Copy)]
+pub enum Value {
+	Number(Number),
+}
+
+impl Value {
+	pub fn from_f64(x: f64) -> Self {
+		Self::Number(Number::Real(x))
+	}
+
+	pub fn as_real(&self) -> Option<f64> {
+		match self {
+			Self::Number(Number::Real(val)) => Some(*val),
+			_ => None,
+		}
+	}
+}
+
+impl From<f64> for Value {
+	fn from(x: f64) -> Self {
+		Self::from_f64(x)
+	}
+}
+
+impl core::fmt::Display for Value {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			Value::Number(num) => num.fmt(f),
+		}
+	}
+}
+
+#[derive(Debug, PartialEq, Clone, Copy)]
+pub enum Number {
+	Real(f64),
+	Complex(Complex),
+}
+
+impl std::fmt::Display for Number {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			Number::Real(real) => real.fmt(f),
+			Number::Complex(complex) => complex.fmt(f),
+		}
+	}
+}
+
+impl Number {
+	pub fn binary_op(self, op: BinaryOp, other: Number) -> Number {
+		match (self, other) {
+			(Number::Real(lhs), Number::Real(rhs)) => {
+				let result = match op {
+					BinaryOp::Add => lhs + rhs,
+					BinaryOp::Sub => lhs - rhs,
+					BinaryOp::Mul => lhs * rhs,
+					BinaryOp::Div => lhs / rhs,
+					BinaryOp::Pow => lhs.powf(rhs),
+				};
+				Number::Real(result)
+			}
+
+			(Number::Complex(lhs), Number::Complex(rhs)) => {
+				let result = match op {
+					BinaryOp::Add => lhs + rhs,
+					BinaryOp::Sub => lhs - rhs,
+					BinaryOp::Mul => lhs * rhs,
+					BinaryOp::Div => lhs / rhs,
+					BinaryOp::Pow => lhs.powc(rhs),
+				};
+				Number::Complex(result)
+			}
+
+			(Number::Real(lhs), Number::Complex(rhs)) => {
+				let lhs_complex = Complex::new(lhs, 0.0);
+				let result = match op {
+					BinaryOp::Add => lhs_complex + rhs,
+					BinaryOp::Sub => lhs_complex - rhs,
+					BinaryOp::Mul => lhs_complex * rhs,
+					BinaryOp::Div => lhs_complex / rhs,
+					BinaryOp::Pow => lhs_complex.powc(rhs),
+				};
+				Number::Complex(result)
+			}
+
+			(Number::Complex(lhs), Number::Real(rhs)) => {
+				let rhs_complex = Complex::new(rhs, 0.0);
+				let result = match op {
+					BinaryOp::Add => lhs + rhs_complex,
+					BinaryOp::Sub => lhs - rhs_complex,
+					BinaryOp::Mul => lhs * rhs_complex,
+					BinaryOp::Div => lhs / rhs_complex,
+					BinaryOp::Pow => lhs.powf(rhs),
+				};
+				Number::Complex(result)
+			}
+		}
+	}
+
+	pub fn unary_op(self, op: UnaryOp) -> Number {
+		match self {
+			Number::Real(real) => match op {
+				UnaryOp::Neg => Number::Real(-real),
+				UnaryOp::Sqrt => Number::Real(real.sqrt()),
+
+				UnaryOp::Fac => todo!("Implement factorial"),
+			},
+
+			Number::Complex(complex) => match op {
+				UnaryOp::Neg => Number::Complex(-complex),
+				UnaryOp::Sqrt => Number::Complex(complex.sqrt()),
+
+				UnaryOp::Fac => todo!("Implement factorial"),
+			},
+		}
+	}
+
+	pub fn from_f64(x: f64) -> Self {
+		Self::Real(x)
+	}
+}
diff --git a/libraries/path-bool/.gitignore b/libraries/path-bool/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..73bdcbf49fbd116d792a2bcd9755d9659e19c1d5
--- /dev/null
+++ b/libraries/path-bool/.gitignore
@@ -0,0 +1,2 @@
+/target/
+test-results/
diff --git a/libraries/path-bool/Cargo.toml b/libraries/path-bool/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..d85de28d265a8bea8085acd96d66e3088a2f1556
--- /dev/null
+++ b/libraries/path-bool/Cargo.toml
@@ -0,0 +1,46 @@
+[package]
+name = "path-bool"
+version = "0.1.0"
+rust-version = "1.85"
+authors = ["Graphite Authors <contact@graphite.rs>", "Adam Platkevič"]
+edition = "2024"
+keywords = [
+	"bezier",
+	"curve",
+	"boolean",
+	"path",
+	"geometry",
+	"computational geometry",
+	"vector graphics",
+	"2d",
+	"graphics",
+]
+categories = ["graphics", "mathematics"]
+license = "MIT OR Apache-2.0"
+
+[features]
+logging = ["parsing"]
+parsing = []
+default = ["parsing"]
+
+[dependencies]
+glam = "0.29.0"
+regex = "1.10.6"
+slotmap = "1.0.7"
+
+[dev-dependencies]
+glob = "0.3"
+svg = "0.18"
+resvg = "0.44"
+image = "0.25"
+
+# Required dependencies
+criterion = { workspace = true }
+
+# Benchmarks
+[[bench]]
+name = "painted_dreams"
+harness = false
+[[bench]]
+name = "path_segment_intersection"
+harness = false
diff --git a/libraries/path-bool/LICENSE-APACHE b/libraries/path-bool/LICENSE-APACHE
new file mode 100644
index 0000000000000000000000000000000000000000..261eeb9e9f8b2b4b0d119366dda99c6fd7d35c64
--- /dev/null
+++ b/libraries/path-bool/LICENSE-APACHE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/libraries/path-bool/LICENSE-MIT b/libraries/path-bool/LICENSE-MIT
new file mode 100644
index 0000000000000000000000000000000000000000..826be3fb677c03843ed4530a6932a4515ddc0a11
--- /dev/null
+++ b/libraries/path-bool/LICENSE-MIT
@@ -0,0 +1,10 @@
+MIT License
+
+Copyright (c) 2024 Adam Platkevič
+Copyright (c) 2024 Graphite Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/libraries/path-bool/NOTICE b/libraries/path-bool/NOTICE
new file mode 100644
index 0000000000000000000000000000000000000000..80e631b18140c142cf074d4c7fa67aafc398256b
--- /dev/null
+++ b/libraries/path-bool/NOTICE
@@ -0,0 +1,15 @@
+NOTICE
+
+Rust port and modifications are (c) 2024 Graphite Authors.
+
+This library is derived from software originally developed by Adam Platkevič which is licensed under the MIT License reproduced below:
+
+MIT License
+
+Copyright (c) 2024 Adam Platkevič
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/libraries/path-bool/README.md b/libraries/path-bool/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..0293bb1bc8fb688877fba580dbde30d8c619f911
--- /dev/null
+++ b/libraries/path-bool/README.md
@@ -0,0 +1,69 @@
+# Path Bool
+
+A Rust library for performing boolean operations on SVG paths.
+
+Path Bool is a port of [PathBool.js](https://github.com/r-flash/PathBool.js), providing low-level functionality for boolean operations on complex 2D paths. It handles paths with multiple subpaths, self-intersections, and different fill rules.
+
+## Features
+
+- Supports multiple boolean operations: Union, Intersection, Difference, Exclusion, Division, and Fracture.
+- Handles both `NonZero` and `EvenOdd` fill rules.
+- Works with paths containing lines, cubic Bézier curves, quadratic Bézier curves, and elliptical arcs.
+- Provides utilities for parsing and generating SVG path data.
+
+## Installation
+
+Add this to your `Cargo.toml`:
+
+```toml
+[dependencies]
+path-bool = "0.1.0"
+```
+
+## Usage
+
+Here's a basic example of performing an intersection operation on two paths:
+
+```rust
+use path_bool::{path_boolean, FillRule, PathBooleanOperation, path_from_path_data, path_to_path_data};
+
+fn main() {
+    let path_a = path_from_path_data("M 10 10 L 50 10 L 30 40 Z").unwrap();
+    let path_b = path_from_path_data("M 20 30 L 60 30 L 60 50 L 20 50 Z").unwrap();
+
+    let result = path_boolean(
+        &path_a,
+        FillRule::NonZero,
+        &path_b,
+        FillRule::NonZero,
+        PathBooleanOperation::Intersection
+    ).unwrap();
+
+    let result_data = path_to_path_data(&result[0], 0.001);
+    println!("Result: {}", result_data);
+}
+```
+
+## Algorithm
+
+The boolean operations are implemented using a graph-based approach. After the parsing the input, self-intersecting cubic beziers curves are simplified. Then the intersection points between all edges are calculated. These are then turned into a graph representation where every intersection becomes a new vertex. We then apply edge contractions to remove vertices with a degree of 2 to compute the [graph minor](https://en.wikipedia.org/wiki/Graph_minor). At this stage, identical edges are deduplicated. Because we are ultimately interested in the faces of the graph to decide if they should be included in the final output, we then compute the dual graph in which the faces become vertices and vertices become the new faces. That dual structure is then used to determine which faces (dual vertices) should be included in the final output.
+
+## Development status
+
+This project is a port of PathBool.js which is still in early stages of development. Contributions, bug reports, and feedback are welcome.
+
+Future work includes:
+
+- Comprehensive test suite
+- Performance optimizations
+- Additional examples and documentation
+- Support for path builder tool features
+
+## License and acknowledgements
+
+This library is a Rust port of [PathBool.js](https://github.com/r-flash/PathBool.js) by Adam Platkevič.
+
+It is dual-licensed under the MIT License or Apache-2.0 License. You may opt to comply with either license.
+
+Copyright © 2024 Adam Platkevič
+Copyright © 2024 Graphite Authors
diff --git a/libraries/path-bool/benches/painted_dreams.rs b/libraries/path-bool/benches/painted_dreams.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8eb5440285f1eb65168f17aca241d1fa32e9b51c
--- /dev/null
+++ b/libraries/path-bool/benches/painted_dreams.rs
@@ -0,0 +1,16 @@
+use criterion::{Criterion, black_box, criterion_group, criterion_main};
+use path_bool::*;
+
+pub fn criterion_benchmark(c: &mut Criterion) {
+	let path_a =
+		path_from_path_data("M0,340C161.737914,383.575765 107.564182,490.730587 273,476 C419,463 481.741198,514.692273 481.333333,768 C481.333333,768 -0,768 -0,768 C-0,768 0,340 0,340 Z").unwrap();
+	let path_b = path_from_path_data(
+		"M458.370270,572.165771C428.525848,486.720093 368.618805,467.485992 273,476 C107.564178,490.730591 161.737915,383.575775 0,340 C0,340 0,689 0,689 C56,700 106.513901,779.342590 188,694.666687 C306.607422,571.416260 372.033966,552.205139 458.370270,572.165771 Z",
+	).unwrap();
+	c.bench_function("painted_dreams_diff", |b| {
+		b.iter(|| path_boolean(black_box(&path_a), FillRule::NonZero, black_box(&path_b), FillRule::NonZero, PathBooleanOperation::Difference))
+	});
+}
+
+criterion_group!(benches, criterion_benchmark);
+criterion_main!(benches);
diff --git a/libraries/path-bool/benches/path_segment_intersection.rs b/libraries/path-bool/benches/path_segment_intersection.rs
new file mode 100644
index 0000000000000000000000000000000000000000..227fb7ce0fc6ab0f6556a5b16168e16aac71e3d2
--- /dev/null
+++ b/libraries/path-bool/benches/path_segment_intersection.rs
@@ -0,0 +1,29 @@
+use criterion::{Criterion, black_box, criterion_group, criterion_main};
+use glam::DVec2;
+use path_bool::*;
+
+pub fn criterion_benchmark(crit: &mut Criterion) {
+	crit.bench_function("intersect 1", |bench| bench.iter(|| path_segment_intersection(black_box(&a()), black_box(&b()), true, &EPS)));
+	crit.bench_function("intersect 2", |bench| bench.iter(|| path_segment_intersection(black_box(&c()), black_box(&d()), true, &EPS)));
+}
+
+criterion_group!(benches, criterion_benchmark);
+criterion_main!(benches);
+
+fn a() -> PathSegment {
+	PathSegment::Cubic(
+		DVec2::new(458.37027, 572.165771),
+		DVec2::new(428.525848, 486.720093),
+		DVec2::new(368.618805, 467.485992),
+		DVec2::new(273., 476.),
+	)
+}
+fn b() -> PathSegment {
+	PathSegment::Cubic(DVec2::new(273., 476.), DVec2::new(419., 463.), DVec2::new(481.741198, 514.692273), DVec2::new(481.333333, 768.))
+}
+fn c() -> PathSegment {
+	PathSegment::Cubic(DVec2::new(273., 476.), DVec2::new(107.564178, 490.730591), DVec2::new(161.737915, 383.575775), DVec2::new(0., 340.))
+}
+fn d() -> PathSegment {
+	PathSegment::Cubic(DVec2::new(0., 340.), DVec2::new(161.737914, 383.575765), DVec2::new(107.564182, 490.730587), DVec2::new(273., 476.))
+}
diff --git a/libraries/path-bool/flake.nix b/libraries/path-bool/flake.nix
new file mode 100644
index 0000000000000000000000000000000000000000..a9056e3ec62bf0a87c6894ce702cb98721a9ed1b
--- /dev/null
+++ b/libraries/path-bool/flake.nix
@@ -0,0 +1,48 @@
+{
+  inputs = {
+    nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
+    flake-utils.url = "github:numtide/flake-utils";
+    rust-overlay = {
+      url = "github:oxalica/rust-overlay";
+      inputs = {
+        nixpkgs.follows = "nixpkgs";
+        flake-utils.follows = "flake-utils";
+      };
+    };
+  };
+
+  outputs = {self, nixpkgs, flake-utils, rust-overlay }:
+    flake-utils.lib.eachDefaultSystem ( system:
+      let
+        overlays = [ (import rust-overlay) ];
+        pkgs = import nixpkgs {
+          inherit system overlays;
+        };
+        toolchain = pkgs.rust-bin.stable.latest.default.override {
+          extensions = ["rust-src" "clippy" "rust-analyzer"];
+        };
+        buildInputs = with pkgs; [
+            llvm
+        ];
+        in {
+        devShells.default = pkgs.mkShell {
+          stdenv = pkgs.clangStdenv;
+          packages = with pkgs; [
+            bacon
+            valgrind
+            kcachegrind
+            cargo-flamegraph
+          ];
+          nativeBuildInputs = with pkgs; [
+            lld
+            toolchain
+            llvm
+            cargo
+          ];
+          inherit buildInputs;
+          
+          LD_LIBRARY_PATH = pkgs.lib.makeLibraryPath buildInputs;
+        };
+      }
+    );
+}
diff --git a/libraries/path-bool/shell.nix b/libraries/path-bool/shell.nix
new file mode 100644
index 0000000000000000000000000000000000000000..cf7070fd37990e86fd58a5a1c74d55c314b067b6
--- /dev/null
+++ b/libraries/path-bool/shell.nix
@@ -0,0 +1,81 @@
+# This is a helper file for people using NixOS as their operating system.
+# If you don't know what this file does, you can safely ignore it.
+
+# If you are using Nix as your package manager, you can run 'nix-shell'
+# in the root directory of the project and Nix will open a bash shell
+# with all the packages needed to build and run Graphite installed.
+# A shell.nix file is used in the Nix ecosystem to define a development
+# environment with specific dependencies. When you enter a Nix shell using
+# this file, it ensures that all the specified tools and libraries are
+# available regardless of the host system's configuration. This provides
+# a reproducible development environment across different machines and developers.
+
+# You can enter the Nix shell and run Graphite like normal with:
+# > npm start
+# Or you can run it like this without needing to first enter the Nix shell:
+# > nix-shell --command "npm start"
+
+let
+  # Get oxalica's Rust overlay for better Rust integration
+  rust-overlay-source = builtins.fetchGit {
+    url = "https://github.com/oxalica/rust-overlay";
+  };
+
+  # Import it so we can use it in Nix
+  rust-overlay = import rust-overlay-source;
+
+  # Import system packages overlaid with the Rust overlay
+  pkgs = import <nixpkgs> {
+    overlays = [ rust-overlay ];
+  };
+
+  # Define the rustc we need
+  rustc-wasm = pkgs.rust-bin.stable.latest.default.override {
+    targets = [ "wasm32-unknown-unknown" ];
+    # wasm-pack needs this
+    extensions = [ "rust-src" "rust-analyzer" "clippy"];
+  };
+in
+  # Make a shell with the dependencies we need
+  pkgs.mkShell {
+    packages = with pkgs; [
+      rustc-wasm
+      nodejs
+      cargo
+      cargo-watch
+      cargo-nextest
+      cargo-expand
+      wasm-pack
+      binaryen
+      wasm-bindgen-cli
+      vulkan-loader
+      libxkbcommon
+      llvm
+      gcc-unwrapped.lib
+      llvmPackages.libcxxStdenv
+      pkg-config
+      # used for profiling
+      gnuplot
+      samply
+      cargo-flamegraph
+
+      # For Tauri
+      openssl
+      glib
+      gtk3
+      libsoup
+      webkitgtk
+
+      # For Rawkit tests
+      libraw
+
+      # Use Mold as a linker
+      mold
+    ];
+
+    # Hacky way to run Cargo through Mold
+    LD_LIBRARY_PATH = pkgs.lib.makeLibraryPath [pkgs.openssl pkgs.vulkan-loader pkgs.libxkbcommon pkgs.llvmPackages.libcxxStdenv pkgs.gcc-unwrapped.lib pkgs.llvm pkgs.libraw];
+    shellHook = ''
+    alias cargo='mold --run cargo'
+    '';
+  }
diff --git a/libraries/path-bool/src/lib.rs b/libraries/path-bool/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6aad889658d8f54226fc6aa66c92dad879a724e3
--- /dev/null
+++ b/libraries/path-bool/src/lib.rs
@@ -0,0 +1,314 @@
+#![expect(clippy::needless_doctest_main)]
+#![doc = include_str!("../README.md")]
+mod path_boolean;
+// #[cfg(feature = "parsing")]
+mod parsing {
+	pub(crate) mod path_command;
+	pub(crate) mod path_data;
+}
+mod util {
+	pub(crate) mod aabb;
+	pub(crate) mod epsilons;
+	pub(crate) mod math;
+	pub(crate) mod quad_tree;
+}
+mod path;
+#[cfg(test)]
+mod visual_tests;
+
+#[cfg(feature = "parsing")]
+pub(crate) use parsing::*;
+pub(crate) use path::*;
+pub(crate) use util::*;
+
+pub use intersection_path_segment::path_segment_intersection;
+#[cfg(feature = "parsing")]
+pub use parsing::path_data::{path_from_path_data, path_to_path_data};
+pub use path_boolean::{BooleanError, EPS, FillRule, PathBooleanOperation, path_boolean};
+pub use path_segment::PathSegment;
+
+#[cfg(test)]
+mod test {
+	use crate::path_boolean::{self, FillRule, PathBooleanOperation};
+	use crate::path_data::{path_from_path_data, path_to_path_data};
+	use path_boolean::path_boolean;
+
+	#[test]
+	fn square() {
+		let a = path_from_path_data("M 10 10 L 50 10 L 30 40 Z").unwrap();
+		let b = path_from_path_data("M 20 30 L 60 30 L 60 50 L 20 50 Z").unwrap();
+		let union = path_boolean(
+			&a,
+			path_boolean::FillRule::NonZero,
+			&b,
+			path_boolean::FillRule::NonZero,
+			path_boolean::PathBooleanOperation::Intersection,
+		)
+		.unwrap();
+		dbg!(path_to_path_data(&union[0], 0.001));
+		assert!(!union[0].is_empty());
+	}
+
+	#[test]
+	fn nesting_01() {
+		let a = path_from_path_data("M 47,24 A 23,23 0 0 1 24,47 23,23 0 0 1 1,24 23,23 0 0 1 24,1 23,23 0 0 1 47,24 Z").unwrap();
+		let b = path_from_path_data(
+			"M 37.909023,24 A 13.909023,13.909023 0 0 1 24,37.909023 13.909023,13.909023 0 0 1 10.090978,24 13.909023,13.909023 0 0 1 24,10.090978 13.909023,13.909023 0 0 1 37.909023,24 Z",
+		)
+		.unwrap();
+		let union = path_boolean(&a, path_boolean::FillRule::NonZero, &b, path_boolean::FillRule::NonZero, path_boolean::PathBooleanOperation::Union).unwrap();
+		dbg!(path_to_path_data(&union[0], 0.001));
+		assert!(!union[0].is_empty());
+	}
+	#[test]
+	fn semi_circle_join() {
+		let a = path_from_path_data(
+			"M 0.000000000000,0.000000000000 C 0.000000000000,0.000000000000 48.487723000000,-68.116546000000 51.950617000000,-96.987654000000 C 53.354187000000,-108.689605000000 5.171145000000,-241.394513000000 -0.000000000000,-254.901235000000 Z M 0.000000000000,0.000000000000 L -0.000000000000,-254.901235000000 Z"
+		).unwrap();
+		let b = path_from_path_data(
+			"M -0.000000000000,0.484328000000 C -0.000000000000,0.484328000000 -48.487723000000,-67.632218000000 -51.950617000000,-96.503326000000 C -53.354187000000,-108.205277000000 -5.171145000000,-240.910185000000 -0.000000000000,-254.416907000000 Z M -0.000000000000,0.484328000000 L -0.000000000000,-254.416907000000 Z",
+		)
+		.unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn nesting_02() {
+		let a = path_from_path_data("M 0.99999994,31.334457 C 122.61195,71.81859 -79.025816,-5.5803326 47,32.253367 V 46.999996 H 0.99999994 Z").unwrap();
+		let b = path_from_path_data("m 25.797222,29.08718 c 0,1.292706 -1.047946,2.340652 -2.340652,2.340652 -1.292707,0 -2.340652,-1.047946 -2.340652,-2.340652 0,-1.292707 1.047945,-2.340652 2.340652,-2.340652 1.292706,0 2.340652,1.047945 2.340652,2.340652 z M 7.5851073,28.332212 c 1e-7,1.292706 -1.0479456,2.340652 -2.3406521,2.340652 -1.2927063,-1e-6 -2.3406518,-1.047946 -2.3406517,-2.340652 -10e-8,-1.292707 1.0479454,-2.340652 2.3406517,-2.340652 1.2927065,-1e-6 2.3406522,1.047945 2.3406521,2.340652 z").unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn nesting_03() {
+		let a = path_from_path_data("m 21.829117,3.5444345 h 4.341766 V 16.502158 H 21.829117 Z M 47,24 A 23,23 0 0 1 24,47 23,23 0 0 1 1,24 23,23 0 0 1 24,1 23,23 0 0 1 47,24 Z").unwrap();
+		let b = path_from_path_data("M 24 6.4960938 A 17.504802 17.504802 0 0 0 6.4960938 24 A 17.504802 17.504802 0 0 0 24 41.503906 A 17.504802 17.504802 0 0 0 41.503906 24 A 17.504802 17.504802 0 0 0 24 6.4960938 z M 24 12.193359 A 11.805881 11.805881 0 0 1 35.806641 24 A 11.805881 11.805881 0 0 1 24 35.806641 A 11.805881 11.805881 0 0 1 12.193359 24 A 11.805881 11.805881 0 0 1 24 12.193359 z ").unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		// Add more specific assertions about the resulting path if needed
+		let path_string = dbg!(path_to_path_data(&result[0], 0.001));
+		assert_eq!(path_string.chars().filter(|c| c == &'M').count(), 1, "More than one path returned");
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn simple_07() {
+		let a = path_from_path_data("M 37.671452,24 C 52.46888,31.142429 42.887716,37.358779 24,37.671452 16.4505,37.796429 10.328548,31.550534 10.328548,24 c 0,-7.550534 6.120918,-13.671452 13.671452,-13.671452 7.550534,0 6.871598,10.389295 13.671452,13.671452 z",
+	).unwrap();
+		let b = path_from_path_data("M 37.671452,24 C 33.698699,53.634887 29.50935,49.018306 24,37.671452 20.7021,30.879219 10.328548,31.550534 10.328548,24 c 0,-7.550534 6.120918,-13.671452 13.671452,-13.671452 7.550534,0 14.674677,6.187863 13.671452,13.671452 z").unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		// Add more specific assertions about the resulting path if needed
+		dbg!(path_to_path_data(&result[0], 0.001));
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn rect_ellipse() {
+		let a = path_from_path_data("M0,0C0,0 100,0 100,0 C100,0 100,100 100,100 C100,100 0,100 0,100 C0,100 0,0 0,0 Z").unwrap();
+		let b = path_from_path_data("M50,0C77.589239,0 100,22.410761 100,50 C100,77.589239 77.589239,100 50,100 C22.410761,100 0,77.589239 0,50 C0,22.410761 22.410761,0 50,0 Z").unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		assert!(!result[0].is_empty());
+		// Add more specific assertions about the resulting path if needed
+	}
+	#[test]
+	fn red_dress_loop() {
+		let a = path_from_path_data("M969.000000,0.000000C969.000000,0.000000 1110.066898,76.934393 1085.000000,181.000000 C1052.000000,318.000000 1199.180581,334.301571 1277.000000,319.000000 C1455.000000,284.000000 1586.999985,81.000000 1418.000000,0.000000 C1418.000000,0.000000 969.000000,0.000000 969.000000,0.000000").unwrap();
+		let b = path_from_path_data(
+			"M1211.000000,0.000000C1211.000000,0.000000 1255.000000,78.000000 1536.000000,95.000000 C1536.000000,95.000000 1536.000000,0.000000 1536.000000,0.000000 C1536.000000,0.000000 1211.000000,0.000000 1211.000000,0.000000 Z",
+		).unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Intersection).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn painted_dreams_1() {
+		let a = path_from_path_data("M969.000000,0.000000C969.000000,0.000000 1110.066898,76.934393 1085.000000,181.000000 C1052.000000,318.000000 1199.180581,334.301571 1277.000000,319.000000 C1455.000000,284.000000 1586.999985,81.000000 1418.000000,0.000000 C1418.000000,0.000000 969.000000,0.000000 969.000000,0.000000 Z").unwrap();
+		let b = path_from_path_data(
+			"M763.000000,0.000000C763.000000,0.000000 1536.000000,0.000000 1536.000000,0.000000 C1536.000000,0.000000 1536.000000,254.000000 1536.000000,254.000000 C1536.000000,254.000000 1462.000000,93.000000 1271.000000,199.000000 C1149.163056,266.616314 976.413656,188.510842 908.000000,134.000000 C839.586344,79.489158 763.000000,0.000000 763.000000,0.000000 Z",
+		).unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Intersection).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn painted_dreams_2() {
+		let a = path_from_path_data("M0,340C161.737914,383.575765 107.564182,490.730587 273,476 C419,463 481.741198,514.692273 481.333333,768 C481.333333,768 -0,768 -0,768 C-0,768 0,340 0,340 Z ")
+			.unwrap();
+		let b = path_from_path_data(
+			"M458.370270,572.165771C428.525848,486.720093 368.618805,467.485992 273,476 C107.564178,490.730591 161.737915,383.575775 0,340 C0,340 0,689 0,689 C56,700 106.513901,779.342590 188,694.666687 C306.607422,571.416260 372.033966,552.205139 458.370270,572.165771 Z",
+		).unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn painted_dreams_3() {
+		let a = path_from_path_data("M889,0C889,0 889,21 898,46 C909.595887,78.210796 872.365858,104.085306 869,147 C865,198 915,237 933,273 C951,309 951.703704,335.407407 923,349 C898.996281,360.366922 881,367 902,394 C923,421 928.592593,431.407407 898,468 C912.888889,472.888889 929.333333,513.333333 896,523 C896,523 876,533.333333 886,572 C896.458810,612.440732 873.333333,657.777778 802.666667,656.444444 C738.670245,655.236965 689,643 655,636 C621,629 604,623 585,666 C566,709 564,768 564,768 C564,768 0,768 0,768 C0,768 0,0 0,0 C0,0 889,0 889,0 Z ").unwrap();
+		let b = path_from_path_data(
+			"M552,768C552,768 993,768 993,768 C993,768 1068.918039,682.462471 1093,600 C1126,487 1007.352460,357.386071 957,324 C906.647540,290.613929 842,253 740,298 C638,343 491.342038,421.999263 491.342038,506.753005 C491.342038,641.999411 552,768 552,768 Z ",
+		).unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Difference).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn painted_dreams_4() {
+		let a = path_from_path_data("M458.370270,572.165771C372.033966,552.205139 306.607422,571.416260 188.000000,694.666687 C106.513901,779.342590 56.000000,700.000000 0.000000,689.000000 C0.000000,689.000000 0.000000,768.000000 0.000000,768.000000 C0.000000,768.000000 481.333344,768.000000 481.333344,768.000000 C481.474091,680.589417 474.095154,617.186768 458.370270,572.165771 Z ").unwrap();
+		let b = path_from_path_data(
+			"M364.000000,768.000000C272.000000,686.000000 294.333333,468.666667 173.333333,506.666667 C110.156241,526.507407 0.000000,608.000000 0.000000,608.000000 L -0.000000,768.000000 L 364.000000,768.000000 Z",
+		).unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Difference).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn painted_dreams_5() {
+		let a = path_from_path_data("M889.000000,0.000000C889.000000,0.000000 889.000000,21.000000 898.000000,46.000000 C909.595887,78.210796 872.365858,104.085306 869.000000,147.000000 C865.000000,198.000000 915.000000,237.000000 933.000000,273.000000 C951.000000,309.000000 951.703704,335.407407 923.000000,349.000000 C898.996281,360.366922 881.000000,367.000000 902.000000,394.000000 C923.000000,421.000000 928.592593,431.407407 898.000000,468.000000 C912.888889,472.888889 929.333333,513.333333 896.000000,523.000000 C896.000000,523.000000 876.000000,533.333333 886.000000,572.000000 C896.458810,612.440732 873.333333,657.777778 802.666667,656.444444 C738.670245,655.236965 689.000000,643.000000 655.000000,636.000000 C621.000000,629.000000 604.000000,623.000000 585.000000,666.000000 C566.000000,709.000000 564.000000,768.000000 564.000000,768.000000 C564.000000,768.000000 0.000000,768.000000 0.000000,768.000000 C0.000000,768.000000 0.000000,0.000000 0.000000,0.000000 C0.000000,0.000000 889.000000,0.000000 889.000000,0.000000 Z"
+		).unwrap();
+		let b = path_from_path_data(
+			"M891.555556,569.382716C891.555556,569.382716 883.555556,577.777778 879.111111,595.851852 C874.666667,613.925926 857.185185,631.407407 830.814815,633.777778 C804.444444,636.148148 765.629630,637.925926 708.148148,616.296296 C650.666667,594.666667 560.666667,568.000000 468.000000,487.333333 C375.333333,406.666667 283.333333,354.666667 283.333333,354.666667 C332.000000,330.666667 373.407788,298.323579 468.479950,219.785706 C495.739209,197.267187 505.084065,165.580817 514.452332,146.721008 C525.711584,124.054345 577.519713,94.951389 589.958848,64.658436 C601.152263,37.399177 601.175694,0.000010 601.175694,0.000000 C601.175694,0.000000 0.000000,0.000000 0.000000,0.000000 C0.000000,0.000000 0.000000,768.000000 0.000000,768.000000 C0.000000,768.000000 891.555556,768.000000 891.555556,768.000000 C891.555556,768.000000 891.555556,569.382716 891.555556,569.382716 Z",
+		).unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Intersection).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn painted_dreams_6() {
+		let a = path_from_path_data(
+			"M 969.000000000000,0.000000000000 C 969.000000000000,0.000000000000 1110.066900000000,76.934400000000 1085.000000000000,181.000000000000 C 1052.000000000000,318.000000000000 1199.180600000000,334.301600000000 1277.000000000000,319.000000000000 C 1455.000000000000,284.000000000000 1587.000000000000,81.000000000000 1418.000000000000,0.000000000000 C 1418.000000000000,0.000000000000 969.000000000000,0.000000000000 969.000000000000,0.000000000000 L 969.000000000000,0.000000000000"
+		).unwrap();
+		let b = path_from_path_data(
+			"M 763.000000000000,0.000000000000 C 763.000000000000,0.000000000000 1536.000000000000,0.000000000000 1536.000000000000,0.000000000000 C 1536.000000000000,0.000000000000 1536.000000000000,254.000000000000 1536.000000000000,254.000000000000 C 1536.000000000000,254.000000000000 1462.000000000000,93.000000000000 1271.000000000000,199.000000000000 C 1149.163100000000,266.616300000000 976.413700000000,188.510800000000 908.000000000000,134.000000000000 C 839.586300000000,79.489200000000 763.000000000000,0.000000000000 763.000000000000,0.000000000000 L 763.000000000000,0.000000000000",
+		).unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Intersection).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn painted_dreams_7() {
+		let a = path_from_path_data(
+			"M 989.666700000000,768.000000000000 C 989.666700000000,768.000000000000 1011.111100000000,786.399400000000 1011.111100000000,786.399400000000 C 1011.111100000000,786.399400000000 1299.306500000000,786.399400000000 1299.306500000000,786.399400000000 C 1299.306500000000,786.399400000000 1318.000000000000,768.000000000000 1318.000000000000,768.000000000000 C 1293.666700000000,681.000000000000 1173.363200000000,625.103600000000 1094.162400000000,594.296600000000 C 1094.162400000000,594.296600000000 1058.747200000000,687.805800000000 989.666700000000,768.000000000000"
+		).unwrap();
+		let b = path_from_path_data(
+			"M 983.155000000000,775.589300000000 L 1004.599400000000,793.988700000000 L 1007.409000000000,796.399400000000 L 1011.111100000000,796.399400000000 L 1299.306500000000,796.399400000000 L 1303.402200000000,796.399400000000 L 1306.321200000000,793.526300000000 L 1325.014800000000,775.126900000000 L 1329.236900000000,770.971200000000 L 1327.630400000000,765.306400000000 C 1302.280700000000,675.920800000000 1179.503900000000,617.211200000000 1097.787500000000,584.976800000000 L 1088.418100000000,581.280900000000 L 1084.806400000000,590.765700000000 C 1084.117400000000,592.575300000000 1049.449700000000,683.516200000000 982.090100000000,761.473400000000 L 975.539200000000,769.055000000000 L 983.155000000000,775.589300000000 M 1003.696800000000,766.861600000000 C 1068.901100000000,687.878900000000 1102.806400000000,599.696700000000 1103.497000000000,597.883400000000 L 1090.537200000000,603.616300000000 C 1165.521500000000,632.344400000000 1279.846400000000,683.736400000000 1306.585700000000,765.203400000000 L 1295.210700000000,776.399400000000 L 1014.813100000000,776.399400000000 L 1003.696800000000,766.861600000000",
+		).unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Difference).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn blobs() {
+		let a = path_from_path_data(
+			"m658.03348 118.4966c7.85928 4.83645 114.84582 7.8304 127.89652 6.52531 20.97932-2.09799 43.06722-24.79623 43.06722-24.79623 0 0-96.43723-26.02101-108.97311-28.54836-20.22849-4.07832-78.95651 36.37872-61.99063 46.81928z
+			m658.03348 115.88649c40.45718-30.01653 82.213-45.24662 103.10032-31.32163 7.83037 5.2203-3.58567 22.51547 13.05064 39.152 3.91519 3.9152-129.49099 2.06705-116.15096-7.83037z
+			m680.87214 56.0165c2.20775-9.60391 62.6449-29.65403 101.79518-30.01652 17.61846-0.16312 119.39605 40.30737 130.50668 54.8128 5.8045 7.57806-76.88558 29.08762-91.35464 31.32162-15.28899 2.36056-144.20983-41.92525-140.94722-56.1179z"
+		).unwrap();
+		let b = path_from_path_data("").unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn shared_line() {
+		let a = path_from_path_data(
+			"m 658.03348,118.4966 c 7.85928,4.83645 114.84582,7.8304 127.89652,6.52531 20.97932,-2.09799 43.06722,-24.79623 43.06722,-24.79623 0,0 -96.43723,-26.02101 -108.97311,-28.54836 -20.22849,-4.07832 -78.95651,36.37872 -61.99063,46.81928 Z"
+		).unwrap();
+		let b = path_from_path_data(
+			"m 658.03348,115.88649 c 40.45718,-30.01653 82.213,-45.24662 103.10032,-31.32163 7.83037,5.2203 -3.58567,22.51547 13.05064,39.152 3.91519,3.9152 -129.49099,2.06705 -116.15096,-7.83037 z",
+		)
+		.unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert!(!result[0].is_empty());
+	}
+	#[test]
+	fn leaf() {
+		let a = path_from_path_data(
+			"M 0.000000000000,0.000000000000 C 0.000000000000,0.000000000000 30.204085760000,16.549763300000 72.719386340000,26.932261410000 C 72.719386340000,26.932261410000 70.254313510000,17.656445030000 64.511458520000,11.328808640000 C 64.511458520000,11.328808640000 87.851933730000,7.175523990000 112.835205650000,14.952290640000 C 112.835205650000,14.952290640000 85.410272600000,-0.944114870000 126.097112900000,-8.575894450000 C 118.337466460000,-27.271823700000 151.641256810000,-26.435638610000 157.566270790000,-37.101186050000 C 157.566270790000,-37.101186050000 140.392289790000,-20.685582680000 114.877703390000,-41.337145860000 C 99.535241580000,-45.054042580000 93.348771040000,-46.907137740000 91.251365300000,-51.920903790000 C 88.782358670000,-57.822967180000 120.444444440000,-82.851851850000 141.777777780000,-86.604938270000 C 141.777777780000,-86.604938270000 123.802469140000,-82.654320990000 114.716049380000,-90.160493830000 C 105.629629630000,-97.666666670000 112.345679010000,-115.000000000000 125.382716050000,-124.679012350000 C 125.382716050000,-124.679012350000 112.740740740000,-117.962962960000 115.506172840000,-132.382716050000 C 118.271604940000,-146.802469140000 109.740281350000,-157.864197530000 136.839506170000,-177.617283950000 C 115.506172840000,-165.567901230000 97.333333330000,-150.358024690000 92.395061730000,-161.419753090000 C 81.925925930000,-147.987654320000 66.518518520000,-140.481481480000 66.320987650000,-154.308641980000 C 59.703703700000,-139.000000000000 54.074074070000,-137.518518520000 49.135802470000,-136.333333330000 C 47.555555560000,-141.864197530000 43.456790120000,-172.333333330000 63.802469140000,-190.901234570000 C 48.888888890000,-178.259259260000 20.444444440000,-172.037037040000 28.444444440000,-210.456790120000 C 23.506172840000,-203.938271600000 13.234567900000,-196.432098770000 0.000000000000,-231.000000000000 L 0.000000000000,0.000000000000 Z"
+		).unwrap();
+		let b = path_from_path_data(
+			"M 0.100000000000,0.000000000000 C 0.100000000000,0.000000000000 -30.104085760000,16.549763300000 -72.619386340000,26.932261410000 C -72.619386340000,26.932261410000 -70.154313510000,17.656445030000 -64.411458520000,11.328808640000 C -64.411458520000,11.328808640000 -87.751933730000,7.175523990000 -112.735205650000,14.952290640000 C -112.735205650000,14.952290640000 -85.310272600000,-0.944114870000 -125.997112900000,-8.575894450000 C -118.237466460000,-27.271823700000 -151.541256810000,-26.435638610000 -157.466270790000,-37.101186050000 C -157.466270790000,-37.101186050000 -140.292289790000,-20.685582680000 -114.777703390000,-41.337145860000 C -99.435241580000,-45.054042580000 -93.248771040000,-46.907137740000 -91.151365300000,-51.920903790000 C -88.682358670000,-57.822967180000 -120.344444440000,-82.851851850000 -141.677777780000,-86.604938270000 C -141.677777780000,-86.604938270000 -123.702469140000,-82.654320990000 -114.616049380000,-90.160493830000 C -105.529629630000,-97.666666670000 -112.245679010000,-115.000000000000 -125.282716050000,-124.679012350000 C -125.282716050000,-124.679012350000 -112.640740740000,-117.962962960000 -115.406172840000,-132.382716050000 C -118.171604940000,-146.802469140000 -109.640281350000,-157.864197530000 -136.739506170000,-177.617283950000 C -115.406172840000,-165.567901230000 -97.233333330000,-150.358024690000 -92.295061730000,-161.419753090000 C -81.825925930000,-147.987654320000 -66.418518520000,-140.481481480000 -66.220987650000,-154.308641980000 C -59.603703700000,-139.000000000000 -53.974074070000,-137.518518520000 -49.035802470000,-136.333333330000 C -47.455555560000,-141.864197530000 -43.356790120000,-172.333333330000 -63.702469140000,-190.901234570000 C -48.788888890000,-178.259259260000 -20.344444440000,-172.037037040000 -28.344444440000,-210.456790120000 C -23.406172840000,-203.938271600000 -13.134567900000,-196.432098770000 0.100000000000,-231.000000000000 L 0.100000000000,0.000000000000 Z",
+		)
+		.unwrap();
+
+		let result = path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, PathBooleanOperation::Union).unwrap();
+
+		// Add assertions here based on expected results
+		assert_eq!(result.len(), 1, "Expected 1 resulting path for Union operation");
+		dbg!(path_to_path_data(&result[0], 0.001));
+		// Add more specific assertions about the resulting path if needed
+		assert_eq!(result.len(), 1);
+		assert!(!result[0].is_empty());
+	}
+}
diff --git a/libraries/path-bool/src/parsing/path_command.rs b/libraries/path-bool/src/parsing/path_command.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6721900529cc936baf995d4ec54d38457deda53e
--- /dev/null
+++ b/libraries/path-bool/src/parsing/path_command.rs
@@ -0,0 +1,124 @@
+use glam::DVec2;
+
+#[derive(Clone, Debug)]
+pub enum AbsolutePathCommand {
+	H(f64),
+	V(f64),
+	M(DVec2),
+	L(DVec2),
+	C(DVec2, DVec2, DVec2),
+	S(DVec2, DVec2),
+	Q(DVec2, DVec2),
+	T(DVec2),
+	A(f64, f64, f64, bool, bool, DVec2),
+	Z,
+}
+
+#[derive(Clone, Debug)]
+pub enum RelativePathCommand {
+	H(f64),
+	V(f64),
+	M(f64, f64),
+	L(f64, f64),
+	C(f64, f64, f64, f64, f64, f64),
+	S(f64, f64, f64, f64),
+	Q(f64, f64, f64, f64),
+	T(f64, f64),
+	A(f64, f64, f64, bool, bool, f64, f64),
+}
+
+#[derive(Clone, Debug)]
+pub enum PathCommand {
+	Absolute(AbsolutePathCommand),
+	Relative(RelativePathCommand),
+}
+
+pub fn to_absolute_commands<I>(commands: I) -> impl Iterator<Item = AbsolutePathCommand>
+where
+	I: IntoIterator<Item = PathCommand>,
+{
+	let mut last_point = DVec2::ZERO;
+	let mut first_point = last_point;
+
+	commands.into_iter().flat_map(move |cmd| match cmd {
+		PathCommand::Absolute(abs_cmd) => {
+			match abs_cmd {
+				AbsolutePathCommand::H(x) => {
+					last_point.x = x;
+				}
+				AbsolutePathCommand::V(y) => {
+					last_point.y = y;
+				}
+				AbsolutePathCommand::M(point) => {
+					last_point = point;
+					first_point = point;
+				}
+				AbsolutePathCommand::L(point) => {
+					last_point = point;
+				}
+				AbsolutePathCommand::C(_, _, end) => {
+					last_point = end;
+				}
+				AbsolutePathCommand::S(_, end) => {
+					last_point = end;
+				}
+				AbsolutePathCommand::Q(_, end) => {
+					last_point = end;
+				}
+				AbsolutePathCommand::T(end) => {
+					last_point = end;
+				}
+				AbsolutePathCommand::A(_, _, _, _, _, end) => {
+					last_point = end;
+				}
+				AbsolutePathCommand::Z => {
+					last_point = first_point;
+				}
+			}
+			vec![abs_cmd]
+		}
+		PathCommand::Relative(rel_cmd) => match rel_cmd {
+			RelativePathCommand::H(dx) => {
+				last_point.x += dx;
+				vec![AbsolutePathCommand::L(last_point)]
+			}
+			RelativePathCommand::V(dy) => {
+				last_point.y += dy;
+				vec![AbsolutePathCommand::L(last_point)]
+			}
+			RelativePathCommand::M(dx, dy) => {
+				last_point += DVec2::new(dx, dy);
+				first_point = last_point;
+				vec![AbsolutePathCommand::M(last_point)]
+			}
+			RelativePathCommand::L(dx, dy) => {
+				last_point += DVec2::new(dx, dy);
+				vec![AbsolutePathCommand::L(last_point)]
+			}
+			RelativePathCommand::C(dx1, dy1, dx2, dy2, dx, dy) => {
+				let c1 = last_point + DVec2::new(dx1, dy1);
+				let c2 = last_point + DVec2::new(dx2, dy2);
+				last_point += DVec2::new(dx, dy);
+				vec![AbsolutePathCommand::C(c1, c2, last_point)]
+			}
+			RelativePathCommand::S(dx2, dy2, dx, dy) => {
+				let c2 = last_point + DVec2::new(dx2, dy2);
+				last_point += DVec2::new(dx, dy);
+				vec![AbsolutePathCommand::S(c2, last_point)]
+			}
+			RelativePathCommand::Q(dx1, dy1, dx, dy) => {
+				let control = last_point + DVec2::new(dx1, dy1);
+				last_point += DVec2::new(dx, dy);
+				vec![AbsolutePathCommand::Q(control, last_point)]
+			}
+			RelativePathCommand::T(dx, dy) => {
+				last_point += DVec2::new(dx, dy);
+				vec![AbsolutePathCommand::T(last_point)]
+			}
+			RelativePathCommand::A(rx, ry, x_axis_rotation, large_arc_flag, sweep_flag, dx, dy) => {
+				last_point += DVec2::new(dx, dy);
+				vec![AbsolutePathCommand::A(rx, ry, x_axis_rotation, large_arc_flag, sweep_flag, last_point)]
+			}
+		},
+	})
+}
diff --git a/libraries/path-bool/src/parsing/path_data.rs b/libraries/path-bool/src/parsing/path_data.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6e6ed2a7d1bd7e9863e7281ef58881f83ad627b8
--- /dev/null
+++ b/libraries/path-bool/src/parsing/path_data.rs
@@ -0,0 +1,168 @@
+use crate::BooleanError;
+use crate::path::{Path, path_from_commands, path_to_commands};
+use crate::path_command::{AbsolutePathCommand, PathCommand, RelativePathCommand};
+use glam::DVec2;
+use regex::Regex;
+
+pub fn commands_from_path_data(d: &str) -> Result<Vec<PathCommand>, BooleanError> {
+	let re_float = Regex::new(r"^\s*,?\s*(-?\d*(?:\d\.|\.\d|\d)\d*(?:[eE][+\-]?\d+)?)").unwrap();
+	let re_cmd = Regex::new(r"^\s*([MLCSQTAZHVmlhvcsqtaz])").unwrap();
+	let re_bool = Regex::new(r"^\s*,?\s*([01])").unwrap();
+
+	let mut i = 0;
+	let mut last_cmd = 'M';
+	let mut commands = Vec::new();
+
+	let get_cmd = |i: &mut usize, last_cmd: char| -> Option<char> {
+		if *i >= d.len() - 1.min(d.len()) {
+			return None;
+		}
+
+		if let Some(cap) = re_cmd.captures(&d[*i..]) {
+			*i += cap[0].len();
+			Some(cap[1].chars().next().unwrap())
+		} else {
+			match last_cmd {
+				'M' => Some('L'),
+				'm' => Some('l'),
+				'z' | 'Z' => None,
+				_ => Some(last_cmd),
+			}
+		}
+	};
+
+	let get_float = |i: &mut usize| -> f64 {
+		if let Some(cap) = re_float.captures(&d[*i..]) {
+			*i += cap[0].len();
+			cap[1].parse().unwrap()
+		} else {
+			panic!("Invalid path data. Expected a number at index {}, got {}", i, &d[*i..]);
+		}
+	};
+
+	let get_bool = |i: &mut usize| -> bool {
+		if let Some(cap) = re_bool.captures(&d[*i..]) {
+			*i += cap[0].len();
+			&cap[1] == "1"
+		} else {
+			panic!("Invalid path data. Expected a flag at index {}", i);
+		}
+	};
+
+	while let Some(cmd) = get_cmd(&mut i, last_cmd) {
+		last_cmd = cmd;
+		match cmd {
+			'M' => commands.push(PathCommand::Absolute(AbsolutePathCommand::M(DVec2::new(get_float(&mut i), get_float(&mut i))))),
+			'L' => commands.push(PathCommand::Absolute(AbsolutePathCommand::L(DVec2::new(get_float(&mut i), get_float(&mut i))))),
+			'C' => commands.push(PathCommand::Absolute(AbsolutePathCommand::C(
+				DVec2::new(get_float(&mut i), get_float(&mut i)),
+				DVec2::new(get_float(&mut i), get_float(&mut i)),
+				DVec2::new(get_float(&mut i), get_float(&mut i)),
+			))),
+			'S' => commands.push(PathCommand::Absolute(AbsolutePathCommand::S(
+				DVec2::new(get_float(&mut i), get_float(&mut i)),
+				DVec2::new(get_float(&mut i), get_float(&mut i)),
+			))),
+			'Q' => commands.push(PathCommand::Absolute(AbsolutePathCommand::Q(
+				DVec2::new(get_float(&mut i), get_float(&mut i)),
+				DVec2::new(get_float(&mut i), get_float(&mut i)),
+			))),
+			'T' => commands.push(PathCommand::Absolute(AbsolutePathCommand::T(DVec2::new(get_float(&mut i), get_float(&mut i))))),
+			'A' => commands.push(PathCommand::Absolute(AbsolutePathCommand::A(
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+				get_bool(&mut i),
+				get_bool(&mut i),
+				DVec2::new(get_float(&mut i), get_float(&mut i)),
+			))),
+			'Z' | 'z' => commands.push(PathCommand::Absolute(AbsolutePathCommand::Z)),
+			'H' => commands.push(PathCommand::Absolute(AbsolutePathCommand::H(get_float(&mut i)))),
+			'V' => commands.push(PathCommand::Absolute(AbsolutePathCommand::V(get_float(&mut i)))),
+			'm' => commands.push(PathCommand::Relative(RelativePathCommand::M(get_float(&mut i), get_float(&mut i)))),
+			'l' => commands.push(PathCommand::Relative(RelativePathCommand::L(get_float(&mut i), get_float(&mut i)))),
+			'h' => commands.push(PathCommand::Relative(RelativePathCommand::H(get_float(&mut i)))),
+			'v' => commands.push(PathCommand::Relative(RelativePathCommand::V(get_float(&mut i)))),
+			'c' => commands.push(PathCommand::Relative(RelativePathCommand::C(
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+			))),
+			's' => commands.push(PathCommand::Relative(RelativePathCommand::S(
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+			))),
+			'q' => commands.push(PathCommand::Relative(RelativePathCommand::Q(
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+			))),
+			't' => commands.push(PathCommand::Relative(RelativePathCommand::T(get_float(&mut i), get_float(&mut i)))),
+			'a' => commands.push(PathCommand::Relative(RelativePathCommand::A(
+				get_float(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+				get_bool(&mut i),
+				get_bool(&mut i),
+				get_float(&mut i),
+				get_float(&mut i),
+			))),
+			_ => return Err(BooleanError::InvalidPathCommand(cmd)),
+		}
+	}
+
+	Ok(commands)
+}
+
+pub fn path_from_path_data(d: &str) -> Result<Path, BooleanError> {
+	Ok(path_from_commands(commands_from_path_data(d)?).collect())
+}
+
+pub fn path_to_path_data(path: &Path, eps: f64) -> String {
+	path_to_commands(path.iter(), eps)
+		.map(|cmd| match cmd {
+			PathCommand::Absolute(abs_cmd) => match abs_cmd {
+				AbsolutePathCommand::H(dx) => format!("H {:.12}", dx),
+				AbsolutePathCommand::V(dy) => format!("V {:.12}", dy),
+				AbsolutePathCommand::M(p) => format!("M {:.12},{:.12}", p.x, p.y),
+				AbsolutePathCommand::L(p) => format!("L {:.12},{:.12}", p.x, p.y),
+				AbsolutePathCommand::C(p1, p2, p3) => format!("C {:.12},{:.12} {:.12},{:.12} {:.12},{:.12}", p1.x, p1.y, p2.x, p2.y, p3.x, p3.y),
+				AbsolutePathCommand::S(p1, p2) => {
+					format!("S {:.12},{:.12} {:.12},{:.12}", p1.x, p1.y, p2.x, p2.y)
+				}
+				AbsolutePathCommand::Q(p1, p2) => {
+					format!("Q {:.12},{:.12} {:.12},{:.12}", p1.x, p1.y, p2.x, p2.y)
+				}
+				AbsolutePathCommand::T(p) => format!("T {:.12},{:.12}", p.x, p.y),
+				AbsolutePathCommand::A(rx, ry, x_axis_rotation, large_arc_flag, sweep_flag, p) => {
+					format!("A {:.12} {:.12} {:.12} {} {} {:.12},{:.12}", rx, ry, x_axis_rotation, large_arc_flag as u8, sweep_flag as u8, p.x, p.y)
+				}
+				AbsolutePathCommand::Z => "Z".to_string(),
+			},
+			PathCommand::Relative(rel_cmd) => match rel_cmd {
+				RelativePathCommand::M(dx, dy) => format!("m {:.12},{:.12}", dx, dy),
+				RelativePathCommand::L(dx, dy) => format!("l {:.12},{:.12}", dx, dy),
+				RelativePathCommand::H(dx) => format!("h {:.12}", dx),
+				RelativePathCommand::V(dy) => format!("v {:.12}", dy),
+				RelativePathCommand::C(dx1, dy1, dx2, dy2, dx, dy) => format!("c{:.12},{:.12} {:.12},{:.12} {:.12},{:.12}", dx1, dy1, dx2, dy2, dx, dy),
+				RelativePathCommand::S(dx2, dy2, dx, dy) => {
+					format!("s {:.12},{:.12} {:.12},{:.12}", dx2, dy2, dx, dy)
+				}
+				RelativePathCommand::Q(dx1, dy1, dx, dy) => {
+					format!("q {:.12},{:.12} {:.12},{:.12}", dx1, dy1, dx, dy)
+				}
+				RelativePathCommand::T(dx, dy) => format!("t{:.12},{:.12}", dx, dy),
+				RelativePathCommand::A(rx, ry, x_axis_rotation, large_arc_flag, sweep_flag, dx, dy) => {
+					format!("a {:.12} {:.12} {:.12} {} {} {:.12},{:.12}", rx, ry, x_axis_rotation, large_arc_flag as u8, sweep_flag as u8, dx, dy)
+				}
+			},
+		})
+		.collect::<Vec<String>>()
+		.join(" ")
+}
diff --git a/libraries/path-bool/src/path.rs b/libraries/path-bool/src/path.rs
new file mode 100644
index 0000000000000000000000000000000000000000..283f22e28021eeaa656d5e680701f424fa1aefc6
--- /dev/null
+++ b/libraries/path-bool/src/path.rs
@@ -0,0 +1,140 @@
+pub(crate) mod intersection_path_segment;
+pub(crate) mod line_segment;
+pub(crate) mod line_segment_aabb;
+pub(crate) mod path_cubic_segment_self_intersection;
+pub(crate) mod path_segment;
+
+use glam::DVec2;
+
+#[cfg(feature = "parsing")]
+use crate::path_command::{AbsolutePathCommand, PathCommand, to_absolute_commands};
+use crate::path_segment::PathSegment;
+
+pub type Path = Vec<PathSegment>;
+
+fn reflect_control_point(point: DVec2, control_point: DVec2) -> DVec2 {
+	point * 2. - control_point
+}
+
+#[cfg(feature = "parsing")]
+pub fn path_from_commands<I>(commands: I) -> impl Iterator<Item = PathSegment>
+where
+	I: IntoIterator<Item = PathCommand>,
+{
+	let mut first_point: Option<DVec2> = None;
+	let mut last_point: Option<DVec2> = None;
+	let mut last_control_point: Option<DVec2> = None;
+
+	to_absolute_commands(commands).filter_map(move |cmd| match cmd {
+		AbsolutePathCommand::M(point) => {
+			last_point = Some(point);
+			first_point = Some(point);
+			last_control_point = None;
+			None
+		}
+		AbsolutePathCommand::L(point) => {
+			let start = last_point.unwrap();
+			last_point = Some(point);
+			last_control_point = None;
+			Some(PathSegment::Line(start, point))
+		}
+		AbsolutePathCommand::H(x) => {
+			let start = last_point.unwrap();
+			let point = DVec2::new(x, start.y);
+			last_point = Some(point);
+			last_control_point = None;
+			Some(PathSegment::Line(start, point))
+		}
+		AbsolutePathCommand::V(y) => {
+			let start = last_point.unwrap();
+			let point = DVec2::new(start.x, y);
+			last_point = Some(point);
+			last_control_point = None;
+			Some(PathSegment::Line(start, point))
+		}
+		AbsolutePathCommand::C(c1, c2, end) => {
+			let start = last_point.unwrap();
+			last_point = Some(end);
+			last_control_point = Some(c2);
+			Some(PathSegment::Cubic(start, c1, c2, end))
+		}
+		AbsolutePathCommand::S(c2, end) => {
+			let start = last_point.unwrap();
+			let c1 = reflect_control_point(start, last_control_point.unwrap_or(start));
+			last_point = Some(end);
+			last_control_point = Some(c2);
+			Some(PathSegment::Cubic(start, c1, c2, end))
+		}
+		AbsolutePathCommand::Q(c, end) => {
+			let start = last_point.unwrap();
+			last_point = Some(end);
+			last_control_point = Some(c);
+			Some(PathSegment::Quadratic(start, c, end))
+		}
+		AbsolutePathCommand::T(end) => {
+			let start = last_point.unwrap();
+			let c = reflect_control_point(start, last_control_point.unwrap_or(start));
+			last_point = Some(end);
+			last_control_point = Some(c);
+			Some(PathSegment::Quadratic(start, c, end))
+		}
+		AbsolutePathCommand::A(rx, ry, x_axis_rotation, large_arc_flag, sweep_flag, end) => {
+			let start = last_point.unwrap();
+			last_point = Some(end);
+			last_control_point = None;
+			Some(PathSegment::Arc(start, rx, ry, x_axis_rotation, large_arc_flag, sweep_flag, end))
+		}
+		AbsolutePathCommand::Z => {
+			let start = last_point.unwrap();
+			let end = first_point.unwrap();
+			last_point = Some(end);
+			last_control_point = None;
+			Some(PathSegment::Line(start, end))
+		}
+	})
+}
+
+#[cfg(feature = "parsing")]
+pub fn path_to_commands<'a, I>(segments: I, eps: f64) -> impl Iterator<Item = PathCommand> + 'a
+where
+	I: IntoIterator<Item = &'a PathSegment> + 'a,
+{
+	let mut last_point: Option<DVec2> = None;
+
+	segments
+		.into_iter()
+		.flat_map(move |seg| {
+			let start = seg.start();
+			let mut commands = Vec::new();
+
+			if last_point.is_none_or(|lp| !start.abs_diff_eq(lp, eps)) {
+				if last_point.is_some() {
+					commands.push(PathCommand::Absolute(AbsolutePathCommand::Z));
+				}
+
+				commands.push(PathCommand::Absolute(AbsolutePathCommand::M(start)));
+			}
+
+			match seg {
+				PathSegment::Line(_, end) => {
+					commands.push(PathCommand::Absolute(AbsolutePathCommand::L(*end)));
+					last_point = Some(*end);
+				}
+				PathSegment::Cubic(_, c1, c2, end) => {
+					commands.push(PathCommand::Absolute(AbsolutePathCommand::C(*c1, *c2, *end)));
+					last_point = Some(*end);
+				}
+				PathSegment::Quadratic(_, c, end) => {
+					commands.push(PathCommand::Absolute(AbsolutePathCommand::Q(*c, *end)));
+					last_point = Some(*end);
+				}
+				PathSegment::Arc(_, rx, ry, x_axis_rotation, large_arc_flag, sweep_flag, end) => {
+					commands.push(PathCommand::Absolute(AbsolutePathCommand::A(*rx, *ry, *x_axis_rotation, *large_arc_flag, *sweep_flag, *end)));
+					last_point = Some(*end);
+				}
+			}
+
+			commands
+		})
+		.chain(std::iter::once(PathCommand::Absolute(AbsolutePathCommand::Z)))
+}
diff --git a/libraries/path-bool/src/path/intersection_path_segment.rs b/libraries/path-bool/src/path/intersection_path_segment.rs
new file mode 100644
index 0000000000000000000000000000000000000000..74559fd5fb68276b7928972f9247b09599f074d8
--- /dev/null
+++ b/libraries/path-bool/src/path/intersection_path_segment.rs
@@ -0,0 +1,294 @@
+use crate::aabb::{Aabb, bounding_box_max_extent, bounding_boxes_overlap};
+use crate::epsilons::Epsilons;
+use crate::line_segment::{line_segment_intersection, line_segments_intersect};
+use crate::line_segment_aabb::line_segment_aabb_intersect;
+use crate::math::lerp;
+use crate::path_segment::PathSegment;
+use glam::DVec2;
+
+#[derive(Clone)]
+struct IntersectionSegment {
+	seg: PathSegment,
+	start_param: f64,
+	end_param: f64,
+	bounding_box: Aabb,
+}
+
+#[inline(never)]
+fn subdivide_intersection_segment(int_seg: &IntersectionSegment) -> [IntersectionSegment; 2] {
+	let (seg0, seg1) = int_seg.seg.split_at(0.5);
+	let mid_param = (int_seg.start_param + int_seg.end_param) / 2.;
+	[
+		IntersectionSegment {
+			seg: seg0,
+			start_param: int_seg.start_param,
+			end_param: mid_param,
+			bounding_box: seg0.bounding_box(),
+		},
+		IntersectionSegment {
+			seg: seg1,
+			start_param: mid_param,
+			end_param: int_seg.end_param,
+			bounding_box: seg1.bounding_box(),
+		},
+	]
+}
+
+#[inline(never)]
+fn path_segment_to_line_segment(seg: &PathSegment) -> [DVec2; 2] {
+	match seg {
+		PathSegment::Line(start, end) => [*start, *end],
+		PathSegment::Cubic(start, _, _, end) => [*start, *end],
+		PathSegment::Quadratic(start, _, end) => [*start, *end],
+		PathSegment::Arc(start, _, _, _, _, _, end) => [*start, *end],
+	}
+}
+
+#[inline(never)]
+fn intersection_segments_overlap(seg0: &IntersectionSegment, seg1: &IntersectionSegment) -> bool {
+	match (&seg0.seg, &seg1.seg) {
+		(PathSegment::Line(start0, end0), PathSegment::Line(start1, end1)) => {
+			line_segments_intersect([*start0, *end0], [*start1, *end1], 1e-6) // TODO: configurable
+		}
+		(PathSegment::Line(start, end), _) => line_segment_aabb_intersect([*start, *end], &seg1.bounding_box),
+		(_, PathSegment::Line(start, end)) => line_segment_aabb_intersect([*start, *end], &seg0.bounding_box),
+		_ => bounding_boxes_overlap(&seg0.bounding_box, &seg1.bounding_box),
+	}
+}
+
+#[inline(never)]
+pub fn segments_equal(seg0: &PathSegment, seg1: &PathSegment, point_epsilon: f64) -> bool {
+	match (*seg0, *seg1) {
+		(PathSegment::Line(start0, end0), PathSegment::Line(start1, end1)) => start0.abs_diff_eq(start1, point_epsilon) && end0.abs_diff_eq(end1, point_epsilon),
+		(PathSegment::Cubic(p00, p01, p02, p03), PathSegment::Cubic(p10, p11, p12, p13)) => {
+			let start_and_end_equal = p00.abs_diff_eq(p10, point_epsilon) && p03.abs_diff_eq(p13, point_epsilon);
+
+			let parameter_equal = p01.abs_diff_eq(p11, point_epsilon) && p02.abs_diff_eq(p12, point_epsilon);
+			let direction1 = seg0.sample_at(0.1);
+			let direction2 = seg1.sample_at(0.1);
+			let angles_equal = (direction1 - p00).angle_to(direction2 - p00).abs() < point_epsilon * 4.;
+
+			start_and_end_equal && (parameter_equal || angles_equal)
+		}
+		(PathSegment::Quadratic(p00, p01, p02), PathSegment::Quadratic(p10, p11, p12)) => {
+			p00.abs_diff_eq(p10, point_epsilon) && p01.abs_diff_eq(p11, point_epsilon) && p02.abs_diff_eq(p12, point_epsilon)
+		}
+		(PathSegment::Arc(p00, rx0, ry0, angle0, large_arc0, sweep0, p01), PathSegment::Arc(p10, rx1, ry1, angle1, large_arc1, sweep1, p11)) => {
+			p00.abs_diff_eq(p10, point_epsilon) &&
+			(rx0 - rx1).abs() < point_epsilon &&
+			(ry0 - ry1).abs() < point_epsilon &&
+			(angle0 - angle1).abs() < point_epsilon && // TODO: Phi can be anything if rx = ry. Also, handle rotations by Pi/2.
+			large_arc0 == large_arc1 &&
+			sweep0 == sweep1 &&
+			p01.abs_diff_eq(p11, point_epsilon)
+		}
+		_ => false,
+	}
+}
+
+pub fn path_segment_intersection(seg0: &PathSegment, seg1: &PathSegment, endpoints: bool, eps: &Epsilons) -> Vec<[f64; 2]> {
+	if let (PathSegment::Line(start0, end0), PathSegment::Line(start1, end1)) = (seg0, seg1) {
+		if let Some(st) = line_segment_intersection([*start0, *end0], [*start1, *end1], eps.param) {
+			if !endpoints && (st.0 < eps.param || st.0 > 1. - eps.param) && (st.1 < eps.param || st.1 > 1. - eps.param) {
+				return vec![];
+			}
+			return vec![st.into()];
+		}
+	}
+
+	// https://math.stackexchange.com/questions/20321/how-can-i-tell-when-two-cubic-b%C3%A9zier-curves-intersect
+
+	let mut pairs = vec![(
+		IntersectionSegment {
+			seg: *seg0,
+			start_param: 0.,
+			end_param: 1.,
+			bounding_box: seg0.bounding_box(),
+		},
+		IntersectionSegment {
+			seg: *seg1,
+			start_param: 0.,
+			end_param: 1.,
+			bounding_box: seg1.bounding_box(),
+		},
+	)];
+	let mut next_pairs = Vec::new();
+
+	let mut params = Vec::new();
+	let mut subdivided0 = Vec::new();
+	let mut subdivided1 = Vec::new();
+
+	// Check if start and end points are on the other bezier curves. If so, add an intersection.
+
+	while !pairs.is_empty() {
+		next_pairs.clear();
+
+		if pairs.len() > 1000 {
+			return calculate_overlap_intersections(seg0, seg1, eps);
+		}
+
+		for (seg0, seg1) in pairs.iter() {
+			if segments_equal(&seg0.seg, &seg1.seg, eps.point) {
+				// TODO: move this outside of this loop?
+				continue; // TODO: what to do?
+			}
+
+			let is_linear0 = bounding_box_max_extent(&seg0.bounding_box) <= eps.linear || (seg0.end_param - seg0.start_param).abs() < eps.param;
+			let is_linear1 = bounding_box_max_extent(&seg1.bounding_box) <= eps.linear || (seg1.end_param - seg1.start_param).abs() < eps.param;
+
+			if is_linear0 && is_linear1 {
+				let line_segment0 = path_segment_to_line_segment(&seg0.seg);
+				let line_segment1 = path_segment_to_line_segment(&seg1.seg);
+				if let Some(st) = line_segment_intersection(line_segment0, line_segment1, eps.param) {
+					params.push([lerp(seg0.start_param, seg0.end_param, st.0), lerp(seg1.start_param, seg1.end_param, st.1)]);
+				}
+			} else {
+				subdivided0.clear();
+				subdivided1.clear();
+				if is_linear0 {
+					subdivided0.push(seg0.clone())
+				} else {
+					subdivided0.extend_from_slice(&subdivide_intersection_segment(seg0))
+				};
+				if is_linear1 {
+					subdivided1.push(seg1.clone())
+				} else {
+					subdivided1.extend_from_slice(&subdivide_intersection_segment(seg1))
+				};
+
+				for seg0 in &subdivided0 {
+					for seg1 in &subdivided1 {
+						if intersection_segments_overlap(seg0, seg1) {
+							next_pairs.push((seg0.clone(), seg1.clone()));
+						}
+					}
+				}
+			}
+		}
+
+		std::mem::swap(&mut pairs, &mut next_pairs);
+	}
+
+	if !endpoints {
+		params.retain(|[s, t]| (s > &eps.param && s < &(1. - eps.param)) || (t > &eps.param && t < &(1. - eps.param)));
+	}
+
+	params
+}
+
+fn calculate_overlap_intersections(seg0: &PathSegment, seg1: &PathSegment, eps: &Epsilons) -> Vec<[f64; 2]> {
+	let start0 = seg0.start();
+	let end0 = seg0.end();
+	let start1 = seg1.start();
+	let end1 = seg1.end();
+
+	let mut intersections = Vec::new();
+
+	// Check start0 against seg1
+	if let Some(t1) = find_point_on_segment(seg1, start0, eps) {
+		intersections.push([0., t1]);
+	}
+
+	// Check end0 against seg1
+	if let Some(t1) = find_point_on_segment(seg1, end0, eps) {
+		intersections.push([1., t1]);
+	}
+
+	// Check start1 against seg0
+	if let Some(t0) = find_point_on_segment(seg0, start1, eps) {
+		intersections.push([t0, 0.]);
+	}
+
+	// Check end1 against seg0
+	if let Some(t0) = find_point_on_segment(seg0, end1, eps) {
+		intersections.push([t0, 1.]);
+	}
+
+	// Remove duplicates and sort intersections
+	intersections.sort_unstable_by(|a, b| a[0].partial_cmp(&b[0]).unwrap());
+	intersections.dedup_by(|a, b| DVec2::from(*a).abs_diff_eq(DVec2::from(*b), eps.param));
+
+	// Handle special cases
+	if intersections.is_empty() {
+		// Check if segments are identical
+		if (start0.abs_diff_eq(start1, eps.point)) && end0.abs_diff_eq(end1, eps.point) {
+			return vec![[0., 0.], [1., 1.]];
+		}
+	} else if intersections.len() > 2 {
+		// Keep only the first and last intersection points
+		intersections = vec![intersections[0], intersections[intersections.len() - 1]];
+	}
+
+	intersections
+}
+
+fn find_point_on_segment(seg: &PathSegment, point: DVec2, eps: &Epsilons) -> Option<f64> {
+	let start = 0.;
+	let end = 1.;
+	let mut t = 0.5;
+
+	for _ in 0..32 {
+		// Limit iterations to prevent infinite loops
+		let current_point = seg.sample_at(t);
+
+		if current_point.abs_diff_eq(point, eps.point) {
+			return Some(t);
+		}
+
+		let start_point = seg.sample_at(start);
+		let end_point = seg.sample_at(end);
+
+		let dist_start = (point - start_point).length_squared();
+		let dist_end = (point - end_point).length_squared();
+		let dist_current = (point - current_point).length_squared();
+
+		if dist_current < dist_start && dist_current < dist_end {
+			return Some(t);
+		}
+
+		if dist_start < dist_end {
+			t = (start + t) / 2.;
+		} else {
+			t = (t + end) / 2.;
+		}
+
+		if (end - start) < eps.param {
+			break;
+		}
+	}
+
+	None
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use glam::DVec2;
+
+	#[test]
+	fn intersect_cubic_slow_first() {
+		path_segment_intersection(&a(), &b(), true, &crate::EPS);
+	}
+	#[test]
+	fn intersect_cubic_slow_second() {
+		path_segment_intersection(&c(), &d(), true, &crate::EPS);
+	}
+
+	fn a() -> PathSegment {
+		PathSegment::Cubic(
+			DVec2::new(458.37027, 572.165771),
+			DVec2::new(428.525848, 486.720093),
+			DVec2::new(368.618805, 467.485992),
+			DVec2::new(273., 476.),
+		)
+	}
+	fn b() -> PathSegment {
+		PathSegment::Cubic(DVec2::new(273., 476.), DVec2::new(419., 463.), DVec2::new(481.741198, 514.692273), DVec2::new(481.333333, 768.))
+	}
+	fn c() -> PathSegment {
+		PathSegment::Cubic(DVec2::new(273., 476.), DVec2::new(107.564178, 490.730591), DVec2::new(161.737915, 383.575775), DVec2::new(0., 340.))
+	}
+	fn d() -> PathSegment {
+		PathSegment::Cubic(DVec2::new(0., 340.), DVec2::new(161.737914, 383.575765), DVec2::new(107.564182, 490.730587), DVec2::new(273., 476.))
+	}
+}
diff --git a/libraries/path-bool/src/path/line_segment.rs b/libraries/path-bool/src/path/line_segment.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6b76a09f7169e46b12652f214defc400c4b83c0f
--- /dev/null
+++ b/libraries/path-bool/src/path/line_segment.rs
@@ -0,0 +1,29 @@
+use glam::DVec2;
+
+pub type LineSegment = [DVec2; 2];
+
+const COLLINEAR_EPS: f64 = f64::EPSILON * 64.;
+
+#[inline(never)]
+pub fn line_segment_intersection([p1, p2]: LineSegment, [p3, p4]: LineSegment, eps: f64) -> Option<(f64, f64)> {
+	// https://en.wikipedia.org/wiki/Intersection_(geometry)#Two_line_segments
+
+	let a = p2 - p1;
+	let b = p3 - p4;
+	let c = p3 - p1;
+
+	let denom = a.x * b.y - a.y * b.x;
+
+	if denom.abs() < COLLINEAR_EPS {
+		return None;
+	}
+
+	let s = (c.x * b.y - c.y * b.x) / denom;
+	let t = (a.x * c.y - a.y * c.x) / denom;
+
+	if (-eps..=1. + eps).contains(&s) && (-eps..=1. + eps).contains(&t) { Some((s, t)) } else { None }
+}
+
+pub fn line_segments_intersect(seg1: LineSegment, seg2: LineSegment, eps: f64) -> bool {
+	line_segment_intersection(seg1, seg2, eps).is_some()
+}
diff --git a/libraries/path-bool/src/path/line_segment_aabb.rs b/libraries/path-bool/src/path/line_segment_aabb.rs
new file mode 100644
index 0000000000000000000000000000000000000000..86b7fa157af4f25d3e63c4fee50c5195551695bd
--- /dev/null
+++ b/libraries/path-bool/src/path/line_segment_aabb.rs
@@ -0,0 +1,89 @@
+use crate::aabb::Aabb;
+use crate::line_segment::LineSegment;
+
+const INSIDE: u8 = 0;
+const LEFT: u8 = 1;
+const RIGHT: u8 = 1 << 1;
+const BOTTOM: u8 = 1 << 2;
+const TOP: u8 = 1 << 3;
+
+fn out_code(x: f64, y: f64, bounding_box: &Aabb) -> u8 {
+	let mut code = INSIDE;
+
+	if x < bounding_box.left {
+		code |= LEFT;
+	} else if x > bounding_box.right {
+		code |= RIGHT;
+	}
+
+	if y < bounding_box.top {
+		code |= BOTTOM;
+	} else if y > bounding_box.bottom {
+		code |= TOP;
+	}
+
+	code
+}
+
+pub(crate) fn line_segment_aabb_intersect(seg: LineSegment, bounding_box: &Aabb) -> bool {
+	let [mut p0, mut p1] = seg;
+
+	let mut outcode0 = out_code(p0.x, p0.y, bounding_box);
+	let mut outcode1 = out_code(p1.x, p1.y, bounding_box);
+
+	loop {
+		if (outcode0 | outcode1) == 0 {
+			// bitwise OR is 0: both points inside window; trivially accept and exit loop
+			return true;
+		} else if (outcode0 & outcode1) != 0 {
+			// bitwise AND is not 0: both points share an outside zone (LEFT, RIGHT, TOP,
+			// or BOTTOM), so both must be outside window; exit loop (accept is false)
+			return false;
+		} else {
+			// failed both tests, so calculate the line segment to clip
+			// from an outside point to an intersection with clip edge
+			let mut x = 0.;
+			let mut y = 0.;
+
+			// At least one endpoint is outside the clip rectangle; pick it.
+			let outcode_out = if outcode1 > outcode0 { outcode1 } else { outcode0 };
+
+			// Now find the intersection point;
+			// use formulas:
+			//   slope = (y1 - y0) / (x1 - x0)
+			//   x = x0 + (1 / slope) * (ym - y0), where ym is ymin or ymax
+			//   y = y0 + slope * (xm - x0), where xm is xmin or xmax
+			// No need to worry about divide-by-zero because, in each case, the
+			// outcode bit being tested guarantees the denominator is non-zero
+			if (outcode_out & TOP) != 0 {
+				// point is above the clip window
+				x = p0.x + (p1.x - p0.x) * (bounding_box.bottom - p0.y) / (p1.y - p0.y);
+				y = bounding_box.bottom;
+			} else if (outcode_out & BOTTOM) != 0 {
+				// point is below the clip window
+				x = p0.x + (p1.x - p0.x) * (bounding_box.top - p0.y) / (p1.y - p0.y);
+				y = bounding_box.top;
+			} else if (outcode_out & RIGHT) != 0 {
+				// point is to the right of clip window
+				y = p0.y + (p1.y - p0.y) * (bounding_box.right - p0.x) / (p1.x - p0.x);
+				x = bounding_box.right;
+			} else if (outcode_out & LEFT) != 0 {
+				// point is to the left of clip window
+				y = p0.y + (p1.y - p0.y) * (bounding_box.left - p0.x) / (p1.x - p0.x);
+				x = bounding_box.left;
+			}
+
+			// Now we move outside point to intersection point to clip
+			// and get ready for next pass.
+			if outcode_out == outcode0 {
+				p0.x = x;
+				p0.y = y;
+				outcode0 = out_code(p0.x, p0.y, bounding_box);
+			} else {
+				p1.x = x;
+				p1.y = y;
+				outcode1 = out_code(p1.x, p1.y, bounding_box);
+			}
+		}
+	}
+}
diff --git a/libraries/path-bool/src/path/path_cubic_segment_self_intersection.rs b/libraries/path-bool/src/path/path_cubic_segment_self_intersection.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fba671f9c2b17347eff0e885c29a73dd370489f7
--- /dev/null
+++ b/libraries/path-bool/src/path/path_cubic_segment_self_intersection.rs
@@ -0,0 +1,39 @@
+use crate::path_segment::PathSegment;
+
+const EPS: f64 = 1e-12;
+
+pub fn path_cubic_segment_self_intersection(seg: &PathSegment) -> Option<[f64; 2]> {
+	// https://math.stackexchange.com/questions/3931865/self-intersection-of-a-cubic-bezier-interpretation-of-the-solution
+
+	if let PathSegment::Cubic(p1, p2, p3, p4) = seg {
+		let ax = -p1.x + 3. * p2.x - 3. * p3.x + p4.x;
+		let ay = -p1.y + 3. * p2.y - 3. * p3.y + p4.y;
+		let bx = 3. * p1.x - 6. * p2.x + 3. * p3.x;
+		let by = 3. * p1.y - 6. * p2.y + 3. * p3.y;
+		let cx = -3. * p1.x + 3. * p2.x;
+		let cy = -3. * p1.y + 3. * p2.y;
+
+		let m = ay * bx - ax * by;
+		let n = ax * cy - ay * cx;
+
+		let k = (-3. * ax * ax * cy * cy + 6. * ax * ay * cx * cy + 4. * ax * bx * by * cy - 4. * ax * by * by * cx - 3. * ay * ay * cx * cx - 4. * ay * bx * bx * cy + 4. * ay * bx * by * cx)
+			/ (ax * ax * by * by - 2. * ax * ay * bx * by + ay * ay * bx * bx);
+
+		if k < 0. {
+			return None;
+		}
+
+		let t1 = (n / m + k.sqrt()) / 2.;
+		let t2 = (n / m - k.sqrt()) / 2.;
+
+		if (EPS..=1. - EPS).contains(&t1) && (EPS..=1. - EPS).contains(&t2) {
+			let mut result = [t1, t2];
+			result.sort_by(|a, b| a.partial_cmp(b).unwrap());
+			Some(result)
+		} else {
+			None
+		}
+	} else {
+		None
+	}
+}
diff --git a/libraries/path-bool/src/path/path_segment.rs b/libraries/path-bool/src/path/path_segment.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f3246d8f1223c50827daa13f63c33156d6423508
--- /dev/null
+++ b/libraries/path-bool/src/path/path_segment.rs
@@ -0,0 +1,710 @@
+//! Defines the `PathSegment` enum and related functionality for representing and
+//! manipulating path segments in 2D space.
+//!
+//! This module provides implementations for various types of path segments including
+//! lines, cubic and quadratic Bézier curves, and elliptical arcs. It also includes
+//! utility functions for operations such as bounding box calculation, segment splitting,
+//! and arc-to-cubic conversion.
+//!
+//! The implementations in this module closely follow the SVG path specification,
+//! making it suitable for use in vector graphics applications.
+
+use crate::EPS;
+use crate::aabb::{Aabb, bounding_box_around_point, expand_bounding_box, extend_bounding_box, merge_bounding_boxes};
+use crate::math::{lerp, vector_angle};
+use glam::{DMat2, DMat3, DVec2};
+use std::f64::consts::{PI, TAU};
+
+/// Represents a segment of a path in a 2D space, based on the SVG path specification.
+///
+/// This enum closely follows the path segment types defined in the SVG 2 specification.
+/// For more details, see: <https://www.w3.org/TR/SVG2/paths.html>
+///
+/// Each variant of this enum corresponds to a different type of path segment:
+/// - Line: A straight line between two points.
+/// - Cubic: A cubic Bézier curve.
+/// - Quadratic: A quadratic Bézier curve.
+/// - Arc: An elliptical arc.
+///
+/// # Examples
+///
+/// Creating a line segment:
+/// ```
+/// use path_bool::PathSegment;
+/// use glam::DVec2;
+///
+/// let line = PathSegment::Line(DVec2::new(0., 0.), DVec2::new(1., 1.));
+/// ```
+///
+/// Creating a cubic Bézier curve:
+/// ```
+/// use path_bool::PathSegment;
+/// use glam::DVec2;
+///
+/// let cubic = PathSegment::Cubic(
+///     DVec2::new(0., 0.),
+///     DVec2::new(1., 0.),
+///     DVec2::new(1., 1.),
+///     DVec2::new(2., 1.)
+/// );
+/// ```
+#[derive(Clone, Copy, Debug, PartialEq)]
+pub enum PathSegment {
+	/// A line segment from the first point to the second.
+	/// Corresponds to the SVG "L" command.
+	Line(DVec2, DVec2),
+
+	/// A cubic Bézier curve with start point, two control points, and end point.
+	/// Corresponds to the SVG "C" command.
+	Cubic(DVec2, DVec2, DVec2, DVec2),
+
+	/// A quadratic Bézier curve with start point, control point, and end point.
+	/// Corresponds to the SVG "Q" command.
+	Quadratic(DVec2, DVec2, DVec2),
+
+	/// An elliptical arc.
+	/// Corresponds to the SVG "A" command.
+	///
+	/// Parameters:
+	/// - Start point
+	/// - X-axis radius
+	/// - Y-axis radius
+	/// - X-axis rotation (in radians)
+	/// - Large arc flag (true if the arc should be greater than or equal to 180 degrees)
+	/// - Sweep flag (true if the arc should be drawn in a "positive-angle" direction)
+	/// - End point
+	Arc(DVec2, f64, f64, f64, bool, bool, DVec2),
+}
+
+impl PathSegment {
+	/// Calculates the angle of the tangent at the start point of the segment.
+	///
+	/// This method computes the angle (in radians) of the tangent vector at the
+	/// beginning of the path segment. The angle is measured clockwise
+	/// from the positive x-axis.
+	///
+	/// # Returns
+	///
+	/// A float representing the angle in radians, normalized to the range [0, 2π).
+	///
+	/// # Examples
+	///
+	/// ```
+	/// use path_bool::PathSegment;
+	/// use glam::DVec2;
+	/// use std::f64::consts::{TAU, FRAC_PI_4};
+	///
+	/// let line = PathSegment::Line(DVec2::new(0., 0.), DVec2::new(1., 1.));
+	/// assert_eq!(line.start_angle(), TAU  - (FRAC_PI_4));
+	/// ```
+	pub fn start_angle(&self) -> f64 {
+		let angle = match *self {
+			PathSegment::Line(start, end) => (end - start).angle_to(DVec2::X),
+			PathSegment::Cubic(start, control1, control2, _) => {
+				let diff = control1 - start;
+				if diff.abs_diff_eq(DVec2::ZERO, EPS.point) {
+					// if this diff were empty too, the segments would have been converted to a line
+					(control2 - start).angle_to(DVec2::X)
+				} else {
+					diff.angle_to(DVec2::X)
+				}
+			}
+			// Apply same logic as for cubic bezier
+			PathSegment::Quadratic(start, control, _) => (control - start).to_angle(),
+			PathSegment::Arc(..) => self.arc_segment_to_cubics(0.001)[0].start_angle(),
+		};
+		use std::f64::consts::TAU;
+		(angle + TAU) % TAU
+	}
+
+	/// Computes the curvature at the start point of the segment.
+	///
+	/// The curvature is a measure of how sharply a curve bends. A straight line
+	/// has a curvature of 0, while a tight curve has a higher curvature value.
+	///
+	/// # Returns
+	///
+	/// A float representing the curvature. Positive values indicate a left
+	/// curve, while negative values indicate a right curve.
+	///
+	/// # Examples
+	///
+	/// ```
+	/// use path_bool::PathSegment;
+	/// use glam::DVec2;
+	///
+	/// let line = PathSegment::Line(DVec2::new(0., 0.), DVec2::new(1., 1.));
+	/// assert_eq!(line.start_curvature(), 0.);
+	///
+	/// let curve = PathSegment::Cubic(
+	///     DVec2::new(0., 0.),
+	///     DVec2::new(0., 1.),
+	///     DVec2::new(1., 1.),
+	///     DVec2::new(1., 0.)
+	/// );
+	/// assert!(curve.start_curvature() < 0.);
+	/// ```
+	pub fn start_curvature(&self) -> f64 {
+		match *self {
+			PathSegment::Line(_, _) => 0.,
+			PathSegment::Cubic(start, control1, control2, _) => {
+				let a = control1 - start;
+				let a = 3. * a;
+				let b = start - 2. * control1 + control2;
+				let b = 6. * b;
+				let numerator = a.x * b.y - a.y * b.x;
+				let denominator = a.length_squared() * a.length();
+				if denominator == 0. { 0. } else { numerator / denominator }
+			}
+			PathSegment::Quadratic(start, control, end) => {
+				// First derivative
+				let a = 2. * (control - start);
+				// Second derivative
+				let b = 2. * (start - 2. * control + end);
+				let numerator = a.x * b.y - a.y * b.x;
+				let denominator = a.length_squared() * a.length();
+				if denominator == 0. { 0. } else { numerator / denominator }
+			}
+			PathSegment::Arc(..) => self.arc_segment_to_cubics(0.001)[0].start_curvature(),
+		}
+	}
+	/// Converts the segment to a cubic Bézier curve representation.
+	///
+	/// This method provides a uniform representation of all segment types as
+	/// cubic Bézier curves. For segments that are not naturally cubic Bézier
+	/// curves (like lines or quadratic Bézier curves), an equivalent cubic
+	/// Bézier representation is computed.
+	///
+	/// # Returns
+	///
+	/// An array of four `DVec2` points representing the cubic Bézier curve:
+	/// [start point, first control point, second control point, end point]
+	///
+	/// # Examples
+	///
+	/// ```
+	/// use path_bool::PathSegment;
+	/// use glam::DVec2;
+	///
+	/// let line = PathSegment::Line(DVec2::new(0., 0.), DVec2::new(1., 1.));
+	/// let cubic = line.to_cubic();
+	/// assert_eq!(cubic[0], DVec2::new(0., 0.));
+	/// assert_eq!(cubic[3], DVec2::new(1., 1.));
+	/// ```
+	///
+	/// # Panics
+	///
+	/// This method is not implemented for `PathSegment::Arc`. Attempting to call
+	/// `to_cubic()` on an `Arc` segment will result in a panic.
+	pub fn to_cubic(&self) -> [DVec2; 4] {
+		match *self {
+			PathSegment::Line(start, end) => [start, start, end, end],
+			PathSegment::Cubic(s, c1, c2, e) => [s, c1, c2, e],
+			PathSegment::Quadratic(start, control, end) => {
+				// C0 = Q0
+				// C1 = Q0 + (2/3) (Q1 - Q0)
+				// C2 = Q2 + (2/3) (Q1 - Q2)
+				// C3 = Q2
+				let d1 = control - start;
+				let d2 = control - end;
+				[start, start + (2. / 3.) * d1, end + (2. / 3.) * d2, end]
+			}
+			PathSegment::Arc(..) => unimplemented!(),
+		}
+	}
+
+	#[must_use]
+	/// Retrieves the start point of a path segment.
+	pub fn start(&self) -> DVec2 {
+		match self {
+			PathSegment::Line(start, _) => *start,
+			PathSegment::Cubic(start, _, _, _) => *start,
+			PathSegment::Quadratic(start, _, _) => *start,
+			PathSegment::Arc(start, _, _, _, _, _, _) => *start,
+		}
+	}
+
+	#[must_use]
+	/// Retrieves the end point of a path segment.
+	pub fn end(&self) -> DVec2 {
+		match self {
+			PathSegment::Line(_, end) => *end,
+			PathSegment::Cubic(_, _, _, end) => *end,
+			PathSegment::Quadratic(_, _, end) => *end,
+			PathSegment::Arc(_, _, _, _, _, _, end) => *end,
+		}
+	}
+
+	#[must_use]
+	/// Reverses the direction of the path segment.
+	///
+	/// This method creates a new `PathSegment` that represents the same geometric shape
+	/// but in the opposite direction.
+	///
+	/// # Examples
+	///
+	/// ```
+	/// use path_bool::PathSegment;
+	/// use glam::DVec2;
+	///
+	/// let line = PathSegment::Line(DVec2::new(0., 0.), DVec2::new(1., 1.));
+	/// let reversed = line.reverse();
+	/// assert_eq!(reversed.start(), DVec2::new(1., 1.));
+	/// assert_eq!(reversed.end(), DVec2::new(0., 0.));
+	/// ```
+	pub fn reverse(&self) -> PathSegment {
+		match *self {
+			PathSegment::Line(start, end) => PathSegment::Line(end, start),
+			PathSegment::Cubic(p1, p2, p3, p4) => PathSegment::Cubic(p4, p3, p2, p1),
+			PathSegment::Quadratic(p1, p2, p3) => PathSegment::Quadratic(p3, p2, p1),
+			PathSegment::Arc(start, rx, ry, phi, fa, fs, end) => PathSegment::Arc(end, rx, ry, phi, fa, !fs, start),
+		}
+	}
+
+	#[must_use]
+	/// Converts an arc segment to its center parameterization.
+	///
+	/// This method is only meaningful for `Arc` segments. For other segment types,
+	/// it returns `None`.
+	///
+	/// # Returns
+	///
+	/// An `Option` containing `PathArcSegmentCenterParametrization` if the segment
+	/// is an `Arc`, or `None` otherwise.
+	pub fn arc_segment_to_center(&self) -> Option<PathArcSegmentCenterParametrization> {
+		if let PathSegment::Arc(xy1, rx, ry, phi, fa, fs, xy2) = *self {
+			if rx == 0. || ry == 0. {
+				return None;
+			}
+
+			let rotation_matrix = DMat2::from_angle(-phi.to_radians());
+			let xy1_prime = rotation_matrix * (xy1 - xy2) * 0.5;
+
+			let mut rx2 = rx * rx;
+			let mut ry2 = ry * ry;
+			let x1_prime2 = xy1_prime.x * xy1_prime.x;
+			let y1_prime2 = xy1_prime.y * xy1_prime.y;
+
+			let mut rx = rx.abs();
+			let mut ry = ry.abs();
+			let lambda = x1_prime2 / rx2 + y1_prime2 / ry2 + 1e-12;
+			if lambda > 1. {
+				let lambda_sqrt = lambda.sqrt();
+				rx *= lambda_sqrt;
+				ry *= lambda_sqrt;
+				let lambda_abs = lambda.abs();
+				rx2 *= lambda_abs;
+				ry2 *= lambda_abs;
+			}
+
+			let sign = if fa == fs { -1. } else { 1. };
+			let multiplier = ((rx2 * ry2 - rx2 * y1_prime2 - ry2 * x1_prime2) / (rx2 * y1_prime2 + ry2 * x1_prime2)).sqrt();
+			let cx_prime = sign * multiplier * ((rx * xy1_prime.y) / ry);
+			let cy_prime = sign * multiplier * ((-ry * xy1_prime.x) / rx);
+
+			let cxy = rotation_matrix.transpose() * DVec2::new(cx_prime, cy_prime) + (xy1 + xy2) * 0.5;
+
+			let vec1 = DVec2::new((xy1_prime.x - cx_prime) / rx, (xy1_prime.y - cy_prime) / ry);
+			let theta1 = vector_angle(DVec2::new(1., 0.), vec1);
+			let mut delta_theta = vector_angle(vec1, DVec2::new((-xy1_prime.x - cx_prime) / rx, (-xy1_prime.y - cy_prime) / ry));
+
+			if !fs && delta_theta > 0. {
+				delta_theta -= TAU;
+			} else if fs && delta_theta < 0. {
+				delta_theta += TAU;
+			}
+
+			Some(PathArcSegmentCenterParametrization {
+				center: cxy,
+				theta1,
+				delta_theta,
+				rx,
+				ry,
+				phi,
+			})
+		} else {
+			None
+		}
+	}
+
+	#[must_use]
+	/// Samples a point on the path segment at a given parameter value.
+	///
+	/// # Arguments
+	///
+	/// * `t` - A value between 0. and 1. representing the position along the segment.
+	///
+	/// # Examples
+	///
+	/// ```
+	/// use path_bool::PathSegment;
+	/// use glam::DVec2;
+	///
+	/// let line = PathSegment::Line(DVec2::new(0., 0.), DVec2::new(2., 2.));
+	/// assert_eq!(line.sample_at(0.5), DVec2::new(1., 1.));
+	/// ```
+	pub fn sample_at(&self, t: f64) -> DVec2 {
+		match *self {
+			PathSegment::Line(start, end) => start.lerp(end, t),
+			PathSegment::Cubic(p1, p2, p3, p4) => {
+				let p01 = p1.lerp(p2, t);
+				let p12 = p2.lerp(p3, t);
+				let p23 = p3.lerp(p4, t);
+				let p012 = p01.lerp(p12, t);
+				let p123 = p12.lerp(p23, t);
+				p012.lerp(p123, t)
+			}
+			PathSegment::Quadratic(p1, p2, p3) => {
+				let p01 = p1.lerp(p2, t);
+				let p12 = p2.lerp(p3, t);
+				p01.lerp(p12, t)
+			}
+			PathSegment::Arc(start, rx, ry, phi, _, _, end) => {
+				if let Some(center_param) = self.arc_segment_to_center() {
+					let theta = center_param.theta1 + t * center_param.delta_theta;
+					let p = DVec2::new(rx * theta.cos(), ry * theta.sin());
+					let rotation_matrix = DMat2::from_angle(phi);
+					rotation_matrix * p + center_param.center
+				} else {
+					start.lerp(end, t)
+				}
+			}
+		}
+	}
+
+	#[must_use]
+	/// Approximates an arc segment with a series of cubic Bézier curves.
+	///
+	/// This method is primarily used for `Arc` segments, converting them into
+	/// a series of cubic Bézier curves for easier rendering or manipulation.
+	/// For non-`Arc` segments, it returns a vector containing only the original segment.
+	///
+	/// # Arguments
+	///
+	/// * `max_delta_theta` - The maximum angle (in radians) that each cubic Bézier
+	///   curve approximation should span.
+	///
+	/// # Returns
+	///
+	/// A vector of `PathSegment::Cubic` approximating the original segment.
+	pub fn arc_segment_to_cubics(&self, max_delta_theta: f64) -> Vec<PathSegment> {
+		if let PathSegment::Arc(start, rx, ry, phi, _, _, end) = *self {
+			if let Some(center_param) = self.arc_segment_to_center() {
+				let count = ((center_param.delta_theta.abs() / max_delta_theta).ceil() as usize).max(1);
+
+				let from_unit = DMat3::from_translation(center_param.center) * DMat3::from_angle(phi.to_radians()) * DMat3::from_scale(DVec2::new(rx, ry));
+
+				let theta = center_param.delta_theta / count as f64;
+				let k = (4. / 3.) * (theta / 4.).tan();
+				let sin_theta = theta.sin();
+				let cos_theta = theta.cos();
+
+				(0..count)
+					.map(|i| {
+						let start = DVec2::new(1., 0.);
+						let control1 = DVec2::new(1., k);
+						let control2 = DVec2::new(cos_theta + k * sin_theta, sin_theta - k * cos_theta);
+						let end = DVec2::new(cos_theta, sin_theta);
+
+						let matrix = DMat3::from_angle(center_param.theta1 + i as f64 * theta) * from_unit;
+						let start = (matrix * start.extend(1.)).truncate();
+						let control1 = (matrix * control1.extend(1.)).truncate();
+						let control2 = (matrix * control2.extend(1.)).truncate();
+						let end = (matrix * end.extend(1.)).truncate();
+
+						PathSegment::Cubic(start, control1, control2, end)
+					})
+					.collect()
+			} else {
+				vec![PathSegment::Line(start, end)]
+			}
+		} else {
+			vec![*self]
+		}
+	}
+}
+
+/// Represents the center parameterization of an elliptical arc.
+///
+/// This struct is used internally to perform calculations on arc segments.
+pub struct PathArcSegmentCenterParametrization {
+	center: DVec2,
+	theta1: f64,
+	delta_theta: f64,
+	rx: f64,
+	ry: f64,
+	phi: f64,
+}
+
+/// Converts the center parameterization back to an arc segment.
+///
+/// # Arguments
+///
+/// * `start` - Optional start point of the arc. If `None`, the start point is calculated.
+/// * `end` - Optional end point of the arc. If `None`, the end point is calculated.
+///
+/// # Returns
+///
+/// A `PathSegment::Arc` representing the arc described by this parameterization.
+impl PathArcSegmentCenterParametrization {
+	#[must_use]
+	pub fn arc_segment_from_center(&self, start: Option<DVec2>, end: Option<DVec2>) -> PathSegment {
+		let rotation_matrix = DMat2::from_angle(self.phi);
+
+		let mut xy1 = rotation_matrix * DVec2::new(self.rx * self.theta1.cos(), self.ry * self.theta1.sin()) + self.center;
+
+		let mut xy2 = rotation_matrix * DVec2::new(self.rx * (self.theta1 + self.delta_theta).cos(), self.ry * (self.theta1 + self.delta_theta).sin()) + self.center;
+
+		let fa = self.delta_theta.abs() > PI;
+		let fs = self.delta_theta > 0.;
+		xy1 = start.unwrap_or(xy1);
+		xy2 = end.unwrap_or(xy2);
+
+		PathSegment::Arc(xy1, self.rx, self.ry, self.phi, fa, fs, xy2)
+	}
+}
+
+/// Evaluates a 1D cubic Bézier curve at a given parameter value.
+///
+/// # Arguments
+///
+/// * `p0`, `p1`, `p2`, `p3` - Control points of the cubic Bézier curve.
+/// * `t` - Parameter value between 0 and 1.
+///
+/// # Returns
+///
+/// The value of the Bézier curve at parameter `t`.
+fn eval_cubic_1d(p0: f64, p1: f64, p2: f64, p3: f64, t: f64) -> f64 {
+	let p01 = lerp(p0, p1, t);
+	let p12 = lerp(p1, p2, t);
+	let p23 = lerp(p2, p3, t);
+	let p012 = lerp(p01, p12, t);
+	let p123 = lerp(p12, p23, t);
+	lerp(p012, p123, t)
+}
+
+/// Computes the bounding interval of a 1D cubic Bézier curve.
+///
+/// This function finds the minimum and maximum values of a cubic Bézier curve
+/// over the interval [0, 1].
+///
+/// # Arguments
+///
+/// * `p0`, `p1`, `p2`, `p3` - Control points of the cubic Bézier curve.
+///
+/// # Returns
+///
+/// A tuple `(min, max)` representing the bounding interval.
+fn cubic_bounding_interval(p0: f64, p1: f64, p2: f64, p3: f64) -> (f64, f64) {
+	let mut min = p0.min(p3);
+	let mut max = p0.max(p3);
+
+	let a = 3. * (-p0 + 3. * p1 - 3. * p2 + p3);
+	let b = 6. * (p0 - 2. * p1 + p2);
+	let c = 3. * (p1 - p0);
+	let d = b * b - 4. * a * c;
+
+	if d < 0. || a == 0. {
+		// TODO: if a=0, solve linear
+		return (min, max);
+	}
+
+	let sqrt_d = d.sqrt();
+
+	let t0 = (-b - sqrt_d) / (2. * a);
+	if 0. < t0 && t0 < 1. {
+		let x0 = eval_cubic_1d(p0, p1, p2, p3, t0);
+		min = min.min(x0);
+		max = max.max(x0);
+	}
+
+	let t1 = (-b + sqrt_d) / (2. * a);
+	if 0. < t1 && t1 < 1. {
+		let x1 = eval_cubic_1d(p0, p1, p2, p3, t1);
+		min = min.min(x1);
+		max = max.max(x1);
+	}
+
+	(min, max)
+}
+
+/// Evaluates a 1D quadratic Bézier curve at a given parameter value.
+///
+/// # Arguments
+///
+/// * `p0`, `p1`, `p2` - Control points of the quadratic Bézier curve.
+/// * `t` - Parameter value between 0 and 1.
+///
+/// # Returns
+///
+/// The value of the Bézier curve at parameter `t`.
+fn eval_quadratic_1d(p0: f64, p1: f64, p2: f64, t: f64) -> f64 {
+	let p01 = lerp(p0, p1, t);
+	let p12 = lerp(p1, p2, t);
+	lerp(p01, p12, t)
+}
+
+/// Computes the bounding interval of a 1D quadratic Bézier curve.
+///
+/// This function finds the minimum and maximum values of a quadratic Bézier curve
+/// over the interval [0, 1].
+///
+/// # Arguments
+///
+/// * `p0`, `p1`, `p2` - Control points of the quadratic Bézier curve.
+///
+/// # Returns
+///
+/// A tuple `(min, max)` representing the bounding interval.
+fn quadratic_bounding_interval(p0: f64, p1: f64, p2: f64) -> (f64, f64) {
+	let mut min = p0.min(p2);
+	let mut max = p0.max(p2);
+
+	let denominator = p0 - 2. * p1 + p2;
+
+	if denominator == 0. {
+		return (min, max);
+	}
+
+	let t = (p0 - p1) / denominator;
+	if (0.0..=1.).contains(&t) {
+		let x = eval_quadratic_1d(p0, p1, p2, t);
+		min = min.min(x);
+		max = max.max(x);
+	}
+
+	(min, max)
+}
+
+fn in_interval(x: f64, x0: f64, x1: f64) -> bool {
+	(x0..=x1).contains(&x)
+}
+
+impl PathSegment {
+	/// Computes the bounding box of the path segment.
+	///
+	/// # Returns
+	///
+	/// An [`Aabb`] representing the axis-aligned bounding box of the segment.
+	pub(crate) fn bounding_box(&self) -> Aabb {
+		match *self {
+			PathSegment::Line(start, end) => Aabb {
+				top: start.y.min(end.y),
+				right: start.x.max(end.x),
+				bottom: start.y.max(end.y),
+				left: start.x.min(end.x),
+			},
+			PathSegment::Cubic(p1, p2, p3, p4) => {
+				let (left, right) = cubic_bounding_interval(p1.x, p2.x, p3.x, p4.x);
+				let (top, bottom) = cubic_bounding_interval(p1.y, p2.y, p3.y, p4.y);
+				Aabb { top, right, bottom, left }
+			}
+			PathSegment::Quadratic(p1, p2, p3) => {
+				let (left, right) = quadratic_bounding_interval(p1.x, p2.x, p3.x);
+				let (top, bottom) = quadratic_bounding_interval(p1.y, p2.y, p3.y);
+				Aabb { top, right, bottom, left }
+			}
+			PathSegment::Arc(start, rx, ry, phi, _, _, end) => {
+				if let Some(center_param) = self.arc_segment_to_center() {
+					let theta2 = center_param.theta1 + center_param.delta_theta;
+					let mut bounding_box = extend_bounding_box(Some(bounding_box_around_point(start, 0.)), end);
+
+					if phi == 0. || rx == ry {
+						// TODO: Fix the fact that the following gives false positives, resulting in larger boxes
+						if in_interval(-PI, center_param.theta1, theta2) || in_interval(PI, center_param.theta1, theta2) {
+							bounding_box = extend_bounding_box(Some(bounding_box), DVec2::new(center_param.center.x - rx, center_param.center.y));
+						}
+						if in_interval(-PI / 2., center_param.theta1, theta2) || in_interval(3. * PI / 2., center_param.theta1, theta2) {
+							bounding_box = extend_bounding_box(Some(bounding_box), DVec2::new(center_param.center.x, center_param.center.y - ry));
+						}
+						if in_interval(0., center_param.theta1, theta2) || in_interval(2. * PI, center_param.theta1, theta2) {
+							bounding_box = extend_bounding_box(Some(bounding_box), DVec2::new(center_param.center.x + rx, center_param.center.y));
+						}
+						if in_interval(PI / 2., center_param.theta1, theta2) || in_interval(5. * PI / 2., center_param.theta1, theta2) {
+							bounding_box = extend_bounding_box(Some(bounding_box), DVec2::new(center_param.center.x, center_param.center.y + ry));
+						}
+						expand_bounding_box(&bounding_box, 1e-11) // TODO: Get rid of expansion
+					} else {
+						// TODO: Don't convert to cubics
+						let cubics = self.arc_segment_to_cubics(PI / 16.);
+						let mut bounding_box = None;
+						for cubic_seg in cubics {
+							bounding_box = Some(merge_bounding_boxes(bounding_box, &cubic_seg.bounding_box()));
+						}
+						bounding_box.unwrap_or_else(|| bounding_box_around_point(start, 0.))
+					}
+				} else {
+					extend_bounding_box(Some(bounding_box_around_point(start, 0.)), end)
+				}
+			}
+		}
+	}
+
+	/// Splits the path segment at a given parameter value.
+	///
+	/// # Arguments
+	///
+	/// * `t` - A value between 0. and 1. representing the split point along the segment.
+	///
+	/// # Returns
+	///
+	/// A tuple of two `PathSegment`s representing the parts before and after the split point.
+	///
+	/// # Examples
+	///
+	/// ```
+	/// use path_bool::PathSegment;
+	/// use glam::DVec2;
+	///
+	/// let line = PathSegment::Line(DVec2::new(0., 0.), DVec2::new(2., 2.));
+	/// let (first_half, second_half) = line.split_at(0.5);
+	/// assert_eq!(first_half.end(), DVec2::new(1., 1.));
+	/// assert_eq!(second_half.start(), DVec2::new(1., 1.));
+	/// ```
+	pub fn split_at(&self, t: f64) -> (PathSegment, PathSegment) {
+		match *self {
+			PathSegment::Line(start, end) => {
+				let p = start.lerp(end, t);
+				(PathSegment::Line(start, p), PathSegment::Line(p, end))
+			}
+			PathSegment::Cubic(p0, p1, p2, p3) => {
+				let p01 = p0.lerp(p1, t);
+				let p12 = p1.lerp(p2, t);
+				let p23 = p2.lerp(p3, t);
+				let p012 = p01.lerp(p12, t);
+				let p123 = p12.lerp(p23, t);
+				let p = p012.lerp(p123, t);
+
+				(PathSegment::Cubic(p0, p01, p012, p), PathSegment::Cubic(p, p123, p23, p3))
+			}
+			PathSegment::Quadratic(p0, p1, p2) => {
+				let p01 = p0.lerp(p1, t);
+				let p12 = p1.lerp(p2, t);
+				let p = p01.lerp(p12, t);
+
+				(PathSegment::Quadratic(p0, p01, p), PathSegment::Quadratic(p, p12, p2))
+			}
+			PathSegment::Arc(start, _, _, _, _, _, end) => {
+				if let Some(center_param) = self.arc_segment_to_center() {
+					let mid_delta_theta = center_param.delta_theta * t;
+					let seg1 = PathArcSegmentCenterParametrization {
+						delta_theta: mid_delta_theta,
+						..center_param
+					}
+					.arc_segment_from_center(Some(start), None);
+					let seg2 = PathArcSegmentCenterParametrization {
+						theta1: center_param.theta1 + mid_delta_theta,
+						delta_theta: center_param.delta_theta - mid_delta_theta,
+						..center_param
+					}
+					.arc_segment_from_center(None, Some(end));
+					(seg1, seg2)
+				} else {
+					// https://svgwg.org/svg2-draft/implnote.html#ArcCorrectionOutOfRangeRadii
+					let p = start.lerp(end, t);
+					(PathSegment::Line(start, p), PathSegment::Line(p, end))
+				}
+			}
+		}
+	}
+}
diff --git a/libraries/path-bool/src/path_boolean.rs b/libraries/path-bool/src/path_boolean.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c426b0db8867e4c674ff03e5ce1d7b63c7057beb
--- /dev/null
+++ b/libraries/path-bool/src/path_boolean.rs
@@ -0,0 +1,1836 @@
+//! Implements boolean operations on paths using graph-based algorithms.
+//!
+//! This module uses concepts from graph theory to efficiently perform boolean
+//! operations on complex paths. The main algorithms involve creating a graph
+//! representation of the paths, simplifying this graph, and then working with
+//! its dual graph to determine the result of the boolean operation.
+//!
+//! ## Graph Minor
+//!
+//! A graph minor is a simplified version of a graph, obtained by contracting edges
+//! (merging connected vertices) and removing isolated vertices. In the context of
+//! path boolean operations, we use a graph minor to simplify the initial graph
+//! representation of the paths. This simplification involves:
+//!
+//! 1. Merging collinear segments into single edges.
+//! 2. Removing vertices that don't represent significant features (like intersections
+//!    or endpoints).
+//!
+//! The resulting graph minor preserves the topological structure of the paths while
+//! reducing computational complexity.
+//!
+//! For more information on graph minors, see:
+//! <https://en.wikipedia.org/wiki/Graph_minor>
+//!
+//! ## Dual Graph
+//!
+//! The dual graph is a graph derived from another graph (the primal graph). In the
+//! context of path boolean operations, we construct the dual graph as follows:
+//!
+//! 1. Each face (region) in the primal graph becomes a vertex in the dual graph.
+//! 2. Each edge in the primal graph becomes an edge in the dual graph, connecting
+//!    the vertices that represent the faces on either side of the original edge.
+//!
+//! The dual graph allows us to efficiently determine which regions are inside or
+//! outside the original paths, which is crucial for performing boolean operations.
+//!
+//! For more information on dual graphs, see:
+//! <https://en.wikipedia.org/wiki/Dual_graph>
+//!
+//! ## Algorithm Overview
+//!
+//! The boolean operation algorithm follows these main steps:
+//!
+//! 1. Create a graph representation of both input paths (MajorGraph).
+//! 2. Simplify this graph to create a graph minor (MinorGraph).
+//! 3. Construct the dual graph of the MinorGraph.
+//! 4. Use the dual graph to determine which regions should be included in the result,
+//!    based on the specific boolean operation being performed.
+//! 5. Reconstruct the resulting path(s) from the selected regions.
+//!
+//! This approach allows for efficient and accurate boolean operations, even on
+//! complex paths with many intersections or self-intersections.
+
+new_key_type! {
+	pub struct MajorVertexKey;
+	pub struct MajorEdgeKey;
+	pub struct MinorVertexKey;
+	pub struct MinorEdgeKey;
+	pub struct DualVertexKey;
+	pub struct DualEdgeKey;
+}
+// Copyright 2024 Adam Platkevič <rflashster@gmail.com>
+//
+// SPDX-License-Identifier: MIT
+
+use crate::aabb::{Aabb, bounding_box_around_point, bounding_box_max_extent, merge_bounding_boxes};
+use crate::epsilons::Epsilons;
+use crate::intersection_path_segment::{path_segment_intersection, segments_equal};
+use crate::path::Path;
+use crate::path_cubic_segment_self_intersection::path_cubic_segment_self_intersection;
+use crate::path_segment::PathSegment;
+#[cfg(feature = "logging")]
+use crate::path_to_path_data;
+use crate::quad_tree::QuadTree;
+use glam::DVec2;
+use slotmap::{SlotMap, new_key_type};
+use std::cmp::Ordering;
+use std::collections::{HashMap, HashSet, VecDeque};
+use std::fmt::Display;
+
+/// Represents the types of boolean operations that can be performed on paths.
+#[derive(Debug, Clone, Copy)]
+pub enum PathBooleanOperation {
+	/// Computes the union of two paths.
+	///
+	/// The result contains all areas that are inside either path A or path B (or both).
+	/// This operation is useful for combining shapes or creating complex outlines.
+	Union,
+
+	/// Computes the difference between two paths (A minus B).
+	///
+	/// The result contains all areas that are inside path A but not inside path B.
+	/// This operation is useful for cutting holes or subtracting shapes from each other.
+	Difference,
+
+	/// Computes the intersection of two paths.
+	///
+	/// The result contains only the areas that are inside both path A and path B.
+	/// This operation is useful for finding overlapping regions between shapes.
+	Intersection,
+
+	/// Computes the symmetric difference (exclusive or) of two paths.
+	///
+	/// The result contains areas that are inside either path A or path B, but not in both.
+	/// This operation is useful for creating non-overlapping regions or finding boundaries.
+	Exclusion,
+
+	/// Divides the first path using the second path as a "knife".
+	///
+	/// This operation splits path A wherever it intersects with path B, but keeps all
+	/// parts of path A. It's useful for creating segments or partitioning shapes.
+	Division,
+
+	/// Breaks both paths into separate pieces where they intersect.
+	///
+	/// This operation splits both path A and path B at their intersection points,
+	/// resulting in all possible non-overlapping segments from both paths.
+	/// It's useful for creating detailed breakdowns of overlapping shapes.
+	Fracture,
+}
+
+/// Specifies how to determine the "inside" of a path for filling.
+#[derive(Debug, Clone, Copy)]
+pub enum FillRule {
+	/// A point is inside if a ray from the point to infinity crosses an odd number of path segments.
+	NonZero,
+	/// A point is inside if a ray from the point to infinity crosses an even number of path segments.
+	EvenOdd,
+}
+
+const INTERSECTION_TREE_DEPTH: usize = 8;
+const POINT_TREE_DEPTH: usize = 8;
+
+pub const EPS: Epsilons = Epsilons {
+	point: 1e-5,
+	linear: 1e-4,
+	param: 1e-8,
+};
+
+type MajorGraphEdgeStage1 = (PathSegment, u8);
+type MajorGraphEdgeStage2 = (PathSegment, u8, Aabb);
+
+#[derive(Debug, Clone)]
+pub struct MajorGraphEdge {
+	seg: PathSegment,
+	parent: u8,
+	incident_vertices: [MajorVertexKey; 2],
+	direction_flag: Direction,
+	twin: Option<MajorEdgeKey>,
+}
+
+#[derive(Debug, Clone, Default)]
+pub struct MajorGraphVertex {
+	#[cfg_attr(not(feature = "logging"), expect(dead_code))]
+	pub point: DVec2,
+	outgoing_edges: Vec<MajorEdgeKey>,
+}
+
+/// Represents the initial graph structure used in boolean operations.
+///
+/// This graph contains all segments from both input paths.
+#[derive(Debug, Clone)]
+struct MajorGraph {
+	edges: SlotMap<MajorEdgeKey, MajorGraphEdge>,
+	vertices: SlotMap<MajorVertexKey, MajorGraphVertex>,
+}
+
+#[derive(Debug, Clone, PartialEq)]
+struct MinorGraphEdge {
+	segments: Vec<PathSegment>,
+	parent: u8,
+	incident_vertices: [MinorVertexKey; 2],
+	direction_flag: Direction,
+	twin: Option<MinorEdgeKey>,
+}
+
+impl MinorGraphEdge {
+	fn start_segment(&self) -> PathSegment {
+		let segment = self.segments[0];
+		match self.direction_flag {
+			Direction::Forward => segment,
+			Direction::Backwards => segment.reverse(),
+		}
+	}
+}
+
+// Compares Segments based on their derivative at the start. If the derivative
+// is equal, check the curvature instead. This should correctly sort most instances.
+fn compare_segments(a: &PathSegment, b: &PathSegment) -> Ordering {
+	let angle_a = a.start_angle();
+	let angle_b = b.start_angle();
+
+	// Normalize angles to [0, 2π)
+	let angle_a = (angle_a * 1000.).round() / 1000.;
+	let angle_b = (angle_b * 1000.).round() / 1000.;
+
+	// Compare angles first
+	match angle_b.partial_cmp(&angle_a) {
+		Some(Ordering::Equal) => {
+			// If angles are equal (or very close), compare curvatures
+			let curvature_a = a.start_curvature();
+			let curvature_b = b.start_curvature();
+			curvature_a.partial_cmp(&curvature_b).unwrap_or(Ordering::Equal)
+		}
+		Some(ordering) => ordering,
+		None => Ordering::Equal, // Handle NaN cases
+	}
+}
+
+impl PartialOrd for MinorGraphEdge {
+	fn partial_cmp(&self, other: &Self) -> Option<Ordering> {
+		Some(compare_segments(&self.start_segment(), &other.start_segment()))
+	}
+}
+
+#[derive(Debug, Clone, Default)]
+struct MinorGraphVertex {
+	outgoing_edges: Vec<MinorEdgeKey>,
+}
+
+#[derive(Debug, Clone)]
+struct MinorGraphCycle {
+	segments: Vec<PathSegment>,
+	parent: u8,
+	direction_flag: Direction,
+}
+
+/// Represents a simplified graph structure derived from the MajorGraph.
+///
+/// This graph combines collinear segments and removes unnecessary vertices.
+#[derive(Debug, Clone)]
+struct MinorGraph {
+	edges: SlotMap<MinorEdgeKey, MinorGraphEdge>,
+	vertices: SlotMap<MinorVertexKey, MinorGraphVertex>,
+	cycles: Vec<MinorGraphCycle>,
+}
+
+#[derive(Debug, Clone, PartialEq)]
+struct DualGraphHalfEdge {
+	segments: Vec<PathSegment>,
+	parent: u8,
+	incident_vertex: DualVertexKey,
+	direction_flag: Direction,
+	twin: Option<DualEdgeKey>,
+}
+
+#[derive(Debug, Clone, PartialEq, Eq, Hash)]
+struct DualGraphVertex {
+	incident_edges: Vec<DualEdgeKey>,
+}
+
+/// Represents a component in the dual graph.
+///
+/// A component is a connected subset of the dual graph, typically corresponding
+/// to a distinct region in the original paths.
+#[derive(Debug, Clone)]
+struct DualGraphComponent {
+	edges: Vec<DualEdgeKey>,
+	vertices: Vec<DualVertexKey>,
+	outer_face: Option<DualVertexKey>,
+}
+
+/// Represents the dual graph of the MinorGraph.
+///
+/// In this graph, faces of the MinorGraph become vertices, and edges represent
+/// adjacency between faces. This structure is crucial for determining the
+/// inside/outside regions of the paths.
+#[derive(Debug, Clone)]
+struct DualGraph {
+	components: Vec<DualGraphComponent>,
+	edges: SlotMap<DualEdgeKey, DualGraphHalfEdge>,
+	vertices: SlotMap<DualVertexKey, DualGraphVertex>,
+}
+
+/// Represents the hierarchical nesting of regions in the paths.
+///
+/// This tree structure captures how different regions of the paths are contained
+/// within each other
+#[derive(Debug, Clone)]
+struct NestingTree {
+	component: DualGraphComponent,
+	outgoing_edges: HashMap<DualVertexKey, Vec<NestingTree>>,
+}
+
+#[cfg(feature = "logging")]
+fn major_graph_to_dot(graph: &MajorGraph) -> String {
+	let mut dot = String::from("digraph {\n");
+	for (vertex_key, vertex) in &graph.vertices {
+		dot.push_str(&format!("  {:?} [label=\"{:.1},{:.1}\"]\n", (vertex_key.0.as_ffi() & 0xFF), vertex.point.x, vertex.point.y));
+	}
+	for (_, edge) in &graph.edges {
+		dot.push_str(&format!(
+			"  {:?} -> {:?}: {:0b}\n",
+			(edge.incident_vertices[0].0.as_ffi() & 0xFF),
+			(edge.incident_vertices[1].0.as_ffi() & 0xFF),
+			edge.parent
+		));
+	}
+	dot.push_str("}\n");
+	dot
+}
+
+#[cfg(feature = "logging")]
+fn minor_graph_to_dot(edges: &SlotMap<MinorEdgeKey, MinorGraphEdge>) -> String {
+	let mut dot = String::from("digraph {\n");
+	for edge in edges.values() {
+		dot.push_str(&format!(
+			"  {:?} -> {:?}: {:0b}\n",
+			(edge.incident_vertices[0].0.as_ffi() & 0xFF),
+			(edge.incident_vertices[1].0.as_ffi() & 0xFF),
+			edge.parent
+		));
+	}
+	dot.push_str("}\n");
+	dot
+}
+
+#[cfg(feature = "logging")]
+fn dual_graph_to_dot(components: &[DualGraphComponent], edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>) -> String {
+	let mut dot = String::from("strict graph {\n");
+	for component in components {
+		for &edge_key in &component.edges {
+			let edge = &edges[edge_key];
+			dot.push_str(&format!(
+				"  {:?} -- {:?}\n",
+				(edge.incident_vertex.0.as_ffi() & 0xFF),
+				(edges[edge.twin.unwrap()].incident_vertex.0.as_ffi() & 0xFF)
+			));
+		}
+	}
+	dot.push_str("}\n");
+	dot
+}
+
+fn segment_to_edge(parent: u8) -> impl Fn(&PathSegment) -> Option<MajorGraphEdgeStage1> {
+	move |seg| {
+		if bounding_box_max_extent(&seg.bounding_box()) < EPS.point {
+			return None;
+		}
+
+		match seg {
+			// Convert Line Segments expressed as cubic beziers to proper line segments
+			PathSegment::Cubic(start, _, _, end) => {
+				let direction = seg.sample_at(0.1);
+				if (*end - *start).angle_to(direction - *start).abs() < EPS.point * 4. {
+					Some((PathSegment::Line(*start, *end), parent))
+				} else {
+					Some((*seg, parent))
+				}
+			}
+			seg => Some((*seg, parent)),
+		}
+	}
+}
+
+fn split_at_self_intersections(edges: &mut Vec<MajorGraphEdgeStage1>) {
+	let mut new_edges = Vec::new();
+	for (seg, parent) in edges.iter_mut() {
+		if let PathSegment::Cubic(..) = seg {
+			if let Some(intersection) = path_cubic_segment_self_intersection(seg) {
+				let mut intersection = intersection;
+				if intersection[0] > intersection[1] {
+					intersection.swap(0, 1);
+				}
+				let [t1, t2] = intersection;
+				if (t1 - t2).abs() < EPS.param {
+					let (seg1, seg2) = seg.split_at(t1);
+					*seg = seg1;
+					new_edges.push((seg2, *parent));
+				} else {
+					let (seg1, tmp_seg) = seg.split_at(t1);
+					let (seg2, seg3) = &tmp_seg.split_at((t2 - t1) / (1. - t1));
+					*seg = seg1;
+					new_edges.push((*seg2, *parent));
+					new_edges.push((*seg3, *parent));
+				}
+			}
+		}
+	}
+	edges.extend(new_edges);
+}
+
+/// Splits path segments at their intersections with other segments.
+///
+/// This function performs the following steps:
+/// 1. Computes bounding boxes for all input edges.
+/// 2. Creates a spatial index (quad tree) of edges for efficient intersection checks.
+/// 3. For each edge:
+///    a. Finds potential intersecting edges using the spatial index.
+///    b. Computes precise intersections with these candidates.
+///    c. Records the intersection points as split locations.
+/// 4. Splits the original edges at the recorded intersection points.
+/// 5. Returns the split edges along with an overall bounding box.
+///
+/// The function uses an epsilon value to handle floating-point imprecision
+/// when determining if intersections occur at endpoints.
+///
+/// # Arguments
+///
+/// * `edges` - A slice of initial path segments (MajorGraphEdgeStage1).
+///
+/// # Returns
+///
+/// A tuple containing:
+/// * A vector of split edges (MajorGraphEdgeStage2).
+/// * An optional overall bounding box (AaBb) for all edges.
+fn split_at_intersections(edges: &[MajorGraphEdgeStage1]) -> (Vec<MajorGraphEdgeStage2>, Option<Aabb>) {
+	// Step 1: Add bounding boxes to edges
+	let with_bounding_box: Vec<MajorGraphEdgeStage2> = edges.iter().map(|(seg, parent)| (*seg, *parent, seg.bounding_box())).collect();
+
+	// Step 2: Calculate total bounding box
+	let total_bounding_box = with_bounding_box.iter().fold(None, |acc, (_, _, bb)| Some(merge_bounding_boxes(acc, bb)));
+
+	let total_bounding_box = match total_bounding_box {
+		Some(bb) => bb,
+		None => return (Vec::new(), None),
+	};
+
+	// Step 3: Create edge tree for efficient intersection checks
+	let mut edge_tree = QuadTree::new(total_bounding_box, INTERSECTION_TREE_DEPTH, 8);
+
+	let mut splits_per_edge: HashMap<usize, Vec<f64>> = HashMap::new();
+
+	fn add_split(splits_per_edge: &mut HashMap<usize, Vec<f64>>, i: usize, t: f64) {
+		splits_per_edge.entry(i).or_default().push(t);
+	}
+
+	// Step 4: Find intersections and record split points
+	for (i, edge) in with_bounding_box.iter().enumerate() {
+		let candidates = edge_tree.find(&edge.2);
+		for &j in &candidates {
+			let candidate: &(PathSegment, u8) = &edges[j];
+			let include_endpoints = edge.1 != candidate.1 || !(candidate.0.end().abs_diff_eq(edge.0.start(), EPS.point) || candidate.0.start().abs_diff_eq(edge.0.end(), EPS.point));
+			let intersection = path_segment_intersection(&edge.0, &candidate.0, include_endpoints, &EPS);
+			for [t0, t1] in intersection {
+				add_split(&mut splits_per_edge, i, t0);
+				add_split(&mut splits_per_edge, j, t1);
+			}
+		}
+		edge_tree.insert(edge.2, i);
+	}
+
+	// Step 5: Apply splits to create new edges
+	let mut new_edges = Vec::new();
+
+	for (i, (seg, parent, _)) in with_bounding_box.into_iter().enumerate() {
+		if let Some(splits) = splits_per_edge.get(&i) {
+			let mut splits = splits.clone();
+			splits.sort_by(|a, b| a.partial_cmp(b).unwrap());
+			let mut tmp_seg = seg;
+			let mut prev_t = 0.;
+			for &t in splits.iter() {
+				if t > 1. - EPS.param {
+					break;
+				}
+				let tt = (t - prev_t) / (1. - prev_t);
+				prev_t = t;
+				if tt < EPS.param {
+					continue;
+				}
+				if tt > 1. - EPS.param {
+					continue;
+				}
+				let (seg1, seg2) = tmp_seg.split_at(tt);
+				new_edges.push((seg1, parent, seg1.bounding_box()));
+				tmp_seg = seg2;
+			}
+			new_edges.push((tmp_seg, parent, tmp_seg.bounding_box()));
+		} else {
+			new_edges.push((seg, parent, seg.bounding_box()));
+		}
+	}
+
+	(new_edges, Some(total_bounding_box))
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
+pub enum Direction {
+	Forward,
+	Backwards,
+}
+
+impl std::ops::Neg for Direction {
+	type Output = Self;
+
+	fn neg(self) -> Self::Output {
+		match self {
+			Self::Forward => Self::Backwards,
+			Self::Backwards => Self::Forward,
+		}
+	}
+}
+impl std::ops::Not for Direction {
+	type Output = Self;
+
+	fn not(self) -> Self::Output {
+		match self {
+			Self::Forward => Self::Backwards,
+			Self::Backwards => Self::Forward,
+		}
+	}
+}
+
+impl Direction {
+	pub fn forward(self) -> bool {
+		self == Self::Forward
+	}
+}
+
+// TODO:(@TrueDoctor) Optimize this by rounding each vertex up and down and then inserting them in a hashmap. This should remove the need for bbox calculations and the quad tree
+fn find_vertices(edges: &[MajorGraphEdgeStage2], bounding_box: Aabb) -> MajorGraph {
+	let mut vertex_tree = QuadTree::new(bounding_box, POINT_TREE_DEPTH, 8);
+	let mut graph = MajorGraph {
+		edges: SlotMap::with_key(),
+		vertices: SlotMap::with_key(),
+	};
+
+	let mut parents: HashMap<MajorEdgeKey, u8> = HashMap::new();
+
+	let mut vertex_pair_id_to_edges: HashMap<_, Vec<(MajorGraphEdgeStage2, MajorEdgeKey, MajorEdgeKey)>> = HashMap::new();
+
+	for (seg, parent, bounding_box) in edges {
+		let mut get_vertex = |point: DVec2| -> MajorVertexKey {
+			let box_around_point = bounding_box_around_point(point, EPS.point);
+			if let Some(&existing_vertex) = vertex_tree.find(&box_around_point).iter().next() {
+				existing_vertex
+			} else {
+				let vertex_key = graph.vertices.insert(MajorGraphVertex { point, outgoing_edges: Vec::new() });
+				vertex_tree.insert(box_around_point, vertex_key);
+				vertex_key
+			}
+		};
+
+		let start_vertex = get_vertex(seg.start());
+		let end_vertex = get_vertex(seg.end());
+
+		if start_vertex == end_vertex {
+			match seg {
+				PathSegment::Line(..) => continue,
+				PathSegment::Cubic(_, c1, c2, _) => {
+					if c1.abs_diff_eq(*c2, EPS.point) {
+						continue;
+					}
+				}
+				PathSegment::Quadratic(_, c, _) => {
+					if seg.start().abs_diff_eq(*c, EPS.point) {
+						continue;
+					}
+				}
+				PathSegment::Arc(_, _, _, _, _, false, _) => continue,
+				_ => {}
+			}
+		}
+
+		let vertex_pair_id = (start_vertex.min(end_vertex), start_vertex.max(end_vertex));
+		if let Some(existing_edges) = vertex_pair_id_to_edges.get(&vertex_pair_id) {
+			if let Some(existing_edge) = existing_edges
+				.iter()
+				.find(|(other_seg, ..)| segments_equal(seg, &other_seg.0, EPS.point) || segments_equal(&seg.reverse(), &other_seg.0, EPS.point))
+			{
+				*parents.entry(existing_edge.1).or_default() |= parent;
+				*parents.entry(existing_edge.2).or_default() |= parent;
+				continue;
+			}
+		}
+
+		let fwd_edge_key = graph.edges.insert(MajorGraphEdge {
+			seg: *seg,
+			parent: *parent,
+			incident_vertices: [start_vertex, end_vertex],
+			direction_flag: Direction::Forward,
+			twin: None,
+		});
+
+		let bwd_edge_key = graph.edges.insert(MajorGraphEdge {
+			seg: *seg,
+			parent: *parent,
+			incident_vertices: [end_vertex, start_vertex],
+			direction_flag: Direction::Backwards,
+			twin: Some(fwd_edge_key),
+		});
+
+		graph.edges[fwd_edge_key].twin = Some(bwd_edge_key);
+
+		graph.vertices[start_vertex].outgoing_edges.push(fwd_edge_key);
+		graph.vertices[end_vertex].outgoing_edges.push(bwd_edge_key);
+
+		vertex_pair_id_to_edges
+			.entry(vertex_pair_id)
+			.or_default()
+			.push(((*seg, *parent, *bounding_box), fwd_edge_key, bwd_edge_key));
+	}
+	for (edge_key, parent) in parents {
+		graph.edges[edge_key].parent |= parent;
+	}
+
+	graph
+}
+
+fn get_order(vertex: &MajorGraphVertex) -> usize {
+	vertex.outgoing_edges.len()
+}
+
+/// Computes the minor graph from the major graph.
+///
+/// This function simplifies the graph structure by performing the following steps:
+/// 1. Iterates through vertices of the major graph.
+/// 2. For vertices with exactly two edges (degree 2):
+///    a. Combines the two edges into a single edge if they have the same parent.
+///    b. Updates the endpoints of the new edge to skip the current vertex.
+/// 3. For vertices with degree != 2:
+///    a. Creates a new vertex in the minor graph.
+///    b. Creates new edges in the minor graph for each outgoing edge.
+/// 4. Handles any cyclic components (closed loops with no high-degree vertices).
+///
+/// The resulting minor graph preserves the topological structure of the paths
+/// while reducing the number of vertices and edges.
+///
+/// # Arguments
+///
+/// * `major_graph` - A reference to the MajorGraph.
+///
+/// # Returns
+///
+/// A new MinorGraph representing the simplified structure.
+fn compute_minor(major_graph: &MajorGraph) -> MinorGraph {
+	let mut new_edges = SlotMap::with_key();
+	let mut new_vertices = SlotMap::with_key();
+	let mut to_minor_vertex = HashMap::new();
+	let mut id_to_edge = HashMap::new();
+	let mut visited = HashSet::new();
+
+	// Handle components that are not cycles
+	for (major_vertex_key, vertex) in &major_graph.vertices {
+		// Edges are contracted
+		if get_order(vertex) == 2 {
+			continue;
+		}
+		let start_vertex = *to_minor_vertex
+			.entry(major_vertex_key)
+			.or_insert_with(|| new_vertices.insert(MinorGraphVertex { outgoing_edges: Vec::new() }));
+
+		for &start_edge_key in &vertex.outgoing_edges {
+			let mut segments = Vec::new();
+			let mut edge_key = start_edge_key;
+			let mut edge = &major_graph.edges[edge_key];
+
+			while edge.parent == major_graph.edges[start_edge_key].parent
+				&& edge.direction_flag == major_graph.edges[start_edge_key].direction_flag
+				&& get_order(&major_graph.vertices[edge.incident_vertices[1]]) == 2
+			{
+				segments.push(edge.seg);
+				visited.insert(edge.incident_vertices[1]);
+				let next_vertex = &major_graph.vertices[edge.incident_vertices[1]];
+				// Choose the edge which is not our twin so we can make progress
+				edge_key = *next_vertex.outgoing_edges.iter().find(|&&e| Some(e) != edge.twin).unwrap();
+				edge = &major_graph.edges[edge_key];
+			}
+			segments.push(edge.seg);
+
+			let end_vertex = *to_minor_vertex
+				.entry(edge.incident_vertices[1])
+				.or_insert_with(|| new_vertices.insert(MinorGraphVertex { outgoing_edges: Vec::new() }));
+			assert!(major_graph.edges[start_edge_key].twin.is_some());
+			assert!(edge.twin.is_some());
+
+			let edge_id = (start_edge_key, edge_key);
+			let twin_id = (edge.twin.unwrap(), major_graph.edges[start_edge_key].twin.unwrap());
+
+			let twin_key = id_to_edge.get(&twin_id);
+
+			let new_edge_key = new_edges.insert(MinorGraphEdge {
+				segments,
+				parent: major_graph.edges[start_edge_key].parent,
+				incident_vertices: [start_vertex, end_vertex],
+				direction_flag: major_graph.edges[start_edge_key].direction_flag,
+				twin: twin_key.copied(),
+			});
+			if let Some(&twin_key) = twin_key {
+				new_edges[twin_key].twin = Some(new_edge_key);
+			}
+			id_to_edge.insert(edge_id, new_edge_key);
+			new_vertices[start_vertex].outgoing_edges.push(new_edge_key);
+		}
+	}
+
+	// Handle cyclic components (if any)
+	let mut cycles = Vec::new();
+	for (major_vertex_key, vertex) in &major_graph.vertices {
+		if vertex.outgoing_edges.len() != 2 || visited.contains(&major_vertex_key) {
+			continue;
+		}
+		let mut edge_key = vertex.outgoing_edges[0];
+		let mut edge = &major_graph.edges[edge_key];
+		let mut cycle = MinorGraphCycle {
+			segments: Vec::new(),
+			parent: edge.parent,
+			direction_flag: edge.direction_flag,
+		};
+		loop {
+			cycle.segments.push(edge.seg);
+			visited.insert(edge.incident_vertices[0]);
+			assert_eq!(major_graph.vertices[edge.incident_vertices[1]].outgoing_edges.len(), 2, "Found an unvisited vertex of order != 2.");
+			let next_vertex = &major_graph.vertices[edge.incident_vertices[1]];
+			edge_key = *next_vertex.outgoing_edges.iter().find(|&&e| Some(e) != edge.twin).unwrap();
+			edge = &major_graph.edges[edge_key];
+			if edge.incident_vertices[0] == major_vertex_key {
+				break;
+			}
+		}
+		cycles.push(cycle);
+	}
+
+	MinorGraph {
+		edges: new_edges,
+		vertices: new_vertices,
+		cycles,
+	}
+}
+
+fn remove_dangling_edges(graph: &mut MinorGraph) {
+	// Basically DFS for each parent with BFS number
+	fn walk(parent: u8, graph: &MinorGraph) -> HashSet<MinorVertexKey> {
+		let mut kept_vertices = HashSet::new();
+		let mut vertex_to_level = HashMap::new();
+
+		fn visit(
+			vertex: MinorVertexKey,
+			incoming_edge: Option<MinorEdgeKey>,
+			level: usize,
+			graph: &MinorGraph,
+			vertex_to_level: &mut HashMap<MinorVertexKey, usize>,
+			kept_vertices: &mut HashSet<MinorVertexKey>,
+			parent: u8,
+		) -> usize {
+			if let Some(&existing_level) = vertex_to_level.get(&vertex) {
+				return existing_level;
+			}
+			vertex_to_level.insert(vertex, level);
+
+			let mut min_level = usize::MAX;
+			for &edge_key in &graph.vertices[vertex].outgoing_edges {
+				let edge = &graph.edges[edge_key];
+				if edge.parent & parent != 0 && Some(edge_key) != incoming_edge {
+					min_level = min_level.min(visit(edge.incident_vertices[1], edge.twin, level + 1, graph, vertex_to_level, kept_vertices, parent));
+				}
+			}
+
+			if min_level <= level {
+				kept_vertices.insert(vertex);
+			}
+
+			min_level
+		}
+
+		for edge in graph.edges.values() {
+			if edge.parent & parent != 0 {
+				visit(edge.incident_vertices[0], None, 0, graph, &mut vertex_to_level, &mut kept_vertices, parent);
+			}
+		}
+
+		kept_vertices
+	}
+
+	let kept_vertices_a = walk(1, graph);
+	let kept_vertices_b = walk(2, graph);
+
+	graph.vertices.retain(|k, _| kept_vertices_a.contains(&k) || kept_vertices_b.contains(&k));
+
+	for vertex in graph.vertices.values_mut() {
+		vertex.outgoing_edges.retain(|&edge_key| {
+			let edge = &graph.edges[edge_key];
+			(edge.parent & 1 == 1 && kept_vertices_a.contains(&edge.incident_vertices[0]) && kept_vertices_a.contains(&edge.incident_vertices[1]))
+				|| (edge.parent & 2 == 2 && kept_vertices_b.contains(&edge.incident_vertices[0]) && kept_vertices_b.contains(&edge.incident_vertices[1]))
+		});
+	}
+	// TODO(@TrueDoctor): merge
+	graph.edges.retain(|_, edge| {
+		(edge.parent & 1 == 1 && kept_vertices_a.contains(&edge.incident_vertices[0]) && kept_vertices_a.contains(&edge.incident_vertices[1]))
+			|| (edge.parent & 2 == 2 && kept_vertices_b.contains(&edge.incident_vertices[0]) && kept_vertices_b.contains(&edge.incident_vertices[1]))
+	});
+}
+
+fn sort_outgoing_edges_by_angle(graph: &mut MinorGraph) {
+	for (vertex_key, vertex) in graph.vertices.iter_mut() {
+		if vertex.outgoing_edges.len() > 2 {
+			vertex.outgoing_edges.sort_by(|&a, &b| graph.edges[a].partial_cmp(&graph.edges[b]).unwrap());
+			if cfg!(feature = "logging") {
+				eprintln!("Outgoing edges for {:?}:", vertex_key);
+				for &edge_key in &vertex.outgoing_edges {
+					let edge = &graph.edges[edge_key];
+					let angle = edge.start_segment().start_angle();
+					eprintln!("{:?}: {}°", edge_key.0, angle.to_degrees())
+				}
+			}
+		}
+	}
+}
+
+fn face_to_polygon(face: &DualGraphVertex, edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>) -> Vec<DVec2> {
+	const CNT: usize = 3;
+
+	face.incident_edges
+		.iter()
+		.flat_map(|&edge_key| {
+			let edge = &edges[edge_key];
+			edge.segments.iter().flat_map(move |seg| {
+				(0..CNT).map(move |i| {
+					let t0 = i as f64 / CNT as f64;
+					let t = if edge.direction_flag.forward() { t0 } else { 1. - t0 };
+					seg.sample_at(t)
+				})
+			})
+		})
+		.collect()
+}
+
+fn interval_crosses_point(a: f64, b: f64, p: f64) -> bool {
+	let dy1 = a >= p;
+	let dy2 = b < p;
+	dy1 == dy2
+}
+
+fn line_segment_intersects_horizontal_ray(a: DVec2, b: DVec2, point: DVec2) -> bool {
+	if !interval_crosses_point(a.y, b.y, point.y) {
+		return false;
+	}
+	let x = crate::math::lin_map(point.y, a.y, b.y, a.x, b.x);
+	x >= point.x
+}
+
+fn compute_point_winding(polygon: &[DVec2], tested_point: DVec2) -> i32 {
+	if polygon.len() <= 2 {
+		return 0;
+	}
+	let mut prev_point = polygon[polygon.len() - 1];
+	let mut winding = 0;
+	for &point in polygon {
+		if line_segment_intersects_horizontal_ray(prev_point, point, tested_point) {
+			winding += if point.y > prev_point.y { -1 } else { 1 };
+		}
+		prev_point = point;
+	}
+	winding
+}
+
+fn compute_winding(face: &DualGraphVertex, edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>) -> Option<i32> {
+	let polygon = face_to_polygon(face, edges);
+
+	for i in 0..polygon.len() {
+		let a = polygon[i];
+		let b = polygon[(i + 1) % polygon.len()];
+		let c = polygon[(i + 2) % polygon.len()];
+		let center = (a + b + c) / 3.;
+		let winding = compute_point_winding(&polygon, center);
+		if winding != 0 {
+			return Some(winding);
+		}
+	}
+
+	None
+}
+
+fn compute_signed_area(face: &DualGraphVertex, edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>) -> f64 {
+	let polygon = face_to_polygon(face, edges);
+	if polygon.len() <= 4 {
+		return -1.;
+	}
+
+	#[cfg(feature = "logging")]
+	eprintln!("vertex: {:?}", face);
+	#[cfg(feature = "logging")]
+	for point in &polygon {
+		eprintln!("{}, {}", point.x, point.y);
+	}
+	let mut area = 0.;
+
+	for i in 0..polygon.len() {
+		let a = polygon[i];
+		let b = polygon[(i + 1) % polygon.len()];
+		area += a.x * b.y;
+		area -= b.x * a.y;
+	}
+
+	#[cfg(feature = "logging")]
+	eprintln!("winding: {}", area);
+	area
+}
+
+/// Computes the dual graph from the minor graph.
+///
+/// This function creates the dual graph by following these steps:
+/// 1. Initializes empty structures for dual graph vertices and edges.
+/// 2. For each edge in the minor graph:
+///    a. Creates a new face (dual vertex) if not already created.
+///    b. Traverses around the face, creating dual edges for each minor edge.
+///    c. Connects dual edges to their twins (edges representing the same minor edge).
+/// 3. Handles special cases like isolated cycles.
+/// 4. Groups dual graph elements into connected components.
+/// 5. Determines the outer face for each component.
+///
+/// The dual graph represents faces of the minor graph as vertices and adjacencies
+/// between faces as edges, effectively flipping the concepts of vertices and faces.
+///
+/// # Arguments
+///
+/// * `minor_graph` - A reference to the MinorGraph.
+///
+/// # Returns
+///
+/// A Result containing either the computed DualGraph or a BooleanError if the
+/// operation cannot be completed successfully.
+fn compute_dual(minor_graph: &MinorGraph) -> Result<DualGraph, BooleanError> {
+	let mut new_vertices: Vec<DualVertexKey> = Vec::new();
+	let mut minor_to_dual_edge: HashMap<MinorEdgeKey, DualEdgeKey> = HashMap::new();
+	let mut dual_edges = SlotMap::with_key();
+	let mut dual_vertices = SlotMap::with_key();
+
+	for (start_edge_key, start_edge) in &minor_graph.edges {
+		#[cfg(feature = "logging")]
+		eprintln!("Processing start edge: {}", (start_edge_key.0.as_ffi() & 0xFF));
+		if minor_to_dual_edge.contains_key(&start_edge_key) {
+			continue;
+		}
+
+		let face_key = dual_vertices.insert(DualGraphVertex { incident_edges: Vec::new() });
+
+		let mut edge_key = start_edge_key;
+		let mut edge = start_edge;
+
+		loop {
+			#[cfg(feature = "logging")]
+			eprintln!("Processing edge: {}", (edge_key.0.as_ffi() & 0xFF));
+			let twin = edge.twin.expect("Edge doesn't have a twin");
+			let twin_dual_key = minor_to_dual_edge.get(&twin).copied();
+
+			let new_edge_key = dual_edges.insert(DualGraphHalfEdge {
+				segments: edge.segments.clone(),
+				parent: edge.parent,
+				incident_vertex: face_key,
+				direction_flag: edge.direction_flag,
+				twin: twin_dual_key,
+			});
+
+			if let Some(twin_key) = twin_dual_key {
+				dual_edges[twin_key].twin = Some(new_edge_key);
+			}
+
+			minor_to_dual_edge.insert(edge_key, new_edge_key);
+
+			dual_vertices[face_key].incident_edges.push(new_edge_key);
+
+			edge_key = get_next_edge(edge_key, minor_graph);
+			#[cfg(feature = "logging")]
+			eprintln!("Next edge: {}", (edge_key.0.as_ffi() & 0xFF));
+			edge = &minor_graph.edges[edge_key];
+
+			if edge.incident_vertices[0] == start_edge.incident_vertices[0] {
+				break;
+			}
+		}
+
+		new_vertices.push(face_key);
+	}
+
+	for cycle in &minor_graph.cycles {
+		let inner_face_key = dual_vertices.insert(DualGraphVertex { incident_edges: Vec::new() });
+		let outer_face_key = dual_vertices.insert(DualGraphVertex { incident_edges: Vec::new() });
+
+		let inner_half_edge_key = dual_edges.insert(DualGraphHalfEdge {
+			segments: cycle.segments.clone(),
+			parent: cycle.parent,
+			incident_vertex: inner_face_key,
+			direction_flag: cycle.direction_flag,
+			twin: None,
+		});
+
+		let outer_half_edge_key = dual_edges.insert(DualGraphHalfEdge {
+			segments: cycle.segments.iter().cloned().rev().collect(),
+			parent: cycle.parent,
+			incident_vertex: outer_face_key,
+			direction_flag: !cycle.direction_flag,
+			twin: Some(inner_half_edge_key),
+		});
+
+		dual_edges[inner_half_edge_key].twin = Some(outer_half_edge_key);
+		dual_vertices[inner_face_key].incident_edges.push(inner_half_edge_key);
+		dual_vertices[outer_face_key].incident_edges.push(outer_half_edge_key);
+		new_vertices.push(inner_face_key);
+		new_vertices.push(outer_face_key);
+	}
+
+	let mut components = Vec::new();
+	let mut visited_vertices = HashSet::new();
+	let mut visited_edges = HashSet::new();
+
+	if cfg!(feature = "logging") {
+		eprintln!("faces: {}, dual-edges: {}, cycles: {}", new_vertices.len(), dual_edges.len(), minor_graph.cycles.len())
+	}
+
+	// This can be very useful for debugging:
+	// Copy the face outlines to a file called faces_combined.csv and then use this gnuplot command:
+	// ```
+	// plot 'faces_combined.csv' i 0:99 w l, 'faces_combined.csv' index 0 w l lc 'red'
+	// ```
+	// The first part of the command plots all faces to the graph and the second comand plots one surface,
+	// specified by the index, in red. This allows you to check if all surfaces are closed paths and can
+	// be used in conjunction with the flag debugging to identify issues later down the line as well.
+	#[cfg(feature = "logging")]
+	for (vertex_key, vertex) in &dual_vertices {
+		eprintln!("\n\n#{:?}", vertex_key.0);
+		let polygon = face_to_polygon(vertex, &dual_edges);
+		for point in polygon.iter() {
+			eprintln!("{}, {}", point.x, point.y);
+		}
+		eprintln!("{}, {}", polygon[0].x, polygon[0].y);
+	}
+
+	for &start_vertex_key in &new_vertices {
+		if visited_vertices.contains(&start_vertex_key) {
+			continue;
+		}
+
+		let mut component_vertices = Vec::new();
+		let mut component_edges = Vec::new();
+
+		let mut stack = vec![start_vertex_key];
+		while let Some(vertex_key) = stack.pop() {
+			if visited_vertices.insert(vertex_key) {
+				component_vertices.push(vertex_key);
+			}
+
+			for &edge_key in &dual_vertices[vertex_key].incident_edges {
+				if !visited_edges.insert(edge_key) {
+					continue;
+				}
+
+				let edge = &dual_edges[edge_key];
+				let twin_key = edge.twin.expect("Edge doesn't have a twin.");
+				component_edges.push(edge_key);
+				component_edges.push(twin_key);
+				visited_edges.insert(twin_key);
+				stack.push(dual_edges[twin_key].incident_vertex);
+			}
+		}
+		#[cfg(feature = "logging")]
+		eprintln!("component_vertices: {}", component_vertices.len());
+
+		let windings: Option<Vec<_>> = component_vertices
+			.iter()
+			.map(|face_key| compute_winding(&dual_vertices[*face_key], &dual_edges).map(|w| (face_key, w)))
+			.collect();
+		let Some(windings) = windings else {
+			return Err(BooleanError::NoEarInPolygon);
+		};
+
+		let areas: Vec<_> = component_vertices
+			.iter()
+			.map(|face_key| (face_key, compute_signed_area(&dual_vertices[*face_key], &dual_edges)))
+			.collect();
+		#[cfg(feature = "logging")]
+		dbg!(&areas);
+
+		#[cfg(feature = "logging")]
+		if cfg!(feature = "logging") {
+			eprintln!(
+				"{}",
+				dual_graph_to_dot(
+					&[DualGraphComponent {
+						vertices: component_vertices.clone(),
+						edges: component_edges.clone(),
+						outer_face: None,
+					}],
+					&dual_edges,
+				)
+			);
+		}
+
+		let mut count = windings.iter().filter(|(_, winding)| winding < &0).count();
+		let mut reverse_winding = false;
+		// If the paths are reversed use positive winding as outer face
+		if windings.len() > 2 && count == windings.len() - 1 {
+			count = 1;
+			reverse_winding = true;
+		}
+		let outer_face_key = if count != 1 {
+			#[cfg(feature = "logging")]
+			eprintln!("Found multiple outer faces: {areas:?}, falling back to area calculation");
+			let (key, _) = *areas.iter().max_by_key(|(_, area)| ((area.abs() * 1000.) as u64)).unwrap();
+			*key
+		} else {
+			*windings
+				.iter()
+				.find(|&&(&_, ref winding)| (winding < &0) ^ reverse_winding)
+				.expect("No outer face of a component found.")
+				.0
+		};
+		#[cfg(feature = "logging")]
+		dbg!(outer_face_key);
+
+		components.push(DualGraphComponent {
+			vertices: component_vertices,
+			edges: component_edges,
+			outer_face: Some(outer_face_key),
+		});
+	}
+
+	Ok(DualGraph {
+		vertices: dual_vertices,
+		edges: dual_edges,
+		components,
+	})
+}
+
+fn get_next_edge(edge_key: MinorEdgeKey, graph: &MinorGraph) -> MinorEdgeKey {
+	let edge = &graph.edges[edge_key];
+	let vertex = &graph.vertices[edge.incident_vertices[1]];
+	#[cfg(feature = "logging")]
+	eprintln!("{edge_key:?}, twin: {:?}, {:?}", edge.twin, vertex.outgoing_edges);
+	let index = vertex.outgoing_edges.iter().position(|&e| Some(edge_key) == graph.edges[e].twin).unwrap();
+	vertex.outgoing_edges[(index + 1) % vertex.outgoing_edges.len()]
+}
+
+fn test_inclusion(a: &DualGraphComponent, b: &DualGraphComponent, edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>, vertices: &SlotMap<DualVertexKey, DualGraphVertex>) -> Option<DualVertexKey> {
+	let tested_point = edges[a.edges[0]].segments[0].start();
+	for (face_key, face) in b.vertices.iter().map(|&key| (key, &vertices[key])) {
+		if Some(face_key) == b.outer_face {
+			continue;
+		}
+		let mut count = 0;
+		for &edge_key in &face.incident_edges {
+			let edge = &edges[edge_key];
+			for seg in &edge.segments {
+				count += path_segment_horizontal_ray_intersection_count(seg, tested_point);
+			}
+		}
+		if count % 2 == 1 {
+			return Some(face_key);
+		}
+	}
+	None
+}
+fn bounding_box_intersects_horizontal_ray(bounding_box: &Aabb, point: DVec2) -> bool {
+	interval_crosses_point(bounding_box.top, bounding_box.bottom, point[1]) && bounding_box.right >= point[0]
+}
+
+struct IntersectionSegment {
+	bounding_box: Aabb,
+	seg: PathSegment,
+}
+
+pub fn path_segment_horizontal_ray_intersection_count(orig_seg: &PathSegment, point: DVec2) -> usize {
+	let total_bounding_box = orig_seg.bounding_box();
+
+	if !bounding_box_intersects_horizontal_ray(&total_bounding_box, point) {
+		return 0;
+	}
+
+	let mut segments = vec![IntersectionSegment {
+		bounding_box: total_bounding_box,
+		seg: *orig_seg,
+	}];
+	let mut count = 0;
+
+	while !segments.is_empty() {
+		let mut next_segments = Vec::new();
+		for segment in segments {
+			if bounding_box_max_extent(&segment.bounding_box) < EPS.linear {
+				if line_segment_intersects_horizontal_ray(segment.seg.start(), segment.seg.end(), point) {
+					count += 1;
+				}
+			} else {
+				let split = &segment.seg.split_at(0.5);
+				let bounding_box0 = split.0.bounding_box();
+				let bounding_box1 = split.1.bounding_box();
+
+				if bounding_box_intersects_horizontal_ray(&bounding_box0, point) {
+					next_segments.push(IntersectionSegment {
+						bounding_box: bounding_box0,
+						seg: split.0,
+					});
+				}
+				if bounding_box_intersects_horizontal_ray(&bounding_box1, point) {
+					next_segments.push(IntersectionSegment {
+						bounding_box: bounding_box1,
+						seg: split.1,
+					});
+				}
+			}
+		}
+		segments = next_segments;
+	}
+
+	count
+}
+
+/// Computes the nesting tree of the dual graph components.
+///
+/// This function builds a hierarchical structure representing how the components
+/// of the dual graph are nested within each other. It does this by:
+/// 1. Initializing an empty list of top-level nesting trees.
+/// 2. For each component in the dual graph:
+///    a. Tests for inclusion against existing nesting trees.
+///    b. If included in an existing tree, recursively inserts it at the appropriate level.
+///    c. If not included, creates a new top-level tree.
+///    d. Checks if any existing trees should become children of the new tree.
+/// 3. Continues this process until all components are placed in the nesting structure.
+///
+/// The resulting nesting tree captures the containment relationships between
+/// different regions of the original paths.
+///
+/// # Arguments
+///
+/// * `dual_graph` - A reference to the DualGraph.
+///
+/// # Returns
+///
+/// A vector of NestingTree structures representing the top-level components and their nested subcomponents.
+fn compute_nesting_tree(DualGraph { components, vertices, edges }: &DualGraph) -> Vec<NestingTree> {
+	let mut nesting_trees = Vec::new();
+
+	for component in components {
+		insert_component(&mut nesting_trees, component, edges, vertices);
+	}
+
+	nesting_trees
+}
+
+fn insert_component(trees: &mut Vec<NestingTree>, component: &DualGraphComponent, edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>, vertices: &SlotMap<DualVertexKey, DualGraphVertex>) {
+	for tree in trees.iter_mut() {
+		if let Some(face_key) = test_inclusion(component, &tree.component, edges, vertices) {
+			if let Some(children) = tree.outgoing_edges.get_mut(&face_key) {
+				insert_component(children, component, edges, vertices);
+			} else {
+				tree.outgoing_edges.insert(
+					face_key,
+					vec![NestingTree {
+						component: component.clone(),
+						outgoing_edges: HashMap::new(),
+					}],
+				);
+			}
+			return;
+		}
+	}
+
+	let mut new_tree = NestingTree {
+		component: component.clone(),
+		outgoing_edges: HashMap::new(),
+	};
+
+	let mut i = 0;
+	while i < trees.len() {
+		if let Some(face_key) = test_inclusion(&trees[i].component, &new_tree.component, edges, vertices) {
+			// TODO: (@TrueDoctor) use swap remove
+			let tree = trees.remove(i);
+			new_tree.outgoing_edges.entry(face_key).or_default().push(tree);
+		} else {
+			i += 1;
+		}
+	}
+
+	trees.push(new_tree);
+}
+
+fn get_flag(count: i32, fill_rule: FillRule) -> u8 {
+	match fill_rule {
+		FillRule::NonZero => {
+			if count == 0 {
+				0
+			} else {
+				1
+			}
+		}
+		FillRule::EvenOdd => (count % 2).unsigned_abs() as u8,
+	}
+}
+
+/// Determines which faces should be included in the result based on the boolean operation.
+///
+/// This function applies the specified boolean operation and fill rules to decide
+/// which regions of the dual graph should be part of the resulting path.
+fn flag_faces(
+	nesting_trees: &[NestingTree],
+	a_fill_rule: FillRule,
+	b_fill_rule: FillRule,
+	edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>,
+	vertices: &SlotMap<DualVertexKey, DualGraphVertex>,
+	flags: &mut HashMap<DualVertexKey, u8>,
+) {
+	for tree in nesting_trees.iter() {
+		let mut tree_stack = vec![(tree, 0, 0)];
+
+		while let Some((current_tree, a_running_count, b_running_count)) = tree_stack.pop() {
+			let mut visited_faces = HashSet::new();
+			let mut face_stack = VecDeque::new();
+
+			let outer_face_key = current_tree.component.outer_face.expect("Component doesn't have an outer face.");
+			face_stack.push_back((outer_face_key, a_running_count, b_running_count));
+
+			while let Some((face_key, a_count, b_count)) = face_stack.pop_front() {
+				if visited_faces.contains(&face_key) {
+					continue;
+				}
+				visited_faces.insert(face_key);
+
+				let a_flag = get_flag(a_count, a_fill_rule);
+				let b_flag = get_flag(b_count, b_fill_rule);
+				*flags.entry(face_key).or_default() = a_flag | (b_flag << 1);
+
+				for edge_key in &vertices[face_key].incident_edges {
+					let edge = &edges[*edge_key];
+					let twin_key = edge.twin.expect("Edge doesn't have a twin");
+					#[cfg(feature = "logging")]
+					eprintln!("Processing edge: {:?} to: {:?}", edge_key.0, edges[twin_key].incident_vertex.0);
+					let mut next_a_count = a_count;
+					if edge.parent & 1 != 0 {
+						next_a_count += if edge.direction_flag.forward() { 1 } else { -1 };
+					}
+					let mut next_b_count = b_count;
+					if edge.parent & 2 != 0 {
+						next_b_count += if edge.direction_flag.forward() { 1 } else { -1 };
+					}
+					#[cfg(feature = "logging")]
+					eprintln!("next_count a: {}, b:{}", next_a_count, next_b_count);
+					face_stack.push_back((edges[twin_key].incident_vertex, next_a_count, next_b_count));
+				}
+
+				// Collect subtrees to be processed later
+				if let Some(subtrees) = current_tree.outgoing_edges.get(&face_key) {
+					for subtree in subtrees {
+						tree_stack.push((subtree, a_count, b_count));
+					}
+				}
+			}
+		}
+	}
+}
+
+fn get_selected_faces<'a>(predicate: &'a impl Fn(u8) -> bool, flags: &'a HashMap<DualVertexKey, u8>) -> impl Iterator<Item = DualVertexKey> + 'a {
+	flags.iter().filter_map(|(key, &flag)| predicate(flag).then_some(*key))
+}
+
+fn walk_faces<'a>(faces: &'a [DualVertexKey], edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>, vertices: &SlotMap<DualVertexKey, DualGraphVertex>) -> impl Iterator<Item = PathSegment> + use<'a> {
+	let face_set: HashSet<_> = faces.iter().copied().collect();
+	// TODO: Try using a binary search to avoid the hashset construction
+	let is_removed_edge = |edge: &DualGraphHalfEdge| face_set.contains(&edge.incident_vertex) == face_set.contains(&edges[edge.twin.unwrap()].incident_vertex);
+
+	let mut edge_to_next = HashMap::new();
+	for face_key in faces {
+		let face = &vertices[*face_key];
+		let mut prev_edge = *face.incident_edges.last().unwrap();
+		for &edge in &face.incident_edges {
+			edge_to_next.insert(prev_edge, edge);
+			prev_edge = edge;
+		}
+	}
+
+	let mut visited_edges = HashSet::new();
+	let mut result = Vec::new();
+
+	for &face_key in faces {
+		let face = &vertices[face_key];
+		for &start_edge in &face.incident_edges {
+			if is_removed_edge(&edges[start_edge]) || visited_edges.contains(&start_edge) {
+				continue;
+			}
+			let mut edge = start_edge;
+			loop {
+				let current_edge = &edges[edge];
+				if current_edge.direction_flag.forward() {
+					result.extend(current_edge.segments.iter().cloned());
+				} else {
+					result.extend(current_edge.segments.iter().map(PathSegment::reverse));
+				}
+				visited_edges.insert(edge);
+				edge = *edge_to_next.get(&edge).unwrap();
+				while is_removed_edge(&edges[edge]) {
+					edge = *edge_to_next.get(&edges[edge].twin.unwrap()).unwrap();
+				}
+				if edge == start_edge {
+					break;
+				}
+			}
+		}
+	}
+
+	result.into_iter()
+}
+
+/// Reconstructs the resulting path(s) from the selected faces of the dual graph.
+///
+/// This function takes the faces that were flagged for inclusion and reconstructs
+/// the path segments that form the boundaries of these faces, resulting in the
+/// final output of the boolean operation.
+fn dump_faces(
+	nesting_trees: &[NestingTree],
+	predicate: impl Fn(u8) -> bool + Copy,
+	edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>,
+	vertices: &SlotMap<DualVertexKey, DualGraphVertex>,
+	flags: &HashMap<DualVertexKey, u8>,
+) -> Vec<Path> {
+	let mut paths = Vec::new();
+
+	fn visit(
+		tree: &NestingTree,
+		predicate: impl Fn(u8) -> bool + Copy,
+		paths: &mut Vec<Path>,
+		edges: &SlotMap<DualEdgeKey, DualGraphHalfEdge>,
+		vertices: &SlotMap<DualVertexKey, DualGraphVertex>,
+		flags: &HashMap<DualVertexKey, u8>,
+	) {
+		for &face_key in tree.component.vertices.iter() {
+			let face = &vertices[face_key];
+			let flag = flags[&face_key];
+			if !predicate(flag) || Some(face_key) == tree.component.outer_face {
+				continue;
+			}
+
+			let mut path = Vec::new();
+
+			for &edge_key in &face.incident_edges {
+				let edge = &edges[edge_key];
+				if edge.direction_flag.forward() {
+					path.extend(edge.segments.iter().cloned());
+				} else {
+					path.extend(edge.segments.iter().map(PathSegment::reverse));
+				}
+			}
+
+			// Poke holes in the face
+			if let Some(subtrees) = tree.outgoing_edges.get(&face_key) {
+				for subtree in subtrees {
+					let outer_face_key = subtree.component.outer_face.unwrap();
+					for &edge_key in &vertices[outer_face_key].incident_edges {
+						let edge = &edges[edge_key];
+						if edge.direction_flag.forward() {
+							path.extend(edge.segments.iter().cloned());
+						} else {
+							path.extend(edge.segments.iter().map(PathSegment::reverse));
+						}
+					}
+				}
+			}
+
+			paths.push(path);
+		}
+
+		for subtrees in tree.outgoing_edges.values() {
+			for subtree in subtrees {
+				visit(subtree, predicate, paths, edges, vertices, flags);
+			}
+		}
+	}
+
+	for tree in nesting_trees {
+		visit(tree, predicate, &mut paths, edges, vertices, flags);
+	}
+
+	paths
+}
+
+const OPERATION_PREDICATES: [fn(u8) -> bool; 6] = [
+	|flag: u8| flag > 0,               // Union
+	|flag: u8| flag == 1,              // Difference
+	|flag: u8| flag == 0b11,           // Intersection
+	|flag: u8| flag == 1 || flag == 2, // Exclusion
+	|flag: u8| (flag & 1) == 1,        // Division
+	|flag: u8| flag > 0,               // Fracture
+];
+
+/// Represents errors that can occur during boolean operations on paths.
+#[derive(Debug)]
+pub enum BooleanError {
+	/// Indicates that multiple outer faces were found where only one was expected.
+	MultipleOuterFaces,
+	/// Indicates that no valid ear was found in a polygon during triangulation. <https://en.wikipedia.org/wiki/Vertex_(geometry)#Ears>
+	NoEarInPolygon,
+	InvalidPathCommand(char),
+}
+
+impl Display for BooleanError {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			Self::MultipleOuterFaces => f.write_str("Found multiple candidates for the outer face in a connected component of the dual graph."),
+			Self::NoEarInPolygon => f.write_str("Failed to compute winding order for one of the faces, this usually happens when the polygon is malformed."),
+			Self::InvalidPathCommand(cmd) => f.write_fmt(format_args!("Encountered a '{cmd}' while parsing the svg data which was not recognized")),
+		}
+	}
+}
+
+/// Performs boolean operations on two paths.
+///
+/// Takes two paths, applies specified fill rules, and performs a boolean operation,
+/// returning the resulting path(s).
+///
+/// # Examples
+///
+/// ```
+/// use path_bool::{path_boolean, FillRule, PathBooleanOperation, path_from_path_data, path_to_path_data};
+///
+/// let path_a = path_from_path_data("M 10 10 L 50 10 L 30 40 Z").unwrap();
+/// let path_b = path_from_path_data("M 20 30 L 60 30 L 60 50 L 20 50 Z").unwrap();
+///
+/// let result = path_boolean(
+///     &path_a,
+///     FillRule::NonZero,
+///     &path_b,
+///     FillRule::NonZero,
+///     PathBooleanOperation::Intersection
+/// ).unwrap();
+///
+/// let result_data = path_to_path_data(&result[0], 0.001);
+/// assert_eq!(result_data, "M 36.666666666667,30.000000000000 L 23.333333333333,30.000000000000 L 30.000000000000,40.000000000000 L 36.666666666667,30.000000000000 Z");
+/// ```
+///
+/// # Operations
+///
+/// The function supports various boolean operations:
+/// - Union
+/// - Difference
+/// - Intersection
+/// - Exclusion
+/// - Division
+/// - Fracture
+///
+/// See [`PathBooleanOperation`] for more details on each operation.
+///
+/// # Algorithm
+///
+/// The boolean operation is performed in several steps:
+///
+/// 1. Preprocessing: Convert input paths to edges and split at intersections.
+/// 2. Graph Construction: Build a graph representation of path segments.
+/// 3. Intersection Analysis: Compute intersections between path segments.
+/// 4. Graph Transformation: Convert the initial graph into the graph minor using edge contractions.
+/// 5. Nesting Analysis: Determine nesting relationships between path parts.
+/// 6. Boolean Evaluation: Apply the specified operation based on nesting.
+/// 7. Result Construction: Generate final path(s) based on the operation result.
+///
+/// # Errors
+///
+/// Returns a [`BooleanError`] if:
+/// - Input paths are invalid or cannot be processed.
+/// - The operation encounters an unsolvable geometric configuration.
+/// - Issues arise in determining the nesting structure of the paths.
+pub fn path_boolean(a: &Path, a_fill_rule: FillRule, b: &Path, b_fill_rule: FillRule, op: PathBooleanOperation) -> Result<Vec<Path>, BooleanError> {
+	let mut unsplit_edges: Vec<MajorGraphEdgeStage1> = a.iter().map(segment_to_edge(1)).chain(b.iter().map(segment_to_edge(2))).flatten().collect();
+
+	split_at_self_intersections(&mut unsplit_edges);
+
+	let (split_edges, total_bounding_box) = split_at_intersections(&unsplit_edges);
+
+	#[cfg(feature = "logging")]
+	for (edge, _, _) in split_edges.iter() {
+		eprintln!("{}", path_to_path_data(&vec![*edge], 0.001));
+	}
+
+	let total_bounding_box = match total_bounding_box {
+		Some(bb) => bb,
+		None => return Ok(Vec::new()), // Input geometry is empty
+	};
+
+	let major_graph = find_vertices(&split_edges, total_bounding_box);
+
+	#[cfg(feature = "logging")]
+	eprintln!("Major graph:");
+	#[cfg(feature = "logging")]
+	eprintln!("{}", major_graph_to_dot(&major_graph));
+
+	let mut minor_graph = compute_minor(&major_graph);
+
+	#[cfg(feature = "logging")]
+	eprintln!("Minor graph:");
+	#[cfg(feature = "logging")]
+	eprintln!("{}", minor_graph_to_dot(&minor_graph.edges));
+
+	remove_dangling_edges(&mut minor_graph);
+	#[cfg(feature = "logging")]
+	eprintln!("After removing dangling edges:");
+	#[cfg(feature = "logging")]
+	eprintln!("{}", minor_graph_to_dot(&minor_graph.edges));
+
+	#[cfg(feature = "logging")]
+	for (key, edge) in minor_graph.edges.iter() {
+		eprintln!("{key:?}:\n{}", path_to_path_data(&edge.segments, 0.001));
+	}
+	#[cfg(feature = "logging")]
+	for vertex in minor_graph.vertices.values() {
+		eprintln!("{:?}", vertex);
+	}
+	sort_outgoing_edges_by_angle(&mut minor_graph);
+	#[cfg(feature = "logging")]
+	for vertex in minor_graph.vertices.values() {
+		eprintln!("{:?}", vertex);
+	}
+
+	for (edge_key, edge) in &minor_graph.edges {
+		assert!(minor_graph.vertices.contains_key(edge.incident_vertices[0]), "Edge {:?} has invalid start vertex", edge_key);
+		assert!(minor_graph.vertices.contains_key(edge.incident_vertices[1]), "Edge {:?} has invalid end vertex", edge_key);
+		assert!(edge.twin.is_some(), "Edge {:?} should have a twin", edge_key);
+		let twin = &minor_graph.edges[edge.twin.unwrap()];
+		assert_eq!(twin.twin.unwrap(), edge_key, "Twin relationship should be symmetrical for edge {:?}", edge_key);
+	}
+
+	let dual_graph = compute_dual(&minor_graph)?;
+
+	let nesting_trees = compute_nesting_tree(&dual_graph);
+
+	#[cfg(feature = "logging")]
+	for tree in &nesting_trees {
+		eprintln!("nesting_trees: {:?}", tree);
+	}
+
+	let DualGraph { edges, vertices, .. } = &dual_graph;
+
+	#[cfg(feature = "logging")]
+	eprintln!("Dual Graph:");
+	#[cfg(feature = "logging")]
+	eprintln!("{}", dual_graph_to_dot(&dual_graph.components, edges));
+
+	let mut flags = HashMap::new();
+	flag_faces(&nesting_trees, a_fill_rule, b_fill_rule, edges, vertices, &mut flags);
+
+	#[cfg(feature = "logging")]
+	for (face, flag) in &flags {
+		eprintln!("{:?}: {:b}", face.0, flag);
+	}
+
+	let predicate = OPERATION_PREDICATES[op as usize];
+
+	match op {
+		PathBooleanOperation::Division | PathBooleanOperation::Fracture => Ok(dump_faces(&nesting_trees, predicate, edges, vertices, &flags)),
+		_ => {
+			let mut selected_faces: Vec<DualVertexKey> = get_selected_faces(&predicate, &flags).collect();
+			selected_faces.sort_unstable();
+			Ok(vec![walk_faces(&selected_faces, edges, vertices).collect()])
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use glam::DVec2;
+	use std::f64::consts::TAU; // Assuming DVec2 is defined in your crate
+
+	#[test]
+	fn test_split_at_intersections() {
+		let unsplit_edges = unsplit_edges();
+		let (split_edges, total_bounding_box) = split_at_intersections(&unsplit_edges);
+
+		// Check that we have a valid bounding box
+		assert!(total_bounding_box.is_some());
+
+		// Check that we have more edges after splitting (due to intersections)
+		assert!(split_edges.len() >= unsplit_edges.len());
+
+		// Check that all edges have a valid bounding box
+		for (_, _, bb) in &split_edges {
+			assert!(bb.left <= bb.right);
+			assert!(bb.top <= bb.bottom);
+		}
+
+		// You might want to add more specific checks based on the expected behavior
+		// of your split_at_intersections function
+	}
+
+	fn unsplit_edges() -> Vec<(PathSegment, u8)> {
+		let unsplit_edges = vec![
+			(PathSegment::Arc(DVec2::new(39., 20.), 19., 19., 0., false, true, DVec2::new(20., 39.)), 1),
+			(PathSegment::Arc(DVec2::new(20., 39.), 19., 19., 0., false, true, DVec2::new(1., 20.)), 1),
+			(PathSegment::Arc(DVec2::new(1., 20.), 19., 19., 0., false, true, DVec2::new(20., 1.)), 1),
+			(PathSegment::Arc(DVec2::new(20., 1.), 19., 19., 0., false, true, DVec2::new(39., 20.)), 1),
+			(PathSegment::Arc(DVec2::new(47., 28.), 19., 19., 0., false, true, DVec2::new(28., 47.)), 2),
+			(PathSegment::Arc(DVec2::new(28., 47.), 19., 19., 0., false, true, DVec2::new(9., 28.)), 2),
+			(PathSegment::Arc(DVec2::new(9., 28.), 19., 19., 0., false, true, DVec2::new(28., 9.)), 2),
+			(PathSegment::Arc(DVec2::new(28., 9.), 19., 19., 0., false, true, DVec2::new(47., 28.)), 2),
+		];
+		unsplit_edges
+	}
+
+	#[test]
+	fn test_compute_minor() {
+		// Set up the initial graph
+		let unsplit_edges = unsplit_edges();
+		let (split_edges, total_bounding_box) = split_at_intersections(&unsplit_edges);
+		let major_graph = find_vertices(&split_edges, total_bounding_box.unwrap());
+
+		// Compute minor graph
+		let minor_graph = compute_minor(&major_graph);
+
+		// Print minor graph state
+		eprintln!("Minor Graph:");
+		print_minor_graph_state(&minor_graph);
+
+		// Assertions
+		assert_eq!(minor_graph.edges.len(), 8, "Expected 8 edges in minor graph");
+		assert_eq!(minor_graph.vertices.len(), 2, "Expected 2 vertices in minor graph");
+		assert!(minor_graph.cycles.is_empty(), "Expected no cycles in minor graph");
+
+		// Check that each vertex has 4 outgoing edges
+		for (vertex_key, vertex) in &minor_graph.vertices {
+			assert_eq!(vertex.outgoing_edges.len(), 4, "Vertex {:?} should have 4 outgoing edges", vertex_key);
+		}
+
+		// Check that all edges have valid incident vertices and twins
+		for (edge_key, edge) in &minor_graph.edges {
+			assert!(minor_graph.vertices.contains_key(edge.incident_vertices[0]), "Edge {:?} has invalid start vertex", edge_key);
+			assert!(minor_graph.vertices.contains_key(edge.incident_vertices[1]), "Edge {:?} has invalid end vertex", edge_key);
+			assert!(edge.twin.is_some(), "Edge {:?} should have a twin", edge_key);
+			let twin = &minor_graph.edges[edge.twin.unwrap()];
+			assert_eq!(twin.twin.unwrap(), edge_key, "Twin relationship should be symmetrical for edge {:?}", edge_key);
+		}
+
+		// Check that parents are correctly assigned
+		assert_eq!(minor_graph.edges.values().filter(|e| e.parent == 1).count(), 4, "Expected 4 edges with parent 1");
+		assert_eq!(minor_graph.edges.values().filter(|e| e.parent == 2).count(), 4, "Expected 4 edges with parent 2");
+	}
+
+	fn print_minor_graph_state(graph: &MinorGraph) {
+		eprintln!("  Vertices: {}", graph.vertices.len());
+		eprintln!("  Edges: {}", graph.edges.len());
+		eprintln!("  Cycles: {}", graph.cycles.len());
+
+		for (vertex_key, vertex) in &graph.vertices {
+			eprintln!("    Vertex {:?}: {} outgoing edges", vertex_key, vertex.outgoing_edges.len());
+		}
+
+		for (edge_key, edge) in &graph.edges {
+			eprintln!("    Edge {:?}:", edge_key);
+			eprintln!("      Parent: {}", edge.parent);
+			eprintln!("      Twin: {:?}", edge.twin);
+			eprintln!("      Incident vertices: {:?}", edge.incident_vertices);
+		}
+	}
+
+	#[test]
+	fn test_sort_outgoing_edges_by_angle() {
+		// Set up the initial graph
+		let unsplit_edges = unsplit_edges();
+		let (split_edges, total_bounding_box) = split_at_intersections(&unsplit_edges);
+		let major_graph = find_vertices(&split_edges, total_bounding_box.unwrap());
+		let mut minor_graph = compute_minor(&major_graph);
+
+		// Print initial state
+		eprintln!("Initial Minor Graph:");
+		print_minor_graph_state(&minor_graph);
+
+		// Store initial edge order
+		let initial_edge_order: HashMap<MinorVertexKey, Vec<MinorEdgeKey>> = minor_graph.vertices.iter().map(|(k, v)| (k, v.outgoing_edges.clone())).collect();
+
+		// Apply sort_outgoing_edges_by_angle
+		sort_outgoing_edges_by_angle(&mut minor_graph);
+
+		// Print final state
+		eprintln!("\nAfter sort_outgoing_edges_by_angle:");
+		print_minor_graph_state(&minor_graph);
+
+		// Assertions
+		assert_eq!(minor_graph.edges.len(), 8, "Number of edges should remain unchanged");
+		assert_eq!(minor_graph.vertices.len(), 2, "Number of vertices should remain unchanged");
+		assert!(minor_graph.cycles.is_empty(), "Expected no cycles");
+
+		// Check that each vertex still has 4 outgoing edges
+		for (vertex_key, vertex) in &minor_graph.vertices {
+			assert_eq!(vertex.outgoing_edges.len(), 4, "Vertex {:?} should have 4 outgoing edges", vertex_key);
+		}
+
+		// Check that the edges are sorted by angle
+		for (vertex_key, vertex) in &minor_graph.vertices {
+			let angles: Vec<f64> = vertex.outgoing_edges.iter().map(|&edge_key| get_incidence_angle(&minor_graph.edges[edge_key])).collect();
+
+			// Check if angles are in ascending order
+			for i in 1..angles.len() {
+				assert!(angles[i] >= angles[i - 1], "Edges for vertex {:?} are not sorted by angle {} {}", vertex_key, angles[i], angles[i - 1]);
+			}
+
+			// Check that the set of edges is the same as before, just in different order
+			let initial_edges: HashSet<_> = initial_edge_order[&vertex_key].iter().collect();
+			let sorted_edges: HashSet<_> = vertex.outgoing_edges.iter().collect();
+			assert_eq!(initial_edges, sorted_edges, "Set of edges for vertex {:?} changed after sorting", vertex_key);
+		}
+
+		// Check that all edges still have valid incident vertices and twins
+		for (edge_key, edge) in &minor_graph.edges {
+			assert!(minor_graph.vertices.contains_key(edge.incident_vertices[0]), "Edge {:?} has invalid start vertex", edge_key);
+			assert!(minor_graph.vertices.contains_key(edge.incident_vertices[1]), "Edge {:?} has invalid end vertex", edge_key);
+			assert!(edge.twin.is_some(), "Edge {:?} should have a twin", edge_key);
+			let twin = &minor_graph.edges[edge.twin.unwrap()];
+			assert_eq!(twin.twin.unwrap(), edge_key, "Twin relationship should be symmetrical for edge {:?}", edge_key);
+		}
+	}
+
+	fn get_incidence_angle(edge: &MinorGraphEdge) -> f64 {
+		let seg = &edge.segments[0]; // First segment is always the incident one in both fwd and bwd
+		let (p0, p1) = if edge.direction_flag.forward() {
+			(seg.sample_at(0.), seg.sample_at(0.1))
+		} else {
+			(seg.sample_at(1.), seg.sample_at(1. - 0.1))
+		};
+		((p1.y - p0.y).atan2(p1.x - p0.x) + TAU) % TAU
+	}
+
+	#[test]
+	fn test_path_segment_horizontal_ray_intersection_count() {
+		let orig_seg = PathSegment::Arc(DVec2::new(24., 10.090978), 13.909023, 13.909023, 0., false, true, DVec2::new(47., 24.));
+
+		let point = DVec2::new(37.99, 24.);
+
+		eprintln!("Starting test with segment: {:?}", orig_seg);
+		eprintln!("Test point: {:?}", point);
+
+		let count = path_segment_horizontal_ray_intersection_count(&orig_seg, point);
+
+		eprintln!("Final intersection count: {}", count);
+
+		let expected_count = 1;
+		assert_eq!(count, expected_count, "Intersection count mismatch");
+	}
+
+	#[test]
+	fn test_bounding_box_intersects_horizontal_ray() {
+		let bbox = Aabb {
+			top: 10.,
+			right: 40.,
+			bottom: 30.,
+			left: 20.,
+		};
+
+		assert!(bounding_box_intersects_horizontal_ray(&bbox, DVec2::new(0., 30.)));
+		assert!(bounding_box_intersects_horizontal_ray(&bbox, DVec2::new(20., 30.)));
+		assert!(bounding_box_intersects_horizontal_ray(&bbox, DVec2::new(10., 20.)));
+		assert!(!bounding_box_intersects_horizontal_ray(&bbox, DVec2::new(30., 40.)));
+	}
+}
diff --git a/libraries/path-bool/src/util/aabb.rs b/libraries/path-bool/src/util/aabb.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a8d8f79cd2dd802e4dbc1eb162feec542b5188ee
--- /dev/null
+++ b/libraries/path-bool/src/util/aabb.rs
@@ -0,0 +1,64 @@
+use glam::DVec2;
+
+#[derive(Clone, Copy, Debug, PartialEq)]
+pub(crate) struct Aabb {
+	pub top: f64,
+	pub right: f64,
+	pub bottom: f64,
+	pub left: f64,
+}
+
+pub(crate) fn bounding_boxes_overlap(a: &Aabb, b: &Aabb) -> bool {
+	a.left <= b.right && b.left <= a.right && a.top <= b.bottom && b.top <= a.bottom
+}
+
+pub(crate) fn merge_bounding_boxes(a: Option<Aabb>, b: &Aabb) -> Aabb {
+	match a {
+		Some(a) => Aabb {
+			top: a.top.min(b.top),
+			right: a.right.max(b.right),
+			bottom: a.bottom.max(b.bottom),
+			left: a.left.min(b.left),
+		},
+		None => *b,
+	}
+}
+
+pub(crate) fn extend_bounding_box(bounding_box: Option<Aabb>, point: DVec2) -> Aabb {
+	match bounding_box {
+		Some(bb) => Aabb {
+			top: bb.top.min(point.y),
+			right: bb.right.max(point.x),
+			bottom: bb.bottom.max(point.y),
+			left: bb.left.min(point.x),
+		},
+		None => Aabb {
+			top: point.y,
+			right: point.x,
+			bottom: point.y,
+			left: point.x,
+		},
+	}
+}
+
+pub(crate) fn bounding_box_max_extent(bounding_box: &Aabb) -> f64 {
+	(bounding_box.right - bounding_box.left).max(bounding_box.bottom - bounding_box.top)
+}
+
+pub(crate) fn bounding_box_around_point(point: DVec2, padding: f64) -> Aabb {
+	Aabb {
+		top: point.y - padding,
+		right: point.x + padding,
+		bottom: point.y + padding,
+		left: point.x - padding,
+	}
+}
+
+pub(crate) fn expand_bounding_box(bounding_box: &Aabb, padding: f64) -> Aabb {
+	Aabb {
+		top: bounding_box.top - padding,
+		right: bounding_box.right + padding,
+		bottom: bounding_box.bottom + padding,
+		left: bounding_box.left - padding,
+	}
+}
diff --git a/libraries/path-bool/src/util/epsilons.rs b/libraries/path-bool/src/util/epsilons.rs
new file mode 100644
index 0000000000000000000000000000000000000000..aed8ca277035b2fee05a4cb934c61fba4dd5d6bb
--- /dev/null
+++ b/libraries/path-bool/src/util/epsilons.rs
@@ -0,0 +1,6 @@
+#[derive(Clone, Copy, Debug)]
+pub struct Epsilons {
+	pub point: f64,
+	pub linear: f64,
+	pub param: f64,
+}
diff --git a/libraries/path-bool/src/util/math.rs b/libraries/path-bool/src/util/math.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6d099a276c0e690e4ade1f8258b2fa9564d2f659
--- /dev/null
+++ b/libraries/path-bool/src/util/math.rs
@@ -0,0 +1,23 @@
+use glam::{DVec2, FloatExt};
+pub use std::f64::consts::PI;
+
+pub fn lin_map(value: f64, in_min: f64, in_max: f64, out_min: f64, out_max: f64) -> f64 {
+	((value - in_min) / (in_max - in_min)) * (out_max - out_min) + out_min
+}
+
+pub fn lerp(a: f64, b: f64, t: f64) -> f64 {
+	a.lerp(b, t)
+}
+
+pub fn vector_angle(u: DVec2, v: DVec2) -> f64 {
+	const EPS: f64 = 1e-12;
+
+	let sign = u.x * v.y - u.y * v.x;
+
+	if sign.abs() < EPS && (u + v).length_squared() < EPS * EPS {
+		// TODO: `u` can be scaled
+		return PI;
+	}
+
+	sign.signum() * (u.dot(v) / (u.length() * v.length())).acos()
+}
diff --git a/libraries/path-bool/src/util/quad_tree.rs b/libraries/path-bool/src/util/quad_tree.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9468ad6119f8bd8ebdaf4779364bf48a163d80fd
--- /dev/null
+++ b/libraries/path-bool/src/util/quad_tree.rs
@@ -0,0 +1,121 @@
+use crate::aabb::Aabb;
+use std::collections::HashSet;
+
+pub struct QuadTree<T> {
+	bounding_box: Aabb,
+	depth: usize,
+	inner_node_capacity: usize,
+	subtrees: Option<Box<[QuadTree<T>; 4]>>,
+	pairs: Vec<(Aabb, T)>,
+}
+
+impl<T: Clone> QuadTree<T> {
+	pub fn new(bounding_box: Aabb, depth: usize, inner_node_capacity: usize) -> Self {
+		QuadTree {
+			bounding_box,
+			depth,
+			inner_node_capacity,
+			subtrees: None,
+			pairs: Vec::new(),
+		}
+	}
+
+	pub fn insert(&mut self, bounding_box: Aabb, value: T) -> bool {
+		if !crate::aabb::bounding_boxes_overlap(&bounding_box, &self.bounding_box) {
+			return false;
+		}
+
+		if self.depth > 0 && self.pairs.len() >= self.inner_node_capacity {
+			self.ensure_subtrees();
+			for tree in self.subtrees.as_mut().unwrap().iter_mut() {
+				tree.insert(bounding_box, value.clone());
+			}
+		} else {
+			self.pairs.push((bounding_box, value));
+		}
+
+		true
+	}
+
+	pub fn find(&self, bounding_box: &Aabb) -> HashSet<T>
+	where
+		T: Eq + std::hash::Hash + Clone,
+	{
+		let mut set = HashSet::new();
+		self.find_internal(bounding_box, &mut set);
+		set
+	}
+
+	fn find_internal(&self, bounding_box: &Aabb, set: &mut HashSet<T>)
+	where
+		T: Eq + std::hash::Hash + Clone,
+	{
+		if !crate::aabb::bounding_boxes_overlap(bounding_box, &self.bounding_box) {
+			return;
+		}
+
+		for (key, value) in &self.pairs {
+			if crate::aabb::bounding_boxes_overlap(bounding_box, key) {
+				set.insert(value.clone());
+			}
+		}
+
+		if let Some(subtrees) = &self.subtrees {
+			for tree in subtrees.iter() {
+				tree.find_internal(bounding_box, set);
+			}
+		}
+	}
+
+	fn ensure_subtrees(&mut self) {
+		if self.subtrees.is_some() {
+			return;
+		}
+
+		let mid_x = (self.bounding_box.left + self.bounding_box.right) / 2.;
+		let mid_y = (self.bounding_box.top + self.bounding_box.bottom) / 2.;
+
+		self.subtrees = Some(Box::new([
+			QuadTree::new(
+				Aabb {
+					top: self.bounding_box.top,
+					right: mid_x,
+					bottom: mid_y,
+					left: self.bounding_box.left,
+				},
+				self.depth - 1,
+				self.inner_node_capacity,
+			),
+			QuadTree::new(
+				Aabb {
+					top: self.bounding_box.top,
+					right: self.bounding_box.right,
+					bottom: mid_y,
+					left: mid_x,
+				},
+				self.depth - 1,
+				self.inner_node_capacity,
+			),
+			QuadTree::new(
+				Aabb {
+					top: mid_y,
+					right: mid_x,
+					bottom: self.bounding_box.bottom,
+					left: self.bounding_box.left,
+				},
+				self.depth - 1,
+				self.inner_node_capacity,
+			),
+			QuadTree::new(
+				Aabb {
+					top: mid_y,
+					right: self.bounding_box.right,
+					bottom: self.bounding_box.bottom,
+					left: mid_x,
+				},
+				self.depth - 1,
+				self.inner_node_capacity,
+			),
+		]));
+	}
+}
diff --git a/libraries/path-bool/src/visual_tests.rs b/libraries/path-bool/src/visual_tests.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e765768aa0062599e3a609a77c77242da984db02
--- /dev/null
+++ b/libraries/path-bool/src/visual_tests.rs
@@ -0,0 +1,194 @@
+use crate::path_boolean::{self, FillRule, PathBooleanOperation};
+use crate::path_data::{path_from_path_data, path_to_path_data};
+use core::panic;
+use glob::glob;
+use image::{DynamicImage, GenericImageView, RgbaImage};
+use resvg::render;
+use resvg::tiny_skia::Transform;
+use resvg::usvg::{Options, Tree};
+use std::fs;
+use std::path::PathBuf;
+use svg::parser::Event;
+
+const TOLERANCE: u8 = 84;
+
+fn get_fill_rule(fill_rule: &str) -> FillRule {
+	match fill_rule {
+		"evenodd" => FillRule::EvenOdd,
+		_ => FillRule::NonZero,
+	}
+}
+
+#[test]
+fn visual_tests() {
+	let ops = [
+		("union", PathBooleanOperation::Union),
+		("difference", PathBooleanOperation::Difference),
+		("intersection", PathBooleanOperation::Intersection),
+		("exclusion", PathBooleanOperation::Exclusion),
+		("division", PathBooleanOperation::Division),
+		("fracture", PathBooleanOperation::Fracture),
+	];
+
+	let folders: Vec<(String, PathBuf, &str, PathBooleanOperation)> = glob("visual-tests/*/")
+		.expect("Failed to read glob pattern")
+		.flat_map(|entry| {
+			let dir = entry.expect("Failed to get directory entry");
+			ops.iter()
+				.map(move |(op_name, op)| (dir.file_name().unwrap().to_string_lossy().into_owned(), dir.clone(), *op_name, *op))
+		})
+		.collect();
+
+	let mut failure = false;
+
+	for (name, dir, op_name, op) in folders {
+		let test_name = format!("{} {}", name, op_name);
+		println!("Running test: {}", test_name);
+
+		fs::create_dir_all(dir.join("test-results")).expect("Failed to create test-results directory");
+
+		let original_path = dir.join("original.svg");
+
+		let mut content = String::new();
+		let svg_tree = svg::open(&original_path, &mut content).expect("Failed to parse SVG");
+
+		let mut paths = Vec::new();
+		let mut first_path_attributes = String::new();
+		let mut width = String::new();
+		let mut height = String::new();
+		let mut view_box = String::new();
+		let mut transform = String::new();
+		for event in svg_tree {
+			match event {
+				Event::Tag("svg", svg::node::element::tag::Type::Start, attributes) => {
+					width = attributes.get("width").map(|s| s.to_string()).unwrap_or_default();
+					height = attributes.get("height").map(|s| s.to_string()).unwrap_or_default();
+					view_box = attributes.get("viewBox").map(|s| s.to_string()).unwrap_or_default();
+				}
+				Event::Tag("g", svg::node::element::tag::Type::Start, attributes) => {
+					if let Some(transform_attr) = attributes.get("transform") {
+						transform = transform_attr.to_string();
+					}
+				}
+				Event::Tag("path", svg::node::element::tag::Type::Empty, attributes) => {
+					let data = attributes.get("d").map(|s| s.to_string()).expect("Path data not found");
+					let fill_rule = attributes.get("fill-rule").map(|v| v.to_string()).unwrap_or_else(|| "nonzero".to_string());
+					paths.push((data, fill_rule));
+
+					// Store attributes of the first path
+					if first_path_attributes.is_empty() {
+						for (key, value) in attributes.iter() {
+							if key != "d" && key != "id" {
+								first_path_attributes.push_str(&format!("{}=\"{}\" ", key, value));
+							}
+						}
+					}
+				}
+				_ => {}
+			}
+		}
+
+		if (width.is_empty() || height.is_empty()) && !view_box.is_empty() {
+			let vb: Vec<&str> = view_box.split_whitespace().collect();
+			if vb.len() == 4 {
+				width = vb[2].to_string();
+				height = vb[3].to_string();
+			}
+		}
+
+		if width.is_empty() || height.is_empty() {
+			panic!("Failed to extract width and height from SVG");
+		}
+
+		let a_node = paths[0].clone();
+		let b_node = paths[1].clone();
+
+		let a = path_from_path_data(&a_node.0).unwrap();
+		let b = path_from_path_data(&b_node.0).unwrap();
+
+		let a_fill_rule = get_fill_rule(&a_node.1);
+		let b_fill_rule = get_fill_rule(&b_node.1);
+
+		let result = path_boolean::path_boolean(&a, a_fill_rule, &b, b_fill_rule, op).unwrap();
+
+		// Create the result SVG with correct dimensions and transform
+		let mut result_svg = format!("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"{}\" height=\"{}\" viewBox=\"{}\">", width, height, view_box);
+		if !transform.is_empty() {
+			result_svg.push_str(&format!("<g transform=\"{}\">", transform));
+		}
+		for path in &result {
+			result_svg.push_str(&format!("<path d=\"{}\" {}/>", path_to_path_data(path, 1e-4), first_path_attributes));
+		}
+		if !transform.is_empty() {
+			result_svg.push_str("</g>");
+		}
+		result_svg.push_str("</svg>");
+
+		// Save the result SVG
+		let destination_path = dir.join("test-results").join(format!("{}-ours.svg", op_name));
+		fs::write(&destination_path, &result_svg).expect("Failed to write result SVG");
+
+		// Render and compare images
+		let ground_truth_path = dir.join(format!("{}.svg", op_name));
+		let ground_truth_svg = fs::read_to_string(&ground_truth_path).expect("Failed to read ground truth SVG");
+
+		let ours_image = render_svg(&result_svg);
+		let ground_truth_image = render_svg(&ground_truth_svg);
+
+		let ours_png_path = dir.join("test-results").join(format!("{}-ours.png", op_name));
+		ours_image.save(&ours_png_path).expect("Failed to save our PNG");
+
+		let ground_truth_png_path = dir.join("test-results").join(format!("{}.png", op_name));
+		ground_truth_image.save(&ground_truth_png_path).expect("Failed to save ground truth PNG");
+
+		failure |= compare_images(&ours_image, &ground_truth_image, TOLERANCE);
+
+		// Check the number of paths
+		let result_path_count = result.len();
+		let ground_truth_path_count = ground_truth_svg.matches("<path").count();
+		if result_path_count != ground_truth_path_count {
+			failure = true;
+			eprintln!("Number of paths doesn't match for test: {}", test_name);
+		}
+	}
+	if failure {
+		panic!("Some tests have failed");
+	}
+}
+
+fn render_svg(svg_code: &str) -> DynamicImage {
+	let opts = Options::default();
+	let tree = Tree::from_str(svg_code, &opts).unwrap();
+	let pixmap_size = tree.size();
+	let (width, height) = (pixmap_size.width() as u32, pixmap_size.height() as u32);
+	let mut pixmap = resvg::tiny_skia::Pixmap::new(width, height).unwrap();
+	let mut pixmap_mut = pixmap.as_mut();
+	render(&tree, Transform::default(), &mut pixmap_mut);
+	DynamicImage::ImageRgba8(RgbaImage::from_raw(width, height, pixmap.data().to_vec()).unwrap())
+}
+
+fn compare_images(img1: &DynamicImage, img2: &DynamicImage, tolerance: u8) -> bool {
+	assert_eq!(img1.dimensions(), img2.dimensions(), "Image dimensions do not match");
+
+	for (x, y, pixel1) in img1.pixels() {
+		let pixel2 = img2.get_pixel(x, y);
+		for i in 0..4 {
+			let difference = (pixel1[i] as i32 - pixel2[i] as i32).unsigned_abs() as u8;
+			if difference > tolerance {
+				println!("Difference {} larger than tolerance {} at [{}, {}], channel {}.", difference, tolerance, x, y, i);
+				return true;
+			}
+
+			assert!(
+				difference <= tolerance,
+				"Difference {} larger than tolerance {} at [{}, {}], channel {}.",
+				difference,
+				tolerance,
+				x,
+				y,
+				i
+			);
+		}
+	}
+	false
+}
diff --git a/libraries/path-bool/visual-tests/dangling-01/difference.svg b/libraries/path-bool/visual-tests/dangling-01/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8bd2508868bae9fa02f813d5ac32dd8d9795e4fc
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-01/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 1 21.505442000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 1 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-01/division.svg b/libraries/path-bool/visual-tests/dangling-01/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3f59874513376c3636fd57492e93338073954421
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-01/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783336064,37.120515321723 A 12.347054000000 12.347054000000 0.000000000000 0 0 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 27.251230395016,20.948893816326 A 8.683698700000 8.683698700000 0.000000000000 0 0 21.505442000000,29.120509958794 A 8.683698700000 8.683698700000 0.000000000000 0 0 26.811783335962,37.120515321746"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 1 21.505442000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 1 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-01/exclusion.svg b/libraries/path-bool/visual-tests/dangling-01/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b0949e0f92679e022fc59afcdda4464beac80d23
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-01/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,37.804209000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 38.872839000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,20.436811000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 1 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 1 26.811783336064,37.120515321723 A 8.683698700000 8.683698700000 0.000000000000 0 1 21.505442000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 1 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-01/fracture.svg b/libraries/path-bool/visual-tests/dangling-01/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..142cccbcb69a05289262bd5446241c2741036733
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-01/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783336064,37.120515321723 A 12.347054000000 12.347054000000 0.000000000000 0 0 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 27.251230395016,20.948893816326 A 8.683698700000 8.683698700000 0.000000000000 0 0 21.505442000000,29.120509958794 A 8.683698700000 8.683698700000 0.000000000000 0 0 26.811783335962,37.120515321746"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,37.804209000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 38.872839000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,20.436811000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 1 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 1 26.811783336064,37.120515321723"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 1 21.505442000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 1 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-01/intersection.svg b/libraries/path-bool/visual-tests/dangling-01/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5595e7d7b2a25d7b661b41be182eb1b320ab5fcd
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-01/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783336064,37.120515321723 A 12.347054000000 12.347054000000 0.000000000000 0 0 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 27.251230395016,20.948893816326 A 8.683698700000 8.683698700000 0.000000000000 0 0 21.505442000000,29.120509958794 A 8.683698700000 8.683698700000 0.000000000000 0 0 26.811783335962,37.120515321746"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-01/original.svg b/libraries/path-bool/visual-tests/dangling-01/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..73668dee932b0acdcac896ae5377029850f70169
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-01/original.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 30.053492,28.781305 A 12.347054,12.347054 0 0 1 17.706438,41.128359 12.347054,12.347054 0 0 1 5.3593845,28.781305 12.347054,12.347054 0 0 1 17.706438,16.434252 12.347054,12.347054 0 0 1 30.053492,28.781305 Z"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 38.872839,29.12051 A 8.6836987,8.6836987 0 0 1 30.18914,37.804209 8.6836987,8.6836987 0 0 1 21.505442,29.12051 8.6836987,8.6836987 0 0 1 30.18914,20.436811 8.6836987,8.6836987 0 0 1 38.872839,29.12051 Z q 10,-10 0,-20"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-01/union.svg b/libraries/path-bool/visual-tests/dangling-01/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4e4df455ca143182ae157bddccaf2774e3e4e31a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-01/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,37.804209000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 38.872839000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,20.436811000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-02/difference.svg b/libraries/path-bool/visual-tests/dangling-02/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8bd2508868bae9fa02f813d5ac32dd8d9795e4fc
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-02/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 1 21.505442000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 1 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-02/division.svg b/libraries/path-bool/visual-tests/dangling-02/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b95b4e41bac843e0c899ec9e0e484e87fcf4bf47
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-02/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 27.251230395016,20.948893816326 A 8.683698700000 8.683698700000 0.000000000000 0 0 21.505442000000,29.120509958794 A 8.683698700000 8.683698700000 0.000000000000 0 0 26.811783335962,37.120515321746 A 12.347054000000 12.347054000000 0.000000000000 0 0 30.053492000000,28.781305000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 1 21.505442000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 1 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-02/exclusion.svg b/libraries/path-bool/visual-tests/dangling-02/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..665045430b0c12cbb911e95e8f776fd8ebe01630
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-02/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 1 26.811783336064,37.120515321723 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,37.804209000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 38.872839000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 34.638239102979,21.663154743066 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,20.436811000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 1 30.053492000000,28.781305000000 M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 1 21.505442000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 1 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-02/fracture.svg b/libraries/path-bool/visual-tests/dangling-02/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b1a44e6acb2d0b83b86a5fc3894c128414b6e8ae
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-02/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 1 26.811783336064,37.120515321723 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,37.804209000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 38.872839000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 34.638239102979,21.663154743066 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,20.436811000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 1 30.053492000000,28.781305000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 27.251230395016,20.948893816326 A 8.683698700000 8.683698700000 0.000000000000 0 0 21.505442000000,29.120509958794 A 8.683698700000 8.683698700000 0.000000000000 0 0 26.811783335962,37.120515321746 A 12.347054000000 12.347054000000 0.000000000000 0 0 30.053492000000,28.781305000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 1 21.505442000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 1 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-02/intersection.svg b/libraries/path-bool/visual-tests/dangling-02/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..21cf4ef8749cfad1a9600f6d18d0d60eaafb9fa1
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-02/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 30.053492000000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 27.251230395016,20.948893816326 A 8.683698700000 8.683698700000 0.000000000000 0 0 21.505442000000,29.120509958794 A 8.683698700000 8.683698700000 0.000000000000 0 0 26.811783335962,37.120515321746 A 12.347054000000 12.347054000000 0.000000000000 0 0 30.053492000000,28.781305000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-02/original.svg b/libraries/path-bool/visual-tests/dangling-02/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..24bb0df75e99443da39e55e70a588aaccfc3669e
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-02/original.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 30.053492,28.781305 A 12.347054,12.347054 0 0 1 17.706438,41.128359 12.347054,12.347054 0 0 1 5.3593845,28.781305 12.347054,12.347054 0 0 1 17.706438,16.434252 12.347054,12.347054 0 0 1 30.053492,28.781305 Z q 10,-10 0,-20"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 38.872839,29.12051 A 8.6836987,8.6836987 0 0 1 30.18914,37.804209 8.6836987,8.6836987 0 0 1 21.505442,29.12051 8.6836987,8.6836987 0 0 1 30.18914,20.436811 8.6836987,8.6836987 0 0 1 38.872839,29.12051 Z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-02/union.svg b/libraries/path-bool/visual-tests/dangling-02/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5ce5269aeb39998087ee44de43757219106a122c
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-02/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 26.811783335962,37.120515321746 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,37.804209000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 38.872839000000,29.120510000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 34.638239102979,21.663154743066 A 8.683698700000 8.683698700000 0.000000000000 0 0 30.189140000000,20.436811000000 A 8.683698700000 8.683698700000 0.000000000000 0 0 27.251230394932,20.948893816238 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,16.434252000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 5.359384500000,28.781305000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 17.706438000000,41.128359000000 A 12.347054000000 12.347054000000 0.000000000000 0 0 26.811783336064,37.120515321723"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-03/difference.svg b/libraries/path-bool/visual-tests/dangling-03/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6db8be97234f3d1d16f9f8195824d8ec54c1c54b
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-03/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d=""/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-03/division.svg b/libraries/path-bool/visual-tests/dangling-03/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d962fd3f94086339d2e7e87d3b353267367f580e
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-03/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-03/exclusion.svg b/libraries/path-bool/visual-tests/dangling-03/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6db8be97234f3d1d16f9f8195824d8ec54c1c54b
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-03/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d=""/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-03/fracture.svg b/libraries/path-bool/visual-tests/dangling-03/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d962fd3f94086339d2e7e87d3b353267367f580e
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-03/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-03/intersection.svg b/libraries/path-bool/visual-tests/dangling-03/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6db8be97234f3d1d16f9f8195824d8ec54c1c54b
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-03/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d=""/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-03/original.svg b/libraries/path-bool/visual-tests/dangling-03/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a25711e02f0079268d50db4891c300092e90ec6a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-03/original.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 7.5980087,6.9364914 C 18.588406,7.9541084 22.115946,15.280819 21.098329,20.776017 c -1.017617,5.495199 -1.899419,10.583615 2.171049,14.179063 4.070468,3.595448 2.103141,10.040025 -14.2466391,8.886924"
+          id="a"/>
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="m 32.835045,8.3612215 c 0,0 -17.028192,1.6281211 -17.0961,10.1082635 -0.06791,8.480142 10.379893,5.2239 10.990397,8.276751 0.610504,3.052851 -9.362276,7.530433 -8.887255,10.515377 0.47502,2.984943 6.580391,13.364505 20.555732,3.52754"
+          id="b"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-03/union.svg b/libraries/path-bool/visual-tests/dangling-03/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6db8be97234f3d1d16f9f8195824d8ec54c1c54b
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-03/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d=""/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-04/difference.svg b/libraries/path-bool/visual-tests/dangling-04/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bae74eb65fb467d4829f8f8b989cd975b031fdfd
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-04/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 24.477098604512,9.669417777521 C 14.819439929541,11.947535742517 12.676649436509,16.038615428837 14.333890728881,19.259441941784 A 14.414713000000 14.414713000000 0.000000000000 0 1 24.000000000000,15.538198000000 A 14.414713000000 14.414713000000 0.000000000000 0 1 33.122169882593,18.791819319278 C 34.069717470896,15.767492825406 31.940527089963,12.079149310707 24.477098604560,9.669417777522"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-04/division.svg b/libraries/path-bool/visual-tests/dangling-04/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..201715a33ae998cc1d072c3feeb5f48ecb16958f
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-04/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 24.477098604512,9.669417777521 C 14.819439929541,11.947535742517 12.676649436509,16.038615428837 14.333890728881,19.259441941784 A 14.414713000000 14.414713000000 0.000000000000 0 1 24.000000000000,15.538198000000 A 14.414713000000 14.414713000000 0.000000000000 0 1 33.122169882593,18.791819319278 C 34.069717470896,15.767492825406 31.940527089963,12.079149310707 24.477098604560,9.669417777522"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 33.122169882593,18.791819319278 A 14.414713000000 14.414713000000 0.000000000000 0 0 24.000000000000,15.538198000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 14.333890728979,19.259441941746 C 15.689970608910,21.894965236658 19.590455736640,23.947789000000 24.000000000000,23.947789000000 C 28.530465205736,23.947789000000 32.220212847621,21.670632574670 33.122169882598,18.791819319326"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-04/exclusion.svg b/libraries/path-bool/visual-tests/dangling-04/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b3569edeee1dd1e1aecd4999d8039c14ab7a8415
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-04/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 24.477098604512,9.669417777521 C 14.819439929541,11.947535742517 12.676649436509,16.038615428837 14.333890728881,19.259441941784 A 14.414713000000 14.414713000000 0.000000000000 0 1 24.000000000000,15.538198000000 A 14.414713000000 14.414713000000 0.000000000000 0 1 33.122169882593,18.791819319278 C 34.069717470896,15.767492825406 31.940527089963,12.079149310707 24.477098604560,9.669417777522 M 33.122169882598,18.791819319326 C 32.220212847621,21.670632574670 28.530465205736,23.947789000000 24.000000000000,23.947789000000 C 19.590455736640,23.947789000000 15.689970608910,21.894965236658 14.333890728881,19.259441941784 A 14.414713000000 14.414713000000 0.000000000000 0 0 9.585287100000,29.952911000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 24.000000000000,44.367624000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 38.414713000000,29.952911000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 33.122169882593,18.791819319278"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-04/fracture.svg b/libraries/path-bool/visual-tests/dangling-04/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..33de261fe13d5f09d7e446982149286965748be2
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-04/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 24.477098604512,9.669417777521 C 14.819439929541,11.947535742517 12.676649436509,16.038615428837 14.333890728881,19.259441941784 A 14.414713000000 14.414713000000 0.000000000000 0 1 24.000000000000,15.538198000000 A 14.414713000000 14.414713000000 0.000000000000 0 1 33.122169882593,18.791819319278 C 34.069717470896,15.767492825406 31.940527089963,12.079149310707 24.477098604560,9.669417777522"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 33.122169882598,18.791819319326 C 32.220212847621,21.670632574670 28.530465205736,23.947789000000 24.000000000000,23.947789000000 C 19.590455736640,23.947789000000 15.689970608910,21.894965236658 14.333890728881,19.259441941784 A 14.414713000000 14.414713000000 0.000000000000 0 0 9.585287100000,29.952911000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 24.000000000000,44.367624000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 38.414713000000,29.952911000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 33.122169882593,18.791819319278"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 33.122169882593,18.791819319278 A 14.414713000000 14.414713000000 0.000000000000 0 0 24.000000000000,15.538198000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 14.333890728979,19.259441941746 C 15.689970608910,21.894965236658 19.590455736640,23.947789000000 24.000000000000,23.947789000000 C 28.530465205736,23.947789000000 32.220212847621,21.670632574670 33.122169882598,18.791819319326"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-04/intersection.svg b/libraries/path-bool/visual-tests/dangling-04/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..73f4c7da4c5986d9d575a3492962091787a32fb2
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-04/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 33.122169882593,18.791819319278 A 14.414713000000 14.414713000000 0.000000000000 0 0 24.000000000000,15.538198000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 14.333890728979,19.259441941746 C 15.689970608910,21.894965236658 19.590455736640,23.947789000000 24.000000000000,23.947789000000 C 28.530465205736,23.947789000000 32.220212847621,21.670632574670 33.122169882598,18.791819319326"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-04/original.svg b/libraries/path-bool/visual-tests/dangling-04/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7d32ceef25991e6de8ea43f50944a9cdbfc9038b
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-04/original.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+          d="M 3.2052288,7.1229882 C 42.417605,7.1229882 36.314629,23.947789 24,23.947789 11.685371,23.947789 3.3410435,7.9372144 43.299408,7.9372144"
+          id="a"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+          d="M 38.414713,29.952911 A 14.414713,14.414713 0 0 1 24,44.367624 14.414713,14.414713 0 0 1 9.5852871,29.952911 14.414713,14.414713 0 0 1 24,15.538198 14.414713,14.414713 0 0 1 38.414713,29.952911 Z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/dangling-04/union.svg b/libraries/path-bool/visual-tests/dangling-04/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..89fe9b6363a00c84d2ecaffd5fce8d4adea680bb
--- /dev/null
+++ b/libraries/path-bool/visual-tests/dangling-04/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 24.477098604512,9.669417777521 C 14.819439929541,11.947535742517 12.676649436509,16.038615428837 14.333890728881,19.259441941784 A 14.414713000000 14.414713000000 0.000000000000 0 0 9.585287100000,29.952911000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 24.000000000000,44.367624000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 38.414713000000,29.952911000000 A 14.414713000000 14.414713000000 0.000000000000 0 0 33.122169882593,18.791819319278 C 34.069717470896,15.767492825406 31.940527089963,12.079149310707 24.477098604560,9.669417777522"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/establish-ground-truth.sh b/libraries/path-bool/visual-tests/establish-ground-truth.sh
new file mode 100644
index 0000000000000000000000000000000000000000..557a2b645cd9a22fc15a86840dd417f3e3a84efb
--- /dev/null
+++ b/libraries/path-bool/visual-tests/establish-ground-truth.sh
@@ -0,0 +1,5 @@
+for dir in */; do
+	for fn in difference division exclusion fracture intersection union; do
+		cp "${dir}test-results/$fn-ours.svg" "$dir$fn.svg"
+	done
+done
diff --git a/libraries/path-bool/visual-tests/generate-ground-truth.sh b/libraries/path-bool/visual-tests/generate-ground-truth.sh
new file mode 100644
index 0000000000000000000000000000000000000000..5471a1e1056a260a7cba251a1cb61bff8b8d6730
--- /dev/null
+++ b/libraries/path-bool/visual-tests/generate-ground-truth.sh
@@ -0,0 +1,10 @@
+INKSCAPE_CMD=inkscape
+OPS=(union difference intersection exclusion division fracture)
+
+for dir in */; do
+	for op in "${OPS[@]}"; do
+		if [ ! -e "$dir/$op.svg" ]; then
+			$INKSCAPE_CMD --actions="select-all; path-$op; export-filename:$dir/$op.svg; export-plain-svg; export-do; file-close" "$dir/original.svg"
+		fi
+	done
+done
diff --git a/libraries/path-bool/visual-tests/nesting-01/difference.svg b/libraries/path-bool/visual-tests/nesting-01/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5cb447ebf22a62256e50dc7c3b4200381f19844d
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-01/difference.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 M 37.909023000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 24.000000000000,37.909023000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 10.090978000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 24.000000000000,10.090978000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 37.909023000000,24.000000000000"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-01/division.svg b/libraries/path-bool/visual-tests/nesting-01/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0e86f1788b203b73473bd9e0eecb872265fdad5f
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-01/division.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 M 37.909023000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 24.000000000000,37.909023000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 10.090978000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 24.000000000000,10.090978000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 37.909023000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 37.909023000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 24.000000000000,10.090978000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 10.090978000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 24.000000000000,37.909023000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 37.909023000000,24.000000000000"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-01/exclusion.svg b/libraries/path-bool/visual-tests/nesting-01/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5cb447ebf22a62256e50dc7c3b4200381f19844d
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-01/exclusion.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 M 37.909023000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 24.000000000000,37.909023000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 10.090978000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 24.000000000000,10.090978000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 37.909023000000,24.000000000000"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-01/fracture.svg b/libraries/path-bool/visual-tests/nesting-01/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0e86f1788b203b73473bd9e0eecb872265fdad5f
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-01/fracture.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 M 37.909023000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 24.000000000000,37.909023000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 10.090978000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 24.000000000000,10.090978000000 A 13.909023000000 13.909023000000 0.000000000000 0 1 37.909023000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 37.909023000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 24.000000000000,10.090978000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 10.090978000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 24.000000000000,37.909023000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 37.909023000000,24.000000000000"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-01/intersection.svg b/libraries/path-bool/visual-tests/nesting-01/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..45182cc30e0b808d8faa60f17012c8a604333ec7
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-01/intersection.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 37.909023000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 24.000000000000,10.090978000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 10.090978000000,24.000000000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 24.000000000000,37.909023000000 A 13.909023000000 13.909023000000 0.000000000000 0 0 37.909023000000,24.000000000000"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-01/original.svg b/libraries/path-bool/visual-tests/nesting-01/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..72e961e1f9e84e8c946c3d98bedd74d3c507c335
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-01/original.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+        width="48"
+        height="48"
+        viewBox="0 0 48 48"
+        version="1.1"
+        id="svg1"
+        xmlns="http://www.w3.org/2000/svg"
+>
+    <defs
+            id="defs1"/>
+    <g
+            id="layer1">
+        <path
+                id="a"
+                style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+                d="M 47,24 A 23,23 0 0 1 24,47 23,23 0 0 1 1,24 23,23 0 0 1 24,1 23,23 0 0 1 47,24 Z"/>
+        <path
+                id="b"
+                style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+                d="M 37.909023,24 A 13.909023,13.909023 0 0 1 24,37.909023 13.909023,13.909023 0 0 1 10.090978,24 13.909023,13.909023 0 0 1 24,10.090978 13.909023,13.909023 0 0 1 37.909023,24 Z"/>
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-01/union.svg b/libraries/path-bool/visual-tests/nesting-01/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7158b2302027ee61321193343dce80e91f5f0cbc
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-01/union.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-02/difference.svg b/libraries/path-bool/visual-tests/nesting-02/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..204cfe54a389ba9eea2f8007ba565467959cffe7
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-02/difference.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs1"/>
+  <g id="layer1">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 0.999999940000,31.334457000000 L 0.999999940000,46.999996000000 L 47.000000000000,46.999996000000 L 47.000000000000,32.253367000000 C -79.025816000000,-5.580332600000 122.611950000000,71.818590000000 0.999999940000,31.334457000000 M 25.797222000000,29.087180000000 C 25.797222000000,30.379886000000 24.749276000000,31.427832000000 23.456570000000,31.427832000000 C 22.163863000000,31.427832000000 21.115918000000,30.379886000000 21.115918000000,29.087180000000 C 21.115918000000,27.794473000000 22.163863000000,26.746528000000 23.456570000000,26.746528000000 C 24.749276000000,26.746528000000 25.797222000000,27.794473000000 25.797222000000,29.087180000000"/>
+    
+  </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-02/division.svg b/libraries/path-bool/visual-tests/nesting-02/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e1f741826748d23c2105bf4ac0cf631df798adf1
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-02/division.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs1"/>
+  <g id="layer1">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 0.999999940000,31.334457000000 L 0.999999940000,46.999996000000 L 47.000000000000,46.999996000000 L 47.000000000000,32.253367000000 C -79.025816000000,-5.580332600000 122.611950000000,71.818590000000 0.999999940000,31.334457000000 M 25.797222000000,29.087180000000 C 25.797222000000,30.379886000000 24.749276000000,31.427832000000 23.456570000000,31.427832000000 C 22.163863000000,31.427832000000 21.115918000000,30.379886000000 21.115918000000,29.087180000000 C 21.115918000000,27.794473000000 22.163863000000,26.746528000000 23.456570000000,26.746528000000 C 24.749276000000,26.746528000000 25.797222000000,27.794473000000 25.797222000000,29.087180000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 25.797222000000,29.087180000000 C 25.797222000000,27.794473000000 24.749276000000,26.746528000000 23.456570000000,26.746528000000 C 22.163863000000,26.746528000000 21.115918000000,27.794473000000 21.115918000000,29.087180000000 C 21.115918000000,30.379886000000 22.163863000000,31.427832000000 23.456570000000,31.427832000000 C 24.749276000000,31.427832000000 25.797222000000,30.379886000000 25.797222000000,29.087180000000"/>
+    
+  </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-02/exclusion.svg b/libraries/path-bool/visual-tests/nesting-02/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6b0fa562a480b9436bb75dba30cc316299ffd911
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-02/exclusion.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs1"/>
+  <g id="layer1">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 7.585107300000,28.332212000000 C 7.585107400000,27.039505000000 6.537161700000,25.991559000000 5.244455200000,25.991560000000 C 3.951748900000,25.991560000000 2.903803400000,27.039505000000 2.903803500000,28.332212000000 C 2.903803400000,29.624918000000 3.951748900000,30.672863000000 5.244455200000,30.672864000000 C 6.537161700000,30.672864000000 7.585107400000,29.624918000000 7.585107300000,28.332212000000 M 0.999999940000,31.334457000000 L 0.999999940000,46.999996000000 L 47.000000000000,46.999996000000 L 47.000000000000,32.253367000000 C -79.025816000000,-5.580332600000 122.611950000000,71.818590000000 0.999999940000,31.334457000000 M 25.797222000000,29.087180000000 C 25.797222000000,30.379886000000 24.749276000000,31.427832000000 23.456570000000,31.427832000000 C 22.163863000000,31.427832000000 21.115918000000,30.379886000000 21.115918000000,29.087180000000 C 21.115918000000,27.794473000000 22.163863000000,26.746528000000 23.456570000000,26.746528000000 C 24.749276000000,26.746528000000 25.797222000000,27.794473000000 25.797222000000,29.087180000000"/>
+    
+  </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-02/fracture.svg b/libraries/path-bool/visual-tests/nesting-02/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cbaa7fb7731ba1fdb31ba222b74736475e6f5352
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-02/fracture.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs1"/>
+  <g id="layer1">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 7.585107300000,28.332212000000 C 7.585107400000,27.039505000000 6.537161700000,25.991559000000 5.244455200000,25.991560000000 C 3.951748900000,25.991560000000 2.903803400000,27.039505000000 2.903803500000,28.332212000000 C 2.903803400000,29.624918000000 3.951748900000,30.672863000000 5.244455200000,30.672864000000 C 6.537161700000,30.672864000000 7.585107400000,29.624918000000 7.585107300000,28.332212000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 0.999999940000,31.334457000000 L 0.999999940000,46.999996000000 L 47.000000000000,46.999996000000 L 47.000000000000,32.253367000000 C -79.025816000000,-5.580332600000 122.611950000000,71.818590000000 0.999999940000,31.334457000000 M 25.797222000000,29.087180000000 C 25.797222000000,30.379886000000 24.749276000000,31.427832000000 23.456570000000,31.427832000000 C 22.163863000000,31.427832000000 21.115918000000,30.379886000000 21.115918000000,29.087180000000 C 21.115918000000,27.794473000000 22.163863000000,26.746528000000 23.456570000000,26.746528000000 C 24.749276000000,26.746528000000 25.797222000000,27.794473000000 25.797222000000,29.087180000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 25.797222000000,29.087180000000 C 25.797222000000,27.794473000000 24.749276000000,26.746528000000 23.456570000000,26.746528000000 C 22.163863000000,26.746528000000 21.115918000000,27.794473000000 21.115918000000,29.087180000000 C 21.115918000000,30.379886000000 22.163863000000,31.427832000000 23.456570000000,31.427832000000 C 24.749276000000,31.427832000000 25.797222000000,30.379886000000 25.797222000000,29.087180000000"/>
+    
+  </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-02/intersection.svg b/libraries/path-bool/visual-tests/nesting-02/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..32fe0d3d67d53c2821bfd9fa26062bc2ee42104d
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-02/intersection.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs1"/>
+  <g id="layer1">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 25.797222000000,29.087180000000 C 25.797222000000,27.794473000000 24.749276000000,26.746528000000 23.456570000000,26.746528000000 C 22.163863000000,26.746528000000 21.115918000000,27.794473000000 21.115918000000,29.087180000000 C 21.115918000000,30.379886000000 22.163863000000,31.427832000000 23.456570000000,31.427832000000 C 24.749276000000,31.427832000000 25.797222000000,30.379886000000 25.797222000000,29.087180000000"/>
+    
+  </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-02/original.svg b/libraries/path-bool/visual-tests/nesting-02/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9538dcfc9249e70319b9892fd8ff42bd23a53631
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-02/original.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <path
+       id="a"
+       style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
+       d="M 0.99999994,31.334457 C 122.61195,71.81859 -79.025816,-5.5803326 47,32.253367 V 46.999996 H 0.99999994 Z" />
+    <path
+       id="b"
+       style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
+       d="m 25.797222,29.08718 c 0,1.292706 -1.047946,2.340652 -2.340652,2.340652 -1.292707,0 -2.340652,-1.047946 -2.340652,-2.340652 0,-1.292707 1.047945,-2.340652 2.340652,-2.340652 1.292706,0 2.340652,1.047945 2.340652,2.340652 z M 7.5851073,28.332212 c 1e-7,1.292706 -1.0479456,2.340652 -2.3406521,2.340652 -1.2927063,-1e-6 -2.3406518,-1.047946 -2.3406517,-2.340652 -10e-8,-1.292707 1.0479454,-2.340652 2.3406517,-2.340652 1.2927065,-1e-6 2.3406522,1.047945 2.3406521,2.340652 z" />
+  </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-02/union.svg b/libraries/path-bool/visual-tests/nesting-02/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0b77e355f4bd09880ebefde10aed3f8ab8baa2a5
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-02/union.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs1"/>
+  <g id="layer1">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none" d="M 7.585107300000,28.332212000000 C 7.585107400000,27.039505000000 6.537161700000,25.991559000000 5.244455200000,25.991560000000 C 3.951748900000,25.991560000000 2.903803400000,27.039505000000 2.903803500000,28.332212000000 C 2.903803400000,29.624918000000 3.951748900000,30.672863000000 5.244455200000,30.672864000000 C 6.537161700000,30.672864000000 7.585107400000,29.624918000000 7.585107300000,28.332212000000 M 0.999999940000,31.334457000000 L 0.999999940000,46.999996000000 L 47.000000000000,46.999996000000 L 47.000000000000,32.253367000000 C -79.025816000000,-5.580332600000 122.611950000000,71.818590000000 0.999999940000,31.334457000000"/>
+    
+  </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-03/difference.svg b/libraries/path-bool/visual-tests/nesting-03/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1057abc9acd89b2c4998302e6f1ab87cdbe7c385
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-03/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 M 21.829116999931,6.631339939284 A 17.504802000000 17.504802000000 0.000000000000 0 1 24.000000000000,6.496093800000 A 17.504802000000 17.504802000000 0.000000000000 0 1 26.170883000441,6.631339964327 A 17.504802000000 17.504802000000 0.000000000000 0 1 41.503906000000,24.000000000037 A 17.504802000000 17.504802000000 0.000000000000 0 1 24.000000000000,41.503906000000 A 17.504802000000 17.504802000000 0.000000000000 0 1 6.496093800000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 1 21.829116999931,6.631339939284 M 21.829117000123,12.394525741323 A 11.805881000000 11.805881000000 0.000000000000 0 0 12.193359000000,24.000000000011 A 11.805881000000 11.805881000000 0.000000000000 0 0 24.000000000000,35.806641000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 35.806641000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 26.170883000024,12.394525741351 A 11.805881000000 11.805881000000 0.000000000000 0 0 24.000000000000,12.193359000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 21.829117000123,12.394525741323"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-03/division.svg b/libraries/path-bool/visual-tests/nesting-03/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7b029cb335a2d3bcaf87acbddaa734e538fa7286
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-03/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 M 26.170883000441,6.631339964327 A 17.504802000000 17.504802000000 0.000000000000 0 1 41.503906000000,24.000000000037 A 17.504802000000 17.504802000000 0.000000000000 0 1 24.000000000000,41.503906000000 A 17.504802000000 17.504802000000 0.000000000000 0 1 6.496093800000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 1 21.829116999931,6.631339939284 L 21.829117000000,3.544434500000 L 26.170883000000,3.544434500000 L 26.170883000000,6.631339964278"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000000,6.631339964278 L 26.170883000000,3.544434500000 L 21.829117000000,3.544434500000 L 21.829117000000,6.631339939282 A 17.504802000000 17.504802000000 0.000000000000 0 1 24.000000000000,6.496093800000 A 17.504802000000 17.504802000000 0.000000000000 0 1 26.170883000441,6.631339964327"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000000,6.631339964278 L 26.170883000000,12.394525741375 A 11.805881000000 11.805881000000 0.000000000000 0 1 35.806641000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 24.000000000000,35.806641000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 12.193359000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 21.829117000123,12.394525741323 L 21.829117000000,6.631339939282 A 17.504802000000 17.504802000000 0.000000000000 0 0 6.496093800000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 24.000000000000,41.503906000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 41.503906000000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 26.170883000441,6.631339964327"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000441,6.631339964327 A 17.504802000000 17.504802000000 0.000000000000 0 0 24.000000000037,6.496093800000 A 17.504802000000 17.504802000000 0.000000000000 0 0 21.829116999931,6.631339939284 L 21.829117000000,12.394525741375 A 11.805881000000 11.805881000000 0.000000000000 0 1 23.999999999989,12.193359000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 26.170883000024,12.394525741351 L 26.170883000000,6.631339964278"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000000,12.394525741375 L 26.170883000000,16.502158000000 L 21.829117000000,16.502158000000 L 21.829117000000,12.394525741375 A 11.805881000000 11.805881000000 0.000000000000 0 0 12.193359000000,24.000000000011 A 11.805881000000 11.805881000000 0.000000000000 0 0 24.000000000000,35.806641000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 35.806641000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 26.170883000024,12.394525741351"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000024,12.394525741351 A 11.805881000000 11.805881000000 0.000000000000 0 0 24.000000000000,12.193359000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 21.829117000123,12.394525741323 L 21.829117000000,16.502158000000 L 26.170883000000,16.502158000000 L 26.170883000000,12.394525741375"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-03/exclusion.svg b/libraries/path-bool/visual-tests/nesting-03/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1057abc9acd89b2c4998302e6f1ab87cdbe7c385
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-03/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 M 21.829116999931,6.631339939284 A 17.504802000000 17.504802000000 0.000000000000 0 1 24.000000000000,6.496093800000 A 17.504802000000 17.504802000000 0.000000000000 0 1 26.170883000441,6.631339964327 A 17.504802000000 17.504802000000 0.000000000000 0 1 41.503906000000,24.000000000037 A 17.504802000000 17.504802000000 0.000000000000 0 1 24.000000000000,41.503906000000 A 17.504802000000 17.504802000000 0.000000000000 0 1 6.496093800000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 1 21.829116999931,6.631339939284 M 21.829117000123,12.394525741323 A 11.805881000000 11.805881000000 0.000000000000 0 0 12.193359000000,24.000000000011 A 11.805881000000 11.805881000000 0.000000000000 0 0 24.000000000000,35.806641000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 35.806641000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 26.170883000024,12.394525741351 A 11.805881000000 11.805881000000 0.000000000000 0 0 24.000000000000,12.193359000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 21.829117000123,12.394525741323"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-03/fracture.svg b/libraries/path-bool/visual-tests/nesting-03/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7b029cb335a2d3bcaf87acbddaa734e538fa7286
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-03/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 M 26.170883000441,6.631339964327 A 17.504802000000 17.504802000000 0.000000000000 0 1 41.503906000000,24.000000000037 A 17.504802000000 17.504802000000 0.000000000000 0 1 24.000000000000,41.503906000000 A 17.504802000000 17.504802000000 0.000000000000 0 1 6.496093800000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 1 21.829116999931,6.631339939284 L 21.829117000000,3.544434500000 L 26.170883000000,3.544434500000 L 26.170883000000,6.631339964278"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000000,6.631339964278 L 26.170883000000,3.544434500000 L 21.829117000000,3.544434500000 L 21.829117000000,6.631339939282 A 17.504802000000 17.504802000000 0.000000000000 0 1 24.000000000000,6.496093800000 A 17.504802000000 17.504802000000 0.000000000000 0 1 26.170883000441,6.631339964327"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000000,6.631339964278 L 26.170883000000,12.394525741375 A 11.805881000000 11.805881000000 0.000000000000 0 1 35.806641000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 24.000000000000,35.806641000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 12.193359000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 21.829117000123,12.394525741323 L 21.829117000000,6.631339939282 A 17.504802000000 17.504802000000 0.000000000000 0 0 6.496093800000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 24.000000000000,41.503906000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 41.503906000000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 26.170883000441,6.631339964327"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000441,6.631339964327 A 17.504802000000 17.504802000000 0.000000000000 0 0 24.000000000037,6.496093800000 A 17.504802000000 17.504802000000 0.000000000000 0 0 21.829116999931,6.631339939284 L 21.829117000000,12.394525741375 A 11.805881000000 11.805881000000 0.000000000000 0 1 23.999999999989,12.193359000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 26.170883000024,12.394525741351 L 26.170883000000,6.631339964278"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000000,12.394525741375 L 26.170883000000,16.502158000000 L 21.829117000000,16.502158000000 L 21.829117000000,12.394525741375 A 11.805881000000 11.805881000000 0.000000000000 0 0 12.193359000000,24.000000000011 A 11.805881000000 11.805881000000 0.000000000000 0 0 24.000000000000,35.806641000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 35.806641000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 26.170883000024,12.394525741351"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000024,12.394525741351 A 11.805881000000 11.805881000000 0.000000000000 0 0 24.000000000000,12.193359000000 A 11.805881000000 11.805881000000 0.000000000000 0 0 21.829117000123,12.394525741323 L 21.829117000000,16.502158000000 L 26.170883000000,16.502158000000 L 26.170883000000,12.394525741375"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-03/intersection.svg b/libraries/path-bool/visual-tests/nesting-03/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d129881fea0d878b146a8604a2895bc47924fa83
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-03/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 26.170883000024,12.394525741351 A 11.805881000000 11.805881000000 0.000000000000 0 1 35.806641000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 24.000000000000,35.806641000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 12.193359000000,24.000000000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 21.829117000123,12.394525741323 A 11.805881000000 11.805881000000 0.000000000000 0 1 23.999999999989,12.193359000000 A 11.805881000000 11.805881000000 0.000000000000 0 1 26.170883000024,12.394525741351 M 21.829116999931,6.631339939284 A 17.504802000000 17.504802000000 0.000000000000 0 0 6.496093800000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 24.000000000000,41.503906000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 41.503906000000,24.000000000000 A 17.504802000000 17.504802000000 0.000000000000 0 0 26.170883000441,6.631339964327 A 17.504802000000 17.504802000000 0.000000000000 0 0 24.000000000037,6.496093800000 A 17.504802000000 17.504802000000 0.000000000000 0 0 21.829116999931,6.631339939284"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-03/original.svg b/libraries/path-bool/visual-tests/nesting-03/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..68fd8000d04bbbe938bbafd660a7b9051b2643ae
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-03/original.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+          d="m 21.829117,3.5444345 h 4.341766 V 16.502158 H 21.829117 Z M 47,24 A 23,23 0 0 1 24,47 23,23 0 0 1 1,24 23,23 0 0 1 24,1 23,23 0 0 1 47,24 Z"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+          d="M 24 6.4960938 A 17.504802 17.504802 0 0 0 6.4960938 24 A 17.504802 17.504802 0 0 0 24 41.503906 A 17.504802 17.504802 0 0 0 41.503906 24 A 17.504802 17.504802 0 0 0 24 6.4960938 z M 24 12.193359 A 11.805881 11.805881 0 0 1 35.806641 24 A 11.805881 11.805881 0 0 1 24 35.806641 A 11.805881 11.805881 0 0 1 12.193359 24 A 11.805881 11.805881 0 0 1 24 12.193359 z "/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-03/union.svg b/libraries/path-bool/visual-tests/nesting-03/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..58b3dc785c31f12e64427fb9849eb106f247a8c9
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-03/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-04/difference.svg b/libraries/path-bool/visual-tests/nesting-04/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dc5f2f82003b37da2c26a91f44648ce915688ca2
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-04/difference.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 34.567256000000,24.000000000000 C 53.715002000000,0.442178810000 45.300906000000,-4.317487500000 24.000000000000,13.432744000000 C -0.827533230000,-4.565426100000 -3.667447600000,0.282647560000 13.432744000000,24.000000000000 C 7.253940300000,36.164106000000 -12.008885000000,59.286948000000 24.000000000000,34.567256000000 C 51.396769000000,54.792375000000 51.194312000000,47.292195000000 34.567256000000,24.000000000000 M 33.482395000000,35.465086000000 C 24.313014000000,27.199681000000 24.313014000000,27.240877000000 14.231274000000,34.296289000000 C 20.811334000000,24.000000000000 21.218447000000,24.000000000000 12.821577000000,12.534583000000 C 24.000000000000,21.897190000000 24.000000000000,22.032673000000 34.786675000000,13.635803000000 C 27.166446000000,22.791080000000 29.683555000000,25.141755000000 33.482395000000,35.465086000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-04/division.svg b/libraries/path-bool/visual-tests/nesting-04/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..98364868850be682a06ff01b0551270121a37c15
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-04/division.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 34.567256000000,24.000000000000 C 53.715002000000,0.442178810000 45.300906000000,-4.317487500000 24.000000000000,13.432744000000 C -0.827533230000,-4.565426100000 -3.667447600000,0.282647560000 13.432744000000,24.000000000000 C 7.253940300000,36.164106000000 -12.008885000000,59.286948000000 24.000000000000,34.567256000000 C 51.396769000000,54.792375000000 51.194312000000,47.292195000000 34.567256000000,24.000000000000 M 33.482395000000,35.465086000000 C 24.313014000000,27.199681000000 24.313014000000,27.240877000000 14.231274000000,34.296289000000 C 20.811334000000,24.000000000000 21.218447000000,24.000000000000 12.821577000000,12.534583000000 C 24.000000000000,21.897190000000 24.000000000000,22.032673000000 34.786675000000,13.635803000000 C 27.166446000000,22.791080000000 29.683555000000,25.141755000000 33.482395000000,35.465086000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 33.482395000000,35.465086000000 C 29.683555000000,25.141755000000 27.166446000000,22.791080000000 34.786675000000,13.635803000000 C 24.000000000000,22.032673000000 24.000000000000,21.897190000000 12.821577000000,12.534583000000 C 21.218447000000,24.000000000000 20.811334000000,24.000000000000 14.231274000000,34.296289000000 C 24.313014000000,27.240877000000 24.313014000000,27.199681000000 33.482395000000,35.465086000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-04/exclusion.svg b/libraries/path-bool/visual-tests/nesting-04/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..dc5f2f82003b37da2c26a91f44648ce915688ca2
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-04/exclusion.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 34.567256000000,24.000000000000 C 53.715002000000,0.442178810000 45.300906000000,-4.317487500000 24.000000000000,13.432744000000 C -0.827533230000,-4.565426100000 -3.667447600000,0.282647560000 13.432744000000,24.000000000000 C 7.253940300000,36.164106000000 -12.008885000000,59.286948000000 24.000000000000,34.567256000000 C 51.396769000000,54.792375000000 51.194312000000,47.292195000000 34.567256000000,24.000000000000 M 33.482395000000,35.465086000000 C 24.313014000000,27.199681000000 24.313014000000,27.240877000000 14.231274000000,34.296289000000 C 20.811334000000,24.000000000000 21.218447000000,24.000000000000 12.821577000000,12.534583000000 C 24.000000000000,21.897190000000 24.000000000000,22.032673000000 34.786675000000,13.635803000000 C 27.166446000000,22.791080000000 29.683555000000,25.141755000000 33.482395000000,35.465086000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-04/fracture.svg b/libraries/path-bool/visual-tests/nesting-04/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..98364868850be682a06ff01b0551270121a37c15
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-04/fracture.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 34.567256000000,24.000000000000 C 53.715002000000,0.442178810000 45.300906000000,-4.317487500000 24.000000000000,13.432744000000 C -0.827533230000,-4.565426100000 -3.667447600000,0.282647560000 13.432744000000,24.000000000000 C 7.253940300000,36.164106000000 -12.008885000000,59.286948000000 24.000000000000,34.567256000000 C 51.396769000000,54.792375000000 51.194312000000,47.292195000000 34.567256000000,24.000000000000 M 33.482395000000,35.465086000000 C 24.313014000000,27.199681000000 24.313014000000,27.240877000000 14.231274000000,34.296289000000 C 20.811334000000,24.000000000000 21.218447000000,24.000000000000 12.821577000000,12.534583000000 C 24.000000000000,21.897190000000 24.000000000000,22.032673000000 34.786675000000,13.635803000000 C 27.166446000000,22.791080000000 29.683555000000,25.141755000000 33.482395000000,35.465086000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 33.482395000000,35.465086000000 C 29.683555000000,25.141755000000 27.166446000000,22.791080000000 34.786675000000,13.635803000000 C 24.000000000000,22.032673000000 24.000000000000,21.897190000000 12.821577000000,12.534583000000 C 21.218447000000,24.000000000000 20.811334000000,24.000000000000 14.231274000000,34.296289000000 C 24.313014000000,27.240877000000 24.313014000000,27.199681000000 33.482395000000,35.465086000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-04/intersection.svg b/libraries/path-bool/visual-tests/nesting-04/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d796f44cfae4c12cd6cbb3abfa34fa149c6e23dc
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-04/intersection.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 33.482395000000,35.465086000000 C 29.683555000000,25.141755000000 27.166446000000,22.791080000000 34.786675000000,13.635803000000 C 24.000000000000,22.032673000000 24.000000000000,21.897190000000 12.821577000000,12.534583000000 C 21.218447000000,24.000000000000 20.811334000000,24.000000000000 14.231274000000,34.296289000000 C 24.313014000000,27.240877000000 24.313014000000,27.199681000000 33.482395000000,35.465086000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-04/original.svg b/libraries/path-bool/visual-tests/nesting-04/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8289f94c5f327135b975a06d2f7e3180a9e18c3f
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-04/original.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg"
+>
+
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 34.567256,24 C 51.194312,47.292195 51.396769,54.792375 24,34.567256 -12.008885,59.286948 7.2539403,36.164106 13.432744,24 -3.6674476,0.28264756 -0.82753323,-4.5654261 24,13.432744 45.300906,-4.3174875 53.715002,0.44217881 34.567256,24 Z"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 33.482395,35.465086 C 24.313014,27.199681 24.313014,27.240877 14.231274,34.296289 20.811334,24 21.218447,24 12.821577,12.534583 24,21.89719 24,22.032673 34.786675,13.635803 c -7.620229,9.155277 -5.10312,11.505952 -1.30428,21.829283 z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/nesting-04/union.svg b/libraries/path-bool/visual-tests/nesting-04/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cbed7f6c9e81c742d17062a878d5f75d8eb59b56
--- /dev/null
+++ b/libraries/path-bool/visual-tests/nesting-04/union.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 34.567256000000,24.000000000000 C 53.715002000000,0.442178810000 45.300906000000,-4.317487500000 24.000000000000,13.432744000000 C -0.827533230000,-4.565426100000 -3.667447600000,0.282647560000 13.432744000000,24.000000000000 C 7.253940300000,36.164106000000 -12.008885000000,59.286948000000 24.000000000000,34.567256000000 C 51.396769000000,54.792375000000 51.194312000000,47.292195000000 34.567256000000,24.000000000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-01/difference.svg b/libraries/path-bool/visual-tests/real-01/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cfa290bb2171890f4bb337e1b43b81814bb2c04b
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-01/difference.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="297mm" height="210mm" viewBox="0 0 297 210" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 210.390827092771,121.956108583236 A 64.171516000000 64.171516000000 0.000000000000 0 0 212.671520000000,105.000000175080 A 64.171516000000 64.171516000000 0.000000000000 0 0 207.758199999817,80.373801093438 L 207.758200000000,86.229401000000 L 200.646200000000,86.229401000000 L 200.646200000000,67.941401000000 C 200.646200000000,67.818560224177 200.641541109794,67.698289870537 200.632322706763,67.580689316459 A 64.171516000000 64.171516000000 0.000000000000 0 0 198.381445638899,64.628905814143 C 197.911069408986,64.469391822181 197.376231645220,64.385401000000 196.785400000000,64.385401000000 C 193.737400000000,64.385401000000 191.908600000000,66.417401000000 191.908600000000,69.770201000000 L 191.908600000000,86.229401000000 L 184.796600000000,86.229401000000 L 184.796600000000,58.797401000000 L 191.857800000000,58.797401000000 L 191.857800000000,62.201001000000 C 192.648951992734,61.255058399992 193.405166493342,60.507094922033 194.181643223842,59.931482123758 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,40.828484000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 89.449691181417,79.879400999017 L 98.741392000000,79.879401000000 L 98.741392000000,86.229401000000 L 87.135123409908,86.229401000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 84.328484000000,105.000000000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 91.121360000746,133.734567465873 L 91.121360000000,122.297400000000 L 98.233359000000,122.297400000000 L 98.233359000000,126.361400000000 C 99.960559000000,123.313400000000 102.398960000000,121.840200000000 105.853360000000,121.840200000000 C 112.965360000000,121.840200000000 117.334160000000,128.342600000000 117.334160000000,136.419800000000 C 117.334160000000,144.751000000000 112.457360000000,150.948600000000 105.853360000000,150.948600000000 C 104.979525839266,150.948600000000 104.170705555881,150.857580482126 103.421965352651,150.672252226666 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,169.171520000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 197.903000000613,145.955192339229 L 197.903000000000,131.441400000000 C 197.903000000000,129.257000000000 196.429800000000,127.885400000000 194.042200000000,127.885400000000 C 190.994200000000,127.885400000000 189.165400000000,129.917400000000 189.165400000000,133.270200000000 L 189.165400000000,149.729400000000 L 182.053400000000,149.729400000000 L 182.053400000000,122.297400000000 L 189.114600000000,122.297400000000 L 189.114600000000,125.701000000000 C 191.451400000000,122.907000000000 193.483400000000,121.840200000000 196.633000000000,121.840200000000 C 200.036600000000,121.840200000000 202.779800000000,123.313400000000 204.100600000000,125.904200000000 C 205.858050750491,123.560932332679 207.822303762779,122.320610061612 210.390827092639,121.956108583500 M 208.378992718174,128.075752651238 C 206.248952613479,128.653263118219 205.015000000000,130.516137559798 205.015000000000,133.270200000000 L 205.015000000000,135.398008751254 A 64.171516000000 64.171516000000 0.000000000000 0 0 208.378992717779,128.075752652522 M 104.227760000000,127.783800000000 C 100.671760000000,127.783800000000 98.233359000000,131.289000000000 98.233359000000,136.419800000000 C 98.233359000000,141.550600000000 100.671760000000,145.005000000000 104.227760000000,145.005000000000 C 107.732960000000,145.005000000000 110.222160000000,141.499800000000 110.222160000000,136.521400000000 C 110.222160000000,131.289000000000 107.834560000000,127.783800000000 104.227760000000,127.783800000000 M 166.610200000000,58.340201000000 C 172.096590000000,58.340201000000 179.462590000000,61.388201000000 179.462590000000,73.529401000000 C 179.462590000000,73.885001000000 179.462590000000,74.139001000000 179.411790000000,74.748601000000 L 161.022200000000,74.748601000000 C 161.174600000000,78.457001000000 161.936600000000,81.962201000000 166.711800000000,81.962201000000 C 169.302590000000,81.962201000000 171.283790000000,80.692201000000 172.147390000000,78.507801000000 L 179.157790000000,78.507801000000 C 177.582990000000,83.892601000000 172.604590000000,87.397801000000 166.457800000000,87.397801000000 C 158.685400000000,87.397801000000 153.910200000000,82.013001000000 153.910200000000,73.224601000000 C 153.910200000000,64.029801000000 158.736200000000,58.340201000000 166.610200000000,58.340201000000 M 172.045790000000,70.024201000000 C 171.740990000000,66.011001000000 169.810590000000,63.775801000000 166.508600000000,63.775801000000 C 163.359000000000,63.775801000000 161.581000000000,65.858601000000 161.123800000000,70.024201000000 L 172.045790000000,70.024201000000 M 135.266580000000,58.797401000000 L 142.378580000000,58.797401000000 L 142.378580000000,64.182201000000 C 143.902580000000,60.473801000000 146.747380000000,58.340201000000 149.998580000000,58.340201000000 C 150.201780000000,58.340201000000 150.455780000000,58.340201000000 150.862180000000,58.391001000000 L 150.862180000000,65.604601000000 C 149.896980000000,65.452201000000 149.388980000000,65.401401000000 148.626980000000,65.401401000000 C 144.461380000000,65.401401000000 142.378580000000,67.484201000000 142.378580000000,71.649801000000 L 142.378580000000,86.229401000000 L 135.266580000000,86.229401000000 L 135.266580000000,58.797401000000 M 116.318170000000,58.340201000000 C 124.903370000000,58.340201000000 129.932570000000,63.775801000000 129.932570000000,73.072201000000 C 129.932570000000,81.860601000000 124.700170000000,87.397801000000 116.368970000000,87.397801000000 C 107.936170000000,87.397801000000 102.805370000000,81.911401000000 102.805370000000,72.869001000000 C 102.805370000000,63.877401000000 107.936170000000,58.340201000000 116.318170000000,58.340201000000 M 116.368970000000,64.080601000000 C 112.508170000000,64.080601000000 109.917370000000,67.636601000000 109.917370000000,72.869001000000 C 109.917370000000,78.101401000000 112.508170000000,81.657401000000 116.368970000000,81.657401000000 C 120.178970000000,81.657401000000 122.820570000000,78.101401000000 122.820570000000,72.970601000000 C 122.820570000000,67.585801000000 120.280570000000,64.080601000000 116.368970000000,64.080601000000 M 175.449360000000,149.729400000000 L 168.337360000000,149.729400000000 L 168.337360000000,146.478200000000 C 166.305360000000,149.526200000000 163.816160000000,150.897800000000 160.107760000000,150.897800000000 C 154.265760000000,150.897800000000 150.912960000000,147.443400000000 150.912960000000,141.398200000000 L 150.912960000000,122.297400000000 L 158.024960000000,122.297400000000 L 158.024960000000,139.925000000000 C 158.024960000000,143.227000000000 159.548960000000,144.852600000000 162.596960000000,144.852600000000 C 166.051360000000,144.852600000000 168.337360000000,142.719000000000 168.337360000000,139.467800000000 L 168.337360000000,122.297400000000 L 175.449360000000,122.297400000000 L 175.449360000000,149.729400000000 M 127.849770000000,141.753800000000 C 128.256170000000,143.633400000000 128.967370000000,145.309800000000 133.437770000000,145.309800000000 C 136.739770000000,145.309800000000 138.720970000000,144.293800000000 138.720970000000,142.617400000000 C 138.720970000000,141.499800000000 138.111370000000,140.941000000000 136.333370000000,140.382200000000 L 127.849770000000,137.740600000000 C 126.274970000000,137.232600000000 121.855370000000,136.369000000000 121.855370000000,130.984200000000 C 121.855370000000,125.345400000000 126.173370000000,121.840200000000 133.132970000000,121.840200000000 C 140.498970000000,121.840200000000 144.969370000000,125.345400000000 145.070970000000,131.136600000000 L 138.212970000000,131.136600000000 C 138.162170000000,128.647400000000 136.485770000000,127.428200000000 133.082170000000,127.428200000000 C 130.592970000000,127.428200000000 128.967370000000,128.444200000000 128.967370000000,129.968200000000 C 128.967370000000,131.085800000000 129.475370000000,131.492200000000 131.456570000000,132.101800000000 L 140.448170000000,134.692600000000 C 144.054970000000,135.759400000000 145.832970000000,138.045400000000 145.832970000000,141.601400000000 C 145.832970000000,145.411400000000 143.445370000000,150.897800000000 133.844170000000,150.897800000000 C 125.512970000000,150.897800000000 121.093370000000,147.748200000000 120.890170000000,141.753800000000 L 127.849770000000,141.753800000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-01/division.svg b/libraries/path-bool/visual-tests/real-01/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1050988650ab374a0e9432d1c5d971277e32b371
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-01/division.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="297mm" height="210mm" viewBox="0 0 297 210" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 210.390827092771,121.956108583236 A 64.171516000000 64.171516000000 0.000000000000 0 0 212.671520000000,105.000000175080 A 64.171516000000 64.171516000000 0.000000000000 0 0 207.758199999817,80.373801093438 L 207.758200000000,86.229401000000 L 200.646200000000,86.229401000000 L 200.646200000000,67.941401000000 C 200.646200000000,67.818560224177 200.641541109794,67.698289870537 200.632322706763,67.580689316459 A 64.171516000000 64.171516000000 0.000000000000 0 0 198.381445638899,64.628905814143 C 197.911069408986,64.469391822181 197.376231645220,64.385401000000 196.785400000000,64.385401000000 C 193.737400000000,64.385401000000 191.908600000000,66.417401000000 191.908600000000,69.770201000000 L 191.908600000000,86.229401000000 L 184.796600000000,86.229401000000 L 184.796600000000,58.797401000000 L 191.857800000000,58.797401000000 L 191.857800000000,62.201001000000 C 192.648951992734,61.255058399992 193.405166493342,60.507094922033 194.181643223842,59.931482123758 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,40.828484000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 89.449691181417,79.879400999017 L 98.741392000000,79.879401000000 L 98.741392000000,86.229401000000 L 87.135123409908,86.229401000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 84.328484000000,105.000000000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 91.121360000746,133.734567465873 L 91.121360000000,122.297400000000 L 98.233359000000,122.297400000000 L 98.233359000000,126.361400000000 C 99.960559000000,123.313400000000 102.398960000000,121.840200000000 105.853360000000,121.840200000000 C 112.965360000000,121.840200000000 117.334160000000,128.342600000000 117.334160000000,136.419800000000 C 117.334160000000,144.751000000000 112.457360000000,150.948600000000 105.853360000000,150.948600000000 C 104.979525839266,150.948600000000 104.170705555881,150.857580482126 103.421965352651,150.672252226666 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,169.171520000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 197.903000000613,145.955192339229 L 197.903000000000,131.441400000000 C 197.903000000000,129.257000000000 196.429800000000,127.885400000000 194.042200000000,127.885400000000 C 190.994200000000,127.885400000000 189.165400000000,129.917400000000 189.165400000000,133.270200000000 L 189.165400000000,149.729400000000 L 182.053400000000,149.729400000000 L 182.053400000000,122.297400000000 L 189.114600000000,122.297400000000 L 189.114600000000,125.701000000000 C 191.451400000000,122.907000000000 193.483400000000,121.840200000000 196.633000000000,121.840200000000 C 200.036600000000,121.840200000000 202.779800000000,123.313400000000 204.100600000000,125.904200000000 C 205.858050750491,123.560932332679 207.822303762779,122.320610061612 210.390827092639,121.956108583500 M 166.610200000000,58.340201000000 C 172.096590000000,58.340201000000 179.462590000000,61.388201000000 179.462590000000,73.529401000000 C 179.462590000000,73.885001000000 179.462590000000,74.139001000000 179.411790000000,74.748601000000 L 161.022200000000,74.748601000000 C 161.174600000000,78.457001000000 161.936600000000,81.962201000000 166.711800000000,81.962201000000 C 169.302590000000,81.962201000000 171.283790000000,80.692201000000 172.147390000000,78.507801000000 L 179.157790000000,78.507801000000 C 177.582990000000,83.892601000000 172.604590000000,87.397801000000 166.457800000000,87.397801000000 C 158.685400000000,87.397801000000 153.910200000000,82.013001000000 153.910200000000,73.224601000000 C 153.910200000000,64.029801000000 158.736200000000,58.340201000000 166.610200000000,58.340201000000 M 135.266580000000,58.797401000000 L 142.378580000000,58.797401000000 L 142.378580000000,64.182201000000 C 143.902580000000,60.473801000000 146.747380000000,58.340201000000 149.998580000000,58.340201000000 C 150.201780000000,58.340201000000 150.455780000000,58.340201000000 150.862180000000,58.391001000000 L 150.862180000000,65.604601000000 C 149.896980000000,65.452201000000 149.388980000000,65.401401000000 148.626980000000,65.401401000000 C 144.461380000000,65.401401000000 142.378580000000,67.484201000000 142.378580000000,71.649801000000 L 142.378580000000,86.229401000000 L 135.266580000000,86.229401000000 L 135.266580000000,58.797401000000 M 116.318170000000,58.340201000000 C 124.903370000000,58.340201000000 129.932570000000,63.775801000000 129.932570000000,73.072201000000 C 129.932570000000,81.860601000000 124.700170000000,87.397801000000 116.368970000000,87.397801000000 C 107.936170000000,87.397801000000 102.805370000000,81.911401000000 102.805370000000,72.869001000000 C 102.805370000000,63.877401000000 107.936170000000,58.340201000000 116.318170000000,58.340201000000 M 175.449360000000,149.729400000000 L 168.337360000000,149.729400000000 L 168.337360000000,146.478200000000 C 166.305360000000,149.526200000000 163.816160000000,150.897800000000 160.107760000000,150.897800000000 C 154.265760000000,150.897800000000 150.912960000000,147.443400000000 150.912960000000,141.398200000000 L 150.912960000000,122.297400000000 L 158.024960000000,122.297400000000 L 158.024960000000,139.925000000000 C 158.024960000000,143.227000000000 159.548960000000,144.852600000000 162.596960000000,144.852600000000 C 166.051360000000,144.852600000000 168.337360000000,142.719000000000 168.337360000000,139.467800000000 L 168.337360000000,122.297400000000 L 175.449360000000,122.297400000000 L 175.449360000000,149.729400000000 M 127.849770000000,141.753800000000 C 128.256170000000,143.633400000000 128.967370000000,145.309800000000 133.437770000000,145.309800000000 C 136.739770000000,145.309800000000 138.720970000000,144.293800000000 138.720970000000,142.617400000000 C 138.720970000000,141.499800000000 138.111370000000,140.941000000000 136.333370000000,140.382200000000 L 127.849770000000,137.740600000000 C 126.274970000000,137.232600000000 121.855370000000,136.369000000000 121.855370000000,130.984200000000 C 121.855370000000,125.345400000000 126.173370000000,121.840200000000 133.132970000000,121.840200000000 C 140.498970000000,121.840200000000 144.969370000000,125.345400000000 145.070970000000,131.136600000000 L 138.212970000000,131.136600000000 C 138.162170000000,128.647400000000 136.485770000000,127.428200000000 133.082170000000,127.428200000000 C 130.592970000000,127.428200000000 128.967370000000,128.444200000000 128.967370000000,129.968200000000 C 128.967370000000,131.085800000000 129.475370000000,131.492200000000 131.456570000000,132.101800000000 L 140.448170000000,134.692600000000 C 144.054970000000,135.759400000000 145.832970000000,138.045400000000 145.832970000000,141.601400000000 C 145.832970000000,145.411400000000 143.445370000000,150.897800000000 133.844170000000,150.897800000000 C 125.512970000000,150.897800000000 121.093370000000,147.748200000000 120.890170000000,141.753800000000 L 127.849770000000,141.753800000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 210.390827092639,121.956108583500 C 207.822303762779,122.320610061612 205.858050750491,123.560932332679 204.100600000000,125.904200000000 C 202.779800000000,123.313400000000 200.036600000000,121.840200000000 196.633000000000,121.840200000000 C 193.483400000000,121.840200000000 191.451400000000,122.907000000000 189.114600000000,125.701000000000 L 189.114600000000,122.297400000000 L 182.053400000000,122.297400000000 L 182.053400000000,149.729400000000 L 189.165400000000,149.729400000000 L 189.165400000000,133.270200000000 C 189.165400000000,129.917400000000 190.994200000000,127.885400000000 194.042200000000,127.885400000000 C 196.429800000000,127.885400000000 197.903000000000,129.257000000000 197.903000000000,131.441400000000 L 197.903000000000,145.955192339940 A 64.171516000000 64.171516000000 0.000000000000 0 0 205.015000000025,135.398008751224 L 205.015000000000,133.270200000000 C 205.015000000000,130.516137559798 206.248952613479,128.653263118219 208.378992718174,128.075752651238 A 64.171516000000 64.171516000000 0.000000000000 0 0 210.390827092771,121.956108583236"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 200.632322706763,67.580689316459 C 200.641541109794,67.698289870537 200.646200000000,67.818560224177 200.646200000000,67.941401000000 L 200.646200000000,86.229401000000 L 207.758200000000,86.229401000000 L 207.758200000000,80.373801093895 A 64.171516000000 64.171516000000 0.000000000000 0 0 200.632322706442,67.580689316501"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 194.181643223842,59.931482123758 C 193.405166493342,60.507094922033 192.648951992734,61.255058399992 191.857800000000,62.201001000000 L 191.857800000000,58.797401000000 L 184.796600000000,58.797401000000 L 184.796600000000,86.229401000000 L 191.908600000000,86.229401000000 L 191.908600000000,69.770201000000 C 191.908600000000,66.417401000000 193.737400000000,64.385401000000 196.785400000000,64.385401000000 C 197.376231645220,64.385401000000 197.911069408986,64.469391822181 198.381445640656,64.628905815900 A 64.171516000000 64.171516000000 0.000000000000 0 0 194.181643224018,59.931482123938"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 208.378992718174,128.075752651238 C 206.248952613479,128.653263118219 205.015000000000,130.516137559798 205.015000000000,133.270200000000 L 205.015000000000,135.398008751254 A 64.171516000000 64.171516000000 0.000000000000 0 0 208.378992717779,128.075752652522"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 103.421965352651,150.672252226666 C 104.170705555881,150.857580482126 104.979525839266,150.948600000000 105.853360000000,150.948600000000 C 112.457360000000,150.948600000000 117.334160000000,144.751000000000 117.334160000000,136.419800000000 C 117.334160000000,128.342600000000 112.965360000000,121.840200000000 105.853360000000,121.840200000000 C 102.398960000000,121.840200000000 99.960559000000,123.313400000000 98.233359000000,126.361400000000 L 98.233359000000,122.297400000000 L 91.121360000000,122.297400000000 L 91.121360000000,133.734567464352 A 64.171516000000 64.171516000000 0.000000000000 0 0 103.421965352445,150.672252226380 M 104.227760000000,127.783800000000 C 107.834560000000,127.783800000000 110.222160000000,131.289000000000 110.222160000000,136.521400000000 C 110.222160000000,141.499800000000 107.732960000000,145.005000000000 104.227760000000,145.005000000000 C 100.671760000000,145.005000000000 98.233359000000,141.550600000000 98.233359000000,136.419800000000 C 98.233359000000,131.289000000000 100.671760000000,127.783800000000 104.227760000000,127.783800000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 87.135123409908,86.229401000000 L 98.741392000000,86.229401000000 L 98.741392000000,79.879401000000 L 89.449691181014,79.879401000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 87.135123409304,86.229401001914"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 104.227760000000,127.783800000000 C 100.671760000000,127.783800000000 98.233359000000,131.289000000000 98.233359000000,136.419800000000 C 98.233359000000,141.550600000000 100.671760000000,145.005000000000 104.227760000000,145.005000000000 C 107.732960000000,145.005000000000 110.222160000000,141.499800000000 110.222160000000,136.521400000000 C 110.222160000000,131.289000000000 107.834560000000,127.783800000000 104.227760000000,127.783800000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 166.610200000000,58.340201000000 C 158.736200000000,58.340201000000 153.910200000000,64.029801000000 153.910200000000,73.224601000000 C 153.910200000000,82.013001000000 158.685400000000,87.397801000000 166.457800000000,87.397801000000 C 172.604590000000,87.397801000000 177.582990000000,83.892601000000 179.157790000000,78.507801000000 L 172.147390000000,78.507801000000 C 171.283790000000,80.692201000000 169.302590000000,81.962201000000 166.711800000000,81.962201000000 C 161.936600000000,81.962201000000 161.174600000000,78.457001000000 161.022200000000,74.748601000000 L 179.411790000000,74.748601000000 C 179.462590000000,74.139001000000 179.462590000000,73.885001000000 179.462590000000,73.529401000000 C 179.462590000000,61.388201000000 172.096590000000,58.340201000000 166.610200000000,58.340201000000 M 172.045790000000,70.024201000000 L 161.123800000000,70.024201000000 C 161.581000000000,65.858601000000 163.359000000000,63.775801000000 166.508600000000,63.775801000000 C 169.810590000000,63.775801000000 171.740990000000,66.011001000000 172.045790000000,70.024201000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 172.045790000000,70.024201000000 C 171.740990000000,66.011001000000 169.810590000000,63.775801000000 166.508600000000,63.775801000000 C 163.359000000000,63.775801000000 161.581000000000,65.858601000000 161.123800000000,70.024201000000 L 172.045790000000,70.024201000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 135.266580000000,58.797401000000 L 135.266580000000,86.229401000000 L 142.378580000000,86.229401000000 L 142.378580000000,71.649801000000 C 142.378580000000,67.484201000000 144.461380000000,65.401401000000 148.626980000000,65.401401000000 C 149.388980000000,65.401401000000 149.896980000000,65.452201000000 150.862180000000,65.604601000000 L 150.862180000000,58.391001000000 C 150.455780000000,58.340201000000 150.201780000000,58.340201000000 149.998580000000,58.340201000000 C 146.747380000000,58.340201000000 143.902580000000,60.473801000000 142.378580000000,64.182201000000 L 142.378580000000,58.797401000000 L 135.266580000000,58.797401000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 116.318170000000,58.340201000000 C 107.936170000000,58.340201000000 102.805370000000,63.877401000000 102.805370000000,72.869001000000 C 102.805370000000,81.911401000000 107.936170000000,87.397801000000 116.368970000000,87.397801000000 C 124.700170000000,87.397801000000 129.932570000000,81.860601000000 129.932570000000,73.072201000000 C 129.932570000000,63.775801000000 124.903370000000,58.340201000000 116.318170000000,58.340201000000 M 116.368970000000,64.080601000000 C 120.280570000000,64.080601000000 122.820570000000,67.585801000000 122.820570000000,72.970601000000 C 122.820570000000,78.101401000000 120.178970000000,81.657401000000 116.368970000000,81.657401000000 C 112.508170000000,81.657401000000 109.917370000000,78.101401000000 109.917370000000,72.869001000000 C 109.917370000000,67.636601000000 112.508170000000,64.080601000000 116.368970000000,64.080601000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 116.368970000000,64.080601000000 C 112.508170000000,64.080601000000 109.917370000000,67.636601000000 109.917370000000,72.869001000000 C 109.917370000000,78.101401000000 112.508170000000,81.657401000000 116.368970000000,81.657401000000 C 120.178970000000,81.657401000000 122.820570000000,78.101401000000 122.820570000000,72.970601000000 C 122.820570000000,67.585801000000 120.280570000000,64.080601000000 116.368970000000,64.080601000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 175.449360000000,149.729400000000 L 175.449360000000,122.297400000000 L 168.337360000000,122.297400000000 L 168.337360000000,139.467800000000 C 168.337360000000,142.719000000000 166.051360000000,144.852600000000 162.596960000000,144.852600000000 C 159.548960000000,144.852600000000 158.024960000000,143.227000000000 158.024960000000,139.925000000000 L 158.024960000000,122.297400000000 L 150.912960000000,122.297400000000 L 150.912960000000,141.398200000000 C 150.912960000000,147.443400000000 154.265760000000,150.897800000000 160.107760000000,150.897800000000 C 163.816160000000,150.897800000000 166.305360000000,149.526200000000 168.337360000000,146.478200000000 L 168.337360000000,149.729400000000 L 175.449360000000,149.729400000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 127.849770000000,141.753800000000 L 120.890170000000,141.753800000000 C 121.093370000000,147.748200000000 125.512970000000,150.897800000000 133.844170000000,150.897800000000 C 143.445370000000,150.897800000000 145.832970000000,145.411400000000 145.832970000000,141.601400000000 C 145.832970000000,138.045400000000 144.054970000000,135.759400000000 140.448170000000,134.692600000000 L 131.456570000000,132.101800000000 C 129.475370000000,131.492200000000 128.967370000000,131.085800000000 128.967370000000,129.968200000000 C 128.967370000000,128.444200000000 130.592970000000,127.428200000000 133.082170000000,127.428200000000 C 136.485770000000,127.428200000000 138.162170000000,128.647400000000 138.212970000000,131.136600000000 L 145.070970000000,131.136600000000 C 144.969370000000,125.345400000000 140.498970000000,121.840200000000 133.132970000000,121.840200000000 C 126.173370000000,121.840200000000 121.855370000000,125.345400000000 121.855370000000,130.984200000000 C 121.855370000000,136.369000000000 126.274970000000,137.232600000000 127.849770000000,137.740600000000 L 136.333370000000,140.382200000000 C 138.111370000000,140.941000000000 138.720970000000,141.499800000000 138.720970000000,142.617400000000 C 138.720970000000,144.293800000000 136.739770000000,145.309800000000 133.437770000000,145.309800000000 C 128.967370000000,145.309800000000 128.256170000000,143.633400000000 127.849770000000,141.753800000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-01/exclusion.svg b/libraries/path-bool/visual-tests/real-01/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..007f0449820d48bad3701ba0eb5f093dded6f84e
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-01/exclusion.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="297mm" height="210mm" viewBox="0 0 297 210" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 83.755387000000,112.696200000000 L 76.135387000000,112.696200000000 L 76.135387000000,149.729400000000 L 83.755387000000,149.729400000000 L 83.755387000000,112.696200000000 M 210.390827092771,121.956108583236 A 64.171516000000 64.171516000000 0.000000000000 0 0 212.671520000000,105.000000175080 A 64.171516000000 64.171516000000 0.000000000000 0 0 207.758199999817,80.373801093438 L 207.758200000000,86.229401000000 L 200.646200000000,86.229401000000 L 200.646200000000,67.941401000000 C 200.646200000000,67.818560224177 200.641541109794,67.698289870537 200.632322706763,67.580689316459 A 64.171516000000 64.171516000000 0.000000000000 0 0 198.381445638899,64.628905814143 C 197.911069408986,64.469391822181 197.376231645220,64.385401000000 196.785400000000,64.385401000000 C 193.737400000000,64.385401000000 191.908600000000,66.417401000000 191.908600000000,69.770201000000 L 191.908600000000,86.229401000000 L 184.796600000000,86.229401000000 L 184.796600000000,58.797401000000 L 191.857800000000,58.797401000000 L 191.857800000000,62.201001000000 C 192.648951992734,61.255058399992 193.405166493342,60.507094922033 194.181643223842,59.931482123758 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,40.828484000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 89.449691181417,79.879400999017 L 98.741392000000,79.879401000000 L 98.741392000000,86.229401000000 L 87.135123409908,86.229401000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 84.328484000000,105.000000000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 91.121360000746,133.734567465873 L 91.121360000000,122.297400000000 L 98.233359000000,122.297400000000 L 98.233359000000,126.361400000000 C 99.960559000000,123.313400000000 102.398960000000,121.840200000000 105.853360000000,121.840200000000 C 112.965360000000,121.840200000000 117.334160000000,128.342600000000 117.334160000000,136.419800000000 C 117.334160000000,144.751000000000 112.457360000000,150.948600000000 105.853360000000,150.948600000000 C 104.979525839266,150.948600000000 104.170705555881,150.857580482126 103.421965352651,150.672252226666 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,169.171520000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 197.903000000613,145.955192339229 L 197.903000000000,131.441400000000 C 197.903000000000,129.257000000000 196.429800000000,127.885400000000 194.042200000000,127.885400000000 C 190.994200000000,127.885400000000 189.165400000000,129.917400000000 189.165400000000,133.270200000000 L 189.165400000000,149.729400000000 L 182.053400000000,149.729400000000 L 182.053400000000,122.297400000000 L 189.114600000000,122.297400000000 L 189.114600000000,125.701000000000 C 191.451400000000,122.907000000000 193.483400000000,121.840200000000 196.633000000000,121.840200000000 C 200.036600000000,121.840200000000 202.779800000000,123.313400000000 204.100600000000,125.904200000000 C 205.858050750491,123.560932332679 207.822303762779,122.320610061612 210.390827092639,121.956108583500 A 64.171516000000 64.171516000000 0.000000000000 0 1 208.378992717779,128.075752652522 C 208.842066828601,127.950200956146 209.347493127457,127.885400000000 209.891800000000,127.885400000000 C 212.279400000000,127.885400000000 213.752600000000,129.257000000000 213.752600000000,131.441400000000 L 213.752600000000,149.729400000000 L 220.864600000000,149.729400000000 L 220.864600000000,130.323800000000 C 220.864600000000,124.989800000000 217.613400000000,121.840200000000 212.127000000000,121.840200000000 C 211.517996453175,121.840200000000 210.940571159495,121.878093903773 210.390827092639,121.956108583500 M 194.181643224018,59.931482123938 A 64.171516000000 64.171516000000 0.000000000000 0 1 198.381445638899,64.628905814143 C 199.705004967239,65.077751271713 200.518180692801,66.124562475425 200.632322706763,67.580689316459 A 64.171516000000 64.171516000000 0.000000000000 0 1 207.758199999817,80.373801093438 L 207.758200000000,69.770201000000 C 207.758200000000,66.417401000000 209.587000000000,64.385401000000 212.635000000000,64.385401000000 C 215.022600000000,64.385401000000 216.495800000000,65.757001000000 216.495800000000,67.941401000000 L 216.495800000000,86.229401000000 L 223.607800000000,86.229401000000 L 223.607800000000,66.823801000000 C 223.607800000000,61.489801000000 220.356600000000,58.340201000000 214.870200000000,58.340201000000 C 211.415800000000,58.340201000000 208.977400000000,59.559401000000 206.843800000000,62.404201000000 C 205.523000000000,59.813401000000 202.779800000000,58.340201000000 199.376200000000,58.340201000000 C 197.292935294555,58.340201000000 195.698620646900,58.806926055163 194.181643223842,59.931482123758 M 208.378992718174,128.075752651238 C 206.248952613479,128.653263118219 205.015000000000,130.516137559798 205.015000000000,133.270200000000 L 205.015000000000,135.398008751254 A 64.171516000000 64.171516000000 0.000000000000 0 0 208.378992717779,128.075752652522 M 205.015000000025,135.398008751224 A 64.171516000000 64.171516000000 0.000000000000 0 1 197.903000000613,145.955192339229 L 197.903000000000,149.729400000000 L 205.015000000000,149.729400000000 L 205.015000000000,135.398008751254 M 103.421965352445,150.672252226380 A 64.171516000000 64.171516000000 0.000000000000 0 1 91.121360000746,133.734567465873 L 91.121360000000,160.803800000000 L 98.233359000000,160.803800000000 L 98.233359000000,146.478200000000 C 99.523641919633,148.755169858176 101.210821090084,150.124949561489 103.421965352651,150.672252226666 M 87.135123409304,86.229401001914 A 64.171516000000 64.171516000000 0.000000000000 0 1 89.449691181417,79.879400999017 L 81.012192000000,79.879401000000 L 81.012192000000,49.196201000000 L 73.392192000000,49.196201000000 L 73.392192000000,86.229401000000 L 87.135123409908,86.229401000000 M 104.227760000000,127.783800000000 C 100.671760000000,127.783800000000 98.233359000000,131.289000000000 98.233359000000,136.419800000000 C 98.233359000000,141.550600000000 100.671760000000,145.005000000000 104.227760000000,145.005000000000 C 107.732960000000,145.005000000000 110.222160000000,141.499800000000 110.222160000000,136.521400000000 C 110.222160000000,131.289000000000 107.834560000000,127.783800000000 104.227760000000,127.783800000000 M 166.610200000000,58.340201000000 C 172.096590000000,58.340201000000 179.462590000000,61.388201000000 179.462590000000,73.529401000000 C 179.462590000000,73.885001000000 179.462590000000,74.139001000000 179.411790000000,74.748601000000 L 161.022200000000,74.748601000000 C 161.174600000000,78.457001000000 161.936600000000,81.962201000000 166.711800000000,81.962201000000 C 169.302590000000,81.962201000000 171.283790000000,80.692201000000 172.147390000000,78.507801000000 L 179.157790000000,78.507801000000 C 177.582990000000,83.892601000000 172.604590000000,87.397801000000 166.457800000000,87.397801000000 C 158.685400000000,87.397801000000 153.910200000000,82.013001000000 153.910200000000,73.224601000000 C 153.910200000000,64.029801000000 158.736200000000,58.340201000000 166.610200000000,58.340201000000 M 172.045790000000,70.024201000000 C 171.740990000000,66.011001000000 169.810590000000,63.775801000000 166.508600000000,63.775801000000 C 163.359000000000,63.775801000000 161.581000000000,65.858601000000 161.123800000000,70.024201000000 L 172.045790000000,70.024201000000 M 135.266580000000,58.797401000000 L 142.378580000000,58.797401000000 L 142.378580000000,64.182201000000 C 143.902580000000,60.473801000000 146.747380000000,58.340201000000 149.998580000000,58.340201000000 C 150.201780000000,58.340201000000 150.455780000000,58.340201000000 150.862180000000,58.391001000000 L 150.862180000000,65.604601000000 C 149.896980000000,65.452201000000 149.388980000000,65.401401000000 148.626980000000,65.401401000000 C 144.461380000000,65.401401000000 142.378580000000,67.484201000000 142.378580000000,71.649801000000 L 142.378580000000,86.229401000000 L 135.266580000000,86.229401000000 L 135.266580000000,58.797401000000 M 116.318170000000,58.340201000000 C 124.903370000000,58.340201000000 129.932570000000,63.775801000000 129.932570000000,73.072201000000 C 129.932570000000,81.860601000000 124.700170000000,87.397801000000 116.368970000000,87.397801000000 C 107.936170000000,87.397801000000 102.805370000000,81.911401000000 102.805370000000,72.869001000000 C 102.805370000000,63.877401000000 107.936170000000,58.340201000000 116.318170000000,58.340201000000 M 116.368970000000,64.080601000000 C 112.508170000000,64.080601000000 109.917370000000,67.636601000000 109.917370000000,72.869001000000 C 109.917370000000,78.101401000000 112.508170000000,81.657401000000 116.368970000000,81.657401000000 C 120.178970000000,81.657401000000 122.820570000000,78.101401000000 122.820570000000,72.970601000000 C 122.820570000000,67.585801000000 120.280570000000,64.080601000000 116.368970000000,64.080601000000 M 175.449360000000,149.729400000000 L 168.337360000000,149.729400000000 L 168.337360000000,146.478200000000 C 166.305360000000,149.526200000000 163.816160000000,150.897800000000 160.107760000000,150.897800000000 C 154.265760000000,150.897800000000 150.912960000000,147.443400000000 150.912960000000,141.398200000000 L 150.912960000000,122.297400000000 L 158.024960000000,122.297400000000 L 158.024960000000,139.925000000000 C 158.024960000000,143.227000000000 159.548960000000,144.852600000000 162.596960000000,144.852600000000 C 166.051360000000,144.852600000000 168.337360000000,142.719000000000 168.337360000000,139.467800000000 L 168.337360000000,122.297400000000 L 175.449360000000,122.297400000000 L 175.449360000000,149.729400000000 M 127.849770000000,141.753800000000 C 128.256170000000,143.633400000000 128.967370000000,145.309800000000 133.437770000000,145.309800000000 C 136.739770000000,145.309800000000 138.720970000000,144.293800000000 138.720970000000,142.617400000000 C 138.720970000000,141.499800000000 138.111370000000,140.941000000000 136.333370000000,140.382200000000 L 127.849770000000,137.740600000000 C 126.274970000000,137.232600000000 121.855370000000,136.369000000000 121.855370000000,130.984200000000 C 121.855370000000,125.345400000000 126.173370000000,121.840200000000 133.132970000000,121.840200000000 C 140.498970000000,121.840200000000 144.969370000000,125.345400000000 145.070970000000,131.136600000000 L 138.212970000000,131.136600000000 C 138.162170000000,128.647400000000 136.485770000000,127.428200000000 133.082170000000,127.428200000000 C 130.592970000000,127.428200000000 128.967370000000,128.444200000000 128.967370000000,129.968200000000 C 128.967370000000,131.085800000000 129.475370000000,131.492200000000 131.456570000000,132.101800000000 L 140.448170000000,134.692600000000 C 144.054970000000,135.759400000000 145.832970000000,138.045400000000 145.832970000000,141.601400000000 C 145.832970000000,145.411400000000 143.445370000000,150.897800000000 133.844170000000,150.897800000000 C 125.512970000000,150.897800000000 121.093370000000,147.748200000000 120.890170000000,141.753800000000 L 127.849770000000,141.753800000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-01/fracture.svg b/libraries/path-bool/visual-tests/real-01/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d05df9c798faf9f979d0aee388100b5494a145e6
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-01/fracture.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="297mm" height="210mm" viewBox="0 0 297 210" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 83.755387000000,112.696200000000 L 76.135387000000,112.696200000000 L 76.135387000000,149.729400000000 L 83.755387000000,149.729400000000 L 83.755387000000,112.696200000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 210.390827092771,121.956108583236 A 64.171516000000 64.171516000000 0.000000000000 0 0 212.671520000000,105.000000175080 A 64.171516000000 64.171516000000 0.000000000000 0 0 207.758199999817,80.373801093438 L 207.758200000000,86.229401000000 L 200.646200000000,86.229401000000 L 200.646200000000,67.941401000000 C 200.646200000000,67.818560224177 200.641541109794,67.698289870537 200.632322706763,67.580689316459 A 64.171516000000 64.171516000000 0.000000000000 0 0 198.381445638899,64.628905814143 C 197.911069408986,64.469391822181 197.376231645220,64.385401000000 196.785400000000,64.385401000000 C 193.737400000000,64.385401000000 191.908600000000,66.417401000000 191.908600000000,69.770201000000 L 191.908600000000,86.229401000000 L 184.796600000000,86.229401000000 L 184.796600000000,58.797401000000 L 191.857800000000,58.797401000000 L 191.857800000000,62.201001000000 C 192.648951992734,61.255058399992 193.405166493342,60.507094922033 194.181643223842,59.931482123758 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,40.828484000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 89.449691181417,79.879400999017 L 98.741392000000,79.879401000000 L 98.741392000000,86.229401000000 L 87.135123409908,86.229401000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 84.328484000000,105.000000000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 91.121360000746,133.734567465873 L 91.121360000000,122.297400000000 L 98.233359000000,122.297400000000 L 98.233359000000,126.361400000000 C 99.960559000000,123.313400000000 102.398960000000,121.840200000000 105.853360000000,121.840200000000 C 112.965360000000,121.840200000000 117.334160000000,128.342600000000 117.334160000000,136.419800000000 C 117.334160000000,144.751000000000 112.457360000000,150.948600000000 105.853360000000,150.948600000000 C 104.979525839266,150.948600000000 104.170705555881,150.857580482126 103.421965352651,150.672252226666 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,169.171520000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 197.903000000613,145.955192339229 L 197.903000000000,131.441400000000 C 197.903000000000,129.257000000000 196.429800000000,127.885400000000 194.042200000000,127.885400000000 C 190.994200000000,127.885400000000 189.165400000000,129.917400000000 189.165400000000,133.270200000000 L 189.165400000000,149.729400000000 L 182.053400000000,149.729400000000 L 182.053400000000,122.297400000000 L 189.114600000000,122.297400000000 L 189.114600000000,125.701000000000 C 191.451400000000,122.907000000000 193.483400000000,121.840200000000 196.633000000000,121.840200000000 C 200.036600000000,121.840200000000 202.779800000000,123.313400000000 204.100600000000,125.904200000000 C 205.858050750491,123.560932332679 207.822303762779,122.320610061612 210.390827092639,121.956108583500 M 166.610200000000,58.340201000000 C 172.096590000000,58.340201000000 179.462590000000,61.388201000000 179.462590000000,73.529401000000 C 179.462590000000,73.885001000000 179.462590000000,74.139001000000 179.411790000000,74.748601000000 L 161.022200000000,74.748601000000 C 161.174600000000,78.457001000000 161.936600000000,81.962201000000 166.711800000000,81.962201000000 C 169.302590000000,81.962201000000 171.283790000000,80.692201000000 172.147390000000,78.507801000000 L 179.157790000000,78.507801000000 C 177.582990000000,83.892601000000 172.604590000000,87.397801000000 166.457800000000,87.397801000000 C 158.685400000000,87.397801000000 153.910200000000,82.013001000000 153.910200000000,73.224601000000 C 153.910200000000,64.029801000000 158.736200000000,58.340201000000 166.610200000000,58.340201000000 M 135.266580000000,58.797401000000 L 142.378580000000,58.797401000000 L 142.378580000000,64.182201000000 C 143.902580000000,60.473801000000 146.747380000000,58.340201000000 149.998580000000,58.340201000000 C 150.201780000000,58.340201000000 150.455780000000,58.340201000000 150.862180000000,58.391001000000 L 150.862180000000,65.604601000000 C 149.896980000000,65.452201000000 149.388980000000,65.401401000000 148.626980000000,65.401401000000 C 144.461380000000,65.401401000000 142.378580000000,67.484201000000 142.378580000000,71.649801000000 L 142.378580000000,86.229401000000 L 135.266580000000,86.229401000000 L 135.266580000000,58.797401000000 M 116.318170000000,58.340201000000 C 124.903370000000,58.340201000000 129.932570000000,63.775801000000 129.932570000000,73.072201000000 C 129.932570000000,81.860601000000 124.700170000000,87.397801000000 116.368970000000,87.397801000000 C 107.936170000000,87.397801000000 102.805370000000,81.911401000000 102.805370000000,72.869001000000 C 102.805370000000,63.877401000000 107.936170000000,58.340201000000 116.318170000000,58.340201000000 M 175.449360000000,149.729400000000 L 168.337360000000,149.729400000000 L 168.337360000000,146.478200000000 C 166.305360000000,149.526200000000 163.816160000000,150.897800000000 160.107760000000,150.897800000000 C 154.265760000000,150.897800000000 150.912960000000,147.443400000000 150.912960000000,141.398200000000 L 150.912960000000,122.297400000000 L 158.024960000000,122.297400000000 L 158.024960000000,139.925000000000 C 158.024960000000,143.227000000000 159.548960000000,144.852600000000 162.596960000000,144.852600000000 C 166.051360000000,144.852600000000 168.337360000000,142.719000000000 168.337360000000,139.467800000000 L 168.337360000000,122.297400000000 L 175.449360000000,122.297400000000 L 175.449360000000,149.729400000000 M 127.849770000000,141.753800000000 C 128.256170000000,143.633400000000 128.967370000000,145.309800000000 133.437770000000,145.309800000000 C 136.739770000000,145.309800000000 138.720970000000,144.293800000000 138.720970000000,142.617400000000 C 138.720970000000,141.499800000000 138.111370000000,140.941000000000 136.333370000000,140.382200000000 L 127.849770000000,137.740600000000 C 126.274970000000,137.232600000000 121.855370000000,136.369000000000 121.855370000000,130.984200000000 C 121.855370000000,125.345400000000 126.173370000000,121.840200000000 133.132970000000,121.840200000000 C 140.498970000000,121.840200000000 144.969370000000,125.345400000000 145.070970000000,131.136600000000 L 138.212970000000,131.136600000000 C 138.162170000000,128.647400000000 136.485770000000,127.428200000000 133.082170000000,127.428200000000 C 130.592970000000,127.428200000000 128.967370000000,128.444200000000 128.967370000000,129.968200000000 C 128.967370000000,131.085800000000 129.475370000000,131.492200000000 131.456570000000,132.101800000000 L 140.448170000000,134.692600000000 C 144.054970000000,135.759400000000 145.832970000000,138.045400000000 145.832970000000,141.601400000000 C 145.832970000000,145.411400000000 143.445370000000,150.897800000000 133.844170000000,150.897800000000 C 125.512970000000,150.897800000000 121.093370000000,147.748200000000 120.890170000000,141.753800000000 L 127.849770000000,141.753800000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 210.390827092771,121.956108583236 A 64.171516000000 64.171516000000 0.000000000000 0 1 208.378992717779,128.075752652522 C 208.842066828601,127.950200956146 209.347493127457,127.885400000000 209.891800000000,127.885400000000 C 212.279400000000,127.885400000000 213.752600000000,129.257000000000 213.752600000000,131.441400000000 L 213.752600000000,149.729400000000 L 220.864600000000,149.729400000000 L 220.864600000000,130.323800000000 C 220.864600000000,124.989800000000 217.613400000000,121.840200000000 212.127000000000,121.840200000000 C 211.517996453175,121.840200000000 210.940571159495,121.878093903773 210.390827092639,121.956108583500"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 210.390827092639,121.956108583500 C 207.822303762779,122.320610061612 205.858050750491,123.560932332679 204.100600000000,125.904200000000 C 202.779800000000,123.313400000000 200.036600000000,121.840200000000 196.633000000000,121.840200000000 C 193.483400000000,121.840200000000 191.451400000000,122.907000000000 189.114600000000,125.701000000000 L 189.114600000000,122.297400000000 L 182.053400000000,122.297400000000 L 182.053400000000,149.729400000000 L 189.165400000000,149.729400000000 L 189.165400000000,133.270200000000 C 189.165400000000,129.917400000000 190.994200000000,127.885400000000 194.042200000000,127.885400000000 C 196.429800000000,127.885400000000 197.903000000000,129.257000000000 197.903000000000,131.441400000000 L 197.903000000000,145.955192339940 A 64.171516000000 64.171516000000 0.000000000000 0 0 205.015000000025,135.398008751224 L 205.015000000000,133.270200000000 C 205.015000000000,130.516137559798 206.248952613479,128.653263118219 208.378992718174,128.075752651238 A 64.171516000000 64.171516000000 0.000000000000 0 0 210.390827092771,121.956108583236"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 200.632322706763,67.580689316459 C 200.641541109794,67.698289870537 200.646200000000,67.818560224177 200.646200000000,67.941401000000 L 200.646200000000,86.229401000000 L 207.758200000000,86.229401000000 L 207.758200000000,80.373801093895 A 64.171516000000 64.171516000000 0.000000000000 0 0 200.632322706442,67.580689316501"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 194.181643224018,59.931482123938 A 64.171516000000 64.171516000000 0.000000000000 0 1 198.381445638899,64.628905814143 C 199.705004967239,65.077751271713 200.518180692801,66.124562475425 200.632322706763,67.580689316459 A 64.171516000000 64.171516000000 0.000000000000 0 1 207.758199999817,80.373801093438 L 207.758200000000,69.770201000000 C 207.758200000000,66.417401000000 209.587000000000,64.385401000000 212.635000000000,64.385401000000 C 215.022600000000,64.385401000000 216.495800000000,65.757001000000 216.495800000000,67.941401000000 L 216.495800000000,86.229401000000 L 223.607800000000,86.229401000000 L 223.607800000000,66.823801000000 C 223.607800000000,61.489801000000 220.356600000000,58.340201000000 214.870200000000,58.340201000000 C 211.415800000000,58.340201000000 208.977400000000,59.559401000000 206.843800000000,62.404201000000 C 205.523000000000,59.813401000000 202.779800000000,58.340201000000 199.376200000000,58.340201000000 C 197.292935294555,58.340201000000 195.698620646900,58.806926055163 194.181643223842,59.931482123758"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 194.181643223842,59.931482123758 C 193.405166493342,60.507094922033 192.648951992734,61.255058399992 191.857800000000,62.201001000000 L 191.857800000000,58.797401000000 L 184.796600000000,58.797401000000 L 184.796600000000,86.229401000000 L 191.908600000000,86.229401000000 L 191.908600000000,69.770201000000 C 191.908600000000,66.417401000000 193.737400000000,64.385401000000 196.785400000000,64.385401000000 C 197.376231645220,64.385401000000 197.911069408986,64.469391822181 198.381445640656,64.628905815900 A 64.171516000000 64.171516000000 0.000000000000 0 0 194.181643224018,59.931482123938"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 208.378992718174,128.075752651238 C 206.248952613479,128.653263118219 205.015000000000,130.516137559798 205.015000000000,133.270200000000 L 205.015000000000,135.398008751254 A 64.171516000000 64.171516000000 0.000000000000 0 0 208.378992717779,128.075752652522"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 205.015000000025,135.398008751224 A 64.171516000000 64.171516000000 0.000000000000 0 1 197.903000000613,145.955192339229 L 197.903000000000,149.729400000000 L 205.015000000000,149.729400000000 L 205.015000000000,135.398008751254"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 103.421965352445,150.672252226380 A 64.171516000000 64.171516000000 0.000000000000 0 1 91.121360000746,133.734567465873 L 91.121360000000,160.803800000000 L 98.233359000000,160.803800000000 L 98.233359000000,146.478200000000 C 99.523641919633,148.755169858176 101.210821090084,150.124949561489 103.421965352651,150.672252226666"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 103.421965352651,150.672252226666 C 104.170705555881,150.857580482126 104.979525839266,150.948600000000 105.853360000000,150.948600000000 C 112.457360000000,150.948600000000 117.334160000000,144.751000000000 117.334160000000,136.419800000000 C 117.334160000000,128.342600000000 112.965360000000,121.840200000000 105.853360000000,121.840200000000 C 102.398960000000,121.840200000000 99.960559000000,123.313400000000 98.233359000000,126.361400000000 L 98.233359000000,122.297400000000 L 91.121360000000,122.297400000000 L 91.121360000000,133.734567464352 A 64.171516000000 64.171516000000 0.000000000000 0 0 103.421965352445,150.672252226380 M 104.227760000000,127.783800000000 C 107.834560000000,127.783800000000 110.222160000000,131.289000000000 110.222160000000,136.521400000000 C 110.222160000000,141.499800000000 107.732960000000,145.005000000000 104.227760000000,145.005000000000 C 100.671760000000,145.005000000000 98.233359000000,141.550600000000 98.233359000000,136.419800000000 C 98.233359000000,131.289000000000 100.671760000000,127.783800000000 104.227760000000,127.783800000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 87.135123409908,86.229401000000 L 98.741392000000,86.229401000000 L 98.741392000000,79.879401000000 L 89.449691181014,79.879401000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 87.135123409304,86.229401001914"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 87.135123409304,86.229401001914 A 64.171516000000 64.171516000000 0.000000000000 0 1 89.449691181417,79.879400999017 L 81.012192000000,79.879401000000 L 81.012192000000,49.196201000000 L 73.392192000000,49.196201000000 L 73.392192000000,86.229401000000 L 87.135123409908,86.229401000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 104.227760000000,127.783800000000 C 100.671760000000,127.783800000000 98.233359000000,131.289000000000 98.233359000000,136.419800000000 C 98.233359000000,141.550600000000 100.671760000000,145.005000000000 104.227760000000,145.005000000000 C 107.732960000000,145.005000000000 110.222160000000,141.499800000000 110.222160000000,136.521400000000 C 110.222160000000,131.289000000000 107.834560000000,127.783800000000 104.227760000000,127.783800000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 166.610200000000,58.340201000000 C 158.736200000000,58.340201000000 153.910200000000,64.029801000000 153.910200000000,73.224601000000 C 153.910200000000,82.013001000000 158.685400000000,87.397801000000 166.457800000000,87.397801000000 C 172.604590000000,87.397801000000 177.582990000000,83.892601000000 179.157790000000,78.507801000000 L 172.147390000000,78.507801000000 C 171.283790000000,80.692201000000 169.302590000000,81.962201000000 166.711800000000,81.962201000000 C 161.936600000000,81.962201000000 161.174600000000,78.457001000000 161.022200000000,74.748601000000 L 179.411790000000,74.748601000000 C 179.462590000000,74.139001000000 179.462590000000,73.885001000000 179.462590000000,73.529401000000 C 179.462590000000,61.388201000000 172.096590000000,58.340201000000 166.610200000000,58.340201000000 M 172.045790000000,70.024201000000 L 161.123800000000,70.024201000000 C 161.581000000000,65.858601000000 163.359000000000,63.775801000000 166.508600000000,63.775801000000 C 169.810590000000,63.775801000000 171.740990000000,66.011001000000 172.045790000000,70.024201000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 172.045790000000,70.024201000000 C 171.740990000000,66.011001000000 169.810590000000,63.775801000000 166.508600000000,63.775801000000 C 163.359000000000,63.775801000000 161.581000000000,65.858601000000 161.123800000000,70.024201000000 L 172.045790000000,70.024201000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 135.266580000000,58.797401000000 L 135.266580000000,86.229401000000 L 142.378580000000,86.229401000000 L 142.378580000000,71.649801000000 C 142.378580000000,67.484201000000 144.461380000000,65.401401000000 148.626980000000,65.401401000000 C 149.388980000000,65.401401000000 149.896980000000,65.452201000000 150.862180000000,65.604601000000 L 150.862180000000,58.391001000000 C 150.455780000000,58.340201000000 150.201780000000,58.340201000000 149.998580000000,58.340201000000 C 146.747380000000,58.340201000000 143.902580000000,60.473801000000 142.378580000000,64.182201000000 L 142.378580000000,58.797401000000 L 135.266580000000,58.797401000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 116.318170000000,58.340201000000 C 107.936170000000,58.340201000000 102.805370000000,63.877401000000 102.805370000000,72.869001000000 C 102.805370000000,81.911401000000 107.936170000000,87.397801000000 116.368970000000,87.397801000000 C 124.700170000000,87.397801000000 129.932570000000,81.860601000000 129.932570000000,73.072201000000 C 129.932570000000,63.775801000000 124.903370000000,58.340201000000 116.318170000000,58.340201000000 M 116.368970000000,64.080601000000 C 120.280570000000,64.080601000000 122.820570000000,67.585801000000 122.820570000000,72.970601000000 C 122.820570000000,78.101401000000 120.178970000000,81.657401000000 116.368970000000,81.657401000000 C 112.508170000000,81.657401000000 109.917370000000,78.101401000000 109.917370000000,72.869001000000 C 109.917370000000,67.636601000000 112.508170000000,64.080601000000 116.368970000000,64.080601000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 116.368970000000,64.080601000000 C 112.508170000000,64.080601000000 109.917370000000,67.636601000000 109.917370000000,72.869001000000 C 109.917370000000,78.101401000000 112.508170000000,81.657401000000 116.368970000000,81.657401000000 C 120.178970000000,81.657401000000 122.820570000000,78.101401000000 122.820570000000,72.970601000000 C 122.820570000000,67.585801000000 120.280570000000,64.080601000000 116.368970000000,64.080601000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 175.449360000000,149.729400000000 L 175.449360000000,122.297400000000 L 168.337360000000,122.297400000000 L 168.337360000000,139.467800000000 C 168.337360000000,142.719000000000 166.051360000000,144.852600000000 162.596960000000,144.852600000000 C 159.548960000000,144.852600000000 158.024960000000,143.227000000000 158.024960000000,139.925000000000 L 158.024960000000,122.297400000000 L 150.912960000000,122.297400000000 L 150.912960000000,141.398200000000 C 150.912960000000,147.443400000000 154.265760000000,150.897800000000 160.107760000000,150.897800000000 C 163.816160000000,150.897800000000 166.305360000000,149.526200000000 168.337360000000,146.478200000000 L 168.337360000000,149.729400000000 L 175.449360000000,149.729400000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 127.849770000000,141.753800000000 L 120.890170000000,141.753800000000 C 121.093370000000,147.748200000000 125.512970000000,150.897800000000 133.844170000000,150.897800000000 C 143.445370000000,150.897800000000 145.832970000000,145.411400000000 145.832970000000,141.601400000000 C 145.832970000000,138.045400000000 144.054970000000,135.759400000000 140.448170000000,134.692600000000 L 131.456570000000,132.101800000000 C 129.475370000000,131.492200000000 128.967370000000,131.085800000000 128.967370000000,129.968200000000 C 128.967370000000,128.444200000000 130.592970000000,127.428200000000 133.082170000000,127.428200000000 C 136.485770000000,127.428200000000 138.162170000000,128.647400000000 138.212970000000,131.136600000000 L 145.070970000000,131.136600000000 C 144.969370000000,125.345400000000 140.498970000000,121.840200000000 133.132970000000,121.840200000000 C 126.173370000000,121.840200000000 121.855370000000,125.345400000000 121.855370000000,130.984200000000 C 121.855370000000,136.369000000000 126.274970000000,137.232600000000 127.849770000000,137.740600000000 L 136.333370000000,140.382200000000 C 138.111370000000,140.941000000000 138.720970000000,141.499800000000 138.720970000000,142.617400000000 C 138.720970000000,144.293800000000 136.739770000000,145.309800000000 133.437770000000,145.309800000000 C 128.967370000000,145.309800000000 128.256170000000,143.633400000000 127.849770000000,141.753800000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-01/intersection.svg b/libraries/path-bool/visual-tests/real-01/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6811c73e3f4780fcf201e1361abfdf509e5f170f
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-01/intersection.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="297mm" height="210mm" viewBox="0 0 297 210" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 210.390827092639,121.956108583500 C 207.822303762779,122.320610061612 205.858050750491,123.560932332679 204.100600000000,125.904200000000 C 202.779800000000,123.313400000000 200.036600000000,121.840200000000 196.633000000000,121.840200000000 C 193.483400000000,121.840200000000 191.451400000000,122.907000000000 189.114600000000,125.701000000000 L 189.114600000000,122.297400000000 L 182.053400000000,122.297400000000 L 182.053400000000,149.729400000000 L 189.165400000000,149.729400000000 L 189.165400000000,133.270200000000 C 189.165400000000,129.917400000000 190.994200000000,127.885400000000 194.042200000000,127.885400000000 C 196.429800000000,127.885400000000 197.903000000000,129.257000000000 197.903000000000,131.441400000000 L 197.903000000000,145.955192339940 A 64.171516000000 64.171516000000 0.000000000000 0 0 205.015000000025,135.398008751224 L 205.015000000000,133.270200000000 C 205.015000000000,130.516137559798 206.248952613479,128.653263118219 208.378992718174,128.075752651238 A 64.171516000000 64.171516000000 0.000000000000 0 0 210.390827092771,121.956108583236 M 200.632322706763,67.580689316459 C 200.641541109794,67.698289870537 200.646200000000,67.818560224177 200.646200000000,67.941401000000 L 200.646200000000,86.229401000000 L 207.758200000000,86.229401000000 L 207.758200000000,80.373801093895 A 64.171516000000 64.171516000000 0.000000000000 0 0 200.632322706442,67.580689316501 M 194.181643223842,59.931482123758 C 193.405166493342,60.507094922033 192.648951992734,61.255058399992 191.857800000000,62.201001000000 L 191.857800000000,58.797401000000 L 184.796600000000,58.797401000000 L 184.796600000000,86.229401000000 L 191.908600000000,86.229401000000 L 191.908600000000,69.770201000000 C 191.908600000000,66.417401000000 193.737400000000,64.385401000000 196.785400000000,64.385401000000 C 197.376231645220,64.385401000000 197.911069408986,64.469391822181 198.381445640656,64.628905815900 A 64.171516000000 64.171516000000 0.000000000000 0 0 194.181643224018,59.931482123938 M 103.421965352651,150.672252226666 C 104.170705555881,150.857580482126 104.979525839266,150.948600000000 105.853360000000,150.948600000000 C 112.457360000000,150.948600000000 117.334160000000,144.751000000000 117.334160000000,136.419800000000 C 117.334160000000,128.342600000000 112.965360000000,121.840200000000 105.853360000000,121.840200000000 C 102.398960000000,121.840200000000 99.960559000000,123.313400000000 98.233359000000,126.361400000000 L 98.233359000000,122.297400000000 L 91.121360000000,122.297400000000 L 91.121360000000,133.734567464352 A 64.171516000000 64.171516000000 0.000000000000 0 0 103.421965352445,150.672252226380 M 87.135123409908,86.229401000000 L 98.741392000000,86.229401000000 L 98.741392000000,79.879401000000 L 89.449691181014,79.879401000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 87.135123409304,86.229401001914 M 104.227760000000,127.783800000000 C 107.834560000000,127.783800000000 110.222160000000,131.289000000000 110.222160000000,136.521400000000 C 110.222160000000,141.499800000000 107.732960000000,145.005000000000 104.227760000000,145.005000000000 C 100.671760000000,145.005000000000 98.233359000000,141.550600000000 98.233359000000,136.419800000000 C 98.233359000000,131.289000000000 100.671760000000,127.783800000000 104.227760000000,127.783800000000 M 166.610200000000,58.340201000000 C 158.736200000000,58.340201000000 153.910200000000,64.029801000000 153.910200000000,73.224601000000 C 153.910200000000,82.013001000000 158.685400000000,87.397801000000 166.457800000000,87.397801000000 C 172.604590000000,87.397801000000 177.582990000000,83.892601000000 179.157790000000,78.507801000000 L 172.147390000000,78.507801000000 C 171.283790000000,80.692201000000 169.302590000000,81.962201000000 166.711800000000,81.962201000000 C 161.936600000000,81.962201000000 161.174600000000,78.457001000000 161.022200000000,74.748601000000 L 179.411790000000,74.748601000000 C 179.462590000000,74.139001000000 179.462590000000,73.885001000000 179.462590000000,73.529401000000 C 179.462590000000,61.388201000000 172.096590000000,58.340201000000 166.610200000000,58.340201000000 M 172.045790000000,70.024201000000 L 161.123800000000,70.024201000000 C 161.581000000000,65.858601000000 163.359000000000,63.775801000000 166.508600000000,63.775801000000 C 169.810590000000,63.775801000000 171.740990000000,66.011001000000 172.045790000000,70.024201000000 M 135.266580000000,58.797401000000 L 135.266580000000,86.229401000000 L 142.378580000000,86.229401000000 L 142.378580000000,71.649801000000 C 142.378580000000,67.484201000000 144.461380000000,65.401401000000 148.626980000000,65.401401000000 C 149.388980000000,65.401401000000 149.896980000000,65.452201000000 150.862180000000,65.604601000000 L 150.862180000000,58.391001000000 C 150.455780000000,58.340201000000 150.201780000000,58.340201000000 149.998580000000,58.340201000000 C 146.747380000000,58.340201000000 143.902580000000,60.473801000000 142.378580000000,64.182201000000 L 142.378580000000,58.797401000000 L 135.266580000000,58.797401000000 M 116.318170000000,58.340201000000 C 107.936170000000,58.340201000000 102.805370000000,63.877401000000 102.805370000000,72.869001000000 C 102.805370000000,81.911401000000 107.936170000000,87.397801000000 116.368970000000,87.397801000000 C 124.700170000000,87.397801000000 129.932570000000,81.860601000000 129.932570000000,73.072201000000 C 129.932570000000,63.775801000000 124.903370000000,58.340201000000 116.318170000000,58.340201000000 M 116.368970000000,64.080601000000 C 120.280570000000,64.080601000000 122.820570000000,67.585801000000 122.820570000000,72.970601000000 C 122.820570000000,78.101401000000 120.178970000000,81.657401000000 116.368970000000,81.657401000000 C 112.508170000000,81.657401000000 109.917370000000,78.101401000000 109.917370000000,72.869001000000 C 109.917370000000,67.636601000000 112.508170000000,64.080601000000 116.368970000000,64.080601000000 M 175.449360000000,149.729400000000 L 175.449360000000,122.297400000000 L 168.337360000000,122.297400000000 L 168.337360000000,139.467800000000 C 168.337360000000,142.719000000000 166.051360000000,144.852600000000 162.596960000000,144.852600000000 C 159.548960000000,144.852600000000 158.024960000000,143.227000000000 158.024960000000,139.925000000000 L 158.024960000000,122.297400000000 L 150.912960000000,122.297400000000 L 150.912960000000,141.398200000000 C 150.912960000000,147.443400000000 154.265760000000,150.897800000000 160.107760000000,150.897800000000 C 163.816160000000,150.897800000000 166.305360000000,149.526200000000 168.337360000000,146.478200000000 L 168.337360000000,149.729400000000 L 175.449360000000,149.729400000000 M 127.849770000000,141.753800000000 L 120.890170000000,141.753800000000 C 121.093370000000,147.748200000000 125.512970000000,150.897800000000 133.844170000000,150.897800000000 C 143.445370000000,150.897800000000 145.832970000000,145.411400000000 145.832970000000,141.601400000000 C 145.832970000000,138.045400000000 144.054970000000,135.759400000000 140.448170000000,134.692600000000 L 131.456570000000,132.101800000000 C 129.475370000000,131.492200000000 128.967370000000,131.085800000000 128.967370000000,129.968200000000 C 128.967370000000,128.444200000000 130.592970000000,127.428200000000 133.082170000000,127.428200000000 C 136.485770000000,127.428200000000 138.162170000000,128.647400000000 138.212970000000,131.136600000000 L 145.070970000000,131.136600000000 C 144.969370000000,125.345400000000 140.498970000000,121.840200000000 133.132970000000,121.840200000000 C 126.173370000000,121.840200000000 121.855370000000,125.345400000000 121.855370000000,130.984200000000 C 121.855370000000,136.369000000000 126.274970000000,137.232600000000 127.849770000000,137.740600000000 L 136.333370000000,140.382200000000 C 138.111370000000,140.941000000000 138.720970000000,141.499800000000 138.720970000000,142.617400000000 C 138.720970000000,144.293800000000 136.739770000000,145.309800000000 133.437770000000,145.309800000000 C 128.967370000000,145.309800000000 128.256170000000,143.633400000000 127.849770000000,141.753800000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-01/original.svg b/libraries/path-bool/visual-tests/real-01/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d5a474d2cdde33c8dbcc9d4621774b894e5ad6ad
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-01/original.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+        width="297mm"
+        height="210mm"
+        viewBox="0 0 297 210"
+        version="1.1"
+        id="svg1"
+        xmlns="http://www.w3.org/2000/svg"
+>
+    <defs
+            id="defs1"/>
+    <path
+            id="a"
+            style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round"
+            d="M 212.67152,105 A 64.171516,64.171516 0 0 1 148.5,169.17152 64.171516,64.171516 0 0 1 84.328484,105 64.171516,64.171516 0 0 1 148.5,40.828484 64.171516,64.171516 0 0 1 212.67152,105 Z"/>
+    <path
+            id="b"
+            style="font-weight:600;font-size:50.8px;font-family:FreeSans;-inkscape-font-specification:'FreeSans Semi-Bold';text-align:center;text-anchor:middle;fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round"
+            d="m 83.755387,112.6962 h -7.62 v 37.0332 h 7.62 z m 22.097973,9.144 c -3.4544,0 -5.892801,1.4732 -7.620001,4.5212 v -4.064 H 91.12136 v 38.5064 h 7.111999 v -14.3256 c 1.7272,3.048 4.165601,4.4704 7.620001,4.4704 6.604,0 11.4808,-6.1976 11.4808,-14.5288 0,-8.0772 -4.3688,-14.5796 -11.4808,-14.5796 z m -1.6256,5.9436 c 3.6068,0 5.9944,3.5052 5.9944,8.7376 0,4.9784 -2.4892,8.4836 -5.9944,8.4836 -3.556,0 -5.994401,-3.4544 -5.994401,-8.5852 0,-5.1308 2.438401,-8.636 5.994401,-8.636 z m 23.62201,13.97 h -6.9596 c 0.2032,5.9944 4.6228,9.144 12.954,9.144 9.6012,0 11.9888,-5.4864 11.9888,-9.2964 0,-3.556 -1.778,-5.842 -5.3848,-6.9088 l -8.9916,-2.5908 c -1.9812,-0.6096 -2.4892,-1.016 -2.4892,-2.1336 0,-1.524 1.6256,-2.54 4.1148,-2.54 3.4036,0 5.08,1.2192 5.1308,3.7084 h 6.858 c -0.1016,-5.7912 -4.572,-9.2964 -11.938,-9.2964 -6.9596,0 -11.2776,3.5052 -11.2776,9.144 0,5.3848 4.4196,6.2484 5.9944,6.7564 l 8.4836,2.6416 c 1.778,0.5588 2.3876,1.1176 2.3876,2.2352 0,1.6764 -1.9812,2.6924 -5.2832,2.6924 -4.4704,0 -5.1816,-1.6764 -5.588,-3.556 z m 47.59959,7.9756 v -27.432 h -7.112 v 17.1704 c 0,3.2512 -2.286,5.3848 -5.7404,5.3848 -3.048,0 -4.572,-1.6256 -4.572,-4.9276 v -17.6276 h -7.112 v 19.1008 c 0,6.0452 3.3528,9.4996 9.1948,9.4996 3.7084,0 6.1976,-1.3716 8.2296,-4.4196 v 3.2512 z m 6.60404,-27.432 v 27.432 h 7.112 v -16.4592 c 0,-3.3528 1.8288,-5.3848 4.8768,-5.3848 2.3876,0 3.8608,1.3716 3.8608,3.556 v 18.288 h 7.112 v -16.4592 c 0,-3.3528 1.8288,-5.3848 4.8768,-5.3848 2.3876,0 3.8608,1.3716 3.8608,3.556 v 18.288 h 7.112 v -19.4056 c 0,-5.334 -3.2512,-8.4836 -8.7376,-8.4836 -3.4544,0 -5.8928,1.2192 -8.0264,4.064 -1.3208,-2.5908 -4.064,-4.064 -7.4676,-4.064 -3.1496,0 -5.1816,1.0668 -7.5184,3.8608 v -3.4036 z M 81.012192,49.196201 h -7.62 v 37.0332 h 25.3492 v -6.35 h -17.7292 z m 35.305978,9.144 c -8.382,0 -13.5128,5.5372 -13.5128,14.5288 0,9.0424 5.1308,14.5288 13.5636,14.5288 8.3312,0 13.5636,-5.5372 13.5636,-14.3256 0,-9.2964 -5.0292,-14.732 -13.6144,-14.732 z m 0.0508,5.7404 c 3.9116,0 6.4516,3.5052 6.4516,8.89 0,5.1308 -2.6416,8.6868 -6.4516,8.6868 -3.8608,0 -6.4516,-3.556 -6.4516,-8.7884 0,-5.2324 2.5908,-8.7884 6.4516,-8.7884 z m 18.89761,-5.2832 v 27.432 h 7.112 v -14.5796 c 0,-4.1656 2.0828,-6.2484 6.2484,-6.2484 0.762,0 1.27,0.0508 2.2352,0.2032 v -7.2136 c -0.4064,-0.0508 -0.6604,-0.0508 -0.8636,-0.0508 -3.2512,0 -6.096,2.1336 -7.62,5.842 v -5.3848 z m 31.34362,-0.4572 c -7.874,0 -12.7,5.6896 -12.7,14.8844 0,8.7884 4.7752,14.1732 12.5476,14.1732 6.14679,0 11.12519,-3.5052 12.69999,-8.89 h -7.0104 c -0.8636,2.1844 -2.8448,3.4544 -5.43559,3.4544 -4.7752,0 -5.5372,-3.5052 -5.6896,-7.2136 h 18.38959 c 0.0508,-0.6096 0.0508,-0.8636 0.0508,-1.2192 0,-12.1412 -7.366,-15.1892 -12.85239,-15.1892 z m 5.43559,11.684 H 161.1238 c 0.4572,-4.1656 2.2352,-6.2484 5.3848,-6.2484 3.30199,0 5.23239,2.2352 5.53719,6.2484 z m 12.75081,-11.2268 v 27.432 h 7.112 v -16.4592 c 0,-3.3528 1.8288,-5.3848 4.8768,-5.3848 2.3876,0 3.8608,1.3716 3.8608,3.556 v 18.288 h 7.112 v -16.4592 c 0,-3.3528 1.8288,-5.3848 4.8768,-5.3848 2.3876,0 3.8608,1.3716 3.8608,3.556 v 18.288 h 7.112 v -19.4056 c 0,-5.334 -3.2512,-8.4836 -8.7376,-8.4836 -3.4544,0 -5.8928,1.2192 -8.0264,4.064 -1.3208,-2.5908 -4.064,-4.064 -7.4676,-4.064 -3.1496,0 -5.1816,1.0668 -7.5184,3.8608 v -3.4036 z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-01/union.svg b/libraries/path-bool/visual-tests/real-01/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..61a8c7c542d1b93b1d812f393f3b418e4ea6a01a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-01/union.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="297mm" height="210mm" viewBox="0 0 297 210" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round" d="M 83.755387000000,112.696200000000 L 76.135387000000,112.696200000000 L 76.135387000000,149.729400000000 L 83.755387000000,149.729400000000 L 83.755387000000,112.696200000000 M 210.390827092771,121.956108583236 A 64.171516000000 64.171516000000 0.000000000000 0 0 212.671520000000,105.000000175080 A 64.171516000000 64.171516000000 0.000000000000 0 0 207.758199999817,80.373801093438 L 207.758200000000,69.770201000000 C 207.758200000000,66.417401000000 209.587000000000,64.385401000000 212.635000000000,64.385401000000 C 215.022600000000,64.385401000000 216.495800000000,65.757001000000 216.495800000000,67.941401000000 L 216.495800000000,86.229401000000 L 223.607800000000,86.229401000000 L 223.607800000000,66.823801000000 C 223.607800000000,61.489801000000 220.356600000000,58.340201000000 214.870200000000,58.340201000000 C 211.415800000000,58.340201000000 208.977400000000,59.559401000000 206.843800000000,62.404201000000 C 205.523000000000,59.813401000000 202.779800000000,58.340201000000 199.376200000000,58.340201000000 C 197.292935294555,58.340201000000 195.698620646900,58.806926055163 194.181643223842,59.931482123758 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,40.828484000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 89.449691181417,79.879400999017 L 81.012192000000,79.879401000000 L 81.012192000000,49.196201000000 L 73.392192000000,49.196201000000 L 73.392192000000,86.229401000000 L 87.135123409908,86.229401000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 84.328484000000,105.000000000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 91.121360000746,133.734567465873 L 91.121360000000,160.803800000000 L 98.233359000000,160.803800000000 L 98.233359000000,146.478200000000 C 99.523641919633,148.755169858176 101.210821090084,150.124949561489 103.421965352651,150.672252226666 A 64.171516000000 64.171516000000 0.000000000000 0 0 148.500000000000,169.171520000000 A 64.171516000000 64.171516000000 0.000000000000 0 0 197.903000000613,145.955192339229 L 197.903000000000,149.729400000000 L 205.015000000000,149.729400000000 L 205.015000000000,135.398008751254 A 64.171516000000 64.171516000000 0.000000000000 0 0 208.378992717779,128.075752652522 C 208.842066828601,127.950200956146 209.347493127457,127.885400000000 209.891800000000,127.885400000000 C 212.279400000000,127.885400000000 213.752600000000,129.257000000000 213.752600000000,131.441400000000 L 213.752600000000,149.729400000000 L 220.864600000000,149.729400000000 L 220.864600000000,130.323800000000 C 220.864600000000,124.989800000000 217.613400000000,121.840200000000 212.127000000000,121.840200000000 C 211.517996453175,121.840200000000 210.940571159495,121.878093903773 210.390827092639,121.956108583500 M 200.632322706442,67.580689316501 A 64.171516000000 64.171516000000 0.000000000000 0 0 198.381445638899,64.628905814143 C 199.705004967239,65.077751271713 200.518180692801,66.124562475425 200.632322706763,67.580689316459"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-02/difference.svg b/libraries/path-bool/visual-tests/real-02/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e409ac768182dacef9ae9d80b13a89f1b725c51a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-02/difference.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg2" viewBox="0 0 900 900" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path d="M 762.888599681386,156.844851797865 C 760.460403392352,158.374241572417 758.903020000000,158.958260000000 758.903020000000,158.958260000000 L 728.549551433527,168.332125850258 C 741.465669449317,173.443708352196 761.021800000000,182.971050000000 761.021800000000,182.971050000000 C 761.021800000000,182.971050000000 780.427694123009,211.473459944806 788.894457070839,216.217404700124 C 790.017637580970,216.617995273213 790.684650000000,216.871460000000 790.684650000000,216.871460000000 C 790.166523634915,216.819647216767 789.564773243116,216.592984235003 788.894457070839,216.217404700124 C 781.845241364876,213.703250177169 756.827709278056,205.393855245955 765.965610000000,217.577720000000 C 765.965610000000,217.577720000000 791.390910000000,242.296770000000 778.678260000000,241.590510000000 C 778.678260000000,241.590510000000 768.084380000000,254.303160000000 776.559480000000,269.840850000000 C 776.559480000000,269.840850000000 743.965650000000,237.368850000000 770.203160000000,282.553500000000 L 782.209550000000,311.510100000000 C 782.209550000000,311.510100000000 739.127780000000,267.722070000000 758.903020000000,306.566290000000 C 758.903020000000,306.566290000000 789.272140000000,348.235540000000 792.803430000000,348.941800000000 C 796.334720000000,349.648060000000 804.103570000000,365.185750000000 804.103570000000,365.185750000000 L 796.334720000000,361.654460000000 L 805.516080000000,377.192140000000 C 805.516080000000,377.192140000000 785.740840000000,356.004390000000 796.334720000000,379.310920000000 L 804.730565520066,400.900238264636 C 835.673264956245,398.273807218184 854.106670000000,396.693710000000 854.106670000000,396.693710000000 C 855.201370000000,397.013290000000 859.103450000000,398.997880000000 861.310510000000,401.911190000000 C 861.310510000000,401.911190000000 873.316900000000,420.980170000000 864.135540000000,388.492280000000 C 864.135540000000,388.492280000000 847.891590000000,337.641670000000 863.429280000000,357.416910000000 C 863.429280000000,357.416910000000 874.023160000000,370.129560000000 868.373090000000,346.116770000000 C 861.557700000000,317.112500000000 857.072950000000,305.860030000000 857.072950000000,305.860030000000 C 857.072950000000,305.860030000000 877.554450000000,314.335140000000 830.235130000000,244.415540000000 L 845.772820000000,250.771870000000 C 845.772820000000,250.771870000000 811.166150000000,180.852280000000 773.028190000000,171.670910000000 L 758.903020000000,161.077040000000 C 758.903020000000,161.077040000000 760.405508762799,159.590202127649 762.888599681427,156.844851797827 M 787.759942720452,402.339196716934 C 792.978381824171,401.897176617117 797.942079606456,401.476319062707 802.631491311656,401.078385039554 C 795.512128458207,394.116957742543 780.867274099977,381.430377208753 787.759942720426,402.339196716901 M 704.818013162483,176.149314682255 C 706.691105566563,175.450694825157 708.707296368648,174.666981995011 710.877440000000,173.789690000000 L 728.549551433527,168.332125850258 C 726.136989555368,167.377349108037 723.956093416994,166.576635344443 722.177580000000,166.020850000000 C 711.422575680629,162.659905201706 694.269973904740,172.733934990674 704.818013162405,176.149314682271 M 694.225791376296,43.264778738517 C 693.845793162225,43.005798840729 693.381026084753,42.663525965401 692.831688899054,42.247102857355 C 660.476546893900,19.370008070606 598.229210000000,12.762748000000 598.229210000000,12.762748000000 C 577.041450000000,9.231455000000 606.704310000000,20.884721000000 606.704310000000,20.884721000000 C 617.298190000000,23.003496000000 664.264380000000,43.131864000000 669.561320000000,44.897510000000 C 673.857978249019,46.329729686726 685.357524044895,44.973732461973 689.547481999788,44.410521026577 C 690.092092681267,44.294456251356 690.611313487441,44.220127667589 691.102200000000,44.191252000000 C 691.102200000000,44.191252000000 690.522923432816,44.279402820725 689.547481999788,44.410521026577 C 685.261332192105,45.323964391969 679.402565436157,48.822494961862 673.406483010803,53.094338937147 C 683.242356163131,47.085284253408 692.236152464448,43.927592206553 694.225791376338,43.264778738302 M 707.342413123608,409.119029894878 C 721.876909023786,407.899363183782 735.689217369541,406.737172426378 748.608530958386,405.647847381028 C 745.068767689309,395.365163731900 743.347703299575,384.816554848781 757.490500000000,397.673640000000 C 757.490500000000,397.673640000000 751.134180000000,370.835820000000 743.365330000000,365.892010000000 C 743.365330000000,365.892010000000 733.477710000000,335.522890000000 760.315540000000,354.591870000000 C 760.315540000000,354.591870000000 752.546690000000,332.697860000000 746.896630000000,327.047790000000 C 746.896630000000,327.047790000000 726.415130000000,278.315950000000 739.127780000000,286.791050000000 L 746.896630000000,293.147380000000 C 746.896630000000,293.147380000000 734.890230000000,268.428330000000 746.190370000000,276.197180000000 C 757.490500000000,283.966020000000 757.490500000000,283.259760000000 757.490500000000,283.259760000000 C 757.490500000000,283.259760000000 720.058800000000,224.640300000000 756.077990000000,255.715680000000 C 756.077990000000,255.715680000000 741.670310000000,231.141410000000 735.596490000000,218.990240000000 C 735.596490000000,218.990240000000 702.402340000000,182.971050000000 727.827650000000,194.271190000000 L 736.302750000000,197.096220000000 C 736.302750000000,197.096220000000 720.765060000000,179.439760000000 706.639890000000,176.614720000000 C 705.958470640421,176.478436321050 705.352658466980,176.322429009100 704.818013162405,176.149314682271 C 678.040600905651,186.136666018242 680.508320000000,178.733500000000 680.508320000000,178.733500000000 C 677.867725623851,174.508544511538 676.806776923464,167.124297671551 676.439565654401,163.668037979264 C 670.591574048481,157.194902275535 654.376760000000,151.189420000000 654.376760000000,151.189420000000 C 664.264380000000,166.727100000000 631.776490000000,154.720710000000 631.776490000000,154.720710000000 C 612.001250000000,134.945470000000 627.538940000000,117.995270000000 627.538940000000,117.995270000000 C 632.482750000000,111.638940000000 626.832680000000,107.401390000000 626.832680000000,107.401390000000 C 620.476350000000,108.107650000000 612.001250000000,103.163840000000 612.001250000000,103.163840000000 C 539.256620000000,54.432000000000 483.463960000000,70.675946000000 490.526550000000,69.969688000000 C 496.649976557182,69.357344477258 512.859493717108,79.894241684167 517.062168169605,82.707377818726 L 517.362610000000,82.682341000000 C 517.362610000000,82.682341000000 526.543970000000,81.269824000000 552.675530000000,87.626151000000 C 552.675530000000,87.626151000000 562.563150000000,86.919892000000 583.044650000000,110.932680000000 C 583.044650000000,110.932680000000 591.519750000000,119.407780000000 592.226010000000,127.176630000000 C 592.226010000000,127.176630000000 600.701110000000,139.183020000000 611.294990000000,148.364380000000 C 611.294990000000,148.364380000000 616.945060000000,161.783300000000 620.476350000000,164.608330000000 C 620.476350000000,164.608330000000 652.257980000000,182.971050000000 638.132810000000,182.971050000000 C 638.132810000000,182.971050000000 688.983430000000,202.746290000000 659.320570000000,200.627510000000 C 659.320570000000,200.627510000000 652.964240000000,199.215000000000 660.026830000000,205.571320000000 C 660.026830000000,205.571320000000 676.977030000000,216.871460000000 686.158390000000,218.990240000000 C 686.158390000000,218.990240000000 688.983430000000,223.227790000000 678.389550000000,222.521530000000 C 678.389550000000,222.521530000000 659.320570000000,241.590510000000 693.927240000000,240.884250000000 C 693.927240000000,240.884250000000 714.408730000000,246.534320000000 691.102200000000,252.890640000000 C 691.102200000000,252.890640000000 674.152000000000,262.072010000000 678.389550000000,268.428330000000 C 682.627100000000,274.784660000000 708.052410000000,300.209970000000 693.927240000000,296.678670000000 C 693.927240000000,296.678670000000 693.220980000000,303.741260000000 702.402340000000,311.510100000000 C 702.402340000000,311.510100000000 726.415130000000,310.803840000000 718.646280000000,315.747650000000 C 718.646280000000,315.747650000000 705.227370000000,324.222750000000 717.233770000000,335.522890000000 C 729.240160000000,346.823030000000 715.114990000000,343.997990000000 710.171180000000,341.879220000000 C 710.171180000000,341.879220000000 708.758670000000,341.172960000000 710.171180000000,353.179350000000 C 710.171180000000,353.179350000000 699.577300000000,372.954590000000 699.577300000000,378.604660000000 C 699.577300000000,378.604660000000 717.233770000000,405.442480000000 704.521110000000,399.086160000000 C 704.521110000000,399.086160000000 705.604725673239,403.337262829450 707.342413123593,409.119029894845 M 651.806416500816,16.931704431948 C 650.231562150496,16.225899237118 648.614582031349,15.528464805479 646.955548530216,14.842730934322 C 647.893551838723,15.315344946447 648.373560000000,15.587782000000 648.373560000000,15.587782000000 C 649.543375303534,16.032820453393 650.687550895912,16.481063872301 651.806416500816,16.931704431949 M 460.880048219831,429.448670592229 C 489.328518630045,427.152869877151 518.087608864971,424.809031748851 546.424407953285,422.483191612064 C 546.390755523532,422.452052918109 546.355699149183,422.421881298681 546.319210000000,422.392690000000 C 546.319210000000,422.392690000000 527.956480000000,408.973780000000 496.176620000000,424.511460000000 C 496.176620000000,424.511460000000 492.645320000000,428.042760000000 474.280840000000,411.798810000000 C 474.280840000000,411.798810000000 458.036890000000,399.792420000000 453.799340000000,399.792420000000 C 453.799340000000,399.792420000000 481.345190000000,425.217720000000 466.511990000000,421.686430000000 C 466.511990000000,421.686430000000 450.974310000000,417.448880000000 455.211860000000,421.686430000000 C 455.211860000000,421.686430000000 456.686000069978,425.154996170557 460.880048219807,429.448670592221 M 442.546077570539,430.924961394438 C 446.876528710824,430.577056895322 451.217964753031,430.227692529613 455.567754320329,429.877105384815 C 451.669523069354,426.930913593829 448.642128555951,424.661722561252 447.443010000000,423.805210000000 C 447.443010000000,423.805210000000 438.967910000000,411.092550000000 450.974310000000,415.330100000000 C 450.974310000000,415.330100000000 426.961520000000,381.429700000000 419.898930000000,380.017180000000 C 419.898930000000,380.017180000000 393.061110000000,362.360720000000 395.179880000000,367.304520000000 C 395.179880000000,367.304520000000 411.423830000000,400.498680000000 424.842740000000,408.973780000000 C 424.842740000000,408.973780000000 434.631390556513,420.929915909755 440.021705444012,428.508488250632 C 440.253052678820,428.663178733686 440.380430000000,428.749020000000 440.380430000000,428.749020000000 C 440.380430000000,428.749020000000 441.160611497937,429.543350453980 442.546077570537,430.924961394435 M 287.783815303581,71.524925505868 C 284.901426903228,72.937517157240 282.436059073530,73.928895755393 280.766000000000,74.207239000000 C 280.766000000000,74.207239000000 260.284510000000,85.507375000000 252.515660000000,103.163840000000 L 246.159340000000,105.282610000000 C 246.159340000000,105.282610000000 243.334300000000,117.995270000000 242.628040000000,120.114040000000 C 242.628040000000,120.114040000000 234.152940000000,126.470370000000 232.740420000000,136.357990000000 C 232.740420000000,136.357990000000 217.202740000000,146.951870000000 217.908990000000,154.720710000000 C 217.908990000000,154.720710000000 215.083960000000,163.902070000000 213.671440000000,172.377170000000 C 213.671440000000,172.377170000000 200.958790000000,180.852280000000 202.371310000000,185.796090000000 C 202.371310000000,185.796090000000 188.952390000000,210.515130000000 191.071170000000,222.521530000000 C 191.071170000000,222.521530000000 179.771030000000,221.815270000000 174.827220000000,226.052820000000 C 174.827220000000,226.052820000000 173.414710000000,234.527920000000 170.589670000000,235.234180000000 C 170.589670000000,235.234180000000 165.645860000000,237.352960000000 169.883410000000,244.415540000000 C 169.883410000000,244.415540000000 167.058380000000,249.359350000000 166.352120000000,252.184390000000 C 166.352120000000,252.184390000000 167.764640000000,257.128200000000 159.995800000000,267.015810000000 C 159.995800000000,267.015810000000 148.695660000000,300.209970000000 152.226950000000,309.391330000000 C 152.226950000000,309.391330000000 152.610322780482,313.991792509363 150.834975350775,317.543625103838 C 151.253171000079,317.293929499961 151.520690000000,317.160170000000 151.520690000000,317.160170000000 C 157.877020000000,334.110370000000 185.067970000000,326.341530000000 185.067970000000,326.341530000000 C 174.120970000000,333.050990000000 156.111370000000,343.644860000000 156.111370000000,343.644860000000 C 156.111370000000,343.644860000000 160.348920000000,337.641670000000 161.408310000000,336.229150000000 C 162.467700000000,334.816630000000 152.933210000000,332.697860000000 152.933210000000,332.697860000000 C 152.933210000000,332.697860000000 151.578803619469,332.246391206490 149.050476061313,329.358177717921 C 150.549307010824,332.236912408040 152.892374440454,336.069922798225 156.464500000000,341.172960000000 C 156.464500000000,341.172960000000 157.877020000000,343.291740000000 152.226950000000,347.529290000000 C 152.226950000000,347.529290000000 121.857840000000,353.885610000000 117.620280000000,382.842210000000 C 117.620280000000,382.842210000000 93.607495000000,408.973780000000 93.607495000000,418.155140000000 C 93.607495000000,422.224950000000 94.084219000000,427.781440000000 95.320172000000,435.917540000000 C 95.320172000000,435.917540000000 94.547017112298,447.230009823510 127.168898897385,450.975658740198 C 127.702597820378,450.158008059970 128.285522326844,449.340547245068 128.920420000000,448.524250000000 C 128.920420000000,448.524250000000 128.313937749776,449.607254368757 128.066569838113,451.075887581161 C 132.447662567242,451.551357941497 137.414572228951,451.892331748614 143.045590000000,452.055550000000 C 149.433238427522,452.240698298943 166.363296828396,451.426119850051 190.962271228951,449.870716955215 C 191.284564121989,449.662977016783 191.558365302087,449.449574697913 191.777430000000,449.230510000000 C 191.988294915792,449.371087274010 192.324480248680,449.548914315936 192.763885563564,449.756350502324 C 205.372506253628,448.952862638884 219.918923484616,447.962066401940 236.033127580308,446.817299727068 C 238.783647415319,444.222242102172 240.509270000000,442.167930000000 240.509270000000,442.167930000000 C 240.509270000000,442.167930000000 248.631240000000,423.628640000000 253.575050000000,423.628640000000 C 258.518860000000,423.628640000000 252.868790000000,426.453680000000 252.868790000000,426.453680000000 C 252.868790000000,426.453680000000 242.654805930284,442.084171570164 241.931267548165,446.396444600833 C 270.460260197636,444.352120263405 303.550002179195,441.858806822603 339.283377651186,439.089236745845 C 339.974571541939,438.918860253503 340.635640270349,438.751154075042 341.244785419178,438.590166825654 L 341.295890000000,437.930380000000 C 341.295890000000,437.930380000000 342.388274581106,437.846726141993 343.844463509447,437.829957834041 C 344.110823768447,437.737692104933 344.328305043680,437.652915851571 344.488180000000,437.577250000000 C 377.115560000000,422.219660000000 403.104100000000,430.198610000000 404.069910000000,428.221090000000 C 404.508981360099,427.321231456341 411.935836892436,429.438217434163 420.496255180409,432.691257609219 C 426.027596659292,432.249513308464 431.584717474717,431.804663022753 437.161958833781,431.357216610305 C 422.921307172828,419.370689239325 423.732426839632,418.723021987686 428.100456483693,421.069794280215 C 423.866270011954,416.841761911857 418.603464458082,411.467067711911 412.130090000000,404.736230000000 C 412.130090000000,404.736230000000 375.497328571624,365.431038913548 364.662614521501,354.034133049112 C 363.771795597329,353.161989710122 362.840668327434,352.182443745920 361.800340000000,351.072940000000 C 362.134677583552,351.390148282277 363.145860505515,352.438677676711 364.662614521501,354.034133049112 C 367.296030366514,356.612340612654 369.577192973616,358.251960351502 373.285870000000,359.535680000000 C 373.285870000000,359.535680000000 387.057910000000,369.070170000000 388.470430000000,371.895210000000 C 388.470430000000,371.895210000000 390.942330000000,370.129560000000 388.823560000000,367.657650000000 C 388.823560000000,367.657650000000 368.695190000000,342.232350000000 386.351650000000,345.763640000000 C 386.351650000000,345.763640000000 390.942330000000,350.707450000000 394.473620000000,353.179350000000 C 394.473620000000,353.179350000000 413.547900000000,371.250740000000 452.033690000000,368.363910000000 C 466.158860000000,367.304520000000 456.271240000000,377.192140000000 455.918120000000,376.839010000000 C 455.564990000000,376.485890000000 440.380430000000,384.254730000000 448.149270000000,384.960990000000 C 448.149270000000,384.960990000000 462.274440000000,380.017180000000 475.693350000000,380.370310000000 C 489.114030000000,380.723440000000 496.176620000000,377.545270000000 496.176620000000,377.545270000000 C 496.176620000000,377.545270000000 508.181250000000,377.545270000000 518.421990000000,381.429700000000 C 528.662740000000,385.314120000000 548.437980000000,386.726630000000 551.263020000000,386.373500000000 L 554.088050000000,386.020380000000 C 554.088050000000,386.020380000000 581.279000000000,393.436090000000 580.219610000000,376.485890000000 C 580.219610000000,376.485890000000 587.282200000000,376.132760000000 585.869680000000,372.601460000000 C 584.457170000000,369.070170000000 579.160230000000,361.654460000000 578.807100000000,358.476290000000 C 578.786392199825,358.289920384832 578.771756002007,358.126622789847 578.762550528822,357.984332170647 C 574.499270304430,354.627231128123 560.101241575765,342.342155775670 575.628930000000,340.819830000000 C 575.628930000000,340.819830000000 580.925870000000,335.876020000000 561.856890000000,313.275750000000 C 561.856890000000,313.275750000000 547.378590000000,295.266160000000 566.800700000000,298.444320000000 C 566.800700000000,298.444320000000 584.104040000000,298.091190000000 573.510160000000,286.437920000000 C 573.510160000000,286.437920000000 557.266210000000,279.375340000000 577.041450000000,268.428330000000 C 577.041450000000,268.428330000000 592.720390000000,257.363030000000 593.991660000000,243.356150000000 C 593.991660000000,243.356150000000 595.404170000000,234.527920000000 598.229210000000,232.762280000000 C 598.229210000000,232.762280000000 597.169820000000,223.580920000000 610.941860000000,226.052820000000 C 610.941860000000,226.052820000000 624.713900000000,222.874660000000 628.598320000000,228.171600000000 C 632.482750000000,233.468540000000 616.945060000000,241.943640000000 612.001250000000,249.359350000000 C 612.001250000000,249.359350000000 598.935470000000,271.606500000000 595.051040000000,280.787860000000 C 595.051040000000,280.787860000000 600.347980000000,304.800650000000 603.879280000000,315.747650000000 C 603.879276023808,315.747721571300 601.760499668651,353.885615964281 601.407370000000,360.241940000000 C 601.054240000000,366.598270000000 615.532540000000,388.492280000000 593.285400000000,402.970580000000 C 593.285400000000,402.970580000000 594.318855558321,408.964644480233 603.343554827142,417.790142869527 C 622.966763996893,416.165246684838 642.118948311653,414.572524746554 660.531627452703,413.036167177635 C 659.690253195441,412.192948889706 658.594568431460,411.199216610946 657.201790000000,410.033170000000 C 657.201790000000,410.033170000000 636.720300000000,397.320510000000 652.964240000000,398.379900000000 C 652.964240000000,398.379900000000 668.855060000000,406.501870000000 666.736280000000,403.323710000000 C 666.736280000000,403.323710000000 654.376760000000,386.020380000000 664.970640000000,388.845410000000 C 664.970640000000,388.845410000000 676.270770000000,394.142350000000 667.089410000000,383.548470000000 C 667.089410000000,383.548470000000 660.733090000000,377.192140000000 663.911250000000,377.545270000000 C 663.911250000000,377.545270000000 651.904850000000,354.238740000000 650.139210000000,352.119970000000 C 650.139210000000,352.119970000000 647.667300000000,350.707450000000 651.198600000000,346.823030000000 C 651.198600000000,346.823030000000 658.614310000000,314.688260000000 655.083020000000,307.978810000000 C 655.083020000000,307.978810000000 644.489140000000,289.262960000000 645.195400000000,273.725270000000 C 645.195400000000,273.725270000000 646.607920000000,230.996630000000 635.660910000000,220.402750000000 C 624.713900000000,209.808870000000 614.120020000000,202.746290000000 608.116830000000,184.736700000000 C 602.113630000000,166.727110000000 579.160230000000,140.242410000000 576.688320000000,139.889280000000 C 574.216420000000,139.536150000000 577.394580000000,135.651730000000 580.219610000000,136.004860000000 C 583.044650000000,136.357990000000 581.279000000000,132.473570000000 577.394580000000,130.001660000000 C 573.510160000000,127.529760000000 553.381790000000,101.751320000000 557.266210000000,113.404590000000 C 557.266210000000,113.404590000000 571.744510000000,135.298600000000 560.444380000000,136.711120000000 C 560.444380000000,136.711120000000 603.879280000000,212.633910000000 597.876080000000,213.693300000000 C 591.872880000000,214.752680000000 591.166620000000,217.577720000000 589.400980000000,222.168400000000 C 589.400980000000,222.168400000000 574.922680000000,222.874660000000 572.450770000000,227.112210000000 C 572.450770000000,227.112210000000 561.503760000000,223.580920000000 558.678730000000,230.290370000000 C 558.678730000000,230.290370000000 554.441180000000,231.349760000000 551.263020000000,227.818470000000 C 551.263020000000,227.818470000000 545.259820000000,227.818470000000 540.669140000000,223.934050000000 C 540.669140000000,223.934050000000 525.131450000000,224.640300000000 527.603360000000,212.987040000000 C 527.603360000000,212.987040000000 521.600160000000,205.218190000000 531.487780000000,191.799280000000 C 541.375400000000,178.380370000000 539.962880000000,178.733500000000 540.316010000000,173.789690000000 C 540.316010000000,173.789690000000 550.909890000000,160.370780000000 548.437980000000,155.780100000000 L 540.316010000000,139.183020000000 C 540.316010000000,139.183020000000 533.959680000000,152.248810000000 529.015870000000,129.295400000000 C 529.015870000000,129.295400000000 522.306420000000,115.170230000000 521.953290000000,110.932680000000 C 521.953290000000,110.932680000000 520.540770000000,100.691930000000 518.068870000000,104.223230000000 C 518.068870000000,104.223230000000 503.590570000000,92.569960000000 502.884310000000,96.101253000000 C 502.884310000000,96.101253000000 523.718930000000,133.532950000000 518.775120000000,150.130030000000 C 518.775120000000,150.130030000000 518.421990000000,164.608330000000 499.354780000000,135.298600000000 C 499.354780000000,135.298600000000 480.638930000000,116.229620000000 449.914920000000,117.995270000000 C 449.914920000000,117.995270000000 436.849140000000,110.932680000000 438.967910000000,109.167040000000 C 438.967910000000,109.167040000000 423.354134291023,103.435398003075 417.854444486242,103.061711640169 L 415.992233844104,103.851288790562 C 416.067359124425,104.128586214791 416.301856697891,104.484385089172 416.720770000000,104.929480000000 C 416.720770000000,104.929480000000 424.489610000000,121.173430000000 429.786550000000,123.292210000000 C 429.786550000000,123.292210000000 445.324240000000,129.295400000000 445.677370000000,130.354790000000 C 446.030500000000,131.414180000000 474.635730000000,142.361190000000 478.873280000000,150.483160000000 C 478.873280000000,150.483160000000 483.463960000000,156.839490000000 447.443010000000,151.189420000000 C 447.443010000000,151.189420000000 426.961520000000,147.305000000000 418.839540000000,158.252000000000 C 418.839540000000,158.252000000000 402.595600000000,164.961460000000 391.295460000000,150.130030000000 C 391.295460000000,150.130030000000 390.646880959140,148.383855622996 390.107601966070,145.418413244556 C 387.574147251976,143.174327984943 382.114100000000,146.245610000000 382.114100000000,146.245610000000 C 382.114100000000,146.245610000000 368.695190000000,136.711120000000 369.048320000000,132.120440000000 C 369.401450000000,127.529760000000 365.870150000000,132.473570000000 363.751380000000,132.120440000000 C 361.632600000000,131.767310000000 353.510630000000,142.008060000000 353.157500000000,144.833090000000 C 352.804370000000,147.658120000000 346.448040000000,143.773700000000 346.448040000000,143.773700000000 L 340.091720000000,149.070640000000 L 324.628375057208,161.262894038902 L 313.253890000000,180.852280000000 C 311.135120000000,190.033640000000 337.266680000000,193.564930000000 337.266680000000,193.564930000000 C 353.510630000000,205.571320000000 341.504240000000,230.996630000000 341.504240000000,230.996630000000 C 339.385460000000,187.914860000000 316.078930000000,201.333770000000 316.078930000000,201.333770000000 C 313.253890000000,201.333770000000 301.953760000000,188.621120000000 301.953760000000,188.621120000000 C 301.953760000000,188.621120000000 302.660020000000,190.033640000000 294.891170000000,202.040030000000 C 287.122330000000,214.046430000000 293.478660000000,215.458940000000 293.478660000000,215.458940000000 L 295.597430000000,218.990240000000 L 302.660020000000,208.396360000000 C 314.716279308218,214.686582893158 322.882035321374,233.426424042575 326.291025616841,242.670617803674 C 327.417216915071,244.498130308786 328.085320000000,246.264236695740 328.085320000000,247.946830000000 C 328.085320000000,247.946830000000 327.475121153760,245.881541750711 326.291025616841,242.670617803674 C 321.744673319732,235.293082842401 309.732957589559,226.914825801922 304.072530000000,218.990240000000 C 297.009950000000,209.102620000000 300.541240000000,227.465340000000 300.541240000000,227.465340000000 C 297.716210000000,255.009420000000 301.953760000000,274.784660000000 301.953760000000,274.784660000000 L 294.184910000000,253.596900000000 L 296.303690000000,225.346560000000 C 292.066140000000,216.165200000000 286.416070000000,222.521530000000 286.416070000000,222.521530000000 C 287.357016410562,226.285308980776 281.403077921243,243.525448859590 277.322725622204,254.617280889387 C 276.424924943954,259.355140339059 275.279512456493,263.065000584794 273.703420000000,264.190780000000 C 273.703420000000,264.190780000000 275.277777729072,260.176168180967 277.322725622204,254.617280889387 C 279.241102353403,244.493653736990 280.028956373919,229.676484502220 281.472260000000,225.346560000000 C 283.591040000000,218.990240000000 281.472260000000,218.990240000000 277.234710000000,221.109010000000 C 272.997160000000,223.227790000000 244.746820000000,279.728470000000 244.746820000000,279.728470000000 C 246.159340000000,276.197180000000 256.046950000000,250.771870000000 256.046950000000,250.771870000000 C 253.928180000000,234.527920000000 278.647230000000,215.458940000000 278.647230000000,215.458940000000 C 284.297300000000,203.452550000000 270.172120000000,218.283980000000 270.172120000000,218.283980000000 C 264.522060000000,222.521530000000 238.390490000000,250.771870000000 238.390490000000,250.771870000000 L 256.753210000000,222.521530000000 C 260.284510000000,215.458940000000 280.059740000000,209.102620000000 284.297300000000,205.571320000000 C 288.534850000000,202.040030000000 292.772400000000,192.858670000000 292.772400000000,192.858670000000 C 309.890958863822,153.486898384064 324.446500915150,152.139459029802 327.976043518022,152.465116821129 C 332.964417940053,146.618765030865 339.064887941255,142.006384522726 339.738590000000,139.536150000000 C 340.797980000000,135.651730000000 331.969750000000,145.892480000000 331.969750000000,145.892480000000 C 331.969750000000,145.892480000000 332.322870000000,142.361190000000 333.029130000000,139.889280000000 C 333.735390000000,137.417380000000 327.732190000000,139.183020000000 325.260290000000,142.361190000000 C 322.788380000000,145.539350000000 312.547640000000,143.067440000000 305.131920000000,143.773700000000 C 300.134375404042,144.249657911831 298.665119054749,144.565238672305 298.238310779544,144.720442281422 L 298.069340000000,144.833090000000 C 298.069340000000,144.833090000000 298.031790760474,144.795540760474 298.238310779544,144.720442281422 L 300.188110000000,143.420570000000 L 280.412870000000,147.658120000000 L 279.000360000000,144.833090000000 C 272.290900000000,144.479960000000 254.634440000000,154.014450000000 247.571850000000,161.430170000000 C 240.509270000000,168.845880000000 253.928180000000,165.314590000000 253.928180000000,165.314590000000 C 259.225120000000,165.314590000000 266.287700000000,162.489550000000 266.287700000000,162.489550000000 C 276.528450000000,159.664520000000 265.934570000000,167.080230000000 265.934570000000,167.080230000000 C 265.934570000000,167.080230000000 268.406480000000,166.373980000000 265.581440000000,168.139620000000 C 262.756410000000,169.905270000000 250.396890000000,184.736700000000 250.396890000000,184.736700000000 C 247.218720000000,189.327380000000 248.984370000000,199.215000000000 248.984370000000,199.215000000000 C 245.099950000000,203.099420000000 250.043760000000,207.690100000000 250.043760000000,207.690100000000 L 244.040560000000,203.099420000000 C 241.568650000000,198.508740000000 241.568650000000,208.749490000000 240.862400000000,210.162000000000 C 240.156140000000,211.574520000000 236.624840000000,218.283980000000 234.152940000000,223.934050000000 C 231.681040000000,229.584110000000 230.268520000000,238.765470000000 230.268520000000,238.765470000000 C 229.459240747539,243.621137875658 229.886395496652,245.385726582977 230.133196683961,245.948281748587 C 230.178614298246,246.025185658815 230.223744566034,246.102832990560 230.268520000000,246.181190000000 C 230.268520000000,246.181190000000 230.209471504135,246.122141504135 230.133196683961,245.948281748587 C 228.745835584201,243.599116208133 227.090350000000,241.943640000000 227.090350000000,241.943640000000 C 225.677840000000,246.181190000000 233.093550000000,258.893840000000 233.446680000000,262.072010000000 C 233.644247977038,263.850116198580 235.278763443152,269.165325353410 236.433141568737,272.637432330274 C 236.811989579138,273.311485931933 237.113461904972,274.022922815427 237.331100000000,274.784660000000 C 237.953348091846,276.962523916228 237.342081363385,275.371316603204 236.433141568737,272.637432330274 C 234.353198515450,268.936758001809 229.940993270654,266.362892633336 224.265320000000,262.778260000000 C 217.555860000000,258.540710000000 220.027770000000,262.425130000000 219.321510000000,261.365750000000 C 219.262629078143,261.277428617214 219.193930416603,261.076202706783 219.117460281562,260.779056327853 C 214.965502137547,259.312028870122 214.769684112505,258.611332675985 214.464220000000,257.311820000000 C 214.206430000000,256.211830000000 213.623770000000,253.780530000000 213.205310000000,252.717610000000 C 213.092310000000,252.428050000000 212.790390000000,249.101570000000 212.652670000000,248.886160000000 C 209.981240000000,244.680390000000 212.378990000000,244.991140000000 209.960050000000,240.827750000000 C 207.438710000000,239.627110000000 205.733100000000,237.677840000000 203.750280000000,235.626150000000 C 203.400680000000,235.265960000000 205.418810000000,233.987640000000 205.099230000000,233.611550000000 C 203.171140000000,231.335630000000 201.135350000000,229.981380000000 201.728610000000,227.345270000000 C 202.002290000000,226.126980000000 202.244180000000,224.260690000000 200.930540000000,222.989420000000 C 200.169550000000,222.254920000000 200.556220000000,220.939510000000 199.835840000000,220.480440000000 C 198.407430000000,219.569370000000 202.127650000000,219.468730000000 201.725080000000,218.204520000000 C 201.048840000000,216.075150000000 201.379010000000,216.038070000000 201.163600000000,213.785110000000 C 201.062960000000,212.729250000000 202.101160000000,210.010160000000 202.780940000000,209.233270000000 C 205.334060000000,206.316430000000 202.996350000000,201.139550000000 205.892010000000,198.401030000000 C 206.428760000000,197.890760000000 207.092640000000,196.916130000000 207.595850000000,196.178090000000 C 208.759420000000,194.477770000000 210.849940000000,193.616130000000 212.527300000000,192.154180000000 C 213.088780000000,191.666860000000 212.733880000000,190.206670000000 213.738540000000,190.369110000000 C 214.999210000000,190.572160000000 217.190380000000,190.342610000000 217.110920000000,191.827530000000 C 216.911400000000,195.570700000000 214.564860000000,198.607610000000 212.304830000000,201.552710000000 C 213.101140000000,202.795730000000 212.292430000000,203.916910000000 211.791030000000,204.900380000000 C 209.433890000000,209.526370000000 209.767600000000,214.542570000000 209.460380000000,219.557010000000 C 209.451380000000,219.707090000000 208.909500000000,219.844810000000 208.923620000000,219.938390000000 C 209.546890000000,224.061170000000 210.578030000000,227.943830000000 212.130030000000,231.879450000000 C 212.776260000000,233.521500000000 213.607880000000,235.101760000000 213.872730000000,236.738510000000 C 214.068710000000,237.949750000000 214.250580000000,239.420530000000 213.530190000000,240.665310000000 C 217.123280000000,245.768030000000 214.812050000000,250.448760000000 216.876090000000,256.683250000000 C 217.086277508536,257.317872619756 218.163610929758,258.705191570376 218.885732161282,259.715529730363 C 217.988425111450,255.077627145442 216.496480000000,242.321376850725 216.496480000000,238.765470000000 C 216.496480000000,234.527920000000 230.268520000000,211.927650000000 230.268520000000,211.927650000000 C 231.681040000000,209.102620000000 232.740420000000,199.921260000000 232.740420000000,199.921260000000 C 229.915390000000,190.386770000000 236.271720000000,176.967850000000 236.271720000000,176.967850000000 C 242.981170000000,170.611530000000 235.918590000000,174.849080000000 235.918590000000,174.849080000000 C 220.027770000000,174.849080000000 202.724440000000,185.089830000000 202.724440000000,185.089830000000 C 213.318310000000,172.024040000000 223.559060000000,170.611530000000 223.559060000000,170.611530000000 C 233.093550000000,168.492750000000 244.393690000000,152.955060000000 244.393690000000,152.955060000000 C 260.637630000000,134.592340000000 313.253890000000,116.229620000000 313.253890000000,116.229620000000 C 342.210490000000,102.810710000000 364.104510000000,101.751320000000 364.104510000000,101.751320000000 C 384.939130000000,101.398190000000 392.707980000000,94.688736000000 392.707980000000,94.688736000000 C 396.239270000000,90.451185000000 389.176690000000,90.804314000000 389.176690000000,90.804314000000 C 380.701580000000,94.335607000000 374.698390000000,87.979280000000 374.698390000000,87.979280000000 C 372.932740000000,81.269824000000 370.107710000000,84.447987000000 370.107710000000,84.447987000000 C 371.520220000000,88.332409000000 365.870150000000,92.923090000000 365.870150000000,92.923090000000 C 355.982530000000,90.804314000000 345.741790000000,93.982477000000 345.741790000000,93.982477000000 C 341.504240000000,106.342000000000 325.260290000000,97.160641000000 325.260290000000,97.160641000000 C 317.844570000000,97.160641000000 292.419270000000,113.404590000000 292.419270000000,113.404590000000 C 291.006750000000,115.876490000000 283.237910000000,121.173430000000 283.237910000000,121.173430000000 C 273.703420000000,122.585950000000 248.984370000000,140.242410000000 248.984370000000,140.242410000000 C 245.657499307307,143.569280692693 235.435191382216,149.717015702355 234.262841918572,150.417627431095 C 234.223643659772,150.444223408198 234.186960350535,150.466149824733 234.152940000000,150.483160000000 C 234.152940000000,150.483160000000 234.190806998247,150.460676463507 234.262841918572,150.417627431095 C 235.851149681969,149.339962335451 241.568650000000,140.595540000000 241.568650000000,140.595540000000 C 243.687430000000,138.123630000000 266.287700000000,117.642140000000 266.287700000000,117.642140000000 C 271.584640000000,115.170230000000 281.825390000000,107.401390000000 281.825390000000,107.401390000000 C 286.062940000000,101.045060000000 292.419270000000,96.101253000000 292.419270000000,96.101253000000 C 295.950560000000,95.041865000000 349.979340000000,72.794722000000 349.979340000000,72.794722000000 C 365.517020000000,66.438395000000 375.404640000000,74.560368000000 375.404640000000,74.560368000000 C 383.526620000000,81.622953000000 388.117300000000,80.210436000000 388.117300000000,80.210436000000 C 396.945530000000,78.444790000000 391.648590000000,74.560368000000 401.183080000000,81.622953000000 C 410.717570000000,88.685539000000 416.720770000000,80.916695000000 416.720770000000,80.916695000000 C 405.420630000000,74.560368000000 415.661380000000,72.441593000000 415.661380000000,72.441593000000 C 420.605190000000,72.088463000000 387.411040000000,64.319620000000 387.411040000000,64.319620000000 C 389.176690000000,60.788327000000 351.038730000000,68.910300000000 351.038730000000,68.910300000000 C 354.570020000000,63.260232000000 311.488250000000,83.035470000000 311.488250000000,83.035470000000 C 312.547640000000,79.151049000000 291.006750000000,94.335607000000 291.006750000000,94.335607000000 C 291.359880000000,89.744926000000 267.347090000000,111.992070000000 267.347090000000,111.992070000000 C 263.462670000000,116.935880000000 250.043760000000,122.939080000000 250.043760000000,122.939080000000 C 280.059740000000,87.626151000000 303.719400000000,78.091661000000 303.719400000000,78.091661000000 C 309.016340000000,74.560368000000 341.857360000000,61.141456000000 349.626210000000,59.022681000000 C 356.476992380516,57.154284522655 377.607019535208,54.462086449164 382.505296981934,53.851894145142 C 377.581708241617,52.877684122666 374.698390000000,52.313225000000 374.698390000000,52.313225000000 C 391.648590000000,51.253837000000 376.817160000000,52.313225000000 372.579610000000,49.841320000000 C 368.342060000000,47.369415000000 337.619810000000,51.960096000000 333.382260000000,56.197647000000 C 329.703168316369,59.876739551842 296.477426001817,69.145738327877 287.783815303572,71.524925505849 M 438.689047413587,431.234678102201 C 439.701652099524,431.153407245759 440.714902182104,431.072052452971 441.728763859604,430.990616769379 C 441.237209923692,430.242794524771 440.660326232107,429.406364152500 440.021705444012,428.508488250632 C 438.429332741789,427.443747179686 431.911253826982,423.117187349041 428.100456483693,421.069794280215 C 432.827723485435,425.790190519404 436.272852164785,429.081312207267 438.689047413637,431.234678102256 M 365.914903336854,437.012697671914 C 381.309497249568,435.805576830099 397.082500173079,434.557739721784 413.094820023507,433.281718567683 C 412.351109570184,433.111827144675 411.608744071564,432.954083574156 410.869420000000,432.810000000000 C 402.180915360694,431.111788489892 385.166011610108,431.583728127438 368.751618900556,434.303474430584 C 368.702270260782,434.543639018148 368.573655696466,434.810020164251 368.352650000000,435.105340000000 C 367.733462815641,435.927306249562 366.876053935850,436.546639710885 365.914903336877,437.012697671948 M 351.638178664452,438.128897762619 C 353.723521145009,437.966351354082 355.816859343971,437.802958996045 357.917830179539,437.638753402241 L 358.154489334302,436.412943455114 C 355.922404503110,436.939216172936 353.741789083730,437.511126897098 351.638178664445,438.128897762614 M 342.508400836963,32.988890359343 C 340.729904730849,34.241780262408 338.756089902821,35.725268077743 336.560430000000,37.481796000000 C 335.281193716668,38.505185026666 334.112017915538,39.447476846854 333.040836608286,40.317065189248 C 336.619002115274,37.565670099854 339.970188081807,34.965348374199 342.508400836997,32.988890359319 M 218.885732161138,259.715529730325 C 218.968593324551,260.143813453396 219.046383733309,260.502868258759 219.117460281562,260.779056327853 C 219.213365981411,260.812943059792 219.311382517832,260.847238675731 219.411560000000,260.881960000000 C 219.758924452508,261.002750826694 219.419290159929,260.462044280920 218.885732161282,259.715529730363 M 329.338272467188,154.242007401563 L 329.497840000000,154.720710000000 C 329.497840000000,154.720710000000 331.006472653844,152.080598850597 329.338272467432,154.242007401194 M 666.012445633583,151.524965633603 C 641.112111858801,122.532960310685 644.489140000000,90.451185000000 644.489140000000,90.451185000000 C 645.991137899882,80.366342522158 651.208947606119,72.041621324254 657.746100326339,65.338382692413 C 652.346757497455,69.800253362175 648.285583851321,73.258127224887 647.314170000000,73.500980000000 C 644.489140000000,74.207239000000 638.132810000000,80.563566000000 636.720300000000,87.626151000000 C 635.776233219015,92.346474879580 638.617995950034,90.441595326351 640.606736323819,88.658936579412 C 641.108568329574,87.994766269168 641.693956834393,87.411821796610 642.370360000000,86.919892000000 C 642.370360000000,86.919892000000 641.593564637926,87.774367558206 640.606736323819,88.658936579412 C 635.344768337735,95.623105601472 639.269508615567,111.517735846700 643.782880000000,125.057850000000 C 648.726690000000,139.889280000000 657.908050000000,143.420570000000 657.908050000000,143.420570000000 L 666.012445633601,151.524965633601 M 184.008590000000,255.009420000000 C 184.008590000000,255.009420000000 216.496480000000,261.365750000000 216.496480000000,269.134590000000 C 216.496480000000,274.276150000000 216.067430000000,297.969360000000 206.608860000000,295.266160000000 C 191.777430000000,291.028600000000 198.133760000000,265.603300000000 184.008590000000,255.009420000000 M 396.945530000000,233.468540000000 L 396.945550000000,233.468540000000 C 394.932710000000,234.547350000000 394.586660000000,236.872700000000 394.498360000000,238.433530000000 C 394.311200000000,241.805920000000 394.314740000000,245.400770000000 391.219560000000,247.478940000000 C 390.707520000000,247.823240000000 389.782320000000,247.383590000000 389.238500000000,247.699640000000 C 386.152150000000,249.488240000000 383.438350000000,251.250360000000 379.995340000000,251.831260000000 C 375.664210000000,256.012310000000 372.717350000000,261.196240000000 368.068400000000,265.340220000000 C 367.830060000000,265.553860000000 368.146090000000,266.293670000000 367.911260000000,266.602650000000 C 367.044330000000,267.737960000000 366.421060000000,268.885630000000 365.734220000000,270.118060000000 C 364.904370000000,271.611790000000 363.216410000000,273.419810000000 361.780940000000,272.717090000000 C 360.808070000000,272.242130000000 360.294260000000,270.107460000000 361.109990000000,268.906820000000 C 365.720090000000,262.116150000000 369.692800000000,255.327240000000 375.757790000000,250.418740000000 C 375.316380000000,248.674280000000 376.036770000000,246.968670000000 376.686520000000,245.579100000000 C 377.564050000000,243.702220000000 379.103690000000,242.084890000000 380.442050000000,240.333370000000 C 383.653760000000,236.129360000000 386.217480000000,231.812360000000 388.375100000000,227.069830000000 C 388.424540000000,226.960360000000 387.820700000000,226.610760000000 387.861300000000,226.427140000000 C 389.204960000000,220.293280000000 391.320200000000,214.374840000000 390.066590000000,208.007920000000 C 389.798210000000,206.653660000000 389.208490000000,205.027500000000 390.589220000000,203.805680000000 C 388.880080000000,199.493970000000 387.095010000000,195.039240000000 388.133210000000,190.471520000000 C 388.544600000000,188.659960000000 391.103030000000,189.684040000000 392.686810000000,189.869430000000 C 393.951010000000,190.017750000000 393.024050000000,191.650970000000 393.532550000000,192.429620000000 C 395.051010000000,194.760270000000 397.270430000000,196.510030000000 398.087920000000,198.953680000000 C 398.442820000000,200.009540000000 398.905420000000,201.411460000000 399.378610000000,202.206000000000 C 401.924670000000,206.489460000000 403.164160000000,210.813530000000 405.237020000000,215.194100000000 C 405.789650000000,216.359420000000 405.741980000000,218.045610000000 405.261720000000,219.281570000000 C 404.234120000000,221.914150000000 403.893350000000,224.620880000000 402.351940000000,226.949770000000 C 401.437330000000,228.334040000000 401.147770000000,230.217980000000 399.119040000000,230.825360000000 C 398.094960000000,231.130820000000 398.110860000000,232.843500000000 396.945530000000,233.468540000000 M 381.335450000000,225.583160000000 L 381.335270000000,225.582920000000 C 380.261760000000,226.246800000000 379.559030000000,227.106670000000 378.538490000000,227.745840000000 C 378.185360000000,227.965020000000 377.570910000000,227.961480000000 377.214250000000,227.747840000000 C 376.356150000000,227.232270000000 375.639300000000,226.515420000000 375.123730000000,225.657320000000 C 374.908500000000,225.300660000000 374.892610000000,224.619120000000 375.132730000000,224.361330000000 C 378.227910000000,221.047210000000 376.404000000000,216.723150000000 378.582810000000,212.987040000000 C 377.389230000000,209.851250000000 375.943170000000,206.572450000000 374.580090000000,203.696210000000 C 373.467730000000,201.349660000000 375.152130000000,198.681770000000 375.205130000000,196.040360000000 C 375.215720000000,195.560110000000 376.179760000000,195.164600000000 376.368690000000,194.592530000000 C 376.416360000000,194.447750000000 375.913150000000,194.189970000000 375.800150000000,193.902170000000 C 375.309300000000,192.645030000000 375.876070000000,191.255460000000 376.619410000000,190.549200000000 C 379.040110000000,188.248570000000 381.826300000000,190.445030000000 383.242350000000,192.685640000000 C 384.963850000000,195.410030000000 385.304620000000,198.810660000000 386.810720000000,201.812260000000 C 387.561120000000,203.307770000000 387.453410000000,205.536010000000 385.645390000000,206.630710000000 C 387.474600000000,211.879980000000 387.020830000000,217.219290000000 382.901580000000,221.539830000000 C 382.661500000000,221.790550000000 382.949250000000,222.461500000000 382.756800000000,222.842880000000 C 382.470760000000,223.414950000000 381.759210000000,223.746890000000 381.473170000000,224.318960000000 C 381.280750000000,224.700340000000 381.554390000000,225.447200000000 381.335450000000,225.583160000000 M 492.239230000000,207.377580000000 L 492.239270000000,207.377580000000 C 489.529000000000,203.876300000000 486.719860000000,200.805840000000 485.392090000000,196.690120000000 C 484.904730000000,195.178730000000 484.714040000000,193.188850000000 485.487390000000,191.961720000000 C 486.829290000000,189.828820000000 488.128800000000,187.584680000000 487.085300000000,185.580680000000 C 484.140210000000,179.928840000000 479.597200000000,174.411200000000 481.281620000000,167.860650000000 C 481.802490000000,165.838980000000 484.315000000000,164.996770000000 485.935870000000,163.548940000000 C 485.699270000000,163.312350000000 485.309300000000,163.081050000000 485.307300000000,162.842680000000 C 485.307300000000,162.606090000000 485.766370000000,162.410100000000 485.900560000000,162.120530000000 C 486.200720000000,161.476070000000 485.402680000000,161.080570000000 485.390280000000,160.718610000000 C 485.317890000000,158.871740000000 486.320780000000,156.083790000000 488.674390000000,157.353290000000 C 491.035050000000,158.624550000000 492.267480000000,161.695010000000 495.117230000000,162.136420000000 C 498.228300000000,168.658720000000 499.395390000000,175.776040000000 501.471790000000,182.617920000000 C 504.897140000000,183.832690000000 508.534380000000,184.388860000000 509.876270000000,188.292710000000 C 510.088190000000,188.931870000000 509.717360000000,189.844710000000 510.070490000000,190.293190000000 C 514.625850000000,196.024470000000 515.667590000000,203.569080000000 512.630670000000,210.093140000000 C 511.483000000000,212.529740000000 508.605000000000,213.769220000000 507.828120000000,216.518330000000 C 505.956530000000,216.193450000000 504.755890000000,218.015580000000 502.884310000000,218.042080000000 C 502.389930000000,218.050910000000 501.983830000000,218.658290000000 502.178050000000,219.343360000000 C 498.473720000000,220.279160000000 492.557040000000,223.773370000000 491.585940000000,217.930850000000 C 495.203750000000,215.476600000000 494.691710000000,210.541620000000 492.239230000000,207.377580000000 M 426.627810000000,239.840750000000 L 426.628280000000,239.840520000000 C 427.881890000000,238.281460000000 429.972410000000,237.508100000000 431.028270000000,235.693020000000 C 431.211900000000,235.376980000000 432.375460000000,235.814850000000 432.891030000000,235.474080000000 C 434.081070000000,234.684840000000 435.071600000000,233.779060000000 436.439980000000,233.305870000000 C 437.467580000000,232.949210000000 437.474640000000,231.259480000000 438.615250000000,230.643270000000 C 438.274480000000,230.148890000000 437.847200000000,229.636850000000 437.232750000000,229.989980000000 C 436.662450000000,230.316630000000 436.332270000000,230.999930000000 435.758440000000,231.285970000000 C 435.377060000000,231.476620000000 434.769670000000,231.195920000000 434.430670000000,231.427220000000 C 431.361980000000,233.526570000000 428.875950000000,235.479380000000 425.823140000000,237.589320000000 C 425.318170000000,237.938920000000 424.431810000000,237.543420000000 423.817370000000,237.787080000000 C 423.245300000000,238.016610000000 422.830370000000,238.973630000000 422.378370000000,238.955930000000 C 420.026530000000,238.857060000000 418.509840000000,240.520300000000 418.133750000000,242.649670000000 C 415.132160000000,243.537790000000 411.671490000000,246.267480000000 409.194290000000,243.818520000000 C 408.471670000000,243.106970000000 408.478730000000,240.901680000000 409.190290000000,240.015320000000 C 413.683860000000,234.427050000000 420.838250000000,230.200090000000 421.664580000000,222.874430000000 C 422.351410000000,223.068650000000 422.889940000000,222.711990000000 422.994110000000,222.152280000000 C 423.802770000000,217.859990000000 425.616090000000,214.341060000000 426.422990000000,210.126460000000 C 426.495390000000,209.745080000000 425.667300000000,209.220680000000 425.195870000000,208.749260000000 C 424.339530000000,210.649090000000 423.876930000000,211.989220000000 421.655750000000,212.155190000000 C 419.517550000000,212.315860000000 417.762500000000,210.202380000000 418.260410000000,208.073010000000 C 418.851900000000,205.553440000000 419.923650000000,203.298710000000 420.958320000000,200.980410000000 C 417.534730000000,198.676240000000 418.521730000000,193.942550000000 415.822050000000,191.290550000000 C 414.029920000000,189.530200000000 410.947100000000,190.268240000000 409.234430000000,188.672090000000 C 407.578250000000,187.130680000000 405.523040000000,186.535660000000 404.008110000000,184.736470000000 C 403.667340000000,185.230850000000 403.282430000000,185.635180000000 402.595600000000,185.442730000000 C 402.789820000000,184.757660000000 402.426100000000,184.208490000000 401.875210000000,184.118490000000 C 398.403950000000,183.542890000000 396.101550000000,188.315430000000 392.847460000000,187.167760000000 C 390.340250000000,186.284940000000 390.580370000000,182.022670000000 392.241850000000,179.988640000000 C 394.148750000000,177.657990000000 395.834940000000,175.120760000000 398.456920000000,173.607600000000 C 401.070080000000,172.097970000000 403.326570000000,170.166350000000 406.181620000000,169.396530000000 C 407.519980000000,169.034570000000 408.559950000000,168.833290000000 409.774720000000,167.943410000000 C 410.413880000000,167.473760000000 411.656890000000,167.532030000000 412.419650000000,167.913410000000 C 413.565560000000,168.487240000000 414.390110000000,170.319940000000 415.297660000000,170.286440000000 C 418.638260000000,170.157550000000 421.599250000000,166.781630000000 425.121710000000,168.001690000000 C 426.659590000000,168.534920000000 427.853170000000,170.095750000000 427.314650000000,172.023830000000 C 429.113840000000,172.581780000000 429.599390000000,174.449830000000 430.845940000000,175.555130000000 C 430.609340000000,175.791720000000 430.221130000000,176.023020000000 430.219130000000,176.261390000000 C 430.219130000000,176.497980000000 430.775320000000,176.738110000000 430.764720000000,176.964110000000 C 430.641120000000,179.725580000000 430.049630000000,182.261050000000 431.788790000000,184.559920000000 C 433.199540000000,186.424450000000 434.220090000000,188.024120000000 435.998090000000,189.413680000000 C 438.784280000000,191.592490000000 442.432110000000,190.368900000000 445.677370000000,189.680300000000 C 447.132260000000,187.150130000000 449.413470000000,185.603420000000 451.892440000000,187.727490000000 C 453.382650000000,189.005820000000 451.782970000000,190.888000000000 452.333850000000,192.395860000000 C 452.556320000000,193.008540000000 453.064790000000,194.302760000000 453.082490000000,194.643530000000 C 453.282010000000,198.310780000000 452.060190000000,202.099850000000 452.033690000000,205.924240000000 C 448.844940000000,210.746220000000 444.400800000000,214.187470000000 440.733560000000,218.636900000000 C 441.748800000000,221.949250000000 440.595840000000,225.104460000000 440.163250000000,228.542170000000 C 440.106750000000,228.994180000000 440.813010000000,229.568010000000 441.393910000000,229.163680000000 C 442.527450000000,228.374440000000 443.175450000000,227.242660000000 444.316050000000,226.481660000000 C 444.658590000000,226.253850000000 445.280100000000,226.550520000000 445.634990000000,226.333350000000 C 447.578970000000,225.146830000000 448.294050000000,222.968030000000 449.983780000000,221.541380000000 C 450.264520000000,221.303040000000 451.044930000000,221.619070000000 451.226790000000,221.384240000000 C 453.523900000000,218.396770000000 455.748610000000,218.018920000000 459.117470000000,217.319720000000 C 459.304630000000,217.280880000000 459.565940000000,217.694040000000 459.802540000000,217.930640000000 C 460.085040000000,216.823600000000 461.458710000000,216.993080000000 462.009600000000,216.848300000000 C 464.520340000000,216.182650000000 466.711510000000,215.884250000000 469.116320000000,214.657130000000 C 470.633010000000,213.883780000000 472.986620000000,214.916680000000 474.503310000000,214.141560000000 C 475.184850000000,213.791960000000 476.472000000000,214.095650000000 476.752740000000,212.986830000000 C 478.601370000000,213.523580000000 480.547120000000,212.015720000000 482.462840000000,213.624230000000 C 483.462200000000,214.464670000000 483.901840000000,215.555840000000 484.405050000000,216.576390000000 C 486.469090000000,220.773330000000 484.844700000000,224.336400000000 481.069750000000,227.214410000000 C 480.834920000000,227.394500000000 481.099760000000,228.093700000000 480.937320000000,228.503330000000 C 480.501210000000,229.601560000000 478.802680000000,229.825800000000 478.873280000000,231.349550000000 C 478.401860000000,231.349550000000 477.776820000000,231.190620000000 477.541990000000,231.430750000000 C 475.578590000000,233.445350000000 473.452750000000,235.083870000000 471.023220000000,236.100880000000 C 468.902680000000,236.987240000000 466.660310000000,237.974230000000 464.610390000000,238.765240000000 C 458.623090000000,241.074710000000 452.328560000000,243.045170000000 445.677370000000,242.649670000000 C 443.586840000000,245.012100000000 440.037890000000,244.909690000000 437.189910000000,246.150940000000 C 436.538380000000,246.435210000000 436.054590000000,245.610660000000 435.835650000000,245.661860000000 C 431.534540000000,246.689460000000 427.997950000000,248.283840000000 424.429580000000,251.047080000000 C 424.124120000000,251.283910000000 423.470830000000,251.276840000000 423.128300000000,251.049080000000 C 417.977910000000,247.644910000000 424.002290000000,243.108960000000 426.627810000000,239.840750000000 M 293.478660000000,181.558530000000 C 293.478660000000,181.558530000000 297.009950000000,185.796090000000 289.947360000000,187.914860000000 C 282.884780000000,190.033640000000 252.515660000000,207.690100000000 252.515660000000,207.690100000000 L 265.228320000000,190.739890000000 L 293.478660000000,181.558530000000 M 222.852800000000,192.858670000000 C 228.502870000000,190.033640000000 225.677840000000,197.802480000000 224.265320000000,199.921260000000 C 222.852800000000,202.040030000000 220.027770000000,205.571320000000 220.027770000000,212.633910000000 C 220.027770000000,219.696490000000 216.496480000000,215.458940000000 215.083960000000,210.515130000000 C 213.671440000000,205.571320000000 217.908990000000,204.865070000000 218.615250000000,199.921260000000 C 219.321510000000,194.977450000000 222.852800000000,192.858670000000 222.852800000000,192.858670000000 M 207.315120000000,300.916220000000 L 197.427500000000,314.335140000000 C 201.665050000000,295.972410000000 176.239740000000,305.153770000000 181.183550000000,302.328740000000 C 186.127360000000,299.503710000000 173.414710000000,298.797450000000 176.239740000000,297.384930000000 C 179.064780000000,295.972410000000 176.781790000000,293.196820000000 169.883410000000,295.266160000000 C 155.758240000000,299.503710000000 157.877020000000,274.078400000000 157.877020000000,274.078400000000 L 164.939610000000,260.659490000000 C 164.939610000000,260.659490000000 163.090970000000,288.837440000000 173.414710000000,289.616090000000 C 181.981620000000,290.262310000000 181.183550000000,281.140990000000 186.833620000000,287.497310000000 C 192.483690000000,293.853640000000 207.315120000000,300.916220000000 207.315120000000,300.916220000000 M 194.602460000000,226.052820000000 C 194.602460000000,226.052820000000 195.308720000000,238.059220000000 199.546270000000,240.884250000000 C 203.783820000000,243.709280000000 201.665050000000,242.296770000000 196.014980000000,240.177990000000 C 190.364910000000,238.059220000000 192.483690000000,236.646700000000 192.483690000000,236.646700000000 C 192.483690000000,236.646700000000 187.539880000000,237.352960000000 191.777430000000,240.884250000000 C 196.014980000000,244.415540000000 202.371310000000,248.653090000000 199.546270000000,248.653090000000 C 196.721240000000,248.653090000000 183.302330000000,241.590510000000 183.302330000000,236.646700000000 C 183.302330000000,231.702890000000 181.536680000000,224.463740000000 181.536680000000,224.463740000000 C 181.536680000000,224.463740000000 183.478890000000,223.051220000000 191.953990000000,223.227790000000 C 191.953990000000,223.227790000000 194.425900000000,224.463740000000 194.602460000000,226.052820000000 M 389.061250087815,319.509952962413 C 385.275496362767,318.997570155586 382.243063183235,319.124660567486 381.760970000000,320.691460000000 C 380.348450000000,325.282140000000 358.807570000000,331.991600000000 355.276280000000,333.050990000000 C 352.114000000000,334.000900000000 349.799240000000,333.769600000000 350.676770000000,336.845360000000 C 353.501800000000,346.732980000000 343.935530000000,331.689670000000 343.935530000000,331.689670000000 C 349.920515882746,336.981014675161 354.607186913630,311.546334132891 373.058749411176,311.396544705576 L 369.048320000000,309.391330000000 C 357.748180000000,316.453910000000 358.454440000000,313.628880000000 358.454440000000,313.628880000000 C 364.104510000000,310.803840000000 378.935940000000,294.559900000000 378.935940000000,294.559900000000 C 393.767370000000,268.781460000000 422.723970000000,276.903430000000 422.723970000000,276.903430000000 C 440.380430000000,277.609690000000 491.585940000000,256.068810000000 491.585940000000,256.068810000000 C 491.614131603860,256.294345625093 491.622629662710,256.522694606930 491.612781800141,256.753317896456 C 492.652590845248,256.218739702570 493.612003321421,255.945891781694 494.410970000000,256.068810000000 C 494.410970000000,256.068810000000 500.414170000000,258.540710000000 505.356210000000,255.362550000000 C 505.356210000000,255.362550000000 515.950090000000,252.537520000000 519.834510000000,246.534320000000 C 519.834510000000,246.534320000000 536.078460000000,228.877850000000 538.197230000000,232.056020000000 C 538.197230000000,232.056020000000 542.081650000000,228.877850000000 538.903490000000,253.243770000000 C 538.903490000000,253.243770000000 534.665940000000,265.603300000000 539.962880000000,271.606500000000 C 539.962880000000,271.606500000000 543.141040000000,277.609690000000 543.141040000000,279.728470000000 C 543.141040000000,281.847240000000 548.084850000000,288.203570000000 547.731720000000,289.969220000000 C 547.731720000000,289.969220000000 553.734920000000,321.397720000000 539.609750000000,301.622480000000 C 539.609750000000,301.622480000000 538.197230000000,292.794250000000 533.606550000000,285.378540000000 C 533.606550000000,285.378540000000 520.893900000000,274.078400000000 520.540770000000,280.787860000000 C 520.540770000000,280.787860000000 514.890700000000,286.791050000000 520.187640000000,302.681870000000 C 520.187640000000,302.681870000000 530.781520000000,333.050990000000 495.470360000000,344.704250000000 C 495.470360000000,344.704250000000 473.574580000000,357.416910000000 447.796140000000,339.407310000000 C 447.796140000000,339.407310000000 441.792950000000,334.463500000000 437.555390000000,332.697860000000 C 437.555390000000,332.697860000000 425.902130000000,331.991600000000 417.427030000000,329.872820000000 C 417.427030000000,329.872820000000 409.658180000000,325.282140000000 406.480020000000,323.869630000000 C 406.480020000000,323.869630000000 406.190369593954,323.773079781799 405.673692436419,323.607866461699 C 398.270888148759,323.782173547052 391.936704619792,321.014005132354 389.061250087752,319.509952962398 M 481.691861369712,267.921469053287 C 480.026688204133,268.949186766416 478.588465501586,269.647207939155 477.813900000000,269.840850000000 C 474.987100000000,270.547110000000 437.555390000000,280.434730000000 437.555390000000,283.966020000000 C 437.555390000000,287.497310000000 430.492810000000,307.272550000000 430.492810000000,307.272550000000 C 424.904557996515,316.586300042279 418.318357005166,320.987065268177 411.999631429742,322.701993287718 C 415.049520399057,322.895494951360 417.484216329199,322.549746463495 418.839540000000,321.397720000000 C 425.902130000000,315.394520000000 421.311450000000,327.400920000000 429.786550000000,321.397720000000 C 429.786550000000,321.397720000000 460.508800000000,294.913030000000 464.393220000000,283.966020000000 C 464.393220000000,283.966020000000 474.635730000000,270.547110000000 485.582740000000,279.728470000000 C 485.582740000000,279.728470000000 490.526550000000,282.553500000000 473.927710000000,284.672280000000 C 473.927710000000,284.672280000000 461.921310000000,294.559900000000 459.802540000000,300.209970000000 C 459.802540000000,300.209970000000 458.036890000000,307.978810000000 459.096280000000,311.156970000000 C 459.096280000000,311.156970000000 473.221450000000,318.219560000000 469.337030000000,321.044590000000 C 469.337030000000,321.044590000000 449.561790000000,317.160170000000 446.383630000000,321.044590000000 C 446.383630000000,321.044590000000 442.146070000000,324.575880000000 454.152470000000,328.107180000000 C 454.152470000000,328.107180000000 462.274440000000,331.991600000000 464.393220000000,328.460310000000 C 464.393220000000,328.460310000000 474.987100000000,318.219560000000 475.340220000000,328.107180000000 C 475.340220000000,328.107180000000 477.460770000000,333.404120000000 480.285800000000,320.338330000000 C 480.285800000000,320.338330000000 487.701510000000,319.632070000000 489.467160000000,311.510100000000 C 491.232810000000,303.388130000000 493.351580000000,296.678670000000 498.648520000000,297.738060000000 C 498.648520000000,297.738060000000 501.471790000000,300.563090000000 502.178050000000,292.441120000000 C 502.178050000000,292.441120000000 512.065670000000,283.966020000000 511.359410000000,279.375340000000 C 511.359410000000,279.375340000000 506.415600000000,269.134590000000 503.590570000000,270.193980000000 C 500.767300000000,271.253370000000 497.589130000000,275.844050000000 493.351580000000,275.490920000000 C 489.625107583792,275.180379899155 485.898635167584,269.135023985380 481.691861369751,267.921469053176 M 405.067500000000,303.963730000000 C 409.481620000000,303.963730000000 413.058820000000,300.386530000000 413.058820000000,295.972410000000 C 413.058820000000,291.560060000000 409.481620000000,287.982860000000 405.067500000000,287.982860000000 C 400.655150000000,287.982860000000 397.077950000000,291.560060000000 397.077950000000,295.972410000000 C 397.077950000000,300.386530000000 400.655150000000,303.963730000000 405.067500000000,303.963730000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-02/division.svg b/libraries/path-bool/visual-tests/real-02/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..80cd57471894c42d137f5c2601ce48616fa03223
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-02/division.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg2" viewBox="0 0 900 900" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path d="M 762.888599681386,156.844851797865 C 760.460403392352,158.374241572417 758.903020000000,158.958260000000 758.903020000000,158.958260000000 L 728.549551433527,168.332125850258 C 741.465669449317,173.443708352196 761.021800000000,182.971050000000 761.021800000000,182.971050000000 C 761.021800000000,182.971050000000 780.427694123009,211.473459944806 788.894457070839,216.217404700124 C 790.017637580970,216.617995273213 790.684650000000,216.871460000000 790.684650000000,216.871460000000 C 790.166523634915,216.819647216767 789.564773243116,216.592984235003 788.894457070839,216.217404700124 C 781.845241364876,213.703250177169 756.827709278056,205.393855245955 765.965610000000,217.577720000000 C 765.965610000000,217.577720000000 791.390910000000,242.296770000000 778.678260000000,241.590510000000 C 778.678260000000,241.590510000000 768.084380000000,254.303160000000 776.559480000000,269.840850000000 C 776.559480000000,269.840850000000 743.965650000000,237.368850000000 770.203160000000,282.553500000000 L 782.209550000000,311.510100000000 C 782.209550000000,311.510100000000 739.127780000000,267.722070000000 758.903020000000,306.566290000000 C 758.903020000000,306.566290000000 789.272140000000,348.235540000000 792.803430000000,348.941800000000 C 796.334720000000,349.648060000000 804.103570000000,365.185750000000 804.103570000000,365.185750000000 L 796.334720000000,361.654460000000 L 805.516080000000,377.192140000000 C 805.516080000000,377.192140000000 785.740840000000,356.004390000000 796.334720000000,379.310920000000 L 804.730565520066,400.900238264636 C 835.673264956245,398.273807218184 854.106670000000,396.693710000000 854.106670000000,396.693710000000 C 855.201370000000,397.013290000000 859.103450000000,398.997880000000 861.310510000000,401.911190000000 C 861.310510000000,401.911190000000 873.316900000000,420.980170000000 864.135540000000,388.492280000000 C 864.135540000000,388.492280000000 847.891590000000,337.641670000000 863.429280000000,357.416910000000 C 863.429280000000,357.416910000000 874.023160000000,370.129560000000 868.373090000000,346.116770000000 C 861.557700000000,317.112500000000 857.072950000000,305.860030000000 857.072950000000,305.860030000000 C 857.072950000000,305.860030000000 877.554450000000,314.335140000000 830.235130000000,244.415540000000 L 845.772820000000,250.771870000000 C 845.772820000000,250.771870000000 811.166150000000,180.852280000000 773.028190000000,171.670910000000 L 758.903020000000,161.077040000000 C 758.903020000000,161.077040000000 760.405508762799,159.590202127649 762.888599681427,156.844851797827" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 762.888599681427,156.844851797827 C 777.085832621546,141.148133710571 823.339485346532,84.309956366451 804.103570000000,29.006694000000 C 804.103570000000,29.006694000000 792.097170000000,19.825333000000 775.146970000000,36.069279000000 C 775.146970000000,36.069279000000 763.846830000000,44.544381000000 753.252950000000,41.719347000000 C 753.252950000000,41.719347000000 698.871050000000,43.838123000000 695.339750000000,43.838123000000 C 695.144777744828,43.838123000000 694.773260082634,43.637894675275 694.225791376296,43.264778738517 C 692.236152464448,43.927592206553 683.242356163131,47.085284253408 673.406483010803,53.094338937148 C 667.937575114495,56.990603129489 662.354435652716,61.530179197880 657.746100326327,65.338382692428 C 651.208947606119,72.041621324254 645.991137899882,80.366342522158 644.489140000000,90.451185000000 C 644.489140000000,90.451185000000 641.112111858801,122.532960310685 666.012445633583,151.524965633603 L 679.802070000000,165.314590000000 C 679.802070000000,165.314590000000 681.920840000000,172.377170000000 677.683290000000,165.314590000000 C 677.353312911232,164.764627666255 676.933402439881,164.214665393148 676.439565654461,163.668037979338 C 676.806776923464,167.124297671551 677.867725623851,174.508544511538 680.508320000000,178.733500000000 C 680.508320000000,178.733500000000 678.040600905651,186.136666018242 704.818013162483,176.149314682255 C 694.269973904740,172.733934990674 711.422575680629,162.659905201706 722.177580000000,166.020850000000 C 723.956093416994,166.576635344443 726.136989555368,167.377349108037 728.549551433523,168.332125850256 L 758.903020000000,158.958260000000 C 758.903020000000,158.958260000000 760.460403392352,158.374241572417 762.888599681386,156.844851797865 M 791.073100000000,41.383874000000 C 794.957520000000,65.467290000000 767.590000000000,118.842780000000 755.159850000000,130.496040000000 C 742.729700000000,142.149310000000 734.183970000000,128.942270000000 734.183970000000,128.942270000000 C 720.200050000000,118.842780000000 727.192010000000,71.452831000000 727.192010000000,71.452831000000 C 734.960860000000,48.146299000000 760.598040000000,44.261878000000 760.598040000000,44.261878000000 C 773.805080000000,44.261878000000 786.235230000000,34.162381000000 786.235230000000,34.162381000000 C 794.780950000000,25.616653000000 791.073100000000,41.383874000000 791.073100000000,41.383874000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 748.608530958386,405.647847381028 C 762.814404035161,404.450042774214 775.940570180663,403.340339036691 787.759942720452,402.339196716934 C 780.867274099977,381.430377208753 795.512128458207,394.116957742543 802.631491311685,401.078385039580 C 803.337420631109,401.018481300704 804.037134258698,400.959097039941 804.730565520070,400.900238264635 L 796.334720000000,379.310920000000 C 785.740840000000,356.004390000000 805.516080000000,377.192140000000 805.516080000000,377.192140000000 L 796.334720000000,361.654460000000 L 804.103570000000,365.185750000000 C 804.103570000000,365.185750000000 796.334720000000,349.648060000000 792.803430000000,348.941800000000 C 789.272140000000,348.235540000000 758.903020000000,306.566290000000 758.903020000000,306.566290000000 C 739.127780000000,267.722070000000 782.209550000000,311.510100000000 782.209550000000,311.510100000000 L 770.203160000000,282.553500000000 C 743.965650000000,237.368850000000 776.559480000000,269.840850000000 776.559480000000,269.840850000000 C 768.084380000000,254.303160000000 778.678260000000,241.590510000000 778.678260000000,241.590510000000 C 791.390910000000,242.296770000000 765.965610000000,217.577720000000 765.965610000000,217.577720000000 C 756.827709278056,205.393855245955 781.845241364876,213.703250177169 788.894457070836,216.217404700103 C 780.427694123009,211.473459944806 761.021800000000,182.971050000000 761.021800000000,182.971050000000 C 761.021800000000,182.971050000000 741.465669449317,173.443708352196 728.549551433523,168.332125850256 L 710.877440000000,173.789690000000 C 708.707296368648,174.666981995011 706.691105566563,175.450694825157 704.818013162483,176.149314682255 C 705.352658466980,176.322429009100 705.958470640421,176.478436321050 706.639890000000,176.614720000000 C 720.765060000000,179.439760000000 736.302750000000,197.096220000000 736.302750000000,197.096220000000 L 727.827650000000,194.271190000000 C 702.402340000000,182.971050000000 735.596490000000,218.990240000000 735.596490000000,218.990240000000 C 741.670310000000,231.141410000000 756.077990000000,255.715680000000 756.077990000000,255.715680000000 C 720.058800000000,224.640300000000 757.490500000000,283.259760000000 757.490500000000,283.259760000000 C 757.490500000000,283.259760000000 757.490500000000,283.966020000000 746.190370000000,276.197180000000 C 734.890230000000,268.428330000000 746.896630000000,293.147380000000 746.896630000000,293.147380000000 L 739.127780000000,286.791050000000 C 726.415130000000,278.315950000000 746.896630000000,327.047790000000 746.896630000000,327.047790000000 C 752.546690000000,332.697860000000 760.315540000000,354.591870000000 760.315540000000,354.591870000000 C 733.477710000000,335.522890000000 743.365330000000,365.892010000000 743.365330000000,365.892010000000 C 751.134180000000,370.835820000000 757.490500000000,397.673640000000 757.490500000000,397.673640000000 C 743.347703299575,384.816554848781 745.068767689309,395.365163731900 748.608530958377,405.647847381030" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 787.759942720452,402.339196716934 C 792.978381824171,401.897176617117 797.942079606456,401.476319062707 802.631491311656,401.078385039554 C 795.512128458207,394.116957742543 780.867274099977,381.430377208753 787.759942720426,402.339196716901" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 704.818013162483,176.149314682255 C 706.691105566563,175.450694825157 708.707296368648,174.666981995011 710.877440000000,173.789690000000 L 728.549551433527,168.332125850258 C 726.136989555368,167.377349108037 723.956093416994,166.576635344443 722.177580000000,166.020850000000 C 711.422575680629,162.659905201706 694.269973904740,172.733934990674 704.818013162405,176.149314682271" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 694.225791376296,43.264778738517 C 693.845793162225,43.005798840729 693.381026084753,42.663525965401 692.831688899054,42.247102857355 C 660.476546893900,19.370008070606 598.229210000000,12.762748000000 598.229210000000,12.762748000000 C 577.041450000000,9.231455000000 606.704310000000,20.884721000000 606.704310000000,20.884721000000 C 617.298190000000,23.003496000000 664.264380000000,43.131864000000 669.561320000000,44.897510000000 C 673.857978249019,46.329729686726 685.357524044895,44.973732461973 689.547481999788,44.410521026577 C 690.092092681267,44.294456251356 690.611313487441,44.220127667589 691.102200000000,44.191252000000 C 691.102200000000,44.191252000000 690.522923432816,44.279402820725 689.547481999788,44.410521026577 C 685.261332192105,45.323964391969 679.402565436157,48.822494961862 673.406483010803,53.094338937147 C 683.242356163131,47.085284253408 692.236152464448,43.927592206553 694.225791376338,43.264778738302" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 707.342413123608,409.119029894878 C 721.876909023786,407.899363183782 735.689217369541,406.737172426378 748.608530958386,405.647847381028 C 745.068767689309,395.365163731900 743.347703299575,384.816554848781 757.490500000000,397.673640000000 C 757.490500000000,397.673640000000 751.134180000000,370.835820000000 743.365330000000,365.892010000000 C 743.365330000000,365.892010000000 733.477710000000,335.522890000000 760.315540000000,354.591870000000 C 760.315540000000,354.591870000000 752.546690000000,332.697860000000 746.896630000000,327.047790000000 C 746.896630000000,327.047790000000 726.415130000000,278.315950000000 739.127780000000,286.791050000000 L 746.896630000000,293.147380000000 C 746.896630000000,293.147380000000 734.890230000000,268.428330000000 746.190370000000,276.197180000000 C 757.490500000000,283.966020000000 757.490500000000,283.259760000000 757.490500000000,283.259760000000 C 757.490500000000,283.259760000000 720.058800000000,224.640300000000 756.077990000000,255.715680000000 C 756.077990000000,255.715680000000 741.670310000000,231.141410000000 735.596490000000,218.990240000000 C 735.596490000000,218.990240000000 702.402340000000,182.971050000000 727.827650000000,194.271190000000 L 736.302750000000,197.096220000000 C 736.302750000000,197.096220000000 720.765060000000,179.439760000000 706.639890000000,176.614720000000 C 705.958470640421,176.478436321050 705.352658466980,176.322429009100 704.818013162405,176.149314682271 C 678.040600905651,186.136666018242 680.508320000000,178.733500000000 680.508320000000,178.733500000000 C 677.867725623851,174.508544511538 676.806776923464,167.124297671551 676.439565654401,163.668037979264 C 670.591574048481,157.194902275535 654.376760000000,151.189420000000 654.376760000000,151.189420000000 C 664.264380000000,166.727100000000 631.776490000000,154.720710000000 631.776490000000,154.720710000000 C 612.001250000000,134.945470000000 627.538940000000,117.995270000000 627.538940000000,117.995270000000 C 632.482750000000,111.638940000000 626.832680000000,107.401390000000 626.832680000000,107.401390000000 C 620.476350000000,108.107650000000 612.001250000000,103.163840000000 612.001250000000,103.163840000000 C 539.256620000000,54.432000000000 483.463960000000,70.675946000000 490.526550000000,69.969688000000 C 496.649976557182,69.357344477258 512.859493717108,79.894241684167 517.062168169605,82.707377818726 L 517.362610000000,82.682341000000 C 517.362610000000,82.682341000000 526.543970000000,81.269824000000 552.675530000000,87.626151000000 C 552.675530000000,87.626151000000 562.563150000000,86.919892000000 583.044650000000,110.932680000000 C 583.044650000000,110.932680000000 591.519750000000,119.407780000000 592.226010000000,127.176630000000 C 592.226010000000,127.176630000000 600.701110000000,139.183020000000 611.294990000000,148.364380000000 C 611.294990000000,148.364380000000 616.945060000000,161.783300000000 620.476350000000,164.608330000000 C 620.476350000000,164.608330000000 652.257980000000,182.971050000000 638.132810000000,182.971050000000 C 638.132810000000,182.971050000000 688.983430000000,202.746290000000 659.320570000000,200.627510000000 C 659.320570000000,200.627510000000 652.964240000000,199.215000000000 660.026830000000,205.571320000000 C 660.026830000000,205.571320000000 676.977030000000,216.871460000000 686.158390000000,218.990240000000 C 686.158390000000,218.990240000000 688.983430000000,223.227790000000 678.389550000000,222.521530000000 C 678.389550000000,222.521530000000 659.320570000000,241.590510000000 693.927240000000,240.884250000000 C 693.927240000000,240.884250000000 714.408730000000,246.534320000000 691.102200000000,252.890640000000 C 691.102200000000,252.890640000000 674.152000000000,262.072010000000 678.389550000000,268.428330000000 C 682.627100000000,274.784660000000 708.052410000000,300.209970000000 693.927240000000,296.678670000000 C 693.927240000000,296.678670000000 693.220980000000,303.741260000000 702.402340000000,311.510100000000 C 702.402340000000,311.510100000000 726.415130000000,310.803840000000 718.646280000000,315.747650000000 C 718.646280000000,315.747650000000 705.227370000000,324.222750000000 717.233770000000,335.522890000000 C 729.240160000000,346.823030000000 715.114990000000,343.997990000000 710.171180000000,341.879220000000 C 710.171180000000,341.879220000000 708.758670000000,341.172960000000 710.171180000000,353.179350000000 C 710.171180000000,353.179350000000 699.577300000000,372.954590000000 699.577300000000,378.604660000000 C 699.577300000000,378.604660000000 717.233770000000,405.442480000000 704.521110000000,399.086160000000 C 704.521110000000,399.086160000000 705.604725673239,403.337262829450 707.342413123593,409.119029894845" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 657.746100326327,65.338382692428 C 662.354435652716,61.530179197880 667.937575114495,56.990603129489 673.406483010803,53.094338937147 C 668.109788442004,56.330261850555 662.568899444848,60.393053319152 657.746100326339,65.338382692413" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 692.831688899054,42.247102857355 C 687.390206005868,38.122206022137 673.650723193975,26.721705099861 651.806416500816,16.931704431948 C 650.687550895912,16.481063872301 649.543375303534,16.032820453393 648.373560000000,15.587782000000 C 648.373560000000,15.587782000000 647.893551838723,15.315344946447 646.955548530483,14.842730934440 C 616.677022417731,2.327606369406 572.391014143749,-6.290200441320 514.537570000000,9.231455000000 C 514.537570000000,9.231455000000 505.356210000000,12.762748000000 497.589130000000,10.643972000000 C 497.589130000000,10.643972000000 465.099480000000,-17.606369000000 378.935940000000,22.650367000000 C 378.935940000000,22.650367000000 361.279470000000,26.181660000000 358.454440000000,26.181660000000 C 356.068541358792,26.181660000000 352.171366958638,26.181660000000 342.508400836963,32.988890359343 C 339.970188081807,34.965348374199 336.619002115274,37.565670099854 333.040836608321,40.317065189222 C 322.284165420340,49.049364571877 321.409190249935,50.450296256666 318.197700000000,53.019483000000 C 318.197700000000,53.019483000000 299.528771719356,65.768994980813 287.783815303581,71.524925505868 C 296.477426001817,69.145738327877 329.703168316369,59.876739551842 333.382260000000,56.197647000000 C 337.619810000000,51.960096000000 368.342060000000,47.369415000000 372.579610000000,49.841320000000 C 376.817160000000,52.313225000000 391.648590000000,51.253837000000 374.698390000000,52.313225000000 C 374.698390000000,52.313225000000 377.581708241617,52.877684122666 382.505296981898,53.851894145141 C 383.161703897603,53.770123675297 383.526620000000,53.725742000000 383.526620000000,53.725742000000 L 491.232810000000,73.854110000000 L 514.002145330003,82.962379716492 L 517.062168169518,82.707377818670 C 512.859493717108,79.894241684167 496.649976557182,69.357344477258 490.526550000000,69.969688000000 C 483.463960000000,70.675946000000 539.256620000000,54.432000000000 612.001250000000,103.163840000000 C 612.001250000000,103.163840000000 620.476350000000,108.107650000000 626.832680000000,107.401390000000 C 626.832680000000,107.401390000000 632.482750000000,111.638940000000 627.538940000000,117.995270000000 C 627.538940000000,117.995270000000 612.001250000000,134.945470000000 631.776490000000,154.720710000000 C 631.776490000000,154.720710000000 664.264380000000,166.727100000000 654.376760000000,151.189420000000 C 654.376760000000,151.189420000000 670.591574048481,157.194902275535 676.439565654461,163.668037979338 C 676.315702075301,162.502211296220 676.270770000000,161.783300000000 676.270770000000,161.783300000000 C 672.406236812373,158.449191968443 669.005113126313,155.009394102061 666.012445633583,151.524965633603 L 657.908050000000,143.420570000000 C 657.908050000000,143.420570000000 648.726690000000,139.889280000000 643.782880000000,125.057850000000 C 639.269508615567,111.517735846700 635.344768337735,95.623105601472 640.606736323714,88.658936579368 C 638.617995950034,90.441595326351 635.776233219015,92.346474879580 636.720300000000,87.626151000000 C 638.132810000000,80.563566000000 644.489140000000,74.207239000000 647.314170000000,73.500980000000 C 648.285583851321,73.258127224887 652.346757497455,69.800253362175 657.746100326327,65.338382692428 C 662.568899444848,60.393053319152 668.109788442004,56.330261850555 673.406483010803,53.094338937148 C 679.402565436157,48.822494961862 685.261332192105,45.323964391969 689.547481999709,44.410521026537 C 685.357524044895,44.973732461973 673.857978249019,46.329729686726 669.561320000000,44.897510000000 C 664.264380000000,43.131864000000 617.298190000000,23.003496000000 606.704310000000,20.884721000000 C 606.704310000000,20.884721000000 577.041450000000,9.231455000000 598.229210000000,12.762748000000 C 598.229210000000,12.762748000000 660.476546893900,19.370008070606 692.831688898964,42.247102857248" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 660.531627452703,413.036167177635 C 676.771931965804,411.681072974934 692.436934877788,410.369827704052 707.342413123608,409.119029894878 C 705.604725673239,403.337262829450 704.521110000000,399.086160000000 704.521110000000,399.086160000000 C 717.233770000000,405.442480000000 699.577300000000,378.604660000000 699.577300000000,378.604660000000 C 699.577300000000,372.954590000000 710.171180000000,353.179350000000 710.171180000000,353.179350000000 C 708.758670000000,341.172960000000 710.171180000000,341.879220000000 710.171180000000,341.879220000000 C 715.114990000000,343.997990000000 729.240160000000,346.823030000000 717.233770000000,335.522890000000 C 705.227370000000,324.222750000000 718.646280000000,315.747650000000 718.646280000000,315.747650000000 C 726.415130000000,310.803840000000 702.402340000000,311.510100000000 702.402340000000,311.510100000000 C 693.220980000000,303.741260000000 693.927240000000,296.678670000000 693.927240000000,296.678670000000 C 708.052410000000,300.209970000000 682.627100000000,274.784660000000 678.389550000000,268.428330000000 C 674.152000000000,262.072010000000 691.102200000000,252.890640000000 691.102200000000,252.890640000000 C 714.408730000000,246.534320000000 693.927240000000,240.884250000000 693.927240000000,240.884250000000 C 659.320570000000,241.590510000000 678.389550000000,222.521530000000 678.389550000000,222.521530000000 C 688.983430000000,223.227790000000 686.158390000000,218.990240000000 686.158390000000,218.990240000000 C 676.977030000000,216.871460000000 660.026830000000,205.571320000000 660.026830000000,205.571320000000 C 652.964240000000,199.215000000000 659.320570000000,200.627510000000 659.320570000000,200.627510000000 C 688.983430000000,202.746290000000 638.132810000000,182.971050000000 638.132810000000,182.971050000000 C 652.257980000000,182.971050000000 620.476350000000,164.608330000000 620.476350000000,164.608330000000 C 616.945060000000,161.783300000000 611.294990000000,148.364380000000 611.294990000000,148.364380000000 C 600.701110000000,139.183020000000 592.226010000000,127.176630000000 592.226010000000,127.176630000000 C 591.519750000000,119.407780000000 583.044650000000,110.932680000000 583.044650000000,110.932680000000 C 562.563150000000,86.919892000000 552.675530000000,87.626151000000 552.675530000000,87.626151000000 C 526.543970000000,81.269824000000 517.362610000000,82.682341000000 517.362610000000,82.682341000000 L 517.062168169518,82.707377818670 C 517.706734760589,83.138830120997 518.068870000000,83.388600000000 518.068870000000,83.388600000000 C 518.068870000000,83.388600000000 517.259917142797,83.631285628080 516.134816602642,83.815498390617 L 521.247030000000,85.860504000000 L 444.264850000000,91.863702000000 L 417.854444486375,103.061711640240 C 423.354134291023,103.435398003075 438.967910000000,109.167040000000 438.967910000000,109.167040000000 C 436.849140000000,110.932680000000 449.914920000000,117.995270000000 449.914920000000,117.995270000000 C 480.638930000000,116.229620000000 499.354780000000,135.298600000000 499.354780000000,135.298600000000 C 518.421990000000,164.608330000000 518.775120000000,150.130030000000 518.775120000000,150.130030000000 C 523.718930000000,133.532950000000 502.884310000000,96.101253000000 502.884310000000,96.101253000000 C 503.590570000000,92.569960000000 518.068870000000,104.223230000000 518.068870000000,104.223230000000 C 520.540770000000,100.691930000000 521.953290000000,110.932680000000 521.953290000000,110.932680000000 C 522.306420000000,115.170230000000 529.015870000000,129.295400000000 529.015870000000,129.295400000000 C 533.959680000000,152.248810000000 540.316010000000,139.183020000000 540.316010000000,139.183020000000 L 548.437980000000,155.780100000000 C 550.909890000000,160.370780000000 540.316010000000,173.789690000000 540.316010000000,173.789690000000 C 539.962880000000,178.733500000000 541.375400000000,178.380370000000 531.487780000000,191.799280000000 C 521.600160000000,205.218190000000 527.603360000000,212.987040000000 527.603360000000,212.987040000000 C 525.131450000000,224.640300000000 540.669140000000,223.934050000000 540.669140000000,223.934050000000 C 545.259820000000,227.818470000000 551.263020000000,227.818470000000 551.263020000000,227.818470000000 C 554.441180000000,231.349760000000 558.678730000000,230.290370000000 558.678730000000,230.290370000000 C 561.503760000000,223.580920000000 572.450770000000,227.112210000000 572.450770000000,227.112210000000 C 574.922680000000,222.874660000000 589.400980000000,222.168400000000 589.400980000000,222.168400000000 C 591.166620000000,217.577720000000 591.872880000000,214.752680000000 597.876080000000,213.693300000000 C 603.879280000000,212.633910000000 560.444380000000,136.711120000000 560.444380000000,136.711120000000 C 571.744510000000,135.298600000000 557.266210000000,113.404590000000 557.266210000000,113.404590000000 C 553.381790000000,101.751320000000 573.510160000000,127.529760000000 577.394580000000,130.001660000000 C 581.279000000000,132.473570000000 583.044650000000,136.357990000000 580.219610000000,136.004860000000 C 577.394580000000,135.651730000000 574.216420000000,139.536150000000 576.688320000000,139.889280000000 C 579.160230000000,140.242410000000 602.113630000000,166.727110000000 608.116830000000,184.736700000000 C 614.120020000000,202.746290000000 624.713900000000,209.808870000000 635.660910000000,220.402750000000 C 646.607920000000,230.996630000000 645.195400000000,273.725270000000 645.195400000000,273.725270000000 C 644.489140000000,289.262960000000 655.083020000000,307.978810000000 655.083020000000,307.978810000000 C 658.614310000000,314.688260000000 651.198600000000,346.823030000000 651.198600000000,346.823030000000 C 647.667300000000,350.707450000000 650.139210000000,352.119970000000 650.139210000000,352.119970000000 C 651.904850000000,354.238740000000 663.911250000000,377.545270000000 663.911250000000,377.545270000000 C 660.733090000000,377.192140000000 667.089410000000,383.548470000000 667.089410000000,383.548470000000 C 676.270770000000,394.142350000000 664.970640000000,388.845410000000 664.970640000000,388.845410000000 C 654.376760000000,386.020380000000 666.736280000000,403.323710000000 666.736280000000,403.323710000000 C 668.855060000000,406.501870000000 652.964240000000,398.379900000000 652.964240000000,398.379900000000 C 636.720300000000,397.320510000000 657.201790000000,410.033170000000 657.201790000000,410.033170000000 C 658.594568431460,411.199216610946 659.690253195441,412.192948889706 660.531627452784,413.036167177684" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 651.806416500816,16.931704431948 C 650.231562150496,16.225899237118 648.614582031349,15.528464805479 646.955548530216,14.842730934322 C 647.893551838723,15.315344946447 648.373560000000,15.587782000000 648.373560000000,15.587782000000 C 649.543375303534,16.032820453393 650.687550895912,16.481063872301 651.806416500816,16.931704431949" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 460.880048219831,429.448670592229 C 489.328518630045,427.152869877151 518.087608864971,424.809031748851 546.424407953285,422.483191612064 C 546.390755523532,422.452052918109 546.355699149183,422.421881298681 546.319210000000,422.392690000000 C 546.319210000000,422.392690000000 527.956480000000,408.973780000000 496.176620000000,424.511460000000 C 496.176620000000,424.511460000000 492.645320000000,428.042760000000 474.280840000000,411.798810000000 C 474.280840000000,411.798810000000 458.036890000000,399.792420000000 453.799340000000,399.792420000000 C 453.799340000000,399.792420000000 481.345190000000,425.217720000000 466.511990000000,421.686430000000 C 466.511990000000,421.686430000000 450.974310000000,417.448880000000 455.211860000000,421.686430000000 C 455.211860000000,421.686430000000 456.686000069978,425.154996170557 460.880048219807,429.448670592221" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 455.567754320329,429.877105384815 C 457.337195685511,429.734490808522 459.108019361292,429.591673891244 460.880048219831,429.448670592229 C 456.686000069978,425.154996170557 455.211860000000,421.686430000000 455.211860000000,421.686430000000 C 450.974310000000,417.448880000000 466.511990000000,421.686430000000 466.511990000000,421.686430000000 C 481.345190000000,425.217720000000 453.799340000000,399.792420000000 453.799340000000,399.792420000000 C 458.036890000000,399.792420000000 474.280840000000,411.798810000000 474.280840000000,411.798810000000 C 492.645320000000,428.042760000000 496.176620000000,424.511460000000 496.176620000000,424.511460000000 C 527.956480000000,408.973780000000 546.319210000000,422.392690000000 546.319210000000,422.392690000000 C 546.355699149183,422.421881298681 546.390755523532,422.452052918109 546.424407953825,422.483191611692 C 565.668746398599,420.903646419874 584.718317399074,419.332402189821 603.343554827162,417.790142869534 C 594.318855558321,408.964644480233 593.285400000000,402.970580000000 593.285400000000,402.970580000000 C 615.532540000000,388.492280000000 601.054240000000,366.598270000000 601.407370000000,360.241940000000 C 601.760499668651,353.885615964281 603.879276023808,315.747721571300 603.879279999994,315.747650000101 C 600.347980000000,304.800650000000 595.051040000000,280.787860000000 595.051040000000,280.787860000000 C 598.935470000000,271.606500000000 612.001250000000,249.359350000000 612.001250000000,249.359350000000 C 616.945060000000,241.943640000000 632.482750000000,233.468540000000 628.598320000000,228.171600000000 C 624.713900000000,222.874660000000 610.941860000000,226.052820000000 610.941860000000,226.052820000000 C 597.169820000000,223.580920000000 598.229210000000,232.762280000000 598.229210000000,232.762280000000 C 595.404170000000,234.527920000000 593.991660000000,243.356150000000 593.991660000000,243.356150000000 C 592.720390000000,257.363030000000 577.041450000000,268.428330000000 577.041450000000,268.428330000000 C 557.266210000000,279.375340000000 573.510160000000,286.437920000000 573.510160000000,286.437920000000 C 584.104040000000,298.091190000000 566.800700000000,298.444320000000 566.800700000000,298.444320000000 C 547.378590000000,295.266160000000 561.856890000000,313.275750000000 561.856890000000,313.275750000000 C 580.925870000000,335.876020000000 575.628930000000,340.819830000000 575.628930000000,340.819830000000 C 560.101241575765,342.342155775670 574.499270304430,354.627231128123 578.762550528894,357.984332170820 C 578.614775119515,355.700141660360 579.866490000000,358.829420000000 579.866490000000,358.829420000000 C 579.866490000000,358.829420000000 579.443981120360,358.520921657950 578.762550528894,357.984332170820 C 578.771756002007,358.126622789847 578.786392199825,358.289920384832 578.807100000000,358.476290000000 C 579.160230000000,361.654460000000 584.457170000000,369.070170000000 585.869680000000,372.601460000000 C 587.282200000000,376.132760000000 580.219610000000,376.485890000000 580.219610000000,376.485890000000 C 581.279000000000,393.436090000000 554.088050000000,386.020380000000 554.088050000000,386.020380000000 L 551.263020000000,386.373500000000 C 548.437980000000,386.726630000000 528.662740000000,385.314120000000 518.421990000000,381.429700000000 C 508.181250000000,377.545270000000 496.176620000000,377.545270000000 496.176620000000,377.545270000000 C 496.176620000000,377.545270000000 489.114030000000,380.723440000000 475.693350000000,380.370310000000 C 462.274440000000,380.017180000000 448.149270000000,384.960990000000 448.149270000000,384.960990000000 C 440.380430000000,384.254730000000 455.564990000000,376.485890000000 455.918120000000,376.839010000000 C 456.271240000000,377.192140000000 466.158860000000,367.304520000000 452.033690000000,368.363910000000 C 413.547900000000,371.250740000000 394.473620000000,353.179350000000 394.473620000000,353.179350000000 C 390.942330000000,350.707450000000 386.351650000000,345.763640000000 386.351650000000,345.763640000000 C 368.695190000000,342.232350000000 388.823560000000,367.657650000000 388.823560000000,367.657650000000 C 390.942330000000,370.129560000000 388.470430000000,371.895210000000 388.470430000000,371.895210000000 C 387.057910000000,369.070170000000 373.285870000000,359.535680000000 373.285870000000,359.535680000000 C 369.577192973616,358.251960351502 367.296030366514,356.612340612654 364.662614521579,354.034133049196 C 375.497328571624,365.431038913548 412.130090000000,404.736230000000 412.130090000000,404.736230000000 C 418.603464458082,411.467067711911 423.866270011954,416.841761911857 428.100456483703,421.069794280224 C 431.911253826982,423.117187349041 438.429332741789,427.443747179686 440.021705444711,428.508488251077 C 434.631390556513,420.929915909755 424.842740000000,408.973780000000 424.842740000000,408.973780000000 C 411.423830000000,400.498680000000 395.179880000000,367.304520000000 395.179880000000,367.304520000000 C 393.061110000000,362.360720000000 419.898930000000,380.017180000000 419.898930000000,380.017180000000 C 426.961520000000,381.429700000000 450.974310000000,415.330100000000 450.974310000000,415.330100000000 C 438.967910000000,411.092550000000 447.443010000000,423.805210000000 447.443010000000,423.805210000000 C 448.642128555951,424.661722561252 451.669523069354,426.930913593829 455.567754320302,429.877105384794" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 442.546077570539,430.924961394438 C 446.876528710824,430.577056895322 451.217964753031,430.227692529613 455.567754320329,429.877105384815 C 451.669523069354,426.930913593829 448.642128555951,424.661722561252 447.443010000000,423.805210000000 C 447.443010000000,423.805210000000 438.967910000000,411.092550000000 450.974310000000,415.330100000000 C 450.974310000000,415.330100000000 426.961520000000,381.429700000000 419.898930000000,380.017180000000 C 419.898930000000,380.017180000000 393.061110000000,362.360720000000 395.179880000000,367.304520000000 C 395.179880000000,367.304520000000 411.423830000000,400.498680000000 424.842740000000,408.973780000000 C 424.842740000000,408.973780000000 434.631390556513,420.929915909755 440.021705444012,428.508488250632 C 440.253052678820,428.663178733686 440.380430000000,428.749020000000 440.380430000000,428.749020000000 C 440.380430000000,428.749020000000 441.160611497937,429.543350453980 442.546077570537,430.924961394435" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 287.783815303581,71.524925505868 C 284.901426903228,72.937517157240 282.436059073530,73.928895755393 280.766000000000,74.207239000000 C 280.766000000000,74.207239000000 260.284510000000,85.507375000000 252.515660000000,103.163840000000 L 246.159340000000,105.282610000000 C 246.159340000000,105.282610000000 243.334300000000,117.995270000000 242.628040000000,120.114040000000 C 242.628040000000,120.114040000000 234.152940000000,126.470370000000 232.740420000000,136.357990000000 C 232.740420000000,136.357990000000 217.202740000000,146.951870000000 217.908990000000,154.720710000000 C 217.908990000000,154.720710000000 215.083960000000,163.902070000000 213.671440000000,172.377170000000 C 213.671440000000,172.377170000000 200.958790000000,180.852280000000 202.371310000000,185.796090000000 C 202.371310000000,185.796090000000 188.952390000000,210.515130000000 191.071170000000,222.521530000000 C 191.071170000000,222.521530000000 179.771030000000,221.815270000000 174.827220000000,226.052820000000 C 174.827220000000,226.052820000000 173.414710000000,234.527920000000 170.589670000000,235.234180000000 C 170.589670000000,235.234180000000 165.645860000000,237.352960000000 169.883410000000,244.415540000000 C 169.883410000000,244.415540000000 167.058380000000,249.359350000000 166.352120000000,252.184390000000 C 166.352120000000,252.184390000000 167.764640000000,257.128200000000 159.995800000000,267.015810000000 C 159.995800000000,267.015810000000 148.695660000000,300.209970000000 152.226950000000,309.391330000000 C 152.226950000000,309.391330000000 152.610322780482,313.991792509363 150.834975350775,317.543625103838 C 151.253171000079,317.293929499961 151.520690000000,317.160170000000 151.520690000000,317.160170000000 C 157.877020000000,334.110370000000 185.067970000000,326.341530000000 185.067970000000,326.341530000000 C 174.120970000000,333.050990000000 156.111370000000,343.644860000000 156.111370000000,343.644860000000 C 156.111370000000,343.644860000000 160.348920000000,337.641670000000 161.408310000000,336.229150000000 C 162.467700000000,334.816630000000 152.933210000000,332.697860000000 152.933210000000,332.697860000000 C 152.933210000000,332.697860000000 151.578803619469,332.246391206490 149.050476061313,329.358177717921 C 150.549307010824,332.236912408040 152.892374440454,336.069922798225 156.464500000000,341.172960000000 C 156.464500000000,341.172960000000 157.877020000000,343.291740000000 152.226950000000,347.529290000000 C 152.226950000000,347.529290000000 121.857840000000,353.885610000000 117.620280000000,382.842210000000 C 117.620280000000,382.842210000000 93.607495000000,408.973780000000 93.607495000000,418.155140000000 C 93.607495000000,422.224950000000 94.084219000000,427.781440000000 95.320172000000,435.917540000000 C 95.320172000000,435.917540000000 94.547017112298,447.230009823510 127.168898897385,450.975658740198 C 127.702597820378,450.158008059970 128.285522326844,449.340547245068 128.920420000000,448.524250000000 C 128.920420000000,448.524250000000 128.313937749776,449.607254368757 128.066569838113,451.075887581161 C 132.447662567242,451.551357941497 137.414572228951,451.892331748614 143.045590000000,452.055550000000 C 149.433238427522,452.240698298943 166.363296828396,451.426119850051 190.962271228951,449.870716955215 C 191.284564121989,449.662977016783 191.558365302087,449.449574697913 191.777430000000,449.230510000000 C 191.988294915792,449.371087274010 192.324480248680,449.548914315936 192.763885563564,449.756350502324 C 205.372506253628,448.952862638884 219.918923484616,447.962066401940 236.033127580308,446.817299727068 C 238.783647415319,444.222242102172 240.509270000000,442.167930000000 240.509270000000,442.167930000000 C 240.509270000000,442.167930000000 248.631240000000,423.628640000000 253.575050000000,423.628640000000 C 258.518860000000,423.628640000000 252.868790000000,426.453680000000 252.868790000000,426.453680000000 C 252.868790000000,426.453680000000 242.654805930284,442.084171570164 241.931267548165,446.396444600833 C 270.460260197636,444.352120263405 303.550002179195,441.858806822603 339.283377651186,439.089236745845 C 339.974571541939,438.918860253503 340.635640270349,438.751154075042 341.244785419178,438.590166825654 L 341.295890000000,437.930380000000 C 341.295890000000,437.930380000000 342.388274581106,437.846726141993 343.844463509447,437.829957834041 C 344.110823768447,437.737692104933 344.328305043680,437.652915851571 344.488180000000,437.577250000000 C 377.115560000000,422.219660000000 403.104100000000,430.198610000000 404.069910000000,428.221090000000 C 404.508981360099,427.321231456341 411.935836892436,429.438217434163 420.496255180409,432.691257609219 C 426.027596659292,432.249513308464 431.584717474717,431.804663022753 437.161958833781,431.357216610305 C 422.921307172828,419.370689239325 423.732426839632,418.723021987686 428.100456483693,421.069794280215 C 423.866270011954,416.841761911857 418.603464458082,411.467067711911 412.130090000000,404.736230000000 C 412.130090000000,404.736230000000 375.497328571624,365.431038913548 364.662614521501,354.034133049112 C 363.771795597329,353.161989710122 362.840668327434,352.182443745920 361.800340000000,351.072940000000 C 362.134677583552,351.390148282277 363.145860505515,352.438677676711 364.662614521501,354.034133049112 C 367.296030366514,356.612340612654 369.577192973616,358.251960351502 373.285870000000,359.535680000000 C 373.285870000000,359.535680000000 387.057910000000,369.070170000000 388.470430000000,371.895210000000 C 388.470430000000,371.895210000000 390.942330000000,370.129560000000 388.823560000000,367.657650000000 C 388.823560000000,367.657650000000 368.695190000000,342.232350000000 386.351650000000,345.763640000000 C 386.351650000000,345.763640000000 390.942330000000,350.707450000000 394.473620000000,353.179350000000 C 394.473620000000,353.179350000000 413.547900000000,371.250740000000 452.033690000000,368.363910000000 C 466.158860000000,367.304520000000 456.271240000000,377.192140000000 455.918120000000,376.839010000000 C 455.564990000000,376.485890000000 440.380430000000,384.254730000000 448.149270000000,384.960990000000 C 448.149270000000,384.960990000000 462.274440000000,380.017180000000 475.693350000000,380.370310000000 C 489.114030000000,380.723440000000 496.176620000000,377.545270000000 496.176620000000,377.545270000000 C 496.176620000000,377.545270000000 508.181250000000,377.545270000000 518.421990000000,381.429700000000 C 528.662740000000,385.314120000000 548.437980000000,386.726630000000 551.263020000000,386.373500000000 L 554.088050000000,386.020380000000 C 554.088050000000,386.020380000000 581.279000000000,393.436090000000 580.219610000000,376.485890000000 C 580.219610000000,376.485890000000 587.282200000000,376.132760000000 585.869680000000,372.601460000000 C 584.457170000000,369.070170000000 579.160230000000,361.654460000000 578.807100000000,358.476290000000 C 578.786392199825,358.289920384832 578.771756002007,358.126622789847 578.762550528822,357.984332170647 C 574.499270304430,354.627231128123 560.101241575765,342.342155775670 575.628930000000,340.819830000000 C 575.628930000000,340.819830000000 580.925870000000,335.876020000000 561.856890000000,313.275750000000 C 561.856890000000,313.275750000000 547.378590000000,295.266160000000 566.800700000000,298.444320000000 C 566.800700000000,298.444320000000 584.104040000000,298.091190000000 573.510160000000,286.437920000000 C 573.510160000000,286.437920000000 557.266210000000,279.375340000000 577.041450000000,268.428330000000 C 577.041450000000,268.428330000000 592.720390000000,257.363030000000 593.991660000000,243.356150000000 C 593.991660000000,243.356150000000 595.404170000000,234.527920000000 598.229210000000,232.762280000000 C 598.229210000000,232.762280000000 597.169820000000,223.580920000000 610.941860000000,226.052820000000 C 610.941860000000,226.052820000000 624.713900000000,222.874660000000 628.598320000000,228.171600000000 C 632.482750000000,233.468540000000 616.945060000000,241.943640000000 612.001250000000,249.359350000000 C 612.001250000000,249.359350000000 598.935470000000,271.606500000000 595.051040000000,280.787860000000 C 595.051040000000,280.787860000000 600.347980000000,304.800650000000 603.879280000000,315.747650000000 C 603.879276023808,315.747721571300 601.760499668651,353.885615964281 601.407370000000,360.241940000000 C 601.054240000000,366.598270000000 615.532540000000,388.492280000000 593.285400000000,402.970580000000 C 593.285400000000,402.970580000000 594.318855558321,408.964644480233 603.343554827142,417.790142869527 C 622.966763996893,416.165246684838 642.118948311653,414.572524746554 660.531627452703,413.036167177635 C 659.690253195441,412.192948889706 658.594568431460,411.199216610946 657.201790000000,410.033170000000 C 657.201790000000,410.033170000000 636.720300000000,397.320510000000 652.964240000000,398.379900000000 C 652.964240000000,398.379900000000 668.855060000000,406.501870000000 666.736280000000,403.323710000000 C 666.736280000000,403.323710000000 654.376760000000,386.020380000000 664.970640000000,388.845410000000 C 664.970640000000,388.845410000000 676.270770000000,394.142350000000 667.089410000000,383.548470000000 C 667.089410000000,383.548470000000 660.733090000000,377.192140000000 663.911250000000,377.545270000000 C 663.911250000000,377.545270000000 651.904850000000,354.238740000000 650.139210000000,352.119970000000 C 650.139210000000,352.119970000000 647.667300000000,350.707450000000 651.198600000000,346.823030000000 C 651.198600000000,346.823030000000 658.614310000000,314.688260000000 655.083020000000,307.978810000000 C 655.083020000000,307.978810000000 644.489140000000,289.262960000000 645.195400000000,273.725270000000 C 645.195400000000,273.725270000000 646.607920000000,230.996630000000 635.660910000000,220.402750000000 C 624.713900000000,209.808870000000 614.120020000000,202.746290000000 608.116830000000,184.736700000000 C 602.113630000000,166.727110000000 579.160230000000,140.242410000000 576.688320000000,139.889280000000 C 574.216420000000,139.536150000000 577.394580000000,135.651730000000 580.219610000000,136.004860000000 C 583.044650000000,136.357990000000 581.279000000000,132.473570000000 577.394580000000,130.001660000000 C 573.510160000000,127.529760000000 553.381790000000,101.751320000000 557.266210000000,113.404590000000 C 557.266210000000,113.404590000000 571.744510000000,135.298600000000 560.444380000000,136.711120000000 C 560.444380000000,136.711120000000 603.879280000000,212.633910000000 597.876080000000,213.693300000000 C 591.872880000000,214.752680000000 591.166620000000,217.577720000000 589.400980000000,222.168400000000 C 589.400980000000,222.168400000000 574.922680000000,222.874660000000 572.450770000000,227.112210000000 C 572.450770000000,227.112210000000 561.503760000000,223.580920000000 558.678730000000,230.290370000000 C 558.678730000000,230.290370000000 554.441180000000,231.349760000000 551.263020000000,227.818470000000 C 551.263020000000,227.818470000000 545.259820000000,227.818470000000 540.669140000000,223.934050000000 C 540.669140000000,223.934050000000 525.131450000000,224.640300000000 527.603360000000,212.987040000000 C 527.603360000000,212.987040000000 521.600160000000,205.218190000000 531.487780000000,191.799280000000 C 541.375400000000,178.380370000000 539.962880000000,178.733500000000 540.316010000000,173.789690000000 C 540.316010000000,173.789690000000 550.909890000000,160.370780000000 548.437980000000,155.780100000000 L 540.316010000000,139.183020000000 C 540.316010000000,139.183020000000 533.959680000000,152.248810000000 529.015870000000,129.295400000000 C 529.015870000000,129.295400000000 522.306420000000,115.170230000000 521.953290000000,110.932680000000 C 521.953290000000,110.932680000000 520.540770000000,100.691930000000 518.068870000000,104.223230000000 C 518.068870000000,104.223230000000 503.590570000000,92.569960000000 502.884310000000,96.101253000000 C 502.884310000000,96.101253000000 523.718930000000,133.532950000000 518.775120000000,150.130030000000 C 518.775120000000,150.130030000000 518.421990000000,164.608330000000 499.354780000000,135.298600000000 C 499.354780000000,135.298600000000 480.638930000000,116.229620000000 449.914920000000,117.995270000000 C 449.914920000000,117.995270000000 436.849140000000,110.932680000000 438.967910000000,109.167040000000 C 438.967910000000,109.167040000000 423.354134291023,103.435398003075 417.854444486242,103.061711640169 L 415.992233844104,103.851288790562 C 416.067359124425,104.128586214791 416.301856697891,104.484385089172 416.720770000000,104.929480000000 C 416.720770000000,104.929480000000 424.489610000000,121.173430000000 429.786550000000,123.292210000000 C 429.786550000000,123.292210000000 445.324240000000,129.295400000000 445.677370000000,130.354790000000 C 446.030500000000,131.414180000000 474.635730000000,142.361190000000 478.873280000000,150.483160000000 C 478.873280000000,150.483160000000 483.463960000000,156.839490000000 447.443010000000,151.189420000000 C 447.443010000000,151.189420000000 426.961520000000,147.305000000000 418.839540000000,158.252000000000 C 418.839540000000,158.252000000000 402.595600000000,164.961460000000 391.295460000000,150.130030000000 C 391.295460000000,150.130030000000 390.646880959140,148.383855622996 390.107601966070,145.418413244556 C 387.574147251976,143.174327984943 382.114100000000,146.245610000000 382.114100000000,146.245610000000 C 382.114100000000,146.245610000000 368.695190000000,136.711120000000 369.048320000000,132.120440000000 C 369.401450000000,127.529760000000 365.870150000000,132.473570000000 363.751380000000,132.120440000000 C 361.632600000000,131.767310000000 353.510630000000,142.008060000000 353.157500000000,144.833090000000 C 352.804370000000,147.658120000000 346.448040000000,143.773700000000 346.448040000000,143.773700000000 L 340.091720000000,149.070640000000 L 324.628375057208,161.262894038902 L 313.253890000000,180.852280000000 C 311.135120000000,190.033640000000 337.266680000000,193.564930000000 337.266680000000,193.564930000000 C 353.510630000000,205.571320000000 341.504240000000,230.996630000000 341.504240000000,230.996630000000 C 339.385460000000,187.914860000000 316.078930000000,201.333770000000 316.078930000000,201.333770000000 C 313.253890000000,201.333770000000 301.953760000000,188.621120000000 301.953760000000,188.621120000000 C 301.953760000000,188.621120000000 302.660020000000,190.033640000000 294.891170000000,202.040030000000 C 287.122330000000,214.046430000000 293.478660000000,215.458940000000 293.478660000000,215.458940000000 L 295.597430000000,218.990240000000 L 302.660020000000,208.396360000000 C 314.716279308218,214.686582893158 322.882035321374,233.426424042575 326.291025616841,242.670617803674 C 327.417216915071,244.498130308786 328.085320000000,246.264236695740 328.085320000000,247.946830000000 C 328.085320000000,247.946830000000 327.475121153760,245.881541750711 326.291025616841,242.670617803674 C 321.744673319732,235.293082842401 309.732957589559,226.914825801922 304.072530000000,218.990240000000 C 297.009950000000,209.102620000000 300.541240000000,227.465340000000 300.541240000000,227.465340000000 C 297.716210000000,255.009420000000 301.953760000000,274.784660000000 301.953760000000,274.784660000000 L 294.184910000000,253.596900000000 L 296.303690000000,225.346560000000 C 292.066140000000,216.165200000000 286.416070000000,222.521530000000 286.416070000000,222.521530000000 C 287.357016410562,226.285308980776 281.403077921243,243.525448859590 277.322725622204,254.617280889387 C 276.424924943954,259.355140339059 275.279512456493,263.065000584794 273.703420000000,264.190780000000 C 273.703420000000,264.190780000000 275.277777729072,260.176168180967 277.322725622204,254.617280889387 C 279.241102353403,244.493653736990 280.028956373919,229.676484502220 281.472260000000,225.346560000000 C 283.591040000000,218.990240000000 281.472260000000,218.990240000000 277.234710000000,221.109010000000 C 272.997160000000,223.227790000000 244.746820000000,279.728470000000 244.746820000000,279.728470000000 C 246.159340000000,276.197180000000 256.046950000000,250.771870000000 256.046950000000,250.771870000000 C 253.928180000000,234.527920000000 278.647230000000,215.458940000000 278.647230000000,215.458940000000 C 284.297300000000,203.452550000000 270.172120000000,218.283980000000 270.172120000000,218.283980000000 C 264.522060000000,222.521530000000 238.390490000000,250.771870000000 238.390490000000,250.771870000000 L 256.753210000000,222.521530000000 C 260.284510000000,215.458940000000 280.059740000000,209.102620000000 284.297300000000,205.571320000000 C 288.534850000000,202.040030000000 292.772400000000,192.858670000000 292.772400000000,192.858670000000 C 309.890958863822,153.486898384064 324.446500915150,152.139459029802 327.976043518022,152.465116821129 C 332.964417940053,146.618765030865 339.064887941255,142.006384522726 339.738590000000,139.536150000000 C 340.797980000000,135.651730000000 331.969750000000,145.892480000000 331.969750000000,145.892480000000 C 331.969750000000,145.892480000000 332.322870000000,142.361190000000 333.029130000000,139.889280000000 C 333.735390000000,137.417380000000 327.732190000000,139.183020000000 325.260290000000,142.361190000000 C 322.788380000000,145.539350000000 312.547640000000,143.067440000000 305.131920000000,143.773700000000 C 300.134375404042,144.249657911831 298.665119054749,144.565238672305 298.238310779544,144.720442281422 L 298.069340000000,144.833090000000 C 298.069340000000,144.833090000000 298.031790760474,144.795540760474 298.238310779544,144.720442281422 L 300.188110000000,143.420570000000 L 280.412870000000,147.658120000000 L 279.000360000000,144.833090000000 C 272.290900000000,144.479960000000 254.634440000000,154.014450000000 247.571850000000,161.430170000000 C 240.509270000000,168.845880000000 253.928180000000,165.314590000000 253.928180000000,165.314590000000 C 259.225120000000,165.314590000000 266.287700000000,162.489550000000 266.287700000000,162.489550000000 C 276.528450000000,159.664520000000 265.934570000000,167.080230000000 265.934570000000,167.080230000000 C 265.934570000000,167.080230000000 268.406480000000,166.373980000000 265.581440000000,168.139620000000 C 262.756410000000,169.905270000000 250.396890000000,184.736700000000 250.396890000000,184.736700000000 C 247.218720000000,189.327380000000 248.984370000000,199.215000000000 248.984370000000,199.215000000000 C 245.099950000000,203.099420000000 250.043760000000,207.690100000000 250.043760000000,207.690100000000 L 244.040560000000,203.099420000000 C 241.568650000000,198.508740000000 241.568650000000,208.749490000000 240.862400000000,210.162000000000 C 240.156140000000,211.574520000000 236.624840000000,218.283980000000 234.152940000000,223.934050000000 C 231.681040000000,229.584110000000 230.268520000000,238.765470000000 230.268520000000,238.765470000000 C 229.459240747539,243.621137875658 229.886395496652,245.385726582977 230.133196683961,245.948281748587 C 230.178614298246,246.025185658815 230.223744566034,246.102832990560 230.268520000000,246.181190000000 C 230.268520000000,246.181190000000 230.209471504135,246.122141504135 230.133196683961,245.948281748587 C 228.745835584201,243.599116208133 227.090350000000,241.943640000000 227.090350000000,241.943640000000 C 225.677840000000,246.181190000000 233.093550000000,258.893840000000 233.446680000000,262.072010000000 C 233.644247977038,263.850116198580 235.278763443152,269.165325353410 236.433141568737,272.637432330274 C 236.811989579138,273.311485931933 237.113461904972,274.022922815427 237.331100000000,274.784660000000 C 237.953348091846,276.962523916228 237.342081363385,275.371316603204 236.433141568737,272.637432330274 C 234.353198515450,268.936758001809 229.940993270654,266.362892633336 224.265320000000,262.778260000000 C 217.555860000000,258.540710000000 220.027770000000,262.425130000000 219.321510000000,261.365750000000 C 219.262629078143,261.277428617214 219.193930416603,261.076202706783 219.117460281562,260.779056327853 C 214.965502137547,259.312028870122 214.769684112505,258.611332675985 214.464220000000,257.311820000000 C 214.206430000000,256.211830000000 213.623770000000,253.780530000000 213.205310000000,252.717610000000 C 213.092310000000,252.428050000000 212.790390000000,249.101570000000 212.652670000000,248.886160000000 C 209.981240000000,244.680390000000 212.378990000000,244.991140000000 209.960050000000,240.827750000000 C 207.438710000000,239.627110000000 205.733100000000,237.677840000000 203.750280000000,235.626150000000 C 203.400680000000,235.265960000000 205.418810000000,233.987640000000 205.099230000000,233.611550000000 C 203.171140000000,231.335630000000 201.135350000000,229.981380000000 201.728610000000,227.345270000000 C 202.002290000000,226.126980000000 202.244180000000,224.260690000000 200.930540000000,222.989420000000 C 200.169550000000,222.254920000000 200.556220000000,220.939510000000 199.835840000000,220.480440000000 C 198.407430000000,219.569370000000 202.127650000000,219.468730000000 201.725080000000,218.204520000000 C 201.048840000000,216.075150000000 201.379010000000,216.038070000000 201.163600000000,213.785110000000 C 201.062960000000,212.729250000000 202.101160000000,210.010160000000 202.780940000000,209.233270000000 C 205.334060000000,206.316430000000 202.996350000000,201.139550000000 205.892010000000,198.401030000000 C 206.428760000000,197.890760000000 207.092640000000,196.916130000000 207.595850000000,196.178090000000 C 208.759420000000,194.477770000000 210.849940000000,193.616130000000 212.527300000000,192.154180000000 C 213.088780000000,191.666860000000 212.733880000000,190.206670000000 213.738540000000,190.369110000000 C 214.999210000000,190.572160000000 217.190380000000,190.342610000000 217.110920000000,191.827530000000 C 216.911400000000,195.570700000000 214.564860000000,198.607610000000 212.304830000000,201.552710000000 C 213.101140000000,202.795730000000 212.292430000000,203.916910000000 211.791030000000,204.900380000000 C 209.433890000000,209.526370000000 209.767600000000,214.542570000000 209.460380000000,219.557010000000 C 209.451380000000,219.707090000000 208.909500000000,219.844810000000 208.923620000000,219.938390000000 C 209.546890000000,224.061170000000 210.578030000000,227.943830000000 212.130030000000,231.879450000000 C 212.776260000000,233.521500000000 213.607880000000,235.101760000000 213.872730000000,236.738510000000 C 214.068710000000,237.949750000000 214.250580000000,239.420530000000 213.530190000000,240.665310000000 C 217.123280000000,245.768030000000 214.812050000000,250.448760000000 216.876090000000,256.683250000000 C 217.086277508536,257.317872619756 218.163610929758,258.705191570376 218.885732161282,259.715529730363 C 217.988425111450,255.077627145442 216.496480000000,242.321376850725 216.496480000000,238.765470000000 C 216.496480000000,234.527920000000 230.268520000000,211.927650000000 230.268520000000,211.927650000000 C 231.681040000000,209.102620000000 232.740420000000,199.921260000000 232.740420000000,199.921260000000 C 229.915390000000,190.386770000000 236.271720000000,176.967850000000 236.271720000000,176.967850000000 C 242.981170000000,170.611530000000 235.918590000000,174.849080000000 235.918590000000,174.849080000000 C 220.027770000000,174.849080000000 202.724440000000,185.089830000000 202.724440000000,185.089830000000 C 213.318310000000,172.024040000000 223.559060000000,170.611530000000 223.559060000000,170.611530000000 C 233.093550000000,168.492750000000 244.393690000000,152.955060000000 244.393690000000,152.955060000000 C 260.637630000000,134.592340000000 313.253890000000,116.229620000000 313.253890000000,116.229620000000 C 342.210490000000,102.810710000000 364.104510000000,101.751320000000 364.104510000000,101.751320000000 C 384.939130000000,101.398190000000 392.707980000000,94.688736000000 392.707980000000,94.688736000000 C 396.239270000000,90.451185000000 389.176690000000,90.804314000000 389.176690000000,90.804314000000 C 380.701580000000,94.335607000000 374.698390000000,87.979280000000 374.698390000000,87.979280000000 C 372.932740000000,81.269824000000 370.107710000000,84.447987000000 370.107710000000,84.447987000000 C 371.520220000000,88.332409000000 365.870150000000,92.923090000000 365.870150000000,92.923090000000 C 355.982530000000,90.804314000000 345.741790000000,93.982477000000 345.741790000000,93.982477000000 C 341.504240000000,106.342000000000 325.260290000000,97.160641000000 325.260290000000,97.160641000000 C 317.844570000000,97.160641000000 292.419270000000,113.404590000000 292.419270000000,113.404590000000 C 291.006750000000,115.876490000000 283.237910000000,121.173430000000 283.237910000000,121.173430000000 C 273.703420000000,122.585950000000 248.984370000000,140.242410000000 248.984370000000,140.242410000000 C 245.657499307307,143.569280692693 235.435191382216,149.717015702355 234.262841918572,150.417627431095 C 234.223643659772,150.444223408198 234.186960350535,150.466149824733 234.152940000000,150.483160000000 C 234.152940000000,150.483160000000 234.190806998247,150.460676463507 234.262841918572,150.417627431095 C 235.851149681969,149.339962335451 241.568650000000,140.595540000000 241.568650000000,140.595540000000 C 243.687430000000,138.123630000000 266.287700000000,117.642140000000 266.287700000000,117.642140000000 C 271.584640000000,115.170230000000 281.825390000000,107.401390000000 281.825390000000,107.401390000000 C 286.062940000000,101.045060000000 292.419270000000,96.101253000000 292.419270000000,96.101253000000 C 295.950560000000,95.041865000000 349.979340000000,72.794722000000 349.979340000000,72.794722000000 C 365.517020000000,66.438395000000 375.404640000000,74.560368000000 375.404640000000,74.560368000000 C 383.526620000000,81.622953000000 388.117300000000,80.210436000000 388.117300000000,80.210436000000 C 396.945530000000,78.444790000000 391.648590000000,74.560368000000 401.183080000000,81.622953000000 C 410.717570000000,88.685539000000 416.720770000000,80.916695000000 416.720770000000,80.916695000000 C 405.420630000000,74.560368000000 415.661380000000,72.441593000000 415.661380000000,72.441593000000 C 420.605190000000,72.088463000000 387.411040000000,64.319620000000 387.411040000000,64.319620000000 C 389.176690000000,60.788327000000 351.038730000000,68.910300000000 351.038730000000,68.910300000000 C 354.570020000000,63.260232000000 311.488250000000,83.035470000000 311.488250000000,83.035470000000 C 312.547640000000,79.151049000000 291.006750000000,94.335607000000 291.006750000000,94.335607000000 C 291.359880000000,89.744926000000 267.347090000000,111.992070000000 267.347090000000,111.992070000000 C 263.462670000000,116.935880000000 250.043760000000,122.939080000000 250.043760000000,122.939080000000 C 280.059740000000,87.626151000000 303.719400000000,78.091661000000 303.719400000000,78.091661000000 C 309.016340000000,74.560368000000 341.857360000000,61.141456000000 349.626210000000,59.022681000000 C 356.476992380516,57.154284522655 377.607019535208,54.462086449164 382.505296981934,53.851894145142 C 377.581708241617,52.877684122666 374.698390000000,52.313225000000 374.698390000000,52.313225000000 C 391.648590000000,51.253837000000 376.817160000000,52.313225000000 372.579610000000,49.841320000000 C 368.342060000000,47.369415000000 337.619810000000,51.960096000000 333.382260000000,56.197647000000 C 329.703168316369,59.876739551842 296.477426001817,69.145738327877 287.783815303572,71.524925505849 M 184.008590000000,255.009420000000 C 184.008590000000,255.009420000000 216.496480000000,261.365750000000 216.496480000000,269.134590000000 C 216.496480000000,274.276150000000 216.067430000000,297.969360000000 206.608860000000,295.266160000000 C 191.777430000000,291.028600000000 198.133760000000,265.603300000000 184.008590000000,255.009420000000 M 396.945530000000,233.468540000000 L 396.945550000000,233.468540000000 C 394.932710000000,234.547350000000 394.586660000000,236.872700000000 394.498360000000,238.433530000000 C 394.311200000000,241.805920000000 394.314740000000,245.400770000000 391.219560000000,247.478940000000 C 390.707520000000,247.823240000000 389.782320000000,247.383590000000 389.238500000000,247.699640000000 C 386.152150000000,249.488240000000 383.438350000000,251.250360000000 379.995340000000,251.831260000000 C 375.664210000000,256.012310000000 372.717350000000,261.196240000000 368.068400000000,265.340220000000 C 367.830060000000,265.553860000000 368.146090000000,266.293670000000 367.911260000000,266.602650000000 C 367.044330000000,267.737960000000 366.421060000000,268.885630000000 365.734220000000,270.118060000000 C 364.904370000000,271.611790000000 363.216410000000,273.419810000000 361.780940000000,272.717090000000 C 360.808070000000,272.242130000000 360.294260000000,270.107460000000 361.109990000000,268.906820000000 C 365.720090000000,262.116150000000 369.692800000000,255.327240000000 375.757790000000,250.418740000000 C 375.316380000000,248.674280000000 376.036770000000,246.968670000000 376.686520000000,245.579100000000 C 377.564050000000,243.702220000000 379.103690000000,242.084890000000 380.442050000000,240.333370000000 C 383.653760000000,236.129360000000 386.217480000000,231.812360000000 388.375100000000,227.069830000000 C 388.424540000000,226.960360000000 387.820700000000,226.610760000000 387.861300000000,226.427140000000 C 389.204960000000,220.293280000000 391.320200000000,214.374840000000 390.066590000000,208.007920000000 C 389.798210000000,206.653660000000 389.208490000000,205.027500000000 390.589220000000,203.805680000000 C 388.880080000000,199.493970000000 387.095010000000,195.039240000000 388.133210000000,190.471520000000 C 388.544600000000,188.659960000000 391.103030000000,189.684040000000 392.686810000000,189.869430000000 C 393.951010000000,190.017750000000 393.024050000000,191.650970000000 393.532550000000,192.429620000000 C 395.051010000000,194.760270000000 397.270430000000,196.510030000000 398.087920000000,198.953680000000 C 398.442820000000,200.009540000000 398.905420000000,201.411460000000 399.378610000000,202.206000000000 C 401.924670000000,206.489460000000 403.164160000000,210.813530000000 405.237020000000,215.194100000000 C 405.789650000000,216.359420000000 405.741980000000,218.045610000000 405.261720000000,219.281570000000 C 404.234120000000,221.914150000000 403.893350000000,224.620880000000 402.351940000000,226.949770000000 C 401.437330000000,228.334040000000 401.147770000000,230.217980000000 399.119040000000,230.825360000000 C 398.094960000000,231.130820000000 398.110860000000,232.843500000000 396.945530000000,233.468540000000 M 381.335450000000,225.583160000000 L 381.335270000000,225.582920000000 C 380.261760000000,226.246800000000 379.559030000000,227.106670000000 378.538490000000,227.745840000000 C 378.185360000000,227.965020000000 377.570910000000,227.961480000000 377.214250000000,227.747840000000 C 376.356150000000,227.232270000000 375.639300000000,226.515420000000 375.123730000000,225.657320000000 C 374.908500000000,225.300660000000 374.892610000000,224.619120000000 375.132730000000,224.361330000000 C 378.227910000000,221.047210000000 376.404000000000,216.723150000000 378.582810000000,212.987040000000 C 377.389230000000,209.851250000000 375.943170000000,206.572450000000 374.580090000000,203.696210000000 C 373.467730000000,201.349660000000 375.152130000000,198.681770000000 375.205130000000,196.040360000000 C 375.215720000000,195.560110000000 376.179760000000,195.164600000000 376.368690000000,194.592530000000 C 376.416360000000,194.447750000000 375.913150000000,194.189970000000 375.800150000000,193.902170000000 C 375.309300000000,192.645030000000 375.876070000000,191.255460000000 376.619410000000,190.549200000000 C 379.040110000000,188.248570000000 381.826300000000,190.445030000000 383.242350000000,192.685640000000 C 384.963850000000,195.410030000000 385.304620000000,198.810660000000 386.810720000000,201.812260000000 C 387.561120000000,203.307770000000 387.453410000000,205.536010000000 385.645390000000,206.630710000000 C 387.474600000000,211.879980000000 387.020830000000,217.219290000000 382.901580000000,221.539830000000 C 382.661500000000,221.790550000000 382.949250000000,222.461500000000 382.756800000000,222.842880000000 C 382.470760000000,223.414950000000 381.759210000000,223.746890000000 381.473170000000,224.318960000000 C 381.280750000000,224.700340000000 381.554390000000,225.447200000000 381.335450000000,225.583160000000 M 492.239230000000,207.377580000000 L 492.239270000000,207.377580000000 C 489.529000000000,203.876300000000 486.719860000000,200.805840000000 485.392090000000,196.690120000000 C 484.904730000000,195.178730000000 484.714040000000,193.188850000000 485.487390000000,191.961720000000 C 486.829290000000,189.828820000000 488.128800000000,187.584680000000 487.085300000000,185.580680000000 C 484.140210000000,179.928840000000 479.597200000000,174.411200000000 481.281620000000,167.860650000000 C 481.802490000000,165.838980000000 484.315000000000,164.996770000000 485.935870000000,163.548940000000 C 485.699270000000,163.312350000000 485.309300000000,163.081050000000 485.307300000000,162.842680000000 C 485.307300000000,162.606090000000 485.766370000000,162.410100000000 485.900560000000,162.120530000000 C 486.200720000000,161.476070000000 485.402680000000,161.080570000000 485.390280000000,160.718610000000 C 485.317890000000,158.871740000000 486.320780000000,156.083790000000 488.674390000000,157.353290000000 C 491.035050000000,158.624550000000 492.267480000000,161.695010000000 495.117230000000,162.136420000000 C 498.228300000000,168.658720000000 499.395390000000,175.776040000000 501.471790000000,182.617920000000 C 504.897140000000,183.832690000000 508.534380000000,184.388860000000 509.876270000000,188.292710000000 C 510.088190000000,188.931870000000 509.717360000000,189.844710000000 510.070490000000,190.293190000000 C 514.625850000000,196.024470000000 515.667590000000,203.569080000000 512.630670000000,210.093140000000 C 511.483000000000,212.529740000000 508.605000000000,213.769220000000 507.828120000000,216.518330000000 C 505.956530000000,216.193450000000 504.755890000000,218.015580000000 502.884310000000,218.042080000000 C 502.389930000000,218.050910000000 501.983830000000,218.658290000000 502.178050000000,219.343360000000 C 498.473720000000,220.279160000000 492.557040000000,223.773370000000 491.585940000000,217.930850000000 C 495.203750000000,215.476600000000 494.691710000000,210.541620000000 492.239230000000,207.377580000000 M 426.627810000000,239.840750000000 L 426.628280000000,239.840520000000 C 427.881890000000,238.281460000000 429.972410000000,237.508100000000 431.028270000000,235.693020000000 C 431.211900000000,235.376980000000 432.375460000000,235.814850000000 432.891030000000,235.474080000000 C 434.081070000000,234.684840000000 435.071600000000,233.779060000000 436.439980000000,233.305870000000 C 437.467580000000,232.949210000000 437.474640000000,231.259480000000 438.615250000000,230.643270000000 C 438.274480000000,230.148890000000 437.847200000000,229.636850000000 437.232750000000,229.989980000000 C 436.662450000000,230.316630000000 436.332270000000,230.999930000000 435.758440000000,231.285970000000 C 435.377060000000,231.476620000000 434.769670000000,231.195920000000 434.430670000000,231.427220000000 C 431.361980000000,233.526570000000 428.875950000000,235.479380000000 425.823140000000,237.589320000000 C 425.318170000000,237.938920000000 424.431810000000,237.543420000000 423.817370000000,237.787080000000 C 423.245300000000,238.016610000000 422.830370000000,238.973630000000 422.378370000000,238.955930000000 C 420.026530000000,238.857060000000 418.509840000000,240.520300000000 418.133750000000,242.649670000000 C 415.132160000000,243.537790000000 411.671490000000,246.267480000000 409.194290000000,243.818520000000 C 408.471670000000,243.106970000000 408.478730000000,240.901680000000 409.190290000000,240.015320000000 C 413.683860000000,234.427050000000 420.838250000000,230.200090000000 421.664580000000,222.874430000000 C 422.351410000000,223.068650000000 422.889940000000,222.711990000000 422.994110000000,222.152280000000 C 423.802770000000,217.859990000000 425.616090000000,214.341060000000 426.422990000000,210.126460000000 C 426.495390000000,209.745080000000 425.667300000000,209.220680000000 425.195870000000,208.749260000000 C 424.339530000000,210.649090000000 423.876930000000,211.989220000000 421.655750000000,212.155190000000 C 419.517550000000,212.315860000000 417.762500000000,210.202380000000 418.260410000000,208.073010000000 C 418.851900000000,205.553440000000 419.923650000000,203.298710000000 420.958320000000,200.980410000000 C 417.534730000000,198.676240000000 418.521730000000,193.942550000000 415.822050000000,191.290550000000 C 414.029920000000,189.530200000000 410.947100000000,190.268240000000 409.234430000000,188.672090000000 C 407.578250000000,187.130680000000 405.523040000000,186.535660000000 404.008110000000,184.736470000000 C 403.667340000000,185.230850000000 403.282430000000,185.635180000000 402.595600000000,185.442730000000 C 402.789820000000,184.757660000000 402.426100000000,184.208490000000 401.875210000000,184.118490000000 C 398.403950000000,183.542890000000 396.101550000000,188.315430000000 392.847460000000,187.167760000000 C 390.340250000000,186.284940000000 390.580370000000,182.022670000000 392.241850000000,179.988640000000 C 394.148750000000,177.657990000000 395.834940000000,175.120760000000 398.456920000000,173.607600000000 C 401.070080000000,172.097970000000 403.326570000000,170.166350000000 406.181620000000,169.396530000000 C 407.519980000000,169.034570000000 408.559950000000,168.833290000000 409.774720000000,167.943410000000 C 410.413880000000,167.473760000000 411.656890000000,167.532030000000 412.419650000000,167.913410000000 C 413.565560000000,168.487240000000 414.390110000000,170.319940000000 415.297660000000,170.286440000000 C 418.638260000000,170.157550000000 421.599250000000,166.781630000000 425.121710000000,168.001690000000 C 426.659590000000,168.534920000000 427.853170000000,170.095750000000 427.314650000000,172.023830000000 C 429.113840000000,172.581780000000 429.599390000000,174.449830000000 430.845940000000,175.555130000000 C 430.609340000000,175.791720000000 430.221130000000,176.023020000000 430.219130000000,176.261390000000 C 430.219130000000,176.497980000000 430.775320000000,176.738110000000 430.764720000000,176.964110000000 C 430.641120000000,179.725580000000 430.049630000000,182.261050000000 431.788790000000,184.559920000000 C 433.199540000000,186.424450000000 434.220090000000,188.024120000000 435.998090000000,189.413680000000 C 438.784280000000,191.592490000000 442.432110000000,190.368900000000 445.677370000000,189.680300000000 C 447.132260000000,187.150130000000 449.413470000000,185.603420000000 451.892440000000,187.727490000000 C 453.382650000000,189.005820000000 451.782970000000,190.888000000000 452.333850000000,192.395860000000 C 452.556320000000,193.008540000000 453.064790000000,194.302760000000 453.082490000000,194.643530000000 C 453.282010000000,198.310780000000 452.060190000000,202.099850000000 452.033690000000,205.924240000000 C 448.844940000000,210.746220000000 444.400800000000,214.187470000000 440.733560000000,218.636900000000 C 441.748800000000,221.949250000000 440.595840000000,225.104460000000 440.163250000000,228.542170000000 C 440.106750000000,228.994180000000 440.813010000000,229.568010000000 441.393910000000,229.163680000000 C 442.527450000000,228.374440000000 443.175450000000,227.242660000000 444.316050000000,226.481660000000 C 444.658590000000,226.253850000000 445.280100000000,226.550520000000 445.634990000000,226.333350000000 C 447.578970000000,225.146830000000 448.294050000000,222.968030000000 449.983780000000,221.541380000000 C 450.264520000000,221.303040000000 451.044930000000,221.619070000000 451.226790000000,221.384240000000 C 453.523900000000,218.396770000000 455.748610000000,218.018920000000 459.117470000000,217.319720000000 C 459.304630000000,217.280880000000 459.565940000000,217.694040000000 459.802540000000,217.930640000000 C 460.085040000000,216.823600000000 461.458710000000,216.993080000000 462.009600000000,216.848300000000 C 464.520340000000,216.182650000000 466.711510000000,215.884250000000 469.116320000000,214.657130000000 C 470.633010000000,213.883780000000 472.986620000000,214.916680000000 474.503310000000,214.141560000000 C 475.184850000000,213.791960000000 476.472000000000,214.095650000000 476.752740000000,212.986830000000 C 478.601370000000,213.523580000000 480.547120000000,212.015720000000 482.462840000000,213.624230000000 C 483.462200000000,214.464670000000 483.901840000000,215.555840000000 484.405050000000,216.576390000000 C 486.469090000000,220.773330000000 484.844700000000,224.336400000000 481.069750000000,227.214410000000 C 480.834920000000,227.394500000000 481.099760000000,228.093700000000 480.937320000000,228.503330000000 C 480.501210000000,229.601560000000 478.802680000000,229.825800000000 478.873280000000,231.349550000000 C 478.401860000000,231.349550000000 477.776820000000,231.190620000000 477.541990000000,231.430750000000 C 475.578590000000,233.445350000000 473.452750000000,235.083870000000 471.023220000000,236.100880000000 C 468.902680000000,236.987240000000 466.660310000000,237.974230000000 464.610390000000,238.765240000000 C 458.623090000000,241.074710000000 452.328560000000,243.045170000000 445.677370000000,242.649670000000 C 443.586840000000,245.012100000000 440.037890000000,244.909690000000 437.189910000000,246.150940000000 C 436.538380000000,246.435210000000 436.054590000000,245.610660000000 435.835650000000,245.661860000000 C 431.534540000000,246.689460000000 427.997950000000,248.283840000000 424.429580000000,251.047080000000 C 424.124120000000,251.283910000000 423.470830000000,251.276840000000 423.128300000000,251.049080000000 C 417.977910000000,247.644910000000 424.002290000000,243.108960000000 426.627810000000,239.840750000000 M 293.478660000000,181.558530000000 C 293.478660000000,181.558530000000 297.009950000000,185.796090000000 289.947360000000,187.914860000000 C 282.884780000000,190.033640000000 252.515660000000,207.690100000000 252.515660000000,207.690100000000 L 265.228320000000,190.739890000000 L 293.478660000000,181.558530000000 M 222.852800000000,192.858670000000 C 228.502870000000,190.033640000000 225.677840000000,197.802480000000 224.265320000000,199.921260000000 C 222.852800000000,202.040030000000 220.027770000000,205.571320000000 220.027770000000,212.633910000000 C 220.027770000000,219.696490000000 216.496480000000,215.458940000000 215.083960000000,210.515130000000 C 213.671440000000,205.571320000000 217.908990000000,204.865070000000 218.615250000000,199.921260000000 C 219.321510000000,194.977450000000 222.852800000000,192.858670000000 222.852800000000,192.858670000000 M 207.315120000000,300.916220000000 L 197.427500000000,314.335140000000 C 201.665050000000,295.972410000000 176.239740000000,305.153770000000 181.183550000000,302.328740000000 C 186.127360000000,299.503710000000 173.414710000000,298.797450000000 176.239740000000,297.384930000000 C 179.064780000000,295.972410000000 176.781790000000,293.196820000000 169.883410000000,295.266160000000 C 155.758240000000,299.503710000000 157.877020000000,274.078400000000 157.877020000000,274.078400000000 L 164.939610000000,260.659490000000 C 164.939610000000,260.659490000000 163.090970000000,288.837440000000 173.414710000000,289.616090000000 C 181.981620000000,290.262310000000 181.183550000000,281.140990000000 186.833620000000,287.497310000000 C 192.483690000000,293.853640000000 207.315120000000,300.916220000000 207.315120000000,300.916220000000 M 194.602460000000,226.052820000000 C 194.602460000000,226.052820000000 195.308720000000,238.059220000000 199.546270000000,240.884250000000 C 203.783820000000,243.709280000000 201.665050000000,242.296770000000 196.014980000000,240.177990000000 C 190.364910000000,238.059220000000 192.483690000000,236.646700000000 192.483690000000,236.646700000000 C 192.483690000000,236.646700000000 187.539880000000,237.352960000000 191.777430000000,240.884250000000 C 196.014980000000,244.415540000000 202.371310000000,248.653090000000 199.546270000000,248.653090000000 C 196.721240000000,248.653090000000 183.302330000000,241.590510000000 183.302330000000,236.646700000000 C 183.302330000000,231.702890000000 181.536680000000,224.463740000000 181.536680000000,224.463740000000 C 181.536680000000,224.463740000000 183.478890000000,223.051220000000 191.953990000000,223.227790000000 C 191.953990000000,223.227790000000 194.425900000000,224.463740000000 194.602460000000,226.052820000000 M 389.061250087815,319.509952962413 C 385.275496362767,318.997570155586 382.243063183235,319.124660567486 381.760970000000,320.691460000000 C 380.348450000000,325.282140000000 358.807570000000,331.991600000000 355.276280000000,333.050990000000 C 352.114000000000,334.000900000000 349.799240000000,333.769600000000 350.676770000000,336.845360000000 C 353.501800000000,346.732980000000 343.935530000000,331.689670000000 343.935530000000,331.689670000000 C 349.920515882746,336.981014675161 354.607186913630,311.546334132891 373.058749411176,311.396544705576 L 369.048320000000,309.391330000000 C 357.748180000000,316.453910000000 358.454440000000,313.628880000000 358.454440000000,313.628880000000 C 364.104510000000,310.803840000000 378.935940000000,294.559900000000 378.935940000000,294.559900000000 C 393.767370000000,268.781460000000 422.723970000000,276.903430000000 422.723970000000,276.903430000000 C 440.380430000000,277.609690000000 491.585940000000,256.068810000000 491.585940000000,256.068810000000 C 491.614131603860,256.294345625093 491.622629662710,256.522694606930 491.612781800141,256.753317896456 C 492.652590845248,256.218739702570 493.612003321421,255.945891781694 494.410970000000,256.068810000000 C 494.410970000000,256.068810000000 500.414170000000,258.540710000000 505.356210000000,255.362550000000 C 505.356210000000,255.362550000000 515.950090000000,252.537520000000 519.834510000000,246.534320000000 C 519.834510000000,246.534320000000 536.078460000000,228.877850000000 538.197230000000,232.056020000000 C 538.197230000000,232.056020000000 542.081650000000,228.877850000000 538.903490000000,253.243770000000 C 538.903490000000,253.243770000000 534.665940000000,265.603300000000 539.962880000000,271.606500000000 C 539.962880000000,271.606500000000 543.141040000000,277.609690000000 543.141040000000,279.728470000000 C 543.141040000000,281.847240000000 548.084850000000,288.203570000000 547.731720000000,289.969220000000 C 547.731720000000,289.969220000000 553.734920000000,321.397720000000 539.609750000000,301.622480000000 C 539.609750000000,301.622480000000 538.197230000000,292.794250000000 533.606550000000,285.378540000000 C 533.606550000000,285.378540000000 520.893900000000,274.078400000000 520.540770000000,280.787860000000 C 520.540770000000,280.787860000000 514.890700000000,286.791050000000 520.187640000000,302.681870000000 C 520.187640000000,302.681870000000 530.781520000000,333.050990000000 495.470360000000,344.704250000000 C 495.470360000000,344.704250000000 473.574580000000,357.416910000000 447.796140000000,339.407310000000 C 447.796140000000,339.407310000000 441.792950000000,334.463500000000 437.555390000000,332.697860000000 C 437.555390000000,332.697860000000 425.902130000000,331.991600000000 417.427030000000,329.872820000000 C 417.427030000000,329.872820000000 409.658180000000,325.282140000000 406.480020000000,323.869630000000 C 406.480020000000,323.869630000000 406.190369593954,323.773079781799 405.673692436419,323.607866461699 C 398.270888148759,323.782173547052 391.936704619792,321.014005132354 389.061250087752,319.509952962398" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 441.728763859604,430.990616769379 C 442.001157834734,430.968737463687 442.273595956891,430.946852319019 442.546077570539,430.924961394438 C 441.160611497937,429.543350453980 440.380430000000,428.749020000000 440.380430000000,428.749020000000 C 440.380430000000,428.749020000000 440.253052678820,428.663178733686 440.021705444711,428.508488251077 C 440.660326232107,429.406364152500 441.237209923692,430.242794524771 441.728763859663,430.990616769441" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 438.689047413587,431.234678102201 C 439.701652099524,431.153407245759 440.714902182104,431.072052452971 441.728763859604,430.990616769379 C 441.237209923692,430.242794524771 440.660326232107,429.406364152500 440.021705444012,428.508488250632 C 438.429332741789,427.443747179686 431.911253826982,423.117187349041 428.100456483693,421.069794280215 C 432.827723485435,425.790190519404 436.272852164785,429.081312207267 438.689047413637,431.234678102256" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 437.161958833781,431.357216610305 C 437.670822297471,431.316391923584 438.179853256749,431.275545625131 438.689047413587,431.234678102201 C 436.272852164785,429.081312207267 432.827723485435,425.790190519404 428.100456483703,421.069794280224 C 423.732426839632,418.723021987686 422.921307172828,419.370689239325 437.161958833739,431.357216610274" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 150.834975350775,317.543625103838 C 150.200666914408,318.812648474441 149.290789312452,319.947810092468 147.989400000000,320.691460000000 C 147.989400000000,320.691460000000 144.326175729468,320.284434440706 149.050476061243,329.358177717790 C 151.578803619469,332.246391206490 152.933210000000,332.697860000000 152.933210000000,332.697860000000 C 152.933210000000,332.697860000000 162.467700000000,334.816630000000 161.408310000000,336.229150000000 C 160.348920000000,337.641670000000 156.111370000000,343.644860000000 156.111370000000,343.644860000000 C 156.111370000000,343.644860000000 174.120970000000,333.050990000000 185.067970000000,326.341530000000 C 185.067970000000,326.341530000000 157.877020000000,334.110370000000 151.520690000000,317.160170000000 C 151.520690000000,317.160170000000 151.253171000079,317.293929499961 150.834975350797,317.543625103782" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 349.356284781695,438.306675429040 C 350.115837499109,438.247530135464 350.876474691428,438.188270381907 351.638178664452,438.128897762619 C 353.741789083730,437.511126897098 355.922404503110,436.939216172936 358.154489334299,436.412943455111 L 358.952350000000,432.280310000000 C 358.952350000000,432.280310000000 369.331893553882,431.479456939354 368.751618900870,434.303474430484 C 385.166011610108,431.583728127438 402.180915360694,431.111788489892 410.869420000000,432.810000000000 C 411.608744071564,432.954083574156 412.351109570184,433.111827144675 413.094820023507,433.281718567682 C 415.556477397979,433.085549186025 418.023790911991,432.888713688109 420.496255180411,432.691257609222 C 411.935836892436,429.438217434163 404.508981360099,427.321231456341 404.069910000000,428.221090000000 C 403.104100000000,430.198610000000 377.115560000000,422.219660000000 344.488180000000,437.577250000000 C 344.328305043680,437.652915851571 344.110823768447,437.737692104933 343.844463509852,437.829957833993 C 345.575617583402,437.810023247216 347.820938278007,437.884618364346 349.356284781909,438.306675428935" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 365.914903336854,437.012697671914 C 381.309497249568,435.805576830099 397.082500173079,434.557739721784 413.094820023507,433.281718567683 C 412.351109570184,433.111827144675 411.608744071564,432.954083574156 410.869420000000,432.810000000000 C 402.180915360694,431.111788489892 385.166011610108,431.583728127438 368.751618900556,434.303474430584 C 368.702270260782,434.543639018148 368.573655696466,434.810020164251 368.352650000000,435.105340000000 C 367.733462815641,435.927306249562 366.876053935850,436.546639710885 365.914903336877,437.012697671948" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 351.638178664452,438.128897762619 C 353.723521145009,437.966351354082 355.816859343971,437.802958996045 357.917830179539,437.638753402241 L 358.154489334302,436.412943455114 C 355.922404503110,436.939216172936 353.741789083730,437.511126897098 351.638178664445,438.128897762614" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 357.917830179539,437.638753402241 C 360.571587661073,437.431343658283 363.237522610728,437.222636439659 365.914903336854,437.012697671914 C 366.876053935850,436.546639710885 367.733462815641,435.927306249562 368.352650000000,435.105340000000 C 368.573655696466,434.810020164251 368.702270260782,434.543639018148 368.751618900870,434.303474430484 C 365.159288710823,434.898697593944 361.595720837118,435.601582600744 358.154489334299,436.412943455111 L 357.917830179539,437.638753402240" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 368.751618900870,434.303474430484 C 369.331893553882,431.479456939354 358.952350000000,432.280310000000 358.952350000000,432.280310000000 L 358.154489334302,436.412943455114 C 361.595720837118,435.601582600744 365.159288710823,434.898697593944 368.751618900556,434.303474430584" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 127.168898897385,450.975658740198 C 127.465356037853,451.009697989508 127.764571136879,451.043112326239 128.066569838164,451.075887581223 C 128.313937749776,449.607254368757 128.920420000000,448.524250000000 128.920420000000,448.524250000000 C 128.285522326844,449.340547245068 127.702597820378,450.158008059970 127.168898897370,450.975658740196" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 341.217747454365,438.939241070208 C 343.916067318238,438.729910549561 346.629186078848,438.519030739857 349.356284781695,438.306675429040 C 347.820938278007,437.884618364346 345.575617583402,437.810023247216 343.844463509447,437.829957834041 C 343.213508005752,438.048517351459 342.308280942619,438.309102091931 341.244785419178,438.590166825654 L 341.217747454366,438.939241070208" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 343.844463509447,437.829957834041 C 342.388274581106,437.846726141993 341.295890000000,437.930380000000 341.295890000000,437.930380000000 L 341.244785419146,438.590166825659 C 342.308280942619,438.309102091931 343.213508005752,438.048517351459 343.844463509852,437.829957833993" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 236.033127580308,446.817299727068 C 237.976586139238,446.679234788891 239.942849162250,446.538930252078 241.931267548230,446.396444600753 C 242.654805930284,442.084171570164 252.868790000000,426.453680000000 252.868790000000,426.453680000000 C 252.868790000000,426.453680000000 258.518860000000,423.628640000000 253.575050000000,423.628640000000 C 248.631240000000,423.628640000000 240.509270000000,442.167930000000 240.509270000000,442.167930000000 C 240.509270000000,442.167930000000 238.783647415319,444.222242102172 236.033127580382,446.817299727030" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 190.962271228951,449.870716955215 C 191.558320359436,449.833028532604 192.158872097492,449.794905153897 192.763885563629,449.756350502343 C 192.324480248680,449.548914315936 191.988294915792,449.371087274010 191.777430000000,449.230510000000 C 191.558365302087,449.449574697913 191.284564121989,449.662977016783 190.962271229072,449.870716955229" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 342.508400836963,32.988890359343 C 340.729904730849,34.241780262408 338.756089902821,35.725268077743 336.560430000000,37.481796000000 C 335.281193716668,38.505185026666 334.112017915538,39.447476846854 333.040836608286,40.317065189248 C 336.619002115274,37.565670099854 339.970188081807,34.965348374199 342.508400836997,32.988890359319" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 339.283377651186,439.089236745845 C 339.927312830839,439.039327562025 340.572106504886,438.989328666536 341.217747454365,438.939241070208 L 341.244785419146,438.590166825659 C 340.635640270349,438.751154075042 339.974571541939,438.918860253503 339.283377651213,439.089236745843" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 578.762550528894,357.984332170820 C 579.443981120360,358.520921657950 579.866490000000,358.829420000000 579.866490000000,358.829420000000 C 579.866490000000,358.829420000000 578.614775119515,355.700141660360 578.762550528822,357.984332170647" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 364.662614521501,354.034133049112 C 363.145860505515,352.438677676711 362.134677583552,351.390148282277 361.800340000000,351.072940000000 C 362.840668327434,352.182443745920 363.771795597329,353.161989710122 364.662614521579,354.034133049196" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 517.062168169518,82.707377818670 L 514.002145330003,82.962379716492 L 516.134816602563,83.815498390602 C 517.259917142797,83.631285628080 518.068870000000,83.388600000000 518.068870000000,83.388600000000 C 518.068870000000,83.388600000000 517.706734760589,83.138830120997 517.062168169605,82.707377818726" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 514.002145330003,82.962379716492 L 491.232810000000,73.854110000000 L 383.526620000000,53.725742000000 C 383.526620000000,53.725742000000 383.161703897603,53.770123675297 382.505296981934,53.851894145142 C 411.081972407072,59.506242035830 508.388848910181,78.963789920943 509.593760000000,81.976083000000 C 509.813809350036,82.526205128811 510.170979960657,82.939206069843 510.617208609428,83.244457770519 L 514.002145330003,82.962379716492" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 218.885732161282,259.715529730363 C 219.419290159929,260.462044280920 219.758924452508,261.002750826694 219.411560000000,260.881960000000 C 219.311382517832,260.847238675731 219.213365981411,260.812943059792 219.117460281373,260.779056327225 C 219.193930416603,261.076202706783 219.262629078143,261.277428617214 219.321510000000,261.365750000000 C 220.027770000000,262.425130000000 217.555860000000,258.540710000000 224.265320000000,262.778260000000 C 229.940993270654,266.362892633336 234.353198515450,268.936758001809 236.433141568735,272.637432330203 C 235.278763443152,269.165325353410 233.644247977038,263.850116198580 233.446680000000,262.072010000000 C 233.093550000000,258.893840000000 225.677840000000,246.181190000000 227.090350000000,241.943640000000 C 227.090350000000,241.943640000000 228.745835584201,243.599116208133 230.133196683842,245.948281747730 C 229.886395496652,245.385726582977 229.459240747539,243.621137875658 230.268520000000,238.765470000000 C 230.268520000000,238.765470000000 231.681040000000,229.584110000000 234.152940000000,223.934050000000 C 236.624840000000,218.283980000000 240.156140000000,211.574520000000 240.862400000000,210.162000000000 C 241.568650000000,208.749490000000 241.568650000000,198.508740000000 244.040560000000,203.099420000000 L 250.043760000000,207.690100000000 C 250.043760000000,207.690100000000 245.099950000000,203.099420000000 248.984370000000,199.215000000000 C 248.984370000000,199.215000000000 247.218720000000,189.327380000000 250.396890000000,184.736700000000 C 250.396890000000,184.736700000000 262.756410000000,169.905270000000 265.581440000000,168.139620000000 C 268.406480000000,166.373980000000 265.934570000000,167.080230000000 265.934570000000,167.080230000000 C 265.934570000000,167.080230000000 276.528450000000,159.664520000000 266.287700000000,162.489550000000 C 266.287700000000,162.489550000000 259.225120000000,165.314590000000 253.928180000000,165.314590000000 C 253.928180000000,165.314590000000 240.509270000000,168.845880000000 247.571850000000,161.430170000000 C 254.634440000000,154.014450000000 272.290900000000,144.479960000000 279.000360000000,144.833090000000 L 280.412870000000,147.658120000000 L 300.188110000000,143.420570000000 L 298.238310780621,144.720442281257 C 298.665119054749,144.565238672305 300.134375404042,144.249657911831 305.131920000000,143.773700000000 C 312.547640000000,143.067440000000 322.788380000000,145.539350000000 325.260290000000,142.361190000000 C 327.732190000000,139.183020000000 333.735390000000,137.417380000000 333.029130000000,139.889280000000 C 332.322870000000,142.361190000000 331.969750000000,145.892480000000 331.969750000000,145.892480000000 C 331.969750000000,145.892480000000 340.797980000000,135.651730000000 339.738590000000,139.536150000000 C 339.064887941255,142.006384522726 332.964417940053,146.618765030865 327.976043517400,152.465116821214 C 328.509969125688,152.514380154566 328.791580000000,152.601930000000 328.791580000000,152.601930000000 L 329.338272467188,154.242007401563 C 331.006472653844,152.080598850597 329.497840000000,154.720710000000 329.497840000000,154.720710000000 L 329.338272467188,154.242007401563 C 328.723672224157,155.038316040790 327.677867278344,156.486354871451 325.966550000000,158.958260000000 L 324.628375057208,161.262894038902 L 340.091720000000,149.070640000000 L 346.448040000000,143.773700000000 C 346.448040000000,143.773700000000 352.804370000000,147.658120000000 353.157500000000,144.833090000000 C 353.510630000000,142.008060000000 361.632600000000,131.767310000000 363.751380000000,132.120440000000 C 365.870150000000,132.473570000000 369.401450000000,127.529760000000 369.048320000000,132.120440000000 C 368.695190000000,136.711120000000 382.114100000000,146.245610000000 382.114100000000,146.245610000000 C 382.114100000000,146.245610000000 387.574147251976,143.174327984943 390.107601966100,145.418413244444 C 388.161853534960,134.718933143263 387.638980020027,108.146945294645 424.136480000000,90.451185000000 L 510.617208609456,83.244457770486 C 510.170979960657,82.939206069843 509.813809350036,82.526205128811 509.593760000000,81.976083000000 C 508.388848910181,78.963789920943 411.081972407072,59.506242035830 382.505296981898,53.851894145141 C 377.607019535208,54.462086449164 356.476992380516,57.154284522655 349.626210000000,59.022681000000 C 341.857360000000,61.141456000000 309.016340000000,74.560368000000 303.719400000000,78.091661000000 C 303.719400000000,78.091661000000 280.059740000000,87.626151000000 250.043760000000,122.939080000000 C 250.043760000000,122.939080000000 263.462670000000,116.935880000000 267.347090000000,111.992070000000 C 267.347090000000,111.992070000000 291.359880000000,89.744926000000 291.006750000000,94.335607000000 C 291.006750000000,94.335607000000 312.547640000000,79.151049000000 311.488250000000,83.035470000000 C 311.488250000000,83.035470000000 354.570020000000,63.260232000000 351.038730000000,68.910300000000 C 351.038730000000,68.910300000000 389.176690000000,60.788327000000 387.411040000000,64.319620000000 C 387.411040000000,64.319620000000 420.605190000000,72.088463000000 415.661380000000,72.441593000000 C 415.661380000000,72.441593000000 405.420630000000,74.560368000000 416.720770000000,80.916695000000 C 416.720770000000,80.916695000000 410.717570000000,88.685539000000 401.183080000000,81.622953000000 C 391.648590000000,74.560368000000 396.945530000000,78.444790000000 388.117300000000,80.210436000000 C 388.117300000000,80.210436000000 383.526620000000,81.622953000000 375.404640000000,74.560368000000 C 375.404640000000,74.560368000000 365.517020000000,66.438395000000 349.979340000000,72.794722000000 C 349.979340000000,72.794722000000 295.950560000000,95.041865000000 292.419270000000,96.101253000000 C 292.419270000000,96.101253000000 286.062940000000,101.045060000000 281.825390000000,107.401390000000 C 281.825390000000,107.401390000000 271.584640000000,115.170230000000 266.287700000000,117.642140000000 C 266.287700000000,117.642140000000 243.687430000000,138.123630000000 241.568650000000,140.595540000000 C 241.568650000000,140.595540000000 235.851149681969,149.339962335451 234.262841919175,150.417627431662 C 235.435191382216,149.717015702355 245.657499307307,143.569280692693 248.984370000000,140.242410000000 C 248.984370000000,140.242410000000 273.703420000000,122.585950000000 283.237910000000,121.173430000000 C 283.237910000000,121.173430000000 291.006750000000,115.876490000000 292.419270000000,113.404590000000 C 292.419270000000,113.404590000000 317.844570000000,97.160641000000 325.260290000000,97.160641000000 C 325.260290000000,97.160641000000 341.504240000000,106.342000000000 345.741790000000,93.982477000000 C 345.741790000000,93.982477000000 355.982530000000,90.804314000000 365.870150000000,92.923090000000 C 365.870150000000,92.923090000000 371.520220000000,88.332409000000 370.107710000000,84.447987000000 C 370.107710000000,84.447987000000 372.932740000000,81.269824000000 374.698390000000,87.979280000000 C 374.698390000000,87.979280000000 380.701580000000,94.335607000000 389.176690000000,90.804314000000 C 389.176690000000,90.804314000000 396.239270000000,90.451185000000 392.707980000000,94.688736000000 C 392.707980000000,94.688736000000 384.939130000000,101.398190000000 364.104510000000,101.751320000000 C 364.104510000000,101.751320000000 342.210490000000,102.810710000000 313.253890000000,116.229620000000 C 313.253890000000,116.229620000000 260.637630000000,134.592340000000 244.393690000000,152.955060000000 C 244.393690000000,152.955060000000 233.093550000000,168.492750000000 223.559060000000,170.611530000000 C 223.559060000000,170.611530000000 213.318310000000,172.024040000000 202.724440000000,185.089830000000 C 202.724440000000,185.089830000000 220.027770000000,174.849080000000 235.918590000000,174.849080000000 C 235.918590000000,174.849080000000 242.981170000000,170.611530000000 236.271720000000,176.967850000000 C 236.271720000000,176.967850000000 229.915390000000,190.386770000000 232.740420000000,199.921260000000 C 232.740420000000,199.921260000000 231.681040000000,209.102620000000 230.268520000000,211.927650000000 C 230.268520000000,211.927650000000 216.496480000000,234.527920000000 216.496480000000,238.765470000000 C 216.496480000000,242.321376850725 217.988425111450,255.077627145442 218.885732161138,259.715529730325" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 218.885732161138,259.715529730325 C 218.968593324551,260.143813453396 219.046383733309,260.502868258759 219.117460281562,260.779056327853 C 219.213365981411,260.812943059792 219.311382517832,260.847238675731 219.411560000000,260.881960000000 C 219.758924452508,261.002750826694 219.419290159929,260.462044280920 218.885732161282,259.715529730363" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 218.885732161282,259.715529730363 C 218.163610929758,258.705191570376 217.086277508536,257.317872619756 216.876090000000,256.683250000000 C 214.812050000000,250.448760000000 217.123280000000,245.768030000000 213.530190000000,240.665310000000 C 214.250580000000,239.420530000000 214.068710000000,237.949750000000 213.872730000000,236.738510000000 C 213.607880000000,235.101760000000 212.776260000000,233.521500000000 212.130030000000,231.879450000000 C 210.578030000000,227.943830000000 209.546890000000,224.061170000000 208.923620000000,219.938390000000 C 208.909500000000,219.844810000000 209.451380000000,219.707090000000 209.460380000000,219.557010000000 C 209.767600000000,214.542570000000 209.433890000000,209.526370000000 211.791030000000,204.900380000000 C 212.292430000000,203.916910000000 213.101140000000,202.795730000000 212.304830000000,201.552710000000 C 214.564860000000,198.607610000000 216.911400000000,195.570700000000 217.110920000000,191.827530000000 C 217.190380000000,190.342610000000 214.999210000000,190.572160000000 213.738540000000,190.369110000000 C 212.733880000000,190.206670000000 213.088780000000,191.666860000000 212.527300000000,192.154180000000 C 210.849940000000,193.616130000000 208.759420000000,194.477770000000 207.595850000000,196.178090000000 C 207.092640000000,196.916130000000 206.428760000000,197.890760000000 205.892010000000,198.401030000000 C 202.996350000000,201.139550000000 205.334060000000,206.316430000000 202.780940000000,209.233270000000 C 202.101160000000,210.010160000000 201.062960000000,212.729250000000 201.163600000000,213.785110000000 C 201.379010000000,216.038070000000 201.048840000000,216.075150000000 201.725080000000,218.204520000000 C 202.127650000000,219.468730000000 198.407430000000,219.569370000000 199.835840000000,220.480440000000 C 200.556220000000,220.939510000000 200.169550000000,222.254920000000 200.930540000000,222.989420000000 C 202.244180000000,224.260690000000 202.002290000000,226.126980000000 201.728610000000,227.345270000000 C 201.135350000000,229.981380000000 203.171140000000,231.335630000000 205.099230000000,233.611550000000 C 205.418810000000,233.987640000000 203.400680000000,235.265960000000 203.750280000000,235.626150000000 C 205.733100000000,237.677840000000 207.438710000000,239.627110000000 209.960050000000,240.827750000000 C 212.378990000000,244.991140000000 209.981240000000,244.680390000000 212.652670000000,248.886160000000 C 212.790390000000,249.101570000000 213.092310000000,252.428050000000 213.205310000000,252.717610000000 C 213.623770000000,253.780530000000 214.206430000000,256.211830000000 214.464220000000,257.311820000000 C 214.769684112505,258.611332675985 214.965502137547,259.312028870122 219.117460281373,260.779056327225 C 219.046383733309,260.502868258759 218.968593324551,260.143813453396 218.885732161138,259.715529730325" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 415.992233844104,103.851288790562 L 417.854444486375,103.061711640240 C 416.547874630162,102.972934390046 415.812146245276,103.186561460558 415.992233843752,103.851288790389" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 510.617208609456,83.244457770486 L 424.136480000000,90.451185000000 C 387.638980020027,108.146945294645 388.161853534960,134.718933143263 390.107601966070,145.418413244556 C 390.151310083688,145.457129050910 390.194147116999,145.497426947402 390.236070000000,145.539350000000 C 392.707980000000,148.011250000000 400.123690000000,110.579550000000 400.123690000000,110.579550000000 L 415.992233844104,103.851288790562 C 415.812146245276,103.186561460558 416.547874630162,102.972934390046 417.854444486242,103.061711640169 L 444.264850000000,91.863702000000 L 521.247030000000,85.860504000000 L 516.134816602563,83.815498390602 C 514.453418626037,84.090793757688 512.065949643943,84.235498273728 510.617208609428,83.244457770519" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 390.107601966070,145.418413244556 C 390.646880959140,148.383855622996 391.295460000000,150.130030000000 391.295460000000,150.130030000000 C 402.595600000000,164.961460000000 418.839540000000,158.252000000000 418.839540000000,158.252000000000 C 426.961520000000,147.305000000000 447.443010000000,151.189420000000 447.443010000000,151.189420000000 C 483.463960000000,156.839490000000 478.873280000000,150.483160000000 478.873280000000,150.483160000000 C 474.635730000000,142.361190000000 446.030500000000,131.414180000000 445.677370000000,130.354790000000 C 445.324240000000,129.295400000000 429.786550000000,123.292210000000 429.786550000000,123.292210000000 C 424.489610000000,121.173430000000 416.720770000000,104.929480000000 416.720770000000,104.929480000000 C 416.301856697891,104.484385089172 416.067359124425,104.128586214791 415.992233843752,103.851288790389 L 400.123690000000,110.579550000000 C 400.123690000000,110.579550000000 392.707980000000,148.011250000000 390.236070000000,145.539350000000 C 390.194147116999,145.497426947402 390.151310083688,145.457129050910 390.107601966100,145.418413244444" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 514.002145330003,82.962379716492 L 510.617208609456,83.244457770486 C 512.065949643943,84.235498273728 514.453418626037,84.090793757688 516.134816602642,83.815498390617 L 514.002145330003,82.962379716492" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 327.976043518022,152.465116821129 C 324.446500915150,152.139459029802 309.890958863822,153.486898384064 292.772400000000,192.858670000000 C 292.772400000000,192.858670000000 288.534850000000,202.040030000000 284.297300000000,205.571320000000 C 280.059740000000,209.102620000000 260.284510000000,215.458940000000 256.753210000000,222.521530000000 L 238.390490000000,250.771870000000 C 238.390490000000,250.771870000000 264.522060000000,222.521530000000 270.172120000000,218.283980000000 C 270.172120000000,218.283980000000 284.297300000000,203.452550000000 278.647230000000,215.458940000000 C 278.647230000000,215.458940000000 253.928180000000,234.527920000000 256.046950000000,250.771870000000 C 256.046950000000,250.771870000000 246.159340000000,276.197180000000 244.746820000000,279.728470000000 C 244.746820000000,279.728470000000 272.997160000000,223.227790000000 277.234710000000,221.109010000000 C 281.472260000000,218.990240000000 283.591040000000,218.990240000000 281.472260000000,225.346560000000 C 280.028956373919,229.676484502220 279.241102353403,244.493653736990 277.322725622212,254.617280889406 C 281.403077921243,243.525448859590 287.357016410562,226.285308980776 286.416070000000,222.521530000000 C 286.416070000000,222.521530000000 292.066140000000,216.165200000000 296.303690000000,225.346560000000 L 294.184910000000,253.596900000000 L 301.953760000000,274.784660000000 C 301.953760000000,274.784660000000 297.716210000000,255.009420000000 300.541240000000,227.465340000000 C 300.541240000000,227.465340000000 297.009950000000,209.102620000000 304.072530000000,218.990240000000 C 309.732957589559,226.914825801922 321.744673319732,235.293082842401 326.291025616840,242.670617803644 C 322.882035321374,233.426424042575 314.716279308218,214.686582893158 302.660020000000,208.396360000000 L 295.597430000000,218.990240000000 L 293.478660000000,215.458940000000 C 293.478660000000,215.458940000000 287.122330000000,214.046430000000 294.891170000000,202.040030000000 C 302.660020000000,190.033640000000 301.953760000000,188.621120000000 301.953760000000,188.621120000000 C 301.953760000000,188.621120000000 313.253890000000,201.333770000000 316.078930000000,201.333770000000 C 316.078930000000,201.333770000000 339.385460000000,187.914860000000 341.504240000000,230.996630000000 C 341.504240000000,230.996630000000 353.510630000000,205.571320000000 337.266680000000,193.564930000000 C 337.266680000000,193.564930000000 311.135120000000,190.033640000000 313.253890000000,180.852280000000 L 324.628375057208,161.262894038902 L 321.729000000000,163.548940000000 C 322.628934888934,159.563505221687 325.120247195706,155.812096924068 327.976043517400,152.465116821214" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 326.291025616841,242.670617803674 C 327.475121153760,245.881541750711 328.085320000000,247.946830000000 328.085320000000,247.946830000000 C 328.085320000000,246.264236695740 327.417216915071,244.498130308786 326.291025616840,242.670617803644" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 327.976043517400,152.465116821214 C 325.120247195706,155.812096924068 322.628934888934,159.563505221687 321.729000000000,163.548940000000 L 324.628375057208,161.262894038902 L 325.966550000000,158.958260000000 C 327.677867278344,156.486354871451 328.723672224157,155.038316040790 329.338272467432,154.242007401194 L 328.791580000000,152.601930000000 C 328.791580000000,152.601930000000 328.509969125688,152.514380154566 327.976043518022,152.465116821129" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 277.322725622204,254.617280889387 C 275.277777729072,260.176168180967 273.703420000000,264.190780000000 273.703420000000,264.190780000000 C 275.279512456493,263.065000584794 276.424924943954,259.355140339059 277.322725622212,254.617280889406" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 329.338272467188,154.242007401563 L 329.497840000000,154.720710000000 C 329.497840000000,154.720710000000 331.006472653844,152.080598850597 329.338272467432,154.242007401194" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 298.238310779544,144.720442281422 C 298.031790760474,144.795540760474 298.069340000000,144.833090000000 298.069340000000,144.833090000000 L 298.238310780621,144.720442281257" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 230.133196683961,245.948281748587 C 230.209471504135,246.122141504135 230.268520000000,246.181190000000 230.268520000000,246.181190000000 C 230.223744566034,246.102832990560 230.178614298246,246.025185658815 230.133196683842,245.948281747730" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 236.433141568737,272.637432330274 C 237.342081363385,275.371316603204 237.953348091846,276.962523916228 237.331100000000,274.784660000000 C 237.113461904972,274.022922815427 236.811989579138,273.311485931933 236.433141568735,272.637432330203" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 234.262841918572,150.417627431095 C 234.190806998247,150.460676463507 234.152940000000,150.483160000000 234.152940000000,150.483160000000 C 234.186960350535,150.466149824733 234.223643659772,150.444223408198 234.262841919175,150.417627431662" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 676.439565654461,163.668037979338 C 676.933402439881,164.214665393148 677.353312911232,164.764627666255 677.683290000000,165.314590000000 C 681.920840000000,172.377170000000 679.802070000000,165.314590000000 679.802070000000,165.314590000000 L 666.012445633601,151.524965633601 C 669.005113126313,155.009394102061 672.406236812373,158.449191968443 676.270770000000,161.783300000000 C 676.270770000000,161.783300000000 676.315702075301,162.502211296220 676.439565654401,163.668037979264" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 666.012445633583,151.524965633603 C 641.112111858801,122.532960310685 644.489140000000,90.451185000000 644.489140000000,90.451185000000 C 645.991137899882,80.366342522158 651.208947606119,72.041621324254 657.746100326339,65.338382692413 C 652.346757497455,69.800253362175 648.285583851321,73.258127224887 647.314170000000,73.500980000000 C 644.489140000000,74.207239000000 638.132810000000,80.563566000000 636.720300000000,87.626151000000 C 635.776233219015,92.346474879580 638.617995950034,90.441595326351 640.606736323819,88.658936579412 C 641.108568329574,87.994766269168 641.693956834393,87.411821796610 642.370360000000,86.919892000000 C 642.370360000000,86.919892000000 641.593564637926,87.774367558206 640.606736323819,88.658936579412 C 635.344768337735,95.623105601472 639.269508615567,111.517735846700 643.782880000000,125.057850000000 C 648.726690000000,139.889280000000 657.908050000000,143.420570000000 657.908050000000,143.420570000000 L 666.012445633601,151.524965633601" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 640.606736323819,88.658936579412 C 641.593564637926,87.774367558206 642.370360000000,86.919892000000 642.370360000000,86.919892000000 C 641.693956834393,87.411821796610 641.108568329574,87.994766269168 640.606736323714,88.658936579368" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 689.547481999788,44.410521026577 C 690.522923432816,44.279402820725 691.102200000000,44.191252000000 691.102200000000,44.191252000000 C 690.611313487441,44.220127667589 690.092092681267,44.294456251356 689.547481999709,44.410521026537" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 788.894457070839,216.217404700124 C 789.564773243116,216.592984235003 790.166523634915,216.819647216767 790.684650000000,216.871460000000 C 790.684650000000,216.871460000000 790.017637580970,216.617995273213 788.894457070836,216.217404700103" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 184.008590000000,255.009420000000 C 198.133760000000,265.603300000000 191.777430000000,291.028600000000 206.608860000000,295.266160000000 C 216.067430000000,297.969360000000 216.496480000000,274.276150000000 216.496480000000,269.134590000000 C 216.496480000000,261.365750000000 184.008590000000,255.009420000000 184.008590000000,255.009420000000 M 209.433890000000,275.395570000000 C 208.330360000000,275.395570000000 207.436950000000,273.382740000000 207.436950000000,270.900240000000 C 207.436950000000,268.419500000000 208.330360000000,266.406670000000 209.433890000000,266.406670000000 C 210.537420000000,266.406670000000 211.432600000000,268.419500000000 211.432600000000,270.900240000000 C 211.432600000000,273.382740000000 210.537420000000,275.395570000000 209.433890000000,275.395570000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 209.433890000000,275.395570000000 C 210.537420000000,275.395570000000 211.432600000000,273.382740000000 211.432600000000,270.900240000000 C 211.432600000000,268.419500000000 210.537420000000,266.406670000000 209.433890000000,266.406670000000 C 208.330360000000,266.406670000000 207.436950000000,268.419500000000 207.436950000000,270.900240000000 C 207.436950000000,273.382740000000 208.330360000000,275.395570000000 209.433890000000,275.395570000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 396.945530000000,233.468540000000 C 398.110860000000,232.843500000000 398.094960000000,231.130820000000 399.119040000000,230.825360000000 C 401.147770000000,230.217980000000 401.437330000000,228.334040000000 402.351940000000,226.949770000000 C 403.893350000000,224.620880000000 404.234120000000,221.914150000000 405.261720000000,219.281570000000 C 405.741980000000,218.045610000000 405.789650000000,216.359420000000 405.237020000000,215.194100000000 C 403.164160000000,210.813530000000 401.924670000000,206.489460000000 399.378610000000,202.206000000000 C 398.905420000000,201.411460000000 398.442820000000,200.009540000000 398.087920000000,198.953680000000 C 397.270430000000,196.510030000000 395.051010000000,194.760270000000 393.532550000000,192.429620000000 C 393.024050000000,191.650970000000 393.951010000000,190.017750000000 392.686810000000,189.869430000000 C 391.103030000000,189.684040000000 388.544600000000,188.659960000000 388.133210000000,190.471520000000 C 387.095010000000,195.039240000000 388.880080000000,199.493970000000 390.589220000000,203.805680000000 C 389.208490000000,205.027500000000 389.798210000000,206.653660000000 390.066590000000,208.007920000000 C 391.320200000000,214.374840000000 389.204960000000,220.293280000000 387.861300000000,226.427140000000 C 387.820700000000,226.610760000000 388.424540000000,226.960360000000 388.375100000000,227.069830000000 C 386.217480000000,231.812360000000 383.653760000000,236.129360000000 380.442050000000,240.333370000000 C 379.103690000000,242.084890000000 377.564050000000,243.702220000000 376.686520000000,245.579100000000 C 376.036770000000,246.968670000000 375.316380000000,248.674280000000 375.757790000000,250.418740000000 C 369.692800000000,255.327240000000 365.720090000000,262.116150000000 361.109990000000,268.906820000000 C 360.294260000000,270.107460000000 360.808070000000,272.242130000000 361.780940000000,272.717090000000 C 363.216410000000,273.419810000000 364.904370000000,271.611790000000 365.734220000000,270.118060000000 C 366.421060000000,268.885630000000 367.044330000000,267.737960000000 367.911260000000,266.602650000000 C 368.146090000000,266.293670000000 367.830060000000,265.553860000000 368.068400000000,265.340220000000 C 372.717350000000,261.196240000000 375.664210000000,256.012310000000 379.995340000000,251.831260000000 C 383.438350000000,251.250360000000 386.152150000000,249.488240000000 389.238500000000,247.699640000000 C 389.782320000000,247.383590000000 390.707520000000,247.823240000000 391.219560000000,247.478940000000 C 394.314740000000,245.400770000000 394.311200000000,241.805920000000 394.498360000000,238.433530000000 C 394.586660000000,236.872700000000 394.932710000000,234.547350000000 396.945550000000,233.468540000000 L 396.945530000000,233.468540000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 381.335450000000,225.583160000000 C 381.554390000000,225.447200000000 381.280750000000,224.700340000000 381.473170000000,224.318960000000 C 381.759210000000,223.746890000000 382.470760000000,223.414950000000 382.756800000000,222.842880000000 C 382.949250000000,222.461500000000 382.661500000000,221.790550000000 382.901580000000,221.539830000000 C 387.020830000000,217.219290000000 387.474600000000,211.879980000000 385.645390000000,206.630710000000 C 387.453410000000,205.536010000000 387.561120000000,203.307770000000 386.810720000000,201.812260000000 C 385.304620000000,198.810660000000 384.963850000000,195.410030000000 383.242350000000,192.685640000000 C 381.826300000000,190.445030000000 379.040110000000,188.248570000000 376.619410000000,190.549200000000 C 375.876070000000,191.255460000000 375.309300000000,192.645030000000 375.800150000000,193.902170000000 C 375.913150000000,194.189970000000 376.416360000000,194.447750000000 376.368690000000,194.592530000000 C 376.179760000000,195.164600000000 375.215720000000,195.560110000000 375.205130000000,196.040360000000 C 375.152130000000,198.681770000000 373.467730000000,201.349660000000 374.580090000000,203.696210000000 C 375.943170000000,206.572450000000 377.389230000000,209.851250000000 378.582810000000,212.987040000000 C 376.404000000000,216.723150000000 378.227910000000,221.047210000000 375.132730000000,224.361330000000 C 374.892610000000,224.619120000000 374.908500000000,225.300660000000 375.123730000000,225.657320000000 C 375.639300000000,226.515420000000 376.356150000000,227.232270000000 377.214250000000,227.747840000000 C 377.570910000000,227.961480000000 378.185360000000,227.965020000000 378.538490000000,227.745840000000 C 379.559030000000,227.106670000000 380.261760000000,226.246800000000 381.335270000000,225.582920000000 L 381.335450000000,225.583160000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 492.239230000000,207.377580000000 C 494.691710000000,210.541620000000 495.203750000000,215.476600000000 491.585940000000,217.930850000000 C 492.557040000000,223.773370000000 498.473720000000,220.279160000000 502.178050000000,219.343360000000 C 501.983830000000,218.658290000000 502.389930000000,218.050910000000 502.884310000000,218.042080000000 C 504.755890000000,218.015580000000 505.956530000000,216.193450000000 507.828120000000,216.518330000000 C 508.605000000000,213.769220000000 511.483000000000,212.529740000000 512.630670000000,210.093140000000 C 515.667590000000,203.569080000000 514.625850000000,196.024470000000 510.070490000000,190.293190000000 C 509.717360000000,189.844710000000 510.088190000000,188.931870000000 509.876270000000,188.292710000000 C 508.534380000000,184.388860000000 504.897140000000,183.832690000000 501.471790000000,182.617920000000 C 499.395390000000,175.776040000000 498.228300000000,168.658720000000 495.117230000000,162.136420000000 C 492.267480000000,161.695010000000 491.035050000000,158.624550000000 488.674390000000,157.353290000000 C 486.320780000000,156.083790000000 485.317890000000,158.871740000000 485.390280000000,160.718610000000 C 485.402680000000,161.080570000000 486.200720000000,161.476070000000 485.900560000000,162.120530000000 C 485.766370000000,162.410100000000 485.307300000000,162.606090000000 485.307300000000,162.842680000000 C 485.309300000000,163.081050000000 485.699270000000,163.312350000000 485.935870000000,163.548940000000 C 484.315000000000,164.996770000000 481.802490000000,165.838980000000 481.281620000000,167.860650000000 C 479.597200000000,174.411200000000 484.140210000000,179.928840000000 487.085300000000,185.580680000000 C 488.128800000000,187.584680000000 486.829290000000,189.828820000000 485.487390000000,191.961720000000 C 484.714040000000,193.188850000000 484.904730000000,195.178730000000 485.392090000000,196.690120000000 C 486.719860000000,200.805840000000 489.529000000000,203.876300000000 492.239270000000,207.377580000000 L 492.239230000000,207.377580000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 426.627810000000,239.840750000000 C 424.002290000000,243.108960000000 417.977910000000,247.644910000000 423.128300000000,251.049080000000 C 423.470830000000,251.276840000000 424.124120000000,251.283910000000 424.429580000000,251.047080000000 C 427.997950000000,248.283840000000 431.534540000000,246.689460000000 435.835650000000,245.661860000000 C 436.054590000000,245.610660000000 436.538380000000,246.435210000000 437.189910000000,246.150940000000 C 440.037890000000,244.909690000000 443.586840000000,245.012100000000 445.677370000000,242.649670000000 C 452.328560000000,243.045170000000 458.623090000000,241.074710000000 464.610390000000,238.765240000000 C 466.660310000000,237.974230000000 468.902680000000,236.987240000000 471.023220000000,236.100880000000 C 473.452750000000,235.083870000000 475.578590000000,233.445350000000 477.541990000000,231.430750000000 C 477.776820000000,231.190620000000 478.401860000000,231.349550000000 478.873280000000,231.349550000000 C 478.802680000000,229.825800000000 480.501210000000,229.601560000000 480.937320000000,228.503330000000 C 481.099760000000,228.093700000000 480.834920000000,227.394500000000 481.069750000000,227.214410000000 C 484.844700000000,224.336400000000 486.469090000000,220.773330000000 484.405050000000,216.576390000000 C 483.901840000000,215.555840000000 483.462200000000,214.464670000000 482.462840000000,213.624230000000 C 480.547120000000,212.015720000000 478.601370000000,213.523580000000 476.752740000000,212.986830000000 C 476.472000000000,214.095650000000 475.184850000000,213.791960000000 474.503310000000,214.141560000000 C 472.986620000000,214.916680000000 470.633010000000,213.883780000000 469.116320000000,214.657130000000 C 466.711510000000,215.884250000000 464.520340000000,216.182650000000 462.009600000000,216.848300000000 C 461.458710000000,216.993080000000 460.085040000000,216.823600000000 459.802540000000,217.930640000000 C 459.565940000000,217.694040000000 459.304630000000,217.280880000000 459.117470000000,217.319720000000 C 455.748610000000,218.018920000000 453.523900000000,218.396770000000 451.226790000000,221.384240000000 C 451.044930000000,221.619070000000 450.264520000000,221.303040000000 449.983780000000,221.541380000000 C 448.294050000000,222.968030000000 447.578970000000,225.146830000000 445.634990000000,226.333350000000 C 445.280100000000,226.550520000000 444.658590000000,226.253850000000 444.316050000000,226.481660000000 C 443.175450000000,227.242660000000 442.527450000000,228.374440000000 441.393910000000,229.163680000000 C 440.813010000000,229.568010000000 440.106750000000,228.994180000000 440.163250000000,228.542170000000 C 440.595840000000,225.104460000000 441.748800000000,221.949250000000 440.733560000000,218.636900000000 C 444.400800000000,214.187470000000 448.844940000000,210.746220000000 452.033690000000,205.924240000000 C 452.060190000000,202.099850000000 453.282010000000,198.310780000000 453.082490000000,194.643530000000 C 453.064790000000,194.302760000000 452.556320000000,193.008540000000 452.333850000000,192.395860000000 C 451.782970000000,190.888000000000 453.382650000000,189.005820000000 451.892440000000,187.727490000000 C 449.413470000000,185.603420000000 447.132260000000,187.150130000000 445.677370000000,189.680300000000 C 442.432110000000,190.368900000000 438.784280000000,191.592490000000 435.998090000000,189.413680000000 C 434.220090000000,188.024120000000 433.199540000000,186.424450000000 431.788790000000,184.559920000000 C 430.049630000000,182.261050000000 430.641120000000,179.725580000000 430.764720000000,176.964110000000 C 430.775320000000,176.738110000000 430.219130000000,176.497980000000 430.219130000000,176.261390000000 C 430.221130000000,176.023020000000 430.609340000000,175.791720000000 430.845940000000,175.555130000000 C 429.599390000000,174.449830000000 429.113840000000,172.581780000000 427.314650000000,172.023830000000 C 427.853170000000,170.095750000000 426.659590000000,168.534920000000 425.121710000000,168.001690000000 C 421.599250000000,166.781630000000 418.638260000000,170.157550000000 415.297660000000,170.286440000000 C 414.390110000000,170.319940000000 413.565560000000,168.487240000000 412.419650000000,167.913410000000 C 411.656890000000,167.532030000000 410.413880000000,167.473760000000 409.774720000000,167.943410000000 C 408.559950000000,168.833290000000 407.519980000000,169.034570000000 406.181620000000,169.396530000000 C 403.326570000000,170.166350000000 401.070080000000,172.097970000000 398.456920000000,173.607600000000 C 395.834940000000,175.120760000000 394.148750000000,177.657990000000 392.241850000000,179.988640000000 C 390.580370000000,182.022670000000 390.340250000000,186.284940000000 392.847460000000,187.167760000000 C 396.101550000000,188.315430000000 398.403950000000,183.542890000000 401.875210000000,184.118490000000 C 402.426100000000,184.208490000000 402.789820000000,184.757660000000 402.595600000000,185.442730000000 C 403.282430000000,185.635180000000 403.667340000000,185.230850000000 404.008110000000,184.736470000000 C 405.523040000000,186.535660000000 407.578250000000,187.130680000000 409.234430000000,188.672090000000 C 410.947100000000,190.268240000000 414.029920000000,189.530200000000 415.822050000000,191.290550000000 C 418.521730000000,193.942550000000 417.534730000000,198.676240000000 420.958320000000,200.980410000000 C 419.923650000000,203.298710000000 418.851900000000,205.553440000000 418.260410000000,208.073010000000 C 417.762500000000,210.202380000000 419.517550000000,212.315860000000 421.655750000000,212.155190000000 C 423.876930000000,211.989220000000 424.339530000000,210.649090000000 425.195870000000,208.749260000000 C 425.667300000000,209.220680000000 426.495390000000,209.745080000000 426.422990000000,210.126460000000 C 425.616090000000,214.341060000000 423.802770000000,217.859990000000 422.994110000000,222.152280000000 C 422.889940000000,222.711990000000 422.351410000000,223.068650000000 421.664580000000,222.874430000000 C 420.838250000000,230.200090000000 413.683860000000,234.427050000000 409.190290000000,240.015320000000 C 408.478730000000,240.901680000000 408.471670000000,243.106970000000 409.194290000000,243.818520000000 C 411.671490000000,246.267480000000 415.132160000000,243.537790000000 418.133750000000,242.649670000000 C 418.509840000000,240.520300000000 420.026530000000,238.857060000000 422.378370000000,238.955930000000 C 422.830370000000,238.973630000000 423.245300000000,238.016610000000 423.817370000000,237.787080000000 C 424.431810000000,237.543420000000 425.318170000000,237.938920000000 425.823140000000,237.589320000000 C 428.875950000000,235.479380000000 431.361980000000,233.526570000000 434.430670000000,231.427220000000 C 434.769670000000,231.195920000000 435.377060000000,231.476620000000 435.758440000000,231.285970000000 C 436.332270000000,230.999930000000 436.662450000000,230.316630000000 437.232750000000,229.989980000000 C 437.847200000000,229.636850000000 438.274480000000,230.148890000000 438.615250000000,230.643270000000 C 437.474640000000,231.259480000000 437.467580000000,232.949210000000 436.439980000000,233.305870000000 C 435.071600000000,233.779060000000 434.081070000000,234.684840000000 432.891030000000,235.474080000000 C 432.375460000000,235.814850000000 431.211900000000,235.376980000000 431.028270000000,235.693020000000 C 429.972410000000,237.508100000000 427.881890000000,238.281460000000 426.628280000000,239.840520000000 L 426.627810000000,239.840750000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 293.478660000000,181.558530000000 L 265.228320000000,190.739890000000 L 252.515660000000,207.690100000000 C 252.515660000000,207.690100000000 282.884780000000,190.033640000000 289.947360000000,187.914860000000 C 297.009950000000,185.796090000000 293.478660000000,181.558530000000 293.478660000000,181.558530000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 222.852800000000,192.858670000000 C 222.852800000000,192.858670000000 219.321510000000,194.977450000000 218.615250000000,199.921260000000 C 217.908990000000,204.865070000000 213.671440000000,205.571320000000 215.083960000000,210.515130000000 C 216.496480000000,215.458940000000 220.027770000000,219.696490000000 220.027770000000,212.633910000000 C 220.027770000000,205.571320000000 222.852800000000,202.040030000000 224.265320000000,199.921260000000 C 225.677840000000,197.802480000000 228.502870000000,190.033640000000 222.852800000000,192.858670000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 207.315120000000,300.916220000000 C 207.315120000000,300.916220000000 192.483690000000,293.853640000000 186.833620000000,287.497310000000 C 181.183550000000,281.140990000000 181.981620000000,290.262310000000 173.414710000000,289.616090000000 C 163.090970000000,288.837440000000 164.939610000000,260.659490000000 164.939610000000,260.659490000000 L 157.877020000000,274.078400000000 C 157.877020000000,274.078400000000 155.758240000000,299.503710000000 169.883410000000,295.266160000000 C 176.781790000000,293.196820000000 179.064780000000,295.972410000000 176.239740000000,297.384930000000 C 173.414710000000,298.797450000000 186.127360000000,299.503710000000 181.183550000000,302.328740000000 C 176.239740000000,305.153770000000 201.665050000000,295.972410000000 197.427500000000,314.335140000000 L 207.315120000000,300.916220000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 194.602460000000,226.052820000000 C 194.425900000000,224.463740000000 191.953990000000,223.227790000000 191.953990000000,223.227790000000 C 183.478890000000,223.051220000000 181.536680000000,224.463740000000 181.536680000000,224.463740000000 C 181.536680000000,224.463740000000 183.302330000000,231.702890000000 183.302330000000,236.646700000000 C 183.302330000000,241.590510000000 196.721240000000,248.653090000000 199.546270000000,248.653090000000 C 202.371310000000,248.653090000000 196.014980000000,244.415540000000 191.777430000000,240.884250000000 C 187.539880000000,237.352960000000 192.483690000000,236.646700000000 192.483690000000,236.646700000000 C 192.483690000000,236.646700000000 190.364910000000,238.059220000000 196.014980000000,240.177990000000 C 201.665050000000,242.296770000000 203.783820000000,243.709280000000 199.546270000000,240.884250000000 C 195.308720000000,238.059220000000 194.602460000000,226.052820000000 194.602460000000,226.052820000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 389.061250087752,319.509952962398 C 388.001044428393,318.955395550765 387.411040000000,318.572690000000 387.411040000000,318.572690000000 L 373.058749411185,311.396544705593 C 354.607186913630,311.546334132891 349.920515882746,336.981014675161 343.935530000000,331.689670000000 C 343.935530000000,331.689670000000 353.501800000000,346.732980000000 350.676770000000,336.845360000000 C 349.799240000000,333.769600000000 352.114000000000,334.000900000000 355.276280000000,333.050990000000 C 358.807570000000,331.991600000000 380.348450000000,325.282140000000 381.760970000000,320.691460000000 C 382.243063183235,319.124660567486 385.275496362767,318.997570155586 389.061250087815,319.509952962413" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 389.061250087815,319.509952962413 C 395.131095210269,320.331476100664 403.137497469765,322.796889655872 405.673692436419,323.607866461699 C 407.717643061434,323.559739419255 409.843058838443,323.287295928077 411.999631429742,322.701993287718 C 399.156575192765,321.887159445202 375.404640000000,311.510100000000 375.404640000000,311.510100000000 C 374.598727250736,311.426943861481 373.817112321606,311.390388330144 373.058749411176,311.396544705576 L 387.411040000000,318.572690000000 C 387.411040000000,318.572690000000 388.001044428393,318.955395550765 389.061250087752,319.509952962398" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 389.061250087752,319.509952962398 C 391.936704619792,321.014005132354 398.270888148759,323.782173547052 405.673692436343,323.607866461689 C 403.137497469765,322.796889655872 395.131095210269,320.331476100664 389.061250087815,319.509952962413" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 491.612781800141,256.753317896456 C 491.622629662710,256.522694606930 491.614131603860,256.294345625093 491.585940000000,256.068810000000 C 491.585940000000,256.068810000000 440.380430000000,277.609690000000 422.723970000000,276.903430000000 C 422.723970000000,276.903430000000 393.767370000000,268.781460000000 378.935940000000,294.559900000000 C 378.935940000000,294.559900000000 364.104510000000,310.803840000000 358.454440000000,313.628880000000 C 358.454440000000,313.628880000000 357.748180000000,316.453910000000 369.048320000000,309.391330000000 L 373.058749411185,311.396544705593 C 373.817112321606,311.390388330144 374.598727250736,311.426943861481 375.404640000000,311.510100000000 C 375.404640000000,311.510100000000 399.156575192765,321.887159445202 411.999631429752,322.701993287718 C 418.318357005166,320.987065268177 424.904557996515,316.586300042279 430.492810000000,307.272550000000 C 430.492810000000,307.272550000000 437.555390000000,287.497310000000 437.555390000000,283.966020000000 C 437.555390000000,280.434730000000 474.987100000000,270.547110000000 477.813900000000,269.840850000000 C 478.588465501586,269.647207939155 480.026688204133,268.949186766416 481.691861369712,267.921469053287 C 481.114911496513,267.755032634688 480.528927382102,267.679480100845 479.932670000000,267.722070000000 C 479.932670000000,267.722070000000 486.678085630859,259.290303872467 491.612781800119,256.753317896403 M 405.067500000000,303.963730000000 C 400.655150000000,303.963730000000 397.077950000000,300.386530000000 397.077950000000,295.972410000000 C 397.077950000000,291.560060000000 400.655150000000,287.982860000000 405.067500000000,287.982860000000 C 409.481620000000,287.982860000000 413.058820000000,291.560060000000 413.058820000000,295.972410000000 C 413.058820000000,300.386530000000 409.481620000000,303.963730000000 405.067500000000,303.963730000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 405.673692436419,323.607866461699 C 406.190369593954,323.773079781799 406.480020000000,323.869630000000 406.480020000000,323.869630000000 C 409.658180000000,325.282140000000 417.427030000000,329.872820000000 417.427030000000,329.872820000000 C 425.902130000000,331.991600000000 437.555390000000,332.697860000000 437.555390000000,332.697860000000 C 441.792950000000,334.463500000000 447.796140000000,339.407310000000 447.796140000000,339.407310000000 C 473.574580000000,357.416910000000 495.470360000000,344.704250000000 495.470360000000,344.704250000000 C 530.781520000000,333.050990000000 520.187640000000,302.681870000000 520.187640000000,302.681870000000 C 514.890700000000,286.791050000000 520.540770000000,280.787860000000 520.540770000000,280.787860000000 C 520.893900000000,274.078400000000 533.606550000000,285.378540000000 533.606550000000,285.378540000000 C 538.197230000000,292.794250000000 539.609750000000,301.622480000000 539.609750000000,301.622480000000 C 553.734920000000,321.397720000000 547.731720000000,289.969220000000 547.731720000000,289.969220000000 C 548.084850000000,288.203570000000 543.141040000000,281.847240000000 543.141040000000,279.728470000000 C 543.141040000000,277.609690000000 539.962880000000,271.606500000000 539.962880000000,271.606500000000 C 534.665940000000,265.603300000000 538.903490000000,253.243770000000 538.903490000000,253.243770000000 C 542.081650000000,228.877850000000 538.197230000000,232.056020000000 538.197230000000,232.056020000000 C 536.078460000000,228.877850000000 519.834510000000,246.534320000000 519.834510000000,246.534320000000 C 515.950090000000,252.537520000000 505.356210000000,255.362550000000 505.356210000000,255.362550000000 C 500.414170000000,258.540710000000 494.410970000000,256.068810000000 494.410970000000,256.068810000000 C 493.612003321421,255.945891781694 492.652590845248,256.218739702570 491.612781800119,256.753317896403 C 491.443565017698,260.716140360271 485.857552780032,265.350472271506 481.691861369712,267.921469053287 C 485.898635167584,269.135023985380 489.625107583792,275.180379899155 493.351580000000,275.490920000000 C 497.589130000000,275.844050000000 500.767300000000,271.253370000000 503.590570000000,270.193980000000 C 506.415600000000,269.134590000000 511.359410000000,279.375340000000 511.359410000000,279.375340000000 C 512.065670000000,283.966020000000 502.178050000000,292.441120000000 502.178050000000,292.441120000000 C 501.471790000000,300.563090000000 498.648520000000,297.738060000000 498.648520000000,297.738060000000 C 493.351580000000,296.678670000000 491.232810000000,303.388130000000 489.467160000000,311.510100000000 C 487.701510000000,319.632070000000 480.285800000000,320.338330000000 480.285800000000,320.338330000000 C 477.460770000000,333.404120000000 475.340220000000,328.107180000000 475.340220000000,328.107180000000 C 474.987100000000,318.219560000000 464.393220000000,328.460310000000 464.393220000000,328.460310000000 C 462.274440000000,331.991600000000 454.152470000000,328.107180000000 454.152470000000,328.107180000000 C 442.146070000000,324.575880000000 446.383630000000,321.044590000000 446.383630000000,321.044590000000 C 449.561790000000,317.160170000000 469.337030000000,321.044590000000 469.337030000000,321.044590000000 C 473.221450000000,318.219560000000 459.096280000000,311.156970000000 459.096280000000,311.156970000000 C 458.036890000000,307.978810000000 459.802540000000,300.209970000000 459.802540000000,300.209970000000 C 461.921310000000,294.559900000000 473.927710000000,284.672280000000 473.927710000000,284.672280000000 C 490.526550000000,282.553500000000 485.582740000000,279.728470000000 485.582740000000,279.728470000000 C 474.635730000000,270.547110000000 464.393220000000,283.966020000000 464.393220000000,283.966020000000 C 460.508800000000,294.913030000000 429.786550000000,321.397720000000 429.786550000000,321.397720000000 C 421.311450000000,327.400920000000 425.902130000000,315.394520000000 418.839540000000,321.397720000000 C 417.484216329199,322.549746463495 415.049520399057,322.895494951360 411.999631429752,322.701993287718 C 409.843058838443,323.287295928077 407.717643061434,323.559739419255 405.673692436343,323.607866461689" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 491.612781800119,256.753317896403 C 486.678085630859,259.290303872467 479.932670000000,267.722070000000 479.932670000000,267.722070000000 C 480.528927382102,267.679480100845 481.114911496513,267.755032634688 481.691861369751,267.921469053176 C 485.857552780032,265.350472271506 491.443565017698,260.716140360271 491.612781800141,256.753317896456" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 481.691861369712,267.921469053287 C 480.026688204133,268.949186766416 478.588465501586,269.647207939155 477.813900000000,269.840850000000 C 474.987100000000,270.547110000000 437.555390000000,280.434730000000 437.555390000000,283.966020000000 C 437.555390000000,287.497310000000 430.492810000000,307.272550000000 430.492810000000,307.272550000000 C 424.904557996515,316.586300042279 418.318357005166,320.987065268177 411.999631429742,322.701993287718 C 415.049520399057,322.895494951360 417.484216329199,322.549746463495 418.839540000000,321.397720000000 C 425.902130000000,315.394520000000 421.311450000000,327.400920000000 429.786550000000,321.397720000000 C 429.786550000000,321.397720000000 460.508800000000,294.913030000000 464.393220000000,283.966020000000 C 464.393220000000,283.966020000000 474.635730000000,270.547110000000 485.582740000000,279.728470000000 C 485.582740000000,279.728470000000 490.526550000000,282.553500000000 473.927710000000,284.672280000000 C 473.927710000000,284.672280000000 461.921310000000,294.559900000000 459.802540000000,300.209970000000 C 459.802540000000,300.209970000000 458.036890000000,307.978810000000 459.096280000000,311.156970000000 C 459.096280000000,311.156970000000 473.221450000000,318.219560000000 469.337030000000,321.044590000000 C 469.337030000000,321.044590000000 449.561790000000,317.160170000000 446.383630000000,321.044590000000 C 446.383630000000,321.044590000000 442.146070000000,324.575880000000 454.152470000000,328.107180000000 C 454.152470000000,328.107180000000 462.274440000000,331.991600000000 464.393220000000,328.460310000000 C 464.393220000000,328.460310000000 474.987100000000,318.219560000000 475.340220000000,328.107180000000 C 475.340220000000,328.107180000000 477.460770000000,333.404120000000 480.285800000000,320.338330000000 C 480.285800000000,320.338330000000 487.701510000000,319.632070000000 489.467160000000,311.510100000000 C 491.232810000000,303.388130000000 493.351580000000,296.678670000000 498.648520000000,297.738060000000 C 498.648520000000,297.738060000000 501.471790000000,300.563090000000 502.178050000000,292.441120000000 C 502.178050000000,292.441120000000 512.065670000000,283.966020000000 511.359410000000,279.375340000000 C 511.359410000000,279.375340000000 506.415600000000,269.134590000000 503.590570000000,270.193980000000 C 500.767300000000,271.253370000000 497.589130000000,275.844050000000 493.351580000000,275.490920000000 C 489.625107583792,275.180379899155 485.898635167584,269.135023985380 481.691861369751,267.921469053176" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 405.067500000000,303.963730000000 C 409.481620000000,303.963730000000 413.058820000000,300.386530000000 413.058820000000,295.972410000000 C 413.058820000000,291.560060000000 409.481620000000,287.982860000000 405.067500000000,287.982860000000 C 400.655150000000,287.982860000000 397.077950000000,291.560060000000 397.077950000000,295.972410000000 C 397.077950000000,300.386530000000 400.655150000000,303.963730000000 405.067500000000,303.963730000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 791.073100000000,41.383874000000 C 791.073100000000,41.383874000000 794.780950000000,25.616653000000 786.235230000000,34.162381000000 C 786.235230000000,34.162381000000 773.805080000000,44.261878000000 760.598040000000,44.261878000000 C 760.598040000000,44.261878000000 734.960860000000,48.146299000000 727.192010000000,71.452831000000 C 727.192010000000,71.452831000000 720.200050000000,118.842780000000 734.183970000000,128.942270000000 C 734.183970000000,128.942270000000 742.729700000000,142.149310000000 755.159850000000,130.496040000000 C 767.590000000000,118.842780000000 794.957520000000,65.467290000000 791.073100000000,41.383874000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-02/exclusion.svg b/libraries/path-bool/visual-tests/real-02/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9fa91f4f91d38f2c425ad902807736a0bda44f60
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-02/exclusion.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg2" viewBox="0 0 900 900" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path d="M 762.888599681386,156.844851797865 C 760.460403392352,158.374241572417 758.903020000000,158.958260000000 758.903020000000,158.958260000000 L 728.549551433527,168.332125850258 C 741.465669449317,173.443708352196 761.021800000000,182.971050000000 761.021800000000,182.971050000000 C 761.021800000000,182.971050000000 780.427694123009,211.473459944806 788.894457070839,216.217404700124 C 790.017637580970,216.617995273213 790.684650000000,216.871460000000 790.684650000000,216.871460000000 C 790.166523634915,216.819647216767 789.564773243116,216.592984235003 788.894457070839,216.217404700124 C 781.845241364876,213.703250177169 756.827709278056,205.393855245955 765.965610000000,217.577720000000 C 765.965610000000,217.577720000000 791.390910000000,242.296770000000 778.678260000000,241.590510000000 C 778.678260000000,241.590510000000 768.084380000000,254.303160000000 776.559480000000,269.840850000000 C 776.559480000000,269.840850000000 743.965650000000,237.368850000000 770.203160000000,282.553500000000 L 782.209550000000,311.510100000000 C 782.209550000000,311.510100000000 739.127780000000,267.722070000000 758.903020000000,306.566290000000 C 758.903020000000,306.566290000000 789.272140000000,348.235540000000 792.803430000000,348.941800000000 C 796.334720000000,349.648060000000 804.103570000000,365.185750000000 804.103570000000,365.185750000000 L 796.334720000000,361.654460000000 L 805.516080000000,377.192140000000 C 805.516080000000,377.192140000000 785.740840000000,356.004390000000 796.334720000000,379.310920000000 L 804.730565520066,400.900238264636 C 835.673264956245,398.273807218184 854.106670000000,396.693710000000 854.106670000000,396.693710000000 C 855.201370000000,397.013290000000 859.103450000000,398.997880000000 861.310510000000,401.911190000000 C 861.310510000000,401.911190000000 873.316900000000,420.980170000000 864.135540000000,388.492280000000 C 864.135540000000,388.492280000000 847.891590000000,337.641670000000 863.429280000000,357.416910000000 C 863.429280000000,357.416910000000 874.023160000000,370.129560000000 868.373090000000,346.116770000000 C 861.557700000000,317.112500000000 857.072950000000,305.860030000000 857.072950000000,305.860030000000 C 857.072950000000,305.860030000000 877.554450000000,314.335140000000 830.235130000000,244.415540000000 L 845.772820000000,250.771870000000 C 845.772820000000,250.771870000000 811.166150000000,180.852280000000 773.028190000000,171.670910000000 L 758.903020000000,161.077040000000 C 758.903020000000,161.077040000000 760.405508762799,159.590202127649 762.888599681427,156.844851797827 C 767.001159170221,154.254572561435 773.611656668798,148.952483440338 779.384520000000,139.183020000000 C 788.565880000000,123.645340000000 815.403700000000,90.451185000000 809.047380000000,45.956898000000 C 809.047380000000,45.956898000000 811.166150000000,26.181660000000 800.572270000000,25.475401000000 C 800.572270000000,25.475401000000 785.740840000000,22.650367000000 773.028190000000,36.069279000000 C 773.028190000000,36.069279000000 761.021800000000,41.719347000000 756.784240000000,41.013088000000 L 694.633500000000,43.131864000000 C 694.633500000000,43.131864000000 694.492641639768,43.175882231729 694.225791376338,43.264778738302 C 694.773260082634,43.637894675275 695.144777744828,43.838123000000 695.339750000000,43.838123000000 C 698.871050000000,43.838123000000 753.252950000000,41.719347000000 753.252950000000,41.719347000000 C 763.846830000000,44.544381000000 775.146970000000,36.069279000000 775.146970000000,36.069279000000 C 792.097170000000,19.825333000000 804.103570000000,29.006694000000 804.103570000000,29.006694000000 C 823.339485346532,84.309956366451 777.085832621546,141.148133710571 762.888599681427,156.844851797827 M 802.631491311685,401.078385039580 C 804.764756678586,403.164326164173 806.222340000000,404.736230000000 806.222340000000,404.736230000000 L 804.730565520066,400.900238264636 C 804.037134258698,400.959097039941 803.337420631109,401.018481300704 802.631491311656,401.078385039554 M 748.608530958377,405.647847381030 C 750.902097586567,412.310445490899 753.959210000000,418.861400000000 753.959210000000,418.861400000000 C 744.071590000000,409.680040000000 734.890230000000,412.505070000000 743.365330000000,421.686430000000 C 751.840440000000,430.867790000000 755.371730000000,470.418270000000 757.490500000000,478.187110000000 C 759.609280000000,485.955960000000 756.077990000000,526.212690000000 756.077990000000,526.212690000000 C 717.940030000000,500.787380000000 763.846830000000,585.538410000000 763.846830000000,585.538410000000 C 763.846830000000,585.538410000000 771.615670000000,597.544800000000 761.728050000000,586.244670000000 C 721.930390000000,540.761620000000 740.540300000000,594.013510000000 740.540300000000,594.013510000000 C 725.708870000000,579.888340000000 729.946420000000,607.432420000000 729.946420000000,607.432420000000 C 717.233770000000,595.426030000000 718.646280000000,615.907520000000 718.646280000000,615.907520000000 C 718.646280000000,615.907520000000 694.633500000000,591.188480000000 696.046010000000,605.313650000000 C 697.458530000000,619.438820000000 672.033220000000,645.570380000000 672.033220000000,645.570380000000 L 665.676900000000,636.389020000000 L 634.601520000000,704.189840000000 L 626.832680000000,697.833510000000 C 614.826280000000,709.839910000000 578.807100000000,713.371200000000 578.807100000000,713.371200000000 C 597.169820000000,721.140040000000 650.139210000000,710.546170000000 650.139210000000,710.546170000000 C 652.257980000000,699.952290000000 652.964240000000,721.846300000000 652.964240000000,721.846300000000 L 673.445740000000,692.889700000000 C 681.920840000000,663.933100000000 703.108600000000,685.827120000000 703.108600000000,685.827120000000 C 705.227370000000,667.464400000000 714.408730000000,707.721130000000 719.352540000000,703.483580000000 C 724.296350000000,699.246030000000 730.652680000000,688.652150000000 735.596490000000,675.233240000000 C 740.540300000000,661.814330000000 746.190370000000,691.477190000000 746.190370000000,691.477190000000 C 746.190370000000,707.014870000000 751.840440000000,687.945890000000 751.840440000000,687.945890000000 C 757.490500000000,672.408210000000 759.609280000000,658.283030000000 759.609280000000,658.283030000000 C 756.784240000000,632.857730000000 782.915810000000,673.114460000000 782.915810000000,673.114460000000 C 788.565880000000,679.470790000000 790.684650000000,677.352010000000 790.684650000000,677.352010000000 C 792.097170000000,667.464400000000 781.503290000000,639.920310000000 777.972000000000,624.382630000000 C 774.440710000000,608.844940000000 766.671860000000,598.957320000000 782.209550000000,615.201270000000 C 797.747240000000,631.445210000000 791.390910000000,612.376230000000 787.859620000000,605.313650000000 C 784.328330000000,598.251060000000 765.965610000000,564.350650000000 773.734450000000,550.225480000000 C 781.503290000000,536.100310000000 779.384520000000,485.955960000000 778.678260000000,476.774600000000 C 777.972000000000,467.593230000000 780.797030000000,439.342890000000 780.797030000000,439.342890000000 C 765.259350000000,408.973780000000 794.215950000000,418.155140000000 794.215950000000,418.155140000000 C 791.154540130309,411.492071610072 789.068884182760,406.309853408779 787.759942720426,402.339196716901 C 775.940570180663,403.340339036691 762.814404035161,404.450042774214 748.608530958386,405.647847381028 M 787.759942720452,402.339196716934 C 792.978381824171,401.897176617117 797.942079606456,401.476319062707 802.631491311656,401.078385039554 C 795.512128458207,394.116957742543 780.867274099977,381.430377208753 787.759942720426,402.339196716901 M 704.818013162483,176.149314682255 C 706.691105566563,175.450694825157 708.707296368648,174.666981995011 710.877440000000,173.789690000000 L 728.549551433527,168.332125850258 C 726.136989555368,167.377349108037 723.956093416994,166.576635344443 722.177580000000,166.020850000000 C 711.422575680629,162.659905201706 694.269973904740,172.733934990674 704.818013162405,176.149314682271 M 694.225791376296,43.264778738517 C 693.845793162225,43.005798840729 693.381026084753,42.663525965401 692.831688899054,42.247102857355 C 660.476546893900,19.370008070606 598.229210000000,12.762748000000 598.229210000000,12.762748000000 C 577.041450000000,9.231455000000 606.704310000000,20.884721000000 606.704310000000,20.884721000000 C 617.298190000000,23.003496000000 664.264380000000,43.131864000000 669.561320000000,44.897510000000 C 673.857978249019,46.329729686726 685.357524044895,44.973732461973 689.547481999788,44.410521026577 C 690.092092681267,44.294456251356 690.611313487441,44.220127667589 691.102200000000,44.191252000000 C 691.102200000000,44.191252000000 690.522923432816,44.279402820725 689.547481999788,44.410521026577 C 685.261332192105,45.323964391969 679.402565436157,48.822494961862 673.406483010803,53.094338937147 C 683.242356163131,47.085284253408 692.236152464448,43.927592206553 694.225791376338,43.264778738302 M 707.342413123608,409.119029894878 C 721.876909023786,407.899363183782 735.689217369541,406.737172426378 748.608530958386,405.647847381028 C 745.068767689309,395.365163731900 743.347703299575,384.816554848781 757.490500000000,397.673640000000 C 757.490500000000,397.673640000000 751.134180000000,370.835820000000 743.365330000000,365.892010000000 C 743.365330000000,365.892010000000 733.477710000000,335.522890000000 760.315540000000,354.591870000000 C 760.315540000000,354.591870000000 752.546690000000,332.697860000000 746.896630000000,327.047790000000 C 746.896630000000,327.047790000000 726.415130000000,278.315950000000 739.127780000000,286.791050000000 L 746.896630000000,293.147380000000 C 746.896630000000,293.147380000000 734.890230000000,268.428330000000 746.190370000000,276.197180000000 C 757.490500000000,283.966020000000 757.490500000000,283.259760000000 757.490500000000,283.259760000000 C 757.490500000000,283.259760000000 720.058800000000,224.640300000000 756.077990000000,255.715680000000 C 756.077990000000,255.715680000000 741.670310000000,231.141410000000 735.596490000000,218.990240000000 C 735.596490000000,218.990240000000 702.402340000000,182.971050000000 727.827650000000,194.271190000000 L 736.302750000000,197.096220000000 C 736.302750000000,197.096220000000 720.765060000000,179.439760000000 706.639890000000,176.614720000000 C 705.958470640421,176.478436321050 705.352658466980,176.322429009100 704.818013162405,176.149314682271 C 678.040600905651,186.136666018242 680.508320000000,178.733500000000 680.508320000000,178.733500000000 C 677.867725623851,174.508544511538 676.806776923464,167.124297671551 676.439565654401,163.668037979264 C 670.591574048481,157.194902275535 654.376760000000,151.189420000000 654.376760000000,151.189420000000 C 664.264380000000,166.727100000000 631.776490000000,154.720710000000 631.776490000000,154.720710000000 C 612.001250000000,134.945470000000 627.538940000000,117.995270000000 627.538940000000,117.995270000000 C 632.482750000000,111.638940000000 626.832680000000,107.401390000000 626.832680000000,107.401390000000 C 620.476350000000,108.107650000000 612.001250000000,103.163840000000 612.001250000000,103.163840000000 C 539.256620000000,54.432000000000 483.463960000000,70.675946000000 490.526550000000,69.969688000000 C 496.649976557182,69.357344477258 512.859493717108,79.894241684167 517.062168169605,82.707377818726 L 517.362610000000,82.682341000000 C 517.362610000000,82.682341000000 526.543970000000,81.269824000000 552.675530000000,87.626151000000 C 552.675530000000,87.626151000000 562.563150000000,86.919892000000 583.044650000000,110.932680000000 C 583.044650000000,110.932680000000 591.519750000000,119.407780000000 592.226010000000,127.176630000000 C 592.226010000000,127.176630000000 600.701110000000,139.183020000000 611.294990000000,148.364380000000 C 611.294990000000,148.364380000000 616.945060000000,161.783300000000 620.476350000000,164.608330000000 C 620.476350000000,164.608330000000 652.257980000000,182.971050000000 638.132810000000,182.971050000000 C 638.132810000000,182.971050000000 688.983430000000,202.746290000000 659.320570000000,200.627510000000 C 659.320570000000,200.627510000000 652.964240000000,199.215000000000 660.026830000000,205.571320000000 C 660.026830000000,205.571320000000 676.977030000000,216.871460000000 686.158390000000,218.990240000000 C 686.158390000000,218.990240000000 688.983430000000,223.227790000000 678.389550000000,222.521530000000 C 678.389550000000,222.521530000000 659.320570000000,241.590510000000 693.927240000000,240.884250000000 C 693.927240000000,240.884250000000 714.408730000000,246.534320000000 691.102200000000,252.890640000000 C 691.102200000000,252.890640000000 674.152000000000,262.072010000000 678.389550000000,268.428330000000 C 682.627100000000,274.784660000000 708.052410000000,300.209970000000 693.927240000000,296.678670000000 C 693.927240000000,296.678670000000 693.220980000000,303.741260000000 702.402340000000,311.510100000000 C 702.402340000000,311.510100000000 726.415130000000,310.803840000000 718.646280000000,315.747650000000 C 718.646280000000,315.747650000000 705.227370000000,324.222750000000 717.233770000000,335.522890000000 C 729.240160000000,346.823030000000 715.114990000000,343.997990000000 710.171180000000,341.879220000000 C 710.171180000000,341.879220000000 708.758670000000,341.172960000000 710.171180000000,353.179350000000 C 710.171180000000,353.179350000000 699.577300000000,372.954590000000 699.577300000000,378.604660000000 C 699.577300000000,378.604660000000 717.233770000000,405.442480000000 704.521110000000,399.086160000000 C 704.521110000000,399.086160000000 705.604725673239,403.337262829450 707.342413123593,409.119029894845 M 692.831688898964,42.247102857248 C 693.080950761839,42.423346474501 693.328438505263,42.600555716068 693.574110000000,42.778735000000 C 693.574110000000,42.778735000000 681.760475473939,28.996168510751 651.806416500816,16.931704431949 C 673.650723193975,26.721705099861 687.390206005868,38.122206022137 692.831688899054,42.247102857355 M 546.424407953825,422.483191611692 C 549.647517964708,425.465544866293 539.992071298681,437.318991849876 542.787910000000,446.405480000000 C 545.612950000000,455.586840000000 554.088050000000,477.480850000000 554.088050000000,477.480850000000 C 549.850500000000,480.305890000000 550.556760000000,499.374870000000 550.556760000000,499.374870000000 C 580.219610000000,540.337860000000 563.269410000000,536.806570000000 563.269410000000,536.806570000000 C 535.725330000000,536.100310000000 561.856890000000,549.519220000000 561.856890000000,549.519220000000 C 567.506960000000,553.050520000000 583.044650000000,565.763170000000 583.044650000000,565.763170000000 C 578.100840000000,563.644390000000 575.275810000000,572.825750000000 575.275810000000,572.825750000000 C 583.750910000000,579.888340000000 578.807100000000,588.363440000000 578.807100000000,588.363440000000 C 568.213220000000,590.482220000000 566.094440000000,597.544800000000 566.094440000000,597.544800000000 C 578.100840000000,611.669970000000 560.444380000000,612.376230000000 560.444380000000,612.376230000000 C 566.800700000000,620.145070000000 558.325600000000,641.332830000000 558.325600000000,641.332830000000 C 549.850500000000,641.332830000000 538.550360000000,651.220450000000 538.550360000000,651.220450000000 C 542.787910000000,659.695550000000 524.425190000000,669.583170000000 524.425190000000,669.583170000000 C 509.593760000000,672.408210000000 514.537570000000,684.414600000000 514.537570000000,684.414600000000 C 500.414170000000,695.008480000000 496.176620000000,723.258820000000 496.176620000000,723.258820000000 C 494.764100000000,741.621540000000 490.526550000000,747.271610000000 499.707910000000,743.740320000000 C 508.887500000000,740.209020000000 507.474990000000,718.315010000000 507.474990000000,718.315010000000 C 499.001650000000,690.770930000000 574.569550000000,662.520590000000 574.569550000000,662.520590000000 C 581.632130000000,659.695550000000 583.044650000000,650.514190000000 583.044650000000,650.514190000000 C 586.575940000000,651.220450000000 602.113630000000,664.639360000000 602.113630000000,664.639360000000 C 615.532540000000,684.414600000000 616.238800000000,668.170650000000 616.238800000000,668.170650000000 C 618.357580000000,661.814330000000 615.532540000000,651.220450000000 615.532540000000,651.220450000000 C 626.126420000000,613.082490000000 601.407370000000,601.782350000000 601.407370000000,601.782350000000 C 583.750910000000,542.456640000000 608.469960000000,557.288070000000 608.469960000000,557.288070000000 C 613.413770000000,567.175690000000 632.482750000000,576.357050000000 632.482750000000,576.357050000000 L 638.839070000000,572.119500000000 C 636.014040000000,563.644390000000 650.845470000000,553.050520000000 650.845470000000,553.050520000000 C 655.789280000000,564.350650000000 666.383150000000,550.225480000000 666.383150000000,550.225480000000 C 672.739480000000,507.143710000000 694.633500000000,532.569020000000 694.633500000000,532.569020000000 C 701.696080000000,534.687790000000 703.814860000000,522.681400000000 703.814860000000,522.681400000000 C 710.171180000000,504.318680000000 703.814860000000,480.305890000000 703.814860000000,480.305890000000 C 710.171180000000,479.599630000000 727.121390000000,490.193510000000 727.121390000000,490.193510000000 C 732.065200000000,483.837180000000 715.821250000000,454.174320000000 722.883840000000,458.411870000000 C 729.946420000000,462.649420000000 737.715260000000,465.474460000000 737.715260000000,465.474460000000 C 739.127780000000,461.943170000000 721.471320000000,440.049150000000 721.471320000000,440.049150000000 C 716.371427748864,436.803762231673 710.662829855891,420.166975313499 707.342413123593,409.119029894845 C 692.436934877788,410.369827704052 676.771931965804,411.681072974934 660.531627452703,413.036167177635 C 668.863211079110,421.386011043510 652.257980000000,414.976970000000 652.257980000000,414.976970000000 C 644.136010000000,411.798810000000 649.786080000000,423.805210000000 649.786080000000,423.805210000000 C 655.436150000000,426.630240000000 685.805260000000,438.989760000000 685.805260000000,438.989760000000 C 686.511520000000,445.699220000000 681.214580000000,454.527450000000 681.214580000000,454.527450000000 C 681.920840000000,461.590040000000 678.036420000000,467.593230000000 678.036420000000,467.593230000000 C 675.917640000000,482.071530000000 674.858260000000,483.484050000000 674.858260000000,483.484050000000 C 667.442540000000,483.837180000000 654.376760000000,508.203100000000 654.376760000000,508.203100000000 C 651.198600000000,512.793780000000 633.189000000000,533.981540000000 633.189000000000,533.981540000000 C 629.657710000000,546.341060000000 597.876080000000,533.628410000000 597.876080000000,533.628410000000 C 586.222810000000,539.631600000000 589.754100000000,533.628410000000 589.754100000000,533.628410000000 C 589.047850000000,529.743980000000 597.522950000000,519.150110000000 597.522950000000,519.150110000000 C 609.882470000000,514.559430000000 605.291790000000,495.490450000000 605.291790000000,495.490450000000 C 612.354380000000,493.018540000000 592.579140000000,488.074730000000 592.932270000000,485.955960000000 C 593.285400000000,483.837180000000 603.526150000000,481.365280000000 603.526150000000,481.365280000000 C 617.651320000000,477.833980000000 609.882470000000,473.596430000000 609.882470000000,473.596430000000 C 608.823090000000,466.533850000000 614.120020000000,456.646230000000 614.120020000000,456.646230000000 C 634.601520000000,455.233710000000 614.120020000000,426.630240000000 614.120020000000,426.630240000000 C 609.639931232566,423.477585376512 606.114941163443,420.500356796725 603.343554827142,417.790142869527 C 584.718317399074,419.332402189821 565.668746398599,420.903646419874 546.424407953285,422.483191612064 M 651.806416500816,16.931704431948 C 650.231562150496,16.225899237118 648.614582031349,15.528464805479 646.955548530216,14.842730934322 C 647.893551838723,15.315344946447 648.373560000000,15.587782000000 648.373560000000,15.587782000000 C 649.543375303534,16.032820453393 650.687550895912,16.481063872301 651.806416500816,16.931704431949 M 460.880048219831,429.448670592229 C 489.328518630045,427.152869877151 518.087608864971,424.809031748851 546.424407953285,422.483191612064 C 546.390755523532,422.452052918109 546.355699149183,422.421881298681 546.319210000000,422.392690000000 C 546.319210000000,422.392690000000 527.956480000000,408.973780000000 496.176620000000,424.511460000000 C 496.176620000000,424.511460000000 492.645320000000,428.042760000000 474.280840000000,411.798810000000 C 474.280840000000,411.798810000000 458.036890000000,399.792420000000 453.799340000000,399.792420000000 C 453.799340000000,399.792420000000 481.345190000000,425.217720000000 466.511990000000,421.686430000000 C 466.511990000000,421.686430000000 450.974310000000,417.448880000000 455.211860000000,421.686430000000 C 455.211860000000,421.686430000000 456.686000069978,425.154996170557 460.880048219807,429.448670592221 M 455.567754320302,429.877105384794 C 467.741424004509,439.077679537700 488.407770000000,454.880580000000 488.407770000000,454.880580000000 C 494.764100000000,461.943170000000 501.824920000000,464.768200000000 501.824920000000,464.768200000000 C 526.543970000000,455.586840000000 515.243830000000,478.893370000000 515.243830000000,478.893370000000 C 519.481380000000,490.899770000000 529.369000000000,470.418270000000 529.369000000000,470.418270000000 C 549.144240000000,440.755410000000 520.187640000000,444.992960000000 520.187640000000,444.992960000000 C 485.778683869884,448.204462745371 468.655341610400,437.408659881684 460.880048219807,429.448670592221 C 459.108019361292,429.591673891244 457.337195685511,429.734490808522 455.567754320329,429.877105384815 M 442.546077570539,430.924961394438 C 446.876528710824,430.577056895322 451.217964753031,430.227692529613 455.567754320329,429.877105384815 C 451.669523069354,426.930913593829 448.642128555951,424.661722561252 447.443010000000,423.805210000000 C 447.443010000000,423.805210000000 438.967910000000,411.092550000000 450.974310000000,415.330100000000 C 450.974310000000,415.330100000000 426.961520000000,381.429700000000 419.898930000000,380.017180000000 C 419.898930000000,380.017180000000 393.061110000000,362.360720000000 395.179880000000,367.304520000000 C 395.179880000000,367.304520000000 411.423830000000,400.498680000000 424.842740000000,408.973780000000 C 424.842740000000,408.973780000000 434.631390556513,420.929915909755 440.021705444012,428.508488250632 C 440.253052678820,428.663178733686 440.380430000000,428.749020000000 440.380430000000,428.749020000000 C 440.380430000000,428.749020000000 441.160611497937,429.543350453980 442.546077570537,430.924961394435 M 287.783815303581,71.524925505868 C 284.901426903228,72.937517157240 282.436059073530,73.928895755393 280.766000000000,74.207239000000 C 280.766000000000,74.207239000000 260.284510000000,85.507375000000 252.515660000000,103.163840000000 L 246.159340000000,105.282610000000 C 246.159340000000,105.282610000000 243.334300000000,117.995270000000 242.628040000000,120.114040000000 C 242.628040000000,120.114040000000 234.152940000000,126.470370000000 232.740420000000,136.357990000000 C 232.740420000000,136.357990000000 217.202740000000,146.951870000000 217.908990000000,154.720710000000 C 217.908990000000,154.720710000000 215.083960000000,163.902070000000 213.671440000000,172.377170000000 C 213.671440000000,172.377170000000 200.958790000000,180.852280000000 202.371310000000,185.796090000000 C 202.371310000000,185.796090000000 188.952390000000,210.515130000000 191.071170000000,222.521530000000 C 191.071170000000,222.521530000000 179.771030000000,221.815270000000 174.827220000000,226.052820000000 C 174.827220000000,226.052820000000 173.414710000000,234.527920000000 170.589670000000,235.234180000000 C 170.589670000000,235.234180000000 165.645860000000,237.352960000000 169.883410000000,244.415540000000 C 169.883410000000,244.415540000000 167.058380000000,249.359350000000 166.352120000000,252.184390000000 C 166.352120000000,252.184390000000 167.764640000000,257.128200000000 159.995800000000,267.015810000000 C 159.995800000000,267.015810000000 148.695660000000,300.209970000000 152.226950000000,309.391330000000 C 152.226950000000,309.391330000000 152.610322780482,313.991792509363 150.834975350775,317.543625103838 C 151.253171000079,317.293929499961 151.520690000000,317.160170000000 151.520690000000,317.160170000000 C 157.877020000000,334.110370000000 185.067970000000,326.341530000000 185.067970000000,326.341530000000 C 174.120970000000,333.050990000000 156.111370000000,343.644860000000 156.111370000000,343.644860000000 C 156.111370000000,343.644860000000 160.348920000000,337.641670000000 161.408310000000,336.229150000000 C 162.467700000000,334.816630000000 152.933210000000,332.697860000000 152.933210000000,332.697860000000 C 152.933210000000,332.697860000000 151.578803619469,332.246391206490 149.050476061313,329.358177717921 C 150.549307010824,332.236912408040 152.892374440454,336.069922798225 156.464500000000,341.172960000000 C 156.464500000000,341.172960000000 157.877020000000,343.291740000000 152.226950000000,347.529290000000 C 152.226950000000,347.529290000000 121.857840000000,353.885610000000 117.620280000000,382.842210000000 C 117.620280000000,382.842210000000 93.607495000000,408.973780000000 93.607495000000,418.155140000000 C 93.607495000000,422.224950000000 94.084219000000,427.781440000000 95.320172000000,435.917540000000 C 95.320172000000,435.917540000000 94.547017112298,447.230009823510 127.168898897385,450.975658740198 C 127.702597820378,450.158008059970 128.285522326844,449.340547245068 128.920420000000,448.524250000000 C 128.920420000000,448.524250000000 128.313937749776,449.607254368757 128.066569838113,451.075887581161 C 132.447662567242,451.551357941497 137.414572228951,451.892331748614 143.045590000000,452.055550000000 C 149.433238427522,452.240698298943 166.363296828396,451.426119850051 190.962271228951,449.870716955215 C 191.284564121989,449.662977016783 191.558365302087,449.449574697913 191.777430000000,449.230510000000 C 191.988294915792,449.371087274010 192.324480248680,449.548914315936 192.763885563564,449.756350502324 C 205.372506253628,448.952862638884 219.918923484616,447.962066401940 236.033127580308,446.817299727068 C 238.783647415319,444.222242102172 240.509270000000,442.167930000000 240.509270000000,442.167930000000 C 240.509270000000,442.167930000000 248.631240000000,423.628640000000 253.575050000000,423.628640000000 C 258.518860000000,423.628640000000 252.868790000000,426.453680000000 252.868790000000,426.453680000000 C 252.868790000000,426.453680000000 242.654805930284,442.084171570164 241.931267548165,446.396444600833 C 270.460260197636,444.352120263405 303.550002179195,441.858806822603 339.283377651186,439.089236745845 C 339.974571541939,438.918860253503 340.635640270349,438.751154075042 341.244785419178,438.590166825654 L 341.295890000000,437.930380000000 C 341.295890000000,437.930380000000 342.388274581106,437.846726141993 343.844463509447,437.829957834041 C 344.110823768447,437.737692104933 344.328305043680,437.652915851571 344.488180000000,437.577250000000 C 377.115560000000,422.219660000000 403.104100000000,430.198610000000 404.069910000000,428.221090000000 C 404.508981360099,427.321231456341 411.935836892436,429.438217434163 420.496255180409,432.691257609219 C 426.027596659292,432.249513308464 431.584717474717,431.804663022753 437.161958833781,431.357216610305 C 422.921307172828,419.370689239325 423.732426839632,418.723021987686 428.100456483693,421.069794280215 C 423.866270011954,416.841761911857 418.603464458082,411.467067711911 412.130090000000,404.736230000000 C 412.130090000000,404.736230000000 375.497328571624,365.431038913548 364.662614521501,354.034133049112 C 363.771795597329,353.161989710122 362.840668327434,352.182443745920 361.800340000000,351.072940000000 C 362.134677583552,351.390148282277 363.145860505515,352.438677676711 364.662614521501,354.034133049112 C 367.296030366514,356.612340612654 369.577192973616,358.251960351502 373.285870000000,359.535680000000 C 373.285870000000,359.535680000000 387.057910000000,369.070170000000 388.470430000000,371.895210000000 C 388.470430000000,371.895210000000 390.942330000000,370.129560000000 388.823560000000,367.657650000000 C 388.823560000000,367.657650000000 368.695190000000,342.232350000000 386.351650000000,345.763640000000 C 386.351650000000,345.763640000000 390.942330000000,350.707450000000 394.473620000000,353.179350000000 C 394.473620000000,353.179350000000 413.547900000000,371.250740000000 452.033690000000,368.363910000000 C 466.158860000000,367.304520000000 456.271240000000,377.192140000000 455.918120000000,376.839010000000 C 455.564990000000,376.485890000000 440.380430000000,384.254730000000 448.149270000000,384.960990000000 C 448.149270000000,384.960990000000 462.274440000000,380.017180000000 475.693350000000,380.370310000000 C 489.114030000000,380.723440000000 496.176620000000,377.545270000000 496.176620000000,377.545270000000 C 496.176620000000,377.545270000000 508.181250000000,377.545270000000 518.421990000000,381.429700000000 C 528.662740000000,385.314120000000 548.437980000000,386.726630000000 551.263020000000,386.373500000000 L 554.088050000000,386.020380000000 C 554.088050000000,386.020380000000 581.279000000000,393.436090000000 580.219610000000,376.485890000000 C 580.219610000000,376.485890000000 587.282200000000,376.132760000000 585.869680000000,372.601460000000 C 584.457170000000,369.070170000000 579.160230000000,361.654460000000 578.807100000000,358.476290000000 C 578.786392199825,358.289920384832 578.771756002007,358.126622789847 578.762550528822,357.984332170647 C 574.499270304430,354.627231128123 560.101241575765,342.342155775670 575.628930000000,340.819830000000 C 575.628930000000,340.819830000000 580.925870000000,335.876020000000 561.856890000000,313.275750000000 C 561.856890000000,313.275750000000 547.378590000000,295.266160000000 566.800700000000,298.444320000000 C 566.800700000000,298.444320000000 584.104040000000,298.091190000000 573.510160000000,286.437920000000 C 573.510160000000,286.437920000000 557.266210000000,279.375340000000 577.041450000000,268.428330000000 C 577.041450000000,268.428330000000 592.720390000000,257.363030000000 593.991660000000,243.356150000000 C 593.991660000000,243.356150000000 595.404170000000,234.527920000000 598.229210000000,232.762280000000 C 598.229210000000,232.762280000000 597.169820000000,223.580920000000 610.941860000000,226.052820000000 C 610.941860000000,226.052820000000 624.713900000000,222.874660000000 628.598320000000,228.171600000000 C 632.482750000000,233.468540000000 616.945060000000,241.943640000000 612.001250000000,249.359350000000 C 612.001250000000,249.359350000000 598.935470000000,271.606500000000 595.051040000000,280.787860000000 C 595.051040000000,280.787860000000 600.347980000000,304.800650000000 603.879280000000,315.747650000000 C 603.879276023808,315.747721571300 601.760499668651,353.885615964281 601.407370000000,360.241940000000 C 601.054240000000,366.598270000000 615.532540000000,388.492280000000 593.285400000000,402.970580000000 C 593.285400000000,402.970580000000 594.318855558321,408.964644480233 603.343554827142,417.790142869527 C 622.966763996893,416.165246684838 642.118948311653,414.572524746554 660.531627452703,413.036167177635 C 659.690253195441,412.192948889706 658.594568431460,411.199216610946 657.201790000000,410.033170000000 C 657.201790000000,410.033170000000 636.720300000000,397.320510000000 652.964240000000,398.379900000000 C 652.964240000000,398.379900000000 668.855060000000,406.501870000000 666.736280000000,403.323710000000 C 666.736280000000,403.323710000000 654.376760000000,386.020380000000 664.970640000000,388.845410000000 C 664.970640000000,388.845410000000 676.270770000000,394.142350000000 667.089410000000,383.548470000000 C 667.089410000000,383.548470000000 660.733090000000,377.192140000000 663.911250000000,377.545270000000 C 663.911250000000,377.545270000000 651.904850000000,354.238740000000 650.139210000000,352.119970000000 C 650.139210000000,352.119970000000 647.667300000000,350.707450000000 651.198600000000,346.823030000000 C 651.198600000000,346.823030000000 658.614310000000,314.688260000000 655.083020000000,307.978810000000 C 655.083020000000,307.978810000000 644.489140000000,289.262960000000 645.195400000000,273.725270000000 C 645.195400000000,273.725270000000 646.607920000000,230.996630000000 635.660910000000,220.402750000000 C 624.713900000000,209.808870000000 614.120020000000,202.746290000000 608.116830000000,184.736700000000 C 602.113630000000,166.727110000000 579.160230000000,140.242410000000 576.688320000000,139.889280000000 C 574.216420000000,139.536150000000 577.394580000000,135.651730000000 580.219610000000,136.004860000000 C 583.044650000000,136.357990000000 581.279000000000,132.473570000000 577.394580000000,130.001660000000 C 573.510160000000,127.529760000000 553.381790000000,101.751320000000 557.266210000000,113.404590000000 C 557.266210000000,113.404590000000 571.744510000000,135.298600000000 560.444380000000,136.711120000000 C 560.444380000000,136.711120000000 603.879280000000,212.633910000000 597.876080000000,213.693300000000 C 591.872880000000,214.752680000000 591.166620000000,217.577720000000 589.400980000000,222.168400000000 C 589.400980000000,222.168400000000 574.922680000000,222.874660000000 572.450770000000,227.112210000000 C 572.450770000000,227.112210000000 561.503760000000,223.580920000000 558.678730000000,230.290370000000 C 558.678730000000,230.290370000000 554.441180000000,231.349760000000 551.263020000000,227.818470000000 C 551.263020000000,227.818470000000 545.259820000000,227.818470000000 540.669140000000,223.934050000000 C 540.669140000000,223.934050000000 525.131450000000,224.640300000000 527.603360000000,212.987040000000 C 527.603360000000,212.987040000000 521.600160000000,205.218190000000 531.487780000000,191.799280000000 C 541.375400000000,178.380370000000 539.962880000000,178.733500000000 540.316010000000,173.789690000000 C 540.316010000000,173.789690000000 550.909890000000,160.370780000000 548.437980000000,155.780100000000 L 540.316010000000,139.183020000000 C 540.316010000000,139.183020000000 533.959680000000,152.248810000000 529.015870000000,129.295400000000 C 529.015870000000,129.295400000000 522.306420000000,115.170230000000 521.953290000000,110.932680000000 C 521.953290000000,110.932680000000 520.540770000000,100.691930000000 518.068870000000,104.223230000000 C 518.068870000000,104.223230000000 503.590570000000,92.569960000000 502.884310000000,96.101253000000 C 502.884310000000,96.101253000000 523.718930000000,133.532950000000 518.775120000000,150.130030000000 C 518.775120000000,150.130030000000 518.421990000000,164.608330000000 499.354780000000,135.298600000000 C 499.354780000000,135.298600000000 480.638930000000,116.229620000000 449.914920000000,117.995270000000 C 449.914920000000,117.995270000000 436.849140000000,110.932680000000 438.967910000000,109.167040000000 C 438.967910000000,109.167040000000 423.354134291023,103.435398003075 417.854444486242,103.061711640169 L 415.992233844104,103.851288790562 C 416.067359124425,104.128586214791 416.301856697891,104.484385089172 416.720770000000,104.929480000000 C 416.720770000000,104.929480000000 424.489610000000,121.173430000000 429.786550000000,123.292210000000 C 429.786550000000,123.292210000000 445.324240000000,129.295400000000 445.677370000000,130.354790000000 C 446.030500000000,131.414180000000 474.635730000000,142.361190000000 478.873280000000,150.483160000000 C 478.873280000000,150.483160000000 483.463960000000,156.839490000000 447.443010000000,151.189420000000 C 447.443010000000,151.189420000000 426.961520000000,147.305000000000 418.839540000000,158.252000000000 C 418.839540000000,158.252000000000 402.595600000000,164.961460000000 391.295460000000,150.130030000000 C 391.295460000000,150.130030000000 390.646880959140,148.383855622996 390.107601966070,145.418413244556 C 387.574147251976,143.174327984943 382.114100000000,146.245610000000 382.114100000000,146.245610000000 C 382.114100000000,146.245610000000 368.695190000000,136.711120000000 369.048320000000,132.120440000000 C 369.401450000000,127.529760000000 365.870150000000,132.473570000000 363.751380000000,132.120440000000 C 361.632600000000,131.767310000000 353.510630000000,142.008060000000 353.157500000000,144.833090000000 C 352.804370000000,147.658120000000 346.448040000000,143.773700000000 346.448040000000,143.773700000000 L 340.091720000000,149.070640000000 L 324.628375057208,161.262894038902 L 313.253890000000,180.852280000000 C 311.135120000000,190.033640000000 337.266680000000,193.564930000000 337.266680000000,193.564930000000 C 353.510630000000,205.571320000000 341.504240000000,230.996630000000 341.504240000000,230.996630000000 C 339.385460000000,187.914860000000 316.078930000000,201.333770000000 316.078930000000,201.333770000000 C 313.253890000000,201.333770000000 301.953760000000,188.621120000000 301.953760000000,188.621120000000 C 301.953760000000,188.621120000000 302.660020000000,190.033640000000 294.891170000000,202.040030000000 C 287.122330000000,214.046430000000 293.478660000000,215.458940000000 293.478660000000,215.458940000000 L 295.597430000000,218.990240000000 L 302.660020000000,208.396360000000 C 314.716279308218,214.686582893158 322.882035321374,233.426424042575 326.291025616841,242.670617803674 C 327.417216915071,244.498130308786 328.085320000000,246.264236695740 328.085320000000,247.946830000000 C 328.085320000000,247.946830000000 327.475121153760,245.881541750711 326.291025616841,242.670617803674 C 321.744673319732,235.293082842401 309.732957589559,226.914825801922 304.072530000000,218.990240000000 C 297.009950000000,209.102620000000 300.541240000000,227.465340000000 300.541240000000,227.465340000000 C 297.716210000000,255.009420000000 301.953760000000,274.784660000000 301.953760000000,274.784660000000 L 294.184910000000,253.596900000000 L 296.303690000000,225.346560000000 C 292.066140000000,216.165200000000 286.416070000000,222.521530000000 286.416070000000,222.521530000000 C 287.357016410562,226.285308980776 281.403077921243,243.525448859590 277.322725622204,254.617280889387 C 276.424924943954,259.355140339059 275.279512456493,263.065000584794 273.703420000000,264.190780000000 C 273.703420000000,264.190780000000 275.277777729072,260.176168180967 277.322725622204,254.617280889387 C 279.241102353403,244.493653736990 280.028956373919,229.676484502220 281.472260000000,225.346560000000 C 283.591040000000,218.990240000000 281.472260000000,218.990240000000 277.234710000000,221.109010000000 C 272.997160000000,223.227790000000 244.746820000000,279.728470000000 244.746820000000,279.728470000000 C 246.159340000000,276.197180000000 256.046950000000,250.771870000000 256.046950000000,250.771870000000 C 253.928180000000,234.527920000000 278.647230000000,215.458940000000 278.647230000000,215.458940000000 C 284.297300000000,203.452550000000 270.172120000000,218.283980000000 270.172120000000,218.283980000000 C 264.522060000000,222.521530000000 238.390490000000,250.771870000000 238.390490000000,250.771870000000 L 256.753210000000,222.521530000000 C 260.284510000000,215.458940000000 280.059740000000,209.102620000000 284.297300000000,205.571320000000 C 288.534850000000,202.040030000000 292.772400000000,192.858670000000 292.772400000000,192.858670000000 C 309.890958863822,153.486898384064 324.446500915150,152.139459029802 327.976043518022,152.465116821129 C 332.964417940053,146.618765030865 339.064887941255,142.006384522726 339.738590000000,139.536150000000 C 340.797980000000,135.651730000000 331.969750000000,145.892480000000 331.969750000000,145.892480000000 C 331.969750000000,145.892480000000 332.322870000000,142.361190000000 333.029130000000,139.889280000000 C 333.735390000000,137.417380000000 327.732190000000,139.183020000000 325.260290000000,142.361190000000 C 322.788380000000,145.539350000000 312.547640000000,143.067440000000 305.131920000000,143.773700000000 C 300.134375404042,144.249657911831 298.665119054749,144.565238672305 298.238310779544,144.720442281422 L 298.069340000000,144.833090000000 C 298.069340000000,144.833090000000 298.031790760474,144.795540760474 298.238310779544,144.720442281422 L 300.188110000000,143.420570000000 L 280.412870000000,147.658120000000 L 279.000360000000,144.833090000000 C 272.290900000000,144.479960000000 254.634440000000,154.014450000000 247.571850000000,161.430170000000 C 240.509270000000,168.845880000000 253.928180000000,165.314590000000 253.928180000000,165.314590000000 C 259.225120000000,165.314590000000 266.287700000000,162.489550000000 266.287700000000,162.489550000000 C 276.528450000000,159.664520000000 265.934570000000,167.080230000000 265.934570000000,167.080230000000 C 265.934570000000,167.080230000000 268.406480000000,166.373980000000 265.581440000000,168.139620000000 C 262.756410000000,169.905270000000 250.396890000000,184.736700000000 250.396890000000,184.736700000000 C 247.218720000000,189.327380000000 248.984370000000,199.215000000000 248.984370000000,199.215000000000 C 245.099950000000,203.099420000000 250.043760000000,207.690100000000 250.043760000000,207.690100000000 L 244.040560000000,203.099420000000 C 241.568650000000,198.508740000000 241.568650000000,208.749490000000 240.862400000000,210.162000000000 C 240.156140000000,211.574520000000 236.624840000000,218.283980000000 234.152940000000,223.934050000000 C 231.681040000000,229.584110000000 230.268520000000,238.765470000000 230.268520000000,238.765470000000 C 229.459240747539,243.621137875658 229.886395496652,245.385726582977 230.133196683961,245.948281748587 C 230.178614298246,246.025185658815 230.223744566034,246.102832990560 230.268520000000,246.181190000000 C 230.268520000000,246.181190000000 230.209471504135,246.122141504135 230.133196683961,245.948281748587 C 228.745835584201,243.599116208133 227.090350000000,241.943640000000 227.090350000000,241.943640000000 C 225.677840000000,246.181190000000 233.093550000000,258.893840000000 233.446680000000,262.072010000000 C 233.644247977038,263.850116198580 235.278763443152,269.165325353410 236.433141568737,272.637432330274 C 236.811989579138,273.311485931933 237.113461904972,274.022922815427 237.331100000000,274.784660000000 C 237.953348091846,276.962523916228 237.342081363385,275.371316603204 236.433141568737,272.637432330274 C 234.353198515450,268.936758001809 229.940993270654,266.362892633336 224.265320000000,262.778260000000 C 217.555860000000,258.540710000000 220.027770000000,262.425130000000 219.321510000000,261.365750000000 C 219.262629078143,261.277428617214 219.193930416603,261.076202706783 219.117460281562,260.779056327853 C 214.965502137547,259.312028870122 214.769684112505,258.611332675985 214.464220000000,257.311820000000 C 214.206430000000,256.211830000000 213.623770000000,253.780530000000 213.205310000000,252.717610000000 C 213.092310000000,252.428050000000 212.790390000000,249.101570000000 212.652670000000,248.886160000000 C 209.981240000000,244.680390000000 212.378990000000,244.991140000000 209.960050000000,240.827750000000 C 207.438710000000,239.627110000000 205.733100000000,237.677840000000 203.750280000000,235.626150000000 C 203.400680000000,235.265960000000 205.418810000000,233.987640000000 205.099230000000,233.611550000000 C 203.171140000000,231.335630000000 201.135350000000,229.981380000000 201.728610000000,227.345270000000 C 202.002290000000,226.126980000000 202.244180000000,224.260690000000 200.930540000000,222.989420000000 C 200.169550000000,222.254920000000 200.556220000000,220.939510000000 199.835840000000,220.480440000000 C 198.407430000000,219.569370000000 202.127650000000,219.468730000000 201.725080000000,218.204520000000 C 201.048840000000,216.075150000000 201.379010000000,216.038070000000 201.163600000000,213.785110000000 C 201.062960000000,212.729250000000 202.101160000000,210.010160000000 202.780940000000,209.233270000000 C 205.334060000000,206.316430000000 202.996350000000,201.139550000000 205.892010000000,198.401030000000 C 206.428760000000,197.890760000000 207.092640000000,196.916130000000 207.595850000000,196.178090000000 C 208.759420000000,194.477770000000 210.849940000000,193.616130000000 212.527300000000,192.154180000000 C 213.088780000000,191.666860000000 212.733880000000,190.206670000000 213.738540000000,190.369110000000 C 214.999210000000,190.572160000000 217.190380000000,190.342610000000 217.110920000000,191.827530000000 C 216.911400000000,195.570700000000 214.564860000000,198.607610000000 212.304830000000,201.552710000000 C 213.101140000000,202.795730000000 212.292430000000,203.916910000000 211.791030000000,204.900380000000 C 209.433890000000,209.526370000000 209.767600000000,214.542570000000 209.460380000000,219.557010000000 C 209.451380000000,219.707090000000 208.909500000000,219.844810000000 208.923620000000,219.938390000000 C 209.546890000000,224.061170000000 210.578030000000,227.943830000000 212.130030000000,231.879450000000 C 212.776260000000,233.521500000000 213.607880000000,235.101760000000 213.872730000000,236.738510000000 C 214.068710000000,237.949750000000 214.250580000000,239.420530000000 213.530190000000,240.665310000000 C 217.123280000000,245.768030000000 214.812050000000,250.448760000000 216.876090000000,256.683250000000 C 217.086277508536,257.317872619756 218.163610929758,258.705191570376 218.885732161282,259.715529730363 C 217.988425111450,255.077627145442 216.496480000000,242.321376850725 216.496480000000,238.765470000000 C 216.496480000000,234.527920000000 230.268520000000,211.927650000000 230.268520000000,211.927650000000 C 231.681040000000,209.102620000000 232.740420000000,199.921260000000 232.740420000000,199.921260000000 C 229.915390000000,190.386770000000 236.271720000000,176.967850000000 236.271720000000,176.967850000000 C 242.981170000000,170.611530000000 235.918590000000,174.849080000000 235.918590000000,174.849080000000 C 220.027770000000,174.849080000000 202.724440000000,185.089830000000 202.724440000000,185.089830000000 C 213.318310000000,172.024040000000 223.559060000000,170.611530000000 223.559060000000,170.611530000000 C 233.093550000000,168.492750000000 244.393690000000,152.955060000000 244.393690000000,152.955060000000 C 260.637630000000,134.592340000000 313.253890000000,116.229620000000 313.253890000000,116.229620000000 C 342.210490000000,102.810710000000 364.104510000000,101.751320000000 364.104510000000,101.751320000000 C 384.939130000000,101.398190000000 392.707980000000,94.688736000000 392.707980000000,94.688736000000 C 396.239270000000,90.451185000000 389.176690000000,90.804314000000 389.176690000000,90.804314000000 C 380.701580000000,94.335607000000 374.698390000000,87.979280000000 374.698390000000,87.979280000000 C 372.932740000000,81.269824000000 370.107710000000,84.447987000000 370.107710000000,84.447987000000 C 371.520220000000,88.332409000000 365.870150000000,92.923090000000 365.870150000000,92.923090000000 C 355.982530000000,90.804314000000 345.741790000000,93.982477000000 345.741790000000,93.982477000000 C 341.504240000000,106.342000000000 325.260290000000,97.160641000000 325.260290000000,97.160641000000 C 317.844570000000,97.160641000000 292.419270000000,113.404590000000 292.419270000000,113.404590000000 C 291.006750000000,115.876490000000 283.237910000000,121.173430000000 283.237910000000,121.173430000000 C 273.703420000000,122.585950000000 248.984370000000,140.242410000000 248.984370000000,140.242410000000 C 245.657499307307,143.569280692693 235.435191382216,149.717015702355 234.262841918572,150.417627431095 C 234.223643659772,150.444223408198 234.186960350535,150.466149824733 234.152940000000,150.483160000000 C 234.152940000000,150.483160000000 234.190806998247,150.460676463507 234.262841918572,150.417627431095 C 235.851149681969,149.339962335451 241.568650000000,140.595540000000 241.568650000000,140.595540000000 C 243.687430000000,138.123630000000 266.287700000000,117.642140000000 266.287700000000,117.642140000000 C 271.584640000000,115.170230000000 281.825390000000,107.401390000000 281.825390000000,107.401390000000 C 286.062940000000,101.045060000000 292.419270000000,96.101253000000 292.419270000000,96.101253000000 C 295.950560000000,95.041865000000 349.979340000000,72.794722000000 349.979340000000,72.794722000000 C 365.517020000000,66.438395000000 375.404640000000,74.560368000000 375.404640000000,74.560368000000 C 383.526620000000,81.622953000000 388.117300000000,80.210436000000 388.117300000000,80.210436000000 C 396.945530000000,78.444790000000 391.648590000000,74.560368000000 401.183080000000,81.622953000000 C 410.717570000000,88.685539000000 416.720770000000,80.916695000000 416.720770000000,80.916695000000 C 405.420630000000,74.560368000000 415.661380000000,72.441593000000 415.661380000000,72.441593000000 C 420.605190000000,72.088463000000 387.411040000000,64.319620000000 387.411040000000,64.319620000000 C 389.176690000000,60.788327000000 351.038730000000,68.910300000000 351.038730000000,68.910300000000 C 354.570020000000,63.260232000000 311.488250000000,83.035470000000 311.488250000000,83.035470000000 C 312.547640000000,79.151049000000 291.006750000000,94.335607000000 291.006750000000,94.335607000000 C 291.359880000000,89.744926000000 267.347090000000,111.992070000000 267.347090000000,111.992070000000 C 263.462670000000,116.935880000000 250.043760000000,122.939080000000 250.043760000000,122.939080000000 C 280.059740000000,87.626151000000 303.719400000000,78.091661000000 303.719400000000,78.091661000000 C 309.016340000000,74.560368000000 341.857360000000,61.141456000000 349.626210000000,59.022681000000 C 356.476992380516,57.154284522655 377.607019535208,54.462086449164 382.505296981934,53.851894145142 C 377.581708241617,52.877684122666 374.698390000000,52.313225000000 374.698390000000,52.313225000000 C 391.648590000000,51.253837000000 376.817160000000,52.313225000000 372.579610000000,49.841320000000 C 368.342060000000,47.369415000000 337.619810000000,51.960096000000 333.382260000000,56.197647000000 C 329.703168316369,59.876739551842 296.477426001817,69.145738327877 287.783815303572,71.524925505849 M 437.161958833739,431.357216610274 C 437.519000541721,431.657742899884 437.885503875933,431.965396859322 438.261650000000,432.280310000000 C 468.630770000000,457.705620000000 482.757700000000,481.718400000000 482.051450000000,484.543440000000 C 481.345190000000,487.368470000000 475.693350000000,483.837180000000 475.693350000000,483.837180000000 C 464.393220000000,483.307490000000 479.226410000000,500.787380000000 479.226410000000,500.787380000000 C 499.001650000000,472.537040000000 493.351580000000,517.031330000000 493.351580000000,517.031330000000 C 499.001650000000,553.756770000000 504.649950000000,540.337860000000 504.649950000000,540.337860000000 C 511.712540000000,494.431060000000 495.470360000000,474.655820000000 495.470360000000,474.655820000000 C 481.528468874012,469.200295892818 450.936834801378,439.292370902400 442.546077570537,430.924961394435 C 442.273595956891,430.946852319019 442.001157834734,430.968737463687 441.728763859604,430.990616769379 C 444.356985588945,434.989044061454 444.545812207061,436.454354602789 438.689047413637,431.234678102256 C 438.179853256749,431.275545625131 437.670822297471,431.316391923584 437.161958833781,431.357216610305 M 438.689047413587,431.234678102201 C 439.701652099524,431.153407245759 440.714902182104,431.072052452971 441.728763859604,430.990616769379 C 441.237209923692,430.242794524771 440.660326232107,429.406364152500 440.021705444012,428.508488250632 C 438.429332741789,427.443747179686 431.911253826982,423.117187349041 428.100456483693,421.069794280215 C 432.827723485435,425.790190519404 436.272852164785,429.081312207267 438.689047413637,431.234678102256 M 150.834975350797,317.543625103782 C 148.899343622703,318.699349066843 143.735720278709,322.338807389753 146.930010000000,326.694660000000 C 147.708742567375,327.756568775424 148.416513032759,328.633975442619 149.050476061313,329.358177717921 C 144.326175729468,320.284434440706 147.989400000000,320.691460000000 147.989400000000,320.691460000000 C 149.290789312452,319.947810092468 150.200666914408,318.812648474441 150.834975350775,317.543625103838 M 413.094820023507,433.281718567682 C 429.575931046276,437.046623836773 446.717542121505,446.777274407666 446.056980000000,446.017040000000 C 442.586983250331,442.094184011799 430.731382209896,436.580702996544 420.496255180409,432.691257609219 C 418.023790911991,432.888713688109 415.556477397979,433.085549186025 413.094820023507,433.281718567683 M 350.136066343038,438.581983674009 C 350.632092072479,438.428307273855 351.132914126133,438.277279662744 351.638178664445,438.128897762614 C 350.876474691428,438.188270381907 350.115837499109,438.247530135464 349.356284781695,438.306675429040 C 346.629186078848,438.519030739857 343.916067318238,438.729910549561 341.217747454365,438.939241070208 C 340.572106504886,438.989328666536 339.927312830839,439.039327562025 339.283377651186,439.089236745845 C 334.320522129277,440.312560515279 327.804590000000,441.673550000000 327.804590000000,441.673550000000 C 322.998500000000,445.151870000000 308.474290000000,452.514620000000 308.474290000000,452.514620000000 C 299.816428651647,450.809190519529 295.333286700831,457.792229631411 293.091973649894,463.983766018249 C 291.746953608793,463.977837231505 290.653620000000,464.061940000000 290.653620000000,464.061940000000 L 291.359880000000,467.593230000000 C 291.359880000000,467.593230000000 291.579927194342,467.666579237874 291.944806099283,467.746419413814 C 291.236997728391,470.542288231166 291.015580000000,472.590010000000 291.015580000000,472.590010000000 C 291.015580000000,472.590010000000 308.883920000000,455.498560000000 313.352770000000,455.692780000000 C 317.821620000000,455.887000000000 333.615330000000,445.681560000000 338.864590000000,443.015440000000 C 339.546866724831,442.668858982530 340.252852146341,442.330441677798 340.980659399035,442.000171671893 L 340.822700000000,444.039510000000 C 340.822700000000,444.039510000000 347.876450000000,444.498580000000 350.696190000000,440.755410000000 C 351.482932985544,439.706091047784 351.098858721500,439.022395490253 350.136066343292,438.581983673907 M 365.914903336854,437.012697671914 C 381.309497249568,435.805576830099 397.082500173079,434.557739721784 413.094820023507,433.281718567683 C 412.351109570184,433.111827144675 411.608744071564,432.954083574156 410.869420000000,432.810000000000 C 402.180915360694,431.111788489892 385.166011610108,431.583728127438 368.751618900556,434.303474430584 C 368.702270260782,434.543639018148 368.573655696466,434.810020164251 368.352650000000,435.105340000000 C 367.733462815641,435.927306249562 366.876053935850,436.546639710885 365.914903336877,437.012697671948 M 351.638178664452,438.128897762619 C 353.723521145009,437.966351354082 355.816859343971,437.802958996045 357.917830179539,437.638753402241 L 358.154489334302,436.412943455114 C 355.922404503110,436.939216172936 353.741789083730,437.511126897098 351.638178664445,438.128897762614 M 357.917830179539,437.638753402240 L 357.772900000000,438.389440000000 C 357.772900000000,438.389440000000 362.499049296703,438.669031206935 365.914903336877,437.012697671948 C 363.237522610728,437.222636439659 360.571587661073,437.431343658283 357.917830179539,437.638753402241 M 127.168898897370,450.975658740196 C 111.598886211297,474.829616308905 137.925220000000,498.845170000000 137.925220000000,498.845170000000 C 137.925220000000,498.845170000000 156.111370000000,521.622010000000 173.414710000000,527.625210000000 C 191.318360000000,533.840280000000 191.071170000000,526.918950000000 191.071170000000,526.918950000000 L 203.077570000000,506.437450000000 C 217.202740000000,495.137320000000 198.133760000000,495.843580000000 198.133760000000,495.843580000000 C 193.896200000000,491.606020000000 178.358520000000,495.843580000000 178.358520000000,495.843580000000 C 175.974890000000,485.514540000000 204.490080000000,483.837180000000 204.490080000000,483.837180000000 C 232.740420000000,482.424660000000 241.921780000000,447.111740000000 241.921780000000,447.111740000000 C 241.876729217274,446.931534317548 241.881969288888,446.690261154579 241.931267548165,446.396444600833 C 239.942849162250,446.538930252078 237.976586139238,446.679234788891 236.033127580308,446.817299727068 C 230.719965532296,451.830156391381 221.582460020327,458.860772987076 213.671440000000,456.999360000000 C 209.165593788960,455.934103914834 196.739623448404,451.633232453851 192.763885563564,449.756350502324 C 192.158872097492,449.794905153897 191.558320359436,449.833028532604 190.962271228951,449.870716955215 C 185.050185596412,453.681462809106 162.820830000000,455.586840000000 162.820830000000,455.586840000000 C 129.877525677402,463.556995606386 127.315133920233,455.537192762473 128.066569838113,451.075887581161 C 127.764571136879,451.043112326239 127.465356037853,451.009697989508 127.168898897385,450.975658740198 M 333.040836608321,40.317065189222 C 323.667374945534,47.524696121684 312.736277635836,55.769060392245 310.781990000000,56.550776000000 C 307.250700000000,57.963293000000 287.122330000000,71.382205000000 285.709810000000,72.088463000000 C 285.709810000000,72.088463000000 286.464190893200,71.886068141041 287.783815303572,71.524925505849 C 299.528771719356,65.768994980813 318.197700000000,53.019483000000 318.197700000000,53.019483000000 C 321.409190249935,50.450296256666 322.284165420340,49.049364571877 333.040836608286,40.317065189248 M 646.955548530483,14.842730934440 C 639.417210977688,11.044531159039 602.298524207823,-5.682417699202 547.025460000000,2.168869800000 C 547.025460000000,2.168869800000 515.596960000000,7.818938000000 501.824920000000,10.997101000000 C 501.824920000000,10.997101000000 497.236000000000,9.937713600000 496.176620000000,9.231455000000 C 495.117230000000,8.525196500000 474.280840000000,-7.365620200000 425.549000000000,4.993903900000 C 425.549000000000,4.993903900000 395.533010000000,13.115877000000 380.348450000000,21.590979000000 C 380.348450000000,21.590979000000 353.510630000000,23.709755000000 347.154300000000,29.359823000000 C 347.154300000000,29.359823000000 345.335703718339,30.787323359509 342.508400836997,32.988890359319 C 352.171366958638,26.181660000000 356.068541358792,26.181660000000 358.454440000000,26.181660000000 C 361.279470000000,26.181660000000 378.935940000000,22.650367000000 378.935940000000,22.650367000000 C 465.099480000000,-17.606369000000 497.589130000000,10.643972000000 497.589130000000,10.643972000000 C 505.356210000000,12.762748000000 514.537570000000,9.231455000000 514.537570000000,9.231455000000 C 572.391014143749,-6.290200441320 616.677022417731,2.327606369406 646.955548530216,14.842730934322 M 342.508400836963,32.988890359343 C 340.729904730849,34.241780262408 338.756089902821,35.725268077743 336.560430000000,37.481796000000 C 335.281193716668,38.505185026666 334.112017915538,39.447476846854 333.040836608286,40.317065189248 C 336.619002115274,37.565670099854 339.970188081807,34.965348374199 342.508400836997,32.988890359319 M 218.885732161138,259.715529730325 C 218.968593324551,260.143813453396 219.046383733309,260.502868258759 219.117460281562,260.779056327853 C 219.213365981411,260.812943059792 219.311382517832,260.847238675731 219.411560000000,260.881960000000 C 219.758924452508,261.002750826694 219.419290159929,260.462044280920 218.885732161282,259.715529730363 M 329.338272467188,154.242007401563 L 329.497840000000,154.720710000000 C 329.497840000000,154.720710000000 331.006472653844,152.080598850597 329.338272467432,154.242007401194 M 666.012445633583,151.524965633603 C 641.112111858801,122.532960310685 644.489140000000,90.451185000000 644.489140000000,90.451185000000 C 645.991137899882,80.366342522158 651.208947606119,72.041621324254 657.746100326339,65.338382692413 C 652.346757497455,69.800253362175 648.285583851321,73.258127224887 647.314170000000,73.500980000000 C 644.489140000000,74.207239000000 638.132810000000,80.563566000000 636.720300000000,87.626151000000 C 635.776233219015,92.346474879580 638.617995950034,90.441595326351 640.606736323819,88.658936579412 C 641.108568329574,87.994766269168 641.693956834393,87.411821796610 642.370360000000,86.919892000000 C 642.370360000000,86.919892000000 641.593564637926,87.774367558206 640.606736323819,88.658936579412 C 635.344768337735,95.623105601472 639.269508615567,111.517735846700 643.782880000000,125.057850000000 C 648.726690000000,139.889280000000 657.908050000000,143.420570000000 657.908050000000,143.420570000000 L 666.012445633601,151.524965633601 M 184.008590000000,255.009420000000 C 184.008590000000,255.009420000000 216.496480000000,261.365750000000 216.496480000000,269.134590000000 C 216.496480000000,274.276150000000 216.067430000000,297.969360000000 206.608860000000,295.266160000000 C 191.777430000000,291.028600000000 198.133760000000,265.603300000000 184.008590000000,255.009420000000 M 396.945530000000,233.468540000000 L 396.945550000000,233.468540000000 C 394.932710000000,234.547350000000 394.586660000000,236.872700000000 394.498360000000,238.433530000000 C 394.311200000000,241.805920000000 394.314740000000,245.400770000000 391.219560000000,247.478940000000 C 390.707520000000,247.823240000000 389.782320000000,247.383590000000 389.238500000000,247.699640000000 C 386.152150000000,249.488240000000 383.438350000000,251.250360000000 379.995340000000,251.831260000000 C 375.664210000000,256.012310000000 372.717350000000,261.196240000000 368.068400000000,265.340220000000 C 367.830060000000,265.553860000000 368.146090000000,266.293670000000 367.911260000000,266.602650000000 C 367.044330000000,267.737960000000 366.421060000000,268.885630000000 365.734220000000,270.118060000000 C 364.904370000000,271.611790000000 363.216410000000,273.419810000000 361.780940000000,272.717090000000 C 360.808070000000,272.242130000000 360.294260000000,270.107460000000 361.109990000000,268.906820000000 C 365.720090000000,262.116150000000 369.692800000000,255.327240000000 375.757790000000,250.418740000000 C 375.316380000000,248.674280000000 376.036770000000,246.968670000000 376.686520000000,245.579100000000 C 377.564050000000,243.702220000000 379.103690000000,242.084890000000 380.442050000000,240.333370000000 C 383.653760000000,236.129360000000 386.217480000000,231.812360000000 388.375100000000,227.069830000000 C 388.424540000000,226.960360000000 387.820700000000,226.610760000000 387.861300000000,226.427140000000 C 389.204960000000,220.293280000000 391.320200000000,214.374840000000 390.066590000000,208.007920000000 C 389.798210000000,206.653660000000 389.208490000000,205.027500000000 390.589220000000,203.805680000000 C 388.880080000000,199.493970000000 387.095010000000,195.039240000000 388.133210000000,190.471520000000 C 388.544600000000,188.659960000000 391.103030000000,189.684040000000 392.686810000000,189.869430000000 C 393.951010000000,190.017750000000 393.024050000000,191.650970000000 393.532550000000,192.429620000000 C 395.051010000000,194.760270000000 397.270430000000,196.510030000000 398.087920000000,198.953680000000 C 398.442820000000,200.009540000000 398.905420000000,201.411460000000 399.378610000000,202.206000000000 C 401.924670000000,206.489460000000 403.164160000000,210.813530000000 405.237020000000,215.194100000000 C 405.789650000000,216.359420000000 405.741980000000,218.045610000000 405.261720000000,219.281570000000 C 404.234120000000,221.914150000000 403.893350000000,224.620880000000 402.351940000000,226.949770000000 C 401.437330000000,228.334040000000 401.147770000000,230.217980000000 399.119040000000,230.825360000000 C 398.094960000000,231.130820000000 398.110860000000,232.843500000000 396.945530000000,233.468540000000 M 381.335450000000,225.583160000000 L 381.335270000000,225.582920000000 C 380.261760000000,226.246800000000 379.559030000000,227.106670000000 378.538490000000,227.745840000000 C 378.185360000000,227.965020000000 377.570910000000,227.961480000000 377.214250000000,227.747840000000 C 376.356150000000,227.232270000000 375.639300000000,226.515420000000 375.123730000000,225.657320000000 C 374.908500000000,225.300660000000 374.892610000000,224.619120000000 375.132730000000,224.361330000000 C 378.227910000000,221.047210000000 376.404000000000,216.723150000000 378.582810000000,212.987040000000 C 377.389230000000,209.851250000000 375.943170000000,206.572450000000 374.580090000000,203.696210000000 C 373.467730000000,201.349660000000 375.152130000000,198.681770000000 375.205130000000,196.040360000000 C 375.215720000000,195.560110000000 376.179760000000,195.164600000000 376.368690000000,194.592530000000 C 376.416360000000,194.447750000000 375.913150000000,194.189970000000 375.800150000000,193.902170000000 C 375.309300000000,192.645030000000 375.876070000000,191.255460000000 376.619410000000,190.549200000000 C 379.040110000000,188.248570000000 381.826300000000,190.445030000000 383.242350000000,192.685640000000 C 384.963850000000,195.410030000000 385.304620000000,198.810660000000 386.810720000000,201.812260000000 C 387.561120000000,203.307770000000 387.453410000000,205.536010000000 385.645390000000,206.630710000000 C 387.474600000000,211.879980000000 387.020830000000,217.219290000000 382.901580000000,221.539830000000 C 382.661500000000,221.790550000000 382.949250000000,222.461500000000 382.756800000000,222.842880000000 C 382.470760000000,223.414950000000 381.759210000000,223.746890000000 381.473170000000,224.318960000000 C 381.280750000000,224.700340000000 381.554390000000,225.447200000000 381.335450000000,225.583160000000 M 492.239230000000,207.377580000000 L 492.239270000000,207.377580000000 C 489.529000000000,203.876300000000 486.719860000000,200.805840000000 485.392090000000,196.690120000000 C 484.904730000000,195.178730000000 484.714040000000,193.188850000000 485.487390000000,191.961720000000 C 486.829290000000,189.828820000000 488.128800000000,187.584680000000 487.085300000000,185.580680000000 C 484.140210000000,179.928840000000 479.597200000000,174.411200000000 481.281620000000,167.860650000000 C 481.802490000000,165.838980000000 484.315000000000,164.996770000000 485.935870000000,163.548940000000 C 485.699270000000,163.312350000000 485.309300000000,163.081050000000 485.307300000000,162.842680000000 C 485.307300000000,162.606090000000 485.766370000000,162.410100000000 485.900560000000,162.120530000000 C 486.200720000000,161.476070000000 485.402680000000,161.080570000000 485.390280000000,160.718610000000 C 485.317890000000,158.871740000000 486.320780000000,156.083790000000 488.674390000000,157.353290000000 C 491.035050000000,158.624550000000 492.267480000000,161.695010000000 495.117230000000,162.136420000000 C 498.228300000000,168.658720000000 499.395390000000,175.776040000000 501.471790000000,182.617920000000 C 504.897140000000,183.832690000000 508.534380000000,184.388860000000 509.876270000000,188.292710000000 C 510.088190000000,188.931870000000 509.717360000000,189.844710000000 510.070490000000,190.293190000000 C 514.625850000000,196.024470000000 515.667590000000,203.569080000000 512.630670000000,210.093140000000 C 511.483000000000,212.529740000000 508.605000000000,213.769220000000 507.828120000000,216.518330000000 C 505.956530000000,216.193450000000 504.755890000000,218.015580000000 502.884310000000,218.042080000000 C 502.389930000000,218.050910000000 501.983830000000,218.658290000000 502.178050000000,219.343360000000 C 498.473720000000,220.279160000000 492.557040000000,223.773370000000 491.585940000000,217.930850000000 C 495.203750000000,215.476600000000 494.691710000000,210.541620000000 492.239230000000,207.377580000000 M 426.627810000000,239.840750000000 L 426.628280000000,239.840520000000 C 427.881890000000,238.281460000000 429.972410000000,237.508100000000 431.028270000000,235.693020000000 C 431.211900000000,235.376980000000 432.375460000000,235.814850000000 432.891030000000,235.474080000000 C 434.081070000000,234.684840000000 435.071600000000,233.779060000000 436.439980000000,233.305870000000 C 437.467580000000,232.949210000000 437.474640000000,231.259480000000 438.615250000000,230.643270000000 C 438.274480000000,230.148890000000 437.847200000000,229.636850000000 437.232750000000,229.989980000000 C 436.662450000000,230.316630000000 436.332270000000,230.999930000000 435.758440000000,231.285970000000 C 435.377060000000,231.476620000000 434.769670000000,231.195920000000 434.430670000000,231.427220000000 C 431.361980000000,233.526570000000 428.875950000000,235.479380000000 425.823140000000,237.589320000000 C 425.318170000000,237.938920000000 424.431810000000,237.543420000000 423.817370000000,237.787080000000 C 423.245300000000,238.016610000000 422.830370000000,238.973630000000 422.378370000000,238.955930000000 C 420.026530000000,238.857060000000 418.509840000000,240.520300000000 418.133750000000,242.649670000000 C 415.132160000000,243.537790000000 411.671490000000,246.267480000000 409.194290000000,243.818520000000 C 408.471670000000,243.106970000000 408.478730000000,240.901680000000 409.190290000000,240.015320000000 C 413.683860000000,234.427050000000 420.838250000000,230.200090000000 421.664580000000,222.874430000000 C 422.351410000000,223.068650000000 422.889940000000,222.711990000000 422.994110000000,222.152280000000 C 423.802770000000,217.859990000000 425.616090000000,214.341060000000 426.422990000000,210.126460000000 C 426.495390000000,209.745080000000 425.667300000000,209.220680000000 425.195870000000,208.749260000000 C 424.339530000000,210.649090000000 423.876930000000,211.989220000000 421.655750000000,212.155190000000 C 419.517550000000,212.315860000000 417.762500000000,210.202380000000 418.260410000000,208.073010000000 C 418.851900000000,205.553440000000 419.923650000000,203.298710000000 420.958320000000,200.980410000000 C 417.534730000000,198.676240000000 418.521730000000,193.942550000000 415.822050000000,191.290550000000 C 414.029920000000,189.530200000000 410.947100000000,190.268240000000 409.234430000000,188.672090000000 C 407.578250000000,187.130680000000 405.523040000000,186.535660000000 404.008110000000,184.736470000000 C 403.667340000000,185.230850000000 403.282430000000,185.635180000000 402.595600000000,185.442730000000 C 402.789820000000,184.757660000000 402.426100000000,184.208490000000 401.875210000000,184.118490000000 C 398.403950000000,183.542890000000 396.101550000000,188.315430000000 392.847460000000,187.167760000000 C 390.340250000000,186.284940000000 390.580370000000,182.022670000000 392.241850000000,179.988640000000 C 394.148750000000,177.657990000000 395.834940000000,175.120760000000 398.456920000000,173.607600000000 C 401.070080000000,172.097970000000 403.326570000000,170.166350000000 406.181620000000,169.396530000000 C 407.519980000000,169.034570000000 408.559950000000,168.833290000000 409.774720000000,167.943410000000 C 410.413880000000,167.473760000000 411.656890000000,167.532030000000 412.419650000000,167.913410000000 C 413.565560000000,168.487240000000 414.390110000000,170.319940000000 415.297660000000,170.286440000000 C 418.638260000000,170.157550000000 421.599250000000,166.781630000000 425.121710000000,168.001690000000 C 426.659590000000,168.534920000000 427.853170000000,170.095750000000 427.314650000000,172.023830000000 C 429.113840000000,172.581780000000 429.599390000000,174.449830000000 430.845940000000,175.555130000000 C 430.609340000000,175.791720000000 430.221130000000,176.023020000000 430.219130000000,176.261390000000 C 430.219130000000,176.497980000000 430.775320000000,176.738110000000 430.764720000000,176.964110000000 C 430.641120000000,179.725580000000 430.049630000000,182.261050000000 431.788790000000,184.559920000000 C 433.199540000000,186.424450000000 434.220090000000,188.024120000000 435.998090000000,189.413680000000 C 438.784280000000,191.592490000000 442.432110000000,190.368900000000 445.677370000000,189.680300000000 C 447.132260000000,187.150130000000 449.413470000000,185.603420000000 451.892440000000,187.727490000000 C 453.382650000000,189.005820000000 451.782970000000,190.888000000000 452.333850000000,192.395860000000 C 452.556320000000,193.008540000000 453.064790000000,194.302760000000 453.082490000000,194.643530000000 C 453.282010000000,198.310780000000 452.060190000000,202.099850000000 452.033690000000,205.924240000000 C 448.844940000000,210.746220000000 444.400800000000,214.187470000000 440.733560000000,218.636900000000 C 441.748800000000,221.949250000000 440.595840000000,225.104460000000 440.163250000000,228.542170000000 C 440.106750000000,228.994180000000 440.813010000000,229.568010000000 441.393910000000,229.163680000000 C 442.527450000000,228.374440000000 443.175450000000,227.242660000000 444.316050000000,226.481660000000 C 444.658590000000,226.253850000000 445.280100000000,226.550520000000 445.634990000000,226.333350000000 C 447.578970000000,225.146830000000 448.294050000000,222.968030000000 449.983780000000,221.541380000000 C 450.264520000000,221.303040000000 451.044930000000,221.619070000000 451.226790000000,221.384240000000 C 453.523900000000,218.396770000000 455.748610000000,218.018920000000 459.117470000000,217.319720000000 C 459.304630000000,217.280880000000 459.565940000000,217.694040000000 459.802540000000,217.930640000000 C 460.085040000000,216.823600000000 461.458710000000,216.993080000000 462.009600000000,216.848300000000 C 464.520340000000,216.182650000000 466.711510000000,215.884250000000 469.116320000000,214.657130000000 C 470.633010000000,213.883780000000 472.986620000000,214.916680000000 474.503310000000,214.141560000000 C 475.184850000000,213.791960000000 476.472000000000,214.095650000000 476.752740000000,212.986830000000 C 478.601370000000,213.523580000000 480.547120000000,212.015720000000 482.462840000000,213.624230000000 C 483.462200000000,214.464670000000 483.901840000000,215.555840000000 484.405050000000,216.576390000000 C 486.469090000000,220.773330000000 484.844700000000,224.336400000000 481.069750000000,227.214410000000 C 480.834920000000,227.394500000000 481.099760000000,228.093700000000 480.937320000000,228.503330000000 C 480.501210000000,229.601560000000 478.802680000000,229.825800000000 478.873280000000,231.349550000000 C 478.401860000000,231.349550000000 477.776820000000,231.190620000000 477.541990000000,231.430750000000 C 475.578590000000,233.445350000000 473.452750000000,235.083870000000 471.023220000000,236.100880000000 C 468.902680000000,236.987240000000 466.660310000000,237.974230000000 464.610390000000,238.765240000000 C 458.623090000000,241.074710000000 452.328560000000,243.045170000000 445.677370000000,242.649670000000 C 443.586840000000,245.012100000000 440.037890000000,244.909690000000 437.189910000000,246.150940000000 C 436.538380000000,246.435210000000 436.054590000000,245.610660000000 435.835650000000,245.661860000000 C 431.534540000000,246.689460000000 427.997950000000,248.283840000000 424.429580000000,251.047080000000 C 424.124120000000,251.283910000000 423.470830000000,251.276840000000 423.128300000000,251.049080000000 C 417.977910000000,247.644910000000 424.002290000000,243.108960000000 426.627810000000,239.840750000000 M 293.478660000000,181.558530000000 C 293.478660000000,181.558530000000 297.009950000000,185.796090000000 289.947360000000,187.914860000000 C 282.884780000000,190.033640000000 252.515660000000,207.690100000000 252.515660000000,207.690100000000 L 265.228320000000,190.739890000000 L 293.478660000000,181.558530000000 M 222.852800000000,192.858670000000 C 228.502870000000,190.033640000000 225.677840000000,197.802480000000 224.265320000000,199.921260000000 C 222.852800000000,202.040030000000 220.027770000000,205.571320000000 220.027770000000,212.633910000000 C 220.027770000000,219.696490000000 216.496480000000,215.458940000000 215.083960000000,210.515130000000 C 213.671440000000,205.571320000000 217.908990000000,204.865070000000 218.615250000000,199.921260000000 C 219.321510000000,194.977450000000 222.852800000000,192.858670000000 222.852800000000,192.858670000000 M 207.315120000000,300.916220000000 L 197.427500000000,314.335140000000 C 201.665050000000,295.972410000000 176.239740000000,305.153770000000 181.183550000000,302.328740000000 C 186.127360000000,299.503710000000 173.414710000000,298.797450000000 176.239740000000,297.384930000000 C 179.064780000000,295.972410000000 176.781790000000,293.196820000000 169.883410000000,295.266160000000 C 155.758240000000,299.503710000000 157.877020000000,274.078400000000 157.877020000000,274.078400000000 L 164.939610000000,260.659490000000 C 164.939610000000,260.659490000000 163.090970000000,288.837440000000 173.414710000000,289.616090000000 C 181.981620000000,290.262310000000 181.183550000000,281.140990000000 186.833620000000,287.497310000000 C 192.483690000000,293.853640000000 207.315120000000,300.916220000000 207.315120000000,300.916220000000 M 194.602460000000,226.052820000000 C 194.602460000000,226.052820000000 195.308720000000,238.059220000000 199.546270000000,240.884250000000 C 203.783820000000,243.709280000000 201.665050000000,242.296770000000 196.014980000000,240.177990000000 C 190.364910000000,238.059220000000 192.483690000000,236.646700000000 192.483690000000,236.646700000000 C 192.483690000000,236.646700000000 187.539880000000,237.352960000000 191.777430000000,240.884250000000 C 196.014980000000,244.415540000000 202.371310000000,248.653090000000 199.546270000000,248.653090000000 C 196.721240000000,248.653090000000 183.302330000000,241.590510000000 183.302330000000,236.646700000000 C 183.302330000000,231.702890000000 181.536680000000,224.463740000000 181.536680000000,224.463740000000 C 181.536680000000,224.463740000000 183.478890000000,223.051220000000 191.953990000000,223.227790000000 C 191.953990000000,223.227790000000 194.425900000000,224.463740000000 194.602460000000,226.052820000000 M 389.061250087815,319.509952962413 C 385.275496362767,318.997570155586 382.243063183235,319.124660567486 381.760970000000,320.691460000000 C 380.348450000000,325.282140000000 358.807570000000,331.991600000000 355.276280000000,333.050990000000 C 352.114000000000,334.000900000000 349.799240000000,333.769600000000 350.676770000000,336.845360000000 C 353.501800000000,346.732980000000 343.935530000000,331.689670000000 343.935530000000,331.689670000000 C 349.920515882746,336.981014675161 354.607186913630,311.546334132891 373.058749411176,311.396544705576 L 369.048320000000,309.391330000000 C 357.748180000000,316.453910000000 358.454440000000,313.628880000000 358.454440000000,313.628880000000 C 364.104510000000,310.803840000000 378.935940000000,294.559900000000 378.935940000000,294.559900000000 C 393.767370000000,268.781460000000 422.723970000000,276.903430000000 422.723970000000,276.903430000000 C 440.380430000000,277.609690000000 491.585940000000,256.068810000000 491.585940000000,256.068810000000 C 491.614131603860,256.294345625093 491.622629662710,256.522694606930 491.612781800141,256.753317896456 C 492.652590845248,256.218739702570 493.612003321421,255.945891781694 494.410970000000,256.068810000000 C 494.410970000000,256.068810000000 500.414170000000,258.540710000000 505.356210000000,255.362550000000 C 505.356210000000,255.362550000000 515.950090000000,252.537520000000 519.834510000000,246.534320000000 C 519.834510000000,246.534320000000 536.078460000000,228.877850000000 538.197230000000,232.056020000000 C 538.197230000000,232.056020000000 542.081650000000,228.877850000000 538.903490000000,253.243770000000 C 538.903490000000,253.243770000000 534.665940000000,265.603300000000 539.962880000000,271.606500000000 C 539.962880000000,271.606500000000 543.141040000000,277.609690000000 543.141040000000,279.728470000000 C 543.141040000000,281.847240000000 548.084850000000,288.203570000000 547.731720000000,289.969220000000 C 547.731720000000,289.969220000000 553.734920000000,321.397720000000 539.609750000000,301.622480000000 C 539.609750000000,301.622480000000 538.197230000000,292.794250000000 533.606550000000,285.378540000000 C 533.606550000000,285.378540000000 520.893900000000,274.078400000000 520.540770000000,280.787860000000 C 520.540770000000,280.787860000000 514.890700000000,286.791050000000 520.187640000000,302.681870000000 C 520.187640000000,302.681870000000 530.781520000000,333.050990000000 495.470360000000,344.704250000000 C 495.470360000000,344.704250000000 473.574580000000,357.416910000000 447.796140000000,339.407310000000 C 447.796140000000,339.407310000000 441.792950000000,334.463500000000 437.555390000000,332.697860000000 C 437.555390000000,332.697860000000 425.902130000000,331.991600000000 417.427030000000,329.872820000000 C 417.427030000000,329.872820000000 409.658180000000,325.282140000000 406.480020000000,323.869630000000 C 406.480020000000,323.869630000000 406.190369593954,323.773079781799 405.673692436419,323.607866461699 C 398.270888148759,323.782173547052 391.936704619792,321.014005132354 389.061250087752,319.509952962398 M 481.691861369712,267.921469053287 C 480.026688204133,268.949186766416 478.588465501586,269.647207939155 477.813900000000,269.840850000000 C 474.987100000000,270.547110000000 437.555390000000,280.434730000000 437.555390000000,283.966020000000 C 437.555390000000,287.497310000000 430.492810000000,307.272550000000 430.492810000000,307.272550000000 C 424.904557996515,316.586300042279 418.318357005166,320.987065268177 411.999631429742,322.701993287718 C 415.049520399057,322.895494951360 417.484216329199,322.549746463495 418.839540000000,321.397720000000 C 425.902130000000,315.394520000000 421.311450000000,327.400920000000 429.786550000000,321.397720000000 C 429.786550000000,321.397720000000 460.508800000000,294.913030000000 464.393220000000,283.966020000000 C 464.393220000000,283.966020000000 474.635730000000,270.547110000000 485.582740000000,279.728470000000 C 485.582740000000,279.728470000000 490.526550000000,282.553500000000 473.927710000000,284.672280000000 C 473.927710000000,284.672280000000 461.921310000000,294.559900000000 459.802540000000,300.209970000000 C 459.802540000000,300.209970000000 458.036890000000,307.978810000000 459.096280000000,311.156970000000 C 459.096280000000,311.156970000000 473.221450000000,318.219560000000 469.337030000000,321.044590000000 C 469.337030000000,321.044590000000 449.561790000000,317.160170000000 446.383630000000,321.044590000000 C 446.383630000000,321.044590000000 442.146070000000,324.575880000000 454.152470000000,328.107180000000 C 454.152470000000,328.107180000000 462.274440000000,331.991600000000 464.393220000000,328.460310000000 C 464.393220000000,328.460310000000 474.987100000000,318.219560000000 475.340220000000,328.107180000000 C 475.340220000000,328.107180000000 477.460770000000,333.404120000000 480.285800000000,320.338330000000 C 480.285800000000,320.338330000000 487.701510000000,319.632070000000 489.467160000000,311.510100000000 C 491.232810000000,303.388130000000 493.351580000000,296.678670000000 498.648520000000,297.738060000000 C 498.648520000000,297.738060000000 501.471790000000,300.563090000000 502.178050000000,292.441120000000 C 502.178050000000,292.441120000000 512.065670000000,283.966020000000 511.359410000000,279.375340000000 C 511.359410000000,279.375340000000 506.415600000000,269.134590000000 503.590570000000,270.193980000000 C 500.767300000000,271.253370000000 497.589130000000,275.844050000000 493.351580000000,275.490920000000 C 489.625107583792,275.180379899155 485.898635167584,269.135023985380 481.691861369751,267.921469053176 M 405.067500000000,303.963730000000 C 409.481620000000,303.963730000000 413.058820000000,300.386530000000 413.058820000000,295.972410000000 C 413.058820000000,291.560060000000 409.481620000000,287.982860000000 405.067500000000,287.982860000000 C 400.655150000000,287.982860000000 397.077950000000,291.560060000000 397.077950000000,295.972410000000 C 397.077950000000,300.386530000000 400.655150000000,303.963730000000 405.067500000000,303.963730000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-02/fracture.svg b/libraries/path-bool/visual-tests/real-02/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..032dc6c4cb024b2bf983bc3bf037d1e7ec4a1a4a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-02/fracture.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg2" viewBox="0 0 900 900" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path d="M 762.888599681386,156.844851797865 C 760.460403392352,158.374241572417 758.903020000000,158.958260000000 758.903020000000,158.958260000000 L 728.549551433527,168.332125850258 C 741.465669449317,173.443708352196 761.021800000000,182.971050000000 761.021800000000,182.971050000000 C 761.021800000000,182.971050000000 780.427694123009,211.473459944806 788.894457070839,216.217404700124 C 790.017637580970,216.617995273213 790.684650000000,216.871460000000 790.684650000000,216.871460000000 C 790.166523634915,216.819647216767 789.564773243116,216.592984235003 788.894457070839,216.217404700124 C 781.845241364876,213.703250177169 756.827709278056,205.393855245955 765.965610000000,217.577720000000 C 765.965610000000,217.577720000000 791.390910000000,242.296770000000 778.678260000000,241.590510000000 C 778.678260000000,241.590510000000 768.084380000000,254.303160000000 776.559480000000,269.840850000000 C 776.559480000000,269.840850000000 743.965650000000,237.368850000000 770.203160000000,282.553500000000 L 782.209550000000,311.510100000000 C 782.209550000000,311.510100000000 739.127780000000,267.722070000000 758.903020000000,306.566290000000 C 758.903020000000,306.566290000000 789.272140000000,348.235540000000 792.803430000000,348.941800000000 C 796.334720000000,349.648060000000 804.103570000000,365.185750000000 804.103570000000,365.185750000000 L 796.334720000000,361.654460000000 L 805.516080000000,377.192140000000 C 805.516080000000,377.192140000000 785.740840000000,356.004390000000 796.334720000000,379.310920000000 L 804.730565520066,400.900238264636 C 835.673264956245,398.273807218184 854.106670000000,396.693710000000 854.106670000000,396.693710000000 C 855.201370000000,397.013290000000 859.103450000000,398.997880000000 861.310510000000,401.911190000000 C 861.310510000000,401.911190000000 873.316900000000,420.980170000000 864.135540000000,388.492280000000 C 864.135540000000,388.492280000000 847.891590000000,337.641670000000 863.429280000000,357.416910000000 C 863.429280000000,357.416910000000 874.023160000000,370.129560000000 868.373090000000,346.116770000000 C 861.557700000000,317.112500000000 857.072950000000,305.860030000000 857.072950000000,305.860030000000 C 857.072950000000,305.860030000000 877.554450000000,314.335140000000 830.235130000000,244.415540000000 L 845.772820000000,250.771870000000 C 845.772820000000,250.771870000000 811.166150000000,180.852280000000 773.028190000000,171.670910000000 L 758.903020000000,161.077040000000 C 758.903020000000,161.077040000000 760.405508762799,159.590202127649 762.888599681427,156.844851797827" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 762.888599681427,156.844851797827 C 777.085832621546,141.148133710571 823.339485346532,84.309956366451 804.103570000000,29.006694000000 C 804.103570000000,29.006694000000 792.097170000000,19.825333000000 775.146970000000,36.069279000000 C 775.146970000000,36.069279000000 763.846830000000,44.544381000000 753.252950000000,41.719347000000 C 753.252950000000,41.719347000000 698.871050000000,43.838123000000 695.339750000000,43.838123000000 C 695.144777744828,43.838123000000 694.773260082634,43.637894675275 694.225791376296,43.264778738517 C 692.236152464448,43.927592206553 683.242356163131,47.085284253408 673.406483010803,53.094338937148 C 667.937575114495,56.990603129489 662.354435652716,61.530179197880 657.746100326327,65.338382692428 C 651.208947606119,72.041621324254 645.991137899882,80.366342522158 644.489140000000,90.451185000000 C 644.489140000000,90.451185000000 641.112111858801,122.532960310685 666.012445633583,151.524965633603 L 679.802070000000,165.314590000000 C 679.802070000000,165.314590000000 681.920840000000,172.377170000000 677.683290000000,165.314590000000 C 677.353312911232,164.764627666255 676.933402439881,164.214665393148 676.439565654461,163.668037979338 C 676.806776923464,167.124297671551 677.867725623851,174.508544511538 680.508320000000,178.733500000000 C 680.508320000000,178.733500000000 678.040600905651,186.136666018242 704.818013162483,176.149314682255 C 694.269973904740,172.733934990674 711.422575680629,162.659905201706 722.177580000000,166.020850000000 C 723.956093416994,166.576635344443 726.136989555368,167.377349108037 728.549551433523,168.332125850256 L 758.903020000000,158.958260000000 C 758.903020000000,158.958260000000 760.460403392352,158.374241572417 762.888599681386,156.844851797865 M 791.073100000000,41.383874000000 C 794.957520000000,65.467290000000 767.590000000000,118.842780000000 755.159850000000,130.496040000000 C 742.729700000000,142.149310000000 734.183970000000,128.942270000000 734.183970000000,128.942270000000 C 720.200050000000,118.842780000000 727.192010000000,71.452831000000 727.192010000000,71.452831000000 C 734.960860000000,48.146299000000 760.598040000000,44.261878000000 760.598040000000,44.261878000000 C 773.805080000000,44.261878000000 786.235230000000,34.162381000000 786.235230000000,34.162381000000 C 794.780950000000,25.616653000000 791.073100000000,41.383874000000 791.073100000000,41.383874000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 762.888599681386,156.844851797865 C 767.001159170221,154.254572561435 773.611656668798,148.952483440338 779.384520000000,139.183020000000 C 788.565880000000,123.645340000000 815.403700000000,90.451185000000 809.047380000000,45.956898000000 C 809.047380000000,45.956898000000 811.166150000000,26.181660000000 800.572270000000,25.475401000000 C 800.572270000000,25.475401000000 785.740840000000,22.650367000000 773.028190000000,36.069279000000 C 773.028190000000,36.069279000000 761.021800000000,41.719347000000 756.784240000000,41.013088000000 L 694.633500000000,43.131864000000 C 694.633500000000,43.131864000000 694.492641639768,43.175882231729 694.225791376338,43.264778738302 C 694.773260082634,43.637894675275 695.144777744828,43.838123000000 695.339750000000,43.838123000000 C 698.871050000000,43.838123000000 753.252950000000,41.719347000000 753.252950000000,41.719347000000 C 763.846830000000,44.544381000000 775.146970000000,36.069279000000 775.146970000000,36.069279000000 C 792.097170000000,19.825333000000 804.103570000000,29.006694000000 804.103570000000,29.006694000000 C 823.339485346532,84.309956366451 777.085832621546,141.148133710571 762.888599681427,156.844851797827" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 802.631491311685,401.078385039580 C 804.764756678586,403.164326164173 806.222340000000,404.736230000000 806.222340000000,404.736230000000 L 804.730565520066,400.900238264636 C 804.037134258698,400.959097039941 803.337420631109,401.018481300704 802.631491311656,401.078385039554" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 748.608530958386,405.647847381028 C 762.814404035161,404.450042774214 775.940570180663,403.340339036691 787.759942720452,402.339196716934 C 780.867274099977,381.430377208753 795.512128458207,394.116957742543 802.631491311685,401.078385039580 C 803.337420631109,401.018481300704 804.037134258698,400.959097039941 804.730565520070,400.900238264635 L 796.334720000000,379.310920000000 C 785.740840000000,356.004390000000 805.516080000000,377.192140000000 805.516080000000,377.192140000000 L 796.334720000000,361.654460000000 L 804.103570000000,365.185750000000 C 804.103570000000,365.185750000000 796.334720000000,349.648060000000 792.803430000000,348.941800000000 C 789.272140000000,348.235540000000 758.903020000000,306.566290000000 758.903020000000,306.566290000000 C 739.127780000000,267.722070000000 782.209550000000,311.510100000000 782.209550000000,311.510100000000 L 770.203160000000,282.553500000000 C 743.965650000000,237.368850000000 776.559480000000,269.840850000000 776.559480000000,269.840850000000 C 768.084380000000,254.303160000000 778.678260000000,241.590510000000 778.678260000000,241.590510000000 C 791.390910000000,242.296770000000 765.965610000000,217.577720000000 765.965610000000,217.577720000000 C 756.827709278056,205.393855245955 781.845241364876,213.703250177169 788.894457070836,216.217404700103 C 780.427694123009,211.473459944806 761.021800000000,182.971050000000 761.021800000000,182.971050000000 C 761.021800000000,182.971050000000 741.465669449317,173.443708352196 728.549551433523,168.332125850256 L 710.877440000000,173.789690000000 C 708.707296368648,174.666981995011 706.691105566563,175.450694825157 704.818013162483,176.149314682255 C 705.352658466980,176.322429009100 705.958470640421,176.478436321050 706.639890000000,176.614720000000 C 720.765060000000,179.439760000000 736.302750000000,197.096220000000 736.302750000000,197.096220000000 L 727.827650000000,194.271190000000 C 702.402340000000,182.971050000000 735.596490000000,218.990240000000 735.596490000000,218.990240000000 C 741.670310000000,231.141410000000 756.077990000000,255.715680000000 756.077990000000,255.715680000000 C 720.058800000000,224.640300000000 757.490500000000,283.259760000000 757.490500000000,283.259760000000 C 757.490500000000,283.259760000000 757.490500000000,283.966020000000 746.190370000000,276.197180000000 C 734.890230000000,268.428330000000 746.896630000000,293.147380000000 746.896630000000,293.147380000000 L 739.127780000000,286.791050000000 C 726.415130000000,278.315950000000 746.896630000000,327.047790000000 746.896630000000,327.047790000000 C 752.546690000000,332.697860000000 760.315540000000,354.591870000000 760.315540000000,354.591870000000 C 733.477710000000,335.522890000000 743.365330000000,365.892010000000 743.365330000000,365.892010000000 C 751.134180000000,370.835820000000 757.490500000000,397.673640000000 757.490500000000,397.673640000000 C 743.347703299575,384.816554848781 745.068767689309,395.365163731900 748.608530958377,405.647847381030" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 748.608530958377,405.647847381030 C 750.902097586567,412.310445490899 753.959210000000,418.861400000000 753.959210000000,418.861400000000 C 744.071590000000,409.680040000000 734.890230000000,412.505070000000 743.365330000000,421.686430000000 C 751.840440000000,430.867790000000 755.371730000000,470.418270000000 757.490500000000,478.187110000000 C 759.609280000000,485.955960000000 756.077990000000,526.212690000000 756.077990000000,526.212690000000 C 717.940030000000,500.787380000000 763.846830000000,585.538410000000 763.846830000000,585.538410000000 C 763.846830000000,585.538410000000 771.615670000000,597.544800000000 761.728050000000,586.244670000000 C 721.930390000000,540.761620000000 740.540300000000,594.013510000000 740.540300000000,594.013510000000 C 725.708870000000,579.888340000000 729.946420000000,607.432420000000 729.946420000000,607.432420000000 C 717.233770000000,595.426030000000 718.646280000000,615.907520000000 718.646280000000,615.907520000000 C 718.646280000000,615.907520000000 694.633500000000,591.188480000000 696.046010000000,605.313650000000 C 697.458530000000,619.438820000000 672.033220000000,645.570380000000 672.033220000000,645.570380000000 L 665.676900000000,636.389020000000 L 634.601520000000,704.189840000000 L 626.832680000000,697.833510000000 C 614.826280000000,709.839910000000 578.807100000000,713.371200000000 578.807100000000,713.371200000000 C 597.169820000000,721.140040000000 650.139210000000,710.546170000000 650.139210000000,710.546170000000 C 652.257980000000,699.952290000000 652.964240000000,721.846300000000 652.964240000000,721.846300000000 L 673.445740000000,692.889700000000 C 681.920840000000,663.933100000000 703.108600000000,685.827120000000 703.108600000000,685.827120000000 C 705.227370000000,667.464400000000 714.408730000000,707.721130000000 719.352540000000,703.483580000000 C 724.296350000000,699.246030000000 730.652680000000,688.652150000000 735.596490000000,675.233240000000 C 740.540300000000,661.814330000000 746.190370000000,691.477190000000 746.190370000000,691.477190000000 C 746.190370000000,707.014870000000 751.840440000000,687.945890000000 751.840440000000,687.945890000000 C 757.490500000000,672.408210000000 759.609280000000,658.283030000000 759.609280000000,658.283030000000 C 756.784240000000,632.857730000000 782.915810000000,673.114460000000 782.915810000000,673.114460000000 C 788.565880000000,679.470790000000 790.684650000000,677.352010000000 790.684650000000,677.352010000000 C 792.097170000000,667.464400000000 781.503290000000,639.920310000000 777.972000000000,624.382630000000 C 774.440710000000,608.844940000000 766.671860000000,598.957320000000 782.209550000000,615.201270000000 C 797.747240000000,631.445210000000 791.390910000000,612.376230000000 787.859620000000,605.313650000000 C 784.328330000000,598.251060000000 765.965610000000,564.350650000000 773.734450000000,550.225480000000 C 781.503290000000,536.100310000000 779.384520000000,485.955960000000 778.678260000000,476.774600000000 C 777.972000000000,467.593230000000 780.797030000000,439.342890000000 780.797030000000,439.342890000000 C 765.259350000000,408.973780000000 794.215950000000,418.155140000000 794.215950000000,418.155140000000 C 791.154540130309,411.492071610072 789.068884182760,406.309853408779 787.759942720426,402.339196716901 C 775.940570180663,403.340339036691 762.814404035161,404.450042774214 748.608530958386,405.647847381028" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 787.759942720452,402.339196716934 C 792.978381824171,401.897176617117 797.942079606456,401.476319062707 802.631491311656,401.078385039554 C 795.512128458207,394.116957742543 780.867274099977,381.430377208753 787.759942720426,402.339196716901" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 704.818013162483,176.149314682255 C 706.691105566563,175.450694825157 708.707296368648,174.666981995011 710.877440000000,173.789690000000 L 728.549551433527,168.332125850258 C 726.136989555368,167.377349108037 723.956093416994,166.576635344443 722.177580000000,166.020850000000 C 711.422575680629,162.659905201706 694.269973904740,172.733934990674 704.818013162405,176.149314682271" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 694.225791376296,43.264778738517 C 693.845793162225,43.005798840729 693.381026084753,42.663525965401 692.831688899054,42.247102857355 C 660.476546893900,19.370008070606 598.229210000000,12.762748000000 598.229210000000,12.762748000000 C 577.041450000000,9.231455000000 606.704310000000,20.884721000000 606.704310000000,20.884721000000 C 617.298190000000,23.003496000000 664.264380000000,43.131864000000 669.561320000000,44.897510000000 C 673.857978249019,46.329729686726 685.357524044895,44.973732461973 689.547481999788,44.410521026577 C 690.092092681267,44.294456251356 690.611313487441,44.220127667589 691.102200000000,44.191252000000 C 691.102200000000,44.191252000000 690.522923432816,44.279402820725 689.547481999788,44.410521026577 C 685.261332192105,45.323964391969 679.402565436157,48.822494961862 673.406483010803,53.094338937147 C 683.242356163131,47.085284253408 692.236152464448,43.927592206553 694.225791376338,43.264778738302" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 707.342413123608,409.119029894878 C 721.876909023786,407.899363183782 735.689217369541,406.737172426378 748.608530958386,405.647847381028 C 745.068767689309,395.365163731900 743.347703299575,384.816554848781 757.490500000000,397.673640000000 C 757.490500000000,397.673640000000 751.134180000000,370.835820000000 743.365330000000,365.892010000000 C 743.365330000000,365.892010000000 733.477710000000,335.522890000000 760.315540000000,354.591870000000 C 760.315540000000,354.591870000000 752.546690000000,332.697860000000 746.896630000000,327.047790000000 C 746.896630000000,327.047790000000 726.415130000000,278.315950000000 739.127780000000,286.791050000000 L 746.896630000000,293.147380000000 C 746.896630000000,293.147380000000 734.890230000000,268.428330000000 746.190370000000,276.197180000000 C 757.490500000000,283.966020000000 757.490500000000,283.259760000000 757.490500000000,283.259760000000 C 757.490500000000,283.259760000000 720.058800000000,224.640300000000 756.077990000000,255.715680000000 C 756.077990000000,255.715680000000 741.670310000000,231.141410000000 735.596490000000,218.990240000000 C 735.596490000000,218.990240000000 702.402340000000,182.971050000000 727.827650000000,194.271190000000 L 736.302750000000,197.096220000000 C 736.302750000000,197.096220000000 720.765060000000,179.439760000000 706.639890000000,176.614720000000 C 705.958470640421,176.478436321050 705.352658466980,176.322429009100 704.818013162405,176.149314682271 C 678.040600905651,186.136666018242 680.508320000000,178.733500000000 680.508320000000,178.733500000000 C 677.867725623851,174.508544511538 676.806776923464,167.124297671551 676.439565654401,163.668037979264 C 670.591574048481,157.194902275535 654.376760000000,151.189420000000 654.376760000000,151.189420000000 C 664.264380000000,166.727100000000 631.776490000000,154.720710000000 631.776490000000,154.720710000000 C 612.001250000000,134.945470000000 627.538940000000,117.995270000000 627.538940000000,117.995270000000 C 632.482750000000,111.638940000000 626.832680000000,107.401390000000 626.832680000000,107.401390000000 C 620.476350000000,108.107650000000 612.001250000000,103.163840000000 612.001250000000,103.163840000000 C 539.256620000000,54.432000000000 483.463960000000,70.675946000000 490.526550000000,69.969688000000 C 496.649976557182,69.357344477258 512.859493717108,79.894241684167 517.062168169605,82.707377818726 L 517.362610000000,82.682341000000 C 517.362610000000,82.682341000000 526.543970000000,81.269824000000 552.675530000000,87.626151000000 C 552.675530000000,87.626151000000 562.563150000000,86.919892000000 583.044650000000,110.932680000000 C 583.044650000000,110.932680000000 591.519750000000,119.407780000000 592.226010000000,127.176630000000 C 592.226010000000,127.176630000000 600.701110000000,139.183020000000 611.294990000000,148.364380000000 C 611.294990000000,148.364380000000 616.945060000000,161.783300000000 620.476350000000,164.608330000000 C 620.476350000000,164.608330000000 652.257980000000,182.971050000000 638.132810000000,182.971050000000 C 638.132810000000,182.971050000000 688.983430000000,202.746290000000 659.320570000000,200.627510000000 C 659.320570000000,200.627510000000 652.964240000000,199.215000000000 660.026830000000,205.571320000000 C 660.026830000000,205.571320000000 676.977030000000,216.871460000000 686.158390000000,218.990240000000 C 686.158390000000,218.990240000000 688.983430000000,223.227790000000 678.389550000000,222.521530000000 C 678.389550000000,222.521530000000 659.320570000000,241.590510000000 693.927240000000,240.884250000000 C 693.927240000000,240.884250000000 714.408730000000,246.534320000000 691.102200000000,252.890640000000 C 691.102200000000,252.890640000000 674.152000000000,262.072010000000 678.389550000000,268.428330000000 C 682.627100000000,274.784660000000 708.052410000000,300.209970000000 693.927240000000,296.678670000000 C 693.927240000000,296.678670000000 693.220980000000,303.741260000000 702.402340000000,311.510100000000 C 702.402340000000,311.510100000000 726.415130000000,310.803840000000 718.646280000000,315.747650000000 C 718.646280000000,315.747650000000 705.227370000000,324.222750000000 717.233770000000,335.522890000000 C 729.240160000000,346.823030000000 715.114990000000,343.997990000000 710.171180000000,341.879220000000 C 710.171180000000,341.879220000000 708.758670000000,341.172960000000 710.171180000000,353.179350000000 C 710.171180000000,353.179350000000 699.577300000000,372.954590000000 699.577300000000,378.604660000000 C 699.577300000000,378.604660000000 717.233770000000,405.442480000000 704.521110000000,399.086160000000 C 704.521110000000,399.086160000000 705.604725673239,403.337262829450 707.342413123593,409.119029894845" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 657.746100326327,65.338382692428 C 662.354435652716,61.530179197880 667.937575114495,56.990603129489 673.406483010803,53.094338937147 C 668.109788442004,56.330261850555 662.568899444848,60.393053319152 657.746100326339,65.338382692413" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 692.831688899054,42.247102857355 C 687.390206005868,38.122206022137 673.650723193975,26.721705099861 651.806416500816,16.931704431948 C 650.687550895912,16.481063872301 649.543375303534,16.032820453393 648.373560000000,15.587782000000 C 648.373560000000,15.587782000000 647.893551838723,15.315344946447 646.955548530483,14.842730934440 C 616.677022417731,2.327606369406 572.391014143749,-6.290200441320 514.537570000000,9.231455000000 C 514.537570000000,9.231455000000 505.356210000000,12.762748000000 497.589130000000,10.643972000000 C 497.589130000000,10.643972000000 465.099480000000,-17.606369000000 378.935940000000,22.650367000000 C 378.935940000000,22.650367000000 361.279470000000,26.181660000000 358.454440000000,26.181660000000 C 356.068541358792,26.181660000000 352.171366958638,26.181660000000 342.508400836963,32.988890359343 C 339.970188081807,34.965348374199 336.619002115274,37.565670099854 333.040836608321,40.317065189222 C 322.284165420340,49.049364571877 321.409190249935,50.450296256666 318.197700000000,53.019483000000 C 318.197700000000,53.019483000000 299.528771719356,65.768994980813 287.783815303581,71.524925505868 C 296.477426001817,69.145738327877 329.703168316369,59.876739551842 333.382260000000,56.197647000000 C 337.619810000000,51.960096000000 368.342060000000,47.369415000000 372.579610000000,49.841320000000 C 376.817160000000,52.313225000000 391.648590000000,51.253837000000 374.698390000000,52.313225000000 C 374.698390000000,52.313225000000 377.581708241617,52.877684122666 382.505296981898,53.851894145141 C 383.161703897603,53.770123675297 383.526620000000,53.725742000000 383.526620000000,53.725742000000 L 491.232810000000,73.854110000000 L 514.002145330003,82.962379716492 L 517.062168169518,82.707377818670 C 512.859493717108,79.894241684167 496.649976557182,69.357344477258 490.526550000000,69.969688000000 C 483.463960000000,70.675946000000 539.256620000000,54.432000000000 612.001250000000,103.163840000000 C 612.001250000000,103.163840000000 620.476350000000,108.107650000000 626.832680000000,107.401390000000 C 626.832680000000,107.401390000000 632.482750000000,111.638940000000 627.538940000000,117.995270000000 C 627.538940000000,117.995270000000 612.001250000000,134.945470000000 631.776490000000,154.720710000000 C 631.776490000000,154.720710000000 664.264380000000,166.727100000000 654.376760000000,151.189420000000 C 654.376760000000,151.189420000000 670.591574048481,157.194902275535 676.439565654461,163.668037979338 C 676.315702075301,162.502211296220 676.270770000000,161.783300000000 676.270770000000,161.783300000000 C 672.406236812373,158.449191968443 669.005113126313,155.009394102061 666.012445633583,151.524965633603 L 657.908050000000,143.420570000000 C 657.908050000000,143.420570000000 648.726690000000,139.889280000000 643.782880000000,125.057850000000 C 639.269508615567,111.517735846700 635.344768337735,95.623105601472 640.606736323714,88.658936579368 C 638.617995950034,90.441595326351 635.776233219015,92.346474879580 636.720300000000,87.626151000000 C 638.132810000000,80.563566000000 644.489140000000,74.207239000000 647.314170000000,73.500980000000 C 648.285583851321,73.258127224887 652.346757497455,69.800253362175 657.746100326327,65.338382692428 C 662.568899444848,60.393053319152 668.109788442004,56.330261850555 673.406483010803,53.094338937148 C 679.402565436157,48.822494961862 685.261332192105,45.323964391969 689.547481999709,44.410521026537 C 685.357524044895,44.973732461973 673.857978249019,46.329729686726 669.561320000000,44.897510000000 C 664.264380000000,43.131864000000 617.298190000000,23.003496000000 606.704310000000,20.884721000000 C 606.704310000000,20.884721000000 577.041450000000,9.231455000000 598.229210000000,12.762748000000 C 598.229210000000,12.762748000000 660.476546893900,19.370008070606 692.831688898964,42.247102857248" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 692.831688898964,42.247102857248 C 693.080950761839,42.423346474501 693.328438505263,42.600555716068 693.574110000000,42.778735000000 C 693.574110000000,42.778735000000 681.760475473939,28.996168510751 651.806416500816,16.931704431949 C 673.650723193975,26.721705099861 687.390206005868,38.122206022137 692.831688899054,42.247102857355" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 546.424407953825,422.483191611692 C 549.647517964708,425.465544866293 539.992071298681,437.318991849876 542.787910000000,446.405480000000 C 545.612950000000,455.586840000000 554.088050000000,477.480850000000 554.088050000000,477.480850000000 C 549.850500000000,480.305890000000 550.556760000000,499.374870000000 550.556760000000,499.374870000000 C 580.219610000000,540.337860000000 563.269410000000,536.806570000000 563.269410000000,536.806570000000 C 535.725330000000,536.100310000000 561.856890000000,549.519220000000 561.856890000000,549.519220000000 C 567.506960000000,553.050520000000 583.044650000000,565.763170000000 583.044650000000,565.763170000000 C 578.100840000000,563.644390000000 575.275810000000,572.825750000000 575.275810000000,572.825750000000 C 583.750910000000,579.888340000000 578.807100000000,588.363440000000 578.807100000000,588.363440000000 C 568.213220000000,590.482220000000 566.094440000000,597.544800000000 566.094440000000,597.544800000000 C 578.100840000000,611.669970000000 560.444380000000,612.376230000000 560.444380000000,612.376230000000 C 566.800700000000,620.145070000000 558.325600000000,641.332830000000 558.325600000000,641.332830000000 C 549.850500000000,641.332830000000 538.550360000000,651.220450000000 538.550360000000,651.220450000000 C 542.787910000000,659.695550000000 524.425190000000,669.583170000000 524.425190000000,669.583170000000 C 509.593760000000,672.408210000000 514.537570000000,684.414600000000 514.537570000000,684.414600000000 C 500.414170000000,695.008480000000 496.176620000000,723.258820000000 496.176620000000,723.258820000000 C 494.764100000000,741.621540000000 490.526550000000,747.271610000000 499.707910000000,743.740320000000 C 508.887500000000,740.209020000000 507.474990000000,718.315010000000 507.474990000000,718.315010000000 C 499.001650000000,690.770930000000 574.569550000000,662.520590000000 574.569550000000,662.520590000000 C 581.632130000000,659.695550000000 583.044650000000,650.514190000000 583.044650000000,650.514190000000 C 586.575940000000,651.220450000000 602.113630000000,664.639360000000 602.113630000000,664.639360000000 C 615.532540000000,684.414600000000 616.238800000000,668.170650000000 616.238800000000,668.170650000000 C 618.357580000000,661.814330000000 615.532540000000,651.220450000000 615.532540000000,651.220450000000 C 626.126420000000,613.082490000000 601.407370000000,601.782350000000 601.407370000000,601.782350000000 C 583.750910000000,542.456640000000 608.469960000000,557.288070000000 608.469960000000,557.288070000000 C 613.413770000000,567.175690000000 632.482750000000,576.357050000000 632.482750000000,576.357050000000 L 638.839070000000,572.119500000000 C 636.014040000000,563.644390000000 650.845470000000,553.050520000000 650.845470000000,553.050520000000 C 655.789280000000,564.350650000000 666.383150000000,550.225480000000 666.383150000000,550.225480000000 C 672.739480000000,507.143710000000 694.633500000000,532.569020000000 694.633500000000,532.569020000000 C 701.696080000000,534.687790000000 703.814860000000,522.681400000000 703.814860000000,522.681400000000 C 710.171180000000,504.318680000000 703.814860000000,480.305890000000 703.814860000000,480.305890000000 C 710.171180000000,479.599630000000 727.121390000000,490.193510000000 727.121390000000,490.193510000000 C 732.065200000000,483.837180000000 715.821250000000,454.174320000000 722.883840000000,458.411870000000 C 729.946420000000,462.649420000000 737.715260000000,465.474460000000 737.715260000000,465.474460000000 C 739.127780000000,461.943170000000 721.471320000000,440.049150000000 721.471320000000,440.049150000000 C 716.371427748864,436.803762231673 710.662829855891,420.166975313499 707.342413123593,409.119029894845 C 692.436934877788,410.369827704052 676.771931965804,411.681072974934 660.531627452703,413.036167177635 C 668.863211079110,421.386011043510 652.257980000000,414.976970000000 652.257980000000,414.976970000000 C 644.136010000000,411.798810000000 649.786080000000,423.805210000000 649.786080000000,423.805210000000 C 655.436150000000,426.630240000000 685.805260000000,438.989760000000 685.805260000000,438.989760000000 C 686.511520000000,445.699220000000 681.214580000000,454.527450000000 681.214580000000,454.527450000000 C 681.920840000000,461.590040000000 678.036420000000,467.593230000000 678.036420000000,467.593230000000 C 675.917640000000,482.071530000000 674.858260000000,483.484050000000 674.858260000000,483.484050000000 C 667.442540000000,483.837180000000 654.376760000000,508.203100000000 654.376760000000,508.203100000000 C 651.198600000000,512.793780000000 633.189000000000,533.981540000000 633.189000000000,533.981540000000 C 629.657710000000,546.341060000000 597.876080000000,533.628410000000 597.876080000000,533.628410000000 C 586.222810000000,539.631600000000 589.754100000000,533.628410000000 589.754100000000,533.628410000000 C 589.047850000000,529.743980000000 597.522950000000,519.150110000000 597.522950000000,519.150110000000 C 609.882470000000,514.559430000000 605.291790000000,495.490450000000 605.291790000000,495.490450000000 C 612.354380000000,493.018540000000 592.579140000000,488.074730000000 592.932270000000,485.955960000000 C 593.285400000000,483.837180000000 603.526150000000,481.365280000000 603.526150000000,481.365280000000 C 617.651320000000,477.833980000000 609.882470000000,473.596430000000 609.882470000000,473.596430000000 C 608.823090000000,466.533850000000 614.120020000000,456.646230000000 614.120020000000,456.646230000000 C 634.601520000000,455.233710000000 614.120020000000,426.630240000000 614.120020000000,426.630240000000 C 609.639931232566,423.477585376512 606.114941163443,420.500356796725 603.343554827142,417.790142869527 C 584.718317399074,419.332402189821 565.668746398599,420.903646419874 546.424407953285,422.483191612064" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 660.531627452703,413.036167177635 C 676.771931965804,411.681072974934 692.436934877788,410.369827704052 707.342413123608,409.119029894878 C 705.604725673239,403.337262829450 704.521110000000,399.086160000000 704.521110000000,399.086160000000 C 717.233770000000,405.442480000000 699.577300000000,378.604660000000 699.577300000000,378.604660000000 C 699.577300000000,372.954590000000 710.171180000000,353.179350000000 710.171180000000,353.179350000000 C 708.758670000000,341.172960000000 710.171180000000,341.879220000000 710.171180000000,341.879220000000 C 715.114990000000,343.997990000000 729.240160000000,346.823030000000 717.233770000000,335.522890000000 C 705.227370000000,324.222750000000 718.646280000000,315.747650000000 718.646280000000,315.747650000000 C 726.415130000000,310.803840000000 702.402340000000,311.510100000000 702.402340000000,311.510100000000 C 693.220980000000,303.741260000000 693.927240000000,296.678670000000 693.927240000000,296.678670000000 C 708.052410000000,300.209970000000 682.627100000000,274.784660000000 678.389550000000,268.428330000000 C 674.152000000000,262.072010000000 691.102200000000,252.890640000000 691.102200000000,252.890640000000 C 714.408730000000,246.534320000000 693.927240000000,240.884250000000 693.927240000000,240.884250000000 C 659.320570000000,241.590510000000 678.389550000000,222.521530000000 678.389550000000,222.521530000000 C 688.983430000000,223.227790000000 686.158390000000,218.990240000000 686.158390000000,218.990240000000 C 676.977030000000,216.871460000000 660.026830000000,205.571320000000 660.026830000000,205.571320000000 C 652.964240000000,199.215000000000 659.320570000000,200.627510000000 659.320570000000,200.627510000000 C 688.983430000000,202.746290000000 638.132810000000,182.971050000000 638.132810000000,182.971050000000 C 652.257980000000,182.971050000000 620.476350000000,164.608330000000 620.476350000000,164.608330000000 C 616.945060000000,161.783300000000 611.294990000000,148.364380000000 611.294990000000,148.364380000000 C 600.701110000000,139.183020000000 592.226010000000,127.176630000000 592.226010000000,127.176630000000 C 591.519750000000,119.407780000000 583.044650000000,110.932680000000 583.044650000000,110.932680000000 C 562.563150000000,86.919892000000 552.675530000000,87.626151000000 552.675530000000,87.626151000000 C 526.543970000000,81.269824000000 517.362610000000,82.682341000000 517.362610000000,82.682341000000 L 517.062168169518,82.707377818670 C 517.706734760589,83.138830120997 518.068870000000,83.388600000000 518.068870000000,83.388600000000 C 518.068870000000,83.388600000000 517.259917142797,83.631285628080 516.134816602642,83.815498390617 L 521.247030000000,85.860504000000 L 444.264850000000,91.863702000000 L 417.854444486375,103.061711640240 C 423.354134291023,103.435398003075 438.967910000000,109.167040000000 438.967910000000,109.167040000000 C 436.849140000000,110.932680000000 449.914920000000,117.995270000000 449.914920000000,117.995270000000 C 480.638930000000,116.229620000000 499.354780000000,135.298600000000 499.354780000000,135.298600000000 C 518.421990000000,164.608330000000 518.775120000000,150.130030000000 518.775120000000,150.130030000000 C 523.718930000000,133.532950000000 502.884310000000,96.101253000000 502.884310000000,96.101253000000 C 503.590570000000,92.569960000000 518.068870000000,104.223230000000 518.068870000000,104.223230000000 C 520.540770000000,100.691930000000 521.953290000000,110.932680000000 521.953290000000,110.932680000000 C 522.306420000000,115.170230000000 529.015870000000,129.295400000000 529.015870000000,129.295400000000 C 533.959680000000,152.248810000000 540.316010000000,139.183020000000 540.316010000000,139.183020000000 L 548.437980000000,155.780100000000 C 550.909890000000,160.370780000000 540.316010000000,173.789690000000 540.316010000000,173.789690000000 C 539.962880000000,178.733500000000 541.375400000000,178.380370000000 531.487780000000,191.799280000000 C 521.600160000000,205.218190000000 527.603360000000,212.987040000000 527.603360000000,212.987040000000 C 525.131450000000,224.640300000000 540.669140000000,223.934050000000 540.669140000000,223.934050000000 C 545.259820000000,227.818470000000 551.263020000000,227.818470000000 551.263020000000,227.818470000000 C 554.441180000000,231.349760000000 558.678730000000,230.290370000000 558.678730000000,230.290370000000 C 561.503760000000,223.580920000000 572.450770000000,227.112210000000 572.450770000000,227.112210000000 C 574.922680000000,222.874660000000 589.400980000000,222.168400000000 589.400980000000,222.168400000000 C 591.166620000000,217.577720000000 591.872880000000,214.752680000000 597.876080000000,213.693300000000 C 603.879280000000,212.633910000000 560.444380000000,136.711120000000 560.444380000000,136.711120000000 C 571.744510000000,135.298600000000 557.266210000000,113.404590000000 557.266210000000,113.404590000000 C 553.381790000000,101.751320000000 573.510160000000,127.529760000000 577.394580000000,130.001660000000 C 581.279000000000,132.473570000000 583.044650000000,136.357990000000 580.219610000000,136.004860000000 C 577.394580000000,135.651730000000 574.216420000000,139.536150000000 576.688320000000,139.889280000000 C 579.160230000000,140.242410000000 602.113630000000,166.727110000000 608.116830000000,184.736700000000 C 614.120020000000,202.746290000000 624.713900000000,209.808870000000 635.660910000000,220.402750000000 C 646.607920000000,230.996630000000 645.195400000000,273.725270000000 645.195400000000,273.725270000000 C 644.489140000000,289.262960000000 655.083020000000,307.978810000000 655.083020000000,307.978810000000 C 658.614310000000,314.688260000000 651.198600000000,346.823030000000 651.198600000000,346.823030000000 C 647.667300000000,350.707450000000 650.139210000000,352.119970000000 650.139210000000,352.119970000000 C 651.904850000000,354.238740000000 663.911250000000,377.545270000000 663.911250000000,377.545270000000 C 660.733090000000,377.192140000000 667.089410000000,383.548470000000 667.089410000000,383.548470000000 C 676.270770000000,394.142350000000 664.970640000000,388.845410000000 664.970640000000,388.845410000000 C 654.376760000000,386.020380000000 666.736280000000,403.323710000000 666.736280000000,403.323710000000 C 668.855060000000,406.501870000000 652.964240000000,398.379900000000 652.964240000000,398.379900000000 C 636.720300000000,397.320510000000 657.201790000000,410.033170000000 657.201790000000,410.033170000000 C 658.594568431460,411.199216610946 659.690253195441,412.192948889706 660.531627452784,413.036167177684" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 651.806416500816,16.931704431948 C 650.231562150496,16.225899237118 648.614582031349,15.528464805479 646.955548530216,14.842730934322 C 647.893551838723,15.315344946447 648.373560000000,15.587782000000 648.373560000000,15.587782000000 C 649.543375303534,16.032820453393 650.687550895912,16.481063872301 651.806416500816,16.931704431949" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 460.880048219831,429.448670592229 C 489.328518630045,427.152869877151 518.087608864971,424.809031748851 546.424407953285,422.483191612064 C 546.390755523532,422.452052918109 546.355699149183,422.421881298681 546.319210000000,422.392690000000 C 546.319210000000,422.392690000000 527.956480000000,408.973780000000 496.176620000000,424.511460000000 C 496.176620000000,424.511460000000 492.645320000000,428.042760000000 474.280840000000,411.798810000000 C 474.280840000000,411.798810000000 458.036890000000,399.792420000000 453.799340000000,399.792420000000 C 453.799340000000,399.792420000000 481.345190000000,425.217720000000 466.511990000000,421.686430000000 C 466.511990000000,421.686430000000 450.974310000000,417.448880000000 455.211860000000,421.686430000000 C 455.211860000000,421.686430000000 456.686000069978,425.154996170557 460.880048219807,429.448670592221" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 455.567754320329,429.877105384815 C 457.337195685511,429.734490808522 459.108019361292,429.591673891244 460.880048219831,429.448670592229 C 456.686000069978,425.154996170557 455.211860000000,421.686430000000 455.211860000000,421.686430000000 C 450.974310000000,417.448880000000 466.511990000000,421.686430000000 466.511990000000,421.686430000000 C 481.345190000000,425.217720000000 453.799340000000,399.792420000000 453.799340000000,399.792420000000 C 458.036890000000,399.792420000000 474.280840000000,411.798810000000 474.280840000000,411.798810000000 C 492.645320000000,428.042760000000 496.176620000000,424.511460000000 496.176620000000,424.511460000000 C 527.956480000000,408.973780000000 546.319210000000,422.392690000000 546.319210000000,422.392690000000 C 546.355699149183,422.421881298681 546.390755523532,422.452052918109 546.424407953825,422.483191611692 C 565.668746398599,420.903646419874 584.718317399074,419.332402189821 603.343554827162,417.790142869534 C 594.318855558321,408.964644480233 593.285400000000,402.970580000000 593.285400000000,402.970580000000 C 615.532540000000,388.492280000000 601.054240000000,366.598270000000 601.407370000000,360.241940000000 C 601.760499668651,353.885615964281 603.879276023808,315.747721571300 603.879279999994,315.747650000101 C 600.347980000000,304.800650000000 595.051040000000,280.787860000000 595.051040000000,280.787860000000 C 598.935470000000,271.606500000000 612.001250000000,249.359350000000 612.001250000000,249.359350000000 C 616.945060000000,241.943640000000 632.482750000000,233.468540000000 628.598320000000,228.171600000000 C 624.713900000000,222.874660000000 610.941860000000,226.052820000000 610.941860000000,226.052820000000 C 597.169820000000,223.580920000000 598.229210000000,232.762280000000 598.229210000000,232.762280000000 C 595.404170000000,234.527920000000 593.991660000000,243.356150000000 593.991660000000,243.356150000000 C 592.720390000000,257.363030000000 577.041450000000,268.428330000000 577.041450000000,268.428330000000 C 557.266210000000,279.375340000000 573.510160000000,286.437920000000 573.510160000000,286.437920000000 C 584.104040000000,298.091190000000 566.800700000000,298.444320000000 566.800700000000,298.444320000000 C 547.378590000000,295.266160000000 561.856890000000,313.275750000000 561.856890000000,313.275750000000 C 580.925870000000,335.876020000000 575.628930000000,340.819830000000 575.628930000000,340.819830000000 C 560.101241575765,342.342155775670 574.499270304430,354.627231128123 578.762550528894,357.984332170820 C 578.614775119515,355.700141660360 579.866490000000,358.829420000000 579.866490000000,358.829420000000 C 579.866490000000,358.829420000000 579.443981120360,358.520921657950 578.762550528894,357.984332170820 C 578.771756002007,358.126622789847 578.786392199825,358.289920384832 578.807100000000,358.476290000000 C 579.160230000000,361.654460000000 584.457170000000,369.070170000000 585.869680000000,372.601460000000 C 587.282200000000,376.132760000000 580.219610000000,376.485890000000 580.219610000000,376.485890000000 C 581.279000000000,393.436090000000 554.088050000000,386.020380000000 554.088050000000,386.020380000000 L 551.263020000000,386.373500000000 C 548.437980000000,386.726630000000 528.662740000000,385.314120000000 518.421990000000,381.429700000000 C 508.181250000000,377.545270000000 496.176620000000,377.545270000000 496.176620000000,377.545270000000 C 496.176620000000,377.545270000000 489.114030000000,380.723440000000 475.693350000000,380.370310000000 C 462.274440000000,380.017180000000 448.149270000000,384.960990000000 448.149270000000,384.960990000000 C 440.380430000000,384.254730000000 455.564990000000,376.485890000000 455.918120000000,376.839010000000 C 456.271240000000,377.192140000000 466.158860000000,367.304520000000 452.033690000000,368.363910000000 C 413.547900000000,371.250740000000 394.473620000000,353.179350000000 394.473620000000,353.179350000000 C 390.942330000000,350.707450000000 386.351650000000,345.763640000000 386.351650000000,345.763640000000 C 368.695190000000,342.232350000000 388.823560000000,367.657650000000 388.823560000000,367.657650000000 C 390.942330000000,370.129560000000 388.470430000000,371.895210000000 388.470430000000,371.895210000000 C 387.057910000000,369.070170000000 373.285870000000,359.535680000000 373.285870000000,359.535680000000 C 369.577192973616,358.251960351502 367.296030366514,356.612340612654 364.662614521579,354.034133049196 C 375.497328571624,365.431038913548 412.130090000000,404.736230000000 412.130090000000,404.736230000000 C 418.603464458082,411.467067711911 423.866270011954,416.841761911857 428.100456483703,421.069794280224 C 431.911253826982,423.117187349041 438.429332741789,427.443747179686 440.021705444711,428.508488251077 C 434.631390556513,420.929915909755 424.842740000000,408.973780000000 424.842740000000,408.973780000000 C 411.423830000000,400.498680000000 395.179880000000,367.304520000000 395.179880000000,367.304520000000 C 393.061110000000,362.360720000000 419.898930000000,380.017180000000 419.898930000000,380.017180000000 C 426.961520000000,381.429700000000 450.974310000000,415.330100000000 450.974310000000,415.330100000000 C 438.967910000000,411.092550000000 447.443010000000,423.805210000000 447.443010000000,423.805210000000 C 448.642128555951,424.661722561252 451.669523069354,426.930913593829 455.567754320302,429.877105384794" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 455.567754320302,429.877105384794 C 467.741424004509,439.077679537700 488.407770000000,454.880580000000 488.407770000000,454.880580000000 C 494.764100000000,461.943170000000 501.824920000000,464.768200000000 501.824920000000,464.768200000000 C 526.543970000000,455.586840000000 515.243830000000,478.893370000000 515.243830000000,478.893370000000 C 519.481380000000,490.899770000000 529.369000000000,470.418270000000 529.369000000000,470.418270000000 C 549.144240000000,440.755410000000 520.187640000000,444.992960000000 520.187640000000,444.992960000000 C 485.778683869884,448.204462745371 468.655341610400,437.408659881684 460.880048219807,429.448670592221 C 459.108019361292,429.591673891244 457.337195685511,429.734490808522 455.567754320329,429.877105384815" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 442.546077570539,430.924961394438 C 446.876528710824,430.577056895322 451.217964753031,430.227692529613 455.567754320329,429.877105384815 C 451.669523069354,426.930913593829 448.642128555951,424.661722561252 447.443010000000,423.805210000000 C 447.443010000000,423.805210000000 438.967910000000,411.092550000000 450.974310000000,415.330100000000 C 450.974310000000,415.330100000000 426.961520000000,381.429700000000 419.898930000000,380.017180000000 C 419.898930000000,380.017180000000 393.061110000000,362.360720000000 395.179880000000,367.304520000000 C 395.179880000000,367.304520000000 411.423830000000,400.498680000000 424.842740000000,408.973780000000 C 424.842740000000,408.973780000000 434.631390556513,420.929915909755 440.021705444012,428.508488250632 C 440.253052678820,428.663178733686 440.380430000000,428.749020000000 440.380430000000,428.749020000000 C 440.380430000000,428.749020000000 441.160611497937,429.543350453980 442.546077570537,430.924961394435" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 287.783815303581,71.524925505868 C 284.901426903228,72.937517157240 282.436059073530,73.928895755393 280.766000000000,74.207239000000 C 280.766000000000,74.207239000000 260.284510000000,85.507375000000 252.515660000000,103.163840000000 L 246.159340000000,105.282610000000 C 246.159340000000,105.282610000000 243.334300000000,117.995270000000 242.628040000000,120.114040000000 C 242.628040000000,120.114040000000 234.152940000000,126.470370000000 232.740420000000,136.357990000000 C 232.740420000000,136.357990000000 217.202740000000,146.951870000000 217.908990000000,154.720710000000 C 217.908990000000,154.720710000000 215.083960000000,163.902070000000 213.671440000000,172.377170000000 C 213.671440000000,172.377170000000 200.958790000000,180.852280000000 202.371310000000,185.796090000000 C 202.371310000000,185.796090000000 188.952390000000,210.515130000000 191.071170000000,222.521530000000 C 191.071170000000,222.521530000000 179.771030000000,221.815270000000 174.827220000000,226.052820000000 C 174.827220000000,226.052820000000 173.414710000000,234.527920000000 170.589670000000,235.234180000000 C 170.589670000000,235.234180000000 165.645860000000,237.352960000000 169.883410000000,244.415540000000 C 169.883410000000,244.415540000000 167.058380000000,249.359350000000 166.352120000000,252.184390000000 C 166.352120000000,252.184390000000 167.764640000000,257.128200000000 159.995800000000,267.015810000000 C 159.995800000000,267.015810000000 148.695660000000,300.209970000000 152.226950000000,309.391330000000 C 152.226950000000,309.391330000000 152.610322780482,313.991792509363 150.834975350775,317.543625103838 C 151.253171000079,317.293929499961 151.520690000000,317.160170000000 151.520690000000,317.160170000000 C 157.877020000000,334.110370000000 185.067970000000,326.341530000000 185.067970000000,326.341530000000 C 174.120970000000,333.050990000000 156.111370000000,343.644860000000 156.111370000000,343.644860000000 C 156.111370000000,343.644860000000 160.348920000000,337.641670000000 161.408310000000,336.229150000000 C 162.467700000000,334.816630000000 152.933210000000,332.697860000000 152.933210000000,332.697860000000 C 152.933210000000,332.697860000000 151.578803619469,332.246391206490 149.050476061313,329.358177717921 C 150.549307010824,332.236912408040 152.892374440454,336.069922798225 156.464500000000,341.172960000000 C 156.464500000000,341.172960000000 157.877020000000,343.291740000000 152.226950000000,347.529290000000 C 152.226950000000,347.529290000000 121.857840000000,353.885610000000 117.620280000000,382.842210000000 C 117.620280000000,382.842210000000 93.607495000000,408.973780000000 93.607495000000,418.155140000000 C 93.607495000000,422.224950000000 94.084219000000,427.781440000000 95.320172000000,435.917540000000 C 95.320172000000,435.917540000000 94.547017112298,447.230009823510 127.168898897385,450.975658740198 C 127.702597820378,450.158008059970 128.285522326844,449.340547245068 128.920420000000,448.524250000000 C 128.920420000000,448.524250000000 128.313937749776,449.607254368757 128.066569838113,451.075887581161 C 132.447662567242,451.551357941497 137.414572228951,451.892331748614 143.045590000000,452.055550000000 C 149.433238427522,452.240698298943 166.363296828396,451.426119850051 190.962271228951,449.870716955215 C 191.284564121989,449.662977016783 191.558365302087,449.449574697913 191.777430000000,449.230510000000 C 191.988294915792,449.371087274010 192.324480248680,449.548914315936 192.763885563564,449.756350502324 C 205.372506253628,448.952862638884 219.918923484616,447.962066401940 236.033127580308,446.817299727068 C 238.783647415319,444.222242102172 240.509270000000,442.167930000000 240.509270000000,442.167930000000 C 240.509270000000,442.167930000000 248.631240000000,423.628640000000 253.575050000000,423.628640000000 C 258.518860000000,423.628640000000 252.868790000000,426.453680000000 252.868790000000,426.453680000000 C 252.868790000000,426.453680000000 242.654805930284,442.084171570164 241.931267548165,446.396444600833 C 270.460260197636,444.352120263405 303.550002179195,441.858806822603 339.283377651186,439.089236745845 C 339.974571541939,438.918860253503 340.635640270349,438.751154075042 341.244785419178,438.590166825654 L 341.295890000000,437.930380000000 C 341.295890000000,437.930380000000 342.388274581106,437.846726141993 343.844463509447,437.829957834041 C 344.110823768447,437.737692104933 344.328305043680,437.652915851571 344.488180000000,437.577250000000 C 377.115560000000,422.219660000000 403.104100000000,430.198610000000 404.069910000000,428.221090000000 C 404.508981360099,427.321231456341 411.935836892436,429.438217434163 420.496255180409,432.691257609219 C 426.027596659292,432.249513308464 431.584717474717,431.804663022753 437.161958833781,431.357216610305 C 422.921307172828,419.370689239325 423.732426839632,418.723021987686 428.100456483693,421.069794280215 C 423.866270011954,416.841761911857 418.603464458082,411.467067711911 412.130090000000,404.736230000000 C 412.130090000000,404.736230000000 375.497328571624,365.431038913548 364.662614521501,354.034133049112 C 363.771795597329,353.161989710122 362.840668327434,352.182443745920 361.800340000000,351.072940000000 C 362.134677583552,351.390148282277 363.145860505515,352.438677676711 364.662614521501,354.034133049112 C 367.296030366514,356.612340612654 369.577192973616,358.251960351502 373.285870000000,359.535680000000 C 373.285870000000,359.535680000000 387.057910000000,369.070170000000 388.470430000000,371.895210000000 C 388.470430000000,371.895210000000 390.942330000000,370.129560000000 388.823560000000,367.657650000000 C 388.823560000000,367.657650000000 368.695190000000,342.232350000000 386.351650000000,345.763640000000 C 386.351650000000,345.763640000000 390.942330000000,350.707450000000 394.473620000000,353.179350000000 C 394.473620000000,353.179350000000 413.547900000000,371.250740000000 452.033690000000,368.363910000000 C 466.158860000000,367.304520000000 456.271240000000,377.192140000000 455.918120000000,376.839010000000 C 455.564990000000,376.485890000000 440.380430000000,384.254730000000 448.149270000000,384.960990000000 C 448.149270000000,384.960990000000 462.274440000000,380.017180000000 475.693350000000,380.370310000000 C 489.114030000000,380.723440000000 496.176620000000,377.545270000000 496.176620000000,377.545270000000 C 496.176620000000,377.545270000000 508.181250000000,377.545270000000 518.421990000000,381.429700000000 C 528.662740000000,385.314120000000 548.437980000000,386.726630000000 551.263020000000,386.373500000000 L 554.088050000000,386.020380000000 C 554.088050000000,386.020380000000 581.279000000000,393.436090000000 580.219610000000,376.485890000000 C 580.219610000000,376.485890000000 587.282200000000,376.132760000000 585.869680000000,372.601460000000 C 584.457170000000,369.070170000000 579.160230000000,361.654460000000 578.807100000000,358.476290000000 C 578.786392199825,358.289920384832 578.771756002007,358.126622789847 578.762550528822,357.984332170647 C 574.499270304430,354.627231128123 560.101241575765,342.342155775670 575.628930000000,340.819830000000 C 575.628930000000,340.819830000000 580.925870000000,335.876020000000 561.856890000000,313.275750000000 C 561.856890000000,313.275750000000 547.378590000000,295.266160000000 566.800700000000,298.444320000000 C 566.800700000000,298.444320000000 584.104040000000,298.091190000000 573.510160000000,286.437920000000 C 573.510160000000,286.437920000000 557.266210000000,279.375340000000 577.041450000000,268.428330000000 C 577.041450000000,268.428330000000 592.720390000000,257.363030000000 593.991660000000,243.356150000000 C 593.991660000000,243.356150000000 595.404170000000,234.527920000000 598.229210000000,232.762280000000 C 598.229210000000,232.762280000000 597.169820000000,223.580920000000 610.941860000000,226.052820000000 C 610.941860000000,226.052820000000 624.713900000000,222.874660000000 628.598320000000,228.171600000000 C 632.482750000000,233.468540000000 616.945060000000,241.943640000000 612.001250000000,249.359350000000 C 612.001250000000,249.359350000000 598.935470000000,271.606500000000 595.051040000000,280.787860000000 C 595.051040000000,280.787860000000 600.347980000000,304.800650000000 603.879280000000,315.747650000000 C 603.879276023808,315.747721571300 601.760499668651,353.885615964281 601.407370000000,360.241940000000 C 601.054240000000,366.598270000000 615.532540000000,388.492280000000 593.285400000000,402.970580000000 C 593.285400000000,402.970580000000 594.318855558321,408.964644480233 603.343554827142,417.790142869527 C 622.966763996893,416.165246684838 642.118948311653,414.572524746554 660.531627452703,413.036167177635 C 659.690253195441,412.192948889706 658.594568431460,411.199216610946 657.201790000000,410.033170000000 C 657.201790000000,410.033170000000 636.720300000000,397.320510000000 652.964240000000,398.379900000000 C 652.964240000000,398.379900000000 668.855060000000,406.501870000000 666.736280000000,403.323710000000 C 666.736280000000,403.323710000000 654.376760000000,386.020380000000 664.970640000000,388.845410000000 C 664.970640000000,388.845410000000 676.270770000000,394.142350000000 667.089410000000,383.548470000000 C 667.089410000000,383.548470000000 660.733090000000,377.192140000000 663.911250000000,377.545270000000 C 663.911250000000,377.545270000000 651.904850000000,354.238740000000 650.139210000000,352.119970000000 C 650.139210000000,352.119970000000 647.667300000000,350.707450000000 651.198600000000,346.823030000000 C 651.198600000000,346.823030000000 658.614310000000,314.688260000000 655.083020000000,307.978810000000 C 655.083020000000,307.978810000000 644.489140000000,289.262960000000 645.195400000000,273.725270000000 C 645.195400000000,273.725270000000 646.607920000000,230.996630000000 635.660910000000,220.402750000000 C 624.713900000000,209.808870000000 614.120020000000,202.746290000000 608.116830000000,184.736700000000 C 602.113630000000,166.727110000000 579.160230000000,140.242410000000 576.688320000000,139.889280000000 C 574.216420000000,139.536150000000 577.394580000000,135.651730000000 580.219610000000,136.004860000000 C 583.044650000000,136.357990000000 581.279000000000,132.473570000000 577.394580000000,130.001660000000 C 573.510160000000,127.529760000000 553.381790000000,101.751320000000 557.266210000000,113.404590000000 C 557.266210000000,113.404590000000 571.744510000000,135.298600000000 560.444380000000,136.711120000000 C 560.444380000000,136.711120000000 603.879280000000,212.633910000000 597.876080000000,213.693300000000 C 591.872880000000,214.752680000000 591.166620000000,217.577720000000 589.400980000000,222.168400000000 C 589.400980000000,222.168400000000 574.922680000000,222.874660000000 572.450770000000,227.112210000000 C 572.450770000000,227.112210000000 561.503760000000,223.580920000000 558.678730000000,230.290370000000 C 558.678730000000,230.290370000000 554.441180000000,231.349760000000 551.263020000000,227.818470000000 C 551.263020000000,227.818470000000 545.259820000000,227.818470000000 540.669140000000,223.934050000000 C 540.669140000000,223.934050000000 525.131450000000,224.640300000000 527.603360000000,212.987040000000 C 527.603360000000,212.987040000000 521.600160000000,205.218190000000 531.487780000000,191.799280000000 C 541.375400000000,178.380370000000 539.962880000000,178.733500000000 540.316010000000,173.789690000000 C 540.316010000000,173.789690000000 550.909890000000,160.370780000000 548.437980000000,155.780100000000 L 540.316010000000,139.183020000000 C 540.316010000000,139.183020000000 533.959680000000,152.248810000000 529.015870000000,129.295400000000 C 529.015870000000,129.295400000000 522.306420000000,115.170230000000 521.953290000000,110.932680000000 C 521.953290000000,110.932680000000 520.540770000000,100.691930000000 518.068870000000,104.223230000000 C 518.068870000000,104.223230000000 503.590570000000,92.569960000000 502.884310000000,96.101253000000 C 502.884310000000,96.101253000000 523.718930000000,133.532950000000 518.775120000000,150.130030000000 C 518.775120000000,150.130030000000 518.421990000000,164.608330000000 499.354780000000,135.298600000000 C 499.354780000000,135.298600000000 480.638930000000,116.229620000000 449.914920000000,117.995270000000 C 449.914920000000,117.995270000000 436.849140000000,110.932680000000 438.967910000000,109.167040000000 C 438.967910000000,109.167040000000 423.354134291023,103.435398003075 417.854444486242,103.061711640169 L 415.992233844104,103.851288790562 C 416.067359124425,104.128586214791 416.301856697891,104.484385089172 416.720770000000,104.929480000000 C 416.720770000000,104.929480000000 424.489610000000,121.173430000000 429.786550000000,123.292210000000 C 429.786550000000,123.292210000000 445.324240000000,129.295400000000 445.677370000000,130.354790000000 C 446.030500000000,131.414180000000 474.635730000000,142.361190000000 478.873280000000,150.483160000000 C 478.873280000000,150.483160000000 483.463960000000,156.839490000000 447.443010000000,151.189420000000 C 447.443010000000,151.189420000000 426.961520000000,147.305000000000 418.839540000000,158.252000000000 C 418.839540000000,158.252000000000 402.595600000000,164.961460000000 391.295460000000,150.130030000000 C 391.295460000000,150.130030000000 390.646880959140,148.383855622996 390.107601966070,145.418413244556 C 387.574147251976,143.174327984943 382.114100000000,146.245610000000 382.114100000000,146.245610000000 C 382.114100000000,146.245610000000 368.695190000000,136.711120000000 369.048320000000,132.120440000000 C 369.401450000000,127.529760000000 365.870150000000,132.473570000000 363.751380000000,132.120440000000 C 361.632600000000,131.767310000000 353.510630000000,142.008060000000 353.157500000000,144.833090000000 C 352.804370000000,147.658120000000 346.448040000000,143.773700000000 346.448040000000,143.773700000000 L 340.091720000000,149.070640000000 L 324.628375057208,161.262894038902 L 313.253890000000,180.852280000000 C 311.135120000000,190.033640000000 337.266680000000,193.564930000000 337.266680000000,193.564930000000 C 353.510630000000,205.571320000000 341.504240000000,230.996630000000 341.504240000000,230.996630000000 C 339.385460000000,187.914860000000 316.078930000000,201.333770000000 316.078930000000,201.333770000000 C 313.253890000000,201.333770000000 301.953760000000,188.621120000000 301.953760000000,188.621120000000 C 301.953760000000,188.621120000000 302.660020000000,190.033640000000 294.891170000000,202.040030000000 C 287.122330000000,214.046430000000 293.478660000000,215.458940000000 293.478660000000,215.458940000000 L 295.597430000000,218.990240000000 L 302.660020000000,208.396360000000 C 314.716279308218,214.686582893158 322.882035321374,233.426424042575 326.291025616841,242.670617803674 C 327.417216915071,244.498130308786 328.085320000000,246.264236695740 328.085320000000,247.946830000000 C 328.085320000000,247.946830000000 327.475121153760,245.881541750711 326.291025616841,242.670617803674 C 321.744673319732,235.293082842401 309.732957589559,226.914825801922 304.072530000000,218.990240000000 C 297.009950000000,209.102620000000 300.541240000000,227.465340000000 300.541240000000,227.465340000000 C 297.716210000000,255.009420000000 301.953760000000,274.784660000000 301.953760000000,274.784660000000 L 294.184910000000,253.596900000000 L 296.303690000000,225.346560000000 C 292.066140000000,216.165200000000 286.416070000000,222.521530000000 286.416070000000,222.521530000000 C 287.357016410562,226.285308980776 281.403077921243,243.525448859590 277.322725622204,254.617280889387 C 276.424924943954,259.355140339059 275.279512456493,263.065000584794 273.703420000000,264.190780000000 C 273.703420000000,264.190780000000 275.277777729072,260.176168180967 277.322725622204,254.617280889387 C 279.241102353403,244.493653736990 280.028956373919,229.676484502220 281.472260000000,225.346560000000 C 283.591040000000,218.990240000000 281.472260000000,218.990240000000 277.234710000000,221.109010000000 C 272.997160000000,223.227790000000 244.746820000000,279.728470000000 244.746820000000,279.728470000000 C 246.159340000000,276.197180000000 256.046950000000,250.771870000000 256.046950000000,250.771870000000 C 253.928180000000,234.527920000000 278.647230000000,215.458940000000 278.647230000000,215.458940000000 C 284.297300000000,203.452550000000 270.172120000000,218.283980000000 270.172120000000,218.283980000000 C 264.522060000000,222.521530000000 238.390490000000,250.771870000000 238.390490000000,250.771870000000 L 256.753210000000,222.521530000000 C 260.284510000000,215.458940000000 280.059740000000,209.102620000000 284.297300000000,205.571320000000 C 288.534850000000,202.040030000000 292.772400000000,192.858670000000 292.772400000000,192.858670000000 C 309.890958863822,153.486898384064 324.446500915150,152.139459029802 327.976043518022,152.465116821129 C 332.964417940053,146.618765030865 339.064887941255,142.006384522726 339.738590000000,139.536150000000 C 340.797980000000,135.651730000000 331.969750000000,145.892480000000 331.969750000000,145.892480000000 C 331.969750000000,145.892480000000 332.322870000000,142.361190000000 333.029130000000,139.889280000000 C 333.735390000000,137.417380000000 327.732190000000,139.183020000000 325.260290000000,142.361190000000 C 322.788380000000,145.539350000000 312.547640000000,143.067440000000 305.131920000000,143.773700000000 C 300.134375404042,144.249657911831 298.665119054749,144.565238672305 298.238310779544,144.720442281422 L 298.069340000000,144.833090000000 C 298.069340000000,144.833090000000 298.031790760474,144.795540760474 298.238310779544,144.720442281422 L 300.188110000000,143.420570000000 L 280.412870000000,147.658120000000 L 279.000360000000,144.833090000000 C 272.290900000000,144.479960000000 254.634440000000,154.014450000000 247.571850000000,161.430170000000 C 240.509270000000,168.845880000000 253.928180000000,165.314590000000 253.928180000000,165.314590000000 C 259.225120000000,165.314590000000 266.287700000000,162.489550000000 266.287700000000,162.489550000000 C 276.528450000000,159.664520000000 265.934570000000,167.080230000000 265.934570000000,167.080230000000 C 265.934570000000,167.080230000000 268.406480000000,166.373980000000 265.581440000000,168.139620000000 C 262.756410000000,169.905270000000 250.396890000000,184.736700000000 250.396890000000,184.736700000000 C 247.218720000000,189.327380000000 248.984370000000,199.215000000000 248.984370000000,199.215000000000 C 245.099950000000,203.099420000000 250.043760000000,207.690100000000 250.043760000000,207.690100000000 L 244.040560000000,203.099420000000 C 241.568650000000,198.508740000000 241.568650000000,208.749490000000 240.862400000000,210.162000000000 C 240.156140000000,211.574520000000 236.624840000000,218.283980000000 234.152940000000,223.934050000000 C 231.681040000000,229.584110000000 230.268520000000,238.765470000000 230.268520000000,238.765470000000 C 229.459240747539,243.621137875658 229.886395496652,245.385726582977 230.133196683961,245.948281748587 C 230.178614298246,246.025185658815 230.223744566034,246.102832990560 230.268520000000,246.181190000000 C 230.268520000000,246.181190000000 230.209471504135,246.122141504135 230.133196683961,245.948281748587 C 228.745835584201,243.599116208133 227.090350000000,241.943640000000 227.090350000000,241.943640000000 C 225.677840000000,246.181190000000 233.093550000000,258.893840000000 233.446680000000,262.072010000000 C 233.644247977038,263.850116198580 235.278763443152,269.165325353410 236.433141568737,272.637432330274 C 236.811989579138,273.311485931933 237.113461904972,274.022922815427 237.331100000000,274.784660000000 C 237.953348091846,276.962523916228 237.342081363385,275.371316603204 236.433141568737,272.637432330274 C 234.353198515450,268.936758001809 229.940993270654,266.362892633336 224.265320000000,262.778260000000 C 217.555860000000,258.540710000000 220.027770000000,262.425130000000 219.321510000000,261.365750000000 C 219.262629078143,261.277428617214 219.193930416603,261.076202706783 219.117460281562,260.779056327853 C 214.965502137547,259.312028870122 214.769684112505,258.611332675985 214.464220000000,257.311820000000 C 214.206430000000,256.211830000000 213.623770000000,253.780530000000 213.205310000000,252.717610000000 C 213.092310000000,252.428050000000 212.790390000000,249.101570000000 212.652670000000,248.886160000000 C 209.981240000000,244.680390000000 212.378990000000,244.991140000000 209.960050000000,240.827750000000 C 207.438710000000,239.627110000000 205.733100000000,237.677840000000 203.750280000000,235.626150000000 C 203.400680000000,235.265960000000 205.418810000000,233.987640000000 205.099230000000,233.611550000000 C 203.171140000000,231.335630000000 201.135350000000,229.981380000000 201.728610000000,227.345270000000 C 202.002290000000,226.126980000000 202.244180000000,224.260690000000 200.930540000000,222.989420000000 C 200.169550000000,222.254920000000 200.556220000000,220.939510000000 199.835840000000,220.480440000000 C 198.407430000000,219.569370000000 202.127650000000,219.468730000000 201.725080000000,218.204520000000 C 201.048840000000,216.075150000000 201.379010000000,216.038070000000 201.163600000000,213.785110000000 C 201.062960000000,212.729250000000 202.101160000000,210.010160000000 202.780940000000,209.233270000000 C 205.334060000000,206.316430000000 202.996350000000,201.139550000000 205.892010000000,198.401030000000 C 206.428760000000,197.890760000000 207.092640000000,196.916130000000 207.595850000000,196.178090000000 C 208.759420000000,194.477770000000 210.849940000000,193.616130000000 212.527300000000,192.154180000000 C 213.088780000000,191.666860000000 212.733880000000,190.206670000000 213.738540000000,190.369110000000 C 214.999210000000,190.572160000000 217.190380000000,190.342610000000 217.110920000000,191.827530000000 C 216.911400000000,195.570700000000 214.564860000000,198.607610000000 212.304830000000,201.552710000000 C 213.101140000000,202.795730000000 212.292430000000,203.916910000000 211.791030000000,204.900380000000 C 209.433890000000,209.526370000000 209.767600000000,214.542570000000 209.460380000000,219.557010000000 C 209.451380000000,219.707090000000 208.909500000000,219.844810000000 208.923620000000,219.938390000000 C 209.546890000000,224.061170000000 210.578030000000,227.943830000000 212.130030000000,231.879450000000 C 212.776260000000,233.521500000000 213.607880000000,235.101760000000 213.872730000000,236.738510000000 C 214.068710000000,237.949750000000 214.250580000000,239.420530000000 213.530190000000,240.665310000000 C 217.123280000000,245.768030000000 214.812050000000,250.448760000000 216.876090000000,256.683250000000 C 217.086277508536,257.317872619756 218.163610929758,258.705191570376 218.885732161282,259.715529730363 C 217.988425111450,255.077627145442 216.496480000000,242.321376850725 216.496480000000,238.765470000000 C 216.496480000000,234.527920000000 230.268520000000,211.927650000000 230.268520000000,211.927650000000 C 231.681040000000,209.102620000000 232.740420000000,199.921260000000 232.740420000000,199.921260000000 C 229.915390000000,190.386770000000 236.271720000000,176.967850000000 236.271720000000,176.967850000000 C 242.981170000000,170.611530000000 235.918590000000,174.849080000000 235.918590000000,174.849080000000 C 220.027770000000,174.849080000000 202.724440000000,185.089830000000 202.724440000000,185.089830000000 C 213.318310000000,172.024040000000 223.559060000000,170.611530000000 223.559060000000,170.611530000000 C 233.093550000000,168.492750000000 244.393690000000,152.955060000000 244.393690000000,152.955060000000 C 260.637630000000,134.592340000000 313.253890000000,116.229620000000 313.253890000000,116.229620000000 C 342.210490000000,102.810710000000 364.104510000000,101.751320000000 364.104510000000,101.751320000000 C 384.939130000000,101.398190000000 392.707980000000,94.688736000000 392.707980000000,94.688736000000 C 396.239270000000,90.451185000000 389.176690000000,90.804314000000 389.176690000000,90.804314000000 C 380.701580000000,94.335607000000 374.698390000000,87.979280000000 374.698390000000,87.979280000000 C 372.932740000000,81.269824000000 370.107710000000,84.447987000000 370.107710000000,84.447987000000 C 371.520220000000,88.332409000000 365.870150000000,92.923090000000 365.870150000000,92.923090000000 C 355.982530000000,90.804314000000 345.741790000000,93.982477000000 345.741790000000,93.982477000000 C 341.504240000000,106.342000000000 325.260290000000,97.160641000000 325.260290000000,97.160641000000 C 317.844570000000,97.160641000000 292.419270000000,113.404590000000 292.419270000000,113.404590000000 C 291.006750000000,115.876490000000 283.237910000000,121.173430000000 283.237910000000,121.173430000000 C 273.703420000000,122.585950000000 248.984370000000,140.242410000000 248.984370000000,140.242410000000 C 245.657499307307,143.569280692693 235.435191382216,149.717015702355 234.262841918572,150.417627431095 C 234.223643659772,150.444223408198 234.186960350535,150.466149824733 234.152940000000,150.483160000000 C 234.152940000000,150.483160000000 234.190806998247,150.460676463507 234.262841918572,150.417627431095 C 235.851149681969,149.339962335451 241.568650000000,140.595540000000 241.568650000000,140.595540000000 C 243.687430000000,138.123630000000 266.287700000000,117.642140000000 266.287700000000,117.642140000000 C 271.584640000000,115.170230000000 281.825390000000,107.401390000000 281.825390000000,107.401390000000 C 286.062940000000,101.045060000000 292.419270000000,96.101253000000 292.419270000000,96.101253000000 C 295.950560000000,95.041865000000 349.979340000000,72.794722000000 349.979340000000,72.794722000000 C 365.517020000000,66.438395000000 375.404640000000,74.560368000000 375.404640000000,74.560368000000 C 383.526620000000,81.622953000000 388.117300000000,80.210436000000 388.117300000000,80.210436000000 C 396.945530000000,78.444790000000 391.648590000000,74.560368000000 401.183080000000,81.622953000000 C 410.717570000000,88.685539000000 416.720770000000,80.916695000000 416.720770000000,80.916695000000 C 405.420630000000,74.560368000000 415.661380000000,72.441593000000 415.661380000000,72.441593000000 C 420.605190000000,72.088463000000 387.411040000000,64.319620000000 387.411040000000,64.319620000000 C 389.176690000000,60.788327000000 351.038730000000,68.910300000000 351.038730000000,68.910300000000 C 354.570020000000,63.260232000000 311.488250000000,83.035470000000 311.488250000000,83.035470000000 C 312.547640000000,79.151049000000 291.006750000000,94.335607000000 291.006750000000,94.335607000000 C 291.359880000000,89.744926000000 267.347090000000,111.992070000000 267.347090000000,111.992070000000 C 263.462670000000,116.935880000000 250.043760000000,122.939080000000 250.043760000000,122.939080000000 C 280.059740000000,87.626151000000 303.719400000000,78.091661000000 303.719400000000,78.091661000000 C 309.016340000000,74.560368000000 341.857360000000,61.141456000000 349.626210000000,59.022681000000 C 356.476992380516,57.154284522655 377.607019535208,54.462086449164 382.505296981934,53.851894145142 C 377.581708241617,52.877684122666 374.698390000000,52.313225000000 374.698390000000,52.313225000000 C 391.648590000000,51.253837000000 376.817160000000,52.313225000000 372.579610000000,49.841320000000 C 368.342060000000,47.369415000000 337.619810000000,51.960096000000 333.382260000000,56.197647000000 C 329.703168316369,59.876739551842 296.477426001817,69.145738327877 287.783815303572,71.524925505849 M 184.008590000000,255.009420000000 C 184.008590000000,255.009420000000 216.496480000000,261.365750000000 216.496480000000,269.134590000000 C 216.496480000000,274.276150000000 216.067430000000,297.969360000000 206.608860000000,295.266160000000 C 191.777430000000,291.028600000000 198.133760000000,265.603300000000 184.008590000000,255.009420000000 M 396.945530000000,233.468540000000 L 396.945550000000,233.468540000000 C 394.932710000000,234.547350000000 394.586660000000,236.872700000000 394.498360000000,238.433530000000 C 394.311200000000,241.805920000000 394.314740000000,245.400770000000 391.219560000000,247.478940000000 C 390.707520000000,247.823240000000 389.782320000000,247.383590000000 389.238500000000,247.699640000000 C 386.152150000000,249.488240000000 383.438350000000,251.250360000000 379.995340000000,251.831260000000 C 375.664210000000,256.012310000000 372.717350000000,261.196240000000 368.068400000000,265.340220000000 C 367.830060000000,265.553860000000 368.146090000000,266.293670000000 367.911260000000,266.602650000000 C 367.044330000000,267.737960000000 366.421060000000,268.885630000000 365.734220000000,270.118060000000 C 364.904370000000,271.611790000000 363.216410000000,273.419810000000 361.780940000000,272.717090000000 C 360.808070000000,272.242130000000 360.294260000000,270.107460000000 361.109990000000,268.906820000000 C 365.720090000000,262.116150000000 369.692800000000,255.327240000000 375.757790000000,250.418740000000 C 375.316380000000,248.674280000000 376.036770000000,246.968670000000 376.686520000000,245.579100000000 C 377.564050000000,243.702220000000 379.103690000000,242.084890000000 380.442050000000,240.333370000000 C 383.653760000000,236.129360000000 386.217480000000,231.812360000000 388.375100000000,227.069830000000 C 388.424540000000,226.960360000000 387.820700000000,226.610760000000 387.861300000000,226.427140000000 C 389.204960000000,220.293280000000 391.320200000000,214.374840000000 390.066590000000,208.007920000000 C 389.798210000000,206.653660000000 389.208490000000,205.027500000000 390.589220000000,203.805680000000 C 388.880080000000,199.493970000000 387.095010000000,195.039240000000 388.133210000000,190.471520000000 C 388.544600000000,188.659960000000 391.103030000000,189.684040000000 392.686810000000,189.869430000000 C 393.951010000000,190.017750000000 393.024050000000,191.650970000000 393.532550000000,192.429620000000 C 395.051010000000,194.760270000000 397.270430000000,196.510030000000 398.087920000000,198.953680000000 C 398.442820000000,200.009540000000 398.905420000000,201.411460000000 399.378610000000,202.206000000000 C 401.924670000000,206.489460000000 403.164160000000,210.813530000000 405.237020000000,215.194100000000 C 405.789650000000,216.359420000000 405.741980000000,218.045610000000 405.261720000000,219.281570000000 C 404.234120000000,221.914150000000 403.893350000000,224.620880000000 402.351940000000,226.949770000000 C 401.437330000000,228.334040000000 401.147770000000,230.217980000000 399.119040000000,230.825360000000 C 398.094960000000,231.130820000000 398.110860000000,232.843500000000 396.945530000000,233.468540000000 M 381.335450000000,225.583160000000 L 381.335270000000,225.582920000000 C 380.261760000000,226.246800000000 379.559030000000,227.106670000000 378.538490000000,227.745840000000 C 378.185360000000,227.965020000000 377.570910000000,227.961480000000 377.214250000000,227.747840000000 C 376.356150000000,227.232270000000 375.639300000000,226.515420000000 375.123730000000,225.657320000000 C 374.908500000000,225.300660000000 374.892610000000,224.619120000000 375.132730000000,224.361330000000 C 378.227910000000,221.047210000000 376.404000000000,216.723150000000 378.582810000000,212.987040000000 C 377.389230000000,209.851250000000 375.943170000000,206.572450000000 374.580090000000,203.696210000000 C 373.467730000000,201.349660000000 375.152130000000,198.681770000000 375.205130000000,196.040360000000 C 375.215720000000,195.560110000000 376.179760000000,195.164600000000 376.368690000000,194.592530000000 C 376.416360000000,194.447750000000 375.913150000000,194.189970000000 375.800150000000,193.902170000000 C 375.309300000000,192.645030000000 375.876070000000,191.255460000000 376.619410000000,190.549200000000 C 379.040110000000,188.248570000000 381.826300000000,190.445030000000 383.242350000000,192.685640000000 C 384.963850000000,195.410030000000 385.304620000000,198.810660000000 386.810720000000,201.812260000000 C 387.561120000000,203.307770000000 387.453410000000,205.536010000000 385.645390000000,206.630710000000 C 387.474600000000,211.879980000000 387.020830000000,217.219290000000 382.901580000000,221.539830000000 C 382.661500000000,221.790550000000 382.949250000000,222.461500000000 382.756800000000,222.842880000000 C 382.470760000000,223.414950000000 381.759210000000,223.746890000000 381.473170000000,224.318960000000 C 381.280750000000,224.700340000000 381.554390000000,225.447200000000 381.335450000000,225.583160000000 M 492.239230000000,207.377580000000 L 492.239270000000,207.377580000000 C 489.529000000000,203.876300000000 486.719860000000,200.805840000000 485.392090000000,196.690120000000 C 484.904730000000,195.178730000000 484.714040000000,193.188850000000 485.487390000000,191.961720000000 C 486.829290000000,189.828820000000 488.128800000000,187.584680000000 487.085300000000,185.580680000000 C 484.140210000000,179.928840000000 479.597200000000,174.411200000000 481.281620000000,167.860650000000 C 481.802490000000,165.838980000000 484.315000000000,164.996770000000 485.935870000000,163.548940000000 C 485.699270000000,163.312350000000 485.309300000000,163.081050000000 485.307300000000,162.842680000000 C 485.307300000000,162.606090000000 485.766370000000,162.410100000000 485.900560000000,162.120530000000 C 486.200720000000,161.476070000000 485.402680000000,161.080570000000 485.390280000000,160.718610000000 C 485.317890000000,158.871740000000 486.320780000000,156.083790000000 488.674390000000,157.353290000000 C 491.035050000000,158.624550000000 492.267480000000,161.695010000000 495.117230000000,162.136420000000 C 498.228300000000,168.658720000000 499.395390000000,175.776040000000 501.471790000000,182.617920000000 C 504.897140000000,183.832690000000 508.534380000000,184.388860000000 509.876270000000,188.292710000000 C 510.088190000000,188.931870000000 509.717360000000,189.844710000000 510.070490000000,190.293190000000 C 514.625850000000,196.024470000000 515.667590000000,203.569080000000 512.630670000000,210.093140000000 C 511.483000000000,212.529740000000 508.605000000000,213.769220000000 507.828120000000,216.518330000000 C 505.956530000000,216.193450000000 504.755890000000,218.015580000000 502.884310000000,218.042080000000 C 502.389930000000,218.050910000000 501.983830000000,218.658290000000 502.178050000000,219.343360000000 C 498.473720000000,220.279160000000 492.557040000000,223.773370000000 491.585940000000,217.930850000000 C 495.203750000000,215.476600000000 494.691710000000,210.541620000000 492.239230000000,207.377580000000 M 426.627810000000,239.840750000000 L 426.628280000000,239.840520000000 C 427.881890000000,238.281460000000 429.972410000000,237.508100000000 431.028270000000,235.693020000000 C 431.211900000000,235.376980000000 432.375460000000,235.814850000000 432.891030000000,235.474080000000 C 434.081070000000,234.684840000000 435.071600000000,233.779060000000 436.439980000000,233.305870000000 C 437.467580000000,232.949210000000 437.474640000000,231.259480000000 438.615250000000,230.643270000000 C 438.274480000000,230.148890000000 437.847200000000,229.636850000000 437.232750000000,229.989980000000 C 436.662450000000,230.316630000000 436.332270000000,230.999930000000 435.758440000000,231.285970000000 C 435.377060000000,231.476620000000 434.769670000000,231.195920000000 434.430670000000,231.427220000000 C 431.361980000000,233.526570000000 428.875950000000,235.479380000000 425.823140000000,237.589320000000 C 425.318170000000,237.938920000000 424.431810000000,237.543420000000 423.817370000000,237.787080000000 C 423.245300000000,238.016610000000 422.830370000000,238.973630000000 422.378370000000,238.955930000000 C 420.026530000000,238.857060000000 418.509840000000,240.520300000000 418.133750000000,242.649670000000 C 415.132160000000,243.537790000000 411.671490000000,246.267480000000 409.194290000000,243.818520000000 C 408.471670000000,243.106970000000 408.478730000000,240.901680000000 409.190290000000,240.015320000000 C 413.683860000000,234.427050000000 420.838250000000,230.200090000000 421.664580000000,222.874430000000 C 422.351410000000,223.068650000000 422.889940000000,222.711990000000 422.994110000000,222.152280000000 C 423.802770000000,217.859990000000 425.616090000000,214.341060000000 426.422990000000,210.126460000000 C 426.495390000000,209.745080000000 425.667300000000,209.220680000000 425.195870000000,208.749260000000 C 424.339530000000,210.649090000000 423.876930000000,211.989220000000 421.655750000000,212.155190000000 C 419.517550000000,212.315860000000 417.762500000000,210.202380000000 418.260410000000,208.073010000000 C 418.851900000000,205.553440000000 419.923650000000,203.298710000000 420.958320000000,200.980410000000 C 417.534730000000,198.676240000000 418.521730000000,193.942550000000 415.822050000000,191.290550000000 C 414.029920000000,189.530200000000 410.947100000000,190.268240000000 409.234430000000,188.672090000000 C 407.578250000000,187.130680000000 405.523040000000,186.535660000000 404.008110000000,184.736470000000 C 403.667340000000,185.230850000000 403.282430000000,185.635180000000 402.595600000000,185.442730000000 C 402.789820000000,184.757660000000 402.426100000000,184.208490000000 401.875210000000,184.118490000000 C 398.403950000000,183.542890000000 396.101550000000,188.315430000000 392.847460000000,187.167760000000 C 390.340250000000,186.284940000000 390.580370000000,182.022670000000 392.241850000000,179.988640000000 C 394.148750000000,177.657990000000 395.834940000000,175.120760000000 398.456920000000,173.607600000000 C 401.070080000000,172.097970000000 403.326570000000,170.166350000000 406.181620000000,169.396530000000 C 407.519980000000,169.034570000000 408.559950000000,168.833290000000 409.774720000000,167.943410000000 C 410.413880000000,167.473760000000 411.656890000000,167.532030000000 412.419650000000,167.913410000000 C 413.565560000000,168.487240000000 414.390110000000,170.319940000000 415.297660000000,170.286440000000 C 418.638260000000,170.157550000000 421.599250000000,166.781630000000 425.121710000000,168.001690000000 C 426.659590000000,168.534920000000 427.853170000000,170.095750000000 427.314650000000,172.023830000000 C 429.113840000000,172.581780000000 429.599390000000,174.449830000000 430.845940000000,175.555130000000 C 430.609340000000,175.791720000000 430.221130000000,176.023020000000 430.219130000000,176.261390000000 C 430.219130000000,176.497980000000 430.775320000000,176.738110000000 430.764720000000,176.964110000000 C 430.641120000000,179.725580000000 430.049630000000,182.261050000000 431.788790000000,184.559920000000 C 433.199540000000,186.424450000000 434.220090000000,188.024120000000 435.998090000000,189.413680000000 C 438.784280000000,191.592490000000 442.432110000000,190.368900000000 445.677370000000,189.680300000000 C 447.132260000000,187.150130000000 449.413470000000,185.603420000000 451.892440000000,187.727490000000 C 453.382650000000,189.005820000000 451.782970000000,190.888000000000 452.333850000000,192.395860000000 C 452.556320000000,193.008540000000 453.064790000000,194.302760000000 453.082490000000,194.643530000000 C 453.282010000000,198.310780000000 452.060190000000,202.099850000000 452.033690000000,205.924240000000 C 448.844940000000,210.746220000000 444.400800000000,214.187470000000 440.733560000000,218.636900000000 C 441.748800000000,221.949250000000 440.595840000000,225.104460000000 440.163250000000,228.542170000000 C 440.106750000000,228.994180000000 440.813010000000,229.568010000000 441.393910000000,229.163680000000 C 442.527450000000,228.374440000000 443.175450000000,227.242660000000 444.316050000000,226.481660000000 C 444.658590000000,226.253850000000 445.280100000000,226.550520000000 445.634990000000,226.333350000000 C 447.578970000000,225.146830000000 448.294050000000,222.968030000000 449.983780000000,221.541380000000 C 450.264520000000,221.303040000000 451.044930000000,221.619070000000 451.226790000000,221.384240000000 C 453.523900000000,218.396770000000 455.748610000000,218.018920000000 459.117470000000,217.319720000000 C 459.304630000000,217.280880000000 459.565940000000,217.694040000000 459.802540000000,217.930640000000 C 460.085040000000,216.823600000000 461.458710000000,216.993080000000 462.009600000000,216.848300000000 C 464.520340000000,216.182650000000 466.711510000000,215.884250000000 469.116320000000,214.657130000000 C 470.633010000000,213.883780000000 472.986620000000,214.916680000000 474.503310000000,214.141560000000 C 475.184850000000,213.791960000000 476.472000000000,214.095650000000 476.752740000000,212.986830000000 C 478.601370000000,213.523580000000 480.547120000000,212.015720000000 482.462840000000,213.624230000000 C 483.462200000000,214.464670000000 483.901840000000,215.555840000000 484.405050000000,216.576390000000 C 486.469090000000,220.773330000000 484.844700000000,224.336400000000 481.069750000000,227.214410000000 C 480.834920000000,227.394500000000 481.099760000000,228.093700000000 480.937320000000,228.503330000000 C 480.501210000000,229.601560000000 478.802680000000,229.825800000000 478.873280000000,231.349550000000 C 478.401860000000,231.349550000000 477.776820000000,231.190620000000 477.541990000000,231.430750000000 C 475.578590000000,233.445350000000 473.452750000000,235.083870000000 471.023220000000,236.100880000000 C 468.902680000000,236.987240000000 466.660310000000,237.974230000000 464.610390000000,238.765240000000 C 458.623090000000,241.074710000000 452.328560000000,243.045170000000 445.677370000000,242.649670000000 C 443.586840000000,245.012100000000 440.037890000000,244.909690000000 437.189910000000,246.150940000000 C 436.538380000000,246.435210000000 436.054590000000,245.610660000000 435.835650000000,245.661860000000 C 431.534540000000,246.689460000000 427.997950000000,248.283840000000 424.429580000000,251.047080000000 C 424.124120000000,251.283910000000 423.470830000000,251.276840000000 423.128300000000,251.049080000000 C 417.977910000000,247.644910000000 424.002290000000,243.108960000000 426.627810000000,239.840750000000 M 293.478660000000,181.558530000000 C 293.478660000000,181.558530000000 297.009950000000,185.796090000000 289.947360000000,187.914860000000 C 282.884780000000,190.033640000000 252.515660000000,207.690100000000 252.515660000000,207.690100000000 L 265.228320000000,190.739890000000 L 293.478660000000,181.558530000000 M 222.852800000000,192.858670000000 C 228.502870000000,190.033640000000 225.677840000000,197.802480000000 224.265320000000,199.921260000000 C 222.852800000000,202.040030000000 220.027770000000,205.571320000000 220.027770000000,212.633910000000 C 220.027770000000,219.696490000000 216.496480000000,215.458940000000 215.083960000000,210.515130000000 C 213.671440000000,205.571320000000 217.908990000000,204.865070000000 218.615250000000,199.921260000000 C 219.321510000000,194.977450000000 222.852800000000,192.858670000000 222.852800000000,192.858670000000 M 207.315120000000,300.916220000000 L 197.427500000000,314.335140000000 C 201.665050000000,295.972410000000 176.239740000000,305.153770000000 181.183550000000,302.328740000000 C 186.127360000000,299.503710000000 173.414710000000,298.797450000000 176.239740000000,297.384930000000 C 179.064780000000,295.972410000000 176.781790000000,293.196820000000 169.883410000000,295.266160000000 C 155.758240000000,299.503710000000 157.877020000000,274.078400000000 157.877020000000,274.078400000000 L 164.939610000000,260.659490000000 C 164.939610000000,260.659490000000 163.090970000000,288.837440000000 173.414710000000,289.616090000000 C 181.981620000000,290.262310000000 181.183550000000,281.140990000000 186.833620000000,287.497310000000 C 192.483690000000,293.853640000000 207.315120000000,300.916220000000 207.315120000000,300.916220000000 M 194.602460000000,226.052820000000 C 194.602460000000,226.052820000000 195.308720000000,238.059220000000 199.546270000000,240.884250000000 C 203.783820000000,243.709280000000 201.665050000000,242.296770000000 196.014980000000,240.177990000000 C 190.364910000000,238.059220000000 192.483690000000,236.646700000000 192.483690000000,236.646700000000 C 192.483690000000,236.646700000000 187.539880000000,237.352960000000 191.777430000000,240.884250000000 C 196.014980000000,244.415540000000 202.371310000000,248.653090000000 199.546270000000,248.653090000000 C 196.721240000000,248.653090000000 183.302330000000,241.590510000000 183.302330000000,236.646700000000 C 183.302330000000,231.702890000000 181.536680000000,224.463740000000 181.536680000000,224.463740000000 C 181.536680000000,224.463740000000 183.478890000000,223.051220000000 191.953990000000,223.227790000000 C 191.953990000000,223.227790000000 194.425900000000,224.463740000000 194.602460000000,226.052820000000 M 389.061250087815,319.509952962413 C 385.275496362767,318.997570155586 382.243063183235,319.124660567486 381.760970000000,320.691460000000 C 380.348450000000,325.282140000000 358.807570000000,331.991600000000 355.276280000000,333.050990000000 C 352.114000000000,334.000900000000 349.799240000000,333.769600000000 350.676770000000,336.845360000000 C 353.501800000000,346.732980000000 343.935530000000,331.689670000000 343.935530000000,331.689670000000 C 349.920515882746,336.981014675161 354.607186913630,311.546334132891 373.058749411176,311.396544705576 L 369.048320000000,309.391330000000 C 357.748180000000,316.453910000000 358.454440000000,313.628880000000 358.454440000000,313.628880000000 C 364.104510000000,310.803840000000 378.935940000000,294.559900000000 378.935940000000,294.559900000000 C 393.767370000000,268.781460000000 422.723970000000,276.903430000000 422.723970000000,276.903430000000 C 440.380430000000,277.609690000000 491.585940000000,256.068810000000 491.585940000000,256.068810000000 C 491.614131603860,256.294345625093 491.622629662710,256.522694606930 491.612781800141,256.753317896456 C 492.652590845248,256.218739702570 493.612003321421,255.945891781694 494.410970000000,256.068810000000 C 494.410970000000,256.068810000000 500.414170000000,258.540710000000 505.356210000000,255.362550000000 C 505.356210000000,255.362550000000 515.950090000000,252.537520000000 519.834510000000,246.534320000000 C 519.834510000000,246.534320000000 536.078460000000,228.877850000000 538.197230000000,232.056020000000 C 538.197230000000,232.056020000000 542.081650000000,228.877850000000 538.903490000000,253.243770000000 C 538.903490000000,253.243770000000 534.665940000000,265.603300000000 539.962880000000,271.606500000000 C 539.962880000000,271.606500000000 543.141040000000,277.609690000000 543.141040000000,279.728470000000 C 543.141040000000,281.847240000000 548.084850000000,288.203570000000 547.731720000000,289.969220000000 C 547.731720000000,289.969220000000 553.734920000000,321.397720000000 539.609750000000,301.622480000000 C 539.609750000000,301.622480000000 538.197230000000,292.794250000000 533.606550000000,285.378540000000 C 533.606550000000,285.378540000000 520.893900000000,274.078400000000 520.540770000000,280.787860000000 C 520.540770000000,280.787860000000 514.890700000000,286.791050000000 520.187640000000,302.681870000000 C 520.187640000000,302.681870000000 530.781520000000,333.050990000000 495.470360000000,344.704250000000 C 495.470360000000,344.704250000000 473.574580000000,357.416910000000 447.796140000000,339.407310000000 C 447.796140000000,339.407310000000 441.792950000000,334.463500000000 437.555390000000,332.697860000000 C 437.555390000000,332.697860000000 425.902130000000,331.991600000000 417.427030000000,329.872820000000 C 417.427030000000,329.872820000000 409.658180000000,325.282140000000 406.480020000000,323.869630000000 C 406.480020000000,323.869630000000 406.190369593954,323.773079781799 405.673692436419,323.607866461699 C 398.270888148759,323.782173547052 391.936704619792,321.014005132354 389.061250087752,319.509952962398" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 437.161958833739,431.357216610274 C 437.519000541721,431.657742899884 437.885503875933,431.965396859322 438.261650000000,432.280310000000 C 468.630770000000,457.705620000000 482.757700000000,481.718400000000 482.051450000000,484.543440000000 C 481.345190000000,487.368470000000 475.693350000000,483.837180000000 475.693350000000,483.837180000000 C 464.393220000000,483.307490000000 479.226410000000,500.787380000000 479.226410000000,500.787380000000 C 499.001650000000,472.537040000000 493.351580000000,517.031330000000 493.351580000000,517.031330000000 C 499.001650000000,553.756770000000 504.649950000000,540.337860000000 504.649950000000,540.337860000000 C 511.712540000000,494.431060000000 495.470360000000,474.655820000000 495.470360000000,474.655820000000 C 481.528468874012,469.200295892818 450.936834801378,439.292370902400 442.546077570537,430.924961394435 C 442.273595956891,430.946852319019 442.001157834734,430.968737463687 441.728763859604,430.990616769379 C 444.356985588945,434.989044061454 444.545812207061,436.454354602789 438.689047413637,431.234678102256 C 438.179853256749,431.275545625131 437.670822297471,431.316391923584 437.161958833781,431.357216610305" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 441.728763859604,430.990616769379 C 442.001157834734,430.968737463687 442.273595956891,430.946852319019 442.546077570539,430.924961394438 C 441.160611497937,429.543350453980 440.380430000000,428.749020000000 440.380430000000,428.749020000000 C 440.380430000000,428.749020000000 440.253052678820,428.663178733686 440.021705444711,428.508488251077 C 440.660326232107,429.406364152500 441.237209923692,430.242794524771 441.728763859663,430.990616769441" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 438.689047413587,431.234678102201 C 439.701652099524,431.153407245759 440.714902182104,431.072052452971 441.728763859604,430.990616769379 C 441.237209923692,430.242794524771 440.660326232107,429.406364152500 440.021705444012,428.508488250632 C 438.429332741789,427.443747179686 431.911253826982,423.117187349041 428.100456483693,421.069794280215 C 432.827723485435,425.790190519404 436.272852164785,429.081312207267 438.689047413637,431.234678102256" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 437.161958833781,431.357216610305 C 437.670822297471,431.316391923584 438.179853256749,431.275545625131 438.689047413587,431.234678102201 C 436.272852164785,429.081312207267 432.827723485435,425.790190519404 428.100456483703,421.069794280224 C 423.732426839632,418.723021987686 422.921307172828,419.370689239325 437.161958833739,431.357216610274" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 150.834975350775,317.543625103838 C 150.200666914408,318.812648474441 149.290789312452,319.947810092468 147.989400000000,320.691460000000 C 147.989400000000,320.691460000000 144.326175729468,320.284434440706 149.050476061243,329.358177717790 C 151.578803619469,332.246391206490 152.933210000000,332.697860000000 152.933210000000,332.697860000000 C 152.933210000000,332.697860000000 162.467700000000,334.816630000000 161.408310000000,336.229150000000 C 160.348920000000,337.641670000000 156.111370000000,343.644860000000 156.111370000000,343.644860000000 C 156.111370000000,343.644860000000 174.120970000000,333.050990000000 185.067970000000,326.341530000000 C 185.067970000000,326.341530000000 157.877020000000,334.110370000000 151.520690000000,317.160170000000 C 151.520690000000,317.160170000000 151.253171000079,317.293929499961 150.834975350797,317.543625103782" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 150.834975350797,317.543625103782 C 148.899343622703,318.699349066843 143.735720278709,322.338807389753 146.930010000000,326.694660000000 C 147.708742567375,327.756568775424 148.416513032759,328.633975442619 149.050476061313,329.358177717921 C 144.326175729468,320.284434440706 147.989400000000,320.691460000000 147.989400000000,320.691460000000 C 149.290789312452,319.947810092468 150.200666914408,318.812648474441 150.834975350775,317.543625103838" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 413.094820023507,433.281718567682 C 429.575931046276,437.046623836773 446.717542121505,446.777274407666 446.056980000000,446.017040000000 C 442.586983250331,442.094184011799 430.731382209896,436.580702996544 420.496255180409,432.691257609219 C 418.023790911991,432.888713688109 415.556477397979,433.085549186025 413.094820023507,433.281718567683" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 349.356284781695,438.306675429040 C 350.115837499109,438.247530135464 350.876474691428,438.188270381907 351.638178664452,438.128897762619 C 353.741789083730,437.511126897098 355.922404503110,436.939216172936 358.154489334299,436.412943455111 L 358.952350000000,432.280310000000 C 358.952350000000,432.280310000000 369.331893553882,431.479456939354 368.751618900870,434.303474430484 C 385.166011610108,431.583728127438 402.180915360694,431.111788489892 410.869420000000,432.810000000000 C 411.608744071564,432.954083574156 412.351109570184,433.111827144675 413.094820023507,433.281718567682 C 415.556477397979,433.085549186025 418.023790911991,432.888713688109 420.496255180411,432.691257609222 C 411.935836892436,429.438217434163 404.508981360099,427.321231456341 404.069910000000,428.221090000000 C 403.104100000000,430.198610000000 377.115560000000,422.219660000000 344.488180000000,437.577250000000 C 344.328305043680,437.652915851571 344.110823768447,437.737692104933 343.844463509852,437.829957833993 C 345.575617583402,437.810023247216 347.820938278007,437.884618364346 349.356284781909,438.306675428935" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 349.356284781909,438.306675428935 C 349.643786033723,438.385707708683 349.906392451662,438.476923540414 350.136066343292,438.581983673907 C 350.632092072479,438.428307273855 351.132914126133,438.277279662744 351.638178664445,438.128897762614 C 350.876474691428,438.188270381907 350.115837499109,438.247530135464 349.356284781695,438.306675429040" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 341.217747454366,438.939241070208 L 340.980659399043,442.000171671896 C 343.750979833029,440.743034232403 346.837468654599,439.603939972301 350.136066343038,438.581983674009 C 349.906392451662,438.476923540414 349.643786033723,438.385707708683 349.356284781909,438.306675428935 C 346.629186078848,438.519030739857 343.916067318238,438.729910549561 341.217747454365,438.939241070208" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 339.283377651213,439.089236745843 C 334.320522129277,440.312560515279 327.804590000000,441.673550000000 327.804590000000,441.673550000000 C 322.998500000000,445.151870000000 308.474290000000,452.514620000000 308.474290000000,452.514620000000 C 299.816428651647,450.809190519529 295.333286700831,457.792229631411 293.091973649894,463.983766018249 C 295.644631219777,463.995018015817 299.103829710840,464.330551653313 297.716210000000,466.180720000000 C 296.080251237451,468.361990628836 293.181137054731,468.016944455592 291.944806099283,467.746419413814 C 291.236997728391,470.542288231166 291.015580000000,472.590010000000 291.015580000000,472.590010000000 C 291.015580000000,472.590010000000 308.883920000000,455.498560000000 313.352770000000,455.692780000000 C 317.821620000000,455.887000000000 333.615330000000,445.681560000000 338.864590000000,443.015440000000 C 339.546866724831,442.668858982530 340.252852146341,442.330441677798 340.980659399035,442.000171671893 L 341.217747454366,438.939241070208 C 340.572106504886,438.989328666536 339.927312830839,439.039327562025 339.283377651186,439.089236745845" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 365.914903336854,437.012697671914 C 381.309497249568,435.805576830099 397.082500173079,434.557739721784 413.094820023507,433.281718567683 C 412.351109570184,433.111827144675 411.608744071564,432.954083574156 410.869420000000,432.810000000000 C 402.180915360694,431.111788489892 385.166011610108,431.583728127438 368.751618900556,434.303474430584 C 368.702270260782,434.543639018148 368.573655696466,434.810020164251 368.352650000000,435.105340000000 C 367.733462815641,435.927306249562 366.876053935850,436.546639710885 365.914903336877,437.012697671948" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 351.638178664452,438.128897762619 C 353.723521145009,437.966351354082 355.816859343971,437.802958996045 357.917830179539,437.638753402241 L 358.154489334302,436.412943455114 C 355.922404503110,436.939216172936 353.741789083730,437.511126897098 351.638178664445,438.128897762614" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 357.917830179539,437.638753402240 L 357.772900000000,438.389440000000 C 357.772900000000,438.389440000000 362.499049296703,438.669031206935 365.914903336877,437.012697671948 C 363.237522610728,437.222636439659 360.571587661073,437.431343658283 357.917830179539,437.638753402241" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 357.917830179539,437.638753402241 C 360.571587661073,437.431343658283 363.237522610728,437.222636439659 365.914903336854,437.012697671914 C 366.876053935850,436.546639710885 367.733462815641,435.927306249562 368.352650000000,435.105340000000 C 368.573655696466,434.810020164251 368.702270260782,434.543639018148 368.751618900870,434.303474430484 C 365.159288710823,434.898697593944 361.595720837118,435.601582600744 358.154489334299,436.412943455111 L 357.917830179539,437.638753402240" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 368.751618900870,434.303474430484 C 369.331893553882,431.479456939354 358.952350000000,432.280310000000 358.952350000000,432.280310000000 L 358.154489334302,436.412943455114 C 361.595720837118,435.601582600744 365.159288710823,434.898697593944 368.751618900556,434.303474430584" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 127.168898897385,450.975658740198 C 127.465356037853,451.009697989508 127.764571136879,451.043112326239 128.066569838164,451.075887581223 C 128.313937749776,449.607254368757 128.920420000000,448.524250000000 128.920420000000,448.524250000000 C 128.285522326844,449.340547245068 127.702597820378,450.158008059970 127.168898897370,450.975658740196" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 127.168898897370,450.975658740196 C 111.598886211297,474.829616308905 137.925220000000,498.845170000000 137.925220000000,498.845170000000 C 137.925220000000,498.845170000000 156.111370000000,521.622010000000 173.414710000000,527.625210000000 C 191.318360000000,533.840280000000 191.071170000000,526.918950000000 191.071170000000,526.918950000000 L 203.077570000000,506.437450000000 C 217.202740000000,495.137320000000 198.133760000000,495.843580000000 198.133760000000,495.843580000000 C 193.896200000000,491.606020000000 178.358520000000,495.843580000000 178.358520000000,495.843580000000 C 175.974890000000,485.514540000000 204.490080000000,483.837180000000 204.490080000000,483.837180000000 C 232.740420000000,482.424660000000 241.921780000000,447.111740000000 241.921780000000,447.111740000000 C 241.876729217274,446.931534317548 241.881969288888,446.690261154579 241.931267548165,446.396444600833 C 239.942849162250,446.538930252078 237.976586139238,446.679234788891 236.033127580308,446.817299727068 C 230.719965532296,451.830156391381 221.582460020327,458.860772987076 213.671440000000,456.999360000000 C 209.165593788960,455.934103914834 196.739623448404,451.633232453851 192.763885563564,449.756350502324 C 192.158872097492,449.794905153897 191.558320359436,449.833028532604 190.962271228951,449.870716955215 C 185.050185596412,453.681462809106 162.820830000000,455.586840000000 162.820830000000,455.586840000000 C 129.877525677402,463.556995606386 127.315133920233,455.537192762473 128.066569838113,451.075887581161 C 127.764571136879,451.043112326239 127.465356037853,451.009697989508 127.168898897385,450.975658740198" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 350.136066343038,438.581983674009 C 346.837468654599,439.603939972301 343.750979833029,440.743034232403 340.980659399035,442.000171671893 L 340.822700000000,444.039510000000 C 340.822700000000,444.039510000000 347.876450000000,444.498580000000 350.696190000000,440.755410000000 C 351.482932985544,439.706091047784 351.098858721500,439.022395490253 350.136066343292,438.581983673907" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 341.217747454365,438.939241070208 C 343.916067318238,438.729910549561 346.629186078848,438.519030739857 349.356284781695,438.306675429040 C 347.820938278007,437.884618364346 345.575617583402,437.810023247216 343.844463509447,437.829957834041 C 343.213508005752,438.048517351459 342.308280942619,438.309102091931 341.244785419178,438.590166825654 L 341.217747454366,438.939241070208" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 343.844463509447,437.829957834041 C 342.388274581106,437.846726141993 341.295890000000,437.930380000000 341.295890000000,437.930380000000 L 341.244785419146,438.590166825659 C 342.308280942619,438.309102091931 343.213508005752,438.048517351459 343.844463509852,437.829957833993" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 236.033127580308,446.817299727068 C 237.976586139238,446.679234788891 239.942849162250,446.538930252078 241.931267548230,446.396444600753 C 242.654805930284,442.084171570164 252.868790000000,426.453680000000 252.868790000000,426.453680000000 C 252.868790000000,426.453680000000 258.518860000000,423.628640000000 253.575050000000,423.628640000000 C 248.631240000000,423.628640000000 240.509270000000,442.167930000000 240.509270000000,442.167930000000 C 240.509270000000,442.167930000000 238.783647415319,444.222242102172 236.033127580382,446.817299727030" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 190.962271228951,449.870716955215 C 191.558320359436,449.833028532604 192.158872097492,449.794905153897 192.763885563629,449.756350502343 C 192.324480248680,449.548914315936 191.988294915792,449.371087274010 191.777430000000,449.230510000000 C 191.558365302087,449.449574697913 191.284564121989,449.662977016783 190.962271229072,449.870716955229" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 293.091973649894,463.983766018249 C 292.613802339614,465.304694866408 292.237669620626,466.589597850563 291.944806099523,467.746419413833 C 293.181137054731,468.016944455592 296.080251237451,468.361990628836 297.716210000000,466.180720000000 C 299.103829710840,464.330551653313 295.644631219777,463.995018015817 293.091973649819,463.983766018215" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 293.091973649819,463.983766018215 C 291.746953608793,463.977837231505 290.653620000000,464.061940000000 290.653620000000,464.061940000000 L 291.359880000000,467.593230000000 C 291.359880000000,467.593230000000 291.579927194342,467.666579237874 291.944806099283,467.746419413814 C 292.237669620626,466.589597850563 292.613802339614,465.304694866408 293.091973649894,463.983766018249" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 333.040836608321,40.317065189222 C 323.667374945534,47.524696121684 312.736277635836,55.769060392245 310.781990000000,56.550776000000 C 307.250700000000,57.963293000000 287.122330000000,71.382205000000 285.709810000000,72.088463000000 C 285.709810000000,72.088463000000 286.464190893200,71.886068141041 287.783815303572,71.524925505849 C 299.528771719356,65.768994980813 318.197700000000,53.019483000000 318.197700000000,53.019483000000 C 321.409190249935,50.450296256666 322.284165420340,49.049364571877 333.040836608286,40.317065189248" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 646.955548530483,14.842730934440 C 639.417210977688,11.044531159039 602.298524207823,-5.682417699202 547.025460000000,2.168869800000 C 547.025460000000,2.168869800000 515.596960000000,7.818938000000 501.824920000000,10.997101000000 C 501.824920000000,10.997101000000 497.236000000000,9.937713600000 496.176620000000,9.231455000000 C 495.117230000000,8.525196500000 474.280840000000,-7.365620200000 425.549000000000,4.993903900000 C 425.549000000000,4.993903900000 395.533010000000,13.115877000000 380.348450000000,21.590979000000 C 380.348450000000,21.590979000000 353.510630000000,23.709755000000 347.154300000000,29.359823000000 C 347.154300000000,29.359823000000 345.335703718339,30.787323359509 342.508400836997,32.988890359319 C 352.171366958638,26.181660000000 356.068541358792,26.181660000000 358.454440000000,26.181660000000 C 361.279470000000,26.181660000000 378.935940000000,22.650367000000 378.935940000000,22.650367000000 C 465.099480000000,-17.606369000000 497.589130000000,10.643972000000 497.589130000000,10.643972000000 C 505.356210000000,12.762748000000 514.537570000000,9.231455000000 514.537570000000,9.231455000000 C 572.391014143749,-6.290200441320 616.677022417731,2.327606369406 646.955548530216,14.842730934322" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 342.508400836963,32.988890359343 C 340.729904730849,34.241780262408 338.756089902821,35.725268077743 336.560430000000,37.481796000000 C 335.281193716668,38.505185026666 334.112017915538,39.447476846854 333.040836608286,40.317065189248 C 336.619002115274,37.565670099854 339.970188081807,34.965348374199 342.508400836997,32.988890359319" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 339.283377651186,439.089236745845 C 339.927312830839,439.039327562025 340.572106504886,438.989328666536 341.217747454365,438.939241070208 L 341.244785419146,438.590166825659 C 340.635640270349,438.751154075042 339.974571541939,438.918860253503 339.283377651213,439.089236745843" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 578.762550528894,357.984332170820 C 579.443981120360,358.520921657950 579.866490000000,358.829420000000 579.866490000000,358.829420000000 C 579.866490000000,358.829420000000 578.614775119515,355.700141660360 578.762550528822,357.984332170647" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 364.662614521501,354.034133049112 C 363.145860505515,352.438677676711 362.134677583552,351.390148282277 361.800340000000,351.072940000000 C 362.840668327434,352.182443745920 363.771795597329,353.161989710122 364.662614521579,354.034133049196" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 517.062168169518,82.707377818670 L 514.002145330003,82.962379716492 L 516.134816602563,83.815498390602 C 517.259917142797,83.631285628080 518.068870000000,83.388600000000 518.068870000000,83.388600000000 C 518.068870000000,83.388600000000 517.706734760589,83.138830120997 517.062168169605,82.707377818726" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 514.002145330003,82.962379716492 L 491.232810000000,73.854110000000 L 383.526620000000,53.725742000000 C 383.526620000000,53.725742000000 383.161703897603,53.770123675297 382.505296981934,53.851894145142 C 411.081972407072,59.506242035830 508.388848910181,78.963789920943 509.593760000000,81.976083000000 C 509.813809350036,82.526205128811 510.170979960657,82.939206069843 510.617208609428,83.244457770519 L 514.002145330003,82.962379716492" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 218.885732161282,259.715529730363 C 219.419290159929,260.462044280920 219.758924452508,261.002750826694 219.411560000000,260.881960000000 C 219.311382517832,260.847238675731 219.213365981411,260.812943059792 219.117460281373,260.779056327225 C 219.193930416603,261.076202706783 219.262629078143,261.277428617214 219.321510000000,261.365750000000 C 220.027770000000,262.425130000000 217.555860000000,258.540710000000 224.265320000000,262.778260000000 C 229.940993270654,266.362892633336 234.353198515450,268.936758001809 236.433141568735,272.637432330203 C 235.278763443152,269.165325353410 233.644247977038,263.850116198580 233.446680000000,262.072010000000 C 233.093550000000,258.893840000000 225.677840000000,246.181190000000 227.090350000000,241.943640000000 C 227.090350000000,241.943640000000 228.745835584201,243.599116208133 230.133196683842,245.948281747730 C 229.886395496652,245.385726582977 229.459240747539,243.621137875658 230.268520000000,238.765470000000 C 230.268520000000,238.765470000000 231.681040000000,229.584110000000 234.152940000000,223.934050000000 C 236.624840000000,218.283980000000 240.156140000000,211.574520000000 240.862400000000,210.162000000000 C 241.568650000000,208.749490000000 241.568650000000,198.508740000000 244.040560000000,203.099420000000 L 250.043760000000,207.690100000000 C 250.043760000000,207.690100000000 245.099950000000,203.099420000000 248.984370000000,199.215000000000 C 248.984370000000,199.215000000000 247.218720000000,189.327380000000 250.396890000000,184.736700000000 C 250.396890000000,184.736700000000 262.756410000000,169.905270000000 265.581440000000,168.139620000000 C 268.406480000000,166.373980000000 265.934570000000,167.080230000000 265.934570000000,167.080230000000 C 265.934570000000,167.080230000000 276.528450000000,159.664520000000 266.287700000000,162.489550000000 C 266.287700000000,162.489550000000 259.225120000000,165.314590000000 253.928180000000,165.314590000000 C 253.928180000000,165.314590000000 240.509270000000,168.845880000000 247.571850000000,161.430170000000 C 254.634440000000,154.014450000000 272.290900000000,144.479960000000 279.000360000000,144.833090000000 L 280.412870000000,147.658120000000 L 300.188110000000,143.420570000000 L 298.238310780621,144.720442281257 C 298.665119054749,144.565238672305 300.134375404042,144.249657911831 305.131920000000,143.773700000000 C 312.547640000000,143.067440000000 322.788380000000,145.539350000000 325.260290000000,142.361190000000 C 327.732190000000,139.183020000000 333.735390000000,137.417380000000 333.029130000000,139.889280000000 C 332.322870000000,142.361190000000 331.969750000000,145.892480000000 331.969750000000,145.892480000000 C 331.969750000000,145.892480000000 340.797980000000,135.651730000000 339.738590000000,139.536150000000 C 339.064887941255,142.006384522726 332.964417940053,146.618765030865 327.976043517400,152.465116821214 C 328.509969125688,152.514380154566 328.791580000000,152.601930000000 328.791580000000,152.601930000000 L 329.338272467188,154.242007401563 C 331.006472653844,152.080598850597 329.497840000000,154.720710000000 329.497840000000,154.720710000000 L 329.338272467188,154.242007401563 C 328.723672224157,155.038316040790 327.677867278344,156.486354871451 325.966550000000,158.958260000000 L 324.628375057208,161.262894038902 L 340.091720000000,149.070640000000 L 346.448040000000,143.773700000000 C 346.448040000000,143.773700000000 352.804370000000,147.658120000000 353.157500000000,144.833090000000 C 353.510630000000,142.008060000000 361.632600000000,131.767310000000 363.751380000000,132.120440000000 C 365.870150000000,132.473570000000 369.401450000000,127.529760000000 369.048320000000,132.120440000000 C 368.695190000000,136.711120000000 382.114100000000,146.245610000000 382.114100000000,146.245610000000 C 382.114100000000,146.245610000000 387.574147251976,143.174327984943 390.107601966100,145.418413244444 C 388.161853534960,134.718933143263 387.638980020027,108.146945294645 424.136480000000,90.451185000000 L 510.617208609456,83.244457770486 C 510.170979960657,82.939206069843 509.813809350036,82.526205128811 509.593760000000,81.976083000000 C 508.388848910181,78.963789920943 411.081972407072,59.506242035830 382.505296981898,53.851894145141 C 377.607019535208,54.462086449164 356.476992380516,57.154284522655 349.626210000000,59.022681000000 C 341.857360000000,61.141456000000 309.016340000000,74.560368000000 303.719400000000,78.091661000000 C 303.719400000000,78.091661000000 280.059740000000,87.626151000000 250.043760000000,122.939080000000 C 250.043760000000,122.939080000000 263.462670000000,116.935880000000 267.347090000000,111.992070000000 C 267.347090000000,111.992070000000 291.359880000000,89.744926000000 291.006750000000,94.335607000000 C 291.006750000000,94.335607000000 312.547640000000,79.151049000000 311.488250000000,83.035470000000 C 311.488250000000,83.035470000000 354.570020000000,63.260232000000 351.038730000000,68.910300000000 C 351.038730000000,68.910300000000 389.176690000000,60.788327000000 387.411040000000,64.319620000000 C 387.411040000000,64.319620000000 420.605190000000,72.088463000000 415.661380000000,72.441593000000 C 415.661380000000,72.441593000000 405.420630000000,74.560368000000 416.720770000000,80.916695000000 C 416.720770000000,80.916695000000 410.717570000000,88.685539000000 401.183080000000,81.622953000000 C 391.648590000000,74.560368000000 396.945530000000,78.444790000000 388.117300000000,80.210436000000 C 388.117300000000,80.210436000000 383.526620000000,81.622953000000 375.404640000000,74.560368000000 C 375.404640000000,74.560368000000 365.517020000000,66.438395000000 349.979340000000,72.794722000000 C 349.979340000000,72.794722000000 295.950560000000,95.041865000000 292.419270000000,96.101253000000 C 292.419270000000,96.101253000000 286.062940000000,101.045060000000 281.825390000000,107.401390000000 C 281.825390000000,107.401390000000 271.584640000000,115.170230000000 266.287700000000,117.642140000000 C 266.287700000000,117.642140000000 243.687430000000,138.123630000000 241.568650000000,140.595540000000 C 241.568650000000,140.595540000000 235.851149681969,149.339962335451 234.262841919175,150.417627431662 C 235.435191382216,149.717015702355 245.657499307307,143.569280692693 248.984370000000,140.242410000000 C 248.984370000000,140.242410000000 273.703420000000,122.585950000000 283.237910000000,121.173430000000 C 283.237910000000,121.173430000000 291.006750000000,115.876490000000 292.419270000000,113.404590000000 C 292.419270000000,113.404590000000 317.844570000000,97.160641000000 325.260290000000,97.160641000000 C 325.260290000000,97.160641000000 341.504240000000,106.342000000000 345.741790000000,93.982477000000 C 345.741790000000,93.982477000000 355.982530000000,90.804314000000 365.870150000000,92.923090000000 C 365.870150000000,92.923090000000 371.520220000000,88.332409000000 370.107710000000,84.447987000000 C 370.107710000000,84.447987000000 372.932740000000,81.269824000000 374.698390000000,87.979280000000 C 374.698390000000,87.979280000000 380.701580000000,94.335607000000 389.176690000000,90.804314000000 C 389.176690000000,90.804314000000 396.239270000000,90.451185000000 392.707980000000,94.688736000000 C 392.707980000000,94.688736000000 384.939130000000,101.398190000000 364.104510000000,101.751320000000 C 364.104510000000,101.751320000000 342.210490000000,102.810710000000 313.253890000000,116.229620000000 C 313.253890000000,116.229620000000 260.637630000000,134.592340000000 244.393690000000,152.955060000000 C 244.393690000000,152.955060000000 233.093550000000,168.492750000000 223.559060000000,170.611530000000 C 223.559060000000,170.611530000000 213.318310000000,172.024040000000 202.724440000000,185.089830000000 C 202.724440000000,185.089830000000 220.027770000000,174.849080000000 235.918590000000,174.849080000000 C 235.918590000000,174.849080000000 242.981170000000,170.611530000000 236.271720000000,176.967850000000 C 236.271720000000,176.967850000000 229.915390000000,190.386770000000 232.740420000000,199.921260000000 C 232.740420000000,199.921260000000 231.681040000000,209.102620000000 230.268520000000,211.927650000000 C 230.268520000000,211.927650000000 216.496480000000,234.527920000000 216.496480000000,238.765470000000 C 216.496480000000,242.321376850725 217.988425111450,255.077627145442 218.885732161138,259.715529730325" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 218.885732161138,259.715529730325 C 218.968593324551,260.143813453396 219.046383733309,260.502868258759 219.117460281562,260.779056327853 C 219.213365981411,260.812943059792 219.311382517832,260.847238675731 219.411560000000,260.881960000000 C 219.758924452508,261.002750826694 219.419290159929,260.462044280920 218.885732161282,259.715529730363" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 218.885732161282,259.715529730363 C 218.163610929758,258.705191570376 217.086277508536,257.317872619756 216.876090000000,256.683250000000 C 214.812050000000,250.448760000000 217.123280000000,245.768030000000 213.530190000000,240.665310000000 C 214.250580000000,239.420530000000 214.068710000000,237.949750000000 213.872730000000,236.738510000000 C 213.607880000000,235.101760000000 212.776260000000,233.521500000000 212.130030000000,231.879450000000 C 210.578030000000,227.943830000000 209.546890000000,224.061170000000 208.923620000000,219.938390000000 C 208.909500000000,219.844810000000 209.451380000000,219.707090000000 209.460380000000,219.557010000000 C 209.767600000000,214.542570000000 209.433890000000,209.526370000000 211.791030000000,204.900380000000 C 212.292430000000,203.916910000000 213.101140000000,202.795730000000 212.304830000000,201.552710000000 C 214.564860000000,198.607610000000 216.911400000000,195.570700000000 217.110920000000,191.827530000000 C 217.190380000000,190.342610000000 214.999210000000,190.572160000000 213.738540000000,190.369110000000 C 212.733880000000,190.206670000000 213.088780000000,191.666860000000 212.527300000000,192.154180000000 C 210.849940000000,193.616130000000 208.759420000000,194.477770000000 207.595850000000,196.178090000000 C 207.092640000000,196.916130000000 206.428760000000,197.890760000000 205.892010000000,198.401030000000 C 202.996350000000,201.139550000000 205.334060000000,206.316430000000 202.780940000000,209.233270000000 C 202.101160000000,210.010160000000 201.062960000000,212.729250000000 201.163600000000,213.785110000000 C 201.379010000000,216.038070000000 201.048840000000,216.075150000000 201.725080000000,218.204520000000 C 202.127650000000,219.468730000000 198.407430000000,219.569370000000 199.835840000000,220.480440000000 C 200.556220000000,220.939510000000 200.169550000000,222.254920000000 200.930540000000,222.989420000000 C 202.244180000000,224.260690000000 202.002290000000,226.126980000000 201.728610000000,227.345270000000 C 201.135350000000,229.981380000000 203.171140000000,231.335630000000 205.099230000000,233.611550000000 C 205.418810000000,233.987640000000 203.400680000000,235.265960000000 203.750280000000,235.626150000000 C 205.733100000000,237.677840000000 207.438710000000,239.627110000000 209.960050000000,240.827750000000 C 212.378990000000,244.991140000000 209.981240000000,244.680390000000 212.652670000000,248.886160000000 C 212.790390000000,249.101570000000 213.092310000000,252.428050000000 213.205310000000,252.717610000000 C 213.623770000000,253.780530000000 214.206430000000,256.211830000000 214.464220000000,257.311820000000 C 214.769684112505,258.611332675985 214.965502137547,259.312028870122 219.117460281373,260.779056327225 C 219.046383733309,260.502868258759 218.968593324551,260.143813453396 218.885732161138,259.715529730325" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 415.992233844104,103.851288790562 L 417.854444486375,103.061711640240 C 416.547874630162,102.972934390046 415.812146245276,103.186561460558 415.992233843752,103.851288790389" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 510.617208609456,83.244457770486 L 424.136480000000,90.451185000000 C 387.638980020027,108.146945294645 388.161853534960,134.718933143263 390.107601966070,145.418413244556 C 390.151310083688,145.457129050910 390.194147116999,145.497426947402 390.236070000000,145.539350000000 C 392.707980000000,148.011250000000 400.123690000000,110.579550000000 400.123690000000,110.579550000000 L 415.992233844104,103.851288790562 C 415.812146245276,103.186561460558 416.547874630162,102.972934390046 417.854444486242,103.061711640169 L 444.264850000000,91.863702000000 L 521.247030000000,85.860504000000 L 516.134816602563,83.815498390602 C 514.453418626037,84.090793757688 512.065949643943,84.235498273728 510.617208609428,83.244457770519" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 390.107601966070,145.418413244556 C 390.646880959140,148.383855622996 391.295460000000,150.130030000000 391.295460000000,150.130030000000 C 402.595600000000,164.961460000000 418.839540000000,158.252000000000 418.839540000000,158.252000000000 C 426.961520000000,147.305000000000 447.443010000000,151.189420000000 447.443010000000,151.189420000000 C 483.463960000000,156.839490000000 478.873280000000,150.483160000000 478.873280000000,150.483160000000 C 474.635730000000,142.361190000000 446.030500000000,131.414180000000 445.677370000000,130.354790000000 C 445.324240000000,129.295400000000 429.786550000000,123.292210000000 429.786550000000,123.292210000000 C 424.489610000000,121.173430000000 416.720770000000,104.929480000000 416.720770000000,104.929480000000 C 416.301856697891,104.484385089172 416.067359124425,104.128586214791 415.992233843752,103.851288790389 L 400.123690000000,110.579550000000 C 400.123690000000,110.579550000000 392.707980000000,148.011250000000 390.236070000000,145.539350000000 C 390.194147116999,145.497426947402 390.151310083688,145.457129050910 390.107601966100,145.418413244444" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 514.002145330003,82.962379716492 L 510.617208609456,83.244457770486 C 512.065949643943,84.235498273728 514.453418626037,84.090793757688 516.134816602642,83.815498390617 L 514.002145330003,82.962379716492" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 327.976043518022,152.465116821129 C 324.446500915150,152.139459029802 309.890958863822,153.486898384064 292.772400000000,192.858670000000 C 292.772400000000,192.858670000000 288.534850000000,202.040030000000 284.297300000000,205.571320000000 C 280.059740000000,209.102620000000 260.284510000000,215.458940000000 256.753210000000,222.521530000000 L 238.390490000000,250.771870000000 C 238.390490000000,250.771870000000 264.522060000000,222.521530000000 270.172120000000,218.283980000000 C 270.172120000000,218.283980000000 284.297300000000,203.452550000000 278.647230000000,215.458940000000 C 278.647230000000,215.458940000000 253.928180000000,234.527920000000 256.046950000000,250.771870000000 C 256.046950000000,250.771870000000 246.159340000000,276.197180000000 244.746820000000,279.728470000000 C 244.746820000000,279.728470000000 272.997160000000,223.227790000000 277.234710000000,221.109010000000 C 281.472260000000,218.990240000000 283.591040000000,218.990240000000 281.472260000000,225.346560000000 C 280.028956373919,229.676484502220 279.241102353403,244.493653736990 277.322725622212,254.617280889406 C 281.403077921243,243.525448859590 287.357016410562,226.285308980776 286.416070000000,222.521530000000 C 286.416070000000,222.521530000000 292.066140000000,216.165200000000 296.303690000000,225.346560000000 L 294.184910000000,253.596900000000 L 301.953760000000,274.784660000000 C 301.953760000000,274.784660000000 297.716210000000,255.009420000000 300.541240000000,227.465340000000 C 300.541240000000,227.465340000000 297.009950000000,209.102620000000 304.072530000000,218.990240000000 C 309.732957589559,226.914825801922 321.744673319732,235.293082842401 326.291025616840,242.670617803644 C 322.882035321374,233.426424042575 314.716279308218,214.686582893158 302.660020000000,208.396360000000 L 295.597430000000,218.990240000000 L 293.478660000000,215.458940000000 C 293.478660000000,215.458940000000 287.122330000000,214.046430000000 294.891170000000,202.040030000000 C 302.660020000000,190.033640000000 301.953760000000,188.621120000000 301.953760000000,188.621120000000 C 301.953760000000,188.621120000000 313.253890000000,201.333770000000 316.078930000000,201.333770000000 C 316.078930000000,201.333770000000 339.385460000000,187.914860000000 341.504240000000,230.996630000000 C 341.504240000000,230.996630000000 353.510630000000,205.571320000000 337.266680000000,193.564930000000 C 337.266680000000,193.564930000000 311.135120000000,190.033640000000 313.253890000000,180.852280000000 L 324.628375057208,161.262894038902 L 321.729000000000,163.548940000000 C 322.628934888934,159.563505221687 325.120247195706,155.812096924068 327.976043517400,152.465116821214" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 326.291025616841,242.670617803674 C 327.475121153760,245.881541750711 328.085320000000,247.946830000000 328.085320000000,247.946830000000 C 328.085320000000,246.264236695740 327.417216915071,244.498130308786 326.291025616840,242.670617803644" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 327.976043517400,152.465116821214 C 325.120247195706,155.812096924068 322.628934888934,159.563505221687 321.729000000000,163.548940000000 L 324.628375057208,161.262894038902 L 325.966550000000,158.958260000000 C 327.677867278344,156.486354871451 328.723672224157,155.038316040790 329.338272467432,154.242007401194 L 328.791580000000,152.601930000000 C 328.791580000000,152.601930000000 328.509969125688,152.514380154566 327.976043518022,152.465116821129" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 277.322725622204,254.617280889387 C 275.277777729072,260.176168180967 273.703420000000,264.190780000000 273.703420000000,264.190780000000 C 275.279512456493,263.065000584794 276.424924943954,259.355140339059 277.322725622212,254.617280889406" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 329.338272467188,154.242007401563 L 329.497840000000,154.720710000000 C 329.497840000000,154.720710000000 331.006472653844,152.080598850597 329.338272467432,154.242007401194" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 298.238310779544,144.720442281422 C 298.031790760474,144.795540760474 298.069340000000,144.833090000000 298.069340000000,144.833090000000 L 298.238310780621,144.720442281257" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 230.133196683961,245.948281748587 C 230.209471504135,246.122141504135 230.268520000000,246.181190000000 230.268520000000,246.181190000000 C 230.223744566034,246.102832990560 230.178614298246,246.025185658815 230.133196683842,245.948281747730" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 236.433141568737,272.637432330274 C 237.342081363385,275.371316603204 237.953348091846,276.962523916228 237.331100000000,274.784660000000 C 237.113461904972,274.022922815427 236.811989579138,273.311485931933 236.433141568735,272.637432330203" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 234.262841918572,150.417627431095 C 234.190806998247,150.460676463507 234.152940000000,150.483160000000 234.152940000000,150.483160000000 C 234.186960350535,150.466149824733 234.223643659772,150.444223408198 234.262841919175,150.417627431662" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 676.439565654461,163.668037979338 C 676.933402439881,164.214665393148 677.353312911232,164.764627666255 677.683290000000,165.314590000000 C 681.920840000000,172.377170000000 679.802070000000,165.314590000000 679.802070000000,165.314590000000 L 666.012445633601,151.524965633601 C 669.005113126313,155.009394102061 672.406236812373,158.449191968443 676.270770000000,161.783300000000 C 676.270770000000,161.783300000000 676.315702075301,162.502211296220 676.439565654401,163.668037979264" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 666.012445633583,151.524965633603 C 641.112111858801,122.532960310685 644.489140000000,90.451185000000 644.489140000000,90.451185000000 C 645.991137899882,80.366342522158 651.208947606119,72.041621324254 657.746100326339,65.338382692413 C 652.346757497455,69.800253362175 648.285583851321,73.258127224887 647.314170000000,73.500980000000 C 644.489140000000,74.207239000000 638.132810000000,80.563566000000 636.720300000000,87.626151000000 C 635.776233219015,92.346474879580 638.617995950034,90.441595326351 640.606736323819,88.658936579412 C 641.108568329574,87.994766269168 641.693956834393,87.411821796610 642.370360000000,86.919892000000 C 642.370360000000,86.919892000000 641.593564637926,87.774367558206 640.606736323819,88.658936579412 C 635.344768337735,95.623105601472 639.269508615567,111.517735846700 643.782880000000,125.057850000000 C 648.726690000000,139.889280000000 657.908050000000,143.420570000000 657.908050000000,143.420570000000 L 666.012445633601,151.524965633601" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 640.606736323819,88.658936579412 C 641.593564637926,87.774367558206 642.370360000000,86.919892000000 642.370360000000,86.919892000000 C 641.693956834393,87.411821796610 641.108568329574,87.994766269168 640.606736323714,88.658936579368" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 689.547481999788,44.410521026577 C 690.522923432816,44.279402820725 691.102200000000,44.191252000000 691.102200000000,44.191252000000 C 690.611313487441,44.220127667589 690.092092681267,44.294456251356 689.547481999709,44.410521026537" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 788.894457070839,216.217404700124 C 789.564773243116,216.592984235003 790.166523634915,216.819647216767 790.684650000000,216.871460000000 C 790.684650000000,216.871460000000 790.017637580970,216.617995273213 788.894457070836,216.217404700103" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 184.008590000000,255.009420000000 C 198.133760000000,265.603300000000 191.777430000000,291.028600000000 206.608860000000,295.266160000000 C 216.067430000000,297.969360000000 216.496480000000,274.276150000000 216.496480000000,269.134590000000 C 216.496480000000,261.365750000000 184.008590000000,255.009420000000 184.008590000000,255.009420000000 M 209.433890000000,275.395570000000 C 208.330360000000,275.395570000000 207.436950000000,273.382740000000 207.436950000000,270.900240000000 C 207.436950000000,268.419500000000 208.330360000000,266.406670000000 209.433890000000,266.406670000000 C 210.537420000000,266.406670000000 211.432600000000,268.419500000000 211.432600000000,270.900240000000 C 211.432600000000,273.382740000000 210.537420000000,275.395570000000 209.433890000000,275.395570000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 209.433890000000,275.395570000000 C 210.537420000000,275.395570000000 211.432600000000,273.382740000000 211.432600000000,270.900240000000 C 211.432600000000,268.419500000000 210.537420000000,266.406670000000 209.433890000000,266.406670000000 C 208.330360000000,266.406670000000 207.436950000000,268.419500000000 207.436950000000,270.900240000000 C 207.436950000000,273.382740000000 208.330360000000,275.395570000000 209.433890000000,275.395570000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 396.945530000000,233.468540000000 C 398.110860000000,232.843500000000 398.094960000000,231.130820000000 399.119040000000,230.825360000000 C 401.147770000000,230.217980000000 401.437330000000,228.334040000000 402.351940000000,226.949770000000 C 403.893350000000,224.620880000000 404.234120000000,221.914150000000 405.261720000000,219.281570000000 C 405.741980000000,218.045610000000 405.789650000000,216.359420000000 405.237020000000,215.194100000000 C 403.164160000000,210.813530000000 401.924670000000,206.489460000000 399.378610000000,202.206000000000 C 398.905420000000,201.411460000000 398.442820000000,200.009540000000 398.087920000000,198.953680000000 C 397.270430000000,196.510030000000 395.051010000000,194.760270000000 393.532550000000,192.429620000000 C 393.024050000000,191.650970000000 393.951010000000,190.017750000000 392.686810000000,189.869430000000 C 391.103030000000,189.684040000000 388.544600000000,188.659960000000 388.133210000000,190.471520000000 C 387.095010000000,195.039240000000 388.880080000000,199.493970000000 390.589220000000,203.805680000000 C 389.208490000000,205.027500000000 389.798210000000,206.653660000000 390.066590000000,208.007920000000 C 391.320200000000,214.374840000000 389.204960000000,220.293280000000 387.861300000000,226.427140000000 C 387.820700000000,226.610760000000 388.424540000000,226.960360000000 388.375100000000,227.069830000000 C 386.217480000000,231.812360000000 383.653760000000,236.129360000000 380.442050000000,240.333370000000 C 379.103690000000,242.084890000000 377.564050000000,243.702220000000 376.686520000000,245.579100000000 C 376.036770000000,246.968670000000 375.316380000000,248.674280000000 375.757790000000,250.418740000000 C 369.692800000000,255.327240000000 365.720090000000,262.116150000000 361.109990000000,268.906820000000 C 360.294260000000,270.107460000000 360.808070000000,272.242130000000 361.780940000000,272.717090000000 C 363.216410000000,273.419810000000 364.904370000000,271.611790000000 365.734220000000,270.118060000000 C 366.421060000000,268.885630000000 367.044330000000,267.737960000000 367.911260000000,266.602650000000 C 368.146090000000,266.293670000000 367.830060000000,265.553860000000 368.068400000000,265.340220000000 C 372.717350000000,261.196240000000 375.664210000000,256.012310000000 379.995340000000,251.831260000000 C 383.438350000000,251.250360000000 386.152150000000,249.488240000000 389.238500000000,247.699640000000 C 389.782320000000,247.383590000000 390.707520000000,247.823240000000 391.219560000000,247.478940000000 C 394.314740000000,245.400770000000 394.311200000000,241.805920000000 394.498360000000,238.433530000000 C 394.586660000000,236.872700000000 394.932710000000,234.547350000000 396.945550000000,233.468540000000 L 396.945530000000,233.468540000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 381.335450000000,225.583160000000 C 381.554390000000,225.447200000000 381.280750000000,224.700340000000 381.473170000000,224.318960000000 C 381.759210000000,223.746890000000 382.470760000000,223.414950000000 382.756800000000,222.842880000000 C 382.949250000000,222.461500000000 382.661500000000,221.790550000000 382.901580000000,221.539830000000 C 387.020830000000,217.219290000000 387.474600000000,211.879980000000 385.645390000000,206.630710000000 C 387.453410000000,205.536010000000 387.561120000000,203.307770000000 386.810720000000,201.812260000000 C 385.304620000000,198.810660000000 384.963850000000,195.410030000000 383.242350000000,192.685640000000 C 381.826300000000,190.445030000000 379.040110000000,188.248570000000 376.619410000000,190.549200000000 C 375.876070000000,191.255460000000 375.309300000000,192.645030000000 375.800150000000,193.902170000000 C 375.913150000000,194.189970000000 376.416360000000,194.447750000000 376.368690000000,194.592530000000 C 376.179760000000,195.164600000000 375.215720000000,195.560110000000 375.205130000000,196.040360000000 C 375.152130000000,198.681770000000 373.467730000000,201.349660000000 374.580090000000,203.696210000000 C 375.943170000000,206.572450000000 377.389230000000,209.851250000000 378.582810000000,212.987040000000 C 376.404000000000,216.723150000000 378.227910000000,221.047210000000 375.132730000000,224.361330000000 C 374.892610000000,224.619120000000 374.908500000000,225.300660000000 375.123730000000,225.657320000000 C 375.639300000000,226.515420000000 376.356150000000,227.232270000000 377.214250000000,227.747840000000 C 377.570910000000,227.961480000000 378.185360000000,227.965020000000 378.538490000000,227.745840000000 C 379.559030000000,227.106670000000 380.261760000000,226.246800000000 381.335270000000,225.582920000000 L 381.335450000000,225.583160000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 492.239230000000,207.377580000000 C 494.691710000000,210.541620000000 495.203750000000,215.476600000000 491.585940000000,217.930850000000 C 492.557040000000,223.773370000000 498.473720000000,220.279160000000 502.178050000000,219.343360000000 C 501.983830000000,218.658290000000 502.389930000000,218.050910000000 502.884310000000,218.042080000000 C 504.755890000000,218.015580000000 505.956530000000,216.193450000000 507.828120000000,216.518330000000 C 508.605000000000,213.769220000000 511.483000000000,212.529740000000 512.630670000000,210.093140000000 C 515.667590000000,203.569080000000 514.625850000000,196.024470000000 510.070490000000,190.293190000000 C 509.717360000000,189.844710000000 510.088190000000,188.931870000000 509.876270000000,188.292710000000 C 508.534380000000,184.388860000000 504.897140000000,183.832690000000 501.471790000000,182.617920000000 C 499.395390000000,175.776040000000 498.228300000000,168.658720000000 495.117230000000,162.136420000000 C 492.267480000000,161.695010000000 491.035050000000,158.624550000000 488.674390000000,157.353290000000 C 486.320780000000,156.083790000000 485.317890000000,158.871740000000 485.390280000000,160.718610000000 C 485.402680000000,161.080570000000 486.200720000000,161.476070000000 485.900560000000,162.120530000000 C 485.766370000000,162.410100000000 485.307300000000,162.606090000000 485.307300000000,162.842680000000 C 485.309300000000,163.081050000000 485.699270000000,163.312350000000 485.935870000000,163.548940000000 C 484.315000000000,164.996770000000 481.802490000000,165.838980000000 481.281620000000,167.860650000000 C 479.597200000000,174.411200000000 484.140210000000,179.928840000000 487.085300000000,185.580680000000 C 488.128800000000,187.584680000000 486.829290000000,189.828820000000 485.487390000000,191.961720000000 C 484.714040000000,193.188850000000 484.904730000000,195.178730000000 485.392090000000,196.690120000000 C 486.719860000000,200.805840000000 489.529000000000,203.876300000000 492.239270000000,207.377580000000 L 492.239230000000,207.377580000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 426.627810000000,239.840750000000 C 424.002290000000,243.108960000000 417.977910000000,247.644910000000 423.128300000000,251.049080000000 C 423.470830000000,251.276840000000 424.124120000000,251.283910000000 424.429580000000,251.047080000000 C 427.997950000000,248.283840000000 431.534540000000,246.689460000000 435.835650000000,245.661860000000 C 436.054590000000,245.610660000000 436.538380000000,246.435210000000 437.189910000000,246.150940000000 C 440.037890000000,244.909690000000 443.586840000000,245.012100000000 445.677370000000,242.649670000000 C 452.328560000000,243.045170000000 458.623090000000,241.074710000000 464.610390000000,238.765240000000 C 466.660310000000,237.974230000000 468.902680000000,236.987240000000 471.023220000000,236.100880000000 C 473.452750000000,235.083870000000 475.578590000000,233.445350000000 477.541990000000,231.430750000000 C 477.776820000000,231.190620000000 478.401860000000,231.349550000000 478.873280000000,231.349550000000 C 478.802680000000,229.825800000000 480.501210000000,229.601560000000 480.937320000000,228.503330000000 C 481.099760000000,228.093700000000 480.834920000000,227.394500000000 481.069750000000,227.214410000000 C 484.844700000000,224.336400000000 486.469090000000,220.773330000000 484.405050000000,216.576390000000 C 483.901840000000,215.555840000000 483.462200000000,214.464670000000 482.462840000000,213.624230000000 C 480.547120000000,212.015720000000 478.601370000000,213.523580000000 476.752740000000,212.986830000000 C 476.472000000000,214.095650000000 475.184850000000,213.791960000000 474.503310000000,214.141560000000 C 472.986620000000,214.916680000000 470.633010000000,213.883780000000 469.116320000000,214.657130000000 C 466.711510000000,215.884250000000 464.520340000000,216.182650000000 462.009600000000,216.848300000000 C 461.458710000000,216.993080000000 460.085040000000,216.823600000000 459.802540000000,217.930640000000 C 459.565940000000,217.694040000000 459.304630000000,217.280880000000 459.117470000000,217.319720000000 C 455.748610000000,218.018920000000 453.523900000000,218.396770000000 451.226790000000,221.384240000000 C 451.044930000000,221.619070000000 450.264520000000,221.303040000000 449.983780000000,221.541380000000 C 448.294050000000,222.968030000000 447.578970000000,225.146830000000 445.634990000000,226.333350000000 C 445.280100000000,226.550520000000 444.658590000000,226.253850000000 444.316050000000,226.481660000000 C 443.175450000000,227.242660000000 442.527450000000,228.374440000000 441.393910000000,229.163680000000 C 440.813010000000,229.568010000000 440.106750000000,228.994180000000 440.163250000000,228.542170000000 C 440.595840000000,225.104460000000 441.748800000000,221.949250000000 440.733560000000,218.636900000000 C 444.400800000000,214.187470000000 448.844940000000,210.746220000000 452.033690000000,205.924240000000 C 452.060190000000,202.099850000000 453.282010000000,198.310780000000 453.082490000000,194.643530000000 C 453.064790000000,194.302760000000 452.556320000000,193.008540000000 452.333850000000,192.395860000000 C 451.782970000000,190.888000000000 453.382650000000,189.005820000000 451.892440000000,187.727490000000 C 449.413470000000,185.603420000000 447.132260000000,187.150130000000 445.677370000000,189.680300000000 C 442.432110000000,190.368900000000 438.784280000000,191.592490000000 435.998090000000,189.413680000000 C 434.220090000000,188.024120000000 433.199540000000,186.424450000000 431.788790000000,184.559920000000 C 430.049630000000,182.261050000000 430.641120000000,179.725580000000 430.764720000000,176.964110000000 C 430.775320000000,176.738110000000 430.219130000000,176.497980000000 430.219130000000,176.261390000000 C 430.221130000000,176.023020000000 430.609340000000,175.791720000000 430.845940000000,175.555130000000 C 429.599390000000,174.449830000000 429.113840000000,172.581780000000 427.314650000000,172.023830000000 C 427.853170000000,170.095750000000 426.659590000000,168.534920000000 425.121710000000,168.001690000000 C 421.599250000000,166.781630000000 418.638260000000,170.157550000000 415.297660000000,170.286440000000 C 414.390110000000,170.319940000000 413.565560000000,168.487240000000 412.419650000000,167.913410000000 C 411.656890000000,167.532030000000 410.413880000000,167.473760000000 409.774720000000,167.943410000000 C 408.559950000000,168.833290000000 407.519980000000,169.034570000000 406.181620000000,169.396530000000 C 403.326570000000,170.166350000000 401.070080000000,172.097970000000 398.456920000000,173.607600000000 C 395.834940000000,175.120760000000 394.148750000000,177.657990000000 392.241850000000,179.988640000000 C 390.580370000000,182.022670000000 390.340250000000,186.284940000000 392.847460000000,187.167760000000 C 396.101550000000,188.315430000000 398.403950000000,183.542890000000 401.875210000000,184.118490000000 C 402.426100000000,184.208490000000 402.789820000000,184.757660000000 402.595600000000,185.442730000000 C 403.282430000000,185.635180000000 403.667340000000,185.230850000000 404.008110000000,184.736470000000 C 405.523040000000,186.535660000000 407.578250000000,187.130680000000 409.234430000000,188.672090000000 C 410.947100000000,190.268240000000 414.029920000000,189.530200000000 415.822050000000,191.290550000000 C 418.521730000000,193.942550000000 417.534730000000,198.676240000000 420.958320000000,200.980410000000 C 419.923650000000,203.298710000000 418.851900000000,205.553440000000 418.260410000000,208.073010000000 C 417.762500000000,210.202380000000 419.517550000000,212.315860000000 421.655750000000,212.155190000000 C 423.876930000000,211.989220000000 424.339530000000,210.649090000000 425.195870000000,208.749260000000 C 425.667300000000,209.220680000000 426.495390000000,209.745080000000 426.422990000000,210.126460000000 C 425.616090000000,214.341060000000 423.802770000000,217.859990000000 422.994110000000,222.152280000000 C 422.889940000000,222.711990000000 422.351410000000,223.068650000000 421.664580000000,222.874430000000 C 420.838250000000,230.200090000000 413.683860000000,234.427050000000 409.190290000000,240.015320000000 C 408.478730000000,240.901680000000 408.471670000000,243.106970000000 409.194290000000,243.818520000000 C 411.671490000000,246.267480000000 415.132160000000,243.537790000000 418.133750000000,242.649670000000 C 418.509840000000,240.520300000000 420.026530000000,238.857060000000 422.378370000000,238.955930000000 C 422.830370000000,238.973630000000 423.245300000000,238.016610000000 423.817370000000,237.787080000000 C 424.431810000000,237.543420000000 425.318170000000,237.938920000000 425.823140000000,237.589320000000 C 428.875950000000,235.479380000000 431.361980000000,233.526570000000 434.430670000000,231.427220000000 C 434.769670000000,231.195920000000 435.377060000000,231.476620000000 435.758440000000,231.285970000000 C 436.332270000000,230.999930000000 436.662450000000,230.316630000000 437.232750000000,229.989980000000 C 437.847200000000,229.636850000000 438.274480000000,230.148890000000 438.615250000000,230.643270000000 C 437.474640000000,231.259480000000 437.467580000000,232.949210000000 436.439980000000,233.305870000000 C 435.071600000000,233.779060000000 434.081070000000,234.684840000000 432.891030000000,235.474080000000 C 432.375460000000,235.814850000000 431.211900000000,235.376980000000 431.028270000000,235.693020000000 C 429.972410000000,237.508100000000 427.881890000000,238.281460000000 426.628280000000,239.840520000000 L 426.627810000000,239.840750000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 293.478660000000,181.558530000000 L 265.228320000000,190.739890000000 L 252.515660000000,207.690100000000 C 252.515660000000,207.690100000000 282.884780000000,190.033640000000 289.947360000000,187.914860000000 C 297.009950000000,185.796090000000 293.478660000000,181.558530000000 293.478660000000,181.558530000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 222.852800000000,192.858670000000 C 222.852800000000,192.858670000000 219.321510000000,194.977450000000 218.615250000000,199.921260000000 C 217.908990000000,204.865070000000 213.671440000000,205.571320000000 215.083960000000,210.515130000000 C 216.496480000000,215.458940000000 220.027770000000,219.696490000000 220.027770000000,212.633910000000 C 220.027770000000,205.571320000000 222.852800000000,202.040030000000 224.265320000000,199.921260000000 C 225.677840000000,197.802480000000 228.502870000000,190.033640000000 222.852800000000,192.858670000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 207.315120000000,300.916220000000 C 207.315120000000,300.916220000000 192.483690000000,293.853640000000 186.833620000000,287.497310000000 C 181.183550000000,281.140990000000 181.981620000000,290.262310000000 173.414710000000,289.616090000000 C 163.090970000000,288.837440000000 164.939610000000,260.659490000000 164.939610000000,260.659490000000 L 157.877020000000,274.078400000000 C 157.877020000000,274.078400000000 155.758240000000,299.503710000000 169.883410000000,295.266160000000 C 176.781790000000,293.196820000000 179.064780000000,295.972410000000 176.239740000000,297.384930000000 C 173.414710000000,298.797450000000 186.127360000000,299.503710000000 181.183550000000,302.328740000000 C 176.239740000000,305.153770000000 201.665050000000,295.972410000000 197.427500000000,314.335140000000 L 207.315120000000,300.916220000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 194.602460000000,226.052820000000 C 194.425900000000,224.463740000000 191.953990000000,223.227790000000 191.953990000000,223.227790000000 C 183.478890000000,223.051220000000 181.536680000000,224.463740000000 181.536680000000,224.463740000000 C 181.536680000000,224.463740000000 183.302330000000,231.702890000000 183.302330000000,236.646700000000 C 183.302330000000,241.590510000000 196.721240000000,248.653090000000 199.546270000000,248.653090000000 C 202.371310000000,248.653090000000 196.014980000000,244.415540000000 191.777430000000,240.884250000000 C 187.539880000000,237.352960000000 192.483690000000,236.646700000000 192.483690000000,236.646700000000 C 192.483690000000,236.646700000000 190.364910000000,238.059220000000 196.014980000000,240.177990000000 C 201.665050000000,242.296770000000 203.783820000000,243.709280000000 199.546270000000,240.884250000000 C 195.308720000000,238.059220000000 194.602460000000,226.052820000000 194.602460000000,226.052820000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 389.061250087752,319.509952962398 C 388.001044428393,318.955395550765 387.411040000000,318.572690000000 387.411040000000,318.572690000000 L 373.058749411185,311.396544705593 C 354.607186913630,311.546334132891 349.920515882746,336.981014675161 343.935530000000,331.689670000000 C 343.935530000000,331.689670000000 353.501800000000,346.732980000000 350.676770000000,336.845360000000 C 349.799240000000,333.769600000000 352.114000000000,334.000900000000 355.276280000000,333.050990000000 C 358.807570000000,331.991600000000 380.348450000000,325.282140000000 381.760970000000,320.691460000000 C 382.243063183235,319.124660567486 385.275496362767,318.997570155586 389.061250087815,319.509952962413" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 389.061250087815,319.509952962413 C 395.131095210269,320.331476100664 403.137497469765,322.796889655872 405.673692436419,323.607866461699 C 407.717643061434,323.559739419255 409.843058838443,323.287295928077 411.999631429742,322.701993287718 C 399.156575192765,321.887159445202 375.404640000000,311.510100000000 375.404640000000,311.510100000000 C 374.598727250736,311.426943861481 373.817112321606,311.390388330144 373.058749411176,311.396544705576 L 387.411040000000,318.572690000000 C 387.411040000000,318.572690000000 388.001044428393,318.955395550765 389.061250087752,319.509952962398" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 389.061250087752,319.509952962398 C 391.936704619792,321.014005132354 398.270888148759,323.782173547052 405.673692436343,323.607866461689 C 403.137497469765,322.796889655872 395.131095210269,320.331476100664 389.061250087815,319.509952962413" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 491.612781800141,256.753317896456 C 491.622629662710,256.522694606930 491.614131603860,256.294345625093 491.585940000000,256.068810000000 C 491.585940000000,256.068810000000 440.380430000000,277.609690000000 422.723970000000,276.903430000000 C 422.723970000000,276.903430000000 393.767370000000,268.781460000000 378.935940000000,294.559900000000 C 378.935940000000,294.559900000000 364.104510000000,310.803840000000 358.454440000000,313.628880000000 C 358.454440000000,313.628880000000 357.748180000000,316.453910000000 369.048320000000,309.391330000000 L 373.058749411185,311.396544705593 C 373.817112321606,311.390388330144 374.598727250736,311.426943861481 375.404640000000,311.510100000000 C 375.404640000000,311.510100000000 399.156575192765,321.887159445202 411.999631429752,322.701993287718 C 418.318357005166,320.987065268177 424.904557996515,316.586300042279 430.492810000000,307.272550000000 C 430.492810000000,307.272550000000 437.555390000000,287.497310000000 437.555390000000,283.966020000000 C 437.555390000000,280.434730000000 474.987100000000,270.547110000000 477.813900000000,269.840850000000 C 478.588465501586,269.647207939155 480.026688204133,268.949186766416 481.691861369712,267.921469053287 C 481.114911496513,267.755032634688 480.528927382102,267.679480100845 479.932670000000,267.722070000000 C 479.932670000000,267.722070000000 486.678085630859,259.290303872467 491.612781800119,256.753317896403 M 405.067500000000,303.963730000000 C 400.655150000000,303.963730000000 397.077950000000,300.386530000000 397.077950000000,295.972410000000 C 397.077950000000,291.560060000000 400.655150000000,287.982860000000 405.067500000000,287.982860000000 C 409.481620000000,287.982860000000 413.058820000000,291.560060000000 413.058820000000,295.972410000000 C 413.058820000000,300.386530000000 409.481620000000,303.963730000000 405.067500000000,303.963730000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 405.673692436419,323.607866461699 C 406.190369593954,323.773079781799 406.480020000000,323.869630000000 406.480020000000,323.869630000000 C 409.658180000000,325.282140000000 417.427030000000,329.872820000000 417.427030000000,329.872820000000 C 425.902130000000,331.991600000000 437.555390000000,332.697860000000 437.555390000000,332.697860000000 C 441.792950000000,334.463500000000 447.796140000000,339.407310000000 447.796140000000,339.407310000000 C 473.574580000000,357.416910000000 495.470360000000,344.704250000000 495.470360000000,344.704250000000 C 530.781520000000,333.050990000000 520.187640000000,302.681870000000 520.187640000000,302.681870000000 C 514.890700000000,286.791050000000 520.540770000000,280.787860000000 520.540770000000,280.787860000000 C 520.893900000000,274.078400000000 533.606550000000,285.378540000000 533.606550000000,285.378540000000 C 538.197230000000,292.794250000000 539.609750000000,301.622480000000 539.609750000000,301.622480000000 C 553.734920000000,321.397720000000 547.731720000000,289.969220000000 547.731720000000,289.969220000000 C 548.084850000000,288.203570000000 543.141040000000,281.847240000000 543.141040000000,279.728470000000 C 543.141040000000,277.609690000000 539.962880000000,271.606500000000 539.962880000000,271.606500000000 C 534.665940000000,265.603300000000 538.903490000000,253.243770000000 538.903490000000,253.243770000000 C 542.081650000000,228.877850000000 538.197230000000,232.056020000000 538.197230000000,232.056020000000 C 536.078460000000,228.877850000000 519.834510000000,246.534320000000 519.834510000000,246.534320000000 C 515.950090000000,252.537520000000 505.356210000000,255.362550000000 505.356210000000,255.362550000000 C 500.414170000000,258.540710000000 494.410970000000,256.068810000000 494.410970000000,256.068810000000 C 493.612003321421,255.945891781694 492.652590845248,256.218739702570 491.612781800119,256.753317896403 C 491.443565017698,260.716140360271 485.857552780032,265.350472271506 481.691861369712,267.921469053287 C 485.898635167584,269.135023985380 489.625107583792,275.180379899155 493.351580000000,275.490920000000 C 497.589130000000,275.844050000000 500.767300000000,271.253370000000 503.590570000000,270.193980000000 C 506.415600000000,269.134590000000 511.359410000000,279.375340000000 511.359410000000,279.375340000000 C 512.065670000000,283.966020000000 502.178050000000,292.441120000000 502.178050000000,292.441120000000 C 501.471790000000,300.563090000000 498.648520000000,297.738060000000 498.648520000000,297.738060000000 C 493.351580000000,296.678670000000 491.232810000000,303.388130000000 489.467160000000,311.510100000000 C 487.701510000000,319.632070000000 480.285800000000,320.338330000000 480.285800000000,320.338330000000 C 477.460770000000,333.404120000000 475.340220000000,328.107180000000 475.340220000000,328.107180000000 C 474.987100000000,318.219560000000 464.393220000000,328.460310000000 464.393220000000,328.460310000000 C 462.274440000000,331.991600000000 454.152470000000,328.107180000000 454.152470000000,328.107180000000 C 442.146070000000,324.575880000000 446.383630000000,321.044590000000 446.383630000000,321.044590000000 C 449.561790000000,317.160170000000 469.337030000000,321.044590000000 469.337030000000,321.044590000000 C 473.221450000000,318.219560000000 459.096280000000,311.156970000000 459.096280000000,311.156970000000 C 458.036890000000,307.978810000000 459.802540000000,300.209970000000 459.802540000000,300.209970000000 C 461.921310000000,294.559900000000 473.927710000000,284.672280000000 473.927710000000,284.672280000000 C 490.526550000000,282.553500000000 485.582740000000,279.728470000000 485.582740000000,279.728470000000 C 474.635730000000,270.547110000000 464.393220000000,283.966020000000 464.393220000000,283.966020000000 C 460.508800000000,294.913030000000 429.786550000000,321.397720000000 429.786550000000,321.397720000000 C 421.311450000000,327.400920000000 425.902130000000,315.394520000000 418.839540000000,321.397720000000 C 417.484216329199,322.549746463495 415.049520399057,322.895494951360 411.999631429752,322.701993287718 C 409.843058838443,323.287295928077 407.717643061434,323.559739419255 405.673692436343,323.607866461689" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 491.612781800119,256.753317896403 C 486.678085630859,259.290303872467 479.932670000000,267.722070000000 479.932670000000,267.722070000000 C 480.528927382102,267.679480100845 481.114911496513,267.755032634688 481.691861369751,267.921469053176 C 485.857552780032,265.350472271506 491.443565017698,260.716140360271 491.612781800141,256.753317896456" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 481.691861369712,267.921469053287 C 480.026688204133,268.949186766416 478.588465501586,269.647207939155 477.813900000000,269.840850000000 C 474.987100000000,270.547110000000 437.555390000000,280.434730000000 437.555390000000,283.966020000000 C 437.555390000000,287.497310000000 430.492810000000,307.272550000000 430.492810000000,307.272550000000 C 424.904557996515,316.586300042279 418.318357005166,320.987065268177 411.999631429742,322.701993287718 C 415.049520399057,322.895494951360 417.484216329199,322.549746463495 418.839540000000,321.397720000000 C 425.902130000000,315.394520000000 421.311450000000,327.400920000000 429.786550000000,321.397720000000 C 429.786550000000,321.397720000000 460.508800000000,294.913030000000 464.393220000000,283.966020000000 C 464.393220000000,283.966020000000 474.635730000000,270.547110000000 485.582740000000,279.728470000000 C 485.582740000000,279.728470000000 490.526550000000,282.553500000000 473.927710000000,284.672280000000 C 473.927710000000,284.672280000000 461.921310000000,294.559900000000 459.802540000000,300.209970000000 C 459.802540000000,300.209970000000 458.036890000000,307.978810000000 459.096280000000,311.156970000000 C 459.096280000000,311.156970000000 473.221450000000,318.219560000000 469.337030000000,321.044590000000 C 469.337030000000,321.044590000000 449.561790000000,317.160170000000 446.383630000000,321.044590000000 C 446.383630000000,321.044590000000 442.146070000000,324.575880000000 454.152470000000,328.107180000000 C 454.152470000000,328.107180000000 462.274440000000,331.991600000000 464.393220000000,328.460310000000 C 464.393220000000,328.460310000000 474.987100000000,318.219560000000 475.340220000000,328.107180000000 C 475.340220000000,328.107180000000 477.460770000000,333.404120000000 480.285800000000,320.338330000000 C 480.285800000000,320.338330000000 487.701510000000,319.632070000000 489.467160000000,311.510100000000 C 491.232810000000,303.388130000000 493.351580000000,296.678670000000 498.648520000000,297.738060000000 C 498.648520000000,297.738060000000 501.471790000000,300.563090000000 502.178050000000,292.441120000000 C 502.178050000000,292.441120000000 512.065670000000,283.966020000000 511.359410000000,279.375340000000 C 511.359410000000,279.375340000000 506.415600000000,269.134590000000 503.590570000000,270.193980000000 C 500.767300000000,271.253370000000 497.589130000000,275.844050000000 493.351580000000,275.490920000000 C 489.625107583792,275.180379899155 485.898635167584,269.135023985380 481.691861369751,267.921469053176" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 405.067500000000,303.963730000000 C 409.481620000000,303.963730000000 413.058820000000,300.386530000000 413.058820000000,295.972410000000 C 413.058820000000,291.560060000000 409.481620000000,287.982860000000 405.067500000000,287.982860000000 C 400.655150000000,287.982860000000 397.077950000000,291.560060000000 397.077950000000,295.972410000000 C 397.077950000000,300.386530000000 400.655150000000,303.963730000000 405.067500000000,303.963730000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/><path d="M 791.073100000000,41.383874000000 C 791.073100000000,41.383874000000 794.780950000000,25.616653000000 786.235230000000,34.162381000000 C 786.235230000000,34.162381000000 773.805080000000,44.261878000000 760.598040000000,44.261878000000 C 760.598040000000,44.261878000000 734.960860000000,48.146299000000 727.192010000000,71.452831000000 C 727.192010000000,71.452831000000 720.200050000000,118.842780000000 734.183970000000,128.942270000000 C 734.183970000000,128.942270000000 742.729700000000,142.149310000000 755.159850000000,130.496040000000 C 767.590000000000,118.842780000000 794.957520000000,65.467290000000 791.073100000000,41.383874000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-02/intersection.svg b/libraries/path-bool/visual-tests/real-02/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e39315671a993997b06186ab9997e37d63e0e26c
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-02/intersection.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg2" viewBox="0 0 900 900" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path d="M 762.888599681427,156.844851797827 C 777.085832621546,141.148133710571 823.339485346532,84.309956366451 804.103570000000,29.006694000000 C 804.103570000000,29.006694000000 792.097170000000,19.825333000000 775.146970000000,36.069279000000 C 775.146970000000,36.069279000000 763.846830000000,44.544381000000 753.252950000000,41.719347000000 C 753.252950000000,41.719347000000 698.871050000000,43.838123000000 695.339750000000,43.838123000000 C 695.144777744828,43.838123000000 694.773260082634,43.637894675275 694.225791376296,43.264778738517 C 692.236152464448,43.927592206553 683.242356163131,47.085284253408 673.406483010803,53.094338937148 C 679.402565436157,48.822494961862 685.261332192105,45.323964391969 689.547481999709,44.410521026537 C 685.357524044895,44.973732461973 673.857978249019,46.329729686726 669.561320000000,44.897510000000 C 664.264380000000,43.131864000000 617.298190000000,23.003496000000 606.704310000000,20.884721000000 C 606.704310000000,20.884721000000 577.041450000000,9.231455000000 598.229210000000,12.762748000000 C 598.229210000000,12.762748000000 660.476546893900,19.370008070606 692.831688898964,42.247102857248 C 687.390206005868,38.122206022137 673.650723193975,26.721705099861 651.806416500816,16.931704431948 C 650.687550895912,16.481063872301 649.543375303534,16.032820453393 648.373560000000,15.587782000000 C 648.373560000000,15.587782000000 647.893551838723,15.315344946447 646.955548530483,14.842730934440 C 616.677022417731,2.327606369406 572.391014143749,-6.290200441320 514.537570000000,9.231455000000 C 514.537570000000,9.231455000000 505.356210000000,12.762748000000 497.589130000000,10.643972000000 C 497.589130000000,10.643972000000 465.099480000000,-17.606369000000 378.935940000000,22.650367000000 C 378.935940000000,22.650367000000 361.279470000000,26.181660000000 358.454440000000,26.181660000000 C 356.068541358792,26.181660000000 352.171366958638,26.181660000000 342.508400836963,32.988890359343 C 339.970188081807,34.965348374199 336.619002115274,37.565670099854 333.040836608321,40.317065189222 C 322.284165420340,49.049364571877 321.409190249935,50.450296256666 318.197700000000,53.019483000000 C 318.197700000000,53.019483000000 299.528771719356,65.768994980813 287.783815303581,71.524925505868 C 296.477426001817,69.145738327877 329.703168316369,59.876739551842 333.382260000000,56.197647000000 C 337.619810000000,51.960096000000 368.342060000000,47.369415000000 372.579610000000,49.841320000000 C 376.817160000000,52.313225000000 391.648590000000,51.253837000000 374.698390000000,52.313225000000 C 374.698390000000,52.313225000000 377.581708241617,52.877684122666 382.505296981898,53.851894145141 C 377.607019535208,54.462086449164 356.476992380516,57.154284522655 349.626210000000,59.022681000000 C 341.857360000000,61.141456000000 309.016340000000,74.560368000000 303.719400000000,78.091661000000 C 303.719400000000,78.091661000000 280.059740000000,87.626151000000 250.043760000000,122.939080000000 C 250.043760000000,122.939080000000 263.462670000000,116.935880000000 267.347090000000,111.992070000000 C 267.347090000000,111.992070000000 291.359880000000,89.744926000000 291.006750000000,94.335607000000 C 291.006750000000,94.335607000000 312.547640000000,79.151049000000 311.488250000000,83.035470000000 C 311.488250000000,83.035470000000 354.570020000000,63.260232000000 351.038730000000,68.910300000000 C 351.038730000000,68.910300000000 389.176690000000,60.788327000000 387.411040000000,64.319620000000 C 387.411040000000,64.319620000000 420.605190000000,72.088463000000 415.661380000000,72.441593000000 C 415.661380000000,72.441593000000 405.420630000000,74.560368000000 416.720770000000,80.916695000000 C 416.720770000000,80.916695000000 410.717570000000,88.685539000000 401.183080000000,81.622953000000 C 391.648590000000,74.560368000000 396.945530000000,78.444790000000 388.117300000000,80.210436000000 C 388.117300000000,80.210436000000 383.526620000000,81.622953000000 375.404640000000,74.560368000000 C 375.404640000000,74.560368000000 365.517020000000,66.438395000000 349.979340000000,72.794722000000 C 349.979340000000,72.794722000000 295.950560000000,95.041865000000 292.419270000000,96.101253000000 C 292.419270000000,96.101253000000 286.062940000000,101.045060000000 281.825390000000,107.401390000000 C 281.825390000000,107.401390000000 271.584640000000,115.170230000000 266.287700000000,117.642140000000 C 266.287700000000,117.642140000000 243.687430000000,138.123630000000 241.568650000000,140.595540000000 C 241.568650000000,140.595540000000 235.851149681969,149.339962335451 234.262841919175,150.417627431662 C 235.435191382216,149.717015702355 245.657499307307,143.569280692693 248.984370000000,140.242410000000 C 248.984370000000,140.242410000000 273.703420000000,122.585950000000 283.237910000000,121.173430000000 C 283.237910000000,121.173430000000 291.006750000000,115.876490000000 292.419270000000,113.404590000000 C 292.419270000000,113.404590000000 317.844570000000,97.160641000000 325.260290000000,97.160641000000 C 325.260290000000,97.160641000000 341.504240000000,106.342000000000 345.741790000000,93.982477000000 C 345.741790000000,93.982477000000 355.982530000000,90.804314000000 365.870150000000,92.923090000000 C 365.870150000000,92.923090000000 371.520220000000,88.332409000000 370.107710000000,84.447987000000 C 370.107710000000,84.447987000000 372.932740000000,81.269824000000 374.698390000000,87.979280000000 C 374.698390000000,87.979280000000 380.701580000000,94.335607000000 389.176690000000,90.804314000000 C 389.176690000000,90.804314000000 396.239270000000,90.451185000000 392.707980000000,94.688736000000 C 392.707980000000,94.688736000000 384.939130000000,101.398190000000 364.104510000000,101.751320000000 C 364.104510000000,101.751320000000 342.210490000000,102.810710000000 313.253890000000,116.229620000000 C 313.253890000000,116.229620000000 260.637630000000,134.592340000000 244.393690000000,152.955060000000 C 244.393690000000,152.955060000000 233.093550000000,168.492750000000 223.559060000000,170.611530000000 C 223.559060000000,170.611530000000 213.318310000000,172.024040000000 202.724440000000,185.089830000000 C 202.724440000000,185.089830000000 220.027770000000,174.849080000000 235.918590000000,174.849080000000 C 235.918590000000,174.849080000000 242.981170000000,170.611530000000 236.271720000000,176.967850000000 C 236.271720000000,176.967850000000 229.915390000000,190.386770000000 232.740420000000,199.921260000000 C 232.740420000000,199.921260000000 231.681040000000,209.102620000000 230.268520000000,211.927650000000 C 230.268520000000,211.927650000000 216.496480000000,234.527920000000 216.496480000000,238.765470000000 C 216.496480000000,242.321376850725 217.988425111450,255.077627145442 218.885732161138,259.715529730325 C 219.419290159929,260.462044280920 219.758924452508,261.002750826694 219.411560000000,260.881960000000 C 219.311382517832,260.847238675731 219.213365981411,260.812943059792 219.117460281373,260.779056327225 C 219.193930416603,261.076202706783 219.262629078143,261.277428617214 219.321510000000,261.365750000000 C 220.027770000000,262.425130000000 217.555860000000,258.540710000000 224.265320000000,262.778260000000 C 229.940993270654,266.362892633336 234.353198515450,268.936758001809 236.433141568735,272.637432330203 C 235.278763443152,269.165325353410 233.644247977038,263.850116198580 233.446680000000,262.072010000000 C 233.093550000000,258.893840000000 225.677840000000,246.181190000000 227.090350000000,241.943640000000 C 227.090350000000,241.943640000000 228.745835584201,243.599116208133 230.133196683842,245.948281747730 C 229.886395496652,245.385726582977 229.459240747539,243.621137875658 230.268520000000,238.765470000000 C 230.268520000000,238.765470000000 231.681040000000,229.584110000000 234.152940000000,223.934050000000 C 236.624840000000,218.283980000000 240.156140000000,211.574520000000 240.862400000000,210.162000000000 C 241.568650000000,208.749490000000 241.568650000000,198.508740000000 244.040560000000,203.099420000000 L 250.043760000000,207.690100000000 C 250.043760000000,207.690100000000 245.099950000000,203.099420000000 248.984370000000,199.215000000000 C 248.984370000000,199.215000000000 247.218720000000,189.327380000000 250.396890000000,184.736700000000 C 250.396890000000,184.736700000000 262.756410000000,169.905270000000 265.581440000000,168.139620000000 C 268.406480000000,166.373980000000 265.934570000000,167.080230000000 265.934570000000,167.080230000000 C 265.934570000000,167.080230000000 276.528450000000,159.664520000000 266.287700000000,162.489550000000 C 266.287700000000,162.489550000000 259.225120000000,165.314590000000 253.928180000000,165.314590000000 C 253.928180000000,165.314590000000 240.509270000000,168.845880000000 247.571850000000,161.430170000000 C 254.634440000000,154.014450000000 272.290900000000,144.479960000000 279.000360000000,144.833090000000 L 280.412870000000,147.658120000000 L 300.188110000000,143.420570000000 L 298.238310780621,144.720442281257 C 298.665119054749,144.565238672305 300.134375404042,144.249657911831 305.131920000000,143.773700000000 C 312.547640000000,143.067440000000 322.788380000000,145.539350000000 325.260290000000,142.361190000000 C 327.732190000000,139.183020000000 333.735390000000,137.417380000000 333.029130000000,139.889280000000 C 332.322870000000,142.361190000000 331.969750000000,145.892480000000 331.969750000000,145.892480000000 C 331.969750000000,145.892480000000 340.797980000000,135.651730000000 339.738590000000,139.536150000000 C 339.064887941255,142.006384522726 332.964417940053,146.618765030865 327.976043517400,152.465116821214 C 324.446500915150,152.139459029802 309.890958863822,153.486898384064 292.772400000000,192.858670000000 C 292.772400000000,192.858670000000 288.534850000000,202.040030000000 284.297300000000,205.571320000000 C 280.059740000000,209.102620000000 260.284510000000,215.458940000000 256.753210000000,222.521530000000 L 238.390490000000,250.771870000000 C 238.390490000000,250.771870000000 264.522060000000,222.521530000000 270.172120000000,218.283980000000 C 270.172120000000,218.283980000000 284.297300000000,203.452550000000 278.647230000000,215.458940000000 C 278.647230000000,215.458940000000 253.928180000000,234.527920000000 256.046950000000,250.771870000000 C 256.046950000000,250.771870000000 246.159340000000,276.197180000000 244.746820000000,279.728470000000 C 244.746820000000,279.728470000000 272.997160000000,223.227790000000 277.234710000000,221.109010000000 C 281.472260000000,218.990240000000 283.591040000000,218.990240000000 281.472260000000,225.346560000000 C 280.028956373919,229.676484502220 279.241102353403,244.493653736990 277.322725622212,254.617280889406 C 281.403077921243,243.525448859590 287.357016410562,226.285308980776 286.416070000000,222.521530000000 C 286.416070000000,222.521530000000 292.066140000000,216.165200000000 296.303690000000,225.346560000000 L 294.184910000000,253.596900000000 L 301.953760000000,274.784660000000 C 301.953760000000,274.784660000000 297.716210000000,255.009420000000 300.541240000000,227.465340000000 C 300.541240000000,227.465340000000 297.009950000000,209.102620000000 304.072530000000,218.990240000000 C 309.732957589559,226.914825801922 321.744673319732,235.293082842401 326.291025616840,242.670617803644 C 322.882035321374,233.426424042575 314.716279308218,214.686582893158 302.660020000000,208.396360000000 L 295.597430000000,218.990240000000 L 293.478660000000,215.458940000000 C 293.478660000000,215.458940000000 287.122330000000,214.046430000000 294.891170000000,202.040030000000 C 302.660020000000,190.033640000000 301.953760000000,188.621120000000 301.953760000000,188.621120000000 C 301.953760000000,188.621120000000 313.253890000000,201.333770000000 316.078930000000,201.333770000000 C 316.078930000000,201.333770000000 339.385460000000,187.914860000000 341.504240000000,230.996630000000 C 341.504240000000,230.996630000000 353.510630000000,205.571320000000 337.266680000000,193.564930000000 C 337.266680000000,193.564930000000 311.135120000000,190.033640000000 313.253890000000,180.852280000000 L 324.628375057208,161.262894038902 L 340.091720000000,149.070640000000 L 346.448040000000,143.773700000000 C 346.448040000000,143.773700000000 352.804370000000,147.658120000000 353.157500000000,144.833090000000 C 353.510630000000,142.008060000000 361.632600000000,131.767310000000 363.751380000000,132.120440000000 C 365.870150000000,132.473570000000 369.401450000000,127.529760000000 369.048320000000,132.120440000000 C 368.695190000000,136.711120000000 382.114100000000,146.245610000000 382.114100000000,146.245610000000 C 382.114100000000,146.245610000000 387.574147251976,143.174327984943 390.107601966100,145.418413244444 C 390.646880959140,148.383855622996 391.295460000000,150.130030000000 391.295460000000,150.130030000000 C 402.595600000000,164.961460000000 418.839540000000,158.252000000000 418.839540000000,158.252000000000 C 426.961520000000,147.305000000000 447.443010000000,151.189420000000 447.443010000000,151.189420000000 C 483.463960000000,156.839490000000 478.873280000000,150.483160000000 478.873280000000,150.483160000000 C 474.635730000000,142.361190000000 446.030500000000,131.414180000000 445.677370000000,130.354790000000 C 445.324240000000,129.295400000000 429.786550000000,123.292210000000 429.786550000000,123.292210000000 C 424.489610000000,121.173430000000 416.720770000000,104.929480000000 416.720770000000,104.929480000000 C 416.301856697891,104.484385089172 416.067359124425,104.128586214791 415.992233843752,103.851288790389 L 417.854444486375,103.061711640240 C 423.354134291023,103.435398003075 438.967910000000,109.167040000000 438.967910000000,109.167040000000 C 436.849140000000,110.932680000000 449.914920000000,117.995270000000 449.914920000000,117.995270000000 C 480.638930000000,116.229620000000 499.354780000000,135.298600000000 499.354780000000,135.298600000000 C 518.421990000000,164.608330000000 518.775120000000,150.130030000000 518.775120000000,150.130030000000 C 523.718930000000,133.532950000000 502.884310000000,96.101253000000 502.884310000000,96.101253000000 C 503.590570000000,92.569960000000 518.068870000000,104.223230000000 518.068870000000,104.223230000000 C 520.540770000000,100.691930000000 521.953290000000,110.932680000000 521.953290000000,110.932680000000 C 522.306420000000,115.170230000000 529.015870000000,129.295400000000 529.015870000000,129.295400000000 C 533.959680000000,152.248810000000 540.316010000000,139.183020000000 540.316010000000,139.183020000000 L 548.437980000000,155.780100000000 C 550.909890000000,160.370780000000 540.316010000000,173.789690000000 540.316010000000,173.789690000000 C 539.962880000000,178.733500000000 541.375400000000,178.380370000000 531.487780000000,191.799280000000 C 521.600160000000,205.218190000000 527.603360000000,212.987040000000 527.603360000000,212.987040000000 C 525.131450000000,224.640300000000 540.669140000000,223.934050000000 540.669140000000,223.934050000000 C 545.259820000000,227.818470000000 551.263020000000,227.818470000000 551.263020000000,227.818470000000 C 554.441180000000,231.349760000000 558.678730000000,230.290370000000 558.678730000000,230.290370000000 C 561.503760000000,223.580920000000 572.450770000000,227.112210000000 572.450770000000,227.112210000000 C 574.922680000000,222.874660000000 589.400980000000,222.168400000000 589.400980000000,222.168400000000 C 591.166620000000,217.577720000000 591.872880000000,214.752680000000 597.876080000000,213.693300000000 C 603.879280000000,212.633910000000 560.444380000000,136.711120000000 560.444380000000,136.711120000000 C 571.744510000000,135.298600000000 557.266210000000,113.404590000000 557.266210000000,113.404590000000 C 553.381790000000,101.751320000000 573.510160000000,127.529760000000 577.394580000000,130.001660000000 C 581.279000000000,132.473570000000 583.044650000000,136.357990000000 580.219610000000,136.004860000000 C 577.394580000000,135.651730000000 574.216420000000,139.536150000000 576.688320000000,139.889280000000 C 579.160230000000,140.242410000000 602.113630000000,166.727110000000 608.116830000000,184.736700000000 C 614.120020000000,202.746290000000 624.713900000000,209.808870000000 635.660910000000,220.402750000000 C 646.607920000000,230.996630000000 645.195400000000,273.725270000000 645.195400000000,273.725270000000 C 644.489140000000,289.262960000000 655.083020000000,307.978810000000 655.083020000000,307.978810000000 C 658.614310000000,314.688260000000 651.198600000000,346.823030000000 651.198600000000,346.823030000000 C 647.667300000000,350.707450000000 650.139210000000,352.119970000000 650.139210000000,352.119970000000 C 651.904850000000,354.238740000000 663.911250000000,377.545270000000 663.911250000000,377.545270000000 C 660.733090000000,377.192140000000 667.089410000000,383.548470000000 667.089410000000,383.548470000000 C 676.270770000000,394.142350000000 664.970640000000,388.845410000000 664.970640000000,388.845410000000 C 654.376760000000,386.020380000000 666.736280000000,403.323710000000 666.736280000000,403.323710000000 C 668.855060000000,406.501870000000 652.964240000000,398.379900000000 652.964240000000,398.379900000000 C 636.720300000000,397.320510000000 657.201790000000,410.033170000000 657.201790000000,410.033170000000 C 658.594568431460,411.199216610946 659.690253195441,412.192948889706 660.531627452784,413.036167177684 C 676.771931965804,411.681072974934 692.436934877788,410.369827704052 707.342413123608,409.119029894878 C 705.604725673239,403.337262829450 704.521110000000,399.086160000000 704.521110000000,399.086160000000 C 717.233770000000,405.442480000000 699.577300000000,378.604660000000 699.577300000000,378.604660000000 C 699.577300000000,372.954590000000 710.171180000000,353.179350000000 710.171180000000,353.179350000000 C 708.758670000000,341.172960000000 710.171180000000,341.879220000000 710.171180000000,341.879220000000 C 715.114990000000,343.997990000000 729.240160000000,346.823030000000 717.233770000000,335.522890000000 C 705.227370000000,324.222750000000 718.646280000000,315.747650000000 718.646280000000,315.747650000000 C 726.415130000000,310.803840000000 702.402340000000,311.510100000000 702.402340000000,311.510100000000 C 693.220980000000,303.741260000000 693.927240000000,296.678670000000 693.927240000000,296.678670000000 C 708.052410000000,300.209970000000 682.627100000000,274.784660000000 678.389550000000,268.428330000000 C 674.152000000000,262.072010000000 691.102200000000,252.890640000000 691.102200000000,252.890640000000 C 714.408730000000,246.534320000000 693.927240000000,240.884250000000 693.927240000000,240.884250000000 C 659.320570000000,241.590510000000 678.389550000000,222.521530000000 678.389550000000,222.521530000000 C 688.983430000000,223.227790000000 686.158390000000,218.990240000000 686.158390000000,218.990240000000 C 676.977030000000,216.871460000000 660.026830000000,205.571320000000 660.026830000000,205.571320000000 C 652.964240000000,199.215000000000 659.320570000000,200.627510000000 659.320570000000,200.627510000000 C 688.983430000000,202.746290000000 638.132810000000,182.971050000000 638.132810000000,182.971050000000 C 652.257980000000,182.971050000000 620.476350000000,164.608330000000 620.476350000000,164.608330000000 C 616.945060000000,161.783300000000 611.294990000000,148.364380000000 611.294990000000,148.364380000000 C 600.701110000000,139.183020000000 592.226010000000,127.176630000000 592.226010000000,127.176630000000 C 591.519750000000,119.407780000000 583.044650000000,110.932680000000 583.044650000000,110.932680000000 C 562.563150000000,86.919892000000 552.675530000000,87.626151000000 552.675530000000,87.626151000000 C 526.543970000000,81.269824000000 517.362610000000,82.682341000000 517.362610000000,82.682341000000 L 517.062168169518,82.707377818670 C 512.859493717108,79.894241684167 496.649976557182,69.357344477258 490.526550000000,69.969688000000 C 483.463960000000,70.675946000000 539.256620000000,54.432000000000 612.001250000000,103.163840000000 C 612.001250000000,103.163840000000 620.476350000000,108.107650000000 626.832680000000,107.401390000000 C 626.832680000000,107.401390000000 632.482750000000,111.638940000000 627.538940000000,117.995270000000 C 627.538940000000,117.995270000000 612.001250000000,134.945470000000 631.776490000000,154.720710000000 C 631.776490000000,154.720710000000 664.264380000000,166.727100000000 654.376760000000,151.189420000000 C 654.376760000000,151.189420000000 670.591574048481,157.194902275535 676.439565654461,163.668037979338 C 676.806776923464,167.124297671551 677.867725623851,174.508544511538 680.508320000000,178.733500000000 C 680.508320000000,178.733500000000 678.040600905651,186.136666018242 704.818013162483,176.149314682255 C 694.269973904740,172.733934990674 711.422575680629,162.659905201706 722.177580000000,166.020850000000 C 723.956093416994,166.576635344443 726.136989555368,167.377349108037 728.549551433523,168.332125850256 L 758.903020000000,158.958260000000 C 758.903020000000,158.958260000000 760.460403392352,158.374241572417 762.888599681386,156.844851797865 M 657.746100326339,65.338382692413 C 651.208947606119,72.041621324254 645.991137899882,80.366342522158 644.489140000000,90.451185000000 C 644.489140000000,90.451185000000 641.112111858801,122.532960310685 666.012445633583,151.524965633603 L 657.908050000000,143.420570000000 C 657.908050000000,143.420570000000 648.726690000000,139.889280000000 643.782880000000,125.057850000000 C 639.269508615567,111.517735846700 635.344768337735,95.623105601472 640.606736323714,88.658936579368 C 638.617995950034,90.441595326351 635.776233219015,92.346474879580 636.720300000000,87.626151000000 C 638.132810000000,80.563566000000 644.489140000000,74.207239000000 647.314170000000,73.500980000000 C 648.285583851321,73.258127224887 652.346757497455,69.800253362175 657.746100326327,65.338382692428 M 748.608530958386,405.647847381028 C 762.814404035161,404.450042774214 775.940570180663,403.340339036691 787.759942720452,402.339196716934 C 780.867274099977,381.430377208753 795.512128458207,394.116957742543 802.631491311685,401.078385039580 C 803.337420631109,401.018481300704 804.037134258698,400.959097039941 804.730565520070,400.900238264635 L 796.334720000000,379.310920000000 C 785.740840000000,356.004390000000 805.516080000000,377.192140000000 805.516080000000,377.192140000000 L 796.334720000000,361.654460000000 L 804.103570000000,365.185750000000 C 804.103570000000,365.185750000000 796.334720000000,349.648060000000 792.803430000000,348.941800000000 C 789.272140000000,348.235540000000 758.903020000000,306.566290000000 758.903020000000,306.566290000000 C 739.127780000000,267.722070000000 782.209550000000,311.510100000000 782.209550000000,311.510100000000 L 770.203160000000,282.553500000000 C 743.965650000000,237.368850000000 776.559480000000,269.840850000000 776.559480000000,269.840850000000 C 768.084380000000,254.303160000000 778.678260000000,241.590510000000 778.678260000000,241.590510000000 C 791.390910000000,242.296770000000 765.965610000000,217.577720000000 765.965610000000,217.577720000000 C 756.827709278056,205.393855245955 781.845241364876,213.703250177169 788.894457070836,216.217404700103 C 780.427694123009,211.473459944806 761.021800000000,182.971050000000 761.021800000000,182.971050000000 C 761.021800000000,182.971050000000 741.465669449317,173.443708352196 728.549551433523,168.332125850256 L 710.877440000000,173.789690000000 C 708.707296368648,174.666981995011 706.691105566563,175.450694825157 704.818013162483,176.149314682255 C 705.352658466980,176.322429009100 705.958470640421,176.478436321050 706.639890000000,176.614720000000 C 720.765060000000,179.439760000000 736.302750000000,197.096220000000 736.302750000000,197.096220000000 L 727.827650000000,194.271190000000 C 702.402340000000,182.971050000000 735.596490000000,218.990240000000 735.596490000000,218.990240000000 C 741.670310000000,231.141410000000 756.077990000000,255.715680000000 756.077990000000,255.715680000000 C 720.058800000000,224.640300000000 757.490500000000,283.259760000000 757.490500000000,283.259760000000 C 757.490500000000,283.259760000000 757.490500000000,283.966020000000 746.190370000000,276.197180000000 C 734.890230000000,268.428330000000 746.896630000000,293.147380000000 746.896630000000,293.147380000000 L 739.127780000000,286.791050000000 C 726.415130000000,278.315950000000 746.896630000000,327.047790000000 746.896630000000,327.047790000000 C 752.546690000000,332.697860000000 760.315540000000,354.591870000000 760.315540000000,354.591870000000 C 733.477710000000,335.522890000000 743.365330000000,365.892010000000 743.365330000000,365.892010000000 C 751.134180000000,370.835820000000 757.490500000000,397.673640000000 757.490500000000,397.673640000000 C 743.347703299575,384.816554848781 745.068767689309,395.365163731900 748.608530958377,405.647847381030 M 455.567754320329,429.877105384815 C 457.337195685511,429.734490808522 459.108019361292,429.591673891244 460.880048219831,429.448670592229 C 456.686000069978,425.154996170557 455.211860000000,421.686430000000 455.211860000000,421.686430000000 C 450.974310000000,417.448880000000 466.511990000000,421.686430000000 466.511990000000,421.686430000000 C 481.345190000000,425.217720000000 453.799340000000,399.792420000000 453.799340000000,399.792420000000 C 458.036890000000,399.792420000000 474.280840000000,411.798810000000 474.280840000000,411.798810000000 C 492.645320000000,428.042760000000 496.176620000000,424.511460000000 496.176620000000,424.511460000000 C 527.956480000000,408.973780000000 546.319210000000,422.392690000000 546.319210000000,422.392690000000 C 546.355699149183,422.421881298681 546.390755523532,422.452052918109 546.424407953825,422.483191611692 C 565.668746398599,420.903646419874 584.718317399074,419.332402189821 603.343554827162,417.790142869534 C 594.318855558321,408.964644480233 593.285400000000,402.970580000000 593.285400000000,402.970580000000 C 615.532540000000,388.492280000000 601.054240000000,366.598270000000 601.407370000000,360.241940000000 C 601.760499668651,353.885615964281 603.879276023808,315.747721571300 603.879279999994,315.747650000101 C 600.347980000000,304.800650000000 595.051040000000,280.787860000000 595.051040000000,280.787860000000 C 598.935470000000,271.606500000000 612.001250000000,249.359350000000 612.001250000000,249.359350000000 C 616.945060000000,241.943640000000 632.482750000000,233.468540000000 628.598320000000,228.171600000000 C 624.713900000000,222.874660000000 610.941860000000,226.052820000000 610.941860000000,226.052820000000 C 597.169820000000,223.580920000000 598.229210000000,232.762280000000 598.229210000000,232.762280000000 C 595.404170000000,234.527920000000 593.991660000000,243.356150000000 593.991660000000,243.356150000000 C 592.720390000000,257.363030000000 577.041450000000,268.428330000000 577.041450000000,268.428330000000 C 557.266210000000,279.375340000000 573.510160000000,286.437920000000 573.510160000000,286.437920000000 C 584.104040000000,298.091190000000 566.800700000000,298.444320000000 566.800700000000,298.444320000000 C 547.378590000000,295.266160000000 561.856890000000,313.275750000000 561.856890000000,313.275750000000 C 580.925870000000,335.876020000000 575.628930000000,340.819830000000 575.628930000000,340.819830000000 C 560.101241575765,342.342155775670 574.499270304430,354.627231128123 578.762550528894,357.984332170820 C 578.771756002007,358.126622789847 578.786392199825,358.289920384832 578.807100000000,358.476290000000 C 579.160230000000,361.654460000000 584.457170000000,369.070170000000 585.869680000000,372.601460000000 C 587.282200000000,376.132760000000 580.219610000000,376.485890000000 580.219610000000,376.485890000000 C 581.279000000000,393.436090000000 554.088050000000,386.020380000000 554.088050000000,386.020380000000 L 551.263020000000,386.373500000000 C 548.437980000000,386.726630000000 528.662740000000,385.314120000000 518.421990000000,381.429700000000 C 508.181250000000,377.545270000000 496.176620000000,377.545270000000 496.176620000000,377.545270000000 C 496.176620000000,377.545270000000 489.114030000000,380.723440000000 475.693350000000,380.370310000000 C 462.274440000000,380.017180000000 448.149270000000,384.960990000000 448.149270000000,384.960990000000 C 440.380430000000,384.254730000000 455.564990000000,376.485890000000 455.918120000000,376.839010000000 C 456.271240000000,377.192140000000 466.158860000000,367.304520000000 452.033690000000,368.363910000000 C 413.547900000000,371.250740000000 394.473620000000,353.179350000000 394.473620000000,353.179350000000 C 390.942330000000,350.707450000000 386.351650000000,345.763640000000 386.351650000000,345.763640000000 C 368.695190000000,342.232350000000 388.823560000000,367.657650000000 388.823560000000,367.657650000000 C 390.942330000000,370.129560000000 388.470430000000,371.895210000000 388.470430000000,371.895210000000 C 387.057910000000,369.070170000000 373.285870000000,359.535680000000 373.285870000000,359.535680000000 C 369.577192973616,358.251960351502 367.296030366514,356.612340612654 364.662614521579,354.034133049196 C 375.497328571624,365.431038913548 412.130090000000,404.736230000000 412.130090000000,404.736230000000 C 418.603464458082,411.467067711911 423.866270011954,416.841761911857 428.100456483703,421.069794280224 C 431.911253826982,423.117187349041 438.429332741789,427.443747179686 440.021705444711,428.508488251077 C 434.631390556513,420.929915909755 424.842740000000,408.973780000000 424.842740000000,408.973780000000 C 411.423830000000,400.498680000000 395.179880000000,367.304520000000 395.179880000000,367.304520000000 C 393.061110000000,362.360720000000 419.898930000000,380.017180000000 419.898930000000,380.017180000000 C 426.961520000000,381.429700000000 450.974310000000,415.330100000000 450.974310000000,415.330100000000 C 438.967910000000,411.092550000000 447.443010000000,423.805210000000 447.443010000000,423.805210000000 C 448.642128555951,424.661722561252 451.669523069354,426.930913593829 455.567754320302,429.877105384794 M 441.728763859604,430.990616769379 C 442.001157834734,430.968737463687 442.273595956891,430.946852319019 442.546077570539,430.924961394438 C 441.160611497937,429.543350453980 440.380430000000,428.749020000000 440.380430000000,428.749020000000 C 440.380430000000,428.749020000000 440.253052678820,428.663178733686 440.021705444711,428.508488251077 C 440.660326232107,429.406364152500 441.237209923692,430.242794524771 441.728763859663,430.990616769441 M 437.161958833781,431.357216610305 C 437.670822297471,431.316391923584 438.179853256749,431.275545625131 438.689047413587,431.234678102201 C 436.272852164785,429.081312207267 432.827723485435,425.790190519404 428.100456483703,421.069794280224 C 423.732426839632,418.723021987686 422.921307172828,419.370689239325 437.161958833739,431.357216610274 M 150.834975350775,317.543625103838 C 150.200666914408,318.812648474441 149.290789312452,319.947810092468 147.989400000000,320.691460000000 C 147.989400000000,320.691460000000 144.326175729468,320.284434440706 149.050476061243,329.358177717790 C 151.578803619469,332.246391206490 152.933210000000,332.697860000000 152.933210000000,332.697860000000 C 152.933210000000,332.697860000000 162.467700000000,334.816630000000 161.408310000000,336.229150000000 C 160.348920000000,337.641670000000 156.111370000000,343.644860000000 156.111370000000,343.644860000000 C 156.111370000000,343.644860000000 174.120970000000,333.050990000000 185.067970000000,326.341530000000 C 185.067970000000,326.341530000000 157.877020000000,334.110370000000 151.520690000000,317.160170000000 C 151.520690000000,317.160170000000 151.253171000079,317.293929499961 150.834975350797,317.543625103782 M 349.356284781695,438.306675429040 C 350.115837499109,438.247530135464 350.876474691428,438.188270381907 351.638178664452,438.128897762619 C 353.741789083730,437.511126897098 355.922404503110,436.939216172936 358.154489334299,436.412943455111 L 357.917830179539,437.638753402240 C 360.571587661073,437.431343658283 363.237522610728,437.222636439659 365.914903336854,437.012697671914 C 366.876053935850,436.546639710885 367.733462815641,435.927306249562 368.352650000000,435.105340000000 C 368.573655696466,434.810020164251 368.702270260782,434.543639018148 368.751618900870,434.303474430484 C 385.166011610108,431.583728127438 402.180915360694,431.111788489892 410.869420000000,432.810000000000 C 411.608744071564,432.954083574156 412.351109570184,433.111827144675 413.094820023507,433.281718567682 C 415.556477397979,433.085549186025 418.023790911991,432.888713688109 420.496255180411,432.691257609222 C 411.935836892436,429.438217434163 404.508981360099,427.321231456341 404.069910000000,428.221090000000 C 403.104100000000,430.198610000000 377.115560000000,422.219660000000 344.488180000000,437.577250000000 C 344.328305043680,437.652915851571 344.110823768447,437.737692104933 343.844463509852,437.829957833993 C 342.388274581106,437.846726141993 341.295890000000,437.930380000000 341.295890000000,437.930380000000 L 341.244785419146,438.590166825659 C 340.635640270349,438.751154075042 339.974571541939,438.918860253503 339.283377651213,439.089236745843 C 339.927312830839,439.039327562025 340.572106504886,438.989328666536 341.217747454365,438.939241070208 C 343.916067318238,438.729910549561 346.629186078848,438.519030739857 349.356284781695,438.306675429040 M 127.168898897385,450.975658740198 C 127.465356037853,451.009697989508 127.764571136879,451.043112326239 128.066569838164,451.075887581223 C 128.313937749776,449.607254368757 128.920420000000,448.524250000000 128.920420000000,448.524250000000 C 128.285522326844,449.340547245068 127.702597820378,450.158008059970 127.168898897370,450.975658740196 M 236.033127580308,446.817299727068 C 237.976586139238,446.679234788891 239.942849162250,446.538930252078 241.931267548230,446.396444600753 C 242.654805930284,442.084171570164 252.868790000000,426.453680000000 252.868790000000,426.453680000000 C 252.868790000000,426.453680000000 258.518860000000,423.628640000000 253.575050000000,423.628640000000 C 248.631240000000,423.628640000000 240.509270000000,442.167930000000 240.509270000000,442.167930000000 C 240.509270000000,442.167930000000 238.783647415319,444.222242102172 236.033127580382,446.817299727030 M 190.962271228951,449.870716955215 C 191.558320359436,449.833028532604 192.158872097492,449.794905153897 192.763885563629,449.756350502343 C 192.324480248680,449.548914315936 191.988294915792,449.371087274010 191.777430000000,449.230510000000 C 191.558365302087,449.449574697913 191.284564121989,449.662977016783 190.962271229072,449.870716955229 M 364.662614521501,354.034133049112 C 363.145860505515,352.438677676711 362.134677583552,351.390148282277 361.800340000000,351.072940000000 C 362.840668327434,352.182443745920 363.771795597329,353.161989710122 364.662614521579,354.034133049196 M 329.338272467432,154.242007401194 C 331.006472653844,152.080598850597 329.497840000000,154.720710000000 329.497840000000,154.720710000000 L 329.338272467188,154.242007401563 M 218.885732161282,259.715529730363 C 218.163610929758,258.705191570376 217.086277508536,257.317872619756 216.876090000000,256.683250000000 C 214.812050000000,250.448760000000 217.123280000000,245.768030000000 213.530190000000,240.665310000000 C 214.250580000000,239.420530000000 214.068710000000,237.949750000000 213.872730000000,236.738510000000 C 213.607880000000,235.101760000000 212.776260000000,233.521500000000 212.130030000000,231.879450000000 C 210.578030000000,227.943830000000 209.546890000000,224.061170000000 208.923620000000,219.938390000000 C 208.909500000000,219.844810000000 209.451380000000,219.707090000000 209.460380000000,219.557010000000 C 209.767600000000,214.542570000000 209.433890000000,209.526370000000 211.791030000000,204.900380000000 C 212.292430000000,203.916910000000 213.101140000000,202.795730000000 212.304830000000,201.552710000000 C 214.564860000000,198.607610000000 216.911400000000,195.570700000000 217.110920000000,191.827530000000 C 217.190380000000,190.342610000000 214.999210000000,190.572160000000 213.738540000000,190.369110000000 C 212.733880000000,190.206670000000 213.088780000000,191.666860000000 212.527300000000,192.154180000000 C 210.849940000000,193.616130000000 208.759420000000,194.477770000000 207.595850000000,196.178090000000 C 207.092640000000,196.916130000000 206.428760000000,197.890760000000 205.892010000000,198.401030000000 C 202.996350000000,201.139550000000 205.334060000000,206.316430000000 202.780940000000,209.233270000000 C 202.101160000000,210.010160000000 201.062960000000,212.729250000000 201.163600000000,213.785110000000 C 201.379010000000,216.038070000000 201.048840000000,216.075150000000 201.725080000000,218.204520000000 C 202.127650000000,219.468730000000 198.407430000000,219.569370000000 199.835840000000,220.480440000000 C 200.556220000000,220.939510000000 200.169550000000,222.254920000000 200.930540000000,222.989420000000 C 202.244180000000,224.260690000000 202.002290000000,226.126980000000 201.728610000000,227.345270000000 C 201.135350000000,229.981380000000 203.171140000000,231.335630000000 205.099230000000,233.611550000000 C 205.418810000000,233.987640000000 203.400680000000,235.265960000000 203.750280000000,235.626150000000 C 205.733100000000,237.677840000000 207.438710000000,239.627110000000 209.960050000000,240.827750000000 C 212.378990000000,244.991140000000 209.981240000000,244.680390000000 212.652670000000,248.886160000000 C 212.790390000000,249.101570000000 213.092310000000,252.428050000000 213.205310000000,252.717610000000 C 213.623770000000,253.780530000000 214.206430000000,256.211830000000 214.464220000000,257.311820000000 C 214.769684112505,258.611332675985 214.965502137547,259.312028870122 219.117460281373,260.779056327225 C 219.046383733309,260.502868258759 218.968593324551,260.143813453396 218.885732161138,259.715529730325 M 326.291025616841,242.670617803674 C 327.475121153760,245.881541750711 328.085320000000,247.946830000000 328.085320000000,247.946830000000 C 328.085320000000,246.264236695740 327.417216915071,244.498130308786 326.291025616840,242.670617803644 M 277.322725622204,254.617280889387 C 275.277777729072,260.176168180967 273.703420000000,264.190780000000 273.703420000000,264.190780000000 C 275.279512456493,263.065000584794 276.424924943954,259.355140339059 277.322725622212,254.617280889406 M 298.238310779544,144.720442281422 C 298.031790760474,144.795540760474 298.069340000000,144.833090000000 298.069340000000,144.833090000000 L 298.238310780621,144.720442281257 M 230.133196683961,245.948281748587 C 230.209471504135,246.122141504135 230.268520000000,246.181190000000 230.268520000000,246.181190000000 C 230.223744566034,246.102832990560 230.178614298246,246.025185658815 230.133196683842,245.948281747730 M 236.433141568737,272.637432330274 C 237.342081363385,275.371316603204 237.953348091846,276.962523916228 237.331100000000,274.784660000000 C 237.113461904972,274.022922815427 236.811989579138,273.311485931933 236.433141568735,272.637432330203 M 234.262841918572,150.417627431095 C 234.190806998247,150.460676463507 234.152940000000,150.483160000000 234.152940000000,150.483160000000 C 234.186960350535,150.466149824733 234.223643659772,150.444223408198 234.262841919175,150.417627431662 M 640.606736323819,88.658936579412 C 641.593564637926,87.774367558206 642.370360000000,86.919892000000 642.370360000000,86.919892000000 C 641.693956834393,87.411821796610 641.108568329574,87.994766269168 640.606736323714,88.658936579368 M 689.547481999788,44.410521026577 C 690.522923432816,44.279402820725 691.102200000000,44.191252000000 691.102200000000,44.191252000000 C 690.611313487441,44.220127667589 690.092092681267,44.294456251356 689.547481999709,44.410521026537 M 788.894457070839,216.217404700124 C 789.564773243116,216.592984235003 790.166523634915,216.819647216767 790.684650000000,216.871460000000 C 790.684650000000,216.871460000000 790.017637580970,216.617995273213 788.894457070836,216.217404700103 M 184.008590000000,255.009420000000 C 198.133760000000,265.603300000000 191.777430000000,291.028600000000 206.608860000000,295.266160000000 C 216.067430000000,297.969360000000 216.496480000000,274.276150000000 216.496480000000,269.134590000000 C 216.496480000000,261.365750000000 184.008590000000,255.009420000000 184.008590000000,255.009420000000 M 396.945530000000,233.468540000000 C 398.110860000000,232.843500000000 398.094960000000,231.130820000000 399.119040000000,230.825360000000 C 401.147770000000,230.217980000000 401.437330000000,228.334040000000 402.351940000000,226.949770000000 C 403.893350000000,224.620880000000 404.234120000000,221.914150000000 405.261720000000,219.281570000000 C 405.741980000000,218.045610000000 405.789650000000,216.359420000000 405.237020000000,215.194100000000 C 403.164160000000,210.813530000000 401.924670000000,206.489460000000 399.378610000000,202.206000000000 C 398.905420000000,201.411460000000 398.442820000000,200.009540000000 398.087920000000,198.953680000000 C 397.270430000000,196.510030000000 395.051010000000,194.760270000000 393.532550000000,192.429620000000 C 393.024050000000,191.650970000000 393.951010000000,190.017750000000 392.686810000000,189.869430000000 C 391.103030000000,189.684040000000 388.544600000000,188.659960000000 388.133210000000,190.471520000000 C 387.095010000000,195.039240000000 388.880080000000,199.493970000000 390.589220000000,203.805680000000 C 389.208490000000,205.027500000000 389.798210000000,206.653660000000 390.066590000000,208.007920000000 C 391.320200000000,214.374840000000 389.204960000000,220.293280000000 387.861300000000,226.427140000000 C 387.820700000000,226.610760000000 388.424540000000,226.960360000000 388.375100000000,227.069830000000 C 386.217480000000,231.812360000000 383.653760000000,236.129360000000 380.442050000000,240.333370000000 C 379.103690000000,242.084890000000 377.564050000000,243.702220000000 376.686520000000,245.579100000000 C 376.036770000000,246.968670000000 375.316380000000,248.674280000000 375.757790000000,250.418740000000 C 369.692800000000,255.327240000000 365.720090000000,262.116150000000 361.109990000000,268.906820000000 C 360.294260000000,270.107460000000 360.808070000000,272.242130000000 361.780940000000,272.717090000000 C 363.216410000000,273.419810000000 364.904370000000,271.611790000000 365.734220000000,270.118060000000 C 366.421060000000,268.885630000000 367.044330000000,267.737960000000 367.911260000000,266.602650000000 C 368.146090000000,266.293670000000 367.830060000000,265.553860000000 368.068400000000,265.340220000000 C 372.717350000000,261.196240000000 375.664210000000,256.012310000000 379.995340000000,251.831260000000 C 383.438350000000,251.250360000000 386.152150000000,249.488240000000 389.238500000000,247.699640000000 C 389.782320000000,247.383590000000 390.707520000000,247.823240000000 391.219560000000,247.478940000000 C 394.314740000000,245.400770000000 394.311200000000,241.805920000000 394.498360000000,238.433530000000 C 394.586660000000,236.872700000000 394.932710000000,234.547350000000 396.945550000000,233.468540000000 L 396.945530000000,233.468540000000 M 381.335450000000,225.583160000000 C 381.554390000000,225.447200000000 381.280750000000,224.700340000000 381.473170000000,224.318960000000 C 381.759210000000,223.746890000000 382.470760000000,223.414950000000 382.756800000000,222.842880000000 C 382.949250000000,222.461500000000 382.661500000000,221.790550000000 382.901580000000,221.539830000000 C 387.020830000000,217.219290000000 387.474600000000,211.879980000000 385.645390000000,206.630710000000 C 387.453410000000,205.536010000000 387.561120000000,203.307770000000 386.810720000000,201.812260000000 C 385.304620000000,198.810660000000 384.963850000000,195.410030000000 383.242350000000,192.685640000000 C 381.826300000000,190.445030000000 379.040110000000,188.248570000000 376.619410000000,190.549200000000 C 375.876070000000,191.255460000000 375.309300000000,192.645030000000 375.800150000000,193.902170000000 C 375.913150000000,194.189970000000 376.416360000000,194.447750000000 376.368690000000,194.592530000000 C 376.179760000000,195.164600000000 375.215720000000,195.560110000000 375.205130000000,196.040360000000 C 375.152130000000,198.681770000000 373.467730000000,201.349660000000 374.580090000000,203.696210000000 C 375.943170000000,206.572450000000 377.389230000000,209.851250000000 378.582810000000,212.987040000000 C 376.404000000000,216.723150000000 378.227910000000,221.047210000000 375.132730000000,224.361330000000 C 374.892610000000,224.619120000000 374.908500000000,225.300660000000 375.123730000000,225.657320000000 C 375.639300000000,226.515420000000 376.356150000000,227.232270000000 377.214250000000,227.747840000000 C 377.570910000000,227.961480000000 378.185360000000,227.965020000000 378.538490000000,227.745840000000 C 379.559030000000,227.106670000000 380.261760000000,226.246800000000 381.335270000000,225.582920000000 L 381.335450000000,225.583160000000 M 492.239230000000,207.377580000000 C 494.691710000000,210.541620000000 495.203750000000,215.476600000000 491.585940000000,217.930850000000 C 492.557040000000,223.773370000000 498.473720000000,220.279160000000 502.178050000000,219.343360000000 C 501.983830000000,218.658290000000 502.389930000000,218.050910000000 502.884310000000,218.042080000000 C 504.755890000000,218.015580000000 505.956530000000,216.193450000000 507.828120000000,216.518330000000 C 508.605000000000,213.769220000000 511.483000000000,212.529740000000 512.630670000000,210.093140000000 C 515.667590000000,203.569080000000 514.625850000000,196.024470000000 510.070490000000,190.293190000000 C 509.717360000000,189.844710000000 510.088190000000,188.931870000000 509.876270000000,188.292710000000 C 508.534380000000,184.388860000000 504.897140000000,183.832690000000 501.471790000000,182.617920000000 C 499.395390000000,175.776040000000 498.228300000000,168.658720000000 495.117230000000,162.136420000000 C 492.267480000000,161.695010000000 491.035050000000,158.624550000000 488.674390000000,157.353290000000 C 486.320780000000,156.083790000000 485.317890000000,158.871740000000 485.390280000000,160.718610000000 C 485.402680000000,161.080570000000 486.200720000000,161.476070000000 485.900560000000,162.120530000000 C 485.766370000000,162.410100000000 485.307300000000,162.606090000000 485.307300000000,162.842680000000 C 485.309300000000,163.081050000000 485.699270000000,163.312350000000 485.935870000000,163.548940000000 C 484.315000000000,164.996770000000 481.802490000000,165.838980000000 481.281620000000,167.860650000000 C 479.597200000000,174.411200000000 484.140210000000,179.928840000000 487.085300000000,185.580680000000 C 488.128800000000,187.584680000000 486.829290000000,189.828820000000 485.487390000000,191.961720000000 C 484.714040000000,193.188850000000 484.904730000000,195.178730000000 485.392090000000,196.690120000000 C 486.719860000000,200.805840000000 489.529000000000,203.876300000000 492.239270000000,207.377580000000 L 492.239230000000,207.377580000000 M 426.627810000000,239.840750000000 C 424.002290000000,243.108960000000 417.977910000000,247.644910000000 423.128300000000,251.049080000000 C 423.470830000000,251.276840000000 424.124120000000,251.283910000000 424.429580000000,251.047080000000 C 427.997950000000,248.283840000000 431.534540000000,246.689460000000 435.835650000000,245.661860000000 C 436.054590000000,245.610660000000 436.538380000000,246.435210000000 437.189910000000,246.150940000000 C 440.037890000000,244.909690000000 443.586840000000,245.012100000000 445.677370000000,242.649670000000 C 452.328560000000,243.045170000000 458.623090000000,241.074710000000 464.610390000000,238.765240000000 C 466.660310000000,237.974230000000 468.902680000000,236.987240000000 471.023220000000,236.100880000000 C 473.452750000000,235.083870000000 475.578590000000,233.445350000000 477.541990000000,231.430750000000 C 477.776820000000,231.190620000000 478.401860000000,231.349550000000 478.873280000000,231.349550000000 C 478.802680000000,229.825800000000 480.501210000000,229.601560000000 480.937320000000,228.503330000000 C 481.099760000000,228.093700000000 480.834920000000,227.394500000000 481.069750000000,227.214410000000 C 484.844700000000,224.336400000000 486.469090000000,220.773330000000 484.405050000000,216.576390000000 C 483.901840000000,215.555840000000 483.462200000000,214.464670000000 482.462840000000,213.624230000000 C 480.547120000000,212.015720000000 478.601370000000,213.523580000000 476.752740000000,212.986830000000 C 476.472000000000,214.095650000000 475.184850000000,213.791960000000 474.503310000000,214.141560000000 C 472.986620000000,214.916680000000 470.633010000000,213.883780000000 469.116320000000,214.657130000000 C 466.711510000000,215.884250000000 464.520340000000,216.182650000000 462.009600000000,216.848300000000 C 461.458710000000,216.993080000000 460.085040000000,216.823600000000 459.802540000000,217.930640000000 C 459.565940000000,217.694040000000 459.304630000000,217.280880000000 459.117470000000,217.319720000000 C 455.748610000000,218.018920000000 453.523900000000,218.396770000000 451.226790000000,221.384240000000 C 451.044930000000,221.619070000000 450.264520000000,221.303040000000 449.983780000000,221.541380000000 C 448.294050000000,222.968030000000 447.578970000000,225.146830000000 445.634990000000,226.333350000000 C 445.280100000000,226.550520000000 444.658590000000,226.253850000000 444.316050000000,226.481660000000 C 443.175450000000,227.242660000000 442.527450000000,228.374440000000 441.393910000000,229.163680000000 C 440.813010000000,229.568010000000 440.106750000000,228.994180000000 440.163250000000,228.542170000000 C 440.595840000000,225.104460000000 441.748800000000,221.949250000000 440.733560000000,218.636900000000 C 444.400800000000,214.187470000000 448.844940000000,210.746220000000 452.033690000000,205.924240000000 C 452.060190000000,202.099850000000 453.282010000000,198.310780000000 453.082490000000,194.643530000000 C 453.064790000000,194.302760000000 452.556320000000,193.008540000000 452.333850000000,192.395860000000 C 451.782970000000,190.888000000000 453.382650000000,189.005820000000 451.892440000000,187.727490000000 C 449.413470000000,185.603420000000 447.132260000000,187.150130000000 445.677370000000,189.680300000000 C 442.432110000000,190.368900000000 438.784280000000,191.592490000000 435.998090000000,189.413680000000 C 434.220090000000,188.024120000000 433.199540000000,186.424450000000 431.788790000000,184.559920000000 C 430.049630000000,182.261050000000 430.641120000000,179.725580000000 430.764720000000,176.964110000000 C 430.775320000000,176.738110000000 430.219130000000,176.497980000000 430.219130000000,176.261390000000 C 430.221130000000,176.023020000000 430.609340000000,175.791720000000 430.845940000000,175.555130000000 C 429.599390000000,174.449830000000 429.113840000000,172.581780000000 427.314650000000,172.023830000000 C 427.853170000000,170.095750000000 426.659590000000,168.534920000000 425.121710000000,168.001690000000 C 421.599250000000,166.781630000000 418.638260000000,170.157550000000 415.297660000000,170.286440000000 C 414.390110000000,170.319940000000 413.565560000000,168.487240000000 412.419650000000,167.913410000000 C 411.656890000000,167.532030000000 410.413880000000,167.473760000000 409.774720000000,167.943410000000 C 408.559950000000,168.833290000000 407.519980000000,169.034570000000 406.181620000000,169.396530000000 C 403.326570000000,170.166350000000 401.070080000000,172.097970000000 398.456920000000,173.607600000000 C 395.834940000000,175.120760000000 394.148750000000,177.657990000000 392.241850000000,179.988640000000 C 390.580370000000,182.022670000000 390.340250000000,186.284940000000 392.847460000000,187.167760000000 C 396.101550000000,188.315430000000 398.403950000000,183.542890000000 401.875210000000,184.118490000000 C 402.426100000000,184.208490000000 402.789820000000,184.757660000000 402.595600000000,185.442730000000 C 403.282430000000,185.635180000000 403.667340000000,185.230850000000 404.008110000000,184.736470000000 C 405.523040000000,186.535660000000 407.578250000000,187.130680000000 409.234430000000,188.672090000000 C 410.947100000000,190.268240000000 414.029920000000,189.530200000000 415.822050000000,191.290550000000 C 418.521730000000,193.942550000000 417.534730000000,198.676240000000 420.958320000000,200.980410000000 C 419.923650000000,203.298710000000 418.851900000000,205.553440000000 418.260410000000,208.073010000000 C 417.762500000000,210.202380000000 419.517550000000,212.315860000000 421.655750000000,212.155190000000 C 423.876930000000,211.989220000000 424.339530000000,210.649090000000 425.195870000000,208.749260000000 C 425.667300000000,209.220680000000 426.495390000000,209.745080000000 426.422990000000,210.126460000000 C 425.616090000000,214.341060000000 423.802770000000,217.859990000000 422.994110000000,222.152280000000 C 422.889940000000,222.711990000000 422.351410000000,223.068650000000 421.664580000000,222.874430000000 C 420.838250000000,230.200090000000 413.683860000000,234.427050000000 409.190290000000,240.015320000000 C 408.478730000000,240.901680000000 408.471670000000,243.106970000000 409.194290000000,243.818520000000 C 411.671490000000,246.267480000000 415.132160000000,243.537790000000 418.133750000000,242.649670000000 C 418.509840000000,240.520300000000 420.026530000000,238.857060000000 422.378370000000,238.955930000000 C 422.830370000000,238.973630000000 423.245300000000,238.016610000000 423.817370000000,237.787080000000 C 424.431810000000,237.543420000000 425.318170000000,237.938920000000 425.823140000000,237.589320000000 C 428.875950000000,235.479380000000 431.361980000000,233.526570000000 434.430670000000,231.427220000000 C 434.769670000000,231.195920000000 435.377060000000,231.476620000000 435.758440000000,231.285970000000 C 436.332270000000,230.999930000000 436.662450000000,230.316630000000 437.232750000000,229.989980000000 C 437.847200000000,229.636850000000 438.274480000000,230.148890000000 438.615250000000,230.643270000000 C 437.474640000000,231.259480000000 437.467580000000,232.949210000000 436.439980000000,233.305870000000 C 435.071600000000,233.779060000000 434.081070000000,234.684840000000 432.891030000000,235.474080000000 C 432.375460000000,235.814850000000 431.211900000000,235.376980000000 431.028270000000,235.693020000000 C 429.972410000000,237.508100000000 427.881890000000,238.281460000000 426.628280000000,239.840520000000 L 426.627810000000,239.840750000000 M 293.478660000000,181.558530000000 L 265.228320000000,190.739890000000 L 252.515660000000,207.690100000000 C 252.515660000000,207.690100000000 282.884780000000,190.033640000000 289.947360000000,187.914860000000 C 297.009950000000,185.796090000000 293.478660000000,181.558530000000 293.478660000000,181.558530000000 M 222.852800000000,192.858670000000 C 222.852800000000,192.858670000000 219.321510000000,194.977450000000 218.615250000000,199.921260000000 C 217.908990000000,204.865070000000 213.671440000000,205.571320000000 215.083960000000,210.515130000000 C 216.496480000000,215.458940000000 220.027770000000,219.696490000000 220.027770000000,212.633910000000 C 220.027770000000,205.571320000000 222.852800000000,202.040030000000 224.265320000000,199.921260000000 C 225.677840000000,197.802480000000 228.502870000000,190.033640000000 222.852800000000,192.858670000000 M 207.315120000000,300.916220000000 C 207.315120000000,300.916220000000 192.483690000000,293.853640000000 186.833620000000,287.497310000000 C 181.183550000000,281.140990000000 181.981620000000,290.262310000000 173.414710000000,289.616090000000 C 163.090970000000,288.837440000000 164.939610000000,260.659490000000 164.939610000000,260.659490000000 L 157.877020000000,274.078400000000 C 157.877020000000,274.078400000000 155.758240000000,299.503710000000 169.883410000000,295.266160000000 C 176.781790000000,293.196820000000 179.064780000000,295.972410000000 176.239740000000,297.384930000000 C 173.414710000000,298.797450000000 186.127360000000,299.503710000000 181.183550000000,302.328740000000 C 176.239740000000,305.153770000000 201.665050000000,295.972410000000 197.427500000000,314.335140000000 L 207.315120000000,300.916220000000 M 194.602460000000,226.052820000000 C 194.425900000000,224.463740000000 191.953990000000,223.227790000000 191.953990000000,223.227790000000 C 183.478890000000,223.051220000000 181.536680000000,224.463740000000 181.536680000000,224.463740000000 C 181.536680000000,224.463740000000 183.302330000000,231.702890000000 183.302330000000,236.646700000000 C 183.302330000000,241.590510000000 196.721240000000,248.653090000000 199.546270000000,248.653090000000 C 202.371310000000,248.653090000000 196.014980000000,244.415540000000 191.777430000000,240.884250000000 C 187.539880000000,237.352960000000 192.483690000000,236.646700000000 192.483690000000,236.646700000000 C 192.483690000000,236.646700000000 190.364910000000,238.059220000000 196.014980000000,240.177990000000 C 201.665050000000,242.296770000000 203.783820000000,243.709280000000 199.546270000000,240.884250000000 C 195.308720000000,238.059220000000 194.602460000000,226.052820000000 194.602460000000,226.052820000000 M 373.058749411176,311.396544705576 C 354.607186913630,311.546334132891 349.920515882746,336.981014675161 343.935530000000,331.689670000000 C 343.935530000000,331.689670000000 353.501800000000,346.732980000000 350.676770000000,336.845360000000 C 349.799240000000,333.769600000000 352.114000000000,334.000900000000 355.276280000000,333.050990000000 C 358.807570000000,331.991600000000 380.348450000000,325.282140000000 381.760970000000,320.691460000000 C 382.243063183235,319.124660567486 385.275496362767,318.997570155586 389.061250087815,319.509952962413 C 391.936704619792,321.014005132354 398.270888148759,323.782173547052 405.673692436343,323.607866461689 C 406.190369593954,323.773079781799 406.480020000000,323.869630000000 406.480020000000,323.869630000000 C 409.658180000000,325.282140000000 417.427030000000,329.872820000000 417.427030000000,329.872820000000 C 425.902130000000,331.991600000000 437.555390000000,332.697860000000 437.555390000000,332.697860000000 C 441.792950000000,334.463500000000 447.796140000000,339.407310000000 447.796140000000,339.407310000000 C 473.574580000000,357.416910000000 495.470360000000,344.704250000000 495.470360000000,344.704250000000 C 530.781520000000,333.050990000000 520.187640000000,302.681870000000 520.187640000000,302.681870000000 C 514.890700000000,286.791050000000 520.540770000000,280.787860000000 520.540770000000,280.787860000000 C 520.893900000000,274.078400000000 533.606550000000,285.378540000000 533.606550000000,285.378540000000 C 538.197230000000,292.794250000000 539.609750000000,301.622480000000 539.609750000000,301.622480000000 C 553.734920000000,321.397720000000 547.731720000000,289.969220000000 547.731720000000,289.969220000000 C 548.084850000000,288.203570000000 543.141040000000,281.847240000000 543.141040000000,279.728470000000 C 543.141040000000,277.609690000000 539.962880000000,271.606500000000 539.962880000000,271.606500000000 C 534.665940000000,265.603300000000 538.903490000000,253.243770000000 538.903490000000,253.243770000000 C 542.081650000000,228.877850000000 538.197230000000,232.056020000000 538.197230000000,232.056020000000 C 536.078460000000,228.877850000000 519.834510000000,246.534320000000 519.834510000000,246.534320000000 C 515.950090000000,252.537520000000 505.356210000000,255.362550000000 505.356210000000,255.362550000000 C 500.414170000000,258.540710000000 494.410970000000,256.068810000000 494.410970000000,256.068810000000 C 493.612003321421,255.945891781694 492.652590845248,256.218739702570 491.612781800119,256.753317896403 C 491.622629662710,256.522694606930 491.614131603860,256.294345625093 491.585940000000,256.068810000000 C 491.585940000000,256.068810000000 440.380430000000,277.609690000000 422.723970000000,276.903430000000 C 422.723970000000,276.903430000000 393.767370000000,268.781460000000 378.935940000000,294.559900000000 C 378.935940000000,294.559900000000 364.104510000000,310.803840000000 358.454440000000,313.628880000000 C 358.454440000000,313.628880000000 357.748180000000,316.453910000000 369.048320000000,309.391330000000 L 373.058749411185,311.396544705593 M 411.999631429742,322.701993287718 C 418.318357005166,320.987065268177 424.904557996515,316.586300042279 430.492810000000,307.272550000000 C 430.492810000000,307.272550000000 437.555390000000,287.497310000000 437.555390000000,283.966020000000 C 437.555390000000,280.434730000000 474.987100000000,270.547110000000 477.813900000000,269.840850000000 C 478.588465501586,269.647207939155 480.026688204133,268.949186766416 481.691861369712,267.921469053287 C 485.898635167584,269.135023985380 489.625107583792,275.180379899155 493.351580000000,275.490920000000 C 497.589130000000,275.844050000000 500.767300000000,271.253370000000 503.590570000000,270.193980000000 C 506.415600000000,269.134590000000 511.359410000000,279.375340000000 511.359410000000,279.375340000000 C 512.065670000000,283.966020000000 502.178050000000,292.441120000000 502.178050000000,292.441120000000 C 501.471790000000,300.563090000000 498.648520000000,297.738060000000 498.648520000000,297.738060000000 C 493.351580000000,296.678670000000 491.232810000000,303.388130000000 489.467160000000,311.510100000000 C 487.701510000000,319.632070000000 480.285800000000,320.338330000000 480.285800000000,320.338330000000 C 477.460770000000,333.404120000000 475.340220000000,328.107180000000 475.340220000000,328.107180000000 C 474.987100000000,318.219560000000 464.393220000000,328.460310000000 464.393220000000,328.460310000000 C 462.274440000000,331.991600000000 454.152470000000,328.107180000000 454.152470000000,328.107180000000 C 442.146070000000,324.575880000000 446.383630000000,321.044590000000 446.383630000000,321.044590000000 C 449.561790000000,317.160170000000 469.337030000000,321.044590000000 469.337030000000,321.044590000000 C 473.221450000000,318.219560000000 459.096280000000,311.156970000000 459.096280000000,311.156970000000 C 458.036890000000,307.978810000000 459.802540000000,300.209970000000 459.802540000000,300.209970000000 C 461.921310000000,294.559900000000 473.927710000000,284.672280000000 473.927710000000,284.672280000000 C 490.526550000000,282.553500000000 485.582740000000,279.728470000000 485.582740000000,279.728470000000 C 474.635730000000,270.547110000000 464.393220000000,283.966020000000 464.393220000000,283.966020000000 C 460.508800000000,294.913030000000 429.786550000000,321.397720000000 429.786550000000,321.397720000000 C 421.311450000000,327.400920000000 425.902130000000,315.394520000000 418.839540000000,321.397720000000 C 417.484216329199,322.549746463495 415.049520399057,322.895494951360 411.999631429752,322.701993287718 M 405.067500000000,303.963730000000 C 400.655150000000,303.963730000000 397.077950000000,300.386530000000 397.077950000000,295.972410000000 C 397.077950000000,291.560060000000 400.655150000000,287.982860000000 405.067500000000,287.982860000000 C 409.481620000000,287.982860000000 413.058820000000,291.560060000000 413.058820000000,295.972410000000 C 413.058820000000,300.386530000000 409.481620000000,303.963730000000 405.067500000000,303.963730000000" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-02/original.svg b/libraries/path-bool/visual-tests/real-02/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..84ce568e6f05995ff90c5911c605add462f475f7
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-02/original.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg2"
+     viewBox="0 0 900 900"
+     version="1.1"
+     xmlns="http://www.w3.org/2000/svg"
+>
+    <path id="a"
+          d="m 854.10667,396.69371 c 1.0947,0.31958 4.99678,2.30417 7.20384,5.21748 0,0 12.00639,19.06898 2.82503,-13.41891 0,0 -16.24395,-50.85061 -0.70626,-31.07537 0,0 10.59388,12.71265 4.94381,-11.30014 -6.81539,-29.00427 -11.30014,-40.25674 -11.30014,-40.25674 0,0 20.4815,8.47511 -26.83782,-61.44449 l 15.53769,6.35633 c 0,0 -34.60667,-69.91959 -72.74463,-79.10096 l -14.12517,-10.59387 c 0,0 67.80082,-67.094563 45.20055,-132.070346 0,0 -12.0064,-9.181361 -28.9566,7.062585 0,0 -11.30014,8.475102 -21.89402,5.650068 0,0 -54.3819,2.118776 -57.9132,2.118776 -3.53129,0 -64.97578,-65.682043 -180.80218,-34.606668 0,0 -9.18136,3.531293 -16.94844,1.412517 0,0 -32.48965,-28.250341 -118.65319,12.006395 0,0 -17.65647,3.531293 -20.4815,3.531293 -2.82503,0 -7.76884,0 -21.89401,11.300136 -14.12517,11.300136 -14.83143,12.712653 -18.36273,15.537687 0,0 -28.9566,19.775239 -37.4317,21.187756 0,0 -20.48149,11.300136 -28.25034,28.956601 l -6.35632,2.11877 c 0,0 -2.82504,12.71266 -3.5313,14.83143 0,0 -8.4751,6.35633 -9.88762,16.24395 0,0 -15.53768,10.59388 -14.83143,18.36272 0,0 -2.82503,9.18136 -4.23755,17.65646 0,0 -12.71265,8.47511 -11.30013,13.41892 0,0 -13.41892,24.71904 -11.30014,36.72544 0,0 -11.30014,-0.70626 -16.24395,3.53129 0,0 -1.41251,8.4751 -4.23755,9.18136 0,0 -4.94381,2.11878 -0.70626,9.18136 0,0 -2.82503,4.94381 -3.53129,7.76885 0,0 1.41252,4.94381 -6.35632,14.83142 0,0 -11.30014,33.19416 -7.76885,42.37552 0,0 0.70626,8.4751 -4.23755,11.30013 0,0 -6.35633,-0.70626 8.4751,20.4815 0,0 1.41252,2.11878 -4.23755,6.35633 0,0 -30.36911,6.35632 -34.60667,35.31292 0,0 -24.012785,26.13157 -24.012785,35.31293 0,4.06981 0.476724,9.6263 1.712677,17.7624 0,0 -1.006419,14.72549 47.725418,16.13801 48.73184,1.41251 711.06108,-55.36184 711.06108,-55.36184 z"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+          d="m 440.38043,428.74902 c 0,0 38.84598,39.55047 55.08993,45.9068 0,0 16.24218,19.77524 9.17959,65.68204 0,0 -5.6483,13.41891 -11.29837,-23.30653 0,0 5.65007,-44.49429 -14.12517,-16.24395 0,0 -14.83319,-17.47989 -3.53306,-16.9502 0,0 5.65184,3.53129 6.3581,0.70626 0.70625,-2.82504 -13.42068,-26.83782 -43.7898,-52.26313 -30.36911,-25.42531 2.11878,-3.53129 2.11878,-3.53129 z M 194.60246,226.05282 c 0,0 0.70626,12.0064 4.94381,14.83143 4.23755,2.82503 2.11878,1.41252 -3.53129,-0.70626 -5.65007,-2.11877 -3.53129,-3.53129 -3.53129,-3.53129 0,0 -4.94381,0.70626 -0.70626,4.23755 4.23755,3.53129 10.59388,7.76884 7.76884,7.76884 -2.82503,0 -16.24394,-7.06258 -16.24394,-12.00639 0,-4.94381 -1.76565,-12.18296 -1.76565,-12.18296 0,0 1.94221,-1.41252 10.41731,-1.23595 0,0 2.47191,1.23595 2.64847,2.82503 z m 6.32808,-3.0634 c -0.76099,-0.7345 -0.37432,-2.04991 -1.0947,-2.50898 -1.42841,-0.91107 2.29181,-1.01171 1.88924,-2.27592 -0.67624,-2.12937 -0.34607,-2.16645 -0.56148,-4.41941 -0.10064,-1.05586 0.93756,-3.77495 1.61734,-4.55184 2.55312,-2.91684 0.21541,-8.09372 3.11107,-10.83224 0.53675,-0.51027 1.20063,-1.4849 1.70384,-2.22294 1.16357,-1.70032 3.25409,-2.56196 4.93145,-4.02391 0.56148,-0.48732 0.20658,-1.94751 1.21124,-1.78507 1.26067,0.20305 3.45184,-0.0265 3.37238,1.45842 -0.19952,3.74317 -2.54606,6.78008 -4.80609,9.72518 0.79631,1.24302 -0.0124,2.3642 -0.5138,3.34767 -2.35714,4.62599 -2.02343,9.64219 -2.33065,14.65663 -0.009,0.15008 -0.55088,0.2878 -0.53676,0.38138 0.62327,4.12278 1.65441,8.00544 3.20641,11.94106 0.64623,1.64205 1.47785,3.22231 1.7427,4.85906 0.19598,1.21124 0.37785,2.68202 -0.34254,3.9268 3.59309,5.10272 1.28186,9.78345 3.3459,16.01794 0.36549,1.10353 3.35296,4.48298 2.53547,4.19871 -4.43707,-1.53788 -4.63482,-2.24061 -4.94734,-3.57014 -0.25779,-1.09999 -0.84045,-3.53129 -1.25891,-4.59421 -0.113,-0.28956 -0.41492,-3.61604 -0.55264,-3.83145 -2.67143,-4.20577 -0.27368,-3.89502 -2.69262,-8.05841 -2.52134,-1.20064 -4.22695,-3.14991 -6.20977,-5.2016 -0.3496,-0.36019 1.66853,-1.63851 1.34895,-2.0146 -1.92809,-2.27592 -3.96388,-3.63017 -3.37062,-6.26628 0.27368,-1.21829 0.51557,-3.08458 -0.79807,-4.35585 z m 158.02181,209.29089 c 0,0 12.22004,-0.94286 9.4003,2.82503 -2.81973,3.74317 -10.57975,3.2841 -10.57975,3.2841 z m -17.65646,5.65007 c 0,0 12.22004,-0.9358 9.4003,2.82503 -2.81974,3.74317 -9.87349,3.2841 -9.87349,3.2841 z m -50.64227,26.13156 c 0,0 9.18136,-0.70626 7.06259,2.11878 -2.11878,2.82503 -6.35633,1.41251 -6.35633,1.41251 z m 0.36196,8.52807 c 0,0 2.48956,-23.02402 17.45871,-20.07539 0,0 14.52421,-7.36275 19.3303,-10.84107 0,0 14.37059,-3.0016 16.68359,-4.0963 32.62738,-15.35759 58.61592,-7.37864 59.58173,-9.35616 0.96404,-1.97576 35.61485,10.59211 41.98707,17.79595 0.69037,0.79454 -18.06433,-9.86997 -35.18756,-13.20704 -14.6072,-2.85505 -52.74869,0.42376 -72.00483,10.20544 -5.24926,2.66612 -21.04297,12.87156 -25.51182,12.67734 -4.46885,-0.19422 -22.33719,16.89723 -22.33719,16.89723 z M 185.06797,326.34153 c 0,0 -27.19095,7.76884 -33.54728,-9.18136 0,0 -8.4751,4.23755 -4.59068,9.53449 3.88442,5.29694 6.0032,6.0032 6.0032,6.0032 0,0 9.53449,2.11877 8.4751,3.53129 -1.05939,1.41252 -5.29694,7.41571 -5.29694,7.41571 0,0 18.0096,-10.59387 28.9566,-17.30333 z m 22.24715,-25.42531 c 0,0 -14.83143,-7.06258 -20.4815,-13.41891 -5.65007,-6.35632 -4.852,2.765 -13.41891,2.11878 -10.32374,-0.77865 -8.4751,-28.9566 -8.4751,-28.9566 l -7.06259,13.41891 c 0,0 -2.11878,25.42531 12.00639,21.18776 6.89838,-2.06934 9.18137,0.70625 6.35633,2.11877 -2.82503,1.41252 9.88762,2.11878 4.94381,4.94381 -4.94381,2.82503 20.4815,-6.35633 16.24395,12.0064 z M 222.8528,192.85867 c 0,0 -3.53129,2.11878 -4.23755,7.06259 -0.70626,4.94381 -4.94381,5.65006 -3.53129,10.59387 1.41252,4.94381 4.94381,9.18136 4.94381,2.11878 0,-7.06259 2.82503,-10.59388 4.23755,-12.71265 1.41252,-2.11878 4.23755,-9.88762 -1.41252,-7.06259 z m 70.62586,-11.30014 -28.25034,9.18136 -12.71266,16.95021 c 0,0 30.36912,-17.65646 37.4317,-19.77524 7.06259,-2.11877 3.5313,-6.35633 3.5313,-6.35633 z m 35.31292,-28.9566 c 0,0 -16.31104,-5.07093 -36.01918,40.25674 0,0 -4.23755,9.18136 -8.4751,12.71265 -4.23756,3.5313 -24.01279,9.88762 -27.54409,16.95021 l -18.36272,28.25034 c 0,0 26.13157,-28.25034 31.78163,-32.48789 0,0 14.12518,-14.83143 8.47511,-2.82504 0,0 -24.71905,19.06898 -22.60028,35.31293 0,0 -9.88761,25.42531 -11.30013,28.9566 0,0 28.25034,-56.50068 32.48789,-58.61946 4.23755,-2.11877 6.35633,-2.11877 4.23755,4.23755 -2.11877,6.35633 -2.82503,35.31293 -7.76884,38.84422 0,0 14.12517,-36.01918 12.71265,-41.66925 0,0 5.65007,-6.35633 9.88762,2.82503 l -2.11878,28.25034 7.76885,21.18776 c 0,0 -4.23755,-19.77524 -1.41252,-47.31932 0,0 -3.53129,-18.36272 3.53129,-8.4751 7.06259,9.88761 24.01279,20.48149 24.01279,28.95659 0,0 -9.18136,-31.07537 -25.4253,-39.55047 l -7.06259,10.59388 -2.11877,-3.5313 c 0,0 -6.35633,-1.41251 1.41251,-13.41891 7.76885,-12.00639 7.06259,-13.41891 7.06259,-13.41891 0,0 11.30013,12.71265 14.12517,12.71265 0,0 23.30653,-13.41891 25.42531,29.66286 0,0 12.00639,-25.42531 -4.23756,-37.4317 0,0 -26.13156,-3.53129 -24.01279,-12.71265 l 12.71266,-21.89402 c 6.35632,-9.18136 3.53129,-4.23755 3.53129,-4.23755 z m 97.83623,87.23882 c -2.62552,3.26821 -8.6499,7.80416 -3.49951,11.20833 0.34253,0.22776 0.99582,0.23483 1.30128,-0.002 3.56837,-2.76324 7.10496,-4.35762 11.40607,-5.38522 0.21894,-0.0512 0.70273,0.77335 1.35426,0.48908 2.84798,-1.24125 6.39693,-1.13884 8.48746,-3.50127 6.65119,0.3955 12.94572,-1.57496 18.93302,-3.88443 2.04992,-0.79101 4.29229,-1.778 6.41283,-2.66436 2.42953,-1.01701 4.55537,-2.65553 6.51877,-4.67013 0.23483,-0.24013 0.85987,-0.0812 1.33129,-0.0812 -0.0706,-1.52375 1.62793,-1.74799 2.06404,-2.84622 0.16244,-0.40963 -0.1024,-1.10883 0.13243,-1.28892 3.77495,-2.87801 5.39934,-6.44108 3.3353,-10.63802 -0.50321,-1.02055 -0.94285,-2.11172 -1.94221,-2.95216 -1.91572,-1.60851 -3.86147,-0.10065 -5.7101,-0.6374 -0.28074,1.10882 -1.56789,0.80513 -2.24943,1.15473 -1.51669,0.77512 -3.8703,-0.25778 -5.38699,0.51557 -2.40481,1.22712 -4.59598,1.52552 -7.10672,2.19117 -0.55089,0.14478 -1.92456,-0.0247 -2.20706,1.08234 -0.2366,-0.2366 -0.49791,-0.64976 -0.68507,-0.61092 -3.36886,0.6992 -5.59357,1.07705 -7.89068,4.06452 -0.18186,0.23483 -0.96227,-0.0812 -1.24301,0.15714 -1.68973,1.42665 -2.40481,3.60545 -4.34879,4.79197 -0.35489,0.21717 -0.9764,-0.0795 -1.31894,0.14831 -1.1406,0.761 -1.7886,1.89278 -2.92214,2.68202 -0.5809,0.40433 -1.28716,-0.1695 -1.23066,-0.62151 0.43259,-3.43771 1.58555,-6.59292 0.57031,-9.90527 3.66724,-4.44943 8.11138,-7.89068 11.30013,-12.71266 0.0265,-3.82439 1.24832,-7.61346 1.0488,-11.28071 -0.0177,-0.34077 -0.52617,-1.63499 -0.74864,-2.24767 -0.55088,-1.50786 1.0488,-3.39004 -0.44141,-4.66837 -2.47897,-2.12407 -4.76018,-0.57736 -6.21507,1.95281 -3.24526,0.6886 -6.89309,1.91219 -9.67928,-0.26662 -1.778,-1.38956 -2.79855,-2.98923 -4.2093,-4.85376 -1.73916,-2.29887 -1.14767,-4.83434 -1.02407,-7.59581 0.0106,-0.226 -0.54559,-0.46613 -0.54559,-0.70272 0.002,-0.23837 0.39021,-0.46967 0.62681,-0.70626 -1.24655,-1.1053 -1.7321,-2.97335 -3.53129,-3.5313 0.53852,-1.92808 -0.65506,-3.48891 -2.19294,-4.02214 -3.52246,-1.22006 -6.48345,2.15586 -9.82405,2.28475 -0.90755,0.0335 -1.7321,-1.7992 -2.87801,-2.37303 -0.76276,-0.38138 -2.00577,-0.43965 -2.64493,0.03 -1.21477,0.88988 -2.25474,1.09116 -3.5931,1.45312 -2.85505,0.76982 -5.11154,2.70144 -7.7247,4.21107 -2.62198,1.51316 -4.30817,4.05039 -6.21507,6.38104 -1.66148,2.03403 -1.9016,6.2963 0.60561,7.17912 3.25409,1.14767 5.55649,-3.62487 9.02775,-3.04927 0.55089,0.09 0.91461,0.63917 0.72039,1.32424 0.68683,0.19245 1.07174,-0.21188 1.41251,-0.70626 1.51493,1.79919 3.57014,2.39421 5.22632,3.93562 1.71267,1.59615 4.79549,0.85811 6.58762,2.61846 2.69968,2.652 1.71268,7.38569 5.13627,9.68986 -1.03467,2.3183 -2.10642,4.57303 -2.69791,7.0926 -0.49791,2.12937 1.25714,4.24285 3.39534,4.08218 2.22118,-0.16597 2.68378,-1.5061 3.54012,-3.40593 0.47143,0.47142 1.29952,0.99582 1.22712,1.3772 -0.8069,4.2146 -2.62022,7.73353 -3.42888,12.02582 -0.10417,0.55971 -0.6427,0.91637 -1.32953,0.72215 -0.82633,7.32566 -7.98072,11.55262 -12.47429,17.14089 -0.71156,0.88636 -0.71862,3.09165 0.004,3.8032 2.4772,2.44896 5.93787,-0.28073 8.93946,-1.16885 0.37609,-2.12937 1.89278,-3.79261 4.24462,-3.69374 0.452,0.0177 0.86693,-0.93932 1.439,-1.16885 0.61444,-0.24366 1.5008,0.15184 2.00577,-0.19776 3.05281,-2.10994 5.53884,-4.06275 8.60753,-6.1621 0.339,-0.2313 0.94639,0.0494 1.32777,-0.14125 0.57383,-0.28604 0.90401,-0.96934 1.47431,-1.29599 0.61445,-0.35313 1.04173,0.15891 1.3825,0.65329 -1.14061,0.61621 -1.14767,2.30594 -2.17527,2.6626 -1.36838,0.47319 -2.35891,1.37897 -3.54895,2.16821 -0.51557,0.34077 -1.67913,-0.0971 -1.86276,0.21894 -1.05586,1.81508 -3.14638,2.58844 -4.39999,4.1475 z m 65.61142,-32.46317 c 2.45248,3.16404 2.96452,8.09902 -0.65329,10.55327 0.9711,5.84252 6.88778,2.34831 10.59211,1.41251 -0.19422,-0.68507 0.21188,-1.29245 0.70626,-1.30128 1.87158,-0.0265 3.07222,-1.84863 4.94381,-1.52375 0.77688,-2.74911 3.65488,-3.98859 4.80255,-6.42519 3.03692,-6.52406 1.99518,-14.06867 -2.56018,-19.79995 -0.35313,-0.44848 0.0177,-1.36132 -0.19422,-2.00048 -1.34189,-3.90385 -4.97913,-4.46002 -8.40448,-5.67479 -2.0764,-6.84188 -3.24349,-13.9592 -6.35456,-20.4815 -2.84975,-0.44141 -4.08218,-3.51187 -6.44284,-4.78313 -2.35361,-1.2695 -3.3565,1.51845 -3.28411,3.36532 0.0124,0.36196 0.81044,0.75746 0.51028,1.40192 -0.13419,0.28957 -0.59326,0.48556 -0.59326,0.72215 0.002,0.23837 0.39197,0.46967 0.62857,0.70626 -1.62087,1.44783 -4.13338,2.29004 -4.65425,4.31171 -1.68442,6.55055 2.85859,12.06819 5.80368,17.72003 1.0435,2.004 -0.25601,4.24814 -1.59791,6.38104 -0.77335,1.22713 -0.58266,3.21701 -0.0953,4.7284 1.32777,4.11572 4.13691,7.18618 6.84718,10.68746 z m -110.90378,18.20558 c 0.21894,-0.13596 -0.0547,-0.88282 0.13772,-1.2642 0.28604,-0.57207 0.99759,-0.90401 1.28363,-1.47608 0.19245,-0.38138 -0.0953,-1.05233 0.14478,-1.30305 4.11925,-4.32054 4.57302,-9.65985 2.74381,-14.90912 1.80802,-1.0947 1.91573,-3.32294 1.16533,-4.81845 -1.5061,-3.0016 -1.84687,-6.40223 -3.56837,-9.12662 -1.41605,-2.24061 -4.20224,-4.43707 -6.62294,-2.13644 -0.74334,0.70626 -1.31011,2.09583 -0.81926,3.35297 0.113,0.2878 0.61621,0.54558 0.56854,0.69036 -0.18893,0.57207 -1.15297,0.96758 -1.16356,1.44783 -0.053,2.64141 -1.7374,5.3093 -0.62504,7.65585 1.36308,2.87624 2.80914,6.15504 4.00272,9.29083 -2.17881,3.73611 -0.3549,8.06017 -3.45008,11.37429 -0.24012,0.25779 -0.22423,0.93933 -0.009,1.29599 0.51557,0.8581 1.23242,1.57495 2.09052,2.09052 0.35666,0.21364 0.97111,0.21718 1.32424,-0.002 1.02054,-0.63917 1.72327,-1.49904 2.79678,-2.16292 z m 15.61008,7.88538 c 1.16533,-0.62504 1.14943,-2.33772 2.17351,-2.64318 2.02873,-0.60738 2.31829,-2.49132 3.2329,-3.87559 1.54141,-2.32889 1.88218,-5.03562 2.90978,-7.6682 0.48026,-1.23596 0.52793,-2.92215 -0.0247,-4.08747 -2.07286,-4.38057 -3.31235,-8.70464 -5.85841,-12.9881 -0.47319,-0.79454 -0.93579,-2.19646 -1.29069,-3.25232 -0.81749,-2.44365 -3.03691,-4.19341 -4.55537,-6.52406 -0.5085,-0.77865 0.41846,-2.41187 -0.84574,-2.56019 -1.58378,-0.18539 -4.14221,-1.20947 -4.5536,0.60209 -1.0382,4.56772 0.74687,9.02245 2.45601,13.33416 -1.38073,1.22182 -0.79101,2.84798 -0.52263,4.20224 1.25361,6.36692 -0.86163,12.28536 -2.20529,18.41922 -0.0406,0.18362 0.56324,0.53322 0.5138,0.64269 -2.15762,4.74253 -4.72134,9.05953 -7.93305,13.26354 -1.33836,1.75152 -2.878,3.36885 -3.75553,5.24573 -0.64975,1.38957 -1.37014,3.09518 -0.92873,4.83964 -6.06499,4.9085 -10.0377,11.69741 -14.6478,18.48808 -0.81573,1.20064 -0.30192,3.33531 0.67095,3.81027 1.43547,0.70272 3.12343,-1.1053 3.95328,-2.59903 0.68684,-1.23243 1.31011,-2.3801 2.17704,-3.51541 0.23483,-0.30898 -0.0812,-1.04879 0.15714,-1.26243 4.64895,-4.14398 7.59581,-9.32791 11.92694,-13.50896 3.44301,-0.5809 6.15681,-2.34302 9.24316,-4.13162 0.54382,-0.31605 1.46902,0.1236 1.98106,-0.2207 3.09518,-2.07817 3.09164,-5.67302 3.2788,-9.04541 0.0883,-1.56083 0.43435,-3.88618 2.44719,-4.96499 z M 128.92042,448.52425 c 0,0 -9.88762,17.65647 33.90041,7.06259 0,0 24.71905,-2.11878 28.9566,-6.35633 2.11877,1.41252 16.89017,6.58586 21.89401,7.76885 12.0064,2.82503 26.83783,-14.83143 26.83783,-14.83143 0,0 8.12197,-18.53929 13.06578,-18.53929 4.94381,0 -0.70626,2.82504 -0.70626,2.82504 0,0 -11.65326,17.83302 -10.94701,20.65806 0,0 -9.18136,35.31292 -37.4317,36.72544 0,0 -28.51519,1.67736 -26.13156,12.0064 0,0 15.53768,-4.23756 19.77524,0 0,0 19.06898,-0.70626 4.94381,10.59387 l -12.0064,20.4815 c 0,0 0.24719,6.92133 -17.65646,0.70626 -17.30334,-6.0032 -35.48949,-28.78004 -35.48949,-28.78004 0,0 -28.16206,-25.69015 -9.0048,-50.32092 z m 80.51347,-177.62401 z m 0,4.49533 c -1.10353,0 -1.99694,-2.01283 -1.99694,-4.49533 0,-2.48074 0.89341,-4.49357 1.99694,-4.49357 1.10353,0 1.99871,2.01283 1.99871,4.49357 0,2.4825 -0.89518,4.49533 -1.99871,4.49533 z m 152.36645,75.67737 c 2.72263,2.58314 50.32975,53.66329 50.32975,53.66329 62.15075,64.62265 12.71265,4.23755 12.71265,4.23755 -13.41891,-8.4751 -29.66286,-41.66926 -29.66286,-41.66926 -2.11877,-4.9438 24.71905,12.71266 24.71905,12.71266 7.06259,1.41252 31.07538,35.31292 31.07538,35.31292 -12.0064,-4.23755 -3.5313,8.47511 -3.5313,8.47511 4.94381,3.53129 40.96476,31.07537 40.96476,31.07537 6.35633,7.06259 13.41715,9.88762 13.41715,9.88762 24.71905,-9.18136 13.41891,14.12517 13.41891,14.12517 4.23755,12.0064 14.12517,-8.4751 14.12517,-8.4751 19.77524,-29.66286 -9.18136,-25.42531 -9.18136,-25.42531 -52.96939,4.94381 -64.97578,-23.30653 -64.97578,-23.30653 -4.23755,-4.23755 11.30013,0 11.30013,0 14.8332,3.53129 -12.71265,-21.89401 -12.71265,-21.89401 4.23755,0 20.4815,12.00639 20.4815,12.00639 18.36448,16.24395 21.89578,12.71265 21.89578,12.71265 31.77986,-15.53768 50.14259,-2.11877 50.14259,-2.11877 3.53129,2.82503 -6.35633,14.83143 -3.5313,24.01279 2.82504,9.18136 11.30014,31.07537 11.30014,31.07537 -4.23755,2.82504 -3.53129,21.89402 -3.53129,21.89402 29.66285,40.96299 12.71265,37.4317 12.71265,37.4317 -27.54408,-0.70626 -1.41252,12.71265 -1.41252,12.71265 5.65007,3.5313 21.18776,16.24395 21.18776,16.24395 -4.94381,-2.11878 -7.76884,7.06258 -7.76884,7.06258 8.4751,7.06259 3.53129,15.53769 3.53129,15.53769 -10.59388,2.11878 -12.71266,9.18136 -12.71266,9.18136 12.0064,14.12517 -5.65006,14.83143 -5.65006,14.83143 6.35632,7.76884 -2.11878,28.9566 -2.11878,28.9566 -8.4751,0 -19.77524,9.88762 -19.77524,9.88762 4.23755,8.4751 -14.12517,18.36272 -14.12517,18.36272 -14.83143,2.82504 -9.88762,14.83143 -9.88762,14.83143 -14.1234,10.59388 -18.36095,38.84422 -18.36095,38.84422 -1.41252,18.36272 -5.65007,24.01279 3.53129,20.4815 9.17959,-3.5313 7.76708,-25.42531 7.76708,-25.42531 -8.47334,-27.54408 67.09456,-55.79442 67.09456,-55.79442 7.06258,-2.82504 8.4751,-12.0064 8.4751,-12.0064 3.53129,0.70626 19.06898,14.12517 19.06898,14.12517 13.41891,19.77524 14.12517,3.53129 14.12517,3.53129 2.11878,-6.35632 -0.70626,-16.9502 -0.70626,-16.9502 10.59388,-38.13796 -14.12517,-49.4381 -14.12517,-49.4381 -17.65646,-59.32571 7.06259,-44.49428 7.06259,-44.49428 4.94381,9.88762 24.01279,19.06898 24.01279,19.06898 l 6.35632,-4.23755 c -2.82503,-8.47511 12.0064,-19.06898 12.0064,-19.06898 4.94381,11.30013 15.53768,-2.82504 15.53768,-2.82504 6.35633,-43.08177 28.25035,-17.65646 28.25035,-17.65646 7.06258,2.11877 9.18136,-9.88762 9.18136,-9.88762 6.35632,-18.36272 0,-42.37551 0,-42.37551 6.35632,-0.70626 23.30653,9.88762 23.30653,9.88762 4.94381,-6.35633 -11.30014,-36.01919 -4.23755,-31.78164 7.06258,4.23755 14.83142,7.06259 14.83142,7.06259 1.41252,-3.53129 -16.24394,-25.42531 -16.24394,-25.42531 -7.76884,-4.94381 -16.95021,-40.96299 -16.95021,-40.96299 12.71266,6.35632 -4.94381,-20.4815 -4.94381,-20.4815 0,-5.65007 10.59388,-25.42531 10.59388,-25.42531 -1.41251,-12.00639 0,-11.30013 0,-11.30013 4.94381,2.11877 19.06898,4.94381 7.06259,-6.35633 -12.0064,-11.30014 1.41251,-19.77524 1.41251,-19.77524 7.76885,-4.94381 -16.24394,-4.23755 -16.24394,-4.23755 -9.18136,-7.76884 -8.4751,-14.83143 -8.4751,-14.83143 14.12517,3.5313 -11.30014,-21.89401 -15.53769,-28.25034 -4.23755,-6.35632 12.71265,-15.53769 12.71265,-15.53769 23.30653,-6.35632 2.82504,-12.00639 2.82504,-12.00639 -34.60667,0.70626 -15.53769,-18.36272 -15.53769,-18.36272 10.59388,0.70626 7.76884,-3.53129 7.76884,-3.53129 -9.18136,-2.11878 -26.13156,-13.41892 -26.13156,-13.41892 -7.06259,-6.35632 -0.70626,-4.94381 -0.70626,-4.94381 29.66286,2.11878 -21.18776,-17.65646 -21.18776,-17.65646 14.12517,0 -17.65646,-18.36272 -17.65646,-18.36272 -3.53129,-2.82503 -9.18136,-16.24395 -9.18136,-16.24395 -10.59388,-9.18136 -19.06898,-21.18775 -19.06898,-21.18775 -0.70626,-7.76885 -9.18136,-16.24395 -9.18136,-16.24395 -20.4815,-24.012788 -30.36912,-23.306529 -30.36912,-23.306529 -26.13156,-6.356327 -35.31292,-4.94381 -35.31292,-4.94381 l -93.22613,7.768844 c -46.61306,22.600275 -32.84102,59.678845 -32.84102,59.678845 11.30014,14.83143 27.54408,8.12197 27.54408,8.12197 8.12198,-10.947 28.60347,-7.06258 28.60347,-7.06258 36.02095,5.65007 31.43027,-0.70626 31.43027,-0.70626 -4.23755,-8.12197 -32.84278,-19.06898 -33.19591,-20.12837 -0.35313,-1.05939 -15.89082,-7.06258 -15.89082,-7.06258 -5.29694,-2.11878 -13.06578,-18.36273 -13.06578,-18.36273 -5.65007,-6.003193 22.24714,4.23756 22.24714,4.23756 -2.11877,1.76564 10.94701,8.82823 10.94701,8.82823 30.72401,-1.76565 49.43986,17.30333 49.43986,17.30333 19.06721,29.30973 19.42034,14.83143 19.42034,14.83143 4.94381,-16.59708 -15.89081,-54.028777 -15.89081,-54.028777 0.70626,-3.531293 15.18456,8.121977 15.18456,8.121977 2.4719,-3.5313 3.88442,6.70945 3.88442,6.70945 0.35313,4.23755 7.06258,18.36272 7.06258,18.36272 4.94381,22.95341 11.30014,9.88762 11.30014,9.88762 l 8.12197,16.59708 c 2.47191,4.59068 -8.12197,18.00959 -8.12197,18.00959 -0.35313,4.94381 1.05939,4.59068 -8.82823,18.00959 -9.88762,13.41891 -3.88442,21.18776 -3.88442,21.18776 -2.47191,11.65326 13.06578,10.94701 13.06578,10.94701 4.59068,3.88442 10.59388,3.88442 10.59388,3.88442 3.17816,3.53129 7.41571,2.4719 7.41571,2.4719 2.82503,-6.70945 13.77204,-3.17816 13.77204,-3.17816 2.47191,-4.23755 16.95021,-4.94381 16.95021,-4.94381 1.76564,-4.59068 2.4719,-7.41572 8.4751,-8.4751 6.0032,-1.05939 -37.4317,-76.98218 -37.4317,-76.98218 11.30013,-1.41252 -3.17817,-23.30653 -3.17817,-23.30653 -3.88442,-11.65327 16.24395,14.12517 20.12837,16.59707 3.88442,2.47191 5.65007,6.35633 2.82503,6.0032 -2.82503,-0.35313 -6.00319,3.53129 -3.53129,3.88442 2.47191,0.35313 25.42531,26.83783 31.42851,44.84742 6.00319,18.00959 16.59707,25.07217 27.54408,35.66605 10.94701,10.59388 9.53449,53.32252 9.53449,53.32252 -0.70626,15.53769 9.88762,34.25354 9.88762,34.25354 3.53129,6.70945 -3.88442,38.84422 -3.88442,38.84422 -3.5313,3.88442 -1.05939,5.29694 -1.05939,5.29694 1.76564,2.11877 13.77204,25.4253 13.77204,25.4253 -3.17816,-0.35313 3.17816,6.0032 3.17816,6.0032 9.18136,10.59388 -2.11877,5.29694 -2.11877,5.29694 -10.59388,-2.82503 1.76564,14.4783 1.76564,14.4783 2.11878,3.17816 -13.77204,-4.94381 -13.77204,-4.94381 -16.24394,-1.05939 4.23755,11.65327 4.23755,11.65327 15.18456,12.71265 -4.94381,4.9438 -4.94381,4.9438 -8.12197,-3.17816 -2.4719,8.82824 -2.4719,8.82824 5.65007,2.82503 36.01918,15.18455 36.01918,15.18455 0.70626,6.70946 -4.59068,15.53769 -4.59068,15.53769 0.70626,7.06259 -3.17816,13.06578 -3.17816,13.06578 -2.11878,14.4783 -3.17816,15.89082 -3.17816,15.89082 -7.41572,0.35313 -20.4815,24.71905 -20.4815,24.71905 -3.17816,4.59068 -21.18776,25.77844 -21.18776,25.77844 -3.53129,12.35952 -35.31292,-0.35313 -35.31292,-0.35313 -11.65327,6.00319 -8.12198,0 -8.12198,0 -0.70625,-3.88443 7.76885,-14.4783 7.76885,-14.4783 12.35952,-4.59068 7.76884,-23.65966 7.76884,-23.65966 7.06259,-2.47191 -12.71265,-7.41572 -12.35952,-9.53449 0.35313,-2.11878 10.59388,-4.59068 10.59388,-4.59068 14.12517,-3.5313 6.35632,-7.76885 6.35632,-7.76885 -1.05938,-7.06258 4.23755,-16.9502 4.23755,-16.9502 20.4815,-1.41252 0,-30.01599 0,-30.01599 -19.06898,-13.41891 -20.83462,-23.65966 -20.83462,-23.65966 22.24714,-14.4783 7.76884,-36.37231 8.12197,-42.72864 0.35313,-6.35633 2.47191,-44.49429 2.47191,-44.49429 -3.5313,-10.947 -8.82824,-34.95979 -8.82824,-34.95979 3.88443,-9.18136 16.95021,-31.42851 16.95021,-31.42851 4.94381,-7.41571 20.4815,-15.89081 16.59707,-21.18775 -3.88442,-5.29694 -17.65646,-2.11878 -17.65646,-2.11878 -13.77204,-2.4719 -12.71265,6.70946 -12.71265,6.70946 -2.82504,1.76564 -4.23755,10.59387 -4.23755,10.59387 -1.27127,14.00688 -16.95021,25.07218 -16.95021,25.07218 -19.77524,10.94701 -3.53129,18.00959 -3.53129,18.00959 10.59388,11.65327 -6.70946,12.0064 -6.70946,12.0064 -19.42211,-3.17816 -4.94381,14.83143 -4.94381,14.83143 19.06898,22.60027 13.77204,27.54408 13.77204,27.54408 -18.00959,1.76565 4.23756,18.00959 4.23756,18.00959 0,0 -1.41252,-3.53129 -1.05939,-0.35313 0.35313,3.17817 5.65007,10.59388 7.06258,14.12517 1.41252,3.5313 -5.65007,3.88443 -5.65007,3.88443 1.05939,16.9502 -26.13156,9.53449 -26.13156,9.53449 l -2.82503,0.35312 c -2.82504,0.35313 -22.60028,-1.05938 -32.84103,-4.9438 -10.24074,-3.88443 -22.24537,-3.88443 -22.24537,-3.88443 0,0 -7.06259,3.17817 -20.48327,2.82504 -13.41891,-0.35313 -27.54408,4.59068 -27.54408,4.59068 -7.76884,-0.70626 7.41572,-8.4751 7.76885,-8.12198 0.35312,0.35313 10.24074,-9.53449 -3.88443,-8.4751 -38.48579,2.88683 -57.56007,-15.18456 -57.56007,-15.18456 -3.53129,-2.4719 -8.12197,-7.41571 -8.12197,-7.41571 -17.65646,-3.53129 2.47191,21.89401 2.47191,21.89401 2.11877,2.47191 -0.35313,4.23756 -0.35313,4.23756 -1.41252,-2.82504 -15.18456,-12.35953 -15.18456,-12.35953 -4.96323,-1.71797 -7.36981,-4.07335 -11.48553,-8.46274 z M 383.52662,53.725742 c 0,0 -26.13157,3.178163 -33.90041,5.296939 -7.76885,2.118775 -40.60987,15.537687 -45.90681,19.06898 0,0 -23.65966,9.53449 -53.67564,44.847419 0,0 13.41891,-6.0032 17.30333,-10.94701 0,0 24.01279,-22.247144 23.65966,-17.656463 0,0 21.54089,-15.184558 20.4815,-11.300137 0,0 43.08177,-19.775238 39.55048,-14.12517 0,0 38.13796,-8.121973 36.37231,-4.59068 0,0 33.19415,7.768843 28.25034,8.121973 0,0 -10.24075,2.118775 1.05939,8.475102 0,0 -6.0032,7.768844 -15.53769,0.706258 -9.53449,-7.062585 -4.23755,-3.178163 -13.06578,-1.412517 0,0 -4.59068,1.412517 -12.71266,-5.650068 0,0 -9.88762,-8.121973 -25.4253,-1.765646 0,0 -54.02878,22.247143 -57.56007,23.306531 0,0 -6.35633,4.943807 -10.59388,11.300137 0,0 -10.24075,7.76884 -15.53769,10.24075 0,0 -22.60027,20.48149 -24.71905,22.9534 0,0 -6.00319,9.18136 -7.41571,9.88762 0,0 11.30014,-6.70946 14.83143,-10.24075 0,0 24.71905,-17.65646 34.25354,-19.06898 0,0 7.76884,-5.29694 9.18136,-7.76884 0,0 25.4253,-16.243949 32.84102,-16.243949 0,0 16.24395,9.181359 20.4815,-3.178164 0,0 10.24074,-3.178163 20.12836,-1.059387 0,0 5.65007,-4.590681 4.23756,-8.475103 0,0 2.82503,-3.178163 4.59068,3.531293 0,0 6.00319,6.356327 14.4783,2.825034 0,0 7.06258,-0.353129 3.53129,3.884422 0,0 -7.76885,6.709454 -28.60347,7.062584 0,0 -21.89402,1.05939 -50.85062,14.4783 0,0 -52.61626,18.36272 -68.8602,36.72544 0,0 -11.30014,15.53769 -20.83463,17.65647 0,0 -10.24075,1.41251 -20.83462,14.4783 0,0 17.30333,-10.24075 33.19415,-10.24075 0,0 7.06258,-4.23755 0.35313,2.11877 0,0 -6.35633,13.41892 -3.5313,22.95341 0,0 -1.05938,9.18136 -2.4719,12.00639 0,0 -13.77204,22.60027 -13.77204,26.83782 0,4.23756 2.11877,21.54089 2.82503,22.60028 0.70626,1.05938 -1.76565,-2.82504 4.94381,1.41251 6.70946,4.23755 11.65327,7.06259 13.06578,12.0064 1.41252,4.94381 -3.53129,-9.53449 -3.88442,-12.71265 -0.35313,-3.17817 -7.76884,-15.89082 -6.35633,-20.12837 0,0 1.76565,1.76564 3.17817,4.23755 0,0 -1.05939,-1.05939 0,-7.41572 0,0 1.41252,-9.18136 3.88442,-14.83142 2.4719,-5.65007 6.0032,-12.35953 6.70946,-13.77205 0.70625,-1.41251 0.70625,-11.65326 3.17816,-7.06258 l 6.0032,4.59068 c 0,0 -4.94381,-4.59068 -1.05939,-8.4751 0,0 -1.76565,-9.88762 1.41252,-14.4783 0,0 12.35952,-14.83143 15.18455,-16.59708 2.82504,-1.76564 0.35313,-1.05939 0.35313,-1.05939 0,0 10.59388,-7.41571 0.35313,-4.59068 0,0 -7.06258,2.82504 -12.35952,2.82504 0,0 -13.41891,3.53129 -6.35633,-3.88442 7.06259,-7.41572 24.71905,-16.95021 31.42851,-16.59708 l 1.41251,2.82503 19.77524,-4.23755 -2.11877,1.41252 c 0,0 -0.35313,-0.35313 7.06258,-1.05939 7.41572,-0.70626 17.65646,1.76565 20.12837,-1.41251 2.4719,-3.17817 8.4751,-4.94381 7.76884,-2.47191 -0.70626,2.47191 -1.05938,6.0032 -1.05938,6.0032 0,0 8.82823,-10.24075 7.76884,-6.35633 -1.05939,3.88442 -15.53769,13.06578 -18.00959,24.01279 l 18.36272,-14.4783 6.35632,-5.29694 c 0,0 6.35633,3.88442 6.70946,1.05939 0.35313,-2.82503 8.4751,-13.06578 10.59388,-12.71265 2.11877,0.35313 5.65007,-4.59068 5.29694,0 -0.35313,4.59068 13.06578,14.12517 13.06578,14.12517 0,0 5.65007,-3.17817 8.12197,-0.70626 2.47191,2.4719 9.88762,-34.9598 9.88762,-34.9598 L 444.26485,91.863702 521.24703,85.860504 491.23281,73.85411 Z M 518.06887,83.3886 c 0,0 -20.47974,-14.125171 -27.54232,-13.418912 -7.06259,0.706258 48.73007,-15.537688 121.4747,33.194152 0,0 8.4751,4.94381 14.83143,4.23755 0,0 5.65007,4.23755 0.70626,10.59388 0,0 -15.53769,16.9502 4.23755,36.72544 0,0 32.48789,12.00639 22.60027,-3.53129 0,0 19.06898,7.06258 23.30653,14.12517 4.23755,7.06258 2.11878,0 2.11878,0 l -21.89402,-21.89402 c 0,0 -9.18136,-3.53129 -14.12517,-18.36272 -4.94381,-14.83143 -9.18136,-32.48789 -1.41252,-38.137958 0,0 -7.06258,7.768844 -5.65006,0.706259 1.41251,-7.062585 7.76884,-13.418912 10.59387,-14.125171 2.82504,-0.706258 31.78164,-28.60347 43.78803,-29.309728 0,0 -16.24394,2.471905 -21.54088,0.706258 -5.29694,-1.765646 -52.26313,-21.894014 -62.85701,-24.012789 0,0 -29.66286,-11.653266 -8.4751,-8.121973 0,0 63.21013,6.709456 95.3449,30.015987 0,0 -12.71266,-14.831429 -45.20055,-27.190953 0,0 -39.19735,-22.2471437 -101.3481,-13.4189122 0,0 -31.4285,5.6500682 -45.20054,8.8282312 0,0 -4.58892,-1.0593874 -5.6483,-1.765646 -1.05939,-0.7062585 -21.89578,-16.5970752 -70.62762,-4.2375511 0,0 -30.01599,8.1219731 -45.20055,16.5970751 0,0 -26.83782,2.118776 -33.19415,7.768844 0,0 -32.84102,25.778436 -36.37231,27.190953 -3.53129,1.412517 -23.65966,14.831429 -25.07218,15.537687 0,0 43.4349,-11.653265 47.67245,-15.890816 4.23755,-4.237551 34.9598,-8.828232 39.19735,-6.356327 4.23755,2.471905 19.06898,1.412517 2.11878,2.471905 0,0 133.48286,26.131565 134.89537,29.662858 1.41252,3.531292 8.47511,1.412517 8.47511,1.412517 z m 60.73823,629.9826 c 0,0 36.01918,-3.53129 48.02558,-15.53769 l 7.76884,6.35633 31.07538,-67.80082 6.35632,9.18136 c 0,0 25.42531,-26.13156 24.01279,-40.25673 -1.41251,-14.12517 22.60027,10.59387 22.60027,10.59387 0,0 -1.41251,-20.48149 11.30014,-8.4751 0,0 -4.23755,-27.54408 10.59388,-13.41891 0,0 -18.60991,-53.25189 21.18775,-7.76884 9.88762,11.30013 2.11878,-0.70626 2.11878,-0.70626 0,0 -45.9068,-84.75103 -7.76884,-59.32572 0,0 3.53129,-40.25673 1.41251,-48.02558 -2.11877,-7.76884 -5.65006,-47.31932 -14.12517,-56.50068 -8.4751,-9.18136 0.70626,-12.00639 10.59388,-2.82503 0,0 -19.77524,-42.37551 3.53129,-21.18776 0,0 -6.35632,-26.83782 -14.12517,-31.78163 0,0 -9.88762,-30.36912 16.95021,-11.30014 0,0 -7.76885,-21.89401 -13.41891,-27.54408 0,0 -20.4815,-48.73184 -7.76885,-40.25674 l 7.76885,6.35633 c 0,0 -12.0064,-24.71905 -0.70626,-16.9502 11.30013,7.76884 11.30013,7.06258 11.30013,7.06258 0,0 -37.4317,-58.61946 -1.41251,-27.54408 0,0 -14.40768,-24.57427 -20.4815,-36.72544 0,0 -33.19415,-36.01919 -7.76884,-24.71905 l 8.4751,2.82503 c 0,0 -15.53769,-17.65646 -29.66286,-20.4815 -14.12517,-2.82503 4.23755,-14.12517 15.53769,-10.59387 11.30013,3.53129 38.84422,16.9502 38.84422,16.9502 0,0 22.60027,33.19415 29.66285,33.90041 0,0 -35.31292,-13.41891 -24.71904,0.70626 0,0 25.4253,24.71905 12.71265,24.01279 0,0 -10.59388,12.71265 -2.11878,28.25034 0,0 -32.59383,-32.472 -6.35632,12.71265 l 12.00639,28.9566 c 0,0 -43.08177,-43.78803 -23.30653,-4.94381 0,0 30.36912,41.66925 33.90041,42.37551 3.53129,0.70626 11.30014,16.24395 11.30014,16.24395 l -7.76885,-3.53129 9.18136,15.53768 c 0,0 -19.77524,-21.18775 -9.18136,2.11878 l 9.88762,25.42531 c 0,0 -36.01918,-38.84422 -12.00639,13.41891 0,0 -28.9566,-9.18136 -13.41892,21.18775 0,0 -2.82503,28.25034 -2.11877,37.43171 0.70626,9.18136 2.82503,59.32571 -4.94381,73.45088 -7.76884,14.12517 10.59388,48.02558 14.12517,55.08817 3.53129,7.06258 9.88762,26.13156 -5.65007,9.88762 -15.53769,-16.24395 -7.76884,-6.35633 -4.23755,9.18136 3.53129,15.53768 14.12517,43.08177 12.71265,52.96938 0,0 -2.11877,2.11878 -7.76884,-4.23755 0,0 -26.13157,-40.25673 -23.30653,-14.83143 0,0 -2.11878,14.12518 -7.76884,29.66286 0,0 -5.65007,19.06898 -5.65007,3.5313 0,0 -5.65007,-29.66286 -10.59388,-16.24395 -4.94381,13.41891 -11.30014,24.01279 -16.24395,28.25034 -4.94381,4.23755 -14.12517,-36.01918 -16.24394,-17.65646 0,0 -21.18776,-21.89402 -29.66286,7.06258 l -20.4815,28.9566 c 0,0 -0.70626,-21.89401 -2.82503,-11.30013 0,0 -52.96939,10.59387 -71.33211,2.82503 z M 791.0731,41.383874 c 0,0 3.70785,-15.767221 -4.83787,-7.221493 0,0 -12.43015,10.099497 -25.63719,10.099497 0,0 -25.63718,3.884421 -33.40603,27.190953 0,0 -6.99196,47.389949 6.99196,57.489439 0,0 8.54573,13.20704 20.97588,1.55377 C 767.59,118.84278 794.95752,65.46729 791.0731,41.383874 Z m -96.4396,1.74799 c 0,0 -45.20055,14.12517 -50.14436,47.319321 0,0 -4.23755,40.256735 31.78163,71.332115 0,0 0.70626,11.30013 4.23755,16.9502 0,0 -2.82503,8.4751 30.36912,-4.94381 l 48.02558,-14.83143 c 0,0 11.30014,-4.23755 20.4815,-19.77524 9.18136,-15.53768 36.01918,-48.731835 29.66286,-93.226122 0,0 2.11877,-19.775238 -8.47511,-20.481497 0,0 -14.83143,-2.825034 -27.54408,10.593878 0,0 -12.00639,5.650068 -16.24395,4.943809 z M 350.67677,336.84536 c -0.87753,-3.07576 1.43723,-2.84446 4.59951,-3.79437 3.53129,-1.05939 25.07217,-7.76885 26.48469,-12.35953 1.41252,-4.59068 24.71905,3.17817 24.71905,3.17817 3.17816,1.41251 10.94701,6.00319 10.94701,6.00319 8.4751,2.11878 20.12836,2.82504 20.12836,2.82504 4.23756,1.76564 10.24075,6.70945 10.24075,6.70945 25.77844,18.0096 47.67422,5.29694 47.67422,5.29694 35.31116,-11.65326 24.71728,-42.02238 24.71728,-42.02238 -5.29694,-15.89082 0.35313,-21.89401 0.35313,-21.89401 0.35313,-6.70946 13.06578,4.59068 13.06578,4.59068 4.59068,7.41571 6.0032,16.24394 6.0032,16.24394 14.12517,19.77524 8.12197,-11.65326 8.12197,-11.65326 0.35313,-1.76565 -4.59068,-8.12198 -4.59068,-10.24075 0,-2.11878 -3.17816,-8.12197 -3.17816,-8.12197 -5.29694,-6.0032 -1.05939,-18.36273 -1.05939,-18.36273 3.17816,-24.36592 -0.70626,-21.18775 -0.70626,-21.18775 -2.11877,-3.17817 -18.36272,14.4783 -18.36272,14.4783 -3.88442,6.0032 -14.4783,8.82823 -14.4783,8.82823 -4.94204,3.17816 -10.94524,0.70626 -10.94524,0.70626 -4.59068,-0.70626 -14.4783,11.65326 -14.4783,11.65326 4.94381,-0.35313 9.18136,7.41572 13.41891,7.76885 4.23755,0.35313 7.41572,-4.23755 10.23899,-5.29694 2.82503,-1.05939 7.76884,9.18136 7.76884,9.18136 0.70626,4.59068 -9.18136,13.06578 -9.18136,13.06578 -0.70626,8.12197 -3.52953,5.29694 -3.52953,5.29694 -5.29694,-1.05939 -7.41571,5.65007 -9.18136,13.77204 -1.76565,8.12197 -9.18136,8.82823 -9.18136,8.82823 -2.82503,13.06579 -4.94558,7.76885 -4.94558,7.76885 -0.35312,-9.88762 -10.947,0.35313 -10.947,0.35313 -2.11878,3.53129 -10.24075,-0.35313 -10.24075,-0.35313 -12.0064,-3.5313 -7.76884,-7.06259 -7.76884,-7.06259 3.17816,-3.88442 22.9534,0 22.9534,0 3.88442,-2.82503 -10.24075,-9.88762 -10.24075,-9.88762 -1.05939,-3.17816 0.70626,-10.947 0.70626,-10.947 2.11877,-5.65007 14.12517,-15.53769 14.12517,-15.53769 16.59884,-2.11878 11.65503,-4.94381 11.65503,-4.94381 -10.94701,-9.18136 -21.18952,4.23755 -21.18952,4.23755 -3.88442,10.94701 -34.60667,37.4317 -34.60667,37.4317 -8.4751,6.0032 -3.88442,-6.0032 -10.94701,0 -7.06258,6.0032 -43.4349,-9.88762 -43.4349,-9.88762 -20.4144,-2.10641 -25.23814,25.68839 -31.46911,20.17957 0,0 9.56627,15.04331 6.74124,5.15569 z M 184.00859,255.00942 c 0,0 32.48789,6.35633 32.48789,14.12517 0,5.14156 -0.42905,28.83477 -9.88762,26.13157 -14.83143,-4.23756 -8.4751,-29.66286 -22.60027,-40.25674 z m 221.05891,48.95431 c -4.41235,0 -7.98955,-3.5772 -7.98955,-7.99132 0,-4.41235 3.5772,-7.98955 7.98955,-7.98955 4.41412,0 7.99132,3.5772 7.99132,7.98955 0,4.41412 -3.5772,7.99132 -7.99132,7.99132 z m 86.51844,-47.89492 c 0,0 -51.20551,21.54088 -68.86197,20.83462 0,0 -28.9566,-8.12197 -43.78803,17.65647 0,0 -14.83143,16.24394 -20.4815,19.06898 0,0 -0.70626,2.82503 10.59388,-4.23755 l 18.36272,9.18136 c 0,0 26.13156,16.9502 43.08177,-11.30014 0,0 7.06258,-19.77524 7.06258,-23.30653 0,-3.53129 37.43171,-13.41891 40.25851,-14.12517 2.82503,-0.70626 14.47829,-8.12197 13.77204,-13.77204 z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-02/union.svg b/libraries/path-bool/visual-tests/real-02/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..48a54a3a6e68df6279bff670e93705a0e32cc3d6
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-02/union.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg id="svg2" viewBox="0 0 900 900" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path d="M 804.730565520070,400.900238264635 C 835.673264956245,398.273807218184 854.106670000000,396.693710000000 854.106670000000,396.693710000000 C 855.201370000000,397.013290000000 859.103450000000,398.997880000000 861.310510000000,401.911190000000 C 861.310510000000,401.911190000000 873.316900000000,420.980170000000 864.135540000000,388.492280000000 C 864.135540000000,388.492280000000 847.891590000000,337.641670000000 863.429280000000,357.416910000000 C 863.429280000000,357.416910000000 874.023160000000,370.129560000000 868.373090000000,346.116770000000 C 861.557700000000,317.112500000000 857.072950000000,305.860030000000 857.072950000000,305.860030000000 C 857.072950000000,305.860030000000 877.554450000000,314.335140000000 830.235130000000,244.415540000000 L 845.772820000000,250.771870000000 C 845.772820000000,250.771870000000 811.166150000000,180.852280000000 773.028190000000,171.670910000000 L 758.903020000000,161.077040000000 C 758.903020000000,161.077040000000 760.405508762799,159.590202127649 762.888599681427,156.844851797827 C 767.001159170221,154.254572561435 773.611656668798,148.952483440338 779.384520000000,139.183020000000 C 788.565880000000,123.645340000000 815.403700000000,90.451185000000 809.047380000000,45.956898000000 C 809.047380000000,45.956898000000 811.166150000000,26.181660000000 800.572270000000,25.475401000000 C 800.572270000000,25.475401000000 785.740840000000,22.650367000000 773.028190000000,36.069279000000 C 773.028190000000,36.069279000000 761.021800000000,41.719347000000 756.784240000000,41.013088000000 L 694.633500000000,43.131864000000 C 694.633500000000,43.131864000000 694.492641639768,43.175882231729 694.225791376338,43.264778738302 C 693.845793162225,43.005798840729 693.381026084753,42.663525965401 692.831688899054,42.247102857355 C 693.080950761839,42.423346474501 693.328438505263,42.600555716068 693.574110000000,42.778735000000 C 693.574110000000,42.778735000000 681.760475473939,28.996168510751 651.806416500816,16.931704431949 C 650.231562150496,16.225899237118 648.614582031349,15.528464805479 646.955548530216,14.842730934322 C 639.417210977688,11.044531159039 602.298524207823,-5.682417699202 547.025460000000,2.168869800000 C 547.025460000000,2.168869800000 515.596960000000,7.818938000000 501.824920000000,10.997101000000 C 501.824920000000,10.997101000000 497.236000000000,9.937713600000 496.176620000000,9.231455000000 C 495.117230000000,8.525196500000 474.280840000000,-7.365620200000 425.549000000000,4.993903900000 C 425.549000000000,4.993903900000 395.533010000000,13.115877000000 380.348450000000,21.590979000000 C 380.348450000000,21.590979000000 353.510630000000,23.709755000000 347.154300000000,29.359823000000 C 347.154300000000,29.359823000000 345.335703718339,30.787323359509 342.508400836997,32.988890359319 C 340.729904730849,34.241780262408 338.756089902821,35.725268077743 336.560430000000,37.481796000000 C 335.281193716668,38.505185026666 334.112017915538,39.447476846854 333.040836608286,40.317065189248 C 323.667374945534,47.524696121684 312.736277635836,55.769060392245 310.781990000000,56.550776000000 C 307.250700000000,57.963293000000 287.122330000000,71.382205000000 285.709810000000,72.088463000000 C 285.709810000000,72.088463000000 286.464190893200,71.886068141041 287.783815303572,71.524925505849 C 284.901426903228,72.937517157240 282.436059073530,73.928895755393 280.766000000000,74.207239000000 C 280.766000000000,74.207239000000 260.284510000000,85.507375000000 252.515660000000,103.163840000000 L 246.159340000000,105.282610000000 C 246.159340000000,105.282610000000 243.334300000000,117.995270000000 242.628040000000,120.114040000000 C 242.628040000000,120.114040000000 234.152940000000,126.470370000000 232.740420000000,136.357990000000 C 232.740420000000,136.357990000000 217.202740000000,146.951870000000 217.908990000000,154.720710000000 C 217.908990000000,154.720710000000 215.083960000000,163.902070000000 213.671440000000,172.377170000000 C 213.671440000000,172.377170000000 200.958790000000,180.852280000000 202.371310000000,185.796090000000 C 202.371310000000,185.796090000000 188.952390000000,210.515130000000 191.071170000000,222.521530000000 C 191.071170000000,222.521530000000 179.771030000000,221.815270000000 174.827220000000,226.052820000000 C 174.827220000000,226.052820000000 173.414710000000,234.527920000000 170.589670000000,235.234180000000 C 170.589670000000,235.234180000000 165.645860000000,237.352960000000 169.883410000000,244.415540000000 C 169.883410000000,244.415540000000 167.058380000000,249.359350000000 166.352120000000,252.184390000000 C 166.352120000000,252.184390000000 167.764640000000,257.128200000000 159.995800000000,267.015810000000 C 159.995800000000,267.015810000000 148.695660000000,300.209970000000 152.226950000000,309.391330000000 C 152.226950000000,309.391330000000 152.610322780482,313.991792509363 150.834975350775,317.543625103838 C 148.899343622703,318.699349066843 143.735720278709,322.338807389753 146.930010000000,326.694660000000 C 147.708742567375,327.756568775424 148.416513032759,328.633975442619 149.050476061313,329.358177717921 C 150.549307010824,332.236912408040 152.892374440454,336.069922798225 156.464500000000,341.172960000000 C 156.464500000000,341.172960000000 157.877020000000,343.291740000000 152.226950000000,347.529290000000 C 152.226950000000,347.529290000000 121.857840000000,353.885610000000 117.620280000000,382.842210000000 C 117.620280000000,382.842210000000 93.607495000000,408.973780000000 93.607495000000,418.155140000000 C 93.607495000000,422.224950000000 94.084219000000,427.781440000000 95.320172000000,435.917540000000 C 95.320172000000,435.917540000000 94.547017112298,447.230009823510 127.168898897385,450.975658740198 C 111.598886211297,474.829616308905 137.925220000000,498.845170000000 137.925220000000,498.845170000000 C 137.925220000000,498.845170000000 156.111370000000,521.622010000000 173.414710000000,527.625210000000 C 191.318360000000,533.840280000000 191.071170000000,526.918950000000 191.071170000000,526.918950000000 L 203.077570000000,506.437450000000 C 217.202740000000,495.137320000000 198.133760000000,495.843580000000 198.133760000000,495.843580000000 C 193.896200000000,491.606020000000 178.358520000000,495.843580000000 178.358520000000,495.843580000000 C 175.974890000000,485.514540000000 204.490080000000,483.837180000000 204.490080000000,483.837180000000 C 232.740420000000,482.424660000000 241.921780000000,447.111740000000 241.921780000000,447.111740000000 C 241.876729217274,446.931534317548 241.881969288888,446.690261154579 241.931267548165,446.396444600833 C 270.460260197636,444.352120263405 303.550002179195,441.858806822603 339.283377651186,439.089236745845 C 334.320522129277,440.312560515279 327.804590000000,441.673550000000 327.804590000000,441.673550000000 C 322.998500000000,445.151870000000 308.474290000000,452.514620000000 308.474290000000,452.514620000000 C 299.816428651647,450.809190519529 295.333286700831,457.792229631411 293.091973649894,463.983766018249 C 291.746953608793,463.977837231505 290.653620000000,464.061940000000 290.653620000000,464.061940000000 L 291.359880000000,467.593230000000 C 291.359880000000,467.593230000000 291.579927194342,467.666579237874 291.944806099283,467.746419413814 C 291.236997728391,470.542288231166 291.015580000000,472.590010000000 291.015580000000,472.590010000000 C 291.015580000000,472.590010000000 308.883920000000,455.498560000000 313.352770000000,455.692780000000 C 317.821620000000,455.887000000000 333.615330000000,445.681560000000 338.864590000000,443.015440000000 C 339.546866724831,442.668858982530 340.252852146341,442.330441677798 340.980659399035,442.000171671893 L 340.822700000000,444.039510000000 C 340.822700000000,444.039510000000 347.876450000000,444.498580000000 350.696190000000,440.755410000000 C 351.482932985544,439.706091047784 351.098858721500,439.022395490253 350.136066343292,438.581983673907 C 350.632092072479,438.428307273855 351.132914126133,438.277279662744 351.638178664445,438.128897762614 C 353.723521145009,437.966351354082 355.816859343971,437.802958996045 357.917830179539,437.638753402241 L 357.772900000000,438.389440000000 C 357.772900000000,438.389440000000 362.499049296703,438.669031206935 365.914903336877,437.012697671948 C 381.309497249568,435.805576830099 397.082500173079,434.557739721784 413.094820023507,433.281718567683 C 429.575931046276,437.046623836773 446.717542121505,446.777274407666 446.056980000000,446.017040000000 C 442.586983250331,442.094184011799 430.731382209896,436.580702996544 420.496255180409,432.691257609219 C 426.027596659292,432.249513308464 431.584717474717,431.804663022753 437.161958833781,431.357216610305 C 437.519000541721,431.657742899884 437.885503875933,431.965396859322 438.261650000000,432.280310000000 C 468.630770000000,457.705620000000 482.757700000000,481.718400000000 482.051450000000,484.543440000000 C 481.345190000000,487.368470000000 475.693350000000,483.837180000000 475.693350000000,483.837180000000 C 464.393220000000,483.307490000000 479.226410000000,500.787380000000 479.226410000000,500.787380000000 C 499.001650000000,472.537040000000 493.351580000000,517.031330000000 493.351580000000,517.031330000000 C 499.001650000000,553.756770000000 504.649950000000,540.337860000000 504.649950000000,540.337860000000 C 511.712540000000,494.431060000000 495.470360000000,474.655820000000 495.470360000000,474.655820000000 C 481.528468874012,469.200295892818 450.936834801378,439.292370902400 442.546077570537,430.924961394435 C 446.876528710824,430.577056895322 451.217964753031,430.227692529613 455.567754320329,429.877105384815 C 467.741424004509,439.077679537700 488.407770000000,454.880580000000 488.407770000000,454.880580000000 C 494.764100000000,461.943170000000 501.824920000000,464.768200000000 501.824920000000,464.768200000000 C 526.543970000000,455.586840000000 515.243830000000,478.893370000000 515.243830000000,478.893370000000 C 519.481380000000,490.899770000000 529.369000000000,470.418270000000 529.369000000000,470.418270000000 C 549.144240000000,440.755410000000 520.187640000000,444.992960000000 520.187640000000,444.992960000000 C 485.778683869884,448.204462745371 468.655341610400,437.408659881684 460.880048219807,429.448670592221 C 489.328518630045,427.152869877151 518.087608864971,424.809031748851 546.424407953285,422.483191612064 C 549.647517964708,425.465544866293 539.992071298681,437.318991849876 542.787910000000,446.405480000000 C 545.612950000000,455.586840000000 554.088050000000,477.480850000000 554.088050000000,477.480850000000 C 549.850500000000,480.305890000000 550.556760000000,499.374870000000 550.556760000000,499.374870000000 C 580.219610000000,540.337860000000 563.269410000000,536.806570000000 563.269410000000,536.806570000000 C 535.725330000000,536.100310000000 561.856890000000,549.519220000000 561.856890000000,549.519220000000 C 567.506960000000,553.050520000000 583.044650000000,565.763170000000 583.044650000000,565.763170000000 C 578.100840000000,563.644390000000 575.275810000000,572.825750000000 575.275810000000,572.825750000000 C 583.750910000000,579.888340000000 578.807100000000,588.363440000000 578.807100000000,588.363440000000 C 568.213220000000,590.482220000000 566.094440000000,597.544800000000 566.094440000000,597.544800000000 C 578.100840000000,611.669970000000 560.444380000000,612.376230000000 560.444380000000,612.376230000000 C 566.800700000000,620.145070000000 558.325600000000,641.332830000000 558.325600000000,641.332830000000 C 549.850500000000,641.332830000000 538.550360000000,651.220450000000 538.550360000000,651.220450000000 C 542.787910000000,659.695550000000 524.425190000000,669.583170000000 524.425190000000,669.583170000000 C 509.593760000000,672.408210000000 514.537570000000,684.414600000000 514.537570000000,684.414600000000 C 500.414170000000,695.008480000000 496.176620000000,723.258820000000 496.176620000000,723.258820000000 C 494.764100000000,741.621540000000 490.526550000000,747.271610000000 499.707910000000,743.740320000000 C 508.887500000000,740.209020000000 507.474990000000,718.315010000000 507.474990000000,718.315010000000 C 499.001650000000,690.770930000000 574.569550000000,662.520590000000 574.569550000000,662.520590000000 C 581.632130000000,659.695550000000 583.044650000000,650.514190000000 583.044650000000,650.514190000000 C 586.575940000000,651.220450000000 602.113630000000,664.639360000000 602.113630000000,664.639360000000 C 615.532540000000,684.414600000000 616.238800000000,668.170650000000 616.238800000000,668.170650000000 C 618.357580000000,661.814330000000 615.532540000000,651.220450000000 615.532540000000,651.220450000000 C 626.126420000000,613.082490000000 601.407370000000,601.782350000000 601.407370000000,601.782350000000 C 583.750910000000,542.456640000000 608.469960000000,557.288070000000 608.469960000000,557.288070000000 C 613.413770000000,567.175690000000 632.482750000000,576.357050000000 632.482750000000,576.357050000000 L 638.839070000000,572.119500000000 C 636.014040000000,563.644390000000 650.845470000000,553.050520000000 650.845470000000,553.050520000000 C 655.789280000000,564.350650000000 666.383150000000,550.225480000000 666.383150000000,550.225480000000 C 672.739480000000,507.143710000000 694.633500000000,532.569020000000 694.633500000000,532.569020000000 C 701.696080000000,534.687790000000 703.814860000000,522.681400000000 703.814860000000,522.681400000000 C 710.171180000000,504.318680000000 703.814860000000,480.305890000000 703.814860000000,480.305890000000 C 710.171180000000,479.599630000000 727.121390000000,490.193510000000 727.121390000000,490.193510000000 C 732.065200000000,483.837180000000 715.821250000000,454.174320000000 722.883840000000,458.411870000000 C 729.946420000000,462.649420000000 737.715260000000,465.474460000000 737.715260000000,465.474460000000 C 739.127780000000,461.943170000000 721.471320000000,440.049150000000 721.471320000000,440.049150000000 C 716.371427748864,436.803762231673 710.662829855891,420.166975313499 707.342413123593,409.119029894845 C 721.876909023786,407.899363183782 735.689217369541,406.737172426378 748.608530958386,405.647847381028 C 750.902097586567,412.310445490899 753.959210000000,418.861400000000 753.959210000000,418.861400000000 C 744.071590000000,409.680040000000 734.890230000000,412.505070000000 743.365330000000,421.686430000000 C 751.840440000000,430.867790000000 755.371730000000,470.418270000000 757.490500000000,478.187110000000 C 759.609280000000,485.955960000000 756.077990000000,526.212690000000 756.077990000000,526.212690000000 C 717.940030000000,500.787380000000 763.846830000000,585.538410000000 763.846830000000,585.538410000000 C 763.846830000000,585.538410000000 771.615670000000,597.544800000000 761.728050000000,586.244670000000 C 721.930390000000,540.761620000000 740.540300000000,594.013510000000 740.540300000000,594.013510000000 C 725.708870000000,579.888340000000 729.946420000000,607.432420000000 729.946420000000,607.432420000000 C 717.233770000000,595.426030000000 718.646280000000,615.907520000000 718.646280000000,615.907520000000 C 718.646280000000,615.907520000000 694.633500000000,591.188480000000 696.046010000000,605.313650000000 C 697.458530000000,619.438820000000 672.033220000000,645.570380000000 672.033220000000,645.570380000000 L 665.676900000000,636.389020000000 L 634.601520000000,704.189840000000 L 626.832680000000,697.833510000000 C 614.826280000000,709.839910000000 578.807100000000,713.371200000000 578.807100000000,713.371200000000 C 597.169820000000,721.140040000000 650.139210000000,710.546170000000 650.139210000000,710.546170000000 C 652.257980000000,699.952290000000 652.964240000000,721.846300000000 652.964240000000,721.846300000000 L 673.445740000000,692.889700000000 C 681.920840000000,663.933100000000 703.108600000000,685.827120000000 703.108600000000,685.827120000000 C 705.227370000000,667.464400000000 714.408730000000,707.721130000000 719.352540000000,703.483580000000 C 724.296350000000,699.246030000000 730.652680000000,688.652150000000 735.596490000000,675.233240000000 C 740.540300000000,661.814330000000 746.190370000000,691.477190000000 746.190370000000,691.477190000000 C 746.190370000000,707.014870000000 751.840440000000,687.945890000000 751.840440000000,687.945890000000 C 757.490500000000,672.408210000000 759.609280000000,658.283030000000 759.609280000000,658.283030000000 C 756.784240000000,632.857730000000 782.915810000000,673.114460000000 782.915810000000,673.114460000000 C 788.565880000000,679.470790000000 790.684650000000,677.352010000000 790.684650000000,677.352010000000 C 792.097170000000,667.464400000000 781.503290000000,639.920310000000 777.972000000000,624.382630000000 C 774.440710000000,608.844940000000 766.671860000000,598.957320000000 782.209550000000,615.201270000000 C 797.747240000000,631.445210000000 791.390910000000,612.376230000000 787.859620000000,605.313650000000 C 784.328330000000,598.251060000000 765.965610000000,564.350650000000 773.734450000000,550.225480000000 C 781.503290000000,536.100310000000 779.384520000000,485.955960000000 778.678260000000,476.774600000000 C 777.972000000000,467.593230000000 780.797030000000,439.342890000000 780.797030000000,439.342890000000 C 765.259350000000,408.973780000000 794.215950000000,418.155140000000 794.215950000000,418.155140000000 C 791.154540130309,411.492071610072 789.068884182760,406.309853408779 787.759942720426,402.339196716901 C 792.978381824171,401.897176617117 797.942079606456,401.476319062707 802.631491311656,401.078385039554 C 804.764756678586,403.164326164173 806.222340000000,404.736230000000 806.222340000000,404.736230000000 L 804.730565520066,400.900238264636 M 660.531627452784,413.036167177684 C 668.863211079110,421.386011043510 652.257980000000,414.976970000000 652.257980000000,414.976970000000 C 644.136010000000,411.798810000000 649.786080000000,423.805210000000 649.786080000000,423.805210000000 C 655.436150000000,426.630240000000 685.805260000000,438.989760000000 685.805260000000,438.989760000000 C 686.511520000000,445.699220000000 681.214580000000,454.527450000000 681.214580000000,454.527450000000 C 681.920840000000,461.590040000000 678.036420000000,467.593230000000 678.036420000000,467.593230000000 C 675.917640000000,482.071530000000 674.858260000000,483.484050000000 674.858260000000,483.484050000000 C 667.442540000000,483.837180000000 654.376760000000,508.203100000000 654.376760000000,508.203100000000 C 651.198600000000,512.793780000000 633.189000000000,533.981540000000 633.189000000000,533.981540000000 C 629.657710000000,546.341060000000 597.876080000000,533.628410000000 597.876080000000,533.628410000000 C 586.222810000000,539.631600000000 589.754100000000,533.628410000000 589.754100000000,533.628410000000 C 589.047850000000,529.743980000000 597.522950000000,519.150110000000 597.522950000000,519.150110000000 C 609.882470000000,514.559430000000 605.291790000000,495.490450000000 605.291790000000,495.490450000000 C 612.354380000000,493.018540000000 592.579140000000,488.074730000000 592.932270000000,485.955960000000 C 593.285400000000,483.837180000000 603.526150000000,481.365280000000 603.526150000000,481.365280000000 C 617.651320000000,477.833980000000 609.882470000000,473.596430000000 609.882470000000,473.596430000000 C 608.823090000000,466.533850000000 614.120020000000,456.646230000000 614.120020000000,456.646230000000 C 634.601520000000,455.233710000000 614.120020000000,426.630240000000 614.120020000000,426.630240000000 C 609.639931232566,423.477585376512 606.114941163443,420.500356796725 603.343554827142,417.790142869527 C 622.966763996893,416.165246684838 642.118948311653,414.572524746554 660.531627452703,413.036167177635 M 128.066569838164,451.075887581223 C 132.447662567242,451.551357941497 137.414572228951,451.892331748614 143.045590000000,452.055550000000 C 149.433238427522,452.240698298943 166.363296828396,451.426119850051 190.962271228951,449.870716955215 C 185.050185596412,453.681462809106 162.820830000000,455.586840000000 162.820830000000,455.586840000000 C 129.877525677402,463.556995606386 127.315133920233,455.537192762473 128.066569838113,451.075887581161 M 192.763885563629,449.756350502343 C 205.372506253628,448.952862638884 219.918923484616,447.962066401940 236.033127580308,446.817299727068 C 230.719965532296,451.830156391381 221.582460020327,458.860772987076 213.671440000000,456.999360000000 C 209.165593788960,455.934103914834 196.739623448404,451.633232453851 192.763885563564,449.756350502324 M 441.728763859663,430.990616769441 C 444.356985588945,434.989044061454 444.545812207061,436.454354602789 438.689047413637,431.234678102256 C 439.701652099524,431.153407245759 440.714902182104,431.072052452971 441.728763859604,430.990616769379" style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-03/difference.svg b/libraries/path-bool/visual-tests/real-03/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..17b8a2eb605468b1aafce31f8dd7aa1515ff8506
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-03/difference.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="176.00044" height="56.248669" viewBox="0 0 176.00044 56.248669" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <g id="layer1" transform="translate(-653.99638,-70.381124)">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 764.350680891527,125.269867881183 C 774.949586026814,125.394904094499 782.926854370940,125.322229165181 785.930000000000,125.021910000000 C 806.909320000000,122.923920000000 828.997220000000,100.225680000000 828.997220000000,100.225680000000 C 828.997220000000,100.225680000000 732.559990000000,74.204670000000 720.024110000000,71.677320000000 C 699.956166856791,67.631368281418 641.997384756257,107.416656935550 657.643769163751,118.242375141737 C 656.825576755112,117.514566545635 656.896919472212,116.729742743730 658.033480000000,115.886490000000 C 698.490660000000,85.869960000000 740.246480000000,70.639870000000 761.133800000000,84.564860000000 C 768.964170000000,89.785160000000 757.548130000000,107.080330000000 774.184440000000,123.716860000000 C 774.898358888349,124.430780711808 771.046337918178,124.953069855394 764.350680891524,125.269867881183"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-03/division.svg b/libraries/path-bool/visual-tests/real-03/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..29c94779b6fab1c4ff5cf3f4854fa17753d4fdac
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-03/division.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="176.00044" height="56.248669" viewBox="0 0 176.00044 56.248669" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <g id="layer1" transform="translate(-653.99638,-70.381124)">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 764.350680891524,125.269867881183 C 771.046337918178,124.953069855394 774.898358888349,124.430780711808 774.184440000000,123.716860000000 C 757.548130000000,107.080330000000 768.964170000000,89.785160000000 761.133800000000,84.564860000000 C 740.246480000000,70.639870000000 698.490660000000,85.869960000000 658.033480000000,115.886490000000 C 656.896919472212,116.729742743730 656.825576755112,117.514566545635 657.643769163753,118.242375141713 C 657.768942821003,118.328982673865 657.898827403257,118.413736717020 658.033480000000,118.496600000000 C 664.084231539491,122.220116312331 728.890170888700,124.851537135091 764.350680891527,125.269867881183"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 764.350680891527,125.269867881183 C 774.949586026814,125.394904094499 782.926854370940,125.322229165181 785.930000000000,125.021910000000 C 806.909320000000,122.923920000000 828.997220000000,100.225680000000 828.997220000000,100.225680000000 C 828.997220000000,100.225680000000 732.559990000000,74.204670000000 720.024110000000,71.677320000000 C 699.956166856791,67.631368281418 641.997384756257,107.416656935550 657.643769163751,118.242375141737 C 656.825576755112,117.514566545635 656.896919472212,116.729742743730 658.033480000000,115.886490000000 C 698.490660000000,85.869960000000 740.246480000000,70.639870000000 761.133800000000,84.564860000000 C 768.964170000000,89.785160000000 757.548130000000,107.080330000000 774.184440000000,123.716860000000 C 774.898358888349,124.430780711808 771.046337918178,124.953069855394 764.350680891524,125.269867881183"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-03/exclusion.svg b/libraries/path-bool/visual-tests/real-03/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2e7c2febdb3a526c89e9dd716c9268b3fa154844
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-03/exclusion.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="176.00044" height="56.248669" viewBox="0 0 176.00044 56.248669" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <g id="layer1" transform="translate(-653.99638,-70.381124)">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 764.350680891527,125.269867881183 C 728.890170888700,124.851537135091 664.084231539491,122.220116312331 658.033480000000,118.496600000000 C 657.898827403257,118.413736717020 657.768942821003,118.328982673865 657.643769163751,118.242375141737 C 664.677739561032,124.499319187667 737.455279919281,126.542395714807 764.350680891524,125.269867881183 C 774.949586026814,125.394904094499 782.926854370940,125.322229165181 785.930000000000,125.021910000000 C 806.909320000000,122.923920000000 828.997220000000,100.225680000000 828.997220000000,100.225680000000 C 828.997220000000,100.225680000000 732.559990000000,74.204670000000 720.024110000000,71.677320000000 C 699.956166856791,67.631368281418 641.997384756257,107.416656935550 657.643769163751,118.242375141737 C 656.825576755112,117.514566545635 656.896919472212,116.729742743730 658.033480000000,115.886490000000 C 698.490660000000,85.869960000000 740.246480000000,70.639870000000 761.133800000000,84.564860000000 C 768.964170000000,89.785160000000 757.548130000000,107.080330000000 774.184440000000,123.716860000000 C 774.898358888349,124.430780711808 771.046337918178,124.953069855394 764.350680891524,125.269867881183"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-03/fracture.svg b/libraries/path-bool/visual-tests/real-03/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b0fe6ba413f0667333384877a53ba26b3767fef1
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-03/fracture.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="176.00044" height="56.248669" viewBox="0 0 176.00044 56.248669" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <g id="layer1" transform="translate(-653.99638,-70.381124)">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 764.350680891527,125.269867881183 C 728.890170888700,124.851537135091 664.084231539491,122.220116312331 658.033480000000,118.496600000000 C 657.898827403257,118.413736717020 657.768942821003,118.328982673865 657.643769163751,118.242375141737 C 664.677739561032,124.499319187667 737.455279919281,126.542395714807 764.350680891524,125.269867881183"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 764.350680891524,125.269867881183 C 771.046337918178,124.953069855394 774.898358888349,124.430780711808 774.184440000000,123.716860000000 C 757.548130000000,107.080330000000 768.964170000000,89.785160000000 761.133800000000,84.564860000000 C 740.246480000000,70.639870000000 698.490660000000,85.869960000000 658.033480000000,115.886490000000 C 656.896919472212,116.729742743730 656.825576755112,117.514566545635 657.643769163753,118.242375141713 C 657.768942821003,118.328982673865 657.898827403257,118.413736717020 658.033480000000,118.496600000000 C 664.084231539491,122.220116312331 728.890170888700,124.851537135091 764.350680891527,125.269867881183"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 764.350680891527,125.269867881183 C 774.949586026814,125.394904094499 782.926854370940,125.322229165181 785.930000000000,125.021910000000 C 806.909320000000,122.923920000000 828.997220000000,100.225680000000 828.997220000000,100.225680000000 C 828.997220000000,100.225680000000 732.559990000000,74.204670000000 720.024110000000,71.677320000000 C 699.956166856791,67.631368281418 641.997384756257,107.416656935550 657.643769163751,118.242375141737 C 656.825576755112,117.514566545635 656.896919472212,116.729742743730 658.033480000000,115.886490000000 C 698.490660000000,85.869960000000 740.246480000000,70.639870000000 761.133800000000,84.564860000000 C 768.964170000000,89.785160000000 757.548130000000,107.080330000000 774.184440000000,123.716860000000 C 774.898358888349,124.430780711808 771.046337918178,124.953069855394 764.350680891524,125.269867881183"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-03/intersection.svg b/libraries/path-bool/visual-tests/real-03/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e1df517ce9a342e1fa8b87d3c00e086b927ad212
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-03/intersection.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="176.00044" height="56.248669" viewBox="0 0 176.00044 56.248669" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <g id="layer1" transform="translate(-653.99638,-70.381124)">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 764.350680891524,125.269867881183 C 771.046337918178,124.953069855394 774.898358888349,124.430780711808 774.184440000000,123.716860000000 C 757.548130000000,107.080330000000 768.964170000000,89.785160000000 761.133800000000,84.564860000000 C 740.246480000000,70.639870000000 698.490660000000,85.869960000000 658.033480000000,115.886490000000 C 656.896919472212,116.729742743730 656.825576755112,117.514566545635 657.643769163753,118.242375141713 C 657.768942821003,118.328982673865 657.898827403257,118.413736717020 658.033480000000,118.496600000000 C 664.084231539491,122.220116312331 728.890170888700,124.851537135091 764.350680891527,125.269867881183"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-03/original.svg b/libraries/path-bool/visual-tests/real-03/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..eb0bf96a7ac7cfadf4add9446c1da31e572f5018
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-03/original.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+        width="176.00044"
+        height="56.248669"
+        viewBox="0 0 176.00044 56.248669"
+        version="1.1"
+        id="svg1"
+        xmlns="http://www.w3.org/2000/svg">
+    <g
+            id="layer1"
+            transform="translate(-653.99638,-70.381124)">
+        <path
+                style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+                d="m 658.03348,118.4966 c 7.85928,4.83645 114.84582,7.8304 127.89652,6.52531 20.97932,-2.09799 43.06722,-24.79623 43.06722,-24.79623 0,0 -96.43723,-26.02101 -108.97311,-28.54836 -20.22849,-4.07832 -78.95651,36.37872 -61.99063,46.81928 z"
+                id="a"/>
+        <path
+                style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+                d="m 658.03348,115.88649 c 40.45718,-30.01653 82.213,-45.24662 103.10032,-31.32163 7.83037,5.2203 -3.58567,22.51547 13.05064,39.152 3.91519,3.9152 -129.49099,2.06705 -116.15096,-7.83037 z"
+                id="b"/>
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/real-03/union.svg b/libraries/path-bool/visual-tests/real-03/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cd81bc79285bf9045b745077a333a57e3fc6a8c3
--- /dev/null
+++ b/libraries/path-bool/visual-tests/real-03/union.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="176.00044" height="56.248669" viewBox="0 0 176.00044 56.248669" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <g id="layer1" transform="translate(-653.99638,-70.381124)">
+        <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 657.643769163753,118.242375141713 C 664.677739561032,124.499319187667 737.455279919281,126.542395714807 764.350680891524,125.269867881183 C 774.949586026814,125.394904094499 782.926854370940,125.322229165181 785.930000000000,125.021910000000 C 806.909320000000,122.923920000000 828.997220000000,100.225680000000 828.997220000000,100.225680000000 C 828.997220000000,100.225680000000 732.559990000000,74.204670000000 720.024110000000,71.677320000000 C 699.956166856791,67.631368281418 641.997384756257,107.416656935550 657.643769163751,118.242375141737"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-01/difference.svg b/libraries/path-bool/visual-tests/simple-01/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..96354d581436e2c689594d198c2d2a032e1c44e2
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-01/difference.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661661,36.825755338460 A 19.000000000000 19.000000000000 0.000000000000 0 1 9.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 28.000000000000,9.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 36.825755338461,11.174244661661 A 19.000000000000 19.000000000000 0.000000000000 0 0 20.000000000000,1.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 1.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 11.174244661752,36.825755338450"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-01/division.svg b/libraries/path-bool/visual-tests/simple-01/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4fe8382a32d558f321c15fe5e7880b283747c9af
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-01/division.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661752,36.825755338450 A 19.000000000000 19.000000000000 0.000000000000 0 0 20.000000000000,39.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 39.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 36.825755338055,11.174244660999 A 19.000000000000 19.000000000000 0.000000000000 0 0 28.000000000000,9.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 9.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 11.174244661661,36.825755338460"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661661,36.825755338460 A 19.000000000000 19.000000000000 0.000000000000 0 1 9.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 28.000000000000,9.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 36.825755338461,11.174244661661 A 19.000000000000 19.000000000000 0.000000000000 0 0 20.000000000000,1.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 1.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 11.174244661752,36.825755338450"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-01/exclusion.svg b/libraries/path-bool/visual-tests/simple-01/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ad6ee042f8d64862046f884131696fd24500327f
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-01/exclusion.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661661,36.825755338460 A 19.000000000000 19.000000000000 0.000000000000 0 0 28.000000000000,47.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 47.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 36.825755338461,11.174244661661 A 19.000000000000 19.000000000000 0.000000000000 0 1 39.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 20.000000000000,39.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 11.174244661752,36.825755338450 A 19.000000000000 19.000000000000 0.000000000000 0 1 9.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 28.000000000000,9.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 36.825755338461,11.174244661661 A 19.000000000000 19.000000000000 0.000000000000 0 0 20.000000000000,1.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 1.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 11.174244661752,36.825755338450"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-01/fracture.svg b/libraries/path-bool/visual-tests/simple-01/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..aad2afb34246c9e09ce1185bd98e840932fce6e4
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-01/fracture.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661752,36.825755338450 A 19.000000000000 19.000000000000 0.000000000000 0 0 20.000000000000,39.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 39.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 36.825755338055,11.174244660999 A 19.000000000000 19.000000000000 0.000000000000 0 0 28.000000000000,9.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 9.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 11.174244661661,36.825755338460"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661661,36.825755338460 A 19.000000000000 19.000000000000 0.000000000000 0 0 28.000000000000,47.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 47.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 36.825755338461,11.174244661661 A 19.000000000000 19.000000000000 0.000000000000 0 1 39.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 20.000000000000,39.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 11.174244661752,36.825755338450"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661661,36.825755338460 A 19.000000000000 19.000000000000 0.000000000000 0 1 9.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 28.000000000000,9.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 1 36.825755338461,11.174244661661 A 19.000000000000 19.000000000000 0.000000000000 0 0 20.000000000000,1.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 1.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 11.174244661752,36.825755338450"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-01/intersection.svg b/libraries/path-bool/visual-tests/simple-01/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..488ffda77cbe613b6a4db6dab9825de4a5e69634
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-01/intersection.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661752,36.825755338450 A 19.000000000000 19.000000000000 0.000000000000 0 0 20.000000000000,39.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 39.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 36.825755338055,11.174244660999 A 19.000000000000 19.000000000000 0.000000000000 0 0 28.000000000000,9.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 9.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 11.174244661661,36.825755338460"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-01/original.svg b/libraries/path-bool/visual-tests/simple-01/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..549185c1c19a1ffa257872675e244aa92e8bcba9
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-01/original.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"
+          d="M 39,20 A 19,19 0 0 1 20,39 19,19 0 0 1 1,20 19,19 0 0 1 20,1 19,19 0 0 1 39,20 Z"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"
+          d="M 47,28 A 19,19 0 0 1 28,47 19,19 0 0 1 9,28 19,19 0 0 1 28,9 19,19 0 0 1 47,28 Z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-01/union.svg b/libraries/path-bool/visual-tests/simple-01/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b8aab23f02d3097958871ab92fd580c1da02e0d8
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-01/union.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 11.174244661661,36.825755338460 A 19.000000000000 19.000000000000 0.000000000000 0 0 28.000000000000,47.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 47.000000000000,28.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 36.825755338461,11.174244661661 A 19.000000000000 19.000000000000 0.000000000000 0 0 20.000000000000,1.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 1.000000000000,20.000000000000 A 19.000000000000 19.000000000000 0.000000000000 0 0 11.174244661752,36.825755338450"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-02/difference.svg b/libraries/path-bool/visual-tests/simple-02/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..435cbd5a3182affbe462fd5de5cc1f40ed5de379
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-02/difference.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 35.293564000000,1.000000100000 L 1.000000000000,1.000000100000 L 1.000000000000,35.293564000000 L 12.706436000000,35.293564000000 L 12.706436000000,12.706436000000 L 35.293564000000,12.706436000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-02/division.svg b/libraries/path-bool/visual-tests/simple-02/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..91396f9ba066a81abb76b8de282f0f2dc091f59d
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-02/division.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 35.293564000000,1.000000100000 L 1.000000000000,1.000000100000 L 1.000000000000,35.293564000000 L 12.706436000000,35.293564000000 L 12.706436000000,12.706436000000 L 35.293564000000,12.706436000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 12.706436000000,12.706436000000 L 12.706436000000,35.293564000000 L 35.293564000000,35.293564000000 L 35.293564000000,12.706436000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-02/exclusion.svg b/libraries/path-bool/visual-tests/simple-02/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a9d4317eb862cde457886aac82808d23cfad5e13
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-02/exclusion.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 35.293564000000,1.000000100000 L 1.000000000000,1.000000100000 L 1.000000000000,35.293564000000 L 12.706436000000,35.293564000000 L 12.706436000000,12.706436000000 L 35.293564000000,12.706436000000 L 35.293564000000,35.293564000000 L 12.706436000000,35.293564000000 L 12.706436000000,47.000000000000 L 47.000000000000,47.000000000000 L 47.000000000000,12.706436000000 L 35.293564000000,12.706436000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-02/fracture.svg b/libraries/path-bool/visual-tests/simple-02/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b93d72e7ce3212daf84053c36b3ba4721911fdca
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-02/fracture.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 35.293564000000,1.000000100000 L 1.000000000000,1.000000100000 L 1.000000000000,35.293564000000 L 12.706436000000,35.293564000000 L 12.706436000000,12.706436000000 L 35.293564000000,12.706436000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 35.293564000000,35.293564000000 L 12.706436000000,35.293564000000 L 12.706436000000,47.000000000000 L 47.000000000000,47.000000000000 L 47.000000000000,12.706436000000 L 35.293564000000,12.706436000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 12.706436000000,12.706436000000 L 12.706436000000,35.293564000000 L 35.293564000000,35.293564000000 L 35.293564000000,12.706436000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-02/intersection.svg b/libraries/path-bool/visual-tests/simple-02/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ce7bb7b894586494a65a8ecc15f0499065c1ee5d
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-02/intersection.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 12.706436000000,12.706436000000 L 12.706436000000,35.293564000000 L 35.293564000000,35.293564000000 L 35.293564000000,12.706436000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-02/original.svg b/libraries/path-bool/visual-tests/simple-02/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..808705ac4e6ba4508de473b46f9a5ab39fa09930
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-02/original.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"
+          d="M 1,1.0000001 H 35.293564 V 35.293564 H 1 Z"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round"
+          d="M 12.706436,12.706436 H 47 V 47 H 12.706436 Z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-02/union.svg b/libraries/path-bool/visual-tests/simple-02/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..95235cd290f2a8226ca398d6523cd17c327b3b92
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-02/union.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-linecap:round" d="M 35.293564000000,12.706436000000 L 35.293564000000,1.000000100000 L 1.000000000000,1.000000100000 L 1.000000000000,35.293564000000 L 12.706436000000,35.293564000000 L 12.706436000000,47.000000000000 L 47.000000000000,47.000000000000 L 47.000000000000,12.706436000000 L 35.293564000000,12.706436000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-03/difference.svg b/libraries/path-bool/visual-tests/simple-03/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..64f3ea3247f45e9d272f57acb7e25489465c2a28
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-03/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 1 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 1 40.263455967291,7.736544032709 L 48.000000000000,0.000000000000 L 0.000000000000,0.000000000000 L 7.736544032709,7.736544032709 M 24.000000000000,24.000000000000 L 15.172286706553,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 0 24.000000000000,36.484375000000 A 12.484624000000 12.484624000000 0.000000000000 0 0 32.827713293447,32.827713293447 L 24.000000000000,24.000000000000 M 7.736544032709,40.263455967291 L 0.000000000000,48.000000000000 L 48.000000000000,48.000000000000 L 40.263455967291,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 1 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 1 7.736544032709,40.263455967291 M 15.172286706553,15.172286706553 L 24.000000000000,24.000000000000 L 32.827713293447,15.172286706553 A 12.484624000000 12.484624000000 0.000000000000 0 0 24.000000000000,11.515625000000 A 12.484624000000 12.484624000000 0.000000000000 0 0 15.172286706553,15.172286706553"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-03/division.svg b/libraries/path-bool/visual-tests/simple-03/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e345808e6a29bb467171c94052e2c4bb45b8e59b
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-03/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 1 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 1 40.263455967291,7.736544032709 L 48.000000000000,0.000000000000 L 0.000000000000,0.000000000000 L 7.736544032709,7.736544032709"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,7.736544032709 L 15.172286706553,15.172286706553 A 12.484624000000 12.484624000000 0.000000000000 0 1 24.000000000000,11.515625000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 32.827713293399,15.172286706504 L 40.263455967291,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 7.736544032709,7.736544032709"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 24.000000000000,24.000000000000 L 15.172286706553,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 0 24.000000000000,36.484375000000 A 12.484624000000 12.484624000000 0.000000000000 0 0 32.827713293447,32.827713293447 L 24.000000000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 15.172286706553,32.827713293447 L 7.736544032709,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 40.263455967291,40.263455967291 L 32.827713293447,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 1 24.000000000000,36.484375000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 15.172286706808,32.827713293703"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,40.263455967291 L 0.000000000000,48.000000000000 L 48.000000000000,48.000000000000 L 40.263455967291,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 1 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 1 7.736544032709,40.263455967291"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 15.172286706553,15.172286706553 L 24.000000000000,24.000000000000 L 32.827713293447,15.172286706553 A 12.484624000000 12.484624000000 0.000000000000 0 0 24.000000000000,11.515625000000 A 12.484624000000 12.484624000000 0.000000000000 0 0 15.172286706553,15.172286706553"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-03/exclusion.svg b/libraries/path-bool/visual-tests/simple-03/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..aa75604de7418ab96ff9e2b9bc91995573a493a3
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-03/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 1 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 1 40.263455967291,7.736544032709 L 48.000000000000,0.000000000000 L 0.000000000000,0.000000000000 L 7.736544032709,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 7.736544032709,40.263455967291 L 15.172286706553,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 1 11.515625000000,24.000000000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 15.172286706553,15.172286706553 L 7.736544032709,7.736544032709 M 32.827713293399,15.172286706504 A 12.484624000000 12.484624000000 0.000000000000 0 1 36.484375000000,24.000000000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 32.827713293447,32.827713293447 L 40.263455967291,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 40.263455967291,7.736544032709 L 32.827713293447,15.172286706553 M 24.000000000000,24.000000000000 L 15.172286706553,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 0 24.000000000000,36.484375000000 A 12.484624000000 12.484624000000 0.000000000000 0 0 32.827713293447,32.827713293447 L 24.000000000000,24.000000000000 M 7.736544032709,40.263455967291 L 0.000000000000,48.000000000000 L 48.000000000000,48.000000000000 L 40.263455967291,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 1 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 1 7.736544032709,40.263455967291 M 15.172286706553,15.172286706553 L 24.000000000000,24.000000000000 L 32.827713293447,15.172286706553 A 12.484624000000 12.484624000000 0.000000000000 0 0 24.000000000000,11.515625000000 A 12.484624000000 12.484624000000 0.000000000000 0 0 15.172286706553,15.172286706553"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-03/fracture.svg b/libraries/path-bool/visual-tests/simple-03/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e6571d29822694771281f5d72ad123f392bf2f68
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-03/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 1 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 1 40.263455967291,7.736544032709 L 48.000000000000,0.000000000000 L 0.000000000000,0.000000000000 L 7.736544032709,7.736544032709"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,7.736544032709 L 15.172286706553,15.172286706553 A 12.484624000000 12.484624000000 0.000000000000 0 1 24.000000000000,11.515625000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 32.827713293399,15.172286706504 L 40.263455967291,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 7.736544032709,7.736544032709"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 7.736544032709,40.263455967291 L 15.172286706553,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 1 11.515625000000,24.000000000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 15.172286706553,15.172286706553 L 7.736544032709,7.736544032709"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 32.827713293399,15.172286706504 A 12.484624000000 12.484624000000 0.000000000000 0 1 36.484375000000,24.000000000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 32.827713293447,32.827713293447 L 40.263455967291,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 40.263455967291,7.736544032709 L 32.827713293447,15.172286706553"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 24.000000000000,24.000000000000 L 15.172286706553,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 0 24.000000000000,36.484375000000 A 12.484624000000 12.484624000000 0.000000000000 0 0 32.827713293447,32.827713293447 L 24.000000000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 15.172286706553,32.827713293447 L 7.736544032709,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 40.263455967291,40.263455967291 L 32.827713293447,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 1 24.000000000000,36.484375000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 15.172286706808,32.827713293703"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,40.263455967291 L 0.000000000000,48.000000000000 L 48.000000000000,48.000000000000 L 40.263455967291,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 1 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 1 7.736544032709,40.263455967291"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 15.172286706553,15.172286706553 L 24.000000000000,24.000000000000 L 32.827713293447,15.172286706553 A 12.484624000000 12.484624000000 0.000000000000 0 0 24.000000000000,11.515625000000 A 12.484624000000 12.484624000000 0.000000000000 0 0 15.172286706553,15.172286706553"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-03/intersection.svg b/libraries/path-bool/visual-tests/simple-03/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..41859bf93332ab68981a8a8265ba7a2f985cb7b2
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-03/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 7.736544032709,7.736544032709 L 15.172286706553,15.172286706553 A 12.484624000000 12.484624000000 0.000000000000 0 1 24.000000000000,11.515625000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 32.827713293399,15.172286706504 L 40.263455967291,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,1.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 7.736544032709,7.736544032709 M 15.172286706553,32.827713293447 L 7.736544032709,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 0 24.000000000000,47.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 40.263455967291,40.263455967291 L 32.827713293447,32.827713293447 A 12.484624000000 12.484624000000 0.000000000000 0 1 24.000000000000,36.484375000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 15.172286706808,32.827713293703"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-03/original.svg b/libraries/path-bool/visual-tests/simple-03/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..719cd06f3bb988d75aa5b67361fec3efdcd1d6df
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-03/original.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+        width="48"
+        height="48"
+        viewBox="0 0 48 48"
+        version="1.1"
+        id="svg1"
+        xmlns="http://www.w3.org/2000/svg"
+>
+    <path
+            id="a"
+            style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1"
+            d="M 0,0 24,24 48,0 Z M 24,24 0,48 h 48 z"/>
+    <path
+            id="b"
+            style="display:inline;fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;fill-opacity:1"
+            d="M 24 1 A 23 23 0 0 0 1 24 A 23 23 0 0 0 24 47 A 23 23 0 0 0 47 24 A 23 23 0 0 0 24 1 z M 24 11.515625 A 12.484624 12.484624 0 0 1 36.484375 24 A 12.484624 12.484624 0 0 1 24 36.484375 A 12.484624 12.484624 0 0 1 11.515625 24 A 12.484624 12.484624 0 0 1 24 11.515625 z "/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-03/union.svg b/libraries/path-bool/visual-tests/simple-03/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9f15c2f1132dce93313795a346c9b6e4bcc34ffa
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-03/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1" d="M 40.263455967291,7.736544032709 L 48.000000000000,0.000000000000 L 0.000000000000,0.000000000000 L 7.736544032709,7.736544032709 A 23.000000000000 23.000000000000 0.000000000000 0 0 1.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 7.736544032709,40.263455967291 L 0.000000000000,48.000000000000 L 48.000000000000,48.000000000000 L 40.263455967291,40.263455967291 A 23.000000000000 23.000000000000 0.000000000000 0 0 47.000000000000,24.000000000000 A 23.000000000000 23.000000000000 0.000000000000 0 0 40.263455967291,7.736544032709 M 15.172286706808,32.827713293703 A 12.484624000000 12.484624000000 0.000000000000 0 1 11.515625000000,24.000000000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 15.172286706553,15.172286706553 L 24.000000000000,24.000000000000 L 32.827713293447,15.172286706553 A 12.484624000000 12.484624000000 0.000000000000 0 1 36.484375000000,24.000000000000 A 12.484624000000 12.484624000000 0.000000000000 0 1 32.827713293447,32.827713293447 L 24.000000000000,24.000000000000 L 15.172286706553,32.827713293447"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-04/difference.svg b/libraries/path-bool/visual-tests/simple-04/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..44633ab8b0707965a5f0db682d97b42a6530ba71
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-04/difference.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487943,10.891551813397 C 21.768615091631,9.398420646068 20.302943502668,7.868026210949 18.531942000000,6.724584200000 C 17.349772000000,5.961319500000 16.031797000000,5.380035200000 14.639554000000,5.175689300000 C 13.247311000000,4.971343400000 11.776211000000,5.162159700000 10.549165000000,5.850966900000 C 9.753462000000,6.297637500000 9.078975000000,6.939526600000 8.517910200000,7.659153900000 C 7.956845400000,8.378781200000 7.504395000000,9.176772300000 7.089200200000,9.989342600000 C 4.989130500000,14.099351000000 3.800262700000,18.673387000000 3.646130000000,23.286272000000 C 3.487661800000,28.028907000000 4.457453000000,32.886565000000 6.953385400000,36.922407000000 C 8.187678500000,38.918219000000 9.789307500000,40.698768000000 11.710004000000,42.046978000000 C 13.630700000000,43.395188000000 15.874642000000,44.302718000000 18.207186000000,44.559586000000 C 20.134387945193,44.771819603339 22.119446764392,44.530369546990 23.918910189238,43.817031056454 C 23.532990572256,43.090978400588 23.316956699016,42.273775084319 23.318945000000,41.452115600000 C 23.321645000000,40.345201600000 23.713200000000,39.267440600000 24.267061000000,38.309055600000 C 24.820923000000,37.350669600000 25.534301000000,36.495916600000 26.239063000000,35.642349600000 C 26.943826000000,34.788783600000 27.647917000000,33.924911600000 28.179529000000,32.954006600000 C 28.375291489801,32.596477157611 28.547072628311,32.222264275504 28.683573034521,31.836916051073 C 28.420661380085,31.616673667695 28.129182858108,31.431275474096 27.816064000000,31.291391000000 C 27.038665000000,30.944095000000 26.152367000000,30.886684000000 25.311971000000,31.023435000000 C 24.471575000000,31.160185000000 23.671323000000,31.482568000000 22.912395000000,31.868566000000 C 21.394540000000,32.640564000000 19.991105000000,33.683058000000 18.350895000000,34.140851000000 C 17.213580000000,34.458286000000 15.994126000000,34.476152000000 14.847902000000,34.192571000000 C 13.701678000000,33.908991000000 12.631313000000,33.324658000000 11.772621000000,32.514167000000 C 10.913929000000,31.703675000000 10.268847000000,30.668913000000 9.918785800000,29.541214000000 C 9.568724200000,28.413515000000 9.514438800000,27.195461000000 9.762396000000,26.041007000000 C 10.010353000000,24.886552000000 10.559949000000,23.798303000000 11.341560000000,22.913243000000 C 12.123172000000,22.028183000000 13.135006000000,21.348277000000 14.249657000000,20.958661000000 C 15.364309000000,20.569044000000 16.579265000000,20.470549000000 17.742190000000,20.675130000000 C 18.905115000000,20.879711000000 20.013426000000,21.386868000000 20.928726000000,22.132840000000 C 22.140679000000,23.120585000000 22.980048000000,24.479629000000 23.978826000000,25.682505000000 C 24.478215000000,26.283944000000 25.024971000000,26.853240000000 25.663677000000,27.303986000000 C 26.302383000000,27.754733000000 27.039142000000,28.084306000000 27.816064000000,28.170966000000 C 28.101770756441,28.202832895446 28.390169492708,28.200886998015 28.675300790960,28.167989727816 C 28.560873565180,27.861166712063 28.422265377896,27.562715552978 28.265863000000,27.275616600000 C 27.844762000000,26.502624600000 27.296975000000,25.805842600000 26.719710000000,25.141305600000 C 25.565181000000,23.812230600000 24.259429000000,22.562731600000 23.522336000000,20.963959600000 C 22.883941000000,19.579266600000 22.718231000000,18.018930600000 22.760980000000,16.494759600000 C 22.803730000000,14.970587600000 23.045180000000,13.459738600000 23.183130000000,11.941220600000 C 23.214823794619,11.592342364721 23.241210376670,11.242131135912 23.266606487954,10.891551813385 M 26.662104751562,13.969998805854 C 26.212685636738,15.068201465719 26.113609099467,16.312329662666 26.428817000000,17.455664600000 C 26.779204000000,18.726602600000 27.649574000000,19.855649600000 28.814144000000,20.473573600000 C 29.635934000000,20.909618600000 30.576010000000,21.088375600000 31.506153000000,21.105922600000 C 31.808339317956,21.111624271550 32.110085500608,21.100948582345 32.411170407806,21.078238369699 C 32.329109334511,20.798245269901 32.231443290248,20.522697707220 32.120091000000,20.253232000000 C 31.428045000000,18.578530000000 30.226600000000,17.161303000000 28.906807000000,15.919651000000 C 28.184816799286,15.240407649381 27.423153850248,14.605610561319 26.662104751599,13.969998805869"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-04/division.svg b/libraries/path-bool/visual-tests/simple-04/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5c9452e17aabc5f1b7a9111f405df81aaf7d159e
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-04/division.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487943,10.891551813397 C 21.768615091631,9.398420646068 20.302943502668,7.868026210949 18.531942000000,6.724584200000 C 17.349772000000,5.961319500000 16.031797000000,5.380035200000 14.639554000000,5.175689300000 C 13.247311000000,4.971343400000 11.776211000000,5.162159700000 10.549165000000,5.850966900000 C 9.753462000000,6.297637500000 9.078975000000,6.939526600000 8.517910200000,7.659153900000 C 7.956845400000,8.378781200000 7.504395000000,9.176772300000 7.089200200000,9.989342600000 C 4.989130500000,14.099351000000 3.800262700000,18.673387000000 3.646130000000,23.286272000000 C 3.487661800000,28.028907000000 4.457453000000,32.886565000000 6.953385400000,36.922407000000 C 8.187678500000,38.918219000000 9.789307500000,40.698768000000 11.710004000000,42.046978000000 C 13.630700000000,43.395188000000 15.874642000000,44.302718000000 18.207186000000,44.559586000000 C 20.134387945193,44.771819603339 22.119446764392,44.530369546990 23.918910189238,43.817031056454 C 23.532990572256,43.090978400588 23.316956699016,42.273775084319 23.318945000000,41.452115600000 C 23.321645000000,40.345201600000 23.713200000000,39.267440600000 24.267061000000,38.309055600000 C 24.820923000000,37.350669600000 25.534301000000,36.495916600000 26.239063000000,35.642349600000 C 26.943826000000,34.788783600000 27.647917000000,33.924911600000 28.179529000000,32.954006600000 C 28.375291489801,32.596477157611 28.547072628311,32.222264275504 28.683573034521,31.836916051073 C 28.420661380085,31.616673667695 28.129182858108,31.431275474096 27.816064000000,31.291391000000 C 27.038665000000,30.944095000000 26.152367000000,30.886684000000 25.311971000000,31.023435000000 C 24.471575000000,31.160185000000 23.671323000000,31.482568000000 22.912395000000,31.868566000000 C 21.394540000000,32.640564000000 19.991105000000,33.683058000000 18.350895000000,34.140851000000 C 17.213580000000,34.458286000000 15.994126000000,34.476152000000 14.847902000000,34.192571000000 C 13.701678000000,33.908991000000 12.631313000000,33.324658000000 11.772621000000,32.514167000000 C 10.913929000000,31.703675000000 10.268847000000,30.668913000000 9.918785800000,29.541214000000 C 9.568724200000,28.413515000000 9.514438800000,27.195461000000 9.762396000000,26.041007000000 C 10.010353000000,24.886552000000 10.559949000000,23.798303000000 11.341560000000,22.913243000000 C 12.123172000000,22.028183000000 13.135006000000,21.348277000000 14.249657000000,20.958661000000 C 15.364309000000,20.569044000000 16.579265000000,20.470549000000 17.742190000000,20.675130000000 C 18.905115000000,20.879711000000 20.013426000000,21.386868000000 20.928726000000,22.132840000000 C 22.140679000000,23.120585000000 22.980048000000,24.479629000000 23.978826000000,25.682505000000 C 24.478215000000,26.283944000000 25.024971000000,26.853240000000 25.663677000000,27.303986000000 C 26.302383000000,27.754733000000 27.039142000000,28.084306000000 27.816064000000,28.170966000000 C 28.101770756441,28.202832895446 28.390169492708,28.200886998015 28.675300790960,28.167989727816 C 28.560873565180,27.861166712063 28.422265377896,27.562715552978 28.265863000000,27.275616600000 C 27.844762000000,26.502624600000 27.296975000000,25.805842600000 26.719710000000,25.141305600000 C 25.565181000000,23.812230600000 24.259429000000,22.562731600000 23.522336000000,20.963959600000 C 22.883941000000,19.579266600000 22.718231000000,18.018930600000 22.760980000000,16.494759600000 C 22.803730000000,14.970587600000 23.045180000000,13.459738600000 23.183130000000,11.941220600000 C 23.214823794619,11.592342364721 23.241210376670,11.242131135912 23.266606487954,10.891551813385"/><path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487954,10.891551813385 C 23.241210376670,11.242131135912 23.214823794619,11.592342364721 23.183130000000,11.941221000000 C 23.045180000000,13.459738600000 22.803730000000,14.970587600000 22.760980000000,16.494759600000 C 22.718231000000,18.018930600000 22.883941000000,19.579266600000 23.522336000000,20.963959600000 C 24.259429000000,22.562731600000 25.565181000000,23.812230600000 26.719710000000,25.141305600000 C 27.296975000000,25.805842600000 27.844762000000,26.502624600000 28.265863000000,27.275616600000 C 28.422265377896,27.562715552978 28.560873565180,27.861166712063 28.675300791070,28.167989727681 C 29.288800855341,28.097206627159 29.887174128949,27.883132379839 30.411058000000,27.554270000000 C 31.178424000000,27.072566000000 31.786462000000,26.352330000000 32.172971000000,25.532879000000 C 32.559480000000,24.713429000000 32.728239000000,23.798079000000 32.704109000000,22.892372000000 C 32.687742845722,22.278127144239 32.584110256748,21.668310646547 32.411170407814,21.078238369631 C 32.110085500608,21.100948582345 31.808339317956,21.111624271550 31.506153000000,21.105922600000 C 30.576010000000,21.088375600000 29.635934000000,20.909618600000 28.814144000000,20.473573600000 C 27.649574000000,19.855649600000 26.779204000000,18.726602600000 26.428817000000,17.455664600000 C 26.113609099467,16.312329662666 26.212685636738,15.068201465719 26.662104751562,13.969998805854 C 26.031960405919,13.443715870308 25.402236900489,12.916874419456 24.795803000000,12.363782000000 C 24.273978111078,11.887856436540 23.768478430324,11.391795433635 23.266606487943,10.891551813397"/><path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 28.683573034521,31.836916051073 C 28.547072628311,32.222264275504 28.375291489801,32.596477157611 28.179529000000,32.954006600000 C 27.647917000000,33.924911600000 26.943826000000,34.788783600000 26.239063000000,35.642349600000 C 25.534301000000,36.495916600000 24.820923000000,37.350669600000 24.267061000000,38.309055600000 C 23.713200000000,39.267440600000 23.321645000000,40.345201600000 23.318945000000,41.452115600000 C 23.316956699016,42.273775084319 23.532990572256,43.090978400588 23.918910189160,43.817031056360 C 24.297385420645,43.666996914859 24.667650407874,43.496087690219 25.027440000000,43.304134000000 C 27.097852000000,42.199534000000 28.802186000000,40.387530000000 29.680167000000,38.211319000000 C 30.174702000000,36.985533000000 30.407104000000,35.623102000000 30.131382000000,34.330394000000 C 29.993521000000,33.684040000000 29.728744000000,33.062099000000 29.335636000000,32.530831000000 C 29.146515699638,32.275244446112 28.927321492833,32.041105330548 28.683573034507,31.836916050827"/><path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 26.662104751562,13.969998805854 C 26.212685636738,15.068201465719 26.113609099467,16.312329662666 26.428817000000,17.455664600000 C 26.779204000000,18.726602600000 27.649574000000,19.855649600000 28.814144000000,20.473573600000 C 29.635934000000,20.909618600000 30.576010000000,21.088375600000 31.506153000000,21.105922600000 C 31.808339317956,21.111624271550 32.110085500608,21.100948582345 32.411170407806,21.078238369699 C 32.329109334511,20.798245269901 32.231443290248,20.522697707220 32.120091000000,20.253232000000 C 31.428045000000,18.578530000000 30.226600000000,17.161303000000 28.906807000000,15.919651000000 C 28.184816799286,15.240407649381 27.423153850248,14.605610561319 26.662104751599,13.969998805869"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-04/exclusion.svg b/libraries/path-bool/visual-tests/simple-04/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0eb72069eba20b28b0a2e1f98a8f2a1bbee966ea
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-04/exclusion.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487943,10.891551813397 C 21.768615091631,9.398420646068 20.302943502668,7.868026210949 18.531942000000,6.724584200000 C 17.349772000000,5.961319500000 16.031797000000,5.380035200000 14.639554000000,5.175689300000 C 13.247311000000,4.971343400000 11.776211000000,5.162159700000 10.549165000000,5.850966900000 C 9.753462000000,6.297637500000 9.078975000000,6.939526600000 8.517910200000,7.659153900000 C 7.956845400000,8.378781200000 7.504395000000,9.176772300000 7.089200200000,9.989342600000 C 4.989130500000,14.099351000000 3.800262700000,18.673387000000 3.646130000000,23.286272000000 C 3.487661800000,28.028907000000 4.457453000000,32.886565000000 6.953385400000,36.922407000000 C 8.187678500000,38.918219000000 9.789307500000,40.698768000000 11.710004000000,42.046978000000 C 13.630700000000,43.395188000000 15.874642000000,44.302718000000 18.207186000000,44.559586000000 C 20.134387945193,44.771819603339 22.119446764392,44.530369546990 23.918910189238,43.817031056454 C 23.532990572256,43.090978400588 23.316956699016,42.273775084319 23.318945000000,41.452115600000 C 23.321645000000,40.345201600000 23.713200000000,39.267440600000 24.267061000000,38.309055600000 C 24.820923000000,37.350669600000 25.534301000000,36.495916600000 26.239063000000,35.642349600000 C 26.943826000000,34.788783600000 27.647917000000,33.924911600000 28.179529000000,32.954006600000 C 28.375291489801,32.596477157611 28.547072628311,32.222264275504 28.683573034521,31.836916051073 C 28.420661380085,31.616673667695 28.129182858108,31.431275474096 27.816064000000,31.291391000000 C 27.038665000000,30.944095000000 26.152367000000,30.886684000000 25.311971000000,31.023435000000 C 24.471575000000,31.160185000000 23.671323000000,31.482568000000 22.912395000000,31.868566000000 C 21.394540000000,32.640564000000 19.991105000000,33.683058000000 18.350895000000,34.140851000000 C 17.213580000000,34.458286000000 15.994126000000,34.476152000000 14.847902000000,34.192571000000 C 13.701678000000,33.908991000000 12.631313000000,33.324658000000 11.772621000000,32.514167000000 C 10.913929000000,31.703675000000 10.268847000000,30.668913000000 9.918785800000,29.541214000000 C 9.568724200000,28.413515000000 9.514438800000,27.195461000000 9.762396000000,26.041007000000 C 10.010353000000,24.886552000000 10.559949000000,23.798303000000 11.341560000000,22.913243000000 C 12.123172000000,22.028183000000 13.135006000000,21.348277000000 14.249657000000,20.958661000000 C 15.364309000000,20.569044000000 16.579265000000,20.470549000000 17.742190000000,20.675130000000 C 18.905115000000,20.879711000000 20.013426000000,21.386868000000 20.928726000000,22.132840000000 C 22.140679000000,23.120585000000 22.980048000000,24.479629000000 23.978826000000,25.682505000000 C 24.478215000000,26.283944000000 25.024971000000,26.853240000000 25.663677000000,27.303986000000 C 26.302383000000,27.754733000000 27.039142000000,28.084306000000 27.816064000000,28.170966000000 C 28.101770756441,28.202832895446 28.390169492708,28.200886998015 28.675300790960,28.167989727816 C 28.560873565180,27.861166712063 28.422265377896,27.562715552978 28.265863000000,27.275616600000 C 27.844762000000,26.502624600000 27.296975000000,25.805842600000 26.719710000000,25.141305600000 C 25.565181000000,23.812230600000 24.259429000000,22.562731600000 23.522336000000,20.963959600000 C 22.883941000000,19.579266600000 22.718231000000,18.018930600000 22.760980000000,16.494759600000 C 22.803730000000,14.970587600000 23.045180000000,13.459738600000 23.183130000000,11.941220600000 C 23.214823794619,11.592342364721 23.241210376670,11.242131135912 23.266606487954,10.891551813385 C 23.768478430324,11.391795433635 24.273978111078,11.887856436540 24.795803000000,12.363782000000 C 25.402236900489,12.916874419456 26.031960405919,13.443715870308 26.662104751599,13.969998805869 C 26.712262630588,13.847432777080 26.766784343075,13.726684382766 26.825581000000,13.608096600000 C 27.411201000000,12.426950600000 28.408013000000,11.463717600000 29.585868000000,10.871508600000 C 30.763724000000,10.279299600000 32.114688000000,10.053410600000 33.427208000000,10.177284600000 C 35.428163000000,10.366133600000 37.319689000000,11.338716600000 39.329520000000,11.330716600000 C 40.551965000000,11.325855600000 41.775083000000,10.941566600000 42.761541000000,10.219558600000 C 43.747999000000,9.497550700000 44.488667000000,8.437422200000 44.795847000000,7.254191400000 C 45.103027000000,6.070960600000 44.967719000000,4.772671500000 44.394482000000,3.692952100000 C 43.821245000000,2.613232700000 42.809696000000,1.767832100000 41.636052000000,1.425844600000 C 40.343903000000,1.049325800000 38.956452000000,1.278179000000 37.651037000000,1.605756400000 C 36.345621000000,1.933333800000 35.044308000000,2.360190300000 33.698507000000,2.375554300000 C 32.695433000000,2.387005900000 31.706232000000,2.168727300000 30.715018000000,2.014506000000 C 29.723804000000,1.860285100000 28.696175000000,1.771536800000 27.728619000000,2.036349000000 C 26.790474000000,2.293111600000 25.958511000000,2.876281600000 25.326143000000,3.615303300000 C 24.693775000000,4.354324900000 24.253238000000,5.243975800000 23.959315000000,6.171149800000 C 23.477330361923,7.691560250103 23.382234468581,9.295371254051 23.266606487954,10.891551813385 M 32.411170407814,21.078238369631 C 32.584110256748,21.668310646547 32.687742845722,22.278127144239 32.704109000000,22.892372000000 C 32.728239000000,23.798079000000 32.559480000000,24.713429000000 32.172971000000,25.532879000000 C 31.786462000000,26.352330000000 31.178424000000,27.072566000000 30.411058000000,27.554270000000 C 29.887174128949,27.883132379839 29.288800855341,28.097206627159 28.675300790960,28.167989727816 C 28.868960528594,28.687265312742 28.993358509344,29.230520485776 29.017534000000,29.783307600000 C 29.048090780694,30.481941438443 28.917752003709,31.175815820817 28.683573034521,31.836916051073 C 28.927321492833,32.041105330548 29.146515699638,32.275244446112 29.335636000000,32.530831000000 C 29.728744000000,33.062099000000 29.993521000000,33.684040000000 30.131382000000,34.330394000000 C 30.407104000000,35.623102000000 30.174702000000,36.985533000000 29.680167000000,38.211319000000 C 28.802186000000,40.387530000000 27.097852000000,42.199534000000 25.027440000000,43.304134000000 C 24.667650407874,43.496087690219 24.297385420645,43.666996914859 23.918910189238,43.817031056454 C 23.991055172645,43.952761541585 24.069137271692,44.085306521109 24.152842000000,44.214099600000 C 24.684303000000,45.031835600000 25.437695000000,45.698631600000 26.297954000000,46.158085600000 C 28.018471000000,47.076991600000 30.117789000000,47.140747600000 31.985234000000,46.577528600000 C 33.852680000000,46.014308600000 35.503641000000,44.867154600000 36.894155000000,43.499295600000 C 38.284669000000,42.131435600000 39.435446000000,40.542223600000 40.550528000000,38.941860600000 C 42.639565000000,35.943680600000 44.689077000000,32.710447600000 45.015113000000,29.070823600000 C 45.178131000000,27.251011600000 44.880320000000,25.364542600000 43.988599000000,23.769824600000 C 43.096878000000,22.175106600000 41.580942000000,20.899614600000 39.804209000000,20.473573600000 C 37.994882000000,20.039717600000 36.108332000000,20.487461600000 34.277623000000,20.819725600000 C 33.659650644420,20.931884375050 33.036838309042,21.031045532254 32.411170407806,21.078238369699 M 26.662104751562,13.969998805854 C 26.212685636738,15.068201465719 26.113609099467,16.312329662666 26.428817000000,17.455664600000 C 26.779204000000,18.726602600000 27.649574000000,19.855649600000 28.814144000000,20.473573600000 C 29.635934000000,20.909618600000 30.576010000000,21.088375600000 31.506153000000,21.105922600000 C 31.808339317956,21.111624271550 32.110085500608,21.100948582345 32.411170407806,21.078238369699 C 32.329109334511,20.798245269901 32.231443290248,20.522697707220 32.120091000000,20.253232000000 C 31.428045000000,18.578530000000 30.226600000000,17.161303000000 28.906807000000,15.919651000000 C 28.184816799286,15.240407649381 27.423153850248,14.605610561319 26.662104751599,13.969998805869"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-04/fracture.svg b/libraries/path-bool/visual-tests/simple-04/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b01da51aa356400858d168e43e79fdec8e9d016e
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-04/fracture.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487943,10.891551813397 C 21.768615091631,9.398420646068 20.302943502668,7.868026210949 18.531942000000,6.724584200000 C 17.349772000000,5.961319500000 16.031797000000,5.380035200000 14.639554000000,5.175689300000 C 13.247311000000,4.971343400000 11.776211000000,5.162159700000 10.549165000000,5.850966900000 C 9.753462000000,6.297637500000 9.078975000000,6.939526600000 8.517910200000,7.659153900000 C 7.956845400000,8.378781200000 7.504395000000,9.176772300000 7.089200200000,9.989342600000 C 4.989130500000,14.099351000000 3.800262700000,18.673387000000 3.646130000000,23.286272000000 C 3.487661800000,28.028907000000 4.457453000000,32.886565000000 6.953385400000,36.922407000000 C 8.187678500000,38.918219000000 9.789307500000,40.698768000000 11.710004000000,42.046978000000 C 13.630700000000,43.395188000000 15.874642000000,44.302718000000 18.207186000000,44.559586000000 C 20.134387945193,44.771819603339 22.119446764392,44.530369546990 23.918910189238,43.817031056454 C 23.532990572256,43.090978400588 23.316956699016,42.273775084319 23.318945000000,41.452115600000 C 23.321645000000,40.345201600000 23.713200000000,39.267440600000 24.267061000000,38.309055600000 C 24.820923000000,37.350669600000 25.534301000000,36.495916600000 26.239063000000,35.642349600000 C 26.943826000000,34.788783600000 27.647917000000,33.924911600000 28.179529000000,32.954006600000 C 28.375291489801,32.596477157611 28.547072628311,32.222264275504 28.683573034521,31.836916051073 C 28.420661380085,31.616673667695 28.129182858108,31.431275474096 27.816064000000,31.291391000000 C 27.038665000000,30.944095000000 26.152367000000,30.886684000000 25.311971000000,31.023435000000 C 24.471575000000,31.160185000000 23.671323000000,31.482568000000 22.912395000000,31.868566000000 C 21.394540000000,32.640564000000 19.991105000000,33.683058000000 18.350895000000,34.140851000000 C 17.213580000000,34.458286000000 15.994126000000,34.476152000000 14.847902000000,34.192571000000 C 13.701678000000,33.908991000000 12.631313000000,33.324658000000 11.772621000000,32.514167000000 C 10.913929000000,31.703675000000 10.268847000000,30.668913000000 9.918785800000,29.541214000000 C 9.568724200000,28.413515000000 9.514438800000,27.195461000000 9.762396000000,26.041007000000 C 10.010353000000,24.886552000000 10.559949000000,23.798303000000 11.341560000000,22.913243000000 C 12.123172000000,22.028183000000 13.135006000000,21.348277000000 14.249657000000,20.958661000000 C 15.364309000000,20.569044000000 16.579265000000,20.470549000000 17.742190000000,20.675130000000 C 18.905115000000,20.879711000000 20.013426000000,21.386868000000 20.928726000000,22.132840000000 C 22.140679000000,23.120585000000 22.980048000000,24.479629000000 23.978826000000,25.682505000000 C 24.478215000000,26.283944000000 25.024971000000,26.853240000000 25.663677000000,27.303986000000 C 26.302383000000,27.754733000000 27.039142000000,28.084306000000 27.816064000000,28.170966000000 C 28.101770756441,28.202832895446 28.390169492708,28.200886998015 28.675300790960,28.167989727816 C 28.560873565180,27.861166712063 28.422265377896,27.562715552978 28.265863000000,27.275616600000 C 27.844762000000,26.502624600000 27.296975000000,25.805842600000 26.719710000000,25.141305600000 C 25.565181000000,23.812230600000 24.259429000000,22.562731600000 23.522336000000,20.963959600000 C 22.883941000000,19.579266600000 22.718231000000,18.018930600000 22.760980000000,16.494759600000 C 22.803730000000,14.970587600000 23.045180000000,13.459738600000 23.183130000000,11.941220600000 C 23.214823794619,11.592342364721 23.241210376670,11.242131135912 23.266606487954,10.891551813385"/><path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487943,10.891551813397 C 23.768478430324,11.391795433635 24.273978111078,11.887856436540 24.795803000000,12.363782000000 C 25.402236900489,12.916874419456 26.031960405919,13.443715870308 26.662104751599,13.969998805869 C 26.712262630588,13.847432777080 26.766784343075,13.726684382766 26.825581000000,13.608096600000 C 27.411201000000,12.426950600000 28.408013000000,11.463717600000 29.585868000000,10.871508600000 C 30.763724000000,10.279299600000 32.114688000000,10.053410600000 33.427208000000,10.177284600000 C 35.428163000000,10.366133600000 37.319689000000,11.338716600000 39.329520000000,11.330716600000 C 40.551965000000,11.325855600000 41.775083000000,10.941566600000 42.761541000000,10.219558600000 C 43.747999000000,9.497550700000 44.488667000000,8.437422200000 44.795847000000,7.254191400000 C 45.103027000000,6.070960600000 44.967719000000,4.772671500000 44.394482000000,3.692952100000 C 43.821245000000,2.613232700000 42.809696000000,1.767832100000 41.636052000000,1.425844600000 C 40.343903000000,1.049325800000 38.956452000000,1.278179000000 37.651037000000,1.605756400000 C 36.345621000000,1.933333800000 35.044308000000,2.360190300000 33.698507000000,2.375554300000 C 32.695433000000,2.387005900000 31.706232000000,2.168727300000 30.715018000000,2.014506000000 C 29.723804000000,1.860285100000 28.696175000000,1.771536800000 27.728619000000,2.036349000000 C 26.790474000000,2.293111600000 25.958511000000,2.876281600000 25.326143000000,3.615303300000 C 24.693775000000,4.354324900000 24.253238000000,5.243975800000 23.959315000000,6.171149800000 C 23.477330361923,7.691560250103 23.382234468581,9.295371254051 23.266606487954,10.891551813385"/><path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487954,10.891551813385 C 23.241210376670,11.242131135912 23.214823794619,11.592342364721 23.183130000000,11.941221000000 C 23.045180000000,13.459738600000 22.803730000000,14.970587600000 22.760980000000,16.494759600000 C 22.718231000000,18.018930600000 22.883941000000,19.579266600000 23.522336000000,20.963959600000 C 24.259429000000,22.562731600000 25.565181000000,23.812230600000 26.719710000000,25.141305600000 C 27.296975000000,25.805842600000 27.844762000000,26.502624600000 28.265863000000,27.275616600000 C 28.422265377896,27.562715552978 28.560873565180,27.861166712063 28.675300791070,28.167989727681 C 29.288800855341,28.097206627159 29.887174128949,27.883132379839 30.411058000000,27.554270000000 C 31.178424000000,27.072566000000 31.786462000000,26.352330000000 32.172971000000,25.532879000000 C 32.559480000000,24.713429000000 32.728239000000,23.798079000000 32.704109000000,22.892372000000 C 32.687742845722,22.278127144239 32.584110256748,21.668310646547 32.411170407814,21.078238369631 C 32.110085500608,21.100948582345 31.808339317956,21.111624271550 31.506153000000,21.105922600000 C 30.576010000000,21.088375600000 29.635934000000,20.909618600000 28.814144000000,20.473573600000 C 27.649574000000,19.855649600000 26.779204000000,18.726602600000 26.428817000000,17.455664600000 C 26.113609099467,16.312329662666 26.212685636738,15.068201465719 26.662104751562,13.969998805854 C 26.031960405919,13.443715870308 25.402236900489,12.916874419456 24.795803000000,12.363782000000 C 24.273978111078,11.887856436540 23.768478430324,11.391795433635 23.266606487943,10.891551813397"/><path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 28.683573034521,31.836916051073 C 28.547072628311,32.222264275504 28.375291489801,32.596477157611 28.179529000000,32.954006600000 C 27.647917000000,33.924911600000 26.943826000000,34.788783600000 26.239063000000,35.642349600000 C 25.534301000000,36.495916600000 24.820923000000,37.350669600000 24.267061000000,38.309055600000 C 23.713200000000,39.267440600000 23.321645000000,40.345201600000 23.318945000000,41.452115600000 C 23.316956699016,42.273775084319 23.532990572256,43.090978400588 23.918910189160,43.817031056360 C 24.297385420645,43.666996914859 24.667650407874,43.496087690219 25.027440000000,43.304134000000 C 27.097852000000,42.199534000000 28.802186000000,40.387530000000 29.680167000000,38.211319000000 C 30.174702000000,36.985533000000 30.407104000000,35.623102000000 30.131382000000,34.330394000000 C 29.993521000000,33.684040000000 29.728744000000,33.062099000000 29.335636000000,32.530831000000 C 29.146515699638,32.275244446112 28.927321492833,32.041105330548 28.683573034507,31.836916050827"/><path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 32.411170407814,21.078238369631 C 32.584110256748,21.668310646547 32.687742845722,22.278127144239 32.704109000000,22.892372000000 C 32.728239000000,23.798079000000 32.559480000000,24.713429000000 32.172971000000,25.532879000000 C 31.786462000000,26.352330000000 31.178424000000,27.072566000000 30.411058000000,27.554270000000 C 29.887174128949,27.883132379839 29.288800855341,28.097206627159 28.675300790960,28.167989727816 C 28.868960528594,28.687265312742 28.993358509344,29.230520485776 29.017534000000,29.783307600000 C 29.048090780694,30.481941438443 28.917752003709,31.175815820817 28.683573034521,31.836916051073 C 28.927321492833,32.041105330548 29.146515699638,32.275244446112 29.335636000000,32.530831000000 C 29.728744000000,33.062099000000 29.993521000000,33.684040000000 30.131382000000,34.330394000000 C 30.407104000000,35.623102000000 30.174702000000,36.985533000000 29.680167000000,38.211319000000 C 28.802186000000,40.387530000000 27.097852000000,42.199534000000 25.027440000000,43.304134000000 C 24.667650407874,43.496087690219 24.297385420645,43.666996914859 23.918910189238,43.817031056454 C 23.991055172645,43.952761541585 24.069137271692,44.085306521109 24.152842000000,44.214099600000 C 24.684303000000,45.031835600000 25.437695000000,45.698631600000 26.297954000000,46.158085600000 C 28.018471000000,47.076991600000 30.117789000000,47.140747600000 31.985234000000,46.577528600000 C 33.852680000000,46.014308600000 35.503641000000,44.867154600000 36.894155000000,43.499295600000 C 38.284669000000,42.131435600000 39.435446000000,40.542223600000 40.550528000000,38.941860600000 C 42.639565000000,35.943680600000 44.689077000000,32.710447600000 45.015113000000,29.070823600000 C 45.178131000000,27.251011600000 44.880320000000,25.364542600000 43.988599000000,23.769824600000 C 43.096878000000,22.175106600000 41.580942000000,20.899614600000 39.804209000000,20.473573600000 C 37.994882000000,20.039717600000 36.108332000000,20.487461600000 34.277623000000,20.819725600000 C 33.659650644420,20.931884375050 33.036838309042,21.031045532254 32.411170407806,21.078238369699"/><path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 26.662104751562,13.969998805854 C 26.212685636738,15.068201465719 26.113609099467,16.312329662666 26.428817000000,17.455664600000 C 26.779204000000,18.726602600000 27.649574000000,19.855649600000 28.814144000000,20.473573600000 C 29.635934000000,20.909618600000 30.576010000000,21.088375600000 31.506153000000,21.105922600000 C 31.808339317956,21.111624271550 32.110085500608,21.100948582345 32.411170407806,21.078238369699 C 32.329109334511,20.798245269901 32.231443290248,20.522697707220 32.120091000000,20.253232000000 C 31.428045000000,18.578530000000 30.226600000000,17.161303000000 28.906807000000,15.919651000000 C 28.184816799286,15.240407649381 27.423153850248,14.605610561319 26.662104751599,13.969998805869"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-04/intersection.svg b/libraries/path-bool/visual-tests/simple-04/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8a74d3aa44580bb68185512cf1db70534c091606
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-04/intersection.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487954,10.891551813385 C 23.241210376670,11.242131135912 23.214823794619,11.592342364721 23.183130000000,11.941221000000 C 23.045180000000,13.459738600000 22.803730000000,14.970587600000 22.760980000000,16.494759600000 C 22.718231000000,18.018930600000 22.883941000000,19.579266600000 23.522336000000,20.963959600000 C 24.259429000000,22.562731600000 25.565181000000,23.812230600000 26.719710000000,25.141305600000 C 27.296975000000,25.805842600000 27.844762000000,26.502624600000 28.265863000000,27.275616600000 C 28.422265377896,27.562715552978 28.560873565180,27.861166712063 28.675300791070,28.167989727681 C 29.288800855341,28.097206627159 29.887174128949,27.883132379839 30.411058000000,27.554270000000 C 31.178424000000,27.072566000000 31.786462000000,26.352330000000 32.172971000000,25.532879000000 C 32.559480000000,24.713429000000 32.728239000000,23.798079000000 32.704109000000,22.892372000000 C 32.687742845722,22.278127144239 32.584110256748,21.668310646547 32.411170407814,21.078238369631 C 32.110085500608,21.100948582345 31.808339317956,21.111624271550 31.506153000000,21.105922600000 C 30.576010000000,21.088375600000 29.635934000000,20.909618600000 28.814144000000,20.473573600000 C 27.649574000000,19.855649600000 26.779204000000,18.726602600000 26.428817000000,17.455664600000 C 26.113609099467,16.312329662666 26.212685636738,15.068201465719 26.662104751562,13.969998805854 C 26.031960405919,13.443715870308 25.402236900489,12.916874419456 24.795803000000,12.363782000000 C 24.273978111078,11.887856436540 23.768478430324,11.391795433635 23.266606487943,10.891551813397 M 28.683573034521,31.836916051073 C 28.547072628311,32.222264275504 28.375291489801,32.596477157611 28.179529000000,32.954006600000 C 27.647917000000,33.924911600000 26.943826000000,34.788783600000 26.239063000000,35.642349600000 C 25.534301000000,36.495916600000 24.820923000000,37.350669600000 24.267061000000,38.309055600000 C 23.713200000000,39.267440600000 23.321645000000,40.345201600000 23.318945000000,41.452115600000 C 23.316956699016,42.273775084319 23.532990572256,43.090978400588 23.918910189160,43.817031056360 C 24.297385420645,43.666996914859 24.667650407874,43.496087690219 25.027440000000,43.304134000000 C 27.097852000000,42.199534000000 28.802186000000,40.387530000000 29.680167000000,38.211319000000 C 30.174702000000,36.985533000000 30.407104000000,35.623102000000 30.131382000000,34.330394000000 C 29.993521000000,33.684040000000 29.728744000000,33.062099000000 29.335636000000,32.530831000000 C 29.146515699638,32.275244446112 28.927321492833,32.041105330548 28.683573034507,31.836916050827"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-04/original.svg b/libraries/path-bool/visual-tests/simple-04/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..175b08d083762e3f03eb08027685ca3be2ab3e54
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-04/original.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+        width="48"
+        height="48"
+        viewBox="0 0 48 48"
+        version="1.1"
+        id="svg1"
+        xmlns="http://www.w3.org/2000/svg"
+>
+    <defs
+            id="defs1"/>
+    <g
+            id="layer1">
+        <path
+                style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+                d="m 10.549165,5.8509669 c 1.227046,-0.6888072 2.698146,-0.8796235 4.090389,-0.6752776 1.392243,0.2043459 2.710218,0.7856302 3.892388,1.5488949 2.36434,1.5265293 4.184489,3.7427258 6.263861,5.6391978 1.338847,1.221083 2.79121,2.314216 4.111004,3.555869 1.319793,1.241652 2.521238,2.658879 3.213284,4.333581 0.346022,0.837352 0.559886,1.733432 0.584018,2.63914 0.02413,0.905707 -0.144629,1.821057 -0.531138,2.640507 -0.386509,0.819451 -0.994547,1.539687 -1.761913,2.021391 -0.767365,0.481705 -1.694549,0.717129 -2.594994,0.616696 -0.776922,-0.08666 -1.513681,-0.416233 -2.152387,-0.86698 -0.638706,-0.450746 -1.185462,-1.020042 -1.684851,-1.621481 -0.998778,-1.202876 -1.838147,-2.56192 -3.0501,-3.549665 -0.9153,-0.745972 -2.023611,-1.253129 -3.186536,-1.45771 -1.162925,-0.204581 -2.377881,-0.106086 -3.492533,0.283531 -1.114651,0.389616 -2.126485,1.069522 -2.908097,1.954582 -0.781611,0.88506 -1.331207,1.973309 -1.579164,3.127764 -0.2479572,1.154454 -0.1936718,2.372508 0.1563898,3.500207 0.3500612,1.127699 0.9951432,2.162461 1.8538352,2.972953 0.858692,0.810491 1.929057,1.394824 3.075281,1.678404 1.146224,0.283581 2.365678,0.265715 3.502993,-0.05172 1.64021,-0.457793 3.043645,-1.500287 4.5615,-2.272285 0.758928,-0.385998 1.55918,-0.708381 2.399576,-0.845131 0.840396,-0.136751 1.726694,-0.07934 2.504093,0.267956 0.603415,0.269573 1.126463,0.708173 1.519572,1.23944 0.393108,0.531268 0.657885,1.153209 0.795746,1.799563 0.275722,1.292708 0.04332,2.655139 -0.451215,3.880925 -0.877981,2.176211 -2.582315,3.988215 -4.652727,5.092815 -2.070412,1.104599 -4.48771,1.512324 -6.820254,1.255452 C 15.874642,44.302718 13.6307,43.395188 11.710004,42.046978 9.7893075,40.698768 8.1876785,38.918219 6.9533854,36.922407 4.457453,32.886565 3.4876618,28.028907 3.64613,23.286272 3.8002627,18.673387 4.9891305,14.099351 7.0892002,9.9893426 7.504395,9.1767723 7.9568454,8.3787812 8.5179102,7.6591539 9.078975,6.9395266 9.753462,6.2976375 10.549165,5.8509669 Z"
+                id="a"/>
+        <path
+                style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+                d="m 23.18313,11.941221 c 0.175995,-1.937316 0.188339,-3.9157233 0.776185,-5.7700712 0.293923,-0.927174 0.73446,-1.8168249 1.366828,-2.5558465 0.632368,-0.7390217 1.464331,-1.3221917 2.402476,-1.5789543 0.967556,-0.2648122 1.995185,-0.1760639 2.986399,-0.021843 0.991214,0.1542213 1.980415,0.3724999 2.983489,0.3610483 1.345801,-0.015364 2.647114,-0.4422205 3.95253,-0.7697979 1.305415,-0.3275774 2.692866,-0.5564306 3.985015,-0.1799118 1.173644,0.3419875 2.185193,1.1873881 2.75843,2.2671075 0.573237,1.0797194 0.708545,2.3780085 0.401365,3.5612393 -0.30718,1.1832308 -1.047848,2.2433593 -2.034306,2.9653672 -0.986458,0.722008 -2.209576,1.106297 -3.432021,1.111158 -2.009831,0.008 -3.901357,-0.964583 -5.902312,-1.153432 -1.31252,-0.123874 -2.663484,0.102015 -3.84134,0.694224 -1.177855,0.592209 -2.174667,1.555442 -2.760287,2.736588 -0.58562,1.181145 -0.747151,2.57663 -0.396764,3.847568 0.350387,1.270938 1.220757,2.399985 2.385327,3.017909 0.82179,0.436045 1.761866,0.614802 2.692009,0.632349 0.930143,0.01755 1.856116,-0.120065 2.77147,-0.286197 1.830709,-0.332264 3.717259,-0.780008 5.526586,-0.346152 1.776733,0.426041 3.292669,1.701533 4.18439,3.296251 0.891721,1.594718 1.189532,3.481187 1.026514,5.300999 -0.326036,3.639624 -2.375548,6.872857 -4.464585,9.871037 -1.115082,1.600363 -2.265859,3.189575 -3.656373,4.557435 -1.390514,1.367859 -3.041475,2.515013 -4.908921,3.078233 -1.867445,0.563219 -3.966763,0.499463 -5.68728,-0.419443 -0.860259,-0.459454 -1.613651,-1.12625 -2.145112,-1.943986 -0.53146,-0.817736 -0.836257,-1.786721 -0.833897,-2.761984 0.0027,-1.106914 0.394255,-2.184675 0.948116,-3.14306 0.553862,-0.958386 1.26724,-1.813139 1.972002,-2.666706 0.704763,-0.853566 1.408854,-1.717438 1.940466,-2.688343 0.531611,-0.970904 0.886373,-2.064839 0.838005,-3.170699 -0.03846,-0.879411 -0.330569,-1.734698 -0.751671,-2.507691 -0.421101,-0.772992 -0.968888,-1.469774 -1.546153,-2.134311 -1.154529,-1.329075 -2.460281,-2.578574 -3.197374,-4.177346 -0.638395,-1.384693 -0.804105,-2.945029 -0.761356,-4.4692 0.04275,-1.524172 0.2842,-3.035021 0.42215,-4.553539 z"
+                id="b"/>
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-04/union.svg b/libraries/path-bool/visual-tests/simple-04/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..901db682f44375b97275f4b987daacd66a65ab25
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-04/union.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <defs id="defs1"/>
+    <g id="layer1">
+        <path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M 23.266606487943,10.891551813397 C 21.768615091631,9.398420646068 20.302943502668,7.868026210949 18.531942000000,6.724584200000 C 17.349772000000,5.961319500000 16.031797000000,5.380035200000 14.639554000000,5.175689300000 C 13.247311000000,4.971343400000 11.776211000000,5.162159700000 10.549165000000,5.850966900000 C 9.753462000000,6.297637500000 9.078975000000,6.939526600000 8.517910200000,7.659153900000 C 7.956845400000,8.378781200000 7.504395000000,9.176772300000 7.089200200000,9.989342600000 C 4.989130500000,14.099351000000 3.800262700000,18.673387000000 3.646130000000,23.286272000000 C 3.487661800000,28.028907000000 4.457453000000,32.886565000000 6.953385400000,36.922407000000 C 8.187678500000,38.918219000000 9.789307500000,40.698768000000 11.710004000000,42.046978000000 C 13.630700000000,43.395188000000 15.874642000000,44.302718000000 18.207186000000,44.559586000000 C 20.134387945193,44.771819603339 22.119446764392,44.530369546990 23.918910189238,43.817031056454 C 23.991055172645,43.952761541585 24.069137271692,44.085306521109 24.152842000000,44.214099600000 C 24.684303000000,45.031835600000 25.437695000000,45.698631600000 26.297954000000,46.158085600000 C 28.018471000000,47.076991600000 30.117789000000,47.140747600000 31.985234000000,46.577528600000 C 33.852680000000,46.014308600000 35.503641000000,44.867154600000 36.894155000000,43.499295600000 C 38.284669000000,42.131435600000 39.435446000000,40.542223600000 40.550528000000,38.941860600000 C 42.639565000000,35.943680600000 44.689077000000,32.710447600000 45.015113000000,29.070823600000 C 45.178131000000,27.251011600000 44.880320000000,25.364542600000 43.988599000000,23.769824600000 C 43.096878000000,22.175106600000 41.580942000000,20.899614600000 39.804209000000,20.473573600000 C 37.994882000000,20.039717600000 36.108332000000,20.487461600000 34.277623000000,20.819725600000 C 33.659650644420,20.931884375050 33.036838309042,21.031045532254 32.411170407806,21.078238369699 C 32.329109334511,20.798245269901 32.231443290248,20.522697707220 32.120091000000,20.253232000000 C 31.428045000000,18.578530000000 30.226600000000,17.161303000000 28.906807000000,15.919651000000 C 28.184816799286,15.240407649381 27.423153850248,14.605610561319 26.662104751599,13.969998805869 C 26.712262630588,13.847432777080 26.766784343075,13.726684382766 26.825581000000,13.608096600000 C 27.411201000000,12.426950600000 28.408013000000,11.463717600000 29.585868000000,10.871508600000 C 30.763724000000,10.279299600000 32.114688000000,10.053410600000 33.427208000000,10.177284600000 C 35.428163000000,10.366133600000 37.319689000000,11.338716600000 39.329520000000,11.330716600000 C 40.551965000000,11.325855600000 41.775083000000,10.941566600000 42.761541000000,10.219558600000 C 43.747999000000,9.497550700000 44.488667000000,8.437422200000 44.795847000000,7.254191400000 C 45.103027000000,6.070960600000 44.967719000000,4.772671500000 44.394482000000,3.692952100000 C 43.821245000000,2.613232700000 42.809696000000,1.767832100000 41.636052000000,1.425844600000 C 40.343903000000,1.049325800000 38.956452000000,1.278179000000 37.651037000000,1.605756400000 C 36.345621000000,1.933333800000 35.044308000000,2.360190300000 33.698507000000,2.375554300000 C 32.695433000000,2.387005900000 31.706232000000,2.168727300000 30.715018000000,2.014506000000 C 29.723804000000,1.860285100000 28.696175000000,1.771536800000 27.728619000000,2.036349000000 C 26.790474000000,2.293111600000 25.958511000000,2.876281600000 25.326143000000,3.615303300000 C 24.693775000000,4.354324900000 24.253238000000,5.243975800000 23.959315000000,6.171149800000 C 23.477330361923,7.691560250103 23.382234468581,9.295371254051 23.266606487954,10.891551813385 M 28.683573034507,31.836916050827 C 28.420661380085,31.616673667695 28.129182858108,31.431275474096 27.816064000000,31.291391000000 C 27.038665000000,30.944095000000 26.152367000000,30.886684000000 25.311971000000,31.023435000000 C 24.471575000000,31.160185000000 23.671323000000,31.482568000000 22.912395000000,31.868566000000 C 21.394540000000,32.640564000000 19.991105000000,33.683058000000 18.350895000000,34.140851000000 C 17.213580000000,34.458286000000 15.994126000000,34.476152000000 14.847902000000,34.192571000000 C 13.701678000000,33.908991000000 12.631313000000,33.324658000000 11.772621000000,32.514167000000 C 10.913929000000,31.703675000000 10.268847000000,30.668913000000 9.918785800000,29.541214000000 C 9.568724200000,28.413515000000 9.514438800000,27.195461000000 9.762396000000,26.041007000000 C 10.010353000000,24.886552000000 10.559949000000,23.798303000000 11.341560000000,22.913243000000 C 12.123172000000,22.028183000000 13.135006000000,21.348277000000 14.249657000000,20.958661000000 C 15.364309000000,20.569044000000 16.579265000000,20.470549000000 17.742190000000,20.675130000000 C 18.905115000000,20.879711000000 20.013426000000,21.386868000000 20.928726000000,22.132840000000 C 22.140679000000,23.120585000000 22.980048000000,24.479629000000 23.978826000000,25.682505000000 C 24.478215000000,26.283944000000 25.024971000000,26.853240000000 25.663677000000,27.303986000000 C 26.302383000000,27.754733000000 27.039142000000,28.084306000000 27.816064000000,28.170966000000 C 28.101770756441,28.202832895446 28.390169492708,28.200886998015 28.675300790960,28.167989727816 C 28.868960528594,28.687265312742 28.993358509344,29.230520485776 29.017534000000,29.783307600000 C 29.048090780694,30.481941438443 28.917752003709,31.175815820817 28.683573034521,31.836916051073"/>
+        
+    </g>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-05/difference.svg b/libraries/path-bool/visual-tests/simple-05/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c8ced7faddbb7e3d8ac87c7c460f462c18a2990a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-05/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732818,15.932123620848 A 15.840806000000 15.840806000000 0.000000000000 0 0 1.000723800000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 16.841530000000,47.000001000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.682336000000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.604648972332,29.592282432640 C 27.046730503050,33.799762046429 22.070510902166,34.009537697437 27.051323000000,24.000000000000 C 27.680487678433,22.735618352464 28.207055827963,21.601744405671 28.639798920983,20.588859849182 A 15.840806000000 15.840806000000 0.000000000000 0 0 22.851459523352,16.502732880717 C 19.505483487827,19.098985041218 15.830644510583,22.733955585250 13.686817000000,25.389413000000 C 9.513116289433,30.559179164098 9.650105578429,23.144981460143 12.474902732804,15.932123620902"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-05/division.svg b/libraries/path-bool/visual-tests/simple-05/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ea1e621a5a9cbfa04a0562f37d2ff34fb37d4ba2
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-05/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732818,15.932123620848 A 15.840806000000 15.840806000000 0.000000000000 0 0 1.000723800000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 16.841530000000,47.000001000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.682336000000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.604648972332,29.592282432640 C 27.046730503050,33.799762046429 22.070510902166,34.009537697437 27.051323000000,24.000000000000 C 27.680487678433,22.735618352464 28.207055827963,21.601744405671 28.639798920983,20.588859849182 A 15.840806000000 15.840806000000 0.000000000000 0 0 22.851459523352,16.502732880717 C 19.505483487827,19.098985041218 15.830644510583,22.733955585250 13.686817000000,25.389413000000 C 9.513116289433,30.559179164098 9.650105578429,23.144981460143 12.474902732804,15.932123620902"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732804,15.932123620902 C 9.650105578429,23.144981460143 9.513116289433,30.559179164098 13.686817000000,25.389413000000 C 15.830644510583,22.733955585250 19.505483487827,19.098985041218 22.851459523280,16.502732880740 A 15.840806000000 15.840806000000 0.000000000000 0 0 16.841530000000,15.318389000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 12.474902732818,15.932123620848"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 28.639798920983,20.588859849182 C 28.207055827963,21.601744405671 27.680487678433,22.735618352464 27.051323000000,24.000000000000 C 22.070510902166,34.009537697437 27.046730503050,33.799762046429 32.604648972284,29.592282432735 A 15.840806000000 15.840806000000 0.000000000000 0 0 28.639798920922,20.588859849248"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-05/exclusion.svg b/libraries/path-bool/visual-tests/simple-05/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..85ce148dd639c7d9923864b5c35617980863597f
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-05/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732818,15.932123620848 A 15.840806000000 15.840806000000 0.000000000000 0 0 1.000723800000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 16.841530000000,47.000001000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.682336000000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.604648972332,29.592282432640 C 27.046730503050,33.799762046429 22.070510902166,34.009537697437 27.051323000000,24.000000000000 C 27.680487678433,22.735618352464 28.207055827963,21.601744405671 28.639798920983,20.588859849182 A 15.840806000000 15.840806000000 0.000000000000 0 0 22.851459523352,16.502732880717 C 19.505483487827,19.098985041218 15.830644510583,22.733955585250 13.686817000000,25.389413000000 C 9.513116289433,30.559179164098 9.650105578429,23.144981460143 12.474902732804,15.932123620902 A 15.840806000000 15.840806000000 0.000000000000 0 1 16.841530000000,15.318389000000 A 15.840806000000 15.840806000000 0.000000000000 0 1 22.851459523352,16.502732880717 C 28.261862778502,12.304624169982 32.812404429686,10.822400838595 28.639798920983,20.588859849182 A 15.840806000000 15.840806000000 0.000000000000 0 1 32.604648972332,29.592282432640 C 37.472488958048,25.907209034088 42.786546304518,19.155523324205 42.248003000000,13.517214000000 C 41.094571000000,1.441293000000 24.405584000000,1.068630700000 17.485987000000,7.750717500000 C 15.404056859842,9.761186792286 13.690577665765,12.828010301971 12.474902732804,15.932123620902"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-05/fracture.svg b/libraries/path-bool/visual-tests/simple-05/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d4aece55f1b806fbb8daa485d3400c125f7ce438
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-05/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732818,15.932123620848 A 15.840806000000 15.840806000000 0.000000000000 0 0 1.000723800000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 16.841530000000,47.000001000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.682336000000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.604648972332,29.592282432640 C 27.046730503050,33.799762046429 22.070510902166,34.009537697437 27.051323000000,24.000000000000 C 27.680487678433,22.735618352464 28.207055827963,21.601744405671 28.639798920983,20.588859849182 A 15.840806000000 15.840806000000 0.000000000000 0 0 22.851459523352,16.502732880717 C 19.505483487827,19.098985041218 15.830644510583,22.733955585250 13.686817000000,25.389413000000 C 9.513116289433,30.559179164098 9.650105578429,23.144981460143 12.474902732804,15.932123620902"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732818,15.932123620848 A 15.840806000000 15.840806000000 0.000000000000 0 1 16.841530000000,15.318389000000 A 15.840806000000 15.840806000000 0.000000000000 0 1 22.851459523352,16.502732880717 C 28.261862778502,12.304624169982 32.812404429686,10.822400838595 28.639798920983,20.588859849182 A 15.840806000000 15.840806000000 0.000000000000 0 1 32.604648972332,29.592282432640 C 37.472488958048,25.907209034088 42.786546304518,19.155523324205 42.248003000000,13.517214000000 C 41.094571000000,1.441293000000 24.405584000000,1.068630700000 17.485987000000,7.750717500000 C 15.404056859842,9.761186792286 13.690577665765,12.828010301971 12.474902732804,15.932123620902"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732804,15.932123620902 C 9.650105578429,23.144981460143 9.513116289433,30.559179164098 13.686817000000,25.389413000000 C 15.830644510583,22.733955585250 19.505483487827,19.098985041218 22.851459523280,16.502732880740 A 15.840806000000 15.840806000000 0.000000000000 0 0 16.841530000000,15.318389000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 12.474902732818,15.932123620848"/><path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 28.639798920983,20.588859849182 C 28.207055827963,21.601744405671 27.680487678433,22.735618352464 27.051323000000,24.000000000000 C 22.070510902166,34.009537697437 27.046730503050,33.799762046429 32.604648972284,29.592282432735 A 15.840806000000 15.840806000000 0.000000000000 0 0 28.639798920922,20.588859849248"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-05/intersection.svg b/libraries/path-bool/visual-tests/simple-05/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7dd6c44e1e21f2ec2390be98401523778cbfc4bb
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-05/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732804,15.932123620902 C 9.650105578429,23.144981460143 9.513116289433,30.559179164098 13.686817000000,25.389413000000 C 15.830644510583,22.733955585250 19.505483487827,19.098985041218 22.851459523280,16.502732880740 A 15.840806000000 15.840806000000 0.000000000000 0 0 16.841530000000,15.318389000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 12.474902732818,15.932123620848 M 28.639798920983,20.588859849182 C 28.207055827963,21.601744405671 27.680487678433,22.735618352464 27.051323000000,24.000000000000 C 22.070510902166,34.009537697437 27.046730503050,33.799762046429 32.604648972284,29.592282432735 A 15.840806000000 15.840806000000 0.000000000000 0 0 28.639798920922,20.588859849248"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-05/original.svg b/libraries/path-bool/visual-tests/simple-05/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..70d133b2d8dc9a3f03347499b5d5553db5df9116
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-05/original.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg"
+>
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
+          d="M 32.682336,31.159195 A 15.840806,15.840806 0 0 1 16.84153,47.000001 15.840806,15.840806 0 0 1 1.0007238,31.159195 15.840806,15.840806 0 0 1 16.84153,15.318389 15.840806,15.840806 0 0 1 32.682336,31.159195 Z"/>
+    <path style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
+          d="M 17.485987,7.7507175 C 10.56639,14.432804 7.7169295,32.784031 13.686817,25.389413 19.656705,17.994796 37.498791,3.0045639 27.051323,24 17.708123,42.776278 43.401435,25.593135 42.248003,13.517214 41.094571,1.441293 24.405584,1.0686307 17.485987,7.7507175 Z"
+          id="b"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-05/union.svg b/libraries/path-bool/visual-tests/simple-05/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5b434a409355a999b73e4b1baeb43d6871832d41
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-05/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" d="M 12.474902732818,15.932123620848 A 15.840806000000 15.840806000000 0.000000000000 0 0 1.000723800000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 16.841530000000,47.000001000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.682336000000,31.159195000000 A 15.840806000000 15.840806000000 0.000000000000 0 0 32.604648972332,29.592282432640 C 37.472488958048,25.907209034088 42.786546304518,19.155523324205 42.248003000000,13.517214000000 C 41.094571000000,1.441293000000 24.405584000000,1.068630700000 17.485987000000,7.750717500000 C 15.404056859842,9.761186792286 13.690577665765,12.828010301971 12.474902732804,15.932123620902 M 28.639798920922,20.588859849248 A 15.840806000000 15.840806000000 0.000000000000 0 0 22.851459523352,16.502732880717 C 28.261862778502,12.304624169982 32.812404429686,10.822400838595 28.639798920983,20.588859849182"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-06/difference.svg b/libraries/path-bool/visual-tests/simple-06/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d7e318710f6b84c87c621b71cdf726f61f872118
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-06/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 30.596088000000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,23.999999000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 5.088085200000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,42.010491000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 30.596088000000,33.005245000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-06/division.svg b/libraries/path-bool/visual-tests/simple-06/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d7e318710f6b84c87c621b71cdf726f61f872118
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-06/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 30.596088000000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,23.999999000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 5.088085200000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,42.010491000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 30.596088000000,33.005245000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-06/exclusion.svg b/libraries/path-bool/visual-tests/simple-06/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c1b696c41bf066fcafa94112f8bd6c4e1ccc23e1
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-06/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 39.958363000000,15.328637000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 32.810371000000,4.765773800000 A 7.147991200000 10.562863000000 0.000000000000 0 0 25.662380000000,15.328637000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 32.810371000000,25.891500000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 39.958363000000,15.328637000000 M 17.842086000000,10.979142000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 13.433784000000,6.629647300000 A 4.408302800000 4.349494900000 0.000000000000 0 0 9.025480700000,10.979142000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 13.433784000000,15.328637000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 17.842086000000,10.979142000000 M 30.596088000000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,23.999999000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 5.088085200000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,42.010491000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 30.596088000000,33.005245000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-06/fracture.svg b/libraries/path-bool/visual-tests/simple-06/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e85812ca638034d0b10c21861f9a3f51d378882e
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-06/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 39.958363000000,15.328637000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 32.810371000000,4.765773800000 A 7.147991200000 10.562863000000 0.000000000000 0 0 25.662380000000,15.328637000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 32.810371000000,25.891500000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 39.958363000000,15.328637000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 17.842086000000,10.979142000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 13.433784000000,6.629647300000 A 4.408302800000 4.349494900000 0.000000000000 0 0 9.025480700000,10.979142000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 13.433784000000,15.328637000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 17.842086000000,10.979142000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 30.596088000000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,23.999999000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 5.088085200000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,42.010491000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 30.596088000000,33.005245000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-06/intersection.svg b/libraries/path-bool/visual-tests/simple-06/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6db8be97234f3d1d16f9f8195824d8ec54c1c54b
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-06/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d=""/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-06/original.svg b/libraries/path-bool/visual-tests/simple-06/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d074477dbc41bcdeec148214388a6a470f221364
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-06/original.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg"
+>
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 30.596088,33.005245 A 12.754002,9.0052462 0 0 1 17.842087,42.010491 12.754002,9.0052462 0 0 1 5.0880852,33.005245 12.754002,9.0052462 0 0 1 17.842087,23.999999 12.754002,9.0052462 0 0 1 30.596088,33.005245 Z"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="m 17.842086,10.979142 a 4.4083028,4.3494949 0 0 1 -4.408302,4.349495 4.4083028,4.3494949 0 0 1 -4.4083033,-4.349495 4.4083028,4.3494949 0 0 1 4.4083033,-4.3494947 4.4083028,4.3494949 0 0 1 4.408302,4.3494947 z m 22.116277,4.349495 A 7.1479912,10.562863 0 0 1 32.810371,25.8915 7.1479912,10.562863 0 0 1 25.66238,15.328637 7.1479912,10.562863 0 0 1 32.810371,4.7657738 7.1479912,10.562863 0 0 1 39.958363,15.328637 Z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-06/union.svg b/libraries/path-bool/visual-tests/simple-06/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c1b696c41bf066fcafa94112f8bd6c4e1ccc23e1
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-06/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 39.958363000000,15.328637000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 32.810371000000,4.765773800000 A 7.147991200000 10.562863000000 0.000000000000 0 0 25.662380000000,15.328637000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 32.810371000000,25.891500000000 A 7.147991200000 10.562863000000 0.000000000000 0 0 39.958363000000,15.328637000000 M 17.842086000000,10.979142000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 13.433784000000,6.629647300000 A 4.408302800000 4.349494900000 0.000000000000 0 0 9.025480700000,10.979142000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 13.433784000000,15.328637000000 A 4.408302800000 4.349494900000 0.000000000000 0 0 17.842086000000,10.979142000000 M 30.596088000000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,23.999999000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 5.088085200000,33.005245000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 17.842087000000,42.010491000000 A 12.754002000000 9.005246200000 0.000000000000 0 0 30.596088000000,33.005245000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-07/difference.svg b/libraries/path-bool/visual-tests/simple-07/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bf204563c3c8b91d8babd2ae9005fe07e37cc9fa
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-07/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 37.671452000000,24.000000000000 C 36.977543542265,29.176233894561 36.277027059714,33.307505968268 35.564022694891,36.540471985389 C 46.041859393046,34.390449494527 48.996656660904,29.466454724495 37.671452000000,24.000000000000 M 24.000000000000,37.671452000000 C 20.702100000000,30.879219000000 10.328548000000,31.550534000000 10.328548000000,24.000000000000 C 10.328548000000,31.550534000000 16.450500000000,37.796429000000 24.000000000000,37.671452000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-07/division.svg b/libraries/path-bool/visual-tests/simple-07/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..db0eb8d0de2b532754f1144694c792fd747c91a5
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-07/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 37.671452000000,24.000000000000 C 36.977543542265,29.176233894561 36.277027059714,33.307505968268 35.564022694891,36.540471985389 C 46.041859393046,34.390449494527 48.996656660904,29.466454724495 37.671452000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 37.671452000000,24.000000000000 C 30.871598000000,20.717843000000 31.550534000000,10.328548000000 24.000000000000,10.328548000000 C 16.449466000000,10.328548000000 10.328548000000,16.449466000000 10.328548000000,24.000000000000 C 10.328548000000,31.550534000000 20.702100000000,30.879219000000 24.000000000000,37.671452000000 C 28.432011314224,37.598083135620 32.351596057547,37.199652856355 35.564022694925,36.540471985381 C 36.277027059714,33.307505968268 36.977543542265,29.176233894561 37.671452000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 24.000000000000,37.671452000000 C 20.702100000000,30.879219000000 10.328548000000,31.550534000000 10.328548000000,24.000000000000 C 10.328548000000,31.550534000000 16.450500000000,37.796429000000 24.000000000000,37.671452000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-07/exclusion.svg b/libraries/path-bool/visual-tests/simple-07/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..10010ca56ddcf1141e242728f956e337bff26bc5
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-07/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 37.671452000000,24.000000000000 C 36.977543542265,29.176233894561 36.277027059714,33.307505968268 35.564022694891,36.540471985389 C 46.041859393046,34.390449494527 48.996656660904,29.466454724495 37.671452000000,24.000000000000 C 38.674677000000,16.516411000000 31.550534000000,10.328548000000 24.000000000000,10.328548000000 C 31.550534000000,10.328548000000 30.871598000000,20.717843000000 37.671452000000,24.000000000000 M 35.564022694925,36.540471985381 C 32.351596057547,37.199652856355 28.432011314224,37.598083135620 24.000000000000,37.671452000000 C 28.547048905111,47.036386167762 32.194946494494,51.816828488044 35.564022694891,36.540471985389 M 24.000000000000,37.671452000000 C 20.702100000000,30.879219000000 10.328548000000,31.550534000000 10.328548000000,24.000000000000 C 10.328548000000,31.550534000000 16.450500000000,37.796429000000 24.000000000000,37.671452000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-07/fracture.svg b/libraries/path-bool/visual-tests/simple-07/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..12398a8d41f8516893ee7e2c46f613e046aa3ad8
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-07/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 37.671452000000,24.000000000000 C 36.977543542265,29.176233894561 36.277027059714,33.307505968268 35.564022694891,36.540471985389 C 46.041859393046,34.390449494527 48.996656660904,29.466454724495 37.671452000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 37.671452000000,24.000000000000 C 30.871598000000,20.717843000000 31.550534000000,10.328548000000 24.000000000000,10.328548000000 C 16.449466000000,10.328548000000 10.328548000000,16.449466000000 10.328548000000,24.000000000000 C 10.328548000000,31.550534000000 20.702100000000,30.879219000000 24.000000000000,37.671452000000 C 28.432011314224,37.598083135620 32.351596057547,37.199652856355 35.564022694925,36.540471985381 C 36.277027059714,33.307505968268 36.977543542265,29.176233894561 37.671452000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 37.671452000000,24.000000000000 C 38.674677000000,16.516411000000 31.550534000000,10.328548000000 24.000000000000,10.328548000000 C 31.550534000000,10.328548000000 30.871598000000,20.717843000000 37.671452000000,24.000000000000"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 35.564022694925,36.540471985381 C 32.351596057547,37.199652856355 28.432011314224,37.598083135620 24.000000000000,37.671452000000 C 28.547048905111,47.036386167762 32.194946494494,51.816828488044 35.564022694891,36.540471985389"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 24.000000000000,37.671452000000 C 20.702100000000,30.879219000000 10.328548000000,31.550534000000 10.328548000000,24.000000000000 C 10.328548000000,31.550534000000 16.450500000000,37.796429000000 24.000000000000,37.671452000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-07/intersection.svg b/libraries/path-bool/visual-tests/simple-07/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..977056e673f8a8988f292001780d1ba6169bf57a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-07/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 37.671452000000,24.000000000000 C 30.871598000000,20.717843000000 31.550534000000,10.328548000000 24.000000000000,10.328548000000 C 16.449466000000,10.328548000000 10.328548000000,16.449466000000 10.328548000000,24.000000000000 C 10.328548000000,31.550534000000 20.702100000000,30.879219000000 24.000000000000,37.671452000000 C 28.432011314224,37.598083135620 32.351596057547,37.199652856355 35.564022694925,36.540471985381 C 36.277027059714,33.307505968268 36.977543542265,29.176233894561 37.671452000000,24.000000000000"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-07/original.svg b/libraries/path-bool/visual-tests/simple-07/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c54e7978efeb8f416548f0a2a90d6c590cb9fb3a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-07/original.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path id="a"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 37.671452,24 C 52.46888,31.142429 42.887716,37.358779 24,37.671452 16.4505,37.796429 10.328548,31.550534 10.328548,24 c 0,-7.550534 6.120918,-13.671452 13.671452,-13.671452 7.550534,0 6.871598,10.389295 13.671452,13.671452 z"/>
+    <path id="b"
+          style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 37.671452,24 C 33.698699,53.634887 29.50935,49.018306 24,37.671452 20.7021,30.879219 10.328548,31.550534 10.328548,24 c 0,-7.550534 6.120918,-13.671452 13.671452,-13.671452 7.550534,0 14.674677,6.187863 13.671452,13.671452 z"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-07/union.svg b/libraries/path-bool/visual-tests/simple-07/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4cbea40eae4450474b1d56b7931504d30868c7a2
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-07/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 35.564022694925,36.540471985381 C 46.041859393046,34.390449494527 48.996656660904,29.466454724495 37.671452000000,24.000000000000 C 38.674677000000,16.516411000000 31.550534000000,10.328548000000 24.000000000000,10.328548000000 C 16.449466000000,10.328548000000 10.328548000000,16.449466000000 10.328548000000,24.000000000000 C 10.328548000000,31.550534000000 16.450500000000,37.796429000000 24.000000000000,37.671452000000 C 28.547048905111,47.036386167762 32.194946494494,51.816828488044 35.564022694891,36.540471985389"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-08/difference.svg b/libraries/path-bool/visual-tests/simple-08/difference.svg
new file mode 100644
index 0000000000000000000000000000000000000000..879a7f1d1a067d92e478297a9e3d5eec17f714a6
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-08/difference.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076583,18.409740195297 C 7.797995453063,14.345008949191 2.730539600000,24.000000000000 2.730539600000,24.000000000000 L 2.730539600000,44.724138000000 L 44.927529000000,45.334642000000 L 44.927529000000,35.633492000000 C 44.927529000000,35.633492000000 41.145129754140,35.873208306637 36.734854405107,35.317706227323 C 36.228249102949,37.498838478371 35.714484924788,39.479436730837 33.683056000000,40.517855000000 C 30.630205000000,42.078400000000 28.832481000000,43.570706000000 23.829031000000,42.892295000000 C 18.825582000000,42.213883000000 14.890928000000,39.567814000000 16.858255000000,37.057890000000 C 18.825582000000,34.547967000000 21.539558000000,34.073278000000 22.421361000000,34.208761000000 C 23.132944869744,34.318091925773 25.700294654507,34.271124699473 27.841329774700,32.743507113304 C 23.074889249350,30.065439079942 21.683878964023,25.613693480134 17.965172692962,21.560526935797 C 17.573963395790,23.301491455620 17.222754443760,24.841159839246 17.061977000000,25.457321000000 C 16.654864000000,27.017534000000 17.807964000000,27.137380000000 15.162226000000,29.256160000000 C 12.516645299334,31.374813030412 12.245222267819,38.142610192401 12.245190002877,38.143414928228 L 12.245193000000,38.143415000000 C 12.245192031654,38.143414214896 12.245191063309,38.143413429793 12.245190094964,38.143412644690 C 9.734938509310,36.108181000255 10.006236528989,36.108510612907 8.785228600000,32.512733000000 C 7.564220200000,28.916954000000 5.732046200000,27.627707000000 7.699704200000,25.524897000000 C 9.667362200000,23.422087000000 9.005844500000,22.540285000000 11.905987000000,20.640534000000 C 13.181190227505,19.805206705223 13.899012312978,19.140430517465 14.314589076864,18.409740195511"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-08/division.svg b/libraries/path-bool/visual-tests/simple-08/division.svg
new file mode 100644
index 0000000000000000000000000000000000000000..088af61ea4e136a2ec433a0cf8ff75fcd547fc74
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-08/division.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076583,18.409740195297 C 7.797995453063,14.345008949191 2.730539600000,24.000000000000 2.730539600000,24.000000000000 L 2.730539600000,44.724138000000 L 44.927529000000,45.334642000000 L 44.927529000000,35.633492000000 C 44.927529000000,35.633492000000 41.145129754140,35.873208306637 36.734854405107,35.317706227323 C 36.228249102949,37.498838478371 35.714484924788,39.479436730837 33.683056000000,40.517855000000 C 30.630205000000,42.078400000000 28.832481000000,43.570706000000 23.829031000000,42.892295000000 C 18.825582000000,42.213883000000 14.890928000000,39.567814000000 16.858255000000,37.057890000000 C 18.825582000000,34.547967000000 21.539558000000,34.073278000000 22.421361000000,34.208761000000 C 23.132944869744,34.318091925773 25.700294654507,34.271124699473 27.841329774700,32.743507113304 C 23.074889249350,30.065439079942 21.683878964023,25.613693480134 17.965172692962,21.560526935797 C 17.573963395790,23.301491455620 17.222754443760,24.841159839246 17.061977000000,25.457321000000 C 16.654864000000,27.017534000000 17.807964000000,27.137380000000 15.162226000000,29.256160000000 C 12.516645299334,31.374813030412 12.245222267819,38.142610192401 12.245190002877,38.143414928228 L 12.245193000000,38.143415000000 C 12.245192031654,38.143414214896 12.245191063309,38.143413429793 12.245190094964,38.143412644690 C 9.734938509310,36.108181000255 10.006236528989,36.108510612907 8.785228600000,32.512733000000 C 7.564220200000,28.916954000000 5.732046200000,27.627707000000 7.699704200000,25.524897000000 C 9.667362200000,23.422087000000 9.005844500000,22.540285000000 11.905987000000,20.640534000000 C 13.181190227505,19.805206705223 13.899012312978,19.140430517465 14.314589076864,18.409740195511"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076864,18.409740195511 C 13.899012312978,19.140430517465 13.181190227505,19.805206705223 11.905987000000,20.640534000000 C 9.005844500000,22.540285000000 9.667362200000,23.422087000000 7.699704200000,25.524897000000 C 5.732046200000,27.627707000000 7.564220200000,28.916954000000 8.785228600000,32.512733000000 C 10.006236528989,36.108510612907 9.734938509310,36.108181000255 12.245190094964,38.143412644690 C 12.245191063309,38.143413429793 12.245192031654,38.143414214896 12.245193000000,38.143415000000 L 12.245190000000,38.143415000000 C 12.245222267819,38.142610192401 12.516645299334,31.374813030412 15.162226000000,29.256160000000 C 17.807964000000,27.137380000000 16.654864000000,27.017534000000 17.061977000000,25.457321000000 C 17.222754443760,24.841159839246 17.573963395790,23.301491455620 17.965172692919,21.560526935811 C 17.072561191361,20.587633996247 16.045837744328,19.637705487132 14.806130000000,18.740783000000 C 14.641414538294,18.621612169408 14.477548702869,18.511386411570 14.314589076583,18.409740195297"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 27.841329774700,32.743507113304 C 25.700294654507,34.271124699473 23.132944869744,34.318091925773 22.421361000000,34.208761000000 C 21.539558000000,34.073278000000 18.825582000000,34.547967000000 16.858255000000,37.057890000000 C 14.890928000000,39.567814000000 18.825582000000,42.213883000000 23.829031000000,42.892295000000 C 28.832481000000,43.570706000000 30.630205000000,42.078400000000 33.683056000000,40.517855000000 C 35.714484924788,39.479436730837 36.228249102949,37.498838478371 36.734854405102,35.317706227318 C 34.106942501694,34.986704099095 31.256102840078,34.373359242475 28.849709000000,33.258720000000 C 28.497185717607,33.095431572316 28.161636216697,32.923474205797 27.841329774653,32.743507113218"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-08/exclusion.svg b/libraries/path-bool/visual-tests/simple-08/exclusion.svg
new file mode 100644
index 0000000000000000000000000000000000000000..633bca9afdcdc56022227558bddfcd86281e8fbf
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-08/exclusion.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076583,18.409740195297 C 7.797995453063,14.345008949191 2.730539600000,24.000000000000 2.730539600000,24.000000000000 L 2.730539600000,44.724138000000 L 44.927529000000,45.334642000000 L 44.927529000000,35.633492000000 C 44.927529000000,35.633492000000 41.145129754140,35.873208306637 36.734854405107,35.317706227323 C 36.228249102949,37.498838478371 35.714484924788,39.479436730837 33.683056000000,40.517855000000 C 30.630205000000,42.078400000000 28.832481000000,43.570706000000 23.829031000000,42.892295000000 C 18.825582000000,42.213883000000 14.890928000000,39.567814000000 16.858255000000,37.057890000000 C 18.825582000000,34.547967000000 21.539558000000,34.073278000000 22.421361000000,34.208761000000 C 23.132944869744,34.318091925773 25.700294654507,34.271124699473 27.841329774700,32.743507113304 C 23.074889249350,30.065439079942 21.683878964023,25.613693480134 17.965172692962,21.560526935797 C 17.573963395790,23.301491455620 17.222754443760,24.841159839246 17.061977000000,25.457321000000 C 16.654864000000,27.017534000000 17.807964000000,27.137380000000 15.162226000000,29.256160000000 C 12.516645299334,31.374813030412 12.245222267819,38.142610192401 12.245190002877,38.143414928228 L 12.245193000000,38.143415000000 C 12.245192031654,38.143414214896 12.245191063309,38.143413429793 12.245190094964,38.143412644690 C 9.734938509310,36.108181000255 10.006236528989,36.108510612907 8.785228600000,32.512733000000 C 7.564220200000,28.916954000000 5.732046200000,27.627707000000 7.699704200000,25.524897000000 C 9.667362200000,23.422087000000 9.005844500000,22.540285000000 11.905987000000,20.640534000000 C 13.181190227505,19.805206705223 13.899012312978,19.140430517465 14.314589076864,18.409740195511 C 14.477548702869,18.511386411570 14.641414538294,18.621612169408 14.806130000000,18.740783000000 C 16.045837744328,19.637705487132 17.072561191361,20.587633996247 17.965172692962,21.560526935797 C 18.564564980551,18.893103861072 19.257857724932,15.753139884922 19.503993000000,14.738222000000 C 19.910775000000,13.060891000000 21.878433000000,11.481980000000 26.763127000000,11.889093000000 C 31.647822000000,12.296206000000 31.919120000000,18.401909000000 32.529624000000,20.843925000000 C 33.140128000000,23.285941000000 31.512007000000,28.510172000000 29.273382000000,31.374939000000 C 28.841250340235,31.927938577512 28.353487245473,32.378085382543 27.841329774700,32.743507113304 C 28.161636216697,32.923474205797 28.497185717607,33.095431572316 28.849709000000,33.258720000000 C 31.256102840078,34.373359242475 34.106942501694,34.986704099095 36.734854405107,35.317706227323 C 36.989580441895,34.221011874394 37.242496589207,33.073619007583 37.685617000000,31.969805000000 C 39.010026000000,28.670699000000 39.992149000000,27.424648000000 39.992149000000,24.000000000000 C 39.992149000000,20.575352000000 38.771141000000,15.959561000000 37.346411000000,11.821186000000 C 35.921681000000,7.682810100000 32.258326000000,5.715483400000 26.491829000000,4.629958900000 C 20.725332000000,3.544434500000 16.926162000000,5.308370300000 14.890928000000,8.564943700000 C 12.855697000000,11.821517000000 15.094322000000,11.889093000000 14.958838000000,14.806130000000 C 14.882927358629,16.440534860105 14.844141698437,17.478651142480 14.314589076864,18.409740195511"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-08/fracture.svg b/libraries/path-bool/visual-tests/simple-08/fracture.svg
new file mode 100644
index 0000000000000000000000000000000000000000..61206af95c3d1d9b9f66c20cc318986150440adb
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-08/fracture.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076583,18.409740195297 C 7.797995453063,14.345008949191 2.730539600000,24.000000000000 2.730539600000,24.000000000000 L 2.730539600000,44.724138000000 L 44.927529000000,45.334642000000 L 44.927529000000,35.633492000000 C 44.927529000000,35.633492000000 41.145129754140,35.873208306637 36.734854405107,35.317706227323 C 36.228249102949,37.498838478371 35.714484924788,39.479436730837 33.683056000000,40.517855000000 C 30.630205000000,42.078400000000 28.832481000000,43.570706000000 23.829031000000,42.892295000000 C 18.825582000000,42.213883000000 14.890928000000,39.567814000000 16.858255000000,37.057890000000 C 18.825582000000,34.547967000000 21.539558000000,34.073278000000 22.421361000000,34.208761000000 C 23.132944869744,34.318091925773 25.700294654507,34.271124699473 27.841329774700,32.743507113304 C 23.074889249350,30.065439079942 21.683878964023,25.613693480134 17.965172692962,21.560526935797 C 17.573963395790,23.301491455620 17.222754443760,24.841159839246 17.061977000000,25.457321000000 C 16.654864000000,27.017534000000 17.807964000000,27.137380000000 15.162226000000,29.256160000000 C 12.516645299334,31.374813030412 12.245222267819,38.142610192401 12.245190002877,38.143414928228 L 12.245193000000,38.143415000000 C 12.245192031654,38.143414214896 12.245191063309,38.143413429793 12.245190094964,38.143412644690 C 9.734938509310,36.108181000255 10.006236528989,36.108510612907 8.785228600000,32.512733000000 C 7.564220200000,28.916954000000 5.732046200000,27.627707000000 7.699704200000,25.524897000000 C 9.667362200000,23.422087000000 9.005844500000,22.540285000000 11.905987000000,20.640534000000 C 13.181190227505,19.805206705223 13.899012312978,19.140430517465 14.314589076864,18.409740195511"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076583,18.409740195297 C 14.477548702869,18.511386411570 14.641414538294,18.621612169408 14.806130000000,18.740783000000 C 16.045837744328,19.637705487132 17.072561191361,20.587633996247 17.965172692962,21.560526935797 C 18.564564980551,18.893103861072 19.257857724932,15.753139884922 19.503993000000,14.738222000000 C 19.910775000000,13.060891000000 21.878433000000,11.481980000000 26.763127000000,11.889093000000 C 31.647822000000,12.296206000000 31.919120000000,18.401909000000 32.529624000000,20.843925000000 C 33.140128000000,23.285941000000 31.512007000000,28.510172000000 29.273382000000,31.374939000000 C 28.841250340235,31.927938577512 28.353487245473,32.378085382543 27.841329774700,32.743507113304 C 28.161636216697,32.923474205797 28.497185717607,33.095431572316 28.849709000000,33.258720000000 C 31.256102840078,34.373359242475 34.106942501694,34.986704099095 36.734854405107,35.317706227323 C 36.989580441895,34.221011874394 37.242496589207,33.073619007583 37.685617000000,31.969805000000 C 39.010026000000,28.670699000000 39.992149000000,27.424648000000 39.992149000000,24.000000000000 C 39.992149000000,20.575352000000 38.771141000000,15.959561000000 37.346411000000,11.821186000000 C 35.921681000000,7.682810100000 32.258326000000,5.715483400000 26.491829000000,4.629958900000 C 20.725332000000,3.544434500000 16.926162000000,5.308370300000 14.890928000000,8.564943700000 C 12.855697000000,11.821517000000 15.094322000000,11.889093000000 14.958838000000,14.806130000000 C 14.882927358629,16.440534860105 14.844141698437,17.478651142480 14.314589076864,18.409740195511"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076864,18.409740195511 C 13.899012312978,19.140430517465 13.181190227505,19.805206705223 11.905987000000,20.640534000000 C 9.005844500000,22.540285000000 9.667362200000,23.422087000000 7.699704200000,25.524897000000 C 5.732046200000,27.627707000000 7.564220200000,28.916954000000 8.785228600000,32.512733000000 C 10.006236528989,36.108510612907 9.734938509310,36.108181000255 12.245190094964,38.143412644690 C 12.245191063309,38.143413429793 12.245192031654,38.143414214896 12.245193000000,38.143415000000 L 12.245190000000,38.143415000000 C 12.245222267819,38.142610192401 12.516645299334,31.374813030412 15.162226000000,29.256160000000 C 17.807964000000,27.137380000000 16.654864000000,27.017534000000 17.061977000000,25.457321000000 C 17.222754443760,24.841159839246 17.573963395790,23.301491455620 17.965172692919,21.560526935811 C 17.072561191361,20.587633996247 16.045837744328,19.637705487132 14.806130000000,18.740783000000 C 14.641414538294,18.621612169408 14.477548702869,18.511386411570 14.314589076583,18.409740195297"/><path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 27.841329774700,32.743507113304 C 25.700294654507,34.271124699473 23.132944869744,34.318091925773 22.421361000000,34.208761000000 C 21.539558000000,34.073278000000 18.825582000000,34.547967000000 16.858255000000,37.057890000000 C 14.890928000000,39.567814000000 18.825582000000,42.213883000000 23.829031000000,42.892295000000 C 28.832481000000,43.570706000000 30.630205000000,42.078400000000 33.683056000000,40.517855000000 C 35.714484924788,39.479436730837 36.228249102949,37.498838478371 36.734854405102,35.317706227318 C 34.106942501694,34.986704099095 31.256102840078,34.373359242475 28.849709000000,33.258720000000 C 28.497185717607,33.095431572316 28.161636216697,32.923474205797 27.841329774653,32.743507113218"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-08/intersection.svg b/libraries/path-bool/visual-tests/simple-08/intersection.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f098ab7a92da5abe008bde87568833b689c2eee7
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-08/intersection.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076864,18.409740195511 C 13.899012312978,19.140430517465 13.181190227505,19.805206705223 11.905987000000,20.640534000000 C 9.005844500000,22.540285000000 9.667362200000,23.422087000000 7.699704200000,25.524897000000 C 5.732046200000,27.627707000000 7.564220200000,28.916954000000 8.785228600000,32.512733000000 C 10.006236528989,36.108510612907 9.734938509310,36.108181000255 12.245190094964,38.143412644690 C 12.245191063309,38.143413429793 12.245192031654,38.143414214896 12.245193000000,38.143415000000 L 12.245190000000,38.143415000000 C 12.245222267819,38.142610192401 12.516645299334,31.374813030412 15.162226000000,29.256160000000 C 17.807964000000,27.137380000000 16.654864000000,27.017534000000 17.061977000000,25.457321000000 C 17.222754443760,24.841159839246 17.573963395790,23.301491455620 17.965172692919,21.560526935811 C 17.072561191361,20.587633996247 16.045837744328,19.637705487132 14.806130000000,18.740783000000 C 14.641414538294,18.621612169408 14.477548702869,18.511386411570 14.314589076583,18.409740195297 M 27.841329774700,32.743507113304 C 25.700294654507,34.271124699473 23.132944869744,34.318091925773 22.421361000000,34.208761000000 C 21.539558000000,34.073278000000 18.825582000000,34.547967000000 16.858255000000,37.057890000000 C 14.890928000000,39.567814000000 18.825582000000,42.213883000000 23.829031000000,42.892295000000 C 28.832481000000,43.570706000000 30.630205000000,42.078400000000 33.683056000000,40.517855000000 C 35.714484924788,39.479436730837 36.228249102949,37.498838478371 36.734854405102,35.317706227318 C 34.106942501694,34.986704099095 31.256102840078,34.373359242475 28.849709000000,33.258720000000 C 28.497185717607,33.095431572316 28.161636216697,32.923474205797 27.841329774653,32.743507113218"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-08/original.svg b/libraries/path-bool/visual-tests/simple-08/original.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b6f46719a6b3cdb7f2b14f18f988f2a6743f2bb0
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-08/original.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48"
+     height="48"
+     viewBox="0 0 48 48"
+     version="1.1"
+     id="svg1"
+     xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 2.7305396,44.724138 V 24 c 0,0 5.3240672,-10.143911 12.0755904,-5.259217 s 7.186023,11.341524 14.043579,14.517937 c 6.444908,2.985275 16.07782,2.374772 16.07782,2.374772 v 9.70115 z"
+          id="a"/>
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round"
+          d="M 12.245193,38.143415 C 9.7349383,36.108181 10.006237,36.108512 8.7852286,32.512733 S 5.7320462,27.627707 7.6997042,25.524897 c 1.967658,-2.10281 1.3061403,-2.984612 4.2062828,-4.884363 2.900143,-1.899751 2.917368,-2.917368 3.052851,-5.834404 0.135484,-2.917037 -2.103141,-2.984613 -0.06791,-6.2411863 2.035234,-3.2565734 5.834404,-5.0205092 11.600901,-3.9349848 5.766497,1.0855245 9.429852,3.0528512 10.854582,7.1912271 1.42473,4.138375 2.645738,8.754166 2.645738,12.178814 0,3.424648 -0.982123,4.670699 -2.306532,7.969805 -1.324409,3.299106 -0.94971,6.987505 -4.002561,8.54805 -3.052851,1.560545 -4.850575,3.052851 -9.854025,2.37444 -5.003449,-0.678412 -8.938103,-3.324481 -6.970776,-5.834405 1.967327,-2.509923 4.681303,-2.984612 5.563106,-2.849129 0.881802,0.135484 4.613396,0.03095 6.852021,-2.833822 2.238625,-2.864767 3.866746,-8.088998 3.256242,-10.531014 -0.610504,-2.442016 -0.881802,-8.547719 -5.766497,-8.954832 -4.884694,-0.407113 -6.852352,1.171798 -7.259134,2.849129 -0.406782,1.677331 -2.034903,9.158885 -2.442016,10.719099 -0.407113,1.560213 0.745987,1.680059 -1.899751,3.798839 -2.645738,2.118779 -2.917036,8.887255 -2.917036,8.887255 z"
+          id="b"/>
+</svg>
diff --git a/libraries/path-bool/visual-tests/simple-08/union.svg b/libraries/path-bool/visual-tests/simple-08/union.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2060282a06c8d76a7138892f3c9345f6ca6bf923
--- /dev/null
+++ b/libraries/path-bool/visual-tests/simple-08/union.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg width="48" height="48" viewBox="0 0 48 48" version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg">
+    <path style="fill:#ff0000;stroke:#000000;stroke-width:1.99937;stroke-linecap:round;stroke-linejoin:round" d="M 14.314589076583,18.409740195297 C 7.797995453063,14.345008949191 2.730539600000,24.000000000000 2.730539600000,24.000000000000 L 2.730539600000,44.724138000000 L 44.927529000000,45.334642000000 L 44.927529000000,35.633492000000 C 44.927529000000,35.633492000000 41.145129754140,35.873208306637 36.734854405107,35.317706227323 C 36.989580441895,34.221011874394 37.242496589207,33.073619007583 37.685617000000,31.969805000000 C 39.010026000000,28.670699000000 39.992149000000,27.424648000000 39.992149000000,24.000000000000 C 39.992149000000,20.575352000000 38.771141000000,15.959561000000 37.346411000000,11.821186000000 C 35.921681000000,7.682810100000 32.258326000000,5.715483400000 26.491829000000,4.629958900000 C 20.725332000000,3.544434500000 16.926162000000,5.308370300000 14.890928000000,8.564943700000 C 12.855697000000,11.821517000000 15.094322000000,11.889093000000 14.958838000000,14.806130000000 C 14.882927358629,16.440534860105 14.844141698437,17.478651142480 14.314589076864,18.409740195511 M 27.841329774653,32.743507113218 C 23.074889249350,30.065439079942 21.683878964023,25.613693480134 17.965172692962,21.560526935797 C 18.564564980551,18.893103861072 19.257857724932,15.753139884922 19.503993000000,14.738222000000 C 19.910775000000,13.060891000000 21.878433000000,11.481980000000 26.763127000000,11.889093000000 C 31.647822000000,12.296206000000 31.919120000000,18.401909000000 32.529624000000,20.843925000000 C 33.140128000000,23.285941000000 31.512007000000,28.510172000000 29.273382000000,31.374939000000 C 28.841250340235,31.927938577512 28.353487245473,32.378085382543 27.841329774700,32.743507113304"/>
+    
+</svg>
diff --git a/libraries/path-bool/visual-tests/template.svg b/libraries/path-bool/visual-tests/template.svg
new file mode 100644
index 0000000000000000000000000000000000000000..909afa291e20e2046b3b5df4fd13a12a6c56603a
--- /dev/null
+++ b/libraries/path-bool/visual-tests/template.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="template.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="11.792255"
+     inkscape:cx="18.741114"
+     inkscape:cy="26.458044"
+     inkscape:window-width="2560"
+     inkscape:window-height="1368"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1" />
+</svg>
diff --git a/libraries/rawkit/.gitignore b/libraries/rawkit/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..e34ce84df623c5bc6daa74655cdc662679698e69
--- /dev/null
+++ b/libraries/rawkit/.gitignore
@@ -0,0 +1,2 @@
+tests/images/*
+!tests/images/.gitkeep
diff --git a/libraries/rawkit/Cargo.lock b/libraries/rawkit/Cargo.lock
new file mode 100644
index 0000000000000000000000000000000000000000..2a4523f80bc4be853e7241d1af7872536c8a487c
--- /dev/null
+++ b/libraries/rawkit/Cargo.lock
@@ -0,0 +1,2347 @@
+# This file is automatically @generated by Cargo.
+# It is not intended for manual editing.
+version = 4
+
+[[package]]
+name = "addr2line"
+version = "0.24.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dfbe277e56a376000877090da837660b4427aad530e3028d44e0bffe4f89a1c1"
+dependencies = [
+ "gimli",
+]
+
+[[package]]
+name = "adler2"
+version = "2.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "512761e0bb2578dd7380c6baaa0f4ce03e84f95e960231d1dec8bf4d7d6e2627"
+
+[[package]]
+name = "aligned-vec"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4aa90d7ce82d4be67b64039a3d588d38dbcc6736577de4a847025ce5b0c468d1"
+
+[[package]]
+name = "anyhow"
+version = "1.0.97"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dcfed56ad506cb2c684a14971b8861fdc3baaaae314b9e5f9bb532cbe3ba7a4f"
+
+[[package]]
+name = "arbitrary"
+version = "1.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dde20b3d026af13f561bdd0f15edf01fc734f0dafcedbaf42bba506a9517f223"
+
+[[package]]
+name = "arg_enum_proc_macro"
+version = "0.3.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0ae92a5119aa49cdbcf6b9f893fe4e1d98b04ccbf82ee0584ad948a44a734dea"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "arrayvec"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7c02d123df017efcdfbd739ef81735b36c5ba83ec3c59c80a9d7ecc718f92e50"
+
+[[package]]
+name = "atomic-waker"
+version = "1.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1505bd5d3d116872e7271a6d4e16d81d0c8570876c8de68093a09ac269d8aac0"
+
+[[package]]
+name = "autocfg"
+version = "1.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ace50bade8e6234aa140d9a2f552bbee1db4d353f69b8217bc503490fc1a9f26"
+
+[[package]]
+name = "av1-grain"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6678909d8c5d46a42abcf571271e15fdbc0a225e3646cf23762cd415046c78bf"
+dependencies = [
+ "anyhow",
+ "arrayvec",
+ "log",
+ "nom",
+ "num-rational",
+ "v_frame",
+]
+
+[[package]]
+name = "avif-serialize"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "98922d6a4cfbcb08820c69d8eeccc05bb1f29bfa06b4f5b1dbfe9a868bd7608e"
+dependencies = [
+ "arrayvec",
+]
+
+[[package]]
+name = "backtrace"
+version = "0.3.74"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8d82cb332cdfaed17ae235a638438ac4d4839913cc2af585c3c6746e8f8bee1a"
+dependencies = [
+ "addr2line",
+ "cfg-if",
+ "libc",
+ "miniz_oxide",
+ "object",
+ "rustc-demangle",
+ "windows-targets",
+]
+
+[[package]]
+name = "base64"
+version = "0.22.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
+
+[[package]]
+name = "bit_field"
+version = "0.10.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dc827186963e592360843fb5ba4b973e145841266c1357f7180c43526f2e5b61"
+
+[[package]]
+name = "bitflags"
+version = "1.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bef38d45163c2f1dde094a7dfd33ccf595c92905c8f8f4fdc18d06fb1037718a"
+
+[[package]]
+name = "bitflags"
+version = "2.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5c8214115b7bf84099f1309324e63141d4c5d7cc26862f97a0a857dbefe165bd"
+
+[[package]]
+name = "bitstream-io"
+version = "2.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6099cdc01846bc367c4e7dd630dc5966dccf36b652fae7a74e17b640411a91b2"
+
+[[package]]
+name = "built"
+version = "0.7.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "56ed6191a7e78c36abdb16ab65341eefd73d64d303fffccdbb00d51e4205967b"
+
+[[package]]
+name = "bumpalo"
+version = "3.17.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1628fb46dfa0b37568d12e5edd512553eccf6a22a78e8bde00bb4aed84d5bdbf"
+
+[[package]]
+name = "bytemuck"
+version = "1.22.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6b1fc10dbac614ebc03540c9dbd60e83887fda27794998c6528f1782047d540"
+
+[[package]]
+name = "byteorder"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1fd0f2584146f6f2ef48085050886acf353beff7305ebd1ae69500e27c67f64b"
+
+[[package]]
+name = "byteorder-lite"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f1fe948ff07f4bd06c30984e69f5b4899c516a3ef74f34df92a2df2ab535495"
+
+[[package]]
+name = "bytes"
+version = "1.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d71b6127be86fdcfddb610f7182ac57211d4b18a3e9c82eb2d17662f2227ad6a"
+
+[[package]]
+name = "cc"
+version = "1.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "be714c154be609ec7f5dad223a33bf1482fff90472de28f7362806e6d4832b8c"
+dependencies = [
+ "jobserver",
+ "libc",
+ "shlex",
+]
+
+[[package]]
+name = "cfg-expr"
+version = "0.15.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d067ad48b8650848b989a59a86c6c36a995d02d2bf778d45c3c5d57bc2718f02"
+dependencies = [
+ "smallvec",
+ "target-lexicon",
+]
+
+[[package]]
+name = "cfg-if"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "baf1de4339761588bc0619e3cbc0120ee582ebb74b53b4efbf79117bd2da40fd"
+
+[[package]]
+name = "color_quant"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3d7b894f5411737b7867f4827955924d7c254fc9f4d91a6aad6b097804b1018b"
+
+[[package]]
+name = "core-foundation"
+version = "0.9.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "91e195e091a93c46f7102ec7818a2aa394e1e1771c3ab4825963fa03e45afb8f"
+dependencies = [
+ "core-foundation-sys",
+ "libc",
+]
+
+[[package]]
+name = "core-foundation-sys"
+version = "0.8.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "773648b94d0e5d620f64f280777445740e61fe701025087ec8b57f45c791888b"
+
+[[package]]
+name = "crc32fast"
+version = "1.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a97769d94ddab943e4510d138150169a2758b5ef3eb191a9ee688de3e23ef7b3"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "crossbeam-deque"
+version = "0.8.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9dd111b7b7f7d55b72c0a6ae361660ee5853c9af73f70c3c2ef6858b950e2e51"
+dependencies = [
+ "crossbeam-epoch",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-epoch"
+version = "0.9.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5b82ac4a3c2ca9c3460964f020e1402edd5753411d7737aa39c3714ad1b5420e"
+dependencies = [
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "crossbeam-utils"
+version = "0.8.21"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0a5c400df2834b80a4c3327b3aad3a4c4cd4de0629063962b03235697506a28"
+
+[[package]]
+name = "crunchy"
+version = "0.2.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "43da5946c66ffcc7745f48db692ffbb10a83bfe0afd96235c5c2a4fb23994929"
+
+[[package]]
+name = "displaydoc"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "97369cbbc041bc366949bc74d34658d6cda5621039731c6310521892a3a20ae0"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "either"
+version = "1.15.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48c757948c5ede0e46177b7add2e67155f70e33c07fea8284df6576da70b3719"
+
+[[package]]
+name = "encoding_rs"
+version = "0.8.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75030f3c4f45dafd7586dd6780965a8c7e8e285a5ecb86713e63a79c5b2766f3"
+dependencies = [
+ "cfg-if",
+]
+
+[[package]]
+name = "equivalent"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "877a4ace8713b0bcf2a4e7eec82529c029f1d0619886d18145fea96c3ffe5c0f"
+
+[[package]]
+name = "errno"
+version = "0.3.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "33d852cb9b869c2a9b3df2f71a3074817f01e1844f839a144f5fcef059a4eb5d"
+dependencies = [
+ "libc",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "exr"
+version = "1.73.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f83197f59927b46c04a183a619b7c29df34e63e63c7869320862268c0ef687e0"
+dependencies = [
+ "bit_field",
+ "half",
+ "lebe",
+ "miniz_oxide",
+ "rayon-core",
+ "smallvec",
+ "zune-inflate",
+]
+
+[[package]]
+name = "fastrand"
+version = "2.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "37909eebbb50d72f9059c3b6d82c0463f2ff062c9e95845c43a6c9c0355411be"
+
+[[package]]
+name = "fdeflate"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e6853b52649d4ac5c0bd02320cddc5ba956bdb407c4b75a2c6b75bf51500f8c"
+dependencies = [
+ "simd-adler32",
+]
+
+[[package]]
+name = "flate2"
+version = "1.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "11faaf5a5236997af9848be0bef4db95824b1d534ebc64d0f0c6cf3e67bd38dc"
+dependencies = [
+ "crc32fast",
+ "miniz_oxide",
+]
+
+[[package]]
+name = "fnv"
+version = "1.0.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f9eec918d3f24069decb9af1554cad7c880e2da24a9afd88aca000531ab82c1"
+
+[[package]]
+name = "foreign-types"
+version = "0.3.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f6f339eb8adc052cd2ca78910fda869aefa38d22d5cb648e6485e4d3fc06f3b1"
+dependencies = [
+ "foreign-types-shared",
+]
+
+[[package]]
+name = "foreign-types-shared"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "00b0228411908ca8685dba7fc2cdd70ec9990a6e753e89b6ac91a84c40fbaf4b"
+
+[[package]]
+name = "form_urlencoded"
+version = "1.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e13624c2627564efccf4934284bdd98cbaa14e79b0b5a141218e507b3a823456"
+dependencies = [
+ "percent-encoding",
+]
+
+[[package]]
+name = "futures-channel"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2dff15bf788c671c1934e366d07e30c1814a8ef514e1af724a602e8a2fbe1b10"
+dependencies = [
+ "futures-core",
+ "futures-sink",
+]
+
+[[package]]
+name = "futures-core"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "05f29059c0c2090612e8d742178b0580d2dc940c837851ad723096f87af6663e"
+
+[[package]]
+name = "futures-io"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9e5c1b78ca4aae1ac06c48a526a655760685149f0d465d21f37abfe57ce075c6"
+
+[[package]]
+name = "futures-sink"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e575fab7d1e0dcb8d0c7bcf9a63ee213816ab51902e6d244a95819acacf1d4f7"
+
+[[package]]
+name = "futures-task"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f90f7dce0722e95104fcb095585910c0977252f286e354b5e3bd38902cd99988"
+
+[[package]]
+name = "futures-util"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9fa08315bb612088cc391249efdc3bc77536f16c91f6cf495e6fbe85b20a4a81"
+dependencies = [
+ "futures-core",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "memchr",
+ "pin-project-lite",
+ "pin-utils",
+ "slab",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c4567c8db10ae91089c99af84c68c38da3ec2f087c3f82960bcdbf3656b6f4d7"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "wasi 0.11.0+wasi-snapshot-preview1",
+]
+
+[[package]]
+name = "getrandom"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "43a49c392881ce6d5c3b8cb70f98717b7c07aabbdff06687b9030dbfbe2725f8"
+dependencies = [
+ "cfg-if",
+ "libc",
+ "wasi 0.13.3+wasi-0.2.2",
+ "windows-targets",
+]
+
+[[package]]
+name = "gif"
+version = "0.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3fb2d69b19215e18bb912fa30f7ce15846e301408695e44e0ef719f1da9e19f2"
+dependencies = [
+ "color_quant",
+ "weezl",
+]
+
+[[package]]
+name = "gimli"
+version = "0.31.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "07e28edb80900c19c28f1072f2e8aeca7fa06b23cd4169cefe1af5aa3260783f"
+
+[[package]]
+name = "h2"
+version = "0.4.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5017294ff4bb30944501348f6f8e42e6ad28f42c8bbef7a74029aff064a4e3c2"
+dependencies = [
+ "atomic-waker",
+ "bytes",
+ "fnv",
+ "futures-core",
+ "futures-sink",
+ "http",
+ "indexmap",
+ "slab",
+ "tokio",
+ "tokio-util",
+ "tracing",
+]
+
+[[package]]
+name = "half"
+version = "2.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6dd08c532ae367adf81c312a4580bc67f1d0fe8bc9c460520283f4c0ff277888"
+dependencies = [
+ "cfg-if",
+ "crunchy",
+]
+
+[[package]]
+name = "hashbrown"
+version = "0.15.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bf151400ff0baff5465007dd2f3e717f3fe502074ca563069ce3a6629d07b289"
+
+[[package]]
+name = "heck"
+version = "0.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2304e00983f87ffb38b55b444b5e3b60a884b5d30c0fca7d82fe33449bbe55ea"
+
+[[package]]
+name = "http"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f16ca2af56261c99fba8bac40a10251ce8188205a4c448fbb745a2e4daa76fea"
+dependencies = [
+ "bytes",
+ "fnv",
+ "itoa",
+]
+
+[[package]]
+name = "http-body"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1efedce1fb8e6913f23e0c92de8e62cd5b772a67e7b3946df930a62566c93184"
+dependencies = [
+ "bytes",
+ "http",
+]
+
+[[package]]
+name = "http-body-util"
+version = "0.1.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "793429d76616a256bcb62c2a2ec2bed781c8307e797e2598c50010f2bee2544f"
+dependencies = [
+ "bytes",
+ "futures-util",
+ "http",
+ "http-body",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "httparse"
+version = "1.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6dbf3de79e51f3d586ab4cb9d5c3e2c14aa28ed23d180cf89b4df0454a69cc87"
+
+[[package]]
+name = "hyper"
+version = "1.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cc2b571658e38e0c01b1fdca3bbbe93c00d3d71693ff2770043f8c29bc7d6f80"
+dependencies = [
+ "bytes",
+ "futures-channel",
+ "futures-util",
+ "h2",
+ "http",
+ "http-body",
+ "httparse",
+ "itoa",
+ "pin-project-lite",
+ "smallvec",
+ "tokio",
+ "want",
+]
+
+[[package]]
+name = "hyper-rustls"
+version = "0.27.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2d191583f3da1305256f22463b9bb0471acad48a4e534a5218b9963e9c1f59b2"
+dependencies = [
+ "futures-util",
+ "http",
+ "hyper",
+ "hyper-util",
+ "rustls",
+ "rustls-pki-types",
+ "tokio",
+ "tokio-rustls",
+ "tower-service",
+]
+
+[[package]]
+name = "hyper-tls"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70206fc6890eaca9fde8a0bf71caa2ddfc9fe045ac9e5c70df101a7dbde866e0"
+dependencies = [
+ "bytes",
+ "http-body-util",
+ "hyper",
+ "hyper-util",
+ "native-tls",
+ "tokio",
+ "tokio-native-tls",
+ "tower-service",
+]
+
+[[package]]
+name = "hyper-util"
+version = "0.1.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "df2dcfbe0677734ab2f3ffa7fa7bfd4706bfdc1ef393f2ee30184aed67e631b4"
+dependencies = [
+ "bytes",
+ "futures-channel",
+ "futures-util",
+ "http",
+ "http-body",
+ "hyper",
+ "pin-project-lite",
+ "socket2",
+ "tokio",
+ "tower-service",
+ "tracing",
+]
+
+[[package]]
+name = "icu_collections"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "db2fa452206ebee18c4b5c2274dbf1de17008e874b4dc4f0aea9d01ca79e4526"
+dependencies = [
+ "displaydoc",
+ "yoke",
+ "zerofrom",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13acbb8371917fc971be86fc8057c41a64b521c184808a698c02acc242dbf637"
+dependencies = [
+ "displaydoc",
+ "litemap",
+ "tinystr",
+ "writeable",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid_transform"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "01d11ac35de8e40fdeda00d9e1e9d92525f3f9d887cdd7aa81d727596788b54e"
+dependencies = [
+ "displaydoc",
+ "icu_locid",
+ "icu_locid_transform_data",
+ "icu_provider",
+ "tinystr",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_locid_transform_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fdc8ff3388f852bede6b579ad4e978ab004f139284d7b28715f773507b946f6e"
+
+[[package]]
+name = "icu_normalizer"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "19ce3e0da2ec68599d193c93d088142efd7f9c5d6fc9b803774855747dc6a84f"
+dependencies = [
+ "displaydoc",
+ "icu_collections",
+ "icu_normalizer_data",
+ "icu_properties",
+ "icu_provider",
+ "smallvec",
+ "utf16_iter",
+ "utf8_iter",
+ "write16",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_normalizer_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f8cafbf7aa791e9b22bec55a167906f9e1215fd475cd22adfcf660e03e989516"
+
+[[package]]
+name = "icu_properties"
+version = "1.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "93d6020766cfc6302c15dbbc9c8778c37e62c14427cb7f6e601d849e092aeef5"
+dependencies = [
+ "displaydoc",
+ "icu_collections",
+ "icu_locid_transform",
+ "icu_properties_data",
+ "icu_provider",
+ "tinystr",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_properties_data"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "67a8effbc3dd3e4ba1afa8ad918d5684b8868b3b26500753effea8d2eed19569"
+
+[[package]]
+name = "icu_provider"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6ed421c8a8ef78d3e2dbc98a973be2f3770cb42b606e3ab18d6237c4dfde68d9"
+dependencies = [
+ "displaydoc",
+ "icu_locid",
+ "icu_provider_macros",
+ "stable_deref_trait",
+ "tinystr",
+ "writeable",
+ "yoke",
+ "zerofrom",
+ "zerovec",
+]
+
+[[package]]
+name = "icu_provider_macros"
+version = "1.5.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1ec89e9337638ecdc08744df490b221a7399bf8d164eb52a665454e60e075ad6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "idna"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "686f825264d630750a544639377bae737628043f20d38bbc029e8f29ea968a7e"
+dependencies = [
+ "idna_adapter",
+ "smallvec",
+ "utf8_iter",
+]
+
+[[package]]
+name = "idna_adapter"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "daca1df1c957320b2cf139ac61e7bd64fed304c5040df000a745aa1de3b4ef71"
+dependencies = [
+ "icu_normalizer",
+ "icu_properties",
+]
+
+[[package]]
+name = "image"
+version = "0.25.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd6f44aed642f18953a158afeb30206f4d50da59fbc66ecb53c66488de73563b"
+dependencies = [
+ "bytemuck",
+ "byteorder-lite",
+ "color_quant",
+ "exr",
+ "gif",
+ "image-webp",
+ "num-traits",
+ "png",
+ "qoi",
+ "ravif",
+ "rayon",
+ "rgb",
+ "tiff",
+ "zune-core",
+ "zune-jpeg",
+]
+
+[[package]]
+name = "image-webp"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b77d01e822461baa8409e156015a1d91735549f0f2c17691bd2d996bef238f7f"
+dependencies = [
+ "byteorder-lite",
+ "quick-error",
+]
+
+[[package]]
+name = "imgref"
+version = "1.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d0263a3d970d5c054ed9312c0057b4f3bde9c0b33836d3637361d4a9e6e7a408"
+
+[[package]]
+name = "indexmap"
+version = "2.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8c9c992b02b5b4c94ea26e32fe5bccb7aa7d9f390ab5c1221ff895bc7ea8b652"
+dependencies = [
+ "equivalent",
+ "hashbrown",
+]
+
+[[package]]
+name = "interpolate_name"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c34819042dc3d3971c46c2190835914dfbe0c3c13f61449b2997f4e9722dfa60"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "ipnet"
+version = "2.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "469fb0b9cefa57e3ef31275ee7cacb78f2fdca44e4765491884a2b119d4eb130"
+
+[[package]]
+name = "itertools"
+version = "0.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ba291022dbbd398a455acf126c1e341954079855bc60dfdda641363bd6922569"
+dependencies = [
+ "either",
+]
+
+[[package]]
+name = "itoa"
+version = "1.0.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4a5f13b858c8d314ee3e8f639011f7ccefe71f97f96e50151fb991f267928e2c"
+
+[[package]]
+name = "jobserver"
+version = "0.1.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "48d1dbcbbeb6a7fec7e059840aa538bd62aaccf972c7346c4d9d2059312853d0"
+dependencies = [
+ "libc",
+]
+
+[[package]]
+name = "jpeg-decoder"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f5d4a7da358eff58addd2877a45865158f0d78c911d43a5784ceb7bbf52833b0"
+
+[[package]]
+name = "js-sys"
+version = "0.3.77"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1cfaf33c695fc6e08064efbc1f72ec937429614f25eef83af942d0e227c3a28f"
+dependencies = [
+ "once_cell",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "lebe"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "03087c2bad5e1034e8cace5926dec053fb3790248370865f5117a7d0213354c8"
+
+[[package]]
+name = "libc"
+version = "0.2.170"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "875b3680cb2f8f71bdcf9a30f38d48282f5d3c95cbf9b3fa57269bb5d5c06828"
+
+[[package]]
+name = "libfuzzer-sys"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cf78f52d400cf2d84a3a973a78a592b4adc535739e0a5597a0da6f0c357adc75"
+dependencies = [
+ "arbitrary",
+ "cc",
+]
+
+[[package]]
+name = "libraw-rs"
+version = "0.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24ec60aab878560c299c6e70a0c6dc2278a2159ac6fe09650917266b8985387f"
+dependencies = [
+ "libraw-rs-sys",
+]
+
+[[package]]
+name = "libraw-rs-sys"
+version = "0.0.4+libraw-0.20.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ba094a3b8b04cc42fdeafaff06f81d3b13a7d01cc7a8eae55b943dae1b65c3cc"
+dependencies = [
+ "cc",
+ "libc",
+]
+
+[[package]]
+name = "linux-raw-sys"
+version = "0.9.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6db9c683daf087dc577b7506e9695b3d556a9f3849903fa28186283afd6809e9"
+
+[[package]]
+name = "litemap"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "23fb14cb19457329c82206317a5663005a4d404783dc74f4252769b0d5f42856"
+
+[[package]]
+name = "log"
+version = "0.4.26"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "30bde2b3dc3671ae49d8e2e9f044c7c005836e7a023ee57cffa25ab82764bb9e"
+
+[[package]]
+name = "loop9"
+version = "0.1.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fae87c125b03c1d2c0150c90365d7d6bcc53fb73a9acaef207d2d065860f062"
+dependencies = [
+ "imgref",
+]
+
+[[package]]
+name = "maybe-rayon"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ea1f30cedd69f0a2954655f7188c6a834246d2bcf1e315e2ac40c4b24dc9519"
+dependencies = [
+ "cfg-if",
+ "rayon",
+]
+
+[[package]]
+name = "memchr"
+version = "2.7.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78ca9ab1a0babb1e7d5695e3530886289c18cf2f87ec19a575a0abdce112e3a3"
+
+[[package]]
+name = "mime"
+version = "0.3.17"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6877bb514081ee2a7ff5ef9de3281f14a4dd4bceac4c09388074a6b5df8a139a"
+
+[[package]]
+name = "minimal-lexical"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "68354c5c6bd36d73ff3feceb05efa59b6acb7626617f4962be322a825e61f79a"
+
+[[package]]
+name = "miniz_oxide"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e3e04debbb59698c15bacbb6d93584a8c0ca9cc3213cb423d31f760d8843ce5"
+dependencies = [
+ "adler2",
+ "simd-adler32",
+]
+
+[[package]]
+name = "mio"
+version = "1.0.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2886843bf800fba2e3377cff24abf6379b4c4d5c6681eaf9ea5b0d15090450bd"
+dependencies = [
+ "libc",
+ "wasi 0.11.0+wasi-snapshot-preview1",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "native-tls"
+version = "0.2.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87de3442987e9dbec73158d5c715e7ad9072fda936bb03d19d7fa10e00520f0e"
+dependencies = [
+ "libc",
+ "log",
+ "openssl",
+ "openssl-probe",
+ "openssl-sys",
+ "schannel",
+ "security-framework",
+ "security-framework-sys",
+ "tempfile",
+]
+
+[[package]]
+name = "new_debug_unreachable"
+version = "1.0.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "650eef8c711430f1a879fdd01d4745a7deea475becfb90269c06775983bbf086"
+
+[[package]]
+name = "nom"
+version = "7.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d273983c5a657a70a3e8f2a01329822f3b8c8172b73826411a55751e404a0a4a"
+dependencies = [
+ "memchr",
+ "minimal-lexical",
+]
+
+[[package]]
+name = "noop_proc_macro"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0676bb32a98c1a483ce53e500a81ad9c3d5b3f7c920c28c24e9cb0980d0b5bc8"
+
+[[package]]
+name = "num-bigint"
+version = "0.4.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a5e44f723f1133c9deac646763579fdb3ac745e418f2a7af9cd0c431da1f20b9"
+dependencies = [
+ "num-integer",
+ "num-traits",
+]
+
+[[package]]
+name = "num-derive"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ed3955f1a9c7c0c15e092f9c887db08b1fc683305fdf6eb6684f22555355e202"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "num-integer"
+version = "0.1.46"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7969661fd2958a5cb096e56c8e1ad0444ac2bbcd0061bd28660485a44879858f"
+dependencies = [
+ "num-traits",
+]
+
+[[package]]
+name = "num-rational"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f83d14da390562dca69fc84082e73e548e1ad308d24accdedd2720017cb37824"
+dependencies = [
+ "num-bigint",
+ "num-integer",
+ "num-traits",
+]
+
+[[package]]
+name = "num-traits"
+version = "0.2.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "071dfc062690e90b734c0b2273ce72ad0ffa95f0c74596bc250dcfd960262841"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "num_enum"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4e613fc340b2220f734a8595782c551f1250e969d87d3be1ae0579e8d4065179"
+dependencies = [
+ "num_enum_derive",
+]
+
+[[package]]
+name = "num_enum_derive"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af1844ef2428cc3e1cb900be36181049ef3d3193c63e43026cfe202983b27a56"
+dependencies = [
+ "proc-macro-crate",
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "object"
+version = "0.36.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "62948e14d923ea95ea2c7c86c71013138b66525b86bdc08d2dcc262bdb497b87"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "once_cell"
+version = "1.20.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "945462a4b81e43c4e3ba96bd7b49d834c6f61198356aa858733bc4acf3cbe62e"
+
+[[package]]
+name = "openssl"
+version = "0.10.71"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5e14130c6a98cd258fdcb0fb6d744152343ff729cbfcb28c656a9d12b999fbcd"
+dependencies = [
+ "bitflags 2.9.0",
+ "cfg-if",
+ "foreign-types",
+ "libc",
+ "once_cell",
+ "openssl-macros",
+ "openssl-sys",
+]
+
+[[package]]
+name = "openssl-macros"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a948666b637a0f465e8564c73e89d4dde00d72d4d473cc972f390fc3dcee7d9c"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "openssl-probe"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d05e27ee213611ffe7d6348b942e8f942b37114c00cc03cec254295a4a17852e"
+
+[[package]]
+name = "openssl-sys"
+version = "0.9.106"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8bb61ea9811cc39e3c2069f40b8b8e2e70d8569b361f879786cc7ed48b777cdd"
+dependencies = [
+ "cc",
+ "libc",
+ "pkg-config",
+ "vcpkg",
+]
+
+[[package]]
+name = "paste"
+version = "1.0.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57c0d7b74b563b49d38dae00a0c37d4d6de9b432382b2892f0574ddcae73fd0a"
+
+[[package]]
+name = "percent-encoding"
+version = "2.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e3148f5046208a5d56bcfc03053e3ca6334e51da8dfb19b6cdc8b306fae3283e"
+
+[[package]]
+name = "pin-project-lite"
+version = "0.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3b3cff922bd51709b605d9ead9aa71031d81447142d828eb4a6eba76fe619f9b"
+
+[[package]]
+name = "pin-utils"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"
+
+[[package]]
+name = "pkg-config"
+version = "0.3.32"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7edddbd0b52d732b21ad9a5fab5c704c14cd949e5e9a1ec5929a24fded1b904c"
+
+[[package]]
+name = "png"
+version = "0.17.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "82151a2fc869e011c153adc57cf2789ccb8d9906ce52c0b39a6b5697749d7526"
+dependencies = [
+ "bitflags 1.3.2",
+ "crc32fast",
+ "fdeflate",
+ "flate2",
+ "miniz_oxide",
+]
+
+[[package]]
+name = "ppv-lite86"
+version = "0.2.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "77957b295656769bb8ad2b6a6b09d897d94f05c41b069aede1fcdaa675eaea04"
+dependencies = [
+ "zerocopy",
+]
+
+[[package]]
+name = "proc-macro-crate"
+version = "3.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "edce586971a4dfaa28950c6f18ed55e0406c1ab88bbce2c6f6293a7aaba73d35"
+dependencies = [
+ "toml_edit",
+]
+
+[[package]]
+name = "proc-macro2"
+version = "1.0.94"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a31971752e70b8b2686d7e46ec17fb38dad4051d94024c88df49b667caea9c84"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "profiling"
+version = "1.0.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "afbdc74edc00b6f6a218ca6a5364d6226a259d4b8ea1af4a0ea063f27e179f4d"
+dependencies = [
+ "profiling-procmacros",
+]
+
+[[package]]
+name = "profiling-procmacros"
+version = "1.0.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a65f2e60fbf1063868558d69c6beacf412dc755f9fc020f514b7955fc914fe30"
+dependencies = [
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "qoi"
+version = "0.4.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7f6d64c71eb498fe9eae14ce4ec935c555749aef511cca85b5568910d6e48001"
+dependencies = [
+ "bytemuck",
+]
+
+[[package]]
+name = "quick-error"
+version = "2.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a993555f31e5a609f617c12db6250dedcac1b0a85076912c436e6fc9b2c8e6a3"
+
+[[package]]
+name = "quote"
+version = "1.0.39"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c1f1914ce909e1658d9907913b4b91947430c7d9be598b15a1912935b8c04801"
+dependencies = [
+ "proc-macro2",
+]
+
+[[package]]
+name = "rand"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34af8d1a0e25924bc5b7c43c079c942339d8f0a8b57c39049bef581b46327404"
+dependencies = [
+ "libc",
+ "rand_chacha",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
+dependencies = [
+ "ppv-lite86",
+ "rand_core",
+]
+
+[[package]]
+name = "rand_core"
+version = "0.6.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ec0be4795e2f6a28069bec0b5ff3e2ac9bafc99e6a9a7dc3547996c5c816922c"
+dependencies = [
+ "getrandom 0.2.15",
+]
+
+[[package]]
+name = "rav1e"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd87ce80a7665b1cce111f8a16c1f3929f6547ce91ade6addf4ec86a8dda5ce9"
+dependencies = [
+ "arbitrary",
+ "arg_enum_proc_macro",
+ "arrayvec",
+ "av1-grain",
+ "bitstream-io",
+ "built",
+ "cfg-if",
+ "interpolate_name",
+ "itertools",
+ "libc",
+ "libfuzzer-sys",
+ "log",
+ "maybe-rayon",
+ "new_debug_unreachable",
+ "noop_proc_macro",
+ "num-derive",
+ "num-traits",
+ "once_cell",
+ "paste",
+ "profiling",
+ "rand",
+ "rand_chacha",
+ "simd_helpers",
+ "system-deps",
+ "thiserror",
+ "v_frame",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "ravif"
+version = "0.11.11"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2413fd96bd0ea5cdeeb37eaf446a22e6ed7b981d792828721e74ded1980a45c6"
+dependencies = [
+ "avif-serialize",
+ "imgref",
+ "loop9",
+ "quick-error",
+ "rav1e",
+ "rayon",
+ "rgb",
+]
+
+[[package]]
+name = "rawkit"
+version = "0.1.0"
+dependencies = [
+ "bitstream-io",
+ "image",
+ "libraw-rs",
+ "num_enum",
+ "rawkit-proc-macros",
+ "rayon",
+ "reqwest",
+ "thiserror",
+]
+
+[[package]]
+name = "rawkit-proc-macros"
+version = "0.1.0"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "toml",
+]
+
+[[package]]
+name = "rayon"
+version = "1.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b418a60154510ca1a002a752ca9714984e21e4241e804d32555251faf8b78ffa"
+dependencies = [
+ "either",
+ "rayon-core",
+]
+
+[[package]]
+name = "rayon-core"
+version = "1.12.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1465873a3dfdaa8ae7cb14b4383657caab0b3e8a0aa9ae8e04b044854c8dfce2"
+dependencies = [
+ "crossbeam-deque",
+ "crossbeam-utils",
+]
+
+[[package]]
+name = "reqwest"
+version = "0.12.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "43e734407157c3c2034e0258f5e4473ddb361b1e85f95a66690d67264d7cd1da"
+dependencies = [
+ "base64",
+ "bytes",
+ "encoding_rs",
+ "futures-channel",
+ "futures-core",
+ "futures-util",
+ "h2",
+ "http",
+ "http-body",
+ "http-body-util",
+ "hyper",
+ "hyper-rustls",
+ "hyper-tls",
+ "hyper-util",
+ "ipnet",
+ "js-sys",
+ "log",
+ "mime",
+ "native-tls",
+ "once_cell",
+ "percent-encoding",
+ "pin-project-lite",
+ "rustls-pemfile",
+ "serde",
+ "serde_json",
+ "serde_urlencoded",
+ "sync_wrapper",
+ "system-configuration",
+ "tokio",
+ "tokio-native-tls",
+ "tower",
+ "tower-service",
+ "url",
+ "wasm-bindgen",
+ "wasm-bindgen-futures",
+ "web-sys",
+ "windows-registry",
+]
+
+[[package]]
+name = "rgb"
+version = "0.8.50"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57397d16646700483b67d2dd6511d79318f9d057fdbd21a4066aeac8b41d310a"
+
+[[package]]
+name = "ring"
+version = "0.17.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "70ac5d832aa16abd7d1def883a8545280c20a60f523a370aa3a9617c2b8550ee"
+dependencies = [
+ "cc",
+ "cfg-if",
+ "getrandom 0.2.15",
+ "libc",
+ "untrusted",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "rustc-demangle"
+version = "0.1.24"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "719b953e2095829ee67db738b3bfa9fa368c94900df327b3f07fe6e794d2fe1f"
+
+[[package]]
+name = "rustix"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dade4812df5c384711475be5fcd8c162555352945401aed22a35bffeab61f657"
+dependencies = [
+ "bitflags 2.9.0",
+ "errno",
+ "libc",
+ "linux-raw-sys",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "rustls"
+version = "0.23.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47796c98c480fce5406ef69d1c76378375492c3b0a0de587be0c1d9feb12f395"
+dependencies = [
+ "once_cell",
+ "rustls-pki-types",
+ "rustls-webpki",
+ "subtle",
+ "zeroize",
+]
+
+[[package]]
+name = "rustls-pemfile"
+version = "2.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "dce314e5fee3f39953d46bb63bb8a46d40c2f8fb7cc5a3b6cab2bde9721d6e50"
+dependencies = [
+ "rustls-pki-types",
+]
+
+[[package]]
+name = "rustls-pki-types"
+version = "1.11.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "917ce264624a4b4db1c364dcc35bfca9ded014d0a958cd47ad3e960e988ea51c"
+
+[[package]]
+name = "rustls-webpki"
+version = "0.102.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "64ca1bc8749bd4cf37b5ce386cc146580777b4e8572c7b97baf22c83f444bee9"
+dependencies = [
+ "ring",
+ "rustls-pki-types",
+ "untrusted",
+]
+
+[[package]]
+name = "rustversion"
+version = "1.0.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "eded382c5f5f786b989652c49544c4877d9f015cc22e145a5ea8ea66c2921cd2"
+
+[[package]]
+name = "ryu"
+version = "1.0.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "28d3b2b1366ec20994f1fd18c3c594f05c5dd4bc44d8bb0c1c632c8d6829481f"
+
+[[package]]
+name = "schannel"
+version = "0.1.27"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1f29ebaa345f945cec9fbbc532eb307f0fdad8161f281b6369539c8d84876b3d"
+dependencies = [
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "security-framework"
+version = "2.11.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "897b2245f0b511c87893af39b033e5ca9cce68824c4d7e7630b5a1d339658d02"
+dependencies = [
+ "bitflags 2.9.0",
+ "core-foundation",
+ "core-foundation-sys",
+ "libc",
+ "security-framework-sys",
+]
+
+[[package]]
+name = "security-framework-sys"
+version = "2.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "49db231d56a190491cb4aeda9527f1ad45345af50b0851622a7adb8c03b01c32"
+dependencies = [
+ "core-foundation-sys",
+ "libc",
+]
+
+[[package]]
+name = "serde"
+version = "1.0.218"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e8dfc9d19bdbf6d17e22319da49161d5d0108e4188e8b680aef6299eed22df60"
+dependencies = [
+ "serde_derive",
+]
+
+[[package]]
+name = "serde_derive"
+version = "1.0.218"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f09503e191f4e797cb8aac08e9a4a4695c5edf6a2e70e376d961ddd5c969f82b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "serde_json"
+version = "1.0.140"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "20068b6e96dc6c9bd23e01df8827e6c7e1f2fddd43c21810382803c136b99373"
+dependencies = [
+ "itoa",
+ "memchr",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "serde_spanned"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87607cb1398ed59d48732e575a4c28a7a8ebf2454b964fe3f224f2afc07909e1"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "serde_urlencoded"
+version = "0.7.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d3491c14715ca2294c4d6a88f15e84739788c1d030eed8c110436aafdaa2f3fd"
+dependencies = [
+ "form_urlencoded",
+ "itoa",
+ "ryu",
+ "serde",
+]
+
+[[package]]
+name = "shlex"
+version = "1.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0fda2ff0d084019ba4d7c6f371c95d8fd75ce3524c3cb8fb653a3023f6323e64"
+
+[[package]]
+name = "simd-adler32"
+version = "0.3.7"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d66dc143e6b11c1eddc06d5c423cfc97062865baf299914ab64caa38182078fe"
+
+[[package]]
+name = "simd_helpers"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "95890f873bec569a0362c235787f3aca6e1e887302ba4840839bcc6459c42da6"
+dependencies = [
+ "quote",
+]
+
+[[package]]
+name = "slab"
+version = "0.4.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8f92a496fb766b417c996b9c5e57daf2f7ad3b0bebe1ccfca4856390e3d3bb67"
+dependencies = [
+ "autocfg",
+]
+
+[[package]]
+name = "smallvec"
+version = "1.14.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7fcf8323ef1faaee30a44a340193b1ac6814fd9b7b4e88e9d4519a3e4abe1cfd"
+
+[[package]]
+name = "socket2"
+version = "0.5.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c970269d99b64e60ec3bd6ad27270092a5394c4e309314b18ae3fe575695fbe8"
+dependencies = [
+ "libc",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "stable_deref_trait"
+version = "1.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a8f112729512f8e442d81f95a8a7ddf2b7c6b8a1a6f509a95864142b30cab2d3"
+
+[[package]]
+name = "subtle"
+version = "2.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "13c2bddecc57b384dee18652358fb23172facb8a2c51ccc10d74c157bdea3292"
+
+[[package]]
+name = "syn"
+version = "2.0.99"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e02e925281e18ffd9d640e234264753c43edc62d64b2d4cf898f1bc5e75f3fc2"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "unicode-ident",
+]
+
+[[package]]
+name = "sync_wrapper"
+version = "1.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0bf256ce5efdfa370213c1dabab5935a12e49f2c58d15e9eac2870d3b4f27263"
+dependencies = [
+ "futures-core",
+]
+
+[[package]]
+name = "synstructure"
+version = "0.13.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8af7666ab7b6390ab78131fb5b0fce11d6b7a6951602017c35fa82800708971"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "system-configuration"
+version = "0.6.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3c879d448e9d986b661742763247d3693ed13609438cf3d006f51f5368a5ba6b"
+dependencies = [
+ "bitflags 2.9.0",
+ "core-foundation",
+ "system-configuration-sys",
+]
+
+[[package]]
+name = "system-configuration-sys"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e1d1b10ced5ca923a1fcb8d03e96b8d3268065d724548c0211415ff6ac6bac4"
+dependencies = [
+ "core-foundation-sys",
+ "libc",
+]
+
+[[package]]
+name = "system-deps"
+version = "6.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a3e535eb8dded36d55ec13eddacd30dec501792ff23a0b1682c38601b8cf2349"
+dependencies = [
+ "cfg-expr",
+ "heck",
+ "pkg-config",
+ "toml",
+ "version-compare",
+]
+
+[[package]]
+name = "target-lexicon"
+version = "0.12.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "61c41af27dd6d1e27b1b16b489db798443478cef1f06a660c96db617ba5de3b1"
+
+[[package]]
+name = "tempfile"
+version = "3.18.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2c317e0a526ee6120d8dabad239c8dadca62b24b6f168914bbbc8e2fb1f0e567"
+dependencies = [
+ "cfg-if",
+ "fastrand",
+ "getrandom 0.3.1",
+ "once_cell",
+ "rustix",
+ "windows-sys 0.59.0",
+]
+
+[[package]]
+name = "thiserror"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6aaf5339b578ea85b50e080feb250a3e8ae8cfcdff9a461c9ec2904bc923f52"
+dependencies = [
+ "thiserror-impl",
+]
+
+[[package]]
+name = "thiserror-impl"
+version = "1.0.69"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4fee6c4efc90059e10f81e6d42c60a18f76588c3d74cb83a0b242a2b6c7504c1"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "tiff"
+version = "0.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ba1310fcea54c6a9a4fd1aad794ecc02c31682f6bfbecdf460bf19533eed1e3e"
+dependencies = [
+ "flate2",
+ "jpeg-decoder",
+ "weezl",
+]
+
+[[package]]
+name = "tinystr"
+version = "0.7.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9117f5d4db391c1cf6927e7bea3db74b9a1c1add8f7eda9ffd5364f40f57b82f"
+dependencies = [
+ "displaydoc",
+ "zerovec",
+]
+
+[[package]]
+name = "tokio"
+version = "1.44.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9975ea0f48b5aa3972bf2d888c238182458437cc2a19374b81b25cdf1023fb3a"
+dependencies = [
+ "backtrace",
+ "bytes",
+ "libc",
+ "mio",
+ "pin-project-lite",
+ "socket2",
+ "windows-sys 0.52.0",
+]
+
+[[package]]
+name = "tokio-native-tls"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bbae76ab933c85776efabc971569dd6119c580d8f5d448769dec1764bf796ef2"
+dependencies = [
+ "native-tls",
+ "tokio",
+]
+
+[[package]]
+name = "tokio-rustls"
+version = "0.26.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e727b36a1a0e8b74c376ac2211e40c2c8af09fb4013c60d910495810f008e9b"
+dependencies = [
+ "rustls",
+ "tokio",
+]
+
+[[package]]
+name = "tokio-util"
+version = "0.7.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d7fcaa8d55a2bdd6b83ace262b016eca0d79ee02818c5c1bcdf0305114081078"
+dependencies = [
+ "bytes",
+ "futures-core",
+ "futures-sink",
+ "pin-project-lite",
+ "tokio",
+]
+
+[[package]]
+name = "toml"
+version = "0.8.20"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cd87a5cdd6ffab733b2f74bc4fd7ee5fff6634124999ac278c35fc78c6120148"
+dependencies = [
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "toml_edit",
+]
+
+[[package]]
+name = "toml_datetime"
+version = "0.6.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0dd7358ecb8fc2f8d014bf86f6f638ce72ba252a2c3a2572f2a795f1d23efb41"
+dependencies = [
+ "serde",
+]
+
+[[package]]
+name = "toml_edit"
+version = "0.22.24"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "17b4795ff5edd201c7cd6dca065ae59972ce77d1b80fa0a84d94950ece7d1474"
+dependencies = [
+ "indexmap",
+ "serde",
+ "serde_spanned",
+ "toml_datetime",
+ "winnow",
+]
+
+[[package]]
+name = "tower"
+version = "0.5.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d039ad9159c98b70ecfd540b2573b97f7f52c3e8d9f8ad57a24b916a536975f9"
+dependencies = [
+ "futures-core",
+ "futures-util",
+ "pin-project-lite",
+ "sync_wrapper",
+ "tokio",
+ "tower-layer",
+ "tower-service",
+]
+
+[[package]]
+name = "tower-layer"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "121c2a6cda46980bb0fcd1647ffaf6cd3fc79a013de288782836f6df9c48780e"
+
+[[package]]
+name = "tower-service"
+version = "0.3.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8df9b6e13f2d32c91b9bd719c00d1958837bc7dec474d94952798cc8e69eeec3"
+
+[[package]]
+name = "tracing"
+version = "0.1.41"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "784e0ac535deb450455cbfa28a6f0df145ea1bb7ae51b821cf5e7927fdcfbdd0"
+dependencies = [
+ "pin-project-lite",
+ "tracing-core",
+]
+
+[[package]]
+name = "tracing-core"
+version = "0.1.33"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e672c95779cf947c5311f83787af4fa8fffd12fb27e4993211a84bdfd9610f9c"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "try-lock"
+version = "0.2.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e421abadd41a4225275504ea4d6566923418b7f05506fbc9c0fe86ba7396114b"
+
+[[package]]
+name = "unicode-ident"
+version = "1.0.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5a5f39404a5da50712a4c1eecf25e90dd62b613502b7e925fd4e4d19b5c96512"
+
+[[package]]
+name = "untrusted"
+version = "0.9.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ecb6da28b8a351d773b68d5825ac39017e680750f980f3a1a85cd8dd28a47c1"
+
+[[package]]
+name = "url"
+version = "2.5.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32f8b686cadd1473f4bd0117a5d28d36b1ade384ea9b5069a1c40aefed7fda60"
+dependencies = [
+ "form_urlencoded",
+ "idna",
+ "percent-encoding",
+]
+
+[[package]]
+name = "utf16_iter"
+version = "1.0.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8232dd3cdaed5356e0f716d285e4b40b932ac434100fe9b7e0e8e935b9e6246"
+
+[[package]]
+name = "utf8_iter"
+version = "1.0.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
+
+[[package]]
+name = "v_frame"
+version = "0.3.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d6f32aaa24bacd11e488aa9ba66369c7cd514885742c9fe08cfe85884db3e92b"
+dependencies = [
+ "aligned-vec",
+ "num-traits",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "vcpkg"
+version = "0.2.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "accd4ea62f7bb7a82fe23066fb0957d48ef677f6eeb8215f372f52e48bb32426"
+
+[[package]]
+name = "version-compare"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "852e951cb7832cb45cb1169900d19760cfa39b82bc0ea9c0e5a14ae88411c98b"
+
+[[package]]
+name = "want"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bfa7760aed19e106de2c7c0b581b509f2f25d3dacaf737cb82ac61bc6d760b0e"
+dependencies = [
+ "try-lock",
+]
+
+[[package]]
+name = "wasi"
+version = "0.11.0+wasi-snapshot-preview1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9c8d87e72b64a3b4db28d11ce29237c246188f4f51057d65a7eab63b7987e423"
+
+[[package]]
+name = "wasi"
+version = "0.13.3+wasi-0.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "26816d2e1a4a36a2940b96c5296ce403917633dff8f3440e9b236ed6f6bacad2"
+dependencies = [
+ "wit-bindgen-rt",
+]
+
+[[package]]
+name = "wasm-bindgen"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1edc8929d7499fc4e8f0be2262a241556cfc54a0bea223790e71446f2aab1ef5"
+dependencies = [
+ "cfg-if",
+ "once_cell",
+ "rustversion",
+ "wasm-bindgen-macro",
+]
+
+[[package]]
+name = "wasm-bindgen-backend"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2f0a0651a5c2bc21487bde11ee802ccaf4c51935d0d3d42a6101f98161700bc6"
+dependencies = [
+ "bumpalo",
+ "log",
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-futures"
+version = "0.4.50"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "555d470ec0bc3bb57890405e5d4322cc9ea83cebb085523ced7be4144dac1e61"
+dependencies = [
+ "cfg-if",
+ "js-sys",
+ "once_cell",
+ "wasm-bindgen",
+ "web-sys",
+]
+
+[[package]]
+name = "wasm-bindgen-macro"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7fe63fc6d09ed3792bd0897b314f53de8e16568c2b3f7982f468c0bf9bd0b407"
+dependencies = [
+ "quote",
+ "wasm-bindgen-macro-support",
+]
+
+[[package]]
+name = "wasm-bindgen-macro-support"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8ae87ea40c9f689fc23f209965b6fb8a99ad69aeeb0231408be24920604395de"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "wasm-bindgen-backend",
+ "wasm-bindgen-shared",
+]
+
+[[package]]
+name = "wasm-bindgen-shared"
+version = "0.2.100"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1a05d73b933a847d6cccdda8f838a22ff101ad9bf93e33684f39c1f5f0eece3d"
+dependencies = [
+ "unicode-ident",
+]
+
+[[package]]
+name = "web-sys"
+version = "0.3.77"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "33b6dd2ef9186f1f2072e409e99cd22a975331a6b3591b12c764e0e55c60d5d2"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
+[[package]]
+name = "weezl"
+version = "0.1.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "53a85b86a771b1c87058196170769dd264f66c0782acf1ae6cc51bfd64b39082"
+
+[[package]]
+name = "windows-registry"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e400001bb720a623c1c69032f8e3e4cf09984deec740f007dd2b03ec864804b0"
+dependencies = [
+ "windows-result",
+ "windows-strings",
+ "windows-targets",
+]
+
+[[package]]
+name = "windows-result"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1d1043d8214f791817bab27572aaa8af63732e11bf84aa21a45a78d6c317ae0e"
+dependencies = [
+ "windows-targets",
+]
+
+[[package]]
+name = "windows-strings"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4cd9b125c486025df0eabcb585e62173c6c9eddcec5d117d3b6e8c30e2ee4d10"
+dependencies = [
+ "windows-result",
+ "windows-targets",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.52.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "282be5f36a8ce781fad8c8ae18fa3f9beff57ec1b52cb3de0789201425d9a33d"
+dependencies = [
+ "windows-targets",
+]
+
+[[package]]
+name = "windows-sys"
+version = "0.59.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e38bc4d79ed67fd075bcc251a1c39b32a1776bbe92e5bef1f0bf1f8c531853b"
+dependencies = [
+ "windows-targets",
+]
+
+[[package]]
+name = "windows-targets"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "9b724f72796e036ab90c1021d4780d4d3d648aca59e491e6b98e725b84e99973"
+dependencies = [
+ "windows_aarch64_gnullvm",
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_gnullvm",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_gnullvm",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows_aarch64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "32a4622180e7a0ec044bb555404c800bc9fd9ec262ec147edd5989ccd0c02cd3"
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "09ec2a7bb152e2252b53fa7803150007879548bc709c039df7627cabbd05d469"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8e9b5ad5ab802e97eb8e295ac6720e509ee4c243f69d781394014ebfe8bbfa0b"
+
+[[package]]
+name = "windows_i686_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0eee52d38c090b3caa76c563b86c3a4bd71ef1a819287c19d586d7334ae8ed66"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "240948bc05c5e7c6dabba28bf89d89ffce3e303022809e73deaefe4f6ec56c66"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "147a5c80aabfbf0c7d901cb5895d1de30ef2907eb21fbbab29ca94c5b08b1a78"
+
+[[package]]
+name = "windows_x86_64_gnullvm"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "24d5b23dc417412679681396f2b49f3de8c1473deb516bd34410872eff51ed0d"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.52.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "589f6da84c646204747d1270a2a5661ea66ed1cced2631d546fdfb155959f9ec"
+
+[[package]]
+name = "winnow"
+version = "0.7.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0e7f4ea97f6f78012141bcdb6a216b2609f0979ada50b20ca5b52dde2eac2bb1"
+dependencies = [
+ "memchr",
+]
+
+[[package]]
+name = "wit-bindgen-rt"
+version = "0.33.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3268f3d866458b787f390cf61f4bbb563b922d091359f9608842999eaee3943c"
+dependencies = [
+ "bitflags 2.9.0",
+]
+
+[[package]]
+name = "write16"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d1890f4022759daae28ed4fe62859b1236caebfc61ede2f63ed4e695f3f6d936"
+
+[[package]]
+name = "writeable"
+version = "0.5.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e9df38ee2d2c3c5948ea468a8406ff0db0b29ae1ffde1bcf20ef305bcc95c51"
+
+[[package]]
+name = "yoke"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "120e6aef9aa629e3d4f52dc8cc43a015c7724194c97dfaf45180d2daf2b77f40"
+dependencies = [
+ "serde",
+ "stable_deref_trait",
+ "yoke-derive",
+ "zerofrom",
+]
+
+[[package]]
+name = "yoke-derive"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2380878cad4ac9aac1e2435f3eb4020e8374b5f13c296cb75b4620ff8e229154"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "synstructure",
+]
+
+[[package]]
+name = "zerocopy"
+version = "0.7.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1b9b4fd18abc82b8136838da5d50bae7bdea537c574d8dc1a34ed098d6c166f0"
+dependencies = [
+ "byteorder",
+ "zerocopy-derive",
+]
+
+[[package]]
+name = "zerocopy-derive"
+version = "0.7.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "fa4f8080344d4671fb4e831a13ad1e68092748387dfc4f55e356242fae12ce3e"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "zerofrom"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "50cc42e0333e05660c3587f3bf9d0478688e15d870fab3346451ce7f8c9fbea5"
+dependencies = [
+ "zerofrom-derive",
+]
+
+[[package]]
+name = "zerofrom-derive"
+version = "0.1.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d71e5d6e06ab090c67b5e44993ec16b72dcbaabc526db883a360057678b48502"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+ "synstructure",
+]
+
+[[package]]
+name = "zeroize"
+version = "1.8.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ced3678a2879b30306d323f4542626697a464a97c0a07c9aebf7ebca65cd4dde"
+
+[[package]]
+name = "zerovec"
+version = "0.10.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "aa2b893d79df23bfb12d5461018d408ea19dfafe76c2c7ef6d4eba614f8ff079"
+dependencies = [
+ "yoke",
+ "zerofrom",
+ "zerovec-derive",
+]
+
+[[package]]
+name = "zerovec-derive"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6eafa6dfb17584ea3e2bd6e76e0cc15ad7af12b09abdd1ca55961bed9b1063c6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
+[[package]]
+name = "zune-core"
+version = "0.4.12"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3f423a2c17029964870cfaabb1f13dfab7d092a62a29a89264f4d36990ca414a"
+
+[[package]]
+name = "zune-inflate"
+version = "0.2.54"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "73ab332fe2f6680068f3582b16a24f90ad7096d5d39b974d1c0aff0125116f02"
+dependencies = [
+ "simd-adler32",
+]
+
+[[package]]
+name = "zune-jpeg"
+version = "0.4.14"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "99a5bab8d7dedf81405c4bb1f2b83ea057643d9cb28778cea9eecddeedd2e028"
+dependencies = [
+ "zune-core",
+]
diff --git a/libraries/rawkit/Cargo.toml b/libraries/rawkit/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..30a0d2d0affdf322e964f92a097965931ddb6920
--- /dev/null
+++ b/libraries/rawkit/Cargo.toml
@@ -0,0 +1,39 @@
+[workspace]
+members = ["rawkit-proc-macros"]
+resolver = "2"
+
+[workspace.dependencies]
+quote = "1.0.37"
+syn = "2.0.87"
+
+[package]
+name = "rawkit"
+version = "0.1.0"
+edition = "2024"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+description = "A library to extract images from camera raw files"
+license = "MIT OR Apache-2.0"
+readme = "README.md"
+keywords = ["raw", "tiff", "camera", "image"]
+categories = ["multimedia::images", "multimedia::encoding"]
+homepage = "https://github.com/GraphiteEditor/Graphite/tree/master/libraries/rawkit"
+repository = "https://github.com/GraphiteEditor/Graphite/tree/master/libraries/rawkit"
+documentation = "https://docs.rs/rawkit"
+
+[features]
+rawkit-tests = ["dep:image", "dep:libraw-rs", "dep:reqwest", "dep:rayon"]
+
+[dependencies]
+# Local dependencies
+rawkit-proc-macros = { version = "0.1.0", path = "rawkit-proc-macros" }
+
+# Required dependencies
+bitstream-io = "2.5.3"
+num_enum = "0.7.3"
+thiserror = "1.0.66"
+
+# Optional dependencies (should be dev dependencies, but Cargo currently doesn't allow optional dev dependencies)
+image = { version = "0.25.4", optional = true }
+reqwest = { version = "0.12.9", optional = true, features = ["blocking"] }
+libraw-rs = { version = "0.0.4", optional = true }
+rayon = { version = "1.10.0", optional = true }
diff --git a/libraries/rawkit/LICENSE-APACHE b/libraries/rawkit/LICENSE-APACHE
new file mode 100644
index 0000000000000000000000000000000000000000..261eeb9e9f8b2b4b0d119366dda99c6fd7d35c64
--- /dev/null
+++ b/libraries/rawkit/LICENSE-APACHE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/libraries/rawkit/LICENSE-MIT b/libraries/rawkit/LICENSE-MIT
new file mode 100644
index 0000000000000000000000000000000000000000..969d061e8ba2e38d69391910b1ef0d4869ff18d1
--- /dev/null
+++ b/libraries/rawkit/LICENSE-MIT
@@ -0,0 +1,17 @@
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/libraries/rawkit/README.md b/libraries/rawkit/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..574ab01b8a4ed17b83ddd48791f68436665223f9
--- /dev/null
+++ b/libraries/rawkit/README.md
@@ -0,0 +1,40 @@
+[crates.io](https://crates.io/crates/rawkit) • [docs.rs](https://docs.rs/rawkit) • [repo](https://github.com/GraphiteEditor/Graphite/tree/master/libraries/rawkit)
+
+# Rawkit 🚀
+
+A library to extract images from camera raw files.
+
+It currently only works with the `.arw` files from Sony's cameras. In the future, the library will add support for all other major camera manufacturers.
+
+Rawkit is built for the needs of [Graphite](https://graphite.rs), an open source 2D graphics editor. We hope it may be useful to others, but presently Graphite is its primary user. Pull requests are welcomed for new cameras, features, code cleanup, ergonomic enhancements, performance improvements, and documentation clarifications.
+
+### Using Rawkit
+
+```rust
+use rawkit::RawImage;
+use rawkit::tiff::values::Transform;
+
+// Open a file for reading
+let file = BufReader::new(File::open("example.arw")?);
+
+// Decode the file to extract the raw pixels and its associated metadata
+let mut raw_image = RawImage::decode(file);
+
+// All the raw pixel data and metadata is stored within `raw_image`
+println!("Initial Bayer pixel values: {:?}", raw_image.data[:10]);
+println!("Image size: {} x {}", raw_image.width, raw_image.height);
+println!("CFA Pattern: {:?}", raw_image.cfa_pattern);
+println!("Camera Model: {:?}", raw_image.camera_model);
+println!("White balance: {:?}", raw_image.white_balance);
+
+// The metadata could also be edited if the extracted metadata needs to be customized
+raw_image.white_balance = Some([2609, 1024, 1024, 1220]); // For RGGB camera
+raw_image.transform = Transform::Rotate90;
+
+// Process the raw image into an RGB image
+let image = raw_image.process_8bit();
+
+// The final image data will be stored within `image`
+println!("Initial RGB pixel values: {:?}", image.data[:10]);
+println!("Image size: {} x {}", image.width, image.height);
+```
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A100.toml b/libraries/rawkit/camera_data/Sony/DSLR-A100.toml
new file mode 100644
index 0000000000000000000000000000000000000000..2c9520f876b3f7a0a98f114007ac79dedb0df229
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A100.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.9437, -0.2812, -0.0774, -0.8405, 1.6215, 0.2291, -0.0709, 0.0596, 0.7181]
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A200.toml b/libraries/rawkit/camera_data/Sony/DSLR-A200.toml
new file mode 100644
index 0000000000000000000000000000000000000000..74adac067ff6bb332e2894b8c5f1db6df369da3b
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A200.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.9847, -0.3091, -0.0929, -0.8485, 1.6346, 0.2225, -0.0714, 0.0595, 0.7103]
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A300.toml b/libraries/rawkit/camera_data/Sony/DSLR-A300.toml
new file mode 100644
index 0000000000000000000000000000000000000000..74adac067ff6bb332e2894b8c5f1db6df369da3b
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A300.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.9847, -0.3091, -0.0929, -0.8485, 1.6346, 0.2225, -0.0714, 0.0595, 0.7103]
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A330.toml b/libraries/rawkit/camera_data/Sony/DSLR-A330.toml
new file mode 100644
index 0000000000000000000000000000000000000000..74adac067ff6bb332e2894b8c5f1db6df369da3b
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A330.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.9847, -0.3091, -0.0929, -0.8485, 1.6346, 0.2225, -0.0714, 0.0595, 0.7103]
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A350.toml b/libraries/rawkit/camera_data/Sony/DSLR-A350.toml
new file mode 100644
index 0000000000000000000000000000000000000000..a468d8478d46cd6cedcae6c74afc890ef96f9ded
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A350.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6038, -0.1484, -0.0579, -0.9145, 1.6746, 0.2512, -0.0875, 0.0746, 0.7218]
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A550.toml b/libraries/rawkit/camera_data/Sony/DSLR-A550.toml
new file mode 100644
index 0000000000000000000000000000000000000000..72fda22996eb7109b20e7c51da4bf580f8875aea
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A550.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.4950, -0.0580, -0.0103, -0.5228, 1.2542, 0.3029, -0.0709, 0.1435, 0.7371]
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A700.toml b/libraries/rawkit/camera_data/Sony/DSLR-A700.toml
new file mode 100644
index 0000000000000000000000000000000000000000..50cd184d935f617319dd71aac9172cd2318d1e48
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A700.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5775, -0.0805, -0.0359, -0.8573, 1.6294, 0.2391, -0.1943, 0.2342, 0.7249]
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A850.toml b/libraries/rawkit/camera_data/Sony/DSLR-A850.toml
new file mode 100644
index 0000000000000000000000000000000000000000..6e20589bca8a29a37b4e4adae8e2f52f45f64ccc
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A850.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5413, -0.1162, -0.0365, -0.5665, 1.3098, 0.2866, -0.0608, 0.1179, 0.8440]
diff --git a/libraries/rawkit/camera_data/Sony/DSLR-A900.toml b/libraries/rawkit/camera_data/Sony/DSLR-A900.toml
new file mode 100644
index 0000000000000000000000000000000000000000..d190b49da06ceb69b0a40b70e7a7a30a0a46aa24
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/DSLR-A900.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5209, -0.1072, -0.0397, -0.8845, 1.6121, 0.2919, -0.1618, 0.1802, 0.8654]
diff --git a/libraries/rawkit/camera_data/Sony/ILCA-68.toml b/libraries/rawkit/camera_data/Sony/ILCA-68.toml
new file mode 100644
index 0000000000000000000000000000000000000000..86c33ed5a5029ef030ff38ca80c604a91a69b791
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCA-68.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6435, -0.1903, -0.0536, -0.4722, 1.2449, 0.2550, -0.0663, 0.1363, 0.6517]
diff --git a/libraries/rawkit/camera_data/Sony/ILCA-99M2.toml b/libraries/rawkit/camera_data/Sony/ILCA-99M2.toml
new file mode 100644
index 0000000000000000000000000000000000000000..dc99b7ce7539c1714a89afbd8447fd4022ad2244
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCA-99M2.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6660, -0.1918, -0.0471, -0.4613, 1.2398, 0.2485, -0.0649, 0.1433, 0.6447]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-1.toml b/libraries/rawkit/camera_data/Sony/ILCE-1.toml
new file mode 100644
index 0000000000000000000000000000000000000000..19b12aa1d182eb63b241d33bd8ea83b27bfe5b9d
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-1.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.8161, -0.2947, -0.0739, -0.4811, 1.2668, 0.2389, -0.0437, 0.1229, 0.6524]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-5100.toml b/libraries/rawkit/camera_data/Sony/ILCE-5100.toml
new file mode 100644
index 0000000000000000000000000000000000000000..8ad657a533fe0a8990378aa154150e2f724c6c0e
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-5100.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5991, -0.1456, -0.0455, -0.4764, 1.2135, 0.2980, -0.0707, 0.1425, 0.6701]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-6000.toml b/libraries/rawkit/camera_data/Sony/ILCE-6000.toml
new file mode 100644
index 0000000000000000000000000000000000000000..8ad657a533fe0a8990378aa154150e2f724c6c0e
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-6000.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5991, -0.1456, -0.0455, -0.4764, 1.2135, 0.2980, -0.0707, 0.1425, 0.6701]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-6100.toml b/libraries/rawkit/camera_data/Sony/ILCE-6100.toml
new file mode 100644
index 0000000000000000000000000000000000000000..369f7549a52c87a9dc86a5194928a6236ce25034
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-6100.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.7657, -0.2847, -0.0607, -0.4083, 1.1966, 0.2389, -0.0684, 0.1418, 0.5844]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-6300.toml b/libraries/rawkit/camera_data/Sony/ILCE-6300.toml
new file mode 100644
index 0000000000000000000000000000000000000000..6424a5a5187db7e58732cab7670164e74fe624fb
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-6300.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5973, -0.1695, -0.0419, -0.3826, 1.1797, 0.2293, -0.0639, 0.1398, 0.5789]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-6400.toml b/libraries/rawkit/camera_data/Sony/ILCE-6400.toml
new file mode 100644
index 0000000000000000000000000000000000000000..369f7549a52c87a9dc86a5194928a6236ce25034
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-6400.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.7657, -0.2847, -0.0607, -0.4083, 1.1966, 0.2389, -0.0684, 0.1418, 0.5844]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-6500.toml b/libraries/rawkit/camera_data/Sony/ILCE-6500.toml
new file mode 100644
index 0000000000000000000000000000000000000000..6424a5a5187db7e58732cab7670164e74fe624fb
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-6500.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5973, -0.1695, -0.0419, -0.3826, 1.1797, 0.2293, -0.0639, 0.1398, 0.5789]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-6600.toml b/libraries/rawkit/camera_data/Sony/ILCE-6600.toml
new file mode 100644
index 0000000000000000000000000000000000000000..369f7549a52c87a9dc86a5194928a6236ce25034
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-6600.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.7657, -0.2847, -0.0607, -0.4083, 1.1966, 0.2389, -0.0684, 0.1418, 0.5844]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-6700.toml b/libraries/rawkit/camera_data/Sony/ILCE-6700.toml
new file mode 100644
index 0000000000000000000000000000000000000000..fa3f6f6a45752d250407994371e3eb80465f2fcc
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-6700.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6972, -0.2408, -0.0600, -0.4330, 1.2101, 0.2515, -0.0388, 0.1277, 0.5847]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-7CM2.toml b/libraries/rawkit/camera_data/Sony/ILCE-7CM2.toml
new file mode 100644
index 0000000000000000000000000000000000000000..4d34bce7461f8c05fb437107ff40d3a968e488d1
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-7CM2.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.7460, -0.2365, -0.0588, -0.5687, 1.3442, 0.2474, -0.0624, 0.1156, 0.6584]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-7CR.toml b/libraries/rawkit/camera_data/Sony/ILCE-7CR.toml
new file mode 100644
index 0000000000000000000000000000000000000000..2b4137e475f90976ca17c275e42cd1f8d15ce598
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-7CR.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.8200, -0.2976, -0.0719, -0.4296, 1.2053, 0.2532, -0.0429, 0.1282, 0.5774]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-7M2.toml b/libraries/rawkit/camera_data/Sony/ILCE-7M2.toml
new file mode 100644
index 0000000000000000000000000000000000000000..f74295a6356975999a93dc5490a2652fd558eaf0
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-7M2.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5271, -0.0712, -0.0347, -0.6153, 1.3653, 0.2763, -0.1601, 0.2366, 0.7242]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-7M3.toml b/libraries/rawkit/camera_data/Sony/ILCE-7M3.toml
new file mode 100644
index 0000000000000000000000000000000000000000..070213ab3723319512618ef9d1621003ed276935
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-7M3.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.7374, -0.2389, -0.0551, -0.5435, 1.3162, 0.2519, -0.1006, 0.1795, 0.6552]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-7RM3.toml b/libraries/rawkit/camera_data/Sony/ILCE-7RM3.toml
new file mode 100644
index 0000000000000000000000000000000000000000..5b7fd03458e3c510125ad84ef85359338514059c
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-7RM3.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6640, -0.1847, -0.0503, -0.5238, 1.3010, 0.2474, -0.0993, 0.1673, 0.6527]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-7RM4.toml b/libraries/rawkit/camera_data/Sony/ILCE-7RM4.toml
new file mode 100644
index 0000000000000000000000000000000000000000..30e60b70b0f08a2ff27b7ed713b5a166d96ea2be
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-7RM4.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.7662, -0.2686, -0.0660, -0.5240, 1.2965, 0.2530, -0.0796, 0.1508, 0.6167]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-7RM5.toml b/libraries/rawkit/camera_data/Sony/ILCE-7RM5.toml
new file mode 100644
index 0000000000000000000000000000000000000000..2b4137e475f90976ca17c275e42cd1f8d15ce598
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-7RM5.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.8200, -0.2976, -0.0719, -0.4296, 1.2053, 0.2532, -0.0429, 0.1282, 0.5774]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-7SM2.toml b/libraries/rawkit/camera_data/Sony/ILCE-7SM2.toml
new file mode 100644
index 0000000000000000000000000000000000000000..ea0fc7d2e853e85c0fc980e8363d1e194b3579fe
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-7SM2.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5838, -0.1430, -0.0246, -0.3497, 1.1477, 0.2297, -0.0748, 0.1885, 0.5778]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-9.toml b/libraries/rawkit/camera_data/Sony/ILCE-9.toml
new file mode 100644
index 0000000000000000000000000000000000000000..e0cf74a8f9b56aa0f6bc246ab131cfbabbc8ed3c
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-9.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6389, -0.1703, -0.0378, -0.4562, 1.2265, 0.2587, -0.0670, 0.1489, 0.6550]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-9M2.toml b/libraries/rawkit/camera_data/Sony/ILCE-9M2.toml
new file mode 100644
index 0000000000000000000000000000000000000000..e0cf74a8f9b56aa0f6bc246ab131cfbabbc8ed3c
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-9M2.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6389, -0.1703, -0.0378, -0.4562, 1.2265, 0.2587, -0.0670, 0.1489, 0.6550]
diff --git a/libraries/rawkit/camera_data/Sony/ILCE-9M3.toml b/libraries/rawkit/camera_data/Sony/ILCE-9M3.toml
new file mode 100644
index 0000000000000000000000000000000000000000..343e7e819163623c20e4b511ef469579fa65dfc4
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ILCE-9M3.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.9811, -0.3908, -0.0752, -0.3704, 1.1577, 0.2417, -0.0073, 0.0950, 0.5980]
diff --git a/libraries/rawkit/camera_data/Sony/NEX-3.toml b/libraries/rawkit/camera_data/Sony/NEX-3.toml
new file mode 100644
index 0000000000000000000000000000000000000000..9a7f1ffed103ba85a7df1d0209e57054331890c3
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/NEX-3.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6549, -0.1550, -0.0436, -0.4880, 1.2435, 0.2753, -0.0854, 0.1868, 0.6976]
diff --git a/libraries/rawkit/camera_data/Sony/NEX-3N.toml b/libraries/rawkit/camera_data/Sony/NEX-3N.toml
new file mode 100644
index 0000000000000000000000000000000000000000..d5abaf9311c731fc9c854fcbc6f160191c41330a
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/NEX-3N.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6129, -0.1545, -0.0418, -0.4930, 1.2490, 0.2743, -0.0977, 0.1693, 0.6615]
diff --git a/libraries/rawkit/camera_data/Sony/NEX-5R.toml b/libraries/rawkit/camera_data/Sony/NEX-5R.toml
new file mode 100644
index 0000000000000000000000000000000000000000..d5abaf9311c731fc9c854fcbc6f160191c41330a
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/NEX-5R.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6129, -0.1545, -0.0418, -0.4930, 1.2490, 0.2743, -0.0977, 0.1693, 0.6615]
diff --git a/libraries/rawkit/camera_data/Sony/NEX-6.toml b/libraries/rawkit/camera_data/Sony/NEX-6.toml
new file mode 100644
index 0000000000000000000000000000000000000000..d5abaf9311c731fc9c854fcbc6f160191c41330a
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/NEX-6.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6129, -0.1545, -0.0418, -0.4930, 1.2490, 0.2743, -0.0977, 0.1693, 0.6615]
diff --git a/libraries/rawkit/camera_data/Sony/NEX-7.toml b/libraries/rawkit/camera_data/Sony/NEX-7.toml
new file mode 100644
index 0000000000000000000000000000000000000000..182cff6101ab85fb72177e240edc549625247b5b
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/NEX-7.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.5491, -0.1192, -0.0363, -0.4951, 1.2342, 0.2948, -0.0911, 0.1722, 0.7192]
diff --git a/libraries/rawkit/camera_data/Sony/ZV-1.toml b/libraries/rawkit/camera_data/Sony/ZV-1.toml
new file mode 100644
index 0000000000000000000000000000000000000000..953217f86c9d768f204310a881b3ca1ce1893367
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ZV-1.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.8280, -0.2987, -0.0703, -0.3531, 1.1645, 0.2133, -0.0550, 0.1542, 0.5312]
diff --git a/libraries/rawkit/camera_data/Sony/ZV-1M2.toml b/libraries/rawkit/camera_data/Sony/ZV-1M2.toml
new file mode 100644
index 0000000000000000000000000000000000000000..953217f86c9d768f204310a881b3ca1ce1893367
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ZV-1M2.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.8280, -0.2987, -0.0703, -0.3531, 1.1645, 0.2133, -0.0550, 0.1542, 0.5312]
diff --git a/libraries/rawkit/camera_data/Sony/ZV-E1.toml b/libraries/rawkit/camera_data/Sony/ZV-E1.toml
new file mode 100644
index 0000000000000000000000000000000000000000..65dc0e64413e817a2af6d2278a8384a768e9cea4
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ZV-E1.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6912, -0.2127, -0.0469, -0.4470, 1.2175, 0.2587, -0.0398, 0.1478, 0.6492]
diff --git a/libraries/rawkit/camera_data/Sony/ZV-E10.toml b/libraries/rawkit/camera_data/Sony/ZV-E10.toml
new file mode 100644
index 0000000000000000000000000000000000000000..6b90f9ff0648aaa2e3c00355b9ec0f8f7d8519ae
--- /dev/null
+++ b/libraries/rawkit/camera_data/Sony/ZV-E10.toml
@@ -0,0 +1 @@
+xyz_to_camera = [0.6355, -0.2067, -0.0490, -0.3653, 1.1542, 0.2400, -0.0406, 0.1258, 0.5506]
diff --git a/libraries/rawkit/rawkit-proc-macros/Cargo.toml b/libraries/rawkit/rawkit-proc-macros/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..6fd8a540cc362fe0799eec1bda2e3485006d18a6
--- /dev/null
+++ b/libraries/rawkit/rawkit-proc-macros/Cargo.toml
@@ -0,0 +1,23 @@
+[package]
+name = "rawkit-proc-macros"
+version = "0.1.0"
+edition = "2024"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+description = "Procedural macros for Rawkit"
+license = "MIT OR Apache-2.0"
+readme = "README.md"
+homepage = "https://github.com/GraphiteEditor/Graphite/tree/master/libraries/rawkit/rawkit-proc-macros"
+repository = "https://github.com/GraphiteEditor/Graphite/tree/master/libraries/rawkit/rawkit-proc-macros"
+documentation = "https://docs.rs/rawkit-proc-macros"
+
+[lib]
+proc-macro = true
+
+[dependencies]
+# Workspace dependencies
+quote = { workspace = true }
+syn = { workspace = true }
+
+# Required dependencies
+toml = "0.8.19"
+proc-macro2 = "1.0.89"
diff --git a/libraries/rawkit/rawkit-proc-macros/LICENSE-APACHE b/libraries/rawkit/rawkit-proc-macros/LICENSE-APACHE
new file mode 100644
index 0000000000000000000000000000000000000000..261eeb9e9f8b2b4b0d119366dda99c6fd7d35c64
--- /dev/null
+++ b/libraries/rawkit/rawkit-proc-macros/LICENSE-APACHE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/libraries/rawkit/rawkit-proc-macros/LICENSE-MIT b/libraries/rawkit/rawkit-proc-macros/LICENSE-MIT
new file mode 100644
index 0000000000000000000000000000000000000000..969d061e8ba2e38d69391910b1ef0d4869ff18d1
--- /dev/null
+++ b/libraries/rawkit/rawkit-proc-macros/LICENSE-MIT
@@ -0,0 +1,17 @@
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/libraries/rawkit/rawkit-proc-macros/README.md b/libraries/rawkit/rawkit-proc-macros/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..a22acd7cf2ca17309e6692ca031be3d04e1ca58c
--- /dev/null
+++ b/libraries/rawkit/rawkit-proc-macros/README.md
@@ -0,0 +1,13 @@
+# Rawkit-proc-macros
+
+Procedural macros for Rawkit.
+
+This library is intended to be used by Rawkit. You should not be depending on this crate directly.
+
+### Tag
+
+A derive macro that helps to specify which metadata needs to be extracted from IFD.
+
+### build_camera_data
+
+A procedural macro that reads the data of all cameras from the toml files and returns the bundled data. Helps to include camera data as part of binary.
diff --git a/libraries/rawkit/rawkit-proc-macros/src/build_camera_data.rs b/libraries/rawkit/rawkit-proc-macros/src/build_camera_data.rs
new file mode 100644
index 0000000000000000000000000000000000000000..214835283e44d43fa2c7f0b99a8f1b79898bd814
--- /dev/null
+++ b/libraries/rawkit/rawkit-proc-macros/src/build_camera_data.rs
@@ -0,0 +1,97 @@
+use proc_macro::TokenStream;
+use quote::{ToTokens, quote};
+use std::fs;
+use std::path::Path;
+use toml::{Table, Value};
+
+enum CustomValue {
+	String(String),
+	Integer(i64),
+	Float(f64),
+	Boolean(bool),
+	Array(Vec<CustomValue>),
+}
+
+impl ToTokens for CustomValue {
+	fn to_tokens(&self, tokens: &mut proc_macro2::TokenStream) {
+		match self {
+			CustomValue::String(x) => x.to_tokens(tokens),
+			CustomValue::Integer(x) => {
+				let x: proc_macro2::TokenStream = format!("{:?}", x).parse().unwrap();
+				x.to_tokens(tokens)
+			}
+			CustomValue::Float(x) => {
+				let x: proc_macro2::TokenStream = format!("{:?}", x).parse().unwrap();
+				x.to_tokens(tokens)
+			}
+			CustomValue::Boolean(x) => x.to_tokens(tokens),
+			CustomValue::Array(x) => quote! { [ #( #x ),* ] }.to_tokens(tokens),
+		}
+	}
+}
+
+impl From<Value> for CustomValue {
+	fn from(value: Value) -> Self {
+		match value {
+			Value::String(x) => CustomValue::String(x),
+			Value::Integer(x) => CustomValue::Integer(x),
+			Value::Float(x) => CustomValue::Float(x),
+			Value::Boolean(x) => CustomValue::Boolean(x),
+			Value::Array(x) => CustomValue::Array(x.into_iter().map(|x| x.into()).collect()),
+			_ => panic!("Unsupported data type"),
+		}
+	}
+}
+
+pub fn build_camera_data() -> TokenStream {
+	let mut camera_data: Vec<(String, Table)> = Vec::new();
+
+	let mut path = Path::new(&std::env::var("CARGO_MANIFEST_DIR").unwrap()).to_path_buf();
+	path.push("camera_data");
+
+	fs::read_dir(path).unwrap().for_each(|entry| {
+		let company_name_path = entry.unwrap().path();
+		if !company_name_path.is_dir() {
+			panic!("camera_data should only contain folders of company names")
+		}
+
+		let company_name = company_name_path.file_name().unwrap().to_str().unwrap().to_string();
+
+		fs::read_dir(company_name_path).unwrap().for_each(|entry| {
+			let model_path = entry.unwrap().path();
+			if !model_path.is_file() || model_path.extension().unwrap() != "toml" {
+				panic!("The folders within camera_data should only contain toml files")
+			}
+
+			let name = company_name.clone() + " " + model_path.file_stem().unwrap().to_str().unwrap();
+
+			let mut values: Table = toml::from_str(&fs::read_to_string(model_path).unwrap()).unwrap();
+
+			if let Some(val) = values.get_mut("xyz_to_camera") {
+				*val = Value::Array(val.as_array().unwrap().iter().map(|x| Value::Integer((x.as_float().unwrap() * 10_000.) as i64)).collect());
+			}
+
+			camera_data.push((name, values))
+		});
+	});
+
+	let x: Vec<_> = camera_data
+		.iter()
+		.map(|(name, camera_data)| {
+			let keys: Vec<_> = camera_data.keys().map(|key| syn::Ident::new(key, proc_macro2::Span::call_site())).collect();
+			let values: Vec<CustomValue> = camera_data.values().cloned().map(|x| x.into()).collect();
+
+			quote! {
+				(
+					#name,
+					CameraData {
+						#( #keys: #values, )*
+						..CameraData::DEFAULT
+					}
+				)
+			}
+		})
+		.collect();
+
+	quote!([ #(#x),* ]).into()
+}
diff --git a/libraries/rawkit/rawkit-proc-macros/src/lib.rs b/libraries/rawkit/rawkit-proc-macros/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..adaf3a2bfa6b0c2603c98ae4a782035e34837de3
--- /dev/null
+++ b/libraries/rawkit/rawkit-proc-macros/src/lib.rs
@@ -0,0 +1,16 @@
+extern crate proc_macro;
+
+mod build_camera_data;
+mod tag_derive;
+
+use proc_macro::TokenStream;
+
+#[proc_macro_derive(Tag)]
+pub fn tag_derive(input: TokenStream) -> TokenStream {
+	tag_derive::tag_derive(input)
+}
+
+#[proc_macro]
+pub fn build_camera_data(_: TokenStream) -> TokenStream {
+	build_camera_data::build_camera_data()
+}
diff --git a/libraries/rawkit/rawkit-proc-macros/src/tag_derive.rs b/libraries/rawkit/rawkit-proc-macros/src/tag_derive.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ddfed688bfd2d3fd0e093f80bc7cccd1551d1d67
--- /dev/null
+++ b/libraries/rawkit/rawkit-proc-macros/src/tag_derive.rs
@@ -0,0 +1,43 @@
+use proc_macro::TokenStream;
+use quote::{format_ident, quote};
+use syn::{Data, DeriveInput, Fields};
+
+pub fn tag_derive(input: TokenStream) -> TokenStream {
+	let ast: DeriveInput = syn::parse(input).unwrap();
+
+	let name = &ast.ident;
+
+	let data_struct = if let Data::Struct(data_struct) = ast.data {
+		data_struct
+	} else {
+		panic!("Tag trait can only be derived for structs")
+	};
+
+	let named_fields = if let Fields::Named(named_fields) = data_struct.fields {
+		named_fields
+	} else {
+		panic!("Tag trait can only be derived for structs with named_fields")
+	};
+
+	let struct_idents: Vec<_> = named_fields.named.iter().map(|field| field.ident.clone().unwrap()).collect();
+	let struct_types: Vec<_> = named_fields.named.iter().map(|field| field.ty.clone()).collect();
+
+	let new_name = format_ident!("_{}", name);
+
+	let r#gen = quote! {
+		struct #new_name {
+			#( #struct_idents: <#struct_types as Tag>::Output ),*
+		}
+
+		impl Tag for #name {
+			type Output = #new_name;
+
+			fn get<R: Read + Seek>(ifd: &Ifd, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+				#( let #struct_idents = <#struct_types as Tag>::get(ifd, file)?; )*
+				Ok(#new_name { #( #struct_idents ),* })
+			}
+		}
+	};
+
+	r#gen.into()
+}
diff --git a/libraries/rawkit/src/decoder/arw1.rs b/libraries/rawkit/src/decoder/arw1.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7bf668254614ce6600de2872fe0c7d6c5161827a
--- /dev/null
+++ b/libraries/rawkit/src/decoder/arw1.rs
@@ -0,0 +1,104 @@
+use crate::tiff::Ifd;
+use crate::tiff::file::TiffRead;
+use crate::tiff::tags::SonyDataOffset;
+use crate::{RawImage, SubtractBlack, Transform};
+use bitstream_io::{BE, BitRead, BitReader, Endianness};
+use std::io::{Read, Seek};
+
+pub fn decode_a100<R: Read + Seek>(ifd: Ifd, file: &mut TiffRead<R>) -> RawImage {
+	let data_offset = ifd.get_value::<SonyDataOffset, _>(file).unwrap();
+
+	let image_width = 3881;
+	let image_height = 2608;
+
+	file.seek_from_start(data_offset).unwrap();
+	let mut image = sony_arw_load_raw(image_width, image_height, &mut BitReader::<_, BE>::new(file)).unwrap();
+
+	let len = image.len();
+	image[len - image_width..].fill(0);
+
+	RawImage {
+		data: image,
+		width: image_width,
+		height: image_height,
+		cfa_pattern: todo!(),
+		#[allow(unreachable_code)]
+		maximum: (1 << 12) - 1,
+		black: SubtractBlack::None,
+		transform: Transform::Horizontal,
+		camera_model: None,
+		camera_white_balance: None,
+		white_balance: None,
+		camera_to_rgb: None,
+	}
+}
+
+fn read_and_huffman_decode_file<R: Read + Seek, E: Endianness>(huff: &[u16], file: &mut BitReader<R, E>) -> u32 {
+	let number_of_bits = huff[0].into();
+	let huffman_table = &huff[1..];
+
+	// `number_of_bits` will be no more than 32, so the result is put into a u32
+	let bits: u32 = file.read(number_of_bits).unwrap();
+	let bits = bits as usize;
+
+	let bits_to_seek_from = huffman_table[bits].to_le_bytes()[1] as i64 - number_of_bits as i64;
+	file.seek_bits(std::io::SeekFrom::Current(bits_to_seek_from)).unwrap();
+
+	huffman_table[bits].to_le_bytes()[0].into()
+}
+
+fn read_n_bits_from_file<R: Read + Seek, E: Endianness>(number_of_bits: u32, file: &mut BitReader<R, E>) -> u32 {
+	// `number_of_bits` will be no more than 32, so the result is put into a u32
+	file.read(number_of_bits).unwrap()
+}
+
+/// ljpeg is a lossless variant of JPEG which gets used for decoding the embedded (thumbnail) preview images in raw files
+fn ljpeg_diff<R: Read + Seek, E: Endianness>(huff: &[u16], file: &mut BitReader<R, E>, dng_version: Option<u32>) -> i32 {
+	let length = read_and_huffman_decode_file(huff, file);
+
+	if length == 16 && dng_version.map(|x| x >= 0x1010000).unwrap_or(true) {
+		return -32768;
+	}
+
+	let diff = read_n_bits_from_file(length, file) as i32;
+
+	if length == 0 || (diff & (1 << (length - 1))) == 0 { diff - (1 << length) - 1 } else { diff }
+}
+
+fn sony_arw_load_raw<R: Read + Seek>(width: usize, height: usize, file: &mut BitReader<R, BE>) -> Option<Vec<u16>> {
+	const TABLE: [u16; 18] = [
+		0x0f11, 0x0f10, 0x0e0f, 0x0d0e, 0x0c0d, 0x0b0c, 0x0a0b, 0x090a, 0x0809, 0x0708, 0x0607, 0x0506, 0x0405, 0x0304, 0x0303, 0x0300, 0x0202, 0x0201,
+	];
+
+	let mut huffman_table = [0_u16; 32770];
+	// The first element is the number of bits to read
+	huffman_table[0] = 15;
+
+	let mut n = 0;
+	for x in TABLE {
+		let first_byte = x >> 8;
+		let repeats = 0x8000 >> first_byte;
+		for _ in 0_u16..repeats {
+			n += 1;
+			huffman_table[n] = x;
+		}
+	}
+
+	let mut sum = 0;
+	let mut image = vec![0_u16; width * height];
+	for column in (0..width).rev() {
+		for row in (0..height).step_by(2).chain((1..height).step_by(2)) {
+			sum += ljpeg_diff(&huffman_table, file, None);
+
+			if (sum >> 12) != 0 {
+				return None;
+			}
+
+			if row < height {
+				image[row * width + column] = sum as u16;
+			}
+		}
+	}
+
+	Some(image)
+}
diff --git a/libraries/rawkit/src/decoder/arw2.rs b/libraries/rawkit/src/decoder/arw2.rs
new file mode 100644
index 0000000000000000000000000000000000000000..676880f1fbdb4367895152339f3b5e10eacd608d
--- /dev/null
+++ b/libraries/rawkit/src/decoder/arw2.rs
@@ -0,0 +1,126 @@
+use crate::tiff::file::{Endian, TiffRead};
+use crate::tiff::tags::{BitsPerSample, CfaPattern, CfaPatternDim, Compression, ImageLength, ImageWidth, SonyToneCurve, StripByteCounts, StripOffsets, Tag, WhiteBalanceRggbLevels};
+use crate::tiff::values::CurveLookupTable;
+use crate::tiff::{Ifd, TiffError};
+use crate::{RawImage, SubtractBlack, Transform};
+use rawkit_proc_macros::Tag;
+use std::io::{Read, Seek};
+
+#[allow(dead_code)]
+#[derive(Tag)]
+struct Arw2Ifd {
+	image_width: ImageWidth,
+	image_height: ImageLength,
+	bits_per_sample: BitsPerSample,
+	compression: Compression,
+	cfa_pattern: CfaPattern,
+	cfa_pattern_dim: CfaPatternDim,
+	strip_offsets: StripOffsets,
+	strip_byte_counts: StripByteCounts,
+	sony_tone_curve: SonyToneCurve,
+	white_balance_levels: Option<WhiteBalanceRggbLevels>,
+}
+
+pub fn decode<R: Read + Seek>(ifd: Ifd, file: &mut TiffRead<R>) -> RawImage {
+	let ifd = ifd.get_value::<Arw2Ifd, _>(file).unwrap();
+
+	assert!(ifd.strip_offsets.len() == ifd.strip_byte_counts.len());
+	assert!(ifd.strip_offsets.len() == 1);
+	assert!(ifd.compression == 32767);
+
+	let image_width: usize = ifd.image_width.try_into().unwrap();
+	let image_height: usize = ifd.image_height.try_into().unwrap();
+	let bits_per_sample: usize = ifd.bits_per_sample.into();
+	assert!(bits_per_sample == 12);
+
+	let [cfa_pattern_width, cfa_pattern_height] = ifd.cfa_pattern_dim;
+	assert!(cfa_pattern_width == 2 && cfa_pattern_height == 2);
+
+	file.seek_from_start(ifd.strip_offsets[0]).unwrap();
+	let mut image = sony_arw2_load_raw(image_width, image_height, ifd.sony_tone_curve, file).unwrap();
+
+	// Converting the bps from 12 to 14 so that ARW 2.3.1 and 2.3.5 have the same 14 bps.
+	image.iter_mut().for_each(|x| *x <<= 2);
+
+	RawImage {
+		data: image,
+		width: image_width,
+		height: image_height,
+		cfa_pattern: ifd.cfa_pattern.try_into().unwrap(),
+		maximum: (1 << 14) - 1,
+		black: SubtractBlack::CfaGrid([512, 512, 512, 512]), // TODO: Find the correct way to do this
+		transform: Transform::Horizontal,
+		camera_model: None,
+		camera_white_balance: ifd.white_balance_levels.map(|arr| arr.map(|x| x as f64)),
+		white_balance: None,
+		camera_to_rgb: None,
+	}
+}
+
+fn as_u32(buffer: &[u8], endian: Endian) -> Option<u32> {
+	Some(match endian {
+		Endian::Little => u32::from_le_bytes(buffer.try_into().ok()?),
+		Endian::Big => u32::from_be_bytes(buffer.try_into().ok()?),
+	})
+}
+
+fn as_u16(buffer: &[u8], endian: Endian) -> Option<u16> {
+	Some(match endian {
+		Endian::Little => u16::from_le_bytes(buffer.try_into().ok()?),
+		Endian::Big => u16::from_be_bytes(buffer.try_into().ok()?),
+	})
+}
+
+fn sony_arw2_load_raw<R: Read + Seek>(width: usize, height: usize, curve: CurveLookupTable, file: &mut TiffRead<R>) -> Option<Vec<u16>> {
+	let mut image = vec![0_u16; height * width];
+	let mut data = vec![0_u8; width + 1];
+
+	for row in 0..height {
+		file.read_exact(&mut data[0..width]).unwrap();
+
+		let mut column = 0;
+		let mut data_index = 0;
+
+		while column < width - 30 {
+			let data_value = as_u32(&data[data_index..][..4], file.endian()).unwrap();
+			let max = (0x7ff & data_value) as u16;
+			let min = (0x7ff & data_value >> 11) as u16;
+			let index_to_set_max = 0x0f & data_value >> 22;
+			let index_to_set_min = 0x0f & data_value >> 26;
+
+			let max_minus_min = max as i32 - min as i32;
+			let shift_by_bits = (0..4).find(|&shift| (0x80 << shift) > max_minus_min).unwrap_or(4);
+
+			let mut pixels = [0_u16; 16];
+			let mut bit = 30;
+			for (i, pixel) in pixels.iter_mut().enumerate() {
+				*pixel = match () {
+					_ if i as u32 == index_to_set_max => max,
+					_ if i as u32 == index_to_set_min => min,
+					_ => {
+						let result = as_u16(&data[(data_index + (bit >> 3))..][..2], file.endian()).unwrap();
+						let result = ((result >> (bit & 7)) & 0x07f) << shift_by_bits;
+
+						bit += 7;
+
+						(result + min).min(0x7ff)
+					}
+				};
+			}
+
+			for value in pixels {
+				image[row * width + column] = curve.get((value << 1).into()) >> 2;
+
+				// Skip between interlaced columns
+				column += 2;
+			}
+
+			// Switch to the opposite interlaced columns
+			column -= if column & 1 == 0 { 31 } else { 1 };
+
+			data_index += 16;
+		}
+	}
+
+	Some(image)
+}
diff --git a/libraries/rawkit/src/decoder/mod.rs b/libraries/rawkit/src/decoder/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..606b993a5be233cbc4458d8723f54ec965de1f3b
--- /dev/null
+++ b/libraries/rawkit/src/decoder/mod.rs
@@ -0,0 +1,3 @@
+pub mod arw1;
+pub mod arw2;
+pub mod uncompressed;
diff --git a/libraries/rawkit/src/decoder/uncompressed.rs b/libraries/rawkit/src/decoder/uncompressed.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cd8ca51f52321f77f2535bba368d1bde9efe67c8
--- /dev/null
+++ b/libraries/rawkit/src/decoder/uncompressed.rs
@@ -0,0 +1,66 @@
+use crate::tiff::file::TiffRead;
+use crate::tiff::tags::{BitsPerSample, BlackLevel, CfaPattern, CfaPatternDim, Compression, ImageLength, ImageWidth, RowsPerStrip, StripByteCounts, StripOffsets, Tag, WhiteBalanceRggbLevels};
+use crate::tiff::{Ifd, TiffError};
+use crate::{RawImage, SubtractBlack, Transform};
+use rawkit_proc_macros::Tag;
+use std::io::{Read, Seek};
+
+#[allow(dead_code)]
+#[derive(Tag)]
+struct ArwUncompressedIfd {
+	image_width: ImageWidth,
+	image_height: ImageLength,
+	rows_per_strip: RowsPerStrip,
+	bits_per_sample: BitsPerSample,
+	compression: Compression,
+	black_level: BlackLevel,
+	cfa_pattern: CfaPattern,
+	cfa_pattern_dim: CfaPatternDim,
+	strip_offsets: StripOffsets,
+	strip_byte_counts: StripByteCounts,
+	white_balance_levels: Option<WhiteBalanceRggbLevels>,
+}
+
+pub fn decode<R: Read + Seek>(ifd: Ifd, file: &mut TiffRead<R>) -> RawImage {
+	let ifd = ifd.get_value::<ArwUncompressedIfd, _>(file).unwrap();
+
+	assert!(ifd.strip_offsets.len() == ifd.strip_byte_counts.len());
+	assert!(ifd.strip_offsets.len() == 1);
+	assert!(ifd.compression == 1); // 1 is the value for uncompressed format
+
+	let image_width: usize = ifd.image_width.try_into().unwrap();
+	let image_height: usize = ifd.image_height.try_into().unwrap();
+	let rows_per_strip: usize = ifd.rows_per_strip.try_into().unwrap();
+	let bits_per_sample: usize = ifd.bits_per_sample.into();
+	let [cfa_pattern_width, cfa_pattern_height] = ifd.cfa_pattern_dim;
+	assert!(cfa_pattern_width == 2 && cfa_pattern_height == 2);
+
+	let mut image: Vec<u16> = Vec::with_capacity(image_height * image_width);
+
+	for i in 0..ifd.strip_offsets.len() {
+		file.seek_from_start(ifd.strip_offsets[i]).unwrap();
+
+		let last = i == ifd.strip_offsets.len();
+		let rows = if last { image_height % rows_per_strip } else { rows_per_strip };
+
+		for _ in 0..rows {
+			for _ in 0..image_width {
+				image.push(file.read_u16().unwrap());
+			}
+		}
+	}
+
+	RawImage {
+		data: image,
+		width: image_width,
+		height: image_height,
+		cfa_pattern: ifd.cfa_pattern.try_into().unwrap(),
+		maximum: if bits_per_sample == 16 { u16::MAX } else { (1 << bits_per_sample) - 1 },
+		black: SubtractBlack::CfaGrid(ifd.black_level),
+		transform: Transform::Horizontal,
+		camera_model: None,
+		camera_white_balance: ifd.white_balance_levels.map(|arr| arr.map(|x| x as f64)),
+		white_balance: None,
+		camera_to_rgb: None,
+	}
+}
diff --git a/libraries/rawkit/src/demosaicing/linear_demosaicing.rs b/libraries/rawkit/src/demosaicing/linear_demosaicing.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cd96b1b8bb4ebe5b9744ddc803ef071651910242
--- /dev/null
+++ b/libraries/rawkit/src/demosaicing/linear_demosaicing.rs
@@ -0,0 +1,81 @@
+use crate::{Pixel, RawImage};
+
+fn average(data: &[u16], indexes: impl Iterator<Item = i64>) -> u16 {
+	let mut sum = 0;
+	let mut count = 0;
+	for index in indexes {
+		if index >= 0 && (index as usize) < data.len() {
+			sum += data[index as usize] as u32;
+			count += 1;
+		}
+	}
+
+	(sum / count) as u16
+}
+
+impl RawImage {
+	pub fn linear_demosaic_iter(&self) -> impl Iterator<Item = Pixel> + use<'_> {
+		match self.cfa_pattern {
+			[0, 1, 1, 2] => self.linear_demosaic_rggb_iter(),
+			_ => todo!(),
+		}
+	}
+
+	fn linear_demosaic_rggb_iter(&self) -> impl Iterator<Item = Pixel> + use<'_> {
+		let width = self.width as i64;
+		let height = self.height as i64;
+
+		(0..height).flat_map(move |row| {
+			let row_by_width = row * width;
+
+			(0..width).map(move |column| {
+				let pixel_index = row_by_width + column;
+
+				let vertical_indexes = [pixel_index + width, pixel_index - width];
+				let horizontal_indexes = [pixel_index + 1, pixel_index - 1];
+				let cross_indexes = [pixel_index + width, pixel_index - width, pixel_index + 1, pixel_index - 1];
+				let diagonal_indexes = [pixel_index + width + 1, pixel_index - width + 1, pixel_index + width - 1, pixel_index - width - 1];
+
+				let pixel_index = pixel_index as usize;
+				match (row % 2 == 0, column % 2 == 0) {
+					(true, true) => Pixel {
+						values: [
+							self.data[pixel_index],
+							average(&self.data, cross_indexes.into_iter()),
+							average(&self.data, diagonal_indexes.into_iter()),
+						],
+						row: row as usize,
+						column: column as usize,
+					},
+					(true, false) => Pixel {
+						values: [
+							average(&self.data, horizontal_indexes.into_iter()),
+							self.data[pixel_index],
+							average(&self.data, vertical_indexes.into_iter()),
+						],
+						row: row as usize,
+						column: column as usize,
+					},
+					(false, true) => Pixel {
+						values: [
+							average(&self.data, vertical_indexes.into_iter()),
+							self.data[pixel_index],
+							average(&self.data, horizontal_indexes.into_iter()),
+						],
+						row: row as usize,
+						column: column as usize,
+					},
+					(false, false) => Pixel {
+						values: [
+							average(&self.data, diagonal_indexes.into_iter()),
+							average(&self.data, cross_indexes.into_iter()),
+							self.data[pixel_index],
+						],
+						row: row as usize,
+						column: column as usize,
+					},
+				}
+			})
+		})
+	}
+}
diff --git a/libraries/rawkit/src/demosaicing/mod.rs b/libraries/rawkit/src/demosaicing/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6fe99b8e63e3ec9c97ea6e62a435b3064246895c
--- /dev/null
+++ b/libraries/rawkit/src/demosaicing/mod.rs
@@ -0,0 +1 @@
+pub mod linear_demosaicing;
diff --git a/libraries/rawkit/src/lib.rs b/libraries/rawkit/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d20c5f9b40b4f7b51cec8fd8fe84a147ae17b60b
--- /dev/null
+++ b/libraries/rawkit/src/lib.rs
@@ -0,0 +1,262 @@
+pub mod decoder;
+pub mod demosaicing;
+pub mod metadata;
+pub mod postprocessing;
+pub mod preprocessing;
+pub mod processing;
+pub mod tiff;
+
+use crate::metadata::identify::CameraModel;
+use processing::{Pixel, PixelTransform, RawPixel, RawPixelTransform};
+use rawkit_proc_macros::Tag;
+use std::io::{Read, Seek};
+use thiserror::Error;
+use tiff::file::TiffRead;
+use tiff::tags::{Compression, ImageLength, ImageWidth, Orientation, StripByteCounts, SubIfd, Tag};
+use tiff::values::Transform;
+use tiff::{Ifd, TiffError};
+
+pub(crate) const CHANNELS_IN_RGB: usize = 3;
+pub(crate) type Histogram = [[usize; 0x2000]; CHANNELS_IN_RGB];
+
+/// The amount of black level to be subtracted from Raw Image.
+pub enum SubtractBlack {
+	/// Don't subtract any value.
+	None,
+
+	/// Subtract a singular value for all pixels in Bayer CFA Grid.
+	Value(u16),
+
+	/// Subtract the appropriate value for pixels in Bayer CFA Grid.
+	CfaGrid([u16; 4]),
+}
+
+/// Represents a Raw Image along with its metadata.
+pub struct RawImage {
+	/// Raw pixel data stored in linear fashion.
+	pub data: Vec<u16>,
+
+	/// Width of the raw image.
+	pub width: usize,
+
+	/// Height of the raw image.
+	pub height: usize,
+
+	/// Bayer CFA pattern used to arrange pixels in [`RawImage::data`].
+	///
+	/// It encodes Red, Blue and Green as 0, 1, and 2 respectively.
+	pub cfa_pattern: [u8; 4],
+
+	/// Transformation to be applied to negate the orientation of camera.
+	pub transform: Transform,
+
+	/// The maximum possible value of pixel that the camera sensor could give.
+	pub maximum: u16,
+
+	/// The minimum possible value of pixel that the camera sensor could give.
+	///
+	/// Used to subtract the black level from the raw image.
+	pub black: SubtractBlack,
+
+	/// Information regarding the company and model of the camera.
+	pub camera_model: Option<CameraModel>,
+
+	/// White balance specified in the metadata of the raw file.
+	///
+	/// It represents the 4 values of CFA Grid which follows the same pattern as [`RawImage::cfa_pattern`].
+	pub camera_white_balance: Option<[f64; 4]>,
+
+	/// White balance of the raw image.
+	///
+	/// It is the same as [`RawImage::camera_white_balance`] if the raw file contains the metadata.
+	/// Otherwise it falls back to calculating the white balance from the color space conversion matrix.
+	///
+	/// It represents the 4 values of CFA Grid which follows the same pattern as [`RawImage::cfa_pattern`].
+	pub white_balance: Option<[f64; 4]>,
+
+	/// Color space conversion matrix to convert from camera's color space to sRGB.
+	pub camera_to_rgb: Option<[[f64; 3]; 3]>,
+}
+
+/// Represents the final RGB Image.
+pub struct Image<T> {
+	/// Pixel data stored in a linear fashion.
+	pub data: Vec<T>,
+
+	/// Width of the image.
+	pub width: usize,
+
+	/// Height of the image.
+	pub height: usize,
+
+	/// The number of color channels in the image.
+	///
+	/// We can assume this will be 3 for all non-obscure, modern cameras.
+	/// See <https://github.com/GraphiteEditor/Graphite/pull/1923#discussion_r1725070342> for more information.
+	pub channels: u8,
+
+	/// The transformation required to orient the image correctly.
+	///
+	/// This will be [`Transform::Horizontal`] after the transform step is applied.
+	pub transform: Transform,
+}
+
+#[allow(dead_code)]
+#[derive(Tag)]
+struct ArwIfd {
+	image_width: ImageWidth,
+	image_height: ImageLength,
+	compression: Compression,
+	strip_byte_counts: StripByteCounts,
+}
+
+impl RawImage {
+	/// Create a [`RawImage`] from an input stream.
+	///
+	/// Decodes the contents of `reader` and extracts raw pixel data and metadata.
+	pub fn decode<R: Read + Seek>(reader: &mut R) -> Result<RawImage, DecoderError> {
+		let mut file = TiffRead::new(reader)?;
+		let ifd = Ifd::new_first_ifd(&mut file)?;
+
+		let camera_model = metadata::identify::identify_camera_model(&ifd, &mut file).unwrap();
+		let transform = ifd.get_value::<Orientation, _>(&mut file)?;
+
+		let mut raw_image = if camera_model.model == "DSLR-A100" {
+			decoder::arw1::decode_a100(ifd, &mut file)
+		} else {
+			let sub_ifd = ifd.get_value::<SubIfd, _>(&mut file)?;
+			let arw_ifd = sub_ifd.get_value::<ArwIfd, _>(&mut file)?;
+
+			if arw_ifd.compression == 1 {
+				decoder::uncompressed::decode(sub_ifd, &mut file)
+			} else if arw_ifd.strip_byte_counts[0] == arw_ifd.image_width * arw_ifd.image_height {
+				decoder::arw2::decode(sub_ifd, &mut file)
+			} else {
+				// TODO: implement for arw 1.
+				todo!()
+			}
+		};
+
+		raw_image.camera_model = Some(camera_model);
+		raw_image.transform = transform;
+
+		raw_image.calculate_conversion_matrices();
+
+		Ok(raw_image)
+	}
+
+	/// Converts the [`RawImage`] to an [`Image`] with 8 bit resolution for each channel.
+	///
+	/// Applies all the processing steps to finally get RGB pixel data.
+	pub fn process_8bit(self) -> Image<u8> {
+		let image = self.process_16bit();
+
+		Image {
+			channels: image.channels,
+			data: image.data.iter().map(|x| (x >> 8) as u8).collect(),
+			width: image.width,
+			height: image.height,
+			transform: image.transform,
+		}
+	}
+
+	/// Converts the [`RawImage`] to an [`Image`] with 16 bit resolution for each channel.
+	///
+	/// Applies all the processing steps to finally get RGB pixel data.
+	pub fn process_16bit(self) -> Image<u16> {
+		let subtract_black = self.subtract_black_fn();
+		let scale_white_balance = self.scale_white_balance_fn();
+		let scale_to_16bit = self.scale_to_16bit_fn();
+		let raw_image = self.apply((subtract_black, scale_white_balance, scale_to_16bit));
+
+		let convert_to_rgb = raw_image.convert_to_rgb_fn();
+		let mut record_histogram = raw_image.record_histogram_fn();
+		let image = raw_image.demosaic_and_apply((convert_to_rgb, &mut record_histogram));
+
+		let gamma_correction = image.gamma_correction_fn(&record_histogram.histogram);
+		if image.transform == Transform::Horizontal {
+			image.apply(gamma_correction)
+		} else {
+			image.transform_and_apply(gamma_correction)
+		}
+	}
+}
+
+impl RawImage {
+	pub fn apply(mut self, mut transform: impl RawPixelTransform) -> RawImage {
+		for (index, value) in self.data.iter_mut().enumerate() {
+			let pixel = RawPixel {
+				value: *value,
+				row: index / self.width,
+				column: index % self.width,
+			};
+			*value = transform.apply(pixel);
+		}
+
+		self
+	}
+
+	pub fn demosaic_and_apply(self, mut transform: impl PixelTransform) -> Image<u16> {
+		let mut image = vec![0; self.width * self.height * 3];
+		for Pixel { values, row, column } in self.linear_demosaic_iter().map(|mut pixel| {
+			pixel.values = transform.apply(pixel);
+			pixel
+		}) {
+			let pixel_index = row * self.width + column;
+			image[3 * pixel_index..3 * (pixel_index + 1)].copy_from_slice(&values);
+		}
+
+		Image {
+			channels: 3,
+			data: image,
+			width: self.width,
+			height: self.height,
+			transform: self.transform,
+		}
+	}
+}
+
+impl Image<u16> {
+	pub fn apply(mut self, mut transform: impl PixelTransform) -> Image<u16> {
+		for (index, values) in self.data.chunks_exact_mut(3).enumerate() {
+			let pixel = Pixel {
+				values: values.try_into().unwrap(),
+				row: index / self.width,
+				column: index % self.width,
+			};
+			values.copy_from_slice(&transform.apply(pixel));
+		}
+
+		self
+	}
+
+	pub fn transform_and_apply(self, mut transform: impl PixelTransform) -> Image<u16> {
+		let mut image = vec![0; self.width * self.height * 3];
+		let (width, height, iter) = self.transform_iter();
+		for Pixel { values, row, column } in iter.map(|mut pixel| {
+			pixel.values = transform.apply(pixel);
+			pixel
+		}) {
+			let pixel_index = row * width + column;
+			image[3 * pixel_index..3 * (pixel_index + 1)].copy_from_slice(&values);
+		}
+
+		Image {
+			channels: 3,
+			data: image,
+			width,
+			height,
+			transform: Transform::Horizontal,
+		}
+	}
+}
+
+#[derive(Error, Debug)]
+pub enum DecoderError {
+	#[error("An error occurred when trying to parse the TIFF format")]
+	TiffError(#[from] TiffError),
+	#[error("An error occurred when converting integer from one type to another")]
+	ConversionError(#[from] std::num::TryFromIntError),
+	#[error("An IO Error ocurred")]
+	IoError(#[from] std::io::Error),
+}
diff --git a/libraries/rawkit/src/metadata/camera_data.rs b/libraries/rawkit/src/metadata/camera_data.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f387dfb52a477926c7700ceebce87057e5fa4caa
--- /dev/null
+++ b/libraries/rawkit/src/metadata/camera_data.rs
@@ -0,0 +1,118 @@
+use crate::RawImage;
+use rawkit_proc_macros::build_camera_data;
+
+pub struct CameraData {
+	pub black: u16,
+	pub maximum: u16,
+	pub xyz_to_camera: [i16; 9],
+}
+
+impl CameraData {
+	const DEFAULT: CameraData = CameraData {
+		black: 0,
+		maximum: 0,
+		xyz_to_camera: [0; 9],
+	};
+}
+
+const CAMERA_DATA: [(&str, CameraData); 40] = build_camera_data!();
+
+const RGB_TO_XYZ: [[f64; 3]; 3] = [
+	// Matrix:
+	[0.412453, 0.357580, 0.180423],
+	[0.212671, 0.715160, 0.072169],
+	[0.019334, 0.119193, 0.950227],
+];
+
+impl RawImage {
+	pub fn calculate_conversion_matrices(&mut self) {
+		let Some(ref camera_model) = self.camera_model else { return };
+		let camera_name_needle = camera_model.make.to_owned() + " " + &camera_model.model;
+
+		let xyz_to_camera = CAMERA_DATA
+			.iter()
+			.find(|(camera_name_haystack, _)| camera_name_needle == *camera_name_haystack)
+			.map(|(_, data)| data.xyz_to_camera.map(|x| (x as f64) / 10_000.));
+		let Some(xyz_to_camera) = xyz_to_camera else { return };
+
+		let mut rgb_to_camera = [[0.; 3]; 3];
+		for i in 0..3 {
+			for j in 0..3 {
+				for k in 0..3 {
+					rgb_to_camera[i][j] += RGB_TO_XYZ[k][j] * xyz_to_camera[i * 3 + k];
+				}
+			}
+		}
+
+		let white_balance_multiplier = rgb_to_camera.map(|x| 1. / x.iter().sum::<f64>());
+		for (index, row) in rgb_to_camera.iter_mut().enumerate() {
+			*row = row.map(|x| x * white_balance_multiplier[index]);
+		}
+		let camera_to_rgb = transpose(pseudoinverse(rgb_to_camera));
+
+		let cfa_white_balance_multiplier = if let Some(white_balance) = self.camera_white_balance {
+			white_balance
+		} else {
+			self.cfa_pattern.map(|index| white_balance_multiplier[index as usize])
+		};
+
+		self.white_balance = Some(cfa_white_balance_multiplier);
+		self.camera_to_rgb = Some(camera_to_rgb);
+	}
+}
+
+#[allow(clippy::needless_range_loop)]
+fn pseudoinverse<const N: usize>(matrix: [[f64; 3]; N]) -> [[f64; 3]; N] {
+	let mut output_matrix = [[0.; 3]; N];
+	let mut work = [[0.; 6]; 3];
+
+	for i in 0..3 {
+		for j in 0..6 {
+			work[i][j] = if j == i + 3 { 1. } else { 0. };
+		}
+		for j in 0..3 {
+			for k in 0..N {
+				work[i][j] += matrix[k][i] * matrix[k][j];
+			}
+		}
+	}
+
+	for i in 0..3 {
+		let num = work[i][i];
+		for j in 0..6 {
+			work[i][j] /= num;
+		}
+		for k in 0..3 {
+			if k == i {
+				continue;
+			}
+			let num = work[k][i];
+			for j in 0..6 {
+				work[k][j] -= work[i][j] * num;
+			}
+		}
+	}
+
+	for i in 0..N {
+		for j in 0..3 {
+			output_matrix[i][j] = 0.;
+			for k in 0..3 {
+				output_matrix[i][j] += work[j][k + 3] * matrix[i][k];
+			}
+		}
+	}
+
+	output_matrix
+}
+
+fn transpose<const N: usize>(matrix: [[f64; 3]; N]) -> [[f64; N]; 3] {
+	let mut output_matrix = [[0.; N]; 3];
+
+	for (i, row) in matrix.iter().enumerate() {
+		for (j, &value) in row.iter().enumerate() {
+			output_matrix[j][i] = value;
+		}
+	}
+
+	output_matrix
+}
diff --git a/libraries/rawkit/src/metadata/identify.rs b/libraries/rawkit/src/metadata/identify.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f9bc28632f7a7fe2d34d0188704c0f1c6a71c09a
--- /dev/null
+++ b/libraries/rawkit/src/metadata/identify.rs
@@ -0,0 +1,59 @@
+use crate::tiff::file::TiffRead;
+use crate::tiff::tags::{Make, Model, Tag};
+use crate::tiff::{Ifd, TiffError};
+use rawkit_proc_macros::Tag;
+use std::io::{Read, Seek};
+
+const COMPANY_NAMES: [&str; 22] = [
+	"AgfaPhoto",
+	"Canon",
+	"Casio",
+	"Epson",
+	"Fujifilm",
+	"Mamiya",
+	"Minolta",
+	"Motorola",
+	"Kodak",
+	"Konica",
+	"Leica",
+	"Nikon",
+	"Nokia",
+	"Olympus",
+	"Ricoh",
+	"Pentax",
+	"Phase One",
+	"Samsung",
+	"Sigma",
+	"Sinar",
+	"Sony",
+	"YI",
+];
+
+#[allow(dead_code)]
+#[derive(Tag)]
+struct CameraModelIfd {
+	make: Make,
+	model: Model,
+}
+
+pub struct CameraModel {
+	pub make: String,
+	pub model: String,
+}
+
+pub fn identify_camera_model<R: Read + Seek>(ifd: &Ifd, file: &mut TiffRead<R>) -> Option<CameraModel> {
+	let mut ifd = ifd.get_value::<CameraModelIfd, _>(file).unwrap();
+
+	ifd.make.make_ascii_lowercase();
+	for company_name in COMPANY_NAMES {
+		let lowercase_company_name = company_name.to_ascii_lowercase();
+		if ifd.make.contains(&lowercase_company_name) {
+			return Some(CameraModel {
+				make: company_name.to_string(),
+				model: ifd.model,
+			});
+		}
+	}
+
+	None
+}
diff --git a/libraries/rawkit/src/metadata/mod.rs b/libraries/rawkit/src/metadata/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e66de3a721c0c796d6d9aaa7d1480d18d46796da
--- /dev/null
+++ b/libraries/rawkit/src/metadata/mod.rs
@@ -0,0 +1,2 @@
+pub mod camera_data;
+pub mod identify;
diff --git a/libraries/rawkit/src/postprocessing/convert_to_rgb.rs b/libraries/rawkit/src/postprocessing/convert_to_rgb.rs
new file mode 100644
index 0000000000000000000000000000000000000000..50f95f0517212952e6184dd2d9183ab8698c1edc
--- /dev/null
+++ b/libraries/rawkit/src/postprocessing/convert_to_rgb.rs
@@ -0,0 +1,13 @@
+use crate::{CHANNELS_IN_RGB, Pixel, RawImage};
+
+impl RawImage {
+	pub fn convert_to_rgb_fn(&self) -> impl Fn(Pixel) -> [u16; CHANNELS_IN_RGB] + use<> {
+		let Some(camera_to_rgb) = self.camera_to_rgb else { todo!() };
+
+		move |pixel: Pixel| {
+			std::array::from_fn(|i| i)
+				.map(|i| camera_to_rgb[i].iter().zip(pixel.values.iter()).map(|(&coeff, &value)| coeff * value as f64).sum())
+				.map(|x: f64| (x as u16).clamp(0, u16::MAX))
+		}
+	}
+}
diff --git a/libraries/rawkit/src/postprocessing/gamma_correction.rs b/libraries/rawkit/src/postprocessing/gamma_correction.rs
new file mode 100644
index 0000000000000000000000000000000000000000..86f5d672528ef84720b92805123a32c2402173af
--- /dev/null
+++ b/libraries/rawkit/src/postprocessing/gamma_correction.rs
@@ -0,0 +1,84 @@
+use crate::{CHANNELS_IN_RGB, Histogram, Image, Pixel};
+use std::f64::consts::E;
+
+impl Image<u16> {
+	pub fn gamma_correction_fn(&self, histogram: &Histogram) -> impl Fn(Pixel) -> [u16; CHANNELS_IN_RGB] + use<> {
+		let percentage = self.width * self.height;
+
+		let mut white = 0;
+		for channel_histogram in histogram {
+			let mut total = 0;
+			for i in (0x20..0x2000).rev() {
+				total += channel_histogram[i] as u64;
+
+				if total * 100 > percentage as u64 {
+					white = white.max(i);
+					break;
+				}
+			}
+		}
+
+		let curve = generate_gamma_curve(0.45, 4.5, (white << 3) as f64);
+
+		move |pixel: Pixel| pixel.values.map(|value| curve[value as usize])
+	}
+}
+
+/// `max_intensity` must be non-zero.
+fn generate_gamma_curve(power: f64, threshold: f64, max_intensity: f64) -> Vec<u16> {
+	debug_assert!(max_intensity != 0.);
+
+	let (mut bound_start, mut bound_end) = if threshold >= 1. { (0., 1.) } else { (1., 0.) };
+
+	let mut transition_point = 0.;
+	let mut transition_ratio = 0.;
+	let mut curve_adjustment = 0.;
+
+	if threshold != 0. && (threshold - 1.) * (power - 1.) <= 0. {
+		for _ in 0..48 {
+			transition_point = (bound_start + bound_end) / 2.;
+
+			if power != 0. {
+				let temp_transition_ratio = transition_point / threshold;
+				let exponential_power = temp_transition_ratio.powf(-power);
+				let normalized_exponential_power = (exponential_power - 1.) / power;
+				let comparison_result = normalized_exponential_power - (1. / transition_point);
+
+				let bound_to_update = if comparison_result > -1. { &mut bound_end } else { &mut bound_start };
+				*bound_to_update = transition_point;
+			} else {
+				let adjusted_transition_point = E.powf(1. - 1. / transition_point);
+				let transition_point_ratio = transition_point / adjusted_transition_point;
+
+				let bound_to_update = if transition_point_ratio < threshold { &mut bound_end } else { &mut bound_start };
+				*bound_to_update = transition_point;
+			}
+		}
+
+		transition_ratio = transition_point / threshold;
+
+		if power != 0. {
+			curve_adjustment = transition_point * ((1. / power) - 1.);
+		}
+	}
+
+	let mut curve = vec![0xffff; 0x1_0000];
+	let length = curve.len() as f64;
+
+	for (i, entry) in curve.iter_mut().enumerate() {
+		let ratio = (i as f64) / max_intensity;
+		if ratio < 1. {
+			let altered_ratio = if ratio < transition_ratio {
+				ratio * threshold
+			} else if power != 0. {
+				ratio.powf(power) * (1. + curve_adjustment) - curve_adjustment
+			} else {
+				ratio.ln() * transition_point + 1.
+			};
+
+			*entry = (length * altered_ratio) as u16;
+		}
+	}
+
+	curve
+}
diff --git a/libraries/rawkit/src/postprocessing/mod.rs b/libraries/rawkit/src/postprocessing/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..226cbf7f9dc94f0a296471e139c56553fa609b26
--- /dev/null
+++ b/libraries/rawkit/src/postprocessing/mod.rs
@@ -0,0 +1,4 @@
+pub mod convert_to_rgb;
+pub mod gamma_correction;
+pub mod record_histogram;
+pub mod transform;
diff --git a/libraries/rawkit/src/postprocessing/record_histogram.rs b/libraries/rawkit/src/postprocessing/record_histogram.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3b22a3ffbe253afc0413c778e47453d8dbca0177
--- /dev/null
+++ b/libraries/rawkit/src/postprocessing/record_histogram.rs
@@ -0,0 +1,29 @@
+use crate::{CHANNELS_IN_RGB, Histogram, Pixel, PixelTransform, RawImage};
+
+impl RawImage {
+	pub fn record_histogram_fn(&self) -> RecordHistogram {
+		RecordHistogram::new()
+	}
+}
+
+pub struct RecordHistogram {
+	pub histogram: Histogram,
+}
+
+impl RecordHistogram {
+	fn new() -> RecordHistogram {
+		RecordHistogram {
+			histogram: [[0; 0x2000]; CHANNELS_IN_RGB],
+		}
+	}
+}
+
+impl PixelTransform for &mut RecordHistogram {
+	fn apply(&mut self, pixel: Pixel) -> [u16; CHANNELS_IN_RGB] {
+		self.histogram
+			.iter_mut()
+			.zip(pixel.values.iter())
+			.for_each(|(histogram, &value)| histogram[value as usize >> CHANNELS_IN_RGB] += 1);
+		pixel.values
+	}
+}
diff --git a/libraries/rawkit/src/postprocessing/transform.rs b/libraries/rawkit/src/postprocessing/transform.rs
new file mode 100644
index 0000000000000000000000000000000000000000..5ffe49571297191cc49de6ed0ef89beadd4ee6d7
--- /dev/null
+++ b/libraries/rawkit/src/postprocessing/transform.rs
@@ -0,0 +1,70 @@
+use crate::{Image, Pixel, Transform};
+
+impl Image<u16> {
+	pub fn transform_iter(&self) -> (usize, usize, impl Iterator<Item = Pixel> + use<'_>) {
+		let (final_width, final_height) = if self.transform.will_swap_coordinates() {
+			(self.height, self.width)
+		} else {
+			(self.width, self.height)
+		};
+
+		let index_0_0 = inverse_transform_index(self.transform, 0, 0, self.width, self.height);
+		let index_0_1 = inverse_transform_index(self.transform, 0, 1, self.width, self.height);
+		let index_1_0 = inverse_transform_index(self.transform, 1, 0, self.width, self.height);
+
+		let column_step = (index_0_1.0 - index_0_0.0, index_0_1.1 - index_0_0.1);
+		let row_step = (index_1_0.0 - index_0_0.0, index_1_0.1 - index_0_0.1);
+		let mut index = index_0_0;
+
+		let channels = self.channels as usize;
+
+		(
+			final_width,
+			final_height,
+			(0..final_height).flat_map(move |row| {
+				let temp = (0..final_width).map(move |column| {
+					let initial_index = (self.width as i64 * index.0 + index.1) as usize;
+					let pixel = &self.data[channels * initial_index..channels * (initial_index + 1)];
+					index = (index.0 + column_step.0, index.1 + column_step.1);
+
+					Pixel {
+						values: pixel.try_into().unwrap(),
+						row,
+						column,
+					}
+				});
+
+				index = (index.0 + row_step.0, index.1 + row_step.1);
+
+				temp
+			}),
+		)
+	}
+}
+
+pub fn inverse_transform_index(transform: Transform, mut row: usize, mut column: usize, width: usize, height: usize) -> (i64, i64) {
+	let value = match transform {
+		Transform::Horizontal => 0,
+		Transform::MirrorHorizontal => 1,
+		Transform::Rotate180 => 3,
+		Transform::MirrorVertical => 2,
+		Transform::MirrorHorizontalRotate270 => 4,
+		Transform::Rotate90 => 6,
+		Transform::MirrorHorizontalRotate90 => 7,
+		Transform::Rotate270 => 5,
+	};
+
+	if value & 4 != 0 {
+		std::mem::swap(&mut row, &mut column)
+	}
+
+	if value & 2 != 0 {
+		row = height - 1 - row;
+	}
+
+	if value & 1 != 0 {
+		column = width - 1 - column;
+	}
+
+	(row as i64, column as i64)
+}
diff --git a/libraries/rawkit/src/preprocessing/mod.rs b/libraries/rawkit/src/preprocessing/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a6007872724a32a81648becc8638a07ed2bc78a4
--- /dev/null
+++ b/libraries/rawkit/src/preprocessing/mod.rs
@@ -0,0 +1,3 @@
+pub mod scale_to_16bit;
+pub mod scale_white_balance;
+pub mod subtract_black;
diff --git a/libraries/rawkit/src/preprocessing/scale_to_16bit.rs b/libraries/rawkit/src/preprocessing/scale_to_16bit.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bf7fce70bb402db73ad4d3e65497fa32f1c91596
--- /dev/null
+++ b/libraries/rawkit/src/preprocessing/scale_to_16bit.rs
@@ -0,0 +1,15 @@
+use crate::{RawImage, RawPixel, SubtractBlack};
+
+impl RawImage {
+	pub fn scale_to_16bit_fn(&self) -> impl Fn(RawPixel) -> u16 + use<> {
+		let black_level = match self.black {
+			SubtractBlack::CfaGrid(x) => x,
+			_ => unreachable!(),
+		};
+
+		let maximum = self.maximum - black_level.iter().max().unwrap();
+		let scale_to_16bit_multiplier = if maximum > 0 { u16::MAX as f64 / maximum as f64 } else { 1. };
+
+		move |pixel: RawPixel| ((pixel.value as f64) * scale_to_16bit_multiplier).min(u16::MAX as f64).max(0.) as u16
+	}
+}
diff --git a/libraries/rawkit/src/preprocessing/scale_white_balance.rs b/libraries/rawkit/src/preprocessing/scale_white_balance.rs
new file mode 100644
index 0000000000000000000000000000000000000000..34ce6a1146064feb46649dfcbb83a57a1995ecec
--- /dev/null
+++ b/libraries/rawkit/src/preprocessing/scale_white_balance.rs
@@ -0,0 +1,31 @@
+use crate::{RawImage, RawPixel};
+
+impl RawImage {
+	pub fn scale_white_balance_fn(&self) -> impl Fn(RawPixel) -> u16 + use<> {
+		let Some(mut white_balance) = self.white_balance else { todo!() };
+
+		if white_balance[1] == 0. {
+			white_balance[1] = 1.;
+		}
+
+		// TODO: Move this at its correct location when highlights are implemented correctly.
+		let highlight = 0;
+
+		let normalization_factor = if highlight == 0 {
+			white_balance.into_iter().fold(f64::INFINITY, f64::min)
+		} else {
+			white_balance.into_iter().fold(f64::NEG_INFINITY, f64::max)
+		};
+
+		let normalized_white_balance = if normalization_factor > 0.00001 {
+			white_balance.map(|x| x / normalization_factor)
+		} else {
+			[1., 1., 1., 1.]
+		};
+
+		move |pixel: RawPixel| {
+			let cfa_index = 2 * (pixel.row % 2) + (pixel.column % 2);
+			((pixel.value as f64) * normalized_white_balance[cfa_index]).min(u16::MAX as f64).max(0.) as u16
+		}
+	}
+}
diff --git a/libraries/rawkit/src/preprocessing/subtract_black.rs b/libraries/rawkit/src/preprocessing/subtract_black.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8a28c567673b1dccdf63a19944f5325081fa5a4a
--- /dev/null
+++ b/libraries/rawkit/src/preprocessing/subtract_black.rs
@@ -0,0 +1,11 @@
+use crate::RawPixel;
+use crate::{RawImage, SubtractBlack};
+
+impl RawImage {
+	pub fn subtract_black_fn(&self) -> impl Fn(RawPixel) -> u16 + use<> {
+		match self.black {
+			SubtractBlack::CfaGrid(black_levels) => move |pixel: RawPixel| pixel.value.saturating_sub(black_levels[2 * (pixel.row % 2) + (pixel.column % 2)]),
+			_ => todo!(),
+		}
+	}
+}
diff --git a/libraries/rawkit/src/processing.rs b/libraries/rawkit/src/processing.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c0730017cc65b1b1b3c72d40cad336fbefa9c4b9
--- /dev/null
+++ b/libraries/rawkit/src/processing.rs
@@ -0,0 +1,83 @@
+use crate::CHANNELS_IN_RGB;
+
+#[derive(Clone, Copy)]
+pub struct RawPixel {
+	pub value: u16,
+	pub row: usize,
+	pub column: usize,
+}
+
+#[derive(Clone, Copy)]
+pub struct Pixel {
+	pub values: [u16; CHANNELS_IN_RGB],
+	pub row: usize,
+	pub column: usize,
+}
+
+pub trait RawPixelTransform {
+	fn apply(&mut self, pixel: RawPixel) -> u16;
+}
+
+impl<T: Fn(RawPixel) -> u16> RawPixelTransform for T {
+	fn apply(&mut self, pixel: RawPixel) -> u16 {
+		self(pixel)
+	}
+}
+
+macro_rules! impl_raw_pixel_transform {
+	($($idx:tt $t:tt),+) => {
+		impl<$($t,)+> RawPixelTransform for ($($t,)+)
+		where
+			$($t: RawPixelTransform,)+
+		{
+			fn apply(&mut self, mut pixel: RawPixel) -> u16 {
+				$(pixel.value = self.$idx.apply(pixel);)*
+
+				pixel.value
+			}
+		}
+	};
+}
+
+impl_raw_pixel_transform!(0 A);
+impl_raw_pixel_transform!(0 A, 1 B);
+impl_raw_pixel_transform!(0 A, 1 B, 2 C);
+impl_raw_pixel_transform!(0 A, 1 B, 2 C, 3 D);
+impl_raw_pixel_transform!(0 A, 1 B, 2 C, 3 D, 4 E);
+impl_raw_pixel_transform!(0 A, 1 B, 2 C, 3 D, 4 E, 5 F);
+impl_raw_pixel_transform!(0 A, 1 B, 2 C, 3 D, 4 E, 5 F, 6 G);
+impl_raw_pixel_transform!(0 A, 1 B, 2 C, 3 D, 4 E, 5 F, 6 G, 7 H);
+
+pub trait PixelTransform {
+	fn apply(&mut self, pixel: Pixel) -> [u16; CHANNELS_IN_RGB];
+}
+
+impl<T: Fn(Pixel) -> [u16; CHANNELS_IN_RGB]> PixelTransform for T {
+	fn apply(&mut self, pixel: Pixel) -> [u16; CHANNELS_IN_RGB] {
+		self(pixel)
+	}
+}
+
+macro_rules! impl_pixel_transform {
+	($($idx:tt $t:tt),+) => {
+		impl<$($t,)+> PixelTransform for ($($t,)+)
+		where
+			$($t: PixelTransform,)+
+		{
+			fn apply(&mut self, mut pixel: Pixel) -> [u16; CHANNELS_IN_RGB] {
+				$(pixel.values = self.$idx.apply(pixel);)*
+
+				pixel.values
+			}
+		}
+	};
+}
+
+impl_pixel_transform!(0 A);
+impl_pixel_transform!(0 A, 1 B);
+impl_pixel_transform!(0 A, 1 B, 2 C);
+impl_pixel_transform!(0 A, 1 B, 2 C, 3 D);
+impl_pixel_transform!(0 A, 1 B, 2 C, 3 D, 4 E);
+impl_pixel_transform!(0 A, 1 B, 2 C, 3 D, 4 E, 5 F);
+impl_pixel_transform!(0 A, 1 B, 2 C, 3 D, 4 E, 5 F, 6 G);
+impl_pixel_transform!(0 A, 1 B, 2 C, 3 D, 4 E, 5 F, 6 G, 7 H);
diff --git a/libraries/rawkit/src/tiff/file.rs b/libraries/rawkit/src/tiff/file.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9792fdbfd9f7ac80dee5f0ddac444d47bba48d76
--- /dev/null
+++ b/libraries/rawkit/src/tiff/file.rs
@@ -0,0 +1,152 @@
+use std::io::{Error, ErrorKind, Read, Result, Seek, SeekFrom};
+
+#[derive(Clone, Copy, PartialEq, Eq, Debug)]
+pub enum Endian {
+	Little,
+	Big,
+}
+
+pub struct TiffRead<R: Read + Seek> {
+	reader: R,
+	endian: Endian,
+}
+
+impl<R: Read + Seek> TiffRead<R> {
+	pub fn new(mut reader: R) -> Result<Self> {
+		let error = Error::new(ErrorKind::InvalidData, "Invalid Tiff format");
+
+		let mut data = [0_u8; 2];
+		reader.read_exact(&mut data)?;
+		let endian = if data[0] == 0x49 && data[1] == 0x49 {
+			Endian::Little
+		} else if data[0] == 0x4d && data[1] == 0x4d {
+			Endian::Big
+		} else {
+			return Err(error);
+		};
+
+		reader.read_exact(&mut data)?;
+		let magic_number = match endian {
+			Endian::Little => u16::from_le_bytes(data),
+			Endian::Big => u16::from_be_bytes(data),
+		};
+		if magic_number != 42 {
+			return Err(error);
+		}
+
+		Ok(Self { reader, endian })
+	}
+
+	pub fn endian(&self) -> Endian {
+		self.endian
+	}
+}
+
+impl<R: Read + Seek> Read for TiffRead<R> {
+	fn read(&mut self, buf: &mut [u8]) -> Result<usize> {
+		self.reader.read(buf)
+	}
+}
+
+impl<R: Read + Seek> Seek for TiffRead<R> {
+	fn seek(&mut self, pos: SeekFrom) -> Result<u64> {
+		self.reader.seek(pos)
+	}
+}
+
+impl<R: Read + Seek> TiffRead<R> {
+	pub fn seek_from_start(&mut self, offset: u32) -> Result<u64> {
+		self.reader.seek(SeekFrom::Start(offset.into()))
+	}
+
+	pub fn read_ascii(&mut self) -> Result<char> {
+		let data = self.read_n::<1>()?;
+		Ok(data[0] as char)
+	}
+
+	pub fn read_n<const N: usize>(&mut self) -> Result<[u8; N]> {
+		let mut data = [0_u8; N];
+		self.read_exact(&mut data)?;
+		Ok(data)
+	}
+
+	pub fn read_u8(&mut self) -> Result<u8> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(u8::from_le_bytes(data)),
+			Endian::Big => Ok(u8::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_u16(&mut self) -> Result<u16> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(u16::from_le_bytes(data)),
+			Endian::Big => Ok(u16::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_u32(&mut self) -> Result<u32> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(u32::from_le_bytes(data)),
+			Endian::Big => Ok(u32::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_u64(&mut self) -> Result<u64> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(u64::from_le_bytes(data)),
+			Endian::Big => Ok(u64::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_i8(&mut self) -> Result<i8> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(i8::from_le_bytes(data)),
+			Endian::Big => Ok(i8::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_i16(&mut self) -> Result<i16> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(i16::from_le_bytes(data)),
+			Endian::Big => Ok(i16::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_i32(&mut self) -> Result<i32> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(i32::from_le_bytes(data)),
+			Endian::Big => Ok(i32::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_i64(&mut self) -> Result<i64> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(i64::from_le_bytes(data)),
+			Endian::Big => Ok(i64::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_f32(&mut self) -> Result<f32> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(f32::from_le_bytes(data)),
+			Endian::Big => Ok(f32::from_be_bytes(data)),
+		}
+	}
+
+	pub fn read_f64(&mut self) -> Result<f64> {
+		let data = self.read_n()?;
+		match self.endian {
+			Endian::Little => Ok(f64::from_le_bytes(data)),
+			Endian::Big => Ok(f64::from_be_bytes(data)),
+		}
+	}
+}
diff --git a/libraries/rawkit/src/tiff/mod.rs b/libraries/rawkit/src/tiff/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f9a366a2b0a6670d9ae403b8a1e9d5fac1eabd3f
--- /dev/null
+++ b/libraries/rawkit/src/tiff/mod.rs
@@ -0,0 +1,171 @@
+pub mod file;
+pub mod tags;
+mod types;
+pub mod values;
+
+use file::TiffRead;
+use num_enum::{FromPrimitive, IntoPrimitive};
+use std::fmt::Display;
+use std::io::{Read, Seek};
+use tags::Tag;
+use thiserror::Error;
+
+#[derive(Copy, Clone, Debug, PartialEq, Eq, FromPrimitive, IntoPrimitive)]
+#[repr(u16)]
+pub enum TagId {
+	ImageWidth = 0x100,
+	ImageLength = 0x101,
+	BitsPerSample = 0x102,
+	Compression = 0x103,
+	PhotometricInterpretation = 0x104,
+	Make = 0x10f,
+	Model = 0x110,
+	StripOffsets = 0x111,
+	Orientation = 0x112,
+	SamplesPerPixel = 0x115,
+	RowsPerStrip = 0x116,
+	StripByteCounts = 0x117,
+	SubIfd = 0x14a,
+	JpegOffset = 0x201,
+	JpegLength = 0x202,
+	SonyToneCurve = 0x7010,
+	BlackLevel = 0x7310,
+	WhiteBalanceRggbLevels = 0x7313,
+	CfaPatternDim = 0x828d,
+	CfaPattern = 0x828e,
+	ColorMatrix1 = 0xc621,
+	ColorMatrix2 = 0xc622,
+
+	#[num_enum(catch_all)]
+	Unknown(u16),
+}
+
+#[repr(u16)]
+#[derive(Copy, Clone, Debug, PartialEq, Eq, FromPrimitive, IntoPrimitive)]
+pub enum IfdTagType {
+	Byte = 1,
+	Ascii = 2,
+	Short = 3,
+	Long = 4,
+	Rational = 5,
+	SByte = 6,
+	Undefined = 7,
+	SShort = 8,
+	SLong = 9,
+	SRational = 10,
+	Float = 11,
+	Double = 12,
+
+	#[num_enum(catch_all)]
+	Unknown(u16),
+}
+
+#[derive(Copy, Clone, Debug)]
+pub struct IfdEntry {
+	tag: TagId,
+	the_type: IfdTagType,
+	count: u32,
+	value: u32,
+}
+
+#[derive(Clone, Debug)]
+pub struct Ifd {
+	current_ifd_offset: u32,
+	ifd_entries: Vec<IfdEntry>,
+	next_ifd_offset: Option<u32>,
+}
+
+impl Ifd {
+	pub fn new_first_ifd<R: Read + Seek>(file: &mut TiffRead<R>) -> Result<Self, TiffError> {
+		file.seek_from_start(4)?;
+		let current_ifd_offset = file.read_u32()?;
+		Ifd::new_from_offset(file, current_ifd_offset)
+	}
+
+	pub fn new_from_offset<R: Read + Seek>(file: &mut TiffRead<R>, offset: u32) -> Result<Self, TiffError> {
+		if offset == 0 {
+			return Err(TiffError::InvalidOffset);
+		}
+
+		file.seek_from_start(offset)?;
+		let num = file.read_u16()?;
+
+		let mut ifd_entries = Vec::with_capacity(num.into());
+		for _ in 0..num {
+			let tag = file.read_u16()?.into();
+			let the_type = file.read_u16()?.into();
+			let count = file.read_u32()?;
+			let value = file.read_u32()?;
+
+			ifd_entries.push(IfdEntry { tag, the_type, count, value });
+		}
+
+		let next_ifd_offset = file.read_u32()?;
+		let next_ifd_offset = if next_ifd_offset == 0 { None } else { Some(next_ifd_offset) };
+
+		Ok(Ifd {
+			current_ifd_offset: offset,
+			ifd_entries,
+			next_ifd_offset,
+		})
+	}
+
+	fn _next_ifd<R: Read + Seek>(&self, file: &mut TiffRead<R>) -> Result<Self, TiffError> {
+		Ifd::new_from_offset(file, self.next_ifd_offset.unwrap_or(0))
+	}
+
+	pub fn ifd_entries(&self) -> &[IfdEntry] {
+		&self.ifd_entries
+	}
+
+	pub fn iter(&self) -> impl Iterator<Item = &IfdEntry> {
+		self.ifd_entries.iter()
+	}
+
+	pub fn get_value<T: Tag, R: Read + Seek>(&self, file: &mut TiffRead<R>) -> Result<T::Output, TiffError> {
+		T::get(self, file)
+	}
+}
+
+impl Display for Ifd {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		f.write_str("IFD offset: ")?;
+		self.current_ifd_offset.fmt(f)?;
+		f.write_str("\n")?;
+
+		for ifd_entry in self.ifd_entries() {
+			f.write_fmt(format_args!(
+				"|- Tag: {:x?}, Type: {:?}, Count: {}, Value: {:x}\n",
+				ifd_entry.tag, ifd_entry.the_type, ifd_entry.count, ifd_entry.value
+			))?;
+		}
+
+		f.write_str("Next IFD offset: ")?;
+		if let Some(offset) = self.next_ifd_offset {
+			offset.fmt(f)?;
+		} else {
+			f.write_str("None")?;
+		}
+		f.write_str("\n")?;
+
+		Ok(())
+	}
+}
+
+#[derive(Error, Debug)]
+pub enum TiffError {
+	#[error("The value was invalid")]
+	InvalidValue,
+	#[error("The type was invalid")]
+	InvalidType,
+	#[error("The count was invalid")]
+	InvalidCount,
+	#[error("The tag was missing")]
+	MissingTag,
+	#[error("The offset was invalid or zero")]
+	InvalidOffset,
+	#[error("An error occurred when converting integer from one type to another")]
+	ConversionError(#[from] std::num::TryFromIntError),
+	#[error("An IO Error ocurred")]
+	IoError(#[from] std::io::Error),
+}
diff --git a/libraries/rawkit/src/tiff/tags.rs b/libraries/rawkit/src/tiff/tags.rs
new file mode 100644
index 0000000000000000000000000000000000000000..76eebb9181a3fd56702a1b498a403eeff52e4362
--- /dev/null
+++ b/libraries/rawkit/src/tiff/tags.rs
@@ -0,0 +1,227 @@
+use super::types::{Array, ConstArray, TagType, TypeByte, TypeIfd, TypeLong, TypeNumber, TypeOrientation, TypeSRational, TypeSShort, TypeShort, TypeSonyToneCurve, TypeString};
+use super::{Ifd, TagId, TiffError, TiffRead};
+use std::io::{Read, Seek};
+
+pub trait SimpleTag {
+	type Type: TagType;
+
+	const ID: TagId;
+	const NAME: &'static str;
+}
+
+pub struct ImageWidth;
+pub struct ImageLength;
+pub struct BitsPerSample;
+pub struct Compression;
+pub struct PhotometricInterpretation;
+pub struct Make;
+pub struct Model;
+pub struct StripOffsets;
+pub struct Orientation;
+pub struct SamplesPerPixel;
+pub struct RowsPerStrip;
+pub struct StripByteCounts;
+pub struct SubIfd;
+pub struct JpegOffset;
+pub struct JpegLength;
+pub struct SonyDataOffset;
+pub struct SonyToneCurve;
+pub struct BlackLevel;
+pub struct WhiteBalanceRggbLevels;
+pub struct CfaPatternDim;
+pub struct CfaPattern;
+pub struct ColorMatrix1;
+pub struct ColorMatrix2;
+
+impl SimpleTag for ImageWidth {
+	type Type = TypeNumber;
+
+	const ID: TagId = TagId::ImageWidth;
+	const NAME: &'static str = "Image Width";
+}
+
+impl SimpleTag for ImageLength {
+	type Type = TypeNumber;
+
+	const ID: TagId = TagId::ImageLength;
+	const NAME: &'static str = "Image Length";
+}
+
+impl SimpleTag for BitsPerSample {
+	type Type = TypeShort;
+
+	const ID: TagId = TagId::BitsPerSample;
+	const NAME: &'static str = "Bits per Sample";
+}
+
+impl SimpleTag for Compression {
+	type Type = TypeShort;
+
+	const ID: TagId = TagId::Compression;
+	const NAME: &'static str = "Compression";
+}
+
+impl SimpleTag for PhotometricInterpretation {
+	type Type = TypeShort;
+
+	const ID: TagId = TagId::PhotometricInterpretation;
+	const NAME: &'static str = "Photometric Interpretation";
+}
+
+impl SimpleTag for Make {
+	type Type = TypeString;
+
+	const ID: TagId = TagId::Make;
+	const NAME: &'static str = "Make";
+}
+
+impl SimpleTag for Model {
+	type Type = TypeString;
+
+	const ID: TagId = TagId::Model;
+	const NAME: &'static str = "Model";
+}
+
+impl SimpleTag for StripOffsets {
+	type Type = Array<TypeNumber>;
+
+	const ID: TagId = TagId::StripOffsets;
+	const NAME: &'static str = "Strip Offsets";
+}
+
+impl SimpleTag for Orientation {
+	type Type = TypeOrientation;
+
+	const ID: TagId = TagId::Orientation;
+	const NAME: &'static str = "Orientation";
+}
+
+impl SimpleTag for SamplesPerPixel {
+	type Type = TypeShort;
+
+	const ID: TagId = TagId::SamplesPerPixel;
+	const NAME: &'static str = "Samples per Pixel";
+}
+
+impl SimpleTag for RowsPerStrip {
+	type Type = TypeNumber;
+
+	const ID: TagId = TagId::RowsPerStrip;
+	const NAME: &'static str = "Rows per Strip";
+}
+
+impl SimpleTag for StripByteCounts {
+	type Type = Array<TypeNumber>;
+
+	const ID: TagId = TagId::StripByteCounts;
+	const NAME: &'static str = "Strip Byte Counts";
+}
+
+impl SimpleTag for SubIfd {
+	type Type = TypeIfd;
+
+	const ID: TagId = TagId::SubIfd;
+	const NAME: &'static str = "SubIFD";
+}
+
+impl SimpleTag for JpegOffset {
+	type Type = TypeLong;
+
+	const ID: TagId = TagId::JpegOffset;
+	const NAME: &'static str = "Jpeg Offset";
+}
+
+impl SimpleTag for JpegLength {
+	type Type = TypeLong;
+
+	const ID: TagId = TagId::JpegLength;
+	const NAME: &'static str = "Jpeg Length";
+}
+
+impl SimpleTag for CfaPatternDim {
+	type Type = ConstArray<TypeShort, 2>;
+
+	const ID: TagId = TagId::CfaPatternDim;
+	const NAME: &'static str = "CFA Pattern Dimension";
+}
+
+impl SimpleTag for CfaPattern {
+	type Type = Array<TypeByte>;
+
+	const ID: TagId = TagId::CfaPattern;
+	const NAME: &'static str = "CFA Pattern";
+}
+
+impl SimpleTag for ColorMatrix1 {
+	type Type = Array<TypeSRational>;
+
+	const ID: TagId = TagId::ColorMatrix1;
+	const NAME: &'static str = "Color Matrix 1";
+}
+
+impl SimpleTag for ColorMatrix2 {
+	type Type = Array<TypeSRational>;
+
+	const ID: TagId = TagId::ColorMatrix2;
+	const NAME: &'static str = "Color Matrix 2";
+}
+
+impl SimpleTag for SonyDataOffset {
+	type Type = TypeLong;
+
+	const ID: TagId = TagId::SubIfd;
+	const NAME: &'static str = "Sony Data Offset";
+}
+
+impl SimpleTag for SonyToneCurve {
+	type Type = TypeSonyToneCurve;
+
+	const ID: TagId = TagId::SonyToneCurve;
+	const NAME: &'static str = "Sony Tone Curve";
+}
+
+impl SimpleTag for BlackLevel {
+	type Type = ConstArray<TypeShort, 4>;
+
+	const ID: TagId = TagId::BlackLevel;
+	const NAME: &'static str = "Black Level";
+}
+
+impl SimpleTag for WhiteBalanceRggbLevels {
+	type Type = ConstArray<TypeSShort, 4>;
+
+	const ID: TagId = TagId::WhiteBalanceRggbLevels;
+	const NAME: &'static str = "White Balance Levels (RGGB)";
+}
+
+pub trait Tag {
+	type Output;
+
+	fn get<R: Read + Seek>(ifd: &Ifd, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError>;
+}
+
+impl<T: SimpleTag> Tag for T {
+	type Output = <T::Type as TagType>::Output;
+
+	fn get<R: Read + Seek>(ifd: &Ifd, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let tag_id = T::ID;
+		let index: u32 = ifd.iter().position(|x| x.tag == tag_id).ok_or(TiffError::MissingTag)?.try_into()?;
+
+		file.seek_from_start(ifd.current_ifd_offset + 2 + 12 * index + 2)?;
+		T::Type::read(file)
+	}
+}
+
+impl<T: Tag> Tag for Option<T> {
+	type Output = Option<T::Output>;
+
+	fn get<R: Read + Seek>(ifd: &Ifd, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let result = T::get(ifd, file);
+
+		match result {
+			Err(TiffError::MissingTag) => Ok(None),
+			Ok(x) => Ok(Some(x)),
+			Err(x) => Err(x),
+		}
+	}
+}
diff --git a/libraries/rawkit/src/tiff/types.rs b/libraries/rawkit/src/tiff/types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1bac61a79f5dd0ad8f48fadeae3dac600203752f
--- /dev/null
+++ b/libraries/rawkit/src/tiff/types.rs
@@ -0,0 +1,394 @@
+use super::file::TiffRead;
+use super::values::{CurveLookupTable, Rational, Transform};
+use super::{Ifd, IfdTagType, TiffError};
+use std::io::{Read, Seek};
+
+pub struct TypeAscii;
+pub struct TypeByte;
+pub struct TypeShort;
+pub struct TypeLong;
+pub struct TypeRational;
+pub struct TypeSByte;
+pub struct TypeSShort;
+pub struct TypeSLong;
+pub struct TypeSRational;
+pub struct TypeFloat;
+pub struct TypeDouble;
+pub struct TypeUndefined;
+
+pub struct TypeNumber;
+pub struct TypeSNumber;
+pub struct TypeIfd;
+
+pub trait PrimitiveType {
+	type Output;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32>;
+
+	fn read_primitive<R: Read + Seek>(the_type: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError>;
+}
+
+impl PrimitiveType for TypeAscii {
+	type Output = char;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::Ascii => Some(1),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let value = file.read_ascii()?;
+		if value.is_ascii() { Ok(value) } else { Err(TiffError::InvalidValue) }
+	}
+}
+
+impl PrimitiveType for TypeByte {
+	type Output = u8;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::Byte => Some(1),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(file.read_u8()?)
+	}
+}
+
+impl PrimitiveType for TypeShort {
+	type Output = u16;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::Short => Some(2),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(file.read_u16()?)
+	}
+}
+
+impl PrimitiveType for TypeLong {
+	type Output = u32;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::Long => Some(4),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(file.read_u32()?)
+	}
+}
+
+impl PrimitiveType for TypeRational {
+	type Output = Rational<u32>;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::Rational => Some(8),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(the_type: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let numerator = TypeLong::read_primitive(the_type, file)?;
+		let denominator = TypeLong::read_primitive(the_type, file)?;
+
+		Ok(Rational { numerator, denominator })
+	}
+}
+
+impl PrimitiveType for TypeSByte {
+	type Output = i8;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::SByte => Some(1),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(file.read_i8()?)
+	}
+}
+
+impl PrimitiveType for TypeSShort {
+	type Output = i16;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::SShort => Some(2),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(file.read_i16()?)
+	}
+}
+
+impl PrimitiveType for TypeSLong {
+	type Output = i32;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::SLong => Some(4),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(file.read_i32()?)
+	}
+}
+
+impl PrimitiveType for TypeSRational {
+	type Output = Rational<i32>;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::SRational => Some(8),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(the_type: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let numerator = TypeSLong::read_primitive(the_type, file)?;
+		let denominator = TypeSLong::read_primitive(the_type, file)?;
+
+		Ok(Rational { numerator, denominator })
+	}
+}
+
+impl PrimitiveType for TypeFloat {
+	type Output = f32;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::Float => Some(4),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(file.read_f32()?)
+	}
+}
+
+impl PrimitiveType for TypeDouble {
+	type Output = f64;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::Double => Some(8),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(file.read_f64()?)
+	}
+}
+
+impl PrimitiveType for TypeUndefined {
+	type Output = ();
+
+	fn get_size(_: IfdTagType) -> Option<u32> {
+		todo!()
+	}
+
+	fn read_primitive<R: Read + Seek>(_: IfdTagType, _: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		todo!()
+	}
+}
+
+impl PrimitiveType for TypeNumber {
+	type Output = u32;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::Byte => TypeByte::get_size(the_type),
+			IfdTagType::Short => TypeShort::get_size(the_type),
+			IfdTagType::Long => TypeLong::get_size(the_type),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(the_type: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(match the_type {
+			IfdTagType::Byte => TypeByte::read_primitive(the_type, file)?.into(),
+			IfdTagType::Short => TypeShort::read_primitive(the_type, file)?.into(),
+			IfdTagType::Long => TypeLong::read_primitive(the_type, file)?,
+			_ => unreachable!(),
+		})
+	}
+}
+
+impl PrimitiveType for TypeSNumber {
+	type Output = i32;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		match the_type {
+			IfdTagType::SByte => TypeSByte::get_size(the_type),
+			IfdTagType::SShort => TypeSShort::get_size(the_type),
+			IfdTagType::SLong => TypeSLong::get_size(the_type),
+			_ => None,
+		}
+	}
+
+	fn read_primitive<R: Read + Seek>(the_type: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(match the_type {
+			IfdTagType::SByte => TypeSByte::read_primitive(the_type, file)?.into(),
+			IfdTagType::SShort => TypeSShort::read_primitive(the_type, file)?.into(),
+			IfdTagType::SLong => TypeSLong::read_primitive(the_type, file)?,
+			_ => unreachable!(),
+		})
+	}
+}
+
+impl PrimitiveType for TypeIfd {
+	type Output = Ifd;
+
+	fn get_size(the_type: IfdTagType) -> Option<u32> {
+		TypeLong::get_size(the_type)
+	}
+
+	fn read_primitive<R: Read + Seek>(the_type: IfdTagType, file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let offset = TypeLong::read_primitive(the_type, file)?;
+		Ifd::new_from_offset(file, offset)
+	}
+}
+
+pub trait TagType {
+	type Output;
+
+	fn read<R: Read + Seek>(file: &mut TiffRead<R>) -> Result<Self::Output, TiffError>;
+}
+
+impl<T: PrimitiveType> TagType for T {
+	type Output = T::Output;
+
+	fn read<R: Read + Seek>(file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let the_type = IfdTagType::from(file.read_u16()?);
+		let count = file.read_u32()?;
+
+		if count != 1 {
+			return Err(TiffError::InvalidCount);
+		}
+
+		let size = T::get_size(the_type).ok_or(TiffError::InvalidType)?;
+		if count * size > 4 {
+			let offset = file.read_u32()?;
+			file.seek_from_start(offset)?;
+		}
+
+		T::read_primitive(the_type, file)
+	}
+}
+
+pub struct Array<T: PrimitiveType> {
+	primitive_type: std::marker::PhantomData<T>,
+}
+
+pub struct ConstArray<T: PrimitiveType, const N: usize> {
+	primitive_type: std::marker::PhantomData<T>,
+}
+
+impl<T: PrimitiveType> TagType for Array<T> {
+	type Output = Vec<T::Output>;
+
+	fn read<R: Read + Seek>(file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let the_type = IfdTagType::from(file.read_u16()?);
+		let count = file.read_u32()?;
+
+		let size = T::get_size(the_type).ok_or(TiffError::InvalidType)?;
+		if count * size > 4 {
+			let offset = file.read_u32()?;
+			file.seek_from_start(offset)?;
+		}
+
+		let mut ans = Vec::with_capacity(count.try_into()?);
+		for _ in 0..count {
+			ans.push(T::read_primitive(the_type, file)?);
+		}
+		Ok(ans)
+	}
+}
+
+impl<T: PrimitiveType, const N: usize> TagType for ConstArray<T, N> {
+	type Output = [T::Output; N];
+
+	fn read<R: Read + Seek>(file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let the_type = IfdTagType::from(file.read_u16()?);
+		let count = file.read_u32()?;
+
+		if count != N.try_into()? {
+			return Err(TiffError::InvalidCount);
+		}
+
+		let size = T::get_size(the_type).ok_or(TiffError::InvalidType)?;
+		if count * size > 4 {
+			let offset = file.read_u32()?;
+			file.seek_from_start(offset)?;
+		}
+
+		let mut ans = Vec::with_capacity(count.try_into()?);
+		for _ in 0..count {
+			ans.push(T::read_primitive(the_type, file)?);
+		}
+		ans.try_into().map_err(|_| TiffError::InvalidCount)
+	}
+}
+
+pub struct TypeString;
+pub struct TypeSonyToneCurve;
+pub struct TypeOrientation;
+
+impl TagType for TypeString {
+	type Output = String;
+
+	fn read<R: Read + Seek>(file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let string = Array::<TypeAscii>::read(file)?;
+
+		// Skip the NUL character at the end
+		let len = string.len();
+		Ok(string.into_iter().take(len - 1).collect())
+	}
+}
+
+impl TagType for TypeSonyToneCurve {
+	type Output = CurveLookupTable;
+
+	fn read<R: Read + Seek>(file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		let values = ConstArray::<TypeShort, 4>::read(file)?;
+		Ok(CurveLookupTable::from_sony_tone_table(values))
+	}
+}
+
+impl TagType for TypeOrientation {
+	type Output = Transform;
+
+	fn read<R: Read + Seek>(file: &mut TiffRead<R>) -> Result<Self::Output, TiffError> {
+		Ok(match TypeShort::read(file)? {
+			1 => Transform::Horizontal,
+			2 => Transform::MirrorHorizontal,
+			3 => Transform::Rotate180,
+			4 => Transform::MirrorVertical,
+			5 => Transform::MirrorHorizontalRotate270,
+			6 => Transform::Rotate90,
+			7 => Transform::MirrorHorizontalRotate90,
+			8 => Transform::Rotate270,
+			_ => return Err(TiffError::InvalidValue),
+		})
+	}
+}
diff --git a/libraries/rawkit/src/tiff/values.rs b/libraries/rawkit/src/tiff/values.rs
new file mode 100644
index 0000000000000000000000000000000000000000..01e449810337e6a1cc562083eda8f054a2346de4
--- /dev/null
+++ b/libraries/rawkit/src/tiff/values.rs
@@ -0,0 +1,79 @@
+pub trait ToFloat {
+	fn to_float(&self) -> f64;
+}
+
+impl ToFloat for u32 {
+	fn to_float(&self) -> f64 {
+		*self as f64
+	}
+}
+
+impl ToFloat for i32 {
+	fn to_float(&self) -> f64 {
+		*self as f64
+	}
+}
+
+pub struct Rational<T: ToFloat> {
+	pub numerator: T,
+	pub denominator: T,
+}
+
+impl<T: ToFloat> ToFloat for Rational<T> {
+	fn to_float(&self) -> f64 {
+		self.numerator.to_float() / self.denominator.to_float()
+	}
+}
+
+pub struct CurveLookupTable {
+	table: Vec<u16>,
+}
+
+impl CurveLookupTable {
+	pub fn from_sony_tone_table(values: [u16; 4]) -> CurveLookupTable {
+		let mut sony_curve = [0, 0, 0, 0, 0, 4095];
+		for i in 0..4 {
+			sony_curve[i + 1] = values[i] >> 2 & 0xfff;
+		}
+
+		let mut table = vec![0_u16; (sony_curve[5] + 1).into()];
+		for i in 0..5 {
+			for j in (sony_curve[i] + 1)..=sony_curve[i + 1] {
+				table[j as usize] = table[(j - 1) as usize] + (1 << i);
+			}
+		}
+
+		CurveLookupTable { table }
+	}
+
+	pub fn get(&self, x: usize) -> u16 {
+		self.table[x]
+	}
+}
+
+#[derive(Copy, Clone, Eq, PartialEq)]
+pub enum Transform {
+	Horizontal,
+	MirrorHorizontal,
+	Rotate180,
+	MirrorVertical,
+	MirrorHorizontalRotate270,
+	Rotate90,
+	MirrorHorizontalRotate90,
+	Rotate270,
+}
+
+impl Transform {
+	pub fn is_identity(&self) -> bool {
+		*self == Transform::Horizontal
+	}
+
+	pub fn will_swap_coordinates(&self) -> bool {
+		use Transform as Tr;
+
+		match *self {
+			Tr::Horizontal | Tr::MirrorHorizontal | Tr::Rotate180 | Tr::MirrorVertical => false,
+			Tr::MirrorHorizontalRotate270 | Tr::Rotate90 | Tr::MirrorHorizontalRotate90 | Tr::Rotate270 => true,
+		}
+	}
+}
diff --git a/libraries/rawkit/tests/images/.gitkeep b/libraries/rawkit/tests/images/.gitkeep
new file mode 100644
index 0000000000000000000000000000000000000000..8d1c8b69c3fce7bea45c73efd06983e3c419a92f
--- /dev/null
+++ b/libraries/rawkit/tests/images/.gitkeep
@@ -0,0 +1 @@
+ 
diff --git a/libraries/rawkit/tests/tests.rs b/libraries/rawkit/tests/tests.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7cdc5d32c49bbc976343b18f67ffd36fbddb6041
--- /dev/null
+++ b/libraries/rawkit/tests/tests.rs
@@ -0,0 +1,364 @@
+// Only compile this file if the feature "rawkit-tests" is enabled
+#![cfg(feature = "rawkit-tests")]
+
+use image::codecs::png::{CompressionType, FilterType, PngEncoder};
+use image::{ColorType, ImageEncoder};
+use libraw::Processor;
+use rawkit::RawImage;
+use rayon::prelude::*;
+use std::collections::HashMap;
+use std::fmt::Write;
+use std::fs::{File, create_dir, metadata, read_dir};
+use std::io::{BufWriter, Cursor, Read};
+use std::path::{Path, PathBuf};
+use std::sync::atomic::{AtomicUsize, Ordering};
+use std::time::Duration;
+
+const TEST_FILES: [&str; 3] = ["ILCE-7M3-ARW2.3.5-blossoms.arw", "ILCE-7RM4-ARW2.3.5-kestrel.arw", "ILCE-6000-ARW2.3.1-windsock.arw"];
+const BASE_URL: &str = "https://static.graphite.rs/test-data/libraries/rawkit/";
+const BASE_PATH: &str = "./tests/images/";
+
+#[test]
+fn test_images_match_with_libraw() {
+	download_images();
+
+	let paths: Vec<_> = read_dir(BASE_PATH)
+		.unwrap()
+		.map(|dir_entry| dir_entry.unwrap().path())
+		.filter(|path| path.is_file() && path.file_name().map(|file_name| file_name != ".gitkeep").unwrap_or(false))
+		.collect();
+
+	let failed_tests = if std::env::var("RAWKIT_TEST_RUN_SEQUENTIALLY").is_ok() {
+		let mut failed_tests = 0;
+
+		paths.iter().for_each(|path| {
+			if !test_image(path) {
+				failed_tests += 1;
+			}
+		});
+
+		failed_tests
+	} else {
+		let failed_tests = AtomicUsize::new(0);
+
+		paths.par_iter().for_each(|path| {
+			if !test_image(path) {
+				failed_tests.fetch_add(1, Ordering::SeqCst);
+			}
+		});
+
+		failed_tests.load(Ordering::SeqCst)
+	};
+
+	if failed_tests != 0 {
+		panic!("{} images have failed the tests", failed_tests);
+	}
+}
+
+fn test_image(path: &Path) -> bool {
+	let mut f = File::open(path).unwrap();
+	let mut content = vec![];
+	f.read_to_end(&mut content).unwrap();
+
+	let raw_image = match test_raw_data(&content) {
+		Err(err_msg) => {
+			println!("{} => {}", path.display(), err_msg);
+			return false;
+		}
+		Ok(raw_image) => raw_image,
+	};
+
+	// TODO: The code below is kept commented because raw data to final image processing is
+	// incomplete. Remove this once it is done.
+
+	// if let Err(err_msg) = test_final_image(&content, raw_image) {
+	// 	failed_tests += 1;
+	// 	return println!("{}", err_msg);
+	// };
+
+	println!("{} => Passed", path.display());
+
+	// TODO: Remove this later
+	let mut image = raw_image.process_8bit();
+	store_image(path, "rawkit", &mut image.data, image.width, image.height);
+
+	let processor = Processor::new();
+	let libraw_image = processor.process_8bit(&content).unwrap();
+	let mut data = Vec::from_iter(libraw_image.iter().copied());
+	store_image(path, "libraw_rs", &mut data[..], libraw_image.width() as usize, libraw_image.height() as usize);
+
+	true
+}
+
+fn store_image(path: &Path, suffix: &str, data: &mut [u8], width: usize, height: usize) {
+	let mut output_path = PathBuf::new();
+	if let Some(parent) = path.parent() {
+		output_path.push(parent);
+	}
+	output_path.push("output");
+
+	if metadata(&output_path).is_err() {
+		create_dir(&output_path).unwrap();
+	}
+
+	if let Some(filename) = path.file_stem() {
+		let new_filename = format!("{}_{}.{}", filename.to_string_lossy(), suffix, "png");
+		output_path.push(new_filename);
+	}
+	output_path.set_extension("png");
+
+	let file = BufWriter::new(File::create(output_path).unwrap());
+	let png_encoder = PngEncoder::new_with_quality(file, CompressionType::Fast, FilterType::Adaptive);
+	png_encoder.write_image(data, width as u32, height as u32, ColorType::Rgb8.into()).unwrap();
+}
+
+fn download_images() {
+	let mut path = Path::new(BASE_PATH).to_owned();
+	let client = reqwest::blocking::Client::builder().timeout(Duration::from_secs(60 * 5)).build().unwrap();
+
+	for filename in TEST_FILES {
+		path.push(filename);
+		if !path.exists() {
+			let url = BASE_URL.to_owned() + filename;
+			let mut response = client.get(url).send().unwrap();
+			let mut file = File::create(BASE_PATH.to_owned() + filename).unwrap();
+			std::io::copy(&mut response, &mut file).unwrap();
+		}
+		path.pop();
+	}
+}
+
+fn test_raw_data(content: &[u8]) -> Result<RawImage, String> {
+	let processor = libraw::Processor::new();
+	let libraw_raw_image = processor.decode(content).unwrap();
+
+	let mut content = Cursor::new(content);
+	let raw_image = RawImage::decode(&mut content).unwrap();
+
+	if libraw_raw_image.sizes().raw_height as usize != raw_image.height {
+		return Err(format!(
+			"The height of raw image is {} but the expected value was {}",
+			raw_image.height,
+			libraw_raw_image.sizes().raw_height
+		));
+	}
+
+	if libraw_raw_image.sizes().raw_width as usize != raw_image.width {
+		return Err(format!(
+			"The width of raw image is {} but the expected value was {}",
+			raw_image.width,
+			libraw_raw_image.sizes().raw_width
+		));
+	}
+
+	if (*libraw_raw_image).len() != raw_image.data.len() {
+		return Err(format!(
+			"The size of data of raw image is {} but the expected value was {}",
+			raw_image.data.len(),
+			(*libraw_raw_image).len()
+		));
+	}
+
+	if (*libraw_raw_image) != raw_image.data {
+		let mut err_msg = String::new();
+
+		write!(&mut err_msg, "The raw data does not match").unwrap();
+
+		if std::env::var("RAWKIT_TEST_PRINT_HISTOGRAM").is_ok() {
+			writeln!(err_msg).unwrap();
+
+			let mut histogram: HashMap<i32, usize> = HashMap::new();
+			let mut non_zero_count: usize = 0;
+
+			(*libraw_raw_image)
+				.iter()
+				.zip(raw_image.data.iter())
+				.map(|(&a, &b)| {
+					let a: i32 = a.into();
+					let b: i32 = b.into();
+					a - b
+				})
+				.filter(|&x| x != 0)
+				.for_each(|x| {
+					*histogram.entry(x).or_default() += 1;
+					non_zero_count += 1;
+				});
+
+			let total_pixels = raw_image.height * raw_image.width;
+			writeln!(err_msg, "{} ({:.5}%) pixels are different from expected", non_zero_count, non_zero_count as f64 / total_pixels as f64).unwrap();
+
+			writeln!(err_msg, "Diff Histogram:").unwrap();
+			let mut items: Vec<_> = histogram.iter().map(|(&a, &b)| (a, b)).collect();
+			items.sort();
+			for (key, value) in items {
+				writeln!(err_msg, "{:05}: {:05} ({:02.5}%)", key, value, value as f64 / total_pixels as f64).unwrap();
+			}
+		}
+
+		return Err(err_msg);
+	}
+
+	Ok(raw_image)
+}
+
+fn _test_final_image(content: &[u8], raw_image: RawImage) -> Result<(), String> {
+	let processor = libraw::Processor::new();
+	let libraw_image = processor.process_8bit(content).unwrap();
+
+	let image = raw_image.process_8bit();
+
+	if libraw_image.height() as usize != image.height {
+		return Err(format!("The height of image is {} but the expected value was {}", image.height, libraw_image.height()));
+	}
+
+	if libraw_image.width() as usize != image.width {
+		return Err(format!("The width of image is {} but the expected value was {}", image.width, libraw_image.width()));
+	}
+
+	if (*libraw_image).len() != image.data.len() {
+		return Err(format!("The size of data of image is {} but the expected value was {}", image.data.len(), (*libraw_image).len()));
+	}
+
+	if (*libraw_image) != image.data {
+		let mut err_msg = String::new();
+
+		write!(&mut err_msg, "The final image does not match").unwrap();
+
+		if std::env::var("RAWKIT_TEST_PRINT_HISTOGRAM").is_ok() {
+			writeln!(err_msg).unwrap();
+
+			let mut histogram_red: HashMap<i16, usize> = HashMap::new();
+			let mut histogram_green: HashMap<i16, usize> = HashMap::new();
+			let mut histogram_blue: HashMap<i16, usize> = HashMap::new();
+			let mut non_zero_count: usize = 0;
+			let mut non_zero_count_red: usize = 0;
+			let mut non_zero_count_green: usize = 0;
+			let mut non_zero_count_blue: usize = 0;
+
+			(*libraw_image)
+				.chunks_exact(3)
+				.zip(image.data.chunks_exact(3))
+				.map(|(a, b)| {
+					let a: [u8; 3] = a.try_into().unwrap();
+					let b: [u8; 3] = b.try_into().unwrap();
+					(a, b)
+				})
+				.map(|([r1, g1, b1], [r2, g2, b2])| {
+					let r1: i16 = r1.into();
+					let g1: i16 = g1.into();
+					let b1: i16 = b1.into();
+					let r2: i16 = r2.into();
+					let g2: i16 = g2.into();
+					let b2: i16 = b2.into();
+					[r1 - r2, g1 - g2, b1 - b2]
+				})
+				.filter(|&[r, g, b]| r != 0 || g != 0 || b != 0)
+				.for_each(|[r, g, b]| {
+					non_zero_count += 1;
+					if r != 0 {
+						*histogram_red.entry(r).or_default() += 1;
+						non_zero_count_red += 1;
+					}
+					if g != 0 {
+						*histogram_green.entry(g).or_default() += 1;
+						non_zero_count_green += 1;
+					}
+					if b != 0 {
+						*histogram_blue.entry(b).or_default() += 1;
+						non_zero_count_blue += 1;
+					}
+				});
+
+			let total_pixels = image.height * image.width;
+			writeln!(err_msg, "{} ({:.5}%) pixels are different from expected", non_zero_count, non_zero_count as f64 / total_pixels as f64,).unwrap();
+
+			writeln!(
+				err_msg,
+				"{} ({:.5}%) red pixels are different from expected",
+				non_zero_count_red,
+				non_zero_count_red as f64 / total_pixels as f64,
+			)
+			.unwrap();
+
+			writeln!(
+				err_msg,
+				"{} ({:.5}%) green pixels are different from expected",
+				non_zero_count_green,
+				non_zero_count_green as f64 / total_pixels as f64,
+			)
+			.unwrap();
+
+			writeln!(
+				err_msg,
+				"{} ({:.5}%) blue pixels are different from expected",
+				non_zero_count_blue,
+				non_zero_count_blue as f64 / total_pixels as f64,
+			)
+			.unwrap();
+
+			writeln!(err_msg, "Diff Histogram for Red pixels:").unwrap();
+			let mut items: Vec<_> = histogram_red.iter().map(|(&a, &b)| (a, b)).collect();
+			items.sort();
+			for (key, value) in items {
+				writeln!(err_msg, "{:05}: {:05} ({:02.5}%)", key, value, value as f64 / total_pixels as f64).unwrap();
+			}
+
+			writeln!(err_msg, "Diff Histogram for Green pixels:").unwrap();
+			let mut items: Vec<_> = histogram_green.iter().map(|(&a, &b)| (a, b)).collect();
+			items.sort();
+			for (key, value) in items {
+				writeln!(err_msg, "{:05}: {:05} ({:02.5}%)", key, value, value as f64 / total_pixels as f64).unwrap();
+			}
+
+			writeln!(err_msg, "Diff Histogram for Blue pixels:").unwrap();
+			let mut items: Vec<_> = histogram_blue.iter().map(|(&a, &b)| (a, b)).collect();
+			items.sort();
+			for (key, value) in items {
+				writeln!(err_msg, "{:05}: {:05} ({:02.5}%)", key, value, value as f64 / total_pixels as f64).unwrap();
+			}
+		}
+
+		return Err(err_msg);
+	}
+
+	Ok(())
+}
+
+#[ignore]
+#[test]
+fn extract_data_from_dng_images() {
+	read_dir(BASE_PATH)
+		.unwrap()
+		.map(|dir_entry| dir_entry.unwrap().path())
+		.filter(|path| path.is_file() && path.file_name().map(|file_name| file_name != ".gitkeep").unwrap_or(false))
+		.for_each(|path| {
+			extract_data_from_dng_image(&path);
+		});
+}
+
+fn extract_data_from_dng_image(path: &Path) {
+	use rawkit::tiff::Ifd;
+	use rawkit::tiff::file::TiffRead;
+	use rawkit::tiff::tags::{ColorMatrix2, Make, Model};
+	use rawkit::tiff::values::ToFloat;
+	use std::io::{BufReader, Write};
+
+	let reader = BufReader::new(File::open(path).unwrap());
+	let mut file = TiffRead::new(reader).unwrap();
+	let ifd = Ifd::new_first_ifd(&mut file).unwrap();
+
+	let make = ifd.get_value::<Make, _>(&mut file).unwrap();
+	let model = ifd.get_value::<Model, _>(&mut file).unwrap();
+	let matrix = ifd.get_value::<ColorMatrix2, _>(&mut file).unwrap();
+
+	if model == "MODEL-NAME" {
+		println!("{}", path.display());
+		return;
+	}
+
+	let output_folder = path.parent().unwrap().join(make);
+	std::fs::create_dir_all(&output_folder).unwrap();
+	let mut output_file = File::create(output_folder.join(model + ".toml")).unwrap();
+	let matrix: Vec<_> = matrix.iter().map(|x| x.to_float()).collect();
+	writeln!(output_file, "camera_to_xyz = {:.4?}", matrix).unwrap();
+}
diff --git a/node-graph/LICENSE b/node-graph/LICENSE
new file mode 100644
index 0000000000000000000000000000000000000000..261eeb9e9f8b2b4b0d119366dda99c6fd7d35c64
--- /dev/null
+++ b/node-graph/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/node-graph/README.md b/node-graph/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..24ff12c763315f7275c31368a0012b14b79c8cff
--- /dev/null
+++ b/node-graph/README.md
@@ -0,0 +1,173 @@
+# Creating Nodes In Graphite
+
+## Purpose of Nodes
+
+Graphite is an image editor which is centered around a node based editing workflow, which allows operations to be visually connected in a graph. This is flexible as it allows all operations to be viewed or modified at any time without losing original data. The node system has been designed to be as general as possible with all data types being representable and a broad selection of nodes for a variety of use cases being planned.
+
+## The Document Graph
+
+The graph that is presented to users in the editor is known as the document graph, and is defined in the `NodeNetwork` struct. Each node that has been placed in this graph has the following properties:
+
+```rs
+pub struct DocumentNode {
+	pub inputs: Vec<NodeInput>,
+	pub manual_composition: Option<Type>,
+	pub implementation: DocumentNodeImplementation,
+	pub skip_deduplication: bool,
+	pub visible: bool,
+	pub original_location: OriginalLocation,
+}
+```
+(Explanatory comments omitted; the actual definition is currently found in [`node-graph/graph-craft/src/document.rs`](https://github.com/GraphiteEditor/Graphite/blob/master/node-graph/graph-craft/src/document.rs))
+
+Each `DocumentNode` is of a particular type, for example the "Opacity" node type. You can define your own type of document node in `editor/src/messages/portfolio/document/node_graph/node_graph_message_handler/document_node_types.rs`. A sample document node type definition for the opacity node is shown:
+
+```rs
+DocumentNodeDefinition {
+	name: "Opacity",
+	category: "Image Adjustments",
+	implementation: DocumentNodeImplementation::proto("graphene_core::raster::OpacityNode"),
+	inputs: vec![
+		DocumentInputType::value("Image", TaggedValue::ImageFrame(ImageFrame::empty()), true),
+		DocumentInputType::value("Factor", TaggedValue::F32(100.), false),
+	],
+	outputs: vec![DocumentOutputType::new("Image", FrontendGraphDataType::Raster)],
+	properties: node_properties::multiply_opacity,
+	..Default::default()
+},
+```
+
+The identifier here must be the same as that of the proto-node which will be discussed soon (usually the path to the node implementation).
+
+> [!NOTE]
+> Nodes defined in `graphene_core` are re-exported by `graphene_std`. However if the strings for the type names do not match exactly then you will encounter an error.
+
+## Properties panel
+
+The input names are shown in the graph when an input is exposed (with a dot in the properties panel). The default input is used when a node is first created or when a link is disconnected. An input is comprised from a `TaggedValue` (allowing serialization of a dynamic type with serde) in addition to an exposed boolean, which defines if the input is shown as a dot in the node graph UI by default. In the opacity node, the "Color" input is shown but the "Factor" input is hidden from the graph by default, allowing for a less cluttered graph.
+
+The properties field is a function that defines a number input, which can be seen by selecting the opacity node in the graph. The code for this property is shown below:
+
+```rs
+pub fn multiply_opacity(document_node: &DocumentNode, node_id: NodeId, _context: &mut NodePropertiesContext) -> Vec<LayoutGroup> {
+	let factor = number_widget(document_node, node_id, 1, "Factor", NumberInput::default().min(0.).max(100.).unit("%"), true);
+
+	vec![LayoutGroup::Row { widgets: factor }]
+}
+```
+
+## Graphene (proto node executor)
+
+The graphene crate (found in `gcore/`) and the graphene standard library (found in `gstd/`) is where actual implementation for nodes are located. 
+
+Implementing a node is done by defining a `struct` implementing the `Node` trait. The `Node` trait has a required function named `eval` that takes one generic input. A sample implementation for an opacity node acting on a color is seen below:
+
+```rs
+use crate::{Color, Node};
+
+#[derive(Debug, Clone, Copy)]
+pub struct OpacityNode<OpacityMultiplierInput> {
+	opacity_multiplier: OpacityMultiplierInput,
+}
+
+impl<'i, OpacityMultiplierInput: Node<'i, (), Output = f64> + 'i> Node<'i, Color> for OpacityNode<OpacityMultiplierInput> {
+	type Output = Color;
+	fn eval(&'i self, color: Color) -> Color {
+		let opacity_multiplier = self.opacity_multiplier.eval(()) as f32 / 100.;
+		Color::from_rgbaf32_unchecked(color.r(), color.g(), color.b(), color.a() * opacity_multiplier)
+	}
+}
+```
+
+The `eval` function can only take one input. To support more than one input, the node struct can store references to other nodes. This can be seen here, as the `opacity_multiplier` field, which is generic and is constrained to the trait `Node<'i, (), Output = f64>`. This means that it is a node with the input of `()` (no input is required to compute the opacity) and an output of an `f64`.
+
+To compute the value when executing the `OpacityNode`, we need to call `self.opacity_multiplier.eval(())`. This evaluates the node that provides the `opacity_multiplier` input, with the input value of `()`— nothing. This occurs each time the opacity node is run.
+
+To test this:
+```rs
+#[test]
+fn test_opacity_node() {
+	let opacity_node = OpacityNode {
+		opacity_multiplier: crate::value::CopiedNode(10_f64), // set opacity to 10%
+	};
+	assert_eq!(opacity_node.eval(Color::WHITE), Color::from_rgbaf32_unchecked(1., 1., 1., 0.1));
+}
+```
+
+The `graphene_core::value::CopiedNode` is a node that, when evaluated, copies `10_f32` and returns it.
+
+## Creating a new node
+
+Instead of manually implementing the `Node` trait with complex generics, one can use the `node` macro, which can be applied to a function like `opacity`. This will generate the struct, implementation, node_registry entry, document node definition and properties panel entries:
+
+```rs
+#[node_macro::node(category("Raster: Adjustments"))]
+fn opacity(_input: (), #[default(424242)] color: Color, #[soft_min(0.1)] opacity_multiplier: f64) -> Color {
+	let opacity_multiplier = opacity_multiplier as f32 / 100.;
+	Color::from_rgbaf32_unchecked(color.r(), color.g(), color.b(), color.a() * opacity_multiplier)
+}
+```
+
+## Additional Macro Options
+
+The macro invocation can be extended with additional attributes. The currently supported attributes are (`name`, `path`, `skip_impl`, `category`). When using generics the `#[implementations()]` attribute can be used to automatically populate the node_registry for you. You can also use the `default`, `expose`, `min`, `max` and `range_mode` attributes to influence how the properties are generated.
+
+## Executing a document `NodeNetwork`
+
+When the document graph is executed, the following steps occur:
+- The `NodeNetwork` is flattened using `NodeNetwork::flatten`. This involves removing any `DocumentNodeImplementation::Network` - which allow for nested document node networks. Instead, all of the inner nodes are moved into a single node graph.
+- The `NodeNetwork` is converted into a proto-graph. Each node's inputs are stored as a list of node IDs in the `ConstructionArgs` struct in the `ProtoNode`. Converting a document graph into a proto graph is done with `NodeNetwork::into_proto_networks`.
+- The newly created `ProtoNode`s are then converted into the corresponding constructor functions using the mapping defined in `node-graph/interpreted-executor/src/node_registry.rs`. This is done by `BorrowTree::push_node`.
+- The constructor functions are run with the `ConstructionArgs` enum. Constructors generally evaluate the result of these inputs, e.g. if you have a `Pi` node that is used as the second input to an `Add` node, the `Add` node's constructor will evaluate the `Pi` node. This is visible if you place a log statement in the `Pi` node's implementation.
+- The resolved functions are stored in a `BorrowTree`, which allows previous proto-nodes to be referenced as inputs by later nodes. The `BorrowTree` ensures nodes can't be removed while being referenced by other nodes.
+
+The definition for the constructor of a node that applies the opacity transformation to each pixel of an image:
+```rs
+(
+	// Matches against the string defined in the document node.
+	ProtoNodeIdentifier::new("graphene_core::raster::OpacityNode"),
+	// This function is run when converting the `ProtoNode` struct into the desired struct.
+	|args| {
+		Box::pin(async move {
+			// Creates an instance of the struct that defines the node.
+			let node = construct_node!(args, graphene_core::raster::OpacityNode<_>, [f64]).await;
+			// Create a new map image node, that calls the `node` for each pixel.
+			let map_node = graphene_std::raster::MapImageNode::new(graphene_core::value::ValueNode::new(node));
+			// Wraps this in a type erased future `Box<Pin<dyn core::future::Future<Output = T> + 'n>>` - this allows it to work with async.
+			let map_node = graphene_std::any::FutureWrapperNode::new(map_node);
+			// The `DynAnyNode` downcasts its input from a `Box<dyn DynAny>` i.e. dynamically typed, to the desired statically typed input value. It then runs the wrapped node and converts the result back into a dynamically typed `Box<dyn DynAny>`.
+			let any: DynAnyNode<Image<Color>, _, _> = graphene_std::any::DynAnyNode::new(graphene_core::value::ValueNode::new(map_node));
+			// Nodes are stored as type erased, which means they are `Box<dyn NodeIo + Node>`. This allows us to create dynamic graphs, using dynamic dispatch so we do not have to know all node combinations at compile time.
+			any.into_type_erased()
+		})
+	},
+	// Defines the call argument, return value, and inputs.
+	NodeIOTypes::new(concrete!(Image<Color>), concrete!(Image<Color>), vec![fn_type!((), f64))]),
+),
+```
+
+Nodes in the borrow stack take a `Box<dyn DynAny>` as input and output another `Box<dyn DynAny>`, to allow for any type. To use a specific type, we must downcast the values that have been passed in.
+However the `OpacityNode` only works on one pixel at a time, so we first insert a `MapImageNode` to call the `OpacityNode` for every pixel in the image.
+Finally we call `.into_type_erased()` on the result and that is inserted into the borrow stack.
+
+We also need to add an implementation so that the user can change the opacity of just a single color. To simplify this process for raster nodes, a `raster_node!` macro is available which can simplify the definition of the opacity node to:
+```rs
+raster_node!(graphene_core::raster::OpacityNode<_>, params: [f64]),
+```
+
+There is also the more general `register_node!` for nodes that do not need to run per pixel.
+```rs
+register_node!(graphene_core::transform_nodes::SetTransformNode<_>, input: VectorData, params: [DAffine2]),
+```
+
+## Debugging
+
+Debugging inside your node can be done with the `log::debug!()` macro, for example `log::debug!("The opacity is {opacity_multiplier}");`.
+
+We need a utility to easily view a graph as the various steps are applied. We also need a way to transparently see which constructors are being run, which nodes are being evaluated, and in what order.
+
+## Conclusion
+
+While we simplify the writing of nodes using the macro by hiding some of the details, creating nodes involves many files and concepts. We will work to continue making this system easier to use.
+
+Any contributions you might have would be greatly appreciated. If any parts of this guide are outdated or difficult to understand, please feel free to ask for help in the Graphite Discord. We are very happy to answer any questions :)
diff --git a/node-graph/gapplication-io/Cargo.toml b/node-graph/gapplication-io/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..98051ce63c2ed92624369e13f81b6e9600fd001c
--- /dev/null
+++ b/node-graph/gapplication-io/Cargo.toml
@@ -0,0 +1,25 @@
+[package]
+name = "graphene-application-io"
+version = "0.1.0"
+edition = "2024"
+description = "graphene application io interface"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[features]
+wasm = ["dep:web-sys"]
+wgpu = ["dep:wgpu"]
+
+[dependencies]
+# Local dependencies
+dyn-any = { workspace = true }
+graphene-core = { workspace = true }
+
+# Workspace dependencies
+glam = { workspace = true }
+serde = { workspace = true }
+log = { workspace = true }
+
+# Optional workspace dependencies
+web-sys = { workspace = true, optional = true }
+wgpu = { workspace = true, optional = true }
diff --git a/node-graph/gapplication-io/src/lib.rs b/node-graph/gapplication-io/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d0fd84c6df0402749ad706c08fb0ee988abb42ca
--- /dev/null
+++ b/node-graph/gapplication-io/src/lib.rs
@@ -0,0 +1,304 @@
+use dyn_any::{DynAny, StaticType, StaticTypeSized};
+use glam::{DAffine2, UVec2};
+use graphene_core::text::FontCache;
+use graphene_core::transform::Footprint;
+use graphene_core::vector::style::ViewMode;
+use std::fmt::Debug;
+use std::future::Future;
+use std::hash::{Hash, Hasher};
+use std::pin::Pin;
+use std::ptr::addr_of;
+use std::sync::Arc;
+use std::time::Duration;
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash, serde::Serialize, serde::Deserialize)]
+pub struct SurfaceId(pub u64);
+
+impl std::fmt::Display for SurfaceId {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		f.write_fmt(format_args!("{}", self.0))
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct SurfaceFrame {
+	pub surface_id: SurfaceId,
+	pub resolution: UVec2,
+	pub transform: DAffine2,
+}
+
+impl Hash for SurfaceFrame {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.surface_id.hash(state);
+		self.transform.to_cols_array().iter().for_each(|x| x.to_bits().hash(state));
+	}
+}
+
+unsafe impl StaticType for SurfaceFrame {
+	type Static = SurfaceFrame;
+}
+
+pub trait Size {
+	fn size(&self) -> UVec2;
+}
+
+#[cfg(target_arch = "wasm32")]
+impl Size for web_sys::HtmlCanvasElement {
+	fn size(&self) -> UVec2 {
+		UVec2::new(self.width(), self.height())
+	}
+}
+
+#[derive(Debug, Clone)]
+pub struct ImageTexture {
+	#[cfg(feature = "wgpu")]
+	pub texture: Arc<wgpu::Texture>,
+	#[cfg(not(feature = "wgpu"))]
+	pub texture: (),
+}
+
+impl Hash for ImageTexture {
+	#[cfg(feature = "wgpu")]
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.texture.hash(state);
+	}
+	#[cfg(not(feature = "wgpu"))]
+	fn hash<H: Hasher>(&self, _state: &mut H) {}
+}
+
+impl PartialEq for ImageTexture {
+	fn eq(&self, other: &Self) -> bool {
+		#[cfg(feature = "wgpu")]
+		{
+			self.texture == other.texture
+		}
+		#[cfg(not(feature = "wgpu"))]
+		{
+			self.texture == other.texture
+		}
+	}
+}
+
+unsafe impl StaticType for ImageTexture {
+	type Static = ImageTexture;
+}
+
+#[cfg(feature = "wgpu")]
+impl Size for ImageTexture {
+	fn size(&self) -> UVec2 {
+		UVec2::new(self.texture.width(), self.texture.height())
+	}
+}
+
+impl<S: Size> From<SurfaceHandleFrame<S>> for SurfaceFrame {
+	fn from(x: SurfaceHandleFrame<S>) -> Self {
+		Self {
+			surface_id: x.surface_handle.window_id,
+			transform: x.transform,
+			resolution: x.surface_handle.surface.size(),
+		}
+	}
+}
+
+#[derive(Clone, Debug, PartialEq, Eq)]
+pub struct SurfaceHandle<Surface> {
+	pub window_id: SurfaceId,
+	pub surface: Surface,
+}
+
+// #[cfg(target_arch = "wasm32")]
+// unsafe impl<T: dyn_any::WasmNotSend> Send for SurfaceHandle<T> {}
+// #[cfg(target_arch = "wasm32")]
+// unsafe impl<T: dyn_any::WasmNotSync> Sync for SurfaceHandle<T> {}
+
+impl<S: Size> Size for SurfaceHandle<S> {
+	fn size(&self) -> UVec2 {
+		self.surface.size()
+	}
+}
+
+unsafe impl<T: 'static> StaticType for SurfaceHandle<T> {
+	type Static = SurfaceHandle<T>;
+}
+
+#[derive(Clone, Debug, PartialEq)]
+pub struct SurfaceHandleFrame<Surface> {
+	pub surface_handle: Arc<SurfaceHandle<Surface>>,
+	pub transform: DAffine2,
+}
+
+unsafe impl<T: 'static> StaticType for SurfaceHandleFrame<T> {
+	type Static = SurfaceHandleFrame<T>;
+}
+
+#[cfg(feature = "wasm")]
+pub type WasmSurfaceHandle = SurfaceHandle<web_sys::HtmlCanvasElement>;
+#[cfg(feature = "wasm")]
+pub type WasmSurfaceHandleFrame = SurfaceHandleFrame<web_sys::HtmlCanvasElement>;
+
+// TODO: think about how to automatically clean up memory
+/*
+impl<'a, Surface> Drop for SurfaceHandle<'a, Surface> {
+	fn drop(&mut self) {
+		self.application_io.destroy_surface(self.surface_id)
+	}
+}*/
+
+#[cfg(target_arch = "wasm32")]
+pub type ResourceFuture = Pin<Box<dyn Future<Output = Result<Arc<[u8]>, ApplicationError>>>>;
+#[cfg(not(target_arch = "wasm32"))]
+pub type ResourceFuture = Pin<Box<dyn Future<Output = Result<Arc<[u8]>, ApplicationError>> + Send>>;
+
+pub trait ApplicationIo {
+	type Surface;
+	type Executor;
+	fn window(&self) -> Option<SurfaceHandle<Self::Surface>>;
+	fn create_window(&self) -> SurfaceHandle<Self::Surface>;
+	fn destroy_window(&self, surface_id: SurfaceId);
+	fn gpu_executor(&self) -> Option<&Self::Executor> {
+		None
+	}
+	fn load_resource(&self, url: impl AsRef<str>) -> Result<ResourceFuture, ApplicationError>;
+}
+
+impl<T: ApplicationIo> ApplicationIo for &T {
+	type Surface = T::Surface;
+	type Executor = T::Executor;
+
+	fn window(&self) -> Option<SurfaceHandle<Self::Surface>> {
+		(**self).window()
+	}
+
+	fn create_window(&self) -> SurfaceHandle<T::Surface> {
+		(**self).create_window()
+	}
+
+	fn destroy_window(&self, surface_id: SurfaceId) {
+		(**self).destroy_window(surface_id)
+	}
+
+	fn gpu_executor(&self) -> Option<&T::Executor> {
+		(**self).gpu_executor()
+	}
+
+	fn load_resource<'a>(&self, url: impl AsRef<str>) -> Result<ResourceFuture, ApplicationError> {
+		(**self).load_resource(url)
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
+pub enum ApplicationError {
+	NotFound,
+	InvalidUrl,
+}
+
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize)]
+pub enum NodeGraphUpdateMessage {}
+
+pub trait NodeGraphUpdateSender {
+	fn send(&self, message: NodeGraphUpdateMessage);
+}
+
+impl<T: NodeGraphUpdateSender> NodeGraphUpdateSender for std::sync::Mutex<T> {
+	fn send(&self, message: NodeGraphUpdateMessage) {
+		self.lock().as_mut().unwrap().send(message)
+	}
+}
+
+pub trait GetEditorPreferences {
+	fn use_vello(&self) -> bool;
+}
+
+#[derive(Debug, Default, Clone, Copy, PartialEq, Eq, Hash, serde::Serialize, serde::Deserialize)]
+pub enum ExportFormat {
+	#[default]
+	Svg,
+	Png {
+		transparent: bool,
+	},
+	Jpeg,
+	Canvas,
+}
+
+#[derive(Debug, Default, Clone, Copy, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct TimingInformation {
+	pub time: f64,
+	pub animation_time: Duration,
+}
+
+#[derive(Debug, Default, Clone, Copy, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct RenderConfig {
+	pub viewport: Footprint,
+	pub export_format: ExportFormat,
+	pub time: TimingInformation,
+	pub view_mode: ViewMode,
+	pub hide_artboards: bool,
+	pub for_export: bool,
+}
+
+struct Logger;
+
+impl NodeGraphUpdateSender for Logger {
+	fn send(&self, message: NodeGraphUpdateMessage) {
+		log::warn!("dispatching message with fallback node graph update sender {:?}", message);
+	}
+}
+
+struct DummyPreferences;
+
+impl GetEditorPreferences for DummyPreferences {
+	fn use_vello(&self) -> bool {
+		false
+	}
+}
+
+pub struct EditorApi<Io> {
+	/// Font data (for rendering text) made available to the graph through the [`WasmEditorApi`].
+	pub font_cache: FontCache,
+	/// Gives access to APIs like a rendering surface (native window handle or HTML5 canvas) and WGPU (which becomes WebGPU on web).
+	pub application_io: Option<Arc<Io>>,
+	pub node_graph_message_sender: Box<dyn NodeGraphUpdateSender + Send + Sync>,
+	/// Editor preferences made available to the graph through the [`WasmEditorApi`].
+	pub editor_preferences: Box<dyn GetEditorPreferences + Send + Sync>,
+}
+
+impl<Io> Eq for EditorApi<Io> {}
+
+impl<Io: Default> Default for EditorApi<Io> {
+	fn default() -> Self {
+		Self {
+			font_cache: FontCache::default(),
+			application_io: None,
+			node_graph_message_sender: Box::new(Logger),
+			editor_preferences: Box::new(DummyPreferences),
+		}
+	}
+}
+
+impl<Io> Hash for EditorApi<Io> {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.font_cache.hash(state);
+		self.application_io.as_ref().map_or(0, |io| io.as_ref() as *const _ as usize).hash(state);
+		(self.node_graph_message_sender.as_ref() as *const dyn NodeGraphUpdateSender).hash(state);
+		(self.editor_preferences.as_ref() as *const dyn GetEditorPreferences).hash(state);
+	}
+}
+
+impl<Io> PartialEq for EditorApi<Io> {
+	fn eq(&self, other: &Self) -> bool {
+		self.font_cache == other.font_cache
+			&& self.application_io.as_ref().map_or(0, |io| addr_of!(io) as usize) == other.application_io.as_ref().map_or(0, |io| addr_of!(io) as usize)
+			&& std::ptr::eq(self.node_graph_message_sender.as_ref() as *const _, other.node_graph_message_sender.as_ref() as *const _)
+			&& std::ptr::eq(self.editor_preferences.as_ref() as *const _, other.editor_preferences.as_ref() as *const _)
+	}
+}
+
+impl<T> Debug for EditorApi<T> {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		f.debug_struct("EditorApi").field("font_cache", &self.font_cache).finish()
+	}
+}
+
+unsafe impl<T: StaticTypeSized> StaticType for EditorApi<T> {
+	type Static = EditorApi<T::Static>;
+}
diff --git a/node-graph/gbrush/Cargo.toml b/node-graph/gbrush/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..7b2f8b3401c675b9dec5b685a3c6d80e957edc91
--- /dev/null
+++ b/node-graph/gbrush/Cargo.toml
@@ -0,0 +1,28 @@
+[package]
+name = "graphene-brush"
+version = "0.1.0"
+edition = "2024"
+description = "graphene brush"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[features]
+default = ["serde"]
+serde = ["dep:serde"]
+
+[dependencies]
+# Local dependencies
+dyn-any = { workspace = true }
+graphene-core = { workspace = true }
+graphene-raster-nodes = { workspace = true }
+node-macro = { workspace = true }
+
+# Workspace dependencies
+glam = { workspace = true }
+
+# Optional workspace dependencies
+serde = { workspace = true, optional = true, features = ["derive"] }
+
+[dev-dependencies]
+# Workspace dependencies
+tokio = { workspace = true }
diff --git a/node-graph/gbrush/src/brush.rs b/node-graph/gbrush/src/brush.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b2782adc8aeb3c1b647fb747584a8dfcf6737dcf
--- /dev/null
+++ b/node-graph/gbrush/src/brush.rs
@@ -0,0 +1,411 @@
+use crate::brush_cache::BrushCache;
+use crate::brush_stroke::{BrushStroke, BrushStyle};
+use glam::{DAffine2, DVec2};
+use graphene_core::blending::BlendMode;
+use graphene_core::bounds::BoundingBox;
+use graphene_core::color::{Alpha, Color, Pixel, Sample};
+use graphene_core::generic::FnNode;
+use graphene_core::instances::Instance;
+use graphene_core::math::bbox::{AxisAlignedBbox, Bbox};
+use graphene_core::raster::BitmapMut;
+use graphene_core::raster::image::Image;
+use graphene_core::raster_types::{CPU, Raster, RasterDataTable};
+use graphene_core::registry::FutureWrapperNode;
+use graphene_core::transform::Transform;
+use graphene_core::value::ClonedNode;
+use graphene_core::{Ctx, Node};
+use graphene_raster_nodes::adjustments::blend_colors;
+use graphene_raster_nodes::std_nodes::{empty_image, extend_image_to_bounds};
+
+#[derive(Clone, Copy, Debug, PartialEq)]
+pub struct BrushStampGenerator<P: Pixel + Alpha> {
+	color: P,
+	feather_exponent: f32,
+	transform: DAffine2,
+}
+
+impl<P: Pixel + Alpha> Transform for BrushStampGenerator<P> {
+	fn transform(&self) -> DAffine2 {
+		self.transform
+	}
+}
+
+impl<P: Pixel + Alpha> Sample for BrushStampGenerator<P> {
+	type Pixel = P;
+
+	#[inline]
+	fn sample(&self, position: DVec2, area: DVec2) -> Option<P> {
+		let position = self.transform.inverse().transform_point2(position);
+		let area = self.transform.inverse().transform_vector2(area);
+		let aa_blur_radius = area.length() as f32 * 2.;
+		let center = DVec2::splat(0.5);
+
+		let distance = (position + area / 2. - center).length() as f32 * 2.;
+
+		let edge_opacity = 1. - (1. - aa_blur_radius).powf(self.feather_exponent);
+		let result = if distance < 1. - aa_blur_radius {
+			1. - distance.powf(self.feather_exponent)
+		} else if distance < 1. {
+			// TODO: Replace this with a proper analytical AA implementation
+			edge_opacity * ((1. - distance) / aa_blur_radius)
+		} else {
+			return None;
+		};
+
+		use graphene_core::color::Channel;
+		Some(self.color.multiplied_alpha(P::AlphaChannel::from_linear(result)))
+	}
+}
+
+#[node_macro::node(skip_impl)]
+fn brush_stamp_generator(#[unit(" px")] diameter: f64, color: Color, hardness: f64, flow: f64) -> BrushStampGenerator<Color> {
+	// Diameter
+	let radius = diameter / 2.;
+
+	// Hardness
+	let hardness = hardness / 100.;
+	let feather_exponent = 1. / (1. - hardness) as f32;
+
+	// Flow
+	let flow = flow / 100.;
+
+	// Color
+	let color = color.apply_opacity(flow as f32);
+
+	let transform = DAffine2::from_scale_angle_translation(DVec2::splat(diameter), 0., -DVec2::splat(radius));
+	BrushStampGenerator { color, feather_exponent, transform }
+}
+
+#[node_macro::node(skip_impl)]
+fn blit<BlendFn>(mut target: RasterDataTable<CPU>, texture: Raster<CPU>, positions: Vec<DVec2>, blend_mode: BlendFn) -> RasterDataTable<CPU>
+where
+	BlendFn: for<'any_input> Node<'any_input, (Color, Color), Output = Color>,
+{
+	if positions.is_empty() {
+		return target;
+	}
+
+	for target_instance in target.instance_mut_iter() {
+		let target_width = target_instance.instance.width;
+		let target_height = target_instance.instance.height;
+		let target_size = DVec2::new(target_width as f64, target_height as f64);
+
+		let texture_size = DVec2::new(texture.width as f64, texture.height as f64);
+
+		let document_to_target = DAffine2::from_translation(-texture_size / 2.) * DAffine2::from_scale(target_size) * target_instance.transform.inverse();
+
+		for position in &positions {
+			let start = document_to_target.transform_point2(*position).round();
+			let stop = start + texture_size;
+
+			// Half-open integer ranges [start, stop).
+			let clamp_start = start.clamp(DVec2::ZERO, target_size).as_uvec2();
+			let clamp_stop = stop.clamp(DVec2::ZERO, target_size).as_uvec2();
+
+			let blit_area_offset = (clamp_start.as_dvec2() - start).as_uvec2().min(texture_size.as_uvec2());
+			let blit_area_dimensions = (clamp_stop - clamp_start).min(texture_size.as_uvec2() - blit_area_offset);
+
+			// Tight blitting loop. Eagerly assert bounds to hopefully eliminate bounds check inside loop.
+			let texture_index = |x: u32, y: u32| -> usize { (y as usize * texture.width as usize) + (x as usize) };
+			let target_index = |x: u32, y: u32| -> usize { (y as usize * target_width as usize) + (x as usize) };
+
+			let max_y = (blit_area_offset.y + blit_area_dimensions.y).saturating_sub(1);
+			let max_x = (blit_area_offset.x + blit_area_dimensions.x).saturating_sub(1);
+			assert!(texture_index(max_x, max_y) < texture.data.len());
+			assert!(target_index(max_x, max_y) < target_instance.instance.data.len());
+
+			for y in blit_area_offset.y..blit_area_offset.y + blit_area_dimensions.y {
+				for x in blit_area_offset.x..blit_area_offset.x + blit_area_dimensions.x {
+					let src_pixel = texture.data[texture_index(x, y)];
+					let dst_pixel = &mut target_instance.instance.data_mut().data[target_index(x + clamp_start.x, y + clamp_start.y)];
+					*dst_pixel = blend_mode.eval((src_pixel, *dst_pixel));
+				}
+			}
+		}
+	}
+
+	target
+}
+
+pub async fn create_brush_texture(brush_style: &BrushStyle) -> Raster<CPU> {
+	let stamp = brush_stamp_generator(brush_style.diameter, brush_style.color, brush_style.hardness, brush_style.flow);
+	let transform = DAffine2::from_scale_angle_translation(DVec2::splat(brush_style.diameter), 0., -DVec2::splat(brush_style.diameter / 2.));
+	let blank_texture = empty_image((), transform, Color::TRANSPARENT).instance_iter().next().unwrap_or_default();
+	let image = blend_stamp_closure(stamp, blank_texture, |a, b| blend_colors(a, b, BlendMode::Normal, 1.));
+
+	image.instance
+}
+
+pub fn blend_with_mode(background: Instance<Raster<CPU>>, foreground: Instance<Raster<CPU>>, blend_mode: BlendMode, opacity: f64) -> Instance<Raster<CPU>> {
+	let opacity = opacity / 100.;
+	match std::hint::black_box(blend_mode) {
+		// Normal group
+		BlendMode::Normal => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Normal, opacity)),
+		// Darken group
+		BlendMode::Darken => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Darken, opacity)),
+		BlendMode::Multiply => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Multiply, opacity)),
+		BlendMode::ColorBurn => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::ColorBurn, opacity)),
+		BlendMode::LinearBurn => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::LinearBurn, opacity)),
+		BlendMode::DarkerColor => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::DarkerColor, opacity)),
+		// Lighten group
+		BlendMode::Lighten => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Lighten, opacity)),
+		BlendMode::Screen => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Screen, opacity)),
+		BlendMode::ColorDodge => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::ColorDodge, opacity)),
+		BlendMode::LinearDodge => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::LinearDodge, opacity)),
+		BlendMode::LighterColor => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::LighterColor, opacity)),
+		// Contrast group
+		BlendMode::Overlay => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Overlay, opacity)),
+		BlendMode::SoftLight => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::SoftLight, opacity)),
+		BlendMode::HardLight => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::HardLight, opacity)),
+		BlendMode::VividLight => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::VividLight, opacity)),
+		BlendMode::LinearLight => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::LinearLight, opacity)),
+		BlendMode::PinLight => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::PinLight, opacity)),
+		BlendMode::HardMix => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::HardMix, opacity)),
+		// Inversion group
+		BlendMode::Difference => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Difference, opacity)),
+		BlendMode::Exclusion => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Exclusion, opacity)),
+		BlendMode::Subtract => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Subtract, opacity)),
+		BlendMode::Divide => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Divide, opacity)),
+		// Component group
+		BlendMode::Hue => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Hue, opacity)),
+		BlendMode::Saturation => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Saturation, opacity)),
+		BlendMode::Color => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Color, opacity)),
+		BlendMode::Luminosity => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Luminosity, opacity)),
+		// Other utility blend modes (hidden from the normal list)
+		BlendMode::Erase => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Erase, opacity)),
+		BlendMode::Restore => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::Restore, opacity)),
+		BlendMode::MultiplyAlpha => blend_image_closure(foreground, background, |a, b| blend_colors(a, b, BlendMode::MultiplyAlpha, opacity)),
+	}
+}
+
+#[node_macro::node(category("Raster"))]
+async fn brush(_: impl Ctx, mut image_frame_table: RasterDataTable<CPU>, strokes: Vec<BrushStroke>, cache: BrushCache) -> RasterDataTable<CPU> {
+	if image_frame_table.is_empty() {
+		image_frame_table.push(Instance::default());
+	}
+	// TODO: Find a way to handle more than one instance
+	let image_frame_instance = image_frame_table.instance_ref_iter().next().expect("Expected the one instance we just pushed").to_instance_cloned();
+
+	let [start, end] = image_frame_instance.clone().to_table().bounding_box(DAffine2::IDENTITY, false).unwrap_or([DVec2::ZERO, DVec2::ZERO]);
+	let image_bbox = AxisAlignedBbox { start, end };
+	let stroke_bbox = strokes.iter().map(|s| s.bounding_box()).reduce(|a, b| a.union(&b)).unwrap_or(AxisAlignedBbox::ZERO);
+	let bbox = if image_bbox.size().length() < 0.1 { stroke_bbox } else { stroke_bbox.union(&image_bbox) };
+	let background_bounds = bbox.to_transform();
+
+	let mut draw_strokes: Vec<_> = strokes.iter().filter(|&s| !matches!(s.style.blend_mode, BlendMode::Erase | BlendMode::Restore)).cloned().collect();
+	let erase_restore_strokes: Vec<_> = strokes.iter().filter(|&s| matches!(s.style.blend_mode, BlendMode::Erase | BlendMode::Restore)).cloned().collect();
+
+	let mut brush_plan = cache.compute_brush_plan(image_frame_instance, &draw_strokes);
+
+	// TODO: Find a way to handle more than one instance
+	let Some(mut actual_image) = extend_image_to_bounds((), brush_plan.background.to_table(), background_bounds).instance_iter().next() else {
+		return RasterDataTable::default();
+	};
+
+	let final_stroke_idx = brush_plan.strokes.len().saturating_sub(1);
+	for (idx, stroke) in brush_plan.strokes.into_iter().enumerate() {
+		// Create brush texture.
+		// TODO: apply rotation from layer to stamp for non-rotationally-symmetric brushes.
+		let mut brush_texture = cache.get_cached_brush(&stroke.style);
+		if brush_texture.is_none() {
+			let tex = create_brush_texture(&stroke.style).await;
+			cache.store_brush(stroke.style.clone(), tex.clone());
+			brush_texture = Some(tex);
+		}
+		let brush_texture = brush_texture.unwrap();
+
+		// Compute transformation from stroke texture space into layer space, and create the stroke texture.
+		let skip = if idx == 0 { brush_plan.first_stroke_point_skip } else { 0 };
+		let positions: Vec<_> = stroke.compute_blit_points().into_iter().skip(skip).collect();
+		let stroke_texture = if idx == 0 && positions.is_empty() {
+			core::mem::take(&mut brush_plan.first_stroke_texture)
+		} else {
+			let mut bbox = stroke.bounding_box();
+			bbox.start = bbox.start.floor();
+			bbox.end = bbox.end.floor();
+			let stroke_size = bbox.size() + DVec2::splat(stroke.style.diameter);
+			// For numerical stability we want to place the first blit point at a stable, integer offset in layer space.
+			let snap_offset = positions[0].floor() - positions[0];
+			let stroke_origin_in_layer = bbox.start - snap_offset - DVec2::splat(stroke.style.diameter / 2.);
+			let stroke_to_layer = DAffine2::from_translation(stroke_origin_in_layer) * DAffine2::from_scale(stroke_size);
+
+			// let normal_blend = BlendColorPairNode::new(ValueNode::new(CopiedNode::new(BlendMode::Normal)), ValueNode::new(CopiedNode::new(100.)));
+			let normal_blend = FnNode::new(|(a, b)| blend_colors(a, b, BlendMode::Normal, 1.));
+			let blit_node = BlitNode::new(
+				FutureWrapperNode::new(ClonedNode::new(brush_texture)),
+				FutureWrapperNode::new(ClonedNode::new(positions)),
+				FutureWrapperNode::new(ClonedNode::new(normal_blend)),
+			);
+			let blit_target = if idx == 0 {
+				let target = core::mem::take(&mut brush_plan.first_stroke_texture);
+				extend_image_to_bounds((), target.to_table(), stroke_to_layer)
+			} else {
+				empty_image((), stroke_to_layer, Color::TRANSPARENT)
+				// EmptyImageNode::new(CopiedNode::new(stroke_to_layer), CopiedNode::new(Color::TRANSPARENT)).eval(())
+			};
+
+			let instances = blit_node.eval(blit_target).await;
+			assert_eq!(instances.len(), 1);
+			instances.instance_iter().next().unwrap_or_default()
+		};
+
+		// Cache image before doing final blend, and store final stroke texture.
+		if idx == final_stroke_idx {
+			cache.cache_results(core::mem::take(&mut draw_strokes), actual_image.clone(), stroke_texture.clone());
+		}
+
+		// TODO: Is this the correct way to do opacity in blending?
+		actual_image = blend_with_mode(actual_image, stroke_texture, stroke.style.blend_mode, (stroke.style.color.a() * 100.) as f64);
+	}
+
+	let has_erase_strokes = strokes.iter().any(|s| s.style.blend_mode == BlendMode::Erase);
+	if has_erase_strokes {
+		let opaque_image = Image::new(bbox.size().x as u32, bbox.size().y as u32, Color::WHITE);
+		let mut erase_restore_mask = Instance {
+			instance: Raster::new_cpu(opaque_image),
+			transform: background_bounds,
+			..Default::default()
+		};
+
+		for stroke in erase_restore_strokes {
+			let mut brush_texture = cache.get_cached_brush(&stroke.style);
+			if brush_texture.is_none() {
+				let tex = create_brush_texture(&stroke.style).await;
+				cache.store_brush(stroke.style.clone(), tex.clone());
+				brush_texture = Some(tex);
+			}
+			let brush_texture = brush_texture.unwrap();
+			let positions: Vec<_> = stroke.compute_blit_points().into_iter().collect();
+
+			match stroke.style.blend_mode {
+				BlendMode::Erase => {
+					let blend_params = FnNode::new(|(a, b)| blend_colors(a, b, BlendMode::Erase, 1.));
+					let blit_node = BlitNode::new(
+						FutureWrapperNode::new(ClonedNode::new(brush_texture)),
+						FutureWrapperNode::new(ClonedNode::new(positions)),
+						FutureWrapperNode::new(ClonedNode::new(blend_params)),
+					);
+					erase_restore_mask = blit_node.eval(erase_restore_mask.to_table()).await.instance_iter().next().unwrap_or_default();
+				}
+				// Yes, this is essentially the same as the above, but we duplicate to inline the blend mode.
+				BlendMode::Restore => {
+					let blend_params = FnNode::new(|(a, b)| blend_colors(a, b, BlendMode::Restore, 1.));
+					let blit_node = BlitNode::new(
+						FutureWrapperNode::new(ClonedNode::new(brush_texture)),
+						FutureWrapperNode::new(ClonedNode::new(positions)),
+						FutureWrapperNode::new(ClonedNode::new(blend_params)),
+					);
+					erase_restore_mask = blit_node.eval(erase_restore_mask.to_table()).await.instance_iter().next().unwrap_or_default();
+				}
+				_ => unreachable!(),
+			}
+		}
+
+		let blend_params = FnNode::new(|(a, b)| blend_colors(a, b, BlendMode::MultiplyAlpha, 1.));
+		actual_image = blend_image_closure(erase_restore_mask, actual_image, |a, b| blend_params.eval((a, b)));
+	}
+
+	let first_row = image_frame_table.instance_mut_iter().next().unwrap();
+	*first_row.instance = actual_image.instance;
+	*first_row.transform = actual_image.transform;
+	*first_row.alpha_blending = actual_image.alpha_blending;
+	*first_row.source_node_id = actual_image.source_node_id;
+
+	image_frame_table
+}
+
+pub fn blend_image_closure(foreground: Instance<Raster<CPU>>, mut background: Instance<Raster<CPU>>, map_fn: impl Fn(Color, Color) -> Color) -> Instance<Raster<CPU>> {
+	let foreground_size = DVec2::new(foreground.instance.width as f64, foreground.instance.height as f64);
+	let background_size = DVec2::new(background.instance.width as f64, background.instance.height as f64);
+
+	// Transforms a point from the background image to the foreground image
+	let background_to_foreground = DAffine2::from_scale(foreground_size) * foreground.transform.inverse() * background.transform * DAffine2::from_scale(1. / background_size);
+
+	// Footprint of the foreground image (0, 0)..(1, 1) in the background image space
+	let background_aabb = Bbox::unit().affine_transform(background.transform.inverse() * foreground.transform).to_axis_aligned_bbox();
+
+	// Clamp the foreground image to the background image
+	let start = (background_aabb.start * background_size).max(DVec2::ZERO).as_uvec2();
+	let end = (background_aabb.end * background_size).min(background_size).as_uvec2();
+
+	for y in start.y..end.y {
+		for x in start.x..end.x {
+			let background_point = DVec2::new(x as f64, y as f64);
+			let foreground_point = background_to_foreground.transform_point2(background_point);
+
+			let source_pixel = foreground.instance.sample(foreground_point);
+			let Some(destination_pixel) = background.instance.data_mut().get_pixel_mut(x, y) else { continue };
+
+			*destination_pixel = map_fn(source_pixel, *destination_pixel);
+		}
+	}
+
+	background
+}
+
+pub fn blend_stamp_closure(foreground: BrushStampGenerator<Color>, mut background: Instance<Raster<CPU>>, map_fn: impl Fn(Color, Color) -> Color) -> Instance<Raster<CPU>> {
+	let background_size = DVec2::new(background.instance.width as f64, background.instance.height as f64);
+
+	// Transforms a point from the background image to the foreground image
+	let background_to_foreground = background.transform * DAffine2::from_scale(1. / background_size);
+
+	// Footprint of the foreground image (0, 0)..(1, 1) in the background image space
+	let background_aabb = Bbox::unit().affine_transform(background.transform.inverse() * foreground.transform).to_axis_aligned_bbox();
+
+	// Clamp the foreground image to the background image
+	let start = (background_aabb.start * background_size).max(DVec2::ZERO).as_uvec2();
+	let end = (background_aabb.end * background_size).min(background_size).as_uvec2();
+
+	let area = background_to_foreground.transform_point2(DVec2::new(1., 1.)) - background_to_foreground.transform_point2(DVec2::ZERO);
+	for y in start.y..end.y {
+		for x in start.x..end.x {
+			let background_point = DVec2::new(x as f64, y as f64);
+			let foreground_point = background_to_foreground.transform_point2(background_point);
+
+			let Some(source_pixel) = foreground.sample(foreground_point, area) else { continue };
+			let Some(destination_pixel) = background.instance.data_mut().get_pixel_mut(x, y) else { continue };
+
+			*destination_pixel = map_fn(source_pixel, *destination_pixel);
+		}
+	}
+
+	background
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use glam::DAffine2;
+	use graphene_core::transform::Transform;
+
+	#[test]
+	fn test_brush_texture() {
+		let size = 20.;
+		let image = brush_stamp_generator(size, Color::BLACK, 100., 100.);
+		assert_eq!(image.transform(), DAffine2::from_scale_angle_translation(DVec2::splat(size.ceil()), 0., -DVec2::splat(size / 2.)));
+		// center pixel should be BLACK
+		assert_eq!(image.sample(DVec2::splat(0.), DVec2::ONE), Some(Color::BLACK));
+	}
+
+	#[tokio::test]
+	async fn test_brush_output_size() {
+		let image = brush(
+			(),
+			RasterDataTable::<CPU>::new(Raster::new_cpu(Image::<Color>::default())),
+			vec![BrushStroke {
+				trace: vec![crate::brush_stroke::BrushInputSample { position: DVec2::ZERO }],
+				style: BrushStyle {
+					color: Color::BLACK,
+					diameter: 20.,
+					hardness: 20.,
+					flow: 20.,
+					spacing: 20.,
+					blend_mode: BlendMode::Normal,
+				},
+			}],
+			BrushCache::new_proto(),
+		)
+		.await;
+		assert_eq!(image.instance_ref_iter().next().unwrap().instance.width, 20);
+	}
+}
diff --git a/node-graph/gbrush/src/brush_cache.rs b/node-graph/gbrush/src/brush_cache.rs
new file mode 100644
index 0000000000000000000000000000000000000000..853a13ca344b9437eef18877bce9cb182b6d9c1e
--- /dev/null
+++ b/node-graph/gbrush/src/brush_cache.rs
@@ -0,0 +1,184 @@
+use crate::brush_stroke::BrushStroke;
+use crate::brush_stroke::BrushStyle;
+use dyn_any::DynAny;
+use graphene_core::instances::Instance;
+use graphene_core::raster_types::CPU;
+use graphene_core::raster_types::Raster;
+use std::collections::HashMap;
+use std::hash::Hash;
+use std::sync::Arc;
+use std::sync::Mutex;
+
+#[derive(Clone, Debug, PartialEq, DynAny, Default, serde::Serialize, serde::Deserialize)]
+struct BrushCacheImpl {
+	// The full previous input that was cached.
+	prev_input: Vec<BrushStroke>,
+
+	// The strokes that have been fully processed and blended into the background.
+	#[serde(deserialize_with = "graphene_core::raster::image::migrate_image_frame_instance")]
+	background: Instance<Raster<CPU>>,
+	#[serde(deserialize_with = "graphene_core::raster::image::migrate_image_frame_instance")]
+	blended_image: Instance<Raster<CPU>>,
+	#[serde(deserialize_with = "graphene_core::raster::image::migrate_image_frame_instance")]
+	last_stroke_texture: Instance<Raster<CPU>>,
+
+	// A cache for brush textures.
+	#[serde(skip)]
+	brush_texture_cache: HashMap<BrushStyle, Raster<CPU>>,
+}
+
+impl BrushCacheImpl {
+	fn compute_brush_plan(&mut self, mut background: Instance<Raster<CPU>>, input: &[BrushStroke]) -> BrushPlan {
+		// Do background invalidation.
+		if background != self.background {
+			self.background = background.clone();
+			return BrushPlan {
+				strokes: input.to_vec(),
+				background,
+				..Default::default()
+			};
+		}
+
+		// Do blended_image invalidation.
+		let blended_strokes = &self.prev_input[..self.prev_input.len().saturating_sub(1)];
+		let num_blended_strokes = blended_strokes.len();
+		if input.get(..num_blended_strokes) != Some(blended_strokes) {
+			return BrushPlan {
+				strokes: input.to_vec(),
+				background,
+				..Default::default()
+			};
+		}
+
+		// Take our previous blended image (and invalidate the cache).
+		// Since we're about to replace our cache anyway, this saves a clone.
+		background = std::mem::take(&mut self.blended_image);
+
+		// Check if the first non-blended stroke is an extension of the last one.
+		let mut first_stroke_texture = Instance {
+			instance: Raster::<CPU>::default(),
+			transform: glam::DAffine2::ZERO,
+			..Default::default()
+		};
+		let mut first_stroke_point_skip = 0;
+		let strokes = input[num_blended_strokes..].to_vec();
+		if !strokes.is_empty() && self.prev_input.len() > num_blended_strokes {
+			let last_stroke = &self.prev_input[num_blended_strokes];
+			let same_style = strokes[0].style == last_stroke.style;
+			let prev_points = last_stroke.compute_blit_points();
+			let new_points = strokes[0].compute_blit_points();
+			let is_point_prefix = new_points.get(..prev_points.len()) == Some(&prev_points);
+			if same_style && is_point_prefix {
+				first_stroke_texture = std::mem::take(&mut self.last_stroke_texture);
+				first_stroke_point_skip = prev_points.len();
+			}
+		}
+
+		self.prev_input = Vec::new();
+		BrushPlan {
+			strokes,
+			background,
+			first_stroke_texture,
+			first_stroke_point_skip,
+		}
+	}
+
+	pub fn cache_results(&mut self, input: Vec<BrushStroke>, blended_image: Instance<Raster<CPU>>, last_stroke_texture: Instance<Raster<CPU>>) {
+		self.prev_input = input;
+		self.blended_image = blended_image;
+		self.last_stroke_texture = last_stroke_texture;
+	}
+}
+
+impl Hash for BrushCacheImpl {
+	// Zero hash.
+	fn hash<H: std::hash::Hasher>(&self, _state: &mut H) {}
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct BrushPlan {
+	pub strokes: Vec<BrushStroke>,
+	pub background: Instance<Raster<CPU>>,
+	pub first_stroke_texture: Instance<Raster<CPU>>,
+	pub first_stroke_point_skip: usize,
+}
+
+#[derive(Debug, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct BrushCache {
+	inner: Arc<Mutex<BrushCacheImpl>>,
+	proto: bool,
+}
+
+impl Default for BrushCache {
+	fn default() -> Self {
+		Self::new_proto()
+	}
+}
+
+// A bit of a cursed implementation to work around the current node system.
+// The original object is a 'prototype' that when cloned gives you a independent
+// new object. Any further clones however are all the same underlying cache object.
+impl Clone for BrushCache {
+	fn clone(&self) -> Self {
+		if self.proto {
+			let inner_val = self.inner.lock().unwrap();
+			Self {
+				inner: Arc::new(Mutex::new(inner_val.clone())),
+				proto: false,
+			}
+		} else {
+			Self {
+				inner: Arc::clone(&self.inner),
+				proto: false,
+			}
+		}
+	}
+}
+
+impl PartialEq for BrushCache {
+	fn eq(&self, other: &Self) -> bool {
+		if Arc::ptr_eq(&self.inner, &other.inner) {
+			return true;
+		}
+
+		let s = self.inner.lock().unwrap();
+		let o = other.inner.lock().unwrap();
+
+		*s == *o
+	}
+}
+
+impl Hash for BrushCache {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.inner.lock().unwrap().hash(state);
+	}
+}
+
+impl BrushCache {
+	pub fn new_proto() -> Self {
+		Self {
+			inner: Default::default(),
+			proto: true,
+		}
+	}
+
+	pub fn compute_brush_plan(&self, background: Instance<Raster<CPU>>, input: &[BrushStroke]) -> BrushPlan {
+		let mut inner = self.inner.lock().unwrap();
+		inner.compute_brush_plan(background, input)
+	}
+
+	pub fn cache_results(&self, input: Vec<BrushStroke>, blended_image: Instance<Raster<CPU>>, last_stroke_texture: Instance<Raster<CPU>>) {
+		let mut inner = self.inner.lock().unwrap();
+		inner.cache_results(input, blended_image, last_stroke_texture)
+	}
+
+	pub fn get_cached_brush(&self, style: &BrushStyle) -> Option<Raster<CPU>> {
+		let inner = self.inner.lock().unwrap();
+		inner.brush_texture_cache.get(style).cloned()
+	}
+
+	pub fn store_brush(&self, style: BrushStyle, brush: Raster<CPU>) {
+		let mut inner = self.inner.lock().unwrap();
+		inner.brush_texture_cache.insert(style, brush);
+	}
+}
diff --git a/node-graph/gbrush/src/brush_stroke.rs b/node-graph/gbrush/src/brush_stroke.rs
new file mode 100644
index 0000000000000000000000000000000000000000..5b07e0136215beec45860cd11fff9303ca588c3c
--- /dev/null
+++ b/node-graph/gbrush/src/brush_stroke.rs
@@ -0,0 +1,127 @@
+use dyn_any::DynAny;
+use glam::DVec2;
+use graphene_core::blending::BlendMode;
+use graphene_core::color::Color;
+use graphene_core::math::bbox::AxisAlignedBbox;
+use std::hash::{Hash, Hasher};
+
+/// The style of a brush.
+#[derive(Clone, Debug, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct BrushStyle {
+	pub color: Color,
+	pub diameter: f64,
+	pub hardness: f64,
+	pub flow: f64,
+	pub spacing: f64, // Spacing as a fraction of the diameter.
+	pub blend_mode: BlendMode,
+}
+
+impl Default for BrushStyle {
+	fn default() -> Self {
+		Self {
+			color: Color::BLACK,
+			diameter: 40.,
+			hardness: 50.,
+			flow: 100.,
+			spacing: 50., // Percentage of diameter.
+			blend_mode: BlendMode::Normal,
+		}
+	}
+}
+
+impl Hash for BrushStyle {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.color.hash(state);
+		self.diameter.to_bits().hash(state);
+		self.hardness.to_bits().hash(state);
+		self.flow.to_bits().hash(state);
+		self.spacing.to_bits().hash(state);
+		self.blend_mode.hash(state);
+	}
+}
+
+impl Eq for BrushStyle {}
+
+impl PartialEq for BrushStyle {
+	fn eq(&self, other: &Self) -> bool {
+		self.color == other.color
+			&& self.diameter.to_bits() == other.diameter.to_bits()
+			&& self.hardness.to_bits() == other.hardness.to_bits()
+			&& self.flow.to_bits() == other.flow.to_bits()
+			&& self.spacing.to_bits() == other.spacing.to_bits()
+			&& self.blend_mode == other.blend_mode
+	}
+}
+
+/// A single sample of brush parameters across the brush stroke.
+#[derive(Clone, Debug, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct BrushInputSample {
+	// The position of the sample in layer space, in pixels.
+	// The origin of layer space is not specified.
+	pub position: DVec2,
+	// Future work: pressure, stylus angle, etc.
+}
+
+impl Hash for BrushInputSample {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.position.x.to_bits().hash(state);
+		self.position.y.to_bits().hash(state);
+	}
+}
+
+/// The parameters for a single stroke brush.
+#[derive(Clone, Debug, PartialEq, Hash, Default, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct BrushStroke {
+	pub style: BrushStyle,
+	pub trace: Vec<BrushInputSample>,
+}
+
+impl BrushStroke {
+	pub fn bounding_box(&self) -> AxisAlignedBbox {
+		let radius = self.style.diameter / 2.;
+		self.compute_blit_points()
+			.iter()
+			.map(|pos| AxisAlignedBbox {
+				start: *pos + DVec2::new(-radius, -radius),
+				end: *pos + DVec2::new(radius, radius),
+			})
+			.reduce(|a, b| a.union(&b))
+			.unwrap_or(AxisAlignedBbox::ZERO)
+	}
+
+	pub fn compute_blit_points(&self) -> Vec<DVec2> {
+		// We always travel in a straight line towards the next user input,
+		// placing a blit point every time we travelled our spacing distance.
+		let spacing_dist = self.style.spacing / 100. * self.style.diameter;
+
+		let Some(first_sample) = self.trace.first() else {
+			return Vec::new();
+		};
+
+		let mut cur_pos = first_sample.position;
+		let mut result = vec![cur_pos];
+		let mut dist_until_next_blit = spacing_dist;
+		for sample in &self.trace[1..] {
+			// Travel to the next sample.
+			let delta = sample.position - cur_pos;
+			let mut dist_left = delta.length();
+			let unit_step = delta / dist_left;
+
+			while dist_left >= dist_until_next_blit {
+				// Take a step to the next blit point.
+				cur_pos += dist_until_next_blit * unit_step;
+				dist_left -= dist_until_next_blit;
+
+				// Blit.
+				result.push(cur_pos);
+				dist_until_next_blit = spacing_dist;
+			}
+
+			// Take the partial step to land at the sample.
+			dist_until_next_blit -= dist_left;
+			cur_pos = sample.position;
+		}
+
+		result
+	}
+}
diff --git a/node-graph/gbrush/src/lib.rs b/node-graph/gbrush/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..76fc7348d254a6f9b821d8222e542ed218f44b81
--- /dev/null
+++ b/node-graph/gbrush/src/lib.rs
@@ -0,0 +1,3 @@
+pub mod brush;
+pub mod brush_cache;
+pub mod brush_stroke;
diff --git a/node-graph/gcore/Cargo.toml b/node-graph/gcore/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..cc8b30c8b41103c96c32cc54ba6bce6a2dce3813
--- /dev/null
+++ b/node-graph/gcore/Cargo.toml
@@ -0,0 +1,54 @@
+[package]
+name = "graphene-core"
+version = "0.1.0"
+edition = "2024"
+description = "API definitions for Graphene"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[features]
+default = ["serde"]
+nightly = []
+type_id_logging = []
+wgpu = ["dep:wgpu"]
+dealloc_nodes = []
+
+[dependencies]
+# Workspace dependencies
+bytemuck = { workspace = true }
+node-macro = { workspace = true }
+num-derive = { workspace = true }
+num-traits = { workspace = true }
+rand = { workspace = true }
+glam = { workspace = true }
+serde_json = { workspace = true }
+petgraph = { workspace = true }
+rustc-hash = { workspace = true }
+dyn-any = { workspace = true }
+ctor = { workspace = true }
+rand_chacha = { workspace = true }
+bezier-rs = { workspace = true }
+specta = { workspace = true }
+image = { workspace = true }
+half = { workspace = true }
+tinyvec = { workspace = true }
+parley = { workspace = true }
+skrifa = { workspace = true }
+kurbo = { workspace = true }
+log = { workspace = true }
+base64 = { workspace = true }
+
+# Optional workspace dependencies
+serde = { workspace = true, optional = true }
+wgpu = { workspace = true, optional = true }
+
+[dev-dependencies]
+# Workspace dependencies
+tokio = { workspace = true }
+serde_json = { workspace = true }
+
+[lints.rust]
+# the spirv target is not in the list of common cfgs so must be added manually
+unexpected_cfgs = { level = "warn", check-cfg = [
+	'cfg(target_arch, values("spirv"))',
+] }
diff --git a/node-graph/gcore/src/animation.rs b/node-graph/gcore/src/animation.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fe992397bcf81502e8a500778928ebc36a2b5eb5
--- /dev/null
+++ b/node-graph/gcore/src/animation.rs
@@ -0,0 +1,52 @@
+use crate::{Ctx, ExtractAnimationTime, ExtractTime};
+
+const DAY: f64 = 1000. * 3600. * 24.;
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, dyn_any::DynAny, Default, Hash, node_macro::ChoiceType, serde::Serialize, serde::Deserialize)]
+pub enum RealTimeMode {
+	#[label("UTC")]
+	Utc,
+	Year,
+	Hour,
+	Minute,
+	#[default]
+	Second,
+	Millisecond,
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq)]
+pub enum AnimationTimeMode {
+	AnimationTime,
+	FrameNumber,
+}
+
+#[node_macro::node(category("Animation"))]
+fn real_time(ctx: impl Ctx + ExtractTime, _primary: (), mode: RealTimeMode) -> f64 {
+	let time = ctx.try_time().unwrap_or_default();
+	// TODO: Implement proper conversion using and existing time implementation
+	match mode {
+		RealTimeMode::Utc => time,
+		RealTimeMode::Year => (time / DAY / 365.25).floor() + 1970.,
+		RealTimeMode::Hour => (time / 1000. / 3600.).floor() % 24.,
+		RealTimeMode::Minute => (time / 1000. / 60.).floor() % 60.,
+
+		RealTimeMode::Second => (time / 1000.).floor() % 60.,
+		RealTimeMode::Millisecond => time % 1000.,
+	}
+}
+
+#[node_macro::node(category("Animation"))]
+fn animation_time(ctx: impl Ctx + ExtractAnimationTime) -> f64 {
+	ctx.try_animation_time().unwrap_or_default()
+}
+
+// These nodes require more sophistcated algorithms for giving the correct result
+
+// #[node_macro::node(category("Animation"))]
+// fn month(ctx: impl Ctx + ExtractTime) -> f64 {
+// 	((ctx.try_time().unwrap_or_default() / DAY / 365.25 % 1.) * 12.).floor()
+// }
+// #[node_macro::node(category("Animation"))]
+// fn day(ctx: impl Ctx + ExtractTime) -> f64 {
+// 	(ctx.try_time().unwrap_or_default() / DAY
+// }
diff --git a/node-graph/gcore/src/blending.rs b/node-graph/gcore/src/blending.rs
new file mode 100644
index 0000000000000000000000000000000000000000..921fb0d0ae3f54ed9bef1bcfcb2acfc2b91efae5
--- /dev/null
+++ b/node-graph/gcore/src/blending.rs
@@ -0,0 +1,240 @@
+use dyn_any::DynAny;
+use std::hash::Hash;
+
+#[derive(Copy, Clone, Debug, PartialEq, DynAny, specta::Type, serde::Serialize, serde::Deserialize)]
+#[serde(default)]
+pub struct AlphaBlending {
+	pub blend_mode: BlendMode,
+	pub opacity: f32,
+	pub fill: f32,
+	pub clip: bool,
+}
+impl Default for AlphaBlending {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+impl Hash for AlphaBlending {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.opacity.to_bits().hash(state);
+		self.fill.to_bits().hash(state);
+		self.blend_mode.hash(state);
+		self.clip.hash(state);
+	}
+}
+impl std::fmt::Display for AlphaBlending {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		let round = |x: f32| (x * 1e3).round() / 1e3;
+		write!(
+			f,
+			"Blend Mode: {} — Opacity: {}% — Fill: {}% — Clip: {}",
+			self.blend_mode,
+			round(self.opacity * 100.),
+			round(self.fill * 100.),
+			if self.clip { "Yes" } else { "No" }
+		)
+	}
+}
+
+impl AlphaBlending {
+	pub const fn new() -> Self {
+		Self {
+			opacity: 1.,
+			fill: 1.,
+			blend_mode: BlendMode::Normal,
+			clip: false,
+		}
+	}
+
+	pub fn lerp(&self, other: &Self, t: f32) -> Self {
+		let lerp = |a: f32, b: f32, t: f32| a + (b - a) * t;
+
+		AlphaBlending {
+			opacity: lerp(self.opacity, other.opacity, t),
+			fill: lerp(self.fill, other.fill, t),
+			blend_mode: if t < 0.5 { self.blend_mode } else { other.blend_mode },
+			clip: if t < 0.5 { self.clip } else { other.clip },
+		}
+	}
+}
+
+#[cfg_attr(feature = "serde", derive(serde::Serialize, serde::Deserialize))]
+#[derive(Debug, Default, Clone, Copy, Eq, PartialEq, DynAny, Hash, specta::Type)]
+#[repr(i32)]
+pub enum BlendMode {
+	// Basic group
+	#[default]
+	Normal,
+
+	// Darken group
+	Darken,
+	Multiply,
+	ColorBurn,
+	LinearBurn,
+	DarkerColor,
+
+	// Lighten group
+	Lighten,
+	Screen,
+	ColorDodge,
+	LinearDodge,
+	LighterColor,
+
+	// Contrast group
+	Overlay,
+	SoftLight,
+	HardLight,
+	VividLight,
+	LinearLight,
+	PinLight,
+	HardMix,
+
+	// Inversion group
+	Difference,
+	Exclusion,
+	Subtract,
+	Divide,
+
+	// Component group
+	Hue,
+	Saturation,
+	Color,
+	Luminosity,
+
+	// Other stuff
+	Erase,
+	Restore,
+	MultiplyAlpha,
+}
+
+impl BlendMode {
+	/// All standard blend modes ordered by group.
+	pub fn list() -> [&'static [BlendMode]; 6] {
+		use BlendMode::*;
+		[
+			// Normal group
+			&[Normal],
+			// Darken group
+			&[Darken, Multiply, ColorBurn, LinearBurn, DarkerColor],
+			// Lighten group
+			&[Lighten, Screen, ColorDodge, LinearDodge, LighterColor],
+			// Contrast group
+			&[Overlay, SoftLight, HardLight, VividLight, LinearLight, PinLight, HardMix],
+			// Inversion group
+			&[Difference, Exclusion, Subtract, Divide],
+			// Component group
+			&[Hue, Saturation, Color, Luminosity],
+		]
+	}
+
+	/// The subset of [`BlendMode::list()`] that is supported by SVG.
+	pub fn list_svg_subset() -> [&'static [BlendMode]; 6] {
+		use BlendMode::*;
+		[
+			// Normal group
+			&[Normal],
+			// Darken group
+			&[Darken, Multiply, ColorBurn],
+			// Lighten group
+			&[Lighten, Screen, ColorDodge],
+			// Contrast group
+			&[Overlay, SoftLight, HardLight],
+			// Inversion group
+			&[Difference, Exclusion],
+			// Component group
+			&[Hue, Saturation, Color, Luminosity],
+		]
+	}
+
+	pub fn index_in_list(&self) -> Option<usize> {
+		Self::list().iter().flat_map(|x| x.iter()).position(|&blend_mode| blend_mode == *self)
+	}
+
+	pub fn index_in_list_svg_subset(&self) -> Option<usize> {
+		Self::list_svg_subset().iter().flat_map(|x| x.iter()).position(|&blend_mode| blend_mode == *self)
+	}
+
+	/// Convert the enum to the CSS string for the blend mode.
+	/// [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode#values)
+	pub fn to_svg_style_name(&self) -> Option<&'static str> {
+		match self {
+			// Normal group
+			BlendMode::Normal => Some("normal"),
+			// Darken group
+			BlendMode::Darken => Some("darken"),
+			BlendMode::Multiply => Some("multiply"),
+			BlendMode::ColorBurn => Some("color-burn"),
+			// Lighten group
+			BlendMode::Lighten => Some("lighten"),
+			BlendMode::Screen => Some("screen"),
+			BlendMode::ColorDodge => Some("color-dodge"),
+			// Contrast group
+			BlendMode::Overlay => Some("overlay"),
+			BlendMode::SoftLight => Some("soft-light"),
+			BlendMode::HardLight => Some("hard-light"),
+			// Inversion group
+			BlendMode::Difference => Some("difference"),
+			BlendMode::Exclusion => Some("exclusion"),
+			// Component group
+			BlendMode::Hue => Some("hue"),
+			BlendMode::Saturation => Some("saturation"),
+			BlendMode::Color => Some("color"),
+			BlendMode::Luminosity => Some("luminosity"),
+			_ => None,
+		}
+	}
+
+	/// Renders the blend mode CSS style declaration.
+	pub fn render(&self) -> String {
+		format!(
+			r#" mix-blend-mode: {};"#,
+			self.to_svg_style_name().unwrap_or_else(|| {
+				warn!("Unsupported blend mode {self:?}");
+				"normal"
+			})
+		)
+	}
+}
+
+impl std::fmt::Display for BlendMode {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			// Normal group
+			BlendMode::Normal => write!(f, "Normal"),
+			// Darken group
+			BlendMode::Darken => write!(f, "Darken"),
+			BlendMode::Multiply => write!(f, "Multiply"),
+			BlendMode::ColorBurn => write!(f, "Color Burn"),
+			BlendMode::LinearBurn => write!(f, "Linear Burn"),
+			BlendMode::DarkerColor => write!(f, "Darker Color"),
+			// Lighten group
+			BlendMode::Lighten => write!(f, "Lighten"),
+			BlendMode::Screen => write!(f, "Screen"),
+			BlendMode::ColorDodge => write!(f, "Color Dodge"),
+			BlendMode::LinearDodge => write!(f, "Linear Dodge"),
+			BlendMode::LighterColor => write!(f, "Lighter Color"),
+			// Contrast group
+			BlendMode::Overlay => write!(f, "Overlay"),
+			BlendMode::SoftLight => write!(f, "Soft Light"),
+			BlendMode::HardLight => write!(f, "Hard Light"),
+			BlendMode::VividLight => write!(f, "Vivid Light"),
+			BlendMode::LinearLight => write!(f, "Linear Light"),
+			BlendMode::PinLight => write!(f, "Pin Light"),
+			BlendMode::HardMix => write!(f, "Hard Mix"),
+			// Inversion group
+			BlendMode::Difference => write!(f, "Difference"),
+			BlendMode::Exclusion => write!(f, "Exclusion"),
+			BlendMode::Subtract => write!(f, "Subtract"),
+			BlendMode::Divide => write!(f, "Divide"),
+			// Component group
+			BlendMode::Hue => write!(f, "Hue"),
+			BlendMode::Saturation => write!(f, "Saturation"),
+			BlendMode::Color => write!(f, "Color"),
+			BlendMode::Luminosity => write!(f, "Luminosity"),
+			// Other utility blend modes (hidden from the normal list)
+			BlendMode::Erase => write!(f, "Erase"),
+			BlendMode::Restore => write!(f, "Restore"),
+			BlendMode::MultiplyAlpha => write!(f, "Multiply Alpha"),
+		}
+	}
+}
diff --git a/node-graph/gcore/src/blending_nodes.rs b/node-graph/gcore/src/blending_nodes.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fcf2bd0c006e5d5f03018e49df410a56b9555214
--- /dev/null
+++ b/node-graph/gcore/src/blending_nodes.rs
@@ -0,0 +1,175 @@
+use crate::raster::Image;
+use crate::raster_types::{CPU, RasterDataTable};
+use crate::registry::types::Percentage;
+use crate::vector::VectorDataTable;
+use crate::{BlendMode, Color, Ctx, GraphicElement, GraphicGroupTable};
+
+pub(super) trait MultiplyAlpha {
+	fn multiply_alpha(&mut self, factor: f64);
+}
+
+impl MultiplyAlpha for Color {
+	fn multiply_alpha(&mut self, factor: f64) {
+		*self = Color::from_rgbaf32_unchecked(self.r(), self.g(), self.b(), (self.a() * factor as f32).clamp(0., 1.))
+	}
+}
+impl MultiplyAlpha for VectorDataTable {
+	fn multiply_alpha(&mut self, factor: f64) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.opacity *= factor as f32;
+		}
+	}
+}
+impl MultiplyAlpha for GraphicGroupTable {
+	fn multiply_alpha(&mut self, factor: f64) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.opacity *= factor as f32;
+		}
+	}
+}
+impl MultiplyAlpha for RasterDataTable<CPU>
+where
+	GraphicElement: From<Image<Color>>,
+{
+	fn multiply_alpha(&mut self, factor: f64) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.opacity *= factor as f32;
+		}
+	}
+}
+
+pub(super) trait MultiplyFill {
+	fn multiply_fill(&mut self, factor: f64);
+}
+impl MultiplyFill for Color {
+	fn multiply_fill(&mut self, factor: f64) {
+		*self = Color::from_rgbaf32_unchecked(self.r(), self.g(), self.b(), (self.a() * factor as f32).clamp(0., 1.))
+	}
+}
+impl MultiplyFill for VectorDataTable {
+	fn multiply_fill(&mut self, factor: f64) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.fill *= factor as f32;
+		}
+	}
+}
+impl MultiplyFill for GraphicGroupTable {
+	fn multiply_fill(&mut self, factor: f64) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.fill *= factor as f32;
+		}
+	}
+}
+impl MultiplyFill for RasterDataTable<CPU> {
+	fn multiply_fill(&mut self, factor: f64) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.fill *= factor as f32;
+		}
+	}
+}
+
+trait SetBlendMode {
+	fn set_blend_mode(&mut self, blend_mode: BlendMode);
+}
+
+impl SetBlendMode for VectorDataTable {
+	fn set_blend_mode(&mut self, blend_mode: BlendMode) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.blend_mode = blend_mode;
+		}
+	}
+}
+impl SetBlendMode for GraphicGroupTable {
+	fn set_blend_mode(&mut self, blend_mode: BlendMode) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.blend_mode = blend_mode;
+		}
+	}
+}
+impl SetBlendMode for RasterDataTable<CPU> {
+	fn set_blend_mode(&mut self, blend_mode: BlendMode) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.blend_mode = blend_mode;
+		}
+	}
+}
+
+trait SetClip {
+	fn set_clip(&mut self, clip: bool);
+}
+
+impl SetClip for VectorDataTable {
+	fn set_clip(&mut self, clip: bool) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.clip = clip;
+		}
+	}
+}
+impl SetClip for GraphicGroupTable {
+	fn set_clip(&mut self, clip: bool) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.clip = clip;
+		}
+	}
+}
+impl SetClip for RasterDataTable<CPU> {
+	fn set_clip(&mut self, clip: bool) {
+		for instance in self.instance_mut_iter() {
+			instance.alpha_blending.clip = clip;
+		}
+	}
+}
+
+#[node_macro::node(category("Style"))]
+fn blend_mode<T: SetBlendMode>(
+	_: impl Ctx,
+	#[implementations(
+		GraphicGroupTable,
+		VectorDataTable,
+		RasterDataTable<CPU>,
+	)]
+	mut value: T,
+	blend_mode: BlendMode,
+) -> T {
+	// TODO: Find a way to make this apply once to the table's parent (i.e. its row in its parent table or Instance<T>) rather than applying to each row in its own table, which produces the undesired result
+	value.set_blend_mode(blend_mode);
+	value
+}
+
+#[node_macro::node(category("Style"))]
+fn opacity<T: MultiplyAlpha>(
+	_: impl Ctx,
+	#[implementations(
+		GraphicGroupTable,
+		VectorDataTable,
+		RasterDataTable<CPU>,
+	)]
+	mut value: T,
+	#[default(100.)] opacity: Percentage,
+) -> T {
+	// TODO: Find a way to make this apply once to the table's parent (i.e. its row in its parent table or Instance<T>) rather than applying to each row in its own table, which produces the undesired result
+	value.multiply_alpha(opacity / 100.);
+	value
+}
+
+#[node_macro::node(category("Style"))]
+fn blending<T: SetBlendMode + MultiplyAlpha + MultiplyFill + SetClip>(
+	_: impl Ctx,
+	#[implementations(
+		GraphicGroupTable,
+		VectorDataTable,
+		RasterDataTable<CPU>,
+	)]
+	mut value: T,
+	blend_mode: BlendMode,
+	#[default(100.)] opacity: Percentage,
+	#[default(100.)] fill: Percentage,
+	#[default(false)] clip: bool,
+) -> T {
+	// TODO: Find a way to make this apply once to the table's parent (i.e. its row in its parent table or Instance<T>) rather than applying to each row in its own table, which produces the undesired result
+	value.set_blend_mode(blend_mode);
+	value.multiply_alpha(opacity / 100.);
+	value.multiply_fill(fill / 100.);
+	value.set_clip(clip);
+	value
+}
diff --git a/node-graph/gcore/src/bounds.rs b/node-graph/gcore/src/bounds.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ccc373d4cf315bb72846f9622c9564843f47d31d
--- /dev/null
+++ b/node-graph/gcore/src/bounds.rs
@@ -0,0 +1,24 @@
+use crate::Color;
+use glam::{DAffine2, DVec2};
+
+pub trait BoundingBox {
+	fn bounding_box(&self, transform: DAffine2, include_stroke: bool) -> Option<[DVec2; 2]>;
+}
+
+macro_rules! none_impl {
+	($t:path) => {
+		impl BoundingBox for $t {
+			fn bounding_box(&self, _transform: DAffine2, _include_stroke: bool) -> Option<[DVec2; 2]> {
+				None
+			}
+		}
+	};
+}
+
+none_impl!(String);
+none_impl!(bool);
+none_impl!(f32);
+none_impl!(f64);
+none_impl!(DVec2);
+none_impl!(Option<Color>);
+none_impl!(Vec<Color>);
diff --git a/node-graph/gcore/src/color/color.rs b/node-graph/gcore/src/color/color.rs
new file mode 100644
index 0000000000000000000000000000000000000000..69edc39e8726703f9769dc564dbb1f97d818038a
--- /dev/null
+++ b/node-graph/gcore/src/color/color.rs
@@ -0,0 +1,1087 @@
+use super::color_traits::{Alpha, AlphaMut, AssociatedAlpha, Luminance, LuminanceMut, Pixel, RGB, RGBMut, Rec709Primaries, SRGB};
+use super::discrete_srgb::{float_to_srgb_u8, srgb_u8_to_float};
+use bytemuck::{Pod, Zeroable};
+use dyn_any::DynAny;
+use half::f16;
+#[cfg(target_arch = "spirv")]
+use spirv_std::num_traits::Euclid;
+#[cfg(target_arch = "spirv")]
+use spirv_std::num_traits::float::Float;
+use std::hash::Hash;
+
+#[repr(C)]
+#[derive(Debug, Default, Clone, Copy, PartialEq, DynAny, Pod, Zeroable, serde::Serialize, serde::Deserialize)]
+pub struct RGBA16F {
+	red: f16,
+	green: f16,
+	blue: f16,
+	alpha: f16,
+}
+
+impl From<Color> for RGBA16F {
+	#[inline(always)]
+	fn from(c: Color) -> Self {
+		Self {
+			red: f16::from_f32(c.r()),
+			green: f16::from_f32(c.g()),
+			blue: f16::from_f32(c.b()),
+			alpha: f16::from_f32(c.a()),
+		}
+	}
+}
+
+impl Luminance for RGBA16F {
+	type LuminanceChannel = f32;
+	#[inline(always)]
+	fn luminance(&self) -> f32 {
+		// TODO: verify this is correct for sRGB
+		0.2126 * self.red() + 0.7152 * self.green() + 0.0722 * self.blue()
+	}
+}
+
+impl RGB for RGBA16F {
+	type ColorChannel = f32;
+	#[inline(always)]
+	fn red(&self) -> f32 {
+		self.red.to_f32()
+	}
+	#[inline(always)]
+	fn green(&self) -> f32 {
+		self.green.to_f32()
+	}
+	#[inline(always)]
+	fn blue(&self) -> f32 {
+		self.blue.to_f32()
+	}
+}
+
+impl Rec709Primaries for RGBA16F {}
+
+impl Alpha for RGBA16F {
+	type AlphaChannel = f32;
+	#[inline(always)]
+	fn alpha(&self) -> f32 {
+		self.alpha.to_f32() / 255.
+	}
+
+	const TRANSPARENT: Self = RGBA16F {
+		red: f16::from_f32_const(0.),
+		green: f16::from_f32_const(0.),
+		blue: f16::from_f32_const(0.),
+		alpha: f16::from_f32_const(0.),
+	};
+
+	fn multiplied_alpha(&self, alpha: Self::AlphaChannel) -> Self {
+		let alpha = alpha * 255.;
+		let mut result = *self;
+		result.alpha = f16::from_f32(alpha * self.alpha());
+		result
+	}
+}
+
+impl Pixel for RGBA16F {}
+
+#[repr(C)]
+#[derive(Debug, Default, Clone, Copy, PartialEq, DynAny, Pod, Zeroable, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct SRGBA8 {
+	red: u8,
+	green: u8,
+	blue: u8,
+	alpha: u8,
+}
+
+impl From<Color> for SRGBA8 {
+	#[inline(always)]
+	fn from(c: Color) -> Self {
+		Self {
+			red: float_to_srgb_u8(c.r()),
+			green: float_to_srgb_u8(c.g()),
+			blue: float_to_srgb_u8(c.b()),
+			alpha: (c.a() * 255.) as u8,
+		}
+	}
+}
+
+impl From<SRGBA8> for Color {
+	#[inline(always)]
+	fn from(color: SRGBA8) -> Self {
+		Self {
+			red: srgb_u8_to_float(color.red),
+			green: srgb_u8_to_float(color.green),
+			blue: srgb_u8_to_float(color.blue),
+			alpha: color.alpha as f32 / 255.,
+		}
+	}
+}
+
+impl Luminance for SRGBA8 {
+	type LuminanceChannel = f32;
+	#[inline(always)]
+	fn luminance(&self) -> f32 {
+		// TODO: verify this is correct for sRGB
+		0.2126 * self.red() + 0.7152 * self.green() + 0.0722 * self.blue()
+	}
+}
+
+impl RGB for SRGBA8 {
+	type ColorChannel = f32;
+	#[inline(always)]
+	fn red(&self) -> f32 {
+		self.red as f32 / 255.
+	}
+	#[inline(always)]
+	fn green(&self) -> f32 {
+		self.green as f32 / 255.
+	}
+	#[inline(always)]
+	fn blue(&self) -> f32 {
+		self.blue as f32 / 255.
+	}
+}
+
+impl Rec709Primaries for SRGBA8 {}
+impl SRGB for SRGBA8 {}
+
+impl Alpha for SRGBA8 {
+	type AlphaChannel = f32;
+	#[inline(always)]
+	fn alpha(&self) -> f32 {
+		self.alpha as f32 / 255.
+	}
+
+	const TRANSPARENT: Self = SRGBA8 { red: 0, green: 0, blue: 0, alpha: 0 };
+
+	fn multiplied_alpha(&self, alpha: Self::AlphaChannel) -> Self {
+		let alpha = alpha * 255.;
+		let mut result = *self;
+		result.alpha = (alpha * self.alpha()) as u8;
+		result
+	}
+}
+
+impl Pixel for SRGBA8 {}
+
+#[repr(C)]
+#[derive(Debug, Default, Clone, Copy, PartialEq, DynAny, Pod, Zeroable, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct Luma(pub f32);
+
+impl Luminance for Luma {
+	type LuminanceChannel = f32;
+	#[inline(always)]
+	fn luminance(&self) -> f32 {
+		self.0
+	}
+}
+
+impl LuminanceMut for Luma {
+	fn set_luminance(&mut self, luminance: Self::LuminanceChannel) {
+		self.0 = luminance
+	}
+}
+
+impl RGB for Luma {
+	type ColorChannel = f32;
+	#[inline(always)]
+	fn red(&self) -> f32 {
+		self.0
+	}
+	#[inline(always)]
+	fn green(&self) -> f32 {
+		self.0
+	}
+	#[inline(always)]
+	fn blue(&self) -> f32 {
+		self.0
+	}
+}
+
+impl Pixel for Luma {}
+
+/// Structure that represents a color.
+/// Internally alpha is stored as `f32` that ranges from `0.0` (transparent) to `1.0` (opaque).
+/// The other components (RGB) are stored as `f32` that range from `0.0` up to `f32::MAX`,
+/// the values encode the brightness of each channel proportional to the light intensity in cd/m² (nits) in HDR, and `0.0` (black) to `1.0` (white) in SDR color.
+#[repr(C)]
+#[derive(Debug, Default, Clone, Copy, PartialEq, DynAny, Pod, Zeroable, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct Color {
+	red: f32,
+	green: f32,
+	blue: f32,
+	alpha: f32,
+}
+
+#[allow(clippy::derived_hash_with_manual_eq)]
+impl Hash for Color {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.red.to_bits().hash(state);
+		self.green.to_bits().hash(state);
+		self.blue.to_bits().hash(state);
+		self.alpha.to_bits().hash(state);
+	}
+}
+
+impl RGB for Color {
+	type ColorChannel = f32;
+	#[inline(always)]
+	fn red(&self) -> f32 {
+		self.red
+	}
+	#[inline(always)]
+	fn green(&self) -> f32 {
+		self.green
+	}
+	#[inline(always)]
+	fn blue(&self) -> f32 {
+		self.blue
+	}
+}
+impl RGBMut for Color {
+	fn set_red(&mut self, red: Self::ColorChannel) {
+		self.red = red;
+	}
+	fn set_green(&mut self, green: Self::ColorChannel) {
+		self.green = green;
+	}
+	fn set_blue(&mut self, blue: Self::ColorChannel) {
+		self.blue = blue;
+	}
+}
+impl AlphaMut for Color {
+	fn set_alpha(&mut self, value: Self::AlphaChannel) {
+		self.alpha = value;
+	}
+}
+
+impl Pixel for Color {
+	#[cfg(not(target_arch = "spirv"))]
+	fn to_bytes(&self) -> Vec<u8> {
+		self.to_rgba8_srgb().to_vec()
+	}
+
+	fn from_bytes(bytes: &[u8]) -> Self {
+		Color::from_rgba8_srgb(bytes[0], bytes[1], bytes[2], bytes[3])
+	}
+	fn byte_size() -> usize {
+		4
+	}
+}
+
+impl Alpha for Color {
+	type AlphaChannel = f32;
+	const TRANSPARENT: Self = Self::TRANSPARENT;
+
+	#[inline(always)]
+	fn alpha(&self) -> f32 {
+		self.alpha
+	}
+	#[inline(always)]
+	fn multiplied_alpha(&self, alpha: Self::AlphaChannel) -> Self {
+		Self {
+			red: self.red * alpha,
+			green: self.green * alpha,
+			blue: self.blue * alpha,
+			alpha: self.alpha * alpha,
+		}
+	}
+}
+
+impl AssociatedAlpha for Color {
+	fn to_unassociated<Out: super::UnassociatedAlpha>(&self) -> Out {
+		todo!()
+	}
+}
+
+impl Luminance for Color {
+	type LuminanceChannel = f32;
+	#[inline(always)]
+	fn luminance(&self) -> f32 {
+		0.2126 * self.red + 0.7152 * self.green + 0.0722 * self.blue
+	}
+}
+
+impl LuminanceMut for Color {
+	fn set_luminance(&mut self, luminance: f32) {
+		let current = self.luminance();
+		// When we have a black-ish color, we just set the color to a grey-scale value. This prohibits a divide-by-0.
+		if current < f32::EPSILON {
+			self.red = 0.2126 * luminance;
+			self.green = 0.7152 * luminance;
+			self.blue = 0.0722 * luminance;
+			return;
+		}
+		let fac = luminance / current;
+		// TODO: when we have for example the rgb color (0, 0, 1) and want to
+		// TODO: do `.set_luminance(1)`, then the actual luminance is not 1 at
+		// TODO: the end. With no clamp, the resulting color would be
+		// TODO: (0, 0, 12.8504). The excess should be spread to the other
+		// TODO: channels, but is currently just clamped away.
+		self.red = (self.red * fac).clamp(0., 1.);
+		self.green = (self.green * fac).clamp(0., 1.);
+		self.blue = (self.blue * fac).clamp(0., 1.);
+	}
+}
+
+impl Rec709Primaries for Color {}
+impl SRGB for Color {}
+
+impl Color {
+	pub const BLACK: Color = Color::from_rgbf32_unchecked(0., 0., 0.);
+	pub const WHITE: Color = Color::from_rgbf32_unchecked(1., 1., 1.);
+	pub const RED: Color = Color::from_rgbf32_unchecked(1., 0., 0.);
+	pub const GREEN: Color = Color::from_rgbf32_unchecked(0., 1., 0.);
+	pub const BLUE: Color = Color::from_rgbf32_unchecked(0., 0., 1.);
+	pub const YELLOW: Color = Color::from_rgbf32_unchecked(1., 1., 0.);
+	pub const CYAN: Color = Color::from_rgbf32_unchecked(0., 1., 1.);
+	pub const MAGENTA: Color = Color::from_rgbf32_unchecked(1., 0., 1.);
+	pub const TRANSPARENT: Color = Self {
+		red: 0.,
+		green: 0.,
+		blue: 0.,
+		alpha: 0.,
+	};
+
+	/// Returns `Some(Color)` if `red`, `green`, `blue` and `alpha` have a valid value. Negative numbers (including `-0.0`), NaN, and infinity are not valid values and return `None`.
+	/// Alpha values greater than `1.0` are not valid.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgbaf32(0.3, 0.14, 0.15, 0.92).unwrap();
+	/// assert!(color.components() == (0.3, 0.14, 0.15, 0.92));
+	///
+	/// let color = Color::from_rgbaf32(1., 1., 1., f32::NAN);
+	/// assert!(color == None);
+	/// ```
+	#[inline(always)]
+	pub fn from_rgbaf32(red: f32, green: f32, blue: f32, alpha: f32) -> Option<Color> {
+		if alpha > 1. || [red, green, blue, alpha].iter().any(|c| c.is_sign_negative() || !c.is_finite()) {
+			return None;
+		}
+		let color = Color { red, green, blue, alpha };
+		Some(color)
+	}
+
+	/// Return an opaque `Color` from given `f32` RGB channels.
+	#[inline(always)]
+	pub const fn from_rgbf32_unchecked(red: f32, green: f32, blue: f32) -> Color {
+		Color { red, green, blue, alpha: 1. }
+	}
+
+	/// Return an opaque `Color` from given `f32` RGB channels.
+	#[inline(always)]
+	pub const fn from_rgbaf32_unchecked(red: f32, green: f32, blue: f32, alpha: f32) -> Color {
+		Color { red, green, blue, alpha }
+	}
+
+	/// Return an opaque `Color` from given `f32` RGB channels.
+	#[inline(always)]
+	pub fn from_unassociated_alpha(red: f32, green: f32, blue: f32, alpha: f32) -> Color {
+		Color::from_rgbaf32_unchecked(red * alpha, green * alpha, blue * alpha, alpha)
+	}
+
+	/// Return an opaque SDR `Color` given RGB channels from `0` to `255`, premultiplied by alpha.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgb8_srgb(0x72, 0x67, 0x62);
+	/// let color2 = Color::from_rgba8_srgb(0x72, 0x67, 0x62, 0xFF);
+	/// assert_eq!(color, color2)
+	/// ```
+	#[inline(always)]
+	pub fn from_rgb8_srgb(red: u8, green: u8, blue: u8) -> Color {
+		Color::from_rgba8_srgb(red, green, blue, 255)
+	}
+
+	// TODO: Should this be premult?
+	/// Return an SDR `Color` given RGBA channels from `0` to `255`, premultiplied by alpha.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgba8_srgb(0x72, 0x67, 0x62, 0x61);
+	/// ```
+	#[inline(always)]
+	pub fn from_rgba8_srgb(red: u8, green: u8, blue: u8, alpha: u8) -> Color {
+		let map_range = |int_color| int_color as f32 / 255.;
+
+		let red = map_range(red);
+		let green = map_range(green);
+		let blue = map_range(blue);
+		let alpha = map_range(alpha);
+		Color { red, green, blue, alpha }.to_linear_srgb().map_rgb(|channel| channel * alpha)
+	}
+
+	/// Create a [Color] from a hue, saturation, lightness and alpha (all between 0 and 1)
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_hsla(0.5, 0.2, 0.3, 1.);
+	/// ```
+	pub fn from_hsla(hue: f32, saturation: f32, lightness: f32, alpha: f32) -> Color {
+		let temp1 = if lightness < 0.5 {
+			lightness * (saturation + 1.)
+		} else {
+			lightness + saturation - lightness * saturation
+		};
+		let temp2 = 2. * lightness - temp1;
+		#[cfg(not(target_arch = "spirv"))]
+		let rem = |x: f32| x.rem_euclid(1.);
+		#[cfg(target_arch = "spirv")]
+		let rem = |x: f32| x.rem_euclid(&1.);
+
+		let mut red = rem(hue + 1. / 3.);
+		let mut green = rem(hue);
+		let mut blue = rem(hue - 1. / 3.);
+
+		fn map_channel(channel: &mut f32, temp2: f32, temp1: f32) {
+			*channel = if *channel * 6. < 1. {
+				temp2 + (temp1 - temp2) * 6. * *channel
+			} else if *channel * 2. < 1. {
+				temp1
+			} else if *channel * 3. < 2. {
+				temp2 + (temp1 - temp2) * (2. / 3. - *channel) * 6.
+			} else {
+				temp2
+			}
+			.clamp(0., 1.);
+		}
+		map_channel(&mut red, temp2, temp1);
+		map_channel(&mut green, temp2, temp1);
+		map_channel(&mut blue, temp2, temp1);
+
+		Color { red, green, blue, alpha }
+	}
+
+	/// Return the `red` component.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgbaf32(0.114, 0.103, 0.98, 0.97).unwrap();
+	/// assert!(color.r() == 0.114);
+	/// ```
+	#[inline(always)]
+	pub fn r(&self) -> f32 {
+		self.red
+	}
+
+	/// Return the `green` component.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgbaf32(0.114, 0.103, 0.98, 0.97).unwrap();
+	/// assert!(color.g() == 0.103);
+	/// ```
+	#[inline(always)]
+	pub fn g(&self) -> f32 {
+		self.green
+	}
+
+	/// Return the `blue` component.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgbaf32(0.114, 0.103, 0.98, 0.97).unwrap();
+	/// assert!(color.b() == 0.98);
+	/// ```
+	#[inline(always)]
+	pub fn b(&self) -> f32 {
+		self.blue
+	}
+
+	/// Return the `alpha` component without checking its expected `0.0` to `1.0` range.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgbaf32(0.114, 0.103, 0.98, 0.97).unwrap();
+	/// assert!(color.a() == 0.97);
+	/// ```
+	#[inline(always)]
+	pub fn a(&self) -> f32 {
+		self.alpha
+	}
+
+	#[inline(always)]
+	pub fn is_opaque(&self) -> bool {
+		self.alpha > 1. - f32::EPSILON
+	}
+
+	#[inline(always)]
+	pub fn average_rgb_channels(&self) -> f32 {
+		(self.red + self.green + self.blue) / 3.
+	}
+
+	#[inline(always)]
+	pub fn minimum_rgb_channels(&self) -> f32 {
+		self.red.min(self.green).min(self.blue)
+	}
+
+	#[inline(always)]
+	pub fn maximum_rgb_channels(&self) -> f32 {
+		self.red.max(self.green).max(self.blue)
+	}
+
+	// From https://stackoverflow.com/a/56678483/775283
+	#[inline(always)]
+	pub fn luminance_srgb(&self) -> f32 {
+		0.2126 * self.red + 0.7152 * self.green + 0.0722 * self.blue
+	}
+
+	// From https://en.wikipedia.org/wiki/Luma_(video)#Rec._601_luma_versus_Rec._709_luma_coefficients
+	#[inline(always)]
+	pub fn luminance_rec_601(&self) -> f32 {
+		0.299 * self.red + 0.587 * self.green + 0.114 * self.blue
+	}
+
+	// From https://en.wikipedia.org/wiki/Luma_(video)#Rec._601_luma_versus_Rec._709_luma_coefficients
+	#[inline(always)]
+	pub fn luminance_rec_601_rounded(&self) -> f32 {
+		0.3 * self.red + 0.59 * self.green + 0.11 * self.blue
+	}
+
+	// From https://stackoverflow.com/a/56678483/775283
+	#[inline(always)]
+	pub fn luminance_perceptual(&self) -> f32 {
+		let luminance = self.luminance_srgb();
+
+		if luminance <= 0.008856 {
+			(luminance * 903.3) / 100.
+		} else {
+			(luminance.cbrt() * 116. - 16.) / 100.
+		}
+	}
+
+	#[inline(always)]
+	pub fn from_luminance(luminance: f32) -> Color {
+		Color {
+			red: luminance,
+			green: luminance,
+			blue: luminance,
+			alpha: 1.,
+		}
+	}
+
+	#[inline(always)]
+	pub fn with_luminance(&self, luminance: f32) -> Color {
+		let delta = luminance - self.luminance_rec_601_rounded();
+		self.map_rgb(|c| (c + delta).clamp(0., 1.))
+	}
+
+	#[inline(always)]
+	pub fn saturation(&self) -> f32 {
+		let max = (self.red).max(self.green).max(self.blue);
+		let min = (self.red).min(self.green).min(self.blue);
+
+		max - min
+	}
+
+	#[inline(always)]
+	pub fn with_saturation(&self, saturation: f32) -> Color {
+		let [hue, _, lightness, alpha] = self.to_hsla();
+		Color::from_hsla(hue, saturation, lightness, alpha)
+	}
+
+	pub fn with_alpha(&self, alpha: f32) -> Color {
+		Color {
+			red: self.red,
+			green: self.green,
+			blue: self.blue,
+			alpha,
+		}
+	}
+
+	pub fn with_red(&self, red: f32) -> Color {
+		Color {
+			red,
+			green: self.green,
+			blue: self.blue,
+			alpha: self.alpha,
+		}
+	}
+
+	pub fn with_green(&self, green: f32) -> Color {
+		Color {
+			red: self.red,
+			green,
+			blue: self.blue,
+			alpha: self.alpha,
+		}
+	}
+
+	pub fn with_blue(&self, blue: f32) -> Color {
+		Color {
+			red: self.red,
+			green: self.green,
+			blue,
+			alpha: self.alpha,
+		}
+	}
+
+	#[inline(always)]
+	pub fn blend_normal(_c_b: f32, c_s: f32) -> f32 {
+		c_s
+	}
+
+	#[inline(always)]
+	pub fn blend_multiply(c_b: f32, c_s: f32) -> f32 {
+		c_s * c_b
+	}
+
+	#[inline(always)]
+	pub fn blend_darken(c_b: f32, c_s: f32) -> f32 {
+		c_s.min(c_b)
+	}
+
+	#[inline(always)]
+	pub fn blend_color_burn(c_b: f32, c_s: f32) -> f32 {
+		if c_b == 1. {
+			1.
+		} else if c_s == 0. {
+			0.
+		} else {
+			1. - ((1. - c_b) / c_s).min(1.)
+		}
+	}
+
+	#[inline(always)]
+	pub fn blend_linear_burn(c_b: f32, c_s: f32) -> f32 {
+		c_b + c_s - 1.
+	}
+
+	#[inline(always)]
+	pub fn blend_darker_color(&self, other: Color) -> Color {
+		if self.average_rgb_channels() <= other.average_rgb_channels() { *self } else { other }
+	}
+
+	#[inline(always)]
+	pub fn blend_screen(c_b: f32, c_s: f32) -> f32 {
+		1. - (1. - c_s) * (1. - c_b)
+	}
+
+	#[inline(always)]
+	pub fn blend_lighten(c_b: f32, c_s: f32) -> f32 {
+		c_s.max(c_b)
+	}
+
+	#[inline(always)]
+	pub fn blend_color_dodge(c_b: f32, c_s: f32) -> f32 {
+		if c_s == 1. { 1. } else { (c_b / (1. - c_s)).min(1.) }
+	}
+
+	#[inline(always)]
+	pub fn blend_linear_dodge(c_b: f32, c_s: f32) -> f32 {
+		c_b + c_s
+	}
+
+	#[inline(always)]
+	pub fn blend_lighter_color(&self, other: Color) -> Color {
+		if self.average_rgb_channels() >= other.average_rgb_channels() { *self } else { other }
+	}
+
+	pub fn blend_softlight(c_b: f32, c_s: f32) -> f32 {
+		if c_s <= 0.5 {
+			c_b - (1. - 2. * c_s) * c_b * (1. - c_b)
+		} else {
+			let d: fn(f32) -> f32 = |x| if x <= 0.25 { ((16. * x - 12.) * x + 4.) * x } else { x.sqrt() };
+			c_b + (2. * c_s - 1.) * (d(c_b) - c_b)
+		}
+	}
+
+	pub fn blend_hardlight(c_b: f32, c_s: f32) -> f32 {
+		if c_s <= 0.5 {
+			Color::blend_multiply(2. * c_s, c_b)
+		} else {
+			Color::blend_screen(2. * c_s - 1., c_b)
+		}
+	}
+
+	pub fn blend_vivid_light(c_b: f32, c_s: f32) -> f32 {
+		if c_s <= 0.5 {
+			Color::blend_color_burn(2. * c_s, c_b)
+		} else {
+			Color::blend_color_dodge(2. * c_s - 1., c_b)
+		}
+	}
+
+	pub fn blend_linear_light(c_b: f32, c_s: f32) -> f32 {
+		if c_s <= 0.5 {
+			Color::blend_linear_burn(2. * c_s, c_b)
+		} else {
+			Color::blend_linear_dodge(2. * c_s - 1., c_b)
+		}
+	}
+
+	pub fn blend_pin_light(c_b: f32, c_s: f32) -> f32 {
+		if c_s <= 0.5 {
+			Color::blend_darken(2. * c_s, c_b)
+		} else {
+			Color::blend_lighten(2. * c_s - 1., c_b)
+		}
+	}
+
+	pub fn blend_hard_mix(c_b: f32, c_s: f32) -> f32 {
+		if Color::blend_linear_light(c_b, c_s) < 0.5 { 0. } else { 1. }
+	}
+
+	pub fn blend_difference(c_b: f32, c_s: f32) -> f32 {
+		(c_b - c_s).abs()
+	}
+
+	pub fn blend_exclusion(c_b: f32, c_s: f32) -> f32 {
+		c_b + c_s - 2. * c_b * c_s
+	}
+
+	pub fn blend_subtract(c_b: f32, c_s: f32) -> f32 {
+		c_b - c_s
+	}
+
+	pub fn blend_divide(c_b: f32, c_s: f32) -> f32 {
+		if c_b == 0. { 1. } else { c_b / c_s }
+	}
+
+	pub fn blend_hue(&self, c_s: Color) -> Color {
+		let sat_b = self.saturation();
+		let lum_b = self.luminance_rec_601();
+		c_s.with_saturation(sat_b).with_luminance(lum_b)
+	}
+
+	pub fn blend_saturation(&self, c_s: Color) -> Color {
+		let sat_s = c_s.saturation();
+		let lum_b = self.luminance_rec_601();
+
+		self.with_saturation(sat_s).with_luminance(lum_b)
+	}
+
+	pub fn blend_color(&self, c_s: Color) -> Color {
+		let lum_b = self.luminance_rec_601();
+
+		c_s.with_luminance(lum_b)
+	}
+
+	pub fn blend_luminosity(&self, c_s: Color) -> Color {
+		let lum_s = c_s.luminance_rec_601();
+
+		self.with_luminance(lum_s)
+	}
+
+	/// Return the all components as a tuple, first component is red, followed by green, followed by blue, followed by alpha.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgbaf32(0.114, 0.103, 0.98, 0.97).unwrap();
+	/// assert_eq!(color.components(),  (0.114, 0.103, 0.98, 0.97));
+	/// ```
+	#[inline(always)]
+	pub fn components(&self) -> (f32, f32, f32, f32) {
+		(self.red, self.green, self.blue, self.alpha)
+	}
+
+	/// Return an 8-character RGBA hex string (without a # prefix). Use this if the [`Color`] is in linear space.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgba8_srgb(0x52, 0x67, 0xFA, 0x61); // Premultiplied alpha
+	/// assert_eq!("3240a261", color.to_rgba_hex_srgb()); // Equivalent hex incorporating premultiplied alpha
+	/// ```
+	pub fn to_rgba_hex_srgb(&self) -> String {
+		let gamma = self.to_gamma_srgb();
+		format!(
+			"{:02x?}{:02x?}{:02x?}{:02x?}",
+			(gamma.r() * 255.) as u8,
+			(gamma.g() * 255.) as u8,
+			(gamma.b() * 255.) as u8,
+			(gamma.a() * 255.) as u8,
+		)
+	}
+
+	/// Return a 6-character RGB hex string (without a # prefix). Use this if the [`Color`] is in linear space.
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgba8_srgb(0x52, 0x67, 0xFA, 0x61); // Premultiplied alpha
+	/// assert_eq!("3240a2", color.to_rgb_hex_srgb()); // Equivalent hex incorporating premultiplied alpha
+	/// ```
+	pub fn to_rgb_hex_srgb(&self) -> String {
+		self.to_gamma_srgb().to_rgb_hex_srgb_from_gamma()
+	}
+
+	/// Return a 6-character RGB hex string (without a # prefix). Use this if the [`Color`] is in gamma space.
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgba8_srgb(0x52, 0x67, 0xFA, 0x61); // Premultiplied alpha
+	/// assert_eq!("3240a2", color.to_rgb_hex_srgb()); // Equivalent hex incorporating premultiplied alpha
+	/// ```
+	pub fn to_rgb_hex_srgb_from_gamma(&self) -> String {
+		format!("{:02x?}{:02x?}{:02x?}", (self.r() * 255.) as u8, (self.g() * 255.) as u8, (self.b() * 255.) as u8)
+	}
+
+	/// Return the all components as a u8 slice, first component is red, followed by green, followed by blue, followed by alpha. Use this if the [`Color`] is in linear space.
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgbaf32(0.114, 0.103, 0.98, 0.97).unwrap();
+	/// // TODO: Add test
+	/// ```
+	#[inline(always)]
+	pub fn to_rgba8_srgb(&self) -> [u8; 4] {
+		let gamma = self.to_gamma_srgb();
+		[(gamma.red * 255.) as u8, (gamma.green * 255.) as u8, (gamma.blue * 255.) as u8, (gamma.alpha * 255.) as u8]
+	}
+
+	// https://www.niwa.nu/2013/05/math-behind-colorspace-conversions-rgb-hsl/
+	/// Convert a [Color] to a hue, saturation, lightness and alpha (all between 0 and 1)
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_hsla(0.5, 0.2, 0.3, 1.).to_hsla();
+	/// ```
+	pub fn to_hsla(&self) -> [f32; 4] {
+		let min_channel = self.red.min(self.green).min(self.blue);
+		let max_channel = self.red.max(self.green).max(self.blue);
+
+		let lightness = (min_channel + max_channel) / 2.;
+		let saturation = if min_channel == max_channel {
+			0.
+		} else if lightness <= 0.5 {
+			(max_channel - min_channel) / (max_channel + min_channel)
+		} else {
+			(max_channel - min_channel) / (2. - max_channel - min_channel)
+		};
+		let hue = if self.red >= self.green && self.red >= self.blue {
+			(self.green - self.blue) / (max_channel - min_channel)
+		} else if self.green >= self.red && self.green >= self.blue {
+			2. + (self.blue - self.red) / (max_channel - min_channel)
+		} else {
+			4. + (self.red - self.green) / (max_channel - min_channel)
+		} / 6.;
+		#[cfg(not(target_arch = "spirv"))]
+		let hue = hue.rem_euclid(1.);
+		#[cfg(target_arch = "spirv")]
+		let hue = hue.rem_euclid(&1.);
+
+		[hue, saturation, lightness, self.alpha]
+	}
+
+	// TODO: Readd formatting
+
+	/// Creates a color from a 8-character RGBA hex string (without a # prefix).
+	///
+	/// # Examples
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgba_str("7C67FA61").unwrap();
+	/// ```
+	pub fn from_rgba_str(color_str: &str) -> Option<Color> {
+		if color_str.len() != 8 {
+			return None;
+		}
+		let r = u8::from_str_radix(&color_str[0..2], 16).ok()?;
+		let g = u8::from_str_radix(&color_str[2..4], 16).ok()?;
+		let b = u8::from_str_radix(&color_str[4..6], 16).ok()?;
+		let a = u8::from_str_radix(&color_str[6..8], 16).ok()?;
+
+		Some(Color::from_rgba8_srgb(r, g, b, a))
+	}
+
+	/// Creates a color from a 6-character RGB hex string (without a # prefix).
+	///
+	/// ```
+	/// use graphene_core::color::Color;
+	/// let color = Color::from_rgb_str("7C67FA").unwrap();
+	/// ```
+	pub fn from_rgb_str(color_str: &str) -> Option<Color> {
+		if color_str.len() != 6 {
+			return None;
+		}
+		let r = u8::from_str_radix(&color_str[0..2], 16).ok()?;
+		let g = u8::from_str_radix(&color_str[2..4], 16).ok()?;
+		let b = u8::from_str_radix(&color_str[4..6], 16).ok()?;
+
+		Some(Color::from_rgb8_srgb(r, g, b))
+	}
+
+	/// Linearly interpolates between two colors based on t.
+	///
+	/// T must be between 0 and 1.
+	#[inline(always)]
+	pub fn lerp(&self, other: &Color, t: f32) -> Self {
+		assert!((0. ..=1.).contains(&t));
+		Color::from_rgbaf32_unchecked(
+			self.red + ((other.red - self.red) * t),
+			self.green + ((other.green - self.green) * t),
+			self.blue + ((other.blue - self.blue) * t),
+			self.alpha + ((other.alpha - self.alpha) * t),
+		)
+	}
+
+	#[inline(always)]
+	pub fn gamma(&self, gamma: f32) -> Color {
+		let gamma = gamma.max(0.0001);
+
+		// From https://www.dfstudios.co.uk/articles/programming/image-programming-algorithms/image-processing-algorithms-part-6-gamma-correction/
+		let inverse_gamma = 1. / gamma;
+		self.map_rgb(|c: f32| c.powf(inverse_gamma))
+	}
+
+	#[inline(always)]
+	pub fn to_linear_srgb(&self) -> Self {
+		Self {
+			red: Self::srgb_to_linear(self.red),
+			green: Self::srgb_to_linear(self.green),
+			blue: Self::srgb_to_linear(self.blue),
+			alpha: self.alpha,
+		}
+	}
+
+	#[inline(always)]
+	pub fn to_gamma_srgb(&self) -> Self {
+		Self {
+			red: Self::linear_to_srgb(self.red),
+			green: Self::linear_to_srgb(self.green),
+			blue: Self::linear_to_srgb(self.blue),
+			alpha: self.alpha,
+		}
+	}
+
+	#[inline(always)]
+	pub fn srgb_to_linear(channel: f32) -> f32 {
+		if channel <= 0.04045 { channel / 12.92 } else { ((channel + 0.055) / 1.055).powf(2.4) }
+	}
+
+	#[inline(always)]
+	pub fn linear_to_srgb(channel: f32) -> f32 {
+		if channel <= 0.0031308 { channel * 12.92 } else { 1.055 * channel.powf(1. / 2.4) - 0.055 }
+	}
+
+	#[inline(always)]
+	pub fn map_rgba<F: Fn(f32) -> f32>(&self, f: F) -> Self {
+		Self::from_rgbaf32_unchecked(f(self.r()), f(self.g()), f(self.b()), f(self.a()))
+	}
+
+	#[inline(always)]
+	pub fn map_rgb<F: Fn(f32) -> f32>(&self, f: F) -> Self {
+		Self::from_rgbaf32_unchecked(f(self.r()), f(self.g()), f(self.b()), self.a())
+	}
+
+	#[inline(always)]
+	pub fn apply_opacity(&self, opacity: f32) -> Self {
+		Self::from_rgbaf32_unchecked(self.r() * opacity, self.g() * opacity, self.b() * opacity, self.a() * opacity)
+	}
+
+	#[inline(always)]
+	pub fn to_associated_alpha(&self, alpha: f32) -> Self {
+		Self {
+			red: self.red * alpha,
+			green: self.green * alpha,
+			blue: self.blue * alpha,
+			alpha: self.alpha * alpha,
+		}
+	}
+
+	#[inline(always)]
+	pub fn to_unassociated_alpha(&self) -> Self {
+		if self.alpha == 0. {
+			return *self;
+		}
+		let unmultiply = 1. / self.alpha;
+		Self {
+			red: self.red * unmultiply,
+			green: self.green * unmultiply,
+			blue: self.blue * unmultiply,
+			alpha: self.alpha,
+		}
+	}
+
+	#[inline(always)]
+	pub fn blend_rgb<F: Fn(f32, f32) -> f32>(&self, other: Color, f: F) -> Self {
+		let background = self.to_unassociated_alpha();
+		Color {
+			red: f(background.red, other.red).clamp(0., 1.),
+			green: f(background.green, other.green).clamp(0., 1.),
+			blue: f(background.blue, other.blue).clamp(0., 1.),
+			alpha: other.alpha,
+		}
+	}
+
+	#[inline(always)]
+	pub fn alpha_blend(&self, other: Color) -> Self {
+		let inv_alpha = 1. - other.alpha;
+		Self {
+			red: self.red * inv_alpha + other.red,
+			green: self.green * inv_alpha + other.green,
+			blue: self.blue * inv_alpha + other.blue,
+			alpha: self.alpha * inv_alpha + other.alpha,
+		}
+	}
+
+	#[inline(always)]
+	pub fn alpha_add(&self, other: Color) -> Self {
+		Self {
+			alpha: (self.alpha + other.alpha).clamp(0., 1.),
+			..*self
+		}
+	}
+
+	#[inline(always)]
+	pub fn alpha_subtract(&self, other: Color) -> Self {
+		Self {
+			alpha: (self.alpha - other.alpha).clamp(0., 1.),
+			..*self
+		}
+	}
+
+	#[inline(always)]
+	pub fn alpha_multiply(&self, other: Color) -> Self {
+		Self {
+			alpha: (self.alpha * other.alpha).clamp(0., 1.),
+			..*self
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	#[test]
+	fn hsl_roundtrip() {
+		for (red, green, blue) in [
+			(24, 98, 118),
+			(69, 11, 89),
+			(54, 82, 38),
+			(47, 76, 50),
+			(25, 15, 73),
+			(62, 57, 33),
+			(55, 2, 18),
+			(12, 3, 82),
+			(91, 16, 98),
+			(91, 39, 82),
+			(97, 53, 32),
+			(76, 8, 91),
+			(54, 87, 19),
+			(56, 24, 88),
+			(14, 82, 34),
+			(61, 86, 31),
+			(73, 60, 75),
+			(95, 79, 88),
+			(13, 34, 4),
+			(82, 84, 84),
+			(255, 255, 178),
+		] {
+			let col = Color::from_rgb8_srgb(red, green, blue);
+			let [hue, saturation, lightness, alpha] = col.to_hsla();
+			let result = Color::from_hsla(hue, saturation, lightness, alpha);
+			assert!((col.r() - result.r()) < f32::EPSILON * 100.);
+			assert!((col.g() - result.g()) < f32::EPSILON * 100.);
+			assert!((col.b() - result.b()) < f32::EPSILON * 100.);
+			assert!((col.a() - result.a()) < f32::EPSILON * 100.);
+		}
+	}
+}
diff --git a/node-graph/gcore/src/color/color_traits.rs b/node-graph/gcore/src/color/color_traits.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b8ffa41f3456c34f99cbacc29a4d60cc26d22d6a
--- /dev/null
+++ b/node-graph/gcore/src/color/color_traits.rs
@@ -0,0 +1,205 @@
+use bytemuck::{Pod, Zeroable};
+use glam::DVec2;
+use std::fmt::Debug;
+
+#[cfg(target_arch = "spirv")]
+use spirv_std::num_traits::float::Float;
+
+pub use crate::blending::*;
+
+pub trait Linear {
+	fn from_f32(x: f32) -> Self;
+	fn to_f32(self) -> f32;
+	fn from_f64(x: f64) -> Self;
+	fn to_f64(self) -> f64;
+	fn lerp(self, other: Self, value: Self) -> Self
+	where
+		Self: Sized + Copy,
+		Self: std::ops::Sub<Self, Output = Self>,
+		Self: std::ops::Mul<Self, Output = Self>,
+		Self: std::ops::Add<Self, Output = Self>,
+	{
+		self + (other - self) * value
+	}
+}
+
+#[rustfmt::skip]
+impl Linear for f32 {
+	#[inline(always)] fn from_f32(x: f32) -> Self { x }
+	#[inline(always)] fn to_f32(self) -> f32 { self }
+	#[inline(always)] fn from_f64(x: f64) -> Self { x as f32 }
+	#[inline(always)] fn to_f64(self) -> f64 { self as f64 }
+}
+
+#[rustfmt::skip]
+impl Linear for f64 {
+	#[inline(always)] fn from_f32(x: f32) -> Self { x as f64 }
+	#[inline(always)] fn to_f32(self) -> f32 { self as f32 }
+	#[inline(always)] fn from_f64(x: f64) -> Self { x }
+	#[inline(always)] fn to_f64(self) -> f64 { self }
+}
+
+pub trait Channel: Copy + Debug {
+	fn to_linear<Out: Linear>(self) -> Out;
+	fn from_linear<In: Linear>(linear: In) -> Self;
+}
+
+pub trait LinearChannel: Channel {
+	fn cast_linear_channel<Out: LinearChannel>(self) -> Out {
+		Out::from_linear(self.to_linear::<f64>())
+	}
+}
+
+impl<T: Linear + Debug + Copy> Channel for T {
+	#[inline(always)]
+	fn to_linear<Out: Linear>(self) -> Out {
+		Out::from_f64(self.to_f64())
+	}
+
+	#[inline(always)]
+	fn from_linear<In: Linear>(linear: In) -> Self {
+		Self::from_f64(linear.to_f64())
+	}
+}
+
+impl<T: Linear + Debug + Copy> LinearChannel for T {}
+
+use num_derive::*;
+#[derive(Copy, Clone, Debug, PartialEq, PartialOrd, Num, NumCast, NumOps, One, Zero, ToPrimitive, FromPrimitive)]
+pub struct SRGBGammaFloat(f32);
+
+impl Channel for SRGBGammaFloat {
+	#[inline(always)]
+	fn to_linear<Out: Linear>(self) -> Out {
+		let x = self.0;
+		Out::from_f32(if x <= 0.04045 { x / 12.92 } else { ((x + 0.055) / 1.055).powf(2.4) })
+	}
+
+	#[inline(always)]
+	fn from_linear<In: Linear>(linear: In) -> Self {
+		let x = linear.to_f32();
+		if x <= 0.0031308 { Self(x * 12.92) } else { Self(1.055 * x.powf(1. / 2.4) - 0.055) }
+	}
+}
+pub trait RGBPrimaries {
+	const RED: DVec2;
+	const GREEN: DVec2;
+	const BLUE: DVec2;
+	const WHITE: DVec2;
+}
+pub trait Rec709Primaries {}
+impl<T: Rec709Primaries> RGBPrimaries for T {
+	const RED: DVec2 = DVec2::new(0.64, 0.33);
+	const GREEN: DVec2 = DVec2::new(0.3, 0.6);
+	const BLUE: DVec2 = DVec2::new(0.15, 0.06);
+	const WHITE: DVec2 = DVec2::new(0.3127, 0.329);
+}
+
+pub trait SRGB: Rec709Primaries {}
+
+pub trait Serde: serde::Serialize + for<'a> serde::Deserialize<'a> {}
+#[cfg(not(feature = "serde"))]
+pub trait Serde {}
+
+impl<T: serde::Serialize + for<'a> serde::Deserialize<'a>> Serde for T {}
+#[cfg(not(feature = "serde"))]
+impl<T> Serde for T {}
+
+// TODO: Come up with a better name for this trait
+pub trait Pixel: Clone + Pod + Zeroable + Default {
+	#[cfg(not(target_arch = "spirv"))]
+	fn to_bytes(&self) -> Vec<u8> {
+		bytemuck::bytes_of(self).to_vec()
+	}
+	// TODO: use u8 for Color
+	fn from_bytes(bytes: &[u8]) -> Self {
+		*bytemuck::try_from_bytes(bytes).expect("Failed to convert bytes to pixel")
+	}
+
+	fn byte_size() -> usize {
+		size_of::<Self>()
+	}
+}
+pub trait RGB: Pixel {
+	type ColorChannel: Channel;
+
+	fn red(&self) -> Self::ColorChannel;
+	fn r(&self) -> Self::ColorChannel {
+		self.red()
+	}
+	fn green(&self) -> Self::ColorChannel;
+	fn g(&self) -> Self::ColorChannel {
+		self.green()
+	}
+	fn blue(&self) -> Self::ColorChannel;
+	fn b(&self) -> Self::ColorChannel {
+		self.blue()
+	}
+}
+pub trait RGBMut: RGB {
+	fn set_red(&mut self, red: Self::ColorChannel);
+	fn set_green(&mut self, green: Self::ColorChannel);
+	fn set_blue(&mut self, blue: Self::ColorChannel);
+}
+
+pub trait AssociatedAlpha: RGB + Alpha {
+	fn to_unassociated<Out: UnassociatedAlpha>(&self) -> Out;
+}
+
+pub trait UnassociatedAlpha: RGB + Alpha {
+	fn to_associated<Out: AssociatedAlpha>(&self) -> Out;
+}
+
+pub trait Alpha {
+	type AlphaChannel: LinearChannel;
+	const TRANSPARENT: Self;
+	fn alpha(&self) -> Self::AlphaChannel;
+	fn a(&self) -> Self::AlphaChannel {
+		self.alpha()
+	}
+	fn multiplied_alpha(&self, alpha: Self::AlphaChannel) -> Self;
+}
+pub trait AlphaMut: Alpha {
+	fn set_alpha(&mut self, value: Self::AlphaChannel);
+}
+
+pub trait Depth {
+	type DepthChannel: Channel;
+	fn depth(&self) -> Self::DepthChannel;
+	fn d(&self) -> Self::DepthChannel {
+		self.depth()
+	}
+}
+
+pub trait ExtraChannels<const NUM: usize> {
+	type ChannelType: Channel;
+	fn extra_channels(&self) -> [Self::ChannelType; NUM];
+}
+
+pub trait Luminance {
+	type LuminanceChannel: LinearChannel;
+	fn luminance(&self) -> Self::LuminanceChannel;
+	fn l(&self) -> Self::LuminanceChannel {
+		self.luminance()
+	}
+}
+
+pub trait LuminanceMut: Luminance {
+	fn set_luminance(&mut self, luminance: Self::LuminanceChannel);
+}
+
+// TODO: We might rename this to Raster at some point
+pub trait Sample {
+	type Pixel: Pixel;
+	// TODO: Add an area parameter
+	fn sample(&self, pos: DVec2, area: DVec2) -> Option<Self::Pixel>;
+}
+
+impl<T: Sample> Sample for &T {
+	type Pixel = T::Pixel;
+
+	#[inline(always)]
+	fn sample(&self, pos: DVec2, area: DVec2) -> Option<Self::Pixel> {
+		(**self).sample(pos, area)
+	}
+}
diff --git a/node-graph/gcore/src/color/discrete_srgb.rs b/node-graph/gcore/src/color/discrete_srgb.rs
new file mode 100644
index 0000000000000000000000000000000000000000..28981e09763364cfdbb2e8c2c51cb1aedd289b7c
--- /dev/null
+++ b/node-graph/gcore/src/color/discrete_srgb.rs
@@ -0,0 +1,178 @@
+#![allow(clippy::neg_cmp_op_on_partial_ord)]
+//! Fast conversions between u8 sRGB and linear float.
+
+// Inspired by https://gist.github.com/rygorous/2203834, but with a slightly
+// modified method, custom derived constants and error correction for perfect
+// accuracy in accordance with the D3D11 spec:
+// https://microsoft.github.io/DirectX-Specs/d3d/archive/D3D11_3_FunctionalSpec.htm#FLOATtoSRGB.
+
+/// CRITICAL_POINTS[i] is the last float value such that it maps to i after
+/// conversion to integer sRGB. So if x > CRITICAL_POINTS[i] you know you need
+/// to increment i.
+#[rustfmt::skip]
+const CRITICAL_POINTS: [f32; 256] = [
+	0.00015176347, 0.00045529046, 0.0007588174, 0.0010623443, 0.0013658714, 0.0016693983, 0.0019729252, 0.0022764523,
+	0.0025799791, 0.0028835062, 0.0031883009, 0.003509259, 0.003848315, 0.004205748, 0.0045818323, 0.0049768374,
+	0.005391024, 0.00582465, 0.0062779686, 0.0067512267, 0.0072446675, 0.0077585294, 0.008293047, 0.008848451,
+	0.0094249705, 0.010022825, 0.010642236, 0.01128342, 0.011946591, 0.012631957, 0.013339729, 0.014070111,
+	0.0148233045, 0.015599505, 0.01639891, 0.017221717, 0.018068114, 0.018938294, 0.019832445, 0.020750746,
+	0.021693384, 0.022660539, 0.02365239, 0.024669115, 0.025710886, 0.026777886, 0.027870273, 0.028988222,
+	0.030131903, 0.03130148, 0.032497127, 0.033718992, 0.034967244, 0.03624204, 0.03754355, 0.03887192,
+	0.040227327, 0.041609894, 0.04301979, 0.044457167, 0.04592218, 0.04741497, 0.04893569, 0.050484486,
+	0.05206151, 0.053666897, 0.055300802, 0.056963358, 0.058654714, 0.060375024, 0.062124394, 0.06390298,
+	0.065710925, 0.06754836, 0.06941542, 0.07131224, 0.07323896, 0.07519571, 0.07718261, 0.07919981,
+	0.08124744, 0.08332562, 0.08543448, 0.08757417, 0.08974478, 0.091946445, 0.09417931, 0.09644348,
+	0.098739095, 0.10106628, 0.10342514, 0.105815805, 0.1082384, 0.110693045, 0.11317986, 0.11569896,
+	0.118250474, 0.12083454, 0.12345121, 0.12610064, 0.12878296, 0.13149826, 0.13424668, 0.1370283,
+	0.13984327, 0.14269169, 0.14557366, 0.1484893, 0.15143873, 0.15442204, 0.15743938, 0.16049084,
+	0.1635765, 0.16669647, 0.16985092, 0.1730399, 0.17626354, 0.17952198, 0.18281525, 0.1861435,
+	0.18950681, 0.19290532, 0.19633913, 0.19980833, 0.20331302, 0.20685332, 0.21042931, 0.21404111,
+	0.21768881, 0.22137253, 0.22509235, 0.22884844, 0.23264077, 0.23646952, 0.24033478, 0.24423665,
+	0.24817522, 0.25215057, 0.25616285, 0.26021212, 0.26429847, 0.26842204, 0.27258286, 0.27678108,
+	0.2810168, 0.28529006, 0.289601, 0.2939497, 0.29833627, 0.30276078, 0.30722332, 0.311724,
+	0.31626293, 0.32084015, 0.32545578, 0.33010995, 0.3348027, 0.3395341, 0.34430432, 0.34911346,
+	0.3539615, 0.35884857, 0.3637748, 0.36874023, 0.373745, 0.37878913, 0.38387278, 0.388996,
+	0.39415887, 0.39936152, 0.404604, 0.4098864, 0.41520882, 0.42057133, 0.425974, 0.431417,
+	0.43690032, 0.4424241, 0.44798836, 0.45359328, 0.45923886, 0.46492523, 0.47065246, 0.47642064,
+	0.48222986, 0.48808017, 0.4939718, 0.49990457, 0.5058787, 0.5118943, 0.5179514, 0.5240501,
+	0.5301905, 0.5363727, 0.5425967, 0.54886264, 0.5551706, 0.56152064, 0.5679129, 0.5743473,
+	0.5808241, 0.5873433, 0.593905, 0.60050917, 0.60715604, 0.61384565, 0.62057805, 0.6273533,
+	0.63417155, 0.6410328, 0.6479372, 0.65488476, 0.66187555, 0.6689097, 0.6759874, 0.68310845,
+	0.6902731, 0.6974814, 0.7047334, 0.71202916, 0.7193688, 0.7267524, 0.73418003, 0.7416518,
+	0.7491677, 0.7567278, 0.76433223, 0.7719811, 0.7796744, 0.7874122, 0.7951947, 0.80302185,
+	0.8108938, 0.81881046, 0.82677215, 0.8347787, 0.8428304, 0.8509272, 0.85906917, 0.8672564,
+	0.875489, 0.8837671, 0.89209044, 0.9004596, 0.9088741, 0.91733456, 0.9258405, 0.9343926,
+	0.94299024, 0.95163417, 0.96032387, 0.96906, 0.977842, 0.9866705, 0.9955452, 1.,
+];
+
+#[rustfmt::skip]
+const FLOAT_SRGB_LERP: [u32; 27] = [
+	0x66f, 0x66f063b, 0xcaa0515, 0x11c00773, 0x193305dc, 0x1f1004f3, 0x24030481, 0x28850773,
+	0x2ff9065e, 0x365805a1, 0x3bfa0547, 0x414108f7, 0x4a3907d8, 0x52110709, 0x591b06aa, 0x5fc50b70,
+	0x6b350a18, 0x754e091c, 0x7e6b08aa, 0x87160ef1, 0x96070d3e, 0xa3460bfc, 0xaf430b6c, 0xbaaf13bd,
+	0xce6d1187, 0xdff40fe3, 0xefd70f28,
+];
+
+#[inline]
+pub fn float_to_srgb_u8(mut f: f32) -> u8 {
+	// Clamp f to [0, 1], with a negated condition to handle NaNs as 0.
+	if !(f >= 0.) {
+		f = 0.;
+	} else if f > 1. {
+		f = 1.;
+	}
+
+	// Shift away slightly from 0.0 to reduce exponent range.
+	const C: f32 = 0.009842521f32;
+	let u = (f + C).to_bits() - C.to_bits();
+	if u > (1. + C).to_bits() - C.to_bits() {
+		// We clamped f to [0, 1], and the integer representations
+		// of the positive finite non-NaN floats are monotonic.
+		// This makes the later LUT lookup panicless.
+		unsafe { std::hint::unreachable_unchecked() }
+	}
+
+	// Compute a piecewise linear interpolation that is always
+	// the correct answer, or one less than it.
+	let u16mask = (1 << 16) - 1;
+	let lut_idx = u >> 21;
+	let lerp_idx = (u >> 5) & u16mask;
+	let bias_mult = FLOAT_SRGB_LERP[lut_idx as usize];
+	let bias = (bias_mult >> 16) << 16;
+	let mult = bias_mult & u16mask;
+	// I don't believe this wraps, but since we test in release mode,
+	// better make sure debug mode behaves the same.
+	let lerp = bias.wrapping_add(mult * lerp_idx) >> 24;
+
+	// Adjust linear interpolation to the correct value.
+	if f > CRITICAL_POINTS[lerp as usize] { lerp as u8 + 1 } else { lerp as u8 }
+}
+
+#[rustfmt::skip]
+const FROM_SRGB_U8: [f32; 256] = [
+	0., 0.000303527, 0.000607054, 0.00091058103, 0.001214108, 0.001517635, 0.0018211621, 0.002124689,
+	0.002428216, 0.002731743, 0.00303527, 0.0033465356, 0.003676507, 0.004024717, 0.004391442,
+	0.0047769533, 0.005181517, 0.0056053917, 0.0060488326, 0.006512091, 0.00699541, 0.0074990317,
+	0.008023192, 0.008568125, 0.009134057, 0.009721218, 0.010329823, 0.010960094, 0.011612245,
+	0.012286487, 0.012983031, 0.013702081, 0.014443844, 0.015208514, 0.015996292, 0.016807375,
+	0.017641952, 0.018500218, 0.019382361, 0.020288562, 0.02121901, 0.022173883, 0.023153365,
+	0.02415763, 0.025186857, 0.026241222, 0.027320892, 0.028426038, 0.029556843, 0.03071345, 0.03189604,
+	0.033104774, 0.03433981, 0.035601325, 0.036889452, 0.038204376, 0.039546248, 0.04091521, 0.042311423,
+	0.043735042, 0.045186214, 0.046665095, 0.048171833, 0.049706575, 0.051269468, 0.052860655, 0.05448028,
+	0.056128494, 0.057805434, 0.05951124, 0.06124607, 0.06301003, 0.06480328, 0.06662595, 0.06847818,
+	0.07036011, 0.07227186, 0.07421358, 0.07618539, 0.07818743, 0.08021983, 0.082282715, 0.084376216,
+	0.086500466, 0.088655606, 0.09084173, 0.09305898, 0.095307484, 0.09758736, 0.09989874, 0.10224175,
+	0.10461649, 0.10702311, 0.10946172, 0.111932434, 0.11443538, 0.116970696, 0.11953845, 0.12213881,
+	0.12477186, 0.12743773, 0.13013652, 0.13286836, 0.13563336, 0.13843165, 0.14126332, 0.1441285,
+	0.1470273, 0.14995982, 0.15292618, 0.1559265, 0.15896086, 0.16202943, 0.16513224, 0.16826946,
+	0.17144115, 0.17464745, 0.17788847, 0.1811643, 0.18447503, 0.1878208, 0.19120172, 0.19461787,
+	0.19806935, 0.2015563, 0.20507877, 0.2086369, 0.21223079, 0.21586053, 0.21952623, 0.22322798,
+	0.22696589, 0.23074007, 0.23455065, 0.23839766, 0.2422812, 0.2462014, 0.25015837, 0.25415218,
+	0.2581829, 0.26225072, 0.26635566, 0.27049786, 0.27467737, 0.27889434, 0.2831488, 0.2874409,
+	0.2917707, 0.29613832, 0.30054384, 0.30498737, 0.30946895, 0.31398875, 0.31854683, 0.32314324,
+	0.32777813, 0.33245158, 0.33716366, 0.34191445, 0.3467041, 0.3515327, 0.35640025, 0.36130688,
+	0.3662527, 0.37123778, 0.37626222, 0.3813261, 0.38642952, 0.39157256, 0.3967553, 0.40197787,
+	0.4072403, 0.4125427, 0.41788515, 0.42326775, 0.42869055, 0.4341537, 0.43965724, 0.44520125,
+	0.45078585, 0.45641106, 0.46207705, 0.46778384, 0.47353154, 0.47932023, 0.48514998, 0.4910209,
+	0.49693304, 0.5028866, 0.50888145, 0.5149178, 0.5209957, 0.52711535, 0.5332766, 0.5394797,
+	0.5457247, 0.5520116, 0.5583406, 0.5647117, 0.57112503, 0.57758063, 0.5840786, 0.590619, 0.597202,
+	0.60382754, 0.61049575, 0.61720675, 0.62396055, 0.63075733, 0.637597, 0.6444799, 0.6514058,
+	0.65837497, 0.66538745, 0.67244333, 0.6795426, 0.68668544, 0.69387203, 0.70110214, 0.70837605,
+	0.7156938, 0.72305536, 0.730461, 0.7379107, 0.7454045, 0.75294244, 0.76052475, 0.7681514, 0.77582246,
+	0.78353804, 0.79129815, 0.79910296, 0.8069525, 0.8148468, 0.822786, 0.8307701, 0.83879924, 0.84687346,
+	0.8549928, 0.8631574, 0.87136734, 0.8796226, 0.8879232, 0.89626956, 0.90466136, 0.913099, 0.92158204,
+	0.93011117, 0.9386859, 0.9473069, 0.9559735, 0.9646866, 0.9734455, 0.98225087, 0.9911022, 1.,
+];
+
+#[inline]
+pub fn srgb_u8_to_float(c: u8) -> f32 {
+	FROM_SRGB_U8[c as usize]
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+
+	// https://microsoft.github.io/DirectX-Specs/d3d/archive/D3D11_3_FunctionalSpec.htm#FLOATtoSRGB
+	fn float_to_srgb_ref(f: f32) -> f32 {
+		if !(f > 0_f32) {
+			0_f32
+		} else if f <= 0.0031308f32 {
+			12.92_f32 * f
+		} else if f < 1_f32 {
+			1.055f32 * f.powf(1_f32 / 2.4_f32) - 0.055f32
+		} else {
+			1_f32
+		}
+	}
+
+	fn float_to_srgb_u8_ref(f: f32) -> u8 {
+		(float_to_srgb_ref(f) * 255_f32 + 0.5_f32) as u8
+	}
+
+	// https://microsoft.github.io/DirectX-Specs/d3d/archive/D3D11_3_FunctionalSpec.htm#SRGBtoFLOAT
+	fn srgb_to_float_ref(f: f32) -> f32 {
+		if f <= 0.04045f32 { f / 12.92f32 } else { ((f + 0.055f32) / 1.055f32).powf(2.4_f32) }
+	}
+
+	fn srgb_u8_to_float_ref(c: u8) -> f32 {
+		srgb_to_float_ref(c as f32 * (1_f32 / 255_f32))
+	}
+
+	#[test]
+	fn test_float_to_srgb_u8() {
+		for u in 0..=u8::MAX {
+			assert!(srgb_u8_to_float(u) == srgb_u8_to_float_ref(u));
+		}
+	}
+
+	#[ignore = "expensive, test in release mode"]
+	#[test]
+	fn test_srgb_u8_to_float() {
+		// Simply... check all float values.
+		for u in 0..=u32::MAX {
+			let f = f32::from_bits(u);
+			assert!(float_to_srgb_u8(f) == float_to_srgb_u8_ref(f));
+		}
+	}
+}
diff --git a/node-graph/gcore/src/color/mod.rs b/node-graph/gcore/src/color/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3b286c510c231c0dc48a66355bc57cdcaae24fda
--- /dev/null
+++ b/node-graph/gcore/src/color/mod.rs
@@ -0,0 +1,7 @@
+mod color;
+mod color_traits;
+mod discrete_srgb;
+
+pub use color::*;
+pub use color_traits::*;
+pub use discrete_srgb::*;
diff --git a/node-graph/gcore/src/consts.rs b/node-graph/gcore/src/consts.rs
new file mode 100644
index 0000000000000000000000000000000000000000..505dc81ccd46fea0df1cf2f29a9829d5bae1300d
--- /dev/null
+++ b/node-graph/gcore/src/consts.rs
@@ -0,0 +1,9 @@
+use crate::raster::Color;
+
+// RENDERING
+pub const LAYER_OUTLINE_STROKE_COLOR: Color = Color::BLACK;
+pub const LAYER_OUTLINE_STROKE_WEIGHT: f64 = 0.5;
+
+// Fonts
+pub const DEFAULT_FONT_FAMILY: &str = "Cabin";
+pub const DEFAULT_FONT_STYLE: &str = "Regular (400)";
diff --git a/node-graph/gcore/src/context.rs b/node-graph/gcore/src/context.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3adb839b0b249362af4eeaf2dc6d5b8a6d61826a
--- /dev/null
+++ b/node-graph/gcore/src/context.rs
@@ -0,0 +1,369 @@
+use crate::transform::Footprint;
+use std::any::Any;
+use std::borrow::Borrow;
+use std::panic::Location;
+use std::sync::Arc;
+
+pub trait Ctx: Clone + Send {}
+
+pub trait ExtractFootprint {
+	#[track_caller]
+	fn try_footprint(&self) -> Option<&Footprint>;
+	#[track_caller]
+	fn footprint(&self) -> &Footprint {
+		self.try_footprint().unwrap_or_else(|| {
+			log::error!("Context did not have a footprint, called from: {}", Location::caller());
+			&Footprint::DEFAULT
+		})
+	}
+}
+
+pub trait ExtractTime {
+	fn try_time(&self) -> Option<f64>;
+}
+
+pub trait ExtractAnimationTime {
+	fn try_animation_time(&self) -> Option<f64>;
+}
+
+pub trait ExtractIndex {
+	fn try_index(&self) -> Option<usize>;
+}
+
+// Consider returning a slice or something like that
+pub trait ExtractVarArgs {
+	// Call this lifetime 'b so it is less likely to coflict when auto generating the function signature for implementation
+	fn vararg(&self, index: usize) -> Result<DynRef<'_>, VarArgsResult>;
+	fn varargs_len(&self) -> Result<usize, VarArgsResult>;
+}
+// Consider returning a slice or something like that
+pub trait CloneVarArgs: ExtractVarArgs {
+	// fn box_clone(&self) -> Vec<DynBox>;
+	fn arc_clone(&self) -> Option<Arc<dyn ExtractVarArgs + Send + Sync>>;
+}
+
+pub trait ExtractAll: ExtractFootprint + ExtractIndex + ExtractTime + ExtractAnimationTime + ExtractVarArgs {}
+
+impl<T: ?Sized + ExtractFootprint + ExtractIndex + ExtractTime + ExtractAnimationTime + ExtractVarArgs> ExtractAll for T {}
+
+#[derive(Debug, Clone, PartialEq, Eq)]
+pub enum VarArgsResult {
+	IndexOutOfBounds,
+	NoVarArgs,
+}
+impl<T: Ctx> Ctx for Option<T> {}
+impl<T: Ctx + Sync> Ctx for &T {}
+impl Ctx for () {}
+impl Ctx for Footprint {}
+impl ExtractFootprint for () {
+	fn try_footprint(&self) -> Option<&Footprint> {
+		log::error!("tried to extract footprint form (), {}", Location::caller());
+		None
+	}
+}
+
+impl<T: ExtractFootprint + Ctx + Sync + Send> ExtractFootprint for &T {
+	fn try_footprint(&self) -> Option<&Footprint> {
+		(*self).try_footprint()
+	}
+}
+
+impl<T: ExtractFootprint + Sync> ExtractFootprint for Option<T> {
+	fn try_footprint(&self) -> Option<&Footprint> {
+		self.as_ref().and_then(|x| x.try_footprint())
+	}
+	#[track_caller]
+	fn footprint(&self) -> &Footprint {
+		self.try_footprint().unwrap_or_else(|| {
+			log::warn!("trying to extract footprint from context None {} ", Location::caller());
+			&Footprint::DEFAULT
+		})
+	}
+}
+impl<T: ExtractTime + Sync> ExtractTime for Option<T> {
+	fn try_time(&self) -> Option<f64> {
+		self.as_ref().and_then(|x| x.try_time())
+	}
+}
+impl<T: ExtractAnimationTime + Sync> ExtractAnimationTime for Option<T> {
+	fn try_animation_time(&self) -> Option<f64> {
+		self.as_ref().and_then(|x| x.try_animation_time())
+	}
+}
+impl<T: ExtractIndex> ExtractIndex for Option<T> {
+	fn try_index(&self) -> Option<usize> {
+		self.as_ref().and_then(|x| x.try_index())
+	}
+}
+impl<T: ExtractVarArgs + Sync> ExtractVarArgs for Option<T> {
+	fn vararg(&self, index: usize) -> Result<DynRef<'_>, VarArgsResult> {
+		let Some(inner) = self else { return Err(VarArgsResult::NoVarArgs) };
+		inner.vararg(index)
+	}
+
+	fn varargs_len(&self) -> Result<usize, VarArgsResult> {
+		let Some(inner) = self else { return Err(VarArgsResult::NoVarArgs) };
+		inner.varargs_len()
+	}
+}
+impl<T: ExtractFootprint + Sync> ExtractFootprint for Arc<T> {
+	fn try_footprint(&self) -> Option<&Footprint> {
+		(**self).try_footprint()
+	}
+}
+impl<T: ExtractTime + Sync> ExtractTime for Arc<T> {
+	fn try_time(&self) -> Option<f64> {
+		(**self).try_time()
+	}
+}
+impl<T: ExtractAnimationTime + Sync> ExtractAnimationTime for Arc<T> {
+	fn try_animation_time(&self) -> Option<f64> {
+		(**self).try_animation_time()
+	}
+}
+impl<T: ExtractIndex> ExtractIndex for Arc<T> {
+	fn try_index(&self) -> Option<usize> {
+		(**self).try_index()
+	}
+}
+impl<T: ExtractVarArgs + Sync> ExtractVarArgs for Arc<T> {
+	fn vararg(&self, index: usize) -> Result<DynRef<'_>, VarArgsResult> {
+		(**self).vararg(index)
+	}
+
+	fn varargs_len(&self) -> Result<usize, VarArgsResult> {
+		(**self).varargs_len()
+	}
+}
+impl<T: CloneVarArgs + Sync> CloneVarArgs for Option<T> {
+	fn arc_clone(&self) -> Option<Arc<dyn ExtractVarArgs + Send + Sync>> {
+		self.as_ref().and_then(CloneVarArgs::arc_clone)
+	}
+}
+
+impl<T: ExtractVarArgs + Sync> ExtractVarArgs for &T {
+	fn vararg(&self, index: usize) -> Result<DynRef<'_>, VarArgsResult> {
+		(*self).vararg(index)
+	}
+
+	fn varargs_len(&self) -> Result<usize, VarArgsResult> {
+		(*self).varargs_len()
+	}
+}
+impl<T: CloneVarArgs + Sync> CloneVarArgs for Arc<T> {
+	fn arc_clone(&self) -> Option<Arc<dyn ExtractVarArgs + Send + Sync>> {
+		(**self).arc_clone()
+	}
+}
+
+impl Ctx for ContextImpl<'_> {}
+impl Ctx for Arc<OwnedContextImpl> {}
+
+impl ExtractFootprint for ContextImpl<'_> {
+	fn try_footprint(&self) -> Option<&Footprint> {
+		self.footprint
+	}
+}
+impl ExtractTime for ContextImpl<'_> {
+	fn try_time(&self) -> Option<f64> {
+		self.time
+	}
+}
+impl ExtractIndex for ContextImpl<'_> {
+	fn try_index(&self) -> Option<usize> {
+		self.index
+	}
+}
+impl ExtractVarArgs for ContextImpl<'_> {
+	fn vararg(&self, index: usize) -> Result<DynRef<'_>, VarArgsResult> {
+		let Some(inner) = self.varargs else { return Err(VarArgsResult::NoVarArgs) };
+		inner.get(index).ok_or(VarArgsResult::IndexOutOfBounds).copied()
+	}
+
+	fn varargs_len(&self) -> Result<usize, VarArgsResult> {
+		let Some(inner) = self.varargs else { return Err(VarArgsResult::NoVarArgs) };
+		Ok(inner.len())
+	}
+}
+
+impl ExtractFootprint for OwnedContextImpl {
+	fn try_footprint(&self) -> Option<&Footprint> {
+		self.footprint.as_ref()
+	}
+}
+impl ExtractTime for OwnedContextImpl {
+	fn try_time(&self) -> Option<f64> {
+		self.real_time
+	}
+}
+impl ExtractAnimationTime for OwnedContextImpl {
+	fn try_animation_time(&self) -> Option<f64> {
+		self.animation_time
+	}
+}
+impl ExtractIndex for OwnedContextImpl {
+	fn try_index(&self) -> Option<usize> {
+		self.index
+	}
+}
+impl ExtractVarArgs for OwnedContextImpl {
+	fn vararg(&self, index: usize) -> Result<DynRef<'_>, VarArgsResult> {
+		let Some(ref inner) = self.varargs else {
+			let Some(ref parent) = self.parent else {
+				return Err(VarArgsResult::NoVarArgs);
+			};
+			return parent.vararg(index);
+		};
+		inner.get(index).map(|x| x.as_ref()).ok_or(VarArgsResult::IndexOutOfBounds)
+	}
+
+	fn varargs_len(&self) -> Result<usize, VarArgsResult> {
+		let Some(ref inner) = self.varargs else {
+			let Some(ref parent) = self.parent else {
+				return Err(VarArgsResult::NoVarArgs);
+			};
+			return parent.varargs_len();
+		};
+		Ok(inner.len())
+	}
+}
+
+impl CloneVarArgs for Arc<OwnedContextImpl> {
+	fn arc_clone(&self) -> Option<Arc<dyn ExtractVarArgs + Send + Sync>> {
+		Some(self.clone())
+	}
+}
+
+pub type Context<'a> = Option<Arc<OwnedContextImpl>>;
+type DynRef<'a> = &'a (dyn Any + Send + Sync);
+type DynBox = Box<dyn Any + Send + Sync>;
+
+#[derive(dyn_any::DynAny)]
+pub struct OwnedContextImpl {
+	footprint: Option<Footprint>,
+	varargs: Option<Arc<[DynBox]>>,
+	parent: Option<Arc<dyn ExtractVarArgs + Sync + Send>>,
+	// This could be converted into a single enum to save extra bytes
+	index: Option<usize>,
+	real_time: Option<f64>,
+	animation_time: Option<f64>,
+}
+
+impl std::fmt::Debug for OwnedContextImpl {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		f.debug_struct("OwnedContextImpl")
+			.field("footprint", &self.footprint)
+			.field("varargs", &self.varargs)
+			.field("parent", &self.parent.as_ref().map(|_| "<Parent>"))
+			.field("index", &self.index)
+			.field("real_time", &self.real_time)
+			.field("animation_time", &self.animation_time)
+			.finish()
+	}
+}
+
+impl Default for OwnedContextImpl {
+	#[track_caller]
+	fn default() -> Self {
+		Self::empty()
+	}
+}
+
+impl std::hash::Hash for OwnedContextImpl {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.footprint.hash(state);
+		self.varargs.as_ref().map(|x| Arc::as_ptr(x).addr()).hash(state);
+		self.parent.as_ref().map(|x| Arc::as_ptr(x).addr()).hash(state);
+		self.index.hash(state);
+		self.real_time.map(|x| x.to_bits()).hash(state);
+		self.animation_time.map(|x| x.to_bits()).hash(state);
+	}
+}
+
+impl OwnedContextImpl {
+	#[track_caller]
+	pub fn from<T: ExtractAll + CloneVarArgs>(value: T) -> Self {
+		let footprint = value.try_footprint().copied();
+		let index = value.try_index();
+		let time = value.try_time();
+		let frame_time = value.try_animation_time();
+		let parent = match value.varargs_len() {
+			Ok(x) if x > 0 => value.arc_clone(),
+			_ => None,
+		};
+		OwnedContextImpl {
+			footprint,
+			varargs: None,
+			parent,
+			index,
+			real_time: time,
+			animation_time: frame_time,
+		}
+	}
+	pub const fn empty() -> Self {
+		OwnedContextImpl {
+			footprint: None,
+			varargs: None,
+			parent: None,
+			index: None,
+			real_time: None,
+			animation_time: None,
+		}
+	}
+}
+
+impl OwnedContextImpl {
+	pub fn set_footprint(&mut self, footprint: Footprint) {
+		self.footprint = Some(footprint);
+	}
+	pub fn with_footprint(mut self, footprint: Footprint) -> Self {
+		self.footprint = Some(footprint);
+		self
+	}
+	pub fn with_real_time(mut self, time: f64) -> Self {
+		self.real_time = Some(time);
+		self
+	}
+	pub fn with_animation_time(mut self, animation_time: f64) -> Self {
+		self.animation_time = Some(animation_time);
+		self
+	}
+	pub fn with_vararg(mut self, value: Box<dyn Any + Send + Sync>) -> Self {
+		assert!(self.varargs.is_none_or(|value| value.is_empty()));
+		self.varargs = Some(Arc::new([value]));
+		self
+	}
+	pub fn with_index(mut self, index: usize) -> Self {
+		self.index = Some(index);
+		self
+	}
+	pub fn into_context(self) -> Option<Arc<Self>> {
+		Some(Arc::new(self))
+	}
+	pub fn erase_parent(mut self) -> Self {
+		self.parent = None;
+		self
+	}
+}
+
+#[derive(Default, Clone, Copy, dyn_any::DynAny)]
+pub struct ContextImpl<'a> {
+	pub(crate) footprint: Option<&'a Footprint>,
+	varargs: Option<&'a [DynRef<'a>]>,
+	// This could be converted into a single enum to save extra bytes
+	index: Option<usize>,
+	time: Option<f64>,
+}
+
+impl<'a> ContextImpl<'a> {
+	pub fn with_footprint<'f>(&self, new_footprint: &'f Footprint, varargs: Option<&'f impl (Borrow<[DynRef<'f>]>)>) -> ContextImpl<'f>
+	where
+		'a: 'f,
+	{
+		ContextImpl {
+			footprint: Some(new_footprint),
+			varargs: varargs.map(|x| x.borrow()),
+			..*self
+		}
+	}
+}
diff --git a/node-graph/gcore/src/debug.rs b/node-graph/gcore/src/debug.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8b4a2a80d21757d5782fa9234b207fc7cce3723c
--- /dev/null
+++ b/node-graph/gcore/src/debug.rs
@@ -0,0 +1,35 @@
+use crate::raster_types::{CPU, RasterDataTable};
+use crate::vector::VectorDataTable;
+use crate::{Color, Ctx};
+use glam::{DAffine2, DVec2};
+
+#[node_macro::node(category("Debug"), name("Log to Console"))]
+fn log_to_console<T: std::fmt::Debug>(_: impl Ctx, #[implementations(String, bool, f64, u32, u64, DVec2, VectorDataTable, DAffine2, Color, Option<Color>)] value: T) -> T {
+	// KEEP THIS `debug!()` - It acts as the output for the debug node itself
+	log::debug!("{:#?}", value);
+	value
+}
+
+/// Meant for debugging purposes, not general use. Returns the size of the input type in bytes.
+#[node_macro::node(category("Debug"))]
+fn size_of(_: impl Ctx, ty: crate::Type) -> Option<usize> {
+	ty.size()
+}
+
+/// Meant for debugging purposes, not general use. Wraps the input value in the Some variant of an Option.
+#[node_macro::node(category("Debug"))]
+fn some<T>(_: impl Ctx, #[implementations(f64, f32, u32, u64, String, Color)] input: T) -> Option<T> {
+	Some(input)
+}
+
+/// Meant for debugging purposes, not general use. Unwraps the input value from an Option, returning the default value if the input is None.
+#[node_macro::node(category("Debug"))]
+fn unwrap<T: Default>(_: impl Ctx, #[implementations(Option<f64>, Option<f32>, Option<u32>, Option<u64>, Option<String>, Option<Color>)] input: Option<T>) -> T {
+	input.unwrap_or_default()
+}
+
+/// Meant for debugging purposes, not general use. Clones the input value.
+#[node_macro::node(category("Debug"))]
+fn clone<'i, T: Clone + 'i>(_: impl Ctx, #[implementations(&RasterDataTable<CPU>)] value: &'i T) -> T {
+	value.clone()
+}
diff --git a/node-graph/gcore/src/extract_xy.rs b/node-graph/gcore/src/extract_xy.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3697e363a8f812f994a862db06b0ada4ef5833b8
--- /dev/null
+++ b/node-graph/gcore/src/extract_xy.rs
@@ -0,0 +1,23 @@
+use crate::Ctx;
+use dyn_any::DynAny;
+use glam::{DVec2, IVec2, UVec2};
+
+/// Obtains the X or Y component of a coordinate point.
+///
+/// The inverse of this node is "Coordinate Value", which can have either or both its X and Y exposed as graph inputs.
+#[node_macro::node(name("Extract XY"), category("Math: Vector"))]
+fn extract_xy<T: Into<DVec2>>(_: impl Ctx, #[implementations(DVec2, IVec2, UVec2)] vector: T, axis: XY) -> f64 {
+	match axis {
+		XY::X => vector.into().x,
+		XY::Y => vector.into().y,
+	}
+}
+
+/// The X or Y component of a coordinate.
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+#[widget(Dropdown)]
+pub enum XY {
+	#[default]
+	X,
+	Y,
+}
diff --git a/node-graph/gcore/src/generic.rs b/node-graph/gcore/src/generic.rs
new file mode 100644
index 0000000000000000000000000000000000000000..055c0cb53dc04f557437300199873266b1765c4f
--- /dev/null
+++ b/node-graph/gcore/src/generic.rs
@@ -0,0 +1,17 @@
+use crate::Node;
+use std::marker::PhantomData;
+#[derive(Clone)]
+pub struct FnNode<T: Fn(I) -> O, I, O>(T, PhantomData<(I, O)>);
+
+impl<'i, T: Fn(I) -> O + 'i, O: 'i, I: 'i> Node<'i, I> for FnNode<T, I, O> {
+	type Output = O;
+	fn eval(&'i self, input: I) -> Self::Output {
+		self.0(input)
+	}
+}
+
+impl<T: Fn(I) -> O, I, O> FnNode<T, I, O> {
+	pub fn new(f: T) -> Self {
+		FnNode(f, PhantomData)
+	}
+}
diff --git a/node-graph/gcore/src/gradient.rs b/node-graph/gcore/src/gradient.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8034cc98769e175a7d707f6c895a8838cc4f4c76
--- /dev/null
+++ b/node-graph/gcore/src/gradient.rs
@@ -0,0 +1,248 @@
+use crate::Color;
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2};
+
+#[derive(Default, PartialEq, Eq, Clone, Copy, Debug, Hash, serde::Serialize, serde::Deserialize, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum GradientType {
+	#[default]
+	Linear,
+	Radial,
+}
+
+// TODO: Someday we could switch this to a Box[T] to avoid over-allocation
+// TODO: Use linear not gamma colors
+/// A list of colors associated with positions (in the range 0 to 1) along a gradient.
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, DynAny, specta::Type)]
+pub struct GradientStops(pub Vec<(f64, Color)>);
+
+impl std::hash::Hash for GradientStops {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.0.len().hash(state);
+		self.0.iter().for_each(|(position, color)| {
+			position.to_bits().hash(state);
+			color.hash(state);
+		});
+	}
+}
+
+impl Default for GradientStops {
+	fn default() -> Self {
+		Self(vec![(0., Color::BLACK), (1., Color::WHITE)])
+	}
+}
+
+impl IntoIterator for GradientStops {
+	type Item = (f64, Color);
+	type IntoIter = std::vec::IntoIter<(f64, Color)>;
+
+	fn into_iter(self) -> Self::IntoIter {
+		self.0.into_iter()
+	}
+}
+
+impl<'a> IntoIterator for &'a GradientStops {
+	type Item = &'a (f64, Color);
+	type IntoIter = std::slice::Iter<'a, (f64, Color)>;
+
+	fn into_iter(self) -> Self::IntoIter {
+		self.0.iter()
+	}
+}
+
+impl std::ops::Index<usize> for GradientStops {
+	type Output = (f64, Color);
+
+	fn index(&self, index: usize) -> &Self::Output {
+		&self.0[index]
+	}
+}
+
+impl std::ops::Deref for GradientStops {
+	type Target = Vec<(f64, Color)>;
+
+	fn deref(&self) -> &Self::Target {
+		&self.0
+	}
+}
+
+impl std::ops::DerefMut for GradientStops {
+	fn deref_mut(&mut self) -> &mut Self::Target {
+		&mut self.0
+	}
+}
+
+impl GradientStops {
+	pub fn new(stops: Vec<(f64, Color)>) -> Self {
+		let mut stops = Self(stops);
+		stops.sort();
+		stops
+	}
+
+	pub fn evaluate(&self, t: f64) -> Color {
+		if self.0.is_empty() {
+			return Color::BLACK;
+		}
+
+		if t <= self.0[0].0 {
+			return self.0[0].1;
+		}
+		if t >= self.0[self.0.len() - 1].0 {
+			return self.0[self.0.len() - 1].1;
+		}
+
+		for i in 0..self.0.len() - 1 {
+			let (t1, c1) = self.0[i];
+			let (t2, c2) = self.0[i + 1];
+			if t >= t1 && t <= t2 {
+				let normalized_t = (t - t1) / (t2 - t1);
+				return c1.lerp(&c2, normalized_t as f32);
+			}
+		}
+
+		Color::BLACK
+	}
+
+	pub fn sort(&mut self) {
+		self.0.sort_unstable_by(|a, b| a.0.partial_cmp(&b.0).unwrap());
+	}
+
+	pub fn reversed(&self) -> Self {
+		Self(self.0.iter().rev().map(|(position, color)| (1. - position, *color)).collect())
+	}
+
+	pub fn map_colors<F: Fn(&Color) -> Color>(&self, f: F) -> Self {
+		Self(self.0.iter().map(|(position, color)| (*position, f(color))).collect())
+	}
+}
+
+/// A gradient fill.
+///
+/// Contains the start and end points, along with the colors at varying points along the length.
+#[repr(C)]
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, DynAny, specta::Type)]
+pub struct Gradient {
+	pub stops: GradientStops,
+	pub gradient_type: GradientType,
+	pub start: DVec2,
+	pub end: DVec2,
+	pub transform: DAffine2,
+}
+
+impl Default for Gradient {
+	fn default() -> Self {
+		Self {
+			stops: GradientStops::default(),
+			gradient_type: GradientType::Linear,
+			start: DVec2::new(0., 0.5),
+			end: DVec2::new(1., 0.5),
+			transform: DAffine2::IDENTITY,
+		}
+	}
+}
+
+impl std::hash::Hash for Gradient {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.stops.0.len().hash(state);
+		[].iter()
+			.chain(self.start.to_array().iter())
+			.chain(self.end.to_array().iter())
+			.chain(self.transform.to_cols_array().iter())
+			.chain(self.stops.0.iter().map(|(position, _)| position))
+			.for_each(|x| x.to_bits().hash(state));
+		self.stops.0.iter().for_each(|(_, color)| color.hash(state));
+		self.gradient_type.hash(state);
+	}
+}
+
+impl std::fmt::Display for Gradient {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		let round = |x: f64| (x * 1e3).round() / 1e3;
+		let stops = self
+			.stops
+			.0
+			.iter()
+			.map(|(position, color)| format!("[{}%: #{}]", round(position * 100.), color.to_rgba_hex_srgb()))
+			.collect::<Vec<_>>()
+			.join(", ");
+		write!(f, "{} Gradient: {stops}", self.gradient_type)
+	}
+}
+
+impl Gradient {
+	/// Constructs a new gradient with the colors at 0 and 1 specified.
+	pub fn new(start: DVec2, start_color: Color, end: DVec2, end_color: Color, transform: DAffine2, gradient_type: GradientType) -> Self {
+		Gradient {
+			start,
+			end,
+			stops: GradientStops::new(vec![(0., start_color.to_gamma_srgb()), (1., end_color.to_gamma_srgb())]),
+			transform,
+			gradient_type,
+		}
+	}
+
+	pub fn lerp(&self, other: &Self, time: f64) -> Self {
+		let start = self.start + (other.start - self.start) * time;
+		let end = self.end + (other.end - self.end) * time;
+		let transform = self.transform;
+		let stops = self
+			.stops
+			.0
+			.iter()
+			.zip(other.stops.0.iter())
+			.map(|((a_pos, a_color), (b_pos, b_color))| {
+				let position = a_pos + (b_pos - a_pos) * time;
+				let color = a_color.lerp(b_color, time as f32);
+				(position, color)
+			})
+			.collect::<Vec<_>>();
+		let stops = GradientStops::new(stops);
+		let gradient_type = if time < 0.5 { self.gradient_type } else { other.gradient_type };
+
+		Self {
+			start,
+			end,
+			transform,
+			stops,
+			gradient_type,
+		}
+	}
+
+	/// Insert a stop into the gradient, the index if successful
+	pub fn insert_stop(&mut self, mouse: DVec2, transform: DAffine2) -> Option<usize> {
+		// Transform the start and end positions to the same coordinate space as the mouse.
+		let (start, end) = (transform.transform_point2(self.start), transform.transform_point2(self.end));
+
+		// Calculate the new position by finding the closest point on the line
+		let new_position = ((end - start).angle_to(mouse - start)).cos() * start.distance(mouse) / start.distance(end);
+
+		// Don't insert point past end of line
+		if !(0. ..=1.).contains(&new_position) {
+			return None;
+		}
+
+		// Compute the color of the inserted stop
+		let get_color = |index: usize, time: f64| match (self.stops.0[index].1, self.stops.0.get(index + 1).map(|(_, c)| *c)) {
+			// Lerp between the nearest colors if applicable
+			(a, Some(b)) => a.lerp(
+				&b,
+				((time - self.stops.0[index].0) / self.stops.0.get(index + 1).map(|end| end.0 - self.stops.0[index].0).unwrap_or_default()) as f32,
+			),
+			// Use the start or the end color if applicable
+			(v, _) => v,
+		};
+
+		// Compute the correct index to keep the positions in order
+		let mut index = 0;
+		while self.stops.0.len() > index && self.stops.0[index].0 <= new_position {
+			index += 1;
+		}
+
+		let new_color = get_color(index - 1, new_position);
+
+		// Insert the new stop
+		self.stops.0.insert(index, (new_position, new_color));
+
+		Some(index)
+	}
+}
diff --git a/node-graph/gcore/src/graphic_element.rs b/node-graph/gcore/src/graphic_element.rs
new file mode 100644
index 0000000000000000000000000000000000000000..131c6c04b01092e2a3f6b8dee2d5fd4a84295b03
--- /dev/null
+++ b/node-graph/gcore/src/graphic_element.rs
@@ -0,0 +1,603 @@
+use crate::blending::AlphaBlending;
+use crate::bounds::BoundingBox;
+use crate::instances::{Instance, Instances};
+use crate::math::quad::Quad;
+use crate::raster::image::Image;
+use crate::raster_types::{CPU, GPU, Raster, RasterDataTable};
+use crate::transform::TransformMut;
+use crate::uuid::NodeId;
+use crate::vector::{VectorData, VectorDataTable};
+use crate::{CloneVarArgs, Color, Context, Ctx, ExtractAll, OwnedContextImpl};
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2, IVec2};
+use std::hash::Hash;
+
+// TODO: Eventually remove this migration document upgrade code
+pub fn migrate_graphic_group<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<GraphicGroupTable, D::Error> {
+	use serde::Deserialize;
+
+	#[derive(Clone, Debug, PartialEq, DynAny, Default, serde::Serialize, serde::Deserialize)]
+	pub struct OldGraphicGroup {
+		elements: Vec<(GraphicElement, Option<NodeId>)>,
+		transform: DAffine2,
+		alpha_blending: AlphaBlending,
+	}
+	#[derive(Clone, Debug, PartialEq, DynAny, Default, serde::Serialize, serde::Deserialize)]
+	pub struct GraphicGroup {
+		elements: Vec<(GraphicElement, Option<NodeId>)>,
+	}
+	pub type OldGraphicGroupTable = Instances<GraphicGroup>;
+
+	#[derive(serde::Serialize, serde::Deserialize)]
+	#[serde(untagged)]
+	enum EitherFormat {
+		OldGraphicGroup(OldGraphicGroup),
+		InstanceTable(serde_json::Value),
+	}
+
+	Ok(match EitherFormat::deserialize(deserializer)? {
+		EitherFormat::OldGraphicGroup(old) => {
+			let mut graphic_group_table = GraphicGroupTable::default();
+			for (graphic_element, source_node_id) in old.elements {
+				graphic_group_table.push(Instance {
+					instance: graphic_element,
+					transform: old.transform,
+					alpha_blending: old.alpha_blending,
+					source_node_id,
+				});
+			}
+			graphic_group_table
+		}
+		EitherFormat::InstanceTable(value) => {
+			// Try to deserialize as either table format
+			if let Ok(old_table) = serde_json::from_value::<OldGraphicGroupTable>(value.clone()) {
+				let mut graphic_group_table = GraphicGroupTable::default();
+				for instance in old_table.instance_ref_iter() {
+					for (graphic_element, source_node_id) in &instance.instance.elements {
+						graphic_group_table.push(Instance {
+							instance: graphic_element.clone(),
+							transform: *instance.transform,
+							alpha_blending: *instance.alpha_blending,
+							source_node_id: *source_node_id,
+						});
+					}
+				}
+				graphic_group_table
+			} else if let Ok(new_table) = serde_json::from_value::<GraphicGroupTable>(value) {
+				new_table
+			} else {
+				return Err(serde::de::Error::custom("Failed to deserialize GraphicGroupTable"));
+			}
+		}
+	})
+}
+
+// TODO: Rename to GraphicElementTable
+pub type GraphicGroupTable = Instances<GraphicElement>;
+
+impl From<VectorData> for GraphicGroupTable {
+	fn from(vector_data: VectorData) -> Self {
+		Self::new(GraphicElement::VectorData(VectorDataTable::new(vector_data)))
+	}
+}
+impl From<VectorDataTable> for GraphicGroupTable {
+	fn from(vector_data: VectorDataTable) -> Self {
+		Self::new(GraphicElement::VectorData(vector_data))
+	}
+}
+impl From<Image<Color>> for GraphicGroupTable {
+	fn from(image: Image<Color>) -> Self {
+		Self::new(GraphicElement::RasterDataCPU(RasterDataTable::<CPU>::new(Raster::new_cpu(image))))
+	}
+}
+impl From<RasterDataTable<CPU>> for GraphicGroupTable {
+	fn from(raster_data_table: RasterDataTable<CPU>) -> Self {
+		Self::new(GraphicElement::RasterDataCPU(raster_data_table))
+	}
+}
+impl From<RasterDataTable<GPU>> for GraphicGroupTable {
+	fn from(raster_data_table: RasterDataTable<GPU>) -> Self {
+		Self::new(GraphicElement::RasterDataGPU(raster_data_table))
+	}
+}
+
+/// The possible forms of graphical content held in a Vec by the `elements` field of [`GraphicElement`].
+#[derive(Clone, Debug, Hash, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+pub enum GraphicElement {
+	/// Equivalent to the SVG <g> tag: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/g
+	GraphicGroup(GraphicGroupTable),
+	/// A vector shape, equivalent to the SVG <path> tag: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path
+	VectorData(VectorDataTable),
+	RasterDataCPU(RasterDataTable<CPU>),
+	RasterDataGPU(RasterDataTable<GPU>),
+}
+
+impl Default for GraphicElement {
+	fn default() -> Self {
+		Self::GraphicGroup(GraphicGroupTable::default())
+	}
+}
+
+impl GraphicElement {
+	pub fn as_group(&self) -> Option<&GraphicGroupTable> {
+		match self {
+			GraphicElement::GraphicGroup(group) => Some(group),
+			_ => None,
+		}
+	}
+
+	pub fn as_group_mut(&mut self) -> Option<&mut GraphicGroupTable> {
+		match self {
+			GraphicElement::GraphicGroup(group) => Some(group),
+			_ => None,
+		}
+	}
+
+	pub fn as_vector_data(&self) -> Option<&VectorDataTable> {
+		match self {
+			GraphicElement::VectorData(data) => Some(data),
+			_ => None,
+		}
+	}
+
+	pub fn as_vector_data_mut(&mut self) -> Option<&mut VectorDataTable> {
+		match self {
+			GraphicElement::VectorData(data) => Some(data),
+			_ => None,
+		}
+	}
+
+	pub fn as_raster(&self) -> Option<&RasterDataTable<CPU>> {
+		match self {
+			GraphicElement::RasterDataCPU(raster) => Some(raster),
+			_ => None,
+		}
+	}
+
+	pub fn as_raster_mut(&mut self) -> Option<&mut RasterDataTable<CPU>> {
+		match self {
+			GraphicElement::RasterDataCPU(raster) => Some(raster),
+			_ => None,
+		}
+	}
+
+	pub fn had_clip_enabled(&self) -> bool {
+		match self {
+			GraphicElement::VectorData(data) => data.instance_ref_iter().all(|instance| instance.alpha_blending.clip),
+			GraphicElement::GraphicGroup(data) => data.instance_ref_iter().all(|instance| instance.alpha_blending.clip),
+			GraphicElement::RasterDataCPU(data) => data.instance_ref_iter().all(|instance| instance.alpha_blending.clip),
+			GraphicElement::RasterDataGPU(data) => data.instance_ref_iter().all(|instance| instance.alpha_blending.clip),
+		}
+	}
+
+	pub fn can_reduce_to_clip_path(&self) -> bool {
+		match self {
+			GraphicElement::VectorData(vector_data_table) => vector_data_table.instance_ref_iter().all(|instance_data| {
+				let style = &instance_data.instance.style;
+				let alpha_blending = &instance_data.alpha_blending;
+				(alpha_blending.opacity > 1. - f32::EPSILON) && style.fill().is_opaque() && style.stroke().is_none_or(|stroke| !stroke.has_renderable_stroke())
+			}),
+			_ => false,
+		}
+	}
+}
+
+impl BoundingBox for GraphicElement {
+	fn bounding_box(&self, transform: DAffine2, include_stroke: bool) -> Option<[DVec2; 2]> {
+		match self {
+			GraphicElement::VectorData(vector_data) => vector_data.bounding_box(transform, include_stroke),
+			GraphicElement::RasterDataCPU(raster) => raster.bounding_box(transform, include_stroke),
+			GraphicElement::RasterDataGPU(raster) => raster.bounding_box(transform, include_stroke),
+			GraphicElement::GraphicGroup(graphic_group) => graphic_group.bounding_box(transform, include_stroke),
+		}
+	}
+}
+
+impl BoundingBox for GraphicGroupTable {
+	fn bounding_box(&self, transform: DAffine2, include_stroke: bool) -> Option<[DVec2; 2]> {
+		self.instance_ref_iter()
+			.filter_map(|element| element.instance.bounding_box(transform * *element.transform, include_stroke))
+			.reduce(Quad::combine_bounds)
+	}
+}
+
+impl<'de> serde::Deserialize<'de> for Raster<CPU> {
+	fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
+	where
+		D: serde::Deserializer<'de>,
+	{
+		Ok(Raster::new_cpu(Image::deserialize(deserializer)?))
+	}
+}
+
+impl serde::Serialize for Raster<CPU> {
+	fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
+	where
+		S: serde::Serializer,
+	{
+		self.data().serialize(serializer)
+	}
+}
+impl<'de> serde::Deserialize<'de> for Raster<GPU> {
+	fn deserialize<D>(_deserializer: D) -> Result<Self, D::Error>
+	where
+		D: serde::Deserializer<'de>,
+	{
+		unimplemented!()
+	}
+}
+
+impl serde::Serialize for Raster<GPU> {
+	fn serialize<S>(&self, _serializer: S) -> Result<S::Ok, S::Error>
+	where
+		S: serde::Serializer,
+	{
+		unimplemented!()
+	}
+}
+
+/// Some [`ArtboardData`] with some optional clipping bounds that can be exported.
+#[derive(Clone, Debug, Hash, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct Artboard {
+	pub graphic_group: GraphicGroupTable,
+	pub label: String,
+	pub location: IVec2,
+	pub dimensions: IVec2,
+	pub background: Color,
+	pub clip: bool,
+}
+
+impl Default for Artboard {
+	fn default() -> Self {
+		Self::new(IVec2::ZERO, IVec2::new(1920, 1080))
+	}
+}
+
+impl Artboard {
+	pub fn new(location: IVec2, dimensions: IVec2) -> Self {
+		Self {
+			graphic_group: GraphicGroupTable::default(),
+			label: "Artboard".to_string(),
+			location: location.min(location + dimensions),
+			dimensions: dimensions.abs(),
+			background: Color::WHITE,
+			clip: false,
+		}
+	}
+}
+
+impl BoundingBox for Artboard {
+	fn bounding_box(&self, transform: DAffine2, include_stroke: bool) -> Option<[DVec2; 2]> {
+		let artboard_bounds = (transform * Quad::from_box([self.location.as_dvec2(), self.location.as_dvec2() + self.dimensions.as_dvec2()])).bounding_box();
+		if self.clip {
+			Some(artboard_bounds)
+		} else {
+			[self.graphic_group.bounding_box(transform, include_stroke), Some(artboard_bounds)]
+				.into_iter()
+				.flatten()
+				.reduce(Quad::combine_bounds)
+		}
+	}
+}
+
+// TODO: Eventually remove this migration document upgrade code
+pub fn migrate_artboard_group<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<ArtboardGroupTable, D::Error> {
+	use serde::Deserialize;
+
+	#[derive(Clone, Default, Debug, Hash, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+	pub struct ArtboardGroup {
+		pub artboards: Vec<(Artboard, Option<NodeId>)>,
+	}
+
+	#[derive(serde::Serialize, serde::Deserialize)]
+	#[serde(untagged)]
+	enum EitherFormat {
+		ArtboardGroup(ArtboardGroup),
+		ArtboardGroupTable(ArtboardGroupTable),
+	}
+
+	Ok(match EitherFormat::deserialize(deserializer)? {
+		EitherFormat::ArtboardGroup(artboard_group) => {
+			let mut table = ArtboardGroupTable::default();
+			for (artboard, source_node_id) in artboard_group.artboards {
+				table.push(Instance {
+					instance: artboard,
+					transform: DAffine2::IDENTITY,
+					alpha_blending: AlphaBlending::default(),
+					source_node_id,
+				});
+			}
+			table
+		}
+		EitherFormat::ArtboardGroupTable(artboard_group_table) => artboard_group_table,
+	})
+}
+
+pub type ArtboardGroupTable = Instances<Artboard>;
+
+impl BoundingBox for ArtboardGroupTable {
+	fn bounding_box(&self, transform: DAffine2, include_stroke: bool) -> Option<[DVec2; 2]> {
+		self.instance_ref_iter()
+			.filter_map(|instance| instance.instance.bounding_box(transform, include_stroke))
+			.reduce(Quad::combine_bounds)
+	}
+}
+
+#[node_macro::node(category(""))]
+async fn layer<I: 'n + Send + Clone>(
+	_: impl Ctx,
+	#[implementations(GraphicGroupTable, VectorDataTable, RasterDataTable<CPU>, RasterDataTable<GPU>)] mut stack: Instances<I>,
+	#[implementations(GraphicElement, VectorData, Raster<CPU>, Raster<GPU>)] element: I,
+	node_path: Vec<NodeId>,
+) -> Instances<I> {
+	// Get the penultimate element of the node path, or None if the path is too short
+	let source_node_id = node_path.get(node_path.len().wrapping_sub(2)).copied();
+
+	stack.push(Instance {
+		instance: element,
+		transform: DAffine2::IDENTITY,
+		alpha_blending: AlphaBlending::default(),
+		source_node_id,
+	});
+
+	stack
+}
+
+#[node_macro::node(category("Debug"))]
+async fn to_element<Data: Into<GraphicElement> + 'n>(
+	_: impl Ctx,
+	#[implementations(
+		GraphicGroupTable,
+	 	VectorDataTable,
+		RasterDataTable<CPU>,
+	 	RasterDataTable<GPU>,
+	)]
+	data: Data,
+) -> GraphicElement {
+	data.into()
+}
+
+#[node_macro::node(category("General"))]
+async fn to_group<Data: Into<GraphicGroupTable> + 'n>(
+	_: impl Ctx,
+	#[implementations(
+		GraphicGroupTable,
+		VectorDataTable,
+		RasterDataTable<CPU>,
+		RasterDataTable<GPU>,
+	)]
+	element: Data,
+) -> GraphicGroupTable {
+	element.into()
+}
+
+#[node_macro::node(category("General"))]
+async fn flatten_group(_: impl Ctx, group: GraphicGroupTable, fully_flatten: bool) -> GraphicGroupTable {
+	// TODO: Avoid mutable reference, instead return a new GraphicGroupTable?
+	fn flatten_group(output_group_table: &mut GraphicGroupTable, current_group_table: GraphicGroupTable, fully_flatten: bool, recursion_depth: usize) {
+		for current_instance in current_group_table.instance_ref_iter() {
+			let current_element = current_instance.instance.clone();
+			let reference = *current_instance.source_node_id;
+
+			let recurse = fully_flatten || recursion_depth == 0;
+
+			match current_element {
+				// If we're allowed to recurse, flatten any GraphicGroups we encounter
+				GraphicElement::GraphicGroup(mut current_element) if recurse => {
+					// Apply the parent group's transform to all child elements
+					for graphic_element in current_element.instance_mut_iter() {
+						*graphic_element.transform = *current_instance.transform * *graphic_element.transform;
+					}
+
+					flatten_group(output_group_table, current_element, fully_flatten, recursion_depth + 1);
+				}
+				// Handle any leaf elements we encounter, which can be either non-GraphicGroup elements or GraphicGroups that we don't want to flatten
+				_ => {
+					output_group_table.push(Instance {
+						instance: current_element,
+						transform: *current_instance.transform,
+						alpha_blending: *current_instance.alpha_blending,
+						source_node_id: reference,
+					});
+				}
+			}
+		}
+	}
+
+	let mut output = GraphicGroupTable::default();
+	flatten_group(&mut output, group, fully_flatten, 0);
+
+	output
+}
+
+#[node_macro::node(category("Vector"))]
+async fn flatten_vector(_: impl Ctx, group: GraphicGroupTable) -> VectorDataTable {
+	// TODO: Avoid mutable reference, instead return a new GraphicGroupTable?
+	fn flatten_group(output_group_table: &mut VectorDataTable, current_group_table: GraphicGroupTable) {
+		for current_instance in current_group_table.instance_ref_iter() {
+			let current_element = current_instance.instance.clone();
+			let reference = *current_instance.source_node_id;
+
+			match current_element {
+				// If we're allowed to recurse, flatten any GraphicGroups we encounter
+				GraphicElement::GraphicGroup(mut current_element) => {
+					// Apply the parent group's transform to all child elements
+					for graphic_element in current_element.instance_mut_iter() {
+						*graphic_element.transform = *current_instance.transform * *graphic_element.transform;
+					}
+
+					flatten_group(output_group_table, current_element);
+				}
+				// Handle any leaf elements we encounter, which can be either non-GraphicGroup elements or GraphicGroups that we don't want to flatten
+				GraphicElement::VectorData(vector_instance) => {
+					for current_element in vector_instance.instance_ref_iter() {
+						output_group_table.push(Instance {
+							instance: current_element.instance.clone(),
+							transform: *current_instance.transform * *current_element.transform,
+							alpha_blending: AlphaBlending {
+								blend_mode: current_element.alpha_blending.blend_mode,
+								opacity: current_instance.alpha_blending.opacity * current_element.alpha_blending.opacity,
+								fill: current_element.alpha_blending.fill,
+								clip: current_element.alpha_blending.clip,
+							},
+							source_node_id: reference,
+						});
+					}
+				}
+				_ => {}
+			}
+		}
+	}
+
+	let mut output = VectorDataTable::default();
+	flatten_group(&mut output, group);
+
+	output
+}
+
+#[node_macro::node(category(""))]
+async fn to_artboard<Data: Into<GraphicGroupTable> + 'n>(
+	ctx: impl ExtractAll + CloneVarArgs + Ctx,
+	#[implementations(
+		Context -> GraphicGroupTable,
+		Context -> VectorDataTable,
+		Context -> RasterDataTable<CPU>,
+		Context -> RasterDataTable<GPU>,
+	)]
+	contents: impl Node<Context<'static>, Output = Data>,
+	label: String,
+	location: IVec2,
+	dimensions: IVec2,
+	background: Color,
+	clip: bool,
+) -> Artboard {
+	let footprint = ctx.try_footprint().copied();
+	let mut new_ctx = OwnedContextImpl::from(ctx);
+	if let Some(mut footprint) = footprint {
+		footprint.translate(location.as_dvec2());
+		new_ctx = new_ctx.with_footprint(footprint);
+	}
+	let graphic_group = contents.eval(new_ctx.into_context()).await;
+
+	Artboard {
+		graphic_group: graphic_group.into(),
+		label,
+		location: location.min(location + dimensions),
+		dimensions: dimensions.abs(),
+		background,
+		clip,
+	}
+}
+
+#[node_macro::node(category(""))]
+async fn append_artboard(_ctx: impl Ctx, mut artboards: ArtboardGroupTable, artboard: Artboard, node_path: Vec<NodeId>) -> ArtboardGroupTable {
+	// Get the penultimate element of the node path, or None if the path is too short.
+	// This is used to get the ID of the user-facing "Artboard" node (which encapsulates this internal "Append Artboard" node).
+	let encapsulating_node_id = node_path.get(node_path.len().wrapping_sub(2)).copied();
+
+	artboards.push(Instance {
+		instance: artboard,
+		transform: DAffine2::IDENTITY,
+		alpha_blending: AlphaBlending::default(),
+		source_node_id: encapsulating_node_id,
+	});
+
+	artboards
+}
+
+// TODO: Remove this one
+impl From<Image<Color>> for GraphicElement {
+	fn from(raster_data: Image<Color>) -> Self {
+		GraphicElement::RasterDataCPU(RasterDataTable::<CPU>::new(Raster::new_cpu(raster_data)))
+	}
+}
+impl From<RasterDataTable<CPU>> for GraphicElement {
+	fn from(raster_data: RasterDataTable<CPU>) -> Self {
+		GraphicElement::RasterDataCPU(raster_data)
+	}
+}
+impl From<RasterDataTable<GPU>> for GraphicElement {
+	fn from(raster_data: RasterDataTable<GPU>) -> Self {
+		GraphicElement::RasterDataGPU(raster_data)
+	}
+}
+impl From<Raster<CPU>> for GraphicElement {
+	fn from(raster_data: Raster<CPU>) -> Self {
+		GraphicElement::RasterDataCPU(RasterDataTable::new(raster_data))
+	}
+}
+impl From<Raster<GPU>> for GraphicElement {
+	fn from(raster_data: Raster<GPU>) -> Self {
+		GraphicElement::RasterDataGPU(RasterDataTable::new(raster_data))
+	}
+}
+// TODO: Remove this one
+impl From<VectorData> for GraphicElement {
+	fn from(vector_data: VectorData) -> Self {
+		GraphicElement::VectorData(VectorDataTable::new(vector_data))
+	}
+}
+impl From<VectorDataTable> for GraphicElement {
+	fn from(vector_data: VectorDataTable) -> Self {
+		GraphicElement::VectorData(vector_data)
+	}
+}
+impl From<GraphicGroupTable> for GraphicElement {
+	fn from(graphic_group: GraphicGroupTable) -> Self {
+		GraphicElement::GraphicGroup(graphic_group)
+	}
+}
+
+pub trait ToGraphicElement {
+	fn to_graphic_element(&self) -> GraphicElement;
+}
+
+/// Returns the value at the specified index in the collection.
+/// If that index has no value, the type's default value is returned.
+#[node_macro::node(category("General"))]
+fn index<T: AtIndex + Clone + Default>(
+	_: impl Ctx,
+	/// The collection of data, such as a list or table.
+	#[implementations(
+		Vec<Color>,
+		Vec<Option<Color>>,
+		Vec<f64>, Vec<u64>,
+		Vec<DVec2>,
+		VectorDataTable,
+		RasterDataTable<CPU>,
+		GraphicGroupTable,
+	)]
+	collection: T,
+	/// The index of the item to retrieve, starting from 0 for the first item.
+	index: u32,
+) -> T::Output
+where
+	T::Output: Clone + Default,
+{
+	collection.at_index(index as usize).unwrap_or_default()
+}
+
+pub trait AtIndex {
+	type Output;
+	fn at_index(&self, index: usize) -> Option<Self::Output>;
+}
+impl<T: Clone> AtIndex for Vec<T> {
+	type Output = T;
+
+	fn at_index(&self, index: usize) -> Option<Self::Output> {
+		self.get(index).cloned()
+	}
+}
+impl<T: Clone> AtIndex for Instances<T> {
+	type Output = Instances<T>;
+
+	fn at_index(&self, index: usize) -> Option<Self::Output> {
+		let mut result_table = Self::default();
+		if let Some(row) = self.instance_ref_iter().nth(index) {
+			result_table.push(row.to_instance_cloned());
+			Some(result_table)
+		} else {
+			None
+		}
+	}
+}
diff --git a/node-graph/gcore/src/instances.rs b/node-graph/gcore/src/instances.rs
new file mode 100644
index 0000000000000000000000000000000000000000..5b5be2a31111e0936bd5d0c4c40b2d9294c08f36
--- /dev/null
+++ b/node-graph/gcore/src/instances.rs
@@ -0,0 +1,236 @@
+use crate::AlphaBlending;
+use crate::uuid::NodeId;
+use dyn_any::StaticType;
+use glam::DAffine2;
+use std::hash::Hash;
+
+#[derive(Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub struct Instances<T> {
+	#[serde(alias = "instances")]
+	instance: Vec<T>,
+	#[serde(default = "one_daffine2_default")]
+	transform: Vec<DAffine2>,
+	#[serde(default = "one_alpha_blending_default")]
+	alpha_blending: Vec<AlphaBlending>,
+	#[serde(default = "one_source_node_id_default")]
+	source_node_id: Vec<Option<NodeId>>,
+}
+
+impl<T> Instances<T> {
+	pub fn new(instance: T) -> Self {
+		Self {
+			instance: vec![instance],
+			transform: vec![DAffine2::IDENTITY],
+			alpha_blending: vec![AlphaBlending::default()],
+			source_node_id: vec![None],
+		}
+	}
+
+	pub fn push(&mut self, instance: Instance<T>) {
+		self.instance.push(instance.instance);
+		self.transform.push(instance.transform);
+		self.alpha_blending.push(instance.alpha_blending);
+		self.source_node_id.push(instance.source_node_id);
+	}
+
+	pub fn extend(&mut self, instances: Instances<T>) {
+		self.instance.extend(instances.instance);
+		self.transform.extend(instances.transform);
+		self.alpha_blending.extend(instances.alpha_blending);
+		self.source_node_id.extend(instances.source_node_id);
+	}
+
+	pub fn instance_iter(self) -> impl DoubleEndedIterator<Item = Instance<T>> {
+		self.instance
+			.into_iter()
+			.zip(self.transform)
+			.zip(self.alpha_blending)
+			.zip(self.source_node_id)
+			.map(|(((instance, transform), alpha_blending), source_node_id)| Instance {
+				instance,
+				transform,
+				alpha_blending,
+				source_node_id,
+			})
+	}
+
+	pub fn instance_ref_iter(&self) -> impl DoubleEndedIterator<Item = InstanceRef<'_, T>> + Clone {
+		self.instance
+			.iter()
+			.zip(self.transform.iter())
+			.zip(self.alpha_blending.iter())
+			.zip(self.source_node_id.iter())
+			.map(|(((instance, transform), alpha_blending), source_node_id)| InstanceRef {
+				instance,
+				transform,
+				alpha_blending,
+				source_node_id,
+			})
+	}
+
+	pub fn instance_mut_iter(&mut self) -> impl DoubleEndedIterator<Item = InstanceMut<'_, T>> {
+		self.instance
+			.iter_mut()
+			.zip(self.transform.iter_mut())
+			.zip(self.alpha_blending.iter_mut())
+			.zip(self.source_node_id.iter_mut())
+			.map(|(((instance, transform), alpha_blending), source_node_id)| InstanceMut {
+				instance,
+				transform,
+				alpha_blending,
+				source_node_id,
+			})
+	}
+
+	pub fn get(&self, index: usize) -> Option<InstanceRef<'_, T>> {
+		if index >= self.instance.len() {
+			return None;
+		}
+
+		Some(InstanceRef {
+			instance: &self.instance[index],
+			transform: &self.transform[index],
+			alpha_blending: &self.alpha_blending[index],
+			source_node_id: &self.source_node_id[index],
+		})
+	}
+
+	pub fn get_mut(&mut self, index: usize) -> Option<InstanceMut<'_, T>> {
+		if index >= self.instance.len() {
+			return None;
+		}
+
+		Some(InstanceMut {
+			instance: &mut self.instance[index],
+			transform: &mut self.transform[index],
+			alpha_blending: &mut self.alpha_blending[index],
+			source_node_id: &mut self.source_node_id[index],
+		})
+	}
+
+	pub fn len(&self) -> usize {
+		self.instance.len()
+	}
+
+	pub fn is_empty(&self) -> bool {
+		self.instance.is_empty()
+	}
+}
+
+impl<T> Default for Instances<T> {
+	fn default() -> Self {
+		Self {
+			instance: Vec::new(),
+			transform: Vec::new(),
+			alpha_blending: Vec::new(),
+			source_node_id: Vec::new(),
+		}
+	}
+}
+
+impl<T: Hash> Hash for Instances<T> {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		for instance in &self.instance {
+			instance.hash(state);
+		}
+	}
+}
+
+impl<T: PartialEq> PartialEq for Instances<T> {
+	fn eq(&self, other: &Self) -> bool {
+		self.instance.len() == other.instance.len() && { self.instance.iter().zip(other.instance.iter()).all(|(a, b)| a == b) }
+	}
+}
+
+unsafe impl<T: StaticType + 'static> StaticType for Instances<T> {
+	type Static = Instances<T>;
+}
+
+fn one_daffine2_default() -> Vec<DAffine2> {
+	vec![DAffine2::IDENTITY]
+}
+fn one_alpha_blending_default() -> Vec<AlphaBlending> {
+	vec![AlphaBlending::default()]
+}
+fn one_source_node_id_default() -> Vec<Option<NodeId>> {
+	vec![None]
+}
+
+#[derive(Copy, Clone, Debug, PartialEq)]
+pub struct InstanceRef<'a, T> {
+	pub instance: &'a T,
+	pub transform: &'a DAffine2,
+	pub alpha_blending: &'a AlphaBlending,
+	pub source_node_id: &'a Option<NodeId>,
+}
+
+impl<T> InstanceRef<'_, T> {
+	pub fn to_instance_cloned(self) -> Instance<T>
+	where
+		T: Clone,
+	{
+		Instance {
+			instance: self.instance.clone(),
+			transform: *self.transform,
+			alpha_blending: *self.alpha_blending,
+			source_node_id: *self.source_node_id,
+		}
+	}
+}
+
+#[derive(Debug)]
+pub struct InstanceMut<'a, T> {
+	pub instance: &'a mut T,
+	pub transform: &'a mut DAffine2,
+	pub alpha_blending: &'a mut AlphaBlending,
+	pub source_node_id: &'a mut Option<NodeId>,
+}
+
+#[derive(Copy, Clone, Default, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct Instance<T> {
+	pub instance: T,
+	pub transform: DAffine2,
+	pub alpha_blending: AlphaBlending,
+	pub source_node_id: Option<NodeId>,
+}
+
+impl<T> Instance<T> {
+	pub fn to_graphic_element<U>(self) -> Instance<U>
+	where
+		T: Into<U>,
+	{
+		Instance {
+			instance: self.instance.into(),
+			transform: self.transform,
+			alpha_blending: self.alpha_blending,
+			source_node_id: self.source_node_id,
+		}
+	}
+
+	pub fn to_instance_ref(&self) -> InstanceRef<'_, T> {
+		InstanceRef {
+			instance: &self.instance,
+			transform: &self.transform,
+			alpha_blending: &self.alpha_blending,
+			source_node_id: &self.source_node_id,
+		}
+	}
+
+	pub fn to_instance_mut(&mut self) -> InstanceMut<'_, T> {
+		InstanceMut {
+			instance: &mut self.instance,
+			transform: &mut self.transform,
+			alpha_blending: &mut self.alpha_blending,
+			source_node_id: &mut self.source_node_id,
+		}
+	}
+
+	pub fn to_table(self) -> Instances<T> {
+		Instances {
+			instance: vec![self.instance],
+			transform: vec![self.transform],
+			alpha_blending: vec![self.alpha_blending],
+			source_node_id: vec![self.source_node_id],
+		}
+	}
+}
diff --git a/node-graph/gcore/src/lib.rs b/node-graph/gcore/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..973b2f4d24d9e76fbd5d96908e10a15a085597db
--- /dev/null
+++ b/node-graph/gcore/src/lib.rs
@@ -0,0 +1,175 @@
+#[macro_use]
+extern crate log;
+
+pub mod animation;
+pub mod blending;
+pub mod blending_nodes;
+pub mod bounds;
+pub mod color;
+pub mod consts;
+pub mod context;
+pub mod debug;
+pub mod extract_xy;
+pub mod generic;
+pub mod gradient;
+mod graphic_element;
+pub mod instances;
+pub mod logic;
+pub mod math;
+pub mod memo;
+pub mod misc;
+pub mod ops;
+pub mod raster;
+pub mod raster_types;
+pub mod registry;
+pub mod structural;
+pub mod text;
+pub mod transform;
+pub mod transform_nodes;
+pub mod uuid;
+pub mod value;
+pub mod vector;
+
+pub use crate as graphene_core;
+pub use blending::*;
+pub use context::*;
+pub use ctor;
+pub use dyn_any::{StaticTypeSized, WasmNotSend, WasmNotSync};
+pub use graphic_element::*;
+pub use memo::MemoHash;
+pub use num_traits;
+pub use raster::Color;
+use std::any::TypeId;
+use std::future::Future;
+use std::pin::Pin;
+pub use types::Cow;
+
+// pub trait Node: for<'n> NodeIO<'n> {
+/// The node trait allows for defining any node. Nodes can only take one call argument input, however they can store references to other nodes inside the struct.
+/// See `node-graph/README.md` for information on how to define a new node.
+pub trait Node<'i, Input> {
+	type Output: 'i;
+	/// Evaluates the node with the single specified input.
+	fn eval(&'i self, input: Input) -> Self::Output;
+	/// Resets the node, e.g. the LetNode's cache is set to None.
+	fn reset(&self) {}
+	/// Returns the name of the node for diagnostic purposes.
+	fn node_name(&self) -> &'static str {
+		std::any::type_name::<Self>()
+	}
+	/// Serialize the node which is used for the `introspect` function which can retrieve values from monitor nodes.
+	fn serialize(&self) -> Option<std::sync::Arc<dyn std::any::Any + Send + Sync>> {
+		log::warn!("Node::serialize not implemented for {}", std::any::type_name::<Self>());
+		None
+	}
+}
+
+mod types;
+pub use types::*;
+
+pub trait NodeIO<'i, Input>: Node<'i, Input>
+where
+	Self::Output: 'i + StaticTypeSized,
+	Input: StaticTypeSized,
+{
+	fn input_type(&self) -> TypeId {
+		TypeId::of::<Input::Static>()
+	}
+	fn input_type_name(&self) -> &'static str {
+		std::any::type_name::<Input>()
+	}
+	fn output_type(&self) -> TypeId {
+		TypeId::of::<<Self::Output as StaticTypeSized>::Static>()
+	}
+	fn output_type_name(&self) -> &'static str {
+		std::any::type_name::<Self::Output>()
+	}
+	fn to_node_io(&self, inputs: Vec<Type>) -> NodeIOTypes {
+		NodeIOTypes {
+			call_argument: concrete!(<Input as StaticTypeSized>::Static),
+			return_value: concrete!(<Self::Output as StaticTypeSized>::Static),
+			inputs,
+		}
+	}
+	fn to_async_node_io(&self, inputs: Vec<Type>) -> NodeIOTypes
+	where
+		<Self::Output as Future>::Output: StaticTypeSized,
+		Self::Output: Future,
+	{
+		NodeIOTypes {
+			call_argument: concrete!(<Input as StaticTypeSized>::Static),
+			return_value: future!(<<Self::Output as Future>::Output as StaticTypeSized>::Static),
+			inputs,
+		}
+	}
+}
+
+impl<'i, N: Node<'i, I>, I> NodeIO<'i, I> for N
+where
+	N::Output: 'i + StaticTypeSized,
+	I: StaticTypeSized,
+{
+}
+
+impl<'i, I: 'i, N: Node<'i, I> + ?Sized> Node<'i, I> for &'i N {
+	type Output = N::Output;
+	fn eval(&'i self, input: I) -> N::Output {
+		(*self).eval(input)
+	}
+}
+impl<'i, I: 'i, O: 'i, N: Node<'i, I, Output = O> + ?Sized> Node<'i, I> for Box<N> {
+	type Output = O;
+	fn eval(&'i self, input: I) -> O {
+		(**self).eval(input)
+	}
+}
+impl<'i, I: 'i, O: 'i, N: Node<'i, I, Output = O> + ?Sized> Node<'i, I> for std::sync::Arc<N> {
+	type Output = O;
+	fn eval(&'i self, input: I) -> O {
+		(**self).eval(input)
+	}
+}
+
+impl<'i, I, O: 'i> Node<'i, I> for Pin<Box<dyn Node<'i, I, Output = O> + 'i>> {
+	type Output = O;
+	fn eval(&'i self, input: I) -> O {
+		(**self).eval(input)
+	}
+}
+impl<'i, I, O: 'i> Node<'i, I> for Pin<&'i (dyn NodeIO<'i, I, Output = O> + 'i)> {
+	type Output = O;
+	fn eval(&'i self, input: I) -> O {
+		(**self).eval(input)
+	}
+}
+
+pub trait InputAccessorSource<'a, T>: InputAccessorSourceIdentifier + std::fmt::Debug {
+	fn get_input(&'a self, index: usize) -> Option<&'a T>;
+	fn set_input(&'a mut self, index: usize, value: T);
+}
+
+pub trait InputAccessorSourceIdentifier {
+	fn has_identifier(&self, identifier: &str) -> bool;
+}
+
+pub trait InputAccessor<'n, Source: 'n>
+where
+	Self: Sized,
+{
+	fn new_with_source(source: &'n Source) -> Option<Self>;
+}
+
+pub trait NodeInputDecleration {
+	const INDEX: usize;
+	fn identifier() -> &'static str;
+	type Result;
+}
+
+pub trait AsU32 {
+	fn as_u32(&self) -> u32;
+}
+impl AsU32 for u32 {
+	fn as_u32(&self) -> u32 {
+		*self
+	}
+}
diff --git a/node-graph/gcore/src/logic.rs b/node-graph/gcore/src/logic.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8ccd9c50698d3f99a14bc2a6e8cff0db4eeacb5f
--- /dev/null
+++ b/node-graph/gcore/src/logic.rs
@@ -0,0 +1,93 @@
+use crate::ArtboardGroupTable;
+use crate::Color;
+use crate::GraphicElement;
+use crate::GraphicGroupTable;
+use crate::gradient::GradientStops;
+use crate::graphene_core::registry::types::TextArea;
+use crate::raster_types::{CPU, GPU, RasterDataTable};
+use crate::vector::VectorDataTable;
+use crate::{Context, Ctx};
+use glam::{DAffine2, DVec2};
+
+#[node_macro::node(category("Text"))]
+fn to_string<T: std::fmt::Debug>(_: impl Ctx, #[implementations(String, bool, f64, u32, u64, DVec2, VectorDataTable, DAffine2)] value: T) -> String {
+	format!("{:?}", value)
+}
+
+#[node_macro::node(category("Text"))]
+fn string_concatenate(_: impl Ctx, #[implementations(String)] first: String, second: TextArea) -> String {
+	first.clone() + &second
+}
+
+#[node_macro::node(category("Text"))]
+fn string_replace(_: impl Ctx, #[implementations(String)] string: String, from: TextArea, to: TextArea) -> String {
+	string.replace(&from, &to)
+}
+
+#[node_macro::node(category("Text"))]
+fn string_slice(_: impl Ctx, #[implementations(String)] string: String, start: f64, end: f64) -> String {
+	let start = if start < 0. { string.len() - start.abs() as usize } else { start as usize };
+	let end = if end <= 0. { string.len() - end.abs() as usize } else { end as usize };
+	let n = end.saturating_sub(start);
+	string.char_indices().skip(start).take(n).map(|(_, c)| c).collect()
+}
+
+#[node_macro::node(category("Text"))]
+fn string_length(_: impl Ctx, #[implementations(String)] string: String) -> usize {
+	string.len()
+}
+
+#[node_macro::node(category("Math: Logic"))]
+async fn switch<T, C: Send + 'n + Clone>(
+	#[implementations(Context)] ctx: C,
+	condition: bool,
+	#[expose]
+	#[implementations(
+		Context -> String,
+		Context -> bool,
+		Context -> f32,
+		Context -> f64,
+		Context -> u32,
+		Context -> u64,
+		Context -> DVec2,
+		Context -> DAffine2,
+		Context -> ArtboardGroupTable,
+		Context -> VectorDataTable,
+		Context -> GraphicGroupTable,
+		Context -> RasterDataTable<CPU>,
+		Context -> RasterDataTable<GPU>,
+		Context -> GraphicElement,
+		Context -> Color,
+		Context -> Option<Color>,
+		Context -> GradientStops,
+	)]
+	if_true: impl Node<C, Output = T>,
+	#[expose]
+	#[implementations(
+		Context -> String,
+		Context -> bool,
+		Context -> f32,
+		Context -> f64,
+		Context -> u32,
+		Context -> u64,
+		Context -> DVec2,
+		Context -> DAffine2,
+		Context -> ArtboardGroupTable,
+		Context -> VectorDataTable,
+		Context -> GraphicGroupTable,
+		Context -> RasterDataTable<CPU>,
+		Context -> RasterDataTable<GPU>,
+		Context -> GraphicElement,
+		Context -> Color,
+		Context -> Option<Color>,
+		Context -> GradientStops,
+	)]
+	if_false: impl Node<C, Output = T>,
+) -> T {
+	if condition {
+		// We can't remove these calls because we only want to evaluate the branch that we actually need
+		if_true.eval(ctx).await
+	} else {
+		if_false.eval(ctx).await
+	}
+}
diff --git a/node-graph/gcore/src/math/bbox.rs b/node-graph/gcore/src/math/bbox.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f12ecef250f1a58046754bd36b6ed5a880ffe1c5
--- /dev/null
+++ b/node-graph/gcore/src/math/bbox.rs
@@ -0,0 +1,109 @@
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2};
+
+#[derive(Clone, Debug, DynAny)]
+pub struct AxisAlignedBbox {
+	pub start: DVec2,
+	pub end: DVec2,
+}
+
+impl AxisAlignedBbox {
+	pub const ZERO: Self = Self { start: DVec2::ZERO, end: DVec2::ZERO };
+	pub const ONE: Self = Self { start: DVec2::ZERO, end: DVec2::ONE };
+
+	pub fn size(&self) -> DVec2 {
+		self.end - self.start
+	}
+
+	pub fn to_transform(&self) -> DAffine2 {
+		DAffine2::from_translation(self.start) * DAffine2::from_scale(self.size())
+	}
+
+	pub fn contains(&self, point: DVec2) -> bool {
+		point.x >= self.start.x && point.x <= self.end.x && point.y >= self.start.y && point.y <= self.end.y
+	}
+
+	pub fn intersects(&self, other: &AxisAlignedBbox) -> bool {
+		other.start.x <= self.end.x && other.end.x >= self.start.x && other.start.y <= self.end.y && other.end.y >= self.start.y
+	}
+
+	pub fn union(&self, other: &AxisAlignedBbox) -> AxisAlignedBbox {
+		AxisAlignedBbox {
+			start: DVec2::new(self.start.x.min(other.start.x), self.start.y.min(other.start.y)),
+			end: DVec2::new(self.end.x.max(other.end.x), self.end.y.max(other.end.y)),
+		}
+	}
+	pub fn union_non_empty(&self, other: &AxisAlignedBbox) -> Option<AxisAlignedBbox> {
+		match (self.size() == DVec2::ZERO, other.size() == DVec2::ZERO) {
+			(true, true) => None,
+			(true, _) => Some(other.clone()),
+			(_, true) => Some(self.clone()),
+			_ => Some(AxisAlignedBbox {
+				start: DVec2::new(self.start.x.min(other.start.x), self.start.y.min(other.start.y)),
+				end: DVec2::new(self.end.x.max(other.end.x), self.end.y.max(other.end.y)),
+			}),
+		}
+	}
+
+	pub fn intersect(&self, other: &AxisAlignedBbox) -> AxisAlignedBbox {
+		AxisAlignedBbox {
+			start: DVec2::new(self.start.x.max(other.start.x), self.start.y.max(other.start.y)),
+			end: DVec2::new(self.end.x.min(other.end.x), self.end.y.min(other.end.y)),
+		}
+	}
+}
+
+impl From<(DVec2, DVec2)> for AxisAlignedBbox {
+	fn from((start, end): (DVec2, DVec2)) -> Self {
+		Self { start, end }
+	}
+}
+
+#[derive(Clone, Debug)]
+pub struct Bbox {
+	pub top_left: DVec2,
+	pub top_right: DVec2,
+	pub bottom_left: DVec2,
+	pub bottom_right: DVec2,
+}
+
+impl Bbox {
+	pub fn unit() -> Self {
+		Self {
+			top_left: DVec2::new(0., 1.),
+			top_right: DVec2::new(1., 1.),
+			bottom_left: DVec2::new(0., 0.),
+			bottom_right: DVec2::new(1., 0.),
+		}
+	}
+
+	pub fn from_transform(transform: DAffine2) -> Self {
+		Self {
+			top_left: transform.transform_point2(DVec2::new(0., 1.)),
+			top_right: transform.transform_point2(DVec2::new(1., 1.)),
+			bottom_left: transform.transform_point2(DVec2::new(0., 0.)),
+			bottom_right: transform.transform_point2(DVec2::new(1., 0.)),
+		}
+	}
+
+	pub fn affine_transform(self, transform: DAffine2) -> Self {
+		Self {
+			top_left: transform.transform_point2(self.top_left),
+			top_right: transform.transform_point2(self.top_right),
+			bottom_left: transform.transform_point2(self.bottom_left),
+			bottom_right: transform.transform_point2(self.bottom_right),
+		}
+	}
+
+	pub fn to_axis_aligned_bbox(&self) -> AxisAlignedBbox {
+		let start_x = self.top_left.x.min(self.top_right.x).min(self.bottom_left.x).min(self.bottom_right.x);
+		let start_y = self.top_left.y.min(self.top_right.y).min(self.bottom_left.y).min(self.bottom_right.y);
+		let end_x = self.top_left.x.max(self.top_right.x).max(self.bottom_left.x).max(self.bottom_right.x);
+		let end_y = self.top_left.y.max(self.top_right.y).max(self.bottom_left.y).max(self.bottom_right.y);
+
+		AxisAlignedBbox {
+			start: DVec2::new(start_x, start_y),
+			end: DVec2::new(end_x, end_y),
+		}
+	}
+}
diff --git a/node-graph/gcore/src/math/math_ext.rs b/node-graph/gcore/src/math/math_ext.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bab9c19bf97c0149fb5407bfd9dbeaedc48fd642
--- /dev/null
+++ b/node-graph/gcore/src/math/math_ext.rs
@@ -0,0 +1,25 @@
+use crate::math::quad::Quad;
+use crate::math::rect::Rect;
+use bezier_rs::Bezier;
+
+pub trait QuadExt {
+	/// Get all the edges in the rect as linear bezier curves
+	fn bezier_lines(&self) -> impl Iterator<Item = Bezier> + '_;
+}
+
+impl QuadExt for Quad {
+	fn bezier_lines(&self) -> impl Iterator<Item = Bezier> + '_ {
+		self.all_edges().into_iter().map(|[start, end]| Bezier::from_linear_dvec2(start, end))
+	}
+}
+
+pub trait RectExt {
+	/// Get all the edges in the quad as linear bezier curves
+	fn bezier_lines(&self) -> impl Iterator<Item = Bezier> + '_;
+}
+
+impl RectExt for Rect {
+	fn bezier_lines(&self) -> impl Iterator<Item = Bezier> + '_ {
+		self.edges().into_iter().map(|[start, end]| Bezier::from_linear_dvec2(start, end))
+	}
+}
diff --git a/node-graph/gcore/src/math/mod.rs b/node-graph/gcore/src/math/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..06a1c21bc4b159c4cc368ac86499ee90e7cbe8a3
--- /dev/null
+++ b/node-graph/gcore/src/math/mod.rs
@@ -0,0 +1,4 @@
+pub mod bbox;
+pub mod math_ext;
+pub mod quad;
+pub mod rect;
diff --git a/node-graph/gcore/src/math/quad.rs b/node-graph/gcore/src/math/quad.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8586bba1cfc4dbdeccf0ce05f658c88f82c71084
--- /dev/null
+++ b/node-graph/gcore/src/math/quad.rs
@@ -0,0 +1,192 @@
+use glam::{DAffine2, DVec2};
+
+#[derive(Debug, Clone, Default, Copy)]
+/// A quad defined by four vertices. Clockwise from the top left:
+///
+/// `top_left`, `top_right`, `bottom_right`, `bottom_left`.
+pub struct Quad(pub [DVec2; 4]);
+
+impl Quad {
+	/// Get the top left corner of the quad.
+	pub fn top_left(&self) -> DVec2 {
+		self.0[0]
+	}
+
+	/// Get the top right corner of the quad.
+	pub fn top_right(&self) -> DVec2 {
+		self.0[1]
+	}
+
+	/// Get the bottom right corner of the quad.
+	pub fn bottom_right(&self) -> DVec2 {
+		self.0[2]
+	}
+
+	/// Get the bottom left corner of the quad.
+	pub fn bottom_left(&self) -> DVec2 {
+		self.0[3]
+	}
+
+	/// Create a zero-sized quad at the point.
+	pub fn from_point(point: DVec2) -> Self {
+		Self([point; 4])
+	}
+
+	/// Convert a box defined by two corner points to a quad. The points must be given as `minimum (top left)` then `maximum (bottom right)`.
+	pub fn from_box(bbox: [DVec2; 2]) -> Self {
+		let size = bbox[1] - bbox[0];
+		Self([bbox[0], bbox[0] + size * DVec2::X, bbox[1], bbox[0] + size * DVec2::Y])
+	}
+
+	/// Create a quad from the center and offset (distance from center to middle of an edge)
+	pub fn from_square(center: DVec2, offset: f64) -> Self {
+		Self::from_box([center - offset, center + offset])
+	}
+
+	/// Get all the edges in the quad.
+	pub fn all_edges(&self) -> [[DVec2; 2]; 4] {
+		[[self.0[0], self.0[1]], [self.0[1], self.0[2]], [self.0[2], self.0[3]], [self.0[3], self.0[0]]]
+	}
+
+	/// Get two edges as bases.
+	pub fn edges(&self) -> [[DVec2; 2]; 2] {
+		[[self.0[0], self.0[1]], [self.0[1], self.0[2]]]
+	}
+
+	/// Returns true only if the width and height are both greater than or equal to the given width.
+	pub fn all_sides_at_least_width(&self, width: f64) -> bool {
+		self.edges().into_iter().all(|[a, b]| (a - b).length_squared() >= width.powi(2))
+	}
+
+	/// Generates the axis aligned bounding box of the quad
+	pub fn bounding_box(&self) -> [DVec2; 2] {
+		[
+			self.0.into_iter().reduce(|a, b| a.min(b)).unwrap_or_default(),
+			self.0.into_iter().reduce(|a, b| a.max(b)).unwrap_or_default(),
+		]
+	}
+
+	/// Gets the center of a quad
+	pub fn center(&self) -> DVec2 {
+		self.0.iter().sum::<DVec2>() / 4.
+	}
+
+	/// Take the outside bounds of two axis aligned rectangles, which are defined by two corner points.
+	pub fn combine_bounds(a: [DVec2; 2], b: [DVec2; 2]) -> [DVec2; 2] {
+		[a[0].min(b[0]), a[1].max(b[1])]
+	}
+
+	/// "Clip" bounds of `a` to the limits of `b`.
+	pub fn clip(a: [DVec2; 2], b: [DVec2; 2]) -> [DVec2; 2] {
+		[
+			a[0].max(b[0]), // Constrain min corner
+			a[1].min(b[1]), // Constrain max corner
+		]
+	}
+
+	/// Expand a quad by a certain amount on all sides.
+	///
+	/// Not currently very optimized
+	pub fn inflate(&self, offset: f64) -> Quad {
+		let offset = |index_before, index, index_after| {
+			let [point_before, point, point_after]: [DVec2; 3] = [self.0[index_before], self.0[index], self.0[index_after]];
+			let [line_in, line_out] = [point - point_before, point_after - point];
+			let angle = line_in.angle_to(-line_out);
+			let offset_length = offset / (std::f64::consts::FRAC_PI_2 - angle / 2.).cos();
+			point + (line_in.perp().normalize_or_zero() + line_out.perp().normalize_or_zero()).normalize_or_zero() * offset_length
+		};
+		Self([offset(3, 0, 1), offset(0, 1, 2), offset(1, 2, 3), offset(2, 3, 0)])
+	}
+
+	/// Does this quad contain a point
+	///
+	/// Code from https://wrfranklin.org/Research/Short_Notes/pnpoly.html
+	pub fn contains(&self, p: DVec2) -> bool {
+		let mut inside = false;
+		for (i, j) in (0..4).zip([3, 0, 1, 2]) {
+			if (self.0[i].y > p.y) != (self.0[j].y > p.y) && p.x < ((self.0[j].x - self.0[i].x) * (p.y - self.0[i].y) / (self.0[j].y - self.0[i].y) + self.0[i].x) {
+				inside = !inside;
+			}
+		}
+		inside
+	}
+
+	/// https://www.cs.rpi.edu/~cutler/classes/computationalgeometry/F23/lectures/02_line_segment_intersections.pdf
+	fn line_intersection_t(a: DVec2, b: DVec2, c: DVec2, d: DVec2) -> (f64, f64) {
+		let t = ((a.x - c.x) * (c.y - d.y) - (a.y - c.y) * (c.x - d.x)) / ((a.x - b.x) * (c.y - d.y) - (a.y - b.y) * (c.x - d.x));
+		let u = ((a.x - c.x) * (a.y - b.y) - (a.y - c.y) * (a.x - b.x)) / ((a.x - b.x) * (c.y - d.y) - (a.y - b.y) * (c.x - d.x));
+
+		(t, u)
+	}
+
+	fn intersect_lines(a: DVec2, b: DVec2, c: DVec2, d: DVec2) -> Option<DVec2> {
+		let (t, u) = Self::line_intersection_t(a, b, c, d);
+		((0. ..=1.).contains(&t) && (0. ..=1.).contains(&u)).then(|| a + t * (b - a))
+	}
+
+	pub fn intersect_rays(a: DVec2, a_direction: DVec2, b: DVec2, b_direction: DVec2) -> Option<DVec2> {
+		let (t, u) = Self::line_intersection_t(a, a + a_direction, b, b + b_direction);
+		(t.is_finite() && u.is_finite()).then(|| a + t * a_direction)
+	}
+
+	pub fn intersects(&self, other: Quad) -> bool {
+		let intersects = self
+			.all_edges()
+			.into_iter()
+			.any(|[a, b]| other.all_edges().into_iter().any(|[c, d]| Self::intersect_lines(a, b, c, d).is_some()));
+		self.contains(other.center()) || other.contains(self.center()) || intersects
+	}
+}
+
+impl std::ops::Mul<Quad> for DAffine2 {
+	type Output = Quad;
+
+	fn mul(self, rhs: Quad) -> Self::Output {
+		Quad(rhs.0.map(|point| self.transform_point2(point)))
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	#[test]
+	fn offset_quad() {
+		fn eq(a: Quad, b: Quad) -> bool {
+			a.0.iter().zip(b.0).all(|(a, b)| a.abs_diff_eq(b, 0.0001))
+		}
+
+		assert!(eq(Quad::from_box([DVec2::ZERO, DVec2::ONE]).inflate(0.5), Quad::from_box([DVec2::splat(-0.5), DVec2::splat(1.5)])));
+		assert!(eq(Quad::from_box([DVec2::ONE, DVec2::ZERO]).inflate(0.5), Quad::from_box([DVec2::splat(1.5), DVec2::splat(-0.5)])));
+		assert!(eq(
+			(DAffine2::from_scale(DVec2::new(-1., 1.)) * Quad::from_box([DVec2::ZERO, DVec2::ONE])).inflate(0.5),
+			DAffine2::from_scale(DVec2::new(-1., 1.)) * Quad::from_box([DVec2::splat(-0.5), DVec2::splat(1.5)])
+		));
+	}
+	#[test]
+	fn quad_contains() {
+		assert!(Quad::from_box([DVec2::ZERO, DVec2::ONE]).contains(DVec2::splat(0.5)));
+		assert!(Quad::from_box([DVec2::ONE, DVec2::ZERO]).contains(DVec2::splat(0.5)));
+		assert!(Quad::from_box([DVec2::splat(300.), DVec2::splat(500.)]).contains(DVec2::splat(350.)));
+		assert!((DAffine2::from_scale(DVec2::new(-1., 1.)) * Quad::from_box([DVec2::ZERO, DVec2::ONE])).contains(DVec2::new(-0.5, 0.5)));
+
+		assert!(!Quad::from_box([DVec2::ZERO, DVec2::ONE]).contains(DVec2::new(1., 1.1)));
+		assert!(!Quad::from_box([DVec2::ONE, DVec2::ZERO]).contains(DVec2::new(0.5, -0.01)));
+		assert!(!(DAffine2::from_scale(DVec2::new(-1., 1.)) * Quad::from_box([DVec2::ZERO, DVec2::ONE])).contains(DVec2::splat(0.5)));
+	}
+
+	#[test]
+	fn intersect_lines() {
+		assert_eq!(
+			Quad::intersect_lines(DVec2::new(-5., 5.), DVec2::new(5., 5.), DVec2::new(2., 7.), DVec2::new(2., 3.)),
+			Some(DVec2::new(2., 5.))
+		);
+		assert_eq!(Quad::intersect_lines(DVec2::new(4., 6.), DVec2::new(4., 5.), DVec2::new(2., 7.), DVec2::new(2., 3.)), None);
+		assert_eq!(Quad::intersect_lines(DVec2::new(-5., 5.), DVec2::new(5., 5.), DVec2::new(2., 7.), DVec2::new(2., 9.)), None);
+	}
+	#[test]
+	fn intersect_quad() {
+		assert!(Quad::from_box([DVec2::ZERO, DVec2::splat(5.)]).intersects(Quad::from_box([DVec2::splat(4.), DVec2::splat(7.)])));
+		assert!(Quad::from_box([DVec2::ZERO, DVec2::splat(5.)]).intersects(Quad::from_box([DVec2::splat(4.), DVec2::splat(4.2)])));
+		assert!(!Quad::from_box([DVec2::ZERO, DVec2::splat(3.)]).intersects(Quad::from_box([DVec2::splat(4.), DVec2::splat(4.2)])));
+	}
+}
diff --git a/node-graph/gcore/src/math/rect.rs b/node-graph/gcore/src/math/rect.rs
new file mode 100644
index 0000000000000000000000000000000000000000..4998eddb3a98ea7eff118541da2e3224e36130e4
--- /dev/null
+++ b/node-graph/gcore/src/math/rect.rs
@@ -0,0 +1,119 @@
+use crate::math::quad::Quad;
+use glam::{DAffine2, DVec2};
+
+#[derive(Debug, Clone, Default, Copy, PartialEq)]
+/// An axis aligned rect defined by two vertices.
+pub struct Rect(pub [DVec2; 2]);
+
+impl Rect {
+	/// Create a zero sized quad at the point
+	#[must_use]
+	pub fn from_point(point: DVec2) -> Self {
+		Self([point; 2])
+	}
+
+	/// Convert a box defined by two corner points to a quad.
+	#[must_use]
+	pub fn from_box(bbox: [DVec2; 2]) -> Self {
+		Self([bbox[0].min(bbox[1]), bbox[0].max(bbox[1])])
+	}
+
+	/// Create a quad from the center and offset (distance from center to middle of an edge)
+	#[must_use]
+	pub fn from_square(center: DVec2, offset: f64) -> Self {
+		Self::from_box([center - offset, center + offset])
+	}
+
+	/// Create an AABB from an iter of points, returning None if empty.
+	#[must_use]
+	pub fn point_iter(points: impl Iterator<Item = DVec2>) -> Option<Self> {
+		let mut bounds = None;
+		for point in points {
+			let bounds = bounds.get_or_insert(Self::from_point(point));
+			bounds[0] = bounds[0].min(point);
+			bounds[1] = bounds[1].max(point);
+		}
+		bounds
+	}
+
+	/// Get all the edges in the rect.
+	#[must_use]
+	pub fn edges(&self) -> [[DVec2; 2]; 4] {
+		let corners = [self[0], DVec2::new(self[0].x, self[1].y), self[1], DVec2::new(self[1].y, self[0].x)];
+		[[corners[0], corners[1]], [corners[1], corners[2]], [corners[2], corners[3]], [corners[3], corners[0]]]
+	}
+
+	/// Gets the center of a rect
+	#[must_use]
+	pub fn center(&self) -> DVec2 {
+		self.0.iter().sum::<DVec2>() / 2.
+	}
+
+	/// Take the outside bounds of two axis aligned rectangles, which are defined by two corner points.
+	#[must_use]
+	pub fn combine_bounds(a: Self, b: Self) -> Self {
+		Self::from_box([a[0].min(b[0]), a[1].max(b[1])])
+	}
+
+	/// Expand a rect by a certain amount on top/bottom and on left/right
+	#[must_use]
+	pub fn expand_by(&self, x: f64, y: f64) -> Self {
+		let delta = DVec2::new(x, y);
+		Self::from_box([self[0] - delta, self[1] + delta])
+	}
+
+	/// Checks if two rects intersect
+	#[must_use]
+	pub fn intersects(&self, other: Self) -> bool {
+		let [mina, maxa] = [self[0].min(self[1]), self[0].max(self[1])];
+		let [minb, maxb] = [other[0].min(other[1]), other[0].max(other[1])];
+		mina.x <= maxb.x && minb.x <= maxa.x && mina.y <= maxb.y && minb.y <= maxa.y
+	}
+
+	/// Does this rect contain a point
+	#[must_use]
+	pub fn contains(&self, p: DVec2) -> bool {
+		(self[0].x < p.x && p.x < self[1].x) && (self[0].y < p.y && p.y < self[1].y)
+	}
+
+	#[must_use]
+	pub fn min(&self) -> DVec2 {
+		self.0[0].min(self.0[1])
+	}
+
+	#[must_use]
+	pub fn max(&self) -> DVec2 {
+		self.0[0].max(self.0[1])
+	}
+
+	#[must_use]
+	pub fn translate(&self, offset: DVec2) -> Self {
+		Self([self.0[0] + offset, self.0[1] + offset])
+	}
+}
+
+impl std::ops::Mul<Rect> for DAffine2 {
+	type Output = Quad;
+
+	fn mul(self, rhs: Rect) -> Self::Output {
+		self * Quad::from_box(rhs.0)
+	}
+}
+
+impl std::ops::Index<usize> for Rect {
+	type Output = DVec2;
+	fn index(&self, index: usize) -> &Self::Output {
+		&self.0[index]
+	}
+}
+impl std::ops::IndexMut<usize> for Rect {
+	fn index_mut(&mut self, index: usize) -> &mut Self::Output {
+		&mut self.0[index]
+	}
+}
+
+impl From<Rect> for Quad {
+	fn from(val: Rect) -> Self {
+		Quad::from_box(val.0)
+	}
+}
diff --git a/node-graph/gcore/src/memo.rs b/node-graph/gcore/src/memo.rs
new file mode 100644
index 0000000000000000000000000000000000000000..66464eef4fa8fa2c2fb1e8c1447b228dc88a1012
--- /dev/null
+++ b/node-graph/gcore/src/memo.rs
@@ -0,0 +1,238 @@
+use crate::{Node, WasmNotSend};
+use dyn_any::DynFuture;
+use std::future::Future;
+use std::hash::DefaultHasher;
+use std::ops::Deref;
+use std::sync::Arc;
+use std::sync::Mutex;
+
+/// Caches the output of a given Node and acts as a proxy
+#[derive(Default)]
+pub struct MemoNode<T, CachedNode> {
+	cache: Arc<Mutex<Option<(u64, T)>>>,
+	node: CachedNode,
+}
+impl<'i, I: Hash + 'i, T: 'i + Clone + WasmNotSend, CachedNode: 'i> Node<'i, I> for MemoNode<T, CachedNode>
+where
+	CachedNode: for<'any_input> Node<'any_input, I>,
+	for<'a> <CachedNode as Node<'a, I>>::Output: Future<Output = T> + WasmNotSend,
+{
+	// TODO: This should return a reference to the cached cached_value
+	// but that requires a lot of lifetime magic <- This was suggested by copilot but is pretty accurate xD
+	type Output = DynFuture<'i, T>;
+	fn eval(&'i self, input: I) -> Self::Output {
+		let mut hasher = DefaultHasher::new();
+		input.hash(&mut hasher);
+		let hash = hasher.finish();
+
+		if let Some(data) = self.cache.lock().as_ref().unwrap().as_ref().and_then(|data| (data.0 == hash).then_some(data.1.clone())) {
+			Box::pin(async move { data })
+		} else {
+			let fut = self.node.eval(input);
+			let cache = self.cache.clone();
+			Box::pin(async move {
+				let value = fut.await;
+				*cache.lock().unwrap() = Some((hash, value.clone()));
+				value
+			})
+		}
+	}
+
+	fn reset(&self) {
+		self.cache.lock().unwrap().take();
+	}
+}
+
+impl<T, CachedNode> MemoNode<T, CachedNode> {
+	pub fn new(node: CachedNode) -> MemoNode<T, CachedNode> {
+		MemoNode { cache: Default::default(), node }
+	}
+}
+
+/// Caches the output of a given Node and acts as a proxy.
+/// In contrast to the regular `MemoNode`. This node ignores all input.
+/// Using this node might result in the document not updating properly,
+/// use with caution.
+#[derive(Default)]
+pub struct ImpureMemoNode<I, T, CachedNode> {
+	cache: Arc<Mutex<Option<T>>>,
+	node: CachedNode,
+	_phantom: std::marker::PhantomData<I>,
+}
+
+impl<'i, I: 'i, T: 'i + Clone + WasmNotSend, CachedNode: 'i> Node<'i, I> for ImpureMemoNode<I, T, CachedNode>
+where
+	CachedNode: for<'any_input> Node<'any_input, I>,
+	for<'a> <CachedNode as Node<'a, I>>::Output: Future<Output = T> + WasmNotSend,
+{
+	// TODO: This should return a reference to the cached cached_value
+	// but that requires a lot of lifetime magic <- This was suggested by copilot but is pretty accurate xD
+	type Output = DynFuture<'i, T>;
+	fn eval(&'i self, input: I) -> Self::Output {
+		if let Some(cached_value) = self.cache.lock().as_ref().unwrap().deref() {
+			let data = cached_value.clone();
+			Box::pin(async move { data })
+		} else {
+			let fut = self.node.eval(input);
+			let cache = self.cache.clone();
+			Box::pin(async move {
+				let value = fut.await;
+				*cache.lock().unwrap() = Some(value.clone());
+				value
+			})
+		}
+	}
+
+	fn reset(&self) {
+		self.cache.lock().unwrap().take();
+	}
+}
+
+impl<T, I, CachedNode> ImpureMemoNode<I, T, CachedNode> {
+	pub fn new(node: CachedNode) -> ImpureMemoNode<I, T, CachedNode> {
+		ImpureMemoNode {
+			cache: Default::default(),
+			node,
+			_phantom: std::marker::PhantomData,
+		}
+	}
+}
+
+/// Stores both what a node was called with and what it returned.
+#[derive(Clone, Debug)]
+pub struct IORecord<I, O> {
+	pub input: I,
+	pub output: O,
+}
+
+/// Caches the output of the last graph evaluation for introspection
+#[derive(Default)]
+pub struct MonitorNode<I, T, N> {
+	#[allow(clippy::type_complexity)]
+	io: Arc<Mutex<Option<Arc<IORecord<I, T>>>>>,
+	node: N,
+}
+
+impl<'i, T, I, N> Node<'i, I> for MonitorNode<I, T, N>
+where
+	I: Clone + 'static + Send + Sync,
+	T: Clone + 'static + Send + Sync,
+	for<'a> N: Node<'a, I, Output: Future<Output = T> + WasmNotSend> + 'i,
+{
+	type Output = DynFuture<'i, T>;
+	fn eval(&'i self, input: I) -> Self::Output {
+		let io = self.io.clone();
+		let output_fut = self.node.eval(input.clone());
+		Box::pin(async move {
+			let output = output_fut.await;
+			*io.lock().unwrap() = Some(Arc::new(IORecord { input, output: output.clone() }));
+			output
+		})
+	}
+
+	fn serialize(&self) -> Option<Arc<dyn std::any::Any + Send + Sync>> {
+		let io = self.io.lock().unwrap();
+		(io).as_ref().map(|output| output.clone() as Arc<dyn std::any::Any + Send + Sync>)
+	}
+}
+
+impl<I, T, N> MonitorNode<I, T, N> {
+	pub fn new(node: N) -> MonitorNode<I, T, N> {
+		MonitorNode { io: Arc::new(Mutex::new(None)), node }
+	}
+}
+
+use std::hash::{Hash, Hasher};
+#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Debug)]
+pub struct MemoHash<T: Hash> {
+	hash: u64,
+	value: T,
+}
+
+impl<'de, T: serde::Deserialize<'de> + Hash> serde::Deserialize<'de> for MemoHash<T> {
+	fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
+	where
+		D: serde::Deserializer<'de>,
+	{
+		T::deserialize(deserializer).map(|value| Self::new(value))
+	}
+}
+
+impl<T: Hash + serde::Serialize> serde::Serialize for MemoHash<T> {
+	fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
+	where
+		S: serde::Serializer,
+	{
+		self.value.serialize(serializer)
+	}
+}
+
+impl<T: Hash> MemoHash<T> {
+	pub fn new(value: T) -> Self {
+		let hash = Self::calc_hash(&value);
+		Self { hash, value }
+	}
+	pub fn new_with_hash(value: T, hash: u64) -> Self {
+		Self { hash, value }
+	}
+
+	fn calc_hash(data: &T) -> u64 {
+		let mut hasher = DefaultHasher::new();
+		data.hash(&mut hasher);
+		hasher.finish()
+	}
+
+	pub fn inner_mut(&mut self) -> MemoHashGuard<'_, T> {
+		MemoHashGuard { inner: self }
+	}
+	pub fn into_inner(self) -> T {
+		self.value
+	}
+	pub fn hash_code(&self) -> u64 {
+		self.hash
+	}
+}
+impl<T: Hash> From<T> for MemoHash<T> {
+	fn from(value: T) -> Self {
+		Self::new(value)
+	}
+}
+
+impl<T: Hash> Hash for MemoHash<T> {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.hash.hash(state)
+	}
+}
+
+impl<T: Hash> Deref for MemoHash<T> {
+	type Target = T;
+
+	fn deref(&self) -> &Self::Target {
+		&self.value
+	}
+}
+
+pub struct MemoHashGuard<'a, T: Hash> {
+	inner: &'a mut MemoHash<T>,
+}
+
+impl<T: Hash> Drop for MemoHashGuard<'_, T> {
+	fn drop(&mut self) {
+		let hash = MemoHash::<T>::calc_hash(&self.inner.value);
+		self.inner.hash = hash;
+	}
+}
+
+impl<T: Hash> Deref for MemoHashGuard<'_, T> {
+	type Target = T;
+
+	fn deref(&self) -> &Self::Target {
+		&self.inner.value
+	}
+}
+
+impl<T: Hash> std::ops::DerefMut for MemoHashGuard<'_, T> {
+	fn deref_mut(&mut self) -> &mut Self::Target {
+		&mut self.inner.value
+	}
+}
diff --git a/node-graph/gcore/src/misc.rs b/node-graph/gcore/src/misc.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9d70728ab1a78a9fef266bfb54062df19c8646ab
--- /dev/null
+++ b/node-graph/gcore/src/misc.rs
@@ -0,0 +1,62 @@
+// TODO(TrueDoctor): Replace this with the more idiomatic approach instead of using `trait Clampable`.
+
+/// A trait for types that can be clamped within a min/max range defined by f64.
+pub trait Clampable: Sized {
+	/// Clamps the value to be no less than `min`.
+	fn clamp_hard_min(self, min: f64) -> Self;
+	/// Clamps the value to be no more than `max`.
+	fn clamp_hard_max(self, max: f64) -> Self;
+}
+
+// Implement for common numeric types
+macro_rules! impl_clampable_float {
+	($($ty:ty),*) => {
+		$(
+			impl Clampable for $ty {
+				#[inline(always)]
+				fn clamp_hard_min(self, min: f64) -> Self {
+					self.max(min as $ty)
+				}
+				#[inline(always)]
+				fn clamp_hard_max(self, max: f64) -> Self {
+					self.min(max as $ty)
+				}
+			}
+		)*
+	};
+}
+impl_clampable_float!(f32, f64);
+
+macro_rules! impl_clampable_int {
+	($($ty:ty),*) => {
+		$(
+			impl Clampable for $ty {
+				#[inline(always)]
+				fn clamp_hard_min(self, min: f64) -> Self {
+					// Using try_from to handle potential range issues safely, though min should ideally be valid.
+					// Consider using a different approach if f64 precision vs integer range is a concern.
+					<$ty>::try_from(min.ceil() as i64).ok().map_or(self, |min_val| self.max(min_val))
+				}
+				#[inline(always)]
+				fn clamp_hard_max(self, max: f64) -> Self {
+					<$ty>::try_from(max.floor() as i64).ok().map_or(self, |max_val| self.min(max_val))
+				}
+			}
+		)*
+	};
+}
+// Add relevant integer types (adjust as needed)
+impl_clampable_int!(u32, u64, i32, i64);
+
+// Implement for DVec2 (component-wise clamping)
+use glam::DVec2;
+impl Clampable for DVec2 {
+	#[inline(always)]
+	fn clamp_hard_min(self, min: f64) -> Self {
+		self.max(DVec2::splat(min))
+	}
+	#[inline(always)]
+	fn clamp_hard_max(self, max: f64) -> Self {
+		self.min(DVec2::splat(max))
+	}
+}
diff --git a/node-graph/gcore/src/ops.rs b/node-graph/gcore/src/ops.rs
new file mode 100644
index 0000000000000000000000000000000000000000..0ef40a86a40ad0554e84f6bc3262d01872284f27
--- /dev/null
+++ b/node-graph/gcore/src/ops.rs
@@ -0,0 +1,154 @@
+use crate::Node;
+use std::marker::PhantomData;
+
+// TODO: Rename to "Passthrough"
+/// Passes-through the input value without changing it. This is useful for rerouting wires for organization purposes.
+#[node_macro::node(skip_impl)]
+fn identity<'i, T: 'i + Send>(value: T) -> T {
+	value
+}
+
+// Type
+// TODO: Document this
+#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Default)]
+pub struct TypeNode<N: for<'a> Node<'a, I>, I, O>(pub N, pub PhantomData<(I, O)>);
+impl<'i, N, I: 'i, O: 'i> Node<'i, I> for TypeNode<N, I, O>
+where
+	N: for<'n> Node<'n, I, Output = O>,
+{
+	type Output = O;
+	fn eval(&'i self, input: I) -> Self::Output {
+		self.0.eval(input)
+	}
+
+	fn reset(&self) {
+		self.0.reset();
+	}
+
+	fn serialize(&self) -> Option<std::sync::Arc<dyn std::any::Any + Send + Sync>> {
+		self.0.serialize()
+	}
+}
+impl<'i, N: for<'a> Node<'a, I>, I: 'i> TypeNode<N, I, <N as Node<'i, I>>::Output> {
+	pub fn new(node: N) -> Self {
+		Self(node, PhantomData)
+	}
+}
+impl<'i, N: for<'a> Node<'a, I> + Clone, I: 'i> Clone for TypeNode<N, I, <N as Node<'i, I>>::Output> {
+	fn clone(&self) -> Self {
+		Self(self.0.clone(), self.1)
+	}
+}
+impl<'i, N: for<'a> Node<'a, I> + Copy, I: 'i> Copy for TypeNode<N, I, <N as Node<'i, I>>::Output> {}
+
+// Into
+pub struct IntoNode<O>(PhantomData<O>);
+impl<O> IntoNode<O> {
+	pub const fn new() -> Self {
+		Self(PhantomData)
+	}
+}
+impl<O> Default for IntoNode<O> {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+impl<'input, I: 'input, O: 'input> Node<'input, I> for IntoNode<O>
+where
+	I: Into<O> + Sync + Send,
+{
+	type Output = dyn_any::DynFuture<'input, O>;
+
+	#[inline]
+	fn eval(&'input self, input: I) -> Self::Output {
+		Box::pin(async move { input.into() })
+	}
+}
+
+/// The [`Convert`] trait allows for conversion between Rust primitive numeric types.
+/// Because number casting is lossy, we cannot use the normal [`Into`] trait like we do for other types.
+pub trait Convert<T>: Sized {
+	/// Converts this type into the (usually inferred) output type.
+	#[must_use]
+	fn convert(self) -> T;
+}
+
+impl<T: ToString> Convert<String> for T {
+	/// Converts this type into a `String` using its `ToString` implementation.
+	#[inline]
+	fn convert(self) -> String {
+		self.to_string()
+	}
+}
+
+/// Implements the [`Convert`] trait for conversion between the cartesian product of Rust's primitive numeric types.
+macro_rules! impl_convert {
+	($from:ty, $to:ty) => {
+		impl Convert<$to> for $from {
+			fn convert(self) -> $to {
+				self as $to
+			}
+		}
+	};
+	($to:ty) => {
+		impl_convert!(f32, $to);
+		impl_convert!(f64, $to);
+		impl_convert!(i8, $to);
+		impl_convert!(u8, $to);
+		impl_convert!(u16, $to);
+		impl_convert!(i16, $to);
+		impl_convert!(i32, $to);
+		impl_convert!(u32, $to);
+		impl_convert!(i64, $to);
+		impl_convert!(u64, $to);
+		impl_convert!(i128, $to);
+		impl_convert!(u128, $to);
+		impl_convert!(isize, $to);
+		impl_convert!(usize, $to);
+	};
+}
+impl_convert!(f32);
+impl_convert!(f64);
+impl_convert!(i8);
+impl_convert!(u8);
+impl_convert!(u16);
+impl_convert!(i16);
+impl_convert!(i32);
+impl_convert!(u32);
+impl_convert!(i64);
+impl_convert!(u64);
+impl_convert!(i128);
+impl_convert!(u128);
+impl_convert!(isize);
+impl_convert!(usize);
+
+// Convert
+pub struct ConvertNode<O>(PhantomData<O>);
+impl<_O> ConvertNode<_O> {
+	pub const fn new() -> Self {
+		Self(core::marker::PhantomData)
+	}
+}
+impl<_O> Default for ConvertNode<_O> {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+impl<'input, I: 'input + Convert<_O> + Sync + Send, _O: 'input> Node<'input, I> for ConvertNode<_O> {
+	type Output = ::dyn_any::DynFuture<'input, _O>;
+
+	#[inline]
+	fn eval(&'input self, input: I) -> Self::Output {
+		Box::pin(async move { input.convert() })
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+
+	#[test]
+	pub fn identity_node() {
+		assert_eq!(identity(&4), &4);
+	}
+}
diff --git a/node-graph/gcore/src/raster.rs b/node-graph/gcore/src/raster.rs
new file mode 100644
index 0000000000000000000000000000000000000000..60106bdc705edbd3e81f6c427aa8bca3725aa11a
--- /dev/null
+++ b/node-graph/gcore/src/raster.rs
@@ -0,0 +1,83 @@
+use crate::GraphicGroupTable;
+pub use crate::color::*;
+use crate::raster_types::{CPU, RasterDataTable};
+use crate::vector::VectorDataTable;
+use std::fmt::Debug;
+
+#[cfg(target_arch = "spirv")]
+use spirv_std::num_traits::float::Float;
+
+/// as to not yet rename all references
+pub mod color {
+	pub use super::*;
+}
+
+pub mod image;
+
+pub use self::image::Image;
+
+pub trait Bitmap {
+	type Pixel: Pixel;
+	fn width(&self) -> u32;
+	fn height(&self) -> u32;
+	fn dimensions(&self) -> (u32, u32) {
+		(self.width(), self.height())
+	}
+	fn dim(&self) -> (u32, u32) {
+		self.dimensions()
+	}
+	fn get_pixel(&self, x: u32, y: u32) -> Option<Self::Pixel>;
+}
+
+impl<T: Bitmap> Bitmap for &T {
+	type Pixel = T::Pixel;
+
+	fn width(&self) -> u32 {
+		(**self).width()
+	}
+
+	fn height(&self) -> u32 {
+		(**self).height()
+	}
+
+	fn get_pixel(&self, x: u32, y: u32) -> Option<Self::Pixel> {
+		(**self).get_pixel(x, y)
+	}
+}
+
+impl<T: Bitmap> Bitmap for &mut T {
+	type Pixel = T::Pixel;
+
+	fn width(&self) -> u32 {
+		(**self).width()
+	}
+
+	fn height(&self) -> u32 {
+		(**self).height()
+	}
+
+	fn get_pixel(&self, x: u32, y: u32) -> Option<Self::Pixel> {
+		(**self).get_pixel(x, y)
+	}
+}
+
+pub trait BitmapMut: Bitmap {
+	fn get_pixel_mut(&mut self, x: u32, y: u32) -> Option<&mut Self::Pixel>;
+	fn set_pixel(&mut self, x: u32, y: u32, pixel: Self::Pixel) {
+		*self.get_pixel_mut(x, y).unwrap() = pixel;
+	}
+	fn map_pixels<F: Fn(Self::Pixel) -> Self::Pixel>(&mut self, map_fn: F) {
+		for y in 0..self.height() {
+			for x in 0..self.width() {
+				let pixel = self.get_pixel(x, y).unwrap();
+				self.set_pixel(x, y, map_fn(pixel));
+			}
+		}
+	}
+}
+
+impl<T: BitmapMut + Bitmap> BitmapMut for &mut T {
+	fn get_pixel_mut(&mut self, x: u32, y: u32) -> Option<&mut Self::Pixel> {
+		(*self).get_pixel_mut(x, y)
+	}
+}
diff --git a/node-graph/gcore/src/raster/image.rs b/node-graph/gcore/src/raster/image.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e93fe60ba2d80a36b2cbe33e14a6369cc2642fbe
--- /dev/null
+++ b/node-graph/gcore/src/raster/image.rs
@@ -0,0 +1,503 @@
+use super::Color;
+use crate::AlphaBlending;
+use crate::color::float_to_srgb_u8;
+use crate::instances::{Instance, Instances};
+use crate::raster_types::Raster;
+use core::hash::{Hash, Hasher};
+use dyn_any::{DynAny, StaticType};
+use glam::{DAffine2, DVec2};
+use std::vec::Vec;
+
+mod base64_serde {
+	//! Basic wrapper for [`serde`] to perform [`base64`] encoding
+
+	use super::super::Pixel;
+	use base64::Engine;
+	use serde::{Deserialize, Deserializer, Serialize, Serializer};
+
+	pub fn as_base64<S: Serializer, P: Pixel>(key: &[P], serializer: S) -> Result<S::Ok, S::Error> {
+		let u8_data = bytemuck::cast_slice(key);
+		let string = base64::engine::general_purpose::STANDARD.encode(u8_data);
+		(key.len() as u64, string).serialize(serializer)
+	}
+
+	pub fn from_base64<'a, D: Deserializer<'a>, P: Pixel>(deserializer: D) -> Result<Vec<P>, D::Error> {
+		use serde::de::Error;
+		<(u64, &[u8])>::deserialize(deserializer)
+			.and_then(|(len, str)| {
+				let mut output: Vec<P> = vec![P::zeroed(); len as usize];
+				base64::engine::general_purpose::STANDARD
+					.decode_slice(str, bytemuck::cast_slice_mut(output.as_mut_slice()))
+					.map_err(|err| Error::custom(err.to_string()))?;
+
+				Ok(output)
+			})
+			.map_err(serde::de::Error::custom)
+	}
+}
+
+#[derive(Clone, PartialEq, Default, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct Image<P: Pixel> {
+	pub width: u32,
+	pub height: u32,
+	#[serde(serialize_with = "base64_serde::as_base64", deserialize_with = "base64_serde::from_base64")]
+	pub data: Vec<P>,
+	/// Optional: Stores a base64 string representation of the image which can be used to speed up the conversion
+	/// to an svg string. This is used as a cache in order to not have to encode the data on every graph evaluation.
+	#[serde(skip)]
+	pub base64_string: Option<String>,
+	// TODO: Add an `origin` field to store where in the local space the image is anchored.
+	// TODO: Currently it is always anchored at the top left corner at (0, 0). The bottom right corner of the new origin field would correspond to (1, 1).
+}
+
+impl<P: Pixel + Debug> Debug for Image<P> {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		let length = self.data.len();
+		f.debug_struct("Image")
+			.field("width", &self.width)
+			.field("height", &self.height)
+			.field("data", if length < 100 { &self.data } else { &length })
+			.finish()
+	}
+}
+
+unsafe impl<P> StaticType for Image<P>
+where
+	P: dyn_any::StaticTypeSized + Pixel,
+	P::Static: Pixel,
+{
+	type Static = Image<P::Static>;
+}
+
+impl<P: Copy + Pixel> Bitmap for Image<P> {
+	type Pixel = P;
+	#[inline(always)]
+	fn get_pixel(&self, x: u32, y: u32) -> Option<P> {
+		self.data.get((x + y * self.width) as usize).copied()
+	}
+	#[inline(always)]
+	fn width(&self) -> u32 {
+		self.width
+	}
+	#[inline(always)]
+	fn height(&self) -> u32 {
+		self.height
+	}
+}
+
+impl<P: Copy + Pixel> BitmapMut for Image<P> {
+	fn get_pixel_mut(&mut self, x: u32, y: u32) -> Option<&mut P> {
+		self.data.get_mut((x + y * self.width) as usize)
+	}
+}
+
+// TODO: Evaluate if this will be a problem for our use case.
+/// Warning: This is an approximation of a hash, and is not guaranteed to not collide.
+impl<P: Hash + Pixel> Hash for Image<P> {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		const HASH_SAMPLES: u64 = 1000;
+		let data_length = self.data.len() as u64;
+		self.width.hash(state);
+		self.height.hash(state);
+		for i in 0..HASH_SAMPLES.min(data_length) {
+			self.data[(i * data_length / HASH_SAMPLES) as usize].hash(state);
+		}
+	}
+}
+
+impl<P: Pixel> Image<P> {
+	pub fn new(width: u32, height: u32, color: P) -> Self {
+		Self {
+			width,
+			height,
+			data: vec![color; (width * height) as usize],
+			base64_string: None,
+		}
+	}
+}
+
+impl Image<Color> {
+	/// Generate Image from some frontend image data (the canvas pixels as u8s in a flat array)
+	pub fn from_image_data(image_data: &[u8], width: u32, height: u32) -> Self {
+		let data = image_data.chunks_exact(4).map(|v| Color::from_rgba8_srgb(v[0], v[1], v[2], v[3])).collect();
+		Image {
+			width,
+			height,
+			data,
+			base64_string: None,
+		}
+	}
+
+	pub fn to_png(&self) -> Vec<u8> {
+		use ::image::ImageEncoder;
+		let (data, width, height) = self.to_flat_u8();
+		let mut png = Vec::new();
+		let encoder = ::image::codecs::png::PngEncoder::new(&mut png);
+		encoder.write_image(&data, width, height, ::image::ExtendedColorType::Rgba8).expect("failed to encode image as png");
+		png
+	}
+}
+
+use super::*;
+impl<P: Alpha + RGB + AssociatedAlpha> Image<P>
+where
+	P::ColorChannel: Linear,
+	<P as Alpha>::AlphaChannel: Linear,
+{
+	/// Flattens each channel cast to a u8
+	pub fn to_flat_u8(&self) -> (Vec<u8>, u32, u32) {
+		let Image { width, height, data, .. } = self;
+		assert_eq!(data.len(), *width as usize * *height as usize);
+
+		// Cache the last sRGB value we computed, speeds up fills.
+		let mut last_r = 0.;
+		let mut last_r_srgb = 0u8;
+		let mut last_g = 0.;
+		let mut last_g_srgb = 0u8;
+		let mut last_b = 0.;
+		let mut last_b_srgb = 0u8;
+
+		let mut result = vec![0; data.len() * 4];
+		let mut i = 0;
+		for color in data {
+			let a = color.a().to_f32();
+			// Smaller alpha values than this would map to fully transparent
+			// anyway, avoid expensive encoding.
+			if a >= 0.5 / 255. {
+				let undo_premultiply = 1. / a;
+				let r = color.r().to_f32() * undo_premultiply;
+				let g = color.g().to_f32() * undo_premultiply;
+				let b = color.b().to_f32() * undo_premultiply;
+
+				// Compute new sRGB value if necessary.
+				if r != last_r {
+					last_r = r;
+					last_r_srgb = float_to_srgb_u8(r);
+				}
+				if g != last_g {
+					last_g = g;
+					last_g_srgb = float_to_srgb_u8(g);
+				}
+				if b != last_b {
+					last_b = b;
+					last_b_srgb = float_to_srgb_u8(b);
+				}
+
+				result[i] = last_r_srgb;
+				result[i + 1] = last_g_srgb;
+				result[i + 2] = last_b_srgb;
+				result[i + 3] = (a * 255. + 0.5) as u8;
+			}
+
+			i += 4;
+		}
+
+		(result, *width, *height)
+	}
+}
+
+impl<P: Pixel> IntoIterator for Image<P> {
+	type Item = P;
+	type IntoIter = std::vec::IntoIter<P>;
+	fn into_iter(self) -> Self::IntoIter {
+		self.data.into_iter()
+	}
+}
+
+// TODO: Eventually remove this migration document upgrade code
+pub fn migrate_image_frame<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<RasterDataTable<CPU>, D::Error> {
+	use serde::Deserialize;
+
+	type ImageFrameTable<P> = Instances<Image<P>>;
+
+	#[derive(Clone, Debug, Hash, PartialEq, DynAny)]
+	enum RasterFrame {
+		/// A CPU-based bitmap image with a finite position and extent, equivalent to the SVG <image> tag: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image
+		ImageFrame(ImageFrameTable<Color>),
+	}
+	impl<'de> serde::Deserialize<'de> for RasterFrame {
+		fn deserialize<D: serde::Deserializer<'de>>(deserializer: D) -> Result<Self, D::Error> {
+			Ok(RasterFrame::ImageFrame(ImageFrameTable::new(Image::deserialize(deserializer)?)))
+		}
+	}
+	impl serde::Serialize for RasterFrame {
+		fn serialize<S: serde::Serializer>(&self, serializer: S) -> Result<S::Ok, S::Error> {
+			match self {
+				RasterFrame::ImageFrame(image_instances) => image_instances.serialize(serializer),
+			}
+		}
+	}
+
+	#[derive(Clone, Debug, Hash, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+	pub enum GraphicElement {
+		/// Equivalent to the SVG <g> tag: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/g
+		GraphicGroup(GraphicGroupTable),
+		/// A vector shape, equivalent to the SVG <path> tag: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path
+		VectorData(VectorDataTable),
+		RasterFrame(RasterFrame),
+	}
+
+	#[derive(Clone, Default, Debug, PartialEq, specta::Type, serde::Serialize, serde::Deserialize)]
+	pub struct ImageFrame<P: Pixel> {
+		pub image: Image<P>,
+	}
+	impl From<ImageFrame<Color>> for GraphicElement {
+		fn from(image_frame: ImageFrame<Color>) -> Self {
+			GraphicElement::RasterFrame(RasterFrame::ImageFrame(ImageFrameTable::new(image_frame.image)))
+		}
+	}
+	impl From<GraphicElement> for ImageFrame<Color> {
+		fn from(element: GraphicElement) -> Self {
+			match element {
+				GraphicElement::RasterFrame(RasterFrame::ImageFrame(image)) => Self {
+					image: image.instance_ref_iter().next().unwrap().instance.clone(),
+				},
+				_ => panic!("Expected Image, found {:?}", element),
+			}
+		}
+	}
+
+	unsafe impl<P> StaticType for ImageFrame<P>
+	where
+		P: dyn_any::StaticTypeSized + Pixel,
+		P::Static: Pixel,
+	{
+		type Static = ImageFrame<P::Static>;
+	}
+
+	#[derive(Clone, Default, Debug, PartialEq, specta::Type, serde::Serialize, serde::Deserialize)]
+	pub struct OldImageFrame<P: Pixel> {
+		image: Image<P>,
+		transform: DAffine2,
+		alpha_blending: AlphaBlending,
+	}
+
+	#[derive(serde::Serialize, serde::Deserialize)]
+	#[serde(untagged)]
+	enum FormatVersions {
+		Image(Image<Color>),
+		OldImageFrame(OldImageFrame<Color>),
+		ImageFrame(Instances<ImageFrame<Color>>),
+		ImageFrameTable(ImageFrameTable<Color>),
+		RasterDataTable(RasterDataTable<CPU>),
+	}
+
+	Ok(match FormatVersions::deserialize(deserializer)? {
+		FormatVersions::Image(image) => RasterDataTable::new(Raster::new_cpu(image)),
+		FormatVersions::OldImageFrame(image_frame_with_transform_and_blending) => {
+			let OldImageFrame { image, transform, alpha_blending } = image_frame_with_transform_and_blending;
+			let mut image_frame_table = RasterDataTable::new(Raster::new_cpu(image));
+			*image_frame_table.instance_mut_iter().next().unwrap().transform = transform;
+			*image_frame_table.instance_mut_iter().next().unwrap().alpha_blending = alpha_blending;
+			image_frame_table
+		}
+		FormatVersions::ImageFrame(image_frame) => RasterDataTable::new(Raster::new_cpu(
+			image_frame
+				.instance_ref_iter()
+				.next()
+				.unwrap_or(Instances::new(ImageFrame::default()).instance_ref_iter().next().unwrap())
+				.instance
+				.image
+				.clone(),
+		)),
+		FormatVersions::ImageFrameTable(image_frame_table) => RasterDataTable::new(Raster::new_cpu(image_frame_table.instance_ref_iter().next().unwrap().instance.clone())),
+		FormatVersions::RasterDataTable(raster_data_table) => raster_data_table,
+	})
+}
+
+// TODO: Eventually remove this migration document upgrade code
+pub fn migrate_image_frame_instance<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<Instance<Raster<CPU>>, D::Error> {
+	use serde::Deserialize;
+
+	type ImageFrameTable<P> = Instances<Image<P>>;
+
+	#[derive(Clone, Debug, Hash, PartialEq, DynAny)]
+	enum RasterFrame {
+		/// A CPU-based bitmap image with a finite position and extent, equivalent to the SVG <image> tag: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image
+		ImageFrame(ImageFrameTable<Color>),
+	}
+	impl<'de> serde::Deserialize<'de> for RasterFrame {
+		fn deserialize<D: serde::Deserializer<'de>>(deserializer: D) -> Result<Self, D::Error> {
+			Ok(RasterFrame::ImageFrame(ImageFrameTable::new(Image::deserialize(deserializer)?)))
+		}
+	}
+	impl serde::Serialize for RasterFrame {
+		fn serialize<S: serde::Serializer>(&self, serializer: S) -> Result<S::Ok, S::Error> {
+			match self {
+				RasterFrame::ImageFrame(image_instances) => image_instances.serialize(serializer),
+			}
+		}
+	}
+
+	#[derive(Clone, Debug, Hash, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+	pub enum GraphicElement {
+		/// Equivalent to the SVG <g> tag: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/g
+		GraphicGroup(GraphicGroupTable),
+		/// A vector shape, equivalent to the SVG <path> tag: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path
+		VectorData(VectorDataTable),
+		RasterFrame(RasterFrame),
+	}
+
+	#[derive(Clone, Default, Debug, PartialEq, specta::Type, serde::Serialize, serde::Deserialize)]
+	pub struct ImageFrame<P: Pixel> {
+		pub image: Image<P>,
+	}
+	impl From<ImageFrame<Color>> for GraphicElement {
+		fn from(image_frame: ImageFrame<Color>) -> Self {
+			GraphicElement::RasterFrame(RasterFrame::ImageFrame(ImageFrameTable::new(image_frame.image)))
+		}
+	}
+	impl From<GraphicElement> for ImageFrame<Color> {
+		fn from(element: GraphicElement) -> Self {
+			match element {
+				GraphicElement::RasterFrame(RasterFrame::ImageFrame(image)) => Self {
+					image: image.instance_ref_iter().next().unwrap().instance.clone(),
+				},
+				_ => panic!("Expected Image, found {:?}", element),
+			}
+		}
+	}
+
+	unsafe impl<P> StaticType for ImageFrame<P>
+	where
+		P: dyn_any::StaticTypeSized + Pixel,
+		P::Static: Pixel,
+	{
+		type Static = ImageFrame<P::Static>;
+	}
+
+	#[derive(Clone, Default, Debug, PartialEq, specta::Type, serde::Serialize, serde::Deserialize)]
+	pub struct OldImageFrame<P: Pixel> {
+		image: Image<P>,
+		transform: DAffine2,
+		alpha_blending: AlphaBlending,
+	}
+
+	#[derive(serde::Serialize, serde::Deserialize)]
+	#[serde(untagged)]
+	enum FormatVersions {
+		Image(Image<Color>),
+		OldImageFrame(OldImageFrame<Color>),
+		ImageFrame(Instances<ImageFrame<Color>>),
+		RasterDataTable(RasterDataTable<CPU>),
+		ImageInstance(Instance<Raster<CPU>>),
+	}
+
+	Ok(match FormatVersions::deserialize(deserializer)? {
+		FormatVersions::Image(image) => Instance {
+			instance: Raster::new_cpu(image),
+			..Default::default()
+		},
+		FormatVersions::OldImageFrame(image_frame_with_transform_and_blending) => Instance {
+			instance: Raster::new_cpu(image_frame_with_transform_and_blending.image),
+			transform: image_frame_with_transform_and_blending.transform,
+			alpha_blending: image_frame_with_transform_and_blending.alpha_blending,
+			source_node_id: None,
+		},
+		FormatVersions::ImageFrame(image_frame) => Instance {
+			instance: Raster::new_cpu(image_frame.instance_ref_iter().next().unwrap().instance.image.clone()),
+			..Default::default()
+		},
+		FormatVersions::RasterDataTable(image_frame_table) => image_frame_table.instance_iter().next().unwrap_or_default(),
+		FormatVersions::ImageInstance(image_instance) => image_instance,
+	})
+}
+
+// pub type RasterDataTable<P> = Instances<Image<P>>;
+
+impl<P: Debug + Copy + Pixel> Sample for Image<P> {
+	type Pixel = P;
+
+	// TODO: Improve sampling logic
+	#[inline(always)]
+	fn sample(&self, pos: DVec2, _area: DVec2) -> Option<Self::Pixel> {
+		let image_size = DVec2::new(self.width() as f64, self.height() as f64);
+		if pos.x < 0. || pos.y < 0. || pos.x >= image_size.x || pos.y >= image_size.y {
+			return None;
+		}
+		self.get_pixel(pos.x as u32, pos.y as u32)
+	}
+}
+
+impl<P: Copy + Pixel> Image<P> {
+	pub fn get_mut(&mut self, x: usize, y: usize) -> &mut P {
+		&mut self.data[y * (self.width as usize) + x]
+	}
+
+	/// Clamps the provided point to ((0, 0), (ImageSize.x, ImageSize.y)) and returns the closest pixel
+	pub fn sample(&self, position: DVec2) -> P {
+		let x = position.x.clamp(0., self.width as f64 - 1.) as usize;
+		let y = position.y.clamp(0., self.height as f64 - 1.) as usize;
+
+		self.data[x + y * self.width as usize]
+	}
+}
+
+impl<P: Pixel> AsRef<Image<P>> for Image<P> {
+	fn as_ref(&self) -> &Image<P> {
+		self
+	}
+}
+
+impl From<Image<Color>> for Image<SRGBA8> {
+	fn from(image: Image<Color>) -> Self {
+		let data = image.data.into_iter().map(|x| x.into()).collect();
+		Self {
+			data,
+			width: image.width,
+			height: image.height,
+			base64_string: None,
+		}
+	}
+}
+
+// impl From<RasterDataTable<CPU>> for RasterDataTable<SRGBA8> {
+// 	fn from(image_frame_table: RasterDataTable<CPU>) -> Self {
+// 		let mut result_table = RasterDataTable::<SRGBA8>::default();
+
+// 		for image_frame_instance in image_frame_table.instance_iter() {
+// 			result_table.push(Instance {
+// 				instance: image_frame_instance.instance,
+// 				transform: image_frame_instance.transform,
+// 				alpha_blending: image_frame_instance.alpha_blending,
+// 				source_node_id: image_frame_instance.source_node_id,
+// 			});
+// 		}
+
+// 		result_table
+// 	}
+// }
+
+impl From<Image<SRGBA8>> for Image<Color> {
+	fn from(image: Image<SRGBA8>) -> Self {
+		let data = image.data.into_iter().map(|x| x.into()).collect();
+		Self {
+			data,
+			width: image.width,
+			height: image.height,
+			base64_string: None,
+		}
+	}
+}
+
+#[cfg(test)]
+mod test {
+	#[test]
+	fn test_image_serialization_roundtrip() {
+		use super::*;
+		use crate::Color;
+		let image = Image {
+			width: 2,
+			height: 2,
+			data: vec![Color::WHITE, Color::BLACK, Color::RED, Color::GREEN],
+			base64_string: None,
+		};
+
+		let serialized = serde_json::to_string(&image).unwrap();
+		println!("{}", serialized);
+		let deserialized: Image<Color> = serde_json::from_str(&serialized).unwrap();
+		println!("{:?}", deserialized);
+
+		assert_eq!(image, deserialized);
+	}
+}
diff --git a/node-graph/gcore/src/raster_types.rs b/node-graph/gcore/src/raster_types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..937d89b2e05d60063f154ca1ed2d672a3a8a47bb
--- /dev/null
+++ b/node-graph/gcore/src/raster_types.rs
@@ -0,0 +1,148 @@
+use crate::Color;
+use crate::bounds::BoundingBox;
+use crate::instances::Instances;
+use crate::math::quad::Quad;
+use crate::raster::Image;
+use core::ops::Deref;
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2};
+#[cfg(feature = "wgpu")]
+use std::sync::Arc;
+
+#[derive(Clone, Debug, Hash, PartialEq, Eq, Copy)]
+pub struct CPU;
+#[derive(Clone, Debug, Hash, PartialEq, Eq, Copy)]
+pub struct GPU;
+
+trait Storage: 'static {}
+impl Storage for CPU {}
+impl Storage for GPU {}
+
+#[derive(Clone, Debug, Hash, PartialEq)]
+#[allow(private_bounds)]
+pub struct Raster<T: Storage> {
+	data: RasterStorage,
+	storage: T,
+}
+
+unsafe impl<T: Storage> dyn_any::StaticType for Raster<T> {
+	type Static = Raster<T>;
+}
+#[derive(Clone, Debug, Hash, PartialEq, DynAny)]
+pub enum RasterStorage {
+	Cpu(Image<Color>),
+	#[cfg(feature = "wgpu")]
+	Gpu(Arc<wgpu::Texture>),
+	#[cfg(not(feature = "wgpu"))]
+	Gpu(()),
+}
+
+impl RasterStorage {}
+impl Raster<CPU> {
+	pub fn new_cpu(image: Image<Color>) -> Self {
+		Self {
+			data: RasterStorage::Cpu(image),
+			storage: CPU,
+		}
+	}
+	pub fn data(&self) -> &Image<Color> {
+		let RasterStorage::Cpu(cpu) = &self.data else { unreachable!() };
+		cpu
+	}
+	pub fn data_mut(&mut self) -> &mut Image<Color> {
+		let RasterStorage::Cpu(cpu) = &mut self.data else { unreachable!() };
+		cpu
+	}
+	pub fn into_data(self) -> Image<Color> {
+		let RasterStorage::Cpu(cpu) = self.data else { unreachable!() };
+		cpu
+	}
+	pub fn is_empty(&self) -> bool {
+		let data = self.data();
+		data.height == 0 || data.width == 0
+	}
+}
+impl Default for Raster<CPU> {
+	fn default() -> Self {
+		Self {
+			data: RasterStorage::Cpu(Image::default()),
+			storage: CPU,
+		}
+	}
+}
+impl Deref for Raster<CPU> {
+	type Target = Image<Color>;
+
+	fn deref(&self) -> &Self::Target {
+		self.data()
+	}
+}
+#[cfg(feature = "wgpu")]
+impl Raster<GPU> {
+	pub fn new_gpu(image: Arc<wgpu::Texture>) -> Self {
+		Self {
+			data: RasterStorage::Gpu(image),
+			storage: GPU,
+		}
+	}
+	pub fn data(&self) -> &wgpu::Texture {
+		let RasterStorage::Gpu(gpu) = &self.data else { unreachable!() };
+		gpu
+	}
+	pub fn data_mut(&mut self) -> &mut Arc<wgpu::Texture> {
+		let RasterStorage::Gpu(gpu) = &mut self.data else { unreachable!() };
+		gpu
+	}
+	pub fn data_owned(&self) -> Arc<wgpu::Texture> {
+		let RasterStorage::Gpu(gpu) = &self.data else { unreachable!() };
+		gpu.clone()
+	}
+}
+
+impl Raster<GPU> {
+	#[cfg(feature = "wgpu")]
+	pub fn is_empty(&self) -> bool {
+		let data = self.data();
+		data.width() == 0 || data.height() == 0
+	}
+	#[cfg(not(feature = "wgpu"))]
+	pub fn is_empty(&self) -> bool {
+		true
+	}
+}
+
+#[cfg(feature = "wgpu")]
+impl Deref for Raster<GPU> {
+	type Target = wgpu::Texture;
+
+	fn deref(&self) -> &Self::Target {
+		self.data()
+	}
+}
+
+pub type RasterDataTable<Storage> = Instances<Raster<Storage>>;
+
+// TODO: Make this not dupliated
+impl BoundingBox for RasterDataTable<CPU> {
+	fn bounding_box(&self, transform: DAffine2, _include_stroke: bool) -> Option<[DVec2; 2]> {
+		self.instance_ref_iter()
+			.filter(|instance| !instance.instance.is_empty()) // Eliminate empty images
+			.flat_map(|instance| {
+				let transform = transform * *instance.transform;
+				(transform.matrix2.determinant() != 0.).then(|| (transform * Quad::from_box([DVec2::ZERO, DVec2::ONE])).bounding_box())
+			})
+			.reduce(Quad::combine_bounds)
+	}
+}
+
+impl BoundingBox for RasterDataTable<GPU> {
+	fn bounding_box(&self, transform: DAffine2, _include_stroke: bool) -> Option<[DVec2; 2]> {
+		self.instance_ref_iter()
+			.filter(|instance| !instance.instance.is_empty()) // Eliminate empty images
+			.flat_map(|instance| {
+				let transform = transform * *instance.transform;
+				(transform.matrix2.determinant() != 0.).then(|| (transform * Quad::from_box([DVec2::ZERO, DVec2::ONE])).bounding_box())
+			})
+			.reduce(Quad::combine_bounds)
+	}
+}
diff --git a/node-graph/gcore/src/registry.rs b/node-graph/gcore/src/registry.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8dd53ba91a275ee9eb24cfe997aa19ee3cf299ba
--- /dev/null
+++ b/node-graph/gcore/src/registry.rs
@@ -0,0 +1,338 @@
+use crate::{Node, NodeIO, NodeIOTypes, Type, WasmNotSend};
+use dyn_any::{DynAny, StaticType};
+use std::borrow::Cow;
+use std::collections::HashMap;
+use std::marker::PhantomData;
+use std::ops::Deref;
+use std::pin::Pin;
+use std::sync::{LazyLock, Mutex};
+
+pub mod types {
+	/// 0% - 100%
+	pub type Percentage = f64;
+	/// -100% - 100%
+	pub type SignedPercentage = f64;
+	/// -180° - 180°
+	pub type Angle = f64;
+	/// Ends in the unit of x
+	pub type Multiplier = f64;
+	/// Non-negative integer with px unit
+	pub type PixelLength = f64;
+	/// Non-negative
+	pub type Length = f64;
+	/// 0 to 1
+	pub type Fraction = f64;
+	/// Unsigned integer
+	pub type IntegerCount = u32;
+	/// Unsigned integer to be used for random seeds
+	pub type SeedValue = u32;
+	/// Non-negative integer coordinate with px unit
+	pub type Resolution = glam::UVec2;
+	/// DVec2 with px unit
+	pub type PixelSize = glam::DVec2;
+	/// String with one or more than one line
+	pub type TextArea = String;
+}
+
+// Translation struct between macro and definition
+#[derive(Clone)]
+pub struct NodeMetadata {
+	pub display_name: &'static str,
+	pub category: Option<&'static str>,
+	pub fields: Vec<FieldMetadata>,
+	pub description: &'static str,
+	pub properties: Option<&'static str>,
+}
+
+// Translation struct between macro and definition
+#[derive(Clone, Debug)]
+pub struct FieldMetadata {
+	pub name: &'static str,
+	pub description: &'static str,
+	pub exposed: bool,
+	pub widget_override: RegistryWidgetOverride,
+	pub value_source: RegistryValueSource,
+	pub default_type: Option<Type>,
+	pub number_min: Option<f64>,
+	pub number_max: Option<f64>,
+	pub number_mode_range: Option<(f64, f64)>,
+	pub number_display_decimal_places: Option<u32>,
+	pub number_step: Option<f64>,
+	pub unit: Option<&'static str>,
+}
+
+pub trait ChoiceTypeStatic: Sized + Copy + crate::AsU32 + Send + Sync {
+	const WIDGET_HINT: ChoiceWidgetHint;
+	const DESCRIPTION: Option<&'static str>;
+	fn list() -> &'static [&'static [(Self, VariantMetadata)]];
+}
+
+pub enum ChoiceWidgetHint {
+	Dropdown,
+	RadioButtons,
+}
+
+/// Translation struct between macro and definition.
+#[derive(Clone, Debug)]
+pub struct VariantMetadata {
+	/// Name as declared in source code.
+	pub name: Cow<'static, str>,
+
+	/// Name to be displayed in UI.
+	pub label: Cow<'static, str>,
+
+	/// User-facing documentation text.
+	pub docstring: Option<Cow<'static, str>>,
+
+	/// Name of icon to display in radio buttons and such.
+	pub icon: Option<Cow<'static, str>>,
+}
+
+#[derive(Clone, Debug)]
+pub enum RegistryWidgetOverride {
+	None,
+	Hidden,
+	String(&'static str),
+	Custom(&'static str),
+}
+
+#[derive(Clone, Debug)]
+pub enum RegistryValueSource {
+	None,
+	Default(&'static str),
+	Scope(&'static str),
+}
+
+type NodeRegistry = LazyLock<Mutex<HashMap<String, Vec<(NodeConstructor, NodeIOTypes)>>>>;
+
+pub static NODE_REGISTRY: NodeRegistry = LazyLock::new(|| Mutex::new(HashMap::new()));
+
+pub static NODE_METADATA: LazyLock<Mutex<HashMap<String, NodeMetadata>>> = LazyLock::new(|| Mutex::new(HashMap::new()));
+
+#[cfg(not(target_arch = "wasm32"))]
+pub type DynFuture<'n, T> = Pin<Box<dyn Future<Output = T> + 'n + Send>>;
+#[cfg(target_arch = "wasm32")]
+pub type DynFuture<'n, T> = Pin<Box<dyn std::future::Future<Output = T> + 'n>>;
+pub type LocalFuture<'n, T> = Pin<Box<dyn Future<Output = T> + 'n>>;
+#[cfg(not(target_arch = "wasm32"))]
+pub type Any<'n> = Box<dyn DynAny<'n> + 'n + Send>;
+#[cfg(target_arch = "wasm32")]
+pub type Any<'n> = Box<dyn DynAny<'n> + 'n>;
+pub type FutureAny<'n> = DynFuture<'n, Any<'n>>;
+// TODO: is this safe? This is assumed to be send+sync.
+#[cfg(not(target_arch = "wasm32"))]
+pub type TypeErasedNode<'n> = dyn for<'i> NodeIO<'i, Any<'i>, Output = FutureAny<'i>> + 'n + Send + Sync;
+#[cfg(target_arch = "wasm32")]
+pub type TypeErasedNode<'n> = dyn for<'i> NodeIO<'i, Any<'i>, Output = FutureAny<'i>> + 'n;
+pub type TypeErasedPinnedRef<'n> = Pin<&'n TypeErasedNode<'n>>;
+pub type TypeErasedRef<'n> = &'n TypeErasedNode<'n>;
+pub type TypeErasedBox<'n> = Box<TypeErasedNode<'n>>;
+pub type TypeErasedPinned<'n> = Pin<Box<TypeErasedNode<'n>>>;
+
+pub type SharedNodeContainer = std::sync::Arc<NodeContainer>;
+
+pub type NodeConstructor = fn(Vec<SharedNodeContainer>) -> DynFuture<'static, TypeErasedBox<'static>>;
+
+#[derive(Clone)]
+pub struct NodeContainer {
+	#[cfg(feature = "dealloc_nodes")]
+	pub node: *const TypeErasedNode<'static>,
+	#[cfg(not(feature = "dealloc_nodes"))]
+	pub node: TypeErasedRef<'static>,
+}
+
+impl Deref for NodeContainer {
+	type Target = TypeErasedNode<'static>;
+
+	#[cfg(feature = "dealloc_nodes")]
+	fn deref(&self) -> &Self::Target {
+		unsafe { &*(self.node) }
+		#[cfg(not(feature = "dealloc_nodes"))]
+		self.node
+	}
+	#[cfg(not(feature = "dealloc_nodes"))]
+	fn deref(&self) -> &Self::Target {
+		self.node
+	}
+}
+
+/// # Safety
+/// Marks NodeContainer as Sync. This dissallows the use of threadlocal storage for nodes as this would invalidate references to them.
+// TODO: implement this on a higher level wrapper to avoid missuse
+#[cfg(feature = "dealloc_nodes")]
+unsafe impl Send for NodeContainer {}
+#[cfg(feature = "dealloc_nodes")]
+unsafe impl Sync for NodeContainer {}
+
+#[cfg(feature = "dealloc_nodes")]
+impl Drop for NodeContainer {
+	fn drop(&mut self) {
+		unsafe { self.dealloc_unchecked() }
+	}
+}
+
+impl std::fmt::Debug for NodeContainer {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		f.debug_struct("NodeContainer").finish()
+	}
+}
+
+impl NodeContainer {
+	pub fn new(node: TypeErasedBox<'static>) -> SharedNodeContainer {
+		let node = Box::leak(node);
+		Self { node }.into()
+	}
+
+	#[cfg(feature = "dealloc_nodes")]
+	unsafe fn dealloc_unchecked(&mut self) {
+		unsafe {
+			drop(Box::from_raw(self.node as *mut TypeErasedNode));
+		}
+	}
+}
+
+/// Boxes the input and downcasts the output.
+/// Wraps around a node taking Box<dyn DynAny> and returning Box<dyn DynAny>
+#[derive(Clone)]
+pub struct DowncastBothNode<I, O> {
+	node: SharedNodeContainer,
+	_i: PhantomData<I>,
+	_o: PhantomData<O>,
+}
+impl<'input, O, I> Node<'input, I> for DowncastBothNode<I, O>
+where
+	O: 'input + StaticType + WasmNotSend,
+	I: 'input + StaticType + WasmNotSend,
+{
+	type Output = DynFuture<'input, O>;
+	#[inline]
+	fn eval(&'input self, input: I) -> Self::Output {
+		{
+			let node_name = self.node.node_name();
+			let input = Box::new(input);
+			let future = self.node.eval(input);
+			Box::pin(async move {
+				let out = dyn_any::downcast(future.await).unwrap_or_else(|e| panic!("DowncastBothNode Input {e} in: \n{node_name}"));
+				*out
+			})
+		}
+	}
+	fn reset(&self) {
+		self.node.reset();
+	}
+
+	fn serialize(&self) -> Option<std::sync::Arc<dyn std::any::Any + Send + Sync>> {
+		self.node.serialize()
+	}
+}
+impl<I, O> DowncastBothNode<I, O> {
+	pub const fn new(node: SharedNodeContainer) -> Self {
+		Self {
+			node,
+			_i: PhantomData,
+			_o: PhantomData,
+		}
+	}
+}
+pub struct FutureWrapperNode<Node> {
+	node: Node,
+}
+
+impl<'i, T: 'i + WasmNotSend, N> Node<'i, T> for FutureWrapperNode<N>
+where
+	N: Node<'i, T, Output: WasmNotSend> + WasmNotSend,
+{
+	type Output = DynFuture<'i, N::Output>;
+	#[inline(always)]
+	fn eval(&'i self, input: T) -> Self::Output {
+		let result = self.node.eval(input);
+		Box::pin(async move { result })
+	}
+	#[inline(always)]
+	fn reset(&self) {
+		self.node.reset();
+	}
+
+	#[inline(always)]
+	fn serialize(&self) -> Option<std::sync::Arc<dyn std::any::Any + Send + Sync>> {
+		self.node.serialize()
+	}
+}
+
+impl<N> FutureWrapperNode<N> {
+	pub const fn new(node: N) -> Self {
+		Self { node }
+	}
+}
+
+pub struct DynAnyNode<I, O, Node> {
+	node: Node,
+	_i: PhantomData<I>,
+	_o: PhantomData<O>,
+}
+
+impl<'input, I, O, N> Node<'input, Any<'input>> for DynAnyNode<I, O, N>
+where
+	I: 'input + StaticType + WasmNotSend,
+	O: 'input + StaticType + WasmNotSend,
+	N: 'input + Node<'input, I, Output = DynFuture<'input, O>>,
+{
+	type Output = FutureAny<'input>;
+	#[inline]
+	fn eval(&'input self, input: Any<'input>) -> Self::Output {
+		let node_name = std::any::type_name::<N>();
+		let output = |input| {
+			let result = self.node.eval(input);
+			async move { Box::new(result.await) as Any<'input> }
+		};
+		match dyn_any::downcast(input) {
+			Ok(input) => Box::pin(output(*input)),
+			Err(e) => panic!("DynAnyNode Input, {0} in:\n{1}", e, node_name),
+		}
+	}
+
+	fn reset(&self) {
+		self.node.reset();
+	}
+
+	fn serialize(&self) -> Option<std::sync::Arc<dyn std::any::Any + Send + Sync>> {
+		self.node.serialize()
+	}
+}
+impl<'input, I, O, N> DynAnyNode<I, O, N>
+where
+	I: 'input + StaticType,
+	O: 'input + StaticType,
+	N: 'input + Node<'input, I, Output = DynFuture<'input, O>>,
+{
+	pub const fn new(node: N) -> Self {
+		Self {
+			node,
+			_i: PhantomData,
+			_o: PhantomData,
+		}
+	}
+}
+pub struct PanicNode<I: WasmNotSend, O: WasmNotSend>(PhantomData<I>, PhantomData<O>);
+
+impl<'i, I: 'i + WasmNotSend, O: 'i + WasmNotSend> Node<'i, I> for PanicNode<I, O> {
+	type Output = O;
+	fn eval(&'i self, _: I) -> Self::Output {
+		unimplemented!("This node should never be evaluated")
+	}
+}
+
+impl<I: WasmNotSend, O: WasmNotSend> PanicNode<I, O> {
+	pub const fn new() -> Self {
+		Self(PhantomData, PhantomData)
+	}
+}
+
+impl<I: WasmNotSend, O: WasmNotSend> Default for PanicNode<I, O> {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+
+// TODO: Evaluate safety
+unsafe impl<I: WasmNotSend, O: WasmNotSend> Sync for PanicNode<I, O> {}
diff --git a/node-graph/gcore/src/structural.rs b/node-graph/gcore/src/structural.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b6488c573c631b48d174c738ef3caec45187d954
--- /dev/null
+++ b/node-graph/gcore/src/structural.rs
@@ -0,0 +1,153 @@
+use crate::Node;
+use std::marker::PhantomData;
+
+/// This is how we can generically define composition of two nodes.
+/// This is done generically as shown: <https://files.keavon.com/-/SurprisedGaseousAnhinga/capture.png>
+/// A concrete example: <https://files.keavon.com/-/ExcitableGoldRay/capture.png>
+/// And showing the direction of data flow: <https://files.keavon.com/-/SoreShimmeringElephantseal/capture.png>
+/// ```text
+///                       ┌────────────────┐
+///                 T     │                │     U
+///           ───────────►│  Compose Node  ├───────────►
+///                       │                │
+///                       └────┬───────────┤
+///  ┌──────────┐              │           │
+///  │          │    T -> V    │           │
+///  │  First   ├─────────────►│           │
+///  │          │              │           │
+///  └──────────┘              │           │
+///  ┌──────────┐              │           │
+///  │          │    V -> U    │           │
+///  │  Second  ├─────────────►│           │
+///  │          │              └───────────┘
+///  └──────────┘
+/// ```
+#[derive(Clone, Copy)]
+pub struct ComposeNode<First, Second, I> {
+	first: First,
+	second: Second,
+	phantom: PhantomData<I>,
+}
+
+impl<'i, Input: 'i, First, Second> Node<'i, Input> for ComposeNode<First, Second, Input>
+where
+	First: Node<'i, Input>,
+	Second: Node<'i, <First as Node<'i, Input>>::Output> + 'i,
+{
+	type Output = <Second as Node<'i, <First as Node<'i, Input>>::Output>>::Output;
+	fn eval(&'i self, input: Input) -> Self::Output {
+		let arg = self.first.eval(input);
+		let second = &self.second;
+		second.eval(arg)
+	}
+}
+
+impl<First, Second, Input> ComposeNode<First, Second, Input> {
+	pub const fn new(first: First, second: Second) -> Self {
+		ComposeNode::<First, Second, Input> { first, second, phantom: PhantomData }
+	}
+}
+
+#[derive(Clone)]
+pub struct AsyncComposeNode<First, Second, I> {
+	first: First,
+	second: Second,
+	phantom: PhantomData<I>,
+}
+
+impl<'i, Input: 'static, First, Second> Node<'i, Input> for AsyncComposeNode<First, Second, Input>
+where
+	First: Node<'i, Input>,
+	First::Output: Future,
+	Second: Node<'i, <<First as Node<'i, Input>>::Output as Future>::Output> + 'i,
+{
+	type Output = std::pin::Pin<Box<dyn Future<Output = <Second as Node<'i, <<First as Node<'i, Input>>::Output as Future>::Output>>::Output> + 'i>>;
+	fn eval(&'i self, input: Input) -> Self::Output {
+		Box::pin(async move {
+			let arg = self.first.eval(input).await;
+			self.second.eval(arg)
+		})
+	}
+}
+
+impl<'i, First, Second, Input: 'i> AsyncComposeNode<First, Second, Input>
+where
+	First: Node<'i, Input>,
+	First::Output: Future,
+	Second: Node<'i, <<First as Node<'i, Input>>::Output as Future>::Output> + 'i,
+{
+	pub const fn new(first: First, second: Second) -> Self {
+		AsyncComposeNode::<First, Second, Input> { first, second, phantom: PhantomData }
+	}
+}
+
+pub trait Then<'i, Input: 'i>: Sized {
+	fn then<Second>(self, second: Second) -> ComposeNode<Self, Second, Input>
+	where
+		Self: Node<'i, Input>,
+		Second: Node<'i, <Self as Node<'i, Input>>::Output>,
+	{
+		ComposeNode::new(self, second)
+	}
+}
+
+impl<'i, First: Node<'i, Input>, Input: 'i> Then<'i, Input> for First {}
+
+pub trait AndThen<'i, Input: 'i>: Sized {
+	fn and_then<Second>(self, second: Second) -> AsyncComposeNode<Self, Second, Input>
+	where
+		Self: Node<'i, Input>,
+		Self::Output: Future,
+		Second: Node<'i, <<Self as Node<'i, Input>>::Output as Future>::Output> + 'i,
+	{
+		AsyncComposeNode::new(self, second)
+	}
+}
+
+impl<'i, First: Node<'i, Input>, Input: 'i> AndThen<'i, Input> for First {}
+
+pub struct ConsNode<I: From<()>, Root>(pub Root, PhantomData<I>);
+
+impl<'i, Root, Input: 'i, I: 'i + From<()>> Node<'i, Input> for ConsNode<I, Root>
+where
+	Root: Node<'i, I>,
+{
+	type Output = (Input, Root::Output);
+	fn eval(&'i self, input: Input) -> Self::Output {
+		let arg = self.0.eval(I::from(()));
+		(input, arg)
+	}
+}
+impl<'i, Root: Node<'i, I>, I: 'i + From<()>> ConsNode<I, Root> {
+	pub fn new(root: Root) -> Self {
+		ConsNode(root, PhantomData)
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use crate::generic::FnNode;
+	use crate::value::ValueNode;
+
+	#[test]
+	fn compose() {
+		let value = ValueNode::new(4u32);
+		let compose = value.then(FnNode::new(|x| x));
+		assert_eq!(compose.eval(()), &4u32);
+		let type_erased = &compose as &dyn Node<'_, (), Output = &'_ u32>;
+		assert_eq!(type_erased.eval(()), &4u32);
+	}
+
+	#[test]
+	fn test_ref_eval() {
+		let value = ValueNode::new(5);
+
+		assert_eq!(value.eval(()), &5);
+		let id = FnNode::new(|x| x);
+
+		let compose = ComposeNode::new(&value, &id);
+
+		assert_eq!(compose.eval(()), &5);
+	}
+}
diff --git a/node-graph/gcore/src/text.rs b/node-graph/gcore/src/text.rs
new file mode 100644
index 0000000000000000000000000000000000000000..485cb2a884cb045445c6f66fe63d1b3345a19b9b
--- /dev/null
+++ b/node-graph/gcore/src/text.rs
@@ -0,0 +1,5 @@
+mod font_cache;
+mod to_path;
+
+pub use font_cache::*;
+pub use to_path::*;
diff --git a/node-graph/gcore/src/text/font_cache.rs b/node-graph/gcore/src/text/font_cache.rs
new file mode 100644
index 0000000000000000000000000000000000000000..37a8bfc505722ce7e5fa8900e15e296c79d85e72
--- /dev/null
+++ b/node-graph/gcore/src/text/font_cache.rs
@@ -0,0 +1,81 @@
+use dyn_any::DynAny;
+use std::collections::HashMap;
+
+/// A font type (storing font family and font style and an optional preview URL)
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize, Hash, PartialEq, Eq, DynAny, specta::Type)]
+pub struct Font {
+	#[serde(rename = "fontFamily")]
+	pub font_family: String,
+	#[serde(rename = "fontStyle", deserialize_with = "migrate_font_style")]
+	pub font_style: String,
+}
+impl Font {
+	pub fn new(font_family: String, font_style: String) -> Self {
+		Self { font_family, font_style }
+	}
+}
+impl Default for Font {
+	fn default() -> Self {
+		Self::new(crate::consts::DEFAULT_FONT_FAMILY.into(), crate::consts::DEFAULT_FONT_STYLE.into())
+	}
+}
+/// A cache of all loaded font data and preview urls along with the default font (send from `init_app` in `editor_api.rs`)
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize, Default, PartialEq, DynAny)]
+pub struct FontCache {
+	/// Actual font file data used for rendering a font
+	font_file_data: HashMap<Font, Vec<u8>>,
+	/// Web font preview URLs used for showing fonts when live editing
+	preview_urls: HashMap<Font, String>,
+}
+
+impl FontCache {
+	/// Returns the font family name if the font is cached, otherwise returns the fallback font family name if that is cached
+	pub fn resolve_font<'a>(&'a self, font: &'a Font) -> Option<&'a Font> {
+		if self.font_file_data.contains_key(font) {
+			Some(font)
+		} else {
+			self.font_file_data
+				.keys()
+				.find(|font| font.font_family == crate::consts::DEFAULT_FONT_FAMILY && font.font_style == crate::consts::DEFAULT_FONT_STYLE)
+		}
+	}
+
+	/// Try to get the bytes for a font
+	pub fn get(&self, font: &Font) -> Option<&Vec<u8>> {
+		self.resolve_font(font).and_then(|font| self.font_file_data.get(font))
+	}
+
+	/// Check if the font is already loaded
+	pub fn loaded_font(&self, font: &Font) -> bool {
+		self.font_file_data.contains_key(font)
+	}
+
+	/// Insert a new font into the cache
+	pub fn insert(&mut self, font: Font, perview_url: String, data: Vec<u8>) {
+		self.font_file_data.insert(font.clone(), data);
+		self.preview_urls.insert(font, perview_url);
+	}
+
+	/// Gets the preview URL for showing in text field when live editing
+	pub fn get_preview_url(&self, font: &Font) -> Option<&String> {
+		self.preview_urls.get(font)
+	}
+}
+
+impl std::hash::Hash for FontCache {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.preview_urls.len().hash(state);
+		self.preview_urls.iter().for_each(|(font, url)| {
+			font.hash(state);
+			url.hash(state)
+		});
+		self.font_file_data.len().hash(state);
+		self.font_file_data.keys().for_each(|font| font.hash(state));
+	}
+}
+
+// TODO: Eventually remove this migration document upgrade code
+fn migrate_font_style<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<String, D::Error> {
+	use serde::Deserialize;
+	String::deserialize(deserializer).map(|name| if name == "Normal (400)" { "Regular (400)".to_string() } else { name })
+}
diff --git a/node-graph/gcore/src/text/to_path.rs b/node-graph/gcore/src/text/to_path.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bfe60da86d8daf06f05e9d51fec34517b1d44ded
--- /dev/null
+++ b/node-graph/gcore/src/text/to_path.rs
@@ -0,0 +1,233 @@
+use crate::vector::PointId;
+use bezier_rs::{ManipulatorGroup, Subpath};
+use core::cell::RefCell;
+use glam::{DAffine2, DVec2};
+use parley::fontique::Blob;
+use parley::{Alignment, AlignmentOptions, FontContext, GlyphRun, Layout, LayoutContext, LineHeight, PositionedLayoutItem, StyleProperty};
+use skrifa::GlyphId;
+use skrifa::instance::{LocationRef, NormalizedCoord, Size};
+use skrifa::outline::{DrawSettings, OutlinePen};
+use skrifa::raw::FontRef as ReadFontsRef;
+use skrifa::{MetadataProvider, OutlineGlyph};
+use std::sync::Arc;
+
+// Thread-local storage avoids expensive re-initialization of font and layout contexts
+// across multiple text rendering operations within the same thread
+thread_local! {
+	static FONT_CONTEXT: RefCell<FontContext> = RefCell::new(FontContext::new());
+	static LAYOUT_CONTEXT: RefCell<LayoutContext<()>> = RefCell::new(LayoutContext::new());
+}
+
+struct PathBuilder {
+	current_subpath: Subpath<PointId>,
+	glyph_subpaths: Vec<Subpath<PointId>>,
+	other_subpaths: Vec<Subpath<PointId>>,
+	origin: DVec2,
+	scale: f64,
+	id: PointId,
+}
+
+impl PathBuilder {
+	fn point(&self, x: f32, y: f32) -> DVec2 {
+		// Y-axis inversion converts from font coordinate system (Y-up) to graphics coordinate system (Y-down)
+		DVec2::new(self.origin.x + x as f64, self.origin.y - y as f64) * self.scale
+	}
+
+	fn set_origin(&mut self, x: f64, y: f64) {
+		self.origin = DVec2::new(x, y);
+	}
+
+	fn draw_glyph(&mut self, glyph: &OutlineGlyph<'_>, size: f32, normalized_coords: &[NormalizedCoord], style_skew: Option<DAffine2>, skew: DAffine2) {
+		let location_ref = LocationRef::new(normalized_coords);
+		let settings = DrawSettings::unhinted(Size::new(size), location_ref);
+		glyph.draw(settings, self).unwrap();
+
+		// Apply transforms in correct order: style-based skew first, then user-requested skew
+		// This ensures font synthesis (italic) is applied before user transformations
+		for glyph_subpath in &mut self.glyph_subpaths {
+			if let Some(style_skew) = style_skew {
+				glyph_subpath.apply_transform(style_skew);
+			}
+
+			glyph_subpath.apply_transform(skew);
+		}
+
+		if !self.glyph_subpaths.is_empty() {
+			self.other_subpaths.extend(core::mem::take(&mut self.glyph_subpaths));
+		}
+	}
+}
+
+impl OutlinePen for PathBuilder {
+	fn move_to(&mut self, x: f32, y: f32) {
+		if !self.current_subpath.is_empty() {
+			self.glyph_subpaths.push(std::mem::replace(&mut self.current_subpath, Subpath::new(Vec::new(), false)));
+		}
+		self.current_subpath.push_manipulator_group(ManipulatorGroup::new_anchor_with_id(self.point(x, y), self.id.next_id()));
+	}
+
+	fn line_to(&mut self, x: f32, y: f32) {
+		self.current_subpath.push_manipulator_group(ManipulatorGroup::new_anchor_with_id(self.point(x, y), self.id.next_id()));
+	}
+
+	fn quad_to(&mut self, x1: f32, y1: f32, x2: f32, y2: f32) {
+		let [handle, anchor] = [self.point(x1, y1), self.point(x2, y2)];
+		self.current_subpath.last_manipulator_group_mut().unwrap().out_handle = Some(handle);
+		self.current_subpath.push_manipulator_group(ManipulatorGroup::new_with_id(anchor, None, None, self.id.next_id()));
+	}
+
+	fn curve_to(&mut self, x1: f32, y1: f32, x2: f32, y2: f32, x3: f32, y3: f32) {
+		let [handle1, handle2, anchor] = [self.point(x1, y1), self.point(x2, y2), self.point(x3, y3)];
+		self.current_subpath.last_manipulator_group_mut().unwrap().out_handle = Some(handle1);
+		self.current_subpath
+			.push_manipulator_group(ManipulatorGroup::new_with_id(anchor, Some(handle2), None, self.id.next_id()));
+	}
+
+	fn close(&mut self) {
+		self.current_subpath.set_closed(true);
+		self.glyph_subpaths.push(std::mem::replace(&mut self.current_subpath, Subpath::new(Vec::new(), false)));
+	}
+}
+
+#[derive(PartialEq, Clone, Copy, Debug, serde::Serialize, serde::Deserialize)]
+pub struct TypesettingConfig {
+	pub font_size: f64,
+	pub line_height_ratio: f64,
+	pub character_spacing: f64,
+	pub max_width: Option<f64>,
+	pub max_height: Option<f64>,
+	pub tilt: f64,
+}
+
+impl Default for TypesettingConfig {
+	fn default() -> Self {
+		Self {
+			font_size: 24.,
+			line_height_ratio: 1.2,
+			character_spacing: 0.,
+			max_width: None,
+			max_height: None,
+			tilt: 0.,
+		}
+	}
+}
+
+fn render_glyph_run(glyph_run: &GlyphRun<'_, ()>, path_builder: &mut PathBuilder, tilt: f64) {
+	let mut run_x = glyph_run.offset();
+	let run_y = glyph_run.baseline();
+
+	let run = glyph_run.run();
+
+	// User-requested tilt applied around baseline to avoid vertical displacement
+	// Translation ensures rotation point is at the baseline, not origin
+	let skew = DAffine2::from_translation(DVec2::new(0., run_y as f64))
+		* DAffine2::from_cols_array(&[1., 0., -tilt.to_radians().tan(), 1., 0., 0.])
+		* DAffine2::from_translation(DVec2::new(0., -run_y as f64));
+
+	let synthesis = run.synthesis();
+
+	// Font synthesis (e.g., synthetic italic) applied separately from user transforms
+	// This preserves the distinction between font styling and user transformations
+	let style_skew = synthesis.skew().map(|angle| {
+		DAffine2::from_translation(DVec2::new(0., run_y as f64))
+			* DAffine2::from_cols_array(&[1., 0., -angle.to_radians().tan() as f64, 1., 0., 0.])
+			* DAffine2::from_translation(DVec2::new(0., -run_y as f64))
+	});
+
+	let font = run.font();
+	let font_size = run.font_size();
+
+	let normalized_coords = run.normalized_coords().iter().map(|coord| NormalizedCoord::from_bits(*coord)).collect::<Vec<_>>();
+
+	// TODO: This can be cached for better performance
+	let font_collection_ref = font.data.as_ref();
+	let font_ref = ReadFontsRef::from_index(font_collection_ref, font.index).unwrap();
+	let outlines = font_ref.outline_glyphs();
+
+	for glyph in glyph_run.glyphs() {
+		let glyph_x = run_x + glyph.x;
+		let glyph_y = run_y - glyph.y;
+		run_x += glyph.advance;
+
+		let glyph_id = GlyphId::from(glyph.id);
+		if let Some(glyph_outline) = outlines.get(glyph_id) {
+			path_builder.set_origin(glyph_x as f64, glyph_y as f64);
+			path_builder.draw_glyph(&glyph_outline, font_size, &normalized_coords, style_skew, skew);
+		}
+	}
+}
+
+fn layout_text(str: &str, font_data: Option<Blob<u8>>, typesetting: TypesettingConfig) -> Option<Layout<()>> {
+	let font_cx = FONT_CONTEXT.with(Clone::clone);
+	let mut font_cx = font_cx.borrow_mut();
+	let layout_cx = LAYOUT_CONTEXT.with(Clone::clone);
+	let mut layout_cx = layout_cx.borrow_mut();
+
+	let font_family = font_data.and_then(|font_data| {
+		font_cx
+			.collection
+			.register_fonts(font_data, None)
+			.first()
+			.and_then(|(family_id, _)| font_cx.collection.family_name(*family_id).map(String::from))
+	})?;
+
+	const DISPLAY_SCALE: f32 = 1.;
+	let mut builder = layout_cx.ranged_builder(&mut font_cx, str, DISPLAY_SCALE, true);
+
+	builder.push_default(StyleProperty::FontSize(typesetting.font_size as f32));
+	builder.push_default(StyleProperty::LetterSpacing(typesetting.character_spacing as f32));
+	builder.push_default(StyleProperty::FontStack(parley::FontStack::Single(parley::FontFamily::Named(std::borrow::Cow::Owned(font_family)))));
+	builder.push_default(LineHeight::FontSizeRelative(typesetting.line_height_ratio as f32));
+
+	let mut layout: Layout<()> = builder.build(str);
+
+	layout.break_all_lines(typesetting.max_width.map(|mw| mw as f32));
+	layout.align(typesetting.max_width.map(|max_w| max_w as f32), Alignment::Left, AlignmentOptions::default());
+
+	Some(layout)
+}
+
+pub fn to_path(str: &str, font_data: Option<Blob<u8>>, typesetting: TypesettingConfig) -> Vec<Subpath<PointId>> {
+	let Some(layout) = layout_text(str, font_data, typesetting) else { return Vec::new() };
+
+	let mut path_builder = PathBuilder {
+		current_subpath: Subpath::new(Vec::new(), false),
+		glyph_subpaths: Vec::new(),
+		other_subpaths: Vec::new(),
+		origin: DVec2::ZERO,
+		scale: layout.scale() as f64,
+		id: PointId::ZERO,
+	};
+
+	for line in layout.lines() {
+		for item in line.items() {
+			if let PositionedLayoutItem::GlyphRun(glyph_run) = item {
+				render_glyph_run(&glyph_run, &mut path_builder, typesetting.tilt);
+			}
+		}
+	}
+
+	path_builder.other_subpaths
+}
+
+pub fn bounding_box(str: &str, font_data: Option<Blob<u8>>, typesetting: TypesettingConfig, for_clipping_test: bool) -> DVec2 {
+	if !for_clipping_test {
+		if let (Some(max_height), Some(max_width)) = (typesetting.max_height, typesetting.max_width) {
+			return DVec2::new(max_width, max_height);
+		}
+	}
+
+	let Some(layout) = layout_text(str, font_data, typesetting) else { return DVec2::ZERO };
+
+	DVec2::new(layout.full_width() as f64, layout.height() as f64)
+}
+
+pub fn load_font(data: &[u8]) -> Blob<u8> {
+	Blob::new(Arc::new(data.to_vec()))
+}
+
+pub fn lines_clipping(str: &str, font_data: Option<Blob<u8>>, typesetting: TypesettingConfig) -> bool {
+	let Some(max_height) = typesetting.max_height else { return false };
+	let bounds = bounding_box(str, font_data, typesetting, true);
+	max_height < bounds.y
+}
diff --git a/node-graph/gcore/src/transform.rs b/node-graph/gcore/src/transform.rs
new file mode 100644
index 0000000000000000000000000000000000000000..dafd3791b7cb11e8b50839c9a10de0a27a95f870
--- /dev/null
+++ b/node-graph/gcore/src/transform.rs
@@ -0,0 +1,152 @@
+use crate::Artboard;
+use crate::math::bbox::AxisAlignedBbox;
+pub use crate::vector::ReferencePoint;
+use core::f64;
+use glam::{DAffine2, DMat2, DVec2};
+
+pub trait Transform {
+	fn transform(&self) -> DAffine2;
+	fn local_pivot(&self, pivot: DVec2) -> DVec2 {
+		pivot
+	}
+	fn decompose_scale(&self) -> DVec2 {
+		DVec2::new(
+			self.transform().transform_vector2((1., 0.).into()).length(),
+			self.transform().transform_vector2((0., 1.).into()).length(),
+		)
+	}
+}
+
+pub trait TransformMut: Transform {
+	fn transform_mut(&mut self) -> &mut DAffine2;
+	fn translate(&mut self, offset: DVec2) {
+		*self.transform_mut() = DAffine2::from_translation(offset) * self.transform();
+	}
+}
+
+// Implementation for references to anything that implements Transform
+impl<T: Transform> Transform for &T {
+	fn transform(&self) -> DAffine2 {
+		(*self).transform()
+	}
+}
+
+// Implementations for Artboard
+impl Transform for Artboard {
+	fn transform(&self) -> DAffine2 {
+		DAffine2::from_translation(self.location.as_dvec2())
+	}
+	fn local_pivot(&self, pivot: DVec2) -> DVec2 {
+		self.location.as_dvec2() + self.dimensions.as_dvec2() * pivot
+	}
+}
+
+// Implementations for DAffine2
+impl Transform for DAffine2 {
+	fn transform(&self) -> DAffine2 {
+		*self
+	}
+}
+impl TransformMut for DAffine2 {
+	fn transform_mut(&mut self) -> &mut DAffine2 {
+		self
+	}
+}
+
+// Implementations for Footprint
+impl Transform for Footprint {
+	fn transform(&self) -> DAffine2 {
+		self.transform
+	}
+}
+impl TransformMut for Footprint {
+	fn transform_mut(&mut self) -> &mut DAffine2 {
+		&mut self.transform
+	}
+}
+
+#[derive(Debug, Clone, Copy, dyn_any::DynAny, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum RenderQuality {
+	/// Low quality, fast rendering
+	Preview,
+	/// Ensure that the render is available with at least the specified quality
+	/// A value of 0.5 means that the render is available with at least 50% of the final image resolution
+	Scale(f32),
+	/// Flip a coin to decide if the render should be available with the current quality or done at full quality
+	/// This should be used to gradually update the render quality of a cached node
+	Probability(f32),
+	/// Render at full quality
+	Full,
+}
+#[derive(Debug, Clone, Copy, dyn_any::DynAny, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct Footprint {
+	/// Inverse of the transform which will be applied to the node output during the rendering process
+	pub transform: DAffine2,
+	/// Resolution of the target output area in pixels
+	pub resolution: glam::UVec2,
+	/// Quality of the render, this may be used by caching nodes to decide if the cached render is sufficient
+	pub quality: RenderQuality,
+}
+
+impl Default for Footprint {
+	fn default() -> Self {
+		Self::DEFAULT
+	}
+}
+
+impl Footprint {
+	pub const DEFAULT: Self = Self {
+		transform: DAffine2::IDENTITY,
+		resolution: glam::UVec2::new(1920, 1080),
+		quality: RenderQuality::Full,
+	};
+
+	pub const BOUNDLESS: Self = Self {
+		transform: DAffine2 {
+			matrix2: DMat2::from_diagonal(DVec2::splat(f64::INFINITY)),
+			translation: DVec2::ZERO,
+		},
+		resolution: glam::UVec2::new(0, 0),
+		quality: RenderQuality::Full,
+	};
+
+	pub fn viewport_bounds_in_local_space(&self) -> AxisAlignedBbox {
+		let inverse = self.transform.inverse();
+		let start = inverse.transform_point2((0., 0.).into());
+		let end = inverse.transform_point2(self.resolution.as_dvec2());
+		AxisAlignedBbox { start, end }
+	}
+
+	pub fn scale(&self) -> DVec2 {
+		self.transform.decompose_scale()
+	}
+
+	pub fn offset(&self) -> DVec2 {
+		self.transform.transform_point2(DVec2::ZERO)
+	}
+}
+
+impl From<()> for Footprint {
+	fn from(_: ()) -> Self {
+		Footprint::default()
+	}
+}
+
+impl std::hash::Hash for Footprint {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.transform.to_cols_array().iter().for_each(|x| x.to_le_bytes().hash(state));
+		self.resolution.hash(state)
+	}
+}
+
+pub trait ApplyTransform {
+	fn apply_transform(&mut self, modification: &DAffine2);
+}
+impl<T: TransformMut> ApplyTransform for T {
+	fn apply_transform(&mut self, &modification: &DAffine2) {
+		*self.transform_mut() = self.transform() * modification
+	}
+}
+impl ApplyTransform for () {
+	fn apply_transform(&mut self, &_modification: &DAffine2) {}
+}
diff --git a/node-graph/gcore/src/transform_nodes.rs b/node-graph/gcore/src/transform_nodes.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1c28a3087d3821b994da325e71606bd4692e7234
--- /dev/null
+++ b/node-graph/gcore/src/transform_nodes.rs
@@ -0,0 +1,90 @@
+use crate::instances::Instances;
+use crate::raster_types::{CPU, GPU, RasterDataTable};
+use crate::transform::{ApplyTransform, Footprint, Transform};
+use crate::vector::VectorDataTable;
+use crate::{CloneVarArgs, Context, Ctx, ExtractAll, GraphicGroupTable, OwnedContextImpl};
+use core::f64;
+use glam::{DAffine2, DVec2};
+
+#[node_macro::node(category(""))]
+async fn transform<T: 'n + 'static>(
+	ctx: impl Ctx + CloneVarArgs + ExtractAll,
+	#[implementations(
+		Context -> VectorDataTable,
+		Context -> GraphicGroupTable,
+		Context -> RasterDataTable<CPU>,
+		Context -> RasterDataTable<GPU>,
+	)]
+	transform_target: impl Node<Context<'static>, Output = Instances<T>>,
+	translate: DVec2,
+	rotate: f64,
+	scale: DVec2,
+	skew: DVec2,
+	_pivot: DVec2,
+) -> Instances<T> {
+	let matrix = DAffine2::from_scale_angle_translation(scale, rotate, translate) * DAffine2::from_cols_array(&[1., skew.y, skew.x, 1., 0., 0.]);
+
+	let footprint = ctx.try_footprint().copied();
+
+	let mut ctx = OwnedContextImpl::from(ctx);
+	if let Some(mut footprint) = footprint {
+		footprint.apply_transform(&matrix);
+		ctx = ctx.with_footprint(footprint);
+	}
+
+	let mut transform_target = transform_target.eval(ctx.into_context()).await;
+
+	for data_transform in transform_target.instance_mut_iter() {
+		*data_transform.transform = matrix * *data_transform.transform;
+	}
+
+	transform_target
+}
+
+#[node_macro::node(category(""))]
+fn replace_transform<Data, TransformInput: Transform>(
+	_: impl Ctx,
+	#[implementations(VectorDataTable, RasterDataTable<CPU>, GraphicGroupTable)] mut data: Instances<Data>,
+	#[implementations(DAffine2)] transform: TransformInput,
+) -> Instances<Data> {
+	for data_transform in data.instance_mut_iter() {
+		*data_transform.transform = transform.transform();
+	}
+	data
+}
+
+#[node_macro::node(category("Debug"))]
+async fn boundless_footprint<T: 'n + 'static>(
+	ctx: impl Ctx + CloneVarArgs + ExtractAll,
+	#[implementations(
+		Context -> VectorDataTable,
+		Context -> GraphicGroupTable,
+		Context -> RasterDataTable<CPU>,
+		Context -> RasterDataTable<GPU>,
+		Context -> String,
+		Context -> f64,
+	)]
+	transform_target: impl Node<Context<'static>, Output = T>,
+) -> T {
+	let ctx = OwnedContextImpl::from(ctx).with_footprint(Footprint::BOUNDLESS);
+
+	transform_target.eval(ctx.into_context()).await
+}
+
+#[node_macro::node(category("Debug"))]
+async fn freeze_real_time<T: 'n + 'static>(
+	ctx: impl Ctx + CloneVarArgs + ExtractAll,
+	#[implementations(
+		Context -> VectorDataTable,
+		Context -> GraphicGroupTable,
+		Context -> RasterDataTable<CPU>,
+		Context -> RasterDataTable<GPU>,
+		Context -> String,
+		Context -> f64,
+	)]
+	transform_target: impl Node<Context<'static>, Output = T>,
+) -> T {
+	let ctx = OwnedContextImpl::from(ctx).with_real_time(0.);
+
+	transform_target.eval(ctx.into_context()).await
+}
diff --git a/node-graph/gcore/src/types.rs b/node-graph/gcore/src/types.rs
new file mode 100644
index 0000000000000000000000000000000000000000..156d9a85d268ff48f9689c988f81e73d5eaa4725
--- /dev/null
+++ b/node-graph/gcore/src/types.rs
@@ -0,0 +1,361 @@
+use std::any::TypeId;
+
+pub use std::borrow::Cow;
+
+#[macro_export]
+macro_rules! concrete {
+	($type:ty) => {
+		$crate::Type::Concrete($crate::TypeDescriptor {
+			id: Some(std::any::TypeId::of::<$type>()),
+			name: $crate::Cow::Borrowed(std::any::type_name::<$type>()),
+			alias: None,
+			size: std::mem::size_of::<$type>(),
+			align: std::mem::align_of::<$type>(),
+		})
+	};
+	($type:ty, $name:ty) => {
+		$crate::Type::Concrete($crate::TypeDescriptor {
+			id: Some(std::any::TypeId::of::<$type>()),
+			name: $crate::Cow::Borrowed(std::any::type_name::<$type>()),
+			alias: Some($crate::Cow::Borrowed(stringify!($name))),
+			size: std::mem::size_of::<$type>(),
+			align: std::mem::align_of::<$type>(),
+		})
+	};
+}
+
+#[macro_export]
+macro_rules! concrete_with_name {
+	($type:ty, $name:expr_2021) => {
+		$crate::Type::Concrete($crate::TypeDescriptor {
+			id: Some(std::any::TypeId::of::<$type>()),
+			name: $crate::Cow::Borrowed($name),
+			alias: None,
+			size: std::mem::size_of::<$type>(),
+			align: std::mem::align_of::<$type>(),
+		})
+	};
+}
+
+#[macro_export]
+macro_rules! generic {
+	($type:ty) => {{ $crate::Type::Generic($crate::Cow::Borrowed(stringify!($type))) }};
+}
+
+#[macro_export]
+macro_rules! future {
+	($type:ty) => {{ $crate::Type::Future(Box::new(concrete!($type))) }};
+	($type:ty, $name:ty) => {
+		$crate::Type::Future(Box::new(concrete!($type, $name)))
+	};
+}
+
+#[macro_export]
+macro_rules! fn_type {
+	($type:ty) => {
+		$crate::Type::Fn(Box::new(concrete!(())), Box::new(concrete!($type)))
+	};
+	($in_type:ty, $type:ty, alias: $outname:ty) => {
+		$crate::Type::Fn(Box::new(concrete!($in_type)), Box::new(concrete!($type, $outname)))
+	};
+	($in_type:ty, $type:ty) => {
+		$crate::Type::Fn(Box::new(concrete!($in_type)), Box::new(concrete!($type)))
+	};
+}
+#[macro_export]
+macro_rules! fn_type_fut {
+	($type:ty) => {
+		$crate::Type::Fn(Box::new(concrete!(())), Box::new(future!($type)))
+	};
+	($in_type:ty, $type:ty, alias: $outname:ty) => {
+		$crate::Type::Fn(Box::new(concrete!($in_type)), Box::new(future!($type, $outname)))
+	};
+	($in_type:ty, $type:ty) => {
+		$crate::Type::Fn(Box::new(concrete!($in_type)), Box::new(future!($type)))
+	};
+}
+
+#[derive(Clone, PartialEq, Eq, Hash, Default, serde::Serialize, serde::Deserialize)]
+pub struct NodeIOTypes {
+	pub call_argument: Type,
+	pub return_value: Type,
+	pub inputs: Vec<Type>,
+}
+
+impl NodeIOTypes {
+	pub const fn new(call_argument: Type, return_value: Type, inputs: Vec<Type>) -> Self {
+		Self { call_argument, return_value, inputs }
+	}
+
+	pub const fn empty() -> Self {
+		let tds1 = TypeDescriptor {
+			id: None,
+			name: Cow::Borrowed("()"),
+			alias: None,
+			size: 0,
+			align: 0,
+		};
+		let tds2 = TypeDescriptor {
+			id: None,
+			name: Cow::Borrowed("()"),
+			alias: None,
+			size: 0,
+			align: 0,
+		};
+		Self {
+			call_argument: Type::Concrete(tds1),
+			return_value: Type::Concrete(tds2),
+			inputs: Vec::new(),
+		}
+	}
+
+	pub fn ty(&self) -> Type {
+		Type::Fn(Box::new(self.call_argument.clone()), Box::new(self.return_value.clone()))
+	}
+}
+
+impl std::fmt::Debug for NodeIOTypes {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		f.write_fmt(format_args!(
+			"node({}) → {}",
+			[&self.call_argument].into_iter().chain(&self.inputs).map(|input| input.to_string()).collect::<Vec<_>>().join(", "),
+			self.return_value
+		))
+	}
+}
+
+#[derive(Clone, Debug, PartialEq, Eq, Hash, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct ProtoNodeIdentifier {
+	pub name: Cow<'static, str>,
+}
+impl From<String> for ProtoNodeIdentifier {
+	fn from(value: String) -> Self {
+		Self { name: Cow::Owned(value) }
+	}
+}
+
+fn migrate_type_descriptor_names<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<Cow<'static, str>, D::Error> {
+	use serde::Deserialize;
+
+	let name = String::deserialize(deserializer)?;
+	let name = match name.as_str() {
+		"f32" => "f64".to_string(),
+		"graphene_core::transform::Footprint" => "std::option::Option<std::sync::Arc<graphene_core::context::OwnedContextImpl>>".to_string(),
+		"graphene_core::graphic_element::GraphicGroup" => "graphene_core::instances::Instances<graphene_core::graphic_element::GraphicGroup>".to_string(),
+		"graphene_core::vector::vector_data::VectorData" => "graphene_core::instances::Instances<graphene_core::vector::vector_data::VectorData>".to_string(),
+		"graphene_core::raster::image::ImageFrame<Color>"
+		| "graphene_core::raster::image::ImageFrame<graphene_core::raster::color::Color>"
+		| "graphene_core::instances::Instances<graphene_core::raster::image::ImageFrame<Color>>"
+		| "graphene_core::instances::Instances<graphene_core::raster::image::ImageFrame<graphene_core::raster::color::Color>>" => {
+			"graphene_core::instances::Instances<graphene_core::raster::image::Image<graphene_core::raster::color::Color>>".to_string()
+		}
+		_ => name,
+	};
+
+	Ok(Cow::Owned(name))
+}
+
+#[derive(Clone, Debug, Eq, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct TypeDescriptor {
+	#[serde(skip)]
+	#[specta(skip)]
+	pub id: Option<TypeId>,
+	#[serde(deserialize_with = "migrate_type_descriptor_names")]
+	pub name: Cow<'static, str>,
+	#[serde(default)]
+	pub alias: Option<Cow<'static, str>>,
+	#[serde(skip)]
+	pub size: usize,
+	#[serde(skip)]
+	pub align: usize,
+}
+
+impl std::hash::Hash for TypeDescriptor {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.name.hash(state);
+	}
+}
+
+impl PartialEq for TypeDescriptor {
+	fn eq(&self, other: &Self) -> bool {
+		match (self.id, other.id) {
+			(Some(id), Some(other_id)) => id == other_id,
+			_ => {
+				// TODO: Add a flag to disable this warning
+				// warn!("TypeDescriptor::eq: comparing types without ids based on name");
+				self.name == other.name
+			}
+		}
+	}
+}
+
+/// Graph runtime type information used for type inference.
+#[derive(Clone, PartialEq, Eq, Hash, specta::Type, serde::Serialize, serde::Deserialize)]
+pub enum Type {
+	/// A wrapper for some type variable used within the inference system. Resolved at inference time and replaced with a concrete type.
+	Generic(Cow<'static, str>),
+	/// A wrapper around the Rust type id for any concrete Rust type. Allows us to do equality comparisons, like checking if a String == a String.
+	Concrete(TypeDescriptor),
+	/// Runtime type information for a function. Given some input, gives some output.
+	/// See the example and explanation in the `ComposeNode` implementation within the node registry for more info.
+	Fn(Box<Type>, Box<Type>),
+	/// Represents a future which promises to return the inner type.
+	Future(Box<Type>),
+}
+
+impl Default for Type {
+	fn default() -> Self {
+		concrete!(())
+	}
+}
+
+unsafe impl dyn_any::StaticType for Type {
+	type Static = Self;
+}
+
+impl Type {
+	pub fn is_generic(&self) -> bool {
+		matches!(self, Type::Generic(_))
+	}
+
+	pub fn is_concrete(&self) -> bool {
+		matches!(self, Type::Concrete(_))
+	}
+
+	pub fn is_fn(&self) -> bool {
+		matches!(self, Type::Fn(_, _))
+	}
+
+	pub fn is_value(&self) -> bool {
+		matches!(self, Type::Fn(_, _) | Type::Concrete(_))
+	}
+
+	pub fn is_unit(&self) -> bool {
+		matches!(self, Type::Fn(_, _) | Type::Concrete(_))
+	}
+
+	pub fn is_generic_or_fn(&self) -> bool {
+		matches!(self, Type::Fn(_, _) | Type::Generic(_))
+	}
+
+	pub fn fn_input(&self) -> Option<&Type> {
+		match self {
+			Type::Fn(first, _) => Some(first),
+			_ => None,
+		}
+	}
+
+	pub fn fn_output(&self) -> Option<&Type> {
+		match self {
+			Type::Fn(_, second) => Some(second),
+			_ => None,
+		}
+	}
+
+	pub fn function(input: &Type, output: &Type) -> Type {
+		Type::Fn(Box::new(input.clone()), Box::new(output.clone()))
+	}
+}
+
+impl Type {
+	pub fn new<T: dyn_any::StaticType + Sized>() -> Self {
+		Self::Concrete(TypeDescriptor {
+			id: Some(TypeId::of::<T::Static>()),
+			name: Cow::Borrowed(std::any::type_name::<T::Static>()),
+			alias: None,
+			size: size_of::<T>(),
+			align: align_of::<T>(),
+		})
+	}
+
+	pub fn size(&self) -> Option<usize> {
+		match self {
+			Self::Generic(_) => None,
+			Self::Concrete(ty) => Some(ty.size),
+			Self::Fn(_, _) => None,
+			Self::Future(_) => None,
+		}
+	}
+
+	pub fn align(&self) -> Option<usize> {
+		match self {
+			Self::Generic(_) => None,
+			Self::Concrete(ty) => Some(ty.align),
+			Self::Fn(_, _) => None,
+			Self::Future(_) => None,
+		}
+	}
+
+	pub fn nested_type(&self) -> &Type {
+		match self {
+			Self::Generic(_) => self,
+			Self::Concrete(_) => self,
+			Self::Fn(_, output) => output.nested_type(),
+			Self::Future(output) => output.nested_type(),
+		}
+	}
+
+	pub fn replace_nested(&mut self, f: impl Fn(&Type) -> Option<Type>) -> Option<Type> {
+		if let Some(replacement) = f(self) {
+			return Some(std::mem::replace(self, replacement));
+		}
+		match self {
+			Self::Generic(_) => None,
+			Self::Concrete(_) => None,
+			Self::Fn(_, output) => output.replace_nested(f),
+			Self::Future(output) => output.replace_nested(f),
+		}
+	}
+}
+
+fn format_type(ty: &str) -> String {
+	ty.split('<')
+		.map(|path| path.split(',').map(|path| path.split("::").last().unwrap_or(path)).collect::<Vec<_>>().join(","))
+		.collect::<Vec<_>>()
+		.join("<")
+}
+
+impl std::fmt::Debug for Type {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		let result = match self {
+			Self::Generic(name) => name.to_string(),
+			#[cfg(feature = "type_id_logging")]
+			Self::Concrete(ty) => format!("Concrete<{}, {:?}>", ty.name, ty.id),
+			#[cfg(not(feature = "type_id_logging"))]
+			Self::Concrete(ty) => format_type(&ty.name),
+			Self::Fn(call_arg, return_value) => format!("{return_value:?} called with {call_arg:?}"),
+			Self::Future(ty) => format!("{ty:?}"),
+		};
+		let result = result.replace("Option<Arc<OwnedContextImpl>>", "Context");
+		write!(f, "{}", result)
+	}
+}
+
+impl std::fmt::Display for Type {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		let result = match self {
+			Type::Generic(name) => name.to_string(),
+			Type::Concrete(ty) => format_type(&ty.name),
+			Type::Fn(call_arg, return_value) => format!("{return_value} called with {call_arg}"),
+			Type::Future(ty) => ty.to_string(),
+		};
+		let result = result.replace("Option<Arc<OwnedContextImpl>>", "Context");
+		write!(f, "{}", result)
+	}
+}
+
+impl From<&'static str> for ProtoNodeIdentifier {
+	fn from(s: &'static str) -> Self {
+		ProtoNodeIdentifier { name: Cow::Borrowed(s) }
+	}
+}
+
+impl ProtoNodeIdentifier {
+	pub const fn new(name: &'static str) -> Self {
+		ProtoNodeIdentifier { name: Cow::Borrowed(name) }
+	}
+
+	pub const fn with_owned_string(name: String) -> Self {
+		ProtoNodeIdentifier { name: Cow::Owned(name) }
+	}
+}
diff --git a/node-graph/gcore/src/uuid.rs b/node-graph/gcore/src/uuid.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3df5007e087f40fd302a800d9bdae0c0824103d2
--- /dev/null
+++ b/node-graph/gcore/src/uuid.rs
@@ -0,0 +1,86 @@
+use dyn_any::DynAny;
+pub use uuid_generation::*;
+
+#[derive(Clone, Copy, serde::Serialize, serde::Deserialize, specta::Type)]
+pub struct Uuid(
+	#[serde(with = "u64_string")]
+	#[specta(type = String)]
+	u64,
+);
+
+mod u64_string {
+	use serde::{self, Deserialize, Deserializer, Serializer};
+	use std::str::FromStr;
+
+	// The signature of a serialize_with function must follow the pattern:
+	//
+	//    fn serialize<S>(&T, S) -> Result<S::Ok, S::Error>
+	//    where
+	//        S: Serializer
+	//
+	// although it may also be generic over the input types T.
+	pub fn serialize<S>(value: &u64, serializer: S) -> Result<S::Ok, S::Error>
+	where
+		S: Serializer,
+	{
+		serializer.serialize_str(&value.to_string())
+	}
+
+	// The signature of a deserialize_with function must follow the pattern:
+	//
+	//    fn deserialize<'de, D>(D) -> Result<T, D::Error>
+	//    where
+	//        D: Deserializer<'de>
+	//
+	// although it may also be generic over the output types T.
+	pub fn deserialize<'de, D>(deserializer: D) -> Result<u64, D::Error>
+	where
+		D: Deserializer<'de>,
+	{
+		let s = String::deserialize(deserializer)?;
+		u64::from_str(&s).map_err(serde::de::Error::custom)
+	}
+}
+
+mod uuid_generation {
+	use rand_chacha::ChaCha20Rng;
+	use rand_chacha::rand_core::{RngCore, SeedableRng};
+	use std::cell::Cell;
+	use std::sync::Mutex;
+
+	static RNG: Mutex<Option<ChaCha20Rng>> = Mutex::new(None);
+	thread_local! {
+		pub static UUID_SEED: Cell<Option<u64>> = const { Cell::new(None) };
+	}
+
+	pub fn set_uuid_seed(random_seed: u64) {
+		UUID_SEED.with(|seed| seed.set(Some(random_seed)))
+	}
+
+	pub fn generate_uuid() -> u64 {
+		let Ok(mut lock) = RNG.lock() else { panic!("UUID mutex poisoned") };
+		if lock.is_none() {
+			UUID_SEED.with(|seed| {
+				let random_seed = seed.get().unwrap_or(42);
+				*lock = Some(ChaCha20Rng::seed_from_u64(random_seed));
+			})
+		}
+		lock.as_mut().map(ChaCha20Rng::next_u64).expect("UUID mutex poisoned")
+	}
+}
+
+#[repr(transparent)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, PartialOrd, Ord, serde::Serialize, serde::Deserialize, specta::Type, DynAny)]
+pub struct NodeId(pub u64);
+
+impl NodeId {
+	pub fn new() -> Self {
+		Self(generate_uuid())
+	}
+}
+
+impl std::fmt::Display for NodeId {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		write!(f, "{}", self.0)
+	}
+}
diff --git a/node-graph/gcore/src/value.rs b/node-graph/gcore/src/value.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3c3ff94c7466de8f02ef44b1ff3ef81b98e97fbb
--- /dev/null
+++ b/node-graph/gcore/src/value.rs
@@ -0,0 +1,213 @@
+use crate::Node;
+use std::cell::{Cell, RefCell, RefMut};
+use std::marker::PhantomData;
+
+#[derive(Default, Copy, Clone, PartialEq, Eq, PartialOrd, Ord, Hash, Debug)]
+pub struct IntNode<const N: u32>;
+
+impl<'i, const N: u32, I> Node<'i, I> for IntNode<N> {
+	type Output = u32;
+	#[inline(always)]
+	fn eval(&'i self, _input: I) -> Self::Output {
+		N
+	}
+}
+
+#[derive(Default, Debug, Clone, Copy)]
+pub struct ValueNode<T>(pub T);
+
+impl<'i, T: 'i, I> Node<'i, I> for ValueNode<T> {
+	type Output = &'i T;
+	#[inline(always)]
+	fn eval(&'i self, _input: I) -> Self::Output {
+		&self.0
+	}
+}
+
+impl<T> ValueNode<T> {
+	pub const fn new(value: T) -> ValueNode<T> {
+		ValueNode(value)
+	}
+}
+
+impl<T> From<T> for ValueNode<T> {
+	fn from(value: T) -> Self {
+		ValueNode::new(value)
+	}
+}
+
+#[derive(Default, Debug, Clone, Copy)]
+pub struct AsRefNode<T: AsRef<U>, U>(pub T, PhantomData<U>);
+
+impl<'i, T: 'i + AsRef<U>, U: 'i> Node<'i, ()> for AsRefNode<T, U> {
+	type Output = &'i U;
+	#[inline(always)]
+	fn eval(&'i self, _input: ()) -> Self::Output {
+		self.0.as_ref()
+	}
+}
+
+impl<T: AsRef<U>, U> AsRefNode<T, U> {
+	pub const fn new(value: T) -> AsRefNode<T, U> {
+		AsRefNode(value, PhantomData)
+	}
+}
+
+#[derive(Default, Debug, Clone)]
+pub struct RefCellMutNode<T>(pub RefCell<T>);
+
+impl<'i, T: 'i> Node<'i, ()> for RefCellMutNode<T> {
+	type Output = RefMut<'i, T>;
+	#[inline(always)]
+	fn eval(&'i self, _input: ()) -> Self::Output {
+		let a = self.0.borrow_mut();
+		a
+	}
+}
+
+impl<T> RefCellMutNode<T> {
+	pub const fn new(value: T) -> RefCellMutNode<T> {
+		RefCellMutNode(RefCell::new(value))
+	}
+}
+
+#[derive(Default)]
+pub struct OnceCellNode<T>(pub Cell<T>);
+
+impl<'i, T: Default + 'i, I> Node<'i, I> for OnceCellNode<T> {
+	type Output = T;
+	#[inline(always)]
+	fn eval(&'i self, _input: I) -> Self::Output {
+		self.0.replace(T::default())
+	}
+}
+
+impl<T> OnceCellNode<T> {
+	pub const fn new(value: T) -> OnceCellNode<T> {
+		OnceCellNode(Cell::new(value))
+	}
+}
+
+#[derive(Clone, Copy)]
+pub struct ClonedNode<T: Clone>(pub T);
+
+impl<'i, T: Clone + 'i, I> Node<'i, I> for ClonedNode<T> {
+	type Output = T;
+	#[inline(always)]
+	fn eval(&'i self, _input: I) -> Self::Output {
+		self.0.clone()
+	}
+}
+
+impl<T: Clone> ClonedNode<T> {
+	pub const fn new(value: T) -> ClonedNode<T> {
+		ClonedNode(value)
+	}
+}
+
+impl<T: Clone> From<T> for ClonedNode<T> {
+	fn from(value: T) -> Self {
+		ClonedNode::new(value)
+	}
+}
+
+#[derive(Clone, Copy)]
+/// The DebugClonedNode logs every time it is evaluated.
+/// This is useful for debugging.
+pub struct DebugClonedNode<T: Clone>(pub T);
+
+impl<'i, T: Clone + 'i> Node<'i, ()> for DebugClonedNode<T> {
+	type Output = T;
+	#[inline(always)]
+	fn eval(&'i self, _input: ()) -> Self::Output {
+		#[cfg(not(target_arch = "spirv"))]
+		// KEEP THIS `debug!()` - It acts as the output for the debug node itself
+		log::debug!("DebugClonedNode::eval");
+
+		self.0.clone()
+	}
+}
+
+impl<T: Clone> DebugClonedNode<T> {
+	pub const fn new(value: T) -> DebugClonedNode<T> {
+		DebugClonedNode(value)
+	}
+}
+
+#[derive(Clone, Copy)]
+pub struct CopiedNode<T: Copy>(pub T);
+
+impl<'i, T: Copy + 'i, I> Node<'i, I> for CopiedNode<T> {
+	type Output = T;
+	#[inline(always)]
+	fn eval(&'i self, _input: I) -> Self::Output {
+		self.0
+	}
+}
+
+impl<T: Copy> CopiedNode<T> {
+	pub const fn new(value: T) -> CopiedNode<T> {
+		CopiedNode(value)
+	}
+}
+
+#[derive(Default)]
+pub struct DefaultNode<T>(PhantomData<T>);
+
+impl<'i, T: Default + 'i, I> Node<'i, I> for DefaultNode<T> {
+	type Output = T;
+	fn eval(&'i self, _input: I) -> Self::Output {
+		T::default()
+	}
+}
+
+impl<T> DefaultNode<T> {
+	pub fn new() -> Self {
+		Self(PhantomData)
+	}
+}
+
+#[repr(C)]
+/// Return the unit value
+#[derive(Default, Copy, Clone, PartialEq, Eq, PartialOrd, Ord, Hash, Debug)]
+pub struct ForgetNode;
+
+impl<'i, T: 'i> Node<'i, T> for ForgetNode {
+	type Output = ();
+	fn eval(&'i self, _input: T) -> Self::Output {}
+}
+
+impl ForgetNode {
+	pub const fn new() -> Self {
+		ForgetNode
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+
+	#[test]
+	fn test_int_node() {
+		let node = IntNode::<5>;
+		assert_eq!(node.eval(()), 5);
+	}
+	#[test]
+	fn test_value_node() {
+		let node = ValueNode::new(5);
+		assert_eq!(node.eval(()), &5);
+		let type_erased = &node as &dyn for<'a> Node<'a, (), Output = &'a i32>;
+		assert_eq!(type_erased.eval(()), &5);
+	}
+	#[test]
+	fn test_default_node() {
+		let node = DefaultNode::<u32>::new();
+		assert_eq!(node.eval(42), 0);
+	}
+	#[test]
+	#[allow(clippy::unit_cmp)]
+	fn test_unit_node() {
+		let node = ForgetNode::new();
+		assert_eq!(node.eval(()), ());
+	}
+}
diff --git a/node-graph/gcore/src/vector/algorithms/bezpath_algorithms.rs b/node-graph/gcore/src/vector/algorithms/bezpath_algorithms.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fa8af0f6d5a658f86ed4ac34946ce0e477fa21fe
--- /dev/null
+++ b/node-graph/gcore/src/vector/algorithms/bezpath_algorithms.rs
@@ -0,0 +1,316 @@
+use super::poisson_disk::poisson_disk_sample;
+use crate::vector::misc::{PointSpacingType, dvec2_to_point};
+use glam::DVec2;
+use kurbo::{BezPath, DEFAULT_ACCURACY, Line, ParamCurve, ParamCurveDeriv, PathEl, PathSeg, Point, Rect, Shape};
+
+/// Splits the [`BezPath`] at `t` value which lie in the range of [0, 1].
+/// Returns [`None`] if the given [`BezPath`] has no segments or `t` is within f64::EPSILON of 0 or 1.
+pub fn split_bezpath(bezpath: &BezPath, t: f64, euclidian: bool) -> Option<(BezPath, BezPath)> {
+	if t <= f64::EPSILON || (1. - t) <= f64::EPSILON || bezpath.segments().count() == 0 {
+		return None;
+	}
+
+	// Get the segment which lies at the split.
+	let (segment_index, t) = t_value_to_parametric(bezpath, t, euclidian, None);
+	let segment = bezpath.get_seg(segment_index + 1).unwrap();
+
+	// Divide the segment.
+	let first_segment = segment.subsegment(0.0..t);
+	let second_segment = segment.subsegment(t..1.);
+
+	let mut first_bezpath = BezPath::new();
+	let mut second_bezpath = BezPath::new();
+
+	// Append the segments up to the subdividing segment from original bezpath to first bezpath.
+	for segment in bezpath.segments().take(segment_index) {
+		if first_bezpath.elements().is_empty() {
+			first_bezpath.move_to(segment.start());
+		}
+		first_bezpath.push(segment.as_path_el());
+	}
+
+	// Append the first segment of the subdivided segment.
+	if first_bezpath.elements().is_empty() {
+		first_bezpath.move_to(first_segment.start());
+	}
+	first_bezpath.push(first_segment.as_path_el());
+
+	// Append the second segment of the subdivided segment in the second bezpath.
+	if second_bezpath.elements().is_empty() {
+		second_bezpath.move_to(second_segment.start());
+	}
+	second_bezpath.push(second_segment.as_path_el());
+
+	// Append the segments after the subdividing segment from original bezpath to second bezpath.
+	for segment in bezpath.segments().skip(segment_index + 1) {
+		if second_bezpath.elements().is_empty() {
+			second_bezpath.move_to(segment.start());
+		}
+		second_bezpath.push(segment.as_path_el());
+	}
+
+	Some((first_bezpath, second_bezpath))
+}
+
+pub fn position_on_bezpath(bezpath: &BezPath, t: f64, euclidian: bool, segments_length: Option<&[f64]>) -> Point {
+	let (segment_index, t) = t_value_to_parametric(bezpath, t, euclidian, segments_length);
+	bezpath.get_seg(segment_index + 1).unwrap().eval(t)
+}
+
+pub fn tangent_on_bezpath(bezpath: &BezPath, t: f64, euclidian: bool, segments_length: Option<&[f64]>) -> Point {
+	let (segment_index, t) = t_value_to_parametric(bezpath, t, euclidian, segments_length);
+	let segment = bezpath.get_seg(segment_index + 1).unwrap();
+	match segment {
+		PathSeg::Line(line) => line.deriv().eval(t),
+		PathSeg::Quad(quad_bez) => quad_bez.deriv().eval(t),
+		PathSeg::Cubic(cubic_bez) => cubic_bez.deriv().eval(t),
+	}
+}
+
+pub fn sample_polyline_on_bezpath(
+	bezpath: BezPath,
+	point_spacing_type: PointSpacingType,
+	amount: f64,
+	start_offset: f64,
+	stop_offset: f64,
+	adaptive_spacing: bool,
+	segments_length: &[f64],
+) -> Option<BezPath> {
+	let mut sample_bezpath = BezPath::new();
+
+	let was_closed = matches!(bezpath.elements().last(), Some(PathEl::ClosePath));
+
+	// Calculate the total length of the collected segments.
+	let total_length: f64 = segments_length.iter().sum();
+
+	// Adjust the usable length by subtracting start and stop offsets.
+	let mut used_length = total_length - start_offset - stop_offset;
+
+	// Sanity check that the usable length is positive.
+	if used_length <= 0. {
+		return None;
+	}
+
+	const SAFETY_MAX_COUNT: f64 = 10_000. - 1.;
+
+	// Determine the number of points to generate along the path.
+	let sample_count = match point_spacing_type {
+		PointSpacingType::Separation => {
+			let spacing = amount.min(used_length - f64::EPSILON);
+
+			if adaptive_spacing {
+				// Calculate point count to evenly distribute points while covering the entire path.
+				// With adaptive spacing, we widen or narrow the points as necessary to ensure the last point is always at the end of the path.
+				(used_length / spacing).round().min(SAFETY_MAX_COUNT)
+			} else {
+				// Calculate point count based on exact spacing, which may not cover the entire path.
+				// Without adaptive spacing, we just evenly space the points at the exact specified spacing, usually falling short before the end of the path.
+				let count = (used_length / spacing + f64::EPSILON).floor().min(SAFETY_MAX_COUNT);
+				if count != SAFETY_MAX_COUNT {
+					used_length -= used_length % spacing;
+				}
+				count
+			}
+		}
+		PointSpacingType::Quantity => (amount - 1.).floor().clamp(1., SAFETY_MAX_COUNT),
+	};
+
+	// Skip if there are no points to generate.
+	if sample_count < 1. {
+		return None;
+	}
+
+	// Decide how many loop-iterations: if closed, skip the last duplicate point
+	let sample_count_usize = sample_count as usize;
+	let max_i = if was_closed { sample_count_usize } else { sample_count_usize + 1 };
+
+	// Generate points along the path based on calculated intervals.
+	let mut length_up_to_previous_segment = 0.;
+	let mut next_segment_index = 0;
+
+	for count in 0..max_i {
+		let fraction = count as f64 / sample_count;
+		let length_up_to_next_sample_point = fraction * used_length + start_offset;
+		let mut next_length = length_up_to_next_sample_point - length_up_to_previous_segment;
+		let mut next_segment_length = segments_length[next_segment_index];
+
+		// Keep moving to the next segment while the length up to the next sample point is greater than the length up to the current segment.
+		while next_length > next_segment_length {
+			if next_segment_index == segments_length.len() - 1 {
+				break;
+			}
+			length_up_to_previous_segment += next_segment_length;
+			next_length = length_up_to_next_sample_point - length_up_to_previous_segment;
+			next_segment_index += 1;
+			next_segment_length = segments_length[next_segment_index];
+		}
+
+		let t = (next_length / next_segment_length).clamp(0., 1.);
+
+		let segment = bezpath.get_seg(next_segment_index + 1).unwrap();
+		let t = eval_pathseg_euclidean(segment, t, DEFAULT_ACCURACY);
+		let point = segment.eval(t);
+
+		if sample_bezpath.elements().is_empty() {
+			sample_bezpath.move_to(point)
+		} else {
+			sample_bezpath.line_to(point)
+		}
+	}
+
+	if was_closed {
+		sample_bezpath.close_path();
+	}
+
+	Some(sample_bezpath)
+}
+
+pub fn t_value_to_parametric(bezpath: &BezPath, t: f64, euclidian: bool, segments_length: Option<&[f64]>) -> (usize, f64) {
+	if euclidian {
+		let (segment_index, t) = bezpath_t_value_to_parametric(bezpath, BezPathTValue::GlobalEuclidean(t), segments_length);
+		let segment = bezpath.get_seg(segment_index + 1).unwrap();
+		return (segment_index, eval_pathseg_euclidean(segment, t, DEFAULT_ACCURACY));
+	}
+	bezpath_t_value_to_parametric(bezpath, BezPathTValue::GlobalParametric(t), segments_length)
+}
+
+/// Finds the t value of point on the given path segment i.e fractional distance along the segment's total length.
+/// It uses a binary search to find the value `t` such that the ratio `length_up_to_t / total_length` approximates the input `distance`.
+pub fn eval_pathseg_euclidean(path_segment: PathSeg, distance: f64, accuracy: f64) -> f64 {
+	let mut low_t = 0.;
+	let mut mid_t = 0.5;
+	let mut high_t = 1.;
+
+	let total_length = path_segment.perimeter(accuracy);
+
+	if !total_length.is_finite() || total_length <= f64::EPSILON {
+		return 0.;
+	}
+
+	let distance = distance.clamp(0., 1.);
+
+	while high_t - low_t > accuracy {
+		let current_length = path_segment.subsegment(0.0..mid_t).perimeter(accuracy);
+		let current_distance = current_length / total_length;
+
+		if current_distance > distance {
+			high_t = mid_t;
+		} else {
+			low_t = mid_t;
+		}
+		mid_t = (high_t + low_t) / 2.;
+	}
+
+	mid_t
+}
+
+/// Converts from a bezpath (composed of multiple segments) to a point along a certain segment represented.
+/// The returned tuple represents the segment index and the `t` value along that segment.
+/// Both the input global `t` value and the output `t` value are in euclidean space, meaning there is a constant rate of change along the arc length.
+fn global_euclidean_to_local_euclidean(bezpath: &BezPath, global_t: f64, lengths: &[f64], total_length: f64) -> (usize, f64) {
+	let mut accumulator = 0.;
+	for (index, length) in lengths.iter().enumerate() {
+		let length_ratio = length / total_length;
+		if (index == 0 || accumulator <= global_t) && global_t <= accumulator + length_ratio {
+			return (index, ((global_t - accumulator) / length_ratio).clamp(0., 1.));
+		}
+		accumulator += length_ratio;
+	}
+	(bezpath.segments().count() - 1, 1.)
+}
+
+enum BezPathTValue {
+	GlobalEuclidean(f64),
+	GlobalParametric(f64),
+}
+
+/// Convert a [BezPathTValue] to a parametric `(segment_index, t)` tuple.
+/// - Asserts that `t` values contained within the `SubpathTValue` argument lie in the range [0, 1].
+fn bezpath_t_value_to_parametric(bezpath: &BezPath, t: BezPathTValue, precomputed_segments_length: Option<&[f64]>) -> (usize, f64) {
+	let segment_count = bezpath.segments().count();
+	assert!(segment_count >= 1);
+
+	match t {
+		BezPathTValue::GlobalEuclidean(t) => {
+			let computed_segments_length;
+
+			let segments_length = if let Some(segments_length) = precomputed_segments_length {
+				segments_length
+			} else {
+				computed_segments_length = bezpath.segments().map(|segment| segment.perimeter(DEFAULT_ACCURACY)).collect::<Vec<f64>>();
+				computed_segments_length.as_slice()
+			};
+
+			let total_length = segments_length.iter().sum();
+
+			global_euclidean_to_local_euclidean(bezpath, t, segments_length, total_length)
+		}
+		BezPathTValue::GlobalParametric(global_t) => {
+			assert!((0.0..=1.).contains(&global_t));
+
+			if global_t == 1. {
+				return (segment_count - 1, 1.);
+			}
+
+			let scaled_t = global_t * segment_count as f64;
+			let segment_index = scaled_t.floor() as usize;
+			let t = scaled_t - segment_index as f64;
+
+			(segment_index, t)
+		}
+	}
+}
+
+/// Randomly places points across the filled surface of this subpath (which is assumed to be closed).
+/// The `separation_disk_diameter` determines the minimum distance between all points from one another.
+/// Conceptually, this works by "throwing a dart" at the subpath's bounding box and keeping the dart only if:
+/// - It's inside the shape
+/// - It's not closer than `separation_disk_diameter` to any other point from a previous accepted dart throw
+///
+/// This repeats until accepted darts fill all possible areas between one another.
+///
+/// While the conceptual process described above asymptotically slows down and is never guaranteed to produce a maximal set in finite time,
+/// this is implemented with an algorithm that produces a maximal set in O(n) time. The slowest part is actually checking if points are inside the subpath shape.
+pub fn poisson_disk_points(bezpath_index: usize, bezpaths: &[(BezPath, Rect)], separation_disk_diameter: f64, rng: impl FnMut() -> f64) -> Vec<DVec2> {
+	let (this_bezpath, this_bbox) = bezpaths[bezpath_index].clone();
+
+	if this_bezpath.elements().is_empty() {
+		return Vec::new();
+	}
+
+	let point_in_shape_checker = |point: DVec2| {
+		// Check against all paths the point is contained in to compute the correct winding number
+		let mut number = 0;
+
+		for (i, (shape, bbox)) in bezpaths.iter().enumerate() {
+			if bbox.x0 > point.x || bbox.y0 > point.y || bbox.x1 < point.x || bbox.y1 < point.y {
+				continue;
+			}
+
+			let winding = shape.winding(dvec2_to_point(point));
+			if winding == 0 && i == bezpath_index {
+				return false;
+			}
+			number += winding;
+		}
+
+		// Non-zero fill rule
+		number != 0
+	};
+
+	let line_intersect_shape_checker = |p0: (f64, f64), p1: (f64, f64)| {
+		for segment in this_bezpath.segments() {
+			if !segment.intersect_line(Line::new(p0, p1)).is_empty() {
+				return true;
+			}
+		}
+
+		false
+	};
+
+	let offset = DVec2::new(this_bbox.x0, this_bbox.y0);
+	let width = this_bbox.width();
+	let height = this_bbox.height();
+
+	poisson_disk_sample(offset, width, height, separation_disk_diameter, point_in_shape_checker, line_intersect_shape_checker, rng)
+}
diff --git a/node-graph/gcore/src/vector/algorithms/instance.rs b/node-graph/gcore/src/vector/algorithms/instance.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c980ece882603f2d671358b78976b535e8e709fd
--- /dev/null
+++ b/node-graph/gcore/src/vector/algorithms/instance.rs
@@ -0,0 +1,142 @@
+use crate::instances::{InstanceRef, Instances};
+use crate::raster_types::{CPU, RasterDataTable};
+use crate::vector::VectorDataTable;
+use crate::{CloneVarArgs, Context, Ctx, ExtractAll, ExtractIndex, ExtractVarArgs, GraphicElement, GraphicGroupTable, OwnedContextImpl};
+use glam::DVec2;
+
+#[node_macro::node(name("Instance on Points"), category("Instancing"), path(graphene_core::vector))]
+async fn instance_on_points<T: Into<GraphicElement> + Default + Send + Clone + 'static>(
+	ctx: impl ExtractAll + CloneVarArgs + Sync + Ctx,
+	points: VectorDataTable,
+	#[implementations(
+		Context -> GraphicGroupTable,
+		Context -> VectorDataTable,
+		Context -> RasterDataTable<CPU>
+	)]
+	instance: impl Node<'n, Context<'static>, Output = Instances<T>>,
+	reverse: bool,
+) -> Instances<T> {
+	let mut result_table = Instances::<T>::default();
+
+	for InstanceRef { instance: points, transform, .. } in points.instance_ref_iter() {
+		let mut iteration = async |index, point| {
+			let transformed_point = transform.transform_point2(point);
+
+			let new_ctx = OwnedContextImpl::from(ctx.clone()).with_index(index).with_vararg(Box::new(transformed_point));
+			let generated_instance = instance.eval(new_ctx.into_context()).await;
+
+			for mut instanced in generated_instance.instance_iter() {
+				instanced.transform.translation = transformed_point;
+				result_table.push(instanced);
+			}
+		};
+
+		let range = points.point_domain.positions().iter().enumerate();
+		if reverse {
+			for (index, &point) in range.rev() {
+				iteration(index, point).await;
+			}
+		} else {
+			for (index, &point) in range {
+				iteration(index, point).await;
+			}
+		}
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Instancing"), path(graphene_core::vector))]
+async fn instance_repeat<T: Into<GraphicElement> + Default + Send + Clone + 'static>(
+	ctx: impl ExtractAll + CloneVarArgs + Ctx,
+	#[implementations(
+		Context -> GraphicGroupTable,
+		Context -> VectorDataTable,
+		Context -> RasterDataTable<CPU>
+	)]
+	instance: impl Node<'n, Context<'static>, Output = Instances<T>>,
+	#[default(1)] count: u64,
+	reverse: bool,
+) -> Instances<T> {
+	let count = count.max(1) as usize;
+
+	let mut result_table = Instances::<T>::default();
+
+	for index in 0..count {
+		let index = if reverse { count - index - 1 } else { index };
+
+		let new_ctx = OwnedContextImpl::from(ctx.clone()).with_index(index);
+		let generated_instance = instance.eval(new_ctx.into_context()).await;
+
+		for instanced in generated_instance.instance_iter() {
+			result_table.push(instanced);
+		}
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Instancing"), path(graphene_core::vector))]
+async fn instance_position(ctx: impl Ctx + ExtractVarArgs) -> DVec2 {
+	match ctx.vararg(0).map(|dynamic| dynamic.downcast_ref::<DVec2>()) {
+		Ok(Some(position)) => return *position,
+		Ok(_) => warn!("Extracted value of incorrect type"),
+		Err(e) => warn!("Cannot extract position vararg: {e:?}"),
+	}
+	Default::default()
+}
+
+// TODO: Make this return a u32 instead of an f64, but we ned to improve math-related compatibility with integer types first.
+#[node_macro::node(category("Instancing"), path(graphene_core::vector))]
+async fn instance_index(ctx: impl Ctx + ExtractIndex) -> f64 {
+	match ctx.try_index() {
+		Some(index) => return index as f64,
+		None => warn!("Extracted value of incorrect type"),
+	}
+	0.
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use crate::Node;
+	use crate::extract_xy::{ExtractXyNode, XY};
+	use crate::vector::VectorData;
+	use bezier_rs::Subpath;
+	use glam::DVec2;
+	use std::pin::Pin;
+
+	#[derive(Clone)]
+	pub struct FutureWrapperNode<T: Clone>(T);
+
+	impl<'i, I: Ctx, T: 'i + Clone + Send> Node<'i, I> for FutureWrapperNode<T> {
+		type Output = Pin<Box<dyn Future<Output = T> + 'i + Send>>;
+		fn eval(&'i self, _input: I) -> Self::Output {
+			let value = self.0.clone();
+			Box::pin(async move { value })
+		}
+	}
+
+	#[tokio::test]
+	async fn instance_on_points_test() {
+		let owned = OwnedContextImpl::default().into_context();
+		let rect = crate::vector::generator_nodes::RectangleNode::new(
+			FutureWrapperNode(()),
+			ExtractXyNode::new(InstancePositionNode {}, FutureWrapperNode(XY::Y)),
+			FutureWrapperNode(2_f64),
+			FutureWrapperNode(false),
+			FutureWrapperNode(0_f64),
+			FutureWrapperNode(false),
+		);
+
+		let positions = [DVec2::new(40., 20.), DVec2::ONE, DVec2::new(-42., 9.), DVec2::new(10., 345.)];
+		let points = VectorDataTable::new(VectorData::from_subpath(Subpath::from_anchors_linear(positions, false)));
+		let repeated = super::instance_on_points(owned, points, &rect, false).await;
+		assert_eq!(repeated.len(), positions.len());
+		for (position, instanced) in positions.into_iter().zip(repeated.instance_ref_iter()) {
+			let bounds = instanced.instance.bounding_box_with_transform(*instanced.transform).unwrap();
+			assert!(position.abs_diff_eq((bounds[0] + bounds[1]) / 2., 1e-10));
+			assert_eq!((bounds[1] - bounds[0]).x, position.y);
+		}
+	}
+}
diff --git a/node-graph/gcore/src/vector/algorithms/merge_by_distance.rs b/node-graph/gcore/src/vector/algorithms/merge_by_distance.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7cd5adc4c5cc43ff5e2a76c102a13a31054e350d
--- /dev/null
+++ b/node-graph/gcore/src/vector/algorithms/merge_by_distance.rs
@@ -0,0 +1,214 @@
+use crate::vector::{PointDomain, PointId, SegmentDomain, VectorData, VectorDataIndex};
+use glam::{DAffine2, DVec2};
+use petgraph::prelude::UnGraphMap;
+use rustc_hash::FxHashSet;
+
+pub trait MergeByDistanceExt {
+	/// Collapse all points with edges shorter than the specified distance
+	fn merge_by_distance_topological(&mut self, distance: f64);
+	fn merge_by_distance_spatial(&mut self, transform: DAffine2, distance: f64);
+}
+
+impl MergeByDistanceExt for VectorData {
+	fn merge_by_distance_topological(&mut self, distance: f64) {
+		// Treat self as an undirected graph
+		let indices = VectorDataIndex::build_from(self);
+
+		// TODO: We lose information on the winding order by using an undirected graph. Switch to a directed graph and fix the algorithm to handle that.
+		// Graph containing only short edges, referencing the data graph
+		let mut short_edges = UnGraphMap::new();
+
+		for segment_id in self.segment_ids().iter().copied() {
+			let length = indices.segment_chord_length(segment_id);
+			if length < distance {
+				let [start, end] = indices.segment_ends(segment_id);
+				let start = indices.point_graph.node_weight(start).unwrap().id;
+				let end = indices.point_graph.node_weight(end).unwrap().id;
+
+				short_edges.add_node(start);
+				short_edges.add_node(end);
+				short_edges.add_edge(start, end, segment_id);
+			}
+		}
+
+		// Group connected segments to collapse them into a single point
+		// TODO: there are a few possible algorithms for this - perhaps test empirically to find fastest
+		let collapse: Vec<FxHashSet<PointId>> = petgraph::algo::tarjan_scc(&short_edges).into_iter().map(|connected| connected.into_iter().collect()).collect();
+		let average_position = collapse
+			.iter()
+			.map(|collapse_set| {
+				let sum: DVec2 = collapse_set.iter().map(|&id| indices.point_position(id, self)).sum();
+				sum / collapse_set.len() as f64
+			})
+			.collect::<Vec<_>>();
+
+		// Collect points and segments to delete at the end to avoid invalidating indices
+		let mut points_to_delete = FxHashSet::default();
+		let mut segments_to_delete = FxHashSet::default();
+		for (mut collapse_set, average_pos) in collapse.into_iter().zip(average_position.into_iter()) {
+			// Remove any segments where both endpoints are in the collapse set
+			segments_to_delete.extend(self.segment_domain.iter().filter_map(|(id, start_offset, end_offset, _)| {
+				let start = self.point_domain.ids()[start_offset];
+				let end = self.point_domain.ids()[end_offset];
+				if collapse_set.contains(&start) && collapse_set.contains(&end) { Some(id) } else { None }
+			}));
+
+			// Delete all points but the first, set its position to the average, and update segments
+			let first_id = collapse_set.iter().copied().next().unwrap();
+			collapse_set.remove(&first_id);
+			let first_offset = indices.point_to_offset[&first_id];
+
+			// Look for segments with endpoints in `collapse_set` and replace them with the point we are collapsing to
+			for (_, start_offset, end_offset, handles) in self.segment_domain.iter_mut() {
+				let start_id = self.point_domain.ids()[*start_offset];
+				let end_id = self.point_domain.ids()[*end_offset];
+
+				// Update Bezier handles for moved points
+				if start_id == first_id {
+					let point_position = self.point_domain.position[*start_offset];
+					handles.move_start(average_pos - point_position);
+				}
+				if end_id == first_id {
+					let point_position = self.point_domain.position[*end_offset];
+					handles.move_end(average_pos - point_position);
+				}
+
+				// Replace removed points with the collapsed point
+				if collapse_set.contains(&start_id) {
+					let point_position = self.point_domain.position[*start_offset];
+					*start_offset = first_offset;
+					handles.move_start(average_pos - point_position);
+				}
+				if collapse_set.contains(&end_id) {
+					let point_position = self.point_domain.position[*end_offset];
+					*end_offset = first_offset;
+					handles.move_end(average_pos - point_position);
+				}
+			}
+
+			// Update the position of the collapsed point
+			self.point_domain.position[first_offset] = average_pos;
+
+			points_to_delete.extend(collapse_set)
+		}
+
+		// Remove faces whose start or end segments are removed
+		// TODO: Adjust faces and only delete if all (or all but one) segments are removed
+		self.region_domain
+			.retain_with_region(|_, segment_range| segments_to_delete.contains(segment_range.start()) || segments_to_delete.contains(segment_range.end()));
+		self.segment_domain.retain(|id| !segments_to_delete.contains(id), usize::MAX);
+		self.point_domain.retain(&mut self.segment_domain, |id| !points_to_delete.contains(id));
+	}
+
+	fn merge_by_distance_spatial(&mut self, transform: DAffine2, distance: f64) {
+		let point_count = self.point_domain.positions().len();
+
+		// Find min x and y for grid cell normalization
+		let mut min_x = f64::MAX;
+		let mut min_y = f64::MAX;
+
+		// Calculate mins without collecting all positions
+		for &pos in self.point_domain.positions() {
+			let transformed_pos = transform.transform_point2(pos);
+			min_x = min_x.min(transformed_pos.x);
+			min_y = min_y.min(transformed_pos.y);
+		}
+
+		// Create a spatial grid with cell size of 'distance'
+		use std::collections::HashMap;
+		let mut grid: HashMap<(i32, i32), Vec<usize>> = HashMap::new();
+
+		// Add points to grid cells without collecting all positions first
+		for i in 0..point_count {
+			let pos = transform.transform_point2(self.point_domain.positions()[i]);
+			let grid_x = ((pos.x - min_x) / distance).floor() as i32;
+			let grid_y = ((pos.y - min_y) / distance).floor() as i32;
+
+			grid.entry((grid_x, grid_y)).or_default().push(i);
+		}
+
+		// Create point index mapping for merged points
+		let mut point_index_map = vec![None; point_count];
+		let mut merged_positions = Vec::new();
+		let mut merged_indices = Vec::new();
+
+		// Process each point
+		for i in 0..point_count {
+			// Skip points that have already been processed
+			if point_index_map[i].is_some() {
+				continue;
+			}
+
+			let pos_i = transform.transform_point2(self.point_domain.positions()[i]);
+			let grid_x = ((pos_i.x - min_x) / distance).floor() as i32;
+			let grid_y = ((pos_i.y - min_y) / distance).floor() as i32;
+
+			let mut group = vec![i];
+
+			// Check only neighboring cells (3x3 grid around current cell)
+			for dx in -1..=1 {
+				for dy in -1..=1 {
+					let neighbor_cell = (grid_x + dx, grid_y + dy);
+
+					if let Some(indices) = grid.get(&neighbor_cell) {
+						for &j in indices {
+							if j > i && point_index_map[j].is_none() {
+								let pos_j = transform.transform_point2(self.point_domain.positions()[j]);
+								if pos_i.distance(pos_j) <= distance {
+									group.push(j);
+								}
+							}
+						}
+					}
+				}
+			}
+
+			// Create merged point - calculate positions as needed
+			let merged_position = group
+				.iter()
+				.map(|&idx| transform.transform_point2(self.point_domain.positions()[idx]))
+				.fold(DVec2::ZERO, |sum, pos| sum + pos)
+				/ group.len() as f64;
+
+			let merged_position = transform.inverse().transform_point2(merged_position);
+			let merged_index = merged_positions.len();
+
+			merged_positions.push(merged_position);
+			merged_indices.push(self.point_domain.ids()[group[0]]);
+
+			// Update mapping for all points in the group
+			for &idx in &group {
+				point_index_map[idx] = Some(merged_index);
+			}
+		}
+
+		// Create new point domain with merged points
+		let mut new_point_domain = PointDomain::new();
+		for (idx, pos) in merged_indices.into_iter().zip(merged_positions) {
+			new_point_domain.push(idx, pos);
+		}
+
+		// Update segment domain
+		let mut new_segment_domain = SegmentDomain::new();
+		for segment_idx in 0..self.segment_domain.ids().len() {
+			let id = self.segment_domain.ids()[segment_idx];
+			let start = self.segment_domain.start_point()[segment_idx];
+			let end = self.segment_domain.end_point()[segment_idx];
+			let handles = self.segment_domain.handles()[segment_idx];
+			let stroke = self.segment_domain.stroke()[segment_idx];
+
+			// Get new indices for start and end points
+			let new_start = point_index_map[start].unwrap();
+			let new_end = point_index_map[end].unwrap();
+
+			// Skip segments where start and end points were merged
+			if new_start != new_end {
+				new_segment_domain.push(id, new_start, new_end, handles, stroke);
+			}
+		}
+
+		// Create new vector data
+		self.point_domain = new_point_domain;
+		self.segment_domain = new_segment_domain;
+	}
+}
diff --git a/node-graph/gcore/src/vector/algorithms/mod.rs b/node-graph/gcore/src/vector/algorithms/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ed44f2559032056a1ee541b8f73a86f942c0c3ce
--- /dev/null
+++ b/node-graph/gcore/src/vector/algorithms/mod.rs
@@ -0,0 +1,6 @@
+pub mod bezpath_algorithms;
+pub mod instance;
+pub mod merge_by_distance;
+pub mod offset_subpath;
+pub mod poisson_disk;
+pub mod spline;
diff --git a/node-graph/gcore/src/vector/algorithms/offset_subpath.rs b/node-graph/gcore/src/vector/algorithms/offset_subpath.rs
new file mode 100644
index 0000000000000000000000000000000000000000..2041ebdefa20d9d5f622eeaa459312510e52ab6d
--- /dev/null
+++ b/node-graph/gcore/src/vector/algorithms/offset_subpath.rs
@@ -0,0 +1,173 @@
+use crate::vector::PointId;
+use bezier_rs::{Bezier, BezierHandles, Join, Subpath, TValue};
+
+/// Value to control smoothness and mathematical accuracy to offset a cubic Bezier.
+const CUBIC_REGULARIZATION_ACCURACY: f64 = 0.5;
+/// Accuracy of fitting offset curve to Bezier paths.
+const CUBIC_TO_BEZPATH_ACCURACY: f64 = 1e-3;
+/// Constant used to determine if `f64`s are equivalent.
+pub const MAX_ABSOLUTE_DIFFERENCE: f64 = 1e-3;
+
+fn segment_to_bezier(seg: kurbo::PathSeg) -> Bezier {
+	match seg {
+		kurbo::PathSeg::Line(line) => Bezier::from_linear_coordinates(line.p0.x, line.p0.y, line.p1.x, line.p1.y),
+		kurbo::PathSeg::Quad(quad_bez) => Bezier::from_quadratic_coordinates(quad_bez.p0.x, quad_bez.p0.y, quad_bez.p1.x, quad_bez.p1.y, quad_bez.p1.x, quad_bez.p1.y),
+		kurbo::PathSeg::Cubic(cubic_bez) => Bezier::from_cubic_coordinates(
+			cubic_bez.p0.x,
+			cubic_bez.p0.y,
+			cubic_bez.p1.x,
+			cubic_bez.p1.y,
+			cubic_bez.p2.x,
+			cubic_bez.p2.y,
+			cubic_bez.p3.x,
+			cubic_bez.p3.y,
+		),
+	}
+}
+
+// TODO: Replace the implementation to use only Kurbo API.
+/// Reduces the segments of the subpath into simple subcurves, then offset each subcurve a set `distance` away.
+/// The intersections of segments of the subpath are joined using the method specified by the `join` argument.
+pub fn offset_subpath(subpath: &Subpath<PointId>, distance: f64, join: Join) -> Subpath<PointId> {
+	// An offset at a distance 0 from the curve is simply the same curve.
+	// An offset of a single point is not defined.
+	if distance == 0. || subpath.len() <= 1 || subpath.len_segments() < 1 {
+		return subpath.clone();
+	}
+
+	let mut subpaths = subpath
+			.iter()
+			.filter(|bezier| !bezier.is_point())
+			.map(|bezier| bezier.to_cubic())
+			.map(|cubic| {
+				let Bezier { start, end, handles } = cubic;
+				let BezierHandles::Cubic { handle_start, handle_end } = handles else { unreachable!()};
+
+				let cubic_bez = kurbo::CubicBez::new((start.x, start.y), (handle_start.x, handle_start.y), (handle_end.x, handle_end.y), (end.x, end.y));
+				let cubic_offset = kurbo::offset::CubicOffset::new_regularized(cubic_bez, distance, CUBIC_REGULARIZATION_ACCURACY);
+				let offset_bezpath = kurbo::fit_to_bezpath(&cubic_offset, CUBIC_TO_BEZPATH_ACCURACY);
+
+				let beziers = offset_bezpath.segments().fold(Vec::new(), |mut acc, seg| {
+					acc.push(segment_to_bezier(seg));
+					acc
+				});
+
+				Subpath::from_beziers(&beziers, false)
+			})
+			.filter(|subpath| subpath.len() >= 2) // In some cases the reduced and scaled bézier is marked by is_point (so the subpath is empty).
+			.collect::<Vec<Subpath<PointId>>>();
+
+	let mut drop_common_point = vec![true; subpath.len()];
+
+	// Clip or join consecutive Subpaths
+	for i in 0..subpaths.len() - 1 {
+		let j = i + 1;
+		let subpath1 = &subpaths[i];
+		let subpath2 = &subpaths[j];
+
+		let last_segment = subpath1.get_segment(subpath1.len_segments() - 1).unwrap();
+		let first_segment = subpath2.get_segment(0).unwrap();
+
+		// If the anchors are approximately equal, there is no need to clip / join the segments
+		if last_segment.end().abs_diff_eq(first_segment.start(), MAX_ABSOLUTE_DIFFERENCE) {
+			continue;
+		}
+
+		// Calculate the angle formed between two consecutive Subpaths
+		let out_tangent = subpath.get_segment(i).unwrap().tangent(TValue::Parametric(1.));
+		let in_tangent = subpath.get_segment(j).unwrap().tangent(TValue::Parametric(0.));
+		let angle = out_tangent.angle_to(in_tangent);
+
+		// The angle is concave. The Subpath overlap and must be clipped
+		let mut apply_join = true;
+		if (angle > 0. && distance > 0.) || (angle < 0. && distance < 0.) {
+			// If the distance is large enough, there may still be no intersections. Also, if the angle is close enough to zero,
+			// subpath intersections may find no intersections. In this case, the points are likely close enough that we can approximate
+			// the points as being on top of one another.
+			if let Some((clipped_subpath1, clipped_subpath2)) = Subpath::clip_simple_subpaths(subpath1, subpath2) {
+				subpaths[i] = clipped_subpath1;
+				subpaths[j] = clipped_subpath2;
+				apply_join = false;
+			}
+		}
+		// The angle is convex. The Subpath must be joined using the specified join type
+		if apply_join {
+			drop_common_point[j] = false;
+			match join {
+				Join::Bevel => {}
+				Join::Miter(miter_limit) => {
+					let miter_manipulator_group = subpaths[i].miter_line_join(&subpaths[j], miter_limit);
+					if let Some(miter_manipulator_group) = miter_manipulator_group {
+						subpaths[i].manipulator_groups_mut().push(miter_manipulator_group);
+					}
+				}
+				Join::Round => {
+					let (out_handle, round_point, in_handle) = subpaths[i].round_line_join(&subpaths[j], subpath.manipulator_groups()[j].anchor);
+					let last_index = subpaths[i].manipulator_groups().len() - 1;
+					subpaths[i].manipulator_groups_mut()[last_index].out_handle = Some(out_handle);
+					subpaths[i].manipulator_groups_mut().push(round_point);
+					subpaths[j].manipulator_groups_mut()[0].in_handle = Some(in_handle);
+				}
+			}
+		}
+	}
+
+	// Clip any overlap in the last segment
+	if subpath.closed {
+		let out_tangent = subpath.get_segment(subpath.len_segments() - 1).unwrap().tangent(TValue::Parametric(1.));
+		let in_tangent = subpath.get_segment(0).unwrap().tangent(TValue::Parametric(0.));
+		let angle = out_tangent.angle_to(in_tangent);
+
+		let mut apply_join = true;
+		if (angle > 0. && distance > 0.) || (angle < 0. && distance < 0.) {
+			if let Some((clipped_subpath1, clipped_subpath2)) = Subpath::clip_simple_subpaths(&subpaths[subpaths.len() - 1], &subpaths[0]) {
+				// Merge the clipped subpaths
+				let last_index = subpaths.len() - 1;
+				subpaths[last_index] = clipped_subpath1;
+				subpaths[0] = clipped_subpath2;
+				apply_join = false;
+			}
+		}
+		if apply_join {
+			drop_common_point[0] = false;
+			match join {
+				Join::Bevel => {}
+				Join::Miter(miter_limit) => {
+					let last_subpath_index = subpaths.len() - 1;
+					let miter_manipulator_group = subpaths[last_subpath_index].miter_line_join(&subpaths[0], miter_limit);
+					if let Some(miter_manipulator_group) = miter_manipulator_group {
+						subpaths[last_subpath_index].manipulator_groups_mut().push(miter_manipulator_group);
+					}
+				}
+				Join::Round => {
+					let last_subpath_index = subpaths.len() - 1;
+					let (out_handle, round_point, in_handle) = subpaths[last_subpath_index].round_line_join(&subpaths[0], subpath.manipulator_groups()[0].anchor);
+					let last_index = subpaths[last_subpath_index].manipulator_groups().len() - 1;
+					subpaths[last_subpath_index].manipulator_groups_mut()[last_index].out_handle = Some(out_handle);
+					subpaths[last_subpath_index].manipulator_groups_mut().push(round_point);
+					subpaths[0].manipulator_groups_mut()[0].in_handle = Some(in_handle);
+				}
+			}
+		}
+	}
+
+	// Merge the subpaths. Drop points which overlap with one another.
+	let mut manipulator_groups = subpaths[0].manipulator_groups().to_vec();
+	for i in 1..subpaths.len() {
+		if drop_common_point[i] {
+			let last_group = manipulator_groups.pop().unwrap();
+			let mut manipulators_copy = subpaths[i].manipulator_groups().to_vec();
+			manipulators_copy[0].in_handle = last_group.in_handle;
+
+			manipulator_groups.append(&mut manipulators_copy);
+		} else {
+			manipulator_groups.append(&mut subpaths[i].manipulator_groups().to_vec());
+		}
+	}
+	if subpath.closed && drop_common_point[0] {
+		let last_group = manipulator_groups.pop().unwrap();
+		manipulator_groups[0].in_handle = last_group.in_handle;
+	}
+
+	Subpath::new(manipulator_groups, subpath.closed)
+}
diff --git a/node-graph/gcore/src/vector/algorithms/poisson_disk.rs b/node-graph/gcore/src/vector/algorithms/poisson_disk.rs
new file mode 100644
index 0000000000000000000000000000000000000000..da42a486de5d74b3cc0d233c2a2a2f124be16b97
--- /dev/null
+++ b/node-graph/gcore/src/vector/algorithms/poisson_disk.rs
@@ -0,0 +1,422 @@
+use glam::DVec2;
+use std::collections::HashMap;
+use std::f64;
+
+const DEEPEST_SUBDIVISION_LEVEL_BEFORE_DISCARDING: usize = 8;
+
+/// Fast (O(n) with respect to time and memory) algorithm for generating a maximal set of points using Poisson-disk sampling.
+/// Based on the paper:
+/// "Poisson Disk Point Sets by Hierarchical Dart Throwing"
+/// <https://scholarsarchive.byu.edu/facpub/237/>
+pub fn poisson_disk_sample(
+	offset: DVec2,
+	width: f64,
+	height: f64,
+	diameter: f64,
+	point_in_shape_checker: impl Fn(DVec2) -> bool,
+	line_intersect_shape_checker: impl Fn((f64, f64), (f64, f64)) -> bool,
+	rng: impl FnMut() -> f64,
+) -> Vec<DVec2> {
+	let mut rng = rng;
+	let diameter_squared = diameter.powi(2);
+
+	// Initialize a place to store the generated points within a spatial acceleration structure
+	let mut points_grid = AccelerationGrid::new(width, height, diameter);
+
+	// Pick a grid size for the base-level domain that's as large as possible, while also:
+	// - Dividing into an integer number of cells across the dartboard domain, to avoid wastefully throwing darts beyond the width and height of the dartboard domain
+	// - Being fully covered by the radius around a dart thrown anywhere in its area, where the worst-case is a corner which has a distance of sqrt(2) to the opposite corner
+	let greater_dimension = width.max(height);
+	let base_level_grid_size = greater_dimension / (greater_dimension * f64::consts::SQRT_2 / (diameter / 2.)).ceil();
+
+	// Initialize the problem by including all base-level squares in the active list since they're all part of the yet-to-be-targetted dartboard domain
+	let base_level = ActiveListLevel::new_filled(base_level_grid_size, offset, width, height, &point_in_shape_checker, &line_intersect_shape_checker);
+	// In the future, if necessary, this could be turned into a fixed-length array with worst-case length `f64::MANTISSA_DIGITS`
+	let mut active_list_levels = vec![base_level];
+
+	// Loop until all active squares have been processed, meaning all of the dartboard domain has been checked
+	while active_list_levels.iter().any(|active_list| active_list.not_empty()) {
+		// Randomly pick a square in the dartboard domain, with probability proportional to its area
+		let (active_square_level, active_square_index_in_level) = target_active_square(&active_list_levels, &mut rng);
+
+		// The level contains the list of all active squares at this target square's subdivision depth
+		let level = &mut active_list_levels[active_square_level];
+
+		// Take the targetted active square out of the list and get its size
+		let active_square = level.take_square(active_square_index_in_level);
+		let active_square_size = level.square_size();
+
+		// Skip this target square if it's within range of any current points, since more nearby points could have been added after this square was included in the active list
+		if !square_not_covered_by_poisson_points(active_square.top_left_corner(), active_square_size / 2., diameter_squared, &points_grid) {
+			continue;
+		}
+
+		// Throw a dart by picking a random point within this target square
+		let point = {
+			let active_top_left_corner = active_square.top_left_corner();
+			let x = active_top_left_corner.x + rng() * active_square_size;
+			let y = active_top_left_corner.y + rng() * active_square_size;
+			(x, y).into()
+		};
+
+		// If the dart hit a valid spot, save that point (we're now permanently done with this target square's region)
+		if point_not_covered_by_poisson_points(point, diameter_squared, &points_grid) {
+			// Silently reject the point if it lies outside the shape
+			if active_square.fully_in_shape() || point_in_shape_checker(point + offset) {
+				points_grid.insert(point);
+			}
+		}
+		// Otherwise, subdivide this target square and add valid sub-squares back to the active list for later targetting
+		else {
+			// Discard any targetable domain smaller than this limited number of subdivision levels since it's too small to matter
+			let next_level_deeper_level = active_square_level + 1;
+			if next_level_deeper_level > DEEPEST_SUBDIVISION_LEVEL_BEFORE_DISCARDING {
+				continue;
+			}
+
+			// If necessary for the following step, add another layer of depth to store squares at the next subdivision level
+			if active_list_levels.len() <= next_level_deeper_level {
+				active_list_levels.push(ActiveListLevel::new(active_square_size / 2.))
+			}
+
+			// Get the list of active squares at the level of depth beneath this target square's level
+			let next_level_deeper = &mut active_list_levels[next_level_deeper_level];
+
+			// Subdivide this target square into four sub-squares; running out of numerical precision will make this terminate at very small scales
+			let subdivided_size = active_square_size / 2.;
+			let active_top_left_corner = active_square.top_left_corner();
+			let subdivided = [
+				active_top_left_corner + DVec2::new(0., 0.),
+				active_top_left_corner + DVec2::new(subdivided_size, 0.),
+				active_top_left_corner + DVec2::new(0., subdivided_size),
+				active_top_left_corner + DVec2::new(subdivided_size, subdivided_size),
+			];
+
+			// Add the sub-squares which aren't within the radius of a nearby point to the sub-level's active list
+			let half_subdivided_size = subdivided_size / 2.;
+			let new_sub_squares = subdivided.into_iter().filter_map(|sub_square| {
+				// Any sub-squares within the radius of a nearby point are filtered out
+				if !square_not_covered_by_poisson_points(sub_square, half_subdivided_size, diameter_squared, &points_grid) {
+					return None;
+				}
+
+				// Fully inside the shape
+				if active_square.fully_in_shape() {
+					Some(ActiveSquare::new(sub_square, true))
+				}
+				// Intersecting the shape's border
+				else {
+					// The sub-square is fully inside the shape if its top-left corner is inside and its edges don't intersect the shape border
+					let point_with_offset = sub_square + offset;
+					let square_edges_intersect_shape = {
+						let min = point_with_offset;
+						let max = min + DVec2::splat(subdivided_size);
+
+						// Top edge line
+						line_intersect_shape_checker((min.x, min.y), (max.x, min.y)) ||
+						// Right edge line
+						line_intersect_shape_checker((max.x, min.y), (max.x, max.y)) ||
+						// Bottom edge line
+						line_intersect_shape_checker((max.x, max.y), (min.x, max.y)) ||
+						// Left edge line
+						line_intersect_shape_checker((min.x, max.y), (min.x, min.y))
+					};
+					let sub_square_fully_inside_shape = !square_edges_intersect_shape && point_in_shape_checker(point_with_offset) && point_in_shape_checker(point_with_offset + subdivided_size);
+
+					Some(ActiveSquare::new(sub_square, sub_square_fully_inside_shape))
+				}
+			});
+			next_level_deeper.add_squares(new_sub_squares);
+		}
+	}
+
+	points_grid.final_points(offset)
+}
+
+/// Randomly pick a square in the dartboard domain, with probability proportional to its area.
+/// Returns a tuple with the subdivision level depth and the square index at that depth.
+fn target_active_square(active_list_levels: &[ActiveListLevel], rng: &mut impl FnMut() -> f64) -> (usize, usize) {
+	let active_squares_total_area: f64 = active_list_levels.iter().map(|active_list| active_list.total_area()).sum();
+	let mut index_into_area = rng() * active_squares_total_area;
+
+	for (level, active_list_level) in active_list_levels.iter().enumerate() {
+		let subtracted = index_into_area - active_list_level.total_area();
+		if subtracted > 0. {
+			index_into_area = subtracted;
+			continue;
+		}
+
+		let active_square_index_in_level = (index_into_area / active_list_levels[level].square_area()).floor() as usize;
+		return (level, active_square_index_in_level);
+	}
+
+	panic!("index_into_area couldn't be be mapped to a square in any level of the active lists");
+}
+
+fn point_not_covered_by_poisson_points(point: DVec2, diameter_squared: f64, points_grid: &AccelerationGrid) -> bool {
+	points_grid.nearby_points(point).all(|nearby_point| {
+		let x_separation = nearby_point.x - point.x;
+		let y_separation = nearby_point.y - point.y;
+
+		x_separation.powi(2) + y_separation.powi(2) > diameter_squared
+	})
+}
+
+fn square_not_covered_by_poisson_points(point: DVec2, half_square_size: f64, diameter_squared: f64, points_grid: &AccelerationGrid) -> bool {
+	let square_center_x = point.x + half_square_size;
+	let square_center_y = point.y + half_square_size;
+
+	points_grid.nearby_points(point).all(|nearby_point| {
+		let x_distance = (square_center_x - nearby_point.x).abs() + half_square_size;
+		let y_distance = (square_center_y - nearby_point.y).abs() + half_square_size;
+
+		x_distance.powi(2) + y_distance.powi(2) > diameter_squared
+	})
+}
+
+#[inline(always)]
+fn cartesian_product<A, B>(a: A, b: B) -> impl Iterator<Item = (A::Item, B::Item)>
+where
+	A: Iterator + Clone,
+	B: Iterator + Clone,
+	A::Item: Clone,
+	B::Item: Clone,
+{
+	a.flat_map(move |i| (b.clone().map(move |j| (i.clone(), j))))
+}
+
+/// A square (represented by its top left corner position and width/height of `square_size`) that is currently a candidate for targetting by the dart throwing process.
+/// The positive sign bit encodes if the square is contained entirely within the masking shape, or negative if it's outside or intersects the shape path.
+pub struct ActiveSquare(DVec2);
+
+impl ActiveSquare {
+	pub fn new(top_left_corner: DVec2, fully_in_shape: bool) -> Self {
+		Self(if fully_in_shape { top_left_corner } else { -top_left_corner })
+	}
+
+	pub fn top_left_corner(&self) -> DVec2 {
+		self.0.abs()
+	}
+
+	pub fn fully_in_shape(&self) -> bool {
+		self.0.x.is_sign_positive()
+	}
+}
+
+pub struct ActiveListLevel {
+	/// List of all subdivided squares of the same size that are currently candidates for targetting by the dart throwing process
+	active_squares: Vec<ActiveSquare>,
+	/// Width and height of the squares in this level of subdivision
+	square_size: f64,
+	/// Current sum of the area in all active squares in this subdivision level
+	total_area: f64,
+}
+
+impl ActiveListLevel {
+	#[inline(always)]
+	pub fn new(square_size: f64) -> Self {
+		Self {
+			active_squares: Vec::new(),
+			square_size,
+			total_area: 0.,
+		}
+	}
+
+	pub fn new_filled(
+		square_size: f64,
+		offset: DVec2,
+		width: f64,
+		height: f64,
+		point_in_shape_checker: impl Fn(DVec2) -> bool,
+		line_intersect_shape_checker: impl Fn((f64, f64), (f64, f64)) -> bool,
+	) -> Self {
+		// These should divide evenly but rounding is to protect against small numerical imprecision errors
+		let x_squares = (width / square_size).round() as usize;
+		let y_squares = (height / square_size).round() as usize;
+
+		// Hashes based on the grid cell coordinates and direction of the line: (x, y, is_vertical)
+		let mut line_intersection_cache: HashMap<(usize, usize, bool), bool> = HashMap::new();
+
+		// Populate each square with its top-left corner coordinate
+		let active_squares: Vec<_> = cartesian_product(0..x_squares, 0..y_squares)
+			.filter_map(|(x, y)| {
+				let corner = DVec2::new(x as f64 * square_size, y as f64 * square_size);
+				let corner_with_offset = corner + offset;
+
+				// Lazily check (and cache) if the square's edges intersect the shape, which is an expensive operation
+				let mut square_edges_intersect_shape_value = None;
+				let mut square_edges_intersect_shape = || {
+					square_edges_intersect_shape_value.unwrap_or_else(|| {
+						let square_edges_intersect_shape = {
+							let min = corner_with_offset;
+							let max = min + DVec2::splat(square_size);
+
+							// Top edge line
+							*line_intersection_cache.entry((x, y, false)).or_insert_with(|| line_intersect_shape_checker((min.x, min.y), (max.x, min.y))) ||
+							// Right edge line
+							*line_intersection_cache.entry((x + 1, y, true)).or_insert_with(|| line_intersect_shape_checker((max.x, min.y), (max.x, max.y))) ||
+							// Bottom edge line
+							*line_intersection_cache.entry((x, y + 1, false)).or_insert_with(|| line_intersect_shape_checker((max.x, max.y), (min.x, max.y))) ||
+							// Left edge line
+							*line_intersection_cache.entry((x, y, true)).or_insert_with(|| line_intersect_shape_checker((min.x, max.y), (min.x, min.y)))
+						};
+						square_edges_intersect_shape_value = Some(square_edges_intersect_shape);
+						square_edges_intersect_shape
+					})
+				};
+
+				// Check if this cell's top-left corner is inside the shape
+				let point_in_shape = point_in_shape_checker(corner_with_offset);
+
+				// Determine if the square is inside the shape
+				let square_not_outside_shape = point_in_shape || square_edges_intersect_shape();
+				if square_not_outside_shape {
+					// Check if this cell's bottom-right corner is inside the shape
+					let opposite_corner_with_offset = DVec2::new((x + 1) as f64 * square_size, (y + 1) as f64 * square_size) + offset;
+					let opposite_corner_in_shape = point_in_shape_checker(opposite_corner_with_offset);
+
+					let square_in_shape = opposite_corner_in_shape && !square_edges_intersect_shape();
+					Some(ActiveSquare::new(corner, square_in_shape))
+				} else {
+					None
+				}
+			})
+			.collect();
+
+		// Sum every square's area to get the total
+		let total_area = square_size.powi(2) * active_squares.len() as f64;
+
+		Self {
+			active_squares,
+			square_size,
+			total_area,
+		}
+	}
+
+	#[must_use]
+	#[inline(always)]
+	pub fn take_square(&mut self, active_square_index: usize) -> ActiveSquare {
+		let targetted_square = self.active_squares.swap_remove(active_square_index);
+		self.total_area = self.square_size.powi(2) * self.active_squares.len() as f64;
+		targetted_square
+	}
+
+	#[inline(always)]
+	pub fn add_squares(&mut self, new_squares: impl Iterator<Item = ActiveSquare>) {
+		for new_square in new_squares {
+			self.active_squares.push(new_square);
+		}
+		self.total_area = self.square_size.powi(2) * self.active_squares.len() as f64;
+	}
+
+	#[inline(always)]
+	pub fn square_size(&self) -> f64 {
+		self.square_size
+	}
+
+	#[inline(always)]
+	pub fn square_area(&self) -> f64 {
+		self.square_size.powi(2)
+	}
+
+	#[inline(always)]
+	pub fn total_area(&self) -> f64 {
+		self.total_area
+	}
+
+	#[inline(always)]
+	pub fn not_empty(&self) -> bool {
+		!self.active_squares.is_empty()
+	}
+}
+
+#[derive(Clone, Default)]
+pub struct PointsList {
+	// The worst-case number of points in a 3x3 grid is 16 (one at each intersection of the four gridlines per axis)
+	storage_slots: [DVec2; 16],
+	length: usize,
+}
+
+impl PointsList {
+	#[inline(always)]
+	pub fn push(&mut self, point: DVec2) {
+		self.storage_slots[self.length] = point;
+		self.length += 1;
+	}
+
+	#[inline(always)]
+	pub fn list_cell_and_neighbors(&self) -> impl Iterator<Item = DVec2> {
+		// The negative bit is used to store whether a point belongs to a neighboring cell
+		self.storage_slots.into_iter().take(self.length).map(|point| (point.x.abs(), point.y.abs()).into())
+	}
+
+	#[inline(always)]
+	pub fn list_cell(&self) -> impl Iterator<Item = DVec2> {
+		// The negative bit is used to store whether a point belongs to a neighboring cell
+		self.storage_slots
+			.into_iter()
+			.take(self.length)
+			.filter(|point| point.x.is_sign_positive() && point.y.is_sign_positive())
+	}
+}
+
+pub struct AccelerationGrid {
+	size: f64,
+	dimension_x: usize,
+	dimension_y: usize,
+	cells: Vec<PointsList>,
+}
+
+impl AccelerationGrid {
+	#[inline(always)]
+	pub fn new(width: f64, height: f64, size: f64) -> Self {
+		let dimension_x = (width / size).ceil() as usize + 1;
+		let dimension_y = (height / size).ceil() as usize + 1;
+
+		Self {
+			size,
+			dimension_x,
+			dimension_y,
+			cells: vec![PointsList::default(); dimension_x * dimension_y],
+		}
+	}
+
+	#[inline(always)]
+	pub fn insert(&mut self, point: DVec2) {
+		let x = (point.x / self.size).floor() as usize;
+		let y = (point.y / self.size).floor() as usize;
+
+		// Insert this point at this cell and the surrounding cells in a 3x3 patch
+		for (x_offset, y_offset) in cartesian_product((-1)..=1, (-1)..=1) {
+			// Avoid going negative
+			let (x, y) = (x as isize + x_offset, y as isize + y_offset);
+			if x < 0 || y < 0 {
+				continue;
+			}
+			// Avoid going beyond the width or height
+			let (x, y) = (x as usize, y as usize);
+			if x > self.dimension_x - 1 || y > self.dimension_y - 1 {
+				continue;
+			}
+
+			// Get the cell corresponding to the (x, y) index
+			let cell = &mut self.cells[y * self.dimension_x + x];
+
+			// Store the given point in this grid cell, and use the negative bit to indicate if this belongs to a neighboring cell
+			cell.push(if x_offset == 0 && y_offset == 0 { point } else { -point });
+		}
+	}
+
+	#[inline(always)]
+	pub fn nearby_points(&self, point: DVec2) -> impl Iterator<Item = DVec2> {
+		let x = (point.x / self.size).floor() as usize;
+		let y = (point.y / self.size).floor() as usize;
+
+		self.cells[y * self.dimension_x + x].list_cell_and_neighbors()
+	}
+
+	#[inline(always)]
+	pub fn final_points(&self, offset: DVec2) -> Vec<DVec2> {
+		self.cells.iter().flat_map(|cell| cell.list_cell()).map(|point| point + offset).collect()
+	}
+}
diff --git a/node-graph/gcore/src/vector/algorithms/spline.rs b/node-graph/gcore/src/vector/algorithms/spline.rs
new file mode 100644
index 0000000000000000000000000000000000000000..27011013b2909c7747e236c684e1a8425c8a1ab6
--- /dev/null
+++ b/node-graph/gcore/src/vector/algorithms/spline.rs
@@ -0,0 +1,182 @@
+use glam::DVec2;
+
+/// Solve for the first handle of an open spline. (The opposite handle can be found by mirroring the result about the anchor.)
+pub fn solve_spline_first_handle_open(points: &[DVec2]) -> Vec<DVec2> {
+	let len_points = points.len();
+	if len_points == 0 {
+		return Vec::new();
+	}
+	if len_points == 1 {
+		return vec![points[0]];
+	}
+
+	// Matrix coefficients a, b and c (see https://mathworld.wolfram.com/CubicSpline.html).
+	// Because the `a` coefficients are all 1, they need not be stored.
+	// This algorithm does a variation of the above algorithm.
+	// Instead of using the traditional cubic (a + bt + ct^2 + dt^3), we use the bezier cubic.
+
+	let mut b = vec![DVec2::new(4., 4.); len_points];
+	b[0] = DVec2::new(2., 2.);
+	b[len_points - 1] = DVec2::new(2., 2.);
+
+	let mut c = vec![DVec2::new(1., 1.); len_points];
+
+	// 'd' is the the second point in a cubic bezier, which is what we solve for
+	let mut d = vec![DVec2::ZERO; len_points];
+
+	d[0] = DVec2::new(2. * points[1].x + points[0].x, 2. * points[1].y + points[0].y);
+	d[len_points - 1] = DVec2::new(3. * points[len_points - 1].x, 3. * points[len_points - 1].y);
+	for idx in 1..(len_points - 1) {
+		d[idx] = DVec2::new(4. * points[idx].x + 2. * points[idx + 1].x, 4. * points[idx].y + 2. * points[idx + 1].y);
+	}
+
+	// Solve with Thomas algorithm (see https://en.wikipedia.org/wiki/Tridiagonal_matrix_algorithm)
+	// Now we do row operations to eliminate `a` coefficients.
+	c[0] /= -b[0];
+	d[0] /= -b[0];
+	#[allow(clippy::assign_op_pattern)]
+	for i in 1..len_points {
+		b[i] += c[i - 1];
+		// For some reason this `+=` version makes the borrow checker mad:
+		// d[i] += d[i-1]
+		d[i] = d[i] + d[i - 1];
+		c[i] /= -b[i];
+		d[i] /= -b[i];
+	}
+
+	// At this point b[i] == -a[i + 1] and a[i] == 0.
+	// Now we do row operations to eliminate 'c' coefficients and solve.
+	d[len_points - 1] *= -1.;
+	#[allow(clippy::assign_op_pattern)]
+	for i in (0..len_points - 1).rev() {
+		d[i] = d[i] - (c[i] * d[i + 1]);
+		d[i] *= -1.; // d[i] /= b[i]
+	}
+
+	d
+}
+
+/// Solve for the first handle of a closed spline. (The opposite handle can be found by mirroring the result about the anchor.)
+/// If called with fewer than 3 points, this function will return an empty result.
+pub fn solve_spline_first_handle_closed(points: &[DVec2]) -> Vec<DVec2> {
+	let len_points = points.len();
+	if len_points < 3 {
+		return Vec::new();
+	}
+
+	// Matrix coefficients `a`, `b` and `c` (see https://mathworld.wolfram.com/CubicSpline.html).
+	// We don't really need to allocate them but it keeps the maths understandable.
+	let a = vec![DVec2::ONE; len_points];
+	let b = vec![DVec2::splat(4.); len_points];
+	let c = vec![DVec2::ONE; len_points];
+
+	let mut cmod = vec![DVec2::ZERO; len_points];
+	let mut u = vec![DVec2::ZERO; len_points];
+
+	// `x` is initially the output of the matrix multiplication, but is converted to the second value.
+	let mut x = vec![DVec2::ZERO; len_points];
+
+	for (i, point) in x.iter_mut().enumerate() {
+		let previous_i = i.checked_sub(1).unwrap_or(len_points - 1);
+		let next_i = (i + 1) % len_points;
+		*point = 3. * (points[next_i] - points[previous_i]);
+	}
+
+	// Solve using https://en.wikipedia.org/wiki/Tridiagonal_matrix_algorithm#Variants (the variant using periodic boundary conditions).
+	// This code below is based on the reference C language implementation provided in that section of the article.
+	let alpha = a[0];
+	let beta = c[len_points - 1];
+
+	// Arbitrary, but chosen such that division by zero is avoided.
+	let gamma = -b[0];
+
+	cmod[0] = alpha / (b[0] - gamma);
+	u[0] = gamma / (b[0] - gamma);
+	x[0] /= b[0] - gamma;
+
+	// Handle from from `1` to `len_points - 2` (inclusive).
+	for ix in 1..=(len_points - 2) {
+		let m = 1.0 / (b[ix] - a[ix] * cmod[ix - 1]);
+		cmod[ix] = c[ix] * m;
+		u[ix] = (0.0 - a[ix] * u[ix - 1]) * m;
+		x[ix] = (x[ix] - a[ix] * x[ix - 1]) * m;
+	}
+
+	// Handle `len_points - 1`.
+	let m = 1.0 / (b[len_points - 1] - alpha * beta / gamma - beta * cmod[len_points - 2]);
+	u[len_points - 1] = (alpha - a[len_points - 1] * u[len_points - 2]) * m;
+	x[len_points - 1] = (x[len_points - 1] - a[len_points - 1] * x[len_points - 2]) * m;
+
+	// Loop from `len_points - 2` to `0` (inclusive).
+	for ix in (0..=(len_points - 2)).rev() {
+		u[ix] = u[ix] - cmod[ix] * u[ix + 1];
+		x[ix] = x[ix] - cmod[ix] * x[ix + 1];
+	}
+
+	let fact = (x[0] + x[len_points - 1] * beta / gamma) / (1.0 + u[0] + u[len_points - 1] * beta / gamma);
+
+	for ix in 0..(len_points) {
+		x[ix] -= fact * u[ix];
+	}
+
+	let mut real = vec![DVec2::ZERO; len_points];
+	for i in 0..len_points {
+		let previous = i.checked_sub(1).unwrap_or(len_points - 1);
+		let next = (i + 1) % len_points;
+		real[i] = x[previous] * a[next] + x[i] * b[i] + x[next] * c[i];
+	}
+
+	// The matrix is now solved.
+
+	// Since we have computed the derivative, work back to find the start handle.
+	for i in 0..len_points {
+		x[i] = (x[i] / 3.) + points[i];
+	}
+
+	x
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	#[test]
+	fn closed_spline() {
+		use crate::vector::misc::{dvec2_to_point, point_to_dvec2};
+		use kurbo::{BezPath, ParamCurve, ParamCurveDeriv};
+
+		// These points are just chosen arbitrary
+		let points = [DVec2::new(0., 0.), DVec2::new(0., 0.), DVec2::new(6., 5.), DVec2::new(7., 9.), DVec2::new(2., 3.)];
+
+		// List of first handle or second point in a cubic bezier curve.
+		let first_handles = solve_spline_first_handle_closed(&points);
+
+		// Construct the Subpath
+		let mut bezpath = BezPath::new();
+		bezpath.move_to(dvec2_to_point(points[0]));
+
+		for i in 0..first_handles.len() {
+			let next_i = i + 1;
+			let next_i = if next_i == first_handles.len() { 0 } else { next_i };
+
+			// First handle or second point of a cubic Bezier curve.
+			let p1 = dvec2_to_point(first_handles[i]);
+			// Second handle or third point of a cubic Bezier curve.
+			let p2 = dvec2_to_point(2. * points[next_i] - first_handles[next_i]);
+			// Endpoint or fourth point of a cubic Bezier curve.
+			let p3 = dvec2_to_point(points[next_i]);
+
+			bezpath.curve_to(p1, p2, p3);
+		}
+
+		// For each pair of bézier curves, ensure that the second derivative is continuous
+		for (bézier_a, bézier_b) in bezpath.segments().zip(bezpath.segments().skip(1).chain(bezpath.segments().take(1))) {
+			let derivative2_end_a = point_to_dvec2(bézier_a.to_cubic().deriv().eval(1.));
+			let derivative2_start_b = point_to_dvec2(bézier_b.to_cubic().deriv().eval(0.));
+
+			assert!(
+				derivative2_end_a.abs_diff_eq(derivative2_start_b, 1e-10),
+				"second derivative at the end of a {derivative2_end_a} is equal to the second derivative at the start of b {derivative2_start_b}"
+			);
+		}
+	}
+}
diff --git a/node-graph/gcore/src/vector/click_target.rs b/node-graph/gcore/src/vector/click_target.rs
new file mode 100644
index 0000000000000000000000000000000000000000..4ea81c3cd2915aefd288ac1e8955705d88245ee8
--- /dev/null
+++ b/node-graph/gcore/src/vector/click_target.rs
@@ -0,0 +1,166 @@
+use crate::math::math_ext::QuadExt;
+use crate::math::quad::Quad;
+use crate::vector::PointId;
+use bezier_rs::Subpath;
+use glam::{DAffine2, DMat2, DVec2};
+
+#[derive(Copy, Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct FreePoint {
+	pub id: PointId,
+	pub position: DVec2,
+}
+
+impl FreePoint {
+	pub fn new(id: PointId, position: DVec2) -> Self {
+		Self { id, position }
+	}
+
+	pub fn apply_transform(&mut self, transform: DAffine2) {
+		self.position = transform.transform_point2(self.position);
+	}
+}
+
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum ClickTargetType {
+	Subpath(Subpath<PointId>),
+	FreePoint(FreePoint),
+}
+
+/// Represents a clickable target for the layer
+#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct ClickTarget {
+	target_type: ClickTargetType,
+	stroke_width: f64,
+	bounding_box: Option<[DVec2; 2]>,
+}
+
+impl ClickTarget {
+	pub fn new_with_subpath(subpath: Subpath<PointId>, stroke_width: f64) -> Self {
+		let bounding_box = subpath.loose_bounding_box();
+		Self {
+			target_type: ClickTargetType::Subpath(subpath),
+			stroke_width,
+			bounding_box,
+		}
+	}
+
+	pub fn new_with_free_point(point: FreePoint) -> Self {
+		const MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT: f64 = 1e-4 / 2.;
+		let stroke_width = 10.;
+		let bounding_box = Some([
+			point.position - DVec2::splat(MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT),
+			point.position + DVec2::splat(MAX_LENGTH_FOR_NO_WIDTH_OR_HEIGHT),
+		]);
+
+		Self {
+			target_type: ClickTargetType::FreePoint(point),
+			stroke_width,
+			bounding_box,
+		}
+	}
+
+	pub fn target_type(&self) -> &ClickTargetType {
+		&self.target_type
+	}
+
+	pub fn bounding_box(&self) -> Option<[DVec2; 2]> {
+		self.bounding_box
+	}
+
+	pub fn bounding_box_center(&self) -> Option<DVec2> {
+		self.bounding_box.map(|bbox| bbox[0] + (bbox[1] - bbox[0]) / 2.)
+	}
+
+	pub fn bounding_box_with_transform(&self, transform: DAffine2) -> Option<[DVec2; 2]> {
+		self.bounding_box.map(|[a, b]| [transform.transform_point2(a), transform.transform_point2(b)])
+	}
+
+	pub fn apply_transform(&mut self, affine_transform: DAffine2) {
+		match self.target_type {
+			ClickTargetType::Subpath(ref mut subpath) => {
+				subpath.apply_transform(affine_transform);
+			}
+			ClickTargetType::FreePoint(ref mut point) => {
+				point.apply_transform(affine_transform);
+			}
+		}
+		self.update_bbox();
+	}
+
+	fn update_bbox(&mut self) {
+		match self.target_type {
+			ClickTargetType::Subpath(ref subpath) => {
+				self.bounding_box = subpath.bounding_box();
+			}
+			ClickTargetType::FreePoint(ref point) => {
+				self.bounding_box = Some([point.position - DVec2::splat(self.stroke_width / 2.), point.position + DVec2::splat(self.stroke_width / 2.)]);
+			}
+		}
+	}
+
+	/// Does the click target intersect the path
+	pub fn intersect_path<It: Iterator<Item = bezier_rs::Bezier>>(&self, mut bezier_iter: impl FnMut() -> It, layer_transform: DAffine2) -> bool {
+		// Check if the matrix is not invertible
+		let mut layer_transform = layer_transform;
+		if layer_transform.matrix2.determinant().abs() <= f64::EPSILON {
+			layer_transform.matrix2 += DMat2::IDENTITY * 1e-4; // TODO: Is this the cleanest way to handle this?
+		}
+
+		let inverse = layer_transform.inverse();
+		let mut bezier_iter = || bezier_iter().map(|bezier| bezier.apply_transformation(|point| inverse.transform_point2(point)));
+
+		match self.target_type() {
+			ClickTargetType::Subpath(subpath) => {
+				// Check if outlines intersect
+				let outline_intersects = |path_segment: bezier_rs::Bezier| bezier_iter().any(|line| !path_segment.intersections(&line, None, None).is_empty());
+				if subpath.iter().any(outline_intersects) {
+					return true;
+				}
+				// Check if selection is entirely within the shape
+				if subpath.closed() && bezier_iter().next().is_some_and(|bezier| subpath.contains_point(bezier.start)) {
+					return true;
+				}
+
+				// Check if shape is entirely within selection
+				let any_point_from_subpath = subpath.manipulator_groups().first().map(|group| group.anchor);
+				any_point_from_subpath.is_some_and(|shape_point| bezier_iter().map(|bezier| bezier.winding(shape_point)).sum::<i32>() != 0)
+			}
+			ClickTargetType::FreePoint(point) => bezier_iter().map(|bezier: bezier_rs::Bezier| bezier.winding(point.position)).sum::<i32>() != 0,
+		}
+	}
+
+	/// Does the click target intersect the point (accounting for stroke size)
+	pub fn intersect_point(&self, point: DVec2, layer_transform: DAffine2) -> bool {
+		let target_bounds = [point - DVec2::splat(self.stroke_width / 2.), point + DVec2::splat(self.stroke_width / 2.)];
+		let intersects = |a: [DVec2; 2], b: [DVec2; 2]| a[0].x <= b[1].x && a[1].x >= b[0].x && a[0].y <= b[1].y && a[1].y >= b[0].y;
+		// This bounding box is not very accurate as it is the axis aligned version of the transformed bounding box. However it is fast.
+		if !self
+			.bounding_box
+			.is_some_and(|loose| (loose[0] - loose[1]).abs().cmpgt(DVec2::splat(1e-4)).any() && intersects((layer_transform * Quad::from_box(loose)).bounding_box(), target_bounds))
+		{
+			return false;
+		}
+
+		// Allows for selecting lines
+		// TODO: actual intersection of stroke
+		let inflated_quad = Quad::from_box(target_bounds);
+		self.intersect_path(|| inflated_quad.bezier_lines(), layer_transform)
+	}
+
+	/// Does the click target intersect the point (not accounting for stroke size)
+	pub fn intersect_point_no_stroke(&self, point: DVec2) -> bool {
+		// Check if the point is within the bounding box
+		if self
+			.bounding_box
+			.is_some_and(|bbox| bbox[0].x <= point.x && point.x <= bbox[1].x && bbox[0].y <= point.y && point.y <= bbox[1].y)
+		{
+			// Check if the point is within the shape
+			match self.target_type() {
+				ClickTargetType::Subpath(subpath) => subpath.closed() && subpath.contains_point(point),
+				ClickTargetType::FreePoint(free_point) => free_point.position == point,
+			}
+		} else {
+			false
+		}
+	}
+}
diff --git a/node-graph/gcore/src/vector/generator_nodes.rs b/node-graph/gcore/src/vector/generator_nodes.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6211e2d1b1e6ef4402a0afcbc16723d022e9095d
--- /dev/null
+++ b/node-graph/gcore/src/vector/generator_nodes.rs
@@ -0,0 +1,311 @@
+use super::misc::{ArcType, AsU64, GridType};
+use super::{PointId, SegmentId, StrokeId};
+use crate::Ctx;
+use crate::registry::types::{Angle, PixelSize};
+use crate::vector::{HandleId, VectorData, VectorDataTable};
+use bezier_rs::Subpath;
+use glam::DVec2;
+
+trait CornerRadius {
+	fn generate(self, size: DVec2, clamped: bool) -> VectorDataTable;
+}
+impl CornerRadius for f64 {
+	fn generate(self, size: DVec2, clamped: bool) -> VectorDataTable {
+		let clamped_radius = if clamped { self.clamp(0., size.x.min(size.y).max(0.) / 2.) } else { self };
+		VectorDataTable::new(VectorData::from_subpath(Subpath::new_rounded_rect(size / -2., size / 2., [clamped_radius; 4])))
+	}
+}
+impl CornerRadius for [f64; 4] {
+	fn generate(self, size: DVec2, clamped: bool) -> VectorDataTable {
+		let clamped_radius = if clamped {
+			// Algorithm follows the CSS spec: <https://drafts.csswg.org/css-backgrounds/#corner-overlap>
+
+			let mut scale_factor: f64 = 1.;
+			for i in 0..4 {
+				let side_length = if i % 2 == 0 { size.x } else { size.y };
+				let adjacent_corner_radius_sum = self[i] + self[(i + 1) % 4];
+				if side_length < adjacent_corner_radius_sum {
+					scale_factor = scale_factor.min(side_length / adjacent_corner_radius_sum);
+				}
+			}
+			self.map(|x| x * scale_factor)
+		} else {
+			self
+		};
+		VectorDataTable::new(VectorData::from_subpath(Subpath::new_rounded_rect(size / -2., size / 2., clamped_radius)))
+	}
+}
+
+#[node_macro::node(category("Vector: Shape"))]
+fn circle(
+	_: impl Ctx,
+	_primary: (),
+	#[unit(" px")]
+	#[default(50.)]
+	radius: f64,
+) -> VectorDataTable {
+	let radius = radius.abs();
+	VectorDataTable::new(VectorData::from_subpath(Subpath::new_ellipse(DVec2::splat(-radius), DVec2::splat(radius))))
+}
+
+#[node_macro::node(category("Vector: Shape"))]
+fn arc(
+	_: impl Ctx,
+	_primary: (),
+	#[unit(" px")]
+	#[default(50.)]
+	radius: f64,
+	start_angle: Angle,
+	#[default(270.)]
+	#[range((0., 360.))]
+	sweep_angle: Angle,
+	arc_type: ArcType,
+) -> VectorDataTable {
+	VectorDataTable::new(VectorData::from_subpath(Subpath::new_arc(
+		radius,
+		start_angle / 360. * std::f64::consts::TAU,
+		sweep_angle / 360. * std::f64::consts::TAU,
+		match arc_type {
+			ArcType::Open => bezier_rs::ArcType::Open,
+			ArcType::Closed => bezier_rs::ArcType::Closed,
+			ArcType::PieSlice => bezier_rs::ArcType::PieSlice,
+		},
+	)))
+}
+
+#[node_macro::node(category("Vector: Shape"))]
+fn ellipse(
+	_: impl Ctx,
+	_primary: (),
+	#[unit(" px")]
+	#[default(50)]
+	radius_x: f64,
+	#[unit(" px")]
+	#[default(25)]
+	radius_y: f64,
+) -> VectorDataTable {
+	let radius = DVec2::new(radius_x, radius_y);
+	let corner1 = -radius;
+	let corner2 = radius;
+
+	let mut ellipse = VectorData::from_subpath(Subpath::new_ellipse(corner1, corner2));
+
+	let len = ellipse.segment_domain.ids().len();
+	for i in 0..len {
+		ellipse
+			.colinear_manipulators
+			.push([HandleId::end(ellipse.segment_domain.ids()[i]), HandleId::primary(ellipse.segment_domain.ids()[(i + 1) % len])]);
+	}
+
+	VectorDataTable::new(ellipse)
+}
+
+#[node_macro::node(category("Vector: Shape"), properties("rectangle_properties"))]
+fn rectangle<T: CornerRadius>(
+	_: impl Ctx,
+	_primary: (),
+	#[unit(" px")]
+	#[default(100)]
+	width: f64,
+	#[unit(" px")]
+	#[default(100)]
+	height: f64,
+	_individual_corner_radii: bool, // TODO: Move this to the bottom once we have a migration capability
+	#[implementations(f64, [f64; 4])] corner_radius: T,
+	#[default(true)] clamped: bool,
+) -> VectorDataTable {
+	corner_radius.generate(DVec2::new(width, height), clamped)
+}
+
+#[node_macro::node(category("Vector: Shape"))]
+fn regular_polygon<T: AsU64>(
+	_: impl Ctx,
+	_primary: (),
+	#[default(6)]
+	#[hard_min(3.)]
+	#[implementations(u32, u64, f64)]
+	sides: T,
+	#[unit(" px")]
+	#[default(50)]
+	radius: f64,
+) -> VectorDataTable {
+	let points = sides.as_u64();
+	let radius: f64 = radius * 2.;
+	VectorDataTable::new(VectorData::from_subpath(Subpath::new_regular_polygon(DVec2::splat(-radius), points, radius)))
+}
+
+#[node_macro::node(category("Vector: Shape"))]
+fn star<T: AsU64>(
+	_: impl Ctx,
+	_primary: (),
+	#[default(5)]
+	#[hard_min(2.)]
+	#[implementations(u32, u64, f64)]
+	sides: T,
+	#[unit(" px")]
+	#[default(50)]
+	radius_1: f64,
+	#[unit(" px")]
+	#[default(25)]
+	radius_2: f64,
+) -> VectorDataTable {
+	let points = sides.as_u64();
+	let diameter: f64 = radius_1 * 2.;
+	let inner_diameter = radius_2 * 2.;
+
+	VectorDataTable::new(VectorData::from_subpath(Subpath::new_star_polygon(DVec2::splat(-diameter), points, diameter, inner_diameter)))
+}
+
+#[node_macro::node(category("Vector: Shape"))]
+fn line(_: impl Ctx, _primary: (), #[default(0., 0.)] start: PixelSize, #[default(100., 100.)] end: PixelSize) -> VectorDataTable {
+	VectorDataTable::new(VectorData::from_subpath(Subpath::new_line(start, end)))
+}
+
+trait GridSpacing {
+	fn as_dvec2(&self) -> DVec2;
+}
+impl GridSpacing for f64 {
+	fn as_dvec2(&self) -> DVec2 {
+		DVec2::splat(*self)
+	}
+}
+impl GridSpacing for DVec2 {
+	fn as_dvec2(&self) -> DVec2 {
+		*self
+	}
+}
+
+#[node_macro::node(category("Vector: Shape"), properties("grid_properties"))]
+fn grid<T: GridSpacing>(
+	_: impl Ctx,
+	_primary: (),
+	grid_type: GridType,
+	#[unit(" px")]
+	#[hard_min(0.)]
+	#[default(10)]
+	#[implementations(f64, DVec2)]
+	spacing: T,
+	#[default(10)] columns: u32,
+	#[default(10)] rows: u32,
+	#[default(30., 30.)] angles: DVec2,
+) -> VectorDataTable {
+	let (x_spacing, y_spacing) = spacing.as_dvec2().into();
+	let (angle_a, angle_b) = angles.into();
+
+	let mut vector_data = VectorData::default();
+	let mut segment_id = SegmentId::ZERO;
+	let mut point_id = PointId::ZERO;
+
+	match grid_type {
+		GridType::Rectangular => {
+			// Create rectangular grid points and connect them with line segments
+			for y in 0..rows {
+				for x in 0..columns {
+					// Add current point to the grid
+					let current_index = vector_data.point_domain.ids().len();
+					vector_data.point_domain.push(point_id.next_id(), DVec2::new(x_spacing * x as f64, y_spacing * y as f64));
+
+					// Helper function to connect points with line segments
+					let mut push_segment = |to_index: Option<usize>| {
+						if let Some(other_index) = to_index {
+							vector_data
+								.segment_domain
+								.push(segment_id.next_id(), other_index, current_index, bezier_rs::BezierHandles::Linear, StrokeId::ZERO);
+						}
+					};
+
+					// Connect to the point to the left (horizontal connection)
+					push_segment((x > 0).then(|| current_index - 1));
+
+					// Connect to the point above (vertical connection)
+					push_segment(current_index.checked_sub(columns as usize));
+				}
+			}
+		}
+		GridType::Isometric => {
+			// Calculate isometric grid spacing based on angles
+			let tan_a = angle_a.to_radians().tan();
+			let tan_b = angle_b.to_radians().tan();
+			let spacing = DVec2::new(y_spacing / (tan_a + tan_b), y_spacing);
+
+			// Create isometric grid points and connect them with line segments
+			for y in 0..rows {
+				for x in 0..columns {
+					// Add current point to the grid with offset for odd columns
+					let current_index = vector_data.point_domain.ids().len();
+
+					let a_angles_eaten = x.div_ceil(2) as f64;
+					let b_angles_eaten = (x / 2) as f64;
+
+					let offset_y_fraction = b_angles_eaten * tan_b - a_angles_eaten * tan_a;
+
+					let position = DVec2::new(spacing.x * x as f64, spacing.y * y as f64 + offset_y_fraction * spacing.x);
+					vector_data.point_domain.push(point_id.next_id(), position);
+
+					// Helper function to connect points with line segments
+					let mut push_segment = |to_index: Option<usize>| {
+						if let Some(other_index) = to_index {
+							vector_data
+								.segment_domain
+								.push(segment_id.next_id(), other_index, current_index, bezier_rs::BezierHandles::Linear, StrokeId::ZERO);
+						}
+					};
+
+					// Connect to the point to the left
+					push_segment((x > 0).then(|| current_index - 1));
+
+					// Connect to the point directly above
+					push_segment(current_index.checked_sub(columns as usize));
+
+					// Additional diagonal connections for odd columns (creates hexagonal pattern)
+					if x % 2 == 1 {
+						// Connect to the point diagonally up-right (if not at right edge)
+						push_segment(current_index.checked_sub(columns as usize - 1).filter(|_| x + 1 < columns));
+
+						// Connect to the point diagonally up-left
+						push_segment(current_index.checked_sub(columns as usize + 1));
+					}
+				}
+			}
+		}
+	}
+
+	VectorDataTable::new(vector_data)
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	#[test]
+	fn isometric_grid_test() {
+		// Doesn't crash with weird angles
+		grid((), (), GridType::Isometric, 0., 5, 5, (0., 0.).into());
+		grid((), (), GridType::Isometric, 90., 5, 5, (90., 90.).into());
+
+		// Works properly
+		let grid = grid((), (), GridType::Isometric, 10., 5, 5, (30., 30.).into());
+		assert_eq!(grid.instance_ref_iter().next().unwrap().instance.point_domain.ids().len(), 5 * 5);
+		assert_eq!(grid.instance_ref_iter().next().unwrap().instance.segment_bezier_iter().count(), 4 * 5 + 4 * 9);
+		for (_, bezier, _, _) in grid.instance_ref_iter().next().unwrap().instance.segment_bezier_iter() {
+			assert_eq!(bezier.handles, bezier_rs::BezierHandles::Linear);
+			assert!(
+				((bezier.start - bezier.end).length() - 10.).abs() < 1e-5,
+				"Length of {} should be 10",
+				(bezier.start - bezier.end).length()
+			);
+		}
+	}
+
+	#[test]
+	fn skew_isometric_grid_test() {
+		let grid = grid((), (), GridType::Isometric, 10., 5, 5, (40., 30.).into());
+		assert_eq!(grid.instance_ref_iter().next().unwrap().instance.point_domain.ids().len(), 5 * 5);
+		assert_eq!(grid.instance_ref_iter().next().unwrap().instance.segment_bezier_iter().count(), 4 * 5 + 4 * 9);
+		for (_, bezier, _, _) in grid.instance_ref_iter().next().unwrap().instance.segment_bezier_iter() {
+			assert_eq!(bezier.handles, bezier_rs::BezierHandles::Linear);
+			let vector = bezier.start - bezier.end;
+			let angle = (vector.angle_to(DVec2::X).to_degrees() + 180.) % 180.;
+			assert!([90., 150., 40.].into_iter().any(|target| (target - angle).abs() < 1e-10), "unexpected angle of {}", angle)
+		}
+	}
+}
diff --git a/node-graph/gcore/src/vector/misc.rs b/node-graph/gcore/src/vector/misc.rs
new file mode 100644
index 0000000000000000000000000000000000000000..4196c45d7d4cff150d5482f16369ba0100ac80e2
--- /dev/null
+++ b/node-graph/gcore/src/vector/misc.rs
@@ -0,0 +1,98 @@
+use dyn_any::DynAny;
+use glam::DVec2;
+use kurbo::Point;
+
+/// Represents different ways of calculating the centroid.
+#[derive(Default, Debug, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum CentroidType {
+	/// The center of mass for the area of a solid shape's interior, as if made out of an infinitely flat material.
+	#[default]
+	Area,
+	/// The center of mass for the arc length of a curved shape's perimeter, as if made out of an infinitely thin wire.
+	Length,
+}
+
+pub trait AsU64 {
+	fn as_u64(&self) -> u64;
+}
+impl AsU64 for u32 {
+	fn as_u64(&self) -> u64 {
+		*self as u64
+	}
+}
+impl AsU64 for u64 {
+	fn as_u64(&self) -> u64 {
+		*self
+	}
+}
+impl AsU64 for f64 {
+	fn as_u64(&self) -> u64 {
+		*self as u64
+	}
+}
+
+pub trait AsI64 {
+	fn as_i64(&self) -> i64;
+}
+impl AsI64 for u32 {
+	fn as_i64(&self) -> i64 {
+		*self as i64
+	}
+}
+impl AsI64 for u64 {
+	fn as_i64(&self) -> i64 {
+		*self as i64
+	}
+}
+impl AsI64 for f64 {
+	fn as_i64(&self) -> i64 {
+		*self as i64
+	}
+}
+
+#[derive(Default, Debug, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum GridType {
+	#[default]
+	Rectangular,
+	Isometric,
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum ArcType {
+	#[default]
+	Open,
+	Closed,
+	PieSlice,
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum MergeByDistanceAlgorithm {
+	#[default]
+	Spatial,
+	Topological,
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum PointSpacingType {
+	#[default]
+	/// The desired spacing distance between points.
+	Separation,
+	/// The exact number of points to span the path.
+	Quantity,
+}
+
+pub fn point_to_dvec2(point: Point) -> DVec2 {
+	DVec2 { x: point.x, y: point.y }
+}
+
+pub fn dvec2_to_point(value: DVec2) -> Point {
+	Point { x: value.x, y: value.y }
+}
diff --git a/node-graph/gcore/src/vector/mod.rs b/node-graph/gcore/src/vector/mod.rs
new file mode 100644
index 0000000000000000000000000000000000000000..75bcc3b7dbeb6382df279da9566622418ab3d0a1
--- /dev/null
+++ b/node-graph/gcore/src/vector/mod.rs
@@ -0,0 +1,14 @@
+pub mod algorithms;
+pub mod click_target;
+pub mod generator_nodes;
+pub mod misc;
+mod reference_point;
+pub mod style;
+mod vector_data;
+mod vector_nodes;
+
+pub use bezier_rs;
+pub use reference_point::*;
+pub use style::PathStyle;
+pub use vector_data::*;
+pub use vector_nodes::*;
diff --git a/node-graph/gcore/src/vector/reference_point.rs b/node-graph/gcore/src/vector/reference_point.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7c618032834828d89d7e2bed73b78ee6a39e0b22
--- /dev/null
+++ b/node-graph/gcore/src/vector/reference_point.rs
@@ -0,0 +1,103 @@
+use crate::math::bbox::AxisAlignedBbox;
+use glam::DVec2;
+
+#[derive(Clone, Copy, Debug, Default, Hash, Eq, PartialEq, dyn_any::DynAny, serde::Serialize, serde::Deserialize, specta::Type)]
+pub enum ReferencePoint {
+	#[default]
+	None,
+	TopLeft,
+	TopCenter,
+	TopRight,
+	CenterLeft,
+	Center,
+	CenterRight,
+	BottomLeft,
+	BottomCenter,
+	BottomRight,
+}
+
+impl ReferencePoint {
+	pub fn point_in_bounding_box(&self, bounding_box: AxisAlignedBbox) -> Option<DVec2> {
+		let size = bounding_box.size();
+		let offset = match self {
+			ReferencePoint::None => return None,
+			ReferencePoint::TopLeft => DVec2::ZERO,
+			ReferencePoint::TopCenter => DVec2::new(size.x / 2., 0.),
+			ReferencePoint::TopRight => DVec2::new(size.x, 0.),
+			ReferencePoint::CenterLeft => DVec2::new(0., size.y / 2.),
+			ReferencePoint::Center => DVec2::new(size.x / 2., size.y / 2.),
+			ReferencePoint::CenterRight => DVec2::new(size.x, size.y / 2.),
+			ReferencePoint::BottomLeft => DVec2::new(0., size.y),
+			ReferencePoint::BottomCenter => DVec2::new(size.x / 2., size.y),
+			ReferencePoint::BottomRight => DVec2::new(size.x, size.y),
+		};
+		Some(bounding_box.start + offset)
+	}
+}
+
+impl From<&str> for ReferencePoint {
+	fn from(input: &str) -> Self {
+		match input {
+			"None" => ReferencePoint::None,
+			"TopLeft" => ReferencePoint::TopLeft,
+			"TopCenter" => ReferencePoint::TopCenter,
+			"TopRight" => ReferencePoint::TopRight,
+			"CenterLeft" => ReferencePoint::CenterLeft,
+			"Center" => ReferencePoint::Center,
+			"CenterRight" => ReferencePoint::CenterRight,
+			"BottomLeft" => ReferencePoint::BottomLeft,
+			"BottomCenter" => ReferencePoint::BottomCenter,
+			"BottomRight" => ReferencePoint::BottomRight,
+			_ => panic!("Failed parsing unrecognized ReferencePosition enum value '{input}'"),
+		}
+	}
+}
+
+impl From<ReferencePoint> for Option<DVec2> {
+	fn from(input: ReferencePoint) -> Self {
+		match input {
+			ReferencePoint::None => None,
+			ReferencePoint::TopLeft => Some(DVec2::new(0., 0.)),
+			ReferencePoint::TopCenter => Some(DVec2::new(0.5, 0.)),
+			ReferencePoint::TopRight => Some(DVec2::new(1., 0.)),
+			ReferencePoint::CenterLeft => Some(DVec2::new(0., 0.5)),
+			ReferencePoint::Center => Some(DVec2::new(0.5, 0.5)),
+			ReferencePoint::CenterRight => Some(DVec2::new(1., 0.5)),
+			ReferencePoint::BottomLeft => Some(DVec2::new(0., 1.)),
+			ReferencePoint::BottomCenter => Some(DVec2::new(0.5, 1.)),
+			ReferencePoint::BottomRight => Some(DVec2::new(1., 1.)),
+		}
+	}
+}
+
+impl From<DVec2> for ReferencePoint {
+	fn from(input: DVec2) -> Self {
+		const TOLERANCE: f64 = 1e-5_f64;
+		if input.y.abs() < TOLERANCE {
+			if input.x.abs() < TOLERANCE {
+				return ReferencePoint::TopLeft;
+			} else if (input.x - 0.5).abs() < TOLERANCE {
+				return ReferencePoint::TopCenter;
+			} else if (input.x - 1.).abs() < TOLERANCE {
+				return ReferencePoint::TopRight;
+			}
+		} else if (input.y - 0.5).abs() < TOLERANCE {
+			if input.x.abs() < TOLERANCE {
+				return ReferencePoint::CenterLeft;
+			} else if (input.x - 0.5).abs() < TOLERANCE {
+				return ReferencePoint::Center;
+			} else if (input.x - 1.).abs() < TOLERANCE {
+				return ReferencePoint::CenterRight;
+			}
+		} else if (input.y - 1.).abs() < TOLERANCE {
+			if input.x.abs() < TOLERANCE {
+				return ReferencePoint::BottomLeft;
+			} else if (input.x - 0.5).abs() < TOLERANCE {
+				return ReferencePoint::BottomCenter;
+			} else if (input.x - 1.).abs() < TOLERANCE {
+				return ReferencePoint::BottomRight;
+			}
+		}
+		ReferencePoint::None
+	}
+}
diff --git a/node-graph/gcore/src/vector/style.rs b/node-graph/gcore/src/vector/style.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c1901ce905673a6f5050792a8f253d8d238088b4
--- /dev/null
+++ b/node-graph/gcore/src/vector/style.rs
@@ -0,0 +1,648 @@
+//! Contains stylistic options for SVG elements.
+
+use crate::Color;
+pub use crate::gradient::*;
+use dyn_any::DynAny;
+use glam::DAffine2;
+
+/// Describes the fill of a layer.
+///
+/// Can be None, a solid [Color], or a linear/radial [Gradient].
+///
+/// In the future we'll probably also add a pattern fill. This will probably be named "Paint" in the future.
+#[repr(C)]
+#[derive(Default, Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, DynAny, Hash, specta::Type)]
+pub enum Fill {
+	#[default]
+	None,
+	Solid(Color),
+	Gradient(Gradient),
+}
+
+impl std::fmt::Display for Fill {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			Self::None => write!(f, "None"),
+			Self::Solid(color) => write!(f, "#{} (Alpha: {}%)", color.to_rgb_hex_srgb(), color.a() * 100.),
+			Self::Gradient(gradient) => write!(f, "{}", gradient),
+		}
+	}
+}
+
+impl Fill {
+	/// Construct a new [Fill::Solid] from a [Color].
+	pub fn solid(color: Color) -> Self {
+		Self::Solid(color)
+	}
+
+	/// Construct a new [Fill::Solid] or [Fill::None] from an optional [Color].
+	pub fn solid_or_none(color: Option<Color>) -> Self {
+		match color {
+			Some(color) => Self::Solid(color),
+			None => Self::None,
+		}
+	}
+
+	/// Evaluate the color at some point on the fill. Doesn't currently work for Gradient.
+	pub fn color(&self) -> Color {
+		match self {
+			Self::None => Color::BLACK,
+			Self::Solid(color) => *color,
+			// TODO: Should correctly sample the gradient the equation here: https://svgwg.org/svg2-draft/pservers.html#Gradients
+			Self::Gradient(Gradient { stops, .. }) => stops.0[0].1,
+		}
+	}
+
+	pub fn lerp(&self, other: &Self, time: f64) -> Self {
+		let transparent = Self::solid(Color::TRANSPARENT);
+		let a = if *self == Self::None { &transparent } else { self };
+		let b = if *other == Self::None { &transparent } else { other };
+
+		match (a, b) {
+			(Self::Solid(a), Self::Solid(b)) => Self::Solid(a.lerp(b, time as f32)),
+			(Self::Solid(a), Self::Gradient(b)) => {
+				let mut solid_to_gradient = b.clone();
+				solid_to_gradient.stops.0.iter_mut().for_each(|(_, color)| *color = *a);
+				let a = &solid_to_gradient;
+				Self::Gradient(a.lerp(b, time))
+			}
+			(Self::Gradient(a), Self::Solid(b)) => {
+				let mut gradient_to_solid = a.clone();
+				gradient_to_solid.stops.0.iter_mut().for_each(|(_, color)| *color = *b);
+				let b = &gradient_to_solid;
+				Self::Gradient(a.lerp(b, time))
+			}
+			(Self::Gradient(a), Self::Gradient(b)) => Self::Gradient(a.lerp(b, time)),
+			_ => Self::None,
+		}
+	}
+
+	/// Extract a gradient from the fill
+	pub fn as_gradient(&self) -> Option<&Gradient> {
+		match self {
+			Self::Gradient(gradient) => Some(gradient),
+			_ => None,
+		}
+	}
+
+	/// Extract a solid color from the fill
+	pub fn as_solid(&self) -> Option<Color> {
+		match self {
+			Self::Solid(color) => Some(*color),
+			_ => None,
+		}
+	}
+
+	/// Find if fill can be represented with only opaque colors
+	pub fn is_opaque(&self) -> bool {
+		match self {
+			Fill::Solid(color) => color.is_opaque(),
+			Fill::Gradient(gradient) => gradient.stops.iter().all(|(_, color)| color.is_opaque()),
+			Fill::None => true,
+		}
+	}
+
+	/// Returns if fill is none
+	pub fn is_none(&self) -> bool {
+		*self == Self::None
+	}
+}
+
+impl From<Color> for Fill {
+	fn from(color: Color) -> Fill {
+		Fill::Solid(color)
+	}
+}
+
+impl From<Option<Color>> for Fill {
+	fn from(color: Option<Color>) -> Fill {
+		Fill::solid_or_none(color)
+	}
+}
+
+impl From<Gradient> for Fill {
+	fn from(gradient: Gradient) -> Fill {
+		Fill::Gradient(gradient)
+	}
+}
+
+/// Describes the fill of a layer, but unlike [`Fill`], this doesn't store a [`Gradient`] directly but just its [`GradientStops`].
+///
+/// Can be None, a solid [Color], or a linear/radial [Gradient].
+///
+/// In the future we'll probably also add a pattern fill.
+#[repr(C)]
+#[derive(Default, Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, DynAny, Hash, specta::Type)]
+pub enum FillChoice {
+	#[default]
+	None,
+	/// WARNING: Color is gamma, not linear!
+	Solid(Color),
+	/// WARNING: Color stops are gamma, not linear!
+	Gradient(GradientStops),
+}
+
+impl FillChoice {
+	pub fn as_solid(&self) -> Option<Color> {
+		let Self::Solid(color) = self else { return None };
+		Some(*color)
+	}
+
+	pub fn as_gradient(&self) -> Option<&GradientStops> {
+		let Self::Gradient(gradient) = self else { return None };
+		Some(gradient)
+	}
+
+	/// Convert this [`FillChoice`] to a [`Fill`] using the provided [`Gradient`] as a base for the positional information of the gradient.
+	/// If a gradient isn't provided, default gradient positional information is used in cases where the [`FillChoice`] is a [`Gradient`].
+	pub fn to_fill(&self, existing_gradient: Option<&Gradient>) -> Fill {
+		match self {
+			Self::None => Fill::None,
+			Self::Solid(color) => Fill::Solid(*color),
+			Self::Gradient(stops) => {
+				let mut fill = existing_gradient.cloned().unwrap_or_default();
+				fill.stops = stops.clone();
+				Fill::Gradient(fill)
+			}
+		}
+	}
+}
+
+impl From<Fill> for FillChoice {
+	fn from(fill: Fill) -> Self {
+		match fill {
+			Fill::None => FillChoice::None,
+			Fill::Solid(color) => FillChoice::Solid(color),
+			Fill::Gradient(gradient) => FillChoice::Gradient(gradient.stops),
+		}
+	}
+}
+
+/// Enum describing the type of [Fill].
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, serde::Serialize, serde::Deserialize, DynAny, Hash, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum FillType {
+	#[default]
+	Solid,
+	Gradient,
+}
+
+/// The stroke (outline) style of an SVG element.
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum StrokeCap {
+	#[default]
+	Butt,
+	Round,
+	Square,
+}
+
+impl StrokeCap {
+	pub fn svg_name(&self) -> &'static str {
+		match self {
+			StrokeCap::Butt => "butt",
+			StrokeCap::Round => "round",
+			StrokeCap::Square => "square",
+		}
+	}
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum StrokeJoin {
+	#[default]
+	Miter,
+	Bevel,
+	Round,
+}
+
+impl StrokeJoin {
+	pub fn svg_name(&self) -> &'static str {
+		match self {
+			StrokeJoin::Bevel => "bevel",
+			StrokeJoin::Miter => "miter",
+			StrokeJoin::Round => "round",
+		}
+	}
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum StrokeAlign {
+	#[default]
+	Center,
+	Inside,
+	Outside,
+}
+
+impl StrokeAlign {
+	pub fn is_not_centered(self) -> bool {
+		self != Self::Center
+	}
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum PaintOrder {
+	#[default]
+	StrokeAbove,
+	StrokeBelow,
+}
+
+impl PaintOrder {
+	pub fn is_default(self) -> bool {
+		self == Self::default()
+	}
+}
+
+fn daffine2_identity() -> DAffine2 {
+	DAffine2::IDENTITY
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, PartialEq, serde::Serialize, serde::Deserialize, DynAny, specta::Type)]
+#[serde(default)]
+pub struct Stroke {
+	/// Stroke color
+	pub color: Option<Color>,
+	/// Line thickness
+	pub weight: f64,
+	pub dash_lengths: Vec<f64>,
+	pub dash_offset: f64,
+	#[serde(alias = "line_cap")]
+	pub cap: StrokeCap,
+	#[serde(alias = "line_join")]
+	pub join: StrokeJoin,
+	#[serde(alias = "line_join_miter_limit")]
+	pub join_miter_limit: f64,
+	#[serde(default)]
+	pub align: StrokeAlign,
+	#[serde(default = "daffine2_identity")]
+	pub transform: DAffine2,
+	#[serde(default)]
+	pub non_scaling: bool,
+	#[serde(default)]
+	pub paint_order: PaintOrder,
+}
+
+impl std::hash::Hash for Stroke {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.color.hash(state);
+		self.weight.to_bits().hash(state);
+		{
+			self.dash_lengths.len().hash(state);
+			self.dash_lengths.iter().for_each(|length| length.to_bits().hash(state));
+		}
+		self.dash_offset.to_bits().hash(state);
+		self.cap.hash(state);
+		self.join.hash(state);
+		self.join_miter_limit.to_bits().hash(state);
+		self.align.hash(state);
+		self.transform.to_cols_array().iter().for_each(|x| x.to_bits().hash(state));
+		self.non_scaling.hash(state);
+		self.paint_order.hash(state);
+	}
+}
+
+impl From<Color> for Stroke {
+	fn from(color: Color) -> Self {
+		Self::new(Some(color), 1.)
+	}
+}
+impl From<Option<Color>> for Stroke {
+	fn from(color: Option<Color>) -> Self {
+		Self::new(color, 1.)
+	}
+}
+
+impl Stroke {
+	pub const fn new(color: Option<Color>, weight: f64) -> Self {
+		Self {
+			color,
+			weight,
+			dash_lengths: Vec::new(),
+			dash_offset: 0.,
+			cap: StrokeCap::Butt,
+			join: StrokeJoin::Miter,
+			join_miter_limit: 4.,
+			align: StrokeAlign::Center,
+			transform: DAffine2::IDENTITY,
+			non_scaling: false,
+			paint_order: PaintOrder::StrokeAbove,
+		}
+	}
+
+	pub fn lerp(&self, other: &Self, time: f64) -> Self {
+		Self {
+			color: self.color.map(|color| color.lerp(&other.color.unwrap_or(color), time as f32)),
+			weight: self.weight + (other.weight - self.weight) * time,
+			dash_lengths: self.dash_lengths.iter().zip(other.dash_lengths.iter()).map(|(a, b)| a + (b - a) * time).collect(),
+			dash_offset: self.dash_offset + (other.dash_offset - self.dash_offset) * time,
+			cap: if time < 0.5 { self.cap } else { other.cap },
+			join: if time < 0.5 { self.join } else { other.join },
+			join_miter_limit: self.join_miter_limit + (other.join_miter_limit - self.join_miter_limit) * time,
+			align: if time < 0.5 { self.align } else { other.align },
+			transform: DAffine2::from_mat2_translation(
+				time * self.transform.matrix2 + (1. - time) * other.transform.matrix2,
+				self.transform.translation * time + other.transform.translation * (1. - time),
+			),
+			non_scaling: if time < 0.5 { self.non_scaling } else { other.non_scaling },
+			paint_order: if time < 0.5 { self.paint_order } else { other.paint_order },
+		}
+	}
+
+	/// Get the current stroke color.
+	pub fn color(&self) -> Option<Color> {
+		self.color
+	}
+
+	/// Get the current stroke weight.
+	pub fn weight(&self) -> f64 {
+		self.weight
+	}
+
+	pub fn dash_lengths(&self) -> String {
+		if self.dash_lengths.is_empty() {
+			"none".to_string()
+		} else {
+			self.dash_lengths.iter().map(|v| v.to_string()).collect::<Vec<_>>().join(", ")
+		}
+	}
+
+	pub fn dash_offset(&self) -> f64 {
+		self.dash_offset
+	}
+
+	pub fn cap_index(&self) -> u32 {
+		self.cap as u32
+	}
+
+	pub fn join_index(&self) -> u32 {
+		self.join as u32
+	}
+
+	pub fn join_miter_limit(&self) -> f32 {
+		self.join_miter_limit as f32
+	}
+
+	pub fn with_color(mut self, color: &Option<Color>) -> Option<Self> {
+		self.color = *color;
+
+		Some(self)
+	}
+
+	pub fn with_weight(mut self, weight: f64) -> Self {
+		self.weight = weight;
+		self
+	}
+
+	pub fn with_dash_lengths(mut self, dash_lengths: &str) -> Option<Self> {
+		dash_lengths
+			.split(&[',', ' '])
+			.filter(|x| !x.is_empty())
+			.map(str::parse::<f64>)
+			.collect::<Result<Vec<_>, _>>()
+			.ok()
+			.map(|lengths| {
+				self.dash_lengths = lengths;
+				self
+			})
+	}
+
+	pub fn with_dash_offset(mut self, dash_offset: f64) -> Self {
+		self.dash_offset = dash_offset;
+		self
+	}
+
+	pub fn with_stroke_cap(mut self, stroke_cap: StrokeCap) -> Self {
+		self.cap = stroke_cap;
+		self
+	}
+
+	pub fn with_stroke_join(mut self, stroke_join: StrokeJoin) -> Self {
+		self.join = stroke_join;
+		self
+	}
+
+	pub fn with_stroke_join_miter_limit(mut self, limit: f64) -> Self {
+		self.join_miter_limit = limit;
+		self
+	}
+
+	pub fn with_stroke_align(mut self, stroke_align: StrokeAlign) -> Self {
+		self.align = stroke_align;
+		self
+	}
+
+	pub fn with_non_scaling(mut self, non_scaling: bool) -> Self {
+		self.non_scaling = non_scaling;
+		self
+	}
+
+	pub fn has_renderable_stroke(&self) -> bool {
+		self.weight > 0. && self.color.is_some_and(|color| color.a() != 0.)
+	}
+}
+
+// Having an alpha of 1 to start with leads to a better experience with the properties panel
+impl Default for Stroke {
+	fn default() -> Self {
+		Self {
+			weight: 0.,
+			color: Some(Color::from_rgba8_srgb(0, 0, 0, 255)),
+			dash_lengths: Vec::new(),
+			dash_offset: 0.,
+			cap: StrokeCap::Butt,
+			join: StrokeJoin::Miter,
+			join_miter_limit: 4.,
+			align: StrokeAlign::Center,
+			transform: DAffine2::IDENTITY,
+			non_scaling: false,
+			paint_order: PaintOrder::default(),
+		}
+	}
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, PartialEq, Default, serde::Serialize, serde::Deserialize, DynAny, specta::Type)]
+pub struct PathStyle {
+	pub stroke: Option<Stroke>,
+	pub fill: Fill,
+}
+
+impl std::hash::Hash for PathStyle {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.stroke.hash(state);
+		self.fill.hash(state);
+	}
+}
+
+impl std::fmt::Display for PathStyle {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		let fill = &self.fill;
+
+		let stroke = match &self.stroke {
+			Some(stroke) => format!("#{} (Weight: {} px)", stroke.color.map_or("None".to_string(), |c| c.to_rgba_hex_srgb()), stroke.weight),
+			None => "None".to_string(),
+		};
+
+		write!(f, "Fill: {fill}\nStroke: {stroke}")
+	}
+}
+
+impl PathStyle {
+	pub const fn new(stroke: Option<Stroke>, fill: Fill) -> Self {
+		Self { stroke, fill }
+	}
+
+	pub fn lerp(&self, other: &Self, time: f64) -> Self {
+		Self {
+			fill: self.fill.lerp(&other.fill, time),
+			stroke: match (self.stroke.as_ref(), other.stroke.as_ref()) {
+				(Some(a), Some(b)) => Some(a.lerp(b, time)),
+				(Some(a), None) => {
+					if time < 0.5 {
+						Some(a.clone())
+					} else {
+						None
+					}
+				}
+				(None, Some(b)) => {
+					if time < 0.5 {
+						Some(b.clone())
+					} else {
+						None
+					}
+				}
+				(None, None) => None,
+			},
+		}
+	}
+
+	/// Get the current path's [Fill].
+	///
+	/// # Example
+	/// ```
+	/// # use graphene_core::vector::style::{Fill, PathStyle};
+	/// # use graphene_core::raster::color::Color;
+	/// let fill = Fill::solid(Color::RED);
+	/// let style = PathStyle::new(None, fill.clone());
+	///
+	/// assert_eq!(*style.fill(), fill);
+	/// ```
+	pub fn fill(&self) -> &Fill {
+		&self.fill
+	}
+
+	/// Get the current path's [Stroke].
+	///
+	/// # Example
+	/// ```
+	/// # use graphene_core::vector::style::{Fill, Stroke, PathStyle};
+	/// # use graphene_core::raster::color::Color;
+	/// let stroke = Stroke::new(Some(Color::GREEN), 42.);
+	/// let style = PathStyle::new(Some(stroke.clone()), Fill::None);
+	///
+	/// assert_eq!(style.stroke(), Some(stroke));
+	/// ```
+	pub fn stroke(&self) -> Option<Stroke> {
+		self.stroke.clone()
+	}
+
+	/// Replace the path's [Fill] with a provided one.
+	///
+	/// # Example
+	/// ```
+	/// # use graphene_core::vector::style::{Fill, PathStyle};
+	/// # use graphene_core::raster::color::Color;
+	/// let mut style = PathStyle::default();
+	///
+	/// assert_eq!(*style.fill(), Fill::None);
+	///
+	/// let fill = Fill::solid(Color::RED);
+	/// style.set_fill(fill.clone());
+	///
+	/// assert_eq!(*style.fill(), fill);
+	/// ```
+	pub fn set_fill(&mut self, fill: Fill) {
+		self.fill = fill;
+	}
+
+	pub fn set_stroke_transform(&mut self, transform: DAffine2) {
+		if let Some(stroke) = &mut self.stroke {
+			stroke.transform = transform;
+		}
+	}
+
+	/// Replace the path's [Stroke] with a provided one.
+	///
+	/// # Example
+	/// ```
+	/// # use graphene_core::vector::style::{Stroke, PathStyle};
+	/// # use graphene_core::raster::color::Color;
+	/// let mut style = PathStyle::default();
+	///
+	/// assert_eq!(style.stroke(), None);
+	///
+	/// let stroke = Stroke::new(Some(Color::GREEN), 42.);
+	/// style.set_stroke(stroke.clone());
+	///
+	/// assert_eq!(style.stroke(), Some(stroke));
+	/// ```
+	pub fn set_stroke(&mut self, stroke: Stroke) {
+		self.stroke = Some(stroke);
+	}
+
+	/// Set the path's fill to None.
+	///
+	/// # Example
+	/// ```
+	/// # use graphene_core::vector::style::{Fill, PathStyle};
+	/// # use graphene_core::raster::color::Color;
+	/// let mut style = PathStyle::new(None, Fill::Solid(Color::RED));
+	///
+	/// assert_ne!(*style.fill(), Fill::None);
+	///
+	/// style.clear_fill();
+	///
+	/// assert_eq!(*style.fill(), Fill::None);
+	/// ```
+	pub fn clear_fill(&mut self) {
+		self.fill = Fill::None;
+	}
+
+	/// Set the path's stroke to None.
+	///
+	/// # Example
+	/// ```
+	/// # use graphene_core::vector::style::{Fill, Stroke, PathStyle};
+	/// # use graphene_core::raster::color::Color;
+	/// let mut style = PathStyle::new(Some(Stroke::new(Some(Color::GREEN), 42.)), Fill::None);
+	///
+	/// assert!(style.stroke().is_some());
+	///
+	/// style.clear_stroke();
+	///
+	/// assert!(!style.stroke().is_some());
+	/// ```
+	pub fn clear_stroke(&mut self) {
+		self.stroke = None;
+	}
+}
+
+/// Represents different ways of rendering an object
+#[derive(Default, Debug, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type)]
+pub enum ViewMode {
+	/// Render with normal coloration at the current viewport resolution
+	#[default]
+	Normal,
+	/// Render only the outlines of shapes at the current viewport resolution
+	Outline,
+	/// Render with normal coloration at the document resolution, showing the pixels when the current viewport resolution is higher
+	Pixels,
+}
diff --git a/node-graph/gcore/src/vector/vector_data.rs b/node-graph/gcore/src/vector/vector_data.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c9888984c7f4b048b582bbfa0f305551f2ecf051
--- /dev/null
+++ b/node-graph/gcore/src/vector/vector_data.rs
@@ -0,0 +1,738 @@
+mod attributes;
+mod indexed;
+mod modification;
+
+use super::misc::{dvec2_to_point, point_to_dvec2};
+use super::style::{PathStyle, Stroke};
+use crate::bounds::BoundingBox;
+use crate::instances::Instances;
+use crate::math::quad::Quad;
+use crate::transform::Transform;
+use crate::vector::click_target::{ClickTargetType, FreePoint};
+use crate::{AlphaBlending, Color, GraphicGroupTable};
+pub use attributes::*;
+use bezier_rs::{BezierHandles, ManipulatorGroup};
+use core::borrow::Borrow;
+use core::hash::Hash;
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2};
+pub use indexed::VectorDataIndex;
+use kurbo::{Affine, Rect, Shape};
+pub use modification::*;
+use std::collections::HashMap;
+
+// TODO: Eventually remove this migration document upgrade code
+pub fn migrate_vector_data<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<VectorDataTable, D::Error> {
+	use serde::Deserialize;
+
+	#[derive(Clone, Debug, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+	pub struct OldVectorData {
+		pub transform: DAffine2,
+		pub alpha_blending: AlphaBlending,
+
+		pub style: PathStyle,
+
+		/// A list of all manipulator groups (referenced in `subpaths`) that have colinear handles (where they're locked at 180° angles from one another).
+		/// This gets read in `graph_operation_message_handler.rs` by calling `inputs.as_mut_slice()` (search for the string `"Shape does not have both `subpath` and `colinear_manipulators` inputs"` to find it).
+		pub colinear_manipulators: Vec<[HandleId; 2]>,
+
+		pub point_domain: PointDomain,
+		pub segment_domain: SegmentDomain,
+		pub region_domain: RegionDomain,
+
+		// Used to store the upstream graphic group during destructive Boolean Operations (and other nodes with a similar effect) so that click targets can be preserved.
+		pub upstream_graphic_group: Option<GraphicGroupTable>,
+	}
+
+	#[derive(serde::Serialize, serde::Deserialize)]
+	#[serde(untagged)]
+	#[allow(clippy::large_enum_variant)]
+	enum EitherFormat {
+		VectorData(VectorData),
+		OldVectorData(OldVectorData),
+		VectorDataTable(VectorDataTable),
+	}
+
+	Ok(match EitherFormat::deserialize(deserializer)? {
+		EitherFormat::VectorData(vector_data) => VectorDataTable::new(vector_data),
+		EitherFormat::OldVectorData(old) => {
+			let mut vector_data_table = VectorDataTable::new(VectorData {
+				style: old.style,
+				colinear_manipulators: old.colinear_manipulators,
+				point_domain: old.point_domain,
+				segment_domain: old.segment_domain,
+				region_domain: old.region_domain,
+				upstream_graphic_group: old.upstream_graphic_group,
+			});
+			*vector_data_table.instance_mut_iter().next().unwrap().transform = old.transform;
+			*vector_data_table.instance_mut_iter().next().unwrap().alpha_blending = old.alpha_blending;
+			vector_data_table
+		}
+		EitherFormat::VectorDataTable(vector_data_table) => vector_data_table,
+	})
+}
+
+pub type VectorDataTable = Instances<VectorData>;
+
+/// [VectorData] is passed between nodes.
+/// It contains a list of subpaths (that may be open or closed), a transform, and some style information.
+///
+/// Segments are connected if they share endpoints.
+#[derive(Clone, Debug, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct VectorData {
+	pub style: PathStyle,
+
+	/// A list of all manipulator groups (referenced in `subpaths`) that have colinear handles (where they're locked at 180° angles from one another).
+	/// This gets read in `graph_operation_message_handler.rs` by calling `inputs.as_mut_slice()` (search for the string `"Shape does not have both `subpath` and `colinear_manipulators` inputs"` to find it).
+	pub colinear_manipulators: Vec<[HandleId; 2]>,
+
+	pub point_domain: PointDomain,
+	pub segment_domain: SegmentDomain,
+	pub region_domain: RegionDomain,
+
+	// Used to store the upstream graphic group during destructive Boolean Operations (and other nodes with a similar effect) so that click targets can be preserved.
+	pub upstream_graphic_group: Option<GraphicGroupTable>,
+}
+
+impl Default for VectorData {
+	fn default() -> Self {
+		Self {
+			style: PathStyle::new(Some(Stroke::new(Some(Color::BLACK), 0.)), super::style::Fill::None),
+			colinear_manipulators: Vec::new(),
+			point_domain: PointDomain::new(),
+			segment_domain: SegmentDomain::new(),
+			region_domain: RegionDomain::new(),
+			upstream_graphic_group: None,
+		}
+	}
+}
+
+impl std::hash::Hash for VectorData {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.point_domain.hash(state);
+		self.segment_domain.hash(state);
+		self.region_domain.hash(state);
+		self.style.hash(state);
+		self.colinear_manipulators.hash(state);
+	}
+}
+
+impl VectorData {
+	/// Push a subpath to the vector data
+	pub fn append_subpath(&mut self, subpath: impl Borrow<bezier_rs::Subpath<PointId>>, preserve_id: bool) {
+		let subpath: &bezier_rs::Subpath<PointId> = subpath.borrow();
+		let stroke_id = StrokeId::ZERO;
+		let mut point_id = self.point_domain.next_id();
+
+		let handles = |a: &ManipulatorGroup<_>, b: &ManipulatorGroup<_>| match (a.out_handle, b.in_handle) {
+			(None, None) => bezier_rs::BezierHandles::Linear,
+			(Some(handle), None) | (None, Some(handle)) => bezier_rs::BezierHandles::Quadratic { handle },
+			(Some(handle_start), Some(handle_end)) => bezier_rs::BezierHandles::Cubic { handle_start, handle_end },
+		};
+		let [mut first_seg, mut last_seg] = [None, None];
+		let mut segment_id = self.segment_domain.next_id();
+		let mut last_point = None;
+		let mut first_point = None;
+
+		// Construct a bezier segment from the two manipulators on the subpath.
+		for pair in subpath.manipulator_groups().windows(2) {
+			let start = last_point.unwrap_or_else(|| {
+				let id = if preserve_id && !self.point_domain.ids().contains(&pair[0].id) {
+					pair[0].id
+				} else {
+					point_id.next_id()
+				};
+				self.point_domain.push(id, pair[0].anchor);
+				self.point_domain.ids().len() - 1
+			});
+			first_point = Some(first_point.unwrap_or(start));
+			let end = if preserve_id && !self.point_domain.ids().contains(&pair[1].id) {
+				pair[1].id
+			} else {
+				point_id.next_id()
+			};
+			let end_index = self.point_domain.ids().len();
+			self.point_domain.push(end, pair[1].anchor);
+
+			let id = segment_id.next_id();
+			first_seg = Some(first_seg.unwrap_or(id));
+			last_seg = Some(id);
+			self.segment_domain.push(id, start, end_index, handles(&pair[0], &pair[1]), stroke_id);
+
+			last_point = Some(end_index);
+		}
+
+		let fill_id = FillId::ZERO;
+
+		if subpath.closed() {
+			if let (Some(last), Some(first), Some(first_id), Some(last_id)) = (subpath.manipulator_groups().last(), subpath.manipulator_groups().first(), first_point, last_point) {
+				let id = segment_id.next_id();
+				first_seg = Some(first_seg.unwrap_or(id));
+				last_seg = Some(id);
+				self.segment_domain.push(id, last_id, first_id, handles(last, first), stroke_id);
+			}
+
+			if let [Some(first_seg), Some(last_seg)] = [first_seg, last_seg] {
+				self.region_domain.push(self.region_domain.next_id(), first_seg..=last_seg, fill_id);
+			}
+		}
+	}
+
+	pub fn append_free_point(&mut self, point: &FreePoint, preserve_id: bool) {
+		let mut point_id = self.point_domain.next_id();
+
+		// Use the current point ID if it's not already in the domain, otherwise generate a new one
+		let id = if preserve_id && !self.point_domain.ids().contains(&point.id) {
+			point.id
+		} else {
+			point_id.next_id()
+		};
+		self.point_domain.push(id, point.position);
+	}
+
+	/// Construct some new vector data from a single subpath with an identity transform and black fill.
+	pub fn from_subpath(subpath: impl Borrow<bezier_rs::Subpath<PointId>>) -> Self {
+		Self::from_subpaths([subpath], false)
+	}
+
+	/// Construct some new vector data from subpaths with an identity transform and black fill.
+	pub fn from_subpaths(subpaths: impl IntoIterator<Item = impl Borrow<bezier_rs::Subpath<PointId>>>, preserve_id: bool) -> Self {
+		let mut vector_data = Self::default();
+
+		for subpath in subpaths.into_iter() {
+			vector_data.append_subpath(subpath, preserve_id);
+		}
+
+		vector_data
+	}
+
+	pub fn from_target_types(target_types: impl IntoIterator<Item = impl Borrow<ClickTargetType>>, preserve_id: bool) -> Self {
+		let mut vector_data = Self::default();
+
+		for target_type in target_types.into_iter() {
+			match target_type.borrow() {
+				ClickTargetType::Subpath(subpath) => vector_data.append_subpath(subpath, preserve_id),
+				ClickTargetType::FreePoint(point) => vector_data.append_free_point(point, preserve_id),
+			}
+		}
+
+		vector_data
+	}
+
+	/// Compute the bounding boxes of the bezpaths without any transform
+	pub fn bounding_box_rect(&self) -> Option<Rect> {
+		self.bounding_box_with_transform_rect(DAffine2::IDENTITY)
+	}
+
+	pub fn close_subpaths(&mut self) {
+		let segments_to_add: Vec<_> = self
+			.stroke_bezier_paths()
+			.filter(|subpath| !subpath.closed)
+			.filter_map(|subpath| {
+				let (first, last) = subpath.manipulator_groups().first().zip(subpath.manipulator_groups().last())?;
+				let (start, end) = self.point_domain.resolve_id(first.id).zip(self.point_domain.resolve_id(last.id))?;
+				Some((start, end))
+			})
+			.collect();
+
+		for (start, end) in segments_to_add {
+			let segment_id = self.segment_domain.next_id().next_id();
+			self.segment_domain.push(segment_id, start, end, bezier_rs::BezierHandles::Linear, StrokeId::ZERO);
+		}
+	}
+
+	/// Compute the bounding boxes of the subpaths without any transform
+	pub fn bounding_box(&self) -> Option<[DVec2; 2]> {
+		self.bounding_box_with_transform_rect(DAffine2::IDENTITY)
+			.map(|rect| [DVec2::new(rect.x0, rect.y0), DVec2::new(rect.x1, rect.y1)])
+	}
+
+	/// Compute the bounding boxes of the subpaths with the specified transform
+	pub fn bounding_box_with_transform(&self, transform: DAffine2) -> Option<[DVec2; 2]> {
+		self.bounding_box_with_transform_rect(transform)
+			.map(|rect| [DVec2::new(rect.x0, rect.y0), DVec2::new(rect.x1, rect.y1)])
+	}
+
+	/// Compute the bounding boxes of the bezpaths with the specified transform
+	pub fn bounding_box_with_transform_rect(&self, transform: DAffine2) -> Option<Rect> {
+		let combine = |r1: Rect, r2: Rect| r1.union(r2);
+		self.stroke_bezpath_iter()
+			.map(|mut bezpath| {
+				bezpath.apply_affine(Affine::new(transform.to_cols_array()));
+				bezpath.bounding_box()
+			})
+			.reduce(combine)
+	}
+
+	/// Calculate the corners of the bounding box but with a nonzero size.
+	///
+	/// If the layer bounds are `0` in either axis then they are changed to be `1`.
+	pub fn nonzero_bounding_box(&self) -> [DVec2; 2] {
+		let [bounds_min, mut bounds_max] = self.bounding_box().unwrap_or_default();
+
+		let bounds_size = bounds_max - bounds_min;
+		if bounds_size.x < 1e-10 {
+			bounds_max.x = bounds_min.x + 1.;
+		}
+		if bounds_size.y < 1e-10 {
+			bounds_max.y = bounds_min.y + 1.;
+		}
+
+		[bounds_min, bounds_max]
+	}
+
+	/// Compute the pivot of the layer in layerspace (the coordinates of the subpaths)
+	pub fn layerspace_pivot(&self, normalized_pivot: DVec2) -> DVec2 {
+		let [bounds_min, bounds_max] = self.nonzero_bounding_box();
+		let bounds_size = bounds_max - bounds_min;
+		bounds_min + bounds_size * normalized_pivot
+	}
+
+	pub fn start_point(&self) -> impl Iterator<Item = PointId> + '_ {
+		self.segment_domain.start_point().iter().map(|&index| self.point_domain.ids()[index])
+	}
+
+	pub fn end_point(&self) -> impl Iterator<Item = PointId> + '_ {
+		self.segment_domain.end_point().iter().map(|&index| self.point_domain.ids()[index])
+	}
+
+	pub fn push(&mut self, id: SegmentId, start: PointId, end: PointId, handles: bezier_rs::BezierHandles, stroke: StrokeId) {
+		let [Some(start), Some(end)] = [start, end].map(|id| self.point_domain.resolve_id(id)) else {
+			return;
+		};
+		self.segment_domain.push(id, start, end, handles, stroke)
+	}
+
+	pub fn handles_mut(&mut self) -> impl Iterator<Item = (SegmentId, &mut bezier_rs::BezierHandles, PointId, PointId)> {
+		self.segment_domain
+			.handles_mut()
+			.map(|(id, handles, start, end)| (id, handles, self.point_domain.ids()[start], self.point_domain.ids()[end]))
+	}
+
+	pub fn segment_start_from_id(&self, segment: SegmentId) -> Option<PointId> {
+		self.segment_domain.segment_start_from_id(segment).map(|index| self.point_domain.ids()[index])
+	}
+
+	pub fn segment_end_from_id(&self, segment: SegmentId) -> Option<PointId> {
+		self.segment_domain.segment_end_from_id(segment).map(|index| self.point_domain.ids()[index])
+	}
+
+	/// Returns an array for the start and end points of a segment.
+	pub fn points_from_id(&self, segment: SegmentId) -> Option<[PointId; 2]> {
+		self.segment_domain.points_from_id(segment).map(|val| val.map(|index| self.point_domain.ids()[index]))
+	}
+
+	/// Attempts to find another point in the segment that is not the one passed in.
+	pub fn other_point(&self, segment: SegmentId, current: PointId) -> Option<PointId> {
+		let index = self.point_domain.resolve_id(current);
+		index.and_then(|index| self.segment_domain.other_point(segment, index)).map(|index| self.point_domain.ids()[index])
+	}
+
+	/// Gets all points connected to the current one but not including the current one.
+	pub fn connected_points(&self, current: PointId) -> impl Iterator<Item = PointId> + '_ {
+		let index = [self.point_domain.resolve_id(current)].into_iter().flatten();
+		index.flat_map(|index| self.segment_domain.connected_points(index).map(|index| self.point_domain.ids()[index]))
+	}
+
+	/// Returns the number of linear segments connected to the given point.
+	pub fn connected_linear_segments(&self, point_id: PointId) -> usize {
+		self.segment_bezier_iter()
+			.filter(|(_, bez, start, end)| ((*start == point_id || *end == point_id) && matches!(bez.handles, BezierHandles::Linear)))
+			.count()
+	}
+
+	/// Get an array slice of all segment IDs.
+	pub fn segment_ids(&self) -> &[SegmentId] {
+		self.segment_domain.ids()
+	}
+
+	/// Enumerate all segments that start at the point.
+	pub fn start_connected(&self, point: PointId) -> impl Iterator<Item = SegmentId> + '_ {
+		let index = [self.point_domain.resolve_id(point)].into_iter().flatten();
+		index.flat_map(|index| self.segment_domain.start_connected(index))
+	}
+
+	/// Enumerate all segments that end at the point.
+	pub fn end_connected(&self, point: PointId) -> impl Iterator<Item = SegmentId> + '_ {
+		let index = [self.point_domain.resolve_id(point)].into_iter().flatten();
+		index.flat_map(|index| self.segment_domain.end_connected(index))
+	}
+
+	/// Enumerate all segments that start or end at a point, converting them to [`HandleId`s]. Note that the handles may not exist e.g. for a linear segment.
+	pub fn all_connected(&self, point: PointId) -> impl Iterator<Item = HandleId> + '_ {
+		let index = [self.point_domain.resolve_id(point)].into_iter().flatten();
+		index.flat_map(|index| self.segment_domain.all_connected(index))
+	}
+
+	/// Enumerate the number of segments connected to a point. If a segment starts and ends at a point then it is counted twice.
+	pub fn connected_count(&self, point: PointId) -> usize {
+		self.point_domain.resolve_id(point).map_or(0, |point| self.segment_domain.connected_count(point))
+	}
+
+	pub fn check_point_inside_shape(&self, vector_data_transform: DAffine2, point: DVec2) -> bool {
+		let bez_paths: Vec<_> = self
+			.stroke_bezpath_iter()
+			.map(|mut bezpath| {
+				// TODO: apply transform to points instead of modifying the paths
+				bezpath.apply_affine(Affine::new(vector_data_transform.to_cols_array()));
+				bezpath.close_path();
+				let bbox = bezpath.bounding_box();
+				(bezpath, bbox)
+			})
+			.collect();
+
+		// Check against all paths the point is contained in to compute the correct winding number
+		let mut number = 0;
+
+		for (shape, bbox) in bez_paths {
+			if bbox.x0 > point.x || bbox.y0 > point.y || bbox.x1 < point.x || bbox.y1 < point.y {
+				continue;
+			}
+
+			let winding = shape.winding(dvec2_to_point(point));
+			number += winding;
+		}
+
+		// Non-zero fill rule
+		number != 0
+	}
+
+	/// Points that can be extended from.
+	///
+	/// This is usually only points with exactly one connection unless vector meshes are enabled.
+	pub fn extendable_points(&self, vector_meshes: bool) -> impl Iterator<Item = PointId> + '_ {
+		let point_ids = self.point_domain.ids().iter().enumerate();
+		point_ids.filter(move |(index, _)| vector_meshes || self.segment_domain.connected_count(*index) == 1).map(|(_, &id)| id)
+	}
+
+	/// Computes if all the connected handles are colinear for an anchor, or if that handle is colinear for a handle.
+	pub fn colinear(&self, point: ManipulatorPointId) -> bool {
+		let has_handle = |target| self.colinear_manipulators.iter().flatten().any(|&handle| handle == target);
+		match point {
+			ManipulatorPointId::Anchor(id) => {
+				self.start_connected(id).all(|segment| has_handle(HandleId::primary(segment))) && self.end_connected(id).all(|segment| has_handle(HandleId::end(segment)))
+			}
+			ManipulatorPointId::PrimaryHandle(segment) => has_handle(HandleId::primary(segment)),
+			ManipulatorPointId::EndHandle(segment) => has_handle(HandleId::end(segment)),
+		}
+	}
+
+	pub fn other_colinear_handle(&self, handle: HandleId) -> Option<HandleId> {
+		let pair = self.colinear_manipulators.iter().find(|pair| pair.contains(&handle))?;
+		let other = pair.iter().copied().find(|&val| val != handle)?;
+		if handle.to_manipulator_point().get_anchor(self) == other.to_manipulator_point().get_anchor(self) {
+			Some(other)
+		} else {
+			None
+		}
+	}
+
+	pub fn adjacent_segment(&self, manipulator_id: &ManipulatorPointId) -> Option<(PointId, SegmentId)> {
+		match manipulator_id {
+			ManipulatorPointId::PrimaryHandle(segment_id) => {
+				// For start handle, find segments ending at our start point
+				let (start_point_id, _, _) = self.segment_points_from_id(*segment_id)?;
+				let start_index = self.point_domain.resolve_id(start_point_id)?;
+
+				self.segment_domain.end_connected(start_index).find(|&id| id != *segment_id).map(|id| (start_point_id, id)).or(self
+					.segment_domain
+					.start_connected(start_index)
+					.find(|&id| id != *segment_id)
+					.map(|id| (start_point_id, id)))
+			}
+			ManipulatorPointId::EndHandle(segment_id) => {
+				// For end handle, find segments starting at our end point
+				let (_, end_point_id, _) = self.segment_points_from_id(*segment_id)?;
+				let end_index = self.point_domain.resolve_id(end_point_id)?;
+
+				self.segment_domain.start_connected(end_index).find(|&id| id != *segment_id).map(|id| (end_point_id, id)).or(self
+					.segment_domain
+					.end_connected(end_index)
+					.find(|&id| id != *segment_id)
+					.map(|id| (end_point_id, id)))
+			}
+			ManipulatorPointId::Anchor(_) => None,
+		}
+	}
+
+	pub fn concat(&mut self, additional: &Self, transform_of_additional: DAffine2, collision_hash_seed: u64) {
+		let point_map = additional
+			.point_domain
+			.ids()
+			.iter()
+			.filter(|id| self.point_domain.ids().contains(id))
+			.map(|&old| (old, old.generate_from_hash(collision_hash_seed)))
+			.collect::<HashMap<_, _>>();
+
+		let segment_map = additional
+			.segment_domain
+			.ids()
+			.iter()
+			.filter(|id| self.segment_domain.ids().contains(id))
+			.map(|&old| (old, old.generate_from_hash(collision_hash_seed)))
+			.collect::<HashMap<_, _>>();
+
+		let region_map = additional
+			.region_domain
+			.ids()
+			.iter()
+			.filter(|id| self.region_domain.ids().contains(id))
+			.map(|&old| (old, old.generate_from_hash(collision_hash_seed)))
+			.collect::<HashMap<_, _>>();
+
+		let id_map = IdMap {
+			point_offset: self.point_domain.ids().len(),
+			point_map,
+			segment_map,
+			region_map,
+		};
+
+		self.point_domain.concat(&additional.point_domain, transform_of_additional, &id_map);
+		self.segment_domain.concat(&additional.segment_domain, transform_of_additional, &id_map);
+		self.region_domain.concat(&additional.region_domain, transform_of_additional, &id_map);
+
+		// TODO: properly deal with fills such as gradients
+		self.style = additional.style.clone();
+
+		self.colinear_manipulators.extend(additional.colinear_manipulators.iter().copied());
+	}
+}
+
+impl BoundingBox for VectorDataTable {
+	fn bounding_box(&self, transform: DAffine2, include_stroke: bool) -> Option<[DVec2; 2]> {
+		self.instance_ref_iter()
+			.flat_map(|instance| {
+				if !include_stroke {
+					return instance.instance.bounding_box_with_transform(transform * *instance.transform);
+				}
+
+				let stroke_width = instance.instance.style.stroke().map(|s| s.weight()).unwrap_or_default();
+
+				let miter_limit = instance.instance.style.stroke().map(|s| s.join_miter_limit).unwrap_or(1.);
+
+				let scale = transform.decompose_scale();
+
+				// We use the full line width here to account for different styles of stroke caps
+				let offset = DVec2::splat(stroke_width * scale.x.max(scale.y) * miter_limit);
+
+				instance.instance.bounding_box_with_transform(transform * *instance.transform).map(|[a, b]| [a - offset, b + offset])
+			})
+			.reduce(Quad::combine_bounds)
+	}
+}
+
+/// A selectable part of a curve, either an anchor (start or end of a bézier) or a handle (doesn't necessarily go through the bézier but influences curvature).
+#[derive(Clone, Copy, PartialEq, Eq, Hash, Debug, DynAny, serde::Serialize, serde::Deserialize)]
+pub enum ManipulatorPointId {
+	/// A control anchor - the start or end point of a bézier.
+	Anchor(PointId),
+	/// The handle for a bézier - the first handle on a cubic and the only handle on a quadratic.
+	PrimaryHandle(SegmentId),
+	/// The end handle on a cubic bézier.
+	EndHandle(SegmentId),
+}
+
+impl ManipulatorPointId {
+	/// Attempt to retrieve the manipulator position in layer space (no transformation applied).
+	#[must_use]
+	#[track_caller]
+	pub fn get_position(&self, vector_data: &VectorData) -> Option<DVec2> {
+		match self {
+			ManipulatorPointId::Anchor(id) => vector_data.point_domain.position_from_id(*id),
+			ManipulatorPointId::PrimaryHandle(id) => vector_data.segment_from_id(*id).and_then(|bezier| bezier.handle_start()),
+			ManipulatorPointId::EndHandle(id) => vector_data.segment_from_id(*id).and_then(|bezier| bezier.handle_end()),
+		}
+	}
+
+	pub fn get_anchor_position(&self, vector_data: &VectorData) -> Option<DVec2> {
+		match self {
+			ManipulatorPointId::EndHandle(_) | ManipulatorPointId::PrimaryHandle(_) => self.get_anchor(vector_data).and_then(|id| vector_data.point_domain.position_from_id(id)),
+			_ => self.get_position(vector_data),
+		}
+	}
+
+	/// Attempt to get a pair of handles. For an anchor this is the first two handles connected. For a handle it is self and the first opposing handle.
+	#[must_use]
+	pub fn get_handle_pair(self, vector_data: &VectorData) -> Option<[HandleId; 2]> {
+		match self {
+			ManipulatorPointId::Anchor(point) => vector_data.all_connected(point).take(2).collect::<Vec<_>>().try_into().ok(),
+			ManipulatorPointId::PrimaryHandle(segment) => {
+				let point = vector_data.segment_domain.segment_start_from_id(segment)?;
+				let current = HandleId::primary(segment);
+				let other = vector_data.segment_domain.all_connected(point).find(|&value| value != current);
+				other.map(|other| [current, other])
+			}
+			ManipulatorPointId::EndHandle(segment) => {
+				let point = vector_data.segment_domain.segment_end_from_id(segment)?;
+				let current = HandleId::end(segment);
+				let other = vector_data.segment_domain.all_connected(point).find(|&value| value != current);
+				other.map(|other| [current, other])
+			}
+		}
+	}
+
+	/// Attempt to find the closest anchor. If self is already an anchor then it is just self. If it is a start or end handle, then the start or end point is chosen.
+	#[must_use]
+	pub fn get_anchor(self, vector_data: &VectorData) -> Option<PointId> {
+		match self {
+			ManipulatorPointId::Anchor(point) => Some(point),
+			ManipulatorPointId::PrimaryHandle(segment) => vector_data.segment_start_from_id(segment),
+			ManipulatorPointId::EndHandle(segment) => vector_data.segment_end_from_id(segment),
+		}
+	}
+
+	/// Attempt to convert self to a [`HandleId`], returning none for an anchor.
+	#[must_use]
+	pub fn as_handle(self) -> Option<HandleId> {
+		match self {
+			ManipulatorPointId::PrimaryHandle(segment) => Some(HandleId::primary(segment)),
+			ManipulatorPointId::EndHandle(segment) => Some(HandleId::end(segment)),
+			ManipulatorPointId::Anchor(_) => None,
+		}
+	}
+
+	/// Attempt to convert self to an anchor, returning None for a handle.
+	#[must_use]
+	pub fn as_anchor(self) -> Option<PointId> {
+		match self {
+			ManipulatorPointId::Anchor(point) => Some(point),
+			_ => None,
+		}
+	}
+
+	pub fn get_segment(self) -> Option<SegmentId> {
+		match self {
+			ManipulatorPointId::PrimaryHandle(segment) | ManipulatorPointId::EndHandle(segment) => Some(segment),
+			_ => None,
+		}
+	}
+}
+
+/// The type of handle found on a bézier curve.
+#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash, Debug, DynAny, serde::Serialize, serde::Deserialize)]
+pub enum HandleType {
+	/// The first handle on a cubic bézier or the only handle on a quadratic bézier.
+	Primary,
+	/// The second handle on a cubic bézier.
+	End,
+}
+
+/// Represents a primary or end handle found in a particular segment.
+#[derive(Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash, Debug, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct HandleId {
+	pub ty: HandleType,
+	pub segment: SegmentId,
+}
+
+impl std::fmt::Display for HandleId {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self.ty {
+			// I haven't checked if "out" and "in" are reversed, or are accurate translations of the "primary" and "end" terms used in the `HandleType` enum, so this naming is an assumption.
+			HandleType::Primary => write!(f, "{} out", self.segment.inner()),
+			HandleType::End => write!(f, "{} in", self.segment.inner()),
+		}
+	}
+}
+
+impl HandleId {
+	/// Construct a handle for the first handle on a cubic bézier or the only handle on a quadratic bézier.
+	#[must_use]
+	pub const fn primary(segment: SegmentId) -> Self {
+		Self { ty: HandleType::Primary, segment }
+	}
+
+	/// Construct a handle for the end handle on a cubic bézier.
+	#[must_use]
+	pub const fn end(segment: SegmentId) -> Self {
+		Self { ty: HandleType::End, segment }
+	}
+
+	/// Convert to [`ManipulatorPointId`].
+	#[must_use]
+	pub fn to_manipulator_point(self) -> ManipulatorPointId {
+		match self.ty {
+			HandleType::Primary => ManipulatorPointId::PrimaryHandle(self.segment),
+			HandleType::End => ManipulatorPointId::EndHandle(self.segment),
+		}
+	}
+
+	/// Calculate the magnitude of the handle from the anchor.
+	pub fn length(self, vector_data: &VectorData) -> f64 {
+		let Some(anchor_position) = self.to_manipulator_point().get_anchor_position(vector_data) else {
+			// TODO: This was previously an unwrap which was encountered, so this is a temporary way to avoid a crash
+			return 0.;
+		};
+		let handle_position = self.to_manipulator_point().get_position(vector_data);
+		handle_position.map(|pos| (pos - anchor_position).length()).unwrap_or(f64::MAX)
+	}
+
+	/// Convert an end handle to the primary handle and a primary handle to an end handle. Note that the new handle may not exist (e.g. for a quadratic bézier).
+	#[must_use]
+	pub fn opposite(self) -> Self {
+		match self.ty {
+			HandleType::Primary => Self::end(self.segment),
+			HandleType::End => Self::primary(self.segment),
+		}
+	}
+}
+
+#[cfg(test)]
+fn assert_subpath_eq(generated: &[bezier_rs::Subpath<PointId>], expected: &[bezier_rs::Subpath<PointId>]) {
+	assert_eq!(generated.len(), expected.len());
+	for (generated, expected) in generated.iter().zip(expected) {
+		assert_eq!(generated.manipulator_groups().len(), expected.manipulator_groups().len());
+		assert_eq!(generated.closed(), expected.closed());
+		for (generated, expected) in generated.manipulator_groups().iter().zip(expected.manipulator_groups()) {
+			assert_eq!(generated.in_handle, expected.in_handle);
+			assert_eq!(generated.out_handle, expected.out_handle);
+			assert_eq!(generated.anchor, expected.anchor);
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	#[test]
+	fn construct_closed_subpath() {
+		let circle = bezier_rs::Subpath::new_ellipse(DVec2::NEG_ONE, DVec2::ONE);
+		let vector_data = VectorData::from_subpath(&circle);
+		assert_eq!(vector_data.point_domain.ids().len(), 4);
+		let bezier_paths = vector_data.segment_bezier_iter().map(|(_, bezier, _, _)| bezier).collect::<Vec<_>>();
+		assert_eq!(bezier_paths.len(), 4);
+		assert!(bezier_paths.iter().all(|&bezier| circle.iter().any(|original_bezier| original_bezier == bezier)));
+
+		let generated = vector_data.stroke_bezier_paths().collect::<Vec<_>>();
+		assert_subpath_eq(&generated, &[circle]);
+	}
+
+	#[test]
+	fn construct_open_subpath() {
+		let bezier = bezier_rs::Bezier::from_cubic_dvec2(DVec2::ZERO, DVec2::NEG_ONE, DVec2::ONE, DVec2::X);
+		let subpath = bezier_rs::Subpath::from_bezier(&bezier);
+		let vector_data = VectorData::from_subpath(&subpath);
+		assert_eq!(vector_data.point_domain.ids().len(), 2);
+		let bezier_paths = vector_data.segment_bezier_iter().map(|(_, bezier, _, _)| bezier).collect::<Vec<_>>();
+		assert_eq!(bezier_paths, vec![bezier]);
+
+		let generated = vector_data.stroke_bezier_paths().collect::<Vec<_>>();
+		assert_subpath_eq(&generated, &[subpath]);
+	}
+
+	#[test]
+	fn construct_many_subpath() {
+		let curve = bezier_rs::Bezier::from_cubic_dvec2(DVec2::ZERO, DVec2::NEG_ONE, DVec2::ONE, DVec2::X);
+		let curve = bezier_rs::Subpath::from_bezier(&curve);
+		let circle = bezier_rs::Subpath::new_ellipse(DVec2::NEG_ONE, DVec2::ONE);
+
+		let vector_data = VectorData::from_subpaths([&curve, &circle], false);
+		assert_eq!(vector_data.point_domain.ids().len(), 6);
+
+		let bezier_paths = vector_data.segment_bezier_iter().map(|(_, bezier, _, _)| bezier).collect::<Vec<_>>();
+		assert_eq!(bezier_paths.len(), 5);
+		assert!(bezier_paths.iter().all(|&bezier| circle.iter().chain(curve.iter()).any(|original_bezier| original_bezier == bezier)));
+
+		let generated = vector_data.stroke_bezier_paths().collect::<Vec<_>>();
+		assert_subpath_eq(&generated, &[curve, circle]);
+	}
+}
diff --git a/node-graph/gcore/src/vector/vector_data/attributes.rs b/node-graph/gcore/src/vector/vector_data/attributes.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bb2ca1f91a00467d2917b33c45ffb79e7d153332
--- /dev/null
+++ b/node-graph/gcore/src/vector/vector_data/attributes.rs
@@ -0,0 +1,1074 @@
+use crate::vector::misc::dvec2_to_point;
+use crate::vector::vector_data::{HandleId, VectorData};
+use bezier_rs::{BezierHandles, ManipulatorGroup};
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2};
+use std::collections::HashMap;
+use std::hash::{Hash, Hasher};
+use std::iter::zip;
+
+/// A simple macro for creating strongly typed ids (to avoid confusion when passing around ids).
+macro_rules! create_ids {
+	($($id:ident),*) => {
+		$(
+			#[derive(Clone, Copy, Debug, PartialEq, PartialOrd, Ord, Eq, Hash, DynAny)]
+			#[derive(serde::Serialize, serde::Deserialize)]
+			/// A strongly typed ID
+			pub struct $id(u64);
+
+			impl $id {
+				pub const ZERO: $id = $id(0);
+
+				/// Generate a new random id
+				pub fn generate() -> Self {
+					Self(crate::uuid::generate_uuid())
+				}
+
+				pub fn generate_from_hash(self, node_id: u64) -> Self {
+					let mut hasher = std::hash::DefaultHasher::new();
+					node_id.hash(&mut hasher);
+					self.hash(&mut hasher);
+					let hash_value = hasher.finish();
+					Self(hash_value)
+				}
+
+				/// Gets the inner raw value.
+				pub fn inner(self) -> u64 {
+					self.0
+				}
+
+				/// Adds one to the current value and returns the old value. Note that the ids are not going to be unique unless you use the largest id.
+				pub fn next_id(&mut self) -> Self {
+					self.0 += 1;
+					*self
+				}
+			}
+		)*
+	};
+}
+
+create_ids! { InstanceId, PointId, SegmentId, RegionId, StrokeId, FillId }
+
+/// A no-op hasher that allows writing u64s (the id type).
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Default)]
+pub struct NoHash(Option<u64>);
+
+impl Hasher for NoHash {
+	fn finish(&self) -> u64 {
+		self.0.unwrap()
+	}
+	fn write(&mut self, _bytes: &[u8]) {
+		unimplemented!()
+	}
+	fn write_u64(&mut self, i: u64) {
+		debug_assert!(self.0.is_none());
+		self.0 = Some(i)
+	}
+}
+
+/// A hash builder that builds the [`NoHash`] hasher.
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Default)]
+pub struct NoHashBuilder;
+
+impl std::hash::BuildHasher for NoHashBuilder {
+	type Hasher = NoHash;
+	fn build_hasher(&self) -> Self::Hasher {
+		NoHash::default()
+	}
+}
+
+#[derive(Clone, Debug, Default, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+/// Stores data which is per-point. Each point is merely a position and can be used in a point cloud or to for a bézier path. In future this will be extendable at runtime with custom attributes.
+pub struct PointDomain {
+	id: Vec<PointId>,
+	#[serde(alias = "positions")]
+	pub(crate) position: Vec<DVec2>,
+}
+
+impl Hash for PointDomain {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.id.hash(state);
+		self.position.iter().for_each(|pos| pos.to_array().map(|v| v.to_bits()).hash(state));
+	}
+}
+
+impl PointDomain {
+	pub const fn new() -> Self {
+		Self { id: Vec::new(), position: Vec::new() }
+	}
+
+	pub fn clear(&mut self) {
+		self.id.clear();
+		self.position.clear();
+	}
+
+	pub fn retain(&mut self, segment_domain: &mut SegmentDomain, f: impl Fn(&PointId) -> bool) {
+		let mut keep = self.id.iter().map(&f);
+		self.position.retain(|_| keep.next().unwrap_or_default());
+
+		// TODO(TrueDoctor): Consider using a prefix sum to avoid this Vec allocation (https://github.com/GraphiteEditor/Graphite/pull/1949#discussion_r1741711562)
+		let mut id_map = Vec::with_capacity(self.ids().len());
+		let mut new_index = 0;
+		for id in self.ids() {
+			if f(id) {
+				id_map.push(new_index);
+				new_index += 1;
+			} else {
+				// A placeholder for invalid IDs. This is checked after the segment domain is modified.
+				id_map.push(usize::MAX);
+			}
+		}
+
+		let update_index = |index: &mut usize| *index = id_map[*index];
+		segment_domain.start_point.iter_mut().for_each(update_index);
+		segment_domain.end_point.iter_mut().for_each(update_index);
+
+		self.id.retain(f);
+	}
+
+	pub fn push(&mut self, id: PointId, position: DVec2) {
+		debug_assert!(!self.id.contains(&id));
+		self.id.push(id);
+		self.position.push(position);
+	}
+
+	pub fn push_unchecked(&mut self, id: PointId, position: DVec2) {
+		self.id.push(id);
+		self.position.push(position);
+	}
+
+	pub fn positions(&self) -> &[DVec2] {
+		&self.position
+	}
+
+	pub fn positions_mut(&mut self) -> impl Iterator<Item = (PointId, &mut DVec2)> {
+		self.id.iter().copied().zip(self.position.iter_mut())
+	}
+
+	pub fn set_position(&mut self, index: usize, position: DVec2) {
+		self.position[index] = position;
+	}
+
+	pub fn ids(&self) -> &[PointId] {
+		&self.id
+	}
+
+	pub fn next_id(&self) -> PointId {
+		self.ids().iter().copied().max_by(|a, b| a.0.cmp(&b.0)).map(|mut id| id.next_id()).unwrap_or(PointId::ZERO)
+	}
+
+	#[track_caller]
+	pub fn position_from_id(&self, id: PointId) -> Option<DVec2> {
+		let pos = self.resolve_id(id).map(|index| self.position[index]);
+		if pos.is_none() {
+			warn!("Resolving pos of invalid id");
+		}
+		pos
+	}
+
+	pub(crate) fn resolve_id(&self, id: PointId) -> Option<usize> {
+		self.id.iter().position(|&check_id| check_id == id)
+	}
+
+	pub fn concat(&mut self, other: &Self, transform: DAffine2, id_map: &IdMap) {
+		self.id.extend(other.id.iter().map(|id| *id_map.point_map.get(id).unwrap_or(id)));
+		self.position.extend(other.position.iter().map(|&pos| transform.transform_point2(pos)));
+	}
+
+	pub fn map_ids(&mut self, id_map: &IdMap) {
+		self.id.iter_mut().for_each(|id| *id = *id_map.point_map.get(id).unwrap_or(id));
+	}
+
+	pub fn transform(&mut self, transform: DAffine2) {
+		for pos in &mut self.position {
+			*pos = transform.transform_point2(*pos);
+		}
+	}
+
+	pub fn len(&self) -> usize {
+		self.id.len()
+	}
+
+	pub fn is_empty(&self) -> bool {
+		self.id.is_empty()
+	}
+
+	/// Iterate over point IDs and positions
+	pub fn iter(&self) -> impl Iterator<Item = (PointId, DVec2)> + '_ {
+		self.ids().iter().copied().zip(self.positions().iter().copied())
+	}
+}
+
+#[derive(Clone, Debug, Default, PartialEq, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+/// Stores data which is per-segment. A segment is a bézier curve between two end points with a stroke. In future this will be extendable at runtime with custom attributes.
+pub struct SegmentDomain {
+	#[serde(alias = "ids")]
+	id: Vec<SegmentId>,
+	start_point: Vec<usize>,
+	end_point: Vec<usize>,
+	handles: Vec<BezierHandles>,
+	stroke: Vec<StrokeId>,
+}
+
+impl SegmentDomain {
+	pub const fn new() -> Self {
+		Self {
+			id: Vec::new(),
+			start_point: Vec::new(),
+			end_point: Vec::new(),
+			handles: Vec::new(),
+			stroke: Vec::new(),
+		}
+	}
+
+	pub fn clear(&mut self) {
+		self.id.clear();
+		self.start_point.clear();
+		self.end_point.clear();
+		self.handles.clear();
+		self.stroke.clear();
+	}
+
+	pub fn retain(&mut self, f: impl Fn(&SegmentId) -> bool, points_length: usize) {
+		let additional_delete_ids = self
+			.id
+			.iter()
+			.zip(&self.start_point)
+			.zip(&self.end_point)
+			.filter(|((_, start), end)| **start >= points_length || **end >= points_length)
+			.map(|x| *x.0.0)
+			.collect::<Vec<_>>();
+
+		let can_delete = || {
+			let f = &f;
+			let mut delete_iter = additional_delete_ids.iter().peekable();
+			move |id| {
+				if delete_iter.peek() == Some(&id) {
+					delete_iter.next();
+					false
+				} else {
+					f(id)
+				}
+			}
+		};
+
+		let mut keep = self.id.iter().map(can_delete());
+		self.start_point.retain(|_| keep.next().unwrap_or_default());
+		let mut keep = self.id.iter().map(can_delete());
+		self.end_point.retain(|_| keep.next().unwrap_or_default());
+		let mut keep = self.id.iter().map(can_delete());
+		self.handles.retain(|_| keep.next().unwrap_or_default());
+		let mut keep = self.id.iter().map(can_delete());
+		self.stroke.retain(|_| keep.next().unwrap_or_default());
+
+		let mut delete_iter = additional_delete_ids.iter().peekable();
+		self.id.retain(move |id| {
+			if delete_iter.peek() == Some(&id) {
+				delete_iter.next();
+				false
+			} else {
+				f(id)
+			}
+		});
+	}
+
+	pub fn ids(&self) -> &[SegmentId] {
+		&self.id
+	}
+
+	pub fn next_id(&self) -> SegmentId {
+		self.ids().iter().copied().max_by(|a, b| a.0.cmp(&b.0)).map(|mut id| id.next_id()).unwrap_or(SegmentId::ZERO)
+	}
+
+	pub(crate) fn start_point(&self) -> &[usize] {
+		&self.start_point
+	}
+
+	pub(crate) fn end_point(&self) -> &[usize] {
+		&self.end_point
+	}
+
+	pub fn set_start_point(&mut self, segment_index: usize, new: usize) {
+		self.start_point[segment_index] = new;
+	}
+
+	pub fn set_end_point(&mut self, segment_index: usize, new: usize) {
+		self.end_point[segment_index] = new;
+	}
+
+	pub fn handles(&self) -> &[BezierHandles] {
+		&self.handles
+	}
+
+	pub fn stroke(&self) -> &[StrokeId] {
+		&self.stroke
+	}
+
+	pub(crate) fn push(&mut self, id: SegmentId, start: usize, end: usize, handles: BezierHandles, stroke: StrokeId) {
+		debug_assert!(!self.id.contains(&id), "Tried to push an existing point to a point domain");
+
+		self.id.push(id);
+		self.start_point.push(start);
+		self.end_point.push(end);
+		self.handles.push(handles);
+		self.stroke.push(stroke);
+	}
+
+	pub(crate) fn start_point_mut(&mut self) -> impl Iterator<Item = (SegmentId, &mut usize)> {
+		self.id.iter().copied().zip(self.start_point.iter_mut())
+	}
+
+	pub(crate) fn end_point_mut(&mut self) -> impl Iterator<Item = (SegmentId, &mut usize)> {
+		self.id.iter().copied().zip(self.end_point.iter_mut())
+	}
+
+	pub(crate) fn handles_mut(&mut self) -> impl Iterator<Item = (SegmentId, &mut BezierHandles, usize, usize)> {
+		let nested = self.id.iter().zip(&mut self.handles).zip(&self.start_point).zip(&self.end_point);
+		nested.map(|(((&a, b), &c), &d)| (a, b, c, d))
+	}
+
+	pub(crate) fn handles_and_points_mut(&mut self) -> impl Iterator<Item = (&mut BezierHandles, &mut usize, &mut usize)> {
+		let nested = self.handles.iter_mut().zip(&mut self.start_point).zip(&mut self.end_point);
+		nested.map(|((a, b), c)| (a, b, c))
+	}
+
+	pub fn stroke_mut(&mut self) -> impl Iterator<Item = (SegmentId, &mut StrokeId)> {
+		self.id.iter().copied().zip(self.stroke.iter_mut())
+	}
+
+	pub(crate) fn segment_start_from_id(&self, segment: SegmentId) -> Option<usize> {
+		self.id_to_index(segment).and_then(|index| self.start_point.get(index)).copied()
+	}
+
+	pub(crate) fn segment_end_from_id(&self, segment: SegmentId) -> Option<usize> {
+		self.id_to_index(segment).and_then(|index| self.end_point.get(index)).copied()
+	}
+
+	/// Returns an array for the start and end points of a segment.
+	pub(crate) fn points_from_id(&self, segment: SegmentId) -> Option<[usize; 2]> {
+		self.segment_start_from_id(segment).and_then(|start| self.segment_end_from_id(segment).map(|end| [start, end]))
+	}
+
+	/// Attempts to find another point in the segment that is not the one passed in.
+	pub(crate) fn other_point(&self, segment: SegmentId, current: usize) -> Option<usize> {
+		self.points_from_id(segment).and_then(|points| points.into_iter().find(|&point| point != current))
+	}
+
+	/// Gets all points connected to the current one but not including the current one.
+	pub(crate) fn connected_points(&self, current: usize) -> impl Iterator<Item = usize> + '_ {
+		self.start_point.iter().zip(&self.end_point).filter_map(move |(&a, &b)| match (a == current, b == current) {
+			(true, false) => Some(b),
+			(false, true) => Some(a),
+			_ => None,
+		})
+	}
+
+	/// Get index from ID by linear search. Takes `O(n)` time.
+	fn id_to_index(&self, id: SegmentId) -> Option<usize> {
+		debug_assert_eq!(self.id.len(), self.handles.len());
+		debug_assert_eq!(self.id.len(), self.start_point.len());
+		debug_assert_eq!(self.id.len(), self.end_point.len());
+		self.id.iter().position(|&check_id| check_id == id)
+	}
+
+	fn resolve_range(&self, range: &std::ops::RangeInclusive<SegmentId>) -> Option<std::ops::RangeInclusive<usize>> {
+		match (self.id_to_index(*range.start()), self.id_to_index(*range.end())) {
+			(Some(start), Some(end)) if start.max(end) < self.handles.len().min(self.id.len()).min(self.start_point.len()).min(self.end_point.len()) => Some(start..=end),
+			_ => {
+				warn!("Resolving range with invalid id");
+				None
+			}
+		}
+	}
+
+	pub fn concat(&mut self, other: &Self, transform: DAffine2, id_map: &IdMap) {
+		self.id.extend(other.id.iter().map(|id| *id_map.segment_map.get(id).unwrap_or(id)));
+		self.start_point.extend(other.start_point.iter().map(|&index| id_map.point_offset + index));
+		self.end_point.extend(other.end_point.iter().map(|&index| id_map.point_offset + index));
+		self.handles.extend(other.handles.iter().map(|handles| handles.apply_transformation(|p| transform.transform_point2(p))));
+		self.stroke.extend(&other.stroke);
+	}
+
+	pub fn map_ids(&mut self, id_map: &IdMap) {
+		self.id.iter_mut().for_each(|id| *id = *id_map.segment_map.get(id).unwrap_or(id));
+	}
+
+	pub fn transform(&mut self, transform: DAffine2) {
+		for handles in &mut self.handles {
+			*handles = handles.apply_transformation(|p| transform.transform_point2(p));
+		}
+	}
+
+	/// Enumerate all segments that start at the point.
+	pub(crate) fn start_connected(&self, point: usize) -> impl Iterator<Item = SegmentId> + '_ {
+		self.start_point.iter().zip(&self.id).filter(move |&(&found_point, _)| found_point == point).map(|(_, &seg)| seg)
+	}
+
+	/// Enumerate all segments that end at the point.
+	pub(crate) fn end_connected(&self, point: usize) -> impl Iterator<Item = SegmentId> + '_ {
+		self.end_point.iter().zip(&self.id).filter(move |&(&found_point, _)| found_point == point).map(|(_, &seg)| seg)
+	}
+
+	/// Enumerate all segments that start or end at a point, converting them to [`HandleId`s]. Note that the handles may not exist e.g. for a linear segment.
+	pub(crate) fn all_connected(&self, point: usize) -> impl Iterator<Item = HandleId> + '_ {
+		self.start_connected(point).map(HandleId::primary).chain(self.end_connected(point).map(HandleId::end))
+	}
+
+	/// Enumerate the number of segments connected to a point. If a segment starts and ends at a point then it is counted twice.
+	pub(crate) fn connected_count(&self, point: usize) -> usize {
+		self.all_connected(point).count()
+	}
+
+	/// Iterates over segments in the domain.
+	///
+	/// Tuple is: (id, start point, end point, handles)
+	pub fn iter(&self) -> impl Iterator<Item = (SegmentId, usize, usize, BezierHandles)> + '_ {
+		let ids = self.id.iter().copied();
+		let start_point = self.start_point.iter().copied();
+		let end_point = self.end_point.iter().copied();
+		let handles = self.handles.iter().copied();
+		zip(ids, zip(start_point, zip(end_point, handles))).map(|(id, (start_point, (end_point, handles)))| (id, start_point, end_point, handles))
+	}
+
+	/// Iterates over segments in the domain, mutably.
+	///
+	/// Tuple is: (id, start point, end point, handles)
+	pub(crate) fn iter_mut(&mut self) -> impl Iterator<Item = (&mut SegmentId, &mut usize, &mut usize, &mut BezierHandles)> + '_ {
+		let ids = self.id.iter_mut();
+		let start_point = self.start_point.iter_mut();
+		let end_point = self.end_point.iter_mut();
+		let handles = self.handles.iter_mut();
+		zip(ids, zip(start_point, zip(end_point, handles))).map(|(id, (start_point, (end_point, handles)))| (id, start_point, end_point, handles))
+	}
+}
+
+#[derive(Clone, Debug, Default, PartialEq, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+/// Stores data which is per-region. A region is an enclosed area composed of a range of segments from the
+/// [`SegmentDomain`] that can be given a fill. In future this will be extendable at runtime with custom attributes.
+pub struct RegionDomain {
+	#[serde(alias = "ids")]
+	id: Vec<RegionId>,
+	segment_range: Vec<std::ops::RangeInclusive<SegmentId>>,
+	fill: Vec<FillId>,
+}
+
+impl RegionDomain {
+	pub const fn new() -> Self {
+		Self {
+			id: Vec::new(),
+			segment_range: Vec::new(),
+			fill: Vec::new(),
+		}
+	}
+
+	pub fn clear(&mut self) {
+		self.id.clear();
+		self.segment_range.clear();
+		self.fill.clear();
+	}
+
+	pub fn retain(&mut self, f: impl Fn(&RegionId) -> bool) {
+		let mut keep = self.id.iter().map(&f);
+		self.segment_range.retain(|_| keep.next().unwrap_or_default());
+		let mut keep = self.id.iter().map(&f);
+		self.fill.retain(|_| keep.next().unwrap_or_default());
+		self.id.retain(&f);
+	}
+
+	/// Like [`Self::retain`] but also gives the function access to the segment range.
+	///
+	/// Note that this function requires an allocation that `retain` avoids.
+	pub fn retain_with_region(&mut self, f: impl Fn(&RegionId, &std::ops::RangeInclusive<SegmentId>) -> bool) {
+		let keep = self.id.iter().zip(self.segment_range.iter()).map(|(id, range)| f(id, range)).collect::<Vec<_>>();
+		let mut iter = keep.iter().copied();
+		self.segment_range.retain(|_| iter.next().unwrap());
+		let mut iter = keep.iter().copied();
+		self.fill.retain(|_| iter.next().unwrap());
+		let mut iter = keep.iter().copied();
+		self.id.retain(|_| iter.next().unwrap());
+	}
+
+	pub fn push(&mut self, id: RegionId, segment_range: std::ops::RangeInclusive<SegmentId>, fill: FillId) {
+		if self.id.contains(&id) {
+			warn!("Duplicate region");
+			return;
+		}
+		self.id.push(id);
+		self.segment_range.push(segment_range);
+		self.fill.push(fill);
+	}
+
+	fn _resolve_id(&self, id: RegionId) -> Option<usize> {
+		self.id.iter().position(|&check_id| check_id == id)
+	}
+
+	pub fn next_id(&self) -> RegionId {
+		self.id.iter().copied().max_by(|a, b| a.0.cmp(&b.0)).map(|mut id| id.next_id()).unwrap_or(RegionId::ZERO)
+	}
+
+	pub fn segment_range_mut(&mut self) -> impl Iterator<Item = (RegionId, &mut std::ops::RangeInclusive<SegmentId>)> {
+		self.id.iter().copied().zip(self.segment_range.iter_mut())
+	}
+
+	pub fn fill_mut(&mut self) -> impl Iterator<Item = (RegionId, &mut FillId)> {
+		self.id.iter().copied().zip(self.fill.iter_mut())
+	}
+
+	pub fn ids(&self) -> &[RegionId] {
+		&self.id
+	}
+
+	pub fn segment_range(&self) -> &[std::ops::RangeInclusive<SegmentId>] {
+		&self.segment_range
+	}
+
+	pub fn fill(&self) -> &[FillId] {
+		&self.fill
+	}
+
+	pub fn concat(&mut self, other: &Self, _transform: DAffine2, id_map: &IdMap) {
+		self.id.extend(other.id.iter().map(|id| *id_map.region_map.get(id).unwrap_or(id)));
+		self.segment_range.extend(
+			other
+				.segment_range
+				.iter()
+				.map(|range| *id_map.segment_map.get(range.start()).unwrap_or(range.start())..=*id_map.segment_map.get(range.end()).unwrap_or(range.end())),
+		);
+		self.fill.extend(&other.fill);
+	}
+
+	pub fn map_ids(&mut self, id_map: &IdMap) {
+		self.id.iter_mut().for_each(|id| *id = *id_map.region_map.get(id).unwrap_or(id));
+		self.segment_range
+			.iter_mut()
+			.for_each(|range| *range = *id_map.segment_map.get(range.start()).unwrap_or(range.start())..=*id_map.segment_map.get(range.end()).unwrap_or(range.end()));
+	}
+
+	/// Iterates over regions in the domain.
+	///
+	/// Tuple is: (id, segment_range, fill)
+	pub fn iter(&self) -> impl Iterator<Item = (RegionId, std::ops::RangeInclusive<SegmentId>, FillId)> + '_ {
+		let ids = self.id.iter().copied();
+		let segment_range = self.segment_range.iter().cloned();
+		let fill = self.fill.iter().copied();
+		zip(ids, zip(segment_range, fill)).map(|(id, (segment_range, fill))| (id, segment_range, fill))
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
+pub struct HalfEdge {
+	pub id: SegmentId,
+	pub start: usize,
+	pub end: usize,
+	pub reverse: bool,
+}
+
+impl HalfEdge {
+	pub fn new(id: SegmentId, start: usize, end: usize, reverse: bool) -> Self {
+		Self { id, start, end, reverse }
+	}
+
+	pub fn reversed(&self) -> Self {
+		Self {
+			id: self.id,
+			start: self.start,
+			end: self.end,
+			reverse: !self.reverse,
+		}
+	}
+
+	pub fn normalize_direction(&self) -> Self {
+		if self.reverse {
+			Self {
+				id: self.id,
+				start: self.end,
+				end: self.start,
+				reverse: false,
+			}
+		} else {
+			*self
+		}
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, Eq, Hash)]
+pub struct FoundSubpath {
+	pub edges: Vec<HalfEdge>,
+}
+
+impl FoundSubpath {
+	pub fn new(segments: Vec<HalfEdge>) -> Self {
+		Self { edges: segments }
+	}
+
+	pub fn endpoints(&self) -> Option<(&HalfEdge, &HalfEdge)> {
+		match (self.edges.first(), self.edges.last()) {
+			(Some(first), Some(last)) => Some((first, last)),
+			_ => None,
+		}
+	}
+
+	pub fn push(&mut self, segment: HalfEdge) {
+		self.edges.push(segment);
+	}
+
+	pub fn insert(&mut self, index: usize, segment: HalfEdge) {
+		self.edges.insert(index, segment);
+	}
+
+	pub fn extend(&mut self, segments: impl IntoIterator<Item = HalfEdge>) {
+		self.edges.extend(segments);
+	}
+
+	pub fn splice<I>(&mut self, range: std::ops::Range<usize>, replace_with: I)
+	where
+		I: IntoIterator<Item = HalfEdge>,
+	{
+		self.edges.splice(range, replace_with);
+	}
+
+	pub fn is_closed(&self) -> bool {
+		match (self.edges.first(), self.edges.last()) {
+			(Some(first), Some(last)) => first.start == last.end,
+			_ => false,
+		}
+	}
+
+	pub fn from_segment(segment: HalfEdge) -> Self {
+		Self { edges: vec![segment] }
+	}
+
+	pub fn contains(&self, segment_id: SegmentId) -> bool {
+		self.edges.iter().any(|s| s.id == segment_id)
+	}
+}
+
+impl VectorData {
+	/// Construct a [`bezier_rs::Bezier`] curve spanning from the resolved position of the start and end points with the specified handles.
+	fn segment_to_bezier_with_index(&self, start: usize, end: usize, handles: BezierHandles) -> bezier_rs::Bezier {
+		let start = self.point_domain.positions()[start];
+		let end = self.point_domain.positions()[end];
+		bezier_rs::Bezier { start, end, handles }
+	}
+
+	/// Tries to convert a segment with the specified id to a [`bezier_rs::Bezier`], returning None if the id is invalid.
+	pub fn segment_from_id(&self, id: SegmentId) -> Option<bezier_rs::Bezier> {
+		self.segment_points_from_id(id).map(|(_, _, bezier)| bezier)
+	}
+
+	/// Tries to convert a segment with the specified id to the start and end points and a [`bezier_rs::Bezier`], returning None if the id is invalid.
+	pub fn segment_points_from_id(&self, id: SegmentId) -> Option<(PointId, PointId, bezier_rs::Bezier)> {
+		Some(self.segment_points_from_index(self.segment_domain.id_to_index(id)?))
+	}
+
+	/// Tries to convert a segment with the specified index to the start and end points and a [`bezier_rs::Bezier`].
+	pub fn segment_points_from_index(&self, index: usize) -> (PointId, PointId, bezier_rs::Bezier) {
+		let start = self.segment_domain.start_point[index];
+		let end = self.segment_domain.end_point[index];
+		let start_id = self.point_domain.ids()[start];
+		let end_id = self.point_domain.ids()[end];
+		(start_id, end_id, self.segment_to_bezier_with_index(start, end, self.segment_domain.handles[index]))
+	}
+
+	/// Iterator over all of the [`bezier_rs::Bezier`] following the order that they are stored in the segment domain, skipping invalid segments.
+	pub fn segment_bezier_iter(&self) -> impl Iterator<Item = (SegmentId, bezier_rs::Bezier, PointId, PointId)> + '_ {
+		let to_bezier = |(((&handles, &id), &start), &end)| (id, self.segment_to_bezier_with_index(start, end, handles), self.point_domain.ids()[start], self.point_domain.ids()[end]);
+		self.segment_domain
+			.handles
+			.iter()
+			.zip(&self.segment_domain.id)
+			.zip(self.segment_domain.start_point())
+			.zip(self.segment_domain.end_point())
+			.map(to_bezier)
+	}
+
+	pub fn auto_join_paths(&self) -> Vec<FoundSubpath> {
+		let segments = self.segment_domain.iter().map(|(id, start, end, _)| HalfEdge::new(id, start, end, false));
+
+		let mut paths: Vec<FoundSubpath> = Vec::new();
+		let mut current_path: Option<&mut FoundSubpath> = None;
+		let mut previous: Option<(usize, usize)> = None;
+
+		// First pass. Generates subpaths from continuous segments.
+		for seg_ref in segments {
+			let (start, end) = (seg_ref.start, seg_ref.end);
+
+			if previous.is_some_and(|(_, prev_end)| start == prev_end) {
+				if let Some(path) = current_path.as_mut() {
+					path.push(seg_ref);
+				}
+			} else {
+				paths.push(FoundSubpath::from_segment(seg_ref));
+				current_path = paths.last_mut();
+			}
+
+			previous = Some((start, end));
+		}
+
+		// Second pass. Try to join paths together.
+		let mut joined_paths = Vec::new();
+
+		loop {
+			let mut prev_index: Option<usize> = None;
+			let original_len = paths.len();
+
+			for current in paths.into_iter() {
+				// If there's no previous subpath, start a new one
+				if prev_index.is_none() {
+					joined_paths.push(current);
+					prev_index = Some(joined_paths.len() - 1);
+					continue;
+				}
+
+				let prev = &mut joined_paths[prev_index.unwrap()];
+
+				// Compare segment connections
+				let (prev_first, prev_last) = prev.endpoints().unwrap();
+				let (cur_first, cur_last) = current.endpoints().unwrap();
+
+				// Join paths if the endpoints connect
+				if prev_last.end == cur_first.start {
+					prev.edges.extend(current.edges.into_iter().map(|s| s.normalize_direction()));
+				} else if prev_first.start == cur_last.end {
+					prev.edges.splice(0..0, current.edges.into_iter().rev().map(|s| s.normalize_direction()));
+				} else if prev_last.end == cur_last.end {
+					prev.edges.extend(current.edges.into_iter().rev().map(|s| s.reversed().normalize_direction()));
+				} else if prev_first.start == cur_first.start {
+					prev.edges.splice(0..0, current.edges.into_iter().map(|s| s.reversed().normalize_direction()));
+				} else {
+					// If not connected, start a new subpath
+					joined_paths.push(current);
+					prev_index = Some(joined_paths.len() - 1);
+				}
+			}
+
+			// If no paths were joined in this pass, we're done
+			if joined_paths.len() == original_len {
+				return joined_paths;
+			}
+
+			// Repeat pass with newly joined paths
+			paths = joined_paths;
+			joined_paths = Vec::new();
+		}
+	}
+
+	/// Construct a [`bezier_rs::Bezier`] curve from an iterator of segments with (handles, start point, end point) independently of discontinuities.
+	pub fn subpath_from_segments_ignore_discontinuities(&self, segments: impl Iterator<Item = (BezierHandles, usize, usize)>) -> Option<bezier_rs::Subpath<PointId>> {
+		let mut first_point = None;
+		let mut groups = Vec::new();
+		let mut last: Option<(usize, BezierHandles)> = None;
+
+		for (handle, start, end) in segments {
+			first_point = Some(first_point.unwrap_or(start));
+
+			groups.push(ManipulatorGroup {
+				anchor: self.point_domain.positions()[start],
+				in_handle: last.and_then(|(_, handle)| handle.end()),
+				out_handle: handle.start(),
+				id: self.point_domain.ids()[start],
+			});
+
+			last = Some((end, handle));
+		}
+
+		let closed = groups.len() > 1 && last.map(|(point, _)| point) == first_point;
+
+		if let Some((end, last_handle)) = last {
+			if closed {
+				groups[0].in_handle = last_handle.end();
+			} else {
+				groups.push(ManipulatorGroup {
+					anchor: self.point_domain.positions()[end],
+					in_handle: last_handle.end(),
+					out_handle: None,
+					id: self.point_domain.ids()[end],
+				});
+			}
+		}
+
+		Some(bezier_rs::Subpath::new(groups, closed))
+	}
+
+	/// Construct a [`bezier_rs::Bezier`] curve from an iterator of segments with (handles, start point, end point). Returns None if any ids are invalid or if the segments are not continuous.
+	fn subpath_from_segments(&self, segments: impl Iterator<Item = (BezierHandles, usize, usize)>) -> Option<bezier_rs::Subpath<PointId>> {
+		let mut first_point = None;
+		let mut groups = Vec::new();
+		let mut last: Option<(usize, BezierHandles)> = None;
+
+		for (handle, start, end) in segments {
+			if last.is_some_and(|(previous_end, _)| previous_end != start) {
+				warn!("subpath_from_segments that were not continuous");
+				return None;
+			}
+			first_point = Some(first_point.unwrap_or(start));
+
+			groups.push(ManipulatorGroup {
+				anchor: self.point_domain.positions()[start],
+				in_handle: last.and_then(|(_, handle)| handle.end()),
+				out_handle: handle.start(),
+				id: self.point_domain.ids()[start],
+			});
+
+			last = Some((end, handle));
+		}
+
+		let closed = groups.len() > 1 && last.map(|(point, _)| point) == first_point;
+
+		if let Some((end, last_handle)) = last {
+			if closed {
+				groups[0].in_handle = last_handle.end();
+			} else {
+				groups.push(ManipulatorGroup {
+					anchor: self.point_domain.positions()[end],
+					in_handle: last_handle.end(),
+					out_handle: None,
+					id: self.point_domain.ids()[end],
+				});
+			}
+		}
+		Some(bezier_rs::Subpath::new(groups, closed))
+	}
+
+	/// Construct a [`bezier_rs::Bezier`] curve for each region, skipping invalid regions.
+	pub fn region_bezier_paths(&self) -> impl Iterator<Item = (RegionId, bezier_rs::Subpath<PointId>)> + '_ {
+		self.region_domain
+			.id
+			.iter()
+			.zip(&self.region_domain.segment_range)
+			.filter_map(|(&id, segment_range)| self.segment_domain.resolve_range(segment_range).map(|range| (id, range)))
+			.filter_map(|(id, range)| {
+				let segments_iter = self
+					.segment_domain
+					.handles
+					.get(range.clone())?
+					.iter()
+					.zip(self.segment_domain.start_point.get(range.clone())?)
+					.zip(self.segment_domain.end_point.get(range)?)
+					.map(|((&handles, &start), &end)| (handles, start, end));
+
+				self.subpath_from_segments(segments_iter).map(|subpath| (id, subpath))
+			})
+	}
+
+	pub fn build_stroke_path_iter(&self) -> StrokePathIter<'_> {
+		let mut points = vec![StrokePathIterPointMetadata::default(); self.point_domain.ids().len()];
+		for (segment_index, (&start, &end)) in self.segment_domain.start_point.iter().zip(&self.segment_domain.end_point).enumerate() {
+			points[start].set(StrokePathIterPointSegmentMetadata::new(segment_index, false));
+			points[end].set(StrokePathIterPointSegmentMetadata::new(segment_index, true));
+		}
+
+		StrokePathIter {
+			vector_data: self,
+			points,
+			skip: 0,
+			done_one: false,
+		}
+	}
+
+	/// Construct a [`bezier_rs::Bezier`] curve for stroke.
+	pub fn stroke_bezier_paths(&self) -> impl Iterator<Item = bezier_rs::Subpath<PointId>> {
+		self.build_stroke_path_iter().map(|(group, closed)| bezier_rs::Subpath::new(group, closed))
+	}
+
+	/// Construct and return an iterator of Vec of `(bezier_rs::ManipulatorGroup<PointId>], bool)` for stroke.
+	/// The boolean in the tuple indicates if the path is closed.
+	pub fn stroke_manipulator_groups(&self) -> impl Iterator<Item = (Vec<ManipulatorGroup<PointId>>, bool)> {
+		self.build_stroke_path_iter()
+	}
+
+	/// Construct a [`kurbo::BezPath`] curve for stroke.
+	pub fn stroke_bezpath_iter(&self) -> impl Iterator<Item = kurbo::BezPath> {
+		self.build_stroke_path_iter().map(|(group, closed)| {
+			let mut bezpath = kurbo::BezPath::new();
+			let mut out_handle;
+
+			let Some(first) = group.first() else { return bezpath };
+			bezpath.move_to(dvec2_to_point(first.anchor));
+			out_handle = first.out_handle;
+
+			for manipulator in group.iter().skip(1) {
+				match (out_handle, manipulator.in_handle) {
+					(Some(handle_start), Some(handle_end)) => bezpath.curve_to(dvec2_to_point(handle_start), dvec2_to_point(handle_end), dvec2_to_point(manipulator.anchor)),
+					(None, None) => bezpath.line_to(dvec2_to_point(manipulator.anchor)),
+					(None, Some(handle)) => bezpath.quad_to(dvec2_to_point(handle), dvec2_to_point(manipulator.anchor)),
+					(Some(handle), None) => bezpath.quad_to(dvec2_to_point(handle), dvec2_to_point(manipulator.anchor)),
+				}
+				out_handle = manipulator.out_handle;
+			}
+
+			if closed {
+				match (out_handle, first.in_handle) {
+					(Some(handle_start), Some(handle_end)) => bezpath.curve_to(dvec2_to_point(handle_start), dvec2_to_point(handle_end), dvec2_to_point(first.anchor)),
+					(None, None) => bezpath.line_to(dvec2_to_point(first.anchor)),
+					(None, Some(handle)) => bezpath.quad_to(dvec2_to_point(handle), dvec2_to_point(first.anchor)),
+					(Some(handle), None) => bezpath.quad_to(dvec2_to_point(handle), dvec2_to_point(first.anchor)),
+				}
+				bezpath.close_path();
+			}
+			bezpath
+		})
+	}
+
+	/// Construct an iterator [`ManipulatorGroup`] for stroke.
+	pub fn manipulator_groups(&self) -> impl Iterator<Item = ManipulatorGroup<PointId>> + '_ {
+		self.stroke_bezier_paths().flat_map(|mut path| std::mem::take(path.manipulator_groups_mut()))
+	}
+
+	/// Get manipulator by id
+	pub fn manipulator_group_id(&self, id: impl Into<PointId>) -> Option<ManipulatorGroup<PointId>> {
+		let id = id.into();
+		self.manipulator_groups().find(|group| group.id == id)
+	}
+
+	/// Transforms this vector data
+	pub fn transform(&mut self, transform: DAffine2) {
+		self.point_domain.transform(transform);
+		self.segment_domain.transform(transform);
+	}
+
+	pub fn vector_new_ids_from_hash(&mut self, node_id: u64) {
+		let point_map = self.point_domain.ids().iter().map(|&old| (old, old.generate_from_hash(node_id))).collect::<HashMap<_, _>>();
+		let segment_map = self.segment_domain.ids().iter().map(|&old| (old, old.generate_from_hash(node_id))).collect::<HashMap<_, _>>();
+		let region_map = self.region_domain.ids().iter().map(|&old| (old, old.generate_from_hash(node_id))).collect::<HashMap<_, _>>();
+
+		let id_map = IdMap {
+			point_offset: self.point_domain.ids().len(),
+			point_map,
+			segment_map,
+			region_map,
+		};
+
+		self.point_domain.map_ids(&id_map);
+		self.segment_domain.map_ids(&id_map);
+		self.region_domain.map_ids(&id_map);
+	}
+}
+
+#[derive(Clone, Copy, PartialEq, Eq, Debug, Default)]
+struct StrokePathIterPointSegmentMetadata {
+	segment_index: usize,
+	start_from_end: bool,
+}
+
+impl StrokePathIterPointSegmentMetadata {
+	#[must_use]
+	const fn new(segment_index: usize, start_from_end: bool) -> Self {
+		Self { segment_index, start_from_end }
+	}
+	#[must_use]
+	const fn flipped(&self) -> Self {
+		Self {
+			segment_index: self.segment_index,
+			start_from_end: !self.start_from_end,
+		}
+	}
+}
+
+#[derive(Clone, Default)]
+struct StrokePathIterPointMetadata(tinyvec::TinyVec<[StrokePathIterPointSegmentMetadata; 2]>);
+
+impl StrokePathIterPointMetadata {
+	fn set(&mut self, value: StrokePathIterPointSegmentMetadata) {
+		self.0.insert(0, value);
+	}
+	#[must_use]
+	fn connected(&self) -> usize {
+		self.0.len()
+	}
+	#[must_use]
+	fn take_first(&mut self) -> Option<StrokePathIterPointSegmentMetadata> {
+		self.0.pop()
+	}
+	fn take_eq(&mut self, target: StrokePathIterPointSegmentMetadata) -> bool {
+		let has_taken = self.0.contains(&target);
+		self.0.retain(|value| *value != target);
+		has_taken
+	}
+}
+
+#[derive(Clone)]
+pub struct StrokePathIter<'a> {
+	vector_data: &'a VectorData,
+	points: Vec<StrokePathIterPointMetadata>,
+	skip: usize,
+	done_one: bool,
+}
+
+impl Iterator for StrokePathIter<'_> {
+	type Item = (Vec<ManipulatorGroup<PointId>>, bool);
+
+	fn next(&mut self) -> Option<Self::Item> {
+		let current_start = if let Some((index, _)) = self.points.iter().enumerate().skip(self.skip).find(|(_, val)| val.connected() == 1) {
+			index
+		} else {
+			if !self.done_one {
+				self.done_one = true;
+				self.skip = 0;
+			}
+			self.points.iter().enumerate().skip(self.skip).find(|(_, val)| val.connected() > 0)?.0
+		};
+		self.skip = current_start + 1;
+
+		// There will always be one (seeing as we checked above)
+		let mut point_index = current_start;
+		let mut groups = Vec::new();
+		let mut in_handle = None;
+		let mut closed = false;
+		loop {
+			let Some(val) = self.points[point_index].take_first() else {
+				// Dead end
+				groups.push(ManipulatorGroup {
+					anchor: self.vector_data.point_domain.positions()[point_index],
+					in_handle,
+					out_handle: None,
+					id: self.vector_data.point_domain.ids()[point_index],
+				});
+
+				break;
+			};
+
+			let mut handles = self.vector_data.segment_domain.handles()[val.segment_index];
+			if val.start_from_end {
+				handles = handles.reversed();
+			}
+			let next_point_index = if val.start_from_end {
+				self.vector_data.segment_domain.start_point()[val.segment_index]
+			} else {
+				self.vector_data.segment_domain.end_point()[val.segment_index]
+			};
+			groups.push(ManipulatorGroup {
+				anchor: self.vector_data.point_domain.positions()[point_index],
+				in_handle,
+				out_handle: handles.start(),
+				id: self.vector_data.point_domain.ids()[point_index],
+			});
+
+			in_handle = handles.end();
+
+			point_index = next_point_index;
+			self.points[next_point_index].take_eq(val.flipped());
+			if next_point_index == current_start {
+				closed = true;
+				groups[0].in_handle = in_handle;
+				break;
+			}
+		}
+
+		Some((groups, closed))
+	}
+}
+
+impl bezier_rs::Identifier for PointId {
+	fn new() -> Self {
+		Self::generate()
+	}
+}
+
+/// Represents the conversion of ids used when concatenating vector data with conflicting ids.
+pub struct IdMap {
+	pub point_offset: usize,
+	pub point_map: HashMap<PointId, PointId>,
+	pub segment_map: HashMap<SegmentId, SegmentId>,
+	pub region_map: HashMap<RegionId, RegionId>,
+}
diff --git a/node-graph/gcore/src/vector/vector_data/indexed.rs b/node-graph/gcore/src/vector/vector_data/indexed.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e3e1c3cdf9db3c3df4b091229273bdac69d5f4fa
--- /dev/null
+++ b/node-graph/gcore/src/vector/vector_data/indexed.rs
@@ -0,0 +1,90 @@
+use super::{PointId, SegmentId, VectorData};
+use glam::DVec2;
+use petgraph::graph::{EdgeIndex, NodeIndex, UnGraph};
+use rustc_hash::FxHashMap;
+
+/// All the fixed fields of a point from the point domain.
+pub struct Point {
+	pub id: PointId,
+	pub position: DVec2,
+}
+
+/// Useful indexes to speed up various operations on `VectorData`.
+///
+/// Important: It is the user's responsibility to ensure the indexes remain valid after mutations to the data.
+pub struct VectorDataIndex {
+	/// Points and segments form a graph. Store it here in a form amenable to graph algorithms.
+	///
+	/// Currently, segment data is not stored as it is not used, but it could easily be added.
+	pub(crate) point_graph: UnGraph<Point, ()>,
+	pub(crate) segment_to_edge: FxHashMap<SegmentId, EdgeIndex>,
+	/// Get the offset from the point ID.
+	pub(crate) point_to_offset: FxHashMap<PointId, usize>,
+	// TODO: faces
+}
+
+impl VectorDataIndex {
+	/// Construct a [`VectorDataIndex`] by building indexes from the given [`VectorData`]. Takes `O(n)` time.
+	pub fn build_from(data: &VectorData) -> Self {
+		let point_to_offset = data.point_domain.ids().iter().copied().enumerate().map(|(a, b)| (b, a)).collect::<FxHashMap<_, _>>();
+
+		let mut point_to_node = FxHashMap::default();
+		let mut segment_to_edge = FxHashMap::default();
+
+		let mut graph = UnGraph::new_undirected();
+
+		for (point_id, position) in data.point_domain.iter() {
+			let idx = graph.add_node(Point { id: point_id, position });
+			point_to_node.insert(point_id, idx);
+		}
+
+		for (segment_id, start_offset, end_offset, ..) in data.segment_domain.iter() {
+			let start_id = data.point_domain.ids()[start_offset];
+			let end_id = data.point_domain.ids()[end_offset];
+			let edge = graph.add_edge(point_to_node[&start_id], point_to_node[&end_id], ());
+
+			segment_to_edge.insert(segment_id, edge);
+		}
+
+		Self {
+			point_graph: graph,
+			segment_to_edge,
+			point_to_offset,
+		}
+	}
+
+	/// Fetch the length of given segment's chord. Takes `O(1)` time.
+	///
+	/// # Panics
+	///
+	/// Will panic if no segment with the given ID is found.
+	pub fn segment_chord_length(&self, id: SegmentId) -> f64 {
+		let edge_idx = self.segment_to_edge[&id];
+		let (start, end) = self.point_graph.edge_endpoints(edge_idx).unwrap();
+		let start_position = self.point_graph.node_weight(start).unwrap().position;
+		let end_position = self.point_graph.node_weight(end).unwrap().position;
+		(start_position - end_position).length()
+	}
+
+	/// Get the ends of a segment. Takes `O(1)` time.
+	///
+	/// The IDs will be ordered [smallest, largest] so they can be used to find other segments with the same endpoints, regardless of direction.
+	///
+	/// # Panics
+	///
+	/// This function will panic if the ID is not present.
+	pub fn segment_ends(&self, id: SegmentId) -> [NodeIndex; 2] {
+		let (start, end) = self.point_graph.edge_endpoints(self.segment_to_edge[&id]).unwrap();
+		if start < end { [start, end] } else { [end, start] }
+	}
+
+	/// Get the physical location of a point. Takes `O(1)` time.
+	///
+	/// # Panics
+	///
+	/// Will panic if `id` isn't in the data.
+	pub fn point_position(&self, id: PointId, data: &VectorData) -> DVec2 {
+		let offset = self.point_to_offset[&id];
+		data.point_domain.positions()[offset]
+	}
+}
diff --git a/node-graph/gcore/src/vector/vector_data/modification.rs b/node-graph/gcore/src/vector/vector_data/modification.rs
new file mode 100644
index 0000000000000000000000000000000000000000..0f06c643a269959a2e0ba4770ae8ed18b86bced1
--- /dev/null
+++ b/node-graph/gcore/src/vector/vector_data/modification.rs
@@ -0,0 +1,725 @@
+use super::*;
+use crate::Ctx;
+use crate::instances::Instance;
+use crate::uuid::generate_uuid;
+use bezier_rs::BezierHandles;
+use dyn_any::DynAny;
+use kurbo::{BezPath, PathEl, Point};
+use std::collections::{HashMap, HashSet};
+use std::hash::BuildHasher;
+
+/// Represents a procedural change to the [`PointDomain`] in [`VectorData`].
+#[derive(Clone, Debug, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct PointModification {
+	add: Vec<PointId>,
+	remove: HashSet<PointId>,
+	#[serde(serialize_with = "serialize_hashmap", deserialize_with = "deserialize_hashmap")]
+	delta: HashMap<PointId, DVec2>,
+}
+
+impl Hash for PointModification {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		generate_uuid().hash(state)
+	}
+}
+
+impl PointModification {
+	/// Apply this modification to the specified [`PointDomain`].
+	pub fn apply(&self, point_domain: &mut PointDomain, segment_domain: &mut SegmentDomain) {
+		point_domain.retain(segment_domain, |id| !self.remove.contains(id));
+
+		for (index, (id, position)) in point_domain.positions_mut().enumerate() {
+			let Some(&delta) = self.delta.get(&id) else { continue };
+			if !delta.is_finite() {
+				warn!("Invalid delta when applying a point modification");
+				continue;
+			}
+
+			*position += delta;
+
+			for (_, handles, start, end) in segment_domain.handles_mut() {
+				if start == index {
+					handles.move_start(delta);
+				}
+				if end == index {
+					handles.move_end(delta);
+				}
+			}
+		}
+
+		for &add_id in &self.add {
+			let Some(&position) = self.delta.get(&add_id) else { continue };
+			if !position.is_finite() {
+				warn!("Invalid position when applying a point modification");
+				continue;
+			}
+
+			point_domain.push(add_id, position);
+		}
+	}
+
+	/// Create a new modification that will convert an empty [`VectorData`] into the target [`VectorData`].
+	pub fn create_from_vector(vector_data: &VectorData) -> Self {
+		Self {
+			add: vector_data.point_domain.ids().to_vec(),
+			remove: HashSet::new(),
+			delta: vector_data.point_domain.ids().iter().copied().zip(vector_data.point_domain.positions().iter().cloned()).collect(),
+		}
+	}
+
+	fn push(&mut self, id: PointId, position: DVec2) {
+		self.add.push(id);
+		self.delta.insert(id, position);
+	}
+
+	fn remove(&mut self, id: PointId) {
+		self.remove.insert(id);
+		self.add.retain(|&add| add != id);
+		self.delta.remove(&id);
+	}
+}
+
+/// Represents a procedural change to the [`SegmentDomain`] in [`VectorData`].
+#[derive(Clone, Debug, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct SegmentModification {
+	add: Vec<SegmentId>,
+	remove: HashSet<SegmentId>,
+	#[serde(serialize_with = "serialize_hashmap", deserialize_with = "deserialize_hashmap")]
+	start_point: HashMap<SegmentId, PointId>,
+	#[serde(serialize_with = "serialize_hashmap", deserialize_with = "deserialize_hashmap")]
+	end_point: HashMap<SegmentId, PointId>,
+	#[serde(serialize_with = "serialize_hashmap", deserialize_with = "deserialize_hashmap")]
+	handle_primary: HashMap<SegmentId, Option<DVec2>>,
+	#[serde(serialize_with = "serialize_hashmap", deserialize_with = "deserialize_hashmap")]
+	handle_end: HashMap<SegmentId, Option<DVec2>>,
+	#[serde(serialize_with = "serialize_hashmap", deserialize_with = "deserialize_hashmap")]
+	stroke: HashMap<SegmentId, StrokeId>,
+}
+
+impl SegmentModification {
+	/// Apply this modification to the specified [`SegmentDomain`].
+	pub fn apply(&self, segment_domain: &mut SegmentDomain, point_domain: &PointDomain) {
+		segment_domain.retain(|id| !self.remove.contains(id), point_domain.ids().len());
+
+		for (id, point) in segment_domain.start_point_mut() {
+			let Some(&new) = self.start_point.get(&id) else { continue };
+			let Some(index) = point_domain.resolve_id(new) else {
+				warn!("Invalid start ID when applying a segment modification");
+				continue;
+			};
+
+			*point = index;
+		}
+
+		for (id, point) in segment_domain.end_point_mut() {
+			let Some(&new) = self.end_point.get(&id) else { continue };
+			let Some(index) = point_domain.resolve_id(new) else {
+				warn!("Invalid end ID when applying a segment modification");
+				continue;
+			};
+
+			*point = index;
+		}
+
+		for (id, handles, start, end) in segment_domain.handles_mut() {
+			let Some(&start) = point_domain.positions().get(start) else { continue };
+			let Some(&end) = point_domain.positions().get(end) else { continue };
+
+			// Compute the actual start and end position based on the offset from the anchor
+			let start = self.handle_primary.get(&id).copied().map(|handle| handle.map(|handle| handle + start));
+			let end = self.handle_end.get(&id).copied().map(|handle| handle.map(|handle| handle + end));
+
+			if !start.unwrap_or_default().is_none_or(|start| start.is_finite()) || !end.unwrap_or_default().is_none_or(|end| end.is_finite()) {
+				warn!("Invalid handles when applying a segment modification");
+				continue;
+			}
+
+			match (start, end) {
+				// The new handles are fully specified by the modification
+				(Some(Some(handle_start)), Some(Some(handle_end))) => *handles = BezierHandles::Cubic { handle_start, handle_end },
+				(Some(Some(handle)), Some(None)) | (Some(None), Some(Some(handle))) => *handles = BezierHandles::Quadratic { handle },
+				(Some(None), Some(None)) => *handles = BezierHandles::Linear,
+				// Remove the end handle
+				(None, Some(None)) => {
+					if let BezierHandles::Cubic { handle_start, .. } = *handles {
+						*handles = BezierHandles::Quadratic { handle: handle_start }
+					}
+				}
+				// Change the end handle
+				(None, Some(Some(handle_end))) => match *handles {
+					BezierHandles::Linear => *handles = BezierHandles::Quadratic { handle: handle_end },
+					BezierHandles::Quadratic { handle: handle_start } => *handles = BezierHandles::Cubic { handle_start, handle_end },
+					BezierHandles::Cubic { handle_start, .. } => *handles = BezierHandles::Cubic { handle_start, handle_end },
+				},
+				// Remove the start handle
+				(Some(None), None) => *handles = BezierHandles::Linear,
+				// Change the start handle
+				(Some(Some(handle_start)), None) => match *handles {
+					BezierHandles::Linear => *handles = BezierHandles::Quadratic { handle: handle_start },
+					BezierHandles::Quadratic { .. } => *handles = BezierHandles::Quadratic { handle: handle_start },
+					BezierHandles::Cubic { handle_end, .. } => *handles = BezierHandles::Cubic { handle_start, handle_end },
+				},
+				// No change
+				(None, None) => {}
+			};
+		}
+
+		for (id, stroke) in segment_domain.stroke_mut() {
+			let Some(&new) = self.stroke.get(&id) else { continue };
+			*stroke = new;
+		}
+
+		for &add_id in &self.add {
+			let Some(&start) = self.start_point.get(&add_id) else { continue };
+			let Some(&end) = self.end_point.get(&add_id) else { continue };
+			let Some(&handle_start) = self.handle_primary.get(&add_id) else { continue };
+			let Some(&handle_end) = self.handle_end.get(&add_id) else { continue };
+			let Some(&stroke) = self.stroke.get(&add_id) else { continue };
+
+			let Some(start_index) = point_domain.resolve_id(start) else {
+				warn!("invalid start id: {:#?}", start);
+				continue;
+			};
+			let Some(end_index) = point_domain.resolve_id(end) else {
+				warn!("invalid end id: {:#?}", end);
+				continue;
+			};
+
+			let start_position = point_domain.positions()[start_index];
+			let end_position = point_domain.positions()[end_index];
+			let handles = match (handle_start, handle_end) {
+				(Some(handle_start), Some(handle_end)) => BezierHandles::Cubic {
+					handle_start: handle_start + start_position,
+					handle_end: handle_end + end_position,
+				},
+				(Some(handle), None) | (None, Some(handle)) => BezierHandles::Quadratic { handle: handle + start_position },
+				(None, None) => BezierHandles::Linear,
+			};
+
+			if !handles.is_finite() {
+				warn!("invalid handles");
+				continue;
+			}
+
+			segment_domain.push(add_id, start_index, end_index, handles, stroke);
+		}
+
+		assert!(
+			segment_domain.start_point().iter().all(|&index| index < point_domain.ids().len()),
+			"index should be in range {:#?}",
+			segment_domain
+		);
+		assert!(
+			segment_domain.end_point().iter().all(|&index| index < point_domain.ids().len()),
+			"index should be in range {:#?}",
+			segment_domain
+		);
+	}
+
+	/// Create a new modification that will convert an empty [`VectorData`] into the target [`VectorData`].
+	pub fn create_from_vector(vector_data: &VectorData) -> Self {
+		let point_id = |(&segment, &index)| (segment, vector_data.point_domain.ids()[index]);
+		Self {
+			add: vector_data.segment_domain.ids().to_vec(),
+			remove: HashSet::new(),
+			start_point: vector_data.segment_domain.ids().iter().zip(vector_data.segment_domain.start_point()).map(point_id).collect(),
+			end_point: vector_data.segment_domain.ids().iter().zip(vector_data.segment_domain.end_point()).map(point_id).collect(),
+			handle_primary: vector_data.segment_bezier_iter().map(|(id, b, _, _)| (id, b.handle_start().map(|handle| handle - b.start))).collect(),
+			handle_end: vector_data.segment_bezier_iter().map(|(id, b, _, _)| (id, b.handle_end().map(|handle| handle - b.end))).collect(),
+			stroke: vector_data.segment_domain.ids().iter().copied().zip(vector_data.segment_domain.stroke().iter().cloned()).collect(),
+		}
+	}
+
+	fn push(&mut self, id: SegmentId, points: [PointId; 2], handles: [Option<DVec2>; 2], stroke: StrokeId) {
+		self.remove.remove(&id);
+		self.add.push(id);
+		self.start_point.insert(id, points[0]);
+		self.end_point.insert(id, points[1]);
+		self.handle_primary.insert(id, handles[0]);
+		self.handle_end.insert(id, handles[1]);
+		self.stroke.insert(id, stroke);
+	}
+
+	fn remove(&mut self, id: SegmentId) {
+		self.remove.insert(id);
+		self.add.retain(|&add| add != id);
+		self.start_point.remove(&id);
+		self.end_point.remove(&id);
+		self.handle_primary.remove(&id);
+		self.handle_end.remove(&id);
+		self.stroke.remove(&id);
+	}
+}
+
+/// Represents a procedural change to the [`RegionDomain`] in [`VectorData`].
+#[derive(Clone, Debug, Default, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct RegionModification {
+	add: Vec<RegionId>,
+	remove: HashSet<RegionId>,
+	#[serde(serialize_with = "serialize_hashmap", deserialize_with = "deserialize_hashmap")]
+	segment_range: HashMap<RegionId, std::ops::RangeInclusive<SegmentId>>,
+	#[serde(serialize_with = "serialize_hashmap", deserialize_with = "deserialize_hashmap")]
+	fill: HashMap<RegionId, FillId>,
+}
+
+impl RegionModification {
+	/// Apply this modification to the specified [`RegionDomain`].
+	pub fn apply(&self, region_domain: &mut RegionDomain) {
+		region_domain.retain(|id| !self.remove.contains(id));
+
+		for (id, segment_range) in region_domain.segment_range_mut() {
+			let Some(new) = self.segment_range.get(&id) else { continue };
+			*segment_range = new.clone(); // Range inclusive is not copy
+		}
+
+		for (id, fill) in region_domain.fill_mut() {
+			let Some(&new) = self.fill.get(&id) else { continue };
+			*fill = new;
+		}
+
+		for &add_id in &self.add {
+			let Some(segment_range) = self.segment_range.get(&add_id) else { continue };
+			let Some(&fill) = self.fill.get(&add_id) else { continue };
+			region_domain.push(add_id, segment_range.clone(), fill);
+		}
+	}
+
+	/// Create a new modification that will convert an empty [`VectorData`] into the target [`VectorData`].
+	pub fn create_from_vector(vector_data: &VectorData) -> Self {
+		Self {
+			add: vector_data.region_domain.ids().to_vec(),
+			remove: HashSet::new(),
+			segment_range: vector_data.region_domain.ids().iter().copied().zip(vector_data.region_domain.segment_range().iter().cloned()).collect(),
+			fill: vector_data.region_domain.ids().iter().copied().zip(vector_data.region_domain.fill().iter().cloned()).collect(),
+		}
+	}
+}
+
+/// Represents a procedural change to the [`VectorData`].
+#[derive(Clone, Debug, Default, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct VectorModification {
+	points: PointModification,
+	segments: SegmentModification,
+	regions: RegionModification,
+	add_g1_continuous: HashSet<[HandleId; 2]>,
+	remove_g1_continuous: HashSet<[HandleId; 2]>,
+}
+
+/// A modification type that can be added to a [`VectorModification`].
+#[derive(PartialEq, Clone, Debug, serde::Serialize, serde::Deserialize)]
+pub enum VectorModificationType {
+	InsertSegment { id: SegmentId, points: [PointId; 2], handles: [Option<DVec2>; 2] },
+	InsertPoint { id: PointId, position: DVec2 },
+
+	RemoveSegment { id: SegmentId },
+	RemovePoint { id: PointId },
+
+	SetG1Continuous { handles: [HandleId; 2], enabled: bool },
+	SetHandles { segment: SegmentId, handles: [Option<DVec2>; 2] },
+	SetPrimaryHandle { segment: SegmentId, relative_position: DVec2 },
+	SetEndHandle { segment: SegmentId, relative_position: DVec2 },
+	SetStartPoint { segment: SegmentId, id: PointId },
+	SetEndPoint { segment: SegmentId, id: PointId },
+
+	ApplyPointDelta { point: PointId, delta: DVec2 },
+	ApplyPrimaryDelta { segment: SegmentId, delta: DVec2 },
+	ApplyEndDelta { segment: SegmentId, delta: DVec2 },
+}
+
+impl VectorModification {
+	/// Apply this modification to the specified [`VectorData`].
+	pub fn apply(&self, vector_data: &mut VectorData) {
+		self.points.apply(&mut vector_data.point_domain, &mut vector_data.segment_domain);
+		self.segments.apply(&mut vector_data.segment_domain, &vector_data.point_domain);
+		self.regions.apply(&mut vector_data.region_domain);
+
+		let valid = |val: &[HandleId; 2]| vector_data.segment_domain.ids().contains(&val[0].segment) && vector_data.segment_domain.ids().contains(&val[1].segment);
+		vector_data
+			.colinear_manipulators
+			.retain(|val| !self.remove_g1_continuous.contains(val) && !self.remove_g1_continuous.contains(&[val[1], val[0]]) && valid(val));
+
+		for handles in &self.add_g1_continuous {
+			if !vector_data.colinear_manipulators.iter().any(|test| test == handles || test == &[handles[1], handles[0]]) && valid(handles) {
+				vector_data.colinear_manipulators.push(*handles);
+			}
+		}
+	}
+
+	/// Add a [`VectorModificationType`] to this modification.
+	pub fn modify(&mut self, vector_data_modification: &VectorModificationType) {
+		match vector_data_modification {
+			VectorModificationType::InsertSegment { id, points, handles } => self.segments.push(*id, *points, *handles, StrokeId::ZERO),
+			VectorModificationType::InsertPoint { id, position } => self.points.push(*id, *position),
+
+			VectorModificationType::RemoveSegment { id } => self.segments.remove(*id),
+			VectorModificationType::RemovePoint { id } => self.points.remove(*id),
+
+			VectorModificationType::SetG1Continuous { handles, enabled } => {
+				if *enabled {
+					if !self.add_g1_continuous.contains(&[handles[1], handles[0]]) {
+						self.add_g1_continuous.insert(*handles);
+					}
+					self.remove_g1_continuous.remove(handles);
+					self.remove_g1_continuous.remove(&[handles[1], handles[0]]);
+				} else {
+					if !self.remove_g1_continuous.contains(&[handles[1], handles[0]]) {
+						self.remove_g1_continuous.insert(*handles);
+					}
+					self.add_g1_continuous.remove(handles);
+					self.add_g1_continuous.remove(&[handles[1], handles[0]]);
+				}
+			}
+			VectorModificationType::SetHandles { segment, handles } => {
+				self.segments.handle_primary.insert(*segment, handles[0]);
+				self.segments.handle_end.insert(*segment, handles[1]);
+			}
+			VectorModificationType::SetPrimaryHandle { segment, relative_position } => {
+				self.segments.handle_primary.insert(*segment, Some(*relative_position));
+			}
+			VectorModificationType::SetEndHandle { segment, relative_position } => {
+				self.segments.handle_end.insert(*segment, Some(*relative_position));
+			}
+			VectorModificationType::SetStartPoint { segment, id } => {
+				self.segments.start_point.insert(*segment, *id);
+			}
+			VectorModificationType::SetEndPoint { segment, id } => {
+				self.segments.end_point.insert(*segment, *id);
+			}
+
+			VectorModificationType::ApplyPointDelta { point, delta } => {
+				*self.points.delta.entry(*point).or_default() += *delta;
+			}
+			VectorModificationType::ApplyPrimaryDelta { segment, delta } => {
+				let position = self.segments.handle_primary.entry(*segment).or_default();
+				*position = Some(position.unwrap_or_default() + *delta);
+			}
+			VectorModificationType::ApplyEndDelta { segment, delta } => {
+				let position = self.segments.handle_end.entry(*segment).or_default();
+				*position = Some(position.unwrap_or_default() + *delta);
+			}
+		}
+	}
+
+	/// Create a new modification that will convert an empty [`VectorData`] into the target [`VectorData`].
+	pub fn create_from_vector(vector_data: &VectorData) -> Self {
+		Self {
+			points: PointModification::create_from_vector(vector_data),
+			segments: SegmentModification::create_from_vector(vector_data),
+			regions: RegionModification::create_from_vector(vector_data),
+			add_g1_continuous: vector_data.colinear_manipulators.iter().copied().collect(),
+			remove_g1_continuous: HashSet::new(),
+		}
+	}
+}
+
+impl Hash for VectorModification {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		generate_uuid().hash(state)
+	}
+}
+
+/// A node that applies a procedural modification to some [`VectorData`].
+#[node_macro::node(category(""))]
+async fn path_modify(_ctx: impl Ctx, mut vector_data: VectorDataTable, modification: Box<VectorModification>) -> VectorDataTable {
+	if vector_data.is_empty() {
+		vector_data.push(Instance::default());
+	}
+	let vector_data_instance = vector_data.get_mut(0).expect("push should give one item");
+	modification.apply(vector_data_instance.instance);
+	if vector_data.len() > 1 {
+		warn!("The path modify ran on {} instances of vector data. Only the first can be modified.", vector_data.len());
+	}
+	vector_data
+}
+
+// Do we want to enforce that all serialized/deserialized hashmaps are a vec of tuples?
+// TODO: Eventually remove this document upgrade code
+use serde::de::{SeqAccess, Visitor};
+use serde::ser::SerializeSeq;
+use serde::{Deserialize, Deserializer, Serialize, Serializer};
+use std::fmt;
+use std::hash::Hash;
+pub fn serialize_hashmap<K, V, S, H>(hashmap: &HashMap<K, V, H>, serializer: S) -> Result<S::Ok, S::Error>
+where
+	K: Serialize + Eq + Hash,
+	V: Serialize,
+	S: Serializer,
+	H: BuildHasher,
+{
+	let mut seq = serializer.serialize_seq(Some(hashmap.len()))?;
+	for (key, value) in hashmap {
+		seq.serialize_element(&(key, value))?;
+	}
+	seq.end()
+}
+
+pub fn deserialize_hashmap<'de, K, V, D, H>(deserializer: D) -> Result<HashMap<K, V, H>, D::Error>
+where
+	K: Deserialize<'de> + Eq + Hash,
+	V: Deserialize<'de>,
+	D: Deserializer<'de>,
+	H: BuildHasher + Default,
+{
+	struct HashMapVisitor<K, V, H> {
+		#[allow(clippy::type_complexity)]
+		marker: std::marker::PhantomData<fn() -> HashMap<K, V, H>>,
+	}
+
+	impl<'de, K, V, H> Visitor<'de> for HashMapVisitor<K, V, H>
+	where
+		K: Deserialize<'de> + Eq + Hash,
+		V: Deserialize<'de>,
+		H: BuildHasher + Default,
+	{
+		type Value = HashMap<K, V, H>;
+
+		fn expecting(&self, formatter: &mut fmt::Formatter) -> fmt::Result {
+			formatter.write_str("a sequence of tuples")
+		}
+
+		fn visit_seq<A>(self, mut seq: A) -> Result<Self::Value, A::Error>
+		where
+			A: SeqAccess<'de>,
+		{
+			let mut hashmap = HashMap::default();
+			while let Some((key, value)) = seq.next_element()? {
+				hashmap.insert(key, value);
+			}
+			Ok(hashmap)
+		}
+	}
+
+	let visitor = HashMapVisitor { marker: std::marker::PhantomData };
+	deserializer.deserialize_seq(visitor)
+}
+
+pub struct AppendBezpath<'a> {
+	first_point: Option<Point>,
+	last_point: Option<Point>,
+	first_point_index: Option<usize>,
+	last_point_index: Option<usize>,
+	first_segment_id: Option<SegmentId>,
+	last_segment_id: Option<SegmentId>,
+	point_id: PointId,
+	segment_id: SegmentId,
+	vector_data: &'a mut VectorData,
+}
+
+impl<'a> AppendBezpath<'a> {
+	fn new(vector_data: &'a mut VectorData) -> Self {
+		Self {
+			first_point: None,
+			last_point: None,
+			first_point_index: None,
+			last_point_index: None,
+			first_segment_id: None,
+			last_segment_id: None,
+			point_id: vector_data.point_domain.next_id(),
+			segment_id: vector_data.segment_domain.next_id(),
+			vector_data,
+		}
+	}
+
+	fn append_segment_and_close_path(&mut self, point: Point, handle: BezierHandles) {
+		let handle = if self.first_point.unwrap() != point {
+			// If the first point is not the same as the last point of the path then we append the segment
+			// with given handle and point and then close the path with linear handle.
+			self.append_segment(point, handle);
+			BezierHandles::Linear
+		} else {
+			// if the endpoints are the same then we close the path with given handle.
+			handle
+		};
+
+		// Create a new segment.
+		let next_segment_id = self.segment_id.next_id();
+		self.vector_data
+			.segment_domain
+			.push(next_segment_id, self.last_point_index.unwrap(), self.first_point_index.unwrap(), handle, StrokeId::ZERO);
+
+		// Create a new region.
+		let next_region_id = self.vector_data.region_domain.next_id();
+		let first_segment_id = self.first_segment_id.unwrap_or(next_segment_id);
+		let last_segment_id = next_segment_id;
+
+		self.vector_data.region_domain.push(next_region_id, first_segment_id..=last_segment_id, FillId::ZERO);
+	}
+
+	fn append_segment(&mut self, end_point: Point, handle: BezierHandles) {
+		// Append the point.
+		let next_point_index = self.vector_data.point_domain.ids().len();
+		let next_point_id = self.point_id.next_id();
+
+		self.vector_data.point_domain.push(next_point_id, point_to_dvec2(end_point));
+
+		// Append the segment.
+		let next_segment_id = self.segment_id.next_id();
+		self.vector_data
+			.segment_domain
+			.push(next_segment_id, self.last_point_index.unwrap(), next_point_index, handle, StrokeId::ZERO);
+
+		// Update the states.
+		self.last_point = Some(end_point);
+		self.last_point_index = Some(next_point_index);
+
+		self.first_segment_id = Some(self.first_segment_id.unwrap_or(next_segment_id));
+		self.last_segment_id = Some(next_segment_id);
+	}
+
+	fn append_first_point(&mut self, point: Point) {
+		self.first_point = Some(point);
+		self.last_point = Some(point);
+
+		// Append the first point.
+		let next_point_index = self.vector_data.point_domain.ids().len();
+		self.vector_data.point_domain.push(self.point_id.next_id(), point_to_dvec2(point));
+
+		// Update the state.
+		self.first_point_index = Some(next_point_index);
+		self.last_point_index = Some(next_point_index);
+	}
+
+	fn reset(&mut self) {
+		self.first_point = None;
+		self.last_point = None;
+		self.first_point_index = None;
+		self.last_point_index = None;
+		self.first_segment_id = None;
+		self.last_segment_id = None;
+	}
+
+	pub fn append_bezpath(vector_data: &'a mut VectorData, bezpath: BezPath) {
+		let mut this = Self::new(vector_data);
+		let mut elements = bezpath.elements().iter().peekable();
+
+		while let Some(element) = elements.next() {
+			let close_path = elements.peek().is_some_and(|elm| **elm == PathEl::ClosePath);
+
+			match *element {
+				PathEl::MoveTo(point) => this.append_first_point(point),
+				PathEl::LineTo(point) => {
+					let handle = BezierHandles::Linear;
+					if close_path {
+						this.append_segment_and_close_path(point, handle);
+					} else {
+						this.append_segment(point, handle);
+					}
+				}
+				PathEl::QuadTo(point, point1) => {
+					let handle = BezierHandles::Quadratic { handle: point_to_dvec2(point) };
+					if close_path {
+						this.append_segment_and_close_path(point1, handle);
+					} else {
+						this.append_segment(point1, handle);
+					}
+				}
+				PathEl::CurveTo(point, point1, point2) => {
+					let handle = BezierHandles::Cubic {
+						handle_start: point_to_dvec2(point),
+						handle_end: point_to_dvec2(point1),
+					};
+
+					if close_path {
+						this.append_segment_and_close_path(point2, handle);
+					} else {
+						this.append_segment(point2, handle);
+					}
+				}
+				PathEl::ClosePath => {
+					// Already handled using `append_segment_and_close_path()` hence we reset state and continue.
+					this.reset();
+				}
+			}
+		}
+	}
+}
+
+pub trait VectorDataExt {
+	/// Appends a Kurbo BezPath to the vector data.
+	fn append_bezpath(&mut self, bezpath: BezPath);
+}
+
+impl VectorDataExt for VectorData {
+	fn append_bezpath(&mut self, bezpath: BezPath) {
+		AppendBezpath::append_bezpath(self, bezpath);
+	}
+}
+
+pub trait HandleExt {
+	/// Set the handle's position relative to the anchor which is the start anchor for the primary handle and end anchor for the end handle.
+	#[must_use]
+	fn set_relative_position(self, relative_position: DVec2) -> VectorModificationType;
+}
+
+impl HandleExt for HandleId {
+	fn set_relative_position(self, relative_position: DVec2) -> VectorModificationType {
+		let Self { ty, segment } = self;
+		match ty {
+			HandleType::Primary => VectorModificationType::SetPrimaryHandle { segment, relative_position },
+			HandleType::End => VectorModificationType::SetEndHandle { segment, relative_position },
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+
+	#[test]
+	fn modify_new() {
+		let vector_data = VectorData::from_subpaths(
+			[bezier_rs::Subpath::new_ellipse(DVec2::ZERO, DVec2::ONE), bezier_rs::Subpath::new_rect(DVec2::NEG_ONE, DVec2::ZERO)],
+			false,
+		);
+
+		let modify = VectorModification::create_from_vector(&vector_data);
+
+		let mut new = VectorData::default();
+		modify.apply(&mut new);
+		assert_eq!(vector_data, new);
+	}
+
+	#[test]
+	fn modify_existing() {
+		use bezier_rs::{Bezier, Subpath};
+		let subpaths = [
+			Subpath::new_ellipse(DVec2::ZERO, DVec2::ONE),
+			Subpath::new_rect(DVec2::NEG_ONE, DVec2::ZERO),
+			Subpath::from_beziers(
+				&[
+					Bezier::from_quadratic_dvec2(DVec2::new(0., 0.), DVec2::new(5., 10.), DVec2::new(10., 0.)),
+					Bezier::from_quadratic_dvec2(DVec2::new(10., 0.), DVec2::new(15., 10.), DVec2::new(20., 0.)),
+				],
+				false,
+			),
+		];
+		let mut vector_data = VectorData::from_subpaths(subpaths, false);
+
+		let mut modify_new = VectorModification::create_from_vector(&vector_data);
+		let mut modify_original = VectorModification::default();
+
+		for modification in [&mut modify_new, &mut modify_original] {
+			let point = vector_data.point_domain.ids()[0];
+			modification.modify(&VectorModificationType::ApplyPointDelta { point, delta: DVec2::X * 0.5 });
+			let point = vector_data.point_domain.ids()[9];
+			modification.modify(&VectorModificationType::ApplyPointDelta { point, delta: DVec2::X });
+		}
+
+		let mut new = VectorData::default();
+		modify_new.apply(&mut new);
+
+		modify_original.apply(&mut vector_data);
+
+		assert_eq!(vector_data, new);
+		assert_eq!(vector_data.point_domain.positions()[0], DVec2::X);
+		assert_eq!(vector_data.point_domain.positions()[9], DVec2::new(11., 0.));
+		assert_eq!(
+			vector_data.segment_bezier_iter().nth(8).unwrap().1,
+			Bezier::from_quadratic_dvec2(DVec2::new(0., 0.), DVec2::new(5., 10.), DVec2::new(11., 0.))
+		);
+		assert_eq!(
+			vector_data.segment_bezier_iter().nth(9).unwrap().1,
+			Bezier::from_quadratic_dvec2(DVec2::new(11., 0.), DVec2::new(16., 10.), DVec2::new(20., 0.))
+		);
+	}
+}
diff --git a/node-graph/gcore/src/vector/vector_nodes.rs b/node-graph/gcore/src/vector/vector_nodes.rs
new file mode 100644
index 0000000000000000000000000000000000000000..118c2fbfb6ae5b15f555390777aef6c5b4e6cb10
--- /dev/null
+++ b/node-graph/gcore/src/vector/vector_nodes.rs
@@ -0,0 +1,2284 @@
+use super::algorithms::bezpath_algorithms::{self, position_on_bezpath, sample_polyline_on_bezpath, split_bezpath, tangent_on_bezpath};
+use super::algorithms::offset_subpath::offset_subpath;
+use super::algorithms::spline::{solve_spline_first_handle_closed, solve_spline_first_handle_open};
+use super::misc::{CentroidType, point_to_dvec2};
+use super::style::{Fill, Gradient, GradientStops, Stroke};
+use super::{PointId, SegmentDomain, SegmentId, StrokeId, VectorData, VectorDataExt, VectorDataTable};
+use crate::bounds::BoundingBox;
+use crate::instances::{Instance, InstanceMut, Instances};
+use crate::raster_types::{CPU, GPU, RasterDataTable};
+use crate::registry::types::{Angle, Fraction, IntegerCount, Length, Multiplier, Percentage, PixelLength, PixelSize, SeedValue};
+use crate::transform::{Footprint, ReferencePoint, Transform};
+use crate::vector::algorithms::merge_by_distance::MergeByDistanceExt;
+use crate::vector::misc::{MergeByDistanceAlgorithm, PointSpacingType};
+use crate::vector::style::{PaintOrder, StrokeAlign, StrokeCap, StrokeJoin};
+use crate::vector::{FillId, PointDomain, RegionId};
+use crate::{CloneVarArgs, Color, Context, Ctx, ExtractAll, GraphicElement, GraphicGroupTable, OwnedContextImpl};
+use bezier_rs::{Join, ManipulatorGroup, Subpath};
+use glam::{DAffine2, DVec2};
+use kurbo::{Affine, BezPath, DEFAULT_ACCURACY, ParamCurve, PathEl, PathSeg, Shape};
+use rand::{Rng, SeedableRng};
+use std::collections::hash_map::DefaultHasher;
+use std::f64::consts::PI;
+use std::f64::consts::TAU;
+use std::hash::{Hash, Hasher};
+
+/// Implemented for types that can be converted to an iterator of vector data.
+/// Used for the fill and stroke node so they can be used on VectorData or GraphicGroup
+trait VectorDataTableIterMut {
+	fn vector_iter_mut(&mut self) -> impl Iterator<Item = InstanceMut<'_, VectorData>>;
+}
+
+impl VectorDataTableIterMut for GraphicGroupTable {
+	fn vector_iter_mut(&mut self) -> impl Iterator<Item = InstanceMut<'_, VectorData>> {
+		// Grab only the direct children
+		self.instance_mut_iter()
+			.filter_map(|element| element.instance.as_vector_data_mut())
+			.flat_map(move |vector_data| vector_data.instance_mut_iter())
+	}
+}
+
+impl VectorDataTableIterMut for VectorDataTable {
+	fn vector_iter_mut(&mut self) -> impl Iterator<Item = InstanceMut<'_, VectorData>> {
+		self.instance_mut_iter()
+	}
+}
+
+#[node_macro::node(category("Vector: Style"), path(graphene_core::vector))]
+async fn assign_colors<T>(
+	_: impl Ctx,
+	#[implementations(GraphicGroupTable, VectorDataTable)]
+	#[widget(ParsedWidgetOverride::Hidden)]
+	/// The vector elements, or group of vector elements, to apply the fill and/or stroke style to.
+	mut vector_group: T,
+	#[default(true)]
+	/// Whether to style the fill.
+	fill: bool,
+	/// Whether to style the stroke.
+	stroke: bool,
+	#[widget(ParsedWidgetOverride::Custom = "assign_colors_gradient")]
+	/// The range of colors to select from.
+	gradient: GradientStops,
+	/// Whether to reverse the gradient.
+	reverse: bool,
+	/// Whether to randomize the color selection for each element from throughout the gradient.
+	randomize: bool,
+	#[widget(ParsedWidgetOverride::Custom = "assign_colors_seed")]
+	/// The seed used for randomization.
+	/// Seed to determine unique variations on the randomized color selection.
+	seed: SeedValue,
+	#[widget(ParsedWidgetOverride::Custom = "assign_colors_repeat_every")]
+	/// The number of elements to span across the gradient before repeating. A 0 value will span the entire gradient once.
+	repeat_every: u32,
+) -> T
+where
+	T: VectorDataTableIterMut + 'n + Send,
+{
+	let length = vector_group.vector_iter_mut().count();
+	let gradient = if reverse { gradient.reversed() } else { gradient };
+
+	let mut rng = rand::rngs::StdRng::seed_from_u64(seed.into());
+
+	for (i, vector_data) in vector_group.vector_iter_mut().enumerate() {
+		let factor = match randomize {
+			true => rng.random::<f64>(),
+			false => match repeat_every {
+				0 => i as f64 / (length - 1).max(1) as f64,
+				1 => 0.,
+				_ => i as f64 % repeat_every as f64 / (repeat_every - 1) as f64,
+			},
+		};
+
+		let color = gradient.evaluate(factor);
+
+		if fill {
+			vector_data.instance.style.set_fill(Fill::Solid(color));
+		}
+		if stroke {
+			if let Some(stroke) = vector_data.instance.style.stroke().and_then(|stroke| stroke.with_color(&Some(color))) {
+				vector_data.instance.style.set_stroke(stroke);
+			}
+		}
+	}
+
+	vector_group
+}
+
+#[node_macro::node(category("Vector: Style"), path(graphene_core::vector), properties("fill_properties"))]
+async fn fill<F: Into<Fill> + 'n + Send, V>(
+	_: impl Ctx,
+	#[implementations(
+		VectorDataTable,
+		VectorDataTable,
+		VectorDataTable,
+		VectorDataTable,
+		GraphicGroupTable,
+		GraphicGroupTable,
+		GraphicGroupTable,
+		GraphicGroupTable
+	)]
+	/// The vector elements, or group of vector elements, to apply the fill to.
+	mut vector_data: V,
+	#[implementations(
+		Fill,
+		Option<Color>,
+		Color,
+		Gradient,
+		Fill,
+		Option<Color>,
+		Color,
+		Gradient,
+	)]
+	#[default(Color::BLACK)]
+	/// The fill to paint the path with.
+	fill: F,
+	_backup_color: Option<Color>,
+	_backup_gradient: Gradient,
+) -> V
+where
+	V: VectorDataTableIterMut + 'n + Send,
+{
+	let fill: Fill = fill.into();
+	for vector in vector_data.vector_iter_mut() {
+		let mut fill = fill.clone();
+		if let Fill::Gradient(gradient) = &mut fill {
+			gradient.transform *= *vector.transform;
+		}
+		vector.instance.style.set_fill(fill);
+	}
+
+	vector_data
+}
+
+/// Applies a stroke style to the vector data contained in the input.
+#[node_macro::node(category("Vector: Style"), path(graphene_core::vector), properties("stroke_properties"))]
+async fn stroke<C: Into<Option<Color>> + 'n + Send, V>(
+	_: impl Ctx,
+	#[implementations(VectorDataTable, VectorDataTable, GraphicGroupTable, GraphicGroupTable)]
+	/// The vector elements, or group of vector elements, to apply the stroke to.
+	mut vector_data: Instances<V>,
+	#[implementations(
+		Option<Color>,
+		Color,
+		Option<Color>,
+		Color,
+	)]
+	#[default(Color::BLACK)]
+	/// The stroke color.
+	color: C,
+	#[unit(" px")]
+	#[default(2.)]
+	/// The stroke weight.
+	weight: f64,
+	/// The alignment of stroke to the path's centerline or (for closed shapes) the inside or outside of the shape.
+	align: StrokeAlign,
+	/// The shape of the stroke at open endpoints.
+	cap: StrokeCap,
+	/// The curvature of the bent stroke at sharp corners.
+	join: StrokeJoin,
+	#[default(4.)]
+	/// The threshold for when a miter-joined stroke is converted to a bevel-joined stroke when a sharp angle becomes pointier than this ratio.
+	miter_limit: f64,
+	/// The order to paint the stroke on top of the fill, or the fill on top of the stroke.
+	/// <https://svgwg.org/svg2-draft/painting.html#PaintOrderProperty>
+	paint_order: PaintOrder,
+	/// The stroke dash lengths. Each length forms a distance in a pattern where the first length is a dash, the second is a gap, and so on. If the list is an odd length, the pattern repeats with solid-gap roles reversed.
+	dash_lengths: Vec<f64>,
+	/// The phase offset distance from the starting point of the dash pattern.
+	#[unit(" px")]
+	dash_offset: f64,
+) -> Instances<V>
+where
+	Instances<V>: VectorDataTableIterMut + 'n + Send,
+{
+	let stroke = Stroke {
+		color: color.into(),
+		weight,
+		dash_lengths,
+		dash_offset,
+		cap,
+		join,
+		join_miter_limit: miter_limit,
+		align,
+		transform: DAffine2::IDENTITY,
+		non_scaling: false,
+		paint_order,
+	};
+
+	for vector in vector_data.vector_iter_mut() {
+		let mut stroke = stroke.clone();
+		stroke.transform *= *vector.transform;
+		vector.instance.style.set_stroke(stroke);
+	}
+
+	vector_data
+}
+
+#[node_macro::node(category("Instancing"), path(graphene_core::vector))]
+async fn repeat<I: 'n + Send + Clone>(
+	_: impl Ctx,
+	// TODO: Implement other GraphicElementRendered types.
+	#[implementations(GraphicGroupTable, VectorDataTable, RasterDataTable<CPU>)] instance: Instances<I>,
+	#[default(100., 100.)]
+	// TODO: When using a custom Properties panel layout in document_node_definitions.rs and this default is set, the widget weirdly doesn't show up in the Properties panel. Investigation is needed.
+	direction: PixelSize,
+	angle: Angle,
+	#[default(4)] instances: IntegerCount,
+) -> Instances<I> {
+	let angle = angle.to_radians();
+	let count = instances.max(1);
+	let total = (count - 1) as f64;
+
+	let mut result_table = Instances::<I>::default();
+
+	for index in 0..count {
+		let angle = index as f64 * angle / total;
+		let translation = index as f64 * direction / total;
+		let transform = DAffine2::from_angle(angle) * DAffine2::from_translation(translation);
+
+		for instance in instance.instance_ref_iter() {
+			let mut instance = instance.to_instance_cloned();
+
+			let local_translation = DAffine2::from_translation(instance.transform.translation);
+			let local_matrix = DAffine2::from_mat2(instance.transform.matrix2);
+			instance.transform = local_translation * transform * local_matrix;
+
+			result_table.push(instance);
+		}
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Instancing"), path(graphene_core::vector))]
+async fn circular_repeat<I: 'n + Send + Clone>(
+	_: impl Ctx,
+	// TODO: Implement other GraphicElementRendered types.
+	#[implementations(GraphicGroupTable, VectorDataTable, RasterDataTable<CPU>)] instance: Instances<I>,
+	angle_offset: Angle,
+	#[unit(" px")]
+	#[default(5)]
+	radius: f64,
+	#[default(5)] instances: IntegerCount,
+) -> Instances<I> {
+	let count = instances.max(1);
+
+	let mut result_table = Instances::<I>::default();
+
+	for index in 0..count {
+		let angle = DAffine2::from_angle((TAU / count as f64) * index as f64 + angle_offset.to_radians());
+		let translation = DAffine2::from_translation(radius * DVec2::Y);
+		let transform = angle * translation;
+
+		for instance in instance.instance_ref_iter() {
+			let mut instance = instance.to_instance_cloned();
+
+			let local_translation = DAffine2::from_translation(instance.transform.translation);
+			let local_matrix = DAffine2::from_mat2(instance.transform.matrix2);
+			instance.transform = local_translation * transform * local_matrix;
+
+			result_table.push(instance);
+		}
+	}
+
+	result_table
+}
+
+#[node_macro::node(name("Copy to Points"), category("Instancing"), path(graphene_core::vector))]
+async fn copy_to_points<I: 'n + Send + Clone>(
+	_: impl Ctx,
+	points: VectorDataTable,
+	#[expose]
+	/// Artwork to be copied and placed at each point.
+	#[implementations(GraphicGroupTable, VectorDataTable, RasterDataTable<CPU>)]
+	instance: Instances<I>,
+	/// Minimum range of randomized sizes given to each instance.
+	#[default(1)]
+	#[range((0., 2.))]
+	#[unit("x")]
+	random_scale_min: Multiplier,
+	/// Maximum range of randomized sizes given to each instance.
+	#[default(1)]
+	#[range((0., 2.))]
+	#[unit("x")]
+	random_scale_max: Multiplier,
+	/// Bias for the probability distribution of randomized sizes (0 is uniform, negatives favor more of small sizes, positives favor more of large sizes).
+	#[range((-50., 50.))]
+	random_scale_bias: f64,
+	/// Seed to determine unique variations on all the randomized instance sizes.
+	random_scale_seed: SeedValue,
+	/// Range of randomized angles given to each instance, in degrees ranging from furthest clockwise to counterclockwise.
+	#[range((0., 360.))]
+	random_rotation: Angle,
+	/// Seed to determine unique variations on all the randomized instance angles.
+	random_rotation_seed: SeedValue,
+) -> Instances<I> {
+	let mut result_table = Instances::<I>::default();
+
+	let random_scale_difference = random_scale_max - random_scale_min;
+
+	for point_instance in points.instance_iter() {
+		let mut scale_rng = rand::rngs::StdRng::seed_from_u64(random_scale_seed.into());
+		let mut rotation_rng = rand::rngs::StdRng::seed_from_u64(random_rotation_seed.into());
+
+		let do_scale = random_scale_difference.abs() > 1e-6;
+		let do_rotation = random_rotation.abs() > 1e-6;
+
+		let points_transform = point_instance.transform;
+		for &point in point_instance.instance.point_domain.positions() {
+			let translation = points_transform.transform_point2(point);
+
+			let rotation = if do_rotation {
+				let degrees = (rotation_rng.random::<f64>() - 0.5) * random_rotation;
+				degrees / 360. * TAU
+			} else {
+				0.
+			};
+
+			let scale = if do_scale {
+				if random_scale_bias.abs() < 1e-6 {
+					// Linear
+					random_scale_min + scale_rng.random::<f64>() * random_scale_difference
+				} else {
+					// Weighted (see <https://www.desmos.com/calculator/gmavd3m9bd>)
+					let horizontal_scale_factor = 1. - 2_f64.powf(random_scale_bias);
+					let scale_factor = (1. - scale_rng.random::<f64>() * horizontal_scale_factor).log2() / random_scale_bias;
+					random_scale_min + scale_factor * random_scale_difference
+				}
+			} else {
+				random_scale_min
+			};
+
+			let transform = DAffine2::from_scale_angle_translation(DVec2::splat(scale), rotation, translation);
+
+			for mut instance in instance.instance_ref_iter().map(|instance| instance.to_instance_cloned()) {
+				let local_matrix = DAffine2::from_mat2(instance.transform.matrix2);
+				instance.transform = transform * local_matrix;
+
+				result_table.push(instance);
+			}
+		}
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Instancing"), path(graphene_core::vector))]
+async fn mirror<I: 'n + Send + Clone>(
+	_: impl Ctx,
+	#[implementations(GraphicGroupTable, VectorDataTable, RasterDataTable<CPU>)] instance: Instances<I>,
+	#[default(ReferencePoint::Center)] relative_to_bounds: ReferencePoint,
+	#[unit(" px")] offset: f64,
+	#[range((-90., 90.))] angle: Angle,
+	#[default(true)] keep_original: bool,
+) -> Instances<I>
+where
+	Instances<I>: BoundingBox,
+{
+	let mut result_table = Instances::default();
+
+	// Normalize the direction vector
+	let normal = DVec2::from_angle(angle.to_radians());
+
+	// The mirror reference is based on the bounding box (at least for now, until we have proper local layer origins)
+	let Some(bounding_box) = instance.bounding_box(DAffine2::IDENTITY, false) else {
+		return result_table;
+	};
+
+	let reference_point_location = relative_to_bounds.point_in_bounding_box((bounding_box[0], bounding_box[1]).into());
+	let mirror_reference_point = reference_point_location.map(|point| point + normal * offset);
+
+	// Create the reflection matrix
+	let reflection = DAffine2::from_mat2_translation(
+		glam::DMat2::from_cols(
+			DVec2::new(1. - 2. * normal.x * normal.x, -2. * normal.y * normal.x),
+			DVec2::new(-2. * normal.x * normal.y, 1. - 2. * normal.y * normal.y),
+		),
+		DVec2::ZERO,
+	);
+
+	// Apply reflection around the reference point
+	let reflected_transform = if let Some(mirror_reference_point) = mirror_reference_point {
+		DAffine2::from_translation(mirror_reference_point) * reflection * DAffine2::from_translation(-mirror_reference_point)
+	} else {
+		reflection * DAffine2::from_translation(DVec2::from_angle(angle.to_radians()) * DVec2::splat(-offset))
+	};
+
+	// Add original instance depending on the keep_original flag
+	if keep_original {
+		for instance in instance.clone().instance_iter() {
+			result_table.push(instance);
+		}
+	}
+
+	// Create and add mirrored instance
+	for mut instance in instance.instance_iter() {
+		instance.transform = reflected_transform * instance.transform;
+		instance.source_node_id = None;
+		result_table.push(instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+async fn round_corners(
+	_: impl Ctx,
+	source: VectorDataTable,
+	#[hard_min(0.)]
+	#[default(10.)]
+	radius: PixelLength,
+	#[range((0., 1.))]
+	#[hard_min(0.)]
+	#[hard_max(1.)]
+	#[default(0.5)]
+	roundness: f64,
+	#[default(100.)] edge_length_limit: Percentage,
+	#[range((0., 180.))]
+	#[hard_min(0.)]
+	#[hard_max(180.)]
+	#[default(5.)]
+	min_angle_threshold: Angle,
+) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for source in source.instance_ref_iter() {
+		let source_transform = *source.transform;
+		let source_transform_inverse = source_transform.inverse();
+		let source = source.instance;
+
+		let upstream_graphic_group = source.upstream_graphic_group.clone();
+
+		// Flip the roundness to help with user intuition
+		let roundness = 1. - roundness;
+		// Convert 0-100 to 0-0.5
+		let edge_length_limit = edge_length_limit * 0.005;
+
+		let mut result = VectorData {
+			style: source.style.clone(),
+			..Default::default()
+		};
+
+		// Grab the initial point ID as a stable starting point
+		let mut initial_point_id = source.point_domain.ids().first().copied().unwrap_or(PointId::generate());
+
+		for mut subpath in source.stroke_bezier_paths() {
+			subpath.apply_transform(source_transform);
+
+			// End if not enough points for corner rounding
+			if subpath.manipulator_groups().len() < 3 {
+				result.append_subpath(subpath, false);
+				continue;
+			}
+
+			let groups = subpath.manipulator_groups();
+			let mut new_groups = Vec::new();
+			let is_closed = subpath.closed();
+
+			for i in 0..groups.len() {
+				// Skip first and last points for open paths
+				if !is_closed && (i == 0 || i == groups.len() - 1) {
+					new_groups.push(groups[i]);
+					continue;
+				}
+
+				// Not the prettiest, but it makes the rest of the logic more readable
+				let prev_idx = if i == 0 { if is_closed { groups.len() - 1 } else { 0 } } else { i - 1 };
+				let curr_idx = i;
+				let next_idx = if i == groups.len() - 1 { if is_closed { 0 } else { i } } else { i + 1 };
+
+				let prev = groups[prev_idx].anchor;
+				let curr = groups[curr_idx].anchor;
+				let next = groups[next_idx].anchor;
+
+				let dir1 = (curr - prev).normalize_or(DVec2::X);
+				let dir2 = (next - curr).normalize_or(DVec2::X);
+
+				let theta = PI - dir1.angle_to(dir2).abs();
+
+				// Skip near-straight corners
+				if theta > PI - min_angle_threshold.to_radians() {
+					new_groups.push(groups[curr_idx]);
+					continue;
+				}
+
+				// Calculate L, with limits to avoid extreme values
+				let distance_along_edge = radius / (theta / 2.).sin();
+				let distance_along_edge = distance_along_edge.min(edge_length_limit * (curr - prev).length().min((next - curr).length())).max(0.01);
+
+				// Find points on each edge at distance L from corner
+				let p1 = curr - dir1 * distance_along_edge;
+				let p2 = curr + dir2 * distance_along_edge;
+
+				// Add first point (coming into the rounded corner)
+				new_groups.push(ManipulatorGroup {
+					anchor: p1,
+					in_handle: None,
+					out_handle: Some(curr - dir1 * distance_along_edge * roundness),
+					id: initial_point_id.next_id(),
+				});
+
+				// Add second point (coming out of the rounded corner)
+				new_groups.push(ManipulatorGroup {
+					anchor: p2,
+					in_handle: Some(curr + dir2 * distance_along_edge * roundness),
+					out_handle: None,
+					id: initial_point_id.next_id(),
+				});
+			}
+
+			// One subpath for each shape
+			let mut rounded_subpath = Subpath::new(new_groups, is_closed);
+			rounded_subpath.apply_transform(source_transform_inverse);
+			result.append_subpath(rounded_subpath, false);
+		}
+
+		result.upstream_graphic_group = upstream_graphic_group;
+
+		result_table.push(Instance {
+			instance: result,
+			transform: source_transform,
+			alpha_blending: Default::default(),
+			source_node_id: None,
+		});
+	}
+
+	result_table
+}
+
+#[node_macro::node(name("Merge by Distance"), category("Vector: Modifier"), path(graphene_core::vector))]
+pub fn merge_by_distance(
+	_: impl Ctx,
+	vector_data: VectorDataTable,
+	#[default(0.1)]
+	#[hard_min(0.0001)]
+	distance: PixelLength,
+	algorithm: MergeByDistanceAlgorithm,
+) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	match algorithm {
+		MergeByDistanceAlgorithm::Spatial => {
+			for mut vector_data_instance in vector_data.instance_iter() {
+				vector_data_instance.instance.merge_by_distance_spatial(vector_data_instance.transform, distance);
+				result_table.push(vector_data_instance);
+			}
+		}
+		MergeByDistanceAlgorithm::Topological => {
+			for mut vector_data_instance in vector_data.instance_iter() {
+				vector_data_instance.instance.merge_by_distance_topological(distance);
+				result_table.push(vector_data_instance);
+			}
+		}
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+async fn box_warp(_: impl Ctx, vector_data: VectorDataTable, #[expose] rectangle: VectorDataTable) -> VectorDataTable {
+	let Some((target, target_transform)) = rectangle.get(0).map(|rect| (rect.instance, rect.transform)) else {
+		return vector_data;
+	};
+
+	let mut result_table = VectorDataTable::default();
+
+	for mut vector_data_instance in vector_data.instance_iter() {
+		let vector_data_transform = vector_data_instance.transform;
+		let vector_data = vector_data_instance.instance;
+
+		// Get the bounding box of the source vector data
+		let source_bbox = vector_data.bounding_box_with_transform(vector_data_transform).unwrap_or([DVec2::ZERO, DVec2::ONE]);
+
+		// Extract first 4 points from target shape to form the quadrilateral
+		// Apply the target's transform to get points in world space
+		let target_points: Vec<DVec2> = target.point_domain.positions().iter().map(|&p| target_transform.transform_point2(p)).take(4).collect();
+
+		// If we have fewer than 4 points, use the corners of the source bounding box
+		// This handles the degenerative case
+		let dst_corners = if target_points.len() >= 4 {
+			[target_points[0], target_points[1], target_points[2], target_points[3]]
+		} else {
+			warn!("Target shape has fewer than 4 points. Using source bounding box instead.");
+			[
+				source_bbox[0],
+				DVec2::new(source_bbox[1].x, source_bbox[0].y),
+				source_bbox[1],
+				DVec2::new(source_bbox[0].x, source_bbox[1].y),
+			]
+		};
+
+		// Apply the warp
+		let mut result = vector_data.clone();
+
+		// Precompute source bounding box size for normalization
+		let source_size = source_bbox[1] - source_bbox[0];
+
+		// Transform points
+		for (_, position) in result.point_domain.positions_mut() {
+			// Get the point in world space
+			let world_pos = vector_data_transform.transform_point2(*position);
+
+			// Normalize coordinates within the source bounding box
+			let t = ((world_pos - source_bbox[0]) / source_size).clamp(DVec2::ZERO, DVec2::ONE);
+
+			// Apply bilinear interpolation
+			*position = bilinear_interpolate(t, &dst_corners);
+		}
+
+		// Transform handles in bezier curves
+		for (_, handles, _, _) in result.handles_mut() {
+			*handles = handles.apply_transformation(|pos| {
+				// Get the handle in world space
+				let world_pos = vector_data_transform.transform_point2(pos);
+
+				// Normalize coordinates within the source bounding box
+				let t = ((world_pos - source_bbox[0]) / source_size).clamp(DVec2::ZERO, DVec2::ONE);
+
+				// Apply bilinear interpolation
+				bilinear_interpolate(t, &dst_corners)
+			});
+		}
+
+		result.style.set_stroke_transform(DAffine2::IDENTITY);
+
+		// Add this to the table and reset the transform since we've applied it directly to the points
+		vector_data_instance.instance = result;
+		vector_data_instance.transform = DAffine2::IDENTITY;
+		vector_data_instance.source_node_id = None;
+		result_table.push(vector_data_instance);
+	}
+
+	result_table
+}
+
+// Interpolate within a quadrilateral using normalized coordinates (0-1)
+fn bilinear_interpolate(t: DVec2, quad: &[DVec2; 4]) -> DVec2 {
+	let tl = quad[0]; // Top-left
+	let tr = quad[1]; // Top-right
+	let br = quad[2]; // Bottom-right
+	let bl = quad[3]; // Bottom-left
+
+	// Bilinear interpolation
+	tl * (1. - t.x) * (1. - t.y) + tr * t.x * (1. - t.y) + br * t.x * t.y + bl * (1. - t.x) * t.y
+}
+
+/// Automatically constructs tangents (Bézier handles) for anchor points in a vector path.
+#[node_macro::node(category("Vector: Modifier"), name("Auto-Tangents"), path(graphene_core::vector))]
+async fn auto_tangents(
+	_: impl Ctx,
+	source: VectorDataTable,
+	/// The amount of spread for the auto-tangents, from 0 (sharp corner) to 1 (full spread).
+	#[default(0.5)]
+	#[range((0., 1.))]
+	spread: f64,
+	/// If active, existing non-zero handles won't be affected.
+	#[default(true)]
+	preserve_existing: bool,
+) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for source in source.instance_ref_iter() {
+		let transform = *source.transform;
+		let alpha_blending = *source.alpha_blending;
+		let source_node_id = *source.source_node_id;
+		let source = source.instance;
+
+		let mut result = VectorData {
+			style: source.style.clone(),
+			..Default::default()
+		};
+
+		for mut subpath in source.stroke_bezier_paths() {
+			subpath.apply_transform(transform);
+
+			let groups = subpath.manipulator_groups();
+			if groups.len() < 2 {
+				// Not enough points for softening or handle removal
+				result.append_subpath(subpath, true);
+				continue;
+			}
+
+			let mut new_groups = Vec::with_capacity(groups.len());
+			let is_closed = subpath.closed();
+
+			for i in 0..groups.len() {
+				let curr = &groups[i];
+
+				if preserve_existing {
+					// Check if this point has handles that are meaningfully different from the anchor
+					let has_handles = (curr.in_handle.is_some() && !curr.in_handle.unwrap().abs_diff_eq(curr.anchor, 1e-5))
+						|| (curr.out_handle.is_some() && !curr.out_handle.unwrap().abs_diff_eq(curr.anchor, 1e-5));
+
+					// If the point already has handles, or if it's an endpoint of an open path, keep it as is.
+					if has_handles || (!is_closed && (i == 0 || i == groups.len() - 1)) {
+						new_groups.push(*curr);
+						continue;
+					}
+				}
+
+				// If spread is 0, remove handles for this point, making it a sharp corner.
+				if spread == 0. {
+					new_groups.push(ManipulatorGroup {
+						anchor: curr.anchor,
+						in_handle: None,
+						out_handle: None,
+						id: curr.id,
+					});
+					continue;
+				}
+
+				// Get previous and next points for auto-tangent calculation
+				let prev_idx = if i == 0 { if is_closed { groups.len() - 1 } else { i } } else { i - 1 };
+				let next_idx = if i == groups.len() - 1 { if is_closed { 0 } else { i } } else { i + 1 };
+
+				let prev = groups[prev_idx].anchor;
+				let curr_pos = curr.anchor;
+				let next = groups[next_idx].anchor;
+
+				// Calculate directions from current point to adjacent points
+				let dir_prev = (prev - curr_pos).normalize_or_zero();
+				let dir_next = (next - curr_pos).normalize_or_zero();
+
+				// Check if we have valid directions (e.g., points are not coincident)
+				if dir_prev.length_squared() < 1e-5 || dir_next.length_squared() < 1e-5 {
+					// Fallback: keep the original manipulator group (which has no active handles here)
+					new_groups.push(*curr);
+					continue;
+				}
+
+				// Calculate handle direction (colinear, pointing along the line from prev to next)
+				// Original logic: (dir_prev - dir_next) is equivalent to (prev - curr) - (next - curr) = prev - next
+				// The handle_dir will be along the line connecting prev and next, or perpendicular if they are coincident.
+				let mut handle_dir = (dir_prev - dir_next).try_normalize().unwrap_or_else(|| dir_prev.perp());
+
+				// Ensure consistent orientation of the handle_dir
+				// This makes the `+ handle_dir` for in_handle and `- handle_dir` for out_handle consistent
+				if dir_prev.dot(handle_dir) < 0. {
+					handle_dir = -handle_dir;
+				}
+
+				// Calculate handle lengths: 1/3 of distance to adjacent points, scaled by spread
+				let in_length = (curr_pos - prev).length() / 3. * spread;
+				let out_length = (next - curr_pos).length() / 3. * spread;
+
+				// Create new manipulator group with calculated auto-tangents
+				new_groups.push(ManipulatorGroup {
+					anchor: curr_pos,
+					in_handle: Some(curr_pos + handle_dir * in_length),
+					out_handle: Some(curr_pos - handle_dir * out_length),
+					id: curr.id,
+				});
+			}
+
+			let mut softened_subpath = Subpath::new(new_groups, is_closed);
+			softened_subpath.apply_transform(transform.inverse());
+			result.append_subpath(softened_subpath, true);
+		}
+
+		result_table.push(Instance {
+			instance: result,
+			transform,
+			alpha_blending,
+			source_node_id,
+		});
+	}
+
+	result_table
+}
+
+// TODO: Fix issues and reenable
+// #[node_macro::node(category("Vector"), path(graphene_core::vector))]
+// async fn subdivide(
+// 	_: impl Ctx,
+// 	source: VectorDataTable,
+// 	#[default(1.)]
+// 	#[hard_min(1.)]
+// 	#[soft_max(8.)]
+// 	subdivisions: f64,
+// ) -> VectorDataTable {
+// 	fn subdivide_once(subpath: &Subpath<PointId>) -> Subpath<PointId> {
+// 		let original_groups = subpath.manipulator_groups();
+// 		let mut new_groups = Vec::new();
+// 		let is_closed = subpath.closed();
+// 		let mut last_in_handle = None;
+
+// 		for i in 0..original_groups.len() {
+// 			let start_idx = i;
+// 			let end_idx = (i + 1) % original_groups.len();
+
+// 			// Skip the last segment for open paths
+// 			if !is_closed && end_idx == 0 {
+// 				break;
+// 			}
+
+// 			let current_bezier = original_groups[start_idx].to_bezier(&original_groups[end_idx]);
+
+// 			// Create modified start point with original ID, but updated in_handle & out_handle
+// 			let mut start_point = original_groups[start_idx];
+// 			let [first, _] = current_bezier.split(TValue::Euclidean(0.5));
+// 			start_point.out_handle = first.handle_start();
+// 			start_point.in_handle = last_in_handle;
+// 			if new_groups.contains(&start_point) {
+// 				debug!("start_point already in");
+// 			} else {
+// 				new_groups.push(start_point);
+// 			}
+
+// 			// Add midpoint
+// 			let [first, second] = current_bezier.split(TValue::Euclidean(0.5));
+
+// 			let new_point = ManipulatorGroup {
+// 				anchor: first.end,
+// 				in_handle: first.handle_end(),
+// 				out_handle: second.handle_start(),
+// 				id: start_point.id.generate_from_hash(u64::MAX),
+// 			};
+// 			if new_groups.contains(&new_point) {
+// 				debug!("new_point already in");
+// 			} else {
+// 				new_groups.push(new_point);
+// 			}
+
+// 			last_in_handle = second.handle_end();
+// 		}
+
+// 		// Handle the final point for open paths
+// 		if !is_closed && !original_groups.is_empty() {
+// 			let mut last_point = *original_groups.last().unwrap();
+// 			last_point.in_handle = last_in_handle;
+// 			if new_groups.contains(&last_point) {
+// 				debug!("last_point already in");
+// 			} else {
+// 				new_groups.push(last_point);
+// 			}
+// 		} else if is_closed && !new_groups.is_empty() {
+// 			// Update the first point's in_handle for closed paths
+// 			new_groups[0].in_handle = last_in_handle;
+// 		}
+
+// 		Subpath::new(new_groups, is_closed)
+// 	}
+
+// 	let mut result_table = VectorDataTable::default();
+
+// 	for source_vector_data in source.instances() {
+// 		let source_transform = *source_vector_data.transform;
+// 		let source_vector_data = source_vector_data.instance;
+
+// 		let subdivisions = subdivisions as usize;
+
+//		let mut result = VectorData {
+//			style: source_vector_data.style.clone(),
+//			..Default::default()
+//		};
+
+// 		for mut subpath in source_vector_data.stroke_bezier_paths() {
+// 			subpath.apply_transform(source_transform);
+
+// 			if subpath.manipulator_groups().len() < 2 {
+// 				// Not enough points to subdivide
+// 				result.append_subpath(subpath, true);
+// 				continue;
+// 			}
+
+// 			// Apply subdivisions recursively
+// 			let mut current_subpath = subpath;
+// 			for _ in 0..subdivisions {
+// 				current_subpath = subdivide_once(&current_subpath);
+// 			}
+
+// 			current_subpath.apply_transform(source_transform.inverse());
+// 			result.append_subpath(current_subpath, true);
+// 		}
+
+// 		let pushed = result_table.push(result);
+// 		*pushed.transform = source_transform;
+// 	}
+
+// 	result_table
+// }
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+async fn bounding_box(_: impl Ctx, vector_data: VectorDataTable) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for mut vector_data_instance in vector_data.instance_iter() {
+		let vector_data = vector_data_instance.instance;
+
+		let mut result = vector_data
+			.bounding_box_rect()
+			.map(|bbox| {
+				let mut vector_data = VectorData::default();
+				vector_data.append_bezpath(bbox.to_path(DEFAULT_ACCURACY));
+				vector_data
+			})
+			.unwrap_or_default();
+
+		result.style = vector_data.style.clone();
+		result.style.set_stroke_transform(DAffine2::IDENTITY);
+
+		vector_data_instance.instance = result;
+		vector_data_instance.source_node_id = None;
+		result_table.push(vector_data_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector: Measure"), path(graphene_core::vector))]
+async fn dimensions(_: impl Ctx, vector_data: VectorDataTable) -> DVec2 {
+	vector_data
+		.instance_ref_iter()
+		.filter_map(|vector_data| vector_data.instance.bounding_box_with_transform(*vector_data.transform))
+		.reduce(|[acc_top_left, acc_bottom_right], [top_left, bottom_right]| [acc_top_left.min(top_left), acc_bottom_right.max(bottom_right)])
+		.map(|[top_left, bottom_right]| bottom_right - top_left)
+		.unwrap_or_default()
+}
+
+/// Converts a coordinate value into a vector anchor point.
+///
+/// This is useful in conjunction with nodes that repeat it, followed by the "Points to Polyline" node to string together a path of the points.
+#[node_macro::node(category("Vector"), name("Coordinate to Point"), path(graphene_core::vector))]
+async fn position_to_point(_: impl Ctx, coordinate: DVec2) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	let mut point_domain = PointDomain::new();
+	point_domain.push(PointId::generate(), coordinate);
+
+	result_table.push(Instance {
+		instance: VectorData { point_domain, ..Default::default() },
+		..Default::default()
+	});
+
+	result_table
+}
+
+/// Creates a polyline from a series of vector points, replacing any existing segments and regions that may already exist.
+#[node_macro::node(category("Vector"), name("Points to Polyline"), path(graphene_core::vector))]
+async fn points_to_polyline(_: impl Ctx, mut points: VectorDataTable, #[default(true)] closed: bool) -> VectorDataTable {
+	for instance in points.instance_mut_iter() {
+		let mut segment_domain = SegmentDomain::new();
+
+		let points_count = instance.instance.point_domain.ids().len();
+
+		if points_count > 2 {
+			(0..points_count - 1).for_each(|i| {
+				segment_domain.push(SegmentId::generate(), i, i + 1, bezier_rs::BezierHandles::Linear, StrokeId::generate());
+			});
+
+			if closed {
+				segment_domain.push(SegmentId::generate(), points_count - 1, 0, bezier_rs::BezierHandles::Linear, StrokeId::generate());
+
+				instance
+					.instance
+					.region_domain
+					.push(RegionId::generate(), segment_domain.ids()[0]..=*segment_domain.ids().last().unwrap(), FillId::generate());
+			}
+		}
+
+		instance.instance.segment_domain = segment_domain;
+	}
+
+	points
+}
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector), properties("offset_path_properties"))]
+async fn offset_path(_: impl Ctx, vector_data: VectorDataTable, distance: f64, join: StrokeJoin, #[default(4.)] miter_limit: f64) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for mut vector_data_instance in vector_data.instance_iter() {
+		let vector_data_transform = vector_data_instance.transform;
+		let vector_data = vector_data_instance.instance;
+
+		let subpaths = vector_data.stroke_bezier_paths();
+		let mut result = VectorData {
+			style: vector_data.style.clone(),
+			..Default::default()
+		};
+		result.style.set_stroke_transform(DAffine2::IDENTITY);
+
+		// Perform operation on all subpaths in this shape.
+		for mut subpath in subpaths {
+			subpath.apply_transform(vector_data_transform);
+
+			// Taking the existing stroke data and passing it to Bezier-rs to generate new paths.
+			let mut subpath_out = offset_subpath(
+				&subpath,
+				-distance,
+				match join {
+					StrokeJoin::Miter => Join::Miter(Some(miter_limit)),
+					StrokeJoin::Bevel => Join::Bevel,
+					StrokeJoin::Round => Join::Round,
+				},
+			);
+
+			subpath_out.apply_transform(vector_data_transform.inverse());
+
+			// One closed subpath, open path.
+			result.append_subpath(subpath_out, false);
+		}
+
+		vector_data_instance.instance = result;
+		vector_data_instance.source_node_id = None;
+		result_table.push(vector_data_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+async fn solidify_stroke(_: impl Ctx, vector_data: VectorDataTable) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for mut vector_data_instance in vector_data.instance_iter() {
+		let vector_data = vector_data_instance.instance;
+
+		let stroke = vector_data.style.stroke().clone().unwrap_or_default();
+		let bezpaths = vector_data.stroke_bezpath_iter();
+		let mut result = VectorData::default();
+
+		// Taking the existing stroke data and passing it to kurbo::stroke to generate new fill paths.
+		let join = match stroke.join {
+			StrokeJoin::Miter => kurbo::Join::Miter,
+			StrokeJoin::Bevel => kurbo::Join::Bevel,
+			StrokeJoin::Round => kurbo::Join::Round,
+		};
+		let cap = match stroke.cap {
+			StrokeCap::Butt => kurbo::Cap::Butt,
+			StrokeCap::Round => kurbo::Cap::Round,
+			StrokeCap::Square => kurbo::Cap::Square,
+		};
+		let dash_offset = stroke.dash_offset;
+		let dash_pattern = stroke.dash_lengths;
+		let miter_limit = stroke.join_miter_limit;
+
+		let stroke_style = kurbo::Stroke::new(stroke.weight)
+			.with_caps(cap)
+			.with_join(join)
+			.with_dashes(dash_offset, dash_pattern)
+			.with_miter_limit(miter_limit);
+
+		let stroke_options = kurbo::StrokeOpts::default();
+
+		// 0.25 is balanced between performace and accuracy of the curve.
+		const STROKE_TOLERANCE: f64 = 0.25;
+
+		for path in bezpaths {
+			let solidified = kurbo::stroke(path, &stroke_style, &stroke_options, STROKE_TOLERANCE);
+			result.append_bezpath(solidified);
+		}
+
+		// We set our fill to our stroke's color, then clear our stroke.
+		if let Some(stroke) = vector_data.style.stroke() {
+			result.style.set_fill(Fill::solid_or_none(stroke.color));
+			result.style.set_stroke(Stroke::default());
+		}
+
+		vector_data_instance.instance = result;
+		vector_data_instance.source_node_id = None;
+		result_table.push(vector_data_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector"), path(graphene_core::vector))]
+async fn flatten_path<I: 'n + Send>(_: impl Ctx, #[implementations(GraphicGroupTable, VectorDataTable)] graphic_group_input: Instances<I>) -> VectorDataTable
+where
+	GraphicElement: From<Instances<I>>,
+{
+	// A node based solution to support passing through vector data could be a network node with a cache node connected to
+	// a Flatten Path connected to an if else node, another connection from the cache directly
+	// To the if else node, and another connection from the cache to a matches type node connected to the if else node.
+	fn flatten_group(graphic_group_table: &GraphicGroupTable, output: &mut InstanceMut<VectorData>) {
+		for (group_index, current_element) in graphic_group_table.instance_ref_iter().enumerate() {
+			match current_element.instance {
+				GraphicElement::VectorData(vector_data_table) => {
+					// Loop through every row of the VectorDataTable and concatenate each instance's subpath into the output VectorData instance.
+					for (vector_index, vector_data_instance) in vector_data_table.instance_ref_iter().enumerate() {
+						let other = vector_data_instance.instance;
+						let transform = *current_element.transform * *vector_data_instance.transform;
+						let node_id = current_element.source_node_id.map(|node_id| node_id.0).unwrap_or_default();
+
+						let mut hasher = DefaultHasher::new();
+						(group_index, vector_index, node_id).hash(&mut hasher);
+						let collision_hash_seed = hasher.finish();
+
+						output.instance.concat(other, transform, collision_hash_seed);
+
+						// Use the last encountered style as the output style
+						output.instance.style = vector_data_instance.instance.style.clone();
+					}
+				}
+				GraphicElement::GraphicGroup(graphic_group) => {
+					let mut graphic_group = graphic_group.clone();
+					for instance in graphic_group.instance_mut_iter() {
+						*instance.transform = *current_element.transform * *instance.transform;
+					}
+
+					flatten_group(&graphic_group, output);
+				}
+				_ => {}
+			}
+		}
+	}
+
+	// Create a table with one instance of an empty VectorData, then get a mutable reference to it which we append flattened subpaths to
+	let mut output_table = VectorDataTable::new(VectorData::default());
+	let Some(mut output) = output_table.instance_mut_iter().next() else {
+		return output_table;
+	};
+
+	// Flatten the graphic group input into the output VectorData instance
+	let base_graphic_group = GraphicGroupTable::new(GraphicElement::from(graphic_group_input));
+	flatten_group(&base_graphic_group, &mut output);
+
+	// Return the single-row VectorDataTable containing the flattened VectorData subpaths
+	output_table
+}
+
+/// Convert vector geometry into a polyline composed of evenly spaced points.
+#[node_macro::node(category(""), path(graphene_core::vector))]
+async fn sample_polyline(
+	_: impl Ctx,
+	vector_data: VectorDataTable,
+	spacing: PointSpacingType,
+	#[unit(" px")] separation: f64,
+	quantity: u32,
+	#[unit(" px")] start_offset: f64,
+	#[unit(" px")] stop_offset: f64,
+	adaptive_spacing: bool,
+	subpath_segment_lengths: Vec<f64>,
+) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for mut vector_data_instance in vector_data.instance_iter() {
+		let mut result = VectorData {
+			point_domain: Default::default(),
+			segment_domain: Default::default(),
+			region_domain: Default::default(),
+			colinear_manipulators: Default::default(),
+			style: std::mem::take(&mut vector_data_instance.instance.style),
+			upstream_graphic_group: std::mem::take(&mut vector_data_instance.instance.upstream_graphic_group),
+		};
+		// Transfer the stroke transform from the input vector data to the result.
+		result.style.set_stroke_transform(vector_data_instance.transform);
+
+		// Using `stroke_bezpath_iter` so that the `subpath_segment_lengths` is aligned to the segments of each bezpath.
+		// So we can index into `subpath_segment_lengths` to get the length of the segments.
+		// NOTE: `subpath_segment_lengths` has precalulated lengths with transformation applied.
+		let bezpaths = vector_data_instance.instance.stroke_bezpath_iter();
+
+		// Keeps track of the index of the first segment of the next bezpath in order to get lengths of all segments.
+		let mut next_segment_index = 0;
+
+		for mut bezpath in bezpaths {
+			// Apply the tranformation to the current bezpath to calculate points after transformation.
+			bezpath.apply_affine(Affine::new(vector_data_instance.transform.to_cols_array()));
+
+			let segment_count = bezpath.segments().count();
+
+			// For the current bezpath we get its segment's length by calculating the start index and end index.
+			let current_bezpath_segments_length = &subpath_segment_lengths[next_segment_index..next_segment_index + segment_count];
+
+			// Increment the segment index by the number of segments in the current bezpath to calculate the next bezpath segment's length.
+			next_segment_index += segment_count;
+
+			let amount = match spacing {
+				PointSpacingType::Separation => separation,
+				PointSpacingType::Quantity => quantity as f64,
+			};
+			let Some(mut sample_bezpath) = sample_polyline_on_bezpath(bezpath, spacing, amount, start_offset, stop_offset, adaptive_spacing, current_bezpath_segments_length) else {
+				continue;
+			};
+
+			// Reverse the transformation applied to the bezpath as the `result` already has the transformation set.
+			sample_bezpath.apply_affine(Affine::new(vector_data_instance.transform.to_cols_array()).inverse());
+
+			// Append the bezpath (subpath) that connects generated points by lines.
+			result.append_bezpath(sample_bezpath);
+		}
+
+		vector_data_instance.instance = result;
+		result_table.push(vector_data_instance);
+	}
+
+	result_table
+}
+
+/// Splits a path at a given progress from 0 to 1 along the path, creating two new subpaths from the original one (if the path is initially open) or one open subpath (if the path is initially closed).
+///
+/// If multiple subpaths make up the path, the whole number part of the progress value selects the subpath and the decimal part determines the position along it.
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+async fn split_path(_: impl Ctx, mut vector_data: VectorDataTable, progress: Fraction, parameterized_distance: bool, reverse: bool) -> VectorDataTable {
+	let euclidian = !parameterized_distance;
+
+	let bezpaths = vector_data
+		.instance_ref_iter()
+		.enumerate()
+		.flat_map(|(instance_row_index, vector_data)| vector_data.instance.stroke_bezpath_iter().map(|bezpath| (instance_row_index, bezpath)).collect::<Vec<_>>())
+		.collect::<Vec<_>>();
+
+	let bezpath_count = bezpaths.len() as f64;
+	let t_value = progress.clamp(0., bezpath_count);
+	let t_value = if reverse { bezpath_count - t_value } else { t_value };
+	let index = if t_value >= bezpath_count { (bezpath_count - 1.) as usize } else { t_value as usize };
+
+	if let Some((instance_row_index, bezpath)) = bezpaths.get(index).cloned() {
+		let mut result_vector_data = VectorData {
+			style: vector_data.get(instance_row_index).unwrap().instance.style.clone(),
+			..Default::default()
+		};
+
+		for (_, (_, bezpath)) in bezpaths.iter().enumerate().filter(|(i, (ri, _))| *i != index && *ri == instance_row_index) {
+			result_vector_data.append_bezpath(bezpath.clone());
+		}
+		let t = if t_value == bezpath_count { 1. } else { t_value.fract() };
+
+		if let Some((first, second)) = split_bezpath(&bezpath, t, euclidian) {
+			result_vector_data.append_bezpath(first);
+			result_vector_data.append_bezpath(second);
+		} else {
+			result_vector_data.append_bezpath(bezpath);
+		}
+
+		*vector_data.get_mut(instance_row_index).unwrap().instance = result_vector_data;
+	}
+
+	vector_data
+}
+
+/// Splits path segments into separate disconnected pieces where each is a distinct subpath.
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+async fn split_segments(_: impl Ctx, mut vector_data: VectorDataTable) -> VectorDataTable {
+	// Iterate through every segment and make a copy of each of its endpoints, then reassign each segment's endpoints to its own unique point copy
+	for vector_data_instance in vector_data.instance_mut_iter() {
+		let points_count = vector_data_instance.instance.point_domain.ids().len();
+		let segments_count = vector_data_instance.instance.segment_domain.ids().len();
+
+		let mut point_usages = vec![0_usize; points_count];
+
+		// Count how many times each point is used as an endpoint of the segments
+		let start_points = vector_data_instance.instance.segment_domain.start_point().iter();
+		let end_points = vector_data_instance.instance.segment_domain.end_point().iter();
+		for (&start, &end) in start_points.zip(end_points) {
+			point_usages[start] += 1;
+			point_usages[end] += 1;
+		}
+
+		let mut new_points = PointDomain::new();
+		let mut offset_sum: usize = 0;
+		let mut points_with_new_offsets = Vec::with_capacity(points_count);
+
+		// Build a new point domain with the original points, but with duplications based on their extra usages by the segments
+		for (index, (point_id, point)) in vector_data_instance.instance.point_domain.iter().enumerate() {
+			// Ensure at least one usage to preserve free-floating points not connected to any segments
+			let usage_count = point_usages[index].max(1);
+
+			new_points.push_unchecked(point_id, point);
+
+			for i in 1..usage_count {
+				new_points.push_unchecked(point_id.generate_from_hash(i as u64), point);
+			}
+
+			points_with_new_offsets.push(offset_sum);
+			offset_sum += usage_count;
+		}
+
+		// Reconcile the segment domain with the new points
+		vector_data_instance.instance.point_domain = new_points;
+		for original_segment_index in 0..segments_count {
+			let original_point_start_index = vector_data_instance.instance.segment_domain.start_point()[original_segment_index];
+			let original_point_end_index = vector_data_instance.instance.segment_domain.end_point()[original_segment_index];
+
+			point_usages[original_point_start_index] -= 1;
+			point_usages[original_point_end_index] -= 1;
+
+			let start_usage = points_with_new_offsets[original_point_start_index] + point_usages[original_point_start_index];
+			let end_usage = points_with_new_offsets[original_point_end_index] + point_usages[original_point_end_index];
+
+			vector_data_instance.instance.segment_domain.set_start_point(original_segment_index, start_usage);
+			vector_data_instance.instance.segment_domain.set_end_point(original_segment_index, end_usage);
+		}
+	}
+
+	vector_data
+}
+
+/// Determines the position of a point on the path, given by its progress from 0 to 1 along the path.
+///
+/// If multiple subpaths make up the path, the whole number part of the progress value selects the subpath and the decimal part determines the position along it.
+#[node_macro::node(name("Position on Path"), category("Vector: Measure"), path(graphene_core::vector))]
+async fn position_on_path(
+	_: impl Ctx,
+	/// The path to traverse.
+	vector_data: VectorDataTable,
+	/// The factor from the start to the end of the path, 0–1 for one subpath, 1–2 for a second subpath, and so on.
+	progress: Fraction,
+	/// Swap the direction of the path.
+	reverse: bool,
+	/// Traverse the path using each segment's Bézier curve parameterization instead of the Euclidean distance. Faster to compute but doesn't respect actual distances.
+	parameterized_distance: bool,
+) -> DVec2 {
+	let euclidian = !parameterized_distance;
+
+	let mut bezpaths = vector_data
+		.instance_iter()
+		.flat_map(|vector_data| {
+			let transform = vector_data.transform;
+			vector_data.instance.stroke_bezpath_iter().map(|bezpath| (bezpath, transform)).collect::<Vec<_>>()
+		})
+		.collect::<Vec<_>>();
+	let bezpath_count = bezpaths.len() as f64;
+	let progress = progress.clamp(0., bezpath_count);
+	let progress = if reverse { bezpath_count - progress } else { progress };
+	let index = if progress >= bezpath_count { (bezpath_count - 1.) as usize } else { progress as usize };
+
+	bezpaths.get_mut(index).map_or(DVec2::ZERO, |(bezpath, transform)| {
+		let t = if progress == bezpath_count { 1. } else { progress.fract() };
+		bezpath.apply_affine(Affine::new(transform.to_cols_array()));
+
+		point_to_dvec2(position_on_bezpath(bezpath, t, euclidian, None))
+	})
+}
+
+/// Determines the angle of the tangent at a point on the path, given by its progress from 0 to 1 along the path.
+///
+/// If multiple subpaths make up the path, the whole number part of the progress value selects the subpath and the decimal part determines the position along it.
+#[node_macro::node(name("Tangent on Path"), category("Vector: Measure"), path(graphene_core::vector))]
+async fn tangent_on_path(
+	_: impl Ctx,
+	/// The path to traverse.
+	vector_data: VectorDataTable,
+	/// The factor from the start to the end of the path, 0–1 for one subpath, 1–2 for a second subpath, and so on.
+	progress: Fraction,
+	/// Swap the direction of the path.
+	reverse: bool,
+	/// Traverse the path using each segment's Bézier curve parameterization instead of the Euclidean distance. Faster to compute but doesn't respect actual distances.
+	parameterized_distance: bool,
+) -> f64 {
+	let euclidian = !parameterized_distance;
+
+	let mut bezpaths = vector_data
+		.instance_iter()
+		.flat_map(|vector_data| {
+			let transform = vector_data.transform;
+			vector_data.instance.stroke_bezpath_iter().map(|bezpath| (bezpath, transform)).collect::<Vec<_>>()
+		})
+		.collect::<Vec<_>>();
+	let bezpath_count = bezpaths.len() as f64;
+	let progress = progress.clamp(0., bezpath_count);
+	let progress = if reverse { bezpath_count - progress } else { progress };
+	let index = if progress >= bezpath_count { (bezpath_count - 1.) as usize } else { progress as usize };
+
+	bezpaths.get_mut(index).map_or(0., |(bezpath, transform)| {
+		let t = if progress == bezpath_count { 1. } else { progress.fract() };
+		bezpath.apply_affine(Affine::new(transform.to_cols_array()));
+
+		let mut tangent = point_to_dvec2(tangent_on_bezpath(bezpath, t, euclidian, None));
+		if tangent == DVec2::ZERO {
+			let t = t + if t > 0.5 { -0.001 } else { 0.001 };
+			tangent = point_to_dvec2(tangent_on_bezpath(bezpath, t, euclidian, None));
+		}
+		if tangent == DVec2::ZERO {
+			return 0.;
+		}
+
+		-tangent.angle_to(if reverse { -DVec2::X } else { DVec2::X })
+	})
+}
+
+#[node_macro::node(category(""), path(graphene_core::vector))]
+async fn poisson_disk_points(
+	_: impl Ctx,
+	vector_data: VectorDataTable,
+	#[unit(" px")]
+	#[default(10.)]
+	#[hard_min(0.01)]
+	separation_disk_diameter: f64,
+	seed: SeedValue,
+) -> VectorDataTable {
+	let mut rng = rand::rngs::StdRng::seed_from_u64(seed.into());
+
+	let mut result_table = VectorDataTable::default();
+
+	for mut vector_data_instance in vector_data.instance_iter() {
+		let mut result = VectorData::default();
+
+		let path_with_bounding_boxes: Vec<_> = vector_data_instance
+			.instance
+			.stroke_bezpath_iter()
+			.map(|mut bezpath| {
+				// TODO: apply transform to points instead of modifying the paths
+				bezpath.close_path();
+				let bbox = bezpath.bounding_box();
+				(bezpath, bbox)
+			})
+			.collect();
+
+		for (i, (subpath, _)) in path_with_bounding_boxes.iter().enumerate() {
+			if subpath.segments().count() < 2 {
+				continue;
+			}
+
+			for point in bezpath_algorithms::poisson_disk_points(i, &path_with_bounding_boxes, separation_disk_diameter, || rng.random::<f64>()) {
+				result.point_domain.push(PointId::generate(), point);
+			}
+		}
+
+		// Transfer the style from the input vector data to the result.
+		result.style = vector_data_instance.instance.style.clone();
+		result.style.set_stroke_transform(DAffine2::IDENTITY);
+
+		vector_data_instance.instance = result;
+
+		result_table.push(vector_data_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category(""), path(graphene_core::vector))]
+async fn subpath_segment_lengths(_: impl Ctx, vector_data: VectorDataTable) -> Vec<f64> {
+	vector_data
+		.instance_iter()
+		.flat_map(|vector_data| {
+			let transform = vector_data.transform;
+			vector_data
+				.instance
+				.stroke_bezpath_iter()
+				.flat_map(|mut bezpath| {
+					bezpath.apply_affine(Affine::new(transform.to_cols_array()));
+					bezpath.segments().map(|segment| segment.perimeter(DEFAULT_ACCURACY)).collect::<Vec<f64>>()
+				})
+				.collect::<Vec<f64>>()
+		})
+		.collect()
+}
+
+#[node_macro::node(name("Spline"), category("Vector: Modifier"), path(graphene_core::vector))]
+async fn spline(_: impl Ctx, vector_data: VectorDataTable) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for mut vector_data_instance in vector_data.instance_iter() {
+		// Exit early if there are no points to generate splines from.
+		if vector_data_instance.instance.point_domain.positions().is_empty() {
+			continue;
+		}
+
+		let mut segment_domain = SegmentDomain::default();
+		for (manipulator_groups, closed) in vector_data_instance.instance.stroke_manipulator_groups() {
+			let positions = manipulator_groups.iter().map(|group| group.anchor).collect::<Vec<_>>();
+			let closed = closed && positions.len() > 2;
+
+			// Compute control point handles for Bezier spline.
+			let first_handles = if closed {
+				solve_spline_first_handle_closed(&positions)
+			} else {
+				solve_spline_first_handle_open(&positions)
+			};
+
+			let stroke_id = StrokeId::ZERO;
+
+			// Create segments with computed Bezier handles and add them to vector data.
+			for i in 0..(positions.len() - if closed { 0 } else { 1 }) {
+				let next_index = (i + 1) % positions.len();
+
+				let start_index = vector_data_instance.instance.point_domain.resolve_id(manipulator_groups[i].id).unwrap();
+				let end_index = vector_data_instance.instance.point_domain.resolve_id(manipulator_groups[next_index].id).unwrap();
+
+				let handle_start = first_handles[i];
+				let handle_end = positions[next_index] * 2. - first_handles[next_index];
+				let handles = bezier_rs::BezierHandles::Cubic { handle_start, handle_end };
+
+				segment_domain.push(SegmentId::generate(), start_index, end_index, handles, stroke_id);
+			}
+		}
+
+		vector_data_instance.instance.segment_domain = segment_domain;
+		result_table.push(vector_data_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+async fn jitter_points(
+	_: impl Ctx,
+	vector_data: VectorDataTable,
+	#[unit(" px")]
+	#[default(5.)]
+	amount: f64,
+	seed: SeedValue,
+) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for mut vector_data_instance in vector_data.instance_iter() {
+		let mut rng = rand::rngs::StdRng::seed_from_u64(seed.into());
+
+		let vector_data_transform = vector_data_instance.transform;
+		let inverse_transform = (vector_data_transform.matrix2.determinant() != 0.).then(|| vector_data_transform.inverse()).unwrap_or_default();
+
+		let deltas = (0..vector_data_instance.instance.point_domain.positions().len())
+			.map(|_| {
+				let angle = rng.random::<f64>() * TAU;
+
+				inverse_transform.transform_vector2(DVec2::from_angle(angle) * rng.random::<f64>() * amount)
+			})
+			.collect::<Vec<_>>();
+		let mut already_applied = vec![false; vector_data_instance.instance.point_domain.positions().len()];
+
+		for (handles, start, end) in vector_data_instance.instance.segment_domain.handles_and_points_mut() {
+			let start_delta = deltas[*start];
+			let end_delta = deltas[*end];
+
+			if !already_applied[*start] {
+				let start_position = vector_data_instance.instance.point_domain.positions()[*start];
+				vector_data_instance.instance.point_domain.set_position(*start, start_position + start_delta);
+				already_applied[*start] = true;
+			}
+			if !already_applied[*end] {
+				let end_position = vector_data_instance.instance.point_domain.positions()[*end];
+				vector_data_instance.instance.point_domain.set_position(*end, end_position + end_delta);
+				already_applied[*end] = true;
+			}
+
+			match handles {
+				bezier_rs::BezierHandles::Cubic { handle_start, handle_end } => {
+					*handle_start += start_delta;
+					*handle_end += end_delta;
+				}
+				bezier_rs::BezierHandles::Quadratic { handle } => {
+					*handle = vector_data_instance.transform.transform_point2(*handle) + (start_delta + end_delta) / 2.;
+				}
+				bezier_rs::BezierHandles::Linear => {}
+			}
+		}
+
+		vector_data_instance.instance.style.set_stroke_transform(DAffine2::IDENTITY);
+		result_table.push(vector_data_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+async fn morph(_: impl Ctx, source: VectorDataTable, #[expose] target: VectorDataTable, #[default(0.5)] time: Fraction) -> VectorDataTable {
+	/// Subdivides the last segment of the bezpath to until it appends 'count' number of segments.
+	fn make_new_segments(bezpath: &mut BezPath, count: usize) {
+		let bezpath_segment_count = bezpath.segments().count();
+
+		if count == 0 || bezpath_segment_count == 0 {
+			return;
+		}
+
+		// Initially push the last segment of the bezpath
+		let mut new_segments = vec![bezpath.get_seg(bezpath_segment_count).unwrap()];
+
+		// Generate new segments by subdividing last segment
+		for _ in 0..count {
+			let last = new_segments.pop().unwrap();
+			let (first, second) = last.subdivide();
+			new_segments.push(first);
+			new_segments.push(second);
+		}
+
+		// Append the new segments.
+		if count != 0 {
+			// Remove the last segment as it is already appended to the new_segments.
+			let mut is_closed = false;
+			if let Some(last_element) = bezpath.pop() {
+				if last_element == PathEl::ClosePath {
+					is_closed = true;
+					_ = bezpath.pop();
+				}
+			}
+
+			for segment in new_segments {
+				if bezpath.elements().is_empty() {
+					bezpath.move_to(segment.start())
+				}
+				bezpath.push(segment.as_path_el());
+			}
+
+			if is_closed {
+				bezpath.close_path();
+			}
+		}
+	}
+
+	let time = time.clamp(0., 1.);
+
+	let mut result_table = VectorDataTable::default();
+
+	for (source_instance, target_instance) in source.instance_iter().zip(target.instance_iter()) {
+		let mut vector_data_instance = VectorData::default();
+
+		// Lerp styles
+		let vector_data_alpha_blending = source_instance.alpha_blending.lerp(&target_instance.alpha_blending, time as f32);
+		vector_data_instance.style = source_instance.instance.style.lerp(&target_instance.instance.style, time);
+
+		// Before and after transforms
+		let source_transform = source_instance.transform;
+		let target_transform = target_instance.transform;
+
+		// Before and after paths
+		let source_bezpaths = source_instance.instance.stroke_bezpath_iter();
+		let target_bezpaths = target_instance.instance.stroke_bezpath_iter();
+
+		for (mut source_bezpath, mut target_bezpath) in source_bezpaths.zip(target_bezpaths) {
+			if source_bezpath.elements().is_empty() || target_bezpath.elements().is_empty() {
+				continue;
+			}
+
+			source_bezpath.apply_affine(Affine::new(source_transform.to_cols_array()));
+			target_bezpath.apply_affine(Affine::new(target_transform.to_cols_array()));
+
+			let target_segment_len = target_bezpath.segments().count();
+			let source_segment_len = source_bezpath.segments().count();
+
+			// Insert new segments to align the number of segments in sorce_bezpath and target_bezpath.
+			make_new_segments(&mut source_bezpath, target_segment_len.max(source_segment_len) - source_segment_len);
+			make_new_segments(&mut target_bezpath, source_segment_len.max(target_segment_len) - target_segment_len);
+
+			let source_segments = source_bezpath.segments().collect::<Vec<PathSeg>>();
+			let target_segments = target_bezpath.segments().collect::<Vec<PathSeg>>();
+
+			// Interpolate anchors and handles
+			for (i, (source_element, target_element)) in source_bezpath.elements_mut().iter_mut().zip(target_bezpath.elements_mut().iter_mut()).enumerate() {
+				match source_element {
+					PathEl::MoveTo(point) => *point = point.lerp(target_element.end_point().unwrap(), time),
+					PathEl::ClosePath => {}
+					elm => {
+						let mut source_segment = source_segments.get(i - 1).unwrap().to_cubic();
+						let target_segment = target_segments.get(i - 1).unwrap().to_cubic();
+						source_segment.p0 = source_segment.p0.lerp(target_segment.p0, time);
+						source_segment.p1 = source_segment.p1.lerp(target_segment.p1, time);
+						source_segment.p2 = source_segment.p2.lerp(target_segment.p2, time);
+						source_segment.p3 = source_segment.p3.lerp(target_segment.p3, time);
+						*elm = PathSeg::Cubic(source_segment).as_path_el();
+					}
+				}
+			}
+
+			vector_data_instance.append_bezpath(source_bezpath.clone());
+		}
+
+		// Deal with unmatched extra paths by collapsing them
+		let source_paths_count = source_instance.instance.stroke_bezpath_iter().count();
+		let target_paths_count = target_instance.instance.stroke_bezpath_iter().count();
+		let source_paths = source_instance.instance.stroke_bezpath_iter().skip(target_paths_count);
+		let target_paths = target_instance.instance.stroke_bezpath_iter().skip(source_paths_count);
+
+		for mut source_path in source_paths {
+			source_path.apply_affine(Affine::new(source_transform.to_cols_array()));
+
+			// Skip if the path has no segments else get the point at the end of the path.
+			let Some(end) = source_path.segments().last().and_then(|element| Some(element.end())) else {
+				continue;
+			};
+
+			for element in source_path.elements_mut() {
+				match element {
+					PathEl::MoveTo(point) => *point = point.lerp(end, time),
+					PathEl::LineTo(point) => *point = point.lerp(end, time),
+					PathEl::QuadTo(point, point1) => {
+						*point = point.lerp(end, time);
+						*point1 = point1.lerp(end, time);
+					}
+					PathEl::CurveTo(point, point1, point2) => {
+						*point = point.lerp(end, time);
+						*point1 = point1.lerp(end, time);
+						*point2 = point2.lerp(end, time);
+					}
+					PathEl::ClosePath => {}
+				}
+			}
+			vector_data_instance.append_bezpath(source_path);
+		}
+
+		for mut target_path in target_paths {
+			target_path.apply_affine(Affine::new(source_transform.to_cols_array()));
+
+			// Skip if the path has no segments else get the point at the start of the path.
+			let Some(start) = target_path.segments().next().and_then(|element| Some(element.start())) else {
+				continue;
+			};
+
+			for element in target_path.elements_mut() {
+				match element {
+					PathEl::MoveTo(point) => *point = start.lerp(*point, time),
+					PathEl::LineTo(point) => *point = start.lerp(*point, time),
+					PathEl::QuadTo(point, point1) => {
+						*point = start.lerp(*point, time);
+						*point1 = start.lerp(*point1, time);
+					}
+					PathEl::CurveTo(point, point1, point2) => {
+						*point = start.lerp(*point, time);
+						*point1 = start.lerp(*point1, time);
+						*point2 = start.lerp(*point2, time);
+					}
+					PathEl::ClosePath => {}
+				}
+			}
+			vector_data_instance.append_bezpath(target_path);
+		}
+
+		result_table.push(Instance {
+			instance: vector_data_instance,
+			alpha_blending: vector_data_alpha_blending,
+			..Default::default()
+		});
+	}
+
+	result_table
+}
+
+fn bevel_algorithm(mut vector_data: VectorData, vector_data_transform: DAffine2, distance: f64) -> VectorData {
+	// Splits a bézier curve based on a distance measurement
+	fn split_distance(bezier: bezier_rs::Bezier, distance: f64, length: f64) -> bezier_rs::Bezier {
+		const EUCLIDEAN_ERROR: f64 = 0.001;
+		let parametric = bezier.euclidean_to_parametric_with_total_length((distance / length).clamp(0., 1.), EUCLIDEAN_ERROR, length);
+		bezier.split(bezier_rs::TValue::Parametric(parametric))[1]
+	}
+
+	/// Produces a list that corresponds with the point ID. The value is how many segments are connected.
+	fn segments_connected_count(vector_data: &VectorData) -> Vec<usize> {
+		// Count the number of segments connecting to each point.
+		let mut segments_connected_count = vec![0; vector_data.point_domain.ids().len()];
+		for &point_index in vector_data.segment_domain.start_point().iter().chain(vector_data.segment_domain.end_point()) {
+			segments_connected_count[point_index] += 1;
+		}
+
+		// Zero out points without exactly two connectors. These are ignored
+		for count in &mut segments_connected_count {
+			if *count != 2 {
+				*count = 0;
+			}
+		}
+		segments_connected_count
+	}
+
+	/// Updates the index so that it points at a point with the position. If nobody else will look at the index, the original point is updated. Otherwise a new point is created.
+	fn create_or_modify_point(point_domain: &mut PointDomain, segments_connected_count: &mut [usize], pos: DVec2, index: &mut usize, next_id: &mut PointId, new_segments: &mut Vec<[usize; 2]>) {
+		segments_connected_count[*index] -= 1;
+		if segments_connected_count[*index] == 0 {
+			// If nobody else is going to look at this point, we're alright to modify it
+			point_domain.set_position(*index, pos);
+		} else {
+			let new_index = point_domain.ids().len();
+			let original_index = *index;
+
+			// Create a new point (since someone will wish to look at the point in the original position in future)
+			*index = new_index;
+			point_domain.push(next_id.next_id(), pos);
+
+			// Add a new segment to be created later
+			new_segments.push([new_index, original_index]);
+		}
+	}
+
+	fn update_existing_segments(vector_data: &mut VectorData, vector_data_transform: DAffine2, distance: f64, segments_connected: &mut [usize]) -> Vec<[usize; 2]> {
+		let mut next_id = vector_data.point_domain.next_id();
+		let mut new_segments = Vec::new();
+
+		for (handles, start_point_index, end_point_index) in vector_data.segment_domain.handles_and_points_mut() {
+			// Convert the original segment to a bezier
+			let mut bezier = bezier_rs::Bezier {
+				start: vector_data.point_domain.positions()[*start_point_index],
+				end: vector_data.point_domain.positions()[*end_point_index],
+				handles: *handles,
+			};
+
+			if bezier.is_linear() {
+				bezier.handles = bezier_rs::BezierHandles::Linear;
+			}
+			bezier = bezier.apply_transformation(|p| vector_data_transform.transform_point2(p));
+			let inverse_transform = (vector_data_transform.matrix2.determinant() != 0.).then(|| vector_data_transform.inverse()).unwrap_or_default();
+
+			let original_length = bezier.length(None);
+			let mut length = original_length;
+
+			// Only split if the length is big enough to make it worthwhile
+			let valid_length = length > 1e-10;
+			if segments_connected[*start_point_index] > 0 && valid_length {
+				// Apply the bevel to the start
+				let distance = distance.min(original_length / 2.);
+				bezier = split_distance(bezier, distance, length);
+				length = (length - distance).max(0.);
+				// Update the start position
+				let pos = inverse_transform.transform_point2(bezier.start);
+				create_or_modify_point(&mut vector_data.point_domain, segments_connected, pos, start_point_index, &mut next_id, &mut new_segments);
+			}
+
+			// Only split if the length is big enough to make it worthwhile
+			let valid_length = length > 1e-10;
+			if segments_connected[*end_point_index] > 0 && valid_length {
+				// Apply the bevel to the end
+				let distance = distance.min(original_length / 2.);
+				bezier = split_distance(bezier.reversed(), distance, length).reversed();
+				// Update the end position
+				let pos = inverse_transform.transform_point2(bezier.end);
+				create_or_modify_point(&mut vector_data.point_domain, segments_connected, pos, end_point_index, &mut next_id, &mut new_segments);
+			}
+			// Update the handles
+			*handles = bezier.handles.apply_transformation(|p| inverse_transform.transform_point2(p));
+		}
+		new_segments
+	}
+
+	fn insert_new_segments(vector_data: &mut VectorData, new_segments: &[[usize; 2]]) {
+		let mut next_id = vector_data.segment_domain.next_id();
+		for &[start, end] in new_segments {
+			vector_data.segment_domain.push(next_id.next_id(), start, end, bezier_rs::BezierHandles::Linear, StrokeId::ZERO);
+		}
+	}
+
+	let mut segments_connected = segments_connected_count(&vector_data);
+	let new_segments = update_existing_segments(&mut vector_data, vector_data_transform, distance, &mut segments_connected);
+	insert_new_segments(&mut vector_data, &new_segments);
+
+	vector_data
+}
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+fn bevel(_: impl Ctx, source: VectorDataTable, #[default(10.)] distance: Length) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for source_instance in source.instance_iter() {
+		result_table.push(Instance {
+			instance: bevel_algorithm(source_instance.instance, source_instance.transform, distance),
+			..Default::default()
+		});
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector: Modifier"), path(graphene_core::vector))]
+fn close_path(_: impl Ctx, source: VectorDataTable) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for mut source_instance in source.instance_iter() {
+		source_instance.instance.close_subpaths();
+		result_table.push(source_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Vector: Measure"), path(graphene_core::vector))]
+fn point_inside(_: impl Ctx, source: VectorDataTable, point: DVec2) -> bool {
+	source.instance_iter().any(|instance| instance.instance.check_point_inside_shape(instance.transform, point))
+}
+
+#[node_macro::node(category("General"), path(graphene_core::vector))]
+async fn count_elements<I>(_: impl Ctx, #[implementations(GraphicGroupTable, VectorDataTable, RasterDataTable<CPU>, RasterDataTable<GPU>)] source: Instances<I>) -> u64 {
+	source.instance_iter().count() as u64
+}
+
+#[node_macro::node(category("Vector: Measure"), path(graphene_core::vector))]
+async fn path_length(_: impl Ctx, source: VectorDataTable) -> f64 {
+	source
+		.instance_iter()
+		.map(|vector_data_instance| {
+			let transform = vector_data_instance.transform;
+			vector_data_instance
+				.instance
+				.stroke_bezpath_iter()
+				.map(|mut bezpath| {
+					bezpath.apply_affine(Affine::new(transform.to_cols_array()));
+					bezpath.perimeter(DEFAULT_ACCURACY)
+				})
+				.sum::<f64>()
+		})
+		.sum()
+}
+
+#[node_macro::node(category("Vector: Measure"), path(graphene_core::vector))]
+async fn area(ctx: impl Ctx + CloneVarArgs + ExtractAll, vector_data: impl Node<Context<'static>, Output = VectorDataTable>) -> f64 {
+	let new_ctx = OwnedContextImpl::from(ctx).with_footprint(Footprint::default()).into_context();
+	let vector_data = vector_data.eval(new_ctx).await;
+
+	vector_data
+		.instance_ref_iter()
+		.map(|vector_data_instance| {
+			let scale = vector_data_instance.transform.decompose_scale();
+			vector_data_instance.instance.stroke_bezier_paths().map(|subpath| subpath.area(Some(1e-3), Some(1e-3))).sum::<f64>() * scale.x * scale.y
+		})
+		.sum()
+}
+
+#[node_macro::node(category("Vector: Measure"), path(graphene_core::vector))]
+async fn centroid(ctx: impl Ctx + CloneVarArgs + ExtractAll, vector_data: impl Node<Context<'static>, Output = VectorDataTable>, centroid_type: CentroidType) -> DVec2 {
+	let new_ctx = OwnedContextImpl::from(ctx).with_footprint(Footprint::default()).into_context();
+	let vector_data = vector_data.eval(new_ctx).await;
+
+	if vector_data.is_empty() {
+		return DVec2::ZERO;
+	}
+
+	// All subpath centroid positions added together as if they were vectors from the origin.
+	let mut centroid = DVec2::ZERO;
+	// Cumulative area or length of all subpaths
+	let mut sum = 0.;
+
+	for vector_data_instance in vector_data.instance_ref_iter() {
+		for subpath in vector_data_instance.instance.stroke_bezier_paths() {
+			let partial = match centroid_type {
+				CentroidType::Area => subpath.area_centroid_and_area(Some(1e-3), Some(1e-3)).filter(|(_, area)| *area > 0.),
+				CentroidType::Length => subpath.length_centroid_and_length(None, true),
+			};
+			if let Some((subpath_centroid, area_or_length)) = partial {
+				let subpath_centroid = vector_data_instance.transform.transform_point2(subpath_centroid);
+
+				sum += area_or_length;
+				centroid += area_or_length * subpath_centroid;
+			}
+		}
+	}
+
+	if sum > 0. {
+		centroid / sum
+	}
+	// Without a summed denominator, return the average of all positions instead
+	else {
+		let mut count: usize = 0;
+
+		let summed_positions = vector_data
+			.instance_ref_iter()
+			.flat_map(|vector_data_instance| {
+				vector_data_instance
+					.instance
+					.point_domain
+					.positions()
+					.iter()
+					.map(|&p| vector_data_instance.transform.transform_point2(p))
+			})
+			.inspect(|_| count += 1)
+			.sum::<DVec2>();
+
+		if count != 0 { summed_positions / (count as f64) } else { DVec2::ZERO }
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use crate::Node;
+	use bezier_rs::Bezier;
+	use kurbo::Rect;
+	use std::pin::Pin;
+
+	#[derive(Clone)]
+	pub struct FutureWrapperNode<T: Clone>(T);
+
+	impl<'i, T: 'i + Clone + Send> Node<'i, Footprint> for FutureWrapperNode<T> {
+		type Output = Pin<Box<dyn Future<Output = T> + 'i + Send>>;
+		fn eval(&'i self, _input: Footprint) -> Self::Output {
+			let value = self.0.clone();
+			Box::pin(async move { value })
+		}
+	}
+
+	fn vector_node(data: Subpath<PointId>) -> VectorDataTable {
+		VectorDataTable::new(VectorData::from_subpath(data))
+	}
+
+	fn create_vector_data_instance(bezpath: BezPath, transform: DAffine2) -> Instance<VectorData> {
+		let mut instance = VectorData::default();
+		instance.append_bezpath(bezpath);
+		Instance {
+			instance,
+			transform,
+			..Default::default()
+		}
+	}
+
+	fn vector_node_from_instances(data: Vec<Instance<VectorData>>) -> VectorDataTable {
+		let mut vector_data_table = VectorDataTable::default();
+		for instance in data {
+			vector_data_table.push(instance);
+		}
+		vector_data_table
+	}
+
+	#[tokio::test]
+	async fn repeat() {
+		let direction = DVec2::X * 1.5;
+		let instances = 3;
+		let repeated = super::repeat(Footprint::default(), vector_node(Subpath::new_rect(DVec2::ZERO, DVec2::ONE)), direction, 0., instances).await;
+		let vector_data = super::flatten_path(Footprint::default(), repeated).await;
+		let vector_data = vector_data.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(vector_data.region_bezier_paths().count(), 3);
+		for (index, (_, subpath)) in vector_data.region_bezier_paths().enumerate() {
+			assert!((subpath.manipulator_groups()[0].anchor - direction * index as f64 / (instances - 1) as f64).length() < 1e-5);
+		}
+	}
+	#[tokio::test]
+	async fn repeat_transform_position() {
+		let direction = DVec2::new(12., 10.);
+		let instances = 8;
+		let repeated = super::repeat(Footprint::default(), vector_node(Subpath::new_rect(DVec2::ZERO, DVec2::ONE)), direction, 0., instances).await;
+		let vector_data = super::flatten_path(Footprint::default(), repeated).await;
+		let vector_data = vector_data.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(vector_data.region_bezier_paths().count(), 8);
+		for (index, (_, subpath)) in vector_data.region_bezier_paths().enumerate() {
+			assert!((subpath.manipulator_groups()[0].anchor - direction * index as f64 / (instances - 1) as f64).length() < 1e-5);
+		}
+	}
+	#[tokio::test]
+	async fn circular_repeat() {
+		let repeated = super::circular_repeat(Footprint::default(), vector_node(Subpath::new_rect(DVec2::NEG_ONE, DVec2::ONE)), 45., 4., 8).await;
+		let vector_data = super::flatten_path(Footprint::default(), repeated).await;
+		let vector_data = vector_data.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(vector_data.region_bezier_paths().count(), 8);
+
+		for (index, (_, subpath)) in vector_data.region_bezier_paths().enumerate() {
+			let expected_angle = (index as f64 + 1.) * 45.;
+
+			let center = (subpath.manipulator_groups()[0].anchor + subpath.manipulator_groups()[2].anchor) / 2.;
+			let actual_angle = DVec2::Y.angle_to(center).to_degrees();
+
+			assert!((actual_angle - expected_angle).abs() % 360. < 1e-5, "Expected {expected_angle} found {actual_angle}");
+		}
+	}
+	#[tokio::test]
+	async fn bounding_box() {
+		let bounding_box = super::bounding_box((), vector_node(Subpath::new_rect(DVec2::NEG_ONE, DVec2::ONE))).await;
+		let bounding_box = bounding_box.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(bounding_box.region_bezier_paths().count(), 1);
+		let subpath = bounding_box.region_bezier_paths().next().unwrap().1;
+		assert_eq!(&subpath.anchors()[..4], &[DVec2::NEG_ONE, DVec2::new(1., -1.), DVec2::ONE, DVec2::new(-1., 1.),]);
+
+		// Test a VectorData with non-zero rotation
+		let square = VectorData::from_subpath(Subpath::new_rect(DVec2::NEG_ONE, DVec2::ONE));
+		let mut square = VectorDataTable::new(square);
+		*square.get_mut(0).unwrap().transform *= DAffine2::from_angle(std::f64::consts::FRAC_PI_4);
+		let bounding_box = BoundingBoxNode {
+			vector_data: FutureWrapperNode(square),
+		}
+		.eval(Footprint::default())
+		.await;
+		let bounding_box = bounding_box.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(bounding_box.region_bezier_paths().count(), 1);
+		let subpath = bounding_box.region_bezier_paths().next().unwrap().1;
+		let expected_bounding_box = [DVec2::NEG_ONE, DVec2::new(1., -1.), DVec2::ONE, DVec2::new(-1., 1.)];
+		for i in 0..4 {
+			assert_eq!(subpath.anchors()[i], expected_bounding_box[i]);
+		}
+	}
+	#[tokio::test]
+	async fn copy_to_points() {
+		let points = Subpath::new_rect(DVec2::NEG_ONE * 10., DVec2::ONE * 10.);
+		let instance = Subpath::new_rect(DVec2::NEG_ONE, DVec2::ONE);
+
+		let expected_points = VectorData::from_subpath(points.clone()).point_domain.positions().to_vec();
+
+		let copy_to_points = super::copy_to_points(Footprint::default(), vector_node(points), vector_node(instance), 1., 1., 0., 0, 0., 0).await;
+		let flatten_path = super::flatten_path(Footprint::default(), copy_to_points).await;
+		let flattened_copy_to_points = flatten_path.instance_ref_iter().next().unwrap().instance;
+
+		assert_eq!(flattened_copy_to_points.region_bezier_paths().count(), expected_points.len());
+
+		for (index, (_, subpath)) in flattened_copy_to_points.region_bezier_paths().enumerate() {
+			let offset = expected_points[index];
+			assert_eq!(
+				&subpath.anchors(),
+				&[offset + DVec2::NEG_ONE, offset + DVec2::new(1., -1.), offset + DVec2::ONE, offset + DVec2::new(-1., 1.),]
+			);
+		}
+	}
+	#[tokio::test]
+	async fn sample_polyline() {
+		let path = Subpath::from_bezier(&Bezier::from_cubic_dvec2(DVec2::ZERO, DVec2::ZERO, DVec2::X * 100., DVec2::X * 100.));
+		let sample_polyline = super::sample_polyline(Footprint::default(), vector_node(path), PointSpacingType::Separation, 30., 0, 0., 0., false, vec![100.]).await;
+		let sample_polyline = sample_polyline.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(sample_polyline.point_domain.positions().len(), 4);
+		for (pos, expected) in sample_polyline.point_domain.positions().iter().zip([DVec2::X * 0., DVec2::X * 30., DVec2::X * 60., DVec2::X * 90.]) {
+			assert!(pos.distance(expected) < 1e-3, "Expected {expected} found {pos}");
+		}
+	}
+	#[tokio::test]
+	async fn sample_polyline_adaptive_spacing() {
+		let path = Subpath::from_bezier(&Bezier::from_cubic_dvec2(DVec2::ZERO, DVec2::ZERO, DVec2::X * 100., DVec2::X * 100.));
+		let sample_polyline = super::sample_polyline(Footprint::default(), vector_node(path), PointSpacingType::Separation, 18., 0, 45., 10., true, vec![100.]).await;
+		let sample_polyline = sample_polyline.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(sample_polyline.point_domain.positions().len(), 4);
+		for (pos, expected) in sample_polyline.point_domain.positions().iter().zip([DVec2::X * 45., DVec2::X * 60., DVec2::X * 75., DVec2::X * 90.]) {
+			assert!(pos.distance(expected) < 1e-3, "Expected {expected} found {pos}");
+		}
+	}
+	#[tokio::test]
+	async fn poisson() {
+		let poisson_points = super::poisson_disk_points(
+			Footprint::default(),
+			vector_node(Subpath::new_ellipse(DVec2::NEG_ONE * 50., DVec2::ONE * 50.)),
+			10. * std::f64::consts::SQRT_2,
+			0,
+		)
+		.await;
+		let poisson_points = poisson_points.instance_ref_iter().next().unwrap().instance;
+		assert!(
+			(20..=40).contains(&poisson_points.point_domain.positions().len()),
+			"actual len {}",
+			poisson_points.point_domain.positions().len()
+		);
+		for point in poisson_points.point_domain.positions() {
+			assert!(point.length() < 50. + 1., "Expected point in circle {point}")
+		}
+	}
+	#[tokio::test]
+	async fn segment_lengths() {
+		let subpath = Subpath::from_bezier(&Bezier::from_cubic_dvec2(DVec2::ZERO, DVec2::ZERO, DVec2::X * 100., DVec2::X * 100.));
+		let lengths = subpath_segment_lengths(Footprint::default(), vector_node(subpath)).await;
+		assert_eq!(lengths, vec![100.]);
+	}
+	#[tokio::test]
+	async fn path_length() {
+		let bezpath = Rect::new(100., 100., 201., 201.).to_path(DEFAULT_ACCURACY);
+		let transform = DAffine2::from_scale(DVec2::new(2., 2.));
+		let instance = create_vector_data_instance(bezpath, transform);
+		let instances = (0..5).map(|_| instance.clone()).collect::<Vec<Instance<VectorData>>>();
+
+		let length = super::path_length(Footprint::default(), vector_node_from_instances(instances)).await;
+
+		// 101 (each rectangle edge length) * 4 (rectangle perimeter) * 2 (scale) * 5 (number of rows)
+		assert_eq!(length, 101. * 4. * 2. * 5.);
+	}
+	#[tokio::test]
+	async fn spline() {
+		let spline = super::spline(Footprint::default(), vector_node(Subpath::new_rect(DVec2::ZERO, DVec2::ONE * 100.))).await;
+		let spline = spline.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(spline.stroke_bezier_paths().count(), 1);
+		assert_eq!(spline.point_domain.positions(), &[DVec2::ZERO, DVec2::new(100., 0.), DVec2::new(100., 100.), DVec2::new(0., 100.)]);
+	}
+	#[tokio::test]
+	async fn morph() {
+		let source = Subpath::new_rect(DVec2::ZERO, DVec2::ONE * 100.);
+		let target = Subpath::new_ellipse(DVec2::NEG_ONE * 100., DVec2::ZERO);
+		let morphed = super::morph(Footprint::default(), vector_node(source), vector_node(target), 0.5).await;
+		let morphed = morphed.instance_ref_iter().next().unwrap().instance;
+		assert_eq!(
+			&morphed.point_domain.positions()[..4],
+			vec![DVec2::new(-25., -50.), DVec2::new(50., -25.), DVec2::new(25., 50.), DVec2::new(-50., 25.)]
+		);
+	}
+
+	#[track_caller]
+	fn contains_segment(vector: VectorData, target: Bezier) {
+		let segments = vector.segment_bezier_iter().map(|x| x.1);
+		let count = segments.filter(|bezier| bezier.abs_diff_eq(&target, 0.01) || bezier.reversed().abs_diff_eq(&target, 0.01)).count();
+		assert_eq!(
+			count,
+			1,
+			"Expected exactly one matching segment for {target:?}, but found {count}. The given segments are: {:#?}",
+			vector.segment_bezier_iter().collect::<Vec<_>>()
+		);
+	}
+
+	#[tokio::test]
+	async fn bevel_rect() {
+		let source = Subpath::new_rect(DVec2::ZERO, DVec2::ONE * 100.);
+		let beveled = super::bevel(Footprint::default(), vector_node(source), 5.);
+		let beveled = beveled.instance_ref_iter().next().unwrap().instance;
+
+		assert_eq!(beveled.point_domain.positions().len(), 8);
+		assert_eq!(beveled.segment_domain.ids().len(), 8);
+
+		// Segments
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(5., 0.), DVec2::new(95., 0.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(5., 100.), DVec2::new(95., 100.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(0., 5.), DVec2::new(0., 95.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(100., 5.), DVec2::new(100., 95.)));
+
+		// Joins
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(5., 0.), DVec2::new(0., 5.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(95., 0.), DVec2::new(100., 5.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(100., 95.), DVec2::new(95., 100.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(5., 100.), DVec2::new(0., 95.)));
+	}
+
+	#[tokio::test]
+	async fn bevel_open_curve() {
+		let curve = Bezier::from_cubic_dvec2(DVec2::ZERO, DVec2::new(10., 0.), DVec2::new(10., 100.), DVec2::X * 100.);
+		let source = Subpath::from_beziers(&[Bezier::from_linear_dvec2(DVec2::X * -100., DVec2::ZERO), curve], false);
+		let beveled = super::bevel((), vector_node(source), 5.);
+		let beveled = beveled.instance_ref_iter().next().unwrap().instance;
+
+		assert_eq!(beveled.point_domain.positions().len(), 4);
+		assert_eq!(beveled.segment_domain.ids().len(), 3);
+
+		// Segments
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(-5., 0.), DVec2::new(-100., 0.)));
+		let trimmed = curve.trim(bezier_rs::TValue::Euclidean(5. / curve.length(Some(0.00001))), bezier_rs::TValue::Parametric(1.));
+		contains_segment(beveled.clone(), trimmed);
+
+		// Join
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(-5., 0.), trimmed.start));
+	}
+
+	#[tokio::test]
+	async fn bevel_with_transform() {
+		let curve = Bezier::from_cubic_dvec2(DVec2::new(0., 0.), DVec2::new(1., 0.), DVec2::new(1., 10.), DVec2::new(10., 0.));
+		let source = Subpath::<PointId>::from_beziers(&[Bezier::from_linear_dvec2(DVec2::new(-10., 0.), DVec2::ZERO), curve], false);
+		let vector_data = VectorData::from_subpath(source);
+		let mut vector_data_table = VectorDataTable::new(vector_data.clone());
+
+		*vector_data_table.get_mut(0).unwrap().transform = DAffine2::from_scale_angle_translation(DVec2::splat(10.), 1., DVec2::new(99., 77.));
+
+		let beveled = super::bevel((), VectorDataTable::new(vector_data), 5.);
+		let beveled = beveled.instance_ref_iter().next().unwrap().instance;
+
+		assert_eq!(beveled.point_domain.positions().len(), 4);
+		assert_eq!(beveled.segment_domain.ids().len(), 3);
+
+		// Segments
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(-5., 0.), DVec2::new(-10., 0.)));
+		let trimmed = curve.trim(bezier_rs::TValue::Euclidean(5. / curve.length(Some(0.00001))), bezier_rs::TValue::Parametric(1.));
+		contains_segment(beveled.clone(), trimmed);
+
+		// Join
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(-5., 0.), trimmed.start));
+	}
+
+	#[tokio::test]
+	async fn bevel_too_high() {
+		let source = Subpath::from_anchors([DVec2::ZERO, DVec2::new(100., 0.), DVec2::new(100., 100.), DVec2::new(0., 100.)], false);
+		let beveled = super::bevel(Footprint::default(), vector_node(source), 999.);
+		let beveled = beveled.instance_ref_iter().next().unwrap().instance;
+
+		assert_eq!(beveled.point_domain.positions().len(), 6);
+		assert_eq!(beveled.segment_domain.ids().len(), 5);
+
+		// Segments
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(0., 0.), DVec2::new(50., 0.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(100., 50.), DVec2::new(100., 50.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(100., 50.), DVec2::new(50., 100.)));
+
+		// Joins
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(50., 0.), DVec2::new(100., 50.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(100., 50.), DVec2::new(50., 100.)));
+	}
+
+	#[tokio::test]
+	async fn bevel_repeated_point() {
+		let curve = Bezier::from_cubic_dvec2(DVec2::ZERO, DVec2::new(10., 0.), DVec2::new(10., 100.), DVec2::X * 100.);
+		let point = Bezier::from_cubic_dvec2(DVec2::ZERO, DVec2::ZERO, DVec2::ZERO, DVec2::ZERO);
+		let source = Subpath::from_beziers(&[Bezier::from_linear_dvec2(DVec2::X * -100., DVec2::ZERO), point, curve], false);
+		let beveled = super::bevel(Footprint::default(), vector_node(source), 5.);
+		let beveled = beveled.instance_ref_iter().next().unwrap().instance;
+
+		assert_eq!(beveled.point_domain.positions().len(), 6);
+		assert_eq!(beveled.segment_domain.ids().len(), 5);
+
+		// Segments
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(-100., 0.), DVec2::new(-5., 0.)));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(DVec2::new(-5., 0.), DVec2::new(0., 0.)));
+		contains_segment(beveled.clone(), point);
+		let [start, end] = curve.split(bezier_rs::TValue::Euclidean(5. / curve.length(Some(0.00001))));
+		contains_segment(beveled.clone(), Bezier::from_linear_dvec2(start.start, start.end));
+		contains_segment(beveled.clone(), end);
+	}
+}
diff --git a/node-graph/gmath-nodes/Cargo.toml b/node-graph/gmath-nodes/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..f7ab5c30ba950f950fb5277c85da1b2edd1aaa4c
--- /dev/null
+++ b/node-graph/gmath-nodes/Cargo.toml
@@ -0,0 +1,17 @@
+[package]
+name = "graphene-math-nodes"
+version = "0.1.0"
+edition = "2024"
+description = "graphene math nodes"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[dependencies]
+graphene-core = { workspace = true }
+node-macro = { workspace = true }
+
+# Workspace dependencies
+glam = { workspace = true }
+rand = { workspace = true }
+math-parser = { workspace = true }
+log = { workspace = true }
diff --git a/node-graph/gmath-nodes/src/lib.rs b/node-graph/gmath-nodes/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c4d1b9a1b608cdd48436afa5429bcad1b7e0881f
--- /dev/null
+++ b/node-graph/gmath-nodes/src/lib.rs
@@ -0,0 +1,682 @@
+use glam::DVec2;
+use graphene_core::gradient::GradientStops;
+use graphene_core::registry::types::{Fraction, Percentage, TextArea};
+use graphene_core::{Color, Ctx, num_traits};
+use log::warn;
+use math_parser::ast;
+use math_parser::context::{EvalContext, NothingMap, ValueProvider};
+use math_parser::value::{Number, Value};
+use num_traits::Pow;
+use rand::{Rng, SeedableRng};
+use std::ops::{Add, Div, Mul, Rem, Sub};
+
+/// The struct that stores the context for the maths parser.
+/// This is currently just limited to supplying `a` and `b` until we add better node graph support and UI for variadic inputs.
+struct MathNodeContext {
+	a: f64,
+	b: f64,
+}
+
+impl ValueProvider for MathNodeContext {
+	fn get_value(&self, name: &str) -> Option<Value> {
+		if name.eq_ignore_ascii_case("a") {
+			Some(Value::from_f64(self.a))
+		} else if name.eq_ignore_ascii_case("b") {
+			Some(Value::from_f64(self.b))
+		} else {
+			None
+		}
+	}
+}
+
+/// Calculates a mathematical expression with input values "A" and "B"
+#[node_macro::node(category("Math: Arithmetic"), properties("math_properties"))]
+fn math<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The value of "A" when calculating the expression
+	#[implementations(f64, f32)]
+	operand_a: U,
+	/// A math expression that may incorporate "A" and/or "B", such as "sqrt(A + B) - B^2"
+	#[default(A + B)]
+	expression: String,
+	/// The value of "B" when calculating the expression
+	#[implementations(f64, f32)]
+	#[default(1.)]
+	operand_b: U,
+) -> U {
+	let (node, _unit) = match ast::Node::try_parse_from_str(&expression) {
+		Ok(expr) => expr,
+		Err(e) => {
+			warn!("Invalid expression: `{expression}`\n{e:?}");
+			return U::from(0.).unwrap();
+		}
+	};
+	let context = EvalContext::new(
+		MathNodeContext {
+			a: operand_a.to_f64().unwrap(),
+			b: operand_b.to_f64().unwrap(),
+		},
+		NothingMap,
+	);
+
+	let value = match node.eval(&context) {
+		Ok(value) => value,
+		Err(e) => {
+			warn!("Expression evaluation error: {e:?}");
+			return U::from(0.).unwrap();
+		}
+	};
+
+	let Value::Number(num) = value;
+	match num {
+		Number::Real(val) => U::from(val).unwrap(),
+		Number::Complex(c) => U::from(c.re).unwrap(),
+	}
+}
+
+/// The addition operation (+) calculates the sum of two numbers.
+#[node_macro::node(category("Math: Arithmetic"))]
+fn add<U: Add<T>, T>(
+	_: impl Ctx,
+	/// The left-hand side of the addition operation.
+	#[implementations(f64, f32, u32, DVec2, f64, DVec2)]
+	augend: U,
+	/// The right-hand side of the addition operation.
+	#[implementations(f64, f32, u32, DVec2, DVec2, f64)]
+	addend: T,
+) -> <U as Add<T>>::Output {
+	augend + addend
+}
+
+/// The subtraction operation (-) calculates the difference between two numbers.
+#[node_macro::node(category("Math: Arithmetic"))]
+fn subtract<U: Sub<T>, T>(
+	_: impl Ctx,
+	/// The left-hand side of the subtraction operation.
+	#[implementations(f64, f32, u32, DVec2, f64, DVec2)]
+	minuend: U,
+	/// The right-hand side of the subtraction operation.
+	#[implementations(f64, f32, u32, DVec2, DVec2, f64)]
+	subtrahend: T,
+) -> <U as Sub<T>>::Output {
+	minuend - subtrahend
+}
+
+/// The multiplication operation (×) calculates the product of two numbers.
+#[node_macro::node(category("Math: Arithmetic"))]
+fn multiply<U: Mul<T>, T>(
+	_: impl Ctx,
+	/// The left-hand side of the multiplication operation.
+	#[implementations(f64, f32, u32, DVec2, f64, DVec2)]
+	multiplier: U,
+	/// The right-hand side of the multiplication operation.
+	#[default(1.)]
+	#[implementations(f64, f32, u32, DVec2, DVec2, f64)]
+	multiplicand: T,
+) -> <U as Mul<T>>::Output {
+	multiplier * multiplicand
+}
+
+/// The division operation (÷) calculates the quotient of two numbers.
+///
+/// Produces 0 if the denominator is 0.
+#[node_macro::node(category("Math: Arithmetic"))]
+fn divide<U: Div<T> + Default + PartialEq, T: Default + PartialEq>(
+	_: impl Ctx,
+	/// The left-hand side of the division operation.
+	#[implementations(f64, f64, f32, f32, u32, u32, DVec2, DVec2, f64)]
+	numerator: U,
+	/// The right-hand side of the division operation.
+	#[default(1.)]
+	#[implementations(f64, f64, f32, f32, u32, u32, DVec2, f64, DVec2)]
+	denominator: T,
+) -> <U as Div<T>>::Output
+where
+	<U as Div<T>>::Output: Default,
+{
+	if denominator == T::default() {
+		return <U as Div<T>>::Output::default();
+	}
+	numerator / denominator
+}
+
+/// The modulo operation (%) calculates the remainder from the division of two numbers. The sign of the result shares the sign of the numerator unless "Always Positive" is enabled.
+#[node_macro::node(category("Math: Arithmetic"))]
+fn modulo<U: Rem<T, Output: Add<T, Output: Rem<T, Output = U::Output>>>, T: Copy>(
+	_: impl Ctx,
+	/// The left-hand side of the modulo operation.
+	#[implementations(f64, f32, u32, DVec2, DVec2, f64)]
+	numerator: U,
+	/// The right-hand side of the modulo operation.
+	#[default(2.)]
+	#[implementations(f64, f32, u32, DVec2, f64, DVec2)]
+	modulus: T,
+	/// Ensures the result will always be positive, even if the numerator is negative.
+	#[default(true)]
+	always_positive: bool,
+) -> <U as Rem<T>>::Output {
+	if always_positive { (numerator % modulus + modulus) % modulus } else { numerator % modulus }
+}
+
+/// The exponent operation (^) calculates the result of raising a number to a power.
+#[node_macro::node(category("Math: Arithmetic"))]
+fn exponent<U: Pow<T>, T>(
+	_: impl Ctx,
+	/// The base number that will be raised to the power.
+	#[implementations(f64, f32, u32)]
+	base: U,
+	/// The power to which the base number will be raised.
+	#[default(2.)]
+	#[implementations(f64, f32, u32)]
+	power: T,
+) -> <U as num_traits::Pow<T>>::Output {
+	base.pow(power)
+}
+
+/// The square root operation (√) calculates the nth root of a number, equivalent to raising the number to the power of 1/n.
+#[node_macro::node(category("Math: Arithmetic"))]
+fn root<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The number for which the nth root will be calculated.
+	#[default(2.)]
+	#[implementations(f64, f32)]
+	radicand: U,
+	/// The degree of the root to be calculated. Square root is 2, cube root is 3, and so on.
+	#[default(2.)]
+	#[implementations(f64, f32)]
+	degree: U,
+) -> U {
+	if degree == U::from(2.).unwrap() {
+		radicand.sqrt()
+	} else if degree == U::from(3.).unwrap() {
+		radicand.cbrt()
+	} else {
+		radicand.powf(U::from(1.).unwrap() / degree)
+	}
+}
+
+/// The logarithmic function (log) calculates the logarithm of a number with a specified base. If the natural logarithm function (ln) is desired, set the base to "e".
+#[node_macro::node(category("Math: Arithmetic"))]
+fn logarithm<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The number for which the logarithm will be calculated.
+	#[implementations(f64, f32)]
+	value: U,
+	/// The base of the logarithm, such as 2 (binary), 10 (decimal), and e (natural logarithm).
+	#[default(2.)]
+	#[implementations(f64, f32)]
+	base: U,
+) -> U {
+	if base == U::from(2.).unwrap() {
+		value.log2()
+	} else if base == U::from(10.).unwrap() {
+		value.log10()
+	} else if base - U::from(std::f64::consts::E).unwrap() < U::epsilon() * U::from(1e6).unwrap() {
+		value.ln()
+	} else {
+		value.log(base)
+	}
+}
+
+/// The sine trigonometric function (sin) calculates the ratio of the angle's opposite side length to its hypotenuse length.
+#[node_macro::node(category("Math: Trig"))]
+fn sine<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The given angle.
+	#[implementations(f64, f32)]
+	theta: U,
+	/// Whether the given angle should be interpreted as radians instead of degrees.
+	radians: bool,
+) -> U {
+	if radians { theta.sin() } else { theta.to_radians().sin() }
+}
+
+/// The cosine trigonometric function (cos) calculates the ratio of the angle's adjacent side length to its hypotenuse length.
+#[node_macro::node(category("Math: Trig"))]
+fn cosine<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The given angle.
+	#[implementations(f64, f32)]
+	theta: U,
+	/// Whether the given angle should be interpreted as radians instead of degrees.
+	radians: bool,
+) -> U {
+	if radians { theta.cos() } else { theta.to_radians().cos() }
+}
+
+/// The tangent trigonometric function (tan) calculates the ratio of the angle's opposite side length to its adjacent side length.
+#[node_macro::node(category("Math: Trig"))]
+fn tangent<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The given angle.
+	#[implementations(f64, f32)]
+	theta: U,
+	/// Whether the given angle should be interpreted as radians instead of degrees.
+	radians: bool,
+) -> U {
+	if radians { theta.tan() } else { theta.to_radians().tan() }
+}
+
+/// The inverse sine trigonometric function (asin) calculates the angle whose sine is the specified value.
+#[node_macro::node(category("Math: Trig"))]
+fn sine_inverse<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The given value for which the angle will be calculated. Must be in the range [-1, 1] or else the result will be NaN.
+	#[implementations(f64, f32)]
+	value: U,
+	/// Whether the resulting angle should be given in as radians instead of degrees.
+	radians: bool,
+) -> U {
+	if radians { value.asin() } else { value.asin().to_degrees() }
+}
+
+/// The inverse cosine trigonometric function (acos) calculates the angle whose cosine is the specified value.
+#[node_macro::node(category("Math: Trig"))]
+fn cosine_inverse<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The given value for which the angle will be calculated. Must be in the range [-1, 1] or else the result will be NaN.
+	#[implementations(f64, f32)]
+	value: U,
+	/// Whether the resulting angle should be given in as radians instead of degrees.
+	radians: bool,
+) -> U {
+	if radians { value.acos() } else { value.acos().to_degrees() }
+}
+
+/// The inverse tangent trigonometric function (atan or atan2, depending on input type) calculates:
+/// atan: the angle whose tangent is the specified scalar number.
+/// atan2: the angle of a ray from the origin to the specified coordinate.
+///
+/// The resulting angle is always in the range [0°, 180°] or, in radians, [-π/2, π/2].
+#[node_macro::node(category("Math: Trig"))]
+fn tangent_inverse<U: TangentInverse>(
+	_: impl Ctx,
+	/// The given value for which the angle will be calculated.
+	#[implementations(f64, f32, DVec2)]
+	value: U,
+	/// Whether the resulting angle should be given in as radians instead of degrees.
+	radians: bool,
+) -> U::Output {
+	value.atan(radians)
+}
+
+pub trait TangentInverse {
+	type Output: num_traits::float::Float;
+	fn atan(self, radians: bool) -> Self::Output;
+}
+impl TangentInverse for f32 {
+	type Output = f32;
+	fn atan(self, radians: bool) -> Self::Output {
+		if radians { self.atan() } else { self.atan().to_degrees() }
+	}
+}
+impl TangentInverse for f64 {
+	type Output = f64;
+	fn atan(self, radians: bool) -> Self::Output {
+		if radians { self.atan() } else { self.atan().to_degrees() }
+	}
+}
+impl TangentInverse for DVec2 {
+	type Output = f64;
+	fn atan(self, radians: bool) -> Self::Output {
+		if radians { self.y.atan2(self.x) } else { self.y.atan2(self.x).to_degrees() }
+	}
+}
+
+/// The random function (rand) converts a seed into a random number within the specified range, inclusive of the minimum and exclusive of the maximum. The minimum and maximum values are automatically swapped if they are reversed.
+#[node_macro::node(category("Math: Numeric"))]
+fn random<U: num_traits::float::Float>(
+	_: impl Ctx,
+	_primary: (),
+	/// Seed to determine the unique variation of which number will be generated.
+	seed: u64,
+	/// The smaller end of the range within which the random number will be generated.
+	#[implementations(f64, f32)]
+	#[default(0.)]
+	min: U,
+	/// The larger end of the range within which the random number will be generated.
+	#[implementations(f64, f32)]
+	#[default(1.)]
+	max: U,
+) -> f64 {
+	let mut rng = rand::rngs::StdRng::seed_from_u64(seed);
+	let result = rng.random::<f64>();
+	let (min, max) = if min < max { (min, max) } else { (max, min) };
+	let (min, max) = (min.to_f64().unwrap(), max.to_f64().unwrap());
+	result * (max - min) + min
+}
+
+/// Convert a number to an integer of the type u32, which may be the required type for certain node inputs. This will be removed in the future when automatic type conversion is implemented.
+#[node_macro::node(name("To u32"), category("Math: Numeric"))]
+fn to_u32<U: num_traits::float::Float>(_: impl Ctx, #[implementations(f64, f32)] value: U) -> u32 {
+	let value = U::clamp(value, U::from(0.).unwrap(), U::from(u32::MAX as f64).unwrap());
+	value.to_u32().unwrap()
+}
+
+/// Convert a number to an integer of the type u64, which may be the required type for certain node inputs. This will be removed in the future when automatic type conversion is implemented.
+#[node_macro::node(name("To u64"), category("Math: Numeric"))]
+fn to_u64<U: num_traits::float::Float>(_: impl Ctx, #[implementations(f64, f32)] value: U) -> u64 {
+	let value = U::clamp(value, U::from(0.).unwrap(), U::from(u64::MAX as f64).unwrap());
+	value.to_u64().unwrap()
+}
+
+/// Convert an integer to a decimal number of the type f64, which may be the required type for certain node inputs. This will be removed in the future when automatic type conversion is implemented.
+#[node_macro::node(name("To f64"), category("Math: Numeric"))]
+fn to_f64<U: num_traits::int::PrimInt>(_: impl Ctx, #[implementations(u32, u64)] value: U) -> f64 {
+	value.to_f64().unwrap()
+}
+
+/// The rounding function (round) maps an input value to its nearest whole number. Halfway values are rounded away from zero.
+#[node_macro::node(category("Math: Numeric"))]
+fn round<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The number which will be rounded.
+	#[implementations(f64, f32)]
+	value: U,
+) -> U {
+	value.round()
+}
+
+/// The floor function (floor) rounds down an input value to the nearest whole number, unless the input number is already whole.
+#[node_macro::node(category("Math: Numeric"))]
+fn floor<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The number which will be rounded down.
+	#[implementations(f64, f32)]
+	value: U,
+) -> U {
+	value.floor()
+}
+
+/// The ceiling function (ceil) rounds up an input value to the nearest whole number, unless the input number is already whole.
+#[node_macro::node(category("Math: Numeric"))]
+fn ceiling<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The number which will be rounded up.
+	#[implementations(f64, f32)]
+	value: U,
+) -> U {
+	value.ceil()
+}
+
+/// The absolute value function (abs) removes the negative sign from an input value, if present.
+#[node_macro::node(category("Math: Numeric"))]
+fn absolute_value<U: num_traits::float::Float>(
+	_: impl Ctx,
+	/// The number which will be made positive.
+	#[implementations(f64, f32)]
+	value: U,
+) -> U {
+	value.abs()
+}
+
+/// The minimum function (min) picks the smaller of two numbers.
+#[node_macro::node(category("Math: Numeric"))]
+fn min<T: std::cmp::PartialOrd>(
+	_: impl Ctx,
+	/// One of the two numbers, of which the lesser will be returned.
+	#[implementations(f64, f32, u32, &str)]
+	value: T,
+	/// The other of the two numbers, of which the lesser will be returned.
+	#[implementations(f64, f32, u32, &str)]
+	other_value: T,
+) -> T {
+	if value < other_value { value } else { other_value }
+}
+
+/// The maximum function (max) picks the larger of two numbers.
+#[node_macro::node(category("Math: Numeric"))]
+fn max<T: std::cmp::PartialOrd>(
+	_: impl Ctx,
+	/// One of the two numbers, of which the greater will be returned.
+	#[implementations(f64, f32, u32, &str)]
+	value: T,
+	/// The other of the two numbers, of which the greater will be returned.
+	#[implementations(f64, f32, u32, &str)]
+	other_value: T,
+) -> T {
+	if value > other_value { value } else { other_value }
+}
+
+/// The clamp function (clamp) restricts a number to a specified range between a minimum and maximum value. The minimum and maximum values are automatically swapped if they are reversed.
+#[node_macro::node(category("Math: Numeric"))]
+fn clamp<T: std::cmp::PartialOrd>(
+	_: impl Ctx,
+	/// The number to be clamped, which will be restricted to the range between the minimum and maximum values.
+	#[implementations(f64, f32, u32, &str)]
+	value: T,
+	/// The left (smaller) side of the range. The output will never be less than this number.
+	#[implementations(f64, f32, u32, &str)]
+	min: T,
+	/// The right (greater) side of the range. The output will never be greater than this number.
+	#[implementations(f64, f32, u32, &str)]
+	max: T,
+) -> T {
+	let (min, max) = if min < max { (min, max) } else { (max, min) };
+	if value < min {
+		min
+	} else if value > max {
+		max
+	} else {
+		value
+	}
+}
+
+/// The equality operation (==) compares two values and returns true if they are equal, or false if they are not.
+#[node_macro::node(category("Math: Logic"))]
+fn equals<U: std::cmp::PartialEq<T>, T>(
+	_: impl Ctx,
+	/// One of the two numbers to compare for equality.
+	#[implementations(f64, f32, u32, DVec2, &str)]
+	value: T,
+	/// The other of the two numbers to compare for equality.
+	#[implementations(f64, f32, u32, DVec2, &str)]
+	other_value: U,
+) -> bool {
+	other_value == value
+}
+
+/// The inequality operation (!=) compares two values and returns true if they are not equal, or false if they are.
+#[node_macro::node(category("Math: Logic"))]
+fn not_equals<U: std::cmp::PartialEq<T>, T>(
+	_: impl Ctx,
+	/// One of the two numbers to compare for inequality.
+	#[implementations(f64, f32, u32, DVec2, &str)]
+	value: T,
+	/// The other of the two numbers to compare for inequality.
+	#[implementations(f64, f32, u32, DVec2, &str)]
+	other_value: U,
+) -> bool {
+	other_value != value
+}
+
+/// The less-than operation (<) compares two values and returns true if the first value is less than the second, or false if it is not.
+/// If enabled with "Or Equal", the less-than-or-equal operation (<=) will be used instead.
+#[node_macro::node(category("Math: Logic"))]
+fn less_than<T: std::cmp::PartialOrd<T>>(
+	_: impl Ctx,
+	/// The number on the left-hand side of the comparison.
+	#[implementations(f64, f32, u32)]
+	value: T,
+	/// The number on the right-hand side of the comparison.
+	#[implementations(f64, f32, u32)]
+	other_value: T,
+	/// Uses the less-than-or-equal operation (<=) instead of the less-than operation (<).
+	or_equal: bool,
+) -> bool {
+	if or_equal { value <= other_value } else { value < other_value }
+}
+
+/// The greater-than operation (>) compares two values and returns true if the first value is greater than the second, or false if it is not.
+/// If enabled with "Or Equal", the greater-than-or-equal operation (>=) will be used instead.
+#[node_macro::node(category("Math: Logic"))]
+fn greater_than<T: std::cmp::PartialOrd<T>>(
+	_: impl Ctx,
+	/// The number on the left-hand side of the comparison.
+	#[implementations(f64, f32, u32)]
+	value: T,
+	/// The number on the right-hand side of the comparison.
+	#[implementations(f64, f32, u32)]
+	other_value: T,
+	/// Uses the greater-than-or-equal operation (>=) instead of the greater-than operation (>).
+	or_equal: bool,
+) -> bool {
+	if or_equal { value >= other_value } else { value > other_value }
+}
+
+/// The logical or operation (||) returns true if either of the two inputs are true, or false if both are false.
+#[node_macro::node(category("Math: Logic"))]
+fn logical_or(
+	_: impl Ctx,
+	/// One of the two boolean values, either of which may be true for the node to output true.
+	value: bool,
+	/// The other of the two boolean values, either of which may be true for the node to output true.
+	other_value: bool,
+) -> bool {
+	value || other_value
+}
+
+/// The logical and operation (&&) returns true if both of the two inputs are true, or false if any are false.
+#[node_macro::node(category("Math: Logic"))]
+fn logical_and(
+	_: impl Ctx,
+	/// One of the two boolean values, both of which must be true for the node to output true.
+	value: bool,
+	/// The other of the two boolean values, both of which must be true for the node to output true.
+	other_value: bool,
+) -> bool {
+	value && other_value
+}
+
+/// The logical not operation (!) reverses true and false value of the input.
+#[node_macro::node(category("Math: Logic"))]
+fn logical_not(
+	_: impl Ctx,
+	/// The boolean value to be reversed.
+	input: bool,
+) -> bool {
+	!input
+}
+
+/// Constructs a bool value which may be set to true or false.
+#[node_macro::node(category("Value"))]
+fn bool_value(_: impl Ctx, _primary: (), #[name("Bool")] bool_value: bool) -> bool {
+	bool_value
+}
+
+/// Constructs a number value which may be set to any real number.
+#[node_macro::node(category("Value"))]
+fn number_value(_: impl Ctx, _primary: (), number: f64) -> f64 {
+	number
+}
+
+/// Constructs a number value which may be set to any value from 0% to 100% by dragging the slider.
+#[node_macro::node(category("Value"))]
+fn percentage_value(_: impl Ctx, _primary: (), percentage: Percentage) -> f64 {
+	percentage
+}
+
+/// Constructs a two-dimensional vector value which may be set to any XY coordinate.
+#[node_macro::node(category("Value"))]
+fn coordinate_value(_: impl Ctx, _primary: (), x: f64, y: f64) -> DVec2 {
+	DVec2::new(x, y)
+}
+
+/// Constructs a color value which may be set to any color, or no color.
+#[node_macro::node(category("Value"))]
+fn color_value(_: impl Ctx, _primary: (), #[default(Color::BLACK)] color: Option<Color>) -> Option<Color> {
+	color
+}
+
+/// Gets the color at the specified position along the gradient, given a position from 0 (left) to 1 (right).
+#[node_macro::node(category("Color"))]
+fn sample_gradient(_: impl Ctx, _primary: (), gradient: GradientStops, position: Fraction) -> Color {
+	let position = position.clamp(0., 1.);
+	gradient.evaluate(position)
+}
+
+/// Constructs a gradient value which may be set to any sequence of color stops to represent the transition between colors.
+#[node_macro::node(category("Value"))]
+fn gradient_value(_: impl Ctx, _primary: (), gradient: GradientStops) -> GradientStops {
+	gradient
+}
+
+/// Constructs a string value which may be set to any plain text.
+#[node_macro::node(category("Value"))]
+fn string_value(_: impl Ctx, _primary: (), string: TextArea) -> String {
+	string
+}
+
+#[node_macro::node(category("Math: Vector"))]
+fn dot_product(_: impl Ctx, vector_a: DVec2, vector_b: DVec2) -> f64 {
+	vector_a.dot(vector_b)
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use graphene_core::Node;
+	use graphene_core::generic::FnNode;
+
+	#[test]
+	pub fn dot_product_function() {
+		let vector_a = DVec2::new(1., 2.);
+		let vector_b = DVec2::new(3., 4.);
+		assert_eq!(dot_product((), vector_a, vector_b), 11.);
+	}
+
+	#[test]
+	fn test_basic_expression() {
+		let result = math((), 0., "2 + 2".to_string(), 0.);
+		assert_eq!(result, 4.);
+	}
+
+	#[test]
+	fn test_complex_expression() {
+		let result = math((), 0., "(5 * 3) + (10 / 2)".to_string(), 0.);
+		assert_eq!(result, 20.);
+	}
+
+	#[test]
+	fn test_default_expression() {
+		let result = math((), 0., "0".to_string(), 0.);
+		assert_eq!(result, 0.);
+	}
+
+	#[test]
+	fn test_invalid_expression() {
+		let result = math((), 0., "invalid".to_string(), 0.);
+		assert_eq!(result, 0.);
+	}
+
+	#[test]
+	pub fn foo() {
+		let fnn = FnNode::new(|(a, b)| (b, a));
+		assert_eq!(fnn.eval((1u32, 2u32)), (2, 1));
+	}
+
+	#[test]
+	pub fn add_vectors() {
+		assert_eq!(super::add((), DVec2::ONE, DVec2::ONE), DVec2::ONE * 2.);
+	}
+
+	#[test]
+	pub fn subtract_f64() {
+		assert_eq!(super::subtract((), 5_f64, 3_f64), 2.);
+	}
+
+	#[test]
+	pub fn divide_vectors() {
+		assert_eq!(super::divide((), DVec2::ONE, 2_f64), DVec2::ONE / 2.);
+	}
+
+	#[test]
+	pub fn modulo_positive() {
+		assert_eq!(super::modulo((), -5_f64, 2_f64, true), 1_f64);
+	}
+
+	#[test]
+	pub fn modulo_negative() {
+		assert_eq!(super::modulo((), -5_f64, 2_f64, false), -1_f64);
+	}
+}
diff --git a/node-graph/gpath-bool/Cargo.toml b/node-graph/gpath-bool/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..db472571a443eb9cd4e349fd806f9e7656deb52f
--- /dev/null
+++ b/node-graph/gpath-bool/Cargo.toml
@@ -0,0 +1,19 @@
+[package]
+name = "graphene-path-bool"
+version = "0.1.0"
+edition = "2024"
+description = "graphene path bool nodes"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[dependencies]
+# Local dependencies
+dyn-any = { workspace = true }
+bezier-rs = { workspace = true }
+graphene-core = { workspace = true }
+node-macro = { workspace = true }
+glam = { workspace = true }
+specta = { workspace = true }
+log = { workspace = true }
+path-bool = { workspace = true }
+serde = { workspace = true }
diff --git a/node-graph/gpath-bool/src/lib.rs b/node-graph/gpath-bool/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e94963298bfa866f99bd32a1734d613e96bc4c77
--- /dev/null
+++ b/node-graph/gpath-bool/src/lib.rs
@@ -0,0 +1,399 @@
+use bezier_rs::{ManipulatorGroup, Subpath};
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2};
+use graphene_core::instances::{Instance, InstanceRef};
+use graphene_core::vector::algorithms::merge_by_distance::MergeByDistanceExt;
+use graphene_core::vector::style::Fill;
+use graphene_core::vector::{PointId, VectorData, VectorDataTable};
+use graphene_core::{Color, Ctx, GraphicElement, GraphicGroupTable};
+pub use path_bool as path_bool_lib;
+use path_bool::{FillRule, PathBooleanOperation};
+use std::ops::Mul;
+
+// TODO: Fix boolean ops to work by removing .transform() and .one_instnace_*() calls,
+// TODO: since before we used a Vec of single-row tables and now we use a single table
+// TODO: with multiple rows while still assuming a single row for the boolean operations.
+
+#[derive(Default, Debug, Clone, Copy, PartialEq, Eq, serde::Serialize, serde::Deserialize, Hash, DynAny, specta::Type, node_macro::ChoiceType)]
+#[widget(Radio)]
+pub enum BooleanOperation {
+	#[default]
+	#[icon("BooleanUnion")]
+	Union,
+	#[icon("BooleanSubtractFront")]
+	SubtractFront,
+	#[icon("BooleanSubtractBack")]
+	SubtractBack,
+	#[icon("BooleanIntersect")]
+	Intersect,
+	#[icon("BooleanDifference")]
+	Difference,
+}
+
+/// Combines the geometric forms of one or more closed paths into a new vector path that results from cutting or joining the paths by the chosen method.
+#[node_macro::node(category(""))]
+async fn boolean_operation<I: Into<GraphicGroupTable> + 'n + Send + Clone>(
+	_: impl Ctx,
+	/// The group of paths to perform the boolean operation on. Nested groups are automatically flattened.
+	#[implementations(GraphicGroupTable, VectorDataTable)]
+	group_of_paths: I,
+	/// Which boolean operation to perform on the paths.
+	///
+	/// Union combines all paths while cutting out overlapping areas (even the interiors of a single path).
+	/// Subtraction cuts overlapping areas out from the last (Subtract Front) or first (Subtract Back) path.
+	/// Intersection cuts away all but the overlapping areas shared by every path.
+	/// Difference cuts away the overlapping areas shared by every path, leaving only the non-overlapping areas.
+	operation: BooleanOperation,
+) -> VectorDataTable {
+	let group_of_paths = group_of_paths.into();
+
+	// The first index is the bottom of the stack
+	let mut result_vector_data_table = boolean_operation_on_vector_data_table(flatten_vector_data(&group_of_paths).instance_ref_iter(), operation);
+
+	// Replace the transformation matrix with a mutation of the vector points themselves
+	if let Some(result_vector_data) = result_vector_data_table.instance_mut_iter().next() {
+		let transform = *result_vector_data.transform;
+		*result_vector_data.transform = DAffine2::IDENTITY;
+
+		VectorData::transform(result_vector_data.instance, transform);
+		result_vector_data.instance.style.set_stroke_transform(DAffine2::IDENTITY);
+		result_vector_data.instance.upstream_graphic_group = Some(group_of_paths.clone());
+
+		// Clean up the boolean operation result by merging duplicated points
+		result_vector_data.instance.merge_by_distance_spatial(*result_vector_data.transform, 0.0001);
+	}
+
+	result_vector_data_table
+}
+
+fn boolean_operation_on_vector_data_table<'a>(vector_data: impl DoubleEndedIterator<Item = InstanceRef<'a, VectorData>> + Clone, boolean_operation: BooleanOperation) -> VectorDataTable {
+	match boolean_operation {
+		BooleanOperation::Union => union(vector_data),
+		BooleanOperation::SubtractFront => subtract(vector_data),
+		BooleanOperation::SubtractBack => subtract(vector_data.rev()),
+		BooleanOperation::Intersect => intersect(vector_data),
+		BooleanOperation::Difference => difference(vector_data),
+	}
+}
+
+fn union<'a>(vector_data: impl DoubleEndedIterator<Item = InstanceRef<'a, VectorData>>) -> VectorDataTable {
+	// Reverse vector data so that the result style is the style of the first vector data
+	let mut vector_data_reversed = vector_data.rev();
+
+	let mut result_vector_data_table = VectorDataTable::default();
+	result_vector_data_table.push(vector_data_reversed.next().map(|x| x.to_instance_cloned()).unwrap_or_default());
+	let mut first_instance = result_vector_data_table.instance_mut_iter().next().expect("Expected the one instance we just pushed");
+
+	// Loop over all vector data and union it with the result
+	let default = Instance::default();
+	let mut second_vector_data = Some(vector_data_reversed.next().unwrap_or(default.to_instance_ref()));
+	while let Some(lower_vector_data) = second_vector_data {
+		let transform_of_lower_into_space_of_upper = first_instance.transform.inverse() * *lower_vector_data.transform;
+
+		let result = &mut first_instance.instance;
+
+		let upper_path_string = to_path(result, DAffine2::IDENTITY);
+		let lower_path_string = to_path(lower_vector_data.instance, transform_of_lower_into_space_of_upper);
+
+		#[allow(unused_unsafe)]
+		let boolean_operation_string = unsafe { boolean_union(upper_path_string, lower_path_string) };
+		let boolean_operation_result = from_path(&boolean_operation_string);
+
+		result.colinear_manipulators = boolean_operation_result.colinear_manipulators;
+		result.point_domain = boolean_operation_result.point_domain;
+		result.segment_domain = boolean_operation_result.segment_domain;
+		result.region_domain = boolean_operation_result.region_domain;
+
+		second_vector_data = vector_data_reversed.next();
+	}
+
+	result_vector_data_table
+}
+
+fn subtract<'a>(vector_data: impl Iterator<Item = InstanceRef<'a, VectorData>>) -> VectorDataTable {
+	let mut vector_data = vector_data.into_iter();
+
+	let mut result_vector_data_table = VectorDataTable::default();
+	result_vector_data_table.push(vector_data.next().map(|x| x.to_instance_cloned()).unwrap_or_default());
+	let mut first_instance = result_vector_data_table.instance_mut_iter().next().expect("Expected the one instance we just pushed");
+
+	let mut next_vector_data = vector_data.next();
+
+	while let Some(lower_vector_data) = next_vector_data {
+		let transform_of_lower_into_space_of_upper = first_instance.transform.inverse() * *lower_vector_data.transform;
+
+		let result = &mut first_instance.instance;
+
+		let upper_path_string = to_path(result, DAffine2::IDENTITY);
+		let lower_path_string = to_path(lower_vector_data.instance, transform_of_lower_into_space_of_upper);
+
+		#[allow(unused_unsafe)]
+		let boolean_operation_string = unsafe { boolean_subtract(upper_path_string, lower_path_string) };
+		let boolean_operation_result = from_path(&boolean_operation_string);
+
+		result.colinear_manipulators = boolean_operation_result.colinear_manipulators;
+		result.point_domain = boolean_operation_result.point_domain;
+		result.segment_domain = boolean_operation_result.segment_domain;
+		result.region_domain = boolean_operation_result.region_domain;
+
+		next_vector_data = vector_data.next();
+	}
+
+	result_vector_data_table
+}
+
+fn intersect<'a>(vector_data: impl DoubleEndedIterator<Item = InstanceRef<'a, VectorData>>) -> VectorDataTable {
+	let mut vector_data = vector_data.rev();
+
+	let mut result_vector_data_table = VectorDataTable::default();
+	result_vector_data_table.push(vector_data.next().map(|x| x.to_instance_cloned()).unwrap_or_default());
+	let mut first_instance = result_vector_data_table.instance_mut_iter().next().expect("Expected the one instance we just pushed");
+
+	let default = Instance::default();
+	let mut second_vector_data = Some(vector_data.next().unwrap_or(default.to_instance_ref()));
+
+	// For each vector data, set the result to the intersection of that data and the result
+	while let Some(lower_vector_data) = second_vector_data {
+		let transform_of_lower_into_space_of_upper = first_instance.transform.inverse() * *lower_vector_data.transform;
+
+		let result = &mut first_instance.instance;
+
+		let upper_path_string = to_path(result, DAffine2::IDENTITY);
+		let lower_path_string = to_path(lower_vector_data.instance, transform_of_lower_into_space_of_upper);
+
+		#[allow(unused_unsafe)]
+		let boolean_operation_string = unsafe { boolean_intersect(upper_path_string, lower_path_string) };
+		let boolean_operation_result = from_path(&boolean_operation_string);
+
+		result.colinear_manipulators = boolean_operation_result.colinear_manipulators;
+		result.point_domain = boolean_operation_result.point_domain;
+		result.segment_domain = boolean_operation_result.segment_domain;
+		result.region_domain = boolean_operation_result.region_domain;
+		second_vector_data = vector_data.next();
+	}
+
+	result_vector_data_table
+}
+
+fn difference<'a>(vector_data: impl DoubleEndedIterator<Item = InstanceRef<'a, VectorData>> + Clone) -> VectorDataTable {
+	let mut vector_data_iter = vector_data.clone().rev();
+	let mut any_intersection = Instance::default();
+	let default = Instance::default();
+	let mut second_vector_data = Some(vector_data_iter.next().unwrap_or(default.to_instance_ref()));
+
+	// Find where all vector data intersect at least once
+	while let Some(lower_vector_data) = second_vector_data {
+		let filtered_vector_data = vector_data.clone().filter(|v| *v != lower_vector_data).collect::<Vec<_>>().into_iter();
+		let unioned = boolean_operation_on_vector_data_table(filtered_vector_data, BooleanOperation::Union);
+		let first_instance = unioned.instance_ref_iter().next().expect("Expected at least one instance after the boolean union");
+
+		let transform_of_lower_into_space_of_upper = first_instance.transform.inverse() * *lower_vector_data.transform;
+
+		let upper_path_string = to_path(first_instance.instance, DAffine2::IDENTITY);
+		let lower_path_string = to_path(lower_vector_data.instance, transform_of_lower_into_space_of_upper);
+
+		#[allow(unused_unsafe)]
+		let boolean_intersection_string = unsafe { boolean_intersect(upper_path_string, lower_path_string) };
+		let mut instance = from_path(&boolean_intersection_string);
+		instance.style = first_instance.instance.style.clone();
+		let boolean_intersection_result = Instance {
+			instance,
+			transform: *first_instance.transform,
+			alpha_blending: *first_instance.alpha_blending,
+			source_node_id: *first_instance.source_node_id,
+		};
+
+		let transform_of_lower_into_space_of_upper = boolean_intersection_result.transform.inverse() * any_intersection.transform;
+
+		let upper_path_string = to_path(&boolean_intersection_result.instance, DAffine2::IDENTITY);
+		let lower_path_string = to_path(&any_intersection.instance, transform_of_lower_into_space_of_upper);
+
+		#[allow(unused_unsafe)]
+		let union_result = from_path(&unsafe { boolean_union(upper_path_string, lower_path_string) });
+		any_intersection.instance = union_result;
+
+		any_intersection.transform = boolean_intersection_result.transform;
+		any_intersection.instance.style = boolean_intersection_result.instance.style.clone();
+		any_intersection.alpha_blending = boolean_intersection_result.alpha_blending;
+
+		second_vector_data = vector_data_iter.next();
+	}
+
+	// Subtract the area where they intersect at least once from the union of all vector data
+	let union = boolean_operation_on_vector_data_table(vector_data, BooleanOperation::Union);
+	boolean_operation_on_vector_data_table(union.instance_ref_iter().chain(std::iter::once(any_intersection.to_instance_ref())), BooleanOperation::SubtractFront)
+}
+
+fn flatten_vector_data(graphic_group_table: &GraphicGroupTable) -> VectorDataTable {
+	let mut result_table = VectorDataTable::default();
+
+	for element in graphic_group_table.instance_ref_iter() {
+		match element.instance.clone() {
+			GraphicElement::VectorData(vector_data) => {
+				// Apply the parent group's transform to each element of vector data
+				for mut sub_vector_data in vector_data.instance_iter() {
+					sub_vector_data.transform = *element.transform * sub_vector_data.transform;
+
+					result_table.push(sub_vector_data);
+				}
+			}
+			GraphicElement::RasterDataCPU(image) => {
+				let make_instance = |transform| {
+					// Convert the image frame into a rectangular subpath with the image's transform
+					let mut subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE);
+					subpath.apply_transform(transform);
+
+					// Create a vector data table row from the rectangular subpath, with a default black fill
+					let mut instance = VectorData::from_subpath(subpath);
+					instance.style.set_fill(Fill::Solid(Color::BLACK));
+
+					Instance { instance, ..Default::default() }
+				};
+
+				// Apply the parent group's transform to each element of raster data
+				for instance in image.instance_ref_iter() {
+					result_table.push(make_instance(*element.transform * *instance.transform));
+				}
+			}
+			GraphicElement::RasterDataGPU(image) => {
+				let make_instance = |transform| {
+					// Convert the image frame into a rectangular subpath with the image's transform
+					let mut subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE);
+					subpath.apply_transform(transform);
+
+					// Create a vector data table row from the rectangular subpath, with a default black fill
+					let mut instance = VectorData::from_subpath(subpath);
+					instance.style.set_fill(Fill::Solid(Color::BLACK));
+
+					Instance { instance, ..Default::default() }
+				};
+
+				// Apply the parent group's transform to each element of raster data
+				for instance in image.instance_ref_iter() {
+					result_table.push(make_instance(*element.transform * *instance.transform));
+				}
+			}
+			GraphicElement::GraphicGroup(mut graphic_group) => {
+				// Apply the parent group's transform to each element of inner group
+				for sub_element in graphic_group.instance_mut_iter() {
+					*sub_element.transform = *element.transform * *sub_element.transform;
+				}
+
+				// Recursively flatten the inner group into vector data
+				let unioned = boolean_operation_on_vector_data_table(flatten_vector_data(&graphic_group).instance_ref_iter(), BooleanOperation::Union);
+
+				for element in unioned.instance_iter() {
+					result_table.push(element);
+				}
+			}
+		}
+	}
+
+	result_table
+}
+
+fn to_path(vector: &VectorData, transform: DAffine2) -> Vec<path_bool::PathSegment> {
+	let mut path = Vec::new();
+	for subpath in vector.stroke_bezier_paths() {
+		to_path_segments(&mut path, &subpath, transform);
+	}
+	path
+}
+
+fn to_path_segments(path: &mut Vec<path_bool::PathSegment>, subpath: &Subpath<PointId>, transform: DAffine2) {
+	use path_bool::PathSegment;
+	let mut global_start = None;
+	let mut global_end = DVec2::ZERO;
+	for bezier in subpath.iter() {
+		const EPS: f64 = 1e-8;
+		let transformed = bezier.apply_transformation(|pos| transform.transform_point2(pos).mul(EPS.recip()).round().mul(EPS));
+		let start = transformed.start;
+		let end = transformed.end;
+		if global_start.is_none() {
+			global_start = Some(start);
+		}
+		global_end = end;
+		let segment = match transformed.handles {
+			bezier_rs::BezierHandles::Linear => PathSegment::Line(start, end),
+			bezier_rs::BezierHandles::Quadratic { handle } => PathSegment::Quadratic(start, handle, end),
+			bezier_rs::BezierHandles::Cubic { handle_start, handle_end } => PathSegment::Cubic(start, handle_start, handle_end, end),
+		};
+		path.push(segment);
+	}
+	if let Some(start) = global_start {
+		path.push(PathSegment::Line(global_end, start));
+	}
+}
+
+fn from_path(path_data: &[Path]) -> VectorData {
+	const EPSILON: f64 = 1e-5;
+
+	fn is_close(a: DVec2, b: DVec2) -> bool {
+		(a - b).length_squared() < EPSILON * EPSILON
+	}
+
+	let mut all_subpaths = Vec::new();
+
+	for path in path_data.iter().filter(|path| !path.is_empty()) {
+		let cubics: Vec<[DVec2; 4]> = path.iter().map(|segment| segment.to_cubic()).collect();
+		let mut groups = Vec::new();
+		let mut current_start = None;
+
+		for (index, cubic) in cubics.iter().enumerate() {
+			let [start, handle1, handle2, end] = *cubic;
+
+			if current_start.is_none() || !is_close(start, current_start.unwrap()) {
+				// Start a new subpath
+				if !groups.is_empty() {
+					all_subpaths.push(Subpath::new(std::mem::take(&mut groups), true));
+				}
+				// Use the correct in-handle (None) and out-handle for the start point
+				groups.push(ManipulatorGroup::new(start, None, Some(handle1)));
+			} else {
+				// Update the out-handle of the previous point
+				if let Some(last) = groups.last_mut() {
+					last.out_handle = Some(handle1);
+				}
+			}
+
+			// Add the end point with the correct in-handle and out-handle (None)
+			groups.push(ManipulatorGroup::new(end, Some(handle2), None));
+
+			current_start = Some(end);
+
+			// Check if this is the last segment
+			if index == cubics.len() - 1 {
+				all_subpaths.push(Subpath::new(groups, true));
+				groups = Vec::new(); // Reset groups for the next path
+			}
+		}
+	}
+
+	VectorData::from_subpaths(all_subpaths, false)
+}
+
+type Path = Vec<path_bool::PathSegment>;
+
+fn boolean_union(a: Path, b: Path) -> Vec<Path> {
+	path_bool(a, b, PathBooleanOperation::Union)
+}
+
+fn path_bool(a: Path, b: Path, op: PathBooleanOperation) -> Vec<Path> {
+	match path_bool::path_boolean(&a, FillRule::NonZero, &b, FillRule::NonZero, op) {
+		Ok(results) => results,
+		Err(e) => {
+			let a_path = path_bool::path_to_path_data(&a, 0.001);
+			let b_path = path_bool::path_to_path_data(&b, 0.001);
+			log::error!("Boolean error {e:?} encountered while processing {a_path}\n {op:?}\n {b_path}");
+			Vec::new()
+		}
+	}
+}
+
+fn boolean_subtract(a: Path, b: Path) -> Vec<Path> {
+	path_bool(a, b, PathBooleanOperation::Difference)
+}
+
+pub fn boolean_intersect(a: Path, b: Path) -> Vec<Path> {
+	path_bool(a, b, PathBooleanOperation::Intersection)
+}
diff --git a/node-graph/graph-craft/.cargo/config.toml b/node-graph/graph-craft/.cargo/config.toml
new file mode 100644
index 0000000000000000000000000000000000000000..a4ae00c0adebf4662c0eb08eb5ce025dbbf4a85f
--- /dev/null
+++ b/node-graph/graph-craft/.cargo/config.toml
@@ -0,0 +1,3 @@
+[profile.profiling]
+inherits = "release"
+debug = true
diff --git a/node-graph/graph-craft/Cargo.toml b/node-graph/graph-craft/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..ce27305cc522722cfc4eb512f534e45ba325bd98
--- /dev/null
+++ b/node-graph/graph-craft/Cargo.toml
@@ -0,0 +1,66 @@
+[package]
+name = "graph-craft"
+version = "0.1.0"
+edition = "2024"
+license = "MIT OR Apache-2.0"
+
+[features]
+default = ["dealloc_nodes"]
+dealloc_nodes = ["graphene-core/dealloc_nodes"]
+wgpu = ["wgpu-executor"]
+tokio = ["dep:tokio"]
+wayland = []
+loading = ["serde_json"]
+
+[dependencies]
+# Local dependencies
+dyn-any = { workspace = true }
+graphene-core = { workspace = true }
+graphene-path-bool = { workspace = true }
+graphene-brush = { workspace = true }
+graphene-application-io = { workspace = true }
+graphene-svg-renderer = { workspace = true }
+graphene-raster-nodes = { workspace = true }
+
+# Workspace dependencies
+log = { workspace = true }
+glam = { workspace = true }
+bezier-rs = { workspace = true }
+specta = { workspace = true }
+rustc-hash = { workspace = true }
+url = { workspace = true }
+reqwest = { workspace = true }
+serde = { workspace = true }
+
+# Optional workspace dependencies
+wgpu-executor = { workspace = true, optional = true }
+tokio = { workspace = true, optional = true }
+serde_json = { workspace = true, optional = true }
+
+# Workspace dependencies
+[target.'cfg(target_arch = "wasm32")'.dependencies]
+web-sys = { workspace = true, features = [
+	"Navigator",
+	"Gpu",
+] }
+js-sys = { workspace = true }
+wasm-bindgen = { workspace = true }
+
+[target.'cfg(not(target_arch = "wasm32"))'.dependencies]
+winit = { workspace = true }
+
+[dev-dependencies]
+# Workspace dependencies
+graph-craft = { workspace = true, features = ["loading"] }
+pretty_assertions = { workspace = true }
+criterion = { workspace = true }
+iai-callgrind = { workspace = true }
+
+# Benchmarks
+[[bench]]
+name = "compile_demo_art_criterion"
+harness = false
+
+[[bench]]
+name = "compile_demo_art_iai"
+harness = false
diff --git a/node-graph/graph-craft/benches/compile_demo_art_criterion.rs b/node-graph/graph-craft/benches/compile_demo_art_criterion.rs
new file mode 100644
index 0000000000000000000000000000000000000000..c559e738b89969d78a053c6785360a0a2747e874
--- /dev/null
+++ b/node-graph/graph-craft/benches/compile_demo_art_criterion.rs
@@ -0,0 +1,14 @@
+use criterion::{Criterion, black_box, criterion_group, criterion_main};
+use graph_craft::util::DEMO_ART;
+fn compile_to_proto(c: &mut Criterion) {
+	use graph_craft::util::{compile, load_from_name};
+	let mut c = c.benchmark_group("Compile Network cold");
+
+	for name in DEMO_ART {
+		let network = load_from_name(name);
+		c.bench_function(name, |b| b.iter_batched(|| network.clone(), |network| compile(black_box(network)), criterion::BatchSize::SmallInput));
+	}
+}
+
+criterion_group!(benches, compile_to_proto);
+criterion_main!(benches);
diff --git a/node-graph/graph-craft/benches/compile_demo_art_iai.rs b/node-graph/graph-craft/benches/compile_demo_art_iai.rs
new file mode 100644
index 0000000000000000000000000000000000000000..467ba8fedc98e3c2705a275aae25f030e57fa695
--- /dev/null
+++ b/node-graph/graph-craft/benches/compile_demo_art_iai.rs
@@ -0,0 +1,13 @@
+use graph_craft::document::NodeNetwork;
+use graph_craft::util::*;
+use iai_callgrind::{black_box, library_benchmark, library_benchmark_group, main};
+
+#[library_benchmark]
+#[benches::with_setup(args = ["isometric-fountain", "painted-dreams", "procedural-string-lights", "parametric-dunescape", "red-dress", "valley-of-spires"], setup = load_from_name)]
+pub fn compile_to_proto(_input: NodeNetwork) {
+	black_box(compile(_input));
+}
+
+library_benchmark_group!(name = compile_group; benchmarks = compile_to_proto);
+
+main!(library_benchmark_groups = compile_group);
diff --git a/node-graph/graph-craft/src/document.rs b/node-graph/graph-craft/src/document.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9830052147c568fc720ff4cb0c183ae383b58b84
--- /dev/null
+++ b/node-graph/graph-craft/src/document.rs
@@ -0,0 +1,1652 @@
+pub mod value;
+
+use crate::document::value::TaggedValue;
+use crate::proto::{ConstructionArgs, ProtoNetwork, ProtoNode, ProtoNodeInput};
+use dyn_any::DynAny;
+use glam::IVec2;
+use graphene_core::memo::MemoHashGuard;
+pub use graphene_core::uuid::NodeId;
+pub use graphene_core::uuid::generate_uuid;
+use graphene_core::{Cow, MemoHash, ProtoNodeIdentifier, Type};
+use log::Metadata;
+use rustc_hash::FxHashMap;
+use std::collections::HashMap;
+use std::collections::hash_map::DefaultHasher;
+use std::hash::{Hash, Hasher};
+
+/// Hash two IDs together, returning a new ID that is always consistent for two input IDs in a specific order.
+/// This is used during [`NodeNetwork::flatten`] in order to ensure consistent yet non-conflicting IDs for inner networks.
+fn merge_ids(a: NodeId, b: NodeId) -> NodeId {
+	let mut hasher = DefaultHasher::new();
+	a.hash(&mut hasher);
+	b.hash(&mut hasher);
+	NodeId(hasher.finish())
+}
+
+/// Utility function for providing a default boolean value to serde.
+#[inline(always)]
+fn return_true() -> bool {
+	true
+}
+
+/// An instance of a [`DocumentNodeDefinition`] that has been instantiated in a [`NodeNetwork`].
+/// Currently, when an instance is made, it lives all on its own without any lasting connection to the definition.
+/// But we will want to change it in the future so it merely references its definition.
+#[derive(Clone, Debug, PartialEq, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct DocumentNode {
+	/// The inputs to a node, which are either:
+	/// - From other nodes within this graph [`NodeInput::Node`],
+	/// - A constant value [`NodeInput::Value`],
+	/// - A [`NodeInput::Network`] which specifies that this input is from outside the graph, which is resolved in the graph flattening step in the case of nested networks.
+	///
+	/// In the root network, it is resolved when evaluating the borrow tree.
+	/// Ensure the click target in the encapsulating network is updated when the inputs cause the node shape to change (currently only when exposing/hiding an input)
+	/// by using network.update_click_target(node_id).
+	#[cfg_attr(target_arch = "wasm32", serde(alias = "outputs"))]
+	pub inputs: Vec<NodeInput>,
+	/// Manual composition is the methodology by which most nodes are implemented, involving a call argument and upstream inputs.
+	/// By contrast, automatic composition is an alternative way to handle the composition of nodes as they execute in the graph.
+	/// Normally, the program (the compiled graph) builds up its call stack, with each node calling its upstream predecessor to acquire its input data.
+	/// When the document graph becomes the proto graph, that conceptual model changes into a model that's unique to the proto graph.
+	/// Automatic composition allows a document node to be translated into its place in the proto graph differently, such that
+	/// the node doesn't participate in that process of being called with a call argument and calling its upstream predecessor.
+	/// Instead, it is called directly with its input data from the upstream node, skipping the call stack building process.
+	/// The abstraction is provided by the compiler for nodes which opt for automatic composition. It works by inserting a `ComposeNode`
+	/// into the proto graph, which does the job of calling the upstream node and feeding its output into the downstream node's first input.
+	/// That first input is typically used by manual composition nodes as the call argument, but for automatic composition nodes,
+	/// that first input becomes the input data from the upstream node passed in by the `ComposeNode`.
+	///
+	/// Through automatic composition, the upstream node providing the first input for a proto node is evaluated before the proto node itself is run.
+	/// (That first input is usually the call argument when manual composition is used.)
+	/// - Abstract example: upstream node `G` is evaluated and its data feeds into the first input of downstream node `F`,
+	///   just like function composition where function `G` is evaluated and its result is fed into function `F`.
+	/// - Concrete example: a node that takes an image as its first input will get that image data from an upstream node that produces image output data and is evaluated first before being fed downstream.
+	///
+	/// This is achieved by automatically inserting `ComposeNode`s, which run the first node with the overall input and then feed the resulting output into the second node.
+	/// The `ComposeNode` is basically a function composition operator: the parentheses in `F(G(x))` or circle math operator in `(F ∘ G)(x)`.
+	/// For flexibility, instead of being a language construct, Graphene splits out composition itself as its own low-level node so that behavior can be overridden.
+	/// The `ComposeNode`s are then inserted during the graph rewriting step for nodes that don't opt out with `manual_composition`.
+	/// Instead of node `G` feeding into node `F` feeding as the result back to the caller,
+	/// the graph is rewritten so nodes `G` and `F` both feed as lambdas into the inputs of a `ComposeNode` which calls `F(G(input))` and returns the result to the caller.
+	///
+	/// A node's manual composition input represents an input that is not resolved through graph rewriting with a `ComposeNode`,
+	/// and is instead just passed in when evaluating this node within the borrow tree.
+	/// This is similar to having the first input be a `NodeInput::Network` after the graph flattening.
+	///
+	/// ## Example Use Case: CacheNode
+	///
+	/// The `CacheNode` is a pass-through node on cache miss, but on cache hit it needs to avoid evaluating the upstream node and instead just return the cached value.
+	///
+	/// First, let's consider what that would look like using the default composition flow if the `CacheNode` instead just always acted as a pass-through (akin to a cache that always misses):
+	///
+	/// ```text
+	/// ┌───────────────┐    ┌───────────────┐    ┌───────────────┐
+	/// │               │◄───┤               │◄───┤               │◄─── EVAL (START)
+	/// │       G       │    │PassThroughNode│    │       F       │
+	/// │               ├───►│               ├───►│               │───► RESULT (END)
+	/// └───────────────┘    └───────────────┘    └───────────────┘
+	/// ```
+	///
+	/// This acts like the function call `F(PassThroughNode(G(input)))` when evaluating `F` with some `input`: `F.eval(input)`.
+	/// - The diagram's upper track of arrows represents the flow of building up the call stack:
+	///   since `F` is the output it is encountered first but deferred to its upstream caller `PassThroughNode` and that is once again deferred to its upstream caller `G`.
+	/// - The diagram's lower track of arrows represents the flow of evaluating the call stack:
+	///   `G` is evaluated first, then `PassThroughNode` is evaluated with the result of `G`, and finally `F` is evaluated with the result of `PassThroughNode`.
+	///
+	/// With the default composition flow (no manual composition), `ComposeNode`s would be automatically inserted during the graph rewriting step like this:
+	///
+	/// ```text
+	///                                           ┌───────────────┐
+	///                                           │               │◄─── EVAL (START)
+	///                                           │  ComposeNode  │
+	///                      ┌───────────────┐    │               ├───► RESULT (END)
+	///                      │               │◄─┐ ├───────────────┤
+	///                      │       G       │  └─┤               │
+	///                      │               ├─┐  │     First     │
+	///                      └───────────────┘ └─►│               │
+	///                      ┌───────────────┐    ├───────────────┤
+	///                      │               │◄───┤               │
+	///                      │  ComposeNode  │    │     Second    │
+	/// ┌───────────────┐    │               ├───►│               │
+	/// │               │◄─┐ ├───────────────┤    └───────────────┘
+	/// │PassThroughNode│  └─┤               │
+	/// │               ├─┐  │     First     │
+	/// └───────────────┘ └─►│               │
+	/// ┌───────────────┐    ├───────────────┤
+	/// |               │◄───┤               │
+	/// │       F       │    │     Second    │
+	/// │               ├───►│               │
+	/// └───────────────┘    └───────────────┘
+	/// ```
+	///
+	/// Now let's swap back from the `PassThroughNode` to the `CacheNode` to make caching actually work.
+	/// It needs to override the default composition flow so that `G` is not automatically evaluated when the cache is hit.
+	/// We need to give the `CacheNode` more manual control over the order of execution.
+	/// So the `CacheNode` opts into manual composition and, instead of deferring to its upstream caller, it consumes the input directly:
+	///
+	/// ```text
+	///                      ┌───────────────┐    ┌───────────────┐
+	///                      │               │◄───┤               │◄─── EVAL (START)
+	///                      │   CacheNode   │    │       F       │
+	///                      │               ├───►│               │───► RESULT (END)
+	/// ┌───────────────┐    ├───────────────┤    └───────────────┘
+	/// │               │◄───┤               │
+	/// │       G       │    │  Cached Data  │
+	/// │               ├───►│               │
+	/// └───────────────┘    └───────────────┘
+	/// ```
+	///
+	/// Now, the call from `F` directly reaches the `CacheNode` and the `CacheNode` can decide whether to call `G.eval(input_from_f)`
+	/// in the event of a cache miss or just return the cached data in the event of a cache hit.
+	pub manual_composition: Option<Type>,
+	// A nested document network or a proto-node identifier.
+	pub implementation: DocumentNodeImplementation,
+	/// Represents the eye icon for hiding/showing the node in the graph UI. When hidden, a node gets replaced with an identity node during the graph flattening step.
+	#[serde(default = "return_true")]
+	pub visible: bool,
+	/// When two different proto nodes hash to the same value (e.g. two value nodes each containing `2_u32` or two multiply nodes that have the same node IDs as input), the duplicates are removed.
+	/// See [`ProtoNetwork::generate_stable_node_ids`] for details.
+	/// However sometimes this is not desirable, for example in the case of a [`graphene_core::memo::MonitorNode`] that needs to be accessed outside of the graph.
+	#[serde(default)]
+	pub skip_deduplication: bool,
+	/// The path to this node and its inputs and outputs as of when [`NodeNetwork::generate_node_paths`] was called.
+	#[serde(skip)]
+	pub original_location: OriginalLocation,
+}
+
+/// Represents the original location of a node input/output when [`NodeNetwork::generate_node_paths`] was called, allowing the types and errors to be derived.
+#[derive(Clone, Debug, PartialEq, Eq, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct Source {
+	pub node: Vec<NodeId>,
+	pub index: usize,
+}
+
+/// The path to this node and its inputs and outputs as of when [`NodeNetwork::generate_node_paths`] was called.
+#[derive(Clone, Debug, PartialEq, Eq, DynAny, Default, serde::Serialize, serde::Deserialize)]
+#[non_exhaustive]
+pub struct OriginalLocation {
+	/// The original location to the document node - e.g. [grandparent_id, parent_id, node_id].
+	pub path: Option<Vec<NodeId>>,
+	/// Each document input source maps to one proto node input (however one proto node input may come from several sources)
+	pub inputs_source: HashMap<Source, usize>,
+	/// List of nodes which depend on this node
+	pub dependants: Vec<Vec<NodeId>>,
+	/// A list of flags indicating whether the input is exposed in the UI
+	pub inputs_exposed: Vec<bool>,
+	/// Skipping inputs is useful for the manual composition thing - whereby a hidden `Footprint` input is added as the first input.
+	pub skip_inputs: usize,
+}
+
+impl Default for DocumentNode {
+	fn default() -> Self {
+		Self {
+			inputs: Default::default(),
+			manual_composition: Default::default(),
+			implementation: Default::default(),
+			visible: true,
+			skip_deduplication: Default::default(),
+			original_location: OriginalLocation::default(),
+		}
+	}
+}
+
+impl Hash for OriginalLocation {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.path.hash(state);
+		self.inputs_source.iter().for_each(|val| val.hash(state));
+		self.inputs_exposed.hash(state);
+		self.skip_inputs.hash(state);
+	}
+}
+impl OriginalLocation {
+	pub fn inputs(&self, index: usize) -> impl Iterator<Item = Source> + '_ {
+		[(index >= self.skip_inputs).then(|| Source {
+			node: self.path.clone().unwrap_or_default(),
+			index: self.inputs_exposed.iter().take(index - self.skip_inputs).filter(|&&exposed| exposed).count(),
+		})]
+		.into_iter()
+		.flatten()
+		.chain(self.inputs_source.iter().filter(move |x| *x.1 == index).map(|(source, _)| source.clone()))
+	}
+}
+impl DocumentNode {
+	/// Locate the input that is a [`NodeInput::Network`] at index `offset` and replace it with a [`NodeInput::Node`].
+	pub fn populate_first_network_input(&mut self, node_id: NodeId, output_index: usize, offset: usize, lambda: bool, source: impl Iterator<Item = Source>, skip: usize) {
+		let (index, _) = self
+			.inputs
+			.iter()
+			.enumerate()
+			.nth(offset)
+			.unwrap_or_else(|| panic!("no network input found for {self:#?} and offset: {offset}"));
+
+		self.inputs[index] = NodeInput::Node { node_id, output_index, lambda };
+		let input_source = &mut self.original_location.inputs_source;
+		for source in source {
+			input_source.insert(source, (index + self.original_location.skip_inputs).saturating_sub(skip));
+		}
+	}
+
+	fn resolve_proto_node(mut self) -> ProtoNode {
+		assert!(!self.inputs.is_empty() || self.manual_composition.is_some(), "Resolving document node {self:#?} with no inputs");
+		let DocumentNodeImplementation::ProtoNode(identifier) = self.implementation else {
+			unreachable!("tried to resolve not flattened node on resolved node {self:?}");
+		};
+
+		let (input, mut args) = if let Some(ty) = self.manual_composition {
+			(ProtoNodeInput::ManualComposition(ty), ConstructionArgs::Nodes(vec![]))
+		} else {
+			let first = self.inputs.remove(0);
+			match first {
+				NodeInput::Value { tagged_value, .. } => {
+					assert_eq!(self.inputs.len(), 0, "A value node cannot have any inputs. Current inputs: {:?}", self.inputs);
+					(ProtoNodeInput::ManualComposition(concrete!(graphene_core::Context<'static>)), ConstructionArgs::Value(tagged_value))
+				}
+				NodeInput::Node { node_id, output_index, lambda } => {
+					assert_eq!(output_index, 0, "Outputs should be flattened before converting to proto node");
+					let node = if lambda { ProtoNodeInput::NodeLambda(node_id) } else { ProtoNodeInput::Node(node_id) };
+					(node, ConstructionArgs::Nodes(vec![]))
+				}
+				NodeInput::Network { import_type, .. } => (ProtoNodeInput::ManualComposition(import_type), ConstructionArgs::Nodes(vec![])),
+				NodeInput::Inline(inline) => (ProtoNodeInput::None, ConstructionArgs::Inline(inline)),
+				NodeInput::Scope(_) => unreachable!("Scope input was not resolved"),
+				NodeInput::Reflection(_) => unreachable!("Reflection input was not resolved"),
+			}
+		};
+		assert!(!self.inputs.iter().any(|input| matches!(input, NodeInput::Network { .. })), "received non-resolved input");
+		assert!(
+			!self.inputs.iter().any(|input| matches!(input, NodeInput::Value { .. })),
+			"received value as input. inputs: {:#?}, construction_args: {:#?}",
+			self.inputs,
+			args
+		);
+
+		// If we have one input of the type inline, set it as the construction args
+		if let &[NodeInput::Inline(ref inline)] = self.inputs.as_slice() {
+			args = ConstructionArgs::Inline(inline.clone());
+		}
+		if let ConstructionArgs::Nodes(nodes) = &mut args {
+			nodes.extend(self.inputs.iter().map(|input| match input {
+				NodeInput::Node { node_id, lambda, .. } => (*node_id, *lambda),
+				_ => unreachable!(),
+			}));
+		}
+		ProtoNode {
+			identifier,
+			input,
+			construction_args: args,
+			original_location: self.original_location,
+			skip_deduplication: self.skip_deduplication,
+		}
+	}
+}
+
+/// Represents the possible inputs to a node.
+#[derive(Debug, Clone, PartialEq, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+pub enum NodeInput {
+	/// A reference to another node in the same network from which this node can receive its input.
+	Node { node_id: NodeId, output_index: usize, lambda: bool },
+
+	/// A hardcoded value that can't change after the graph is compiled. Gets converted into a value node during graph compilation.
+	Value { tagged_value: MemoHash<TaggedValue>, exposed: bool },
+
+	// TODO: Remove import_type and get type from parent node input
+	/// Input that is provided by the parent network to this document node, instead of from a hardcoded value or another node within the same network.
+	Network { import_type: Type, import_index: usize },
+
+	/// Input that is extracted from the parent scopes the node resides in. The string argument is the key.
+	Scope(Cow<'static, str>),
+
+	/// Input that is extracted from the parent scopes the node resides in. The string argument is the key.
+	Reflection(DocumentNodeMetadata),
+
+	/// A Rust source code string. Allows us to insert literal Rust code. Only used for GPU compilation.
+	/// We can use this whenever we spin up Rustc. Sort of like inline assembly, but because our language is Rust, it acts as inline Rust.
+	Inline(InlineRust),
+}
+
+#[derive(Debug, Clone, PartialEq, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct InlineRust {
+	pub expr: String,
+	pub ty: Type,
+}
+
+impl InlineRust {
+	pub fn new(expr: String, ty: Type) -> Self {
+		Self { expr, ty }
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+pub enum DocumentNodeMetadata {
+	DocumentNodePath,
+}
+
+impl NodeInput {
+	pub const fn node(node_id: NodeId, output_index: usize) -> Self {
+		Self::Node { node_id, output_index, lambda: false }
+	}
+
+	pub const fn lambda(node_id: NodeId, output_index: usize) -> Self {
+		Self::Node { node_id, output_index, lambda: true }
+	}
+
+	pub fn value(tagged_value: TaggedValue, exposed: bool) -> Self {
+		let tagged_value = tagged_value.into();
+		Self::Value { tagged_value, exposed }
+	}
+
+	pub const fn network(import_type: Type, import_index: usize) -> Self {
+		Self::Network { import_type, import_index }
+	}
+
+	pub fn scope(key: impl Into<Cow<'static, str>>) -> Self {
+		Self::Scope(key.into())
+	}
+
+	fn map_ids(&mut self, f: impl Fn(NodeId) -> NodeId) {
+		if let &mut NodeInput::Node { node_id, output_index, lambda } = self {
+			*self = NodeInput::Node {
+				node_id: f(node_id),
+				output_index,
+				lambda,
+			}
+		}
+	}
+
+	pub fn is_exposed(&self) -> bool {
+		match self {
+			NodeInput::Node { .. } => true,
+			NodeInput::Value { exposed, .. } => *exposed,
+			NodeInput::Network { .. } => true,
+			NodeInput::Inline(_) => false,
+			NodeInput::Scope(_) => false,
+			NodeInput::Reflection(_) => false,
+		}
+	}
+
+	pub fn ty(&self) -> Type {
+		match self {
+			NodeInput::Node { .. } => unreachable!("ty() called on NodeInput::Node"),
+			NodeInput::Value { tagged_value, .. } => tagged_value.ty(),
+			NodeInput::Network { import_type, .. } => import_type.clone(),
+			NodeInput::Inline(_) => panic!("ty() called on NodeInput::Inline"),
+			NodeInput::Scope(_) => unreachable!("ty() called on NodeInput::Scope"),
+			NodeInput::Reflection(_) => concrete!(Metadata),
+		}
+	}
+
+	pub fn as_value(&self) -> Option<&TaggedValue> {
+		if let NodeInput::Value { tagged_value, .. } = self { Some(tagged_value) } else { None }
+	}
+	pub fn as_value_mut(&mut self) -> Option<MemoHashGuard<'_, TaggedValue>> {
+		if let NodeInput::Value { tagged_value, .. } = self { Some(tagged_value.inner_mut()) } else { None }
+	}
+	pub fn as_non_exposed_value(&self) -> Option<&TaggedValue> {
+		if let NodeInput::Value { tagged_value, exposed: false } = self { Some(tagged_value) } else { None }
+	}
+
+	pub fn as_node(&self) -> Option<NodeId> {
+		if let NodeInput::Node { node_id, .. } = self { Some(*node_id) } else { None }
+	}
+}
+
+#[derive(Clone, Debug, DynAny, serde::Serialize, serde::Deserialize)]
+/// Represents the implementation of a node, which can be a nested [`NodeNetwork`], a proto [`ProtoNodeIdentifier`], or `Extract`.
+pub enum OldDocumentNodeImplementation {
+	/// This describes a (document) node built out of a subgraph of other (document) nodes.
+	///
+	/// A nested [`NodeNetwork`] that is flattened by the [`NodeNetwork::flatten`] function.
+	Network(OldNodeNetwork),
+	/// This describes a (document) node implemented as a proto node.
+	///
+	/// A proto node identifier which can be found in `node_registry.rs`.
+	#[serde(alias = "Unresolved")] // TODO: Eventually remove this alias document upgrade code
+	ProtoNode(ProtoNodeIdentifier),
+	/// The Extract variant is a tag which tells the compilation process to do something special. It invokes language-level functionality built for use by the ExtractNode to enable metaprogramming.
+	/// When the ExtractNode is compiled, it gets replaced by a value node containing a representation of the source code for the function/lambda of the document node that's fed into the ExtractNode
+	/// (but only that one document node, not upstream nodes).
+	///
+	/// This is explained in more detail here: <https://www.youtube.com/watch?v=72KJa3jQClo>
+	///
+	/// Currently we use it for GPU execution, where a node has to get "extracted" to its source code representation and stored as a value that can be given to the GpuCompiler node at runtime
+	/// (to become a compute shader). Future use could involve the addition of an InjectNode to convert the source code form back into an executable node, enabling metaprogramming in the node graph.
+	/// We would use an assortment of nodes that operate on Graphene source code (just data, no different from any other data flowing through the graph) to make graph transformations.
+	///
+	/// We use this for dealing with macros in a syntactic way of modifying the node graph from within the graph itself. Just like we often deal with lambdas to represent a whole group of
+	/// operations/code/logic, this allows us to basically deal with a lambda at a meta/source-code level, because we need to pass the GPU SPIR-V compiler the source code for a lambda,
+	/// not the executable logic of a lambda.
+	///
+	/// This is analogous to how Rust macros operate at the level of source code, not executable code. When we speak of source code, that represents Graphene's source code in the form of a
+	/// DocumentNode network, not the text form of Rust's source code. (Analogous to the token stream/AST of a Rust macro.)
+	///
+	/// `DocumentNode`s with a `DocumentNodeImplementation::Extract` are converted into a `ClonedNode` that returns the `DocumentNode` specified by the single `NodeInput::Node`. The referenced node
+	/// (specified by the single `NodeInput::Node`) is removed from the network, and any `NodeInput::Node`s used by the referenced node are replaced with a generically typed network input.
+	Extract,
+}
+
+#[derive(Clone, Debug, PartialEq, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+/// Represents the implementation of a node, which can be a nested [`NodeNetwork`], a proto [`ProtoNodeIdentifier`], or `Extract`.
+pub enum DocumentNodeImplementation {
+	/// This describes a (document) node built out of a subgraph of other (document) nodes.
+	///
+	/// A nested [`NodeNetwork`] that is flattened by the [`NodeNetwork::flatten`] function.
+	Network(NodeNetwork),
+	/// This describes a (document) node implemented as a proto node.
+	///
+	/// A proto node identifier which can be found in `node_registry.rs`.
+	#[serde(alias = "Unresolved")] // TODO: Eventually remove this alias document upgrade code
+	ProtoNode(ProtoNodeIdentifier),
+	/// The Extract variant is a tag which tells the compilation process to do something special. It invokes language-level functionality built for use by the ExtractNode to enable metaprogramming.
+	/// When the ExtractNode is compiled, it gets replaced by a value node containing a representation of the source code for the function/lambda of the document node that's fed into the ExtractNode
+	/// (but only that one document node, not upstream nodes).
+	///
+	/// This is explained in more detail here: <https://www.youtube.com/watch?v=72KJa3jQClo>
+	///
+	/// Currently we use it for GPU execution, where a node has to get "extracted" to its source code representation and stored as a value that can be given to the GpuCompiler node at runtime
+	/// (to become a compute shader). Future use could involve the addition of an InjectNode to convert the source code form back into an executable node, enabling metaprogramming in the node graph.
+	/// We would use an assortment of nodes that operate on Graphene source code (just data, no different from any other data flowing through the graph) to make graph transformations.
+	///
+	/// We use this for dealing with macros in a syntactic way of modifying the node graph from within the graph itself. Just like we often deal with lambdas to represent a whole group of
+	/// operations/code/logic, this allows us to basically deal with a lambda at a meta/source-code level, because we need to pass the GPU SPIR-V compiler the source code for a lambda,
+	/// not the executable logic of a lambda.
+	///
+	/// This is analogous to how Rust macros operate at the level of source code, not executable code. When we speak of source code, that represents Graphene's source code in the form of a
+	/// DocumentNode network, not the text form of Rust's source code. (Analogous to the token stream/AST of a Rust macro.)
+	///
+	/// `DocumentNode`s with a `DocumentNodeImplementation::Extract` are converted into a `ClonedNode` that returns the `DocumentNode` specified by the single `NodeInput::Node`. The referenced node
+	/// (specified by the single `NodeInput::Node`) is removed from the network, and any `NodeInput::Node`s used by the referenced node are replaced with a generically typed network input.
+	Extract,
+}
+
+impl Default for DocumentNodeImplementation {
+	fn default() -> Self {
+		Self::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IdentityNode"))
+	}
+}
+
+impl DocumentNodeImplementation {
+	pub fn get_network(&self) -> Option<&NodeNetwork> {
+		match self {
+			DocumentNodeImplementation::Network(n) => Some(n),
+			_ => None,
+		}
+	}
+
+	pub fn get_network_mut(&mut self) -> Option<&mut NodeNetwork> {
+		match self {
+			DocumentNodeImplementation::Network(n) => Some(n),
+			_ => None,
+		}
+	}
+
+	pub fn get_proto_node(&self) -> Option<&ProtoNodeIdentifier> {
+		match self {
+			DocumentNodeImplementation::ProtoNode(p) => Some(p),
+			_ => None,
+		}
+	}
+
+	pub const fn proto(name: &'static str) -> Self {
+		Self::ProtoNode(ProtoNodeIdentifier::new(name))
+	}
+
+	pub fn output_count(&self) -> usize {
+		match self {
+			DocumentNodeImplementation::Network(network) => network.exports.len(),
+			_ => 1,
+		}
+	}
+}
+
+// TODO: Eventually remove this document upgrade code
+#[derive(Debug, serde::Deserialize)]
+#[serde(untagged)]
+pub enum NodeExportVersions {
+	OldNodeInput(NodeOutput),
+	NodeInput(NodeInput),
+}
+
+// TODO: Eventually remove this document upgrade code
+#[derive(Debug, serde::Deserialize)]
+pub struct NodeOutput {
+	pub node_id: NodeId,
+	pub node_output_index: usize,
+}
+
+// TODO: Eventually remove this document upgrade code
+fn deserialize_exports<'de, D>(deserializer: D) -> Result<Vec<NodeInput>, D::Error>
+where
+	D: serde::Deserializer<'de>,
+{
+	use serde::Deserialize;
+	let node_input_versions = Vec::<NodeExportVersions>::deserialize(deserializer)?;
+
+	// Convert Vec<NodeOutput> to Vec<NodeInput>
+	let inputs = node_input_versions
+		.into_iter()
+		.map(|node_input_version| {
+			let node_output = match node_input_version {
+				NodeExportVersions::OldNodeInput(node_output) => node_output,
+				NodeExportVersions::NodeInput(node_input) => return node_input,
+			};
+			NodeInput::node(node_output.node_id, node_output.node_output_index)
+		})
+		.collect();
+
+	Ok(inputs)
+}
+
+/// An instance of a [`DocumentNodeDefinition`] that has been instantiated in a [`NodeNetwork`].
+/// Currently, when an instance is made, it lives all on its own without any lasting connection to the definition.
+/// But we will want to change it in the future so it merely references its definition.
+#[derive(Clone, Debug, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct OldDocumentNode {
+	/// A name chosen by the user for this instance of the node. Empty indicates no given name, in which case the node definition's name is displayed to the user in italics.
+	///  Ensure the click target in the encapsulating network is updated when this is modified by using network.update_click_target(node_id).
+	#[serde(default)]
+	pub alias: String,
+	// TODO: Replace this name with a reference to the [`DocumentNodeDefinition`] node definition to use the name from there instead.
+	/// The name of the node definition, as originally set by [`DocumentNodeDefinition`], used to display in the UI and to display the appropriate properties.
+	#[serde(deserialize_with = "migrate_layer_to_merge")]
+	pub name: String,
+	/// The inputs to a node, which are either:
+	/// - From other nodes within this graph [`NodeInput::Node`],
+	/// - A constant value [`NodeInput::Value`],
+	/// - A [`NodeInput::Network`] which specifies that this input is from outside the graph, which is resolved in the graph flattening step in the case of nested networks.
+	///
+	/// In the root network, it is resolved when evaluating the borrow tree.
+	/// Ensure the click target in the encapsulating network is updated when the inputs cause the node shape to change (currently only when exposing/hiding an input) by using network.update_click_target(node_id).
+	#[cfg_attr(target_arch = "wasm32", serde(alias = "outputs"))]
+	pub inputs: Vec<NodeInput>,
+	pub manual_composition: Option<Type>,
+	// TODO: Remove once this references its definition instead (see above TODO).
+	/// Indicates to the UI if a primary output should be drawn for this node.
+	/// True for most nodes, but the Split Channels node is an example of a node that has multiple secondary outputs but no primary output.
+	#[serde(default = "return_true")]
+	pub has_primary_output: bool,
+	// A nested document network or a proto-node identifier.
+	pub implementation: OldDocumentNodeImplementation,
+	/// User chosen state for displaying this as a left-to-right node or bottom-to-top layer. Ensure the click target in the encapsulating network is updated when the node changes to a layer by using network.update_click_target(node_id).
+	#[serde(default)]
+	pub is_layer: bool,
+	/// Represents the eye icon for hiding/showing the node in the graph UI. When hidden, a node gets replaced with an identity node during the graph flattening step.
+	#[serde(default = "return_true")]
+	pub visible: bool,
+	/// Represents the lock icon for locking/unlocking the node in the graph UI. When locked, a node cannot be moved in the graph UI.
+	#[serde(default)]
+	pub locked: bool,
+	/// Metadata about the node including its position in the graph UI. Ensure the click target in the encapsulating network is updated when the node moves by using network.update_click_target(node_id).
+	pub metadata: OldDocumentNodeMetadata,
+	/// When two different proto nodes hash to the same value (e.g. two value nodes each containing `2_u32` or two multiply nodes that have the same node IDs as input), the duplicates are removed.
+	/// See [`ProtoNetwork::generate_stable_node_ids`] for details.
+	/// However sometimes this is not desirable, for example in the case of a [`graphene_core::memo::MonitorNode`] that needs to be accessed outside of the graph.
+	#[serde(default)]
+	pub skip_deduplication: bool,
+	/// The path to this node and its inputs and outputs as of when [`NodeNetwork::generate_node_paths`] was called.
+	#[serde(skip)]
+	pub original_location: OriginalLocation,
+}
+
+// TODO: Eventually remove this document upgrade code
+#[derive(Clone, Debug, PartialEq, Default, specta::Type, Hash, DynAny, serde::Serialize, serde::Deserialize)]
+/// Metadata about the node including its position in the graph UI
+pub struct OldDocumentNodeMetadata {
+	pub position: IVec2,
+}
+
+// TODO: Eventually remove this document upgrade code
+#[derive(Clone, Copy, Debug, PartialEq, Hash, serde::Serialize, serde::Deserialize)]
+/// Root Node is the "default" export for a node network. Used by document metadata, displaying UI-only "Export" node, and for restoring the default preview node.
+pub struct OldRootNode {
+	pub id: NodeId,
+	pub output_index: usize,
+}
+
+// TODO: Eventually remove this document upgrade code
+#[derive(PartialEq, Debug, Clone, Hash, Default, serde::Serialize, serde::Deserialize)]
+pub enum OldPreviewing {
+	/// If there is a node to restore the connection to the export for, then it is stored in the option.
+	/// Otherwise, nothing gets restored and the primary export is disconnected.
+	Yes { root_node_to_restore: Option<OldRootNode> },
+	#[default]
+	No,
+}
+
+// TODO: Eventually remove this document upgrade code
+#[derive(Clone, Debug, DynAny, serde::Serialize, serde::Deserialize)]
+/// A network (subgraph) of nodes containing each [`DocumentNode`] and its ID, as well as list mapping each export to its connected node, or a value if disconnected
+pub struct OldNodeNetwork {
+	/// The list of data outputs that are exported from this network to the parent network.
+	/// Each export is a reference to a node within this network, paired with its output index, that is the source of the network's exported data.
+	#[serde(alias = "outputs", deserialize_with = "deserialize_exports")] // TODO: Eventually remove this alias document upgrade code
+	pub exports: Vec<NodeInput>,
+	/// The list of all nodes in this network.
+	//cfg_attr(feature = "serde", #[serde(serialize_with = "graphene_core::vector::serialize_hashmap", deserialize_with = "graphene_core::vector::deserialize_hashmap"))]
+	pub nodes: HashMap<NodeId, OldDocumentNode>,
+	/// Indicates whether the network is currently rendered with a particular node that is previewed, and if so, which connection should be restored when the preview ends.
+	#[serde(default)]
+	pub previewing: OldPreviewing,
+	/// Temporary fields to store metadata for "Import"/"Export" UI-only nodes, eventually will be replaced with lines leading to edges
+	#[serde(default = "default_import_metadata")]
+	pub imports_metadata: (NodeId, IVec2),
+	#[serde(default = "default_export_metadata")]
+	pub exports_metadata: (NodeId, IVec2),
+
+	/// A network may expose nodes as constants which can by used by other nodes using a `NodeInput::Scope(key)`.
+	#[serde(default)]
+	//cfg_attr(feature = "serde", #[serde(serialize_with = "graphene_core::vector::serialize_hashmap", deserialize_with = "graphene_core::vector::deserialize_hashmap"))]
+	pub scope_injections: HashMap<String, (NodeId, Type)>,
+}
+
+// TODO: Eventually remove this document upgrade code
+fn migrate_layer_to_merge<'de, D: serde::Deserializer<'de>>(deserializer: D) -> Result<String, D::Error> {
+	let mut s: String = serde::Deserialize::deserialize(deserializer)?;
+	if s == "Layer" {
+		s = "Merge".to_string();
+	}
+	Ok(s)
+}
+// TODO: Eventually remove this document upgrade code
+fn default_import_metadata() -> (NodeId, IVec2) {
+	(NodeId::new(), IVec2::new(-25, -4))
+}
+// TODO: Eventually remove this document upgrade code
+fn default_export_metadata() -> (NodeId, IVec2) {
+	(NodeId::new(), IVec2::new(8, -4))
+}
+
+#[derive(Clone, Default, Debug, DynAny, serde::Serialize, serde::Deserialize)]
+/// A network (subgraph) of nodes containing each [`DocumentNode`] and its ID, as well as list mapping each export to its connected node, or a value if disconnected
+pub struct NodeNetwork {
+	/// The list of data outputs that are exported from this network to the parent network.
+	/// Each export is a reference to a node within this network, paired with its output index, that is the source of the network's exported data.
+	// TODO: Eventually remove this alias document upgrade code
+	#[cfg_attr(target_arch = "wasm32", serde(alias = "outputs", deserialize_with = "deserialize_exports"))]
+	pub exports: Vec<NodeInput>,
+	// TODO: Instead of storing import types in each NodeInput::Network connection, the types are stored here. This is similar to how types need to be defined for parameters when creating a function in Rust.
+	// pub import_types: Vec<Type>,
+	/// The list of all nodes in this network.
+	#[serde(serialize_with = "graphene_core::vector::serialize_hashmap", deserialize_with = "graphene_core::vector::deserialize_hashmap")]
+	pub nodes: FxHashMap<NodeId, DocumentNode>,
+	/// A network may expose nodes as constants which can by used by other nodes using a `NodeInput::Scope(key)`.
+	#[serde(default)]
+	#[serde(serialize_with = "graphene_core::vector::serialize_hashmap", deserialize_with = "graphene_core::vector::deserialize_hashmap")]
+	pub scope_injections: FxHashMap<String, (NodeId, Type)>,
+	#[serde(skip)]
+	pub generated: bool,
+}
+
+impl Hash for NodeNetwork {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.exports.hash(state);
+		let mut nodes: Vec<_> = self.nodes.iter().collect();
+		nodes.sort_by_key(|(id, _)| *id);
+		for (id, node) in nodes {
+			id.hash(state);
+			node.hash(state);
+		}
+	}
+}
+
+impl PartialEq for NodeNetwork {
+	fn eq(&self, other: &Self) -> bool {
+		self.exports == other.exports
+	}
+}
+
+/// Graph modification functions
+impl NodeNetwork {
+	pub fn current_hash(&self) -> u64 {
+		let mut hasher = DefaultHasher::new();
+		self.hash(&mut hasher);
+		hasher.finish()
+	}
+
+	pub fn value_network(node: DocumentNode) -> Self {
+		Self {
+			exports: vec![NodeInput::node(NodeId(0), 0)],
+			nodes: [(NodeId(0), node)].into_iter().collect(),
+			..Default::default()
+		}
+	}
+
+	/// Get the nested network given by the path of node ids
+	pub fn nested_network(&self, nested_path: &[NodeId]) -> Option<&Self> {
+		let mut network = Some(self);
+
+		for segment in nested_path {
+			network = network.and_then(|network| network.nodes.get(segment)).and_then(|node| node.implementation.get_network());
+		}
+		network
+	}
+
+	/// Get the mutable nested network given by the path of node ids
+	pub fn nested_network_mut(&mut self, nested_path: &[NodeId]) -> Option<&mut Self> {
+		let mut network = Some(self);
+
+		for segment in nested_path {
+			network = network.and_then(|network| network.nodes.get_mut(segment)).and_then(|node| node.implementation.get_network_mut());
+		}
+		network
+	}
+
+	/// Is the node being used directly as an output?
+	pub fn outputs_contain(&self, node_id_to_check: NodeId) -> bool {
+		self.exports
+			.iter()
+			.any(|output| if let NodeInput::Node { node_id, .. } = output { *node_id == node_id_to_check } else { false })
+	}
+
+	/// Check there are no cycles in the graph (this should never happen).
+	pub fn is_acyclic(&self) -> bool {
+		let mut dependencies: HashMap<NodeId, Vec<NodeId>> = HashMap::new();
+		for (node_id, node) in &self.nodes {
+			dependencies.insert(
+				*node_id,
+				node.inputs
+					.iter()
+					.filter_map(|input| if let NodeInput::Node { node_id, .. } = input { Some(*node_id) } else { None })
+					.collect(),
+			);
+		}
+		while !dependencies.is_empty() {
+			let Some((&disconnected, _)) = dependencies.iter().find(|(_, l)| l.is_empty()) else {
+				error!("Dependencies {dependencies:?}");
+				return false;
+			};
+			dependencies.remove(&disconnected);
+			for connections in dependencies.values_mut() {
+				connections.retain(|&id| id != disconnected);
+			}
+		}
+		true
+	}
+}
+
+/// Functions for compiling the network
+impl NodeNetwork {
+	/// Replace all references in the graph of a node ID with a new node ID defined by the function `f`.
+	pub fn map_ids(&mut self, f: impl Fn(NodeId) -> NodeId + Copy) {
+		self.exports.iter_mut().for_each(|output| {
+			if let NodeInput::Node { node_id, .. } = output {
+				*node_id = f(*node_id)
+			}
+		});
+		self.scope_injections.values_mut().for_each(|(id, _ty)| *id = f(*id));
+		let nodes = std::mem::take(&mut self.nodes);
+		self.nodes = nodes
+			.into_iter()
+			.map(|(id, mut node)| {
+				node.inputs.iter_mut().for_each(|input| input.map_ids(f));
+				node.original_location.dependants.iter_mut().for_each(|deps| deps.iter_mut().for_each(|id| *id = f(*id)));
+				(f(id), node)
+			})
+			.collect();
+	}
+
+	/// Populate the [`DocumentNode::path`], which stores the location of the document node to allow for matching the resulting proto nodes to the document node for the purposes of typing and finding monitor nodes.
+	pub fn generate_node_paths(&mut self, prefix: &[NodeId]) {
+		for (node_id, node) in &mut self.nodes {
+			let mut new_path = prefix.to_vec();
+			if !self.generated {
+				new_path.push(*node_id);
+			}
+			if let DocumentNodeImplementation::Network(network) = &mut node.implementation {
+				network.generate_node_paths(new_path.as_slice());
+			}
+			if node.original_location.path.is_some() {
+				log::warn!("Attempting to overwrite node path");
+			} else {
+				node.original_location = OriginalLocation {
+					path: Some(new_path),
+					inputs_exposed: node.inputs.iter().map(|input| input.is_exposed()).collect(),
+					skip_inputs: if node.manual_composition.is_some() { 1 } else { 0 },
+					dependants: (0..node.implementation.output_count()).map(|_| Vec::new()).collect(),
+					..Default::default()
+				};
+			}
+		}
+	}
+
+	pub fn populate_dependants(&mut self) {
+		let mut dep_changes = Vec::new();
+		for (node_id, node) in &mut self.nodes {
+			let len = node.original_location.dependants.len();
+			node.original_location.dependants.extend(vec![vec![]; (node.implementation.output_count()).max(len) - len]);
+			for input in &node.inputs {
+				if let NodeInput::Node { node_id: dep_id, output_index, .. } = input {
+					dep_changes.push((*dep_id, *output_index, *node_id));
+				}
+			}
+		}
+		// println!("{:#?}", self.nodes.get(&NodeId(1)));
+		for (dep_id, output_index, node_id) in dep_changes {
+			let node = self.nodes.get_mut(&dep_id).expect("Encountered invalid node id");
+			let len = node.original_location.dependants.len();
+			// One must be added to the index to find the length because indexing in rust starts from 0.
+			node.original_location.dependants.extend(vec![vec![]; (output_index + 1).max(len) - len]);
+			// println!("{node_id} {output_index} {}", node.implementation.output_count());
+			node.original_location.dependants[output_index].push(node_id);
+		}
+	}
+
+	/// Replace all references in any node of `old_input` with `new_input`
+	fn replace_node_inputs(&mut self, node_id: NodeId, old_input: (NodeId, usize), new_input: (NodeId, usize)) {
+		let Some(node) = self.nodes.get_mut(&node_id) else { return };
+		node.inputs.iter_mut().for_each(|input| {
+			if let NodeInput::Node { node_id: input_id, output_index, .. } = input {
+				if (*input_id, *output_index) == old_input {
+					(*input_id, *output_index) = new_input;
+				}
+			}
+		});
+	}
+
+	/// Replace all references in any node of `old_output` with `new_output`
+	fn replace_network_outputs(&mut self, old_output: NodeInput, new_output: NodeInput) {
+		for output in self.exports.iter_mut() {
+			if *output == old_output {
+				*output = new_output.clone();
+			}
+		}
+	}
+
+	/// Removes unused nodes from the graph. Returns a list of booleans which represent if each of the inputs have been retained.
+	pub fn remove_dead_nodes(&mut self, number_of_inputs: usize) -> Vec<bool> {
+		// Take all the nodes out of the nodes list
+		let mut old_nodes = std::mem::take(&mut self.nodes);
+
+		let mut stack = self
+			.exports
+			.iter()
+			.filter_map(|output| if let NodeInput::Node { node_id, .. } = output { Some(*node_id) } else { None })
+			.collect::<Vec<_>>();
+		while let Some(node_id) = stack.pop() {
+			let Some((node_id, mut document_node)) = old_nodes.remove_entry(&node_id) else {
+				continue;
+			};
+			// Remove dead nodes from child networks
+			if let DocumentNodeImplementation::Network(network) = &mut document_node.implementation {
+				// Remove inputs to the parent node if they have been removed from the child
+				let mut retain_inputs = network.remove_dead_nodes(document_node.inputs.len()).into_iter();
+				document_node.inputs.retain(|_| retain_inputs.next().unwrap_or(true))
+			}
+			// Visit all nodes that this node references
+			stack.extend(
+				document_node
+					.inputs
+					.iter()
+					.filter_map(|input| if let NodeInput::Node { node_id, .. } = input { Some(node_id) } else { None }),
+			);
+			// Add the node back to the list of nodes
+			self.nodes.insert(node_id, document_node);
+		}
+
+		// Check if inputs are used and store for return value
+		let mut are_inputs_used = vec![false; number_of_inputs];
+		for node in &self.nodes {
+			for node_input in &node.1.inputs {
+				if let NodeInput::Network { import_index, .. } = node_input {
+					if let Some(is_used) = are_inputs_used.get_mut(*import_index) {
+						*is_used = true;
+					}
+				}
+			}
+		}
+		are_inputs_used
+	}
+
+	pub fn resolve_scope_inputs(&mut self) {
+		for node in self.nodes.values_mut() {
+			for input in node.inputs.iter_mut() {
+				if let NodeInput::Scope(key) = input {
+					let (import_id, _ty) = self.scope_injections.get(key.as_ref()).expect("Tried to import a non existent key from scope");
+					// TODO use correct output index
+					*input = NodeInput::node(*import_id, 0);
+				}
+			}
+		}
+	}
+
+	/// Remove all nodes that contain [`DocumentNodeImplementation::Network`] by moving the nested nodes into the parent network.
+	pub fn flatten(&mut self, node_id: NodeId) {
+		self.flatten_with_fns(node_id, merge_ids, NodeId::new)
+	}
+
+	/// Remove all nodes that contain [`DocumentNodeImplementation::Network`] by moving the nested nodes into the parent network.
+	pub fn flatten_with_fns(&mut self, node_id: NodeId, map_ids: impl Fn(NodeId, NodeId) -> NodeId + Copy, gen_id: impl Fn() -> NodeId + Copy) {
+		let Some((id, mut node)) = self.nodes.remove_entry(&node_id) else {
+			warn!("The node which was supposed to be flattened does not exist in the network, id {node_id} network {self:#?}");
+			return;
+		};
+		// If the node is hidden, replace it with an identity node
+		let identity_node = DocumentNodeImplementation::ProtoNode("graphene_core::ops::IdentityNode".into());
+		if !node.visible && node.implementation != identity_node {
+			node.implementation = identity_node;
+
+			// Connect layer node to the graphic group below
+			node.inputs.drain(1..);
+			node.manual_composition = None;
+			self.nodes.insert(id, node);
+			return;
+		}
+
+		let path = node.original_location.path.clone().unwrap_or_default();
+
+		// Replace value inputs with dedicated value nodes
+		if node.implementation != DocumentNodeImplementation::ProtoNode("graphene_core::value::ClonedNode".into()) {
+			Self::replace_value_inputs_with_nodes(&mut node.inputs, &mut self.nodes, &path, gen_id, map_ids, id);
+		}
+
+		let DocumentNodeImplementation::Network(mut inner_network) = node.implementation else {
+			// If the node is not a network, it is a primitive node and can be inserted into the network as is.
+			assert!(!self.nodes.contains_key(&id), "Trying to insert a node into the network caused an id conflict");
+
+			self.nodes.insert(id, node);
+			return;
+		};
+
+		// Replace value and reflection imports with value nodes, added inside nested network
+		Self::replace_value_inputs_with_nodes(
+			&mut inner_network.exports,
+			&mut inner_network.nodes,
+			node.original_location.path.as_ref().unwrap_or(&vec![]),
+			gen_id,
+			map_ids,
+			id,
+		);
+
+		// Connect all network inputs to either the parent network nodes, or newly created value nodes for the parent node.
+		inner_network.map_ids(|inner_id| map_ids(id, inner_id));
+		inner_network.populate_dependants();
+		let new_nodes = inner_network.nodes.keys().cloned().collect::<Vec<_>>();
+
+		for (key, value) in inner_network.scope_injections.into_iter() {
+			match self.scope_injections.entry(key) {
+				std::collections::hash_map::Entry::Occupied(o) => {
+					log::warn!("Found duplicate scope injection for key {}, ignoring", o.key());
+				}
+				std::collections::hash_map::Entry::Vacant(v) => {
+					v.insert(value);
+				}
+			}
+		}
+
+		// Match the document node input and the inputs of the inner network
+		for (nested_node_id, mut nested_node) in inner_network.nodes.into_iter() {
+			for (nested_input_index, nested_input) in nested_node.clone().inputs.iter().enumerate() {
+				if let NodeInput::Network { import_index, .. } = nested_input {
+					let parent_input = node.inputs.get(*import_index).unwrap_or_else(|| panic!("Import index {} should always exist", import_index));
+					match *parent_input {
+						// If the input to self is a node, connect the corresponding output of the inner network to it
+						NodeInput::Node { node_id, output_index, lambda } => {
+							let skip = node.original_location.skip_inputs;
+							nested_node.populate_first_network_input(node_id, output_index, nested_input_index, lambda, node.original_location.inputs(*import_index), skip);
+							let input_node = self.nodes.get_mut(&node_id).unwrap_or_else(|| panic!("unable find input node {node_id:?}"));
+							input_node.original_location.dependants[output_index].push(nested_node_id);
+						}
+						NodeInput::Network { import_index, .. } => {
+							let parent_input_index = import_index;
+							let Some(NodeInput::Network { import_index, .. }) = nested_node.inputs.get_mut(nested_input_index) else {
+								log::error!("Nested node should have a network input");
+								continue;
+							};
+							*import_index = parent_input_index;
+						}
+						NodeInput::Value { .. } => unreachable!("Value inputs should have been replaced with value nodes"),
+						NodeInput::Inline(_) => (),
+						NodeInput::Scope(ref key) => {
+							let (import_id, _ty) = self.scope_injections.get(key.as_ref()).expect("Tried to import a non existent key from scope");
+							// TODO use correct output index
+							nested_node.inputs[nested_input_index] = NodeInput::node(*import_id, 0);
+						}
+						NodeInput::Reflection(_) => unreachable!("Reflection inputs should have been replaced with value nodes"),
+					}
+				}
+			}
+			self.nodes.insert(nested_node_id, nested_node);
+		}
+		// TODO: Add support for flattening exports that are NodeInput::Network (https://github.com/GraphiteEditor/Graphite/issues/1762)
+
+		// Connect all nodes that were previously connected to this node to the nodes of the inner network
+		for (i, export) in inner_network.exports.into_iter().enumerate() {
+			if let NodeInput::Node { node_id, output_index, .. } = &export {
+				for deps in &node.original_location.dependants {
+					for dep in deps {
+						self.replace_node_inputs(*dep, (id, i), (*node_id, *output_index));
+					}
+				}
+
+				if let Some(new_output_node) = self.nodes.get_mut(node_id) {
+					for dep in &node.original_location.dependants[i] {
+						new_output_node.original_location.dependants[*output_index].push(*dep);
+					}
+				}
+			}
+
+			self.replace_network_outputs(NodeInput::node(id, i), export);
+		}
+
+		for node_id in new_nodes {
+			self.flatten_with_fns(node_id, map_ids, gen_id);
+		}
+	}
+
+	#[inline(never)]
+	fn replace_value_inputs_with_nodes(
+		inputs: &mut [NodeInput],
+		collection: &mut FxHashMap<NodeId, DocumentNode>,
+		path: &[NodeId],
+		gen_id: impl Fn() -> NodeId + Copy,
+		map_ids: impl Fn(NodeId, NodeId) -> NodeId + Copy,
+		id: NodeId,
+	) {
+		// Replace value exports and imports with value nodes, added inside the nested network
+		for export in inputs {
+			let export: &mut NodeInput = export;
+			let previous_export = std::mem::replace(export, NodeInput::network(concrete!(()), 0));
+
+			let (tagged_value, exposed) = match previous_export {
+				NodeInput::Value { tagged_value, exposed } => (tagged_value, exposed),
+				NodeInput::Reflection(reflect) => match reflect {
+					DocumentNodeMetadata::DocumentNodePath => (TaggedValue::NodePath(path.to_vec()).into(), false),
+				},
+				previous_export => {
+					*export = previous_export;
+					continue;
+				}
+			};
+			let value_node_id = gen_id();
+			let merged_node_id = map_ids(id, value_node_id);
+			let mut original_location = OriginalLocation {
+				path: Some(path.to_vec()),
+				dependants: vec![vec![id]],
+				..Default::default()
+			};
+
+			if let Some(path) = &mut original_location.path {
+				path.push(value_node_id);
+			}
+			collection.insert(
+				merged_node_id,
+				DocumentNode {
+					inputs: vec![NodeInput::Value { tagged_value, exposed }],
+					implementation: DocumentNodeImplementation::ProtoNode("graphene_core::value::ClonedNode".into()),
+					original_location,
+					..Default::default()
+				},
+			);
+			*export = NodeInput::Node {
+				node_id: merged_node_id,
+				output_index: 0,
+				lambda: false,
+			};
+		}
+	}
+
+	// /// Locate the export that is a [`NodeInput::Network`] at index `offset` and replace it with a [`NodeInput::Node`].
+	// fn populate_first_network_export(&mut self, node: &mut DocumentNode, node_id: NodeId, output_index: usize, lambda: bool, export_index: usize, source: impl Iterator<Item = Source>, skip: usize) {
+	// 	self.exports[export_index] = NodeInput::Node { node_id, output_index, lambda };
+	// 	let input_source = &mut node.original_location.inputs_source;
+	// 	for source in source {
+	// 		input_source.insert(source, output_index + node.original_location.skip_inputs - skip);
+	// 	}
+	// }
+
+	fn remove_id_node(&mut self, id: NodeId) -> Result<(), String> {
+		let node = self.nodes.get(&id).ok_or_else(|| format!("Node with id {id} does not exist"))?.clone();
+		if let DocumentNodeImplementation::ProtoNode(ident) = &node.implementation {
+			if ident.name == "graphene_core::ops::IdentityNode" {
+				assert_eq!(node.inputs.len(), 1, "Id node has more than one input");
+				if let NodeInput::Node { node_id, output_index, .. } = node.inputs[0] {
+					let node_input_output_index = output_index;
+					// TODO fix
+					if let Some(input_node) = self.nodes.get_mut(&node_id) {
+						for &dep in &node.original_location.dependants[0] {
+							input_node.original_location.dependants[output_index].push(dep);
+						}
+					}
+
+					let input_node_id = node_id;
+					for output in self.nodes.values_mut() {
+						for (index, input) in output.inputs.iter_mut().enumerate() {
+							if let NodeInput::Node {
+								node_id: output_node_id,
+								output_index: output_output_index,
+								..
+							} = input
+							{
+								if *output_node_id == id {
+									*output_node_id = input_node_id;
+									*output_output_index = node_input_output_index;
+
+									let input_source = &mut output.original_location.inputs_source;
+									for source in node.original_location.inputs(index) {
+										input_source.insert(source, index + output.original_location.skip_inputs - node.original_location.skip_inputs);
+									}
+								}
+							}
+						}
+						for node_input in self.exports.iter_mut() {
+							if let NodeInput::Node { node_id, output_index, .. } = node_input {
+								if *node_id == id {
+									*node_id = input_node_id;
+									*output_index = node_input_output_index;
+								}
+							}
+						}
+					}
+				}
+				self.nodes.remove(&id);
+			}
+		}
+		Ok(())
+	}
+
+	/// Strips out any [`graphene_core::ops::IdentityNode`]s that are unnecessary.
+	pub fn remove_redundant_id_nodes(&mut self) {
+		let id_nodes = self
+			.nodes
+			.iter()
+			.filter(|(_, node)| {
+				matches!(&node.implementation, DocumentNodeImplementation::ProtoNode(ident) if ident == &ProtoNodeIdentifier::new("graphene_core::ops::IdentityNode"))
+					&& node.inputs.len() == 1
+					&& matches!(node.inputs[0], NodeInput::Node { .. })
+			})
+			.map(|(id, _)| *id)
+			.collect::<Vec<_>>();
+		for id in id_nodes {
+			if let Err(e) = self.remove_id_node(id) {
+				log::warn!("{e}")
+			}
+		}
+	}
+
+	/// Converts the `DocumentNode`s with a `DocumentNodeImplementation::Extract` into a `ClonedNode` that returns
+	/// the `DocumentNode` specified by the single `NodeInput::Node`.
+	/// The referenced node is removed from the network, and any `NodeInput::Node`s used by the referenced node are replaced with a generically typed network input.
+	pub fn resolve_extract_nodes(&mut self) {
+		let mut extraction_nodes = self
+			.nodes
+			.iter()
+			.filter(|(_, node)| matches!(node.implementation, DocumentNodeImplementation::Extract))
+			.map(|(id, node)| (*id, node.clone()))
+			.collect::<Vec<_>>();
+		self.nodes.retain(|_, node| !matches!(node.implementation, DocumentNodeImplementation::Extract));
+
+		for (_, node) in &mut extraction_nodes {
+			assert_eq!(node.inputs.len(), 1);
+			let NodeInput::Node { node_id, output_index, .. } = node.inputs.pop().unwrap() else {
+				panic!("Extract node has no input, inputs: {:?}", node.inputs);
+			};
+			assert_eq!(output_index, 0);
+			// TODO: check if we can read lambda checking?
+			let mut input_node = self.nodes.remove(&node_id).unwrap();
+			node.implementation = DocumentNodeImplementation::ProtoNode("graphene_core::value::ClonedNode".into());
+			if let Some(input) = input_node.inputs.get_mut(0) {
+				*input = match &input {
+					NodeInput::Node { .. } => NodeInput::network(generic!(T), 0),
+					ni => NodeInput::network(ni.ty(), 0),
+				};
+			}
+
+			for input in input_node.inputs.iter_mut() {
+				if let NodeInput::Node { .. } = input {
+					*input = NodeInput::network(generic!(T), 0)
+				}
+			}
+			node.inputs = vec![NodeInput::value(TaggedValue::DocumentNode(input_node), false)];
+		}
+		self.nodes.extend(extraction_nodes);
+	}
+
+	/// Creates a proto network for evaluating each output of this network.
+	pub fn into_proto_networks(self) -> impl Iterator<Item = ProtoNetwork> {
+		let nodes: Vec<_> = self.nodes.into_iter().map(|(id, node)| (id, node.resolve_proto_node())).collect();
+
+		// Create a network to evaluate each output
+		if self.exports.len() == 1 {
+			if let NodeInput::Node { node_id, .. } = self.exports[0] {
+				return vec![ProtoNetwork {
+					inputs: Vec::new(),
+					output: node_id,
+					nodes,
+				}]
+				.into_iter();
+			}
+		}
+
+		// Create a network to evaluate each output
+		let networks: Vec<_> = self
+			.exports
+			.into_iter()
+			.filter_map(move |output| {
+				if let NodeInput::Node { node_id, .. } = output {
+					Some(ProtoNetwork {
+						inputs: Vec::new(), // Inputs field is not used. Should be deleted
+						// inputs: vec![input_node.expect("Set node should always exist")],
+						// inputs: self.imports.clone(),
+						output: node_id,
+						nodes: nodes.clone(),
+					})
+				} else {
+					None
+				}
+			})
+			.collect();
+		networks.into_iter()
+	}
+
+	/// Create a [`RecursiveNodeIter`] that iterates over all [`DocumentNode`]s, including ones that are deeply nested.
+	pub fn recursive_nodes(&self) -> RecursiveNodeIter<'_> {
+		let nodes = self.nodes.iter().map(|(id, node)| (id, node, Vec::new())).collect();
+		RecursiveNodeIter { nodes }
+	}
+}
+
+/// An iterator over all [`DocumentNode`]s, including ones that are deeply nested.
+pub struct RecursiveNodeIter<'a> {
+	nodes: Vec<(&'a NodeId, &'a DocumentNode, Vec<NodeId>)>,
+}
+
+impl<'a> Iterator for RecursiveNodeIter<'a> {
+	type Item = (&'a NodeId, &'a DocumentNode, Vec<NodeId>);
+	fn next(&mut self) -> Option<Self::Item> {
+		let (current_id, node, path) = self.nodes.pop()?;
+		if let DocumentNodeImplementation::Network(network) = &node.implementation {
+			self.nodes.extend(network.nodes.iter().map(|(id, node)| {
+				let mut nested_path = path.clone();
+				nested_path.push(*current_id);
+				(id, node, nested_path)
+			}));
+		}
+		Some((current_id, node, path))
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use crate::proto::{ConstructionArgs, ProtoNetwork, ProtoNode, ProtoNodeInput};
+	use graphene_core::ProtoNodeIdentifier;
+	use std::sync::atomic::AtomicU64;
+
+	fn gen_node_id() -> NodeId {
+		static NODE_ID: AtomicU64 = AtomicU64::new(4);
+		NodeId(NODE_ID.fetch_add(1, std::sync::atomic::Ordering::SeqCst))
+	}
+
+	fn add_network() -> NodeNetwork {
+		NodeNetwork {
+			exports: vec![NodeInput::node(NodeId(1), 0)],
+			nodes: [
+				(
+					NodeId(0),
+					DocumentNode {
+						inputs: vec![NodeInput::network(concrete!(u32), 0), NodeInput::network(concrete!(u32), 1)],
+						implementation: DocumentNodeImplementation::ProtoNode("graphene_core::structural::ConsNode".into()),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(1),
+					DocumentNode {
+						inputs: vec![NodeInput::node(NodeId(0), 0)],
+						implementation: DocumentNodeImplementation::ProtoNode("graphene_core::ops::AddPairNode".into()),
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+			..Default::default()
+		}
+	}
+
+	#[test]
+	fn map_ids() {
+		let mut network = add_network();
+		network.map_ids(|id| NodeId(id.0 + 1));
+		let mapped_add = NodeNetwork {
+			exports: vec![NodeInput::node(NodeId(2), 0)],
+			nodes: [
+				(
+					NodeId(1),
+					DocumentNode {
+						inputs: vec![NodeInput::network(concrete!(u32), 0), NodeInput::network(concrete!(u32), 1)],
+						implementation: DocumentNodeImplementation::ProtoNode("graphene_core::structural::ConsNode".into()),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(2),
+					DocumentNode {
+						inputs: vec![NodeInput::node(NodeId(1), 0)],
+						implementation: DocumentNodeImplementation::ProtoNode("graphene_core::ops::AddPairNode".into()),
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+			..Default::default()
+		};
+		assert_eq!(network, mapped_add);
+	}
+
+	#[test]
+	fn extract_node() {
+		let id_node = DocumentNode {
+			inputs: vec![],
+			implementation: DocumentNodeImplementation::ProtoNode("graphene_core::ops::IdentityNode".into()),
+			..Default::default()
+		};
+		// TODO: Extend test cases to test nested network
+		let mut extraction_network = NodeNetwork {
+			exports: vec![NodeInput::node(NodeId(1), 0)],
+			nodes: [
+				id_node.clone(),
+				DocumentNode {
+					inputs: vec![NodeInput::lambda(NodeId(0), 0)],
+					implementation: DocumentNodeImplementation::Extract,
+					..Default::default()
+				},
+			]
+			.into_iter()
+			.enumerate()
+			.map(|(id, node)| (NodeId(id as u64), node))
+			.collect(),
+			..Default::default()
+		};
+		extraction_network.resolve_extract_nodes();
+		assert_eq!(extraction_network.nodes.len(), 1);
+		let inputs = extraction_network.nodes.get(&NodeId(1)).unwrap().inputs.clone();
+		assert_eq!(inputs.len(), 1);
+		assert!(matches!(&inputs[0].as_value(), &Some(TaggedValue::DocumentNode(network), ..) if network == &id_node));
+	}
+
+	#[test]
+	fn flatten_add() {
+		let mut network = NodeNetwork {
+			exports: vec![NodeInput::node(NodeId(1), 0)],
+			nodes: [(
+				NodeId(1),
+				DocumentNode {
+					inputs: vec![NodeInput::network(concrete!(u32), 0), NodeInput::value(TaggedValue::U32(2), false)],
+					implementation: DocumentNodeImplementation::Network(add_network()),
+					..Default::default()
+				},
+			)]
+			.into_iter()
+			.collect(),
+			..Default::default()
+		};
+		network.populate_dependants();
+		network.flatten_with_fns(NodeId(1), |self_id, inner_id| NodeId(self_id.0 * 10 + inner_id.0), gen_node_id);
+		let flat_network = flat_network();
+		println!("{flat_network:#?}");
+		println!("{network:#?}");
+
+		assert_eq!(flat_network, network);
+	}
+
+	#[test]
+	fn resolve_proto_node_add() {
+		let document_node = DocumentNode {
+			inputs: vec![NodeInput::network(concrete!(u32), 0), NodeInput::node(NodeId(0), 0)],
+			implementation: DocumentNodeImplementation::ProtoNode("graphene_core::structural::ConsNode".into()),
+			..Default::default()
+		};
+
+		let proto_node = document_node.resolve_proto_node();
+		let reference = ProtoNode {
+			identifier: "graphene_core::structural::ConsNode".into(),
+			input: ProtoNodeInput::ManualComposition(concrete!(u32)),
+			construction_args: ConstructionArgs::Nodes(vec![(NodeId(0), false)]),
+			..Default::default()
+		};
+		assert_eq!(proto_node, reference);
+	}
+
+	#[test]
+	fn resolve_flatten_add_as_proto_network() {
+		let construction_network = ProtoNetwork {
+			inputs: Vec::new(),
+			output: NodeId(11),
+			nodes: [
+				(
+					NodeId(10),
+					ProtoNode {
+						identifier: "graphene_core::structural::ConsNode".into(),
+						input: ProtoNodeInput::ManualComposition(concrete!(u32)),
+						construction_args: ConstructionArgs::Nodes(vec![(NodeId(14), false)]),
+						original_location: OriginalLocation {
+							path: Some(vec![NodeId(1), NodeId(0)]),
+							inputs_source: [(Source { node: vec![NodeId(1)], index: 1 }, 1)].into(),
+							inputs_exposed: vec![true, true],
+							skip_inputs: 0,
+							..Default::default()
+						},
+
+						..Default::default()
+					},
+				),
+				(
+					NodeId(11),
+					ProtoNode {
+						identifier: "graphene_core::ops::AddPairNode".into(),
+						input: ProtoNodeInput::Node(NodeId(10)),
+						construction_args: ConstructionArgs::Nodes(vec![]),
+						original_location: OriginalLocation {
+							path: Some(vec![NodeId(1), NodeId(1)]),
+							inputs_source: HashMap::new(),
+							inputs_exposed: vec![true],
+							skip_inputs: 0,
+							..Default::default()
+						},
+						..Default::default()
+					},
+				),
+				(
+					NodeId(14),
+					ProtoNode {
+						identifier: "graphene_core::value::ClonedNode".into(),
+						input: ProtoNodeInput::ManualComposition(concrete!(graphene_core::Context)),
+						construction_args: ConstructionArgs::Value(TaggedValue::U32(2).into()),
+						original_location: OriginalLocation {
+							path: Some(vec![NodeId(1), NodeId(4)]),
+							inputs_source: HashMap::new(),
+							inputs_exposed: vec![true, false],
+							skip_inputs: 0,
+							..Default::default()
+						},
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+		};
+		let network = flat_network();
+		let mut resolved_network = network.into_proto_networks().collect::<Vec<_>>();
+		resolved_network[0].nodes.sort_unstable_by_key(|(id, _)| *id);
+
+		println!("{:#?}", resolved_network[0]);
+		println!("{construction_network:#?}");
+		pretty_assertions::assert_eq!(resolved_network[0], construction_network);
+	}
+
+	fn flat_network() -> NodeNetwork {
+		NodeNetwork {
+			exports: vec![NodeInput::node(NodeId(11), 0)],
+			nodes: [
+				(
+					NodeId(10),
+					DocumentNode {
+						inputs: vec![NodeInput::network(concrete!(u32), 0), NodeInput::node(NodeId(14), 0)],
+						implementation: DocumentNodeImplementation::ProtoNode("graphene_core::structural::ConsNode".into()),
+						original_location: OriginalLocation {
+							path: Some(vec![NodeId(1), NodeId(0)]),
+							inputs_source: [(Source { node: vec![NodeId(1)], index: 1 }, 1)].into(),
+							inputs_exposed: vec![true, true],
+							skip_inputs: 0,
+							..Default::default()
+						},
+						..Default::default()
+					},
+				),
+				(
+					NodeId(14),
+					DocumentNode {
+						inputs: vec![NodeInput::value(TaggedValue::U32(2), false)],
+						implementation: DocumentNodeImplementation::ProtoNode("graphene_core::value::ClonedNode".into()),
+						original_location: OriginalLocation {
+							path: Some(vec![NodeId(1), NodeId(4)]),
+							inputs_source: HashMap::new(),
+							inputs_exposed: vec![true, false],
+							skip_inputs: 0,
+							..Default::default()
+						},
+						..Default::default()
+					},
+				),
+				(
+					NodeId(11),
+					DocumentNode {
+						inputs: vec![NodeInput::node(NodeId(10), 0)],
+						implementation: DocumentNodeImplementation::ProtoNode("graphene_core::ops::AddPairNode".into()),
+						original_location: OriginalLocation {
+							path: Some(vec![NodeId(1), NodeId(1)]),
+							inputs_source: HashMap::new(),
+							inputs_exposed: vec![true],
+							skip_inputs: 0,
+							..Default::default()
+						},
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+			..Default::default()
+		}
+	}
+
+	fn two_node_identity() -> NodeNetwork {
+		NodeNetwork {
+			exports: vec![NodeInput::node(NodeId(1), 0), NodeInput::node(NodeId(2), 0)],
+			nodes: [
+				(
+					NodeId(1),
+					DocumentNode {
+						inputs: vec![NodeInput::network(concrete!(u32), 0)],
+						implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IdentityNode")),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(2),
+					DocumentNode {
+						inputs: vec![NodeInput::network(concrete!(u32), 1)],
+						implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IdentityNode")),
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+			..Default::default()
+		}
+	}
+
+	fn output_duplicate(network_outputs: Vec<NodeInput>, result_node_input: NodeInput) -> NodeNetwork {
+		let mut network = NodeNetwork {
+			exports: network_outputs,
+			nodes: [
+				(
+					NodeId(1),
+					DocumentNode {
+						inputs: vec![NodeInput::value(TaggedValue::F64(1.), false), NodeInput::value(TaggedValue::F64(2.), false)],
+						implementation: DocumentNodeImplementation::Network(two_node_identity()),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(2),
+					DocumentNode {
+						inputs: vec![result_node_input],
+						implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IdentityNode")),
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+			..Default::default()
+		};
+		let _new_ids = 101..;
+		network.populate_dependants();
+		network.flatten_with_fns(NodeId(1), |self_id, inner_id| NodeId(self_id.0 * 10 + inner_id.0), || NodeId(10000));
+		network.flatten_with_fns(NodeId(2), |self_id, inner_id| NodeId(self_id.0 * 10 + inner_id.0), || NodeId(10001));
+		network.remove_dead_nodes(0);
+		network
+	}
+
+	#[test]
+	fn simple_duplicate() {
+		let result = output_duplicate(vec![NodeInput::node(NodeId(1), 0)], NodeInput::node(NodeId(1), 0));
+		println!("{result:#?}");
+		assert_eq!(result.exports.len(), 1, "The number of outputs should remain as 1");
+		assert_eq!(result.exports[0], NodeInput::node(NodeId(11), 0), "The outer network output should be from a duplicated inner network");
+		let mut ids = result.nodes.keys().copied().collect::<Vec<_>>();
+		ids.sort();
+		assert_eq!(ids, vec![NodeId(11), NodeId(10010)], "Should only contain identity and values");
+	}
+
+	// TODO: Write more tests
+	// #[test]
+	// fn out_of_order_duplicate() {
+	// 	let result = output_duplicate(vec![NodeInput::node(NodeId(10), 1), NodeInput::node(NodeId(10), 0)], NodeInput::node(NodeId(10), 0);
+	// 	assert_eq!(
+	// 		result.outputs[0],
+	// 		NodeInput::node(NodeId(101), 0),
+	// 		"The first network output should be from a duplicated nested network"
+	// 	);
+	// 	assert_eq!(
+	// 		result.outputs[1],
+	// 		NodeInput::node(NodeId(10), 0),
+	// 		"The second network output should be from the original nested network"
+	// 	);
+	// 	assert!(
+	// 		result.nodes.contains_key(&NodeId(10)) && result.nodes.contains_key(&NodeId(101)) && result.nodes.len() == 2,
+	// 		"Network should contain two duplicated nodes"
+	// 	);
+	// 	for (node_id, input_value, inner_id) in [(10, 1., 1), (101, 2., 2)] {
+	// 		let nested_network_node = result.nodes.get(&NodeId(node_id)).unwrap();
+	// 		assert_eq!(nested_network_node.name, "Nested network".to_string(), "Name should not change");
+	// 		assert_eq!(nested_network_node.inputs, vec![NodeInput::value(TaggedValue::F32(input_value), false)], "Input should be stable");
+	// 		let inner_network = nested_network_node.implementation.get_network().expect("Implementation should be network");
+	// 		assert_eq!(inner_network.inputs, vec![inner_id], "The input should be sent to the second node");
+	// 		assert_eq!(inner_network.outputs, vec![NodeInput::node(NodeId(inner_id), 0)], "The output should be node id");
+	// 		assert_eq!(inner_network.nodes.get(&NodeId(inner_id)).unwrap().name, format!("Identity {inner_id}"), "The node should be identity");
+	// 	}
+	// }
+	// #[test]
+	// fn using_other_node_duplicate() {
+	// 	let result = output_duplicate(vec![NodeInput::node(NodeId(11), 0)], NodeInput::node(NodeId(10), 1);
+	// 	assert_eq!(result.outputs, vec![NodeInput::node(NodeId(11), 0)], "The network output should be the result node");
+	// 	assert!(
+	// 		result.nodes.contains_key(&NodeId(11)) && result.nodes.contains_key(&NodeId(101)) && result.nodes.len() == 2,
+	// 		"Network should contain a duplicated node and a result node"
+	// 	);
+	// 	let result_node = result.nodes.get(&NodeId(11)).unwrap();
+	// 	assert_eq!(result_node.inputs, vec![NodeInput::node(NodeId(101), 0)], "Result node should refer to duplicate node as input");
+	// 	let nested_network_node = result.nodes.get(&NodeId(101)).unwrap();
+	// 	assert_eq!(nested_network_node.name, "Nested network".to_string(), "Name should not change");
+	// 	assert_eq!(nested_network_node.inputs, vec![NodeInput::value(TaggedValue::F32(2.), false)], "Input should be 2");
+	// 	let inner_network = nested_network_node.implementation.get_network().expect("Implementation should be network");
+	// 	assert_eq!(inner_network.inputs, vec![2], "The input should be sent to the second node");
+	// 	assert_eq!(inner_network.outputs, vec![NodeInput::node(NodeId(2), 0)], "The output should be node id 2");
+	// 	assert_eq!(inner_network.nodes.get(&NodeId(2)).unwrap().name, "Identity 2", "The node should be identity 2");
+	// }
+}
diff --git a/node-graph/graph-craft/src/document/value.rs b/node-graph/graph-craft/src/document/value.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d3b82eae1c415795a66ac19f7071938de1b85cf7
--- /dev/null
+++ b/node-graph/graph-craft/src/document/value.rs
@@ -0,0 +1,489 @@
+use super::DocumentNode;
+use crate::proto::{Any as DAny, FutureAny};
+use crate::wasm_application_io::WasmEditorApi;
+use dyn_any::DynAny;
+pub use dyn_any::StaticType;
+pub use glam::{DAffine2, DVec2, IVec2, UVec2};
+use graphene_application_io::SurfaceFrame;
+use graphene_brush::brush_cache::BrushCache;
+use graphene_brush::brush_stroke::BrushStroke;
+use graphene_core::raster_types::CPU;
+use graphene_core::transform::ReferencePoint;
+use graphene_core::uuid::NodeId;
+use graphene_core::vector::style::Fill;
+use graphene_core::{Color, MemoHash, Node, Type};
+use graphene_svg_renderer::RenderMetadata;
+use std::fmt::Display;
+use std::hash::Hash;
+use std::marker::PhantomData;
+use std::str::FromStr;
+pub use std::sync::Arc;
+
+pub struct TaggedValueTypeError;
+
+/// Macro to generate the tagged value enum.
+macro_rules! tagged_value {
+	($ ($( #[$meta:meta] )* $identifier:ident ($ty:ty) ),* $(,)?) => {
+		/// A type that is known, allowing serialization (serde::Deserialize is not object safe)
+		#[derive(Clone, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+		#[allow(clippy::large_enum_variant)] // TODO(TrueDoctor): Properly solve this disparity between the size of the largest and next largest variants
+		pub enum TaggedValue {
+			None,
+			$( $(#[$meta] ) *$identifier( $ty ), )*
+			RenderOutput(RenderOutput),
+			SurfaceFrame(SurfaceFrame),
+			#[serde(skip)]
+			EditorApi(Arc<WasmEditorApi>)
+		}
+
+		// We must manually implement hashing because some values are floats and so do not reproducibly hash (see FakeHash below)
+		#[allow(clippy::derived_hash_with_manual_eq)]
+		impl Hash for TaggedValue {
+			fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+				core::mem::discriminant(self).hash(state);
+				match self {
+					Self::None => {}
+					$( Self::$identifier(x) => {x.hash(state)}),*
+					Self::RenderOutput(x) => x.hash(state),
+					Self::SurfaceFrame(x) => x.hash(state),
+					Self::EditorApi(x) => x.hash(state),
+				}
+			}
+		}
+		impl<'a> TaggedValue {
+			/// Converts to a Box<dyn DynAny>
+			pub fn to_dynany(self) -> DAny<'a> {
+				match self {
+					Self::None => Box::new(()),
+					$( Self::$identifier(x) => Box::new(x), )*
+					Self::RenderOutput(x) => Box::new(x),
+					Self::SurfaceFrame(x) => Box::new(x),
+					Self::EditorApi(x) => Box::new(x),
+				}
+			}
+			/// Converts to a Arc<dyn Any + Send + Sync + 'static>
+			pub fn to_any(self) -> Arc<dyn std::any::Any + Send + Sync + 'static> {
+				match self {
+					Self::None => Arc::new(()),
+					$( Self::$identifier(x) => Arc::new(x), )*
+					Self::RenderOutput(x) => Arc::new(x),
+					Self::SurfaceFrame(x) => Arc::new(x),
+					Self::EditorApi(x) => Arc::new(x),
+				}
+			}
+			/// Creates a graphene_core::Type::Concrete(TypeDescriptor { .. }) with the type of the value inside the tagged value
+			pub fn ty(&self) -> Type {
+				match self {
+					Self::None => concrete!(()),
+					$( Self::$identifier(_) => concrete!($ty), )*
+					Self::RenderOutput(_) => concrete!(RenderOutput),
+					Self::SurfaceFrame(_) => concrete!(SurfaceFrame),
+					Self::EditorApi(_) => concrete!(&WasmEditorApi)
+				}
+			}
+			/// Attempts to downcast the dynamic type to a tagged value
+			pub fn try_from_any(input: Box<dyn DynAny<'a> + 'a>) -> Result<Self, String> {
+				use dyn_any::downcast;
+				use std::any::TypeId;
+
+				match DynAny::type_id(input.as_ref()) {
+					x if x == TypeId::of::<()>() => Ok(TaggedValue::None),
+					$( x if x == TypeId::of::<$ty>() => Ok(TaggedValue::$identifier(*downcast(input).unwrap())), )*
+					x if x == TypeId::of::<RenderOutput>() => Ok(TaggedValue::RenderOutput(*downcast(input).unwrap())),
+					x if x == TypeId::of::<SurfaceFrame>() => Ok(TaggedValue::SurfaceFrame(*downcast(input).unwrap())),
+
+
+					_ => Err(format!("Cannot convert {:?} to TaggedValue", DynAny::type_name(input.as_ref()))),
+				}
+			}
+			/// Attempts to downcast the dynamic type to a tagged value
+			pub fn try_from_std_any_ref(input: &(dyn std::any::Any)) -> Result<Self, String> {
+				use std::any::TypeId;
+
+				match input.type_id() {
+					x if x == TypeId::of::<()>() => Ok(TaggedValue::None),
+					$( x if x == TypeId::of::<$ty>() => Ok(TaggedValue::$identifier(<$ty as Clone>::clone(input.downcast_ref().unwrap()))), )*
+					x if x == TypeId::of::<RenderOutput>() => Ok(TaggedValue::RenderOutput(RenderOutput::clone(input.downcast_ref().unwrap()))),
+					x if x == TypeId::of::<SurfaceFrame>() => Ok(TaggedValue::SurfaceFrame(SurfaceFrame::clone(input.downcast_ref().unwrap()))),
+					_ => Err(format!("Cannot convert {:?} to TaggedValue",std::any::type_name_of_val(input))),
+				}
+			}
+			pub fn from_type(input: &Type) -> Option<Self> {
+				match input {
+					Type::Generic(_) => None,
+					Type::Concrete(concrete_type) => {
+						let internal_id = concrete_type.id?;
+						use std::any::TypeId;
+						// TODO: Add default implementations for types such as TaggedValue::Subpaths, and use the defaults here and in document_node_types
+						// Tries using the default for the tagged value type. If it not implemented, then uses the default used in document_node_types. If it is not used there, then TaggedValue::None is returned.
+						Some(match internal_id {
+							x if x == TypeId::of::<()>() => TaggedValue::None,
+							$( x if x == TypeId::of::<$ty>() => TaggedValue::$identifier(Default::default()), )*
+							_ => return None,
+						})
+					}
+					Type::Fn(_, output) => TaggedValue::from_type(output),
+					Type::Future(output) => {
+						TaggedValue::from_type(output)
+					}
+				}
+			}
+			pub fn from_type_or_none(input: &Type) -> Self {
+				Self::from_type(input).unwrap_or(TaggedValue::None)
+			}
+		}
+
+		$(
+			impl From<$ty> for TaggedValue {
+				fn from(value: $ty) -> Self {
+					Self::$identifier(value)
+				}
+			}
+		)*
+
+		$(
+			impl<'a> TryFrom<&'a TaggedValue> for &'a $ty {
+				type Error = TaggedValueTypeError;
+				fn try_from(value: &'a TaggedValue) -> Result<Self, Self::Error> {
+					match value{
+						TaggedValue::$identifier(value) => Ok(value),
+						_ => Err(TaggedValueTypeError),
+					}
+				}
+			}
+		)*
+	};
+}
+
+tagged_value! {
+	// ===============
+	// PRIMITIVE TYPES
+	// ===============
+	#[serde(alias = "F32")] // TODO: Eventually remove this alias document upgrade code
+	F64(f64),
+	U32(u32),
+	U64(u64),
+	Bool(bool),
+	String(String),
+	UVec2(UVec2),
+	IVec2(IVec2),
+	DVec2(DVec2),
+	DAffine2(DAffine2),
+	OptionalF64(Option<f64>),
+	OptionalDVec2(Option<DVec2>),
+	// ==========================
+	// PRIMITIVE COLLECTION TYPES
+	// ==========================
+	#[serde(alias = "VecF32")] // TODO: Eventually remove this alias document upgrade code
+	VecF64(Vec<f64>),
+	VecU64(Vec<u64>),
+	VecDVec2(Vec<DVec2>),
+	F64Array4([f64; 4]),
+	NodePath(Vec<NodeId>),
+	#[serde(alias = "ManipulatorGroupIds")] // TODO: Eventually remove this alias document upgrade code
+	PointIds(Vec<graphene_core::vector::PointId>),
+	// ====================
+	// GRAPHICAL DATA TYPES
+	// ====================
+	GraphicElement(graphene_core::GraphicElement),
+	#[cfg_attr(target_arch = "wasm32", serde(deserialize_with = "graphene_core::vector::migrate_vector_data"))] // TODO: Eventually remove this migration document upgrade code
+	VectorData(graphene_core::vector::VectorDataTable),
+	#[cfg_attr(target_arch = "wasm32", serde(alias = "ImageFrame", deserialize_with = "graphene_core::raster::image::migrate_image_frame"))] // TODO: Eventually remove this migration document upgrade code
+	RasterData(graphene_core::raster_types::RasterDataTable<CPU>),
+	#[cfg_attr(target_arch = "wasm32", serde(deserialize_with = "graphene_core::migrate_graphic_group"))] // TODO: Eventually remove this migration document upgrade code
+	GraphicGroup(graphene_core::GraphicGroupTable),
+	#[cfg_attr(target_arch = "wasm32", serde(deserialize_with = "graphene_core::migrate_artboard_group"))] // TODO: Eventually remove this migration document upgrade code
+	ArtboardGroup(graphene_core::ArtboardGroupTable),
+	// ============
+	// STRUCT TYPES
+	// ============
+	Artboard(graphene_core::Artboard),
+	Image(graphene_core::raster::Image<Color>),
+	Color(graphene_core::raster::color::Color),
+	OptionalColor(Option<graphene_core::raster::color::Color>),
+	Palette(Vec<Color>),
+	Subpaths(Vec<bezier_rs::Subpath<graphene_core::vector::PointId>>),
+	Fill(graphene_core::vector::style::Fill),
+	Stroke(graphene_core::vector::style::Stroke),
+	Gradient(graphene_core::vector::style::Gradient),
+	#[serde(alias = "GradientPositions")] // TODO: Eventually remove this alias document upgrade code
+	GradientStops(graphene_core::vector::style::GradientStops),
+	Font(graphene_core::text::Font),
+	BrushStrokes(Vec<BrushStroke>),
+	BrushCache(BrushCache),
+	DocumentNode(DocumentNode),
+	Curve(graphene_raster_nodes::curve::Curve),
+	Footprint(graphene_core::transform::Footprint),
+	VectorModification(Box<graphene_core::vector::VectorModification>),
+	FontCache(Arc<graphene_core::text::FontCache>),
+	// ==========
+	// ENUM TYPES
+	// ==========
+	BlendMode(graphene_core::blending::BlendMode),
+	LuminanceCalculation(graphene_raster_nodes::adjustments::LuminanceCalculation),
+	XY(graphene_core::extract_xy::XY),
+	RedGreenBlue(graphene_raster_nodes::adjustments::RedGreenBlue),
+	RedGreenBlueAlpha(graphene_raster_nodes::adjustments::RedGreenBlueAlpha),
+	RealTimeMode(graphene_core::animation::RealTimeMode),
+	NoiseType(graphene_raster_nodes::adjustments::NoiseType),
+	FractalType(graphene_raster_nodes::adjustments::FractalType),
+	CellularDistanceFunction(graphene_raster_nodes::adjustments::CellularDistanceFunction),
+	CellularReturnType(graphene_raster_nodes::adjustments::CellularReturnType),
+	DomainWarpType(graphene_raster_nodes::adjustments::DomainWarpType),
+	RelativeAbsolute(graphene_raster_nodes::adjustments::RelativeAbsolute),
+	SelectiveColorChoice(graphene_raster_nodes::adjustments::SelectiveColorChoice),
+	GridType(graphene_core::vector::misc::GridType),
+	ArcType(graphene_core::vector::misc::ArcType),
+	MergeByDistanceAlgorithm(graphene_core::vector::misc::MergeByDistanceAlgorithm),
+	PointSpacingType(graphene_core::vector::misc::PointSpacingType),
+	#[serde(alias = "LineCap")]
+	StrokeCap(graphene_core::vector::style::StrokeCap),
+	#[serde(alias = "LineJoin")]
+	StrokeJoin(graphene_core::vector::style::StrokeJoin),
+	StrokeAlign(graphene_core::vector::style::StrokeAlign),
+	PaintOrder(graphene_core::vector::style::PaintOrder),
+	FillType(graphene_core::vector::style::FillType),
+	FillChoice(graphene_core::vector::style::FillChoice),
+	GradientType(graphene_core::vector::style::GradientType),
+	ReferencePoint(graphene_core::transform::ReferencePoint),
+	CentroidType(graphene_core::vector::misc::CentroidType),
+	BooleanOperation(graphene_path_bool::BooleanOperation),
+}
+
+impl TaggedValue {
+	pub fn to_primitive_string(&self) -> String {
+		match self {
+			TaggedValue::None => "()".to_string(),
+			TaggedValue::String(x) => format!("\"{x}\""),
+			TaggedValue::U32(x) => x.to_string() + "_u32",
+			TaggedValue::U64(x) => x.to_string() + "_u64",
+			TaggedValue::F64(x) => x.to_string() + "_f64",
+			TaggedValue::Bool(x) => x.to_string(),
+			TaggedValue::BlendMode(x) => "BlendMode::".to_string() + &x.to_string(),
+			TaggedValue::Color(x) => format!("Color {x:?}"),
+			_ => panic!("Cannot convert to primitive string"),
+		}
+	}
+
+	pub fn from_primitive_string(string: &str, ty: &Type) -> Option<Self> {
+		fn to_dvec2(input: &str) -> Option<DVec2> {
+			let mut split = input.split(',');
+			let x = split.next()?.trim().parse().ok()?;
+			let y = split.next()?.trim().parse().ok()?;
+			Some(DVec2::new(x, y))
+		}
+
+		fn to_color(input: &str) -> Option<Color> {
+			// String syntax (e.g. "000000ff")
+			if input.starts_with('"') && input.ends_with('"') {
+				let color = input.trim().trim_matches('"').trim().trim_start_matches('#');
+				match color.len() {
+					6 => return Color::from_rgb_str(color),
+					8 => return Color::from_rgba_str(color),
+					_ => {
+						log::error!("Invalid default value color string: {}", input);
+						return None;
+					}
+				}
+			}
+
+			// Color constant syntax (e.g. Color::BLACK)
+			let mut choices = input.split("::");
+			let (first, second) = (choices.next()?.trim(), choices.next()?.trim());
+			if first == "Color" {
+				return Some(match second {
+					"BLACK" => Color::BLACK,
+					"WHITE" => Color::WHITE,
+					"RED" => Color::RED,
+					"GREEN" => Color::GREEN,
+					"BLUE" => Color::BLUE,
+					"YELLOW" => Color::YELLOW,
+					"CYAN" => Color::CYAN,
+					"MAGENTA" => Color::MAGENTA,
+					"TRANSPARENT" => Color::TRANSPARENT,
+					_ => {
+						log::error!("Invalid default value color constant: {}", input);
+						return None;
+					}
+				});
+			}
+
+			log::error!("Invalid default value color: {}", input);
+			None
+		}
+
+		fn to_reference_point(input: &str) -> Option<ReferencePoint> {
+			let mut choices = input.split("::");
+			let (first, second) = (choices.next()?.trim(), choices.next()?.trim());
+			if first == "ReferencePoint" {
+				return Some(match second {
+					"None" => ReferencePoint::None,
+					"TopLeft" => ReferencePoint::TopLeft,
+					"TopCenter" => ReferencePoint::TopCenter,
+					"TopRight" => ReferencePoint::TopRight,
+					"CenterLeft" => ReferencePoint::CenterLeft,
+					"Center" => ReferencePoint::Center,
+					"CenterRight" => ReferencePoint::CenterRight,
+					"BottomLeft" => ReferencePoint::BottomLeft,
+					"BottomCenter" => ReferencePoint::BottomCenter,
+					"BottomRight" => ReferencePoint::BottomRight,
+					_ => {
+						log::error!("Invalid ReferencePoint default type variant: {}", input);
+						return None;
+					}
+				});
+			}
+
+			log::error!("Invalid ReferencePoint default type: {}", input);
+			None
+		}
+
+		match ty {
+			Type::Generic(_) => None,
+			Type::Concrete(concrete_type) => {
+				let internal_id = concrete_type.id?;
+				use std::any::TypeId;
+				// TODO: Add default implementations for types such as TaggedValue::Subpaths, and use the defaults here and in document_node_types
+				// Tries using the default for the tagged value type. If it not implemented, then uses the default used in document_node_types. If it is not used there, then TaggedValue::None is returned.
+				let ty = match internal_id {
+					x if x == TypeId::of::<()>() => TaggedValue::None,
+					x if x == TypeId::of::<String>() => TaggedValue::String(string.into()),
+					x if x == TypeId::of::<f64>() => FromStr::from_str(string).map(TaggedValue::F64).ok()?,
+					x if x == TypeId::of::<u64>() => FromStr::from_str(string).map(TaggedValue::U64).ok()?,
+					x if x == TypeId::of::<u32>() => FromStr::from_str(string).map(TaggedValue::U32).ok()?,
+					x if x == TypeId::of::<DVec2>() => to_dvec2(string).map(TaggedValue::DVec2)?,
+					x if x == TypeId::of::<bool>() => FromStr::from_str(string).map(TaggedValue::Bool).ok()?,
+					x if x == TypeId::of::<Color>() => to_color(string).map(TaggedValue::Color)?,
+					x if x == TypeId::of::<Option<Color>>() => to_color(string).map(|color| TaggedValue::OptionalColor(Some(color)))?,
+					x if x == TypeId::of::<Fill>() => to_color(string).map(|color| TaggedValue::Fill(Fill::solid(color)))?,
+					x if x == TypeId::of::<ReferencePoint>() => to_reference_point(string).map(TaggedValue::ReferencePoint)?,
+					_ => return None,
+				};
+				Some(ty)
+			}
+			Type::Fn(_, output) => TaggedValue::from_primitive_string(string, output),
+			Type::Future(fut) => TaggedValue::from_primitive_string(string, fut),
+		}
+	}
+
+	pub fn to_u32(&self) -> u32 {
+		match self {
+			TaggedValue::U32(x) => *x,
+			_ => panic!("Passed value is not of type u32"),
+		}
+	}
+}
+
+impl Display for TaggedValue {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			TaggedValue::String(x) => f.write_str(x),
+			TaggedValue::U32(x) => f.write_fmt(format_args!("{x}")),
+			TaggedValue::U64(x) => f.write_fmt(format_args!("{x}")),
+			TaggedValue::F64(x) => f.write_fmt(format_args!("{x}")),
+			TaggedValue::Bool(x) => f.write_fmt(format_args!("{x}")),
+			_ => panic!("Cannot convert to string"),
+		}
+	}
+}
+
+pub struct UpcastNode {
+	value: MemoHash<TaggedValue>,
+}
+impl<'input> Node<'input, DAny<'input>> for UpcastNode {
+	type Output = FutureAny<'input>;
+
+	fn eval(&'input self, _: DAny<'input>) -> Self::Output {
+		Box::pin(async move { self.value.clone().into_inner().to_dynany() })
+	}
+}
+impl UpcastNode {
+	pub fn new(value: MemoHash<TaggedValue>) -> Self {
+		Self { value }
+	}
+}
+#[derive(Default, Debug, Clone, Copy)]
+pub struct UpcastAsRefNode<T: AsRef<U> + Sync + Send, U: Sync + Send>(pub T, PhantomData<U>);
+
+impl<'i, T: 'i + AsRef<U> + Sync + Send, U: 'i + StaticType + Sync + Send> Node<'i, DAny<'i>> for UpcastAsRefNode<T, U> {
+	type Output = FutureAny<'i>;
+	#[inline(always)]
+	fn eval(&'i self, _: DAny<'i>) -> Self::Output {
+		Box::pin(async move { Box::new(self.0.as_ref()) as DAny<'i> })
+	}
+}
+
+impl<T: AsRef<U> + Sync + Send, U: Sync + Send> UpcastAsRefNode<T, U> {
+	pub const fn new(value: T) -> UpcastAsRefNode<T, U> {
+		UpcastAsRefNode(value, PhantomData)
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, dyn_any::DynAny, serde::Serialize, serde::Deserialize)]
+pub struct RenderOutput {
+	pub data: RenderOutputType,
+	pub metadata: RenderMetadata,
+}
+
+#[derive(Debug, Clone, PartialEq, dyn_any::DynAny, Hash, serde::Serialize, serde::Deserialize)]
+pub enum RenderOutputType {
+	CanvasFrame(SurfaceFrame),
+	Svg(String),
+	Image(Vec<u8>),
+}
+
+impl Hash for RenderOutput {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		self.data.hash(state)
+	}
+}
+
+/// We hash the floats and so-forth despite it not being reproducible because all inputs to the node graph must be hashed otherwise the graph execution breaks (so sorry about this hack)
+trait FakeHash {
+	fn hash<H: core::hash::Hasher>(&self, state: &mut H);
+}
+mod fake_hash {
+	use super::*;
+	impl FakeHash for f64 {
+		fn hash<H: core::hash::Hasher>(&self, state: &mut H) {
+			self.to_bits().hash(state)
+		}
+	}
+	impl FakeHash for DVec2 {
+		fn hash<H: core::hash::Hasher>(&self, state: &mut H) {
+			self.to_array().iter().for_each(|x| x.to_bits().hash(state))
+		}
+	}
+	impl FakeHash for DAffine2 {
+		fn hash<H: core::hash::Hasher>(&self, state: &mut H) {
+			self.to_cols_array().iter().for_each(|x| x.to_bits().hash(state))
+		}
+	}
+	impl<X: FakeHash> FakeHash for Option<X> {
+		fn hash<H: core::hash::Hasher>(&self, state: &mut H) {
+			if let Some(x) = self {
+				1.hash(state);
+				x.hash(state);
+			} else {
+				0.hash(state);
+			}
+		}
+	}
+	impl<X: FakeHash> FakeHash for Vec<X> {
+		fn hash<H: core::hash::Hasher>(&self, state: &mut H) {
+			self.len().hash(state);
+			self.iter().for_each(|x| x.hash(state))
+		}
+	}
+	impl<T: FakeHash, const N: usize> FakeHash for [T; N] {
+		fn hash<H: core::hash::Hasher>(&self, state: &mut H) {
+			self.iter().for_each(|x| x.hash(state))
+		}
+	}
+	impl FakeHash for (f64, Color) {
+		fn hash<H: core::hash::Hasher>(&self, state: &mut H) {
+			self.0.to_bits().hash(state);
+			self.1.hash(state)
+		}
+	}
+}
diff --git a/node-graph/graph-craft/src/graphene_compiler.rs b/node-graph/graph-craft/src/graphene_compiler.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d34cc6f6630bfab28e544ee116e42c0defc056d7
--- /dev/null
+++ b/node-graph/graph-craft/src/graphene_compiler.rs
@@ -0,0 +1,36 @@
+use crate::document::NodeNetwork;
+use crate::proto::{LocalFuture, ProtoNetwork};
+use std::error::Error;
+
+pub struct Compiler {}
+
+impl Compiler {
+	pub fn compile(&self, mut network: NodeNetwork) -> impl Iterator<Item = Result<ProtoNetwork, String>> {
+		let node_ids = network.nodes.keys().copied().collect::<Vec<_>>();
+		network.populate_dependants();
+		for id in node_ids {
+			network.flatten(id);
+		}
+		network.resolve_scope_inputs();
+		network.remove_redundant_id_nodes();
+		// network.remove_dead_nodes(0);
+		let proto_networks = network.into_proto_networks();
+
+		proto_networks.map(move |mut proto_network| {
+			proto_network.resolve_inputs()?;
+			proto_network.generate_stable_node_ids();
+			Ok(proto_network)
+		})
+	}
+	pub fn compile_single(&self, network: NodeNetwork) -> Result<ProtoNetwork, String> {
+		assert_eq!(network.exports.len(), 1, "Graph with multiple outputs not yet handled");
+		let Some(proto_network) = self.compile(network).next() else {
+			return Err("Failed to convert graph into proto graph".to_string());
+		};
+		proto_network
+	}
+}
+
+pub trait Executor<I, O> {
+	fn execute(&self, input: I) -> LocalFuture<'_, Result<O, Box<dyn Error>>>;
+}
diff --git a/node-graph/graph-craft/src/lib.rs b/node-graph/graph-craft/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..df49ca28c5ad97b2339af668eaef56dfaddfd0ef
--- /dev/null
+++ b/node-graph/graph-craft/src/lib.rs
@@ -0,0 +1,13 @@
+#[macro_use]
+extern crate log;
+#[macro_use]
+extern crate graphene_core;
+
+pub use graphene_core::{ProtoNodeIdentifier, Type, TypeDescriptor, concrete, generic};
+
+pub mod document;
+pub mod graphene_compiler;
+pub mod proto;
+#[cfg(feature = "loading")]
+pub mod util;
+pub mod wasm_application_io;
diff --git a/node-graph/graph-craft/src/null.png b/node-graph/graph-craft/src/null.png
new file mode 100644
index 0000000000000000000000000000000000000000..1aca6ba9bed5b84a035ea69e60628c123bb2a821
Binary files /dev/null and b/node-graph/graph-craft/src/null.png differ
diff --git a/node-graph/graph-craft/src/proto.rs b/node-graph/graph-craft/src/proto.rs
new file mode 100644
index 0000000000000000000000000000000000000000..4330976609428145b43835fc1853729910b5c28a
--- /dev/null
+++ b/node-graph/graph-craft/src/proto.rs
@@ -0,0 +1,1047 @@
+use crate::document::{InlineRust, value};
+use crate::document::{NodeId, OriginalLocation};
+pub use graphene_core::registry::*;
+use graphene_core::*;
+use rustc_hash::FxHashMap;
+use std::borrow::Cow;
+use std::collections::{HashMap, HashSet};
+use std::fmt::Debug;
+use std::hash::Hash;
+
+#[derive(Debug, Default, PartialEq, Clone, Hash, Eq, serde::Serialize, serde::Deserialize)]
+/// A list of [`ProtoNode`]s, which is an intermediate step between the [`crate::document::NodeNetwork`] and the `BorrowTree` containing a single flattened network.
+pub struct ProtoNetwork {
+	// TODO: remove this since it seems to be unused?
+	// Should a proto Network even allow inputs? Don't think so
+	pub inputs: Vec<NodeId>,
+	/// The node ID that provides the output. This node is then responsible for calling the rest of the graph.
+	pub output: NodeId,
+	/// A list of nodes stored in a Vec to allow for sorting.
+	pub nodes: Vec<(NodeId, ProtoNode)>,
+}
+
+impl core::fmt::Display for ProtoNetwork {
+	fn fmt(&self, f: &mut core::fmt::Formatter<'_>) -> core::fmt::Result {
+		f.write_str("Proto Network with nodes: ")?;
+		fn write_node(f: &mut core::fmt::Formatter<'_>, network: &ProtoNetwork, id: NodeId, indent: usize) -> core::fmt::Result {
+			f.write_str(&"\t".repeat(indent))?;
+			let Some((_, node)) = network.nodes.iter().find(|(node_id, _)| *node_id == id) else {
+				return f.write_str("{{Unknown Node}}");
+			};
+			f.write_str("Node: ")?;
+			f.write_str(&node.identifier.name)?;
+
+			f.write_str("\n")?;
+			f.write_str(&"\t".repeat(indent))?;
+			f.write_str("{\n")?;
+
+			f.write_str(&"\t".repeat(indent + 1))?;
+			f.write_str("Input: ")?;
+			match &node.input {
+				ProtoNodeInput::None => f.write_str("None")?,
+				ProtoNodeInput::ManualComposition(ty) => f.write_fmt(format_args!("Manual Composition (type = {ty:?})"))?,
+				ProtoNodeInput::Node(_) => f.write_str("Node")?,
+				ProtoNodeInput::NodeLambda(_) => f.write_str("Lambda Node")?,
+			}
+			f.write_str("\n")?;
+
+			match &node.construction_args {
+				ConstructionArgs::Value(value) => {
+					f.write_str(&"\t".repeat(indent + 1))?;
+					f.write_fmt(format_args!("Value construction argument: {value:?}"))?
+				}
+				ConstructionArgs::Nodes(nodes) => {
+					for id in nodes {
+						write_node(f, network, id.0, indent + 1)?;
+					}
+				}
+				ConstructionArgs::Inline(inline) => {
+					f.write_str(&"\t".repeat(indent + 1))?;
+					f.write_fmt(format_args!("Inline construction argument: {inline:?}"))?
+				}
+			}
+			f.write_str(&"\t".repeat(indent))?;
+			f.write_str("}\n")?;
+			Ok(())
+		}
+
+		let id = self.output;
+		write_node(f, self, id, 0)
+	}
+}
+
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize)]
+/// Defines the arguments used to construct the boxed node struct. This is used to call the constructor function in the `node_registry.rs` file - which is hidden behind a wall of macros.
+pub enum ConstructionArgs {
+	/// A value of a type that is known, allowing serialization (serde::Deserialize is not object safe)
+	Value(MemoHash<value::TaggedValue>),
+	/// A list of nodes used as inputs to the constructor function in `node_registry.rs`.
+	/// The bool indicates whether to treat the node as lambda node.
+	// TODO: use a struct for clearer naming.
+	Nodes(Vec<(NodeId, bool)>),
+	/// Used for GPU computation to work around the limitations of rust-gpu.
+	Inline(InlineRust),
+}
+
+impl Eq for ConstructionArgs {}
+
+impl PartialEq for ConstructionArgs {
+	fn eq(&self, other: &Self) -> bool {
+		match (&self, &other) {
+			(Self::Nodes(n1), Self::Nodes(n2)) => n1 == n2,
+			(Self::Value(v1), Self::Value(v2)) => v1 == v2,
+			_ => {
+				use std::hash::Hasher;
+				let hash = |input: &Self| {
+					let mut hasher = rustc_hash::FxHasher::default();
+					input.hash(&mut hasher);
+					hasher.finish()
+				};
+				hash(self) == hash(other)
+			}
+		}
+	}
+}
+
+impl Hash for ConstructionArgs {
+	fn hash<H: std::hash::Hasher>(&self, state: &mut H) {
+		core::mem::discriminant(self).hash(state);
+		match self {
+			Self::Nodes(nodes) => {
+				for node in nodes {
+					node.hash(state);
+				}
+			}
+			Self::Value(value) => value.hash(state),
+			Self::Inline(inline) => inline.hash(state),
+		}
+	}
+}
+
+impl ConstructionArgs {
+	// TODO: what? Used in the gpu_compiler crate for something.
+	pub fn new_function_args(&self) -> Vec<String> {
+		match self {
+			ConstructionArgs::Nodes(nodes) => nodes.iter().map(|(n, _)| format!("n{:0x}", n.0)).collect(),
+			ConstructionArgs::Value(value) => vec![value.to_primitive_string()],
+			ConstructionArgs::Inline(inline) => vec![inline.expr.clone()],
+		}
+	}
+}
+
+#[derive(Debug, Clone, PartialEq, Hash, Eq, serde::Serialize, serde::Deserialize)]
+/// A proto node is an intermediate step between the `DocumentNode` and the boxed struct that actually runs the node (found in the [`BorrowTree`]).
+/// At different stages in the compilation process, this struct will be transformed into a reduced (more restricted) form acting as a subset of its original form, but that restricted form is still valid in the earlier stage in the compilation process before it was transformed.
+pub struct ProtoNode {
+	pub construction_args: ConstructionArgs,
+	pub input: ProtoNodeInput,
+	pub identifier: ProtoNodeIdentifier,
+	pub original_location: OriginalLocation,
+	pub skip_deduplication: bool,
+}
+
+impl Default for ProtoNode {
+	fn default() -> Self {
+		Self {
+			identifier: ProtoNodeIdentifier::new("graphene_core::ops::IdentityNode"),
+			construction_args: ConstructionArgs::Value(value::TaggedValue::U32(0).into()),
+			input: ProtoNodeInput::None,
+			original_location: OriginalLocation::default(),
+			skip_deduplication: false,
+		}
+	}
+}
+
+/// Similar to the document node's [`crate::document::NodeInput`].
+#[derive(Debug, PartialEq, Eq, Clone, Hash, serde::Serialize, serde::Deserialize)]
+pub enum ProtoNodeInput {
+	/// This input will be converted to `()` as the call argument.
+	None,
+	/// A ManualComposition input represents an input that opts out of being resolved through the `ComposeNode`, which first runs the previous (upstream) node, then passes that evaluated
+	/// result to this node. Instead, ManualComposition lets this node actually consume the provided input instead of passing it to its predecessor.
+	///
+	/// Say we have the network `a -> b -> c` where `c` is the output node and `a` is the input node.
+	/// We would expect `a` to get input from the network, `b` to get input from `a`, and `c` to get input from `b`.
+	/// This could be represented as `f(x) = c(b(a(x)))`. `a` is run with input `x` from the network. `b` is run with input from `a`. `c` is run with input from `b`.
+	///
+	/// However if `b`'s input is using manual composition, this means it would instead be `f(x) = c(b(x))`. This means that `b` actually gets input from the network, and `a` is not automatically
+	/// executed as it would be using the default ComposeNode flow. Now `b` can use its own logic to decide when or if it wants to run `a` and how to use its output. For example, the CacheNode can
+	/// look up `x` in its cache and return the result, or otherwise call `a`, cache the result, and return it.
+	ManualComposition(Type),
+	/// The previous node where automatic (not manual) composition occurs when compiled. The entire network, of which the node is the output, is fed as input.
+	///
+	/// Grayscale example:
+	///
+	/// We're interested in receiving an input of the desaturated image data which has been fed through a grayscale filter.
+	/// (If we were interested in the grayscale filter itself, we would use the `NodeLambda` variant.)
+	Node(NodeId),
+	/// Unlike the `Node` variant, with `NodeLambda` we treat the connected node singularly as a lambda node while ignoring all nodes which feed into it from upstream.
+	///
+	/// Grayscale example:
+	///
+	/// We're interested in receiving an input of a particular image filter, such as a grayscale filter in the form of a grayscale node lambda.
+	/// (If we were interested in some image data that had been fed through a grayscale filter, we would use the `Node` variant.)
+	NodeLambda(NodeId),
+}
+
+impl ProtoNode {
+	/// A stable node ID is a hash of a node that should stay constant. This is used in order to remove duplicates from the graph.
+	/// In the case of `skip_deduplication`, the `document_node_path` is also hashed in order to avoid duplicate monitor nodes from being removed (which would make it impossible to load thumbnails).
+	pub fn stable_node_id(&self) -> Option<NodeId> {
+		use std::hash::Hasher;
+		let mut hasher = rustc_hash::FxHasher::default();
+
+		self.identifier.name.hash(&mut hasher);
+		self.construction_args.hash(&mut hasher);
+		if self.skip_deduplication {
+			self.original_location.path.hash(&mut hasher);
+		}
+
+		std::mem::discriminant(&self.input).hash(&mut hasher);
+		match self.input {
+			ProtoNodeInput::None => (),
+			ProtoNodeInput::ManualComposition(ref ty) => {
+				ty.hash(&mut hasher);
+			}
+			ProtoNodeInput::Node(id) => (id, false).hash(&mut hasher),
+			ProtoNodeInput::NodeLambda(id) => (id, true).hash(&mut hasher),
+		};
+
+		Some(NodeId(hasher.finish()))
+	}
+
+	/// Construct a new [`ProtoNode`] with the specified construction args and a `ClonedNode` implementation.
+	pub fn value(value: ConstructionArgs, path: Vec<NodeId>) -> Self {
+		let inputs_exposed = match &value {
+			ConstructionArgs::Nodes(nodes) => nodes.len() + 1,
+			_ => 2,
+		};
+		Self {
+			identifier: ProtoNodeIdentifier::new("graphene_core::value::ClonedNode"),
+			construction_args: value,
+			input: ProtoNodeInput::ManualComposition(concrete!(Context)),
+			original_location: OriginalLocation {
+				path: Some(path),
+				inputs_exposed: vec![false; inputs_exposed],
+				..Default::default()
+			},
+			skip_deduplication: false,
+		}
+	}
+
+	/// Converts all references to other node IDs into new IDs by running the specified function on them.
+	/// This can be used when changing the IDs of the nodes, for example in the case of generating stable IDs.
+	pub fn map_ids(&mut self, f: impl Fn(NodeId) -> NodeId, skip_lambdas: bool) {
+		match self.input {
+			ProtoNodeInput::Node(id) => self.input = ProtoNodeInput::Node(f(id)),
+			ProtoNodeInput::NodeLambda(id) => {
+				if !skip_lambdas {
+					self.input = ProtoNodeInput::NodeLambda(f(id))
+				}
+			}
+			_ => (),
+		}
+
+		if let ConstructionArgs::Nodes(ids) = &mut self.construction_args {
+			ids.iter_mut().filter(|(_, lambda)| !(skip_lambdas && *lambda)).for_each(|(id, _)| *id = f(*id));
+		}
+	}
+
+	pub fn unwrap_construction_nodes(&self) -> Vec<(NodeId, bool)> {
+		match &self.construction_args {
+			ConstructionArgs::Nodes(nodes) => nodes.clone(),
+			_ => panic!("tried to unwrap nodes from non node construction args \n node: {self:#?}"),
+		}
+	}
+}
+
+#[derive(Clone, Copy, PartialEq)]
+enum NodeState {
+	Unvisited,
+	Visiting,
+	Visited,
+}
+
+impl ProtoNetwork {
+	fn check_ref(&self, ref_id: &NodeId, id: &NodeId) {
+		debug_assert!(
+			self.nodes.iter().any(|(check_id, _)| check_id == ref_id),
+			"Node id:{id} has a reference which uses node id:{ref_id} which doesn't exist in network {self:#?}"
+		);
+	}
+
+	#[cfg(debug_assertions)]
+	pub fn example() -> (Self, NodeId, ProtoNode) {
+		let node_id = NodeId(1);
+		let proto_node = ProtoNode::default();
+		let proto_network = ProtoNetwork {
+			inputs: vec![node_id],
+			output: node_id,
+			nodes: vec![(node_id, proto_node.clone())],
+		};
+		(proto_network, node_id, proto_node)
+	}
+
+	/// Construct a hashmap containing a list of the nodes that depend on this proto network.
+	pub fn collect_outwards_edges(&self) -> HashMap<NodeId, Vec<NodeId>> {
+		let mut edges: HashMap<NodeId, Vec<NodeId>> = HashMap::new();
+		for (id, node) in &self.nodes {
+			match &node.input {
+				ProtoNodeInput::Node(ref_id) | ProtoNodeInput::NodeLambda(ref_id) => {
+					self.check_ref(ref_id, id);
+					edges.entry(*ref_id).or_default().push(*id)
+				}
+				_ => (),
+			}
+
+			if let ConstructionArgs::Nodes(ref_nodes) = &node.construction_args {
+				for (ref_id, _) in ref_nodes {
+					self.check_ref(ref_id, id);
+					edges.entry(*ref_id).or_default().push(*id)
+				}
+			}
+		}
+		edges
+	}
+
+	/// Convert all node IDs to be stable (based on the hash generated by [`ProtoNode::stable_node_id`]).
+	/// This function requires that the graph be topologically sorted.
+	pub fn generate_stable_node_ids(&mut self) {
+		debug_assert!(self.is_topologically_sorted());
+		let outwards_edges = self.collect_outwards_edges();
+
+		for index in 0..self.nodes.len() {
+			let Some(sni) = self.nodes[index].1.stable_node_id() else {
+				panic!("failed to generate stable node id for node {:#?}", self.nodes[index].1);
+			};
+			self.replace_node_id(&outwards_edges, NodeId(index as u64), sni, false);
+			self.nodes[index].0 = sni;
+		}
+	}
+
+	// TODO: Remove
+	/// Create a hashmap with the list of nodes this proto network depends on/uses as inputs.
+	pub fn collect_inwards_edges(&self) -> HashMap<NodeId, Vec<NodeId>> {
+		let mut edges: HashMap<NodeId, Vec<NodeId>> = HashMap::new();
+		for (id, node) in &self.nodes {
+			match &node.input {
+				ProtoNodeInput::Node(ref_id) | ProtoNodeInput::NodeLambda(ref_id) => {
+					self.check_ref(ref_id, id);
+					edges.entry(*id).or_default().push(*ref_id)
+				}
+				_ => (),
+			}
+
+			if let ConstructionArgs::Nodes(ref_nodes) = &node.construction_args {
+				for (ref_id, _) in ref_nodes {
+					self.check_ref(ref_id, id);
+					edges.entry(*id).or_default().push(*ref_id)
+				}
+			}
+		}
+		edges
+	}
+
+	fn collect_inwards_edges_with_mapping(&self) -> (Vec<Vec<usize>>, FxHashMap<NodeId, usize>) {
+		let id_map: FxHashMap<_, _> = self.nodes.iter().enumerate().map(|(idx, (id, _))| (*id, idx)).collect();
+
+		// Collect inwards edges using dense indices
+		let mut inwards_edges = vec![Vec::new(); self.nodes.len()];
+		for (node_id, node) in &self.nodes {
+			let node_index = id_map[node_id];
+			match &node.input {
+				ProtoNodeInput::Node(ref_id) | ProtoNodeInput::NodeLambda(ref_id) => {
+					self.check_ref(ref_id, &NodeId(node_index as u64));
+					inwards_edges[node_index].push(id_map[ref_id]);
+				}
+				_ => {}
+			}
+
+			if let ConstructionArgs::Nodes(ref_nodes) = &node.construction_args {
+				for (ref_id, _) in ref_nodes {
+					self.check_ref(ref_id, &NodeId(node_index as u64));
+					inwards_edges[node_index].push(id_map[ref_id]);
+				}
+			}
+		}
+
+		(inwards_edges, id_map)
+	}
+
+	/// Inserts a [`structural::ComposeNode`] for each node that has a [`ProtoNodeInput::Node`]. The compose node evaluates the first node, and then sends the result into the second node.
+	pub fn resolve_inputs(&mut self) -> Result<(), String> {
+		// Perform topological sort once
+		self.reorder_ids()?;
+
+		let max_id = self.nodes.len() as u64 - 1;
+
+		// Collect outward edges once
+		let outwards_edges = self.collect_outwards_edges();
+
+		// Iterate over nodes in topological order
+		for node_id in 0..=max_id {
+			let node_id = NodeId(node_id);
+
+			let (_, node) = &mut self.nodes[node_id.0 as usize];
+
+			if let ProtoNodeInput::Node(input_node_id) = node.input {
+				// Create a new node that composes the current node and its input node
+				let compose_node_id = NodeId(self.nodes.len() as u64);
+
+				let (_, input_node_id_proto) = &self.nodes[input_node_id.0 as usize];
+
+				let input = input_node_id_proto.input.clone();
+
+				let mut path = input_node_id_proto.original_location.path.clone();
+				if let Some(path) = &mut path {
+					path.push(node_id);
+				}
+
+				self.nodes.push((
+					compose_node_id,
+					ProtoNode {
+						identifier: ProtoNodeIdentifier::new("graphene_core::structural::ComposeNode"),
+						construction_args: ConstructionArgs::Nodes(vec![(input_node_id, false), (node_id, true)]),
+						input,
+						original_location: OriginalLocation { path, ..Default::default() },
+						skip_deduplication: false,
+					},
+				));
+
+				self.replace_node_id(&outwards_edges, node_id, compose_node_id, true);
+			}
+		}
+		self.reorder_ids()?;
+		Ok(())
+	}
+
+	/// Update all of the references to a node ID in the graph with a new ID named `compose_node_id`.
+	fn replace_node_id(&mut self, outwards_edges: &HashMap<NodeId, Vec<NodeId>>, node_id: NodeId, compose_node_id: NodeId, skip_lambdas: bool) {
+		// Update references in other nodes to use the new compose node
+		if let Some(referring_nodes) = outwards_edges.get(&node_id) {
+			for &referring_node_id in referring_nodes {
+				let (_, referring_node) = &mut self.nodes[referring_node_id.0 as usize];
+				referring_node.map_ids(|id| if id == node_id { compose_node_id } else { id }, skip_lambdas)
+			}
+		}
+
+		if self.output == node_id {
+			self.output = compose_node_id;
+		}
+
+		self.inputs.iter_mut().for_each(|id| {
+			if *id == node_id {
+				*id = compose_node_id;
+			}
+		});
+	}
+
+	// Based on https://en.wikipedia.org/wiki/Topological_sorting#Depth-first_search
+	// This approach excludes nodes that are not connected
+	pub fn topological_sort(&self) -> Result<(Vec<NodeId>, FxHashMap<NodeId, usize>), String> {
+		let (inwards_edges, id_map) = self.collect_inwards_edges_with_mapping();
+		let mut sorted = Vec::with_capacity(self.nodes.len());
+		let mut stack = vec![id_map[&self.output]];
+		let mut state = vec![NodeState::Unvisited; self.nodes.len()];
+
+		while let Some(&node_index) = stack.last() {
+			match state[node_index] {
+				NodeState::Unvisited => {
+					state[node_index] = NodeState::Visiting;
+					for &dep_index in inwards_edges[node_index].iter().rev() {
+						match state[dep_index] {
+							NodeState::Visiting => {
+								return Err(format!("Cycle detected involving node {}", self.nodes[dep_index].0));
+							}
+							NodeState::Unvisited => {
+								stack.push(dep_index);
+							}
+							NodeState::Visited => {}
+						}
+					}
+				}
+				NodeState::Visiting => {
+					stack.pop();
+					state[node_index] = NodeState::Visited;
+					sorted.push(NodeId(node_index as u64));
+				}
+				NodeState::Visited => {
+					stack.pop();
+				}
+			}
+		}
+
+		Ok((sorted, id_map))
+	}
+
+	fn is_topologically_sorted(&self) -> bool {
+		let mut visited = HashSet::new();
+
+		let inwards_edges = self.collect_inwards_edges();
+		for (id, _) in &self.nodes {
+			for &dependency in inwards_edges.get(id).unwrap_or(&Vec::new()) {
+				if !visited.contains(&dependency) {
+					dbg!(id, dependency);
+					dbg!(&visited);
+					dbg!(&self.nodes);
+					return false;
+				}
+			}
+			visited.insert(*id);
+		}
+		true
+	}
+
+	/// Sort the nodes vec so it is in a topological order. This ensures that no node takes an input from a node that is found later in the list.
+	fn reorder_ids(&mut self) -> Result<(), String> {
+		let (order, _id_map) = self.topological_sort()?;
+
+		// // Map of node ids to their current index in the nodes vector
+		// let current_positions: FxHashMap<_, _> = self.nodes.iter().enumerate().map(|(pos, (id, _))| (*id, pos)).collect();
+
+		// // Map of node ids to their new index based on topological order
+		let new_positions: FxHashMap<_, _> = order.iter().enumerate().map(|(pos, id)| (self.nodes[id.0 as usize].0, pos)).collect();
+		// assert_eq!(id_map, current_positions);
+
+		// Create a new nodes vector based on the topological order
+
+		let mut new_nodes = Vec::with_capacity(order.len());
+		for (index, &id) in order.iter().enumerate() {
+			let mut node = std::mem::take(&mut self.nodes[id.0 as usize].1);
+			// Update node references to reflect the new order
+			node.map_ids(|id| NodeId(*new_positions.get(&id).expect("node not found in lookup table") as u64), false);
+			new_nodes.push((NodeId(index as u64), node));
+		}
+
+		// Update node references to reflect the new order
+		// new_nodes.iter_mut().for_each(|(_, node)| {
+		// 	node.map_ids(|id| *new_positions.get(&id).expect("node not found in lookup table"), false);
+		// });
+
+		// Update the nodes vector and other references
+		self.nodes = new_nodes;
+		self.inputs = self.inputs.iter().filter_map(|id| new_positions.get(id).map(|x| NodeId(*x as u64))).collect();
+		self.output = NodeId(*new_positions.get(&self.output).unwrap() as u64);
+
+		assert_eq!(order.len(), self.nodes.len());
+		Ok(())
+	}
+}
+#[derive(Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub enum GraphErrorType {
+	NodeNotFound(NodeId),
+	InputNodeNotFound(NodeId),
+	UnexpectedGenerics { index: usize, inputs: Vec<Type> },
+	NoImplementations,
+	NoConstructor,
+	InvalidImplementations { inputs: String, error_inputs: Vec<Vec<(usize, (Type, Type))>> },
+	MultipleImplementations { inputs: String, valid: Vec<NodeIOTypes> },
+}
+impl Debug for GraphErrorType {
+	// TODO: format with the document graph context so the input index is the same as in the graph UI.
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			GraphErrorType::NodeNotFound(id) => write!(f, "Input node {id} is not present in the typing context"),
+			GraphErrorType::InputNodeNotFound(id) => write!(f, "Input node {id} is not present in the typing context"),
+			GraphErrorType::UnexpectedGenerics { index, inputs } => write!(f, "Generic inputs should not exist but found at {index}: {inputs:?}"),
+			GraphErrorType::NoImplementations => write!(f, "No implementations found"),
+			GraphErrorType::NoConstructor => write!(f, "No construct found for node"),
+			GraphErrorType::InvalidImplementations { inputs, error_inputs } => {
+				let format_error = |(index, (found, expected)): &(usize, (Type, Type))| {
+					let index = index + 1;
+					format!(
+						"\
+						• Input {index}:\n\
+						…found:       {found}\n\
+						…expected: {expected}\
+						"
+					)
+				};
+				let format_error_list = |errors: &Vec<(usize, (Type, Type))>| errors.iter().map(format_error).collect::<Vec<_>>().join("\n");
+				let mut errors = error_inputs.iter().map(format_error_list).collect::<Vec<_>>();
+				errors.sort();
+				let errors = errors.join("\n");
+				let incompatibility = if errors.chars().filter(|&c| c == '•').count() == 1 {
+					"This input type is incompatible:"
+				} else {
+					"These input types are incompatible:"
+				};
+
+				write!(
+					f,
+					"\
+					{incompatibility}\n\
+					{errors}\n\
+					\n\
+					The node is currently receiving all of the following input types:\n\
+					{inputs}\n\
+					This is not a supported arrangement of types for the node.\
+					"
+				)
+			}
+			GraphErrorType::MultipleImplementations { inputs, valid } => write!(f, "Multiple implementations found ({inputs}):\n{valid:#?}"),
+		}
+	}
+}
+#[derive(Clone, PartialEq, serde::Serialize, serde::Deserialize)]
+pub struct GraphError {
+	pub node_path: Vec<NodeId>,
+	pub identifier: Cow<'static, str>,
+	pub error: GraphErrorType,
+}
+impl GraphError {
+	pub fn new(node: &ProtoNode, text: impl Into<GraphErrorType>) -> Self {
+		Self {
+			node_path: node.original_location.path.clone().unwrap_or_default(),
+			identifier: node.identifier.name.clone(),
+			error: text.into(),
+		}
+	}
+}
+impl Debug for GraphError {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		f.debug_struct("NodeGraphError")
+			.field("path", &self.node_path.iter().map(|id| id.0).collect::<Vec<_>>())
+			.field("identifier", &self.identifier.to_string())
+			.field("error", &self.error)
+			.finish()
+	}
+}
+pub type GraphErrors = Vec<GraphError>;
+
+/// The `TypingContext` is used to store the types of the nodes indexed by their stable node id.
+#[derive(Default, Clone, dyn_any::DynAny)]
+pub struct TypingContext {
+	lookup: Cow<'static, HashMap<ProtoNodeIdentifier, HashMap<NodeIOTypes, NodeConstructor>>>,
+	inferred: HashMap<NodeId, NodeIOTypes>,
+	constructor: HashMap<NodeId, NodeConstructor>,
+}
+
+impl TypingContext {
+	/// Creates a new `TypingContext` with the given lookup table.
+	pub fn new(lookup: &'static HashMap<ProtoNodeIdentifier, HashMap<NodeIOTypes, NodeConstructor>>) -> Self {
+		Self {
+			lookup: Cow::Borrowed(lookup),
+			..Default::default()
+		}
+	}
+
+	/// Updates the `TypingContext` with a given proto network. This will infer the types of the nodes
+	/// and store them in the `inferred` field. The proto network has to be topologically sorted
+	/// and contain fully resolved stable node ids.
+	pub fn update(&mut self, network: &ProtoNetwork) -> Result<(), GraphErrors> {
+		for (id, node) in network.nodes.iter() {
+			self.infer(*id, node)?;
+		}
+
+		Ok(())
+	}
+
+	pub fn remove_inference(&mut self, node_id: NodeId) -> Option<NodeIOTypes> {
+		self.constructor.remove(&node_id);
+		self.inferred.remove(&node_id)
+	}
+
+	/// Returns the node constructor for a given node id.
+	pub fn constructor(&self, node_id: NodeId) -> Option<NodeConstructor> {
+		self.constructor.get(&node_id).copied()
+	}
+
+	/// Returns the type of a given node id if it exists
+	pub fn type_of(&self, node_id: NodeId) -> Option<&NodeIOTypes> {
+		self.inferred.get(&node_id)
+	}
+
+	/// Returns the inferred types for a given node id.
+	pub fn infer(&mut self, node_id: NodeId, node: &ProtoNode) -> Result<NodeIOTypes, GraphErrors> {
+		// Return the inferred type if it is already known
+		if let Some(inferred) = self.inferred.get(&node_id) {
+			return Ok(inferred.clone());
+		}
+
+		let inputs = match node.construction_args {
+			// If the node has a value input we can infer the return type from it
+			ConstructionArgs::Value(ref v) => {
+				assert!(matches!(node.input, ProtoNodeInput::None) || matches!(node.input, ProtoNodeInput::ManualComposition(ref x) if x == &concrete!(Context)));
+				// TODO: This should return a reference to the value
+				let types = NodeIOTypes::new(concrete!(Context), Type::Future(Box::new(v.ty())), vec![]);
+				self.inferred.insert(node_id, types.clone());
+				return Ok(types);
+			}
+			// If the node has nodes as inputs we can infer the types from the node outputs
+			ConstructionArgs::Nodes(ref nodes) => nodes
+				.iter()
+				.map(|(id, _)| {
+					self.inferred
+						.get(id)
+						.ok_or_else(|| vec![GraphError::new(node, GraphErrorType::NodeNotFound(*id))])
+						.map(|node| node.ty())
+				})
+				.collect::<Result<Vec<Type>, GraphErrors>>()?,
+			ConstructionArgs::Inline(ref inline) => vec![inline.ty.clone()],
+		};
+
+		// Get the node input type from the proto node declaration
+		// TODO: When removing automatic composition, rename this to just `call_argument`
+		let primary_input_or_call_argument = match node.input {
+			ProtoNodeInput::None => concrete!(()),
+			ProtoNodeInput::ManualComposition(ref ty) => ty.clone(),
+			ProtoNodeInput::Node(id) | ProtoNodeInput::NodeLambda(id) => {
+				let input = self.inferred.get(&id).ok_or_else(|| vec![GraphError::new(node, GraphErrorType::InputNodeNotFound(id))])?;
+				input.return_value.clone()
+			}
+		};
+		let using_manual_composition = matches!(node.input, ProtoNodeInput::ManualComposition(_) | ProtoNodeInput::None);
+		let impls = self.lookup.get(&node.identifier).ok_or_else(|| vec![GraphError::new(node, GraphErrorType::NoImplementations)])?;
+
+		if let Some(index) = inputs.iter().position(|p| {
+			matches!(p,
+			Type::Fn(_, b) if matches!(b.as_ref(), Type::Generic(_)))
+		}) {
+			return Err(vec![GraphError::new(node, GraphErrorType::UnexpectedGenerics { index, inputs })]);
+		}
+
+		/// Checks if a proposed input to a particular (primary or secondary) input connector is valid for its type signature.
+		/// `from` indicates the value given to a input, `to` indicates the input's allowed type as specified by its type signature.
+		fn valid_type(from: &Type, to: &Type) -> bool {
+			match (from, to) {
+				// Direct comparison of two concrete types.
+				(Type::Concrete(type1), Type::Concrete(type2)) => type1 == type2,
+				// Check inner type for futures
+				(Type::Future(type1), Type::Future(type2)) => valid_type(type1, type2),
+				// Direct comparison of two function types.
+				// Note: in the presence of subtyping, functions are considered on a "greater than or equal to" basis of its function type's generality.
+				// That means we compare their types with a contravariant relationship, which means that a more general type signature may be substituted for a more specific type signature.
+				// For example, we allow `T -> V` to be substituted with `T' -> V` or `() -> V` where T' and () are more specific than T.
+				// This allows us to supply anything to a function that is satisfied with `()`.
+				// In other words, we are implementing these two relations, where the >= operator means that the left side is more general than the right side:
+				// - `T >= T' ⇒ (T' -> V) >= (T -> V)` (functions are contravariant in their input types)
+				// - `V >= V' ⇒ (T -> V) >= (T -> V')` (functions are covariant in their output types)
+				// While these two relations aren't a truth about the universe, they are a design decision that we are employing in our language design that is also common in other languages.
+				// For example, Rust implements these same relations as it describes here: <https://doc.rust-lang.org/nomicon/subtyping.html>
+				// Graphite doesn't have subtyping currently, but it used to have it, and may do so again, so we make sure to compare types in this way to make things easier.
+				// More details explained here: <https://github.com/GraphiteEditor/Graphite/issues/1741>
+				(Type::Fn(in1, out1), Type::Fn(in2, out2)) => valid_type(out2, out1) && valid_type(in1, in2),
+				// If either the proposed input or the allowed input are generic, we allow the substitution (meaning this is a valid subtype).
+				// TODO: Add proper generic counting which is not based on the name
+				(Type::Generic(_), _) | (_, Type::Generic(_)) => true,
+				// Reject unknown type relationships.
+				_ => false,
+			}
+		}
+
+		// List of all implementations that match the input types
+		let valid_output_types = impls
+			.keys()
+			.filter(|node_io| valid_type(&node_io.call_argument, &primary_input_or_call_argument) && inputs.iter().zip(node_io.inputs.iter()).all(|(p1, p2)| valid_type(p1, p2)))
+			.collect::<Vec<_>>();
+
+		// Attempt to substitute generic types with concrete types and save the list of results
+		let substitution_results = valid_output_types
+			.iter()
+			.map(|node_io| {
+				let generics_lookup: Result<HashMap<_, _>, _> = collect_generics(node_io)
+					.iter()
+					.map(|generic| check_generic(node_io, &primary_input_or_call_argument, &inputs, generic).map(|x| (generic.to_string(), x)))
+					.collect();
+
+				generics_lookup.map(|generics_lookup| {
+					let orig_node_io = (*node_io).clone();
+					let mut new_node_io = orig_node_io.clone();
+					replace_generics(&mut new_node_io, &generics_lookup);
+					(new_node_io, orig_node_io)
+				})
+			})
+			.collect::<Vec<_>>();
+
+		// Collect all substitutions that are valid
+		let valid_impls = substitution_results.iter().filter_map(|result| result.as_ref().ok()).collect::<Vec<_>>();
+
+		match valid_impls.as_slice() {
+			[] => {
+				let mut best_errors = usize::MAX;
+				let mut error_inputs = Vec::new();
+				for node_io in impls.keys() {
+					let current_errors = [&primary_input_or_call_argument]
+						.into_iter()
+						.chain(&inputs)
+						.cloned()
+						.zip([&node_io.call_argument].into_iter().chain(&node_io.inputs).cloned())
+						.enumerate()
+						.filter(|(_, (p1, p2))| !valid_type(p1, p2))
+						.map(|(index, ty)| {
+							let i = node.original_location.inputs(index).min_by_key(|s| s.node.len()).map(|s| s.index).unwrap_or(index);
+							let i = if using_manual_composition { i } else { i + 1 };
+							(i, ty)
+						})
+						.collect::<Vec<_>>();
+					if current_errors.len() < best_errors {
+						best_errors = current_errors.len();
+						error_inputs.clear();
+					}
+					if current_errors.len() <= best_errors {
+						error_inputs.push(current_errors);
+					}
+				}
+				let inputs = [&primary_input_or_call_argument]
+					.into_iter()
+					.chain(&inputs)
+					.enumerate()
+					// TODO: Make the following line's if statement conditional on being a call argument or primary input
+					.filter_map(|(i, t)| {
+						let i = if using_manual_composition { i } else { i + 1 };
+						if i == 0 { None } else { Some(format!("• Input {i}: {t}")) }
+					})
+					.collect::<Vec<_>>()
+					.join("\n");
+				Err(vec![GraphError::new(node, GraphErrorType::InvalidImplementations { inputs, error_inputs })])
+			}
+			[(node_io, org_nio)] => {
+				let node_io = node_io.clone();
+
+				// Save the inferred type
+				self.inferred.insert(node_id, node_io.clone());
+				self.constructor.insert(node_id, impls[org_nio]);
+				Ok(node_io)
+			}
+			// If two types are available and one of them accepts () an input, always choose that one
+			[first, second] => {
+				if first.0.call_argument != second.0.call_argument {
+					for (node_io, orig_nio) in [first, second] {
+						if node_io.call_argument != concrete!(()) {
+							continue;
+						}
+
+						// Save the inferred type
+						self.inferred.insert(node_id, node_io.clone());
+						self.constructor.insert(node_id, impls[orig_nio]);
+						return Ok(node_io.clone());
+					}
+				}
+				let inputs = [&primary_input_or_call_argument].into_iter().chain(&inputs).map(|t| t.to_string()).collect::<Vec<_>>().join(", ");
+				let valid = valid_output_types.into_iter().cloned().collect();
+				Err(vec![GraphError::new(node, GraphErrorType::MultipleImplementations { inputs, valid })])
+			}
+
+			_ => {
+				let inputs = [&primary_input_or_call_argument].into_iter().chain(&inputs).map(|t| t.to_string()).collect::<Vec<_>>().join(", ");
+				let valid = valid_output_types.into_iter().cloned().collect();
+				Err(vec![GraphError::new(node, GraphErrorType::MultipleImplementations { inputs, valid })])
+			}
+		}
+	}
+}
+
+/// Returns a list of all generic types used in the node
+fn collect_generics(types: &NodeIOTypes) -> Vec<Cow<'static, str>> {
+	let inputs = [&types.call_argument].into_iter().chain(types.inputs.iter().map(|x| x.nested_type()));
+	let mut generics = inputs
+		.filter_map(|t| match t {
+			Type::Generic(out) => Some(out.clone()),
+			_ => None,
+		})
+		.collect::<Vec<_>>();
+	if let Type::Generic(out) = &types.return_value {
+		generics.push(out.clone());
+	}
+	generics.dedup();
+	generics
+}
+
+/// Checks if a generic type can be substituted with a concrete type and returns the concrete type
+fn check_generic(types: &NodeIOTypes, input: &Type, parameters: &[Type], generic: &str) -> Result<Type, String> {
+	let inputs = [(Some(&types.call_argument), Some(input))]
+		.into_iter()
+		.chain(types.inputs.iter().map(|x| x.fn_input()).zip(parameters.iter().map(|x| x.fn_input())))
+		.chain(types.inputs.iter().map(|x| x.fn_output()).zip(parameters.iter().map(|x| x.fn_output())));
+	let concrete_inputs = inputs.filter(|(ni, _)| matches!(ni, Some(Type::Generic(input)) if generic == input));
+	let mut outputs = concrete_inputs.flat_map(|(_, out)| out);
+	let out_ty = outputs
+		.next()
+		.ok_or_else(|| format!("Generic output type {generic} is not dependent on input {input:?} or parameters {parameters:?}",))?;
+	if outputs.any(|ty| ty != out_ty) {
+		return Err(format!("Generic output type {generic} is dependent on multiple inputs or parameters",));
+	}
+	Ok(out_ty.clone())
+}
+
+/// Returns a list of all generic types used in the node
+fn replace_generics(types: &mut NodeIOTypes, lookup: &HashMap<String, Type>) {
+	let replace = |ty: &Type| {
+		let Type::Generic(ident) = ty else {
+			return None;
+		};
+		lookup.get(ident.as_ref()).cloned()
+	};
+	types.call_argument.replace_nested(replace);
+	types.return_value.replace_nested(replace);
+	for input in &mut types.inputs {
+		input.replace_nested(replace);
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use crate::proto::{ConstructionArgs, ProtoNetwork, ProtoNode, ProtoNodeInput};
+
+	#[test]
+	fn topological_sort() {
+		let construction_network = test_network();
+		let (sorted, _) = construction_network.topological_sort().expect("Error when calling 'topological_sort' on 'construction_network.");
+		let sorted: Vec<_> = sorted.iter().map(|x| construction_network.nodes[x.0 as usize].0).collect();
+		println!("{sorted:#?}");
+		assert_eq!(sorted, vec![NodeId(14), NodeId(10), NodeId(11), NodeId(1)]);
+	}
+
+	#[test]
+	fn topological_sort_with_cycles() {
+		let construction_network = test_network_with_cycles();
+		let sorted = construction_network.topological_sort();
+
+		assert!(sorted.is_err())
+	}
+
+	#[test]
+	fn id_reordering() {
+		let mut construction_network = test_network();
+		construction_network.reorder_ids().expect("Error when calling 'reorder_ids' on 'construction_network.");
+		let (sorted, _) = construction_network.topological_sort().expect("Error when calling 'topological_sort' on 'construction_network.");
+		let sorted: Vec<_> = sorted.iter().map(|x| construction_network.nodes[x.0 as usize].0).collect();
+		println!("nodes: {:#?}", construction_network.nodes);
+		assert_eq!(sorted, vec![NodeId(0), NodeId(1), NodeId(2), NodeId(3)]);
+		let ids: Vec<_> = construction_network.nodes.iter().map(|(id, _)| *id).collect();
+		println!("{ids:#?}");
+		println!("nodes: {:#?}", construction_network.nodes);
+		assert_eq!(construction_network.nodes[0].1.identifier.name.as_ref(), "value");
+		assert_eq!(ids, vec![NodeId(0), NodeId(1), NodeId(2), NodeId(3)]);
+	}
+
+	#[test]
+	fn id_reordering_idempotent() {
+		let mut construction_network = test_network();
+		construction_network.reorder_ids().expect("Error when calling 'reorder_ids' on 'construction_network.");
+		construction_network.reorder_ids().expect("Error when calling 'reorder_ids' on 'construction_network.");
+		let (sorted, _) = construction_network.topological_sort().expect("Error when calling 'topological_sort' on 'construction_network.");
+		assert_eq!(sorted, vec![NodeId(0), NodeId(1), NodeId(2), NodeId(3)]);
+		let ids: Vec<_> = construction_network.nodes.iter().map(|(id, _)| *id).collect();
+		println!("{ids:#?}");
+		assert_eq!(construction_network.nodes[0].1.identifier.name.as_ref(), "value");
+		assert_eq!(ids, vec![NodeId(0), NodeId(1), NodeId(2), NodeId(3)]);
+	}
+
+	#[test]
+	fn input_resolution() {
+		let mut construction_network = test_network();
+		construction_network.resolve_inputs().expect("Error when calling 'resolve_inputs' on 'construction_network.");
+		println!("{construction_network:#?}");
+		assert_eq!(construction_network.nodes[0].1.identifier.name.as_ref(), "value");
+		assert_eq!(construction_network.nodes.len(), 6);
+		assert_eq!(construction_network.nodes[5].1.construction_args, ConstructionArgs::Nodes(vec![(NodeId(3), false), (NodeId(4), true)]));
+	}
+
+	#[test]
+	fn stable_node_id_generation() {
+		let mut construction_network = test_network();
+		construction_network.resolve_inputs().expect("Error when calling 'resolve_inputs' on 'construction_network.");
+		construction_network.generate_stable_node_ids();
+		assert_eq!(construction_network.nodes[0].1.identifier.name.as_ref(), "value");
+		let ids: Vec<_> = construction_network.nodes.iter().map(|(id, _)| *id).collect();
+		assert_eq!(
+			ids,
+			vec![
+				NodeId(16997244687192517417),
+				NodeId(12226224850522777131),
+				NodeId(9162113827627229771),
+				NodeId(12793582657066318419),
+				NodeId(16945623684036608820),
+				NodeId(2640415155091892458)
+			]
+		);
+	}
+
+	fn test_network() -> ProtoNetwork {
+		ProtoNetwork {
+			inputs: vec![NodeId(10)],
+			output: NodeId(1),
+			nodes: [
+				(
+					NodeId(7),
+					ProtoNode {
+						identifier: "id".into(),
+						input: ProtoNodeInput::Node(NodeId(11)),
+						construction_args: ConstructionArgs::Nodes(vec![]),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(1),
+					ProtoNode {
+						identifier: "id".into(),
+						input: ProtoNodeInput::Node(NodeId(11)),
+						construction_args: ConstructionArgs::Nodes(vec![]),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(10),
+					ProtoNode {
+						identifier: "cons".into(),
+						input: ProtoNodeInput::ManualComposition(concrete!(u32)),
+						construction_args: ConstructionArgs::Nodes(vec![(NodeId(14), false)]),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(11),
+					ProtoNode {
+						identifier: "add".into(),
+						input: ProtoNodeInput::Node(NodeId(10)),
+						construction_args: ConstructionArgs::Nodes(vec![]),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(14),
+					ProtoNode {
+						identifier: "value".into(),
+						input: ProtoNodeInput::None,
+						construction_args: ConstructionArgs::Value(value::TaggedValue::U32(2).into()),
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+		}
+	}
+
+	fn test_network_with_cycles() -> ProtoNetwork {
+		ProtoNetwork {
+			inputs: vec![NodeId(1)],
+			output: NodeId(1),
+			nodes: [
+				(
+					NodeId(1),
+					ProtoNode {
+						identifier: "id".into(),
+						input: ProtoNodeInput::Node(NodeId(2)),
+						construction_args: ConstructionArgs::Nodes(vec![]),
+						..Default::default()
+					},
+				),
+				(
+					NodeId(2),
+					ProtoNode {
+						identifier: "id".into(),
+						input: ProtoNodeInput::Node(NodeId(1)),
+						construction_args: ConstructionArgs::Nodes(vec![]),
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+		}
+	}
+}
diff --git a/node-graph/graph-craft/src/util.rs b/node-graph/graph-craft/src/util.rs
new file mode 100644
index 0000000000000000000000000000000000000000..eddeec842ca91546bfafabc02c0f768b9181799c
--- /dev/null
+++ b/node-graph/graph-craft/src/util.rs
@@ -0,0 +1,30 @@
+use crate::document::NodeNetwork;
+use crate::graphene_compiler::Compiler;
+use crate::proto::ProtoNetwork;
+
+pub fn load_network(document_string: &str) -> NodeNetwork {
+	let document: serde_json::Value = serde_json::from_str(document_string).expect("Failed to parse document");
+	let document = (document["network_interface"]["network"].clone()).to_string();
+	serde_json::from_str::<NodeNetwork>(&document).expect("Failed to parse document")
+}
+
+pub fn compile(network: NodeNetwork) -> ProtoNetwork {
+	let compiler = Compiler {};
+	compiler.compile_single(network).unwrap()
+}
+
+pub fn load_from_name(name: &str) -> NodeNetwork {
+	let content = std::fs::read(format!("../../demo-artwork/{name}.graphite")).expect("failed to read file");
+	let content = std::str::from_utf8(&content).unwrap();
+	load_network(content)
+}
+
+pub static DEMO_ART: [&str; 7] = [
+	"changing-seasons",
+	"painted-dreams",
+	"red-dress",
+	"valley-of-spires",
+	"isometric-fountain",
+	"procedural-string-lights",
+	"parametric-dunescape",
+];
diff --git a/node-graph/graph-craft/src/wasm_application_io.rs b/node-graph/graph-craft/src/wasm_application_io.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1d11744aa4ef6014452b43dab2b44bc94ec850ef
--- /dev/null
+++ b/node-graph/graph-craft/src/wasm_application_io.rs
@@ -0,0 +1,342 @@
+use dyn_any::StaticType;
+use graphene_application_io::{ApplicationError, ApplicationIo, ResourceFuture, SurfaceHandle, SurfaceId};
+#[cfg(target_arch = "wasm32")]
+use js_sys::{Object, Reflect};
+use std::collections::HashMap;
+use std::sync::Arc;
+#[cfg(target_arch = "wasm32")]
+use std::sync::atomic::AtomicU64;
+use std::sync::atomic::Ordering;
+#[cfg(feature = "tokio")]
+use tokio::io::AsyncReadExt;
+#[cfg(target_arch = "wasm32")]
+use wasm_bindgen::JsCast;
+#[cfg(target_arch = "wasm32")]
+use wasm_bindgen::JsValue;
+#[cfg(target_arch = "wasm32")]
+use web_sys::HtmlCanvasElement;
+#[cfg(target_arch = "wasm32")]
+use web_sys::window;
+#[cfg(feature = "wgpu")]
+use wgpu_executor::WgpuExecutor;
+
+#[derive(Debug)]
+struct WindowWrapper {
+	#[cfg(target_arch = "wasm32")]
+	window: SurfaceHandle<HtmlCanvasElement>,
+	#[cfg(not(target_arch = "wasm32"))]
+	window: SurfaceHandle<Arc<winit::window::Window>>,
+}
+
+#[cfg(target_arch = "wasm32")]
+impl Drop for WindowWrapper {
+	fn drop(&mut self) {
+		let window = window().expect("should have a window in this context");
+		let window = Object::from(window);
+
+		let image_canvases_key = JsValue::from_str("imageCanvases");
+
+		let wrapper = || {
+			if let Ok(canvases) = Reflect::get(&window, &image_canvases_key) {
+				// Convert key and value to JsValue
+				let js_key = JsValue::from_str(format!("canvas{}", self.window.window_id).as_str());
+
+				// Use Reflect API to set property
+				Reflect::delete_property(&canvases.into(), &js_key)?;
+			}
+			Ok::<_, JsValue>(())
+		};
+
+		wrapper().expect("should be able to set canvas in global scope")
+	}
+}
+
+#[cfg(target_arch = "wasm32")]
+unsafe impl Sync for WindowWrapper {}
+#[cfg(target_arch = "wasm32")]
+unsafe impl Send for WindowWrapper {}
+
+#[derive(Debug, Default)]
+pub struct WasmApplicationIo {
+	#[cfg(target_arch = "wasm32")]
+	ids: AtomicU64,
+	#[cfg(feature = "wgpu")]
+	pub(crate) gpu_executor: Option<WgpuExecutor>,
+	windows: Vec<WindowWrapper>,
+	pub resources: HashMap<String, Arc<[u8]>>,
+}
+
+static WGPU_AVAILABLE: std::sync::atomic::AtomicI8 = std::sync::atomic::AtomicI8::new(-1);
+
+pub fn wgpu_available() -> Option<bool> {
+	// Always enable wgpu when running with Tauri
+	#[cfg(target_arch = "wasm32")]
+	if let Some(window) = web_sys::window() {
+		if js_sys::Reflect::get(&window, &wasm_bindgen::JsValue::from_str("__TAURI__")).is_ok() {
+			return Some(true);
+		}
+	}
+
+	match WGPU_AVAILABLE.load(Ordering::SeqCst) {
+		-1 => None,
+		0 => Some(false),
+		_ => Some(true),
+	}
+}
+
+impl WasmApplicationIo {
+	pub async fn new() -> Self {
+		#[cfg(all(feature = "wgpu", target_arch = "wasm32"))]
+		let executor = if let Some(gpu) = web_sys::window().map(|w| w.navigator().gpu()) {
+			let request_adapter = || {
+				let request_adapter = js_sys::Reflect::get(&gpu, &wasm_bindgen::JsValue::from_str("requestAdapter")).ok()?;
+				let function = request_adapter.dyn_ref::<js_sys::Function>()?;
+				Some(function.call0(&gpu).ok())
+			};
+			let result = request_adapter();
+			match result {
+				None => None,
+				Some(_) => WgpuExecutor::new().await,
+			}
+		} else {
+			None
+		};
+
+		#[cfg(all(feature = "wgpu", not(target_arch = "wasm32")))]
+		let executor = WgpuExecutor::new().await;
+
+		#[cfg(not(feature = "wgpu"))]
+		let wgpu_available = false;
+		#[cfg(feature = "wgpu")]
+		let wgpu_available = executor.is_some();
+		WGPU_AVAILABLE.store(wgpu_available as i8, Ordering::SeqCst);
+
+		let mut io = Self {
+			#[cfg(target_arch = "wasm32")]
+			ids: AtomicU64::new(0),
+			#[cfg(feature = "wgpu")]
+			gpu_executor: executor,
+			windows: Vec::new(),
+			resources: HashMap::new(),
+		};
+		let window = io.create_window();
+		io.windows.push(WindowWrapper { window });
+		io.resources.insert("null".to_string(), Arc::from(include_bytes!("null.png").to_vec()));
+
+		io
+	}
+
+	pub async fn new_offscreen() -> Self {
+		#[cfg(feature = "wgpu")]
+		let executor = WgpuExecutor::new().await;
+
+		#[cfg(not(feature = "wgpu"))]
+		let wgpu_available = false;
+		#[cfg(feature = "wgpu")]
+		let wgpu_available = executor.is_some();
+		WGPU_AVAILABLE.store(wgpu_available as i8, Ordering::SeqCst);
+
+		// Always enable wgpu when running with Tauri
+		let mut io = Self {
+			#[cfg(target_arch = "wasm32")]
+			ids: AtomicU64::new(0),
+			#[cfg(feature = "wgpu")]
+			gpu_executor: executor,
+			windows: Vec::new(),
+			resources: HashMap::new(),
+		};
+
+		io.resources.insert("null".to_string(), Arc::from(include_bytes!("null.png").to_vec()));
+
+		io
+	}
+}
+
+unsafe impl StaticType for WasmApplicationIo {
+	type Static = WasmApplicationIo;
+}
+
+impl<'a> From<&'a WasmEditorApi> for &'a WasmApplicationIo {
+	fn from(editor_api: &'a WasmEditorApi) -> Self {
+		editor_api.application_io.as_ref().unwrap()
+	}
+}
+#[cfg(feature = "wgpu")]
+impl<'a> From<&'a WasmApplicationIo> for &'a WgpuExecutor {
+	fn from(app_io: &'a WasmApplicationIo) -> Self {
+		app_io.gpu_executor.as_ref().unwrap()
+	}
+}
+
+pub type WasmEditorApi = graphene_application_io::EditorApi<WasmApplicationIo>;
+
+impl ApplicationIo for WasmApplicationIo {
+	#[cfg(target_arch = "wasm32")]
+	type Surface = HtmlCanvasElement;
+	#[cfg(not(target_arch = "wasm32"))]
+	type Surface = Arc<winit::window::Window>;
+	#[cfg(feature = "wgpu")]
+	type Executor = WgpuExecutor;
+	#[cfg(not(feature = "wgpu"))]
+	type Executor = ();
+
+	#[cfg(target_arch = "wasm32")]
+	fn create_window(&self) -> SurfaceHandle<Self::Surface> {
+		let wrapper = || {
+			let document = window().expect("should have a window in this context").document().expect("window should have a document");
+
+			let canvas: HtmlCanvasElement = document.create_element("canvas")?.dyn_into::<HtmlCanvasElement>()?;
+			let id = self.ids.fetch_add(1, Ordering::SeqCst);
+			// store the canvas in the global scope so it doesn't get garbage collected
+			let window = window().expect("should have a window in this context");
+			let window = Object::from(window);
+
+			let image_canvases_key = JsValue::from_str("imageCanvases");
+
+			let mut canvases = Reflect::get(&window, &image_canvases_key);
+			if canvases.is_err() {
+				Reflect::set(&JsValue::from(web_sys::window().unwrap()), &image_canvases_key, &Object::new()).unwrap();
+				canvases = Reflect::get(&window, &image_canvases_key);
+			}
+
+			// Convert key and value to JsValue
+			let js_key = JsValue::from_str(format!("canvas{}", id).as_str());
+			let js_value = JsValue::from(canvas.clone());
+
+			let canvases = Object::from(canvases.unwrap());
+
+			// Use Reflect API to set property
+			Reflect::set(&canvases, &js_key, &js_value)?;
+			Ok::<_, JsValue>(SurfaceHandle {
+				window_id: SurfaceId(id),
+				surface: canvas,
+			})
+		};
+
+		wrapper().expect("should be able to set canvas in global scope")
+	}
+	#[cfg(not(target_arch = "wasm32"))]
+	fn create_window(&self) -> SurfaceHandle<Self::Surface> {
+		log::trace!("Spawning window");
+
+		#[cfg(all(not(test), target_os = "linux", feature = "wayland"))]
+		use winit::platform::wayland::EventLoopBuilderExtWayland;
+
+		#[cfg(all(not(test), target_os = "linux", feature = "wayland"))]
+		let event_loop = winit::event_loop::EventLoopBuilder::new().with_any_thread(true).build().unwrap();
+		#[cfg(not(all(not(test), target_os = "linux", feature = "wayland")))]
+		let event_loop = winit::event_loop::EventLoop::new().unwrap();
+
+		let window = winit::window::WindowBuilder::new()
+			.with_title("Graphite")
+			.with_inner_size(winit::dpi::PhysicalSize::new(800, 600))
+			.build(&event_loop)
+			.unwrap();
+
+		SurfaceHandle {
+			window_id: SurfaceId(window.id().into()),
+			surface: Arc::new(window),
+		}
+	}
+
+	#[cfg(target_arch = "wasm32")]
+	fn destroy_window(&self, surface_id: SurfaceId) {
+		let window = window().expect("should have a window in this context");
+		let window = Object::from(window);
+
+		let image_canvases_key = JsValue::from_str("imageCanvases");
+
+		let wrapper = || {
+			if let Ok(canvases) = Reflect::get(&window, &image_canvases_key) {
+				// Convert key and value to JsValue
+				let js_key = JsValue::from_str(format!("canvas{}", surface_id.0).as_str());
+
+				// Use Reflect API to set property
+				Reflect::delete_property(&canvases.into(), &js_key)?;
+			}
+			Ok::<_, JsValue>(())
+		};
+
+		wrapper().expect("should be able to set canvas in global scope")
+	}
+
+	#[cfg(not(target_arch = "wasm32"))]
+	fn destroy_window(&self, _surface_id: SurfaceId) {}
+
+	#[cfg(feature = "wgpu")]
+	fn gpu_executor(&self) -> Option<&Self::Executor> {
+		self.gpu_executor.as_ref()
+	}
+
+	fn load_resource(&self, url: impl AsRef<str>) -> Result<ResourceFuture, ApplicationError> {
+		let url = url::Url::parse(url.as_ref()).map_err(|_| ApplicationError::InvalidUrl)?;
+		log::trace!("Loading resource: {url:?}");
+		match url.scheme() {
+			#[cfg(feature = "tokio")]
+			"file" => {
+				let path = url.to_file_path().map_err(|_| ApplicationError::NotFound)?;
+				let path = path.to_str().ok_or(ApplicationError::NotFound)?;
+				let path = path.to_owned();
+				Ok(Box::pin(async move {
+					let file = tokio::fs::File::open(path).await.map_err(|_| ApplicationError::NotFound)?;
+					let mut reader = tokio::io::BufReader::new(file);
+					let mut data = Vec::new();
+					reader.read_to_end(&mut data).await.map_err(|_| ApplicationError::NotFound)?;
+					Ok(Arc::from(data))
+				}) as ResourceFuture)
+			}
+			"http" | "https" => {
+				let url = url.to_string();
+				Ok(Box::pin(async move {
+					let client = reqwest::Client::new();
+					let response = client.get(url).send().await.map_err(|_| ApplicationError::NotFound)?;
+					let data = response.bytes().await.map_err(|_| ApplicationError::NotFound)?;
+					Ok(Arc::from(data.to_vec()))
+				}) as ResourceFuture)
+			}
+			"graphite" => {
+				let path = url.path();
+				let path = path.to_owned();
+				log::trace!("Loading local resource: {path}");
+				let data = self.resources.get(&path).ok_or(ApplicationError::NotFound)?.clone();
+				Ok(Box::pin(async move { Ok(data.clone()) }) as ResourceFuture)
+			}
+			_ => Err(ApplicationError::NotFound),
+		}
+	}
+
+	fn window(&self) -> Option<SurfaceHandle<Self::Surface>> {
+		self.windows.first().map(|wrapper| wrapper.window.clone())
+	}
+}
+
+#[cfg(feature = "wgpu")]
+pub type WasmSurfaceHandle = SurfaceHandle<wgpu_executor::Window>;
+#[cfg(feature = "wgpu")]
+pub type WasmSurfaceHandleFrame = graphene_application_io::SurfaceHandleFrame<wgpu_executor::Window>;
+
+#[derive(Clone, Debug, PartialEq, Hash, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct EditorPreferences {
+	pub use_vello: bool,
+}
+
+impl graphene_application_io::GetEditorPreferences for EditorPreferences {
+	fn use_vello(&self) -> bool {
+		self.use_vello
+	}
+}
+
+impl Default for EditorPreferences {
+	fn default() -> Self {
+		Self {
+			#[cfg(target_arch = "wasm32")]
+			use_vello: false,
+			#[cfg(not(target_arch = "wasm32"))]
+			use_vello: true,
+		}
+	}
+}
+
+unsafe impl StaticType for EditorPreferences {
+	type Static = EditorPreferences;
+}
diff --git a/node-graph/graphene-cli/Cargo.toml b/node-graph/graphene-cli/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..84bf96e7cd9462f78811bc753d4f23cea8304fca
--- /dev/null
+++ b/node-graph/graphene-cli/Cargo.toml
@@ -0,0 +1,40 @@
+[package]
+name = "graphene-cli"
+version = "0.1.0"
+edition = "2024"
+description = "CLI interface for the graphene language"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[features]
+default = ["wgpu"]
+wgpu = ["wgpu-executor", "gpu", "graphene-std/wgpu"]
+wayland = ["graphene-std/wayland"]
+profiling = ["wgpu-executor/profiling"]
+passthrough = ["wgpu-executor/passthrough"]
+gpu = ["interpreted-executor/gpu", "graphene-std/gpu", "wgpu-executor"]
+
+[dependencies]
+# Local dependencies
+graphene-core = { workspace = true }
+graphene-std = { workspace = true }
+interpreted-executor = { workspace = true }
+graph-craft = { workspace = true, features = ["loading"] }
+preprocessor = { workspace = true }
+
+# Workspace dependencies
+log = { workspace = true }
+futures = { workspace = true }
+fern = { workspace = true }
+chrono = { workspace = true }
+wgpu = { workspace = true }
+tokio = { workspace = true, features = ["rt-multi-thread"] }
+
+# Required dependencies
+clap = { version = "4.5.31", features = ["cargo", "derive"] }
+
+# Optional local dependencies
+wgpu-executor = { path = "../wgpu-executor", optional = true }
+
+[package.metadata.cargo-shear]
+ignored = ["wgpu-executor"]
diff --git a/node-graph/graphene-cli/src/main.rs b/node-graph/graphene-cli/src/main.rs
new file mode 100644
index 0000000000000000000000000000000000000000..af535b736363c930d29e7bc15a0b2192fe726275
--- /dev/null
+++ b/node-graph/graphene-cli/src/main.rs
@@ -0,0 +1,199 @@
+use clap::{Args, Parser, Subcommand};
+use fern::colors::{Color, ColoredLevelConfig};
+use futures::executor::block_on;
+use graph_craft::document::*;
+use graph_craft::graphene_compiler::{Compiler, Executor};
+use graph_craft::proto::ProtoNetwork;
+use graph_craft::util::load_network;
+use graph_craft::wasm_application_io::EditorPreferences;
+use graphene_core::text::FontCache;
+use graphene_std::application_io::{ApplicationIo, NodeGraphUpdateMessage, NodeGraphUpdateSender, RenderConfig};
+use graphene_std::wasm_application_io::{WasmApplicationIo, WasmEditorApi};
+use interpreted_executor::dynamic_executor::DynamicExecutor;
+use interpreted_executor::util::wrap_network_in_scope;
+use std::error::Error;
+use std::path::PathBuf;
+use std::sync::Arc;
+
+struct UpdateLogger {}
+
+impl NodeGraphUpdateSender for UpdateLogger {
+	fn send(&self, message: NodeGraphUpdateMessage) {
+		println!("{message:?}");
+	}
+}
+
+#[derive(Debug, Parser)]
+#[clap(name = "graphene-cli", version)]
+pub struct App {
+	#[clap(flatten)]
+	global_opts: GlobalOpts,
+
+	#[clap(subcommand)]
+	command: Command,
+}
+
+#[derive(Debug, Subcommand)]
+enum Command {
+	/// Help message for compile.
+	Compile {
+		/// Print proto network
+		#[clap(long, short = 'p')]
+		print_proto: bool,
+
+		/// Path to the .graphite document
+		document: PathBuf,
+	},
+	/// Help message for run.
+	Run {
+		/// Path to the .graphite document
+		document: PathBuf,
+
+		/// Path to the .graphite document
+		image: Option<PathBuf>,
+
+		/// Run the document in a loop. This is useful for spawning and maintaining a window
+		#[clap(long, short = 'l')]
+		run_loop: bool,
+	},
+}
+
+#[derive(Debug, Args)]
+struct GlobalOpts {
+	/// Verbosity level (can be specified multiple times)
+	#[clap(long, short, global = true, action = clap::ArgAction::Count)]
+	verbose: u8,
+}
+
+#[tokio::main]
+async fn main() -> Result<(), Box<dyn Error>> {
+	let app = App::parse();
+
+	let log_level = app.global_opts.verbose;
+
+	init_logging(log_level);
+
+	let document_path = match app.command {
+		Command::Compile { ref document, .. } => document,
+		Command::Run { ref document, .. } => document,
+	};
+
+	let document_string = std::fs::read_to_string(document_path).expect("Failed to read document");
+
+	log::info!("creating gpu context",);
+	let mut application_io = block_on(WasmApplicationIo::new());
+
+	if let Command::Run { image: Some(ref image_path), .. } = app.command {
+		application_io.resources.insert("null".to_string(), Arc::from(std::fs::read(image_path).expect("Failed to read image")));
+	}
+	let device = application_io.gpu_executor().unwrap().context.device.clone();
+
+	let preferences = EditorPreferences {
+		use_vello: true,
+		..Default::default()
+	};
+	let editor_api = Arc::new(WasmEditorApi {
+		font_cache: FontCache::default(),
+		application_io: Some(application_io.into()),
+		node_graph_message_sender: Box::new(UpdateLogger {}),
+		editor_preferences: Box::new(preferences),
+	});
+
+	let proto_graph = compile_graph(document_string, editor_api)?;
+
+	match app.command {
+		Command::Compile { print_proto, .. } => {
+			if print_proto {
+				println!("{}", proto_graph);
+			}
+		}
+		Command::Run { run_loop, .. } => {
+			std::thread::spawn(move || {
+				loop {
+					std::thread::sleep(std::time::Duration::from_nanos(10));
+					device.poll(wgpu::Maintain::Poll);
+				}
+			});
+			let executor = create_executor(proto_graph)?;
+			let render_config = RenderConfig::default();
+
+			loop {
+				let result = (&executor).execute(render_config).await?;
+				if !run_loop {
+					println!("{:?}", result);
+					break;
+				}
+				std::thread::sleep(std::time::Duration::from_millis(16));
+			}
+		}
+	}
+
+	Ok(())
+}
+
+fn init_logging(log_level: u8) {
+	let default_level = match log_level {
+		0 => log::LevelFilter::Error,
+		1 => log::LevelFilter::Info,
+		2 => log::LevelFilter::Debug,
+		_ => log::LevelFilter::Trace,
+	};
+	let colors = ColoredLevelConfig::new().debug(Color::Magenta).info(Color::Green).error(Color::Red);
+	fern::Dispatch::new()
+		.chain(std::io::stdout())
+		.level_for("wgpu", log::LevelFilter::Error)
+		.level_for("naga", log::LevelFilter::Error)
+		.level_for("wgpu_hal", log::LevelFilter::Error)
+		.level_for("wgpu_core", log::LevelFilter::Error)
+		.level(default_level)
+		.format(move |out, message, record| {
+			out.finish(format_args!(
+				"[{}]{}{} {}",
+				// This will color the log level only, not the whole line. Just a touch.
+				colors.color(record.level()),
+				chrono::Utc::now().format("[%Y-%m-%d %H:%M:%S]"),
+				record.module_path().unwrap_or(""),
+				message
+			))
+		})
+		.apply()
+		.unwrap();
+}
+
+// Migrations are done in the editor which is unfortunately not available here.
+// TODO: remove this and share migrations between the editor and the CLI.
+fn fix_nodes(network: &mut NodeNetwork) {
+	for node in network.nodes.values_mut() {
+		match &mut node.implementation {
+			// Recursively fix
+			DocumentNodeImplementation::Network(network) => fix_nodes(network),
+			// This replicates the migration from the editor linked:
+			// https://github.com/GraphiteEditor/Graphite/blob/d68f91ccca69e90e6d2df78d544d36cd1aaf348e/editor/src/messages/portfolio/portfolio_message_handler.rs#L535
+			// Since the CLI doesn't have the document node definitions, a less robust method of just patching the inputs is used.
+			DocumentNodeImplementation::ProtoNode(proto_node_identifier)
+				if (proto_node_identifier.name.starts_with("graphene_core::ConstructLayerNode") || proto_node_identifier.name.starts_with("graphene_core::AddArtboardNode"))
+					&& node.inputs.len() < 3 =>
+			{
+				node.inputs.push(NodeInput::Reflection(DocumentNodeMetadata::DocumentNodePath));
+			}
+			_ => {}
+		}
+	}
+}
+fn compile_graph(document_string: String, editor_api: Arc<WasmEditorApi>) -> Result<ProtoNetwork, Box<dyn Error>> {
+	let mut network = load_network(&document_string);
+	fix_nodes(&mut network);
+
+	let substitutions = preprocessor::generate_node_substitutions();
+	preprocessor::expand_network(&mut network, &substitutions);
+
+	let wrapped_network = wrap_network_in_scope(network.clone(), editor_api);
+
+	let compiler = Compiler {};
+	compiler.compile_single(wrapped_network).map_err(|x| x.into())
+}
+
+fn create_executor(proto_network: ProtoNetwork) -> Result<DynamicExecutor, Box<dyn Error>> {
+	let executor = block_on(DynamicExecutor::new(proto_network)).map_err(|errors| errors.iter().map(|e| format!("{e:?}")).reduce(|acc, e| format!("{acc}\n{e}")).unwrap_or_default())?;
+	Ok(executor)
+}
diff --git a/node-graph/graphene-cli/test_files/cat.jpg b/node-graph/graphene-cli/test_files/cat.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e4ae6a2214b00d6daae117222a71ea7c3275dbe6
--- /dev/null
+++ b/node-graph/graphene-cli/test_files/cat.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2bfdb88c7450a2f56da7905990af85c7cf1819d1044373695ecd9a04501dde2f
+size 1617157
diff --git a/node-graph/graphene-cli/test_files/cow_transparent.png b/node-graph/graphene-cli/test_files/cow_transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5c72b1bf06dfd5c59891864ee6053501d3c50d9
--- /dev/null
+++ b/node-graph/graphene-cli/test_files/cow_transparent.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eddcae91cdd8c3d0dd79724caf9c9b5597f3e1ad4dfe67332a5359f569bdddd2
+size 1466382
diff --git a/node-graph/graphene-cli/test_files/duck.jpg b/node-graph/graphene-cli/test_files/duck.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5a15c1db96bd0a6fb2bb7dd16f23839507e83786
--- /dev/null
+++ b/node-graph/graphene-cli/test_files/duck.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c4824329dab7fd49b04db43422c0b422ce55832c4eb7d86a9107b4369144bbfe
+size 1465926
diff --git a/node-graph/graphene-cli/test_files/football.jpg b/node-graph/graphene-cli/test_files/football.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6ae123c0a1861b06a1fc67aee7314db050180715
--- /dev/null
+++ b/node-graph/graphene-cli/test_files/football.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f16df8c0317c5e63c21e7b742c9b11876c6c835ad50a2c6326f5a9560ea80f5c
+size 341929
diff --git a/node-graph/graphene-cli/test_files/mansion.jpg b/node-graph/graphene-cli/test_files/mansion.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9935ebb567029becbe7f2eb148e3428248506f06
--- /dev/null
+++ b/node-graph/graphene-cli/test_files/mansion.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c2cfb1db29b27b5301ab7883e73733652f0611cb35e834206a2c73ee24141af0
+size 1402544
diff --git a/node-graph/graphene-cli/test_files/paper.jpg b/node-graph/graphene-cli/test_files/paper.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..21a39d3838253e4adb5fe77ea6aea4a2c547422c
--- /dev/null
+++ b/node-graph/graphene-cli/test_files/paper.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:89dd1fa1a657b2bf33d67be8896f90f197ece89dbfe4d895454a63a15a6a239d
+size 1478955
diff --git a/node-graph/graphene-cli/test_files/pizza.jpg b/node-graph/graphene-cli/test_files/pizza.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2dee85267dff243e75fc63116983394ce4b3f73d
--- /dev/null
+++ b/node-graph/graphene-cli/test_files/pizza.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:13bb153db47b0e50382b471b59df24d75f75030ec61d25f5306f9779a5af2a0f
+size 1387980
diff --git a/node-graph/graphene-cli/test_files/pizza_transparent.png b/node-graph/graphene-cli/test_files/pizza_transparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..f6b0e3d2a03bdc71a79157a5be7fb0fa40a6dbf0
--- /dev/null
+++ b/node-graph/graphene-cli/test_files/pizza_transparent.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c85c8e4d9f3983ef29bdef8137893e1cd7a7482dfc52f893ad00e73722349f34
+size 2482881
diff --git a/node-graph/graster-nodes/Cargo.toml b/node-graph/graster-nodes/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..3bc97e7e9b5cef98ff8b9b5fa6f04f387e85810c
--- /dev/null
+++ b/node-graph/graster-nodes/Cargo.toml
@@ -0,0 +1,35 @@
+[package]
+name = "graphene-raster-nodes"
+version = "0.1.0"
+edition = "2024"
+description = "graphene raster data format"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[features]
+default = ["serde"]
+serde = ["dep:serde"]
+
+[dependencies]
+# Local dependencies
+dyn-any = { workspace = true }
+graphene-core = { workspace = true }
+node-macro = { workspace = true }
+
+# Workspace dependencies
+glam = { workspace = true }
+specta = { workspace = true }
+image = { workspace = true }
+bytemuck = { workspace = true }
+ndarray = { workspace = true }
+bezier-rs = { workspace = true }
+rand = { workspace = true }
+rand_chacha = { workspace = true }
+fastnoise-lite = { workspace = true }
+
+# Optional workspace dependencies
+serde = { workspace = true, optional = true, features = ["derive"] }
+
+[dev-dependencies]
+tokio = { workspace = true }
+futures = { workspace = true }
diff --git a/node-graph/graster-nodes/src/adjustments.rs b/node-graph/graster-nodes/src/adjustments.rs
new file mode 100644
index 0000000000000000000000000000000000000000..297fd1b39aa5ca77cca38e615359e4147fb6354b
--- /dev/null
+++ b/node-graph/graster-nodes/src/adjustments.rs
@@ -0,0 +1,1204 @@
+#![allow(clippy::too_many_arguments)]
+
+use crate::curve::CubicSplines;
+use dyn_any::DynAny;
+use graphene_core::Node;
+use graphene_core::blending::BlendMode;
+use graphene_core::color::Color;
+use graphene_core::color::Pixel;
+use graphene_core::context::Ctx;
+use graphene_core::gradient::GradientStops;
+use graphene_core::raster::image::Image;
+use graphene_core::raster_types::{CPU, Raster, RasterDataTable};
+use graphene_core::registry::types::{Angle, Percentage, SignedPercentage};
+use std::cmp::Ordering;
+use std::fmt::Debug;
+
+// TODO: Implement the following:
+// Color Balance
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27blnc%27%20%3D%20Color%20Balance
+//
+// Photo Filter
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27phfl%27%20%3D%20Photo%20Filter
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=of%20the%20file.-,Photo%20Filter,-Key%20is%20%27phfl
+//
+// Color Lookup
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27clrL%27%20%3D%20Color%20Lookup
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Color%20Lookup%20(Photoshop%20CS6
+
+#[derive(Debug, Default, Clone, Copy, Eq, PartialEq, DynAny, Hash, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+#[widget(Dropdown)]
+pub enum LuminanceCalculation {
+	#[default]
+	#[label("sRGB")]
+	SRGB,
+	Perceptual,
+	AverageChannels,
+	MinimumChannels,
+	MaximumChannels,
+}
+
+#[node_macro::node(category("Raster: Adjustment"))]
+fn luminance<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut input: T,
+	luminance_calc: LuminanceCalculation,
+) -> T {
+	input.adjust(|color| {
+		let luminance = match luminance_calc {
+			LuminanceCalculation::SRGB => color.luminance_srgb(),
+			LuminanceCalculation::Perceptual => color.luminance_perceptual(),
+			LuminanceCalculation::AverageChannels => color.average_rgb_channels(),
+			LuminanceCalculation::MinimumChannels => color.minimum_rgb_channels(),
+			LuminanceCalculation::MaximumChannels => color.maximum_rgb_channels(),
+		};
+		color.map_rgb(|_| luminance)
+	});
+	input
+}
+
+#[node_macro::node(category("Raster: Channels"))]
+fn extract_channel<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut input: T,
+	channel: RedGreenBlueAlpha,
+) -> T {
+	input.adjust(|color| {
+		let extracted_value = match channel {
+			RedGreenBlueAlpha::Red => color.r(),
+			RedGreenBlueAlpha::Green => color.g(),
+			RedGreenBlueAlpha::Blue => color.b(),
+			RedGreenBlueAlpha::Alpha => color.a(),
+		};
+		color.map_rgb(|_| extracted_value).with_alpha(1.)
+	});
+	input
+}
+
+#[node_macro::node(category("Raster: Channels"))]
+fn make_opaque<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut input: T,
+) -> T {
+	input.adjust(|color| {
+		if color.a() == 0. {
+			return color.with_alpha(1.);
+		}
+		Color::from_rgbaf32(color.r() / color.a(), color.g() / color.a(), color.b() / color.a(), 1.).unwrap()
+	});
+	input
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27brit%27%20%3D%20Brightness/Contrast
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Padding-,Brightness%20and%20Contrast,-Key%20is%20%27brit
+//
+// Some further analysis available at:
+// https://geraldbakker.nl/psnumbers/brightness-contrast.html
+#[node_macro::node(name("Brightness/Contrast"), category("Raster: Adjustment"), properties("brightness_contrast_properties"))]
+fn brightness_contrast<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+	Color,
+	RasterDataTable<CPU>,
+	GradientStops,
+)]
+	mut input: T,
+	brightness: SignedPercentage,
+	contrast: SignedPercentage,
+	use_classic: bool,
+) -> T {
+	if use_classic {
+		let brightness = brightness as f32 / 255.;
+
+		let contrast = contrast as f32 / 100.;
+		let contrast = if contrast > 0. { (contrast * std::f32::consts::FRAC_PI_2 - 0.01).tan() } else { contrast };
+
+		let offset = brightness * contrast + brightness - contrast / 2.;
+
+		input.adjust(|color| color.to_gamma_srgb().map_rgb(|c| (c + c * contrast + offset).clamp(0., 1.)).to_linear_srgb());
+
+		return input;
+	}
+
+	const WINDOW_SIZE: usize = 1024;
+
+	// Brightness LUT
+	let brightness_is_negative = brightness < 0.;
+	// We clamp the brightness before the two curve X-axis points `130 - brightness * 26` and `233 - brightness * 48` intersect.
+	// Beyond the point of intersection, the cubic spline fitting becomes invalid and fails an assertion, which we need to avoid.
+	// See the intersection of the red lines at x = 103/22*100 = 468.18182 in the graph: https://www.desmos.com/calculator/ekvz4zyd9c
+	let brightness = (brightness.abs() / 100.).min(103. / 22. - 0.00001) as f32;
+	let brightness_curve_points = CubicSplines {
+		x: [0., 130. - brightness * 26., 233. - brightness * 48., 255.].map(|x| x / 255.),
+		y: [0., 130. + brightness * 51., 233. + brightness * 10., 255.].map(|x| x / 255.),
+	};
+	let brightness_curve_solutions = brightness_curve_points.solve();
+	let mut brightness_lut: [f32; WINDOW_SIZE] = std::array::from_fn(|i| {
+		let x = i as f32 / (WINDOW_SIZE as f32 - 1.);
+		brightness_curve_points.interpolate(x, &brightness_curve_solutions)
+	});
+	// Special handling for when brightness is negative
+	if brightness_is_negative {
+		brightness_lut = std::array::from_fn(|i| {
+			let mut x = i;
+			while x > 1 && brightness_lut[x] > i as f32 / WINDOW_SIZE as f32 {
+				x -= 1;
+			}
+			x as f32 / WINDOW_SIZE as f32
+		});
+	}
+
+	// Contrast LUT
+	// Unlike with brightness, the X-axis points `64` and `192` don't intersect at any contrast value, because they are constants.
+	// So we don't have to worry about clamping the contrast value to avoid invalid cubic spline fitting.
+	// See the graph: https://www.desmos.com/calculator/iql9vsca56
+	let contrast = contrast as f32 / 100.;
+	let contrast_curve_points = CubicSplines {
+		x: [0., 64., 192., 255.].map(|x| x / 255.),
+		y: [0., 64. - contrast * 30., 192. + contrast * 30., 255.].map(|x| x / 255.),
+	};
+	let contrast_curve_solutions = contrast_curve_points.solve();
+	let contrast_lut: [f32; WINDOW_SIZE] = std::array::from_fn(|i| {
+		let x = i as f32 / (WINDOW_SIZE as f32 - 1.);
+		contrast_curve_points.interpolate(x, &contrast_curve_solutions)
+	});
+
+	// Composed brightness and contrast LUTs
+	let combined_lut = brightness_lut.map(|brightness| {
+		let index_in_contrast_lut = (brightness * (contrast_lut.len() - 1) as f32).round() as usize;
+		contrast_lut[index_in_contrast_lut]
+	});
+	let lut_max = (combined_lut.len() - 1) as f32;
+
+	input.adjust(|color| color.to_gamma_srgb().map_rgb(|c| combined_lut[(c * lut_max).round() as usize]).to_linear_srgb());
+
+	input
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=levl%27%20%3D%20Levels
+//
+// Algorithm from:
+// https://stackoverflow.com/questions/39510072/algorithm-for-adjustment-of-image-levels
+//
+// Some further analysis available at:
+// https://geraldbakker.nl/psnumbers/levels.html
+#[node_macro::node(category("Raster: Adjustment"))]
+fn levels<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut image: T,
+	#[default(0.)] shadows: Percentage,
+	#[default(50.)] midtones: Percentage,
+	#[default(100.)] highlights: Percentage,
+	#[default(0.)] output_minimums: Percentage,
+	#[default(100.)] output_maximums: Percentage,
+) -> T {
+	image.adjust(|color| {
+		let color = color.to_gamma_srgb();
+
+		// Input Range (Range: 0-1)
+		let input_shadows = (shadows / 100.) as f32;
+		let input_midtones = (midtones / 100.) as f32;
+		let input_highlights = (highlights / 100.) as f32;
+
+		// Output Range (Range: 0-1)
+		let output_minimums = (output_minimums / 100.) as f32;
+		let output_maximums = (output_maximums / 100.) as f32;
+
+		// Midtones interpolation factor between minimums and maximums (Range: 0-1)
+		let midtones = output_minimums + (output_maximums - output_minimums) * input_midtones;
+
+		// Gamma correction (Range: 0.01-10)
+		let gamma = if midtones < 0.5 {
+			// Range: 0-1
+			let x = 1. - midtones * 2.;
+			// Range: 1-10
+			1. + 9. * x
+		} else {
+			// Range: 0-0.5
+			let x = 1. - midtones;
+			// Range: 0-1
+			let x = x * 2.;
+			// Range: 0.01-1
+			x.max(0.01)
+		};
+
+		// Input levels (Range: 0-1)
+		let highlights_minus_shadows = (input_highlights - input_shadows).clamp(f32::EPSILON, 1.);
+		let color = color.map_rgb(|c| ((c - input_shadows).max(0.) / highlights_minus_shadows).min(1.));
+
+		// Midtones (Range: 0-1)
+		let color = color.gamma(gamma);
+
+		// Output levels (Range: 0-1)
+		let color = color.map_rgb(|c| c * (output_maximums - output_minimums) + output_minimums);
+
+		color.to_linear_srgb()
+	});
+	image
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27blwh%27%20%3D%20Black%20and%20White
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Black%20White%20(Photoshop%20CS3)
+//
+// Algorithm from:
+// https://stackoverflow.com/a/55233732/775283
+// Works the same for gamma and linear color
+#[node_macro::node(name("Black & White"), category("Raster: Adjustment"))]
+async fn black_and_white<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut image: T,
+	#[default(Color::BLACK)] tint: Color,
+	#[default(40.)]
+	#[range((-200., 300.))]
+	reds: Percentage,
+	#[default(60.)]
+	#[range((-200., 300.))]
+	yellows: Percentage,
+	#[default(40.)]
+	#[range((-200., 300.))]
+	greens: Percentage,
+	#[default(60.)]
+	#[range((-200., 300.))]
+	cyans: Percentage,
+	#[default(20.)]
+	#[range((-200., 300.))]
+	blues: Percentage,
+	#[default(80.)]
+	#[range((-200., 300.))]
+	magentas: Percentage,
+) -> T {
+	image.adjust(|color| {
+		let color = color.to_gamma_srgb();
+
+		let reds = reds as f32 / 100.;
+		let yellows = yellows as f32 / 100.;
+		let greens = greens as f32 / 100.;
+		let cyans = cyans as f32 / 100.;
+		let blues = blues as f32 / 100.;
+		let magentas = magentas as f32 / 100.;
+
+		let gray_base = color.r().min(color.g()).min(color.b());
+
+		let red_part = color.r() - gray_base;
+		let green_part = color.g() - gray_base;
+		let blue_part = color.b() - gray_base;
+		let alpha_part = color.a();
+
+		let additional = if red_part == 0. {
+			let cyan_part = green_part.min(blue_part);
+			cyan_part * cyans + (green_part - cyan_part) * greens + (blue_part - cyan_part) * blues
+		} else if green_part == 0. {
+			let magenta_part = red_part.min(blue_part);
+			magenta_part * magentas + (red_part - magenta_part) * reds + (blue_part - magenta_part) * blues
+		} else {
+			let yellow_part = red_part.min(green_part);
+			yellow_part * yellows + (red_part - yellow_part) * reds + (green_part - yellow_part) * greens
+		};
+
+		let luminance = gray_base + additional;
+
+		// TODO: Fix "Color" blend mode implementation so it matches the expected behavior perfectly (it's currently close)
+		let color = tint.with_luminance(luminance);
+
+		let color = Color::from_rgbaf32(color.r(), color.g(), color.b(), alpha_part).unwrap();
+
+		color.to_linear_srgb()
+	});
+	image
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27hue%20%27%20%3D%20Old,saturation%2C%20Photoshop%205.0
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=0%20%3D%20Use%20other.-,Hue/Saturation,-Hue/Saturation%20settings
+#[node_macro::node(name("Hue/Saturation"), category("Raster: Adjustment"))]
+async fn hue_saturation<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut input: T,
+	hue_shift: Angle,
+	saturation_shift: SignedPercentage,
+	lightness_shift: SignedPercentage,
+) -> T {
+	input.adjust(|color| {
+		let color = color.to_gamma_srgb();
+
+		let [hue, saturation, lightness, alpha] = color.to_hsla();
+
+		let color = Color::from_hsla(
+			(hue + hue_shift as f32 / 360.) % 1.,
+			// TODO: Improve the way saturation works (it's slightly off)
+			(saturation + saturation_shift as f32 / 100.).clamp(0., 1.),
+			// TODO: Fix the way lightness works (it's very off)
+			(lightness + lightness_shift as f32 / 100.).clamp(0., 1.),
+			alpha,
+		);
+
+		color.to_linear_srgb()
+	});
+	input
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27%20%3D%20Color%20Lookup-,%27nvrt%27%20%3D%20Invert,-%27post%27%20%3D%20Posterize
+#[node_macro::node(category("Raster: Adjustment"))]
+async fn invert<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut input: T,
+) -> T {
+	input.adjust(|color| {
+		let color = color.to_gamma_srgb();
+
+		let color = color.map_rgb(|c| color.a() - c);
+
+		color.to_linear_srgb()
+	});
+	input
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=post%27%20%3D%20Posterize-,%27thrs%27%20%3D%20Threshold,-%27grdm%27%20%3D%20Gradient
+#[node_macro::node(category("Raster: Adjustment"))]
+async fn threshold<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut image: T,
+	#[default(50.)] min_luminance: Percentage,
+	#[default(100.)] max_luminance: Percentage,
+	luminance_calc: LuminanceCalculation,
+) -> T {
+	image.adjust(|color| {
+		let min_luminance = Color::srgb_to_linear(min_luminance as f32 / 100.);
+		let max_luminance = Color::srgb_to_linear(max_luminance as f32 / 100.);
+
+		let luminance = match luminance_calc {
+			LuminanceCalculation::SRGB => color.luminance_srgb(),
+			LuminanceCalculation::Perceptual => color.luminance_perceptual(),
+			LuminanceCalculation::AverageChannels => color.average_rgb_channels(),
+			LuminanceCalculation::MinimumChannels => color.minimum_rgb_channels(),
+			LuminanceCalculation::MaximumChannels => color.maximum_rgb_channels(),
+		};
+
+		if luminance >= min_luminance && luminance <= max_luminance { Color::WHITE } else { Color::BLACK }
+	});
+	image
+}
+
+trait Blend<P: Pixel> {
+	fn blend(&self, under: &Self, blend_fn: impl Fn(P, P) -> P) -> Self;
+}
+impl Blend<Color> for Color {
+	fn blend(&self, under: &Self, blend_fn: impl Fn(Color, Color) -> Color) -> Self {
+		blend_fn(*self, *under)
+	}
+}
+impl Blend<Color> for Option<Color> {
+	fn blend(&self, under: &Self, blend_fn: impl Fn(Color, Color) -> Color) -> Self {
+		match (self, under) {
+			(Some(a), Some(b)) => Some(blend_fn(*a, *b)),
+			(a, None) => *a,
+			(None, b) => *b,
+		}
+	}
+}
+impl Blend<Color> for RasterDataTable<CPU> {
+	fn blend(&self, under: &Self, blend_fn: impl Fn(Color, Color) -> Color) -> Self {
+		let mut result_table = self.clone();
+
+		for (over, under) in result_table.instance_mut_iter().zip(under.instance_ref_iter()) {
+			let data = over.instance.data.iter().zip(under.instance.data.iter()).map(|(a, b)| blend_fn(*a, *b)).collect();
+
+			*over.instance = Raster::new_cpu(Image {
+				data,
+				width: over.instance.width,
+				height: over.instance.height,
+				base64_string: None,
+			});
+		}
+
+		result_table
+	}
+}
+impl Blend<Color> for GradientStops {
+	fn blend(&self, under: &Self, blend_fn: impl Fn(Color, Color) -> Color) -> Self {
+		let mut combined_stops = self.iter().map(|(position, _)| position).chain(under.iter().map(|(position, _)| position)).collect::<Vec<_>>();
+		combined_stops.dedup_by(|&mut a, &mut b| (a - b).abs() < 1e-6);
+		combined_stops.sort_by(|a, b| a.partial_cmp(b).unwrap_or(Ordering::Equal));
+
+		let stops = combined_stops
+			.into_iter()
+			.map(|&position| {
+				let over_color = self.evaluate(position);
+				let under_color = under.evaluate(position);
+				let color = blend_fn(over_color, under_color);
+				(position, color)
+			})
+			.collect::<Vec<_>>();
+
+		GradientStops::new(stops)
+	}
+}
+
+#[node_macro::node(category("Raster"))]
+async fn blend<T: Blend<Color> + Send>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	over: T,
+	#[expose]
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	under: T,
+	blend_mode: BlendMode,
+	#[default(100.)] opacity: Percentage,
+) -> T {
+	over.blend(&under, |a, b| blend_colors(a, b, blend_mode, opacity / 100.))
+}
+
+#[node_macro::node(category(""), skip_impl)]
+fn blend_color_pair<BlendModeNode, OpacityNode>(input: (Color, Color), blend_mode: &'n BlendModeNode, opacity: &'n OpacityNode) -> Color
+where
+	BlendModeNode: Node<'n, (), Output = BlendMode> + 'n,
+	OpacityNode: Node<'n, (), Output = Percentage> + 'n,
+{
+	let blend_mode = blend_mode.eval(());
+	let opacity = opacity.eval(());
+	blend_colors(input.0, input.1, blend_mode, opacity / 100.)
+}
+
+pub fn apply_blend_mode(foreground: Color, background: Color, blend_mode: BlendMode) -> Color {
+	match blend_mode {
+		// Normal group
+		BlendMode::Normal => background.blend_rgb(foreground, Color::blend_normal),
+		// Darken group
+		BlendMode::Darken => background.blend_rgb(foreground, Color::blend_darken),
+		BlendMode::Multiply => background.blend_rgb(foreground, Color::blend_multiply),
+		BlendMode::ColorBurn => background.blend_rgb(foreground, Color::blend_color_burn),
+		BlendMode::LinearBurn => background.blend_rgb(foreground, Color::blend_linear_burn),
+		BlendMode::DarkerColor => background.blend_darker_color(foreground),
+		// Lighten group
+		BlendMode::Lighten => background.blend_rgb(foreground, Color::blend_lighten),
+		BlendMode::Screen => background.blend_rgb(foreground, Color::blend_screen),
+		BlendMode::ColorDodge => background.blend_rgb(foreground, Color::blend_color_dodge),
+		BlendMode::LinearDodge => background.blend_rgb(foreground, Color::blend_linear_dodge),
+		BlendMode::LighterColor => background.blend_lighter_color(foreground),
+		// Contrast group
+		BlendMode::Overlay => foreground.blend_rgb(background, Color::blend_hardlight),
+		BlendMode::SoftLight => background.blend_rgb(foreground, Color::blend_softlight),
+		BlendMode::HardLight => background.blend_rgb(foreground, Color::blend_hardlight),
+		BlendMode::VividLight => background.blend_rgb(foreground, Color::blend_vivid_light),
+		BlendMode::LinearLight => background.blend_rgb(foreground, Color::blend_linear_light),
+		BlendMode::PinLight => background.blend_rgb(foreground, Color::blend_pin_light),
+		BlendMode::HardMix => background.blend_rgb(foreground, Color::blend_hard_mix),
+		// Inversion group
+		BlendMode::Difference => background.blend_rgb(foreground, Color::blend_difference),
+		BlendMode::Exclusion => background.blend_rgb(foreground, Color::blend_exclusion),
+		BlendMode::Subtract => background.blend_rgb(foreground, Color::blend_subtract),
+		BlendMode::Divide => background.blend_rgb(foreground, Color::blend_divide),
+		// Component group
+		BlendMode::Hue => background.blend_hue(foreground),
+		BlendMode::Saturation => background.blend_saturation(foreground),
+		BlendMode::Color => background.blend_color(foreground),
+		BlendMode::Luminosity => background.blend_luminosity(foreground),
+		// Other utility blend modes (hidden from the normal list) - do not have alpha blend
+		_ => panic!("Used blend mode without alpha blend"),
+	}
+}
+
+trait Adjust<P> {
+	fn adjust(&mut self, map_fn: impl Fn(&P) -> P);
+}
+impl Adjust<Color> for Color {
+	fn adjust(&mut self, map_fn: impl Fn(&Color) -> Color) {
+		*self = map_fn(self);
+	}
+}
+impl Adjust<Color> for Option<Color> {
+	fn adjust(&mut self, map_fn: impl Fn(&Color) -> Color) {
+		if let Some(v) = self {
+			*v = map_fn(v)
+		}
+	}
+}
+impl Adjust<Color> for GradientStops {
+	fn adjust(&mut self, map_fn: impl Fn(&Color) -> Color) {
+		for (_pos, c) in self.iter_mut() {
+			*c = map_fn(c);
+		}
+	}
+}
+impl Adjust<Color> for RasterDataTable<CPU> {
+	fn adjust(&mut self, map_fn: impl Fn(&Color) -> Color) {
+		for instance in self.instance_mut_iter() {
+			for c in instance.instance.data_mut().data.iter_mut() {
+				*c = map_fn(c);
+			}
+		}
+	}
+}
+
+#[inline(always)]
+pub fn blend_colors(foreground: Color, background: Color, blend_mode: BlendMode, opacity: f64) -> Color {
+	let target_color = match blend_mode {
+		// Other utility blend modes (hidden from the normal list) - do not have alpha blend
+		BlendMode::Erase => return background.alpha_subtract(foreground),
+		BlendMode::Restore => return background.alpha_add(foreground),
+		BlendMode::MultiplyAlpha => return background.alpha_multiply(foreground),
+		blend_mode => apply_blend_mode(foreground, background, blend_mode),
+	};
+
+	background.alpha_blend(target_color.to_associated_alpha(opacity as f32))
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27grdm%27%20%3D%20Gradient%20Map
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Gradient%20settings%20(Photoshop%206.0)
+#[node_macro::node(category("Raster: Adjustment"))]
+async fn gradient_map<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut image: T,
+	gradient: GradientStops,
+	reverse: bool,
+) -> T {
+	image.adjust(|color| {
+		let intensity = color.luminance_srgb();
+		let intensity = if reverse { 1. - intensity } else { intensity };
+		gradient.evaluate(intensity as f64).to_linear_srgb()
+	});
+
+	image
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27-,vibA%27%20%3D%20Vibrance,-%27hue%20%27%20%3D%20Old
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Vibrance%20(Photoshop%20CS3)
+//
+// Algorithm based on:
+// https://stackoverflow.com/questions/33966121/what-is-the-algorithm-for-vibrance-filters
+// The results of this implementation are very close to correct, but not quite perfect.
+//
+// Some further analysis available at:
+// https://www.photo-mark.com/notes/analyzing-photoshop-vibrance-and-saturation/
+//
+// This algorithm is currently lacking a "Saturation" parameter which is needed for interoperability.
+// It's not the same as the saturation component of Hue/Saturation/Value. Vibrance and Saturation are both separable.
+// When both parameters are set, it is equivalent to running this adjustment twice, with only vibrance set and then only saturation set.
+// (Except for some noise probably due to rounding error.)
+#[node_macro::node(category("Raster: Adjustment"))]
+async fn vibrance<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut image: T,
+	vibrance: SignedPercentage,
+) -> T {
+	image.adjust(|color| {
+		let vibrance = vibrance as f32 / 100.;
+		// Slow the effect down by half when it's negative, since artifacts begin appearing past -50%.
+		// So this scales the 0% to -50% range to 0% to -100%.
+		let slowed_vibrance = if vibrance >= 0. { vibrance } else { vibrance * 0.5 };
+
+		let channel_max = color.r().max(color.g()).max(color.b());
+		let channel_min = color.r().min(color.g()).min(color.b());
+		let channel_difference = channel_max - channel_min;
+
+		let scale_multiplier = if channel_max == color.r() {
+			let green_blue_difference = (color.g() - color.b()).abs();
+			let t = (green_blue_difference / channel_difference).min(1.);
+			t * 0.5 + 0.5
+		} else {
+			1.
+		};
+		let scale = slowed_vibrance * scale_multiplier * (2. - channel_difference);
+		let channel_reduction = channel_min * scale;
+		let scale = 1. + scale * (1. - channel_difference);
+
+		let luminance_initial = color.to_linear_srgb().luminance_srgb();
+		let altered_color = color.map_rgb(|c| c * scale - channel_reduction).to_linear_srgb();
+		let luminance = altered_color.luminance_srgb();
+		let altered_color = altered_color.map_rgb(|c| c * luminance_initial / luminance);
+
+		let channel_max = altered_color.r().max(altered_color.g()).max(altered_color.b());
+		let altered_color = if Color::linear_to_srgb(channel_max) > 1. {
+			let scale = (1. - luminance) / (channel_max - luminance);
+			altered_color.map_rgb(|c| (c - luminance) * scale + luminance)
+		} else {
+			altered_color
+		};
+		let altered_color = altered_color.to_gamma_srgb();
+
+		if vibrance >= 0. {
+			altered_color
+		} else {
+			// TODO: The result ends up a bit darker than it should be, further investigation is needed
+			let luminance = color.luminance_rec_601();
+
+			// Near -0% vibrance we mostly use `altered_color`.
+			// Near -100% vibrance, we mostly use half the desaturated luminance color and half `altered_color`.
+			let factor = -slowed_vibrance;
+			altered_color.map_rgb(|c| c * (1. - factor) + luminance * factor)
+		}
+	});
+	image
+}
+
+/// Color Channel
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+#[widget(Radio)]
+pub enum RedGreenBlue {
+	#[default]
+	Red,
+	Green,
+	Blue,
+}
+
+/// Color Channel
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+#[widget(Radio)]
+pub enum RedGreenBlueAlpha {
+	#[default]
+	Red,
+	Green,
+	Blue,
+	Alpha,
+}
+
+/// Style of noise pattern
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+#[widget(Dropdown)]
+pub enum NoiseType {
+	#[default]
+	Perlin,
+	#[label("OpenSimplex2")]
+	OpenSimplex2,
+	#[label("OpenSimplex2S")]
+	OpenSimplex2S,
+	Cellular,
+	ValueCubic,
+	Value,
+	WhiteNoise,
+}
+
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+/// Style of layered levels of the noise pattern
+pub enum FractalType {
+	#[default]
+	None,
+	#[label("Fractional Brownian Motion")]
+	FBm,
+	Ridged,
+	PingPong,
+	#[label("Progressive (Domain Warp Only)")]
+	DomainWarpProgressive,
+	#[label("Independent (Domain Warp Only)")]
+	DomainWarpIndependent,
+}
+
+/// Distance function used by the cellular noise
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+pub enum CellularDistanceFunction {
+	#[default]
+	Euclidean,
+	#[label("Euclidean Squared (Faster)")]
+	EuclideanSq,
+	Manhattan,
+	Hybrid,
+}
+
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+pub enum CellularReturnType {
+	CellValue,
+	#[default]
+	#[label("Nearest (F1)")]
+	Nearest,
+	#[label("Next Nearest (F2)")]
+	NextNearest,
+	#[label("Average (F1 / 2 + F2 / 2)")]
+	Average,
+	#[label("Difference (F2 - F1)")]
+	Difference,
+	#[label("Product (F2 * F1 / 2)")]
+	Product,
+	#[label("Division (F1 / F2)")]
+	Division,
+}
+
+/// Type of domain warp
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+#[widget(Dropdown)]
+pub enum DomainWarpType {
+	#[default]
+	None,
+	#[label("OpenSimplex2")]
+	OpenSimplex2,
+	#[label("OpenSimplex2 Reduced")]
+	OpenSimplex2Reduced,
+	BasicGrid,
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27mixr%27%20%3D%20Channel%20Mixer
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Lab%20color%20only-,Channel%20Mixer,-Key%20is%20%27mixr
+#[node_macro::node(category("Raster: Adjustment"), properties("channel_mixer_properties"))]
+async fn channel_mixer<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut image: T,
+
+	monochrome: bool,
+
+	#[default(40.)]
+	#[name("Red")]
+	monochrome_r: f64,
+	#[default(40.)]
+	#[name("Green")]
+	monochrome_g: f64,
+	#[default(20.)]
+	#[name("Blue")]
+	monochrome_b: f64,
+	#[default(0.)]
+	#[name("Constant")]
+	monochrome_c: f64,
+
+	#[default(100.)]
+	#[name("(Red) Red")]
+	red_r: f64,
+	#[default(0.)]
+	#[name("(Red) Green")]
+	red_g: f64,
+	#[default(0.)]
+	#[name("(Red) Blue")]
+	red_b: f64,
+	#[default(0.)]
+	#[name("(Red) Constant")]
+	red_c: f64,
+
+	#[default(0.)]
+	#[name("(Green) Red")]
+	green_r: f64,
+	#[default(100.)]
+	#[name("(Green) Green")]
+	green_g: f64,
+	#[default(0.)]
+	#[name("(Green) Blue")]
+	green_b: f64,
+	#[default(0.)]
+	#[name("(Green) Constant")]
+	green_c: f64,
+
+	#[default(0.)]
+	#[name("(Blue) Red")]
+	blue_r: f64,
+	#[default(0.)]
+	#[name("(Blue) Green")]
+	blue_g: f64,
+	#[default(100.)]
+	#[name("(Blue) Blue")]
+	blue_b: f64,
+	#[default(0.)]
+	#[name("(Blue) Constant")]
+	blue_c: f64,
+
+	// Display-only properties (not used within the node)
+	_output_channel: RedGreenBlue,
+) -> T {
+	image.adjust(|color| {
+		let color = color.to_gamma_srgb();
+
+		let (r, g, b, a) = color.components();
+
+		let color = if monochrome {
+			let (monochrome_r, monochrome_g, monochrome_b, monochrome_c) = (monochrome_r as f32 / 100., monochrome_g as f32 / 100., monochrome_b as f32 / 100., monochrome_c as f32 / 100.);
+
+			let gray = (r * monochrome_r + g * monochrome_g + b * monochrome_b + monochrome_c).clamp(0., 1.);
+
+			Color::from_rgbaf32_unchecked(gray, gray, gray, a)
+		} else {
+			let (red_r, red_g, red_b, red_c) = (red_r as f32 / 100., red_g as f32 / 100., red_b as f32 / 100., red_c as f32 / 100.);
+			let (green_r, green_g, green_b, green_c) = (green_r as f32 / 100., green_g as f32 / 100., green_b as f32 / 100., green_c as f32 / 100.);
+			let (blue_r, blue_g, blue_b, blue_c) = (blue_r as f32 / 100., blue_g as f32 / 100., blue_b as f32 / 100., blue_c as f32 / 100.);
+
+			let red = (r * red_r + g * red_g + b * red_b + red_c).clamp(0., 1.);
+			let green = (r * green_r + g * green_g + b * green_b + green_c).clamp(0., 1.);
+			let blue = (r * blue_r + g * blue_g + b * blue_b + blue_c).clamp(0., 1.);
+
+			Color::from_rgbaf32_unchecked(red, green, blue, a)
+		};
+
+		color.to_linear_srgb()
+	});
+	image
+}
+
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+#[widget(Radio)]
+pub enum RelativeAbsolute {
+	#[default]
+	Relative,
+	Absolute,
+}
+
+#[repr(C)]
+#[derive(Debug, Clone, Copy, Default, PartialEq, Eq, Hash, DynAny, node_macro::ChoiceType, specta::Type, serde::Serialize, serde::Deserialize)]
+pub enum SelectiveColorChoice {
+	#[default]
+	Reds,
+	Yellows,
+	Greens,
+	Cyans,
+	Blues,
+	Magentas,
+
+	#[menu_separator]
+	Whites,
+	Neutrals,
+	Blacks,
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=%27selc%27%20%3D%20Selective%20color
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=from%20%2D100...100.%20.-,Selective%20Color,-Selective%20Color%20settings
+//
+// Algorithm based on:
+// https://blog.pkh.me/p/22-understanding-selective-coloring-in-adobe-photoshop.html
+#[node_macro::node(category("Raster: Adjustment"), properties("selective_color_properties"))]
+async fn selective_color<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut image: T,
+
+	mode: RelativeAbsolute,
+
+	#[name("(Reds) Cyan")] r_c: f64,
+	#[name("(Reds) Magenta")] r_m: f64,
+	#[name("(Reds) Yellow")] r_y: f64,
+	#[name("(Reds) Black")] r_k: f64,
+
+	#[name("(Yellows) Cyan")] y_c: f64,
+	#[name("(Yellows) Magenta")] y_m: f64,
+	#[name("(Yellows) Yellow")] y_y: f64,
+	#[name("(Yellows) Black")] y_k: f64,
+
+	#[name("(Greens) Cyan")] g_c: f64,
+	#[name("(Greens) Magenta")] g_m: f64,
+	#[name("(Greens) Yellow")] g_y: f64,
+	#[name("(Greens) Black")] g_k: f64,
+
+	#[name("(Cyans) Cyan")] c_c: f64,
+	#[name("(Cyans) Magenta")] c_m: f64,
+	#[name("(Cyans) Yellow")] c_y: f64,
+	#[name("(Cyans) Black")] c_k: f64,
+
+	#[name("(Blues) Cyan")] b_c: f64,
+	#[name("(Blues) Magenta")] b_m: f64,
+	#[name("(Blues) Yellow")] b_y: f64,
+	#[name("(Blues) Black")] b_k: f64,
+
+	#[name("(Magentas) Cyan")] m_c: f64,
+	#[name("(Magentas) Magenta")] m_m: f64,
+	#[name("(Magentas) Yellow")] m_y: f64,
+	#[name("(Magentas) Black")] m_k: f64,
+
+	#[name("(Whites) Cyan")] w_c: f64,
+	#[name("(Whites) Magenta")] w_m: f64,
+	#[name("(Whites) Yellow")] w_y: f64,
+	#[name("(Whites) Black")] w_k: f64,
+
+	#[name("(Neutrals) Cyan")] n_c: f64,
+	#[name("(Neutrals) Magenta")] n_m: f64,
+	#[name("(Neutrals) Yellow")] n_y: f64,
+	#[name("(Neutrals) Black")] n_k: f64,
+
+	#[name("(Blacks) Cyan")] k_c: f64,
+	#[name("(Blacks) Magenta")] k_m: f64,
+	#[name("(Blacks) Yellow")] k_y: f64,
+	#[name("(Blacks) Black")] k_k: f64,
+
+	_colors: SelectiveColorChoice,
+) -> T {
+	image.adjust(|color| {
+		let color = color.to_gamma_srgb();
+
+		let (r, g, b, a) = color.components();
+
+		let min = |a: f32, b: f32, c: f32| a.min(b).min(c);
+		let max = |a: f32, b: f32, c: f32| a.max(b).max(c);
+		let med = |a: f32, b: f32, c: f32| a + b + c - min(a, b, c) - max(a, b, c);
+
+		let max_channel = max(r, g, b);
+		let min_channel = min(r, g, b);
+
+		let pixel_color_range = |choice| match choice {
+			SelectiveColorChoice::Reds => max_channel == r,
+			SelectiveColorChoice::Yellows => min_channel == b,
+			SelectiveColorChoice::Greens => max_channel == g,
+			SelectiveColorChoice::Cyans => min_channel == r,
+			SelectiveColorChoice::Blues => max_channel == b,
+			SelectiveColorChoice::Magentas => min_channel == g,
+			SelectiveColorChoice::Whites => r > 0.5 && g > 0.5 && b > 0.5,
+			SelectiveColorChoice::Neutrals => r > 0. && g > 0. && b > 0. && r < 1. && g < 1. && b < 1.,
+			SelectiveColorChoice::Blacks => r < 0.5 && g < 0.5 && b < 0.5,
+		};
+
+		let color_parameter_group_scale_factor_rgb = max(r, g, b) - med(r, g, b);
+		let color_parameter_group_scale_factor_cmy = med(r, g, b) - min(r, g, b);
+
+		// Used to apply the r, g, or b channel slope (by multiplying it by 1) in relative mode, or no slope (by multiplying it by 0) in absolute mode
+		let (slope_r, slope_g, slope_b) = match mode {
+			RelativeAbsolute::Relative => (r - 1., g - 1., b - 1.),
+			RelativeAbsolute::Absolute => (-1., -1., -1.),
+		};
+
+		let (sum_r, sum_g, sum_b) = [
+			(SelectiveColorChoice::Reds, (r_c as f32, r_m as f32, r_y as f32, r_k as f32)),
+			(SelectiveColorChoice::Yellows, (y_c as f32, y_m as f32, y_y as f32, y_k as f32)),
+			(SelectiveColorChoice::Greens, (g_c as f32, g_m as f32, g_y as f32, g_k as f32)),
+			(SelectiveColorChoice::Cyans, (c_c as f32, c_m as f32, c_y as f32, c_k as f32)),
+			(SelectiveColorChoice::Blues, (b_c as f32, b_m as f32, b_y as f32, b_k as f32)),
+			(SelectiveColorChoice::Magentas, (m_c as f32, m_m as f32, m_y as f32, m_k as f32)),
+			(SelectiveColorChoice::Whites, (w_c as f32, w_m as f32, w_y as f32, w_k as f32)),
+			(SelectiveColorChoice::Neutrals, (n_c as f32, n_m as f32, n_y as f32, n_k as f32)),
+			(SelectiveColorChoice::Blacks, (k_c as f32, k_m as f32, k_y as f32, k_k as f32)),
+		]
+		.into_iter()
+		.fold((0., 0., 0.), |acc, (color_parameter_group, (c, m, y, k))| {
+			// Skip this color parameter group...
+			// ...if it's unchanged from the default of zero offset on all CMYK parameters, or...
+			// ...if this pixel's color isn't in the range affected by this color parameter group
+			if (c < f32::EPSILON && m < f32::EPSILON && y < f32::EPSILON && k < f32::EPSILON) || (!pixel_color_range(color_parameter_group)) {
+				return acc;
+			}
+
+			let (c, m, y, k) = (c / 100., m / 100., y / 100., k / 100.);
+
+			let color_parameter_group_scale_factor = match color_parameter_group {
+				SelectiveColorChoice::Reds | SelectiveColorChoice::Greens | SelectiveColorChoice::Blues => color_parameter_group_scale_factor_rgb,
+				SelectiveColorChoice::Cyans | SelectiveColorChoice::Magentas | SelectiveColorChoice::Yellows => color_parameter_group_scale_factor_cmy,
+				SelectiveColorChoice::Whites => min(r, g, b) * 2. - 1.,
+				SelectiveColorChoice::Neutrals => 1. - ((max(r, g, b) - 0.5).abs() + (min(r, g, b) - 0.5).abs()),
+				SelectiveColorChoice::Blacks => 1. - max(r, g, b) * 2.,
+			};
+
+			let offset_r = ((c + k * (c + 1.)) * slope_r).clamp(-r, -r + 1.) * color_parameter_group_scale_factor;
+			let offset_g = ((m + k * (m + 1.)) * slope_g).clamp(-g, -g + 1.) * color_parameter_group_scale_factor;
+			let offset_b = ((y + k * (y + 1.)) * slope_b).clamp(-b, -b + 1.) * color_parameter_group_scale_factor;
+
+			(acc.0 + offset_r, acc.1 + offset_g, acc.2 + offset_b)
+		});
+
+		let color = Color::from_rgbaf32_unchecked((r + sum_r).clamp(0., 1.), (g + sum_g).clamp(0., 1.), (b + sum_b).clamp(0., 1.), a);
+
+		color.to_linear_srgb()
+	});
+	image
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=nvrt%27%20%3D%20Invert-,%27post%27%20%3D%20Posterize,-%27thrs%27%20%3D%20Threshold
+//
+// Algorithm based on:
+// https://www.axiomx.com/posterize.htm
+// This algorithm produces fully accurate output in relation to the industry standard.
+#[node_macro::node(category("Raster: Adjustment"))]
+async fn posterize<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut input: T,
+	#[default(4)]
+	#[hard_min(2.)]
+	levels: u32,
+) -> T {
+	input.adjust(|color| {
+		let color = color.to_gamma_srgb();
+
+		let levels = levels as f32;
+		let number_of_areas = levels.recip();
+		let size_of_areas = (levels - 1.).recip();
+		let channel = |channel: f32| (channel / number_of_areas).floor() * size_of_areas;
+		let color = color.map_rgb(channel);
+
+		color.to_linear_srgb()
+	});
+	input
+}
+
+// Aims for interoperable compatibility with:
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=curv%27%20%3D%20Curves-,%27expA%27%20%3D%20Exposure,-%27vibA%27%20%3D%20Vibrance
+// https://www.adobe.com/devnet-apps/photoshop/fileformatashtml/#:~:text=Flag%20(%20%3D%20128%20)-,Exposure,-Key%20is%20%27expA
+//
+// Algorithm based on:
+// https://geraldbakker.nl/psnumbers/exposure.html
+#[node_macro::node(category("Raster: Adjustment"), properties("exposure_properties"))]
+async fn exposure<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut input: T,
+	exposure: f64,
+	offset: f64,
+	#[default(1.)]
+	#[range((0.01, 10.))]
+	#[hard_min(0.0001)]
+	gamma_correction: f64,
+) -> T {
+	input.adjust(|color| {
+		let adjusted = color
+		// Exposure
+		.map_rgb(|c: f32| c * 2_f32.powf(exposure as f32))
+		// Offset
+		.map_rgb(|c: f32| c + offset as f32)
+		// Gamma correction
+		.gamma(gamma_correction as f32);
+
+		adjusted.map_rgb(|c: f32| c.clamp(0., 1.))
+	});
+	input
+}
+
+#[node_macro::node(category("Raster: Adjustment"))]
+fn color_overlay<T: Adjust<Color>>(
+	_: impl Ctx,
+	#[implementations(
+		Color,
+		RasterDataTable<CPU>,
+		GradientStops,
+	)]
+	mut image: T,
+	#[default(Color::BLACK)] color: Color,
+	blend_mode: BlendMode,
+	#[default(100.)] opacity: Percentage,
+) -> T {
+	let opacity = (opacity as f32 / 100.).clamp(0., 1.);
+
+	image.adjust(|pixel| {
+		let image = pixel.map_rgb(|channel| channel * (1. - opacity));
+
+		// The apply blend mode function divides rgb by the alpha channel for the background. This undoes that.
+		let associated_pixel = Color::from_rgbaf32_unchecked(pixel.r() * pixel.a(), pixel.g() * pixel.a(), pixel.b() * pixel.a(), pixel.a());
+		let overlay = apply_blend_mode(color, associated_pixel, blend_mode).map_rgb(|channel| channel * opacity);
+
+		Color::from_rgbaf32_unchecked(image.r() + overlay.r(), image.g() + overlay.g(), image.b() + overlay.b(), pixel.a())
+	});
+	image
+}
+
+// pub use index_node::IndexNode;
+
+// mod index_node {
+// 	use crate::raster::{Color, Image};
+// 	use crate::Ctx;
+
+// 	#[node_macro::node(category(""))]
+// 	pub fn index<T: Default + Clone>(
+// 		_: impl Ctx,
+// 		#[implementations(Vec<Image<Color>>, Vec<Color>)]
+// 		#[widget(ParsedWidgetOverride::Hidden)]
+// 		input: Vec<T>,
+// 		index: u32,
+// 	) -> T {
+// 		if (index as usize) < input.len() {
+// 			input[index as usize].clone()
+// 		} else {
+// 			warn!("The number of segments is {} but the requested segment is {}!", input.len(), index);
+// 			Default::default()
+// 		}
+// 	}
+// }
+
+#[cfg(test)]
+mod test {
+	use graphene_core::blending::BlendMode;
+	use graphene_core::color::Color;
+	use graphene_core::raster::image::Image;
+	use graphene_core::raster_types::{Raster, RasterDataTable};
+
+	#[tokio::test]
+	async fn color_overlay_multiply() {
+		let image_color = Color::from_rgbaf32_unchecked(0.7, 0.6, 0.5, 0.4);
+		let image = Image::new(1, 1, image_color);
+
+		// Color { red: 0., green: 1., blue: 0., alpha: 1. }
+		let overlay_color = Color::GREEN;
+
+		// 100% of the output should come from the multiplied value
+		let opacity = 100_f64;
+
+		let result = super::color_overlay((), RasterDataTable::new(Raster::new_cpu(image.clone())), overlay_color, BlendMode::Multiply, opacity);
+		let result = result.instance_ref_iter().next().unwrap().instance;
+
+		// The output should just be the original green and alpha channels (as we multiply them by 1 and other channels by 0)
+		assert_eq!(result.data[0], Color::from_rgbaf32_unchecked(0., image_color.g(), 0., image_color.a()));
+	}
+}
diff --git a/node-graph/graster-nodes/src/curve.rs b/node-graph/graster-nodes/src/curve.rs
new file mode 100644
index 0000000000000000000000000000000000000000..188ef4a5fcc14ee5a9342b3adfc859331be118e1
--- /dev/null
+++ b/node-graph/graster-nodes/src/curve.rs
@@ -0,0 +1,200 @@
+use dyn_any::{DynAny, StaticType, StaticTypeSized};
+use graphene_core::Node;
+use graphene_core::color::{Channel, Linear, LuminanceMut};
+use std::hash::{Hash, Hasher};
+use std::ops::{Add, Mul, Sub};
+
+#[derive(Debug, Clone, PartialEq, DynAny, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct Curve {
+	#[serde(rename = "manipulatorGroups")]
+	pub manipulator_groups: Vec<CurveManipulatorGroup>,
+	#[serde(rename = "firstHandle")]
+	pub first_handle: [f32; 2],
+	#[serde(rename = "lastHandle")]
+	pub last_handle: [f32; 2],
+}
+
+impl Default for Curve {
+	fn default() -> Self {
+		Self {
+			manipulator_groups: vec![],
+			first_handle: [0.2; 2],
+			last_handle: [0.8; 2],
+		}
+	}
+}
+
+impl Hash for Curve {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		self.manipulator_groups.hash(state);
+		[self.first_handle, self.last_handle].iter().flatten().for_each(|f| f.to_bits().hash(state));
+	}
+}
+
+#[derive(Debug, Clone, Copy, PartialEq, DynAny, specta::Type, serde::Serialize, serde::Deserialize)]
+pub struct CurveManipulatorGroup {
+	pub anchor: [f32; 2],
+	pub handles: [[f32; 2]; 2],
+}
+
+impl Hash for CurveManipulatorGroup {
+	fn hash<H: Hasher>(&self, state: &mut H) {
+		for c in self.handles.iter().chain([&self.anchor]).flatten() {
+			c.to_bits().hash(state);
+		}
+	}
+}
+
+#[derive(Debug)]
+pub struct CubicSplines {
+	pub x: [f32; 4],
+	pub y: [f32; 4],
+}
+
+impl CubicSplines {
+	pub fn solve(&self) -> [f32; 4] {
+		let (x, y) = (&self.x, &self.y);
+
+		// Build an augmented matrix to solve the system of equations using Gaussian elimination
+		let mut augmented_matrix = [
+			[
+				2. / (x[1] - x[0]),
+				1. / (x[1] - x[0]),
+				0.,
+				0.,
+				// |
+				3. * (y[1] - y[0]) / ((x[1] - x[0]) * (x[1] - x[0])),
+			],
+			[
+				1. / (x[1] - x[0]),
+				2. * (1. / (x[1] - x[0]) + 1. / (x[2] - x[1])),
+				1. / (x[2] - x[1]),
+				0.,
+				// |
+				3. * ((y[1] - y[0]) / ((x[1] - x[0]) * (x[1] - x[0])) + (y[2] - y[1]) / ((x[2] - x[1]) * (x[2] - x[1]))),
+			],
+			[
+				0.,
+				1. / (x[2] - x[1]),
+				2. * (1. / (x[2] - x[1]) + 1. / (x[3] - x[2])),
+				1. / (x[3] - x[2]),
+				// |
+				3. * ((y[2] - y[1]) / ((x[2] - x[1]) * (x[2] - x[1])) + (y[3] - y[2]) / ((x[3] - x[2]) * (x[3] - x[2]))),
+			],
+			[
+				0.,
+				0.,
+				1. / (x[3] - x[2]),
+				2. / (x[3] - x[2]),
+				// |
+				3. * (y[3] - y[2]) / ((x[3] - x[2]) * (x[3] - x[2])),
+			],
+		];
+
+		// Gaussian elimination: forward elimination
+		for row in 0..4 {
+			let pivot_row_index = (row..4)
+				.max_by(|&a_row, &b_row| augmented_matrix[a_row][row].abs().partial_cmp(&augmented_matrix[b_row][row].abs()).unwrap_or(std::cmp::Ordering::Equal))
+				.unwrap();
+
+			// Swap the current row with the row that has the largest pivot element
+			augmented_matrix.swap(row, pivot_row_index);
+
+			// Eliminate the current column in all rows below the current one
+			for row_below_current in row + 1..4 {
+				assert!(augmented_matrix[row][row].abs() > f32::EPSILON);
+
+				let scale_factor = augmented_matrix[row_below_current][row] / augmented_matrix[row][row];
+				for col in row..5 {
+					augmented_matrix[row_below_current][col] -= augmented_matrix[row][col] * scale_factor
+				}
+			}
+		}
+
+		// Gaussian elimination: back substitution
+		let mut solutions = [0.; 4];
+		for col in (0..4).rev() {
+			assert!(augmented_matrix[col][col].abs() > f32::EPSILON);
+
+			solutions[col] = augmented_matrix[col][4] / augmented_matrix[col][col];
+
+			for row in (0..col).rev() {
+				augmented_matrix[row][4] -= augmented_matrix[row][col] * solutions[col];
+				augmented_matrix[row][col] = 0.;
+			}
+		}
+
+		solutions
+	}
+
+	pub fn interpolate(&self, input: f32, solutions: &[f32]) -> f32 {
+		if input <= self.x[0] {
+			return self.y[0];
+		}
+		if input >= self.x[self.x.len() - 1] {
+			return self.y[self.x.len() - 1];
+		}
+
+		// Find the segment that the input falls between
+		let mut segment = 1;
+		while self.x[segment] < input {
+			segment += 1;
+		}
+		let segment_start = segment - 1;
+		let segment_end = segment;
+
+		// Calculate the output value using quadratic interpolation
+		let input_value = self.x[segment_start];
+		let input_value_prev = self.x[segment_end];
+		let output_value = self.y[segment_start];
+		let output_value_prev = self.y[segment_end];
+		let solutions_value = solutions[segment_start];
+		let solutions_value_prev = solutions[segment_end];
+
+		let output_delta = solutions_value_prev * (input_value - input_value_prev) - (output_value - output_value_prev);
+		let solution_delta = (output_value - output_value_prev) - solutions_value * (input_value - input_value_prev);
+
+		let input_ratio = (input - input_value_prev) / (input_value - input_value_prev);
+		let prev_output_ratio = (1. - input_ratio) * output_value_prev;
+		let output_ratio = input_ratio * output_value;
+		let quadratic_ratio = input_ratio * (1. - input_ratio) * (output_delta * (1. - input_ratio) + solution_delta * input_ratio);
+
+		let result = prev_output_ratio + output_ratio + quadratic_ratio;
+		result.clamp(0., 1.)
+	}
+}
+
+pub struct ValueMapperNode<C> {
+	lut: Vec<C>,
+}
+
+unsafe impl<C: StaticTypeSized> StaticType for ValueMapperNode<C> {
+	type Static = ValueMapperNode<C::Static>;
+}
+
+impl<C> ValueMapperNode<C> {
+	pub const fn new(lut: Vec<C>) -> Self {
+		Self { lut }
+	}
+}
+
+impl<'i, L: LuminanceMut + 'i> Node<'i, L> for ValueMapperNode<L::LuminanceChannel>
+where
+	L::LuminanceChannel: Linear + Copy,
+	L::LuminanceChannel: Add<Output = L::LuminanceChannel>,
+	L::LuminanceChannel: Sub<Output = L::LuminanceChannel>,
+	L::LuminanceChannel: Mul<Output = L::LuminanceChannel>,
+{
+	type Output = L;
+
+	fn eval(&'i self, mut val: L) -> L {
+		let luminance: f32 = val.luminance().to_linear();
+		let floating_sample_index = luminance * (self.lut.len() - 1) as f32;
+		let index_in_lut = floating_sample_index.floor() as usize;
+		let a = self.lut[index_in_lut];
+		let b = self.lut[(index_in_lut + 1).clamp(0, self.lut.len() - 1)];
+		let result = a.lerp(b, L::LuminanceChannel::from_linear(floating_sample_index.fract()));
+		val.set_luminance(result);
+		val
+	}
+}
diff --git a/node-graph/graster-nodes/src/dehaze.rs b/node-graph/graster-nodes/src/dehaze.rs
new file mode 100644
index 0000000000000000000000000000000000000000..268ccee09d8d2178e656fe58f417dc6030da443e
--- /dev/null
+++ b/node-graph/graster-nodes/src/dehaze.rs
@@ -0,0 +1,266 @@
+use graphene_core::context::Ctx;
+use graphene_core::raster::image::Image;
+use graphene_core::raster_types::{CPU, Raster, RasterDataTable};
+use graphene_core::registry::types::Percentage;
+use image::{DynamicImage, GenericImage, GenericImageView, GrayImage, ImageBuffer, Luma, Rgba, RgbaImage};
+use ndarray::{Array2, ArrayBase, Dim, OwnedRepr};
+use std::cmp::{max, min};
+
+#[node_macro::node(category("Raster: Filter"))]
+async fn dehaze(_: impl Ctx, image_frame: RasterDataTable<CPU>, strength: Percentage) -> RasterDataTable<CPU> {
+	let mut result_table = RasterDataTable::default();
+
+	for mut image_frame_instance in image_frame.instance_iter() {
+		let image = image_frame_instance.instance;
+		// Prepare the image data for processing
+		let image_data = bytemuck::cast_vec(image.data.clone());
+		let image_buffer = image::Rgba32FImage::from_raw(image.width, image.height, image_data).expect("Failed to convert internal image format into image-rs data type.");
+		let dynamic_image: DynamicImage = image_buffer.into();
+
+		// Run the dehaze algorithm
+		let dehazed_dynamic_image = dehaze_image(dynamic_image, strength / 100.);
+
+		// Prepare the image data for returning
+		let buffer = dehazed_dynamic_image.to_rgba32f().into_raw();
+		let color_vec = bytemuck::cast_vec(buffer);
+		let dehazed_image = Image {
+			width: image.width,
+			height: image.height,
+			data: color_vec,
+			base64_string: None,
+		};
+
+		image_frame_instance.instance = Raster::new_cpu(dehazed_image);
+		image_frame_instance.source_node_id = None;
+		result_table.push(image_frame_instance);
+	}
+
+	result_table
+}
+
+// There is no real point in modifying these values because they do not change the final result all that much.
+// The authors of the paper recommended using these values to get a reasonable balance of performance and quality.
+const PATCH_SIZE: u32 = 15;
+const TOP_PERCENT: f64 = 0.001;
+const RADIUS: u32 = 60;
+const EPSILON: f64 = 0.0001;
+const TX: f32 = 0.1;
+
+// Dehazing algorithm based on "Single Image Haze Removal Using Dark Channel Prior"
+// Paper: <https://www.researchgate.net/publication/220182411_Single_Image_Haze_Removal_Using_Dark_Channel_Prior>
+// TODO: Make this algorithm work with negative strength values
+fn dehaze_image(image: DynamicImage, strength: f64) -> DynamicImage {
+	// TODO: Break out this pair of steps into its own node, with a memoize node which caches the pair of outputs, so the strength can be adjusted without recomputing these two steps.
+	let dark_channel = compute_dark_channel(&image);
+	let atmospheric_light = estimate_atmospheric_light(&image, &dark_channel);
+
+	let transmission_map = estimate_transmission_map(&image, &dark_channel, strength);
+	let refined_transmission_map = refine_transmission_map(&image, &transmission_map);
+
+	recover(&image, &refined_transmission_map, atmospheric_light)
+}
+
+fn compute_dark_channel(image: &DynamicImage) -> DynamicImage {
+	let (width, height) = image.dimensions();
+	let mut dark_channel = GrayImage::new(width, height);
+	let half_patch = PATCH_SIZE / 2;
+
+	for y in 0..height {
+		for x in 0..width {
+			let pixel = image.get_pixel(x, y);
+			let min_intensity = min(min(pixel[0], pixel[1]), pixel[2]);
+			dark_channel.put_pixel(x, y, Luma([min_intensity]));
+		}
+	}
+
+	let mut eroded_channel = RgbaImage::new(width, height);
+
+	for y in 0..height {
+		for x in 0..width {
+			let mut local_min = u8::MAX;
+
+			for dy in 0..PATCH_SIZE {
+				for dx in 0..PATCH_SIZE {
+					let nx = x as i32 + dx as i32 - half_patch as i32;
+					let ny = y as i32 + dy as i32 - half_patch as i32;
+
+					if nx >= 0 && nx < width as i32 && ny >= 0 && ny < height as i32 {
+						let intensity = dark_channel.get_pixel(nx as u32, ny as u32)[0];
+						if intensity < local_min {
+							local_min = intensity;
+						}
+					}
+				}
+			}
+			let alpha = image.get_pixel(x, y)[3];
+			eroded_channel.put_pixel(x, y, Rgba([local_min, local_min, local_min, alpha]));
+		}
+	}
+
+	DynamicImage::ImageRgba8(eroded_channel)
+}
+
+fn estimate_atmospheric_light(hazy: &DynamicImage, dark_channel: &DynamicImage) -> Rgba<u8> {
+	let (width, height) = hazy.dimensions();
+	let dark = dark_channel.to_luma_alpha8();
+	let total_pixels = (width * height) as usize;
+	let num_pixels = ((TOP_PERCENT / 100.) * total_pixels as f64).ceil() as usize;
+
+	let mut intensities: Vec<(u32, u32, f64)> = Vec::with_capacity(total_pixels);
+
+	for y in 0..height {
+		for x in 0..width {
+			let pixel = dark.get_pixel(x, y);
+			let intensity = pixel.0[0] as f64;
+			intensities.push((x, y, intensity))
+		}
+	}
+
+	intensities.sort_by(|a, b| b.2.partial_cmp(&a.2).unwrap());
+
+	let top_intensities = &intensities[..num_pixels];
+
+	let mut atm_sum = [0., 0., 0.];
+	for (x, y, _) in top_intensities {
+		let pixel = hazy.get_pixel(*x, *y);
+		atm_sum[0] += pixel[0] as f64;
+		atm_sum[1] += pixel[1] as f64;
+		atm_sum[2] += pixel[2] as f64;
+	}
+
+	let num_pixels = num_pixels as f64;
+
+	Rgba([(atm_sum[0] / num_pixels) as u8, (atm_sum[1] / num_pixels) as u8, (atm_sum[2] / num_pixels) as u8, 255])
+}
+
+fn estimate_transmission_map(image: &DynamicImage, dark_channel: &DynamicImage, omega: f64) -> DynamicImage {
+	let (width, height) = image.dimensions();
+	let mut transmission_map = RgbaImage::new(width, height);
+
+	for y in 0..height {
+		for x in 0..width {
+			let min_intensity = dark_channel.get_pixel(x, y).0[0] as f32 / 255.;
+			let transmission_value = 1. - omega * min_intensity as f64;
+			let alpha = image.get_pixel(x, y)[3];
+			transmission_map.put_pixel(
+				x,
+				y,
+				Rgba([(transmission_value * 255.) as u8, (transmission_value * 255.) as u8, (transmission_value * 255.) as u8, alpha]),
+			);
+		}
+	}
+
+	DynamicImage::ImageRgba8(transmission_map)
+}
+
+fn refine_transmission_map(img: &DynamicImage, transmission_map: &DynamicImage) -> DynamicImage {
+	let gray_image = img.to_luma8();
+
+	let normalized_gray_image: GrayImage = ImageBuffer::from_fn(gray_image.width(), gray_image.height(), |x, y| {
+		let pixel = gray_image.get_pixel(x, y);
+		let normalized_value = (pixel[0] as f64 / 255.) * 255.;
+		Luma([normalized_value as u8])
+	});
+
+	let normalized_gray_image = DynamicImage::ImageLuma8(normalized_gray_image);
+
+	guided_filter(&normalized_gray_image, transmission_map, RADIUS, EPSILON)
+}
+
+fn recover(im: &DynamicImage, t: &DynamicImage, a: Rgba<u8>) -> DynamicImage {
+	let (width, height) = im.dimensions();
+	let mut res = DynamicImage::new_rgba8(width, height);
+
+	let a = [a[0] as f32 / 255., a[1] as f32 / 255., a[2] as f32 / 255.];
+
+	for y in 0..height {
+		for x in 0..width {
+			let im_pixel = im.get_pixel(x, y).0;
+			let t_pixel = t.get_pixel(x, y).0;
+			let t_val = f32::max(t_pixel[0] as f32 / 255., TX);
+
+			let mut res_pixel = [0; 4];
+			for ind in 0..3 {
+				res_pixel[ind] = ((((im_pixel[ind] as f32 / 255. - a[ind]) / t_val) + a[ind]).clamp(0., 1.) * 255.) as u8;
+			}
+			res_pixel[3] = im_pixel[3];
+
+			res.put_pixel(x, y, Rgba(res_pixel));
+		}
+	}
+
+	res
+}
+
+fn guided_filter(guidance_img: &DynamicImage, input_img: &DynamicImage, r: u32, epsilon: f64) -> DynamicImage {
+	let (width, height) = guidance_img.dimensions();
+	let radius = r as i32;
+
+	let guidance_nd = image_to_ndarray(guidance_img);
+	let input_nd = image_to_ndarray(input_img);
+
+	let mean_guidance = box_filter(&guidance_nd, radius);
+	let mean_input = box_filter(&input_nd, radius);
+	let corr_guidance = box_filter(&(guidance_nd.clone() * guidance_nd.clone()), radius);
+	let corr_guidance_input = box_filter(&(guidance_nd.clone() * input_nd.clone()), radius);
+
+	let var_guidance = &corr_guidance - &(mean_guidance.clone() * mean_guidance.clone());
+	let cov_guidance_input = &corr_guidance_input - &(mean_guidance.clone() * mean_input.clone());
+
+	let a = &cov_guidance_input / &(var_guidance.clone() + epsilon);
+	let b = mean_input - &(a.clone() * mean_guidance);
+
+	let mean_a = box_filter(&a, radius);
+	let mean_b = box_filter(&b, radius);
+
+	let q = &mean_a * &guidance_nd + mean_b;
+
+	ndarray_to_image(&q, width, height)
+}
+
+fn box_filter(img: &Array2<f64>, radius: i32) -> Array2<f64> {
+	let (height, width) = img.dim();
+	let mut result = Array2::zeros((height, width));
+	let mut integral_image: ArrayBase<OwnedRepr<f64>, Dim<[usize; 2]>> = Array2::zeros((height + 1, width + 1));
+
+	// Compute integral image
+	for y in 0..height {
+		for x in 0..width {
+			integral_image[(y + 1, x + 1)] = img[(y, x)] + integral_image[(y, x + 1)] + integral_image[(y + 1, x)] - integral_image[(y, x)];
+		}
+	}
+
+	for y in 0..height {
+		for x in 0..width {
+			let y1 = max(0, y as i32 - radius) as usize;
+			let y2 = min(height as i32 - 1, y as i32 + radius) as usize;
+			let x1 = max(0, x as i32 - radius) as usize;
+			let x2 = min(width as i32 - 1, x as i32 + radius) as usize;
+
+			let area = (y2 - y1 + 1) as f64 * (x2 - x1 + 1) as f64;
+
+			result[(y, x)] = (integral_image[(y2 + 1, x2 + 1)] - integral_image[(y1, x2 + 1)] - integral_image[(y2 + 1, x1)] + integral_image[(y1, x1)]) / area;
+		}
+	}
+
+	result
+}
+
+fn image_to_ndarray(img: &DynamicImage) -> Array2<f64> {
+	let (width, height) = img.dimensions();
+	let mut array = Array2::zeros((height as usize, width as usize));
+	for (x, y, pixel) in img.pixels() {
+		let luminance = pixel.0[0] as f64 / 255.;
+		array[(y as usize, x as usize)] = luminance;
+	}
+	array
+}
+
+fn ndarray_to_image(array: &Array2<f64>, width: u32, height: u32) -> DynamicImage {
+	let mut img = DynamicImage::new_rgba8(width, height);
+	for ((y, x), &value) in array.indexed_iter() {
+		let clamped_value = (value * 255.).clamp(0., 255.) as u8;
+		img.put_pixel(x as u32, y as u32, Rgba([clamped_value, clamped_value, clamped_value, 255]));
+	}
+	img
+}
diff --git a/node-graph/graster-nodes/src/filter.rs b/node-graph/graster-nodes/src/filter.rs
new file mode 100644
index 0000000000000000000000000000000000000000..3fd1f0686cf112bb4125afeac570ed7b07ec042d
--- /dev/null
+++ b/node-graph/graster-nodes/src/filter.rs
@@ -0,0 +1,182 @@
+use graphene_core::color::Color;
+use graphene_core::context::Ctx;
+use graphene_core::raster::image::Image;
+use graphene_core::raster::{Bitmap, BitmapMut};
+use graphene_core::raster_types::{CPU, Raster, RasterDataTable};
+use graphene_core::registry::types::PixelLength;
+
+/// Blurs the image with a Gaussian or blur kernel filter.
+#[node_macro::node(category("Raster: Filter"))]
+async fn blur(
+	_: impl Ctx,
+	/// The image to be blurred.
+	image_frame: RasterDataTable<CPU>,
+	/// The radius of the blur kernel.
+	#[range((0., 100.))]
+	#[hard_min(0.)]
+	radius: PixelLength,
+	/// Use a lower-quality box kernel instead of a circular Gaussian kernel. This is faster but produces boxy artifacts.
+	box_blur: bool,
+	/// Opt to incorrectly apply the filter with color calculations in gamma space for compatibility with the results from other software.
+	gamma: bool,
+) -> RasterDataTable<CPU> {
+	let mut result_table = RasterDataTable::default();
+
+	for mut image_instance in image_frame.instance_iter() {
+		let image = image_instance.instance.clone();
+
+		// Run blur algorithm
+		let blurred_image = if radius < 0.1 {
+			// Minimum blur radius
+			image.clone()
+		} else if box_blur {
+			Raster::new_cpu(box_blur_algorithm(image.into_data(), radius, gamma))
+		} else {
+			Raster::new_cpu(gaussian_blur_algorithm(image.into_data(), radius, gamma))
+		};
+
+		image_instance.instance = blurred_image;
+		image_instance.source_node_id = None;
+		result_table.push(image_instance);
+	}
+
+	result_table
+}
+
+// 1D gaussian kernel
+fn gaussian_kernel(radius: f64) -> Vec<f64> {
+	// Given radius, compute the size of the kernel that's approximately three times the radius
+	let kernel_radius = (3. * radius).ceil() as usize;
+	let kernel_size = 2 * kernel_radius + 1;
+	let mut gaussian_kernel: Vec<f64> = vec![0.; kernel_size];
+
+	// Kernel values
+	let two_radius_squared = 2. * radius * radius;
+	let sum = gaussian_kernel
+		.iter_mut()
+		.enumerate()
+		.map(|(i, value_at_index)| {
+			let x = i as f64 - kernel_radius as f64;
+			let exponent = -(x * x) / two_radius_squared;
+			*value_at_index = exponent.exp();
+			*value_at_index
+		})
+		.sum::<f64>();
+
+	// Normalize
+	gaussian_kernel.iter_mut().for_each(|value_at_index| *value_at_index /= sum);
+
+	gaussian_kernel
+}
+
+fn gaussian_blur_algorithm(mut original_buffer: Image<Color>, radius: f64, gamma: bool) -> Image<Color> {
+	if gamma {
+		original_buffer.map_pixels(|px| px.to_gamma_srgb().to_associated_alpha(px.a()));
+	} else {
+		original_buffer.map_pixels(|px| px.to_associated_alpha(px.a()));
+	}
+
+	let (width, height) = original_buffer.dimensions();
+
+	// Create 1D gaussian kernel
+	let kernel = gaussian_kernel(radius);
+	let half_kernel = kernel.len() / 2;
+
+	// Intermediate buffer for horizontal and vertical passes
+	let mut x_axis = Image::new(width, height, Color::TRANSPARENT);
+	let mut y_axis = Image::new(width, height, Color::TRANSPARENT);
+
+	for pass in [false, true] {
+		let (max, old_buffer, current_buffer) = match pass {
+			false => (width, &original_buffer, &mut x_axis),
+			true => (height, &x_axis, &mut y_axis),
+		};
+		let pass = pass as usize;
+
+		for y in 0..height {
+			for x in 0..width {
+				let (mut r_sum, mut g_sum, mut b_sum, mut a_sum, mut weight_sum) = (0., 0., 0., 0., 0.);
+
+				for (i, &weight) in kernel.iter().enumerate() {
+					let p = [x, y][pass] as i32 + (i as i32 - half_kernel as i32);
+
+					if p >= 0 && p < max as i32 {
+						if let Some(px) = old_buffer.get_pixel([p as u32, x][pass], [y, p as u32][pass]) {
+							r_sum += px.r() as f64 * weight;
+							g_sum += px.g() as f64 * weight;
+							b_sum += px.b() as f64 * weight;
+							a_sum += px.a() as f64 * weight;
+							weight_sum += weight;
+						}
+					}
+				}
+
+				// Normalize
+				let (r, g, b, a) = if weight_sum > 0. {
+					((r_sum / weight_sum) as f32, (g_sum / weight_sum) as f32, (b_sum / weight_sum) as f32, (a_sum / weight_sum) as f32)
+				} else {
+					let px = old_buffer.get_pixel(x, y).unwrap();
+					(px.r(), px.g(), px.b(), px.a())
+				};
+				current_buffer.set_pixel(x, y, Color::from_rgbaf32_unchecked(r, g, b, a));
+			}
+		}
+	}
+
+	if gamma {
+		y_axis.map_pixels(|px| px.to_linear_srgb().to_unassociated_alpha());
+	} else {
+		y_axis.map_pixels(|px| px.to_unassociated_alpha());
+	}
+
+	y_axis
+}
+
+fn box_blur_algorithm(mut original_buffer: Image<Color>, radius: f64, gamma: bool) -> Image<Color> {
+	if gamma {
+		original_buffer.map_pixels(|px| px.to_gamma_srgb().to_associated_alpha(px.a()));
+	} else {
+		original_buffer.map_pixels(|px| px.to_associated_alpha(px.a()));
+	}
+
+	let (width, height) = original_buffer.dimensions();
+	let mut x_axis = Image::new(width, height, Color::TRANSPARENT);
+	let mut y_axis = Image::new(width, height, Color::TRANSPARENT);
+
+	for pass in [false, true] {
+		let (max, old_buffer, current_buffer) = match pass {
+			false => (width, &original_buffer, &mut x_axis),
+			true => (height, &x_axis, &mut y_axis),
+		};
+		let pass = pass as usize;
+
+		for y in 0..height {
+			for x in 0..width {
+				let (mut r_sum, mut g_sum, mut b_sum, mut a_sum, mut weight_sum) = (0., 0., 0., 0., 0.);
+
+				let i = [x, y][pass];
+				for d in (i as i32 - radius as i32).max(0)..=(i as i32 + radius as i32).min(max as i32 - 1) {
+					if let Some(px) = old_buffer.get_pixel([d as u32, x][pass], [y, d as u32][pass]) {
+						let weight = 1.;
+						r_sum += px.r() as f64 * weight;
+						g_sum += px.g() as f64 * weight;
+						b_sum += px.b() as f64 * weight;
+						a_sum += px.a() as f64 * weight;
+						weight_sum += weight;
+					}
+				}
+
+				let (r, g, b, a) = ((r_sum / weight_sum) as f32, (g_sum / weight_sum) as f32, (b_sum / weight_sum) as f32, (a_sum / weight_sum) as f32);
+				current_buffer.set_pixel(x, y, Color::from_rgbaf32_unchecked(r, g, b, a));
+			}
+		}
+	}
+
+	if gamma {
+		y_axis.map_pixels(|px| px.to_linear_srgb().to_unassociated_alpha());
+	} else {
+		y_axis.map_pixels(|px| px.to_unassociated_alpha());
+	}
+
+	y_axis
+}
diff --git a/node-graph/graster-nodes/src/generate_curves.rs b/node-graph/graster-nodes/src/generate_curves.rs
new file mode 100644
index 0000000000000000000000000000000000000000..b08c6ba5fbe6a81b29784d481cea3a65c645539d
--- /dev/null
+++ b/node-graph/graster-nodes/src/generate_curves.rs
@@ -0,0 +1,46 @@
+//! requires bezier-rs
+
+use crate::curve::{Curve, CurveManipulatorGroup, ValueMapperNode};
+use bezier_rs::{Bezier, TValue};
+use graphene_core::color::{Channel, Linear};
+use graphene_core::context::Ctx;
+
+const WINDOW_SIZE: usize = 1024;
+
+#[node_macro::node(category(""))]
+fn generate_curves<C: Channel + Linear>(_: impl Ctx, curve: Curve, #[implementations(f32, f64)] _target_format: C) -> ValueMapperNode<C> {
+	let [mut pos, mut param]: [[f32; 2]; 2] = [[0.; 2], curve.first_handle];
+	let mut lut = vec![C::from_f64(0.); WINDOW_SIZE];
+	let end = CurveManipulatorGroup {
+		anchor: [1.; 2],
+		handles: [curve.last_handle, [0.; 2]],
+	};
+	for sample in curve.manipulator_groups.iter().chain(std::iter::once(&end)) {
+		let [x0, y0, x1, y1, x2, y2, x3, y3] = [pos[0], pos[1], param[0], param[1], sample.handles[0][0], sample.handles[0][1], sample.anchor[0], sample.anchor[1]].map(f64::from);
+
+		let bezier = Bezier::from_cubic_coordinates(x0, y0, x1, y1, x2, y2, x3, y3);
+
+		let [left, right] = [pos[0], sample.anchor[0]].map(|c| c.clamp(0., 1.));
+		let lut_index_left: usize = (left * (lut.len() - 1) as f32).floor() as _;
+		let lut_index_right: usize = (right * (lut.len() - 1) as f32).ceil() as _;
+		for index in lut_index_left..=lut_index_right {
+			let x = index as f64 / (lut.len() - 1) as f64;
+			let y = if x <= x0 {
+				y0
+			} else if x >= x3 {
+				y3
+			} else {
+				bezier.find_tvalues_for_x(x)
+					.next()
+					.map(|t| bezier.evaluate(TValue::Parametric(t.clamp(0., 1.))).y)
+					// Fall back to a very bad approximation if Bezier-rs fails
+					.unwrap_or_else(|| (x - x0) / (x3 - x0) * (y3 - y0) + y0)
+			};
+			lut[index] = C::from_f64(y);
+		}
+
+		pos = sample.anchor;
+		param = sample.handles[1];
+	}
+	ValueMapperNode::new(lut)
+}
diff --git a/node-graph/graster-nodes/src/image_color_palette.rs b/node-graph/graster-nodes/src/image_color_palette.rs
new file mode 100644
index 0000000000000000000000000000000000000000..6163c88bb40e82f0a9282dd48dfef061413a9ad0
--- /dev/null
+++ b/node-graph/graster-nodes/src/image_color_palette.rs
@@ -0,0 +1,85 @@
+use graphene_core::color::Color;
+use graphene_core::context::Ctx;
+use graphene_core::raster_types::{CPU, RasterDataTable};
+
+#[node_macro::node(category("Color"))]
+async fn image_color_palette(
+	_: impl Ctx,
+	image: RasterDataTable<CPU>,
+	#[hard_min(1.)]
+	#[soft_max(28.)]
+	max_size: u32,
+) -> Vec<Color> {
+	const GRID: f32 = 3.;
+
+	let bins = GRID * GRID * GRID;
+
+	let mut histogram: Vec<usize> = vec![0; (bins + 1.) as usize];
+	let mut colors: Vec<Vec<Color>> = vec![vec![]; (bins + 1.) as usize];
+
+	for image_instance in image.instance_ref_iter() {
+		for pixel in image_instance.instance.data.iter() {
+			let r = pixel.r() * GRID;
+			let g = pixel.g() * GRID;
+			let b = pixel.b() * GRID;
+
+			let bin = (r * GRID + g * GRID + b * GRID) as usize;
+
+			histogram[bin] += 1;
+			colors[bin].push(pixel.to_gamma_srgb());
+		}
+	}
+
+	let shorted = histogram.iter().enumerate().filter(|&(_, &count)| count > 0).map(|(i, _)| i).collect::<Vec<usize>>();
+
+	let mut palette = vec![];
+
+	for i in shorted.iter().take(max_size as usize) {
+		let list = colors[*i].clone();
+
+		let mut r = 0.;
+		let mut g = 0.;
+		let mut b = 0.;
+		let mut a = 0.;
+
+		for color in list.iter() {
+			r += color.r();
+			g += color.g();
+			b += color.b();
+			a += color.a();
+		}
+
+		r /= list.len() as f32;
+		g /= list.len() as f32;
+		b /= list.len() as f32;
+		a /= list.len() as f32;
+
+		let color = Color::from_rgbaf32(r, g, b, a).unwrap();
+
+		palette.push(color);
+	}
+
+	palette
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use graphene_core::raster::image::Image;
+	use graphene_core::raster_types::{Raster, RasterDataTable};
+
+	#[test]
+	fn test_image_color_palette() {
+		let result = image_color_palette(
+			(),
+			RasterDataTable::new(Raster::new_cpu(Image {
+				width: 100,
+				height: 100,
+				data: vec![Color::from_rgbaf32(0., 0., 0., 1.).unwrap(); 10000],
+				base64_string: None,
+			})),
+			1,
+		);
+		assert_eq!(futures::executor::block_on(result), [Color::from_rgbaf32(0., 0., 0., 1.).unwrap()]);
+	}
+}
diff --git a/node-graph/graster-nodes/src/lib.rs b/node-graph/graster-nodes/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..938923db779ade68ef60ecfae28f209f1a6698f8
--- /dev/null
+++ b/node-graph/graster-nodes/src/lib.rs
@@ -0,0 +1,7 @@
+pub mod adjustments;
+pub mod curve;
+pub mod dehaze;
+pub mod filter;
+pub mod generate_curves;
+pub mod image_color_palette;
+pub mod std_nodes;
diff --git a/node-graph/graster-nodes/src/std_nodes.rs b/node-graph/graster-nodes/src/std_nodes.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9b331424d383b2939dd35c813ace0d3e43ab16fd
--- /dev/null
+++ b/node-graph/graster-nodes/src/std_nodes.rs
@@ -0,0 +1,536 @@
+use crate::adjustments::{CellularDistanceFunction, CellularReturnType, DomainWarpType, FractalType, NoiseType};
+use dyn_any::DynAny;
+use fastnoise_lite;
+use glam::{DAffine2, DVec2, Vec2};
+use graphene_core::blending::AlphaBlending;
+use graphene_core::color::Color;
+use graphene_core::color::{Alpha, AlphaMut, Channel, LinearChannel, Luminance, RGBMut};
+use graphene_core::context::{Ctx, ExtractFootprint};
+use graphene_core::instances::Instance;
+use graphene_core::math::bbox::Bbox;
+use graphene_core::raster::image::Image;
+use graphene_core::raster::{Bitmap, BitmapMut};
+use graphene_core::raster_types::{CPU, Raster, RasterDataTable};
+use graphene_core::transform::Transform;
+use rand::prelude::*;
+use rand_chacha::ChaCha8Rng;
+use std::fmt::Debug;
+use std::hash::Hash;
+
+#[derive(Debug, DynAny)]
+pub enum Error {
+	IO(std::io::Error),
+	Image(::image::ImageError),
+}
+
+impl From<std::io::Error> for Error {
+	fn from(e: std::io::Error) -> Self {
+		Error::IO(e)
+	}
+}
+
+#[node_macro::node(category("Debug: Raster"))]
+pub fn sample_image(ctx: impl ExtractFootprint + Clone + Send, image_frame: RasterDataTable<CPU>) -> RasterDataTable<CPU> {
+	let mut result_table = RasterDataTable::default();
+
+	for mut image_frame_instance in image_frame.instance_iter() {
+		let image_frame_transform = image_frame_instance.transform;
+		let image = image_frame_instance.instance;
+
+		// Resize the image using the image crate
+		let data = bytemuck::cast_vec(image.data.clone());
+
+		let footprint = ctx.footprint();
+		let viewport_bounds = footprint.viewport_bounds_in_local_space();
+		let image_bounds = Bbox::from_transform(image_frame_transform).to_axis_aligned_bbox();
+		let intersection = viewport_bounds.intersect(&image_bounds);
+		let image_size = DAffine2::from_scale(DVec2::new(image.width as f64, image.height as f64));
+		let size = intersection.size();
+		let size_px = image_size.transform_vector2(size).as_uvec2();
+
+		// If the image would not be visible, add nothing.
+		if size.x <= 0. || size.y <= 0. {
+			continue;
+		}
+
+		let image_buffer = ::image::Rgba32FImage::from_raw(image.width, image.height, data).expect("Failed to convert internal image format into image-rs data type.");
+
+		let dynamic_image: ::image::DynamicImage = image_buffer.into();
+		let offset = (intersection.start - image_bounds.start).max(DVec2::ZERO);
+		let offset_px = image_size.transform_vector2(offset).as_uvec2();
+		let cropped = dynamic_image.crop_imm(offset_px.x, offset_px.y, size_px.x, size_px.y);
+
+		let viewport_resolution_x = footprint.transform.transform_vector2(DVec2::X * size.x).length();
+		let viewport_resolution_y = footprint.transform.transform_vector2(DVec2::Y * size.y).length();
+		let mut new_width = size_px.x;
+		let mut new_height = size_px.y;
+
+		// Only downscale the image for now
+		let resized = if new_width < image.width || new_height < image.height {
+			new_width = viewport_resolution_x as u32;
+			new_height = viewport_resolution_y as u32;
+			// TODO: choose filter based on quality requirements
+			cropped.resize_exact(new_width, new_height, ::image::imageops::Triangle)
+		} else {
+			cropped
+		};
+		let buffer = resized.to_rgba32f();
+		let buffer = buffer.into_raw();
+		let vec = bytemuck::cast_vec(buffer);
+		let image = Image {
+			width: new_width,
+			height: new_height,
+			data: vec,
+			base64_string: None,
+		};
+		// we need to adjust the offset if we truncate the offset calculation
+
+		let new_transform = image_frame_transform * DAffine2::from_translation(offset) * DAffine2::from_scale(size);
+
+		image_frame_instance.transform = new_transform;
+		image_frame_instance.source_node_id = None;
+		image_frame_instance.instance = Raster::new_cpu(image);
+		result_table.push(image_frame_instance)
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Raster: Channels"))]
+pub fn combine_channels(
+	_: impl Ctx,
+	_primary: (),
+	#[expose] red: RasterDataTable<CPU>,
+	#[expose] green: RasterDataTable<CPU>,
+	#[expose] blue: RasterDataTable<CPU>,
+	#[expose] alpha: RasterDataTable<CPU>,
+) -> RasterDataTable<CPU> {
+	let mut result_table = RasterDataTable::default();
+
+	let max_len = red.len().max(green.len()).max(blue.len()).max(alpha.len());
+	let red = red.instance_iter().map(Some).chain(std::iter::repeat(None)).take(max_len);
+	let green = green.instance_iter().map(Some).chain(std::iter::repeat(None)).take(max_len);
+	let blue = blue.instance_iter().map(Some).chain(std::iter::repeat(None)).take(max_len);
+	let alpha = alpha.instance_iter().map(Some).chain(std::iter::repeat(None)).take(max_len);
+
+	for (((red, green), blue), alpha) in red.zip(green).zip(blue).zip(alpha) {
+		// Turn any default zero-sized image instances into None
+		let red = red.filter(|i| i.instance.width > 0 && i.instance.height > 0);
+		let green = green.filter(|i| i.instance.width > 0 && i.instance.height > 0);
+		let blue = blue.filter(|i| i.instance.width > 0 && i.instance.height > 0);
+		let alpha = alpha.filter(|i| i.instance.width > 0 && i.instance.height > 0);
+
+		// Get this instance's transform and alpha blending mode from the first non-empty channel
+		let Some((transform, alpha_blending)) = [&red, &green, &blue, &alpha].iter().find_map(|i| i.as_ref()).map(|i| (i.transform, i.alpha_blending)) else {
+			continue;
+		};
+
+		// Get the common width and height of the channels, which must have equal dimensions
+		let channel_dimensions = [
+			red.as_ref().map(|r| (r.instance.width, r.instance.height)),
+			green.as_ref().map(|g| (g.instance.width, g.instance.height)),
+			blue.as_ref().map(|b| (b.instance.width, b.instance.height)),
+			alpha.as_ref().map(|a| (a.instance.width, a.instance.height)),
+		];
+		if channel_dimensions.iter().all(Option::is_none)
+			|| channel_dimensions
+				.iter()
+				.flatten()
+				.any(|&(x, y)| channel_dimensions.iter().flatten().any(|&(other_x, other_y)| x != other_x || y != other_y))
+		{
+			continue;
+		}
+		let Some(&(width, height)) = channel_dimensions.iter().flatten().next() else { continue };
+
+		// Create a new image for this instance output
+		let mut image = Image::new(width, height, Color::TRANSPARENT);
+
+		// Iterate over all pixels in the image and set the color channels
+		for y in 0..image.height() {
+			for x in 0..image.width() {
+				let image_pixel = image.get_pixel_mut(x, y).unwrap();
+
+				if let Some(r) = red.as_ref().and_then(|r| r.instance.get_pixel(x, y)) {
+					image_pixel.set_red(r.l().cast_linear_channel());
+				} else {
+					image_pixel.set_red(Channel::from_linear(0.));
+				}
+				if let Some(g) = green.as_ref().and_then(|g| g.instance.get_pixel(x, y)) {
+					image_pixel.set_green(g.l().cast_linear_channel());
+				} else {
+					image_pixel.set_green(Channel::from_linear(0.));
+				}
+				if let Some(b) = blue.as_ref().and_then(|b| b.instance.get_pixel(x, y)) {
+					image_pixel.set_blue(b.l().cast_linear_channel());
+				} else {
+					image_pixel.set_blue(Channel::from_linear(0.));
+				}
+				if let Some(a) = alpha.as_ref().and_then(|a| a.instance.get_pixel(x, y)) {
+					image_pixel.set_alpha(a.l().cast_linear_channel());
+				} else {
+					image_pixel.set_alpha(Channel::from_linear(1.));
+				}
+			}
+		}
+
+		// Add this instance to the result table
+		result_table.push(Instance {
+			instance: Raster::new_cpu(image),
+			transform,
+			alpha_blending,
+			source_node_id: None,
+		});
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Raster"))]
+pub fn mask(
+	_: impl Ctx,
+	/// The image to be masked.
+	image: RasterDataTable<CPU>,
+	/// The stencil to be used for masking.
+	#[expose]
+	stencil: RasterDataTable<CPU>,
+) -> RasterDataTable<CPU> {
+	// TODO: Support multiple stencil instances
+	let Some(stencil_instance) = stencil.instance_iter().next() else {
+		// No stencil provided so we return the original image
+		return image;
+	};
+	let stencil_size = DVec2::new(stencil_instance.instance.width as f64, stencil_instance.instance.height as f64);
+
+	let mut result_table = RasterDataTable::default();
+
+	for mut image_instance in image.instance_iter() {
+		let image_size = DVec2::new(image_instance.instance.width as f64, image_instance.instance.height as f64);
+		let mask_size = stencil_instance.transform.decompose_scale();
+
+		if mask_size == DVec2::ZERO {
+			continue;
+		}
+
+		// Transforms a point from the background image to the foreground image
+		let bg_to_fg = image_instance.transform * DAffine2::from_scale(1. / image_size);
+		let stencil_transform_inverse = stencil_instance.transform.inverse();
+
+		for y in 0..image_instance.instance.height {
+			for x in 0..image_instance.instance.width {
+				let image_point = DVec2::new(x as f64, y as f64);
+				let mask_point = bg_to_fg.transform_point2(image_point);
+				let local_mask_point = stencil_transform_inverse.transform_point2(mask_point);
+				let mask_point = stencil_instance.transform.transform_point2(local_mask_point.clamp(DVec2::ZERO, DVec2::ONE));
+				let mask_point = (DAffine2::from_scale(stencil_size) * stencil_instance.transform.inverse()).transform_point2(mask_point);
+
+				let image_pixel = image_instance.instance.data_mut().get_pixel_mut(x, y).unwrap();
+				let mask_pixel = stencil_instance.instance.sample(mask_point);
+				*image_pixel = image_pixel.multiplied_alpha(mask_pixel.l().cast_linear_channel());
+			}
+		}
+
+		result_table.push(image_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category(""))]
+pub fn extend_image_to_bounds(_: impl Ctx, image: RasterDataTable<CPU>, bounds: DAffine2) -> RasterDataTable<CPU> {
+	let mut result_table = RasterDataTable::default();
+
+	for mut image_instance in image.instance_iter() {
+		let image_aabb = Bbox::unit().affine_transform(image_instance.transform).to_axis_aligned_bbox();
+		let bounds_aabb = Bbox::unit().affine_transform(bounds.transform()).to_axis_aligned_bbox();
+		if image_aabb.contains(bounds_aabb.start) && image_aabb.contains(bounds_aabb.end) {
+			result_table.push(image_instance);
+			continue;
+		}
+
+		let image_data = &image_instance.instance.data;
+		let (image_width, image_height) = (image_instance.instance.width, image_instance.instance.height);
+		if image_width == 0 || image_height == 0 {
+			for image_instance in empty_image((), bounds, Color::TRANSPARENT).instance_iter() {
+				result_table.push(image_instance);
+			}
+			continue;
+		}
+
+		let orig_image_scale = DVec2::new(image_width as f64, image_height as f64);
+		let layer_to_image_space = DAffine2::from_scale(orig_image_scale) * image_instance.transform.inverse();
+		let bounds_in_image_space = Bbox::unit().affine_transform(layer_to_image_space * bounds).to_axis_aligned_bbox();
+
+		let new_start = bounds_in_image_space.start.floor().min(DVec2::ZERO);
+		let new_end = bounds_in_image_space.end.ceil().max(orig_image_scale);
+		let new_scale = new_end - new_start;
+
+		// Copy over original image into enlarged image.
+		let mut new_image = Image::new(new_scale.x as u32, new_scale.y as u32, Color::TRANSPARENT);
+		let offset_in_new_image = (-new_start).as_uvec2();
+		for y in 0..image_height {
+			let old_start = y * image_width;
+			let new_start = (y + offset_in_new_image.y) * new_image.width + offset_in_new_image.x;
+			let old_row = &image_data[old_start as usize..(old_start + image_width) as usize];
+			let new_row = &mut new_image.data[new_start as usize..(new_start + image_width) as usize];
+			new_row.copy_from_slice(old_row);
+		}
+
+		// Compute new transform.
+		// let layer_to_new_texture_space = (DAffine2::from_scale(1. / new_scale) * DAffine2::from_translation(new_start) * layer_to_image_space).inverse();
+		let new_texture_to_layer_space = image_instance.transform * DAffine2::from_scale(1. / orig_image_scale) * DAffine2::from_translation(new_start) * DAffine2::from_scale(new_scale);
+
+		image_instance.instance = Raster::new_cpu(new_image);
+		image_instance.transform = new_texture_to_layer_space;
+		image_instance.source_node_id = None;
+		result_table.push(image_instance);
+	}
+
+	result_table
+}
+
+#[node_macro::node(category("Debug: Raster"))]
+pub fn empty_image(_: impl Ctx, transform: DAffine2, color: Color) -> RasterDataTable<CPU> {
+	let width = transform.transform_vector2(DVec2::new(1., 0.)).length() as u32;
+	let height = transform.transform_vector2(DVec2::new(0., 1.)).length() as u32;
+
+	let image = Image::new(width, height, color);
+
+	let mut result_table = RasterDataTable::new(Raster::new_cpu(image));
+	let image_instance = result_table.get_mut(0).unwrap();
+	*image_instance.transform = transform;
+	*image_instance.alpha_blending = AlphaBlending::default();
+
+	// Callers of empty_image can safely unwrap on returned table
+	result_table
+}
+
+/// Constructs a raster image.
+#[node_macro::node(category(""))]
+pub fn image_value(_: impl Ctx, _primary: (), image: RasterDataTable<CPU>) -> RasterDataTable<CPU> {
+	image
+}
+
+#[node_macro::node(category("Raster: Pattern"))]
+#[allow(clippy::too_many_arguments)]
+pub fn noise_pattern(
+	ctx: impl ExtractFootprint + Ctx,
+	_primary: (),
+	clip: bool,
+	seed: u32,
+	scale: f64,
+	noise_type: NoiseType,
+	domain_warp_type: DomainWarpType,
+	domain_warp_amplitude: f64,
+	fractal_type: FractalType,
+	fractal_octaves: u32,
+	fractal_lacunarity: f64,
+	fractal_gain: f64,
+	fractal_weighted_strength: f64,
+	fractal_ping_pong_strength: f64,
+	cellular_distance_function: CellularDistanceFunction,
+	cellular_return_type: CellularReturnType,
+	cellular_jitter: f64,
+) -> RasterDataTable<CPU> {
+	let footprint = ctx.footprint();
+	let viewport_bounds = footprint.viewport_bounds_in_local_space();
+
+	let mut size = viewport_bounds.size();
+	let mut offset = viewport_bounds.start;
+	if clip {
+		// TODO: Remove "clip" entirely (and its arbitrary 100x100 clipping square) once we have proper resolution-aware layer clipping
+		const CLIPPING_SQUARE_SIZE: f64 = 100.;
+		let image_bounds = Bbox::from_transform(DAffine2::from_scale(DVec2::splat(CLIPPING_SQUARE_SIZE))).to_axis_aligned_bbox();
+		let intersection = viewport_bounds.intersect(&image_bounds);
+
+		offset = (intersection.start - image_bounds.start).max(DVec2::ZERO);
+		size = intersection.size();
+	}
+
+	// If the image would not be visible, return an empty image
+	if size.x <= 0. || size.y <= 0. {
+		return RasterDataTable::default();
+	}
+
+	let footprint_scale = footprint.scale();
+	let width = (size.x * footprint_scale.x) as u32;
+	let height = (size.y * footprint_scale.y) as u32;
+
+	// All
+	let mut image = Image::new(width, height, Color::from_luminance(0.5));
+	let mut noise = fastnoise_lite::FastNoiseLite::with_seed(seed as i32);
+	noise.set_frequency(Some(1. / (scale as f32).max(f32::EPSILON)));
+
+	// Domain Warp
+	let domain_warp_type = match domain_warp_type {
+		DomainWarpType::None => None,
+		DomainWarpType::OpenSimplex2 => Some(fastnoise_lite::DomainWarpType::OpenSimplex2),
+		DomainWarpType::OpenSimplex2Reduced => Some(fastnoise_lite::DomainWarpType::OpenSimplex2Reduced),
+		DomainWarpType::BasicGrid => Some(fastnoise_lite::DomainWarpType::BasicGrid),
+	};
+	let domain_warp_active = domain_warp_type.is_some();
+	noise.set_domain_warp_type(domain_warp_type);
+	noise.set_domain_warp_amp(Some(domain_warp_amplitude as f32));
+
+	// Fractal
+	let noise_type = match noise_type {
+		NoiseType::Perlin => fastnoise_lite::NoiseType::Perlin,
+		NoiseType::OpenSimplex2 => fastnoise_lite::NoiseType::OpenSimplex2,
+		NoiseType::OpenSimplex2S => fastnoise_lite::NoiseType::OpenSimplex2S,
+		NoiseType::Cellular => fastnoise_lite::NoiseType::Cellular,
+		NoiseType::ValueCubic => fastnoise_lite::NoiseType::ValueCubic,
+		NoiseType::Value => fastnoise_lite::NoiseType::Value,
+		NoiseType::WhiteNoise => {
+			// TODO: Generate in layer space, not viewport space
+
+			let mut rng = ChaCha8Rng::seed_from_u64(seed as u64);
+
+			for y in 0..height {
+				for x in 0..width {
+					let pixel = image.get_pixel_mut(x, y).unwrap();
+					let luminance = rng.random_range(0.0..1.) as f32;
+					*pixel = Color::from_luminance(luminance);
+				}
+			}
+
+			let mut result = RasterDataTable::default();
+			result.push(Instance {
+				instance: Raster::new_cpu(image),
+				transform: DAffine2::from_translation(offset) * DAffine2::from_scale(size),
+				..Default::default()
+			});
+
+			return result;
+		}
+	};
+	noise.set_noise_type(Some(noise_type));
+	let fractal_type = match fractal_type {
+		FractalType::None => fastnoise_lite::FractalType::None,
+		FractalType::FBm => fastnoise_lite::FractalType::FBm,
+		FractalType::Ridged => fastnoise_lite::FractalType::Ridged,
+		FractalType::PingPong => fastnoise_lite::FractalType::PingPong,
+		FractalType::DomainWarpProgressive => fastnoise_lite::FractalType::DomainWarpProgressive,
+		FractalType::DomainWarpIndependent => fastnoise_lite::FractalType::DomainWarpIndependent,
+	};
+	noise.set_fractal_type(Some(fractal_type));
+	noise.set_fractal_octaves(Some(fractal_octaves as i32));
+	noise.set_fractal_lacunarity(Some(fractal_lacunarity as f32));
+	noise.set_fractal_gain(Some(fractal_gain as f32));
+	noise.set_fractal_weighted_strength(Some(fractal_weighted_strength as f32));
+	noise.set_fractal_ping_pong_strength(Some(fractal_ping_pong_strength as f32));
+
+	// Cellular
+	let cellular_distance_function = match cellular_distance_function {
+		CellularDistanceFunction::Euclidean => fastnoise_lite::CellularDistanceFunction::Euclidean,
+		CellularDistanceFunction::EuclideanSq => fastnoise_lite::CellularDistanceFunction::EuclideanSq,
+		CellularDistanceFunction::Manhattan => fastnoise_lite::CellularDistanceFunction::Manhattan,
+		CellularDistanceFunction::Hybrid => fastnoise_lite::CellularDistanceFunction::Hybrid,
+	};
+	let cellular_return_type = match cellular_return_type {
+		CellularReturnType::CellValue => fastnoise_lite::CellularReturnType::CellValue,
+		CellularReturnType::Nearest => fastnoise_lite::CellularReturnType::Distance,
+		CellularReturnType::NextNearest => fastnoise_lite::CellularReturnType::Distance2,
+		CellularReturnType::Average => fastnoise_lite::CellularReturnType::Distance2Add,
+		CellularReturnType::Difference => fastnoise_lite::CellularReturnType::Distance2Sub,
+		CellularReturnType::Product => fastnoise_lite::CellularReturnType::Distance2Mul,
+		CellularReturnType::Division => fastnoise_lite::CellularReturnType::Distance2Div,
+	};
+	noise.set_cellular_distance_function(Some(cellular_distance_function));
+	noise.set_cellular_return_type(Some(cellular_return_type));
+	noise.set_cellular_jitter(Some(cellular_jitter as f32));
+
+	let coordinate_offset = offset.as_vec2();
+	let scale = size.as_vec2() / Vec2::new(width as f32, height as f32);
+	// Calculate the noise for every pixel
+	for y in 0..height {
+		for x in 0..width {
+			let pixel = image.get_pixel_mut(x, y).unwrap();
+			let pos = Vec2::new(x as f32, y as f32);
+			let vec = pos * scale + coordinate_offset;
+
+			let (mut x, mut y) = (vec.x, vec.y);
+			if domain_warp_active && domain_warp_amplitude > 0. {
+				(x, y) = noise.domain_warp_2d(x, y);
+			}
+
+			let luminance = (noise.get_noise_2d(x, y) + 1.) * 0.5;
+			*pixel = Color::from_luminance(luminance);
+		}
+	}
+
+	let mut result = RasterDataTable::default();
+	result.push(Instance {
+		instance: Raster::new_cpu(image),
+		transform: DAffine2::from_translation(offset) * DAffine2::from_scale(size),
+		..Default::default()
+	});
+
+	result
+}
+
+#[node_macro::node(category("Raster: Pattern"))]
+pub fn mandelbrot(ctx: impl ExtractFootprint + Send) -> RasterDataTable<CPU> {
+	let footprint = ctx.footprint();
+	let viewport_bounds = footprint.viewport_bounds_in_local_space();
+
+	let image_bounds = Bbox::from_transform(DAffine2::IDENTITY).to_axis_aligned_bbox();
+	let intersection = viewport_bounds.intersect(&image_bounds);
+	let size = intersection.size();
+
+	let offset = (intersection.start - image_bounds.start).max(DVec2::ZERO);
+
+	// If the image would not be visible, return an empty image
+	if size.x <= 0. || size.y <= 0. {
+		return RasterDataTable::default();
+	}
+
+	let scale = footprint.scale();
+	let width = (size.x * scale.x) as u32;
+	let height = (size.y * scale.y) as u32;
+
+	let mut data = Vec::with_capacity(width as usize * height as usize);
+	let max_iter = 255;
+
+	let scale = 3. * size.as_vec2() / Vec2::new(width as f32, height as f32);
+	let coordinate_offset = offset.as_vec2() * 3. - Vec2::new(2., 1.5);
+	for y in 0..height {
+		for x in 0..width {
+			let pos = Vec2::new(x as f32, y as f32);
+			let c = pos * scale + coordinate_offset;
+
+			let iter = mandelbrot_impl(c, max_iter);
+			data.push(map_color(iter, max_iter));
+		}
+	}
+
+	let image = Image {
+		width,
+		height,
+		data,
+		..Default::default()
+	};
+	let mut result = RasterDataTable::default();
+	result.push(Instance {
+		instance: Raster::new_cpu(image),
+		transform: DAffine2::from_translation(offset) * DAffine2::from_scale(size),
+		..Default::default()
+	});
+
+	result
+}
+
+#[inline(always)]
+fn mandelbrot_impl(c: Vec2, max_iter: usize) -> usize {
+	let mut z = Vec2::new(0., 0.);
+	for i in 0..max_iter {
+		z = Vec2::new(z.x * z.x - z.y * z.y, 2. * z.x * z.y) + c;
+		if z.length_squared() > 4. {
+			return i;
+		}
+	}
+	max_iter
+}
+
+fn map_color(iter: usize, max_iter: usize) -> Color {
+	let v = iter as f32 / max_iter as f32;
+	Color::from_rgbaf32_unchecked(v, v, v, 1.)
+}
diff --git a/node-graph/gstd/Cargo.toml b/node-graph/gstd/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..0c20bd8f31dee3170bc99310aef026b443d8147b
--- /dev/null
+++ b/node-graph/gstd/Cargo.toml
@@ -0,0 +1,72 @@
+[package]
+name = "graphene-std"
+version = "0.1.0"
+edition = "2024"
+description = "Graphene standard library"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[features]
+default = ["wasm"]
+gpu = []
+wgpu = ["gpu", "graph-craft/wgpu", "graphene-application-io/wgpu"]
+wasm = [
+	"wasm-bindgen",
+	"wasm-bindgen-futures",
+	"web-sys",
+	"graphene-application-io/wasm",
+	"image/png",
+]
+image-compare = []
+vello = ["dep:vello", "gpu"]
+resvg = []
+wayland = ["graph-craft/wayland"]
+
+[dependencies]
+# Local dependencies
+dyn-any = { workspace = true }
+graph-craft = { workspace = true }
+wgpu-executor = { workspace = true }
+graphene-core = { workspace = true }
+graphene-path-bool = { workspace = true }
+graphene-math-nodes = { workspace = true }
+graphene-svg-renderer = { workspace = true }
+graphene-application-io = { workspace = true }
+graphene-raster-nodes = { workspace = true }
+graphene-brush = { workspace = true }
+
+# Workspace dependencies
+fastnoise-lite = { workspace = true }
+log = { workspace = true }
+glam = { workspace = true }
+node-macro = { workspace = true }
+reqwest = { workspace = true }
+futures = { workspace = true }
+rand_chacha = { workspace = true }
+rand = { workspace = true }
+bytemuck = { workspace = true }
+image = { workspace = true }
+base64 = { workspace = true }
+
+# Optional workspace dependencies
+wasm-bindgen = { workspace = true, optional = true }
+wasm-bindgen-futures = { workspace = true, optional = true }
+tokio = { workspace = true, optional = true }
+vello = { workspace = true, optional = true }
+web-sys = { workspace = true, optional = true, features = [
+	"Window",
+	"CanvasRenderingContext2d",
+	"ImageData",
+	"Document",
+	"Navigator",
+	"Gpu",
+	"HtmlCanvasElement",
+	"HtmlImageElement",
+	"ImageBitmapRenderingContext",
+] }
+
+# Required dependencies
+ndarray = "0.16.1"
+
+[dev-dependencies]
+tokio = { workspace = true }
diff --git a/node-graph/gstd/src/any.rs b/node-graph/gstd/src/any.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1a38d65b35c7b80c9bdc4f8ba494d625a4ce0a7a
--- /dev/null
+++ b/node-graph/gstd/src/any.rs
@@ -0,0 +1,48 @@
+use dyn_any::StaticType;
+pub use graph_craft::proto::{Any, NodeContainer, TypeErasedBox, TypeErasedNode};
+use graph_craft::proto::{DynFuture, FutureAny, SharedNodeContainer};
+use graphene_core::NodeIO;
+use graphene_core::WasmNotSend;
+pub use graphene_core::registry::{DowncastBothNode, DynAnyNode, FutureWrapperNode, PanicNode};
+pub use graphene_core::{Node, generic, ops};
+
+pub trait IntoTypeErasedNode<'n> {
+	fn into_type_erased(self) -> TypeErasedBox<'n>;
+}
+
+impl<'n, N: 'n> IntoTypeErasedNode<'n> for N
+where
+	N: for<'i> NodeIO<'i, Any<'i>, Output = FutureAny<'i>> + Sync + WasmNotSend,
+{
+	fn into_type_erased(self) -> TypeErasedBox<'n> {
+		Box::new(self)
+	}
+}
+
+pub struct ComposeTypeErased {
+	first: SharedNodeContainer,
+	second: SharedNodeContainer,
+}
+
+impl<'i> Node<'i, Any<'i>> for ComposeTypeErased {
+	type Output = DynFuture<'i, Any<'i>>;
+	fn eval(&'i self, input: Any<'i>) -> Self::Output {
+		Box::pin(async move {
+			let arg = self.first.eval(input).await;
+			self.second.eval(arg).await
+		})
+	}
+}
+
+impl ComposeTypeErased {
+	pub const fn new(first: SharedNodeContainer, second: SharedNodeContainer) -> Self {
+		ComposeTypeErased { first, second }
+	}
+}
+
+pub fn input_node<O: StaticType>(n: SharedNodeContainer) -> DowncastBothNode<(), O> {
+	downcast_node(n)
+}
+pub fn downcast_node<I: StaticType, O: StaticType>(n: SharedNodeContainer) -> DowncastBothNode<I, O> {
+	DowncastBothNode::new(n)
+}
diff --git a/node-graph/gstd/src/http.rs b/node-graph/gstd/src/http.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bd3e77ab3aca9d8e4b056a9906c67f03311b6d2c
--- /dev/null
+++ b/node-graph/gstd/src/http.rs
@@ -0,0 +1,11 @@
+use graphene_core::Ctx;
+
+#[node_macro::node(category("Web Request"))]
+async fn get_request(_: impl Ctx, url: String) -> reqwest::Response {
+	reqwest::get(url).await.unwrap()
+}
+
+#[node_macro::node(category("Web Request"))]
+async fn post_request(_: impl Ctx, url: String, body: String) -> reqwest::Response {
+	reqwest::Client::new().post(url).body(body).send().await.unwrap()
+}
diff --git a/node-graph/gstd/src/lib.rs b/node-graph/gstd/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d121234c3629c77d91e50d3e35e6cb21d9e1770d
--- /dev/null
+++ b/node-graph/gstd/src/lib.rs
@@ -0,0 +1,26 @@
+pub mod any;
+pub mod http;
+pub mod text;
+#[cfg(feature = "wasm")]
+pub mod wasm_application_io;
+
+pub use graphene_application_io as application_io;
+pub use graphene_brush as brush;
+pub use graphene_core::vector;
+pub use graphene_core::*;
+pub use graphene_math_nodes as math_nodes;
+pub use graphene_path_bool as path_bool;
+pub use graphene_raster_nodes as raster_nodes;
+
+/// stop gap solutions until all paths have been replaced with their absolute ones
+pub mod renderer {
+	pub use graphene_core::math::quad::Quad;
+	pub use graphene_core::math::rect::Rect;
+	pub use graphene_svg_renderer::*;
+}
+
+pub mod raster {
+	pub use graphene_core::raster::*;
+	pub use graphene_raster_nodes::adjustments::*;
+	pub use graphene_raster_nodes::*;
+}
diff --git a/node-graph/gstd/src/text.rs b/node-graph/gstd/src/text.rs
new file mode 100644
index 0000000000000000000000000000000000000000..71eea96fbab65095376fe41fa5a7ec81a495660e
--- /dev/null
+++ b/node-graph/gstd/src/text.rs
@@ -0,0 +1,45 @@
+use crate::vector::{VectorData, VectorDataTable};
+use graph_craft::wasm_application_io::WasmEditorApi;
+use graphene_core::Ctx;
+pub use graphene_core::text::*;
+
+#[node_macro::node(category(""))]
+fn text<'i: 'n>(
+	_: impl Ctx,
+	editor: &'i WasmEditorApi,
+	text: String,
+	font_name: Font,
+	#[unit(" px")]
+	#[default(24.)]
+	font_size: f64,
+	#[unit("x")]
+	#[default(1.2)]
+	line_height_ratio: f64,
+	#[unit(" px")]
+	#[default(0.)]
+	character_spacing: f64,
+	#[unit(" px")]
+	#[default(None)]
+	max_width: Option<f64>,
+	#[unit(" px")]
+	#[default(None)]
+	max_height: Option<f64>,
+	#[unit("°")]
+	#[default(0.)]
+	tilt: f64,
+) -> VectorDataTable {
+	let typesetting = TypesettingConfig {
+		font_size,
+		line_height_ratio,
+		character_spacing,
+		max_width,
+		max_height,
+		tilt,
+	};
+
+	let font_data = editor.font_cache.get(&font_name).map(|f| load_font(f));
+
+	let result = VectorData::from_subpaths(to_path(&text, font_data, typesetting), false);
+
+	VectorDataTable::new(result)
+}
diff --git a/node-graph/gstd/src/wasm_application_io.rs b/node-graph/gstd/src/wasm_application_io.rs
new file mode 100644
index 0000000000000000000000000000000000000000..82b526f18e8eefaa492397bc73912d707325d243
--- /dev/null
+++ b/node-graph/gstd/src/wasm_application_io.rs
@@ -0,0 +1,308 @@
+use graph_craft::document::value::RenderOutput;
+pub use graph_craft::document::value::RenderOutputType;
+pub use graph_craft::wasm_application_io::*;
+use graphene_application_io::{ApplicationIo, ExportFormat, RenderConfig};
+#[cfg(target_arch = "wasm32")]
+use graphene_core::instances::Instances;
+#[cfg(target_arch = "wasm32")]
+use graphene_core::math::bbox::Bbox;
+use graphene_core::raster::image::Image;
+use graphene_core::raster_types::{CPU, Raster, RasterDataTable};
+use graphene_core::transform::Footprint;
+use graphene_core::vector::VectorDataTable;
+use graphene_core::{Color, Context, Ctx, ExtractFootprint, GraphicGroupTable, OwnedContextImpl, WasmNotSend};
+use graphene_svg_renderer::RenderMetadata;
+use graphene_svg_renderer::{GraphicElementRendered, RenderParams, RenderSvgSegmentList, SvgRender, format_transform_matrix};
+
+#[cfg(target_arch = "wasm32")]
+use base64::Engine;
+#[cfg(target_arch = "wasm32")]
+use glam::DAffine2;
+use std::collections::{HashMap, HashSet};
+use std::sync::Arc;
+#[cfg(target_arch = "wasm32")]
+use wasm_bindgen::JsCast;
+#[cfg(target_arch = "wasm32")]
+use web_sys::{CanvasRenderingContext2d, HtmlCanvasElement};
+
+#[cfg(feature = "wgpu")]
+#[node_macro::node(category("Debug: GPU"))]
+async fn create_surface<'a: 'n>(_: impl Ctx, editor: &'a WasmEditorApi) -> Arc<WasmSurfaceHandle> {
+	Arc::new(editor.application_io.as_ref().unwrap().create_window())
+}
+
+// TODO: Fix and reenable in order to get the 'Draw Canvas' node working again.
+// #[cfg(target_arch = "wasm32")]
+// use wasm_bindgen::Clamped;
+//
+// #[node_macro::node(category("Debug: GPU"))]
+// #[cfg(target_arch = "wasm32")]
+// async fn draw_image_frame(
+// 	_: impl Ctx,
+// 	image: RasterDataTable<graphene_core::raster::SRGBA8>,
+// 	surface_handle: Arc<WasmSurfaceHandle>,
+// ) -> graphene_core::application_io::SurfaceHandleFrame<HtmlCanvasElement> {
+// 	let image = image.instance_ref_iter().next().unwrap().instance;
+// 	let image_data = image.image.data;
+// 	let array: Clamped<&[u8]> = Clamped(bytemuck::cast_slice(image_data.as_slice()));
+// 	if image.image.width > 0 && image.image.height > 0 {
+// 		let canvas = &surface_handle.surface;
+// 		canvas.set_width(image.image.width);
+// 		canvas.set_height(image.image.height);
+// 		// TODO: replace "2d" with "bitmaprenderer" once we switch to ImageBitmap (lives on gpu) from RasterData (lives on cpu)
+// 		let context = canvas.get_context("2d").unwrap().unwrap().dyn_into::<CanvasRenderingContext2d>().unwrap();
+// 		let image_data = web_sys::ImageData::new_with_u8_clamped_array_and_sh(array, image.image.width, image.image.height).expect("Failed to construct RasterData");
+// 		context.put_image_data(&image_data, 0., 0.).unwrap();
+// 	}
+// 	graphene_core::application_io::SurfaceHandleFrame {
+// 		surface_handle,
+// 		transform: image.transform,
+// 	}
+// }
+
+#[node_macro::node(category("Web Request"))]
+async fn load_resource<'a: 'n>(_: impl Ctx, _primary: (), #[scope("editor-api")] editor: &'a WasmEditorApi, #[name("URL")] url: String) -> Arc<[u8]> {
+	let Some(api) = editor.application_io.as_ref() else {
+		return Arc::from(include_bytes!("../../graph-craft/src/null.png").to_vec());
+	};
+	let Ok(data) = api.load_resource(url) else {
+		return Arc::from(include_bytes!("../../graph-craft/src/null.png").to_vec());
+	};
+	let Ok(data) = data.await else {
+		return Arc::from(include_bytes!("../../graph-craft/src/null.png").to_vec());
+	};
+
+	data
+}
+
+#[node_macro::node(category("Web Request"))]
+fn decode_image(_: impl Ctx, data: Arc<[u8]>) -> RasterDataTable<CPU> {
+	let Some(image) = image::load_from_memory(data.as_ref()).ok() else {
+		return RasterDataTable::default();
+	};
+	let image = image.to_rgba32f();
+	let image = Image {
+		data: image
+			.chunks(4)
+			.map(|pixel| Color::from_unassociated_alpha(pixel[0], pixel[1], pixel[2], pixel[3]).to_linear_srgb())
+			.collect(),
+		width: image.width(),
+		height: image.height(),
+		..Default::default()
+	};
+
+	RasterDataTable::new(Raster::new_cpu(image))
+}
+
+fn render_svg(data: impl GraphicElementRendered, mut render: SvgRender, render_params: RenderParams, footprint: Footprint) -> RenderOutputType {
+	if !data.contains_artboard() && !render_params.hide_artboards {
+		render.leaf_tag("rect", |attributes| {
+			attributes.push("x", "0");
+			attributes.push("y", "0");
+			attributes.push("width", footprint.resolution.x.to_string());
+			attributes.push("height", footprint.resolution.y.to_string());
+			let matrix = format_transform_matrix(footprint.transform.inverse());
+			if !matrix.is_empty() {
+				attributes.push("transform", matrix);
+			}
+			attributes.push("fill", "white");
+		});
+	}
+
+	data.render_svg(&mut render, &render_params);
+
+	render.wrap_with_transform(footprint.transform, Some(footprint.resolution.as_dvec2()));
+
+	RenderOutputType::Svg(render.svg.to_svg_string())
+}
+
+#[cfg(feature = "vello")]
+#[cfg_attr(not(target_arch = "wasm32"), allow(dead_code))]
+async fn render_canvas(
+	render_config: RenderConfig,
+	data: impl GraphicElementRendered,
+	editor: &WasmEditorApi,
+	surface_handle: wgpu_executor::WgpuSurface,
+	render_params: RenderParams,
+) -> RenderOutputType {
+	use graphene_application_io::SurfaceFrame;
+
+	let footprint = render_config.viewport;
+	let Some(exec) = editor.application_io.as_ref().unwrap().gpu_executor() else {
+		unreachable!("Attempted to render with Vello when no GPU executor is available");
+	};
+	use vello::*;
+
+	let mut scene = Scene::new();
+	let mut child = Scene::new();
+
+	let mut context = wgpu_executor::RenderContext::default();
+	data.render_to_vello(&mut child, Default::default(), &mut context, &render_params);
+
+	// TODO: Instead of applying the transform here, pass the transform during the translation to avoid the O(n) cost
+	scene.append(&child, Some(kurbo::Affine::new(footprint.transform.to_cols_array())));
+
+	let mut background = Color::from_rgb8_srgb(0x22, 0x22, 0x22);
+	if !data.contains_artboard() && !render_config.hide_artboards {
+		background = Color::WHITE;
+	}
+	exec.render_vello_scene(&scene, &surface_handle, footprint.resolution.x, footprint.resolution.y, &context, background)
+		.await
+		.expect("Failed to render Vello scene");
+
+	let frame = SurfaceFrame {
+		surface_id: surface_handle.window_id,
+		resolution: render_config.viewport.resolution,
+		transform: glam::DAffine2::IDENTITY,
+	};
+
+	RenderOutputType::CanvasFrame(frame)
+}
+
+#[cfg(target_arch = "wasm32")]
+#[node_macro::node(category(""))]
+async fn rasterize<T: WasmNotSend + 'n>(
+	_: impl Ctx,
+	#[implementations(
+		VectorDataTable,
+		RasterDataTable<CPU>,
+		GraphicGroupTable,
+	)]
+	mut data: Instances<T>,
+	footprint: Footprint,
+	surface_handle: Arc<graphene_application_io::SurfaceHandle<HtmlCanvasElement>>,
+) -> RasterDataTable<CPU>
+where
+	Instances<T>: GraphicElementRendered,
+{
+	use graphene_core::instances::Instance;
+
+	if footprint.transform.matrix2.determinant() == 0. {
+		log::trace!("Invalid footprint received for rasterization");
+		return RasterDataTable::default();
+	}
+
+	let mut render = SvgRender::new();
+	let aabb = Bbox::from_transform(footprint.transform).to_axis_aligned_bbox();
+	let size = aabb.size();
+	let resolution = footprint.resolution;
+	let render_params = RenderParams {
+		culling_bounds: None,
+		..Default::default()
+	};
+
+	for instance in data.instance_mut_iter() {
+		*instance.transform = DAffine2::from_translation(-aabb.start) * *instance.transform;
+	}
+	data.render_svg(&mut render, &render_params);
+	render.format_svg(glam::DVec2::ZERO, size);
+	let svg_string = render.svg.to_svg_string();
+
+	let canvas = &surface_handle.surface;
+	canvas.set_width(resolution.x);
+	canvas.set_height(resolution.y);
+
+	let context = canvas.get_context("2d").unwrap().unwrap().dyn_into::<CanvasRenderingContext2d>().unwrap();
+
+	let preamble = "data:image/svg+xml;base64,";
+	let mut base64_string = String::with_capacity(preamble.len() + svg_string.len() * 4);
+	base64_string.push_str(preamble);
+	base64::engine::general_purpose::STANDARD.encode_string(svg_string, &mut base64_string);
+
+	let image_data = web_sys::HtmlImageElement::new().unwrap();
+	image_data.set_src(base64_string.as_str());
+	wasm_bindgen_futures::JsFuture::from(image_data.decode()).await.unwrap();
+	context
+		.draw_image_with_html_image_element_and_dw_and_dh(&image_data, 0., 0., resolution.x as f64, resolution.y as f64)
+		.unwrap();
+
+	let rasterized = context.get_image_data(0., 0., resolution.x as f64, resolution.y as f64).unwrap();
+
+	let mut result = RasterDataTable::default();
+	let image = Image::from_image_data(&rasterized.data().0, resolution.x as u32, resolution.y as u32);
+	result.push(Instance {
+		instance: Raster::new_cpu(image),
+		transform: footprint.transform,
+		..Default::default()
+	});
+
+	result
+}
+
+#[node_macro::node(category(""))]
+async fn render<'a: 'n, T: 'n + GraphicElementRendered + WasmNotSend>(
+	render_config: RenderConfig,
+	editor_api: impl Node<Context<'static>, Output = &'a WasmEditorApi>,
+	#[implementations(
+		Context -> VectorDataTable,
+		Context -> RasterDataTable<CPU>,
+		Context -> GraphicGroupTable,
+		Context -> graphene_core::Artboard,
+		Context -> graphene_core::ArtboardGroupTable,
+		Context -> Option<Color>,
+		Context -> Vec<Color>,
+		Context -> bool,
+		Context -> f32,
+		Context -> f64,
+		Context -> String,
+	)]
+	data: impl Node<Context<'static>, Output = T>,
+	_surface_handle: impl Node<Context<'static>, Output = Option<wgpu_executor::WgpuSurface>>,
+) -> RenderOutput {
+	let footprint = render_config.viewport;
+	let ctx = OwnedContextImpl::default()
+		.with_footprint(footprint)
+		.with_real_time(render_config.time.time)
+		.with_animation_time(render_config.time.animation_time.as_secs_f64())
+		.into_context();
+	ctx.footprint();
+
+	let RenderConfig { hide_artboards, for_export, .. } = render_config;
+	let render_params = RenderParams {
+		view_mode: render_config.view_mode,
+		culling_bounds: None,
+		thumbnail: false,
+		hide_artboards,
+		for_export,
+		for_mask: false,
+		alignment_parent_transform: None,
+	};
+
+	let data = data.eval(ctx.clone()).await;
+	let editor_api = editor_api.eval(None).await;
+
+	#[cfg(all(feature = "vello", not(test)))]
+	let surface_handle = _surface_handle.eval(None).await;
+
+	let use_vello = editor_api.editor_preferences.use_vello();
+	#[cfg(all(feature = "vello", not(test)))]
+	let use_vello = use_vello && surface_handle.is_some();
+
+	let mut metadata = RenderMetadata {
+		upstream_footprints: HashMap::new(),
+		local_transforms: HashMap::new(),
+		click_targets: HashMap::new(),
+		clip_targets: HashSet::new(),
+	};
+	data.collect_metadata(&mut metadata, footprint, None);
+
+	let output_format = render_config.export_format;
+	let data = match output_format {
+		ExportFormat::Svg => render_svg(data, SvgRender::new(), render_params, footprint),
+		ExportFormat::Canvas => {
+			if use_vello && editor_api.application_io.as_ref().unwrap().gpu_executor().is_some() {
+				#[cfg(all(feature = "vello", not(test)))]
+				return RenderOutput {
+					data: render_canvas(render_config, data, editor_api, surface_handle.unwrap(), render_params).await,
+					metadata,
+				};
+				#[cfg(any(not(feature = "vello"), test))]
+				render_svg(data, SvgRender::new(), render_params, footprint)
+			} else {
+				render_svg(data, SvgRender::new(), render_params, footprint)
+			}
+		}
+		_ => todo!("Non-SVG render output for {output_format:?}"),
+	};
+	RenderOutput { data, metadata }
+}
diff --git a/node-graph/gstd/test-image-1-result.png b/node-graph/gstd/test-image-1-result.png
new file mode 100644
index 0000000000000000000000000000000000000000..0089fa3011d84dd83d3678ceeb4bf96d42ff745f
Binary files /dev/null and b/node-graph/gstd/test-image-1-result.png differ
diff --git a/node-graph/gstd/test-image-1.png b/node-graph/gstd/test-image-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..81383123d9d0ed4045d342b755bb85f1f40158df
Binary files /dev/null and b/node-graph/gstd/test-image-1.png differ
diff --git a/node-graph/gsvg-renderer/Cargo.toml b/node-graph/gsvg-renderer/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..86b3b14aa201170e2c5fc98cf5e3dc743728d455
--- /dev/null
+++ b/node-graph/gsvg-renderer/Cargo.toml
@@ -0,0 +1,27 @@
+[package]
+name = "graphene-svg-renderer"
+version = "0.1.0"
+edition = "2024"
+description = "graphene svg renderer"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+license = "MIT OR Apache-2.0"
+
+[features]
+vello = ["dep:vello", "bezier-rs/kurbo"]
+
+[dependencies]
+# Local dependencies
+dyn-any = { workspace = true }
+graphene-core = { workspace = true }
+bezier-rs = { workspace = true }
+
+# Workspace dependencies
+glam = { workspace = true }
+serde = { workspace = true }
+base64 = { workspace = true }
+log = { workspace = true }
+num-traits = { workspace = true }
+usvg = { workspace = true }
+
+# Optional workspace dependencies
+vello = { workspace = true, optional = true }
diff --git a/node-graph/gsvg-renderer/src/convert_usvg_path.rs b/node-graph/gsvg-renderer/src/convert_usvg_path.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7ba7688ae0e0329bdb923ede5bcd7e8b806c4aaf
--- /dev/null
+++ b/node-graph/gsvg-renderer/src/convert_usvg_path.rs
@@ -0,0 +1,47 @@
+use bezier_rs::{ManipulatorGroup, Subpath};
+use glam::DVec2;
+use graphene_core::vector::PointId;
+
+pub fn convert_usvg_path(path: &usvg::Path) -> Vec<Subpath<PointId>> {
+	let mut subpaths = Vec::new();
+	let mut groups = Vec::new();
+
+	let mut points = path.data().points().iter();
+	let to_vec = |p: &usvg::tiny_skia_path::Point| DVec2::new(p.x as f64, p.y as f64);
+
+	for verb in path.data().verbs() {
+		match verb {
+			usvg::tiny_skia_path::PathVerb::Move => {
+				subpaths.push(Subpath::new(std::mem::take(&mut groups), false));
+				let Some(start) = points.next().map(to_vec) else { continue };
+				groups.push(ManipulatorGroup::new(start, Some(start), Some(start)));
+			}
+			usvg::tiny_skia_path::PathVerb::Line => {
+				let Some(end) = points.next().map(to_vec) else { continue };
+				groups.push(ManipulatorGroup::new(end, Some(end), Some(end)));
+			}
+			usvg::tiny_skia_path::PathVerb::Quad => {
+				let Some(handle) = points.next().map(to_vec) else { continue };
+				let Some(end) = points.next().map(to_vec) else { continue };
+				if let Some(last) = groups.last_mut() {
+					last.out_handle = Some(last.anchor + (2. / 3.) * (handle - last.anchor));
+				}
+				groups.push(ManipulatorGroup::new(end, Some(end + (2. / 3.) * (handle - end)), Some(end)));
+			}
+			usvg::tiny_skia_path::PathVerb::Cubic => {
+				let Some(first_handle) = points.next().map(to_vec) else { continue };
+				let Some(second_handle) = points.next().map(to_vec) else { continue };
+				let Some(end) = points.next().map(to_vec) else { continue };
+				if let Some(last) = groups.last_mut() {
+					last.out_handle = Some(first_handle);
+				}
+				groups.push(ManipulatorGroup::new(end, Some(second_handle), Some(end)));
+			}
+			usvg::tiny_skia_path::PathVerb::Close => {
+				subpaths.push(Subpath::new(std::mem::take(&mut groups), true));
+			}
+		}
+	}
+	subpaths.push(Subpath::new(groups, false));
+	subpaths
+}
diff --git a/node-graph/gsvg-renderer/src/lib.rs b/node-graph/gsvg-renderer/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..418f4e9c0c09d6a7fa1062feb9c0fa86ad86a4a6
--- /dev/null
+++ b/node-graph/gsvg-renderer/src/lib.rs
@@ -0,0 +1,6 @@
+pub mod convert_usvg_path;
+pub mod render_ext;
+mod renderer;
+pub mod to_peniko;
+
+pub use renderer::*;
diff --git a/node-graph/gsvg-renderer/src/render_ext.rs b/node-graph/gsvg-renderer/src/render_ext.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d0d7c16cc8b44422ca5590b787388b16b8ac201b
--- /dev/null
+++ b/node-graph/gsvg-renderer/src/render_ext.rs
@@ -0,0 +1,278 @@
+use crate::renderer::{RenderParams, format_transform_matrix};
+use glam::{DAffine2, DVec2};
+use graphene_core::consts::{LAYER_OUTLINE_STROKE_COLOR, LAYER_OUTLINE_STROKE_WEIGHT};
+use graphene_core::gradient::{Gradient, GradientType};
+use graphene_core::uuid::generate_uuid;
+use graphene_core::vector::style::{Fill, PaintOrder, PathStyle, Stroke, StrokeAlign, StrokeCap, StrokeJoin, ViewMode};
+use std::fmt::Write;
+
+pub trait RenderExt {
+	type Output;
+	fn render(
+		&self,
+		svg_defs: &mut String,
+		element_transform: DAffine2,
+		stroke_transform: DAffine2,
+		bounds: [DVec2; 2],
+		transformed_bounds: [DVec2; 2],
+		aligned_strokes: bool,
+		override_paint_order: bool,
+		render_params: &RenderParams,
+	) -> Self::Output;
+}
+
+impl RenderExt for Gradient {
+	type Output = u64;
+
+	// /// Adds the gradient def through mutating the first argument, returning the gradient ID.
+	fn render(
+		&self,
+		svg_defs: &mut String,
+		element_transform: DAffine2,
+		stroke_transform: DAffine2,
+		bounds: [DVec2; 2],
+		transformed_bounds: [DVec2; 2],
+		_aligned_strokes: bool,
+		_override_paint_order: bool,
+		_render_params: &RenderParams,
+	) -> Self::Output {
+		// TODO: Figure out how to use `self.transform` as part of the gradient transform, since that field (`Gradient::transform`) is currently never read from, it's only written to.
+
+		let bound_transform = DAffine2::from_scale_angle_translation(bounds[1] - bounds[0], 0., bounds[0]);
+		let transformed_bound_transform = element_transform * DAffine2::from_scale_angle_translation(transformed_bounds[1] - transformed_bounds[0], 0., transformed_bounds[0]);
+
+		let mut stop = String::new();
+		for (position, color) in self.stops.0.iter() {
+			stop.push_str("<stop");
+			if *position != 0. {
+				let _ = write!(stop, r#" offset="{}""#, (position * 1_000_000.).round() / 1_000_000.);
+			}
+			let _ = write!(stop, r##" stop-color="#{}""##, color.to_rgb_hex_srgb_from_gamma());
+			if color.a() < 1. {
+				let _ = write!(stop, r#" stop-opacity="{}""#, (color.a() * 1000.).round() / 1000.);
+			}
+			stop.push_str(" />")
+		}
+
+		let mod_gradient = if transformed_bound_transform.matrix2.determinant() != 0. {
+			transformed_bound_transform.inverse()
+		} else {
+			DAffine2::IDENTITY // Ignore if the transform cannot be inverted (the bounds are zero). See issue #1944.
+		};
+		let mod_points = element_transform * stroke_transform * bound_transform;
+
+		let start = mod_points.transform_point2(self.start);
+		let end = mod_points.transform_point2(self.end);
+
+		let gradient_id = generate_uuid();
+
+		let matrix = format_transform_matrix(mod_gradient);
+		let gradient_transform = if matrix.is_empty() { String::new() } else { format!(r#" gradientTransform="{}""#, matrix) };
+
+		match self.gradient_type {
+			GradientType::Linear => {
+				let _ = write!(
+					svg_defs,
+					r#"<linearGradient id="{}" x1="{}" x2="{}" y1="{}" y2="{}"{gradient_transform}>{}</linearGradient>"#,
+					gradient_id, start.x, end.x, start.y, end.y, stop
+				);
+			}
+			GradientType::Radial => {
+				let radius = (f64::powi(start.x - end.x, 2) + f64::powi(start.y - end.y, 2)).sqrt();
+				let _ = write!(
+					svg_defs,
+					r#"<radialGradient id="{}" cx="{}" cy="{}" r="{}"{gradient_transform}>{}</radialGradient>"#,
+					gradient_id, start.x, start.y, radius, stop
+				);
+			}
+		}
+
+		gradient_id
+	}
+}
+
+impl RenderExt for Fill {
+	type Output = String;
+
+	/// Renders the fill, adding necessary defs through mutating the first argument.
+	fn render(
+		&self,
+		svg_defs: &mut String,
+		element_transform: DAffine2,
+		stroke_transform: DAffine2,
+		bounds: [DVec2; 2],
+		transformed_bounds: [DVec2; 2],
+		aligned_strokes: bool,
+		override_paint_order: bool,
+		render_params: &RenderParams,
+	) -> Self::Output {
+		match self {
+			Self::None => r#" fill="none""#.to_string(),
+			Self::Solid(color) => {
+				let mut result = format!(r##" fill="#{}""##, color.to_rgb_hex_srgb_from_gamma());
+				if color.a() < 1. {
+					let _ = write!(result, r#" fill-opacity="{}""#, (color.a() * 1000.).round() / 1000.);
+				}
+				result
+			}
+			Self::Gradient(gradient) => {
+				let gradient_id = gradient.render(
+					svg_defs,
+					element_transform,
+					stroke_transform,
+					bounds,
+					transformed_bounds,
+					aligned_strokes,
+					override_paint_order,
+					render_params,
+				);
+				format!(r##" fill="url('#{gradient_id}')""##)
+			}
+		}
+	}
+}
+
+impl RenderExt for Stroke {
+	type Output = String;
+
+	/// Provide the SVG attributes for the stroke.
+	fn render(
+		&self,
+		_svg_defs: &mut String,
+		_element_transform: DAffine2,
+		_stroke_transform: DAffine2,
+		_bounds: [DVec2; 2],
+		_transformed_bounds: [DVec2; 2],
+		aligned_strokes: bool,
+		override_paint_order: bool,
+		_render_params: &RenderParams,
+	) -> Self::Output {
+		// Don't render a stroke at all if it would be invisible
+		let Some(color) = self.color else { return String::new() };
+		if !self.has_renderable_stroke() {
+			return String::new();
+		}
+
+		// Set to None if the value is the SVG default
+		let weight = (self.weight != 1.).then_some(self.weight);
+		let dash_array = (!self.dash_lengths.is_empty()).then_some(self.dash_lengths());
+		let dash_offset = (self.dash_offset != 0.).then_some(self.dash_offset);
+		let stroke_cap = (self.cap != StrokeCap::Butt).then_some(self.cap);
+		let stroke_join = (self.join != StrokeJoin::Miter).then_some(self.join);
+		let stroke_join_miter_limit = (self.join_miter_limit != 4.).then_some(self.join_miter_limit);
+		let stroke_align = (self.align != StrokeAlign::Center).then_some(self.align);
+		let paint_order = (self.paint_order != PaintOrder::StrokeAbove || override_paint_order).then_some(PaintOrder::StrokeBelow);
+
+		// Render the needed stroke attributes
+		let mut attributes = format!(r##" stroke="#{}""##, color.to_rgb_hex_srgb_from_gamma());
+		if color.a() < 1. {
+			let _ = write!(&mut attributes, r#" stroke-opacity="{}""#, (color.a() * 1000.).round() / 1000.);
+		}
+		if let Some(mut weight) = weight {
+			if stroke_align.is_some() && aligned_strokes {
+				weight *= 2.;
+			}
+			let _ = write!(&mut attributes, r#" stroke-width="{}""#, weight);
+		}
+		if let Some(dash_array) = dash_array {
+			let _ = write!(&mut attributes, r#" stroke-dasharray="{}""#, dash_array);
+		}
+		if let Some(dash_offset) = dash_offset {
+			let _ = write!(&mut attributes, r#" stroke-dashoffset="{}""#, dash_offset);
+		}
+		if let Some(stroke_cap) = stroke_cap {
+			let _ = write!(&mut attributes, r#" stroke-linecap="{}""#, stroke_cap.svg_name());
+		}
+		if let Some(stroke_join) = stroke_join {
+			let _ = write!(&mut attributes, r#" stroke-linejoin="{}""#, stroke_join.svg_name());
+		}
+		if let Some(stroke_join_miter_limit) = stroke_join_miter_limit {
+			let _ = write!(&mut attributes, r#" stroke-miterlimit="{}""#, stroke_join_miter_limit);
+		}
+		// Add vector-effect attribute to make strokes non-scaling
+		if self.non_scaling {
+			let _ = write!(&mut attributes, r#" vector-effect="non-scaling-stroke""#);
+		}
+		if paint_order.is_some() {
+			let _ = write!(&mut attributes, r#" style="paint-order: stroke;" "#);
+		}
+		attributes
+	}
+}
+
+impl RenderExt for PathStyle {
+	type Output = String;
+
+	/// Renders the shape's fill and stroke attributes as a string with them concatenated together.
+	#[allow(clippy::too_many_arguments)]
+	fn render(
+		&self,
+		svg_defs: &mut String,
+		element_transform: DAffine2,
+		stroke_transform: DAffine2,
+		bounds: [DVec2; 2],
+		transformed_bounds: [DVec2; 2],
+		aligned_strokes: bool,
+		override_paint_order: bool,
+		render_params: &RenderParams,
+	) -> String {
+		let view_mode = render_params.view_mode;
+		match view_mode {
+			ViewMode::Outline => {
+				let fill_attribute = Fill::None.render(
+					svg_defs,
+					element_transform,
+					stroke_transform,
+					bounds,
+					transformed_bounds,
+					aligned_strokes,
+					override_paint_order,
+					render_params,
+				);
+				let mut outline_stroke = Stroke::new(Some(LAYER_OUTLINE_STROKE_COLOR), LAYER_OUTLINE_STROKE_WEIGHT);
+				// Outline strokes should be non-scaling by default
+				outline_stroke.non_scaling = true;
+				let stroke_attribute = outline_stroke.render(
+					svg_defs,
+					element_transform,
+					stroke_transform,
+					bounds,
+					transformed_bounds,
+					aligned_strokes,
+					override_paint_order,
+					render_params,
+				);
+				format!("{fill_attribute}{stroke_attribute}")
+			}
+			_ => {
+				let fill_attribute = self.fill.render(
+					svg_defs,
+					element_transform,
+					stroke_transform,
+					bounds,
+					transformed_bounds,
+					aligned_strokes,
+					override_paint_order,
+					render_params,
+				);
+				let stroke_attribute = self
+					.stroke
+					.as_ref()
+					.map(|stroke| {
+						stroke.render(
+							svg_defs,
+							element_transform,
+							stroke_transform,
+							bounds,
+							transformed_bounds,
+							aligned_strokes,
+							override_paint_order,
+							render_params,
+						)
+					})
+					.unwrap_or_default();
+				format!("{fill_attribute}{stroke_attribute}")
+			}
+		}
+	}
+}
diff --git a/node-graph/gsvg-renderer/src/renderer.rs b/node-graph/gsvg-renderer/src/renderer.rs
new file mode 100644
index 0000000000000000000000000000000000000000..95e9890a8647fb399de00df5d214e2264fb5208a
--- /dev/null
+++ b/node-graph/gsvg-renderer/src/renderer.rs
@@ -0,0 +1,1269 @@
+use crate::render_ext::RenderExt;
+use crate::to_peniko::BlendModeExt;
+use bezier_rs::Subpath;
+use dyn_any::DynAny;
+use glam::{DAffine2, DVec2};
+use graphene_core::blending::BlendMode;
+use graphene_core::bounds::BoundingBox;
+use graphene_core::color::Color;
+use graphene_core::instances::Instance;
+use graphene_core::math::quad::Quad;
+use graphene_core::raster::Image;
+use graphene_core::raster_types::{CPU, GPU, RasterDataTable};
+use graphene_core::transform::{Footprint, Transform};
+use graphene_core::uuid::{NodeId, generate_uuid};
+use graphene_core::vector::VectorDataTable;
+use graphene_core::vector::click_target::{ClickTarget, FreePoint};
+use graphene_core::vector::style::{Fill, Stroke, StrokeAlign, ViewMode};
+use graphene_core::{AlphaBlending, Artboard, ArtboardGroupTable, GraphicElement, GraphicGroupTable};
+use num_traits::Zero;
+use std::collections::{HashMap, HashSet};
+use std::fmt::Write;
+#[cfg(feature = "vello")]
+use vello::*;
+
+#[derive(Clone, Copy, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
+enum MaskType {
+	Clip,
+	Mask,
+}
+
+impl MaskType {
+	fn to_attribute(self) -> String {
+		match self {
+			Self::Mask => "mask".to_string(),
+			Self::Clip => "clip-path".to_string(),
+		}
+	}
+
+	fn write_to_defs(self, svg_defs: &mut String, uuid: u64, svg_string: String) {
+		let id = format!("mask-{}", uuid);
+		match self {
+			Self::Clip => write!(svg_defs, r##"<clipPath id="{id}">{}</clipPath>"##, svg_string).unwrap(),
+			Self::Mask => write!(svg_defs, r##"<mask id="{id}" mask-type="alpha">{}</mask>"##, svg_string).unwrap(),
+		}
+	}
+}
+
+/// Mutable state used whilst rendering to an SVG
+pub struct SvgRender {
+	pub svg: Vec<SvgSegment>,
+	pub svg_defs: String,
+	pub transform: DAffine2,
+	pub image_data: Vec<(u64, Image<Color>)>,
+	indent: usize,
+}
+
+impl SvgRender {
+	pub fn new() -> Self {
+		Self {
+			svg: Vec::default(),
+			svg_defs: String::new(),
+			transform: DAffine2::IDENTITY,
+			image_data: Vec::new(),
+			indent: 0,
+		}
+	}
+
+	pub fn indent(&mut self) {
+		self.svg.push("\n".into());
+		self.svg.push("\t".repeat(self.indent).into());
+	}
+
+	/// Add an outer `<svg>...</svg>` tag with a `viewBox` and the `<defs />`
+	pub fn format_svg(&mut self, bounds_min: DVec2, bounds_max: DVec2) {
+		let (x, y) = bounds_min.into();
+		let (size_x, size_y) = (bounds_max - bounds_min).into();
+		let defs = &self.svg_defs;
+		let svg_header = format!(r#"<svg xmlns="http://www.w3.org/2000/svg" viewBox="{x} {y} {size_x} {size_y}"><defs>{defs}</defs>"#,);
+		self.svg.insert(0, svg_header.into());
+		self.svg.push("</svg>".into());
+	}
+
+	/// Wraps the SVG with `<svg><g transform="...">...</g></svg>`, which allows for rotation
+	pub fn wrap_with_transform(&mut self, transform: DAffine2, size: Option<DVec2>) {
+		let defs = &self.svg_defs;
+		let view_box = size
+			.map(|size| format!("viewBox=\"0 0 {} {}\" width=\"{}\" height=\"{}\"", size.x, size.y, size.x, size.y))
+			.unwrap_or_default();
+
+		let matrix = format_transform_matrix(transform);
+		let transform = if matrix.is_empty() { String::new() } else { format!(r#" transform="{}""#, matrix) };
+
+		let svg_header = format!(r#"<svg xmlns="http://www.w3.org/2000/svg" {}><defs>{defs}</defs><g{transform}>"#, view_box);
+		self.svg.insert(0, svg_header.into());
+		self.svg.push("</g></svg>".into());
+	}
+
+	pub fn leaf_tag(&mut self, name: impl Into<SvgSegment>, attributes: impl FnOnce(&mut SvgRenderAttrs)) {
+		self.indent();
+
+		self.svg.push("<".into());
+		self.svg.push(name.into());
+
+		attributes(&mut SvgRenderAttrs(self));
+
+		self.svg.push("/>".into());
+	}
+
+	pub fn leaf_node(&mut self, content: impl Into<SvgSegment>) {
+		self.indent();
+		self.svg.push(content.into());
+	}
+
+	pub fn parent_tag(&mut self, name: impl Into<SvgSegment>, attributes: impl FnOnce(&mut SvgRenderAttrs), inner: impl FnOnce(&mut Self)) {
+		let name = name.into();
+		self.indent();
+		self.svg.push("<".into());
+		self.svg.push(name.clone());
+		// Wraps `self` in a newtype (1-tuple) which is then mutated by the `attributes` closure
+		attributes(&mut SvgRenderAttrs(self));
+		self.svg.push(">".into());
+		let length = self.svg.len();
+		self.indent += 1;
+		inner(self);
+		self.indent -= 1;
+		if self.svg.len() != length {
+			self.indent();
+			self.svg.push("</".into());
+			self.svg.push(name);
+			self.svg.push(">".into());
+		} else {
+			self.svg.pop();
+			self.svg.push("/>".into());
+		}
+	}
+}
+
+impl Default for SvgRender {
+	fn default() -> Self {
+		Self::new()
+	}
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct RenderContext {
+	#[cfg(feature = "vello")]
+	pub resource_overrides: HashMap<u64, std::sync::Arc<wgpu::Texture>>,
+}
+
+/// Static state used whilst rendering
+#[derive(Default)]
+pub struct RenderParams {
+	pub view_mode: ViewMode,
+	pub culling_bounds: Option<[DVec2; 2]>,
+	pub thumbnail: bool,
+	/// Don't render the rectangle for an artboard to allow exporting with a transparent background.
+	pub hide_artboards: bool,
+	/// Are we exporting? Causes the text above an artboard to be hidden.
+	pub for_export: bool,
+	/// Are we generating a mask in this render pass? Used to see if fill should be multiplied with alpha.
+	pub for_mask: bool,
+	/// Are we generating a mask for alignment? Used to prevent unnecesary transforms in masks
+	pub alignment_parent_transform: Option<DAffine2>,
+}
+
+impl RenderParams {
+	pub fn for_clipper(&self) -> Self {
+		Self { for_mask: true, ..*self }
+	}
+
+	pub fn for_alignment(&self, transform: DAffine2) -> Self {
+		let alignment_parent_transform = Some(transform);
+		Self { alignment_parent_transform, ..*self }
+	}
+}
+
+pub fn format_transform_matrix(transform: DAffine2) -> String {
+	if transform == DAffine2::IDENTITY {
+		return String::new();
+	}
+
+	transform.to_cols_array().iter().enumerate().fold("matrix(".to_string(), |val, (i, num)| {
+		let num = if num.abs() < 1_000_000_000. { (num * 1_000_000_000.).round() / 1_000_000_000. } else { *num };
+		let num = if num.is_zero() { "0".to_string() } else { num.to_string() };
+		let comma = if i == 5 { "" } else { "," };
+		val + &(num + comma)
+	}) + ")"
+}
+
+pub fn to_transform(transform: DAffine2) -> usvg::Transform {
+	let cols = transform.to_cols_array();
+	usvg::Transform::from_row(cols[0] as f32, cols[1] as f32, cols[2] as f32, cols[3] as f32, cols[4] as f32, cols[5] as f32)
+}
+
+// TODO: Click targets can be removed from the render output, since the vector data is available in the vector modify data from Monitor nodes.
+// This will require that the transform for child layers into that layer space be calculated, or it could be returned from the RenderOutput instead of click targets.
+#[derive(Debug, Default, Clone, PartialEq, DynAny, serde::Serialize, serde::Deserialize)]
+pub struct RenderMetadata {
+	pub upstream_footprints: HashMap<NodeId, Footprint>,
+	pub local_transforms: HashMap<NodeId, DAffine2>,
+	pub click_targets: HashMap<NodeId, Vec<ClickTarget>>,
+	pub clip_targets: HashSet<NodeId>,
+}
+
+// TODO: Rename to "Graphical"
+pub trait GraphicElementRendered: BoundingBox {
+	fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams);
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, _render_params: &RenderParams);
+
+	/// The upstream click targets for each layer are collected during the render so that they do not have to be calculated for each click detection.
+	fn add_upstream_click_targets(&self, _click_targets: &mut Vec<ClickTarget>) {}
+
+	// TODO: Store all click targets in a vec which contains the AABB, click target, and path
+	// fn add_click_targets(&self, click_targets: &mut Vec<([DVec2; 2], ClickTarget, Vec<NodeId>)>, current_path: Option<NodeId>) {}
+
+	/// Recursively iterate over data in the render (including groups upstream from vector data in the case of a boolean operation) to collect the footprints, click targets, and vector modify.
+	fn collect_metadata(&self, _metadata: &mut RenderMetadata, _footprint: Footprint, _element_id: Option<NodeId>) {}
+
+	fn contains_artboard(&self) -> bool {
+		false
+	}
+
+	fn new_ids_from_hash(&mut self, _reference: Option<NodeId>) {}
+}
+
+impl GraphicElementRendered for GraphicGroupTable {
+	fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) {
+		let mut iter = self.instance_ref_iter().peekable();
+		let mut mask_state = None;
+
+		while let Some(instance) = iter.next() {
+			render.parent_tag(
+				"g",
+				|attributes| {
+					let matrix = format_transform_matrix(*instance.transform);
+					if !matrix.is_empty() {
+						attributes.push("transform", matrix);
+					}
+
+					let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill };
+					let opacity = instance.alpha_blending.opacity * factor;
+					if opacity < 1. {
+						attributes.push("opacity", opacity.to_string());
+					}
+
+					if instance.alpha_blending.blend_mode != BlendMode::default() {
+						attributes.push("style", instance.alpha_blending.blend_mode.render());
+					}
+
+					let next_clips = iter.peek().is_some_and(|next_instance| next_instance.instance.had_clip_enabled());
+
+					if next_clips && mask_state.is_none() {
+						let uuid = generate_uuid();
+						let mask_type = if instance.instance.can_reduce_to_clip_path() { MaskType::Clip } else { MaskType::Mask };
+						mask_state = Some((uuid, mask_type));
+						let mut svg = SvgRender::new();
+						instance.instance.render_svg(&mut svg, &render_params.for_clipper());
+
+						write!(&mut attributes.0.svg_defs, r##"{}"##, svg.svg_defs).unwrap();
+						mask_type.write_to_defs(&mut attributes.0.svg_defs, uuid, svg.svg.to_svg_string());
+					} else if let Some((uuid, mask_type)) = mask_state {
+						if !next_clips {
+							mask_state = None;
+						}
+
+						let id = format!("mask-{}", uuid);
+						let selector = format!("url(#{id})");
+
+						attributes.push(mask_type.to_attribute(), selector);
+					}
+				},
+				|render| {
+					instance.instance.render_svg(render, render_params);
+				},
+			);
+		}
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, render_params: &RenderParams) {
+		let mut iter = self.instance_ref_iter().peekable();
+		let mut mask_instance_state = None;
+
+		while let Some(instance) = iter.next() {
+			let transform = transform * *instance.transform;
+			let alpha_blending = *instance.alpha_blending;
+
+			let mut layer = false;
+
+			let blend_mode = match render_params.view_mode {
+				ViewMode::Outline => peniko::Mix::Normal,
+				_ => alpha_blending.blend_mode.to_peniko(),
+			};
+			let mut bounds = None;
+
+			let factor = if render_params.for_mask { 1. } else { alpha_blending.fill };
+			let opacity = alpha_blending.opacity * factor;
+			if opacity < 1. || (render_params.view_mode != ViewMode::Outline && alpha_blending.blend_mode != BlendMode::default()) {
+				bounds = self
+					.instance_ref_iter()
+					.filter_map(|element| element.instance.bounding_box(transform, true))
+					.reduce(Quad::combine_bounds);
+
+				if let Some(bounds) = bounds {
+					scene.push_layer(
+						peniko::BlendMode::new(blend_mode, peniko::Compose::SrcOver),
+						opacity,
+						kurbo::Affine::IDENTITY,
+						&kurbo::Rect::new(bounds[0].x, bounds[0].y, bounds[1].x, bounds[1].y),
+					);
+					layer = true;
+				}
+			}
+
+			let next_clips = iter.peek().is_some_and(|next_instance| next_instance.instance.had_clip_enabled());
+			if next_clips && mask_instance_state.is_none() {
+				mask_instance_state = Some((instance.instance, transform));
+
+				instance.instance.render_to_vello(scene, transform, context, render_params);
+			} else if let Some((instance_mask, transform_mask)) = mask_instance_state {
+				if !next_clips {
+					mask_instance_state = None;
+				}
+				if !layer {
+					bounds = self
+						.instance_ref_iter()
+						.filter_map(|element| element.instance.bounding_box(transform, true))
+						.reduce(Quad::combine_bounds);
+				}
+
+				if let Some(bounds) = bounds {
+					let rect = kurbo::Rect::new(bounds[0].x, bounds[0].y, bounds[1].x, bounds[1].y);
+
+					scene.push_layer(peniko::Mix::Normal, 1., kurbo::Affine::IDENTITY, &rect);
+					instance_mask.render_to_vello(scene, transform_mask, context, &render_params.for_clipper());
+					scene.push_layer(peniko::BlendMode::new(peniko::Mix::Clip, peniko::Compose::SrcIn), 1., kurbo::Affine::IDENTITY, &rect);
+				}
+
+				instance.instance.render_to_vello(scene, transform, context, render_params);
+
+				if bounds.is_some() {
+					scene.pop_layer();
+					scene.pop_layer();
+				}
+			} else {
+				instance.instance.render_to_vello(scene, transform, context, render_params);
+			}
+
+			if layer {
+				scene.pop_layer();
+			}
+		}
+	}
+
+	fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, element_id: Option<NodeId>) {
+		for instance in self.instance_ref_iter() {
+			if let Some(element_id) = instance.source_node_id {
+				let mut footprint = footprint;
+				footprint.transform *= *instance.transform;
+
+				instance.instance.collect_metadata(metadata, footprint, Some(*element_id));
+			}
+		}
+
+		if let Some(graphic_group_id) = element_id {
+			let mut all_upstream_click_targets = Vec::new();
+
+			for instance in self.instance_ref_iter() {
+				let mut new_click_targets = Vec::new();
+				instance.instance.add_upstream_click_targets(&mut new_click_targets);
+
+				for click_target in new_click_targets.iter_mut() {
+					click_target.apply_transform(*instance.transform)
+				}
+
+				all_upstream_click_targets.extend(new_click_targets);
+			}
+
+			metadata.click_targets.insert(graphic_group_id, all_upstream_click_targets);
+		}
+	}
+
+	fn add_upstream_click_targets(&self, click_targets: &mut Vec<ClickTarget>) {
+		for instance in self.instance_ref_iter() {
+			let mut new_click_targets = Vec::new();
+
+			instance.instance.add_upstream_click_targets(&mut new_click_targets);
+
+			for click_target in new_click_targets.iter_mut() {
+				click_target.apply_transform(*instance.transform)
+			}
+
+			click_targets.extend(new_click_targets);
+		}
+	}
+
+	fn contains_artboard(&self) -> bool {
+		self.instance_ref_iter().any(|instance| instance.instance.contains_artboard())
+	}
+
+	fn new_ids_from_hash(&mut self, _reference: Option<NodeId>) {
+		for instance in self.instance_mut_iter() {
+			instance.instance.new_ids_from_hash(*instance.source_node_id);
+		}
+	}
+}
+
+impl GraphicElementRendered for VectorDataTable {
+	fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) {
+		for instance in self.instance_ref_iter() {
+			let multiplied_transform = *instance.transform;
+			let vector_data = &instance.instance;
+			// Only consider strokes with non-zero weight, since default strokes with zero weight would prevent assigning the correct stroke transform
+			let has_real_stroke = vector_data.style.stroke().filter(|stroke| stroke.weight() > 0.);
+			let set_stroke_transform = has_real_stroke.map(|stroke| stroke.transform).filter(|transform| transform.matrix2.determinant() != 0.);
+			let applied_stroke_transform = set_stroke_transform.unwrap_or(*instance.transform);
+			let applied_stroke_transform = render_params.alignment_parent_transform.unwrap_or(applied_stroke_transform);
+			let element_transform = set_stroke_transform.map(|stroke_transform| multiplied_transform * stroke_transform.inverse());
+			let element_transform = element_transform.unwrap_or(DAffine2::IDENTITY);
+			let layer_bounds = vector_data.bounding_box().unwrap_or_default();
+			let transformed_bounds = vector_data.bounding_box_with_transform(applied_stroke_transform).unwrap_or_default();
+
+			let mut path = String::new();
+
+			for subpath in instance.instance.stroke_bezier_paths() {
+				let _ = subpath.subpath_to_svg(&mut path, applied_stroke_transform);
+			}
+
+			let connected = vector_data.stroke_bezier_paths().all(|path| path.closed());
+			let can_draw_aligned_stroke = vector_data.style.stroke().is_some_and(|stroke| stroke.has_renderable_stroke() && stroke.align.is_not_centered()) && connected;
+			let mut push_id = None;
+
+			if can_draw_aligned_stroke {
+				let mask_type = if vector_data.style.stroke().unwrap().align == StrokeAlign::Inside {
+					MaskType::Clip
+				} else {
+					MaskType::Mask
+				};
+
+				let can_use_order = !instance.instance.style.fill().is_none() && mask_type == MaskType::Mask;
+				if !can_use_order {
+					let id = format!("alignment-{}", generate_uuid());
+					let mut vector_row = VectorDataTable::default();
+					let mut fill_instance = instance.instance.clone();
+
+					fill_instance.style.clear_stroke();
+					fill_instance.style.set_fill(Fill::solid(Color::BLACK));
+
+					vector_row.push(Instance {
+						instance: fill_instance,
+						alpha_blending: *instance.alpha_blending,
+						transform: *instance.transform,
+						source_node_id: None,
+					});
+					push_id = Some((id, mask_type, vector_row));
+				}
+			}
+
+			render.leaf_tag("path", |attributes| {
+				attributes.push("d", path);
+				let matrix = format_transform_matrix(element_transform);
+				if !matrix.is_empty() {
+					attributes.push("transform", matrix);
+				}
+
+				let defs = &mut attributes.0.svg_defs;
+				if let Some((ref id, mask_type, ref vector_row)) = push_id {
+					let mut svg = SvgRender::new();
+					vector_row.render_svg(&mut svg, &render_params.for_alignment(applied_stroke_transform));
+
+					let weight = instance.instance.style.stroke().unwrap().weight * instance.transform.matrix2.determinant();
+					let quad = Quad::from_box(transformed_bounds).inflate(weight);
+					let (x, y) = quad.top_left().into();
+					let (width, height) = (quad.bottom_right() - quad.top_left()).into();
+					write!(defs, r##"{}"##, svg.svg_defs).unwrap();
+					let rect = format!(r##"<rect x="{}" y="{}" width="{width}" height="{height}" fill="white" />"##, x, y);
+					match mask_type {
+						MaskType::Clip => write!(defs, r##"<clipPath id="{id}">{}</clipPath>"##, svg.svg.to_svg_string()).unwrap(),
+						MaskType::Mask => write!(defs, r##"<mask id="{id}">{}{}</mask>"##, rect, svg.svg.to_svg_string()).unwrap(),
+					}
+				}
+
+				let fill_and_stroke = instance.instance.style.render(
+					defs,
+					element_transform,
+					applied_stroke_transform,
+					layer_bounds,
+					transformed_bounds,
+					can_draw_aligned_stroke,
+					can_draw_aligned_stroke && push_id.is_none(),
+					render_params,
+				);
+
+				if let Some((id, mask_type, _)) = push_id {
+					let selector = format!("url(#{id})");
+					attributes.push(mask_type.to_attribute(), selector);
+				}
+				attributes.push_val(fill_and_stroke);
+
+				let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill };
+				let opacity = instance.alpha_blending.opacity * factor;
+				if opacity < 1. {
+					attributes.push("opacity", opacity.to_string());
+				}
+
+				if instance.alpha_blending.blend_mode != BlendMode::default() {
+					attributes.push("style", instance.alpha_blending.blend_mode.render());
+				}
+			});
+		}
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, scene: &mut Scene, parent_transform: DAffine2, _context: &mut RenderContext, render_params: &RenderParams) {
+		use graphene_core::consts::{LAYER_OUTLINE_STROKE_COLOR, LAYER_OUTLINE_STROKE_WEIGHT};
+		use graphene_core::vector::style::{GradientType, StrokeCap, StrokeJoin};
+		use vello::kurbo::{Cap, Join};
+		use vello::peniko;
+
+		for instance in self.instance_ref_iter() {
+			let multiplied_transform = parent_transform * *instance.transform;
+			let has_real_stroke = instance.instance.style.stroke().filter(|stroke| stroke.weight() > 0.);
+			let set_stroke_transform = has_real_stroke.map(|stroke| stroke.transform).filter(|transform| transform.matrix2.determinant() != 0.);
+			let applied_stroke_transform = set_stroke_transform.unwrap_or(multiplied_transform);
+			let applied_stroke_transform = render_params.alignment_parent_transform.unwrap_or(applied_stroke_transform);
+			let element_transform = set_stroke_transform.map(|stroke_transform| multiplied_transform * stroke_transform.inverse());
+			let element_transform = element_transform.unwrap_or(DAffine2::IDENTITY);
+			let layer_bounds = instance.instance.bounding_box().unwrap_or_default();
+
+			let to_point = |p: DVec2| kurbo::Point::new(p.x, p.y);
+			let mut path = kurbo::BezPath::new();
+			for subpath in instance.instance.stroke_bezier_paths() {
+				subpath.to_vello_path(applied_stroke_transform, &mut path);
+			}
+
+			// If we're using opacity or a blend mode, we need to push a layer
+			let blend_mode = match render_params.view_mode {
+				ViewMode::Outline => peniko::Mix::Normal,
+				_ => instance.alpha_blending.blend_mode.to_peniko(),
+			};
+			let mut layer = false;
+			let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill };
+			let opacity = instance.alpha_blending.opacity * factor;
+			if opacity < 1. || instance.alpha_blending.blend_mode != BlendMode::default() {
+				layer = true;
+				scene.push_layer(
+					peniko::BlendMode::new(blend_mode, peniko::Compose::SrcOver),
+					opacity,
+					kurbo::Affine::new(multiplied_transform.to_cols_array()),
+					&kurbo::Rect::new(layer_bounds[0].x, layer_bounds[0].y, layer_bounds[1].x, layer_bounds[1].y),
+				);
+			}
+
+			let can_draw_aligned_stroke = instance.instance.style.stroke().is_some_and(|stroke| stroke.has_renderable_stroke() && stroke.align.is_not_centered())
+				&& instance.instance.stroke_bezier_paths().all(|path| path.closed());
+
+			let reorder_for_outside = instance
+				.instance
+				.style
+				.stroke()
+				.is_some_and(|stroke| stroke.align == StrokeAlign::Outside && !instance.instance.style.fill().is_none());
+			if can_draw_aligned_stroke && !reorder_for_outside {
+				let mut vector_data = VectorDataTable::default();
+
+				let mut fill_instance = instance.instance.clone();
+				fill_instance.style.clear_stroke();
+				fill_instance.style.set_fill(Fill::solid(Color::BLACK));
+
+				vector_data.push(Instance {
+					instance: fill_instance,
+					alpha_blending: *instance.alpha_blending,
+					transform: *instance.transform,
+					source_node_id: None,
+				});
+
+				let weight = instance.instance.style.stroke().unwrap().weight;
+				let quad = Quad::from_box(layer_bounds).inflate(weight * element_transform.matrix2.determinant());
+				let rect = kurbo::Rect::new(quad.top_left().x, quad.top_left().y, quad.bottom_right().x, quad.bottom_right().y);
+
+				let inside = instance.instance.style.stroke().unwrap().align == StrokeAlign::Inside;
+				let compose = if inside { peniko::Compose::SrcIn } else { peniko::Compose::SrcOut };
+				scene.push_layer(peniko::Mix::Normal, 1., kurbo::Affine::IDENTITY, &rect);
+				vector_data.render_to_vello(scene, parent_transform, _context, &render_params.for_alignment(applied_stroke_transform));
+				scene.push_layer(peniko::BlendMode::new(peniko::Mix::Clip, compose), 1., kurbo::Affine::IDENTITY, &rect);
+			}
+
+			// Render the path
+			match render_params.view_mode {
+				ViewMode::Outline => {
+					let outline_stroke = kurbo::Stroke {
+						width: LAYER_OUTLINE_STROKE_WEIGHT,
+						miter_limit: 4.,
+						join: Join::Miter,
+						start_cap: Cap::Butt,
+						end_cap: Cap::Butt,
+						dash_pattern: Default::default(),
+						dash_offset: 0.,
+					};
+					let outline_color = peniko::Color::new([
+						LAYER_OUTLINE_STROKE_COLOR.r(),
+						LAYER_OUTLINE_STROKE_COLOR.g(),
+						LAYER_OUTLINE_STROKE_COLOR.b(),
+						LAYER_OUTLINE_STROKE_COLOR.a(),
+					]);
+
+					scene.stroke(&outline_stroke, kurbo::Affine::new(element_transform.to_cols_array()), outline_color, None, &path);
+				}
+				_ => {
+					enum Op {
+						Fill,
+						Stroke,
+					}
+
+					let order = match instance.instance.style.stroke().is_some_and(|stroke| !stroke.paint_order.is_default()) || reorder_for_outside {
+						true => [Op::Stroke, Op::Fill],
+						false => [Op::Fill, Op::Stroke], // Default
+					};
+					for operation in order {
+						match operation {
+							Op::Fill => {
+								match instance.instance.style.fill() {
+									Fill::Solid(color) => {
+										let fill = peniko::Brush::Solid(peniko::Color::new([color.r(), color.g(), color.b(), color.a()]));
+										scene.fill(peniko::Fill::NonZero, kurbo::Affine::new(element_transform.to_cols_array()), &fill, None, &path);
+									}
+									Fill::Gradient(gradient) => {
+										let mut stops = peniko::ColorStops::new();
+										for &(offset, color) in &gradient.stops {
+											stops.push(peniko::ColorStop {
+												offset: offset as f32,
+												color: peniko::color::DynamicColor::from_alpha_color(peniko::Color::new([color.r(), color.g(), color.b(), color.a()])),
+											});
+										}
+										// Compute bounding box of the shape to determine the gradient start and end points
+										let bounds = instance.instance.nonzero_bounding_box();
+										let bound_transform = DAffine2::from_scale_angle_translation(bounds[1] - bounds[0], 0., bounds[0]);
+
+										let inverse_parent_transform = (parent_transform.matrix2.determinant() != 0.).then(|| parent_transform.inverse()).unwrap_or_default();
+										let mod_points = inverse_parent_transform * multiplied_transform * bound_transform;
+
+										let start = mod_points.transform_point2(gradient.start);
+										let end = mod_points.transform_point2(gradient.end);
+
+										let fill = peniko::Brush::Gradient(peniko::Gradient {
+											kind: match gradient.gradient_type {
+												GradientType::Linear => peniko::GradientKind::Linear {
+													start: to_point(start),
+													end: to_point(end),
+												},
+												GradientType::Radial => {
+													let radius = start.distance(end);
+													peniko::GradientKind::Radial {
+														start_center: to_point(start),
+														start_radius: 0.,
+														end_center: to_point(start),
+														end_radius: radius as f32,
+													}
+												}
+											},
+											stops,
+											..Default::default()
+										});
+										// Vello does `element_transform * brush_transform` internally. We don't want element_transform to have any impact so we need to left multiply by the inverse.
+										// This makes the final internal brush transform equal to `parent_transform`, allowing you to stretch a gradient by transforming the parent folder.
+										let inverse_element_transform = (element_transform.matrix2.determinant() != 0.).then(|| element_transform.inverse()).unwrap_or_default();
+										let brush_transform = kurbo::Affine::new((inverse_element_transform * parent_transform).to_cols_array());
+										scene.fill(peniko::Fill::NonZero, kurbo::Affine::new(element_transform.to_cols_array()), &fill, Some(brush_transform), &path);
+									}
+									Fill::None => {}
+								};
+							}
+							Op::Stroke => {
+								if let Some(stroke) = instance.instance.style.stroke() {
+									let color = match stroke.color {
+										Some(color) => peniko::Color::new([color.r(), color.g(), color.b(), color.a()]),
+										None => peniko::Color::TRANSPARENT,
+									};
+									let cap = match stroke.cap {
+										StrokeCap::Butt => Cap::Butt,
+										StrokeCap::Round => Cap::Round,
+										StrokeCap::Square => Cap::Square,
+									};
+									let join = match stroke.join {
+										StrokeJoin::Miter => Join::Miter,
+										StrokeJoin::Bevel => Join::Bevel,
+										StrokeJoin::Round => Join::Round,
+									};
+									let stroke = kurbo::Stroke {
+										width: stroke.weight * if can_draw_aligned_stroke { 2. } else { 1. },
+										miter_limit: stroke.join_miter_limit,
+										join,
+										start_cap: cap,
+										end_cap: cap,
+										dash_pattern: stroke.dash_lengths.into(),
+										dash_offset: stroke.dash_offset,
+									};
+
+									// Draw the stroke if it's visible
+									if stroke.width > 0. {
+										scene.stroke(&stroke, kurbo::Affine::new(element_transform.to_cols_array()), color, None, &path);
+									}
+								}
+							}
+						}
+					}
+				}
+			}
+
+			if can_draw_aligned_stroke {
+				scene.pop_layer();
+				scene.pop_layer();
+			}
+
+			// If we pushed a layer for opacity or a blend mode, we need to pop it
+			if layer {
+				scene.pop_layer();
+			}
+		}
+	}
+
+	fn collect_metadata(&self, metadata: &mut RenderMetadata, mut footprint: Footprint, element_id: Option<NodeId>) {
+		for instance in self.instance_ref_iter() {
+			let instance_transform = *instance.transform;
+			let instance = instance.instance;
+
+			if let Some(element_id) = element_id {
+				let stroke_width = instance.style.stroke().as_ref().map_or(0., Stroke::weight);
+				let filled = instance.style.fill() != &Fill::None;
+				let fill = |mut subpath: Subpath<_>| {
+					if filled {
+						subpath.set_closed(true);
+					}
+					subpath
+				};
+
+				// For free-floating anchors, we need to add a click target for each
+				let single_anchors_targets = instance.point_domain.ids().iter().filter_map(|&point_id| {
+					if instance.connected_count(point_id) == 0 {
+						let anchor = instance.point_domain.position_from_id(point_id).unwrap_or_default();
+						let point = FreePoint::new(point_id, anchor);
+
+						Some(ClickTarget::new_with_free_point(point))
+					} else {
+						None
+					}
+				});
+
+				let click_targets = instance
+					.stroke_bezier_paths()
+					.map(fill)
+					.map(|subpath| ClickTarget::new_with_subpath(subpath, stroke_width))
+					.chain(single_anchors_targets.into_iter())
+					.collect::<Vec<ClickTarget>>();
+
+				metadata.click_targets.insert(element_id, click_targets);
+			}
+
+			if let Some(upstream_graphic_group) = &instance.upstream_graphic_group {
+				footprint.transform *= instance_transform;
+				upstream_graphic_group.collect_metadata(metadata, footprint, None);
+			}
+		}
+	}
+
+	fn add_upstream_click_targets(&self, click_targets: &mut Vec<ClickTarget>) {
+		for instance in self.instance_ref_iter() {
+			let stroke_width = instance.instance.style.stroke().as_ref().map_or(0., Stroke::weight);
+			let filled = instance.instance.style.fill() != &Fill::None;
+			let fill = |mut subpath: Subpath<_>| {
+				if filled {
+					subpath.set_closed(true);
+				}
+				subpath
+			};
+			click_targets.extend(instance.instance.stroke_bezier_paths().map(fill).map(|subpath| {
+				let mut click_target = ClickTarget::new_with_subpath(subpath, stroke_width);
+				click_target.apply_transform(*instance.transform);
+				click_target
+			}));
+
+			// For free-floating anchors, we need to add a click target for each
+			let single_anchors_targets = instance.instance.point_domain.ids().iter().filter_map(|&point_id| {
+				if instance.instance.connected_count(point_id) > 0 {
+					return None;
+				}
+
+				let anchor = instance.instance.point_domain.position_from_id(point_id).unwrap_or_default();
+				let point = FreePoint::new(point_id, anchor);
+
+				let mut click_target = ClickTarget::new_with_free_point(point);
+				click_target.apply_transform(*instance.transform);
+				Some(click_target)
+			});
+			click_targets.extend(single_anchors_targets);
+		}
+	}
+
+	fn new_ids_from_hash(&mut self, reference: Option<NodeId>) {
+		for instance in self.instance_mut_iter() {
+			instance.instance.vector_new_ids_from_hash(reference.map(|id| id.0).unwrap_or_default());
+		}
+	}
+}
+
+impl GraphicElementRendered for Artboard {
+	fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) {
+		if !render_params.hide_artboards {
+			// Background
+			render.leaf_tag("rect", |attributes| {
+				attributes.push("fill", format!("#{}", self.background.to_rgb_hex_srgb_from_gamma()));
+				if self.background.a() < 1. {
+					attributes.push("fill-opacity", ((self.background.a() * 1000.).round() / 1000.).to_string());
+				}
+				attributes.push("x", self.location.x.min(self.location.x + self.dimensions.x).to_string());
+				attributes.push("y", self.location.y.min(self.location.y + self.dimensions.y).to_string());
+				attributes.push("width", self.dimensions.x.abs().to_string());
+				attributes.push("height", self.dimensions.y.abs().to_string());
+			});
+		}
+
+		// Contents group (includes the artwork but not the background)
+		render.parent_tag(
+			// SVG group tag
+			"g",
+			// Group tag attributes
+			|attributes| {
+				let matrix = format_transform_matrix(self.transform());
+				if !matrix.is_empty() {
+					attributes.push("transform", matrix);
+				}
+
+				if self.clip {
+					let id = format!("artboard-{}", generate_uuid());
+					let selector = format!("url(#{id})");
+
+					write!(
+						&mut attributes.0.svg_defs,
+						r##"<clipPath id="{id}"><rect x="0" y="0" width="{}" height="{}"/></clipPath>"##,
+						self.dimensions.x, self.dimensions.y,
+					)
+					.unwrap();
+					attributes.push("clip-path", selector);
+				}
+			},
+			// Artboard contents
+			|render| {
+				self.graphic_group.render_svg(render, render_params);
+			},
+		);
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, render_params: &RenderParams) {
+		use vello::peniko;
+
+		// Render background
+		let color = peniko::Color::new([self.background.r(), self.background.g(), self.background.b(), self.background.a()]);
+		let [a, b] = [self.location.as_dvec2(), self.location.as_dvec2() + self.dimensions.as_dvec2()];
+		let rect = kurbo::Rect::new(a.x.min(b.x), a.y.min(b.y), a.x.max(b.x), a.y.max(b.y));
+
+		scene.push_layer(peniko::Mix::Normal, 1., kurbo::Affine::new(transform.to_cols_array()), &rect);
+		scene.fill(peniko::Fill::NonZero, kurbo::Affine::new(transform.to_cols_array()), color, None, &rect);
+		scene.pop_layer();
+
+		if self.clip {
+			let blend_mode = peniko::BlendMode::new(peniko::Mix::Clip, peniko::Compose::SrcOver);
+			scene.push_layer(blend_mode, 1., kurbo::Affine::new(transform.to_cols_array()), &rect);
+		}
+		// Since the graphic group's transform is right multiplied in when rendering the graphic group, we just need to right multiply by the offset here.
+		let child_transform = transform * DAffine2::from_translation(self.location.as_dvec2());
+		self.graphic_group.render_to_vello(scene, child_transform, context, render_params);
+		if self.clip {
+			scene.pop_layer();
+		}
+	}
+
+	fn collect_metadata(&self, metadata: &mut RenderMetadata, mut footprint: Footprint, element_id: Option<NodeId>) {
+		if let Some(element_id) = element_id {
+			let subpath = Subpath::new_rect(DVec2::ZERO, self.dimensions.as_dvec2());
+			metadata.click_targets.insert(element_id, vec![ClickTarget::new_with_subpath(subpath, 0.)]);
+			metadata.upstream_footprints.insert(element_id, footprint);
+			metadata.local_transforms.insert(element_id, DAffine2::from_translation(self.location.as_dvec2()));
+			if self.clip {
+				metadata.clip_targets.insert(element_id);
+			}
+		}
+		footprint.transform *= self.transform();
+		self.graphic_group.collect_metadata(metadata, footprint, None);
+	}
+
+	fn add_upstream_click_targets(&self, click_targets: &mut Vec<ClickTarget>) {
+		let subpath_rectangle = Subpath::new_rect(DVec2::ZERO, self.dimensions.as_dvec2());
+		click_targets.push(ClickTarget::new_with_subpath(subpath_rectangle, 0.));
+	}
+
+	fn contains_artboard(&self) -> bool {
+		true
+	}
+}
+
+impl GraphicElementRendered for ArtboardGroupTable {
+	fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) {
+		for artboard in self.instance_ref_iter() {
+			artboard.instance.render_svg(render, render_params);
+		}
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, render_params: &RenderParams) {
+		for instance in self.instance_ref_iter() {
+			instance.instance.render_to_vello(scene, transform, context, render_params);
+		}
+	}
+
+	fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, _element_id: Option<NodeId>) {
+		for instance in self.instance_ref_iter() {
+			instance.instance.collect_metadata(metadata, footprint, *instance.source_node_id);
+		}
+	}
+
+	fn add_upstream_click_targets(&self, click_targets: &mut Vec<ClickTarget>) {
+		for instance in self.instance_ref_iter() {
+			instance.instance.add_upstream_click_targets(click_targets);
+		}
+	}
+
+	fn contains_artboard(&self) -> bool {
+		self.instance_ref_iter().count() > 0
+	}
+}
+
+impl GraphicElementRendered for RasterDataTable<CPU> {
+	fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) {
+		for instance in self.instance_ref_iter() {
+			let transform = *instance.transform;
+
+			let image = &instance.instance;
+			if image.data.is_empty() {
+				return;
+			}
+
+			let base64_string = image.base64_string.clone().unwrap_or_else(|| {
+				use base64::Engine;
+
+				let output = image.to_png();
+				let preamble = "data:image/png;base64,";
+				let mut base64_string = String::with_capacity(preamble.len() + output.len() * 4);
+				base64_string.push_str(preamble);
+				base64::engine::general_purpose::STANDARD.encode_string(output, &mut base64_string);
+				base64_string
+			});
+			render.leaf_tag("image", |attributes| {
+				attributes.push("width", 1.to_string());
+				attributes.push("height", 1.to_string());
+				attributes.push("preserveAspectRatio", "none");
+				attributes.push("href", base64_string);
+				let matrix = format_transform_matrix(transform);
+				if !matrix.is_empty() {
+					attributes.push("transform", matrix);
+				}
+				let factor = if render_params.for_mask { 1. } else { instance.alpha_blending.fill };
+				let opacity = instance.alpha_blending.opacity * factor;
+				if opacity < 1. {
+					attributes.push("opacity", opacity.to_string());
+				}
+				if instance.alpha_blending.blend_mode != BlendMode::default() {
+					attributes.push("style", instance.alpha_blending.blend_mode.render());
+				}
+			});
+		}
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, _: &mut RenderContext, _render_params: &RenderParams) {
+		use vello::peniko;
+
+		for instance in self.instance_ref_iter() {
+			let image = &instance.instance;
+			if image.data.is_empty() {
+				return;
+			}
+			let image = peniko::Image::new(image.to_flat_u8().0.into(), peniko::Format::Rgba8, image.width, image.height).with_extend(peniko::Extend::Repeat);
+			let transform = transform * *instance.transform * DAffine2::from_scale(1. / DVec2::new(image.width as f64, image.height as f64));
+
+			scene.draw_image(&image, kurbo::Affine::new(transform.to_cols_array()));
+		}
+	}
+
+	fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, element_id: Option<NodeId>) {
+		let Some(element_id) = element_id else { return };
+		let subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE);
+
+		metadata.click_targets.insert(element_id, vec![ClickTarget::new_with_subpath(subpath, 0.)]);
+		metadata.upstream_footprints.insert(element_id, footprint);
+		// TODO: Find a way to handle more than one row of the graphical data table
+		if let Some(image) = self.instance_ref_iter().next() {
+			metadata.local_transforms.insert(element_id, *image.transform);
+		}
+	}
+
+	fn add_upstream_click_targets(&self, click_targets: &mut Vec<ClickTarget>) {
+		let subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE);
+		click_targets.push(ClickTarget::new_with_subpath(subpath, 0.));
+	}
+}
+
+impl GraphicElementRendered for RasterDataTable<GPU> {
+	fn render_svg(&self, _render: &mut SvgRender, _render_params: &RenderParams) {
+		log::warn!("tried to render texture as an svg");
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, _render_params: &RenderParams) {
+		use vello::peniko;
+
+		let mut render_stuff = |image: peniko::Image, instance_transform: DAffine2, blend_mode: AlphaBlending| {
+			let image_transform = transform * instance_transform * DAffine2::from_scale(1. / DVec2::new(image.width as f64, image.height as f64));
+			let layer = blend_mode != Default::default();
+
+			let Some(bounds) = self.bounding_box(transform, true) else { return };
+			let blending = peniko::BlendMode::new(blend_mode.blend_mode.to_peniko(), peniko::Compose::SrcOver);
+
+			if layer {
+				let rect = kurbo::Rect::new(bounds[0].x, bounds[0].y, bounds[1].x, bounds[1].y);
+				scene.push_layer(blending, blend_mode.opacity, kurbo::Affine::IDENTITY, &rect);
+			}
+			scene.draw_image(&image, kurbo::Affine::new(image_transform.to_cols_array()));
+			if layer {
+				scene.pop_layer()
+			}
+		};
+
+		for instance in self.instance_ref_iter() {
+			let image = peniko::Image::new(vec![].into(), peniko::Format::Rgba8, instance.instance.data().width(), instance.instance.data().height()).with_extend(peniko::Extend::Repeat);
+
+			let id = image.data.id();
+			context.resource_overrides.insert(id, instance.instance.data_owned());
+
+			render_stuff(image, *instance.transform, *instance.alpha_blending);
+		}
+	}
+
+	fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, element_id: Option<NodeId>) {
+		let Some(element_id) = element_id else { return };
+		let subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE);
+
+		metadata.click_targets.insert(element_id, vec![ClickTarget::new_with_subpath(subpath, 0.)]);
+		metadata.upstream_footprints.insert(element_id, footprint);
+		// TODO: Find a way to handle more than one row of the graphical data table
+		if let Some(image) = self.instance_ref_iter().next() {
+			metadata.local_transforms.insert(element_id, *image.transform);
+		}
+	}
+
+	fn add_upstream_click_targets(&self, click_targets: &mut Vec<ClickTarget>) {
+		let subpath = Subpath::new_rect(DVec2::ZERO, DVec2::ONE);
+		click_targets.push(ClickTarget::new_with_subpath(subpath, 0.));
+	}
+}
+
+impl GraphicElementRendered for GraphicElement {
+	fn render_svg(&self, render: &mut SvgRender, render_params: &RenderParams) {
+		match self {
+			GraphicElement::VectorData(vector_data) => vector_data.render_svg(render, render_params),
+			GraphicElement::RasterDataCPU(raster) => raster.render_svg(render, render_params),
+			GraphicElement::RasterDataGPU(_raster) => (),
+			GraphicElement::GraphicGroup(graphic_group) => graphic_group.render_svg(render, render_params),
+		}
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, scene: &mut Scene, transform: DAffine2, context: &mut RenderContext, render_params: &RenderParams) {
+		match self {
+			GraphicElement::VectorData(vector_data) => vector_data.render_to_vello(scene, transform, context, render_params),
+			GraphicElement::RasterDataCPU(raster) => raster.render_to_vello(scene, transform, context, render_params),
+			GraphicElement::RasterDataGPU(raster) => raster.render_to_vello(scene, transform, context, render_params),
+			GraphicElement::GraphicGroup(graphic_group) => graphic_group.render_to_vello(scene, transform, context, render_params),
+		}
+	}
+
+	fn collect_metadata(&self, metadata: &mut RenderMetadata, footprint: Footprint, element_id: Option<NodeId>) {
+		if let Some(element_id) = element_id {
+			match self {
+				GraphicElement::GraphicGroup(_) => {
+					metadata.upstream_footprints.insert(element_id, footprint);
+				}
+				GraphicElement::VectorData(vector_data) => {
+					metadata.upstream_footprints.insert(element_id, footprint);
+					// TODO: Find a way to handle more than one row of the graphical data table
+					if let Some(vector_data) = vector_data.instance_ref_iter().next() {
+						metadata.local_transforms.insert(element_id, *vector_data.transform);
+					}
+				}
+				GraphicElement::RasterDataCPU(raster_frame) => {
+					metadata.upstream_footprints.insert(element_id, footprint);
+
+					// TODO: Find a way to handle more than one row of images
+					if let Some(image) = raster_frame.instance_ref_iter().next() {
+						metadata.local_transforms.insert(element_id, *image.transform);
+					}
+				}
+				GraphicElement::RasterDataGPU(raster_frame) => {
+					metadata.upstream_footprints.insert(element_id, footprint);
+
+					// TODO: Find a way to handle more than one row of images
+					if let Some(image) = raster_frame.instance_ref_iter().next() {
+						metadata.local_transforms.insert(element_id, *image.transform);
+					}
+				}
+			}
+		}
+
+		match self {
+			GraphicElement::VectorData(vector_data) => vector_data.collect_metadata(metadata, footprint, element_id),
+			GraphicElement::RasterDataCPU(raster) => raster.collect_metadata(metadata, footprint, element_id),
+			GraphicElement::RasterDataGPU(raster) => raster.collect_metadata(metadata, footprint, element_id),
+			GraphicElement::GraphicGroup(graphic_group) => graphic_group.collect_metadata(metadata, footprint, element_id),
+		}
+	}
+
+	fn add_upstream_click_targets(&self, click_targets: &mut Vec<ClickTarget>) {
+		match self {
+			GraphicElement::VectorData(vector_data) => vector_data.add_upstream_click_targets(click_targets),
+			GraphicElement::RasterDataCPU(raster) => raster.add_upstream_click_targets(click_targets),
+			GraphicElement::RasterDataGPU(raster) => raster.add_upstream_click_targets(click_targets),
+			GraphicElement::GraphicGroup(graphic_group) => graphic_group.add_upstream_click_targets(click_targets),
+		}
+	}
+
+	fn contains_artboard(&self) -> bool {
+		match self {
+			GraphicElement::VectorData(vector_data) => vector_data.contains_artboard(),
+			GraphicElement::GraphicGroup(graphic_group) => graphic_group.contains_artboard(),
+			GraphicElement::RasterDataCPU(raster) => raster.contains_artboard(),
+			GraphicElement::RasterDataGPU(raster) => raster.contains_artboard(),
+		}
+	}
+
+	fn new_ids_from_hash(&mut self, reference: Option<NodeId>) {
+		match self {
+			GraphicElement::VectorData(vector_data) => vector_data.new_ids_from_hash(reference),
+			GraphicElement::GraphicGroup(graphic_group) => graphic_group.new_ids_from_hash(reference),
+			GraphicElement::RasterDataCPU(_) => (),
+			GraphicElement::RasterDataGPU(_) => (),
+		}
+	}
+}
+
+/// Used to stop rust complaining about upstream traits adding display implementations to `Option<Color>`. This would not be an issue as we control that crate.
+trait Primitive: std::fmt::Display + BoundingBox {}
+impl Primitive for String {}
+impl Primitive for bool {}
+impl Primitive for f32 {}
+impl Primitive for f64 {}
+impl Primitive for DVec2 {}
+
+fn text_attributes(attributes: &mut SvgRenderAttrs) {
+	attributes.push("fill", "white");
+	attributes.push("y", "30");
+	attributes.push("font-size", "30");
+}
+
+impl<P: Primitive> GraphicElementRendered for P {
+	fn render_svg(&self, render: &mut SvgRender, _render_params: &RenderParams) {
+		render.parent_tag("text", text_attributes, |render| render.leaf_node(format!("{self}")));
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, _scene: &mut Scene, _transform: DAffine2, _context: &mut RenderContext, _render_params: &RenderParams) {}
+}
+
+impl GraphicElementRendered for Option<Color> {
+	fn render_svg(&self, render: &mut SvgRender, _render_params: &RenderParams) {
+		let Some(color) = self else {
+			render.parent_tag("text", |_| {}, |render| render.leaf_node("Empty color"));
+			return;
+		};
+		let color_info = format!("{:?} #{} {:?}", color, color.to_rgba_hex_srgb(), color.to_rgba8_srgb());
+
+		render.leaf_tag("rect", |attributes| {
+			attributes.push("width", "100");
+			attributes.push("height", "100");
+			attributes.push("y", "40");
+			attributes.push("fill", format!("#{}", color.to_rgb_hex_srgb_from_gamma()));
+			if color.a() < 1. {
+				attributes.push("fill-opacity", ((color.a() * 1000.).round() / 1000.).to_string());
+			}
+		});
+		render.parent_tag("text", text_attributes, |render| render.leaf_node(color_info))
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, _scene: &mut Scene, _transform: DAffine2, _context: &mut RenderContext, _render_params: &RenderParams) {}
+}
+
+impl GraphicElementRendered for Vec<Color> {
+	fn render_svg(&self, render: &mut SvgRender, _render_params: &RenderParams) {
+		for (index, &color) in self.iter().enumerate() {
+			render.leaf_tag("rect", |attributes| {
+				attributes.push("width", "100");
+				attributes.push("height", "100");
+				attributes.push("x", (index * 120).to_string());
+				attributes.push("y", "40");
+				attributes.push("fill", format!("#{}", color.to_rgb_hex_srgb_from_gamma()));
+				if color.a() < 1. {
+					attributes.push("fill-opacity", ((color.a() * 1000.).round() / 1000.).to_string());
+				}
+			});
+		}
+	}
+
+	#[cfg(feature = "vello")]
+	fn render_to_vello(&self, _scene: &mut Scene, _transform: DAffine2, _context: &mut RenderContext, _render_params: &RenderParams) {}
+}
+
+#[derive(Debug, Clone, PartialEq, Eq)]
+pub enum SvgSegment {
+	Slice(&'static str),
+	String(String),
+}
+
+impl From<String> for SvgSegment {
+	fn from(value: String) -> Self {
+		Self::String(value)
+	}
+}
+
+impl From<&'static str> for SvgSegment {
+	fn from(value: &'static str) -> Self {
+		Self::Slice(value)
+	}
+}
+
+pub trait RenderSvgSegmentList {
+	fn to_svg_string(&self) -> String;
+}
+
+impl RenderSvgSegmentList for Vec<SvgSegment> {
+	fn to_svg_string(&self) -> String {
+		let mut result = String::new();
+		for segment in self.iter() {
+			result.push_str(match segment {
+				SvgSegment::Slice(x) => x,
+				SvgSegment::String(x) => x,
+			});
+		}
+		result
+	}
+}
+
+pub struct SvgRenderAttrs<'a>(&'a mut SvgRender);
+
+impl SvgRenderAttrs<'_> {
+	pub fn push_complex(&mut self, name: impl Into<SvgSegment>, value: impl FnOnce(&mut SvgRender)) {
+		self.0.svg.push(" ".into());
+		self.0.svg.push(name.into());
+		self.0.svg.push("=\"".into());
+		value(self.0);
+		self.0.svg.push("\"".into());
+	}
+	pub fn push(&mut self, name: impl Into<SvgSegment>, value: impl Into<SvgSegment>) {
+		self.push_complex(name, move |renderer| renderer.svg.push(value.into()));
+	}
+	pub fn push_val(&mut self, value: impl Into<SvgSegment>) {
+		self.0.svg.push(value.into());
+	}
+}
diff --git a/node-graph/gsvg-renderer/src/to_peniko.rs b/node-graph/gsvg-renderer/src/to_peniko.rs
new file mode 100644
index 0000000000000000000000000000000000000000..4ee3e50452cf1efb2ccd3b5d64a274b9b8bfd9e4
--- /dev/null
+++ b/node-graph/gsvg-renderer/src/to_peniko.rs
@@ -0,0 +1,38 @@
+use graphene_core::BlendMode;
+use vello::peniko;
+
+#[cfg(feature = "vello")]
+pub trait BlendModeExt {
+	fn to_peniko(&self) -> peniko::Mix;
+}
+
+#[cfg(feature = "vello")]
+impl BlendModeExt for BlendMode {
+	fn to_peniko(&self) -> peniko::Mix {
+		match self {
+			// Normal group
+			BlendMode::Normal => peniko::Mix::Normal,
+			// Darken group
+			BlendMode::Darken => peniko::Mix::Darken,
+			BlendMode::Multiply => peniko::Mix::Multiply,
+			BlendMode::ColorBurn => peniko::Mix::ColorBurn,
+			// Lighten group
+			BlendMode::Lighten => peniko::Mix::Lighten,
+			BlendMode::Screen => peniko::Mix::Screen,
+			BlendMode::ColorDodge => peniko::Mix::ColorDodge,
+			// Contrast group
+			BlendMode::Overlay => peniko::Mix::Overlay,
+			BlendMode::SoftLight => peniko::Mix::SoftLight,
+			BlendMode::HardLight => peniko::Mix::HardLight,
+			// Inversion group
+			BlendMode::Difference => peniko::Mix::Difference,
+			BlendMode::Exclusion => peniko::Mix::Exclusion,
+			// Component group
+			BlendMode::Hue => peniko::Mix::Hue,
+			BlendMode::Saturation => peniko::Mix::Saturation,
+			BlendMode::Color => peniko::Mix::Color,
+			BlendMode::Luminosity => peniko::Mix::Luminosity,
+			_ => todo!(),
+		}
+	}
+}
diff --git a/node-graph/interpreted-executor/Cargo.toml b/node-graph/interpreted-executor/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..119b8affb6a043c9683b2169d4b211ce91502011
--- /dev/null
+++ b/node-graph/interpreted-executor/Cargo.toml
@@ -0,0 +1,44 @@
+[package]
+name = "interpreted-executor"
+version = "0.1.0"
+edition = "2024"
+license = "MIT OR Apache-2.0"
+
+[features]
+default = []
+gpu = ["graphene-std/gpu", "graphene-std/wgpu"]
+
+[dependencies]
+# Local dependencies
+graphene-std = { workspace = true }
+graph-craft = { workspace = true }
+wgpu-executor = { workspace = true }
+graphene-core = { workspace = true }
+graphene-path-bool = { workspace = true }
+dyn-any = { workspace = true }
+
+# Workspace dependencies
+log = { workspace = true }
+glam = { workspace = true }
+futures = { workspace = true }
+once_cell = { workspace = true }
+serde = { workspace = true }
+
+[dev-dependencies]
+# Workspace dependencies
+graph-craft = { workspace = true, features = ["loading"] }
+criterion = { workspace = true }
+
+# Benchmarks
+[[bench]]
+name = "update_executor"
+harness = false
+
+[[bench]]
+name = "run_once"
+harness = false
+
+[[bench]]
+name = "run_cached"
+harness = false
+
diff --git a/node-graph/interpreted-executor/benches/benchmark_util.rs b/node-graph/interpreted-executor/benches/benchmark_util.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f35d5c4daa79a00eb6071ee5b1765101f894aa9e
--- /dev/null
+++ b/node-graph/interpreted-executor/benches/benchmark_util.rs
@@ -0,0 +1,22 @@
+use criterion::BenchmarkGroup;
+use criterion::measurement::Measurement;
+use futures::executor::block_on;
+use graph_craft::proto::ProtoNetwork;
+use graph_craft::util::{DEMO_ART, compile, load_from_name};
+use interpreted_executor::dynamic_executor::DynamicExecutor;
+
+pub fn setup_network(name: &str) -> (DynamicExecutor, ProtoNetwork) {
+	let network = load_from_name(name);
+	let proto_network = compile(network);
+	let executor = block_on(DynamicExecutor::new(proto_network.clone())).unwrap();
+	(executor, proto_network)
+}
+
+pub fn bench_for_each_demo<M: Measurement, F>(group: &mut BenchmarkGroup<M>, f: F)
+where
+	F: Fn(&str, &mut BenchmarkGroup<M>),
+{
+	for name in DEMO_ART {
+		f(name, group);
+	}
+}
diff --git a/node-graph/interpreted-executor/benches/run_cached.rs b/node-graph/interpreted-executor/benches/run_cached.rs
new file mode 100644
index 0000000000000000000000000000000000000000..e6b132668e2e056be6de3b475d4c29f525cfd572
--- /dev/null
+++ b/node-graph/interpreted-executor/benches/run_cached.rs
@@ -0,0 +1,20 @@
+mod benchmark_util;
+
+use benchmark_util::{bench_for_each_demo, setup_network};
+use criterion::{Criterion, criterion_group, criterion_main};
+use graphene_std::Context;
+
+fn subsequent_evaluations(c: &mut Criterion) {
+	let mut group = c.benchmark_group("Subsequent Evaluations");
+	let context: Context = None;
+	bench_for_each_demo(&mut group, |name, g| {
+		let (executor, _) = setup_network(name);
+		g.bench_function(name, |b| {
+			b.iter(|| futures::executor::block_on(executor.tree().eval_tagged_value(executor.output(), criterion::black_box(context.clone()))).unwrap())
+		});
+	});
+	group.finish();
+}
+
+criterion_group!(benches, subsequent_evaluations);
+criterion_main!(benches);
diff --git a/node-graph/interpreted-executor/benches/run_demo_art_criterion.rs b/node-graph/interpreted-executor/benches/run_demo_art_criterion.rs
new file mode 100644
index 0000000000000000000000000000000000000000..fb0cf34094229b2cde55fe981e768aaa7c371fae
--- /dev/null
+++ b/node-graph/interpreted-executor/benches/run_demo_art_criterion.rs
@@ -0,0 +1,49 @@
+use criterion::measurement::Measurement;
+use criterion::{BenchmarkGroup, Criterion, black_box, criterion_group, criterion_main};
+use graph_craft::graphene_compiler::Executor;
+use graph_craft::proto::ProtoNetwork;
+use graph_craft::util::{DEMO_ART, compile, load_from_name};
+use graphene_std::transform::Footprint;
+use interpreted_executor::dynamic_executor::DynamicExecutor;
+
+fn update_executor<M: Measurement>(name: &str, c: &mut BenchmarkGroup<M>) {
+	let network = load_from_name(name);
+	let proto_network = compile(network);
+	let empty = ProtoNetwork::default();
+
+	let executor = futures::executor::block_on(DynamicExecutor::new(empty)).unwrap();
+
+	c.bench_function(name, |b| {
+		b.iter_batched(
+			|| (executor.clone(), proto_network.clone()),
+			|(mut executor, network)| futures::executor::block_on(executor.update(black_box(network))),
+			criterion::BatchSize::SmallInput,
+		)
+	});
+}
+
+fn update_executor_demo(c: &mut Criterion) {
+	let mut g = c.benchmark_group("Update Executor");
+	for name in DEMO_ART {
+		update_executor(name, &mut g);
+	}
+}
+
+fn run_once<M: Measurement>(name: &str, c: &mut BenchmarkGroup<M>) {
+	let network = load_from_name(name);
+	let proto_network = compile(network);
+
+	let executor = futures::executor::block_on(DynamicExecutor::new(proto_network)).unwrap();
+	let footprint = Footprint::default();
+
+	c.bench_function(name, |b| b.iter(|| futures::executor::block_on((&executor).execute(footprint))));
+}
+fn run_once_demo(c: &mut Criterion) {
+	let mut g = c.benchmark_group("Run Once no render");
+	for name in DEMO_ART {
+		run_once(name, &mut g);
+	}
+}
+
+criterion_group!(benches, update_executor_demo, run_once_demo);
+criterion_main!(benches);
diff --git a/node-graph/interpreted-executor/benches/run_once.rs b/node-graph/interpreted-executor/benches/run_once.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a55b6843ec236d64647d286d4ed34e5dbe1cd561
--- /dev/null
+++ b/node-graph/interpreted-executor/benches/run_once.rs
@@ -0,0 +1,23 @@
+mod benchmark_util;
+
+use benchmark_util::{bench_for_each_demo, setup_network};
+use criterion::{Criterion, criterion_group, criterion_main};
+use graphene_std::Context;
+
+fn run_once(c: &mut Criterion) {
+	let mut group = c.benchmark_group("Run Once");
+	let context: Context = None;
+	bench_for_each_demo(&mut group, |name, g| {
+		g.bench_function(name, |b| {
+			b.iter_batched(
+				|| setup_network(name),
+				|(executor, _)| futures::executor::block_on(executor.tree().eval_tagged_value(executor.output(), criterion::black_box(context.clone()))).unwrap(),
+				criterion::BatchSize::SmallInput,
+			)
+		});
+	});
+	group.finish();
+}
+
+criterion_group!(benches, run_once);
+criterion_main!(benches);
diff --git a/node-graph/interpreted-executor/benches/update_executor.rs b/node-graph/interpreted-executor/benches/update_executor.rs
new file mode 100644
index 0000000000000000000000000000000000000000..102dcdd026ecfcb202b49d39a74ef321ee7d1651
--- /dev/null
+++ b/node-graph/interpreted-executor/benches/update_executor.rs
@@ -0,0 +1,28 @@
+mod benchmark_util;
+
+use benchmark_util::{bench_for_each_demo, setup_network};
+use criterion::{Criterion, criterion_group, criterion_main};
+use graph_craft::proto::ProtoNetwork;
+use interpreted_executor::dynamic_executor::DynamicExecutor;
+
+fn update_executor(c: &mut Criterion) {
+	let mut group = c.benchmark_group("Update Executor");
+	bench_for_each_demo(&mut group, |name, g| {
+		g.bench_function(name, |b| {
+			b.iter_batched(
+				|| {
+					let (_, proto_network) = setup_network(name);
+					let empty = ProtoNetwork::default();
+					let executor = futures::executor::block_on(DynamicExecutor::new(empty)).unwrap();
+					(executor, proto_network)
+				},
+				|(mut executor, network)| futures::executor::block_on(executor.update(criterion::black_box(network))),
+				criterion::BatchSize::SmallInput,
+			)
+		});
+	});
+	group.finish();
+}
+
+criterion_group!(benches, update_executor);
+criterion_main!(benches);
diff --git a/node-graph/interpreted-executor/src/dynamic_executor.rs b/node-graph/interpreted-executor/src/dynamic_executor.rs
new file mode 100644
index 0000000000000000000000000000000000000000..cca13cb3a8048e3915e1121dfaabd24c2d8fdccb
--- /dev/null
+++ b/node-graph/interpreted-executor/src/dynamic_executor.rs
@@ -0,0 +1,429 @@
+use crate::node_registry;
+use dyn_any::StaticType;
+use graph_craft::Type;
+use graph_craft::document::NodeId;
+use graph_craft::document::value::{TaggedValue, UpcastAsRefNode, UpcastNode};
+use graph_craft::graphene_compiler::Executor;
+use graph_craft::proto::{ConstructionArgs, GraphError, LocalFuture, NodeContainer, ProtoNetwork, ProtoNode, SharedNodeContainer, TypeErasedBox, TypingContext};
+use graph_craft::proto::{GraphErrorType, GraphErrors};
+use std::collections::{HashMap, HashSet};
+use std::error::Error;
+use std::sync::Arc;
+
+/// An executor of a node graph that does not require an online compilation server, and instead uses `Box<dyn ...>`.
+#[derive(Clone)]
+pub struct DynamicExecutor {
+	output: NodeId,
+	/// Stores all of the dynamic node structs.
+	tree: BorrowTree,
+	/// Stores the types of the proto nodes.
+	typing_context: TypingContext,
+	// This allows us to keep the nodes around for one more frame which is used for introspection
+	orphaned_nodes: HashSet<NodeId>,
+}
+
+impl Default for DynamicExecutor {
+	fn default() -> Self {
+		Self {
+			output: Default::default(),
+			tree: Default::default(),
+			typing_context: TypingContext::new(&node_registry::NODE_REGISTRY),
+			orphaned_nodes: HashSet::new(),
+		}
+	}
+}
+
+#[derive(PartialEq, Clone, Debug, Default, serde::Serialize, serde::Deserialize)]
+pub struct NodeTypes {
+	pub inputs: Vec<Type>,
+	pub output: Type,
+}
+
+#[derive(PartialEq, Clone, Debug, Default, serde::Serialize, serde::Deserialize)]
+pub struct ResolvedDocumentNodeTypes {
+	pub types: HashMap<Vec<NodeId>, NodeTypes>,
+}
+
+type Path = Box<[NodeId]>;
+
+#[derive(PartialEq, Clone, Debug, Default, serde::Serialize, serde::Deserialize)]
+pub struct ResolvedDocumentNodeTypesDelta {
+	pub add: Vec<(Path, NodeTypes)>,
+	pub remove: Vec<Path>,
+}
+
+impl DynamicExecutor {
+	pub async fn new(proto_network: ProtoNetwork) -> Result<Self, GraphErrors> {
+		let mut typing_context = TypingContext::new(&node_registry::NODE_REGISTRY);
+		typing_context.update(&proto_network)?;
+		let output = proto_network.output;
+		let tree = BorrowTree::new(proto_network, &typing_context).await?;
+
+		Ok(Self {
+			tree,
+			output,
+			typing_context,
+			orphaned_nodes: HashSet::new(),
+		})
+	}
+
+	/// Updates the existing [`BorrowTree`] to reflect the new [`ProtoNetwork`], reusing nodes where possible.
+	#[cfg_attr(debug_assertions, inline(never))]
+	pub async fn update(&mut self, proto_network: ProtoNetwork) -> Result<ResolvedDocumentNodeTypesDelta, GraphErrors> {
+		self.output = proto_network.output;
+		self.typing_context.update(&proto_network)?;
+		let (add, orphaned) = self.tree.update(proto_network, &self.typing_context).await?;
+		let old_to_remove = core::mem::replace(&mut self.orphaned_nodes, orphaned);
+		let mut remove = Vec::with_capacity(old_to_remove.len() - self.orphaned_nodes.len().min(old_to_remove.len()));
+		for node_id in old_to_remove {
+			if self.orphaned_nodes.contains(&node_id) {
+				let path = self.tree.free_node(node_id);
+				self.typing_context.remove_inference(node_id);
+				if let Some(path) = path {
+					remove.push(path);
+				}
+			}
+		}
+		let add = self.document_node_types(add.into_iter()).collect();
+		Ok(ResolvedDocumentNodeTypesDelta { add, remove })
+	}
+
+	/// Calls the `Node::serialize` for that specific node, returning for example the cached value for a monitor node. The node path must match the document node path.
+	pub fn introspect(&self, node_path: &[NodeId]) -> Result<Arc<dyn std::any::Any + Send + Sync + 'static>, IntrospectError> {
+		self.tree.introspect(node_path)
+	}
+
+	pub fn input_type(&self) -> Option<Type> {
+		self.typing_context.type_of(self.output).map(|node_io| node_io.call_argument.clone())
+	}
+
+	pub fn tree(&self) -> &BorrowTree {
+		&self.tree
+	}
+
+	pub fn output(&self) -> NodeId {
+		self.output
+	}
+
+	pub fn output_type(&self) -> Option<Type> {
+		self.typing_context.type_of(self.output).map(|node_io| node_io.return_value.clone())
+	}
+
+	pub fn document_node_types<'a>(&'a self, nodes: impl Iterator<Item = Path> + 'a) -> impl Iterator<Item = (Path, NodeTypes)> + 'a {
+		nodes.flat_map(|id| self.tree.source_map().get(&id).map(|(_, b)| (id, b.clone())))
+		// TODO: https://github.com/GraphiteEditor/Graphite/issues/1767
+		// TODO: Non exposed inputs are not added to the inputs_source_map, so they are not included in the resolved_document_node_types. The type is still available in the typing_context. This only affects the UI-only "Import" node.
+	}
+}
+
+impl<I> Executor<I, TaggedValue> for &DynamicExecutor
+where
+	I: StaticType + 'static + Send + Sync + std::panic::UnwindSafe,
+{
+	fn execute(&self, input: I) -> LocalFuture<'_, Result<TaggedValue, Box<dyn Error>>> {
+		Box::pin(async move {
+			use futures::FutureExt;
+
+			let result = self.tree.eval_tagged_value(self.output, input);
+			let wrapped_result = std::panic::AssertUnwindSafe(result).catch_unwind().await;
+
+			match wrapped_result {
+				Ok(result) => result.map_err(|e| e.into()),
+				Err(e) => {
+					Box::leak(e);
+					Err("Node graph execution panicked".into())
+				}
+			}
+		})
+	}
+}
+pub struct InputMapping {}
+
+#[derive(Debug, Clone, PartialEq, Eq, Hash)]
+pub enum IntrospectError {
+	PathNotFound(Vec<NodeId>),
+	ProtoNodeNotFound(NodeId),
+	NoData,
+	RuntimeNotReady,
+}
+
+impl std::fmt::Display for IntrospectError {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		match self {
+			IntrospectError::PathNotFound(path) => write!(f, "Path not found: {:?}", path),
+			IntrospectError::ProtoNodeNotFound(id) => write!(f, "ProtoNode not found: {:?}", id),
+			IntrospectError::NoData => write!(f, "No data found for this node"),
+			IntrospectError::RuntimeNotReady => write!(f, "Node runtime is not ready"),
+		}
+	}
+}
+
+/// A store of dynamically typed nodes and their associated source map.
+///
+/// [`BorrowTree`] maintains two main data structures:
+/// 1. A map of [`NodeId`]s to their corresponding nodes and paths.
+/// 2. A source map that links document paths to node IDs and their types.
+///
+/// This structure is central to managing the graph of nodes in the interpreter,
+/// allowing for efficient access and manipulation of nodes based on their IDs or paths.
+///
+/// # Fields
+///
+/// * `nodes`: A [`HashMap`] of [`NodeId`]s to tuples of [`SharedNodeContainer`] and [`Path`].
+///   This stores the actual node instances and their associated paths.
+///
+/// * `source_map`: A [`HashMap`] from [`Path`] to tuples of [`NodeId`] and [`NodeTypes`].
+///   This maps document paths to node IDs and their associated type information.
+///
+/// A store of the dynamically typed nodes and also the source map.
+#[derive(Default, Clone)]
+pub struct BorrowTree {
+	/// A hashmap of node IDs and dynamically typed nodes.
+	nodes: HashMap<NodeId, (SharedNodeContainer, Path)>,
+	/// A hashmap from the document path to the proto node ID.
+	source_map: HashMap<Path, (NodeId, NodeTypes)>,
+}
+
+impl BorrowTree {
+	pub async fn new(proto_network: ProtoNetwork, typing_context: &TypingContext) -> Result<BorrowTree, GraphErrors> {
+		let mut nodes = BorrowTree::default();
+		for (id, node) in proto_network.nodes {
+			nodes.push_node(id, node, typing_context).await?
+		}
+		Ok(nodes)
+	}
+
+	/// Pushes new nodes into the tree and return orphaned nodes
+	pub async fn update(&mut self, proto_network: ProtoNetwork, typing_context: &TypingContext) -> Result<(Vec<Path>, HashSet<NodeId>), GraphErrors> {
+		let mut old_nodes: HashSet<_> = self.nodes.keys().copied().collect();
+		let mut new_nodes: Vec<_> = Vec::new();
+		// TODO: Problem: When an identity node is connected directly to an export the first input to identity node is not added to the proto network, while the second input is. This means the primary input does not have a type.
+		for (id, node) in proto_network.nodes {
+			if !self.nodes.contains_key(&id) {
+				new_nodes.push(node.original_location.path.clone().unwrap_or_default().into());
+				self.push_node(id, node, typing_context).await?;
+			} else if self.update_source_map(id, typing_context, &node) {
+				new_nodes.push(node.original_location.path.clone().unwrap_or_default().into());
+			}
+			old_nodes.remove(&id);
+		}
+		Ok((new_nodes, old_nodes))
+	}
+
+	fn node_deps(&self, nodes: &[NodeId]) -> Vec<SharedNodeContainer> {
+		nodes.iter().map(|node| self.nodes.get(node).unwrap().0.clone()).collect()
+	}
+
+	fn store_node(&mut self, node: SharedNodeContainer, id: NodeId, path: Path) {
+		self.nodes.insert(id, (node, path));
+	}
+
+	/// Calls the `Node::serialize` for that specific node, returning for example the cached value for a monitor node. The node path must match the document node path.
+	pub fn introspect(&self, node_path: &[NodeId]) -> Result<Arc<dyn std::any::Any + Send + Sync + 'static>, IntrospectError> {
+		let (id, _) = self.source_map.get(node_path).ok_or_else(|| IntrospectError::PathNotFound(node_path.to_vec()))?;
+		let (node, _path) = self.nodes.get(id).ok_or(IntrospectError::ProtoNodeNotFound(*id))?;
+		node.serialize().ok_or(IntrospectError::NoData)
+	}
+
+	pub fn get(&self, id: NodeId) -> Option<SharedNodeContainer> {
+		self.nodes.get(&id).map(|(node, _)| node.clone())
+	}
+
+	/// Evaluate the output node of the [`BorrowTree`].
+	pub async fn eval<'i, I, O>(&'i self, id: NodeId, input: I) -> Option<O>
+	where
+		I: StaticType + 'i + Send + Sync,
+		O: StaticType + 'i,
+	{
+		let (node, _path) = self.nodes.get(&id).cloned()?;
+		let output = node.eval(Box::new(input));
+		dyn_any::downcast::<O>(output.await).ok().map(|o| *o)
+	}
+	/// Evaluate the output node of the [`BorrowTree`] and cast it to a tagged value.
+	/// This ensures that no borrowed data can escape the node graph.
+	pub async fn eval_tagged_value<I>(&self, id: NodeId, input: I) -> Result<TaggedValue, String>
+	where
+		I: StaticType + 'static + Send + Sync,
+	{
+		let (node, _path) = self.nodes.get(&id).cloned().ok_or("Output node not found in executor")?;
+		let output = node.eval(Box::new(input));
+		TaggedValue::try_from_any(output.await)
+	}
+
+	/// Removes a node from the [`BorrowTree`] and returns its associated path.
+	///
+	/// This method removes the specified node from both the `nodes` HashMap and,
+	/// if applicable, the `source_map` HashMap.
+	///
+	/// # Arguments
+	///
+	/// * `self` - Mutable reference to the [`BorrowTree`].
+	/// * `id` - The `NodeId` of the node to be removed.
+	///
+	/// # Returns
+	///
+	/// [`Option<Path>`] - The path associated with the removed node, or `None` if the node wasn't found.
+	///
+	/// # Example
+	///
+	/// ```rust
+	/// use std::collections::HashMap;
+	/// use graph_craft::document::*;
+	/// use graph_craft::proto::*;
+	/// use interpreted_executor::dynamic_executor::BorrowTree;
+	/// use interpreted_executor::node_registry;
+	///
+	///
+	/// async fn example() -> Result<(), GraphErrors> {
+	///     let (proto_network, node_id, proto_node) = ProtoNetwork::example();
+	///     let typing_context = TypingContext::new(&node_registry::NODE_REGISTRY);
+	///     let mut borrow_tree = BorrowTree::new(proto_network, &typing_context).await?;
+	///     
+	///     // Assert that the node exists in the BorrowTree
+	///     assert!(borrow_tree.get(node_id).is_some(), "Node should exist before removal");
+	///     
+	///     // Remove the node
+	///     let removed_path = borrow_tree.free_node(node_id);
+	///     
+	///     // Assert that the node was successfully removed
+	///     assert!(removed_path.is_some(), "Node removal should return a path");
+	///     assert!(borrow_tree.get(node_id).is_none(), "Node should not exist after removal");
+	///     
+	///     // Try to remove the same node again
+	///     let second_removal = borrow_tree.free_node(node_id);
+	///     
+	///     assert_eq!(second_removal, None, "Second removal should return None");
+	///     
+	///     println!("All assertions passed. free_node function works as expected.");
+	///     
+	///     Ok(())
+	/// }
+	/// ```
+	///
+	/// # Notes
+	///
+	/// - Removes the node from `nodes` HashMap.
+	/// - If the node is the primary node for its path in the `source_map`, it's also removed from there.
+	/// - Returns `None` if the node is not found in the `nodes` HashMap.
+	pub fn free_node(&mut self, id: NodeId) -> Option<Path> {
+		let (_, path) = self.nodes.remove(&id)?;
+		if self.source_map.get(&path)?.0 == id {
+			self.source_map.remove(&path);
+			return Some(path);
+		}
+		None
+	}
+
+	/// Updates the source map for a given node in the [`BorrowTree`].
+	///
+	/// This method updates or inserts an entry in the `source_map` HashMap for the specified node,
+	/// using type information from the provided [`TypingContext`] and [`ProtoNode`].
+	///
+	/// # Arguments
+	///
+	/// * `self` - Mutable reference to the [`BorrowTree`].
+	/// * `id` - The `NodeId` of the node to update in the source map.
+	/// * `typing_context` - A reference to the [`TypingContext`] containing type information.
+	/// * `proto_node` - A reference to the [`ProtoNode`] containing original location information.
+	///
+	/// # Returns
+	///
+	/// `bool` - `true` if a new entry was inserted, `false` if an existing entry was updated.
+	///
+	/// # Notes
+	///
+	/// - Updates or inserts an entry in the `source_map` HashMap.
+	/// - Uses the `ProtoNode`'s original location path as the key for the source map.
+	/// - Collects input types from both the main input and parameters.
+	/// - Returns `false` and logs a warning if the node's type information is not found in the typing context.
+	fn update_source_map(&mut self, id: NodeId, typing_context: &TypingContext, proto_node: &ProtoNode) -> bool {
+		let Some(node_io) = typing_context.type_of(id) else {
+			log::warn!("did not find type");
+			return false;
+		};
+		let inputs = [&node_io.call_argument].into_iter().chain(&node_io.inputs).cloned().collect();
+
+		let node_path = &proto_node.original_location.path.as_ref().unwrap_or(const { &vec![] });
+
+		let entry = self.source_map.entry(node_path.to_vec().into()).or_default();
+
+		let update = (
+			id,
+			NodeTypes {
+				inputs,
+				output: node_io.return_value.clone(),
+			},
+		);
+		let modified = *entry != update;
+		*entry = update;
+		modified
+	}
+
+	/// Inserts a new node into the [`BorrowTree`], calling the constructor function from `node_registry.rs`.
+	///
+	/// This method creates a new node container based on the provided `ProtoNode`, updates the source map,
+	/// and stores the node container in the `BorrowTree`.
+	///
+	///
+	/// # Notes
+	///
+	/// - Updates the source map using [`update_source_map`](BorrowTree::update_source_map) before inserting the node.
+	/// - Handles different types of construction arguments:
+	///   - `Value`: Creates a node from a `TaggedValue`, with special handling for `EditorApi` values.
+	///   - `Inline`: Currently unimplemented. Only used for `rust-gpu` support.
+	///   - `Nodes`: Constructs a node using other nodes as dependencies.
+	/// - Uses the constructor function from the `typing_context` for `Nodes` construction arguments.
+	/// - Returns an error if no constructor is found for the given node ID.
+	async fn push_node(&mut self, id: NodeId, proto_node: ProtoNode, typing_context: &TypingContext) -> Result<(), GraphErrors> {
+		self.update_source_map(id, typing_context, &proto_node);
+		let path = proto_node.original_location.path.clone().unwrap_or_default();
+
+		match &proto_node.construction_args {
+			ConstructionArgs::Value(value) => {
+				let node = if let TaggedValue::EditorApi(api) = &**value {
+					let editor_api = UpcastAsRefNode::new(api.clone());
+					let node = Box::new(editor_api) as TypeErasedBox<'_>;
+					NodeContainer::new(node)
+				} else {
+					let upcasted = UpcastNode::new(value.to_owned());
+					let node = Box::new(upcasted) as TypeErasedBox<'_>;
+					NodeContainer::new(node)
+				};
+				self.store_node(node, id, path.into());
+			}
+			ConstructionArgs::Inline(_) => unimplemented!("Inline nodes are not supported yet"),
+			ConstructionArgs::Nodes(ids) => {
+				let ids: Vec<_> = ids.iter().map(|(id, _)| *id).collect();
+				let construction_nodes = self.node_deps(&ids);
+				let constructor = typing_context.constructor(id).ok_or_else(|| vec![GraphError::new(&proto_node, GraphErrorType::NoConstructor)])?;
+				let node = constructor(construction_nodes).await;
+				let node = NodeContainer::new(node);
+				self.store_node(node, id, path.into());
+			}
+		};
+		Ok(())
+	}
+
+	/// Returns the source map of the borrow tree
+	pub fn source_map(&self) -> &HashMap<Path, (NodeId, NodeTypes)> {
+		&self.source_map
+	}
+}
+
+#[cfg(test)]
+mod test {
+	use super::*;
+	use graph_craft::document::value::TaggedValue;
+
+	#[test]
+	fn push_node_sync() {
+		let mut tree = BorrowTree::default();
+		let val_1_protonode = ProtoNode::value(ConstructionArgs::Value(TaggedValue::U32(2u32).into()), vec![]);
+		let context = TypingContext::default();
+		let future = tree.push_node(NodeId(0), val_1_protonode, &context);
+		futures::executor::block_on(future).unwrap();
+		let _node = tree.get(NodeId(0)).unwrap();
+		let result = futures::executor::block_on(tree.eval(NodeId(0), ()));
+		assert_eq!(result, Some(2u32));
+	}
+}
diff --git a/node-graph/interpreted-executor/src/lib.rs b/node-graph/interpreted-executor/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..097653c2a9babbc86eb116166142480d947e20b4
--- /dev/null
+++ b/node-graph/interpreted-executor/src/lib.rs
@@ -0,0 +1,50 @@
+pub mod dynamic_executor;
+pub mod node_registry;
+pub mod util;
+
+#[cfg(test)]
+mod tests {
+	use futures::executor::block_on;
+	use graphene_core::*;
+
+	#[test]
+	fn double_number() {
+		use graph_craft::document::*;
+		use graph_craft::*;
+
+		let network = NodeNetwork {
+			exports: vec![NodeInput::node(NodeId(1), 0)],
+			nodes: [
+				// Simple identity node taking a number as input from outside the graph
+				(
+					NodeId(0),
+					DocumentNode {
+						inputs: vec![NodeInput::network(concrete!(u32), 0)],
+						implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::IdentityNode")),
+						..Default::default()
+					},
+				),
+				// An add node adding the result of the id node to its self
+				(
+					NodeId(1),
+					DocumentNode {
+						inputs: vec![NodeInput::node(NodeId(0), 0), NodeInput::node(NodeId(0), 0)],
+						implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::ops::AddNode")),
+						..Default::default()
+					},
+				),
+			]
+			.into_iter()
+			.collect(),
+			..Default::default()
+		};
+
+		use crate::dynamic_executor::DynamicExecutor;
+		use graph_craft::graphene_compiler::Compiler;
+
+		let compiler = Compiler {};
+		let protograph = compiler.compile_single(network).expect("Graph should be generated");
+
+		let _exec = block_on(DynamicExecutor::new(protograph)).map(|_e| panic!("The network should not type check ")).unwrap_err();
+	}
+}
diff --git a/node-graph/interpreted-executor/src/node_registry.rs b/node-graph/interpreted-executor/src/node_registry.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ddd71abdbfec576bf4138ac00de08d1d750c8a44
--- /dev/null
+++ b/node-graph/interpreted-executor/src/node_registry.rs
@@ -0,0 +1,291 @@
+use dyn_any::StaticType;
+use glam::{DVec2, IVec2, UVec2};
+use graph_craft::document::value::RenderOutput;
+use graph_craft::proto::{NodeConstructor, TypeErasedBox};
+use graphene_core::raster::color::Color;
+use graphene_core::raster::*;
+use graphene_core::raster_types::{CPU, GPU, RasterDataTable};
+use graphene_core::vector::VectorDataTable;
+use graphene_core::{Artboard, GraphicGroupTable, concrete, generic};
+use graphene_core::{Cow, ProtoNodeIdentifier, Type};
+use graphene_core::{NodeIO, NodeIOTypes};
+use graphene_core::{fn_type_fut, future};
+use graphene_std::Context;
+use graphene_std::GraphicElement;
+#[cfg(feature = "gpu")]
+use graphene_std::any::DowncastBothNode;
+use graphene_std::any::{ComposeTypeErased, DynAnyNode, IntoTypeErasedNode};
+use graphene_std::application_io::{ImageTexture, SurfaceFrame};
+#[cfg(feature = "gpu")]
+use graphene_std::wasm_application_io::{WasmEditorApi, WasmSurfaceHandle};
+use node_registry_macros::{async_node, convert_node, into_node};
+use once_cell::sync::Lazy;
+use std::collections::HashMap;
+#[cfg(feature = "gpu")]
+use std::sync::Arc;
+#[cfg(feature = "gpu")]
+use wgpu_executor::WgpuExecutor;
+use wgpu_executor::{WgpuSurface, WindowHandle};
+
+// TODO: turn into hashmap
+fn node_registry() -> HashMap<ProtoNodeIdentifier, HashMap<NodeIOTypes, NodeConstructor>> {
+	let mut node_types: Vec<(ProtoNodeIdentifier, NodeConstructor, NodeIOTypes)> = vec![
+		into_node!(from: VectorDataTable, to: VectorDataTable),
+		into_node!(from: VectorDataTable, to: GraphicElement),
+		into_node!(from: VectorDataTable, to: GraphicGroupTable),
+		into_node!(from: GraphicGroupTable, to: GraphicGroupTable),
+		into_node!(from: GraphicGroupTable, to: GraphicElement),
+		into_node!(from: RasterDataTable<CPU>, to: RasterDataTable<CPU>),
+		// into_node!(from: RasterDataTable<CPU>, to: RasterDataTable<SRGBA8>),
+		into_node!(from: RasterDataTable<CPU>, to: GraphicElement),
+		into_node!(from: RasterDataTable<GPU>, to: GraphicElement),
+		into_node!(from: RasterDataTable<CPU>, to: GraphicGroupTable),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => RasterDataTable<CPU>]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => ImageTexture]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => VectorDataTable]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => GraphicGroupTable]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => GraphicElement]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => Artboard]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => RasterDataTable<CPU>]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => RasterDataTable<GPU>]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::instances::Instances<Artboard>]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => String]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => IVec2]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => DVec2]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => bool]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => f64]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => u32]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => u64]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => ()]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => Vec<f64>]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => BlendMode]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_std::transform::ReferencePoint]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_path_bool::BooleanOperation]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => Option<Color>]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::vector::style::Fill]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::vector::style::StrokeCap]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::vector::style::StrokeJoin]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::vector::style::PaintOrder]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::vector::style::StrokeAlign]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::vector::style::Stroke]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::vector::style::Gradient]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_core::vector::style::GradientStops]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => Vec<graphene_core::uuid::NodeId>]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => Color]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => Box<graphene_core::vector::VectorModification>]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_std::vector::misc::CentroidType]),
+		async_node!(graphene_core::memo::MonitorNode<_, _, _>, input: Context, fn_params: [Context => graphene_std::vector::misc::PointSpacingType]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => Image<Color>]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => VectorDataTable]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => RasterDataTable<CPU>]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => GraphicGroupTable]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => Vec<DVec2>]),
+		#[cfg(feature = "gpu")]
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => Arc<WasmSurfaceHandle>]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => WindowHandle]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => Option<WgpuSurface>]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => WindowHandle]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => SurfaceFrame]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: UVec2, fn_params: [UVec2 => SurfaceFrame]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => f64]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => String]),
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => RenderOutput]),
+		async_node!(graphene_core::memo::ImpureMemoNode<_, _, _>, input: Context, fn_params: [Context => GraphicElement]),
+		async_node!(graphene_core::memo::ImpureMemoNode<_, _, _>, input: Context, fn_params: [Context => GraphicGroupTable]),
+		async_node!(graphene_core::memo::ImpureMemoNode<_, _, _>, input: Context, fn_params: [Context => VectorDataTable]),
+		async_node!(graphene_core::memo::ImpureMemoNode<_, _, _>, input: Context, fn_params: [Context => GraphicGroupTable]),
+		async_node!(graphene_core::memo::ImpureMemoNode<_, _, _>, input: Context, fn_params: [Context => WgpuSurface]),
+		async_node!(graphene_core::memo::ImpureMemoNode<_, _, _>, input: Context, fn_params: [Context => Option<WgpuSurface>]),
+		async_node!(graphene_core::memo::ImpureMemoNode<_, _, _>, input: Context, fn_params: [Context => ImageTexture]),
+		(
+			ProtoNodeIdentifier::new("graphene_core::structural::ComposeNode"),
+			|args| {
+				Box::pin(async move {
+					let node = ComposeTypeErased::new(args[0].clone(), args[1].clone());
+					node.into_type_erased()
+				})
+			},
+			// This is how we can generically define composition of two nodes.
+			// See further details in the code definition for the `struct ComposeNode<First, Second, I> { ... }` struct.
+			NodeIOTypes::new(
+				generic!(T),
+				generic!(U),
+				vec![Type::Fn(Box::new(generic!(T)), Box::new(generic!(V))), Type::Fn(Box::new(generic!(V)), Box::new(generic!(U)))],
+			),
+		),
+		#[cfg(feature = "gpu")]
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => WgpuSurface]),
+		#[cfg(feature = "gpu")]
+		async_node!(graphene_core::memo::ImpureMemoNode<_, _, _>, input: Context, fn_params: [Context => RasterDataTable<GPU>]),
+		#[cfg(feature = "gpu")]
+		async_node!(graphene_core::memo::MemoNode<_, _>, input: Context, fn_params: [Context => RasterDataTable<GPU>]),
+		#[cfg(feature = "gpu")]
+		into_node!(from: &WasmEditorApi, to: &WgpuExecutor),
+		#[cfg(feature = "gpu")]
+		(
+			ProtoNodeIdentifier::new(stringify!(wgpu_executor::CreateGpuSurfaceNode<_>)),
+			|args| {
+				Box::pin(async move {
+					let editor_api: DowncastBothNode<Context, &WasmEditorApi> = DowncastBothNode::new(args[0].clone());
+					let node = <wgpu_executor::CreateGpuSurfaceNode<_>>::new(editor_api);
+					let any: DynAnyNode<Context, _, _> = DynAnyNode::new(node);
+					Box::new(any) as TypeErasedBox
+				})
+			},
+			{
+				let node = <wgpu_executor::CreateGpuSurfaceNode<_>>::new(graphene_std::any::PanicNode::<Context, dyn_any::DynFuture<'static, &WasmEditorApi>>::new());
+				let params = vec![fn_type_fut!(Context, &WasmEditorApi)];
+				let mut node_io = <wgpu_executor::CreateGpuSurfaceNode<_> as NodeIO<'_, Context>>::to_async_node_io(&node, params);
+				node_io.call_argument = concrete!(<Context as StaticType>::Static);
+				node_io
+			},
+		),
+	];
+	node_types.extend(
+		[
+			convert_node!(from: f32, to: numbers),
+			convert_node!(from: f64, to: numbers),
+			convert_node!(from: i8, to: numbers),
+			convert_node!(from: u8, to: numbers),
+			convert_node!(from: u16, to: numbers),
+			convert_node!(from: i16, to: numbers),
+			convert_node!(from: i32, to: numbers),
+			convert_node!(from: u32, to: numbers),
+			convert_node!(from: i64, to: numbers),
+			convert_node!(from: u64, to: numbers),
+			convert_node!(from: i128, to: numbers),
+			convert_node!(from: u128, to: numbers),
+			convert_node!(from: isize, to: numbers),
+			convert_node!(from: usize, to: numbers),
+		]
+		.into_iter()
+		.flatten(),
+	);
+
+	let mut map: HashMap<ProtoNodeIdentifier, HashMap<NodeIOTypes, NodeConstructor>> = HashMap::new();
+
+	for (id, entry) in graphene_core::registry::NODE_REGISTRY.lock().unwrap().iter() {
+		for (constructor, types) in entry.iter() {
+			map.entry(id.clone().into()).or_default().insert(types.clone(), *constructor);
+		}
+	}
+
+	for (id, c, types) in node_types.into_iter() {
+		// TODO: this is a hack to remove the newline from the node new_name
+		// This occurs for the ChannelMixerNode presumably because of the long name.
+		// This might be caused by the stringify! macro
+		let mut new_name = id.name.replace('\n', " ");
+
+		// Remove struct generics for all nodes except for the IntoNode and ConvertNode
+		if !(new_name.contains("IntoNode") || new_name.contains("ConvertNode")) {
+			if let Some((path, _generics)) = new_name.split_once("<") {
+				new_name = path.to_string();
+			}
+		}
+
+		let nid = ProtoNodeIdentifier { name: Cow::Owned(new_name) };
+		map.entry(nid).or_default().insert(types.clone(), c);
+	}
+
+	map
+}
+
+pub static NODE_REGISTRY: Lazy<HashMap<ProtoNodeIdentifier, HashMap<NodeIOTypes, NodeConstructor>>> = Lazy::new(|| node_registry());
+
+mod node_registry_macros {
+	macro_rules! async_node {
+		// TODO: we currently need to annotate the type here because the compiler would otherwise (correctly)
+		// TODO: assign a Pin<Box<dyn Future<Output=T>>> type to the node, which is not what we want for now.
+		//
+		// This `params` variant of the macro wraps the normal `fn_params` variant and is used as a shorthand for writing `T` instead of `() => T`
+		($path:ty, input: $input:ty, params: [$($type:ty),*]) => {
+			async_node!($path, input: $input, fn_params: [ $(() => $type),*])
+		};
+		($path:ty, input: $input:ty, fn_params: [$($arg:ty => $type:ty),*]) => {
+			(
+				ProtoNodeIdentifier::new(stringify!($path)),
+				|mut args| {
+					Box::pin(async move {
+						args.reverse();
+						let node = <$path>::new($(graphene_std::any::downcast_node::<$arg, $type>(args.pop().expect("Not enough arguments provided to construct node"))),*);
+						let any: DynAnyNode<$input, _, _> = graphene_std::any::DynAnyNode::new(node);
+						Box::new(any) as TypeErasedBox
+					})
+				},
+				{
+					let node = <$path>::new($(
+						graphene_std::any::PanicNode::<$arg, core::pin::Pin<Box<dyn core::future::Future<Output = $type> + Send>>>::new()
+					),*);
+					let params = vec![$(fn_type_fut!($arg, $type)),*];
+					let mut node_io = NodeIO::<'_, $input>::to_async_node_io(&node, params);
+					node_io.call_argument = concrete!(<$input as StaticType>::Static);
+					node_io
+				},
+			)
+		};
+	}
+
+	macro_rules! into_node {
+		(from: $from:ty, to: $to:ty) => {
+			(
+				ProtoNodeIdentifier::new(concat!["graphene_core::ops::IntoNode<", stringify!($to), ">"]),
+				|_| {
+					Box::pin(async move {
+						let node = graphene_core::ops::IntoNode::<$to>::new();
+						let any: DynAnyNode<$from, _, _> = graphene_std::any::DynAnyNode::new(node);
+						Box::new(any) as TypeErasedBox
+					})
+				},
+				{
+					let node = graphene_core::ops::IntoNode::<$to>::new();
+					let mut node_io = NodeIO::<'_, $from>::to_async_node_io(&node, vec![]);
+					node_io.call_argument = future!(<$from as StaticType>::Static);
+					node_io
+				},
+			)
+		};
+	}
+	macro_rules! convert_node {
+		(from: $from:ty, to: numbers) => {{
+			let x: Vec<(ProtoNodeIdentifier, NodeConstructor, NodeIOTypes)> = vec![
+				convert_node!(from: $from, to: f32),
+				convert_node!(from: $from, to: f64),
+				convert_node!(from: $from, to: i8),
+				convert_node!(from: $from, to: u8),
+				convert_node!(from: $from, to: u16),
+				convert_node!(from: $from, to: i16),
+				convert_node!(from: $from, to: i32),
+				convert_node!(from: $from, to: u32),
+				convert_node!(from: $from, to: i64),
+				convert_node!(from: $from, to: u64),
+				convert_node!(from: $from, to: i128),
+				convert_node!(from: $from, to: u128),
+				convert_node!(from: $from, to: isize),
+				convert_node!(from: $from, to: usize),
+			];
+			x
+		}};
+		(from: $from:ty, to: $to:ty) => {
+			(
+				ProtoNodeIdentifier::new(concat!["graphene_core::ops::ConvertNode<", stringify!($to), ">"]),
+				|_| {
+					Box::pin(async move {
+						let node = graphene_core::ops::ConvertNode::<$to>::new();
+						let any: DynAnyNode<$from, _, _> = graphene_std::any::DynAnyNode::new(node);
+						Box::new(any) as TypeErasedBox
+					})
+				},
+				{
+					let node = graphene_core::ops::ConvertNode::<$to>::new();
+					let mut node_io = NodeIO::<'_, $from>::to_async_node_io(&node, vec![]);
+					node_io.call_argument = future!(<$from as StaticType>::Static);
+					node_io
+				},
+			)
+		};
+	}
+
+	pub(crate) use async_node;
+	pub(crate) use convert_node;
+	pub(crate) use into_node;
+}
diff --git a/node-graph/interpreted-executor/src/util.rs b/node-graph/interpreted-executor/src/util.rs
new file mode 100644
index 0000000000000000000000000000000000000000..ab4c744e36b7730efa85b731f9e47cd8fbfc5524
--- /dev/null
+++ b/node-graph/interpreted-executor/src/util.rs
@@ -0,0 +1,84 @@
+use graph_craft::ProtoNodeIdentifier;
+use graph_craft::concrete;
+use graph_craft::document::value::TaggedValue;
+use graph_craft::document::{DocumentNode, DocumentNodeImplementation, NodeInput, NodeNetwork};
+use graph_craft::generic;
+use graph_craft::wasm_application_io::WasmEditorApi;
+use graphene_std::Context;
+use graphene_std::uuid::NodeId;
+use std::sync::Arc;
+
+// TODO: this is copy pasta from the editor (and does get out of sync)
+pub fn wrap_network_in_scope(mut network: NodeNetwork, editor_api: Arc<WasmEditorApi>) -> NodeNetwork {
+	network.generate_node_paths(&[]);
+
+	let inner_network = DocumentNode {
+		implementation: DocumentNodeImplementation::Network(network),
+		inputs: vec![],
+		..Default::default()
+	};
+
+	// TODO: Replace with "Output" definition?
+	// let render_node = resolve_document_node_type("Output")
+	// 	.expect("Output node type not found")
+	// 	.node_template_input_override(vec![Some(NodeInput::node(NodeId(1), 0)), Some(NodeInput::node(NodeId(0), 1))])
+	// 	.document_node;
+
+	let render_node = DocumentNode {
+		inputs: vec![NodeInput::node(NodeId(0), 0), NodeInput::node(NodeId(2), 0)],
+		implementation: DocumentNodeImplementation::Network(NodeNetwork {
+			exports: vec![NodeInput::node(NodeId(2), 0)],
+			nodes: [
+				DocumentNode {
+					inputs: vec![NodeInput::scope("editor-api")],
+					manual_composition: Some(concrete!(Context)),
+					implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("wgpu_executor::CreateGpuSurfaceNode")),
+					skip_deduplication: true,
+					..Default::default()
+				},
+				DocumentNode {
+					manual_composition: Some(concrete!(Context)),
+					inputs: vec![NodeInput::node(NodeId(0), 0)],
+					implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_core::memo::MemoNode")),
+					..Default::default()
+				},
+				// TODO: Add conversion step
+				DocumentNode {
+					manual_composition: Some(concrete!(graphene_std::application_io::RenderConfig)),
+					inputs: vec![
+						NodeInput::scope("editor-api"),
+						NodeInput::network(graphene_core::Type::Fn(Box::new(concrete!(Context)), Box::new(generic!(T))), 0),
+						NodeInput::node(NodeId(1), 0),
+					],
+					implementation: DocumentNodeImplementation::ProtoNode(ProtoNodeIdentifier::new("graphene_std::wasm_application_io::RenderNode")),
+					..Default::default()
+				},
+			]
+			.into_iter()
+			.enumerate()
+			.map(|(id, node)| (NodeId(id as u64), node))
+			.collect(),
+			..Default::default()
+		}),
+		..Default::default()
+	};
+
+	// wrap the inner network in a scope
+	let nodes = vec![
+		inner_network,
+		render_node,
+		DocumentNode {
+			implementation: DocumentNodeImplementation::proto("graphene_core::ops::IdentityNode"),
+			inputs: vec![NodeInput::value(TaggedValue::EditorApi(editor_api), false)],
+			..Default::default()
+		},
+	];
+
+	NodeNetwork {
+		exports: vec![NodeInput::node(NodeId(1), 0)],
+		nodes: nodes.into_iter().enumerate().map(|(id, node)| (NodeId(id as u64), node)).collect(),
+		scope_injections: [("editor-api".to_string(), (NodeId(2), concrete!(&WasmEditorApi)))].into_iter().collect(),
+		// TODO(TrueDoctor): check if it makes sense to set `generated` to `true`
+		generated: false,
+	}
+}
diff --git a/node-graph/node-macro/Cargo.toml b/node-graph/node-macro/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..b63ce4927d2abe8d7c7d5f24fbafa18e40da7009
--- /dev/null
+++ b/node-graph/node-macro/Cargo.toml
@@ -0,0 +1,29 @@
+[package]
+name = "node-macro"
+publish = false
+version = "0.0.0"
+rust-version = "1.85"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+edition = "2024"
+readme = "../../README.md"
+homepage = "https://graphite.rs"
+repository = "https://github.com/GraphiteEditor/Graphite"
+license = "Apache-2.0"
+
+[lib]
+proc-macro = true
+
+[dependencies]
+# Workspace dependencies
+syn = { workspace = true }
+proc-macro2 = { workspace = true }
+quote = { workspace = true }
+convert_case = { workspace = true }
+
+indoc = "2.0.5"
+proc-macro-crate = "3.1.0"
+proc-macro-error2 = "2"
+
+[dev-dependencies]
+graphene-core = { workspace = true }
+
diff --git a/node-graph/node-macro/src/codegen.rs b/node-graph/node-macro/src/codegen.rs
new file mode 100644
index 0000000000000000000000000000000000000000..bb3ac0082cbd102392059946514dfbd475e4830e
--- /dev/null
+++ b/node-graph/node-macro/src/codegen.rs
@@ -0,0 +1,737 @@
+use crate::parsing::*;
+use convert_case::{Case, Casing};
+use proc_macro_crate::FoundCrate;
+use proc_macro2::TokenStream as TokenStream2;
+use quote::{format_ident, quote, quote_spanned};
+use std::sync::atomic::AtomicU64;
+use syn::punctuated::Punctuated;
+use syn::spanned::Spanned;
+use syn::token::Comma;
+use syn::{Error, Ident, PatIdent, Token, WhereClause, WherePredicate, parse_quote};
+static NODE_ID: AtomicU64 = AtomicU64::new(0);
+
+pub(crate) fn generate_node_code(parsed: &ParsedNodeFn) -> syn::Result<TokenStream2> {
+	let ParsedNodeFn {
+		vis,
+		attributes,
+		fn_name,
+		struct_name,
+		mod_name,
+		fn_generics,
+		where_clause,
+		input,
+		output_type,
+		is_async,
+		fields,
+		body,
+		crate_name: graphene_core_crate,
+		description,
+		..
+	} = parsed;
+
+	let category = &attributes.category.as_ref().map(|value| quote!(Some(#value))).unwrap_or(quote!(None));
+	let mod_name = format_ident!("_{}_mod", mod_name);
+
+	let display_name = match &attributes.display_name.as_ref() {
+		Some(lit) => lit.value(),
+		None => struct_name.to_string().to_case(Case::Title),
+	};
+	let struct_name = format_ident!("{}Node", struct_name);
+
+	let struct_generics: Vec<Ident> = fields.iter().enumerate().map(|(i, _)| format_ident!("Node{}", i)).collect();
+	let input_ident = &input.pat_ident;
+
+	let field_idents: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { pat_ident, .. } | ParsedField::Node { pat_ident, .. } => pat_ident,
+		})
+		.collect();
+	let field_names: Vec<_> = field_idents.iter().map(|pat_ident| &pat_ident.ident).collect();
+
+	let input_names: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { name, .. } | ParsedField::Node { name, .. } => name,
+		})
+		.zip(field_names.iter())
+		.map(|zipped| match zipped {
+			(Some(name), _) => name.value(),
+			(_, name) => name.to_string().to_case(Case::Title),
+		})
+		.collect();
+
+	let input_descriptions: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { description, .. } | ParsedField::Node { description, .. } => description,
+		})
+		.collect();
+
+	let struct_fields = field_names.iter().zip(struct_generics.iter()).map(|(name, r#gen)| {
+		quote! { pub(super) #name: #r#gen }
+	});
+
+	let graphene_core = match graphene_core_crate {
+		FoundCrate::Itself => quote!(crate),
+		FoundCrate::Name(name) => {
+			let ident = Ident::new(name, proc_macro2::Span::call_site());
+			quote!( #ident )
+		}
+	};
+
+	let mut future_idents = Vec::new();
+
+	let field_types: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { ty, .. } => ty.clone(),
+			ParsedField::Node { output_type, input_type, .. } => match parsed.is_async {
+				true => parse_quote!(&'n impl #graphene_core::Node<'n, #input_type, Output = impl core::future::Future<Output=#output_type>>),
+				false => parse_quote!(&'n impl #graphene_core::Node<'n, #input_type, Output = #output_type>),
+			},
+		})
+		.collect();
+
+	let widget_override: Vec<_> = fields
+		.iter()
+		.map(|field| {
+			let parsed_widget_override = match field {
+				ParsedField::Regular { widget_override, .. } => widget_override,
+				ParsedField::Node { widget_override, .. } => widget_override,
+			};
+			match parsed_widget_override {
+				ParsedWidgetOverride::None => quote!(RegistryWidgetOverride::None),
+				ParsedWidgetOverride::Hidden => quote!(RegistryWidgetOverride::Hidden),
+				ParsedWidgetOverride::String(lit_str) => quote!(RegistryWidgetOverride::String(#lit_str)),
+				ParsedWidgetOverride::Custom(lit_str) => quote!(RegistryWidgetOverride::Custom(#lit_str)),
+			}
+		})
+		.collect();
+
+	let value_sources: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { value_source, .. } => match value_source {
+				ParsedValueSource::Default(data) => quote!(RegistryValueSource::Default(stringify!(#data))),
+				ParsedValueSource::Scope(data) => quote!(RegistryValueSource::Scope(#data)),
+				_ => quote!(RegistryValueSource::None),
+			},
+			_ => quote!(RegistryValueSource::None),
+		})
+		.collect();
+
+	let default_types: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { implementations, .. } => match implementations.first() {
+				Some(ty) => quote!(Some(concrete!(#ty))),
+				_ => quote!(None),
+			},
+			_ => quote!(None),
+		})
+		.collect();
+
+	let number_min_values: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { number_soft_min, number_hard_min, .. } => match (number_soft_min, number_hard_min) {
+				(Some(soft_min), _) => quote!(Some(#soft_min)),
+				(None, Some(hard_min)) => quote!(Some(#hard_min)),
+				(None, None) => quote!(None),
+			},
+			_ => quote!(None),
+		})
+		.collect();
+	let number_max_values: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { number_soft_max, number_hard_max, .. } => match (number_soft_max, number_hard_max) {
+				(Some(soft_max), _) => quote!(Some(#soft_max)),
+				(None, Some(hard_max)) => quote!(Some(#hard_max)),
+				(None, None) => quote!(None),
+			},
+			_ => quote!(None),
+		})
+		.collect();
+	let number_mode_range_values: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular {
+				number_mode_range: Some(number_mode_range),
+				..
+			} => quote!(Some(#number_mode_range)),
+			_ => quote!(None),
+		})
+		.collect();
+	let number_display_decimal_places: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular {
+				number_display_decimal_places: Some(decimal_places),
+				..
+			}
+			| ParsedField::Node {
+				number_display_decimal_places: Some(decimal_places),
+				..
+			} => {
+				quote!(Some(#decimal_places))
+			}
+			_ => quote!(None),
+		})
+		.collect();
+	let number_step: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { number_step: Some(step), .. } | ParsedField::Node { number_step: Some(step), .. } => {
+				quote!(Some(#step))
+			}
+			_ => quote!(None),
+		})
+		.collect();
+
+	let unit_suffix: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { unit: Some(unit), .. } | ParsedField::Node { unit: Some(unit), .. } => {
+				quote!(Some(#unit))
+			}
+			_ => quote!(None),
+		})
+		.collect();
+
+	let exposed: Vec<_> = fields
+		.iter()
+		.map(|field| match field {
+			ParsedField::Regular { exposed, .. } => quote!(#exposed),
+			_ => quote!(true),
+		})
+		.collect();
+
+	let eval_args = fields.iter().map(|field| match field {
+		ParsedField::Regular { pat_ident, .. } => {
+			let name = &pat_ident.ident;
+			quote! { let #name = self.#name.eval(__input.clone()).await; }
+		}
+		ParsedField::Node { pat_ident, .. } => {
+			let name = &pat_ident.ident;
+			quote! { let #name = &self.#name; }
+		}
+	});
+
+	let min_max_args = fields.iter().map(|field| match field {
+		ParsedField::Regular {
+			pat_ident,
+			number_hard_min,
+			number_hard_max,
+			..
+		} => {
+			let name = &pat_ident.ident;
+			let mut tokens = quote!();
+			if let Some(min) = number_hard_min {
+				tokens.extend(quote_spanned! {min.span()=>
+					let #name = #graphene_core::misc::Clampable::clamp_hard_min(#name, #min);
+				});
+			}
+
+			if let Some(max) = number_hard_max {
+				tokens.extend(quote_spanned! {max.span()=>
+					let #name = #graphene_core::misc::Clampable::clamp_hard_max(#name, #max);
+				});
+			}
+			tokens
+		}
+		ParsedField::Node { .. } => {
+			quote!()
+		}
+	});
+
+	let all_implementation_types = fields.iter().flat_map(|field| match field {
+		ParsedField::Regular { implementations, .. } => implementations.into_iter().cloned().collect::<Vec<_>>(),
+		ParsedField::Node { implementations, .. } => implementations
+			.into_iter()
+			.flat_map(|implementation| [implementation.input.clone(), implementation.output.clone()])
+			.collect(),
+	});
+	let all_implementation_types = all_implementation_types.chain(input.implementations.iter().cloned());
+
+	let input_type = &parsed.input.ty;
+	let mut clauses = Vec::new();
+	let mut clampable_clauses = Vec::new();
+
+	for (field, name) in fields.iter().zip(struct_generics.iter()) {
+		clauses.push(match (field, *is_async) {
+			(
+				ParsedField::Regular {
+					ty, number_hard_min, number_hard_max, ..
+				},
+				_,
+			) => {
+				let all_lifetime_ty = substitute_lifetimes(ty.clone(), "all");
+				let id = future_idents.len();
+				let fut_ident = format_ident!("F{}", id);
+				future_idents.push(fut_ident.clone());
+
+				// Add Clampable bound if this field uses hard_min or hard_max
+				if number_hard_min.is_some() || number_hard_max.is_some() {
+					// The bound applies to the Output type of the future, which is #ty
+					clampable_clauses.push(quote!(#ty: #graphene_core::misc::Clampable));
+				}
+
+				quote!(
+					#fut_ident: core::future::Future<Output = #ty> + #graphene_core::WasmNotSend + 'n,
+					for<'all> #all_lifetime_ty: #graphene_core::WasmNotSend,
+					#name: #graphene_core::Node<'n, #input_type, Output = #fut_ident> + #graphene_core::WasmNotSync
+				)
+			}
+			(ParsedField::Node { input_type, output_type, .. }, true) => {
+				let id = future_idents.len();
+				let fut_ident = format_ident!("F{}", id);
+				future_idents.push(fut_ident.clone());
+
+				quote!(
+					#fut_ident: core::future::Future<Output = #output_type> + #graphene_core::WasmNotSend + 'n,
+					#name: #graphene_core::Node<'n, #input_type, Output = #fut_ident > + #graphene_core::WasmNotSync
+				)
+			}
+			(ParsedField::Node { .. }, false) => unreachable!(),
+		});
+	}
+	let where_clause = where_clause.clone().unwrap_or(WhereClause {
+		where_token: Token![where](output_type.span()),
+		predicates: Default::default(),
+	});
+
+	let mut struct_where_clause = where_clause.clone();
+	let extra_where: Punctuated<WherePredicate, Comma> = parse_quote!(
+		#(#clauses,)*
+		#(#clampable_clauses,)*
+		#output_type: 'n,
+	);
+	struct_where_clause.predicates.extend(extra_where);
+
+	let new_args = struct_generics.iter().zip(field_names.iter()).map(|(r#gen, name)| {
+		quote! { #name: #r#gen }
+	});
+
+	let async_keyword = is_async.then(|| quote!(async));
+	let await_keyword = is_async.then(|| quote!(.await));
+
+	let eval_impl = quote! {
+		type Output = #graphene_core::registry::DynFuture<'n, #output_type>;
+		#[inline]
+		fn eval(&'n self, __input: #input_type) -> Self::Output {
+			Box::pin(async move {
+				use #graphene_core::misc::Clampable;
+
+				#(#eval_args)*
+				#(#min_max_args)*
+				self::#fn_name(__input #(, #field_names)*) #await_keyword
+			})
+		}
+	};
+	let path = match parsed.attributes.path {
+		Some(ref path) => quote!(stringify!(#path).replace(' ', "")),
+		None => quote!(std::module_path!().rsplit_once("::").unwrap().0),
+	};
+	let identifier = quote!(format!("{}::{}", #path, stringify!(#struct_name)));
+
+	let register_node_impl = generate_register_node_impl(parsed, &field_names, &struct_name, &identifier)?;
+	let import_name = format_ident!("_IMPORT_STUB_{}", mod_name.to_string().to_case(Case::UpperSnake));
+
+	let properties = &attributes.properties_string.as_ref().map(|value| quote!(Some(#value))).unwrap_or(quote!(None));
+
+	let node_input_accessor = generate_node_input_references(parsed, fn_generics, &field_idents, &graphene_core, &identifier);
+	Ok(quote! {
+		/// Underlying implementation for [#struct_name]
+		#[inline]
+		#[allow(clippy::too_many_arguments)]
+		#vis #async_keyword fn #fn_name <'n, #(#fn_generics,)*> (#input_ident: #input_type #(, #field_idents: #field_types)*) -> #output_type #where_clause #body
+
+		#[automatically_derived]
+		impl<'n, #(#fn_generics,)* #(#struct_generics,)* #(#future_idents,)*> #graphene_core::Node<'n, #input_type> for #mod_name::#struct_name<#(#struct_generics,)*>
+		#struct_where_clause
+		{
+			#eval_impl
+		}
+		#[doc(inline)]
+		pub use #mod_name::#struct_name;
+
+		#[doc(hidden)]
+		#node_input_accessor
+
+		#[doc(hidden)]
+		mod #mod_name {
+			use super::*;
+			use #graphene_core as gcore;
+			use gcore::{Node, NodeIOTypes, concrete, fn_type, fn_type_fut, future, ProtoNodeIdentifier, WasmNotSync, NodeIO};
+			use gcore::value::ClonedNode;
+			use gcore::ops::TypeNode;
+			use gcore::registry::{NodeMetadata, FieldMetadata, NODE_REGISTRY, NODE_METADATA, DynAnyNode, DowncastBothNode, DynFuture, TypeErasedBox, PanicNode, RegistryValueSource, RegistryWidgetOverride};
+			use gcore::ctor::ctor;
+
+			// Use the types specified in the implementation
+
+			static #import_name: core::marker::PhantomData<(#(#all_implementation_types,)*)> = core::marker::PhantomData;
+
+			#[derive(Debug, Copy, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]
+			pub struct #struct_name<#(#struct_generics,)*> {
+				#(#struct_fields,)*
+			}
+
+			#[automatically_derived]
+			impl<'n, #(#struct_generics,)*> #struct_name<#(#struct_generics,)*>
+			{
+				#[allow(clippy::too_many_arguments)]
+				pub fn new(#(#new_args,)*) -> Self {
+					Self {
+						#(#field_names,)*
+					}
+				}
+			}
+
+			#register_node_impl
+
+			#[cfg_attr(not(target_arch = "wasm32"), ctor)]
+			fn register_metadata() {
+				let metadata = NodeMetadata {
+					display_name: #display_name,
+					category: #category,
+					description: #description,
+					properties: #properties,
+					fields: vec![
+						#(
+							FieldMetadata {
+								name: #input_names,
+								widget_override: #widget_override,
+								description: #input_descriptions,
+								exposed: #exposed,
+								value_source: #value_sources,
+								default_type: #default_types,
+								number_min: #number_min_values,
+								number_max: #number_max_values,
+								number_mode_range: #number_mode_range_values,
+								number_display_decimal_places: #number_display_decimal_places,
+								number_step: #number_step,
+								unit: #unit_suffix,
+							},
+						)*
+					],
+				};
+				NODE_METADATA.lock().unwrap().insert(#identifier, metadata);
+			}
+		}
+	})
+}
+
+/// Generates strongly typed utilites to access inputs
+fn generate_node_input_references(parsed: &ParsedNodeFn, fn_generics: &[crate::GenericParam], field_idents: &[&PatIdent], graphene_core: &TokenStream2, identifier: &TokenStream2) -> TokenStream2 {
+	if parsed.attributes.skip_impl {
+		return quote! {};
+	}
+	let inputs_module_name = format_ident!("{}", parsed.struct_name.to_string().to_case(Case::Snake));
+
+	let (mut modified, mut generic_collector) = FilterUsedGenerics::new(fn_generics);
+
+	let mut generated_input_accessor = Vec::new();
+	for (input_index, (parsed_input, input_ident)) in parsed.fields.iter().zip(field_idents).enumerate() {
+		let mut ty = match parsed_input {
+			ParsedField::Regular { ty, .. } => ty,
+			ParsedField::Node { output_type, .. } => output_type,
+		}
+		.clone();
+
+		// We only want the necessary generics.
+		let used = generic_collector.filter_unnecessary_generics(&mut modified, &mut ty);
+		// TODO: figure out a better name that doesn't conflict with so many types
+		let struct_name = format_ident!("{}Input", input_ident.ident.to_string().to_case(Case::Pascal));
+		let (fn_generic_params, phantom_data_declerations) = generate_phantom_data(used.iter());
+
+		// Only create structs with phantom data where necessary.
+		generated_input_accessor.push(if phantom_data_declerations.is_empty() {
+			quote! {
+				pub struct #struct_name;
+			}
+		} else {
+			quote! {
+				pub struct #struct_name <#(#used),*>{
+					#(#phantom_data_declerations,)*
+				}
+			}
+		});
+		generated_input_accessor.push(quote! {
+			impl <#(#used),*> #graphene_core::NodeInputDecleration for #struct_name <#(#fn_generic_params),*> {
+				const INDEX: usize = #input_index;
+				fn identifier() -> &'static str {
+					protonode_identifier()
+				}
+				type Result = #ty;
+			}
+		})
+	}
+
+	quote! {
+		pub mod #inputs_module_name {
+			use super::*;
+
+			pub fn protonode_identifier() -> &'static str {
+				// Storing the string in a once lock should reduce allocations (since we call this in a loop)?
+				static NODE_NAME: std::sync::OnceLock<String> = std::sync::OnceLock::new();
+				NODE_NAME.get_or_init(|| #identifier )
+			}
+			#(#generated_input_accessor)*
+		}
+	}
+}
+
+/// It is necessary to generate PhantomData for each fn generic to avoid compiler errors.
+fn generate_phantom_data<'a>(fn_generics: impl Iterator<Item = &'a crate::GenericParam>) -> (Vec<TokenStream2>, Vec<TokenStream2>) {
+	let mut phantom_data_declerations = Vec::new();
+	let mut fn_generic_params = Vec::new();
+
+	for fn_generic_param in fn_generics {
+		let field_name = format_ident!("phantom_{}", phantom_data_declerations.len());
+
+		match fn_generic_param {
+			crate::GenericParam::Lifetime(lifetime_param) => {
+				let lifetime = &lifetime_param.lifetime;
+
+				fn_generic_params.push(quote! {#lifetime});
+				phantom_data_declerations.push(quote! {#field_name: core::marker::PhantomData<&#lifetime ()>})
+			}
+			crate::GenericParam::Type(type_param) => {
+				let generic_name = &type_param.ident;
+
+				fn_generic_params.push(quote! {#generic_name});
+				phantom_data_declerations.push(quote! {#field_name: core::marker::PhantomData<#generic_name>});
+			}
+			_ => {}
+		}
+	}
+	(fn_generic_params, phantom_data_declerations)
+}
+
+fn generate_register_node_impl(parsed: &ParsedNodeFn, field_names: &[&Ident], struct_name: &Ident, identifier: &TokenStream2) -> Result<TokenStream2, Error> {
+	if parsed.attributes.skip_impl {
+		return Ok(quote!());
+	}
+
+	let mut constructors = Vec::new();
+	let unit = parse_quote!(gcore::Context);
+	let parameter_types: Vec<_> = parsed
+		.fields
+		.iter()
+		.map(|field| {
+			match field {
+				ParsedField::Regular { implementations, ty, .. } => {
+					if !implementations.is_empty() {
+						implementations.iter().map(|ty| (&unit, ty)).collect()
+					} else {
+						vec![(&unit, ty)]
+					}
+				}
+				ParsedField::Node {
+					implementations,
+					input_type,
+					output_type,
+					..
+				} => {
+					if !implementations.is_empty() {
+						implementations.iter().map(|impl_| (&impl_.input, &impl_.output)).collect()
+					} else {
+						vec![(input_type, output_type)]
+					}
+				}
+			}
+			.into_iter()
+			.map(|(input, out)| (substitute_lifetimes(input.clone(), "_"), substitute_lifetimes(out.clone(), "_")))
+			.collect::<Vec<_>>()
+		})
+		.collect();
+
+	let max_implementations = parameter_types.iter().map(|x| x.len()).chain([parsed.input.implementations.len().max(1)]).max();
+
+	for i in 0..max_implementations.unwrap_or(0) {
+		let mut temp_constructors = Vec::new();
+		let mut temp_node_io = Vec::new();
+		let mut panic_node_types = Vec::new();
+
+		for (j, types) in parameter_types.iter().enumerate() {
+			let field_name = field_names[j];
+			let (input_type, output_type) = &types[i.min(types.len() - 1)];
+
+			let node = matches!(parsed.fields[j], ParsedField::Node { .. });
+
+			let downcast_node = quote!(
+				let #field_name: DowncastBothNode<#input_type, #output_type> = DowncastBothNode::new(args[#j].clone());
+			);
+			if node && !parsed.is_async {
+				return Err(Error::new_spanned(&parsed.fn_name, "Node needs to be async if you want to use lambda parameters"));
+			}
+			temp_constructors.push(downcast_node);
+			temp_node_io.push(quote!(fn_type_fut!(#input_type, #output_type, alias: #output_type)));
+			panic_node_types.push(quote!(#input_type, DynFuture<'static, #output_type>));
+		}
+		let input_type = match parsed.input.implementations.is_empty() {
+			true => parsed.input.ty.clone(),
+			false => parsed.input.implementations[i.min(parsed.input.implementations.len() - 1)].clone(),
+		};
+		constructors.push(quote!(
+			(
+				|args| {
+					Box::pin(async move {
+						#(#temp_constructors;)*
+						let node = #struct_name::new(#(#field_names,)*);
+						// try polling futures
+						let any: DynAnyNode<#input_type, _, _> = DynAnyNode::new(node);
+						Box::new(any) as TypeErasedBox<'_>
+					})
+				}, {
+					let node = #struct_name::new(#(PanicNode::<#panic_node_types>::new(),)*);
+					let params = vec![#(#temp_node_io,)*];
+					let mut node_io = NodeIO::<'_, #input_type>::to_async_node_io(&node, params);
+					node_io
+
+				}
+			)
+		));
+	}
+	let registry_name = format_ident!("__node_registry_{}_{}", NODE_ID.fetch_add(1, std::sync::atomic::Ordering::SeqCst), struct_name);
+
+	Ok(quote! {
+
+		#[cfg_attr(not(target_arch = "wasm32"), ctor)]
+		fn register_node() {
+			let mut registry = NODE_REGISTRY.lock().unwrap();
+			registry.insert(
+				#identifier,
+				vec![
+					#(#constructors,)*
+				]
+			);
+		}
+		#[cfg(target_arch = "wasm32")]
+		#[unsafe(no_mangle)]
+		extern "C" fn #registry_name() {
+			register_node();
+			register_metadata();
+		}
+	})
+}
+
+use syn::visit_mut::VisitMut;
+use syn::{GenericArgument, Lifetime, Type};
+
+struct LifetimeReplacer(&'static str);
+
+impl VisitMut for LifetimeReplacer {
+	fn visit_lifetime_mut(&mut self, lifetime: &mut Lifetime) {
+		lifetime.ident = Ident::new(self.0, lifetime.ident.span());
+	}
+
+	fn visit_type_mut(&mut self, ty: &mut Type) {
+		match ty {
+			Type::Reference(type_reference) => {
+				if let Some(lifetime) = &mut type_reference.lifetime {
+					self.visit_lifetime_mut(lifetime);
+				}
+				self.visit_type_mut(&mut type_reference.elem);
+			}
+			_ => syn::visit_mut::visit_type_mut(self, ty),
+		}
+	}
+
+	fn visit_generic_argument_mut(&mut self, arg: &mut GenericArgument) {
+		if let GenericArgument::Lifetime(lifetime) = arg {
+			self.visit_lifetime_mut(lifetime);
+		} else {
+			syn::visit_mut::visit_generic_argument_mut(self, arg);
+		}
+	}
+}
+
+#[must_use]
+fn substitute_lifetimes(mut ty: Type, lifetime: &'static str) -> Type {
+	LifetimeReplacer(lifetime).visit_type_mut(&mut ty);
+	ty
+}
+
+/// Get only the necessary generics.
+struct FilterUsedGenerics {
+	all: Vec<crate::GenericParam>,
+	used: Vec<bool>,
+}
+
+impl VisitMut for FilterUsedGenerics {
+	fn visit_lifetime_mut(&mut self, used_lifetime: &mut Lifetime) {
+		for (generic, used) in self.all.iter().zip(self.used.iter_mut()) {
+			let crate::GenericParam::Lifetime(lifetime_param) = generic else { continue };
+			if used_lifetime == &lifetime_param.lifetime {
+				*used = true;
+			}
+		}
+	}
+
+	fn visit_path_mut(&mut self, path: &mut syn::Path) {
+		for (index, (generic, used)) in self.all.iter().zip(self.used.iter_mut()).enumerate() {
+			let crate::GenericParam::Type(type_param) = generic else { continue };
+			if path.leading_colon.is_none() && !path.segments.is_empty() && path.segments[0].arguments.is_none() && path.segments[0].ident == type_param.ident {
+				*used = true;
+				// Sometimes the generics conflict with the type name so we rename the generics.
+				path.segments[0].ident = format_ident!("G{index}");
+			}
+		}
+		for mut el in Punctuated::pairs_mut(&mut path.segments) {
+			self.visit_path_segment_mut(el.value_mut());
+		}
+	}
+}
+
+impl FilterUsedGenerics {
+	fn new(fn_generics: &[crate::GenericParam]) -> (Vec<crate::GenericParam>, Self) {
+		let mut all_possible_generics = fn_generics.to_vec();
+		// The 'n lifetime may also be needed; we must add it in
+		all_possible_generics.insert(0, syn::GenericParam::Lifetime(syn::LifetimeParam::new(Lifetime::new("'n", proc_macro2::Span::call_site()))));
+
+		let modified = all_possible_generics
+			.iter()
+			.cloned()
+			.enumerate()
+			.map(|(index, mut generic)| {
+				let crate::GenericParam::Type(type_param) = &mut generic else { return generic };
+				// Sometimes the generics conflict with the type name so we rename the generics.
+				type_param.ident = format_ident!("G{index}");
+				generic
+			})
+			.collect::<Vec<_>>();
+
+		let generic_collector = Self {
+			used: vec![false; all_possible_generics.len()],
+			all: all_possible_generics,
+		};
+
+		(modified, generic_collector)
+	}
+
+	fn used<'a>(&'a self, modified: &'a [crate::GenericParam]) -> impl Iterator<Item = &'a crate::GenericParam> {
+		modified.iter().zip(&self.used).filter(|(_, used)| **used).map(move |(value, _)| value)
+	}
+
+	fn filter_unnecessary_generics(&mut self, modified: &mut Vec<syn::GenericParam>, ty: &mut Type) -> Vec<syn::GenericParam> {
+		self.used.fill(false);
+
+		// Find out which generics are necessary to support the node input
+		self.visit_type_mut(ty);
+
+		// Sometimes generics may reference other generics. This is a non-optimal way of dealing with that.
+		for _ in 0..=self.all.len() {
+			for (index, item) in modified.iter_mut().enumerate() {
+				if self.used[index] {
+					self.visit_generic_param_mut(item);
+				}
+			}
+		}
+
+		self.used(&*modified).cloned().collect()
+	}
+}
diff --git a/node-graph/node-macro/src/derive_choice_type.rs b/node-graph/node-macro/src/derive_choice_type.rs
new file mode 100644
index 0000000000000000000000000000000000000000..380b0409dcee7c5a96335358e01b577656084621
--- /dev/null
+++ b/node-graph/node-macro/src/derive_choice_type.rs
@@ -0,0 +1,198 @@
+use proc_macro2::{Ident, Span, TokenStream};
+use quote::quote;
+use syn::parse::Parse;
+use syn::{Attribute, DeriveInput, Expr, LitStr, Meta};
+
+pub fn derive_choice_type_impl(input_item: TokenStream) -> syn::Result<TokenStream> {
+	let input = syn::parse2::<DeriveInput>(input_item).unwrap();
+
+	match input.data {
+		syn::Data::Enum(data_enum) => derive_enum(&input.attrs, input.ident, data_enum),
+		_ => Err(syn::Error::new(input.ident.span(), "Only enums are supported at the moment")),
+	}
+}
+
+struct Type {
+	basic_item: BasicItem,
+	widget_hint: WidgetHint,
+}
+
+enum WidgetHint {
+	Radio,
+	Dropdown,
+}
+impl Parse for WidgetHint {
+	fn parse(input: syn::parse::ParseStream) -> syn::Result<Self> {
+		let tokens: Ident = input.parse()?;
+		if tokens == "Radio" {
+			Ok(Self::Radio)
+		} else if tokens == "Dropdown" {
+			Ok(Self::Dropdown)
+		} else {
+			Err(syn::Error::new_spanned(tokens, "Widget must be either Radio or Dropdown"))
+		}
+	}
+}
+
+#[derive(Default)]
+struct BasicItem {
+	label: String,
+	description: Option<String>,
+	icon: Option<String>,
+}
+impl BasicItem {
+	fn read_attribute(&mut self, attribute: &Attribute) -> syn::Result<()> {
+		if attribute.path().is_ident("label") {
+			let token: LitStr = attribute.parse_args()?;
+			self.label = token.value();
+		}
+		if attribute.path().is_ident("icon") {
+			let token: LitStr = attribute.parse_args()?;
+			self.icon = Some(token.value());
+		}
+		if attribute.path().is_ident("doc") {
+			if let Meta::NameValue(meta_name_value) = &attribute.meta {
+				if let Expr::Lit(el) = &meta_name_value.value {
+					if let syn::Lit::Str(token) = &el.lit {
+						self.description = Some(token.value());
+					}
+				}
+			}
+		}
+		Ok(())
+	}
+}
+
+struct Variant {
+	name: Ident,
+	basic_item: BasicItem,
+}
+
+fn derive_enum(enum_attributes: &[Attribute], name: Ident, input: syn::DataEnum) -> syn::Result<TokenStream> {
+	let mut enum_info = Type {
+		basic_item: BasicItem::default(),
+		widget_hint: WidgetHint::Dropdown,
+	};
+	for attribute in enum_attributes {
+		enum_info.basic_item.read_attribute(attribute)?;
+		if attribute.path().is_ident("widget") {
+			enum_info.widget_hint = attribute.parse_args()?;
+		}
+	}
+
+	let mut variants = vec![Vec::new()];
+	for variant in &input.variants {
+		let mut basic_item = BasicItem::default();
+
+		for attribute in &variant.attrs {
+			if attribute.path().is_ident("menu_separator") {
+				attribute.meta.require_path_only()?;
+				variants.push(Vec::new());
+			}
+			basic_item.read_attribute(attribute)?;
+		}
+
+		if basic_item.label.is_empty() {
+			basic_item.label = ident_to_label(&variant.ident);
+		}
+
+		variants.last_mut().unwrap().push(Variant {
+			name: variant.ident.clone(),
+			basic_item,
+		})
+	}
+	let display_arm: Vec<_> = variants
+		.iter()
+		.flat_map(|variants| variants.iter())
+		.map(|variant| {
+			let variant_name = &variant.name;
+			let variant_label = &variant.basic_item.label;
+			quote! { #name::#variant_name => write!(f, #variant_label), }
+		})
+		.collect();
+
+	let crate_name = proc_macro_crate::crate_name("graphene-core")
+		.map_err(|e| syn::Error::new(Span::call_site(), format!("Failed to find location of graphene_core. Make sure it is imported as a dependency: {}", e)))?;
+	let crate_name = match crate_name {
+		proc_macro_crate::FoundCrate::Itself => quote!(crate),
+		proc_macro_crate::FoundCrate::Name(name) => {
+			let identifier = Ident::new(&name, Span::call_site());
+			quote! { #identifier }
+		}
+	};
+
+	let enum_description = match &enum_info.basic_item.description {
+		Some(s) => {
+			let s = s.trim();
+			quote! { Some(#s) }
+		}
+		None => quote! { None },
+	};
+	let group: Vec<_> = variants
+		.iter()
+		.map(|variants| {
+			let items = variants
+				.iter()
+				.map(|variant| {
+					let vname = &variant.name;
+					let vname_str = variant.name.to_string();
+					let label = &variant.basic_item.label;
+					let docstring = match &variant.basic_item.description {
+						Some(s) => {
+							let s = s.trim();
+							quote! { Some(::std::borrow::Cow::Borrowed(#s)) }
+						}
+						None => quote! { None },
+					};
+					let icon = match &variant.basic_item.icon {
+						Some(s) => quote! { Some(::std::borrow::Cow::Borrowed(#s)) },
+						None => quote! { None },
+					};
+					quote! {
+						(
+							#name::#vname, #crate_name::registry::VariantMetadata {
+								name: ::std::borrow::Cow::Borrowed(#vname_str),
+								label: ::std::borrow::Cow::Borrowed(#label),
+								docstring: #docstring,
+								icon: #icon,
+							}
+						),
+					}
+				})
+				.collect::<Vec<_>>();
+			quote! { &[ #(#items)* ], }
+		})
+		.collect();
+	let widget_hint = match enum_info.widget_hint {
+		WidgetHint::Radio => quote! { RadioButtons },
+		WidgetHint::Dropdown => quote! { Dropdown },
+	};
+	Ok(quote! {
+		impl #crate_name::AsU32 for #name {
+			fn as_u32(&self) -> u32 {
+				*self as u32
+			}
+		}
+
+		impl #crate_name::registry::ChoiceTypeStatic for #name {
+			const WIDGET_HINT: #crate_name::registry::ChoiceWidgetHint = #crate_name::registry::ChoiceWidgetHint::#widget_hint;
+			const DESCRIPTION: Option<&'static str> = #enum_description;
+			fn list() -> &'static [&'static [(Self, #crate_name::registry::VariantMetadata)]] {
+				&[ #(#group)* ]
+			}
+		}
+
+		impl core::fmt::Display for #name {
+			fn fmt(&self, f: &mut core::fmt::Formatter<'_>) -> core::fmt::Result {
+				match self {
+					#( #display_arm )*
+				}
+			}
+		}
+	})
+}
+
+fn ident_to_label(id: &Ident) -> String {
+	use convert_case::{Case, Casing};
+	id.to_string().from_case(Case::Pascal).to_case(Case::Title)
+}
diff --git a/node-graph/node-macro/src/lib.rs b/node-graph/node-macro/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1a87ce2cf94cd60d0fd2b199eb924b8b5eee3ee4
--- /dev/null
+++ b/node-graph/node-macro/src/lib.rs
@@ -0,0 +1,30 @@
+use proc_macro::TokenStream;
+use proc_macro_error2::proc_macro_error;
+use syn::GenericParam;
+
+mod codegen;
+mod derive_choice_type;
+mod parsing;
+mod validation;
+
+/// Used to create a node definition.
+#[proc_macro_error]
+#[proc_macro_attribute]
+pub fn node(attr: TokenStream, item: TokenStream) -> TokenStream {
+	// Performs the `node_impl` macro's functionality of attaching an `impl Node for TheGivenStruct` block to the node struct
+	parsing::new_node_fn(attr.into(), item.into()).into()
+}
+
+/// Generate meta-information for an enum.
+///
+/// `#[widget(F)]` on a type indicates the type of widget to use to display/edit the type, currently `Radio` and `Dropdown` are supported.
+///
+/// `#[label("Foo")]` on a variant overrides the default UI label (which is otherwise the name converted to title case). All labels are collected into a [`core::fmt::Display`] impl.
+///
+/// `#[icon("tag"))]` sets the icon to use when a variant is shown in a menu or radio button.
+///
+/// Doc comments on a variant become tooltip text.
+#[proc_macro_derive(ChoiceType, attributes(widget, menu_separator, label, icon))]
+pub fn derive_choice_type(input_item: TokenStream) -> TokenStream {
+	TokenStream::from(derive_choice_type::derive_choice_type_impl(input_item.into()).unwrap_or_else(|err| err.to_compile_error()))
+}
diff --git a/node-graph/node-macro/src/parsing.rs b/node-graph/node-macro/src/parsing.rs
new file mode 100644
index 0000000000000000000000000000000000000000..81151110a95d2448a2e6539913f685045223b9ff
--- /dev/null
+++ b/node-graph/node-macro/src/parsing.rs
@@ -0,0 +1,1258 @@
+use convert_case::{Case, Casing};
+use indoc::{formatdoc, indoc};
+use proc_macro2::TokenStream as TokenStream2;
+use quote::{ToTokens, format_ident};
+use syn::parse::{Parse, ParseStream, Parser};
+use syn::punctuated::Punctuated;
+use syn::spanned::Spanned;
+use syn::token::{Comma, RArrow};
+use syn::{
+	AttrStyle, Attribute, Error, Expr, ExprTuple, FnArg, GenericParam, Ident, ItemFn, Lit, LitFloat, LitInt, LitStr, Meta, Pat, PatIdent, PatType, Path, ReturnType, Type, TypeParam, Visibility,
+	WhereClause, parse_quote,
+};
+
+use crate::codegen::generate_node_code;
+
+#[derive(Debug)]
+pub(crate) struct Implementation {
+	pub(crate) input: Type,
+	pub(crate) _arrow: RArrow,
+	pub(crate) output: Type,
+}
+
+#[derive(Debug)]
+pub(crate) struct ParsedNodeFn {
+	pub(crate) vis: Visibility,
+	pub(crate) attributes: NodeFnAttributes,
+	pub(crate) fn_name: Ident,
+	pub(crate) struct_name: Ident,
+	pub(crate) mod_name: Ident,
+	pub(crate) fn_generics: Vec<GenericParam>,
+	pub(crate) where_clause: Option<WhereClause>,
+	pub(crate) input: Input,
+	pub(crate) output_type: Type,
+	pub(crate) is_async: bool,
+	pub(crate) fields: Vec<ParsedField>,
+	pub(crate) body: TokenStream2,
+	pub(crate) crate_name: proc_macro_crate::FoundCrate,
+	pub(crate) description: String,
+}
+
+#[derive(Debug, Default)]
+pub(crate) struct NodeFnAttributes {
+	pub(crate) category: Option<LitStr>,
+	pub(crate) display_name: Option<LitStr>,
+	pub(crate) path: Option<Path>,
+	pub(crate) skip_impl: bool,
+	pub(crate) properties_string: Option<LitStr>,
+	// Add more attributes as needed
+}
+
+#[derive(Debug, Default)]
+pub enum ParsedValueSource {
+	#[default]
+	None,
+	Default(TokenStream2),
+	Scope(LitStr),
+}
+
+// #[widget(ParsedWidgetOverride::Hidden)]
+// #[widget(ParsedWidgetOverride::String = "Some string")]
+// #[widget(ParsedWidgetOverride::Custom = "Custom string")]
+#[derive(Debug, Default)]
+pub enum ParsedWidgetOverride {
+	#[default]
+	None,
+	Hidden,
+	String(LitStr),
+	Custom(LitStr),
+}
+
+impl Parse for ParsedWidgetOverride {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		// Parse the full path (e.g., ParsedWidgetOverride::Hidden)
+		let path: Path = input.parse()?;
+
+		// Ensure the path starts with `ParsedWidgetOverride`
+		if path.segments.len() == 2 && path.segments[0].ident == "ParsedWidgetOverride" {
+			let variant = &path.segments[1].ident;
+
+			match variant.to_string().as_str() {
+				"Hidden" => Ok(ParsedWidgetOverride::Hidden),
+				"String" => {
+					input.parse::<syn::Token![=]>()?;
+					let lit: LitStr = input.parse()?;
+					Ok(ParsedWidgetOverride::String(lit))
+				}
+				"Custom" => {
+					input.parse::<syn::Token![=]>()?;
+					let lit: LitStr = input.parse()?;
+					Ok(ParsedWidgetOverride::Custom(lit))
+				}
+				_ => Err(Error::new(variant.span(), "Unknown ParsedWidgetOverride variant")),
+			}
+		} else {
+			Err(Error::new(input.span(), "Expected ParsedWidgetOverride::<variant>"))
+		}
+	}
+}
+
+#[derive(Debug)]
+pub(crate) enum ParsedField {
+	Regular {
+		pat_ident: PatIdent,
+		name: Option<LitStr>,
+		description: String,
+		widget_override: ParsedWidgetOverride,
+		ty: Type,
+		exposed: bool,
+		value_source: ParsedValueSource,
+		number_soft_min: Option<LitFloat>,
+		number_soft_max: Option<LitFloat>,
+		number_hard_min: Option<LitFloat>,
+		number_hard_max: Option<LitFloat>,
+		number_mode_range: Option<ExprTuple>,
+		number_display_decimal_places: Option<LitInt>,
+		number_step: Option<LitFloat>,
+		implementations: Punctuated<Type, Comma>,
+		unit: Option<LitStr>,
+	},
+	Node {
+		pat_ident: PatIdent,
+		name: Option<LitStr>,
+		description: String,
+		widget_override: ParsedWidgetOverride,
+		input_type: Type,
+		output_type: Type,
+		number_display_decimal_places: Option<LitInt>,
+		number_step: Option<LitFloat>,
+		implementations: Punctuated<Implementation, Comma>,
+		unit: Option<LitStr>,
+	},
+}
+#[derive(Debug)]
+pub(crate) struct Input {
+	pub(crate) pat_ident: PatIdent,
+	pub(crate) ty: Type,
+	pub(crate) implementations: Punctuated<Type, Comma>,
+}
+
+impl Parse for Implementation {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		let input_type: Type = input.parse().map_err(|e| {
+			Error::new(
+				input.span(),
+				formatdoc!(
+					"Failed to parse input type for #[implementation(...)]. Expected a valid Rust type.
+					Error: {}",
+					e,
+				),
+			)
+		})?;
+		let arrow: RArrow = input.parse().map_err(|_| {
+			Error::new(
+				input.span(),
+				indoc!(
+					"Expected `->` arrow after input type in #[implementations(...)] on a field of type `impl Node`.
+					The correct syntax is `InputType -> OutputType`."
+				),
+			)
+		})?;
+		let output_type: Type = input.parse().map_err(|e| {
+			Error::new(
+				input.span(),
+				formatdoc!(
+					"Failed to parse output type for #[implementation(...)]. Expected a valid Rust type after `->`.
+					Error: {}",
+					e
+				),
+			)
+		})?;
+
+		Ok(Implementation {
+			input: input_type,
+			_arrow: arrow,
+			output: output_type,
+		})
+	}
+}
+
+impl Parse for NodeFnAttributes {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		let mut category = None;
+		let mut display_name = None;
+		let mut path = None;
+		let mut skip_impl = false;
+		let mut properties_string = None;
+
+		let content = input;
+		// let content;
+		// syn::parenthesized!(content in input);
+
+		let nested = content.call(Punctuated::<Meta, Comma>::parse_terminated)?;
+		for meta in nested {
+			match meta {
+				Meta::List(meta) if meta.path.is_ident("category") => {
+					if category.is_some() {
+						return Err(Error::new_spanned(meta, "Multiple 'category' attributes are not allowed"));
+					}
+					let lit: LitStr = meta
+						.parse_args()
+						.map_err(|_| Error::new_spanned(meta, "Expected a string literal for 'category', e.g., category(\"Value\")"))?;
+					category = Some(lit);
+				}
+				Meta::List(meta) if meta.path.is_ident("name") => {
+					if display_name.is_some() {
+						return Err(Error::new_spanned(meta, "Multiple 'name' attributes are not allowed"));
+					}
+					let parsed_name: LitStr = meta.parse_args().map_err(|_| Error::new_spanned(meta, "Expected a string for 'name', e.g., name(\"Memoize\")"))?;
+					display_name = Some(parsed_name);
+				}
+				Meta::List(meta) if meta.path.is_ident("path") => {
+					if path.is_some() {
+						return Err(Error::new_spanned(meta, "Multiple 'path' attributes are not allowed"));
+					}
+					let parsed_path: Path = meta
+						.parse_args()
+						.map_err(|_| Error::new_spanned(meta, "Expected a valid path for 'path', e.g., path(crate::MemoizeNode)"))?;
+					path = Some(parsed_path);
+				}
+				Meta::Path(path) if path.is_ident("skip_impl") => {
+					if skip_impl {
+						return Err(Error::new_spanned(path, "Multiple 'skip_impl' attributes are not allowed"));
+					}
+					skip_impl = true;
+				}
+				Meta::List(meta) if meta.path.is_ident("properties") => {
+					if properties_string.is_some() {
+						return Err(Error::new_spanned(path, "Multiple 'properties_string' attributes are not allowed"));
+					}
+					let parsed_properties_string: LitStr = meta
+						.parse_args()
+						.map_err(|_| Error::new_spanned(meta, "Expected a string for 'properties', e.g., name(\"channel_mixer_properties\")"))?;
+
+					properties_string = Some(parsed_properties_string);
+				}
+				_ => {
+					return Err(Error::new_spanned(
+						meta,
+						indoc!(
+							r#"
+							Unsupported attribute in `node`.
+							Supported attributes are 'category', 'path' and 'name'.
+
+							Example usage:
+							#[node_macro::node(category("Value"), name("Test Node"))]
+							"#
+						),
+					));
+				}
+			}
+		}
+
+		Ok(NodeFnAttributes {
+			category,
+			display_name,
+			path,
+			skip_impl,
+			properties_string,
+		})
+	}
+}
+
+fn parse_node_fn(attr: TokenStream2, item: TokenStream2) -> syn::Result<ParsedNodeFn> {
+	let attributes = syn::parse2::<NodeFnAttributes>(attr.clone()).map_err(|e| Error::new(e.span(), format!("Failed to parse node_fn attributes: {}", e)))?;
+	let input_fn = syn::parse2::<ItemFn>(item.clone()).map_err(|e| Error::new(e.span(), format!("Failed to parse function: {}. Make sure it's a valid Rust function.", e)))?;
+
+	let vis = input_fn.vis;
+	let fn_name = input_fn.sig.ident.clone();
+	let struct_name = format_ident!("{}", fn_name.to_string().to_case(Case::Pascal));
+	let mod_name = fn_name.clone();
+	let fn_generics = input_fn.sig.generics.params.into_iter().collect();
+	let is_async = input_fn.sig.asyncness.is_some();
+
+	let (input, fields) = parse_inputs(&input_fn.sig.inputs)?;
+	let output_type = parse_output(&input_fn.sig.output)?;
+	let where_clause = input_fn.sig.generics.where_clause;
+	let body = input_fn.block.to_token_stream();
+	let crate_name = proc_macro_crate::crate_name("graphene-core").map_err(|e| {
+		Error::new(
+			proc_macro2::Span::call_site(),
+			format!("Failed to find location of graphene_core. Make sure it is imported as a dependency: {}", e),
+		)
+	})?;
+	let description = input_fn
+		.attrs
+		.iter()
+		.filter_map(|a| {
+			if a.style != AttrStyle::Outer {
+				return None;
+			}
+			let Meta::NameValue(name_val) = &a.meta else { return None };
+			if name_val.path.get_ident().map(|x| x.to_string()) != Some("doc".into()) {
+				return None;
+			}
+			let Expr::Lit(expr_lit) = &name_val.value else { return None };
+			let Lit::Str(ref text) = expr_lit.lit else { return None };
+			Some(text.value().trim().to_string())
+		})
+		.fold(String::new(), |acc, b| acc + &b + "\n");
+
+	Ok(ParsedNodeFn {
+		vis,
+		attributes,
+		fn_name,
+		struct_name,
+		mod_name,
+		fn_generics,
+		input,
+		output_type,
+		is_async,
+		fields,
+		where_clause,
+		body,
+		crate_name,
+		description,
+	})
+}
+
+fn parse_inputs(inputs: &Punctuated<FnArg, Comma>) -> syn::Result<(Input, Vec<ParsedField>)> {
+	let mut fields = Vec::new();
+	let mut input = None;
+
+	for (index, arg) in inputs.iter().enumerate() {
+		if let FnArg::Typed(PatType { pat, ty, attrs, .. }) = arg {
+			// Call argument
+			if index == 0 {
+				if extract_attribute(attrs, "default").is_some() {
+					return Err(Error::new_spanned(&attrs[0], "Call argument cannot be given a default value".to_string()));
+				}
+				if extract_attribute(attrs, "expose").is_some() {
+					return Err(Error::new_spanned(&attrs[0], "Call argument cannot be exposed".to_string()));
+				}
+				let pat_ident = match (**pat).clone() {
+					Pat::Ident(pat_ident) => pat_ident,
+					Pat::Wild(wild) => PatIdent {
+						attrs: wild.attrs,
+						by_ref: None,
+						mutability: None,
+						ident: wild.underscore_token.into(),
+						subpat: None,
+					},
+					_ => continue,
+				};
+
+				let implementations = extract_attribute(attrs, "implementations")
+					.map(|attr| parse_implementations(attr, &pat_ident.ident))
+					.transpose()?
+					.unwrap_or_default();
+				input = Some(Input {
+					pat_ident,
+					ty: (**ty).clone(),
+					implementations,
+				});
+			} else if let Pat::Ident(pat_ident) = &**pat {
+				let field = parse_field(pat_ident.clone(), (**ty).clone(), attrs).map_err(|e| Error::new_spanned(pat_ident, format!("Failed to parse argument '{}': {}", pat_ident.ident, e)))?;
+				fields.push(field);
+			} else {
+				return Err(Error::new_spanned(pat, "Expected a simple identifier for the field name"));
+			}
+		} else {
+			return Err(Error::new_spanned(arg, "Expected a typed argument (e.g., `x: i32`)"));
+		}
+	}
+
+	let input = input.ok_or_else(|| Error::new_spanned(inputs, "Expected at least one input argument. The first argument should be the node input type."))?;
+	Ok((input, fields))
+}
+
+fn parse_implementations(attr: &Attribute, name: &Ident) -> syn::Result<Punctuated<Type, Comma>> {
+	let content: TokenStream2 = attr.parse_args()?;
+	let parser = Punctuated::<Type, Comma>::parse_terminated;
+	parser.parse2(content.clone()).map_err(|e| {
+		let span = e.span(); // Get the span of the error
+		Error::new(span, format!("Failed to parse implementations for argument '{}': {}", name, e))
+	})
+}
+
+fn parse_node_implementations<T: Parse>(attr: &Attribute, name: &Ident) -> syn::Result<Punctuated<T, Comma>> {
+	let content: TokenStream2 = attr.parse_args()?;
+	let parser = Punctuated::<T, Comma>::parse_terminated;
+	parser.parse2(content.clone()).map_err(|e| {
+		Error::new(
+			e.span(),
+			formatdoc!(
+				"Invalid #[implementations(...)] for argument `{}`.
+				Expected a comma-separated list of `InputType -> OutputType` pairs.
+				Example: #[implementations(i32 -> f64, String -> Vec<u8>)]
+				Error: {}",
+				name,
+				e
+			),
+		)
+	})
+}
+
+fn parse_field(pat_ident: PatIdent, ty: Type, attrs: &[Attribute]) -> syn::Result<ParsedField> {
+	let ident = &pat_ident.ident;
+
+	let default_value = extract_attribute(attrs, "default")
+		.map(|attr| {
+			attr.parse_args()
+				.map_err(|e| Error::new_spanned(attr, format!("Invalid `default` value for argument '{}': {}", ident, e)))
+		})
+		.transpose()?;
+
+	let scope = extract_attribute(attrs, "scope")
+		.map(|attr| {
+			attr.parse_args()
+				.map_err(|e| Error::new_spanned(attr, format!("Invalid `scope` value for argument '{}': {}", ident, e)))
+		})
+		.transpose()?;
+
+	let name = extract_attribute(attrs, "name")
+		.map(|attr| attr.parse_args().map_err(|e| Error::new_spanned(attr, format!("Invalid `name` value for argument '{}': {}", ident, e))))
+		.transpose()?;
+
+	let widget_override = extract_attribute(attrs, "widget")
+		.map(|attr| {
+			attr.parse_args()
+				.map_err(|e| Error::new_spanned(attr, format!("Invalid `widget override` value for argument '{}': {}", ident, e)))
+		})
+		.transpose()?
+		.unwrap_or_default();
+
+	let exposed = extract_attribute(attrs, "expose").is_some();
+
+	let value_source = match (default_value, scope) {
+		(Some(_), Some(_)) => return Err(Error::new_spanned(&pat_ident, "Cannot have both `default` and `scope` attributes")),
+		(Some(default_value), _) => ParsedValueSource::Default(default_value),
+		(_, Some(scope)) => ParsedValueSource::Scope(scope),
+		_ => ParsedValueSource::None,
+	};
+
+	let number_soft_min = extract_attribute(attrs, "soft_min")
+		.map(|attr| {
+			attr.parse_args()
+				.map_err(|e| Error::new_spanned(attr, format!("Invalid numerical `soft_min` value for argument '{}': {}", ident, e)))
+		})
+		.transpose()?;
+	let number_soft_max = extract_attribute(attrs, "soft_max")
+		.map(|attr| {
+			attr.parse_args()
+				.map_err(|e| Error::new_spanned(attr, format!("Invalid numerical `soft_max` value for argument '{}': {}", ident, e)))
+		})
+		.transpose()?;
+
+	let number_hard_min = extract_attribute(attrs, "hard_min")
+		.map(|attr| {
+			attr.parse_args()
+				.map_err(|e| Error::new_spanned(attr, format!("Invalid numerical `hard_min` value for argument '{}': {}", ident, e)))
+		})
+		.transpose()?;
+	let number_hard_max = extract_attribute(attrs, "hard_max")
+		.map(|attr| {
+			attr.parse_args()
+				.map_err(|e| Error::new_spanned(attr, format!("Invalid numerical `hard_max` value for argument '{}': {}", ident, e)))
+		})
+		.transpose()?;
+
+	let number_mode_range = extract_attribute(attrs, "range")
+		.map(|attr| {
+			attr.parse_args::<ExprTuple>().map_err(|e| {
+				Error::new_spanned(
+					attr,
+					format!(
+						"Invalid `range` tuple of min and max range slider values for argument '{}': {}\nUSAGE EXAMPLE: #[range((0., 100.))]",
+						ident, e
+					),
+				)
+			})
+		})
+		.transpose()?;
+	if let Some(range) = &number_mode_range {
+		if range.elems.len() != 2 {
+			return Err(Error::new_spanned(range, "Expected a tuple of two values for `range` for the min and max, respectively"));
+		}
+	}
+
+	let unit = extract_attribute(attrs, "unit")
+		.map(|attr| attr.parse_args::<LitStr>().map_err(|_e| Error::new_spanned(attr, format!("Expected a unit type as string"))))
+		.transpose()?;
+
+	let number_display_decimal_places = extract_attribute(attrs, "display_decimal_places")
+		.map(|attr| {
+			attr.parse_args::<LitInt>().map_err(|e| {
+				Error::new_spanned(
+					attr,
+					format!("Invalid `integer` for number of decimals for argument '{}': {}\nUSAGE EXAMPLE: #[display_decimal_places(2)]", ident, e),
+				)
+			})
+		})
+		.transpose()?
+		.map(|f| {
+			if let Err(e) = f.base10_parse::<u32>() {
+				Err(Error::new_spanned(f, format!("Expected a `u32` for `display_decimal_places` for '{}': {}", ident, e)))
+			} else {
+				Ok(f)
+			}
+		})
+		.transpose()?;
+	let number_step = extract_attribute(attrs, "step")
+		.map(|attr| {
+			attr.parse_args::<LitFloat>()
+				.map_err(|e| Error::new_spanned(attr, format!("Invalid `step` for argument '{}': {}\nUSAGE EXAMPLE: #[step(2.)]", ident, e)))
+		})
+		.transpose()?;
+
+	let (is_node, node_input_type, node_output_type) = parse_node_type(&ty);
+	let description = attrs
+		.iter()
+		.filter_map(|a| {
+			if a.style != AttrStyle::Outer {
+				return None;
+			}
+			let Meta::NameValue(name_val) = &a.meta else { return None };
+			if name_val.path.get_ident().map(|x| x.to_string()) != Some("doc".into()) {
+				return None;
+			}
+			let Expr::Lit(expr_lit) = &name_val.value else { return None };
+			let Lit::Str(ref text) = expr_lit.lit else { return None };
+			Some(text.value().trim().to_string())
+		})
+		.fold(String::new(), |acc, b| acc + &b + "\n");
+
+	if is_node {
+		let (input_type, output_type) = node_input_type
+			.zip(node_output_type)
+			.ok_or_else(|| Error::new_spanned(&ty, "Invalid Node type. Expected `impl Node<Input, Output = OutputType>`"))?;
+		if !matches!(&value_source, ParsedValueSource::None) {
+			return Err(Error::new_spanned(&ty, "No default values for `impl Node` allowed"));
+		}
+		let implementations = extract_attribute(attrs, "implementations")
+			.map(|attr| parse_node_implementations(attr, ident))
+			.transpose()?
+			.unwrap_or_default();
+
+		Ok(ParsedField::Node {
+			pat_ident,
+			name,
+			description,
+			widget_override,
+			input_type,
+			output_type,
+			number_display_decimal_places,
+			number_step,
+			implementations,
+			unit,
+		})
+	} else {
+		let implementations = extract_attribute(attrs, "implementations")
+			.map(|attr| parse_implementations(attr, ident))
+			.transpose()?
+			.unwrap_or_default();
+		Ok(ParsedField::Regular {
+			pat_ident,
+			name,
+			description,
+			widget_override,
+			exposed,
+			number_soft_min,
+			number_soft_max,
+			number_hard_min,
+			number_hard_max,
+			number_mode_range,
+			number_display_decimal_places,
+			number_step,
+			ty,
+			value_source,
+			implementations,
+			unit,
+		})
+	}
+}
+
+fn parse_node_type(ty: &Type) -> (bool, Option<Type>, Option<Type>) {
+	if let Type::ImplTrait(impl_trait) = ty {
+		for bound in &impl_trait.bounds {
+			if let syn::TypeParamBound::Trait(trait_bound) = bound {
+				if trait_bound.path.segments.last().is_some_and(|seg| seg.ident == "Node") {
+					if let syn::PathArguments::AngleBracketed(args) = &trait_bound.path.segments.last().unwrap().arguments {
+						let input_type = args.args.iter().find_map(|arg| if let syn::GenericArgument::Type(ty) = arg { Some(ty.clone()) } else { None });
+						let output_type = args.args.iter().find_map(|arg| {
+							if let syn::GenericArgument::AssocType(assoc_type) = arg {
+								if assoc_type.ident == "Output" { Some(assoc_type.ty.clone()) } else { None }
+							} else {
+								None
+							}
+						});
+						return (true, input_type, output_type);
+					}
+				}
+			}
+		}
+	}
+	(false, None, None)
+}
+
+fn parse_output(output: &ReturnType) -> syn::Result<Type> {
+	match output {
+		ReturnType::Default => Ok(syn::parse_quote!(())),
+		ReturnType::Type(_, ty) => Ok((**ty).clone()),
+	}
+}
+
+fn extract_attribute<'a>(attrs: &'a [Attribute], name: &str) -> Option<&'a Attribute> {
+	attrs.iter().find(|attr| attr.path().is_ident(name))
+}
+
+// Modify the new_node_fn function to use the code generation
+pub fn new_node_fn(attr: TokenStream2, item: TokenStream2) -> TokenStream2 {
+	let parse_result = parse_node_fn(attr, item.clone());
+	let Ok(mut parsed_node) = parse_result else {
+		let e = parse_result.unwrap_err();
+		return Error::new(e.span(), format!("Failed to parse node function: {e}")).to_compile_error();
+	};
+
+	parsed_node.replace_impl_trait_in_input();
+	if let Err(e) = crate::validation::validate_node_fn(&parsed_node) {
+		return Error::new(e.span(), format!("Validation Error:\n{e}")).to_compile_error();
+	}
+	match generate_node_code(&parsed_node) {
+		Ok(parsed) => parsed,
+		Err(e) => {
+			// Return the error as a compile error
+			Error::new(e.span(), format!("Failed to parse node function: {}", e)).to_compile_error()
+		}
+	}
+}
+
+impl ParsedNodeFn {
+	fn replace_impl_trait_in_input(&mut self) {
+		if let Type::ImplTrait(impl_trait) = self.input.ty.clone() {
+			let ident = Ident::new("_Input", impl_trait.span());
+			let mut bounds = impl_trait.bounds;
+			bounds.push(parse_quote!('n));
+			self.fn_generics.push(GenericParam::Type(TypeParam {
+				attrs: Default::default(),
+				ident: ident.clone(),
+				colon_token: Some(Default::default()),
+				bounds,
+				eq_token: None,
+				default: None,
+			}));
+			self.input.ty = parse_quote!(#ident);
+			if self.input.implementations.is_empty() {
+				self.input.implementations.push(parse_quote!(gcore::Context));
+			}
+		}
+		if self.input.pat_ident.ident == "_" {
+			self.input.pat_ident.ident = Ident::new("__ctx", self.input.pat_ident.ident.span());
+		}
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use proc_macro_crate::FoundCrate;
+	use proc_macro2::Span;
+	use quote::{quote, quote_spanned};
+	use syn::parse_quote;
+	fn pat_ident(name: &str) -> PatIdent {
+		PatIdent {
+			attrs: Vec::new(),
+			by_ref: None,
+			mutability: None,
+			ident: Ident::new(name, Span::call_site()),
+			subpat: None,
+		}
+	}
+
+	fn assert_parsed_node_fn(parsed: &ParsedNodeFn, expected: &ParsedNodeFn) {
+		assert_eq!(parsed.fn_name, expected.fn_name);
+		assert_eq!(parsed.struct_name, expected.struct_name);
+		assert_eq!(parsed.mod_name, expected.mod_name);
+		assert_eq!(parsed.is_async, expected.is_async);
+		assert_eq!(format!("{:?}", parsed.input), format!("{:?}", expected.input));
+		assert_eq!(format!("{:?}", parsed.output_type), format!("{:?}", expected.output_type));
+		assert_eq!(parsed.attributes.category, expected.attributes.category);
+		assert_eq!(parsed.attributes.display_name, expected.attributes.display_name);
+		assert_eq!(parsed.attributes.path, expected.attributes.path);
+		assert_eq!(parsed.attributes.skip_impl, expected.attributes.skip_impl);
+		assert_eq!(parsed.fields.len(), expected.fields.len());
+		assert_eq!(parsed.description, expected.description);
+
+		for (parsed_field, expected_field) in parsed.fields.iter().zip(expected.fields.iter()) {
+			match (parsed_field, expected_field) {
+				(
+					ParsedField::Regular {
+						pat_ident: p_name,
+						ty: p_ty,
+						exposed: p_exp,
+						value_source: p_default,
+						..
+					},
+					ParsedField::Regular {
+						pat_ident: e_name,
+						ty: e_ty,
+						exposed: e_exp,
+						value_source: e_default,
+						..
+					},
+				) => {
+					assert_eq!(p_name, e_name);
+					assert_eq!(p_exp, e_exp);
+					match (p_default, e_default) {
+						(ParsedValueSource::None, ParsedValueSource::None) => {}
+						(ParsedValueSource::Default(p), ParsedValueSource::Default(e)) => {
+							assert_eq!(p.to_token_stream().to_string(), e.to_token_stream().to_string());
+						}
+						(ParsedValueSource::Scope(p), ParsedValueSource::Scope(e)) => {
+							assert_eq!(p.value(), e.value());
+						}
+						_ => panic!("Mismatched default values"),
+					}
+					assert_eq!(format!("{:?}", p_ty), format!("{:?}", e_ty));
+				}
+				(
+					ParsedField::Node {
+						pat_ident: p_name,
+						input_type: p_input,
+						output_type: p_output,
+						..
+					},
+					ParsedField::Node {
+						pat_ident: e_name,
+						input_type: e_input,
+						output_type: e_output,
+						..
+					},
+				) => {
+					assert_eq!(p_name, e_name);
+					assert_eq!(format!("{:?}", p_input), format!("{:?}", e_input));
+					assert_eq!(format!("{:?}", p_output), format!("{:?}", e_output));
+				}
+				_ => panic!("Mismatched field types"),
+			}
+		}
+	}
+
+	#[test]
+	fn test_basic_node() {
+		let attr = quote!(category("Math: Arithmetic"), path(graphene_core::TestNode), skip_impl);
+		let input = quote!(
+			/// Multi
+			/// Line
+			fn add(a: f64, b: f64) -> f64 {
+				a + b
+			}
+		);
+
+		let parsed = parse_node_fn(attr, input).unwrap();
+		let expected = ParsedNodeFn {
+			vis: Visibility::Inherited,
+			attributes: NodeFnAttributes {
+				category: Some(parse_quote!("Math: Arithmetic")),
+				display_name: None,
+				path: Some(parse_quote!(graphene_core::TestNode)),
+				skip_impl: true,
+				properties_string: None,
+			},
+			fn_name: Ident::new("add", Span::call_site()),
+			struct_name: Ident::new("Add", Span::call_site()),
+			mod_name: Ident::new("add", Span::call_site()),
+			fn_generics: vec![],
+			where_clause: None,
+			input: Input {
+				pat_ident: pat_ident("a"),
+				ty: parse_quote!(f64),
+				implementations: Punctuated::new(),
+			},
+			output_type: parse_quote!(f64),
+			is_async: false,
+			fields: vec![ParsedField::Regular {
+				pat_ident: pat_ident("b"),
+				name: None,
+				description: String::new(),
+				widget_override: ParsedWidgetOverride::None,
+				ty: parse_quote!(f64),
+				exposed: false,
+				value_source: ParsedValueSource::None,
+				number_soft_min: None,
+				number_soft_max: None,
+				number_hard_min: None,
+				number_hard_max: None,
+				number_mode_range: None,
+				number_display_decimal_places: None,
+				number_step: None,
+				implementations: Punctuated::new(),
+				unit: None,
+			}],
+			body: TokenStream2::new(),
+			crate_name: FoundCrate::Itself,
+			description: String::from("Multi\nLine\n"),
+		};
+
+		assert_parsed_node_fn(&parsed, &expected);
+	}
+
+	#[test]
+	fn test_node_with_impl_node() {
+		let attr = quote!(category("General"));
+		let input = quote!(
+			/**
+				Hello
+				World
+			*/
+			fn transform<T: 'static>(footprint: Footprint, transform_target: impl Node<Footprint, Output = T>, translate: DVec2) -> T {
+				// Implementation details...
+			}
+		);
+
+		let parsed = parse_node_fn(attr, input).unwrap();
+		let expected = ParsedNodeFn {
+			vis: Visibility::Inherited,
+			attributes: NodeFnAttributes {
+				category: Some(parse_quote!("General")),
+				display_name: None,
+				path: None,
+				skip_impl: false,
+				properties_string: None,
+			},
+			fn_name: Ident::new("transform", Span::call_site()),
+			struct_name: Ident::new("Transform", Span::call_site()),
+			mod_name: Ident::new("transform", Span::call_site()),
+			fn_generics: vec![parse_quote!(T: 'static)],
+			where_clause: None,
+			input: Input {
+				pat_ident: pat_ident("footprint"),
+				ty: parse_quote!(Footprint),
+				implementations: Punctuated::new(),
+			},
+			output_type: parse_quote!(T),
+			is_async: false,
+			fields: vec![
+				ParsedField::Node {
+					pat_ident: pat_ident("transform_target"),
+					name: None,
+					description: String::new(),
+					widget_override: ParsedWidgetOverride::None,
+					input_type: parse_quote!(Footprint),
+					output_type: parse_quote!(T),
+					number_display_decimal_places: None,
+					number_step: None,
+					implementations: Punctuated::new(),
+					unit: None,
+				},
+				ParsedField::Regular {
+					pat_ident: pat_ident("translate"),
+					name: None,
+					description: String::new(),
+					widget_override: ParsedWidgetOverride::None,
+					ty: parse_quote!(DVec2),
+					exposed: false,
+					value_source: ParsedValueSource::None,
+					number_soft_min: None,
+					number_soft_max: None,
+					number_hard_min: None,
+					number_hard_max: None,
+					number_mode_range: None,
+					number_display_decimal_places: None,
+					number_step: None,
+					implementations: Punctuated::new(),
+					unit: None,
+				},
+			],
+			body: TokenStream2::new(),
+			crate_name: FoundCrate::Itself,
+			description: String::from("Hello\n\t\t\t\tWorld\n"),
+		};
+
+		assert_parsed_node_fn(&parsed, &expected);
+	}
+
+	#[test]
+	fn test_node_with_default_values() {
+		let attr = quote!(category("Vector: Shape"));
+		let input = quote!(
+			/// Test
+			fn circle(_: impl Ctx, #[default(50.)] radius: f64) -> VectorData {
+				// Implementation details...
+			}
+		);
+
+		let parsed = parse_node_fn(attr, input).unwrap();
+		let expected = ParsedNodeFn {
+			vis: Visibility::Inherited,
+			attributes: NodeFnAttributes {
+				category: Some(parse_quote!("Vector: Shape")),
+				display_name: None,
+				path: None,
+				skip_impl: false,
+				properties_string: None,
+			},
+			fn_name: Ident::new("circle", Span::call_site()),
+			struct_name: Ident::new("Circle", Span::call_site()),
+			mod_name: Ident::new("circle", Span::call_site()),
+			fn_generics: vec![],
+			where_clause: None,
+			input: Input {
+				pat_ident: pat_ident("_"),
+				ty: parse_quote!(impl Ctx),
+				implementations: Punctuated::new(),
+			},
+			output_type: parse_quote!(VectorData),
+			is_async: false,
+			fields: vec![ParsedField::Regular {
+				pat_ident: pat_ident("radius"),
+				name: None,
+				description: String::new(),
+				widget_override: ParsedWidgetOverride::None,
+				ty: parse_quote!(f64),
+				exposed: false,
+				value_source: ParsedValueSource::Default(quote!(50.)),
+				number_soft_min: None,
+				number_soft_max: None,
+				number_hard_min: None,
+				number_hard_max: None,
+				number_mode_range: None,
+				number_display_decimal_places: None,
+				number_step: None,
+				implementations: Punctuated::new(),
+				unit: None,
+			}],
+			body: TokenStream2::new(),
+			crate_name: FoundCrate::Itself,
+			description: "Test\n".into(),
+		};
+
+		assert_parsed_node_fn(&parsed, &expected);
+	}
+
+	#[test]
+	fn test_node_with_implementations() {
+		let attr = quote!(category("Raster: Adjustment"));
+		let input = quote!(
+			fn levels<P: Pixel>(image: RasterDataTable<P>, #[implementations(f32, f64)] shadows: f64) -> RasterDataTable<P> {
+				// Implementation details...
+			}
+		);
+
+		let parsed = parse_node_fn(attr, input).unwrap();
+		let expected = ParsedNodeFn {
+			vis: Visibility::Inherited,
+			attributes: NodeFnAttributes {
+				category: Some(parse_quote!("Raster: Adjustment")),
+				display_name: None,
+				path: None,
+				skip_impl: false,
+				properties_string: None,
+			},
+			fn_name: Ident::new("levels", Span::call_site()),
+			struct_name: Ident::new("Levels", Span::call_site()),
+			mod_name: Ident::new("levels", Span::call_site()),
+			fn_generics: vec![parse_quote!(P: Pixel)],
+			where_clause: None,
+			input: Input {
+				pat_ident: pat_ident("image"),
+				ty: parse_quote!(RasterDataTable<P>),
+				implementations: Punctuated::new(),
+			},
+			output_type: parse_quote!(RasterDataTable<P>),
+			is_async: false,
+			fields: vec![ParsedField::Regular {
+				pat_ident: pat_ident("shadows"),
+				name: None,
+				description: String::new(),
+				widget_override: ParsedWidgetOverride::None,
+				ty: parse_quote!(f64),
+				exposed: false,
+				value_source: ParsedValueSource::None,
+				number_soft_min: None,
+				number_soft_max: None,
+				number_hard_min: None,
+				number_hard_max: None,
+				number_mode_range: None,
+				number_display_decimal_places: None,
+				number_step: None,
+				implementations: {
+					let mut p = Punctuated::new();
+					p.push(parse_quote!(f32));
+					p.push(parse_quote!(f64));
+					p
+				},
+				unit: None,
+			}],
+			body: TokenStream2::new(),
+			crate_name: FoundCrate::Itself,
+			description: String::new(),
+		};
+
+		assert_parsed_node_fn(&parsed, &expected);
+	}
+
+	#[test]
+	fn test_number_min_max_range_mode() {
+		let attr = quote!(category("Math: Arithmetic"), path(graphene_core::TestNode));
+		let input = quote!(
+			fn add(
+				a: f64,
+				/// b
+				#[range((0., 100.))]
+				#[soft_min(-500.)]
+				#[soft_max(500.)]
+				b: f64,
+			) -> f64 {
+				a + b
+			}
+		);
+
+		let parsed = parse_node_fn(attr, input).unwrap();
+		let expected = ParsedNodeFn {
+			vis: Visibility::Inherited,
+			attributes: NodeFnAttributes {
+				category: Some(parse_quote!("Math: Arithmetic")),
+				display_name: None,
+				path: Some(parse_quote!(graphene_core::TestNode)),
+				skip_impl: false,
+				properties_string: None,
+			},
+			fn_name: Ident::new("add", Span::call_site()),
+			struct_name: Ident::new("Add", Span::call_site()),
+			mod_name: Ident::new("add", Span::call_site()),
+			fn_generics: vec![],
+			where_clause: None,
+			input: Input {
+				pat_ident: pat_ident("a"),
+				ty: parse_quote!(f64),
+				implementations: Punctuated::new(),
+			},
+			output_type: parse_quote!(f64),
+			is_async: false,
+			fields: vec![ParsedField::Regular {
+				pat_ident: pat_ident("b"),
+				name: None,
+				description: String::from("b"),
+				widget_override: ParsedWidgetOverride::None,
+				ty: parse_quote!(f64),
+				exposed: false,
+				value_source: ParsedValueSource::None,
+				number_soft_min: Some(parse_quote!(-500.)),
+				number_soft_max: Some(parse_quote!(500.)),
+				number_hard_min: None,
+				number_hard_max: None,
+				number_mode_range: Some(parse_quote!((0., 100.))),
+				number_display_decimal_places: None,
+				number_step: None,
+				implementations: Punctuated::new(),
+				unit: None,
+			}],
+			body: TokenStream2::new(),
+			crate_name: FoundCrate::Itself,
+			description: String::new(),
+		};
+
+		assert_parsed_node_fn(&parsed, &expected);
+	}
+
+	#[test]
+	fn test_async_node() {
+		let attr = quote!(category("IO"));
+		let input = quote!(
+			async fn load_image(api: &WasmEditorApi, #[expose] path: String) -> RasterDataTable<CPU> {
+				// Implementation details...
+			}
+		);
+
+		let parsed = parse_node_fn(attr, input).unwrap();
+		let expected = ParsedNodeFn {
+			vis: Visibility::Inherited,
+			attributes: NodeFnAttributes {
+				category: Some(parse_quote!("IO")),
+				display_name: None,
+				path: None,
+				skip_impl: false,
+				properties_string: None,
+			},
+			fn_name: Ident::new("load_image", Span::call_site()),
+			struct_name: Ident::new("LoadImage", Span::call_site()),
+			mod_name: Ident::new("load_image", Span::call_site()),
+			fn_generics: vec![],
+			where_clause: None,
+			input: Input {
+				pat_ident: pat_ident("api"),
+				ty: parse_quote!(&WasmEditorApi),
+				implementations: Punctuated::new(),
+			},
+			output_type: parse_quote!(RasterDataTable<CPU>),
+			is_async: true,
+			fields: vec![ParsedField::Regular {
+				pat_ident: pat_ident("path"),
+				name: None,
+				ty: parse_quote!(String),
+				description: String::new(),
+				widget_override: ParsedWidgetOverride::None,
+				exposed: true,
+				value_source: ParsedValueSource::None,
+				number_soft_min: None,
+				number_soft_max: None,
+				number_hard_min: None,
+				number_hard_max: None,
+				number_mode_range: None,
+				number_display_decimal_places: None,
+				number_step: None,
+				implementations: Punctuated::new(),
+				unit: None,
+			}],
+			body: TokenStream2::new(),
+			crate_name: FoundCrate::Itself,
+			description: String::new(),
+		};
+
+		assert_parsed_node_fn(&parsed, &expected);
+	}
+
+	#[test]
+	fn test_node_with_custom_name() {
+		let attr = quote!(category("Custom"), name("CustomNode2"));
+		let input = quote!(
+			fn custom_node(input: i32) -> i32 {
+				input * 2
+			}
+		);
+
+		let parsed = parse_node_fn(attr, input).unwrap();
+		let expected = ParsedNodeFn {
+			vis: Visibility::Inherited,
+			attributes: NodeFnAttributes {
+				category: Some(parse_quote!("Custom")),
+				display_name: Some(parse_quote!("CustomNode2")),
+				path: None,
+				skip_impl: false,
+				properties_string: None,
+			},
+			fn_name: Ident::new("custom_node", Span::call_site()),
+			struct_name: Ident::new("CustomNode", Span::call_site()),
+			mod_name: Ident::new("custom_node", Span::call_site()),
+			fn_generics: vec![],
+			where_clause: None,
+			input: Input {
+				pat_ident: pat_ident("input"),
+				ty: parse_quote!(i32),
+				implementations: Punctuated::new(),
+			},
+			output_type: parse_quote!(i32),
+			is_async: false,
+			fields: vec![],
+			body: TokenStream2::new(),
+			crate_name: FoundCrate::Itself,
+			description: String::new(),
+		};
+
+		assert_parsed_node_fn(&parsed, &expected);
+	}
+
+	#[test]
+	#[should_panic(expected = "Multiple 'category' attributes are not allowed")]
+	fn test_multiple_categories() {
+		let attr = quote!(category("Math: Arithmetic"), category("General"));
+		let input = quote!(
+			fn add(a: i32, b: i32) -> i32 {
+				a + b
+			}
+		);
+		parse_node_fn(attr, input).unwrap();
+	}
+
+	#[test]
+	#[should_panic(expected = "Call argument cannot be given a default value")]
+	fn test_default_value_for_first_arg() {
+		let attr = quote!(category("Invalid"));
+		let input = quote!(
+			fn invalid_node(#[default(())] node: impl Node<(), Output = i32>) -> i32 {
+				node.eval(())
+			}
+		);
+		parse_node_fn(attr, input).unwrap();
+	}
+
+	#[test]
+	#[should_panic(expected = "No default values for `impl Node` allowed")]
+	fn test_default_value_for_impl_node() {
+		let attr = quote!(category("Invalid"));
+		let input = quote!(
+			fn invalid_node(_: (), #[default(())] node: impl Node<(), Output = i32>) -> i32 {
+				node.eval(())
+			}
+		);
+		parse_node_fn(attr, input).unwrap();
+	}
+
+	#[test]
+	#[should_panic(expected = "Unsupported attribute in `node`")]
+	fn test_unsupported_attribute() {
+		let attr = quote!(unsupported("Value"));
+		let input = quote!(
+			fn test_node(input: i32) -> i32 {
+				input
+			}
+		);
+		parse_node_fn(attr, input).unwrap();
+	}
+
+	#[test]
+	fn test_invalid_implementation_syntax() {
+		let attr = quote!(category("Test"));
+		let input = quote!(
+			fn test_node(_: (), #[implementations((Footprint, Color), (Footprint, RasterDataTable<CPU>))] input: impl Node<Footprint, Output = T>) -> T {
+				// Implementation details...
+			}
+		);
+
+		let result = parse_node_fn(attr, input);
+		assert!(result.is_err());
+		let error = result.unwrap_err();
+		let error_message = error.to_string();
+		assert!(error_message.contains("Invalid #[implementations(...)] for argument `input`"));
+		assert!(error_message.contains("Expected a comma-separated list of `InputType -> OutputType` pairs"));
+		assert!(error_message.contains("Expected `->` arrow after input type in #[implementations(...)] on a field of type `impl Node`"));
+	}
+
+	#[test]
+	fn test_implementation_on_first_arg() {
+		let attr = quote!(category("Test"));
+
+		// Use quote_spanned! to attach a specific span to the problematic part
+		let problem_span = Span::call_site(); // You could create a custom span here if needed
+		let tuples = quote_spanned!(problem_span=> () ());
+		let input = quote! {
+			fn test_node(
+				#[implementations((), #tuples, Footprint)] footprint: F,
+				#[implementations(
+				() -> Color,
+				() -> RasterDataTable<CPU>,
+				() -> GradientStops,
+				Footprint -> Color,
+				Footprint -> RasterDataTable<CPU>,
+				Footprint -> GradientStops,
+			)]
+				image: impl Node<F, Output = T>,
+			) -> T {
+				// Implementation details...
+			}
+		};
+
+		let result = parse_node_fn(attr, input);
+		assert!(result.is_err(), "Expected an error, but parsing succeeded");
+
+		let error = result.unwrap_err();
+		let error_string = error.to_string();
+		assert!(error_string.contains("Failed to parse implementations for argument 'footprint'"));
+		assert!(error_string.contains("expected `,`"));
+
+		// Instead of checking for exact line and column,
+		// verify that the error span is the one we specified
+		assert_eq!(error.span().start(), problem_span.start());
+	}
+}
diff --git a/node-graph/node-macro/src/validation.rs b/node-graph/node-macro/src/validation.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9ce43a650e3e89149e7bb3d4d172b1eda5a2648c
--- /dev/null
+++ b/node-graph/node-macro/src/validation.rs
@@ -0,0 +1,168 @@
+use crate::parsing::{Implementation, ParsedField, ParsedNodeFn};
+use proc_macro_error2::emit_error;
+use quote::quote;
+use syn::spanned::Spanned;
+use syn::{GenericParam, Type};
+
+pub fn validate_node_fn(parsed: &ParsedNodeFn) -> syn::Result<()> {
+	let validators: &[fn(&ParsedNodeFn)] = &[
+		// Add more validators here as needed
+		validate_implementations_for_generics,
+		validate_primary_input_expose,
+		validate_min_max,
+	];
+
+	for validator in validators {
+		validator(parsed);
+	}
+
+	Ok(())
+}
+
+fn validate_min_max(parsed: &ParsedNodeFn) {
+	for field in &parsed.fields {
+		if let ParsedField::Regular {
+			number_hard_max,
+			number_hard_min,
+			number_soft_max,
+			number_soft_min,
+			pat_ident,
+			..
+		} = field
+		{
+			if let (Some(soft_min), Some(hard_min)) = (number_soft_min, number_hard_min) {
+				let soft_min_value: f64 = soft_min.base10_parse().unwrap_or_default();
+				let hard_min_value: f64 = hard_min.base10_parse().unwrap_or_default();
+				if soft_min_value == hard_min_value {
+					emit_error!(
+						pat_ident.span(),
+						"Unnecessary #[soft_min] attribute on `{}`, as #[hard_min] has the same value.",
+						pat_ident.ident;
+						help = "You can safely remove the #[soft_min] attribute from this field.";
+						note = "#[soft_min] is redundant when it equals #[hard_min].",
+					);
+				} else if soft_min_value < hard_min_value {
+					emit_error!(
+						pat_ident.span(),
+						"The #[soft_min] attribute on `{}` is incorrectly greater than #[hard_min].",
+						pat_ident.ident;
+						help = "You probably meant to reverse the two attribute values.";
+						note = "Allowing the possible slider range to preceed #[hard_min] doesn't make sense.",
+					);
+				}
+			}
+
+			if let (Some(soft_max), Some(hard_max)) = (number_soft_max, number_hard_max) {
+				let soft_max_value: f64 = soft_max.base10_parse().unwrap_or_default();
+				let hard_max_value: f64 = hard_max.base10_parse().unwrap_or_default();
+				if soft_max_value == hard_max_value {
+					emit_error!(
+						pat_ident.span(),
+						"Unnecessary #[soft_max] attribute on `{}`, as #[hard_max] has the same value.",
+						pat_ident.ident;
+						help = "You can safely remove the #[soft_max] attribute from this field.";
+						note = "#[soft_max] is redundant when it equals #[hard_max].",
+					);
+				} else if soft_max_value < hard_max_value {
+					emit_error!(
+						pat_ident.span(),
+						"The #[soft_max] attribute on `{}` is incorrectly greater than #[hard_max].",
+						pat_ident.ident;
+						help = "You probably meant to reverse the two attribute values.";
+						note = "Allowing the possible slider range to exceed #[hard_max] doesn't make sense.",
+					);
+				}
+			}
+		}
+	}
+}
+
+fn validate_primary_input_expose(parsed: &ParsedNodeFn) {
+	if let Some(ParsedField::Regular { exposed: true, pat_ident, .. }) = parsed.fields.first() {
+		emit_error!(
+			pat_ident.span(),
+			"Unnecessary #[expose] attribute on primary input `{}`. Primary inputs are always exposed.",
+			pat_ident.ident;
+			help = "You can safely remove the #[expose] attribute from this field.";
+			note = "The function's second argument, `{}`, is the node's primary input and it's always exposed by default", pat_ident.ident
+		);
+	}
+}
+
+fn validate_implementations_for_generics(parsed: &ParsedNodeFn) {
+	let has_skip_impl = parsed.attributes.skip_impl;
+
+	if !has_skip_impl && !parsed.fn_generics.is_empty() {
+		for field in &parsed.fields {
+			match field {
+				ParsedField::Regular { ty, implementations, pat_ident, .. } => {
+					if contains_generic_param(ty, &parsed.fn_generics) && implementations.is_empty() {
+						emit_error!(
+							ty.span(),
+							"Generic type `{}` in field `{}` requires an #[implementations(...)] attribute",
+							quote!(#ty),
+							pat_ident.ident;
+							help = "Add #[implementations(ConcreteType1, ConcreteType2)] to field '{}'", pat_ident.ident;
+							help = "Or use #[skip_impl] if you want to manually implement the node"
+						);
+					}
+				}
+				ParsedField::Node {
+					input_type,
+					output_type,
+					implementations,
+					pat_ident,
+					..
+				} => {
+					if (contains_generic_param(input_type, &parsed.fn_generics) || contains_generic_param(output_type, &parsed.fn_generics)) && implementations.is_empty() {
+						emit_error!(
+							pat_ident.span(),
+							"Generic types in Node field `{}` require an #[implementations(...)] attribute",
+							pat_ident.ident;
+							help = "Add #[implementations(InputType1 -> OutputType1, InputType2 -> OutputType2)] to field '{}'", pat_ident.ident;
+							help = "Or use #[skip_impl] if you want to manually implement the node"
+						);
+					}
+					// Additional check for Node implementations
+					for impl_ in implementations {
+						validate_node_implementation(impl_, input_type, output_type, &parsed.fn_generics);
+					}
+				}
+			}
+		}
+	}
+}
+
+fn validate_node_implementation(impl_: &Implementation, input_type: &Type, output_type: &Type, fn_generics: &[GenericParam]) {
+	if contains_generic_param(&impl_.input, fn_generics) || contains_generic_param(&impl_.output, fn_generics) {
+		emit_error!(
+			impl_.input.span(),
+			"Implementation types `{}` and `{}` must be concrete, not generic",
+			quote!(#input_type), quote!(#output_type);
+			help = "Replace generic types with concrete types in the implementation"
+		);
+	}
+}
+
+fn contains_generic_param(ty: &Type, fn_generics: &[GenericParam]) -> bool {
+	struct GenericParamChecker<'a> {
+		fn_generics: &'a [GenericParam],
+		found: bool,
+	}
+
+	impl<'a> syn::visit::Visit<'a> for GenericParamChecker<'a> {
+		fn visit_ident(&mut self, ident: &'a syn::Ident) {
+			if self
+				.fn_generics
+				.iter()
+				.any(|param| if let GenericParam::Type(type_param) = param { type_param.ident == *ident } else { false })
+			{
+				self.found = true;
+			}
+		}
+	}
+
+	let mut checker = GenericParamChecker { fn_generics, found: false };
+	syn::visit::visit_type(&mut checker, ty);
+	checker.found
+}
diff --git a/node-graph/preprocessor/Cargo.toml b/node-graph/preprocessor/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..e39fef365c9f5b7826eb732a8941527746977bac
--- /dev/null
+++ b/node-graph/preprocessor/Cargo.toml
@@ -0,0 +1,14 @@
+[package]
+name = "preprocessor"
+version = "0.1.0"
+edition = "2024"
+license = "MIT OR Apache-2.0"
+
+[features]
+
+[dependencies]
+
+# Workspace dependencies
+graphene-std = { workspace = true, features = ["gpu"] }
+graph-craft = { workspace = true }
+interpreted-executor = { workspace = true }
diff --git a/node-graph/preprocessor/src/lib.rs b/node-graph/preprocessor/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..50c265f92f47c704a8a357b59350384c5275bb23
--- /dev/null
+++ b/node-graph/preprocessor/src/lib.rs
@@ -0,0 +1,164 @@
+use graph_craft::document::value::*;
+use graph_craft::document::*;
+use graph_craft::proto::RegistryValueSource;
+use graph_craft::{ProtoNodeIdentifier, concrete};
+use graphene_std::registry::*;
+use graphene_std::*;
+use std::collections::{HashMap, HashSet};
+
+pub fn expand_network(network: &mut NodeNetwork, substitutions: &HashMap<String, DocumentNode>) {
+	if network.generated {
+		return;
+	}
+
+	for node in network.nodes.values_mut() {
+		match &mut node.implementation {
+			DocumentNodeImplementation::Network(node_network) => expand_network(node_network, substitutions),
+			DocumentNodeImplementation::ProtoNode(proto_node_identifier) => {
+				if let Some(new_node) = substitutions.get(proto_node_identifier.name.as_ref()) {
+					node.implementation = new_node.implementation.clone();
+				}
+			}
+			DocumentNodeImplementation::Extract => (),
+		}
+	}
+}
+
+pub fn generate_node_substitutions() -> HashMap<String, DocumentNode> {
+	let mut custom = HashMap::new();
+	let node_registry = graphene_core::registry::NODE_REGISTRY.lock().unwrap();
+	for (id, metadata) in graphene_core::registry::NODE_METADATA.lock().unwrap().iter() {
+		let id = id.clone();
+
+		let NodeMetadata { fields, .. } = metadata;
+		let Some(implementations) = &node_registry.get(&id) else { continue };
+		let valid_inputs: HashSet<_> = implementations.iter().map(|(_, node_io)| node_io.call_argument.clone()).collect();
+		let first_node_io = implementations.first().map(|(_, node_io)| node_io).unwrap_or(const { &NodeIOTypes::empty() });
+		let mut node_io_types = vec![HashSet::new(); fields.len()];
+		for (_, node_io) in implementations.iter() {
+			for (i, ty) in node_io.inputs.iter().enumerate() {
+				node_io_types[i].insert(ty.clone());
+			}
+		}
+		let mut input_type = &first_node_io.call_argument;
+		if valid_inputs.len() > 1 {
+			input_type = &const { generic!(D) };
+		}
+
+		let inputs: Vec<_> = node_inputs(fields, first_node_io);
+		let input_count = inputs.len();
+		let network_inputs = (0..input_count).map(|i| NodeInput::node(NodeId(i as u64), 0)).collect();
+
+		let identity_node = ProtoNodeIdentifier::new("graphene_core::ops::IdentityNode");
+
+		let into_node_registry = &interpreted_executor::node_registry::NODE_REGISTRY;
+
+		let mut generated_nodes = 0;
+		let mut nodes: HashMap<_, _, _> = node_io_types
+			.iter()
+			.enumerate()
+			.map(|(i, inputs)| {
+				(
+					NodeId(i as u64),
+					match inputs.len() {
+						1 if false => {
+							let input = inputs.iter().next().unwrap();
+							let input_ty = input.nested_type();
+
+							let into_node_identifier = ProtoNodeIdentifier {
+								name: format!("graphene_core::ops::IntoNode<{}>", input_ty.clone()).into(),
+							};
+							let convert_node_identifier = ProtoNodeIdentifier {
+								name: format!("graphene_core::ops::ConvertNode<{}>", input_ty.clone()).into(),
+							};
+
+							let proto_node = if into_node_registry.keys().any(|ident: &ProtoNodeIdentifier| ident.name.as_ref() == into_node_identifier.name.as_ref()) {
+								generated_nodes += 1;
+								into_node_identifier
+							} else if into_node_registry.keys().any(|ident| ident.name.as_ref() == convert_node_identifier.name.as_ref()) {
+								generated_nodes += 1;
+								convert_node_identifier
+							} else {
+								identity_node.clone()
+							};
+
+							DocumentNode {
+								inputs: vec![NodeInput::network(input.clone(), i)],
+								// manual_composition: Some(fn_input.clone()),
+								implementation: DocumentNodeImplementation::ProtoNode(proto_node),
+								visible: true,
+								..Default::default()
+							}
+						}
+						_ => DocumentNode {
+							inputs: vec![NodeInput::network(generic!(X), i)],
+							implementation: DocumentNodeImplementation::ProtoNode(identity_node.clone()),
+							visible: false,
+							..Default::default()
+						},
+					},
+				)
+			})
+			.collect();
+
+		if generated_nodes == 0 {
+			continue;
+		}
+
+		let document_node = DocumentNode {
+			inputs: network_inputs,
+			manual_composition: Some(input_type.clone()),
+			implementation: DocumentNodeImplementation::ProtoNode(id.clone().into()),
+			visible: true,
+			skip_deduplication: false,
+			..Default::default()
+		};
+
+		nodes.insert(NodeId(input_count as u64), document_node);
+
+		let node = DocumentNode {
+			inputs,
+			manual_composition: Some(input_type.clone()),
+			implementation: DocumentNodeImplementation::Network(NodeNetwork {
+				exports: vec![NodeInput::Node {
+					node_id: NodeId(input_count as u64),
+					output_index: 0,
+					lambda: false,
+				}],
+				nodes,
+				scope_injections: Default::default(),
+				generated: true,
+			}),
+			visible: true,
+			skip_deduplication: false,
+			..Default::default()
+		};
+
+		custom.insert(id.clone(), node);
+	}
+
+	custom
+}
+
+pub fn node_inputs(fields: &[registry::FieldMetadata], first_node_io: &NodeIOTypes) -> Vec<NodeInput> {
+	fields
+		.iter()
+		.zip(first_node_io.inputs.iter())
+		.enumerate()
+		.map(|(index, (field, node_io_ty))| {
+			let ty = field.default_type.as_ref().unwrap_or(node_io_ty);
+			let exposed = if index == 0 { *ty != fn_type_fut!(Context, ()) } else { field.exposed };
+
+			match field.value_source {
+				RegistryValueSource::None => {}
+				RegistryValueSource::Default(data) => return NodeInput::value(TaggedValue::from_primitive_string(data, ty).unwrap_or(TaggedValue::None), exposed),
+				RegistryValueSource::Scope(data) => return NodeInput::scope(Cow::Borrowed(data)),
+			};
+
+			if let Some(type_default) = TaggedValue::from_type(ty) {
+				return NodeInput::value(type_default, exposed);
+			}
+			NodeInput::value(TaggedValue::None, true)
+		})
+		.collect()
+}
diff --git a/node-graph/wgpu-executor/Cargo.toml b/node-graph/wgpu-executor/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..e939abd8cf7c39c83d4031597d83d8e75daae14c
--- /dev/null
+++ b/node-graph/wgpu-executor/Cargo.toml
@@ -0,0 +1,27 @@
+[package]
+name = "wgpu-executor"
+version = "0.1.0"
+edition = "2024"
+license = "MIT OR Apache-2.0"
+
+[features]
+default = []
+profiling = []
+passthrough = []
+
+[dependencies]
+# Local dependencies
+graphene-core = { workspace = true, features = ["wgpu"] }
+graphene-application-io = { workspace = true, features = ["wgpu"] }
+graphene-svg-renderer = { workspace = true, features = ["vello"] }
+dyn-any = { workspace = true }
+node-macro = { workspace = true }
+
+# Workspace dependencies
+glam = { workspace = true }
+anyhow = { workspace = true }
+wgpu = { workspace = true }
+futures = { workspace = true }
+web-sys = { workspace = true }
+winit = { workspace = true }
+vello = { workspace = true }
diff --git a/node-graph/wgpu-executor/src/context.rs b/node-graph/wgpu-executor/src/context.rs
new file mode 100644
index 0000000000000000000000000000000000000000..7d0d81859c65f06c6c3eb6b6df869dfa465c22f2
--- /dev/null
+++ b/node-graph/wgpu-executor/src/context.rs
@@ -0,0 +1,62 @@
+use std::sync::Arc;
+use wgpu::{Device, Instance, Queue};
+
+#[derive(Debug, Clone)]
+pub struct Context {
+	pub device: Arc<Device>,
+	pub queue: Arc<Queue>,
+	pub instance: Arc<Instance>,
+	pub adapter: Arc<wgpu::Adapter>,
+}
+
+impl Context {
+	pub async fn new() -> Option<Self> {
+		// Instantiates instance of WebGPU
+		let instance_descriptor = wgpu::InstanceDescriptor {
+			backends: wgpu::Backends::all(),
+			..Default::default()
+		};
+		let instance = Instance::new(instance_descriptor);
+
+		let adapter_options = wgpu::RequestAdapterOptions {
+			power_preference: wgpu::PowerPreference::HighPerformance,
+			compatible_surface: None,
+			force_fallback_adapter: false,
+		};
+		// `request_adapter` instantiates the general connection to the GPU
+		let adapter = instance.request_adapter(&adapter_options).await?;
+
+		let required_limits = adapter.limits();
+		// `request_device` instantiates the feature specific connection to the GPU, defining some parameters,
+		//  `features` being the available features.
+		let (device, queue) = adapter
+			.request_device(
+				&wgpu::DeviceDescriptor {
+					label: None,
+					// #[cfg(not(feature = "passthrough"))]
+					required_features: wgpu::Features::empty(),
+					// Currently disabled because not all backend support passthrough.
+					// TODO: reenable only when vulkan adapter is available
+					// #[cfg(feature = "passthrough")]
+					// required_features: wgpu::Features::SPIRV_SHADER_PASSTHROUGH,
+					required_limits,
+					memory_hints: Default::default(),
+				},
+				None,
+			)
+			.await
+			.unwrap();
+
+		let info = adapter.get_info();
+		// skip this on LavaPipe temporarily
+		if info.vendor == 0x10005 {
+			return None;
+		}
+		Some(Self {
+			device: Arc::new(device),
+			queue: Arc::new(queue),
+			adapter: Arc::new(adapter),
+			instance: Arc::new(instance),
+		})
+	}
+}
diff --git a/node-graph/wgpu-executor/src/lib.rs b/node-graph/wgpu-executor/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d65c24814a6e32dbd2d714251887baabc4a56786
--- /dev/null
+++ b/node-graph/wgpu-executor/src/lib.rs
@@ -0,0 +1,160 @@
+mod context;
+
+use anyhow::Result;
+pub use context::Context;
+use dyn_any::StaticType;
+use glam::UVec2;
+use graphene_application_io::{ApplicationIo, EditorApi, SurfaceHandle};
+use graphene_core::{Color, Ctx};
+pub use graphene_svg_renderer::RenderContext;
+use std::sync::Arc;
+use vello::{AaConfig, AaSupport, RenderParams, Renderer, RendererOptions, Scene};
+use wgpu::{Origin3d, SurfaceConfiguration, TextureAspect};
+
+#[derive(dyn_any::DynAny)]
+pub struct WgpuExecutor {
+	pub context: Context,
+	vello_renderer: futures::lock::Mutex<Renderer>,
+}
+
+impl std::fmt::Debug for WgpuExecutor {
+	fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+		f.debug_struct("WgpuExecutor").field("context", &self.context).finish()
+	}
+}
+
+impl<'a, T: ApplicationIo<Executor = WgpuExecutor>> From<&'a EditorApi<T>> for &'a WgpuExecutor {
+	fn from(editor_api: &'a EditorApi<T>) -> Self {
+		editor_api.application_io.as_ref().unwrap().gpu_executor().unwrap()
+	}
+}
+
+pub type WgpuSurface = Arc<SurfaceHandle<Surface>>;
+pub type WgpuWindow = Arc<SurfaceHandle<WindowHandle>>;
+
+impl graphene_application_io::Size for Surface {
+	fn size(&self) -> UVec2 {
+		self.resolution
+	}
+}
+
+pub struct Surface {
+	pub inner: wgpu::Surface<'static>,
+	resolution: UVec2,
+}
+#[cfg(target_arch = "wasm32")]
+pub type Window = web_sys::HtmlCanvasElement;
+#[cfg(not(target_arch = "wasm32"))]
+pub type Window = Arc<winit::window::Window>;
+
+unsafe impl StaticType for Surface {
+	type Static = Surface;
+}
+
+impl WgpuExecutor {
+	pub async fn render_vello_scene(&self, scene: &Scene, surface: &WgpuSurface, width: u32, height: u32, context: &RenderContext, background: Color) -> Result<()> {
+		let surface = &surface.surface.inner;
+		let surface_caps = surface.get_capabilities(&self.context.adapter);
+		surface.configure(
+			&self.context.device,
+			&SurfaceConfiguration {
+				usage: wgpu::TextureUsages::RENDER_ATTACHMENT | wgpu::TextureUsages::STORAGE_BINDING,
+				format: wgpu::TextureFormat::Rgba8Unorm,
+				width,
+				height,
+				present_mode: surface_caps.present_modes[0],
+				alpha_mode: wgpu::CompositeAlphaMode::Opaque,
+				view_formats: vec![],
+				desired_maximum_frame_latency: 2,
+			},
+		);
+		let surface_texture = surface.get_current_texture()?;
+
+		let [r, g, b, _] = background.to_rgba8_srgb();
+		let render_params = RenderParams {
+			// We are using an explicit opaque color here to eliminate the alpha premultiplication step
+			// which would be required to support a transparent webgpu canvas
+			base_color: vello::peniko::Color::from_rgba8(r, g, b, 0xff),
+			width,
+			height,
+			antialiasing_method: AaConfig::Msaa16,
+		};
+
+		{
+			let mut renderer = self.vello_renderer.lock().await;
+			for (id, texture) in context.resource_overrides.iter() {
+				let texture_view = wgpu::ImageCopyTextureBase {
+					texture: texture.clone(),
+					mip_level: 0,
+					origin: Origin3d::ZERO,
+					aspect: TextureAspect::All,
+				};
+				renderer.override_image(
+					&vello::peniko::Image::new(vello::peniko::Blob::from_raw_parts(Arc::new(vec![]), *id), vello::peniko::Format::Rgba8, 0, 0),
+					Some(texture_view),
+				);
+			}
+			renderer.render_to_surface(&self.context.device, &self.context.queue, scene, &surface_texture, &render_params).unwrap();
+		}
+
+		surface_texture.present();
+
+		Ok(())
+	}
+
+	#[cfg(target_arch = "wasm32")]
+	pub fn create_surface(&self, canvas: graphene_application_io::WasmSurfaceHandle) -> Result<SurfaceHandle<Surface>> {
+		let surface = self.context.instance.create_surface(wgpu::SurfaceTarget::Canvas(canvas.surface))?;
+
+		Ok(SurfaceHandle {
+			window_id: canvas.window_id,
+			surface: Surface {
+				inner: surface,
+				resolution: UVec2::ZERO,
+			},
+		})
+	}
+	#[cfg(not(target_arch = "wasm32"))]
+	pub fn create_surface(&self, window: SurfaceHandle<Window>) -> Result<SurfaceHandle<Surface>> {
+		let size = window.surface.inner_size();
+		let resolution = UVec2::new(size.width, size.height);
+		let surface = self.context.instance.create_surface(wgpu::SurfaceTarget::Window(Box::new(window.surface)))?;
+
+		Ok(SurfaceHandle {
+			window_id: window.window_id,
+			surface: Surface { inner: surface, resolution },
+		})
+	}
+}
+
+impl WgpuExecutor {
+	pub async fn new() -> Option<Self> {
+		let context = Context::new().await?;
+
+		let vello_renderer = Renderer::new(
+			&context.device,
+			RendererOptions {
+				surface_format: Some(wgpu::TextureFormat::Rgba8Unorm),
+				use_cpu: false,
+				antialiasing_support: AaSupport::all(),
+				num_init_threads: std::num::NonZeroUsize::new(1),
+			},
+		)
+		.map_err(|e| anyhow::anyhow!("Failed to create Vello renderer: {:?}", e))
+		.ok()?;
+
+		Some(Self {
+			context,
+			vello_renderer: vello_renderer.into(),
+		})
+	}
+}
+
+pub type WindowHandle = Arc<SurfaceHandle<Window>>;
+
+#[node_macro::node(skip_impl)]
+fn create_gpu_surface<'a: 'n, Io: ApplicationIo<Executor = WgpuExecutor, Surface = Window> + 'a + Send + Sync>(_: impl Ctx + 'a, editor_api: &'a EditorApi<Io>) -> Option<WgpuSurface> {
+	let canvas = editor_api.application_io.as_ref()?.window()?;
+	let executor = editor_api.application_io.as_ref()?.gpu_executor()?;
+	Some(Arc::new(executor.create_surface(canvas).ok()?))
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..a8f7238008c05c8c3436ea8f5f2146b20b0d3f2e
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+	"name": "Graphite",
+	"lockfileVersion": 2,
+	"requires": true,
+	"packages": {}
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..55286592825b9013c135b38ef2eef08c22c24378
--- /dev/null
+++ b/package.json
@@ -0,0 +1,17 @@
+{
+	"description": "A convenience package for calling the real package.json in ./frontend",
+	"private": true,
+	"scripts": {
+		"---------- DEV SERVER ----------": "",
+		"start": "cd frontend && npm start",
+		"profiling": "cd frontend && npm run profiling",
+		"production": "cd frontend && npm run production",
+		"---------- BUILDS ----------": "",
+		"build-dev": "cd frontend && npm run build-dev",
+		"build-profiling": "cd frontend && npm run build-profiling",
+		"build": "cd frontend && npm run build",
+		"---------- UTILITIES ----------": "",
+		"lint": "cd frontend && npm run lint",
+		"lint-fix": "cd frontend && npm run lint-fix"
+	}
+}
diff --git a/proc-macros/Cargo.toml b/proc-macros/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..51417c6ff74fdba283606fddf2d6786da3017782
--- /dev/null
+++ b/proc-macros/Cargo.toml
@@ -0,0 +1,35 @@
+[package]
+name = "graphite-proc-macros"
+publish = false
+version = "0.0.0"
+rust-version = "1.85"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+edition = "2024"
+readme = "../README.md"
+homepage = "https://graphite.rs"
+repository = "https://github.com/GraphiteEditor/Graphite"
+license = "Apache-2.0"
+
+[lib]
+path = "src/lib.rs"
+proc-macro = true
+
+[features]
+default = ["serde-discriminant"]
+serde-discriminant = []
+
+[dependencies]
+# Workspace dependencies
+proc-macro2 = { workspace = true }
+syn = { workspace = true }
+quote = { workspace = true }
+
+[dev-dependencies]
+# Local dependencies
+editor = { path = "../editor", package = "graphite-editor" }
+
+# Workspace dependencies
+serde = { workspace = true }
+
+[package.metadata.cargo-shear]
+ignored = ["graphite-editor"]
diff --git a/proc-macros/src/as_message.rs b/proc-macros/src/as_message.rs
new file mode 100644
index 0000000000000000000000000000000000000000..8102d8e5d0503cf210445c9bd130ec03a596ab48
--- /dev/null
+++ b/proc-macros/src/as_message.rs
@@ -0,0 +1,55 @@
+use proc_macro2::{Span, TokenStream};
+use syn::{Data, DeriveInput};
+
+pub fn derive_as_message_impl(input_item: TokenStream) -> syn::Result<TokenStream> {
+	let input = syn::parse2::<DeriveInput>(input_item).unwrap();
+
+	let data = match input.data {
+		Data::Enum(data) => data,
+		_ => return Err(syn::Error::new(Span::call_site(), "Tried to derive AsMessage for non-enum")),
+	};
+
+	let input_type = input.ident;
+
+	let (globs, names) = data
+		.variants
+		.iter()
+		.map(|var| {
+			let var_name = &var.ident;
+			let var_name_s = var.ident.to_string();
+			if var.attrs.iter().any(|a| a.path().is_ident("child")) {
+				(
+					quote::quote! {
+						#input_type::#var_name(child)
+					},
+					quote::quote! {
+						format!("{}.{}", #var_name_s, child.local_name())
+					},
+				)
+			} else {
+				(
+					quote::quote! {
+						#input_type::#var_name { .. }
+					},
+					quote::quote! {
+						#var_name_s.to_string()
+					},
+				)
+			}
+		})
+		.unzip::<_, _, Vec<_>, Vec<_>>();
+
+	let res = quote::quote! {
+		impl AsMessage for #input_type {
+			fn local_name(self) -> String {
+				match self {
+					#(
+						#globs => #names
+					),*
+				}
+			}
+		}
+	};
+
+	Ok(res)
+}
diff --git a/proc-macros/src/combined_message_attrs.rs b/proc-macros/src/combined_message_attrs.rs
new file mode 100644
index 0000000000000000000000000000000000000000..aadca6384e5f138532172586090b310046be64b9
--- /dev/null
+++ b/proc-macros/src/combined_message_attrs.rs
@@ -0,0 +1,134 @@
+use crate::helpers::call_site_ident;
+use proc_macro2::Ident;
+use proc_macro2::TokenStream;
+use quote::ToTokens;
+use syn::Token;
+use syn::parse::{Parse, ParseStream};
+use syn::{ItemEnum, TypePath};
+
+struct MessageArgs {
+	pub _top_parent: TypePath,
+	pub _comma1: Token![,],
+	pub parent: TypePath,
+	pub _comma2: Token![,],
+	pub variant: Ident,
+}
+
+impl Parse for MessageArgs {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		Ok(Self {
+			_top_parent: input.parse()?,
+			_comma1: input.parse()?,
+			parent: input.parse()?,
+			_comma2: input.parse()?,
+			variant: input.parse()?,
+		})
+	}
+}
+
+struct TopLevelMessageArgs {
+	pub parent: TypePath,
+	pub _comma2: Token![,],
+	pub variant: Ident,
+}
+
+impl Parse for TopLevelMessageArgs {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		Ok(Self {
+			parent: input.parse()?,
+			_comma2: input.parse()?,
+			variant: input.parse()?,
+		})
+	}
+}
+
+pub fn combined_message_attrs_impl(attr: TokenStream, input_item: TokenStream) -> syn::Result<TokenStream> {
+	if attr.is_empty() {
+		return top_level_impl(input_item);
+	}
+
+	let mut input = syn::parse2::<ItemEnum>(input_item)?;
+
+	let (parent_is_top, parent, variant) = match syn::parse2::<MessageArgs>(attr.clone()) {
+		Ok(x) => (false, x.parent, x.variant),
+		Err(_) => {
+			let x = syn::parse2::<TopLevelMessageArgs>(attr)?;
+			(true, x.parent, x.variant)
+		}
+	};
+
+	let parent_discriminant = quote::quote! {
+		<#parent as ToDiscriminant>::Discriminant
+	};
+
+	input.attrs.push(syn::parse_quote! { #[derive(ToDiscriminant, TransitiveChild)] });
+	input.attrs.push(syn::parse_quote! { #[parent(#parent, #parent::#variant)] });
+	if parent_is_top {
+		input.attrs.push(syn::parse_quote! { #[parent_is_top] });
+	}
+	input
+		.attrs
+		.push(syn::parse_quote! { #[discriminant_attr(derive(Debug, Copy, Clone, PartialEq, Eq, Hash, AsMessage, TransitiveChild))] });
+	input
+		.attrs
+		.push(syn::parse_quote! { #[discriminant_attr(parent(#parent_discriminant, #parent_discriminant::#variant))] });
+	if parent_is_top {
+		input.attrs.push(syn::parse_quote! { #[discriminant_attr(parent_is_top)] });
+	}
+
+	for var in &mut input.variants {
+		if let Some(attr) = var.attrs.iter_mut().find(|a| a.path().is_ident("child")) {
+			let path = match &mut attr.meta {
+				syn::Meta::Path(path) => path,
+				syn::Meta::List(list) => &mut list.path,
+				syn::Meta::NameValue(named_value) => &mut named_value.path,
+			};
+			let last_segment = path.segments.last_mut().unwrap();
+			last_segment.ident = call_site_ident("sub_discriminant");
+			var.attrs.push(syn::parse_quote! {
+				#[discriminant_attr(child)]
+			});
+		}
+	}
+
+	Ok(input.into_token_stream())
+}
+
+fn top_level_impl(input_item: TokenStream) -> syn::Result<TokenStream> {
+	let mut input = syn::parse2::<ItemEnum>(input_item)?;
+
+	input.attrs.push(syn::parse_quote! { #[derive(ToDiscriminant)] });
+	input.attrs.push(syn::parse_quote! { #[discriminant_attr(derive(Debug, Copy, Clone, PartialEq, Eq, Hash, AsMessage))] });
+
+	for var in &mut input.variants {
+		if let Some(attr) = var.attrs.iter_mut().find(|a| a.path().is_ident("child")) {
+			let path = match &mut attr.meta {
+				syn::Meta::Path(path) => path,
+				syn::Meta::List(list) => &mut list.path,
+				syn::Meta::NameValue(named_value) => &mut named_value.path,
+			};
+			let last_segment = path.segments.last_mut().unwrap();
+			last_segment.ident = call_site_ident("sub_discriminant");
+			var.attrs.push(syn::parse_quote! {
+				#[discriminant_attr(child)]
+			});
+		}
+	}
+
+	let input_type = &input.ident;
+	let discriminant = call_site_ident(format!("{input_type}Discriminant"));
+
+	Ok(quote::quote! {
+		#input
+
+		impl TransitiveChild for #input_type {
+			type TopParent = Self;
+			type Parent = Self;
+		}
+
+		impl TransitiveChild for #discriminant {
+			type TopParent = Self;
+			type Parent = Self;
+		}
+	})
+}
diff --git a/proc-macros/src/discriminant.rs b/proc-macros/src/discriminant.rs
new file mode 100644
index 0000000000000000000000000000000000000000..681351e43e367de4b34ef8713d3766ddcf7c186b
--- /dev/null
+++ b/proc-macros/src/discriminant.rs
@@ -0,0 +1,146 @@
+use crate::helpers::call_site_ident;
+use proc_macro2::{Ident, Span, TokenStream};
+use syn::spanned::Spanned;
+use syn::{Attribute, Data, DeriveInput, Field, Fields, ItemEnum, MetaList};
+
+pub fn derive_discriminant_impl(input_item: TokenStream) -> syn::Result<TokenStream> {
+	let input = syn::parse2::<DeriveInput>(input_item).unwrap();
+
+	let mut data = match input.data {
+		Data::Enum(data) => data,
+		_ => return Err(syn::Error::new(Span::call_site(), "Tried to derive a discriminant for non-enum")),
+	};
+
+	let mut is_sub_discriminant = vec![];
+	let mut attr_errs = vec![];
+
+	for var in &mut data.variants {
+		if var.attrs.iter().any(|a| a.path().is_ident("sub_discriminant")) {
+			match var.fields.len() {
+				1 => {
+					let Field { ty, .. } = var.fields.iter_mut().next().unwrap();
+					*ty = syn::parse_quote! {
+						<#ty as ToDiscriminant>::Discriminant
+					};
+					is_sub_discriminant.push(true);
+				}
+				n => unimplemented!("#[sub_discriminant] on variants with {n} fields is not supported (for now)"),
+			}
+		} else {
+			var.fields = Fields::Unit;
+			is_sub_discriminant.push(false);
+		}
+		let mut retain = vec![];
+		for (i, a) in var.attrs.iter_mut().enumerate() {
+			if a.path().is_ident("discriminant_attr") {
+				match a.meta.require_list() {
+					Ok(MetaList { tokens, .. }) => {
+						let attr: Attribute = syn::parse_quote! {
+							#[#tokens]
+						};
+						*a = attr;
+						retain.push(i);
+					}
+					Err(e) => {
+						attr_errs.push(syn::Error::new(a.span(), e));
+					}
+				}
+			}
+		}
+		var.attrs = var.attrs.iter().enumerate().filter(|(i, _)| retain.contains(i)).map(|(_, x)| x.clone()).collect();
+	}
+
+	let attrs = input
+		.attrs
+		.iter()
+		.cloned()
+		.filter_map(|a| {
+			let a_span = a.span();
+			a.path()
+				.is_ident("discriminant_attr")
+				.then(|| match a.meta.require_list() {
+					Ok(MetaList { tokens, .. }) => {
+						let attr: Attribute = syn::parse_quote! {
+							#[#tokens]
+						};
+						Some(attr)
+					}
+					Err(e) => {
+						attr_errs.push(syn::Error::new(a_span, e));
+						None
+					}
+				})
+				.and_then(|opt| opt)
+		})
+		.collect::<Vec<Attribute>>();
+
+	if !attr_errs.is_empty() {
+		return Err(attr_errs
+			.into_iter()
+			.reduce(|mut l, r| {
+				l.combine(r);
+				l
+			})
+			.unwrap());
+	}
+
+	let discriminant = ItemEnum {
+		attrs,
+		vis: input.vis,
+		enum_token: data.enum_token,
+		ident: call_site_ident(format!("{}Discriminant", input.ident)),
+		generics: input.generics,
+		brace_token: data.brace_token,
+		variants: data.variants,
+	};
+
+	let input_type = &input.ident;
+	let discriminant_type = &discriminant.ident;
+	let variant = &discriminant.variants.iter().map(|var| &var.ident).collect::<Vec<&Ident>>();
+
+	let (pattern, value) = is_sub_discriminant
+		.into_iter()
+		.map(|b| {
+			(
+				if b {
+					quote::quote! { (x) }
+				} else {
+					quote::quote! { { .. } }
+				},
+				b.then(|| quote::quote! { (x.to_discriminant()) }).unwrap_or_default(),
+			)
+		})
+		.unzip::<_, _, Vec<_>, Vec<_>>();
+	#[cfg(feature = "serde-discriminant")]
+	let serde = quote::quote! {
+		#[derive(serde::Serialize, serde::Deserialize)]
+	};
+
+	#[cfg(not(feature = "serde-discriminant"))]
+	let serde = quote::quote! {};
+
+	let res = quote::quote! {
+		#serde
+		#discriminant
+
+		impl ToDiscriminant for #input_type {
+			type Discriminant = #discriminant_type;
+
+			fn to_discriminant(&self) -> #discriminant_type {
+				match self {
+					#(
+						#input_type::#variant #pattern => #discriminant_type::#variant #value
+					),*
+				}
+			}
+		}
+
+		impl From<&#input_type> for #discriminant_type {
+			fn from(x: &#input_type) -> #discriminant_type {
+				x.to_discriminant()
+			}
+		}
+	};
+
+	Ok(res)
+}
diff --git a/proc-macros/src/helper_structs.rs b/proc-macros/src/helper_structs.rs
new file mode 100644
index 0000000000000000000000000000000000000000..52321e759bd464ca3faa33dfeb918524a88f0d80
--- /dev/null
+++ b/proc-macros/src/helper_structs.rs
@@ -0,0 +1,199 @@
+use proc_macro2::{Ident, TokenStream};
+use std::collections::HashMap;
+use syn::parse::{Parse, ParseStream};
+use syn::punctuated::Punctuated;
+use syn::token::Paren;
+use syn::{LitStr, Token, parenthesized};
+
+pub struct IdentList {
+	pub parts: Punctuated<Ident, Token![,]>,
+}
+
+impl Parse for IdentList {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		let content;
+		let _paren_token = parenthesized!(content in input);
+		Ok(Self {
+			parts: Punctuated::parse_terminated(&content)?,
+		})
+	}
+}
+
+/// Parses `("some text")`
+pub struct AttrInnerSingleString {
+	_paren_token: Paren,
+	pub content: LitStr,
+}
+
+impl Parse for AttrInnerSingleString {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		let content;
+		let _paren_token = parenthesized!(content in input);
+		Ok(Self {
+			_paren_token,
+			content: content.parse()?,
+		})
+	}
+}
+
+/// Parses `key="value"`
+pub struct KeyEqString {
+	key: Ident,
+	_eq_token: Token![=],
+	lit: LitStr,
+}
+
+impl Parse for KeyEqString {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		Ok(Self {
+			key: input.parse()?,
+			_eq_token: input.parse()?,
+			lit: input.parse()?,
+		})
+	}
+}
+
+/// Parses `(key="value", key="value", …)`
+pub struct AttrInnerKeyStringMap {
+	parts: Punctuated<KeyEqString, Token![,]>,
+}
+
+impl Parse for AttrInnerKeyStringMap {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		Ok(Self {
+			parts: Punctuated::parse_terminated(input)?,
+		})
+	}
+}
+
+impl AttrInnerKeyStringMap {
+	pub fn multi_into_iter(iter: impl IntoIterator<Item = Self>) -> impl Iterator<Item = (Ident, Vec<LitStr>)> {
+		use std::collections::hash_map::Entry;
+
+		let mut res = Vec::<(Ident, Vec<LitStr>)>::new();
+		let mut idx = HashMap::<Ident, usize>::new();
+
+		for part in iter.into_iter().flat_map(|x: Self| x.parts) {
+			match idx.entry(part.key) {
+				Entry::Occupied(occ) => {
+					res[*occ.get()].1.push(part.lit);
+				}
+				Entry::Vacant(vac) => {
+					let ident = vac.key().clone();
+					vac.insert(res.len());
+					res.push((ident, vec![part.lit]));
+				}
+			}
+		}
+
+		res.into_iter()
+	}
+}
+
+/// Parses `(left, right)`
+pub struct Pair<F, S> {
+	pub first: F,
+	pub sep: Token![,],
+	pub second: S,
+}
+
+impl<F, S> Parse for Pair<F, S>
+where
+	F: Parse,
+	S: Parse,
+{
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		Ok(Self {
+			first: input.parse()?,
+			sep: input.parse()?,
+			second: input.parse()?,
+		})
+	}
+}
+
+/// parses `(...)`
+pub struct ParenthesizedTokens {
+	pub paren: Paren,
+	pub tokens: TokenStream,
+}
+
+impl Parse for ParenthesizedTokens {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		let content;
+		let paren = parenthesized!(content in input);
+		Ok(Self { paren, tokens: content.parse()? })
+	}
+}
+
+/// parses a comma-delimeted list of `T`s with optional trailing comma
+pub struct SimpleCommaDelimeted<T>(pub Vec<T>);
+
+impl<T: Parse> Parse for SimpleCommaDelimeted<T> {
+	fn parse(input: ParseStream) -> syn::Result<Self> {
+		let punctuated = Punctuated::<T, Token![,]>::parse_terminated(input)?;
+		Ok(Self(punctuated.into_iter().collect()))
+	}
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+
+	#[test]
+	fn attr_inner_single_string() {
+		let res = syn::parse2::<AttrInnerSingleString>(quote::quote! {
+			("a string literal")
+		});
+		assert!(res.is_ok());
+		assert_eq!(res.ok().unwrap().content.value(), "a string literal");
+
+		let res = syn::parse2::<AttrInnerSingleString>(quote::quote! {
+			wrong, "stuff"
+		});
+		assert!(res.is_err());
+	}
+
+	#[test]
+	fn key_eq_string() {
+		let res = syn::parse2::<KeyEqString>(quote::quote! {
+			key="value"
+		});
+		assert!(res.is_ok());
+		let res = res.ok().unwrap();
+		assert_eq!(res.key, "key");
+		assert_eq!(res.lit.value(), "value");
+
+		let res = syn::parse2::<KeyEqString>(quote::quote! {
+			wrong, "stuff"
+		});
+		assert!(res.is_err());
+	}
+
+	#[test]
+	fn attr_inner_key_string_map() {
+		let res = syn::parse2::<AttrInnerKeyStringMap>(quote::quote! {
+			key="value", key2="value2"
+		});
+		assert!(res.is_ok());
+		let res = res.ok().unwrap();
+		for (item, (k, v)) in res.parts.into_iter().zip(vec![("key", "value"), ("key2", "value2")]) {
+			assert_eq!(item.key, k);
+			assert_eq!(item.lit.value(), v);
+		}
+
+		let res = syn::parse2::<AttrInnerKeyStringMap>(quote::quote! {
+			key="value", key2="value2",
+		});
+		assert!(res.is_ok());
+		let res = res.ok().unwrap();
+		for (item, (k, v)) in res.parts.into_iter().zip(vec![("key", "value"), ("key2", "value2")]) {
+			assert_eq!(item.key, k);
+			assert_eq!(item.lit.value(), v);
+		}
+
+		let res = syn::parse2::<AttrInnerKeyStringMap>(quote::quote! {
+			wrong, "stuff"
+		});
+		assert!(res.is_err());
+	}
+}
diff --git a/proc-macros/src/helpers.rs b/proc-macros/src/helpers.rs
new file mode 100644
index 0000000000000000000000000000000000000000..11c18c8b41052417f5079c2fcab83731f877fa19
--- /dev/null
+++ b/proc-macros/src/helpers.rs
@@ -0,0 +1,70 @@
+use proc_macro2::{Ident, Span};
+use syn::punctuated::Punctuated;
+use syn::{Path, PathArguments, PathSegment, Token};
+
+/// Returns `Ok(Vec<T>)` if all items are `Ok(T)`, else returns a combination of every error encountered (not just the first one)
+// Allowing this lint because this is a false positive in this case. The fold can only be changed into a `try_fold` if the closure
+// doesn't have an error case. See for details: https://rust-lang.github.io/rust-clippy/master/index.html#/manual_try_fold.
+#[allow(clippy::manual_try_fold)]
+pub fn fold_error_iter<T>(iter: impl Iterator<Item = syn::Result<T>>) -> syn::Result<Vec<T>> {
+	iter.fold(Ok(vec![]), |acc, x| match acc {
+		Ok(mut v) => x.map(|x| {
+			v.push(x);
+			v
+		}),
+		Err(mut e) => match x {
+			Ok(_) => Err(e),
+			Err(e2) => {
+				e.combine(e2);
+				Err(e)
+			}
+		},
+	})
+}
+
+/// Creates an ident at the call site
+pub fn call_site_ident<S: AsRef<str>>(s: S) -> Ident {
+	Ident::new(s.as_ref(), Span::call_site())
+}
+
+/// Creates the path `left::right` from the identifiers `left` and `right`
+pub fn two_segment_path(left_ident: Ident, right_ident: Ident) -> Path {
+	let mut segments: Punctuated<PathSegment, Token![::]> = Punctuated::new();
+	segments.push(PathSegment {
+		ident: left_ident,
+		arguments: PathArguments::None,
+	});
+	segments.push(PathSegment {
+		ident: right_ident,
+		arguments: PathArguments::None,
+	});
+
+	Path { leading_colon: None, segments }
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use quote::ToTokens;
+	use syn::spanned::Spanned;
+
+	#[test]
+	fn test_fold_error_iter() {
+		let res = fold_error_iter(vec![Ok(()), Ok(())].into_iter());
+		assert!(res.is_ok());
+
+		let _span = quote::quote! { "" }.span();
+		let res = fold_error_iter(vec![Ok(()), Err(syn::Error::new(_span, "err1")), Err(syn::Error::new(_span, "err2"))].into_iter());
+		assert!(res.is_err());
+		let err = res.unwrap_err();
+		let mut check_err = syn::Error::new(_span, "err1");
+		check_err.combine(syn::Error::new(_span, "err2"));
+		assert_eq!(err.to_compile_error().to_string(), check_err.to_compile_error().to_string());
+	}
+
+	#[test]
+	fn test_two_path() {
+		let _span = quote::quote! { "" }.span();
+		assert_eq!(two_segment_path(Ident::new("a", _span), Ident::new("b", _span)).to_token_stream().to_string(), "a :: b");
+	}
+}
diff --git a/proc-macros/src/hint.rs b/proc-macros/src/hint.rs
new file mode 100644
index 0000000000000000000000000000000000000000..343268683188ecc21a708b2150f265ba95a03766
--- /dev/null
+++ b/proc-macros/src/hint.rs
@@ -0,0 +1,85 @@
+use crate::helper_structs::AttrInnerKeyStringMap;
+use crate::helpers::{fold_error_iter, two_segment_path};
+use proc_macro2::{Span, TokenStream as TokenStream2};
+use syn::{Attribute, Data, DeriveInput, LitStr, Variant};
+
+fn parse_hint_helper_attrs(attrs: &[Attribute]) -> syn::Result<(Vec<LitStr>, Vec<LitStr>)> {
+	fold_error_iter(
+		attrs
+			.iter()
+			.filter(|a| a.path().get_ident().is_some_and(|i| i == "hint"))
+			.map(|attr| attr.parse_args::<AttrInnerKeyStringMap>()),
+	)
+	.and_then(|v: Vec<AttrInnerKeyStringMap>| {
+		fold_error_iter(AttrInnerKeyStringMap::multi_into_iter(v).map(|(k, mut v)| match v.len() {
+			0 => panic!("internal error: a key without values was somehow inserted into the hashmap"),
+			1 => {
+				let single_val = v.pop().unwrap();
+				Ok((LitStr::new(&k.to_string(), Span::call_site()), single_val))
+			}
+			_ => {
+				// the first value is ok, the other ones should error
+				let after_first = v.into_iter().skip(1);
+				// this call to fold_error_iter will always return Err with a combined error
+				fold_error_iter(after_first.map(|lit| Err(syn::Error::new(lit.span(), format!("value for key {k} was already given"))))).map(|_: Vec<()>| unreachable!())
+			}
+		}))
+	})
+	.map(|v| v.into_iter().unzip())
+}
+
+pub fn derive_hint_impl(input_item: TokenStream2) -> syn::Result<TokenStream2> {
+	let input = syn::parse2::<DeriveInput>(input_item)?;
+
+	let ident = input.ident;
+
+	match input.data {
+		Data::Enum(data) => {
+			let variants = data.variants.iter().map(|var: &Variant| two_segment_path(ident.clone(), var.ident.clone())).collect::<Vec<_>>();
+
+			let hint_result = fold_error_iter(data.variants.into_iter().map(|var: Variant| parse_hint_helper_attrs(&var.attrs)));
+
+			hint_result.map(|hints: Vec<(Vec<LitStr>, Vec<LitStr>)>| {
+				let (keys, values): (Vec<Vec<LitStr>>, Vec<Vec<LitStr>>) = hints.into_iter().unzip();
+				let cap: Vec<usize> = keys.iter().map(|v| v.len()).collect();
+
+				quote::quote! {
+					impl Hint for #ident {
+						fn hints(&self) -> ::std::collections::HashMap<String, String> {
+							match self {
+								#(
+									#variants { .. } => {
+										let mut hm = ::std::collections::HashMap::with_capacity(#cap);
+										#(
+											hm.insert(#keys.to_string(), #values.to_string());
+										)*
+										hm
+									}
+								)*
+							}
+						}
+					}
+				}
+			})
+		}
+		Data::Struct(_) | Data::Union(_) => {
+			let hint_result = parse_hint_helper_attrs(&input.attrs);
+
+			hint_result.map(|(keys, values)| {
+				let cap = keys.len();
+
+				quote::quote! {
+					impl Hint for #ident {
+						fn hints(&self) -> ::std::collections::HashMap<String, String> {
+							let mut hm = ::std::collections::HashMap::with_capacity(#cap);
+							#(
+								hm.insert(#keys.to_string(), #values.to_string());
+							)*
+							hm
+						}
+					}
+				}
+			})
+		}
+	}
+}
diff --git a/proc-macros/src/lib.rs b/proc-macros/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..02cd1caaf4a78e76ad399c64aa0bb347b86ffedf
--- /dev/null
+++ b/proc-macros/src/lib.rs
@@ -0,0 +1,397 @@
+#![allow(unused)]
+
+mod as_message;
+mod combined_message_attrs;
+mod discriminant;
+mod helper_structs;
+mod helpers;
+mod hint;
+mod transitive_child;
+mod widget_builder;
+
+use crate::as_message::derive_as_message_impl;
+use crate::combined_message_attrs::combined_message_attrs_impl;
+use crate::discriminant::derive_discriminant_impl;
+use crate::helper_structs::AttrInnerSingleString;
+use crate::hint::derive_hint_impl;
+use crate::transitive_child::derive_transitive_child_impl;
+use crate::widget_builder::derive_widget_builder_impl;
+use proc_macro::TokenStream;
+
+/// Derive the `ToDiscriminant` trait and create a `<Type Name>Discriminant` enum
+///
+/// This derive macro is enum-only.
+///
+/// The discriminant enum is a copy of the input enum with all fields of every variant removed.
+/// The exception to that rule is the `#[child]` attribute.
+///
+/// # Helper attributes
+/// - `#[sub_discriminant]`: only usable on variants with a single field; instead of no fields, the discriminant of the single field will be included in the discriminant,
+///   acting as a sub-discriminant.
+/// - `#[discriminant_attr(…)]`: usable on the enum itself or on any variant; applies `#[…]` in its place on the discriminant.
+///
+/// # Attributes on the Discriminant
+/// All attributes on variants and the type itself are cleared when constructing the discriminant.
+/// If the discriminant is supposed to also have an attribute, you must double it with `#[discriminant_attr(…)]`
+///
+/// # Example
+/// ```
+/// # use graphite_proc_macros::ToDiscriminant;
+/// # use editor::utility_traits::ToDiscriminant;
+/// # use std::ffi::OsString;
+///
+/// #[derive(ToDiscriminant)]
+/// #[discriminant_attr(derive(Debug, Eq, PartialEq))]
+/// pub enum EnumA {
+///     A(u8),
+///     #[sub_discriminant]
+///     B(EnumB)
+/// }
+///
+/// #[derive(ToDiscriminant)]
+/// #[discriminant_attr(derive(Debug, Eq, PartialEq))]
+/// #[discriminant_attr(repr(u8))]
+/// pub enum EnumB {
+///     Foo(u8),
+///     Bar(String),
+///     #[cfg(feature = "some-feature")]
+///     #[discriminant_attr(cfg(feature = "some-feature"))]
+///     WindowsBar(OsString)
+/// }
+///
+/// let a = EnumA::A(1);
+/// assert_eq!(a.to_discriminant(), EnumADiscriminant::A);
+/// let b = EnumA::B(EnumB::Bar("bar".to_string()));
+/// assert_eq!(b.to_discriminant(), EnumADiscriminant::B(EnumBDiscriminant::Bar));
+/// ```
+#[proc_macro_derive(ToDiscriminant, attributes(sub_discriminant, discriminant_attr))]
+pub fn derive_discriminant(input_item: TokenStream) -> TokenStream {
+	TokenStream::from(derive_discriminant_impl(input_item.into()).unwrap_or_else(|err| err.to_compile_error()))
+}
+
+/// Derive the `TransitiveChild` trait and generate `From` impls to convert into the parent, as well as the top parent type
+///
+/// This macro cannot be invoked on the top parent (which has no parent but itself). Instead, implement `TransitiveChild` manually
+/// like in the example.
+///
+/// # Helper Attributes
+/// - `#[parent(<Type>, <Expr>)]` (**required**): declare the parent type (`<Type>`)
+///   and a function (`<Expr>`, has to evaluate to a single arg function) for converting a value of this type to the parent type
+/// - `#[parent_is_top]`: Denote that the parent type has no further parent type (this is required because otherwise the `From` impls for parent and top parent would overlap)
+///
+/// # Example
+/// ```
+/// # use graphite_proc_macros::TransitiveChild;
+/// # use editor::utility_traits::TransitiveChild;
+///
+/// #[derive(Debug, Eq, PartialEq)]
+/// struct A { u: u8, b: B };
+///
+/// impl A {
+///     pub fn from_b(b: B) -> Self {
+///         Self { u: 7, b }
+///     }
+/// }
+///
+/// impl TransitiveChild for A {
+///     type Parent = Self;
+///     type TopParent = Self;
+/// }
+///
+/// #[derive(TransitiveChild, Debug, Eq, PartialEq)]
+/// #[parent(A, A::from_b)]
+/// #[parent_is_top]
+/// enum B {
+///     Foo,
+///     Bar,
+///     Child(C)
+/// }
+///
+/// #[derive(TransitiveChild, Debug, Eq, PartialEq)]
+/// #[parent(B, B::Child)]
+/// struct C(D);
+///
+/// #[derive(TransitiveChild, Debug, Eq, PartialEq)]
+/// #[parent(C, C)]
+/// struct D;
+///
+/// let d = D;
+/// assert_eq!(A::from(d), A { u: 7, b: B::Child(C(D)) });
+/// ```
+#[proc_macro_derive(TransitiveChild, attributes(parent, parent_is_top))]
+pub fn derive_transitive_child(input_item: TokenStream) -> TokenStream {
+	TokenStream::from(derive_transitive_child_impl(input_item.into()).unwrap_or_else(|err| err.to_compile_error()))
+}
+
+/// Derive the `AsMessage` trait
+///
+/// # Helper Attributes
+/// - `#[child]`: only on tuple variants with a single field; Denote that the message path should continue inside the variant
+///
+/// # Example
+/// See also [`TransitiveChild`]
+/// ```
+/// # use graphite_proc_macros::{TransitiveChild, AsMessage};
+/// # use editor::utility_traits::TransitiveChild;
+/// # use editor::messages::prelude::*;
+///
+/// #[derive(AsMessage)]
+/// pub enum TopMessage {
+///     A(u8),
+///     B(u16),
+///     #[child]
+///     C(MessageC),
+///     #[child]
+///     D(MessageD)
+/// }
+///
+/// impl TransitiveChild for TopMessage {
+///     type Parent = Self;
+///     type TopParent = Self;
+/// }
+///
+/// #[derive(TransitiveChild, AsMessage, Copy, Clone)]
+/// #[parent(TopMessage, TopMessage::C)]
+/// #[parent_is_top]
+/// pub enum MessageC {
+///     X1,
+///     X2
+/// }
+///
+/// #[derive(TransitiveChild, AsMessage, Copy, Clone)]
+/// #[parent(TopMessage, TopMessage::D)]
+/// #[parent_is_top]
+/// pub enum MessageD {
+///     Y1,
+///     #[child]
+///     Y2(MessageE)
+/// }
+///
+/// #[derive(TransitiveChild, AsMessage, Copy, Clone)]
+/// #[parent(MessageD, MessageD::Y2)]
+/// pub enum MessageE {
+///     Alpha,
+///     Beta
+/// }
+///
+/// let c = MessageC::X1;
+/// assert_eq!(c.local_name(), "X1");
+/// assert_eq!(c.global_name(), "C.X1");
+/// let d = MessageD::Y2(MessageE::Alpha);
+/// assert_eq!(d.local_name(), "Y2.Alpha");
+/// assert_eq!(d.global_name(), "D.Y2.Alpha");
+/// let e = MessageE::Beta;
+/// assert_eq!(e.local_name(), "Beta");
+/// assert_eq!(e.global_name(), "D.Y2.Beta");
+/// ```
+#[proc_macro_derive(AsMessage, attributes(child))]
+pub fn derive_message(input_item: TokenStream) -> TokenStream {
+	TokenStream::from(derive_as_message_impl(input_item.into()).unwrap_or_else(|err| err.to_compile_error()))
+}
+
+/// This macro is basically an abbreviation for the usual [ToDiscriminant], [TransitiveChild] and [AsMessage] invocations.
+///
+/// This macro is enum-only.
+///
+/// Also note that all three of those derives have to be in scope.
+///
+/// # Usage
+/// There are three possible argument syntaxes you can use:
+/// 1. no arguments: this is for the top-level message enum. It derives `ToDiscriminant`, `AsMessage` on the discriminant, and implements `TransitiveChild` on both
+///    (the parent and top parent being the respective types themselves).
+///    It also derives the following `std` traits on the discriminant: `Debug, Copy, Clone, PartialEq, Eq, Hash`.
+/// 2. two arguments: this is for message enums whose direct parent is the top level message enum. The syntax is `#[impl_message(<Type>, <Ident>)]`,
+///    where `<Type>` is the parent message type and `<Ident>` is the identifier of the variant used to construct this child.
+///    It derives `ToDiscriminant`, `AsMessage` on the discriminant, and `TransitiveChild` on both (adding `#[parent_is_top]` to both).
+///    It also derives the following `std` traits on the discriminant: `Debug, Copy, Clone, PartialEq, Eq, Hash`.
+/// 3. three arguments: this is for all other message enums that are transitive children of the top level message enum. The syntax is
+///    `#[impl_message(<Type>, <Type>, <Ident>)]`, where the first `<Type>` is the top parent message type, the second `<Type>` is the parent message type
+///    and `<Ident>` is the identifier of the variant used to construct this child.
+///    It derives `ToDiscriminant`, `AsMessage` on the discriminant, and `TransitiveChild` on both.
+///    It also derives the following `std` traits on the discriminant: `Debug, Copy, Clone, PartialEq, Eq, Hash`.
+///    **This third option will likely change in the future**
+#[proc_macro_attribute]
+pub fn impl_message(attr: TokenStream, input_item: TokenStream) -> TokenStream {
+	TokenStream::from(combined_message_attrs_impl(attr.into(), input_item.into()).unwrap_or_else(|err| err.to_compile_error()))
+}
+
+/// Derive the `Hint` trait
+///
+/// # Example
+/// ```
+/// # use graphite_proc_macros::Hint;
+/// # use editor::utility_traits::Hint;
+///
+/// #[derive(Hint)]
+/// pub enum StateMachine {
+///     #[hint(rmb = "foo", lmb = "bar")]
+///     Ready,
+///     #[hint(alt = "baz")]
+///     RMBDown,
+///     // no hint (also ok)
+///     LMBDown
+/// }
+/// ```
+#[proc_macro_derive(Hint, attributes(hint))]
+pub fn derive_hint(input_item: TokenStream) -> TokenStream {
+	TokenStream::from(derive_hint_impl(input_item.into()).unwrap_or_else(|err| err.to_compile_error()))
+}
+
+/// The `edge` proc macro does nothing, it is intended for use with an external tool
+///
+/// # Example
+/// ```ignore
+/// match (example_tool_state, event) {
+///     (ToolState::Ready, Event::PointerDown(mouse_state)) if *mouse_state == MouseState::Left => {
+///         #[edge("LMB Down")]
+///         ToolState::Pending
+///     }
+///     (SelectToolState::Pending, Event::PointerUp(mouse_state)) if *mouse_state == MouseState::Left => {
+///         #[edge("LMB Up: Select Object")]
+///         SelectToolState::Ready
+///     }
+///     (SelectToolState::Pending, Event::PointerMove(x,y)) => {
+///         #[edge("Mouse Move")]
+///         SelectToolState::TransformSelected
+///     }
+///     (SelectToolState::TransformSelected, Event::PointerMove(x,y)) => {
+///         #[edge("Mouse Move")]
+///         SelectToolState::TransformSelected
+///     }
+///     (SelectToolState::TransformSelected, Event::PointerUp(mouse_state)) if *mouse_state == MouseState::Left => {
+///         #[edge("LMB Up")]
+///         SelectToolState::Ready
+///     }
+///     (state, _) => {
+///         // Do nothing
+///         state
+///     }
+/// }
+/// ```
+#[proc_macro_attribute]
+pub fn edge(attr: TokenStream, item: TokenStream) -> TokenStream {
+	// to make sure that only `#[edge("string")]` is allowed
+	let _verify = syn::parse_macro_input!(attr as AttrInnerSingleString);
+
+	item
+}
+
+#[proc_macro_derive(WidgetBuilder, attributes(widget_builder))]
+pub fn derive_widget_builder(input_item: TokenStream) -> TokenStream {
+	TokenStream::from(derive_widget_builder_impl(input_item.into()).unwrap_or_else(|err| err.to_compile_error()))
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use proc_macro2::TokenStream as TokenStream2;
+
+	fn ts_assert_eq(l: TokenStream2, r: TokenStream2) {
+		// not sure if this is the best way of doing things but if two TokenStreams are equal, their `to_string` is also equal
+		// so there are at least no false negatives
+		assert_eq!(l.to_string(), r.to_string());
+	}
+
+	#[test]
+	fn test_derive_hint() {
+		let res = derive_hint_impl(quote::quote! {
+			#[hint(key1="val1",key2="val2",)]
+			struct S { a: u8, b: String, c: bool }
+		});
+		assert!(res.is_ok());
+		ts_assert_eq(
+			res.unwrap(),
+			quote::quote! {
+				impl Hint for S {
+					fn hints(&self) -> ::std::collections::HashMap<String, String> {
+						let mut hm = ::std::collections::HashMap::with_capacity(2usize);
+						hm.insert("key1".to_string(), "val1".to_string());
+						hm.insert("key2".to_string(), "val2".to_string());
+						hm
+					}
+				}
+			},
+		);
+
+		let res = derive_hint_impl(quote::quote! {
+			enum E {
+				#[hint(key1="val1",key2="val2",)]
+				S { a: u8, b: String, c: bool },
+				#[hint(key3="val3")]
+				X,
+				Y
+			}
+		});
+		assert!(res.is_ok());
+		ts_assert_eq(
+			res.unwrap(),
+			quote::quote! {
+				impl Hint for E {
+					fn hints(&self) -> ::std::collections::HashMap<String, String> {
+						match self {
+							E::S { .. } => {
+								let mut hm = ::std::collections::HashMap::with_capacity(2usize);
+								hm.insert("key1".to_string(), "val1".to_string());
+								hm.insert("key2".to_string(), "val2".to_string());
+								hm
+							}
+							E::X { .. } => {
+								let mut hm = ::std::collections::HashMap::with_capacity(1usize);
+								hm.insert("key3".to_string(), "val3".to_string());
+								hm
+							}
+							E::Y { .. } => {
+								let mut hm = ::std::collections::HashMap::with_capacity(0usize);
+								hm
+							}
+						}
+					}
+				}
+			},
+		);
+
+		let res = derive_hint_impl(quote::quote! {
+			union NoHint {}
+		});
+		assert!(res.is_ok());
+		ts_assert_eq(
+			res.unwrap(),
+			quote::quote! {
+				impl Hint for NoHint {
+					fn hints(&self) -> ::std::collections::HashMap<String, String> {
+						let mut hm = ::std::collections::HashMap::with_capacity(0usize);
+						hm
+					}
+				}
+			},
+		);
+
+		let res = derive_hint_impl(quote::quote! {
+			#[hint(a="1", a="2")]
+			struct S;
+		});
+		assert!(res.is_err());
+
+		let res = derive_hint_impl(quote::quote! {
+			#[hint(a="1")]
+			#[hint(b="2")]
+			struct S;
+		});
+		assert!(res.is_ok());
+		ts_assert_eq(
+			res.unwrap(),
+			quote::quote! {
+				impl Hint for S {
+					fn hints(&self) -> ::std::collections::HashMap<String, String> {
+						let mut hm = ::std::collections::HashMap::with_capacity(2usize);
+						hm.insert("a".to_string(), "1".to_string());
+						hm.insert("b".to_string(), "2".to_string());
+						hm
+					}
+				}
+			},
+		)
+	}
+
+	// note: edge needs no testing since AttrInnerSingleString has testing and that's all you'd need to test with edge
+}
diff --git a/proc-macros/src/transitive_child.rs b/proc-macros/src/transitive_child.rs
new file mode 100644
index 0000000000000000000000000000000000000000..d116dad8a858a93bcff67a0a31629e7f206843ee
--- /dev/null
+++ b/proc-macros/src/transitive_child.rs
@@ -0,0 +1,54 @@
+use crate::helper_structs::Pair;
+use proc_macro2::{Span, TokenStream};
+use syn::{DeriveInput, Expr, Type};
+
+pub fn derive_transitive_child_impl(input_item: TokenStream) -> syn::Result<TokenStream> {
+	let input = syn::parse2::<DeriveInput>(input_item).unwrap();
+
+	let attribute = input
+		.attrs
+		.iter()
+		.find(|a| a.path().is_ident("parent"))
+		.ok_or_else(|| syn::Error::new(Span::call_site(), format!("tried to derive TransitiveChild without a #[parent] attribute (on {})", input.ident)))?;
+
+	let parent_is_top = input.attrs.iter().any(|a| a.path().is_ident("parent_is_top"));
+
+	let Pair {
+		first: parent_type,
+		second: to_parent,
+		..
+	} = attribute.parse_args::<Pair<Type, Expr>>()?;
+
+	let top_parent_type: Type = syn::parse_quote! { <#parent_type as TransitiveChild>::TopParent };
+
+	let input_type = &input.ident;
+
+	let trait_impl = quote::quote! {
+		impl TransitiveChild for #input_type {
+			type Parent = #parent_type;
+			type TopParent = #top_parent_type;
+		}
+	};
+
+	let from_for_parent = quote::quote! {
+		impl From<#input_type> for #parent_type {
+			fn from(x: #input_type) -> #parent_type {
+				(#to_parent)(x)
+			}
+		}
+	};
+
+	let from_for_top = quote::quote! {
+		impl From<#input_type> for #top_parent_type {
+			fn from(x: #input_type) -> #top_parent_type {
+				#top_parent_type::from((#to_parent)(x))
+			}
+		}
+	};
+
+	Ok(if parent_is_top {
+		quote::quote! { #trait_impl #from_for_parent }
+	} else {
+		quote::quote! { #trait_impl #from_for_parent #from_for_top }
+	})
+}
diff --git a/proc-macros/src/widget_builder.rs b/proc-macros/src/widget_builder.rs
new file mode 100644
index 0000000000000000000000000000000000000000..f5c6d0a546d55f1acb8e6a5ed5aebb713d561250
--- /dev/null
+++ b/proc-macros/src/widget_builder.rs
@@ -0,0 +1,162 @@
+use proc_macro2::{Ident, Literal, TokenStream as TokenStream2};
+use quote::ToTokens;
+use syn::spanned::Spanned;
+use syn::{Attribute, Data, DeriveInput, Field, PathArguments, Type};
+
+/// Check if a specified `#[widget_builder target]` attribute can be found in the list
+fn has_attribute(attrs: &[Attribute], target: &str) -> bool {
+	attrs
+		.iter()
+		.filter(|attr| attr.path().to_token_stream().to_string() == "widget_builder")
+		.any(|attr| attr.meta.require_list().is_ok_and(|list| list.tokens.to_string() == target))
+}
+
+/// Make setting strings easier by allowing all types that `impl Into<String>`
+///
+/// Returns the new input type and a conversion to the original.
+fn easier_string_assignment(field_ty: &Type, field_ident: &Ident) -> (TokenStream2, TokenStream2) {
+	if let Type::Path(type_path) = field_ty {
+		if let Some(last_segment) = type_path.path.segments.last() {
+			// Check if this type is a `String`
+			// Based on https://stackoverflow.com/questions/66906261/rust-proc-macro-derive-how-do-i-check-if-a-field-is-of-a-primitive-type-like-b
+			if last_segment.ident == Ident::new("String", last_segment.ident.span()) {
+				return (
+					quote::quote_spanned!(type_path.span()=> impl Into<String>),
+					quote::quote_spanned!(field_ident.span()=> #field_ident.into()),
+				);
+			}
+		}
+	}
+	(quote::quote_spanned!(field_ty.span()=> #field_ty), quote::quote_spanned!(field_ident.span()=> #field_ident))
+}
+
+/// Extract the identifier of the field (which should always be present)
+fn extract_ident(field: &Field) -> syn::Result<&Ident> {
+	field
+		.ident
+		.as_ref()
+		.ok_or_else(|| syn::Error::new_spanned(field, "Constructing a builder not supported for unnamed fields"))
+}
+
+/// Find the type passed into the builder and the right hand side of the assignment.
+///
+/// Applies special behavior for easier String and WidgetCallback assignment.
+fn find_type_and_assignment(field: &Field) -> syn::Result<(TokenStream2, TokenStream2)> {
+	let field_ty = &field.ty;
+	let field_ident = extract_ident(field)?;
+
+	let (mut function_input_ty, mut assignment) = easier_string_assignment(field_ty, field_ident);
+
+	// Check if type is `WidgetCallback`
+	if let Type::Path(type_path) = field_ty {
+		if let Some(last_segment) = type_path.path.segments.last() {
+			if let PathArguments::AngleBracketed(generic_args) = &last_segment.arguments {
+				if let Some(first_generic) = generic_args.args.first() {
+					if last_segment.ident == Ident::new("WidgetCallback", last_segment.ident.span()) {
+						// Assign builder pattern to assign the closure directly
+						function_input_ty = quote::quote_spanned!(field_ty.span()=> impl Fn(&#first_generic) -> crate::messages::message::Message + 'static + Send + Sync);
+						assignment = quote::quote_spanned!(field_ident.span()=> crate::messages::layout::utility_types::layout_widget::WidgetCallback::new(#field_ident));
+					}
+				}
+			}
+		}
+	}
+	Ok((function_input_ty, assignment))
+}
+
+// Construct a builder function for a specific field in the struct
+fn construct_builder(field: &Field) -> syn::Result<TokenStream2> {
+	// Check if this field should be skipped with `#[widget_builder(skip)]`
+	if has_attribute(&field.attrs, "skip") {
+		return Ok(Default::default());
+	}
+	let field_ident = extract_ident(field)?;
+
+	// Create a doc comment literal describing the behaviour of the function
+	let doc_comment = Literal::string(&format!("Set the `{field_ident}` field using a builder pattern."));
+
+	let (function_input_ty, assignment) = find_type_and_assignment(field)?;
+
+	// Create builder function
+	Ok(quote::quote_spanned!(field.span()=>
+		#[doc = #doc_comment]
+		pub fn #field_ident(mut self, #field_ident: #function_input_ty) -> Self{
+			self.#field_ident = #assignment;
+			self
+		}
+	))
+}
+
+pub fn derive_widget_builder_impl(input_item: TokenStream2) -> syn::Result<TokenStream2> {
+	let input = syn::parse2::<DeriveInput>(input_item)?;
+
+	let struct_name_ident = input.ident;
+
+	// Extract the struct fields
+	let fields = match &input.data {
+		Data::Enum(enum_data) => return Err(syn::Error::new_spanned(enum_data.enum_token, "Derive widget builder is not supported for enums")),
+		Data::Union(union_data) => return Err(syn::Error::new_spanned(union_data.union_token, "Derive widget builder is not supported for unions")),
+		Data::Struct(struct_data) => &struct_data.fields,
+	};
+
+	// Create functions based on each field
+	let builder_functions = fields.iter().map(construct_builder).collect::<Result<Vec<_>, _>>()?;
+
+	// Check if this should not have the `widget_holder()` function due to a `#[widget_builder(not_widget_holder)]` attribute
+	let widget_holder_fn = if !has_attribute(&input.attrs, "not_widget_holder") {
+		// A doc comment for the widget_holder function
+		let widget_holder_doc_comment = Literal::string(&format!("Wrap {struct_name_ident} as a WidgetHolder."));
+
+		// Construct the `widget_holder` function
+		quote::quote! {
+			#[doc = #widget_holder_doc_comment]
+			pub fn widget_holder(self) -> crate::messages::layout::utility_types::layout_widget::WidgetHolder{
+				crate::messages::layout::utility_types::layout_widget::WidgetHolder::new( crate::messages::layout::utility_types::layout_widget::Widget::#struct_name_ident(self))
+			}
+		}
+	} else {
+		quote::quote!()
+	};
+
+	// The new function takes any fields tagged with `#[widget_builder(constructor)]` as arguments.
+	let new_fn = {
+		// A doc comment for the new function
+		let new_doc_comment = Literal::string(&format!("Create a new {struct_name_ident}, based on default values."));
+
+		let is_constructor = |field: &Field| has_attribute(&field.attrs, "constructor");
+
+		let idents = fields.iter().filter(|field| is_constructor(field)).map(extract_ident).collect::<Result<Vec<_>, _>>()?;
+		let types_and_assignments = fields.iter().filter(|field| is_constructor(field)).map(find_type_and_assignment).collect::<Result<Vec<_>, _>>()?;
+		let (types, assignments): (Vec<_>, Vec<_>) = types_and_assignments.into_iter().unzip();
+
+		let construction = if idents.is_empty() {
+			quote::quote!(Default::default())
+		} else {
+			let default = (idents.len() != fields.len()).then_some(quote::quote!(..Default::default())).unwrap_or_default();
+			quote::quote! {
+				Self {
+					#(#idents: #assignments,)*
+					#default
+				}
+			}
+		};
+
+		quote::quote! {
+			#[doc = #new_doc_comment]
+			pub fn new(#(#idents: #types),*) -> Self {
+				#construction
+			}
+		}
+	};
+
+	// Construct the code block
+	Ok(quote::quote! {
+		impl #struct_name_ident {
+			#new_fn
+
+			#(#builder_functions)*
+
+			#widget_holder_fn
+		}
+	})
+}
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000000000000000000000000000000000000..b7a64035f67bacc15b7e83536af2533e4d48c9ca
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,2 @@
+# Core dependencies
+gradio>=5.35.0
\ No newline at end of file
diff --git a/rustfmt.toml b/rustfmt.toml
new file mode 100644
index 0000000000000000000000000000000000000000..37f82403e8985927b528ac1d997454a5ee12ef6b
--- /dev/null
+++ b/rustfmt.toml
@@ -0,0 +1,14 @@
+edition = "2024"
+hard_tabs = true
+max_width = 200
+newline_style = "Unix"
+use_try_shorthand = true
+
+# Maybe enable these in the future when they're stabilized
+# normalize_comments = true
+# normalize_doc_attributes = true
+# struct_lit_width = 35
+# where_single_line = true
+# match_block_trailing_comma = true # https://github.com/rust-lang/rustfmt/issues/3380
+# control_brace_style = "ClosingNextLine" # https://github.com/rust-lang/rustfmt/issues/3377
+# blank_lines_lower_bound = 1 # https://github.com/rust-lang/rustfmt/issues/3382
diff --git a/shell.nix b/shell.nix
new file mode 100644
index 0000000000000000000000000000000000000000..885f49d3e7dce311df00f64b87d8ced29489afb4
--- /dev/null
+++ b/shell.nix
@@ -0,0 +1,85 @@
+# This is a helper file for people using NixOS as their operating system.
+# If you don't know what this file does, you can safely ignore it.
+
+# If you are using Nix as your package manager, you can run 'nix-shell'
+# in the root directory of the project and Nix will open a bash shell
+# with all the packages needed to build and run Graphite installed.
+# A shell.nix file is used in the Nix ecosystem to define a development
+# environment with specific dependencies. When you enter a Nix shell using
+# this file, it ensures that all the specified tools and libraries are
+# available regardless of the host system's configuration. This provides
+# a reproducible development environment across different machines and developers.
+
+# You can enter the Nix shell and run Graphite like normal with:
+# > npm start
+# Or you can run it like this without needing to first enter the Nix shell:
+# > nix-shell --command "npm start"
+
+let
+  # Get oxalica's Rust overlay for better Rust integration
+  rust-overlay-source = builtins.fetchGit {
+    url = "https://github.com/oxalica/rust-overlay";
+  };
+
+  # Import it so we can use it in Nix
+  rust-overlay = import rust-overlay-source;
+
+  # Import system packages overlaid with the Rust overlay
+  pkgs = import <nixpkgs> {
+    overlays = [ rust-overlay ];
+  };
+
+  # Define the rustc we need
+  rustc-wasm = pkgs.rust-bin.stable.latest.default.override {
+    targets = [ "wasm32-unknown-unknown" ];
+    # wasm-pack needs this
+    extensions = [ "rust-src" "rust-analyzer" "clippy" "cargo"];
+  };
+in
+  # Make a shell with the dependencies we need
+  pkgs.mkShell {
+    packages = with pkgs; [
+      rustc-wasm
+      nodejs
+      cargo-watch
+      cargo-nextest
+      cargo-expand
+      cargo-about
+      wasm-pack
+      binaryen
+      wasm-bindgen-cli
+      vulkan-loader
+      libxkbcommon
+      pkg-config
+      # used for profiling
+      gnuplot
+      samply
+      cargo-flamegraph
+
+      # For Tauri
+      at-spi2-atk
+      atkmm
+      cairo
+      gdk-pixbuf
+      glib
+      gtk3
+      harfbuzz
+      librsvg
+      libsoup_3
+      pango
+      webkitgtk_4_1
+      openssl
+
+      # For Rawkit tests
+      libraw
+
+      # Use Mold as a linker
+      mold
+    ];
+
+    # Hacky way to run Cargo through Mold
+    LD_LIBRARY_PATH = pkgs.lib.makeLibraryPath [pkgs.openssl pkgs.vulkan-loader pkgs.libxkbcommon pkgs.llvmPackages.libcxxStdenv pkgs.gcc-unwrapped.lib pkgs.llvm pkgs.libraw];
+    shellHook = ''
+    alias cargo='mold --run cargo'
+    '';
+  }
diff --git a/website/.eslintrc.js b/website/.eslintrc.js
new file mode 100644
index 0000000000000000000000000000000000000000..451b405a00fea1027d3e96e8d398d84610e63194
--- /dev/null
+++ b/website/.eslintrc.js
@@ -0,0 +1,86 @@
+module.exports = {
+	root: true,
+	env: {
+		browser: true,
+		node: true,
+		es2020: true,
+	},
+	parserOptions: {
+		ecmaVersion: 2020,
+	},
+	extends: [
+		"eslint:recommended",
+		"plugin:import/recommended",
+		"plugin:@typescript-eslint/recommended",
+		"plugin:import/typescript",
+		"prettier",
+	],
+	plugins: ["import", "@typescript-eslint", "prettier"],
+	settings: {
+		// https://github.com/import-js/eslint-plugin-import#resolvers
+		"import/resolver": {
+			// `node` must be listed first!
+			node: {},
+		},
+	},
+	ignorePatterns: [
+		// Ignore generated directories
+		"node_modules/",
+		"public/",
+
+		// Don't ignore JS and TS dotfiles in this folder
+		"!.*.js",
+		"!.*.ts",
+	],
+	rules: {
+		// Standard ESLint config
+		indent: "off",
+		quotes: ["error", "double"],
+		camelcase: ["error", { properties: "always" }],
+		"linebreak-style": ["error", "unix"],
+		"eol-last": ["error", "always"],
+		"max-len": ["error", { code: 200, tabWidth: 4, ignorePattern: `d="([\\s\\S]*?)"` }],
+		"prefer-destructuring": "off",
+		"no-console": "warn",
+		"no-debugger": "warn",
+		"no-param-reassign": ["error", { props: false }],
+		"no-bitwise": "off",
+		"no-shadow": "off",
+		"no-use-before-define": "off",
+		"no-restricted-imports": ["error", { patterns: [".*", "!@graphite/*"] }],
+
+		// Import plugin config (used to intelligently validate module import statements)
+		"import/prefer-default-export": "off",
+		"import/no-relative-packages": "error",
+		"import/order": [
+			"error",
+			{
+				alphabetize: {
+					order: "asc",
+					caseInsensitive: true,
+				},
+				warnOnUnassignedImports: true,
+				"newlines-between": "always-and-inside-groups",
+				pathGroups: [],
+			},
+		],
+
+		// Prettier plugin config (used to enforce HTML, CSS, and JS formatting styles as an ESLint plugin, where fixes are reported to ESLint to be applied when linting)
+		"prettier/prettier": [
+			"error",
+			{
+				tabWidth: 4,
+				tabs: true,
+				printWidth: 200,
+			},
+		],
+	},
+	overrides: [
+		{
+			files: ["*.js"],
+			rules: {
+				"@typescript-eslint/explicit-function-return-type": ["off"],
+			},
+		},
+	],
+};
diff --git a/website/.gitignore b/website/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..0fc0af5ddbd3211ab6323ea85b539af0b9f3c1c1
--- /dev/null
+++ b/website/.gitignore
@@ -0,0 +1,5 @@
+node_modules/
+public/
+static/fonts/
+static/syntax-highlighting.css
+static/text-balancer.js
diff --git a/website/config.toml b/website/config.toml
new file mode 100644
index 0000000000000000000000000000000000000000..3234f68f988735874be25bb21cf72fcdeada1589
--- /dev/null
+++ b/website/config.toml
@@ -0,0 +1,17 @@
+title = "Graphite"
+description = "2D raster & vector editor that melds traditional layers & tools with a modern node-based procedural workflow."
+base_url = "https://graphite.rs"
+feed_filenames = ["rss.xml"]
+
+compile_sass = true
+minify_html = false
+
+[markdown]
+highlight_code = true
+highlight_theme = "css"
+highlight_themes_css = [
+	{ theme = "kronuz", filename = "syntax-highlighting.css" },
+]
+
+[extra]
+# Put all your custom variables here
diff --git a/website/content/_index.md b/website/content/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..a22928a9c2691c0bd3b063d3efa9a98818c7c666
--- /dev/null
+++ b/website/content/_index.md
@@ -0,0 +1,606 @@
++++
+title = "Free online vector editor & procedural design tool"
+template = "section.html"
+
+[extra]
+css = ["/page/index.css", "/component/carousel.css", "/component/feature-icons.css", "/component/feature-box.css", "/component/youtube-embed.css"]
+js = ["/js/carousel.js", "/js/youtube-embed.js", "/js/video-autoplay.js"]
+linked_js = []
+meta_description = "Open source free software. A vector graphics creativity suite with a clean, intuitive interface. Opens instantly (no signup) and runs locally in a browser. Exports SVG, PNG, JPG."
++++
+
+<!-- replacements::text_balancer() -->
+
+<!-- ▛ LOGO ▜ -->
+<section id="logo">
+<div class="block">
+	<img src="https://static.graphite.rs/logos/graphite-logotype-color.svg" alt="Graphite Logo" />
+</div>
+</section>
+<!-- ▙ LOGO ▟ -->
+
+<!-- ▛ TAGLINE ▜ -->
+<section id="tagline">
+<div class="block">
+
+<h1 class="balance-text">Your <span>procedural</span> toolbox for 2D content creation</h1>
+
+<p class="balance-text">Graphite is a free, open source vector and raster graphics editor, available now in alpha. Get creative with a fully nondestructive editing workflow that combines layer-based compositing with node-based generative design.</p>
+
+</div>
+</section>
+<!-- ▙ TAGLINE ▟ -->
+<!--                -->
+<!-- ▛ QUICK LINKS ▜ -->
+<section id="quick-links" data-quick-links>
+
+<div class="call-to-action-buttons">
+	<a href="https://github.com/GraphiteEditor/Graphite" class="button github-stars">
+		<img src="https://static.graphite.rs/icons/github.svg" alt="GitHub" />
+		<span class="arrow">Star</span>
+		<div data-github-stars></div>
+	</a>
+	<a href="#newsletter" class="button arrow">Subscribe to newsletter</a>
+</div>
+<div class="social-media-buttons">
+	<a href="https://discord.graphite.rs" target="_blank">
+		<img src="https://static.graphite.rs/icons/discord__2.svg" alt="Discord" />
+	</a>
+	<a href="https://www.reddit.com/r/graphite/" target="_blank">
+		<img src="https://static.graphite.rs/icons/reddit__3.svg" alt="Reddit" />
+	</a>
+	<a href="https://bsky.app/profile/graphiteeditor.bsky.social" target="_blank">
+		<img src="https://static.graphite.rs/icons/bluesky.svg" alt="Bluesky" />
+	</a>
+	<a href="https://twitter.com/graphiteeditor" target="_blank">
+		<img src="https://static.graphite.rs/icons/twitter.svg" alt="Twitter" />
+	</a>
+	<a href="https://www.youtube.com/@GraphiteEditor" target="_blank">
+		<img src="https://static.graphite.rs/icons/youtube.svg" alt="YouTube" />
+	</a>
+</div>
+
+</section>
+
+<script>
+(async () => {
+	const element = document.querySelector("[data-github-stars]");
+	try {
+		const response = await fetch("https://api.github.com/repos/graphiteeditor/graphite?per_page=1");
+		const json = await response.json();
+		const stars = parseInt(json.stargazers_count);
+		if (!stars) throw new Error();
+		let quantity = stars.toLocaleString("en-US");
+		element.innerText = quantity;
+		// Force repaint to work around Safari bug <https://bugs.webkit.org/show_bug.cgi?id=286403> (remove this and its data attribute when the bug is fixed and widely deployed)
+		document.querySelector("[data-quick-links]").style.transform = "scale(1)";
+	} catch {
+		element.remove();
+	}
+})();
+</script>
+<!-- ▙ QUICK LINKS ▟ -->
+
+<!-- ▛ SCREENSHOTS ▜ -->
+<section id="screenshots" class="carousel window-size-1" data-carousel data-carousel-jostle-hint>
+
+<div class="carousel-slide" data-carousel-slide>
+	<img src="https://static.graphite.rs/content/index/gui-mockup-nodes__8.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" style="transform: translateX(-100%)" data-carousel-image />
+	<!-- Above is a copy of the last -->
+	<img onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" style="transform: translateX(-100%)" data-carousel-image width="1920" height="1080" loading="lazy" src="https://static.graphite.rs/content/index/gui-demo-painted-dreams__3.avif" />
+	<img onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" style="transform: translateX(-100%)" data-carousel-image width="1920" height="1080" loading="lazy" src="https://static.graphite.rs/content/index/magazine-page-layout__2.avif" />
+	<img onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" style="transform: translateX(-100%)" data-carousel-image width="1920" height="1080" loading="lazy" src="https://static.graphite.rs/content/index/gui-demo-node-graph-isometric-fountain.avif" />
+	<img onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" style="transform: translateX(-100%)" data-carousel-image width="1920" height="1080" loading="lazy" src="https://static.graphite.rs/content/index/gui-demo-fractal__3.avif" />
+	<img onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" style="transform: translateX(-100%)" data-carousel-image width="1920" height="1080" loading="lazy" src="https://static.graphite.rs/content/index/gui-mockup-nodes__8.avif" />
+	<!-- Below is a copy of the first -->
+	<img src="https://static.graphite.rs/content/index/gui-demo-painted-dreams__3.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" style="transform: translateX(-100%)" data-carousel-image />
+</div>
+
+<div class="carousel-slide torn left" data-carousel-slide-torn-left></div>
+<div class="carousel-slide torn right" data-carousel-slide-torn-right></div>
+
+<div class="screenshot-details">
+
+<div class="carousel-controls">
+
+<button class="direction prev" data-carousel-prev aria-label="Move to previous screenshot">
+
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+
+<path d="M20,0C8.95,0,0,8.95,0,20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20C40,8.95,31.05,0,20,0z M20,38c-9.93,0-18-8.07-18-18S10.07,2,20,2s18,8.07,18,18S29.93,38,20,38z" />
+<polygon points="24.71,10.71 23.29,9.29 12.59,20 23.29,30.71 24.71,29.29 15.41,20" />
+
+</svg>
+
+</button>
+<button class="dot active" data-carousel-dot aria-label="Move to screenshot 1"></button>
+<button class="dot" data-carousel-dot aria-label="Move to screenshot 2"></button>
+<button class="dot" data-carousel-dot aria-label="Move to screenshot 3"></button>
+<button class="dot" data-carousel-dot aria-label="Move to screenshot 4"></button>
+<button class="dot" data-carousel-dot aria-label="Move to screenshot 5"></button>
+<button class="direction next" data-carousel-next aria-label="Move to next screenshot">
+
+<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+
+<path d="M20,0C8.95,0,0,8.95,0,20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20C40,8.95,31.05,0,20,0z M20,38c-9.93,0-18-8.07-18-18S10.07,2,20,2s18,8.07,18,18S29.93,38,20,38z" />
+<polygon points="16.71,9.29 15.29,10.71 24.59,20 15.29,29.29 16.71,30.71 27.41,20" />
+
+</svg>
+
+</button>
+
+</div>
+<div class="screenshot-description">
+
+<p data-carousel-description class="active">
+	<a href="https://editor.graphite.rs/#demo/painted-dreams"><em>Painted Dreams</em></a> — Made using nondestructive boolean operations and procedural polka dot patterns
+</p>
+<p data-carousel-description>
+	Design for a magazine spread, a preview of the upcoming focus on desktop publishing
+</p>
+<p data-carousel-description>
+	<a href="https://editor.graphite.rs/#demo/isometric-fountain"><em>Isometric Fountain</em></a> — All layer stacks are represented, under the hood, by a nondestructive node graph
+</p>
+<p data-carousel-description>
+	Mandelbrot fractal filled with a noise pattern, procedurally generated and infinitely scalable
+</p>
+<p data-carousel-description>
+	Coming soon: this user interface mockup shows the raster image editing features planned for 2025
+</p>
+
+</div>
+
+</div>
+</section>
+<!-- ▙ SCREENSHOTS ▟ -->
+<!--                 -->
+<!-- ▛ OVERVIEW ▜ -->
+<section id="overview" class="feature-box-outer">
+<div class="feature-box-inner">
+
+<div class="block">
+
+<h1 class="feature-box-header">Software overview</h1>
+
+---
+
+<div class="diptych sizzle-video">
+<div class="block text">
+
+Starting life as a vector editor, Graphite is evolving into a generalized, all-in-one graphics toolbox that's built more like a game engine than a conventional creative app. The editor's tools wrap its node graph core, providing user-friendly workflows for vector, raster, animation, and beyond.
+
+<a href="https://editor.graphite.rs" class="button arrow">Start creating</a>
+
+</div>
+<div class="block video">
+
+<video loop muted playsinline disablepictureinpicture disableremoteplayback data-auto-play preload="none" poster="https://static.graphite.rs/content/index/sizzle-compilation-poster.avif">
+	<source src="https://static.graphite.rs/content/index/sizzle-compilation.webm" type="video/webm" />
+	<source src="https://static.graphite.rs/content/index/sizzle-compilation.mp4" type="video/mp4" />
+</video>
+
+</div>
+</div>
+
+</div>
+<div class="block workflows">
+
+## One app to rule them all
+
+Stop jumping between programs. Upcoming tools will make Graphite a first-class content creation suite for many workflows, including:
+
+<div class="feature-icons stacked no-background">
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 12" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Graphic Design</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 17" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Motion Graphics</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 13" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Image Editing</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 14" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Digital Painting</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 15" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Page Layout & Print</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>VFX Compositing</span>
+	</div>
+</div>
+
+</div>
+<div class="diptych">
+
+<div class="block">
+
+## Current features
+
+<div class="feature-icons">
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 0" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Vector editing tools</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 10" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Procedural workflow for graphic design</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 8" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Node-based layers</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 3" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Forever free and open source</span>
+	</div>
+</div>
+
+Presently, Graphite is a lightweight offline web app with features primarily oriented around procedural vector graphics editing.
+
+</div>
+<div class="block">
+
+## Upcoming features
+
+<div class="feature-icons">
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 4" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>All-in-one creative tool for all things 2D</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Fully-featured raster manipulation</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Windows/Mac/Linux native apps + web</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 6" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span>Live collaborative editing</span>
+	</div>
+</div>
+
+<a href="/features#roadmap" class="button arrow">Roadmap</a>
+
+</div>
+
+</div>
+<div class="block">
+
+## Desktop-first and web-ready
+
+Where's the download? The web app is [currently live](https://editor.graphite.rs) and desktop apps for Windows, Mac, and Linux should be available in 2025.
+
+Graphite is designed principally as a professional desktop application that is also accessible in a browser for quick, casual usage. It's built for speed with (nearly) no JavaScript. And regardless of platform, your work runs locally and privately on your own hardware. There is no server.
+
+<a href="https://github.com/GraphiteEditor/Graphite/issues/2535" target="_blank">Engineering the tech</a> for a native app distributed across three new platforms takes extra time. That's why supporting the web platform, which keeps up-to-date and reaches all devices, has been the initial target. For now, you can <a href="https://support.google.com/chrome/answer/9658361" target="_blank">install the app as a PWA</a> for a desktop-like experience.
+
+Once it's ready to shine, Graphite's code architecture is structured to deliver native performance for your graphically intensive workloads on desktop platforms and very low overhead on the web thanks to WebAssembly and WebGPU, new high-performance browser technologies.
+
+</div>
+
+</div>
+</section>
+<!-- ▙ OVERVIEW ▟ -->
+<!--              -->
+<!-- ▛ DONATE ▜ -->
+<section id="donate" class="block">
+
+<div class="block">
+
+<h2 class="heart">Support the mission</h2>
+
+Free software doesn't grow on trees! Chip in your share of the (very real) development costs so you're not leaving others to pick up the tab. Becoming a member (or giving a one-time donation) lets you help maintain Graphite's sustainability and independence.
+
+<a href="/donate" class="button arrow">Become a member</a>
+
+</div>
+
+</section>
+<!-- ▙ DONATE ▟ -->
+<!--                 -->
+<!-- ▛ PROCEDURALISM ▜ -->
+<section id="proceduralism" class="feature-box-outer">
+<div class="feature-box-inner">
+
+<div class="block">
+
+<h1 class="feature-box-header">The power of proceduralism</h1>
+
+---
+
+Graphite is the first and only graphic design package built for procedural editing — where everything you make is nondestructive.
+
+</div>
+
+<div class="diptych red-dress">
+
+<div class="block video-background">
+	<video loop muted playsinline disablepictureinpicture disableremoteplayback data-auto-play preload="none" poster="https://static.graphite.rs/content/index/procedural-demo-red-dress-poster.avif">
+		<source src="https://static.graphite.rs/content/index/procedural-demo-red-dress.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/index/procedural-demo-red-dress.mp4" type="video/mp4" />
+	</video>
+</div>
+
+<div class="block description">
+
+<h1 class="feature-box-header balance-text">Explore parametric possibilities</h1>
+
+Save hours on tedious alterations and make better creative choices. Graphite lets you iterate rapidly by adjusting node parameters instead of individual elements.
+
+Scatter circles with just a couple nodes...  
+Want them denser? Bigger? Those are sliders.  
+Want a different placement area? Just tweak the path.
+
+<a href="https://editor.graphite.rs/#demo/red-dress">Open this artwork</a> and give it a try yourself.
+
+</div>
+
+</div>
+<div class="diptych leaves">
+
+<div class="block description">
+
+<h1 class="feature-box-header balance-text">Mix and morph anything</h1>
+
+Nondestructive editing means every decision is tied to a parameter you can adjust later on. Use Graphite to interpolate between any states just by dragging value sliders.
+
+Blend across color schemes. Morph shapes before they're scattered around the canvas. The options are endless.
+
+<a href="https://editor.graphite.rs/#demo/changing-seasons">Open this artwork</a> and give it a try yourself.
+
+</div>
+
+<div class="block video-background">
+	<video loop muted playsinline disablepictureinpicture disableremoteplayback data-auto-play preload="none" poster="https://static.graphite.rs/content/index/procedural-demo-leaves-poster.avif">
+		<source src="https://static.graphite.rs/content/index/procedural-demo-leaves.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/index/procedural-demo-leaves.mp4" type="video/mp4" />
+	</video>
+</div>
+
+</div>
+<div class="block pipelines">
+
+## Geared for generative pipelines
+
+Graphite's representation of artwork as a node graph lets you customize, compose, reuse, share, and automate your content workflows:
+
+<div class="feature-icons four-wide">
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span class="balance-text">Infinitely pan and zoom, export any resolution with no pixelation</span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 2" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span class="balance-text">Modular node-based pipelines for generative AI <em>(future)</em></span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 11" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span class="balance-text">Asset pipelines for studio production environments <em>(future)</em></span>
+	</div>
+</div>
+
+</div>
+
+</div>
+</section>
+<!-- ▙ PROCEDURALISM ▟ -->
+<!--                   -->
+<!-- ▛ NEWSLETTER ▜ -->
+<section id="newsletter" class="feature-box-narrow">
+<div id="newsletter-success"><!-- Used only as a URL hash fragment anchor --></div>
+
+<div class="diptych">
+
+<div class="block newsletter-signup">
+
+<h1 class="feature-box-header">Stay in the loop</h1>
+
+Subscribe to the newsletter for quarterly updates on major development progress. And follow along, or join the conversation, on social media.
+
+<div class="newsletter-success">
+
+## Thanks!
+
+You'll receive your first newsletter email with the next major Graphite news.
+
+</div>
+<form action="https://graphite.rs/newsletter-signup" method="post">
+	<div class="same-line">
+		<div class="input-column name">
+			<label for="newsletter-name">First + last name:</label>
+			<input id="newsletter-name" name="name" type="text" required />
+		</div>
+		<div class="input-column phone">
+			<label for="newsletter-phone">Phone:</label>
+			<input id="newsletter-phone" name="phone" type="text" tabindex="-1" autocomplete="off" />
+		</div>
+		<div class="input-column email">
+			<label for="newsletter-email">Email address:</label>
+			<input id="newsletter-email" name="email" type="email" required />
+		</div>
+	</div>
+	<div class="input-column submit">
+		<input type="submit" value="Subscribe" class="button" />
+	</div>
+</form>
+
+</div>
+<div class="block social-media-links">
+
+<a href="https://discord.graphite.rs" target="_blank">
+	<img src="https://static.graphite.rs/icons/discord__2.svg" alt="" />
+	<span class="link not-uppercase arrow">Discord</span>
+</a>
+<a href="https://www.reddit.com/r/graphite/" target="_blank">
+	<img src="https://static.graphite.rs/icons/reddit__3.svg" alt="" />
+	<span class="link not-uppercase arrow">Reddit</span>
+</a>
+<a href="https://bsky.app/profile/graphiteeditor.bsky.social" target="_blank">
+	<img src="https://static.graphite.rs/icons/bluesky.svg" alt="" />
+	<span class="link not-uppercase arrow">Bluesky</span>
+</a>
+<a href="https://twitter.com/graphiteeditor" target="_blank">
+	<img src="https://static.graphite.rs/icons/twitter.svg" alt="" />
+	<span class="link not-uppercase arrow">Twitter</span>
+</a>
+<a href="https://www.youtube.com/@GraphiteEditor" target="_blank">
+	<img src="https://static.graphite.rs/icons/youtube.svg" alt="" />
+	<span class="link not-uppercase arrow">YouTube</span>
+</a>
+
+</div>
+
+</div>
+</section>
+<!-- ▙ NEWSLETTER ▟ -->
+<!--                -->
+<!-- ▛ DIVE IN ▜ -->
+<section id="dive-in" class="block">
+
+<div class="block">
+
+## Ready to dive in?
+
+Get started with Graphite by following along to a hands-on quickstart tutorial.
+
+<div class="block video-container">
+<div>
+<div class="youtube-embed aspect-16x9">
+	<img data-youtube-embed="7gjUhl_3X10" loading="lazy" src="https://static.graphite.rs/content/index/tutorial-1-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
+</div>
+</div>
+</div>
+
+<div class="buttons">
+<a href="https://editor.graphite.rs" class="button arrow">Launch Graphite</a>
+<a href="/learn" class="button arrow">Continue learning</a>
+</div>
+
+</div>
+
+</section>
+<!-- ▙ DIVE IN ▟ -->
+<!--                 -->
+<!-- ▛ RECENT NEWS ▜ -->
+<section id="recent-news" class="feature-box-outer">
+<div class="feature-box-inner">
+
+<h1 class="feature-box-header">Recent news <span> / </span> <a href="/blog" class="link arrow">More in the blog</a></h1>
+
+---
+
+<div class="diptych">
+<!-- replacements::blog_posts(count = 2) -->
+</div>
+
+</div>
+</section>
+<!-- ▙ RECENT NEWS ▟ -->
+<!--                  -->
+<!-- ▛ DEMO VIDEO ▜ -->
+<!--
+<section id="demo-video">
+<div class="block">
+Watch this timelapse showing the process of mixing traditional vector art (tracing a physical sketch and colorizing it, first two minutes) with using Imaginate to generate a background (last 45 seconds).
+<div class="youtube-embed aspect-16x9">
+	<img data-youtube-embed="JgJvAHQLnXA" src="https://static.graphite.rs/content/index/commander-basstronaut-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite - Vector Editing: &quot;Commander Basstronaut&quot; Artwork (25x Timelapse)" />
+</div>
+(Recorded in an older version of Graphite from early 2023.)
+</div>
+</section>
+-->
+<!-- ▙ DEMO VIDEO ▟ -->
+<!--                 -->
+<!-- ▛ IMAGINATE ▜ -->
+
+<!-- TODO: Reenable when Imaginate is properly working again -->
+
+<!--
+
+<section id="imaginate">
+
+<div class="block">
+
+<h1><span class="alternating-text"><span>Co-create</span><span>Ideate</span><span>Illustrate</span><span>Generate</span><span>Iterate</span></span> with Imaginate</h1>
+
+**Imaginate** is a node powered by <a href="https://en.wikipedia.org/wiki/Stable_Diffusion" target="_blank">Stable Diffusion</a> that makes AI-assisted art creation an easy, nondestructive process.
+[Learn how](/learn/node-graph/imaginate) it works.
+
+</div>
+<div class="diptych">
+
+<div class="block">
+
+<h2 class="balance-text">Add a touch of style</h2>
+
+**Magically reimagine your vector drawings** in a fresh new style. Just place an Imaginate node between your layers and describe how it should end up looking.
+
+<div class="image-comparison" data-image-comparison style="--comparison-percent: 50%">
+	<div class="crop-container">
+		<img src="https://static.graphite.rs/content/index/light-bulb-before.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector illustration of a light bulb" />
+	</div>
+	<div class="crop-container">
+		<img src="https://static.graphite.rs/content/index/light-bulb-after.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Watercolor painting of a light bulb" />
+	</div>
+	<div class="slide-bar">
+		<div class="arrows">
+			<div></div>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22">
+				<path d="M12.71 1.71 11.29.29.59 11l10.7 10.71 1.42-1.42L3.41 11Z" />
+			</svg>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22">
+				<path d="M12.71 1.71 11.29.29.59 11l10.7 10.71 1.42-1.42L3.41 11Z" />
+			</svg>
+		</div>
+	</div>
+</div>
+
+<blockquote class="balance-text require-polyfill"><strong>Watercolor painting</strong> of a light bulb gleaming with an exclamation mark inside</blockquote>
+
+</div>
+<div class="block">
+
+## Work fast and sloppy
+
+**Doodle a rough draft** without stressing over the details. Let Imaginate add the finishing touches to your artistic vision. Iterate with more passes until you're happy.
+
+<div class="image-comparison" data-image-comparison style="--comparison-percent: 50%">
+	<div class="crop-container">
+		<img src="https://static.graphite.rs/content/index/california-poppies-before.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Sloppy poppy: vector doodle of California poppy flowers wrapped around a circle" />
+	</div>
+	<div class="crop-container">
+		<img src="https://static.graphite.rs/content/index/california-poppies-after.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Polished poppy: artistic, high-quality illustration of California poppy flowers wrapped around a circle" />
+	</div>
+	<div class="slide-bar">
+		<div class="arrows">
+			<div></div>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22">
+				<path d="M12.71 1.71 11.29.29.59 11l10.7 10.71 1.42-1.42L3.41 11Z" />
+			</svg>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22">
+				<path d="M12.71 1.71 11.29.29.59 11l10.7 10.71 1.42-1.42L3.41 11Z" />
+			</svg>
+		</div>
+	</div>
+</div>
+
+<blockquote class="balance-text require-polyfill"><strong>Botanical illustration</strong> of California poppies wrapped around a circle</blockquote>
+
+</div>
+
+</div>
+
+</section>
+
+-->
+
+<!-- ▙ IMAGINATE ▟ -->
diff --git a/website/content/about.md b/website/content/about.md
new file mode 100644
index 0000000000000000000000000000000000000000..22c6d4c4ca182a4324287eac2f19efad1c5f9399
--- /dev/null
+++ b/website/content/about.md
@@ -0,0 +1,202 @@
++++
+title = "About Graphite"
+
+[extra]
+css = ["/page/about.css", "/component/feature-box.css"]
++++
+
+<section>
+
+<div class="block">
+
+# About Graphite
+
+Graphite is a community-built free software project. If you find it valuable, consider [donating](/donate) or [getting involved](/volunteer) to keep it sustainable.
+
+</div>
+
+<div class="block">
+
+## Project
+
+The idea for Graphite began with a desire to create artwork and edit photos using free software that felt user-friendly and truly modern. Over time, that dream evolved to reconsider what "modern" meant for the landscape of 2D graphics editing. By borrowing concepts popular in 3D software, what could a procedural, nondestructive design tool look like if nothing was too ambitious? Answering that question took years of design exploration, leading to a community of savvy developers volunteering to turn that formidable dream into a reality.
+
+</div>
+
+<div class="diptych">
+
+<div class="block">
+
+## Mission
+
+Graphite strives to unshackle the creativity of every budding artist and seasoned professional by building the best comprehensive art and design tool that's accessible to all.
+
+Mission success will come when Graphite is an industry standard. A cohesive product vision and focus on innovation over imitation is the strategy that will make that possible.
+
+</div>
+<div class="block">
+
+## Funding
+
+Graphite has no investors to answer to and will always be free and open source. [Keavon](#keavon), the project founder, has been personally funding all expenses out-of-pocket and turning down a tech industry salary to work full-time bringing Graphite to life. He asks for [your support](/donate) bearing a small fraction of that cost.
+
+Long-term, donations will be supplemented by revenue from optional cloud storage/sync and high-speed GPU render services.
+
+</div>
+
+</div>
+
+</section>
+
+<!-- ## Statistics
+
+- [GitHub stars](https://github.com/GraphiteEditor/Graphite/stargazers): <span class="loading-data" data-github-stars></span>
+- [Contributors](https://github.com/GraphiteEditor/Graphite/graphs/contributors): <span class="loading-data" data-contributors></span>
+- [Code commits](https://github.com/GraphiteEditor/Graphite/commits/master): <span class="loading-data" data-code-commits></span>
+- [First line of code](https://github.com/GraphiteEditor/Graphite/commit/bca97cbeff8e38b426cfb410159cb21132062fba): Feb. 14, 2021
+
+<script>
+(async () => {
+	const response = await fetch("https://api.github.com/repos/graphiteeditor/graphite?per_page=1");
+	const json = await response.json();
+	const stars = parseInt(json.stargazers_count);
+	if (!stars) return;
+
+	document.querySelector("[data-github-stars]").innerText = `${Math.round(stars / 100) / 10}k ⭐`;
+})();
+(async () => {
+	const response = await fetch("https://api.github.com/repos/graphiteeditor/graphite/contributors?per_page=1");
+	const link = [...response.headers].find(([header, _]) => header === "link")[1];
+	if (!link) return;
+	// With one page per contributor, the last past number is the contributor count
+	const contributors = parseInt(link.match(/page=(\d+)>; rel="last"/)[1]);
+	if (!contributors) return;
+
+	document.querySelector("[data-contributors]").innerText = contributors;
+})();
+(async () => {
+	const response = await fetch("https://api.github.com/repos/graphiteeditor/graphite/commits?per_page=1");
+	const link = [...response.headers].find(([header, _]) => header === "link")[1];
+	if (!link) return;
+	// With one page per commit, the last past number is the commit count
+	const commits = parseInt(link.match(/page=(\d+)>; rel="last"/)[1]);
+	if (!commits) return;
+
+	document.querySelector("[data-code-commits]").innerText = commits;
+})();
+</script> -->
+
+<!-- <section id="opener-message">
+<div class="block">
+
+## A 2D creative tool made for everyone
+
+With great power comes great accessibility. Graphite is built on the belief that the best creative tools can be powerful and within reach of all, from students to studios.
+
+Graphite is designed with a friendly and intuitive interface where a delightful user experience is of first-class importance. It is available for free under an open source [license](/license) and usable [instantly through a web browser](https://editor.graphite.rs) or an upcoming native client on Windows, Mac, and Linux.
+
+It's easy to learn and teach, yet Graphite's accessible design does not sacrifice versatility for simplicity. The node-based workflow opens doors to an ecosystem of powerful capabilities catering to casual and professional users alike.
+
+</div>
+<div class="graphic">
+	<img src="https://static.graphite.rs/content/index/brush__2.svg" alt="" />
+</div>
+</section> -->
+
+<section id="core-team" class="feature-box-outer">
+<div class="feature-box-inner">
+
+<h1 class="feature-box-header">Meet the core team</h1>
+
+---
+
+<div class="diptych">
+
+<div class="block" id="keavon">
+
+<img src="https://static.graphite.rs/content/about/core-team-photo-keavon-chambers.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Photo of Keavon Chambers" />
+
+## Keavon Chambers <span class="handle">(@Keavon)</span> <img src="https://static.graphite.rs/icons/flags/us.png" class="flag" title="American" />
+
+***Founder, UI & product design, frontend, editor systems***
+
+Keavon is a creative generalist with a love for the fusion of arts and technology. UX and graphic designer, photographer, game developer, technical artist, and everything in between— he is equal parts designer and engineer. His multidisciplinary background in the digital arts is aptly suited for concocting the unique vision needed to bring Graphite to fruition.
+
+</div>
+<div class="block" id="dennis">
+
+<img src="https://static.graphite.rs/content/about/core-team-photo-dennis-kobert.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Photo of Dennis Kobert" />
+
+## Dennis Kobert <span class="handle">(@TrueDoctor)</span> <img src="https://static.graphite.rs/icons/flags/de.png" class="flag" title="German" />
+
+***Graphene node engine, research, architecture***
+
+Dennis is a mix between a mathematician and a mad scientist. While still enjoying the art of photography and image editing (which drew him to the project early on), he thrives when challenged with designing complex systems and pushing boundaries. His method of building generalized solutions wrapped in elegant layers of abstraction led to his creation of the Graphene engine.
+
+</div>
+
+</div>
+<div class="diptych">
+
+<div class="block" id="hypercube">
+
+<img src="https://static.graphite.rs/content/about/core-team-photo-hypercube__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Photo of Hypercube" />
+
+## "Hypercube" <span class="handle">(@0Hypercube)</span> <img src="https://static.graphite.rs/icons/flags/gb.png" class="flag" title="British" />
+
+***Editor systems, nodes, tools, architecture***
+
+"Hypercube" is a light speed code monkey who excels at developing, refactoring, and maintaining the editor codebase. With an unmatched ability to comprehend intricate code, he delivers lasting and efficient solutions at an impressive pace. He takes ownership of many central editor systems including tools, typography, transforms, layers, and node graph integration.
+
+</div>
+
+<div class="block" id="adam">
+
+<img src="https://static.graphite.rs/content/about/core-team-photo-adam-gerhant.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Photo of Adam Gerhant" />
+
+## Adam Gerhant <span class="handle">(@pendapia)</span> <img src="https://static.graphite.rs/icons/flags/us.png" class="flag" title="American" />
+
+***Editor graph tooling, node data formats***
+
+Adam is a pragmatic problem solver with a talent for simplifying complexity. He is responsible for various architectural decisions which provide future proof integrations between the Graphene engine and editor. His work has greatly improved the performance, stability and code quality of the project, while also setting the stage for additional features.
+
+</div>
+
+</div>
+
+</div>
+</section>
+
+<section>
+<div class="triptych">
+
+<div class="block">
+
+## Credits
+
+In addition to the work of the Core Team listed above, over a hundred other contributors have written code that makes Graphite what it is today:
+
+<a href="https://github.com/GraphiteEditor/Graphite/graphs/contributors" class="button arrow">Credits</a>
+
+</div>
+<div class="block">
+
+## License
+
+The Graphite editor source code is published under the terms of the Apache License 2.0. See below for details and exclusions:
+
+<a href="/license" class="button arrow">License</a>
+
+</div>
+<div class="block">
+
+## Logo
+
+More information about the Graphite logo, including its community-focused usage policy and downloadable assets, is available on the logo page:
+
+<a href="/logo" class="button arrow">Logo</a>
+
+</div>
+
+</div>
+</section>
diff --git a/website/content/blog/2022-02-12-announcing-graphite-alpha.md b/website/content/blog/2022-02-12-announcing-graphite-alpha.md
new file mode 100644
index 0000000000000000000000000000000000000000..8395644ed744f483eba951c859616f5015d4f463
--- /dev/null
+++ b/website/content/blog/2022-02-12-announcing-graphite-alpha.md
@@ -0,0 +1,22 @@
++++
+title = "Announcing Graphite alpha"
+date = 2022-02-12
+
+[extra]
+banner = "https://static.graphite.rs/content/blog/2022-02-12-announcing-graphite-alpha.avif"
+banner_png = "https://static.graphite.rs/content/blog/2022-02-12-announcing-graphite-alpha.png"
+author = "Keavon Chambers"
+summary = "The Graphite open source team announces the alpha release of their next-generation graphics editor, a web-based SVG editor with vector-based tools. Future plans include a node-based procedural workflow, a raster graphics compositing engine, and a native desktop client."
+reddit = "https://www.reddit.com/r/graphite/comments/unw3hi/blog_post_announcing_graphite_alpha/"
+twitter = "https://twitter.com/GraphiteEditor/status/1524663930697568256"
++++
+
+The Graphite open source team is proud to announce the release of the alpha version of our next-generation graphics editor. This is the culmination of one year of development (and 1000 GitHub stars) by our passionate and dedicated community. The alpha release, a minimum viable product vector editor web app, completes the first chapter for our project. We can't wait to now forge ahead towards additional milestones and a beta release as we build a node-based procedural workflow, a raster graphics compositing engine, a native desktop client, and further ambitions.
+
+<!-- more -->
+
+We hope that Graphite can serve the initial use case of a lightweight web-based SVG editor. SVG export and source document saving is supported but editable SVG import will need further work. All the vector and general tools (blue and gray tool icons, respectively) are now available in some form, while raster tools (orange icons, grayed out) are forthcoming.
+
+While in alpha, file format stability cannot be guaranteed so you may need to finish your saved documents in an older version from near the date it was started. To access an older version, ask a team member [on Discord](https://discord.graphite.rs) to locate an editor build link matching your document's creation date.
+
+Your feedback and bug reports will be valuable in helping the team prioritize improvements to ensure Graphite can be as useful as possible for artists during the alpha phase. Please go [make some art](https://editor.graphite.rs) to help inform the development process. Thank you for joining us on this exciting journey.
diff --git a/website/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.md b/website/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.md
new file mode 100644
index 0000000000000000000000000000000000000000..c3d7d772614a8aafc1c3c7f88e31db00ee3e9f87
--- /dev/null
+++ b/website/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.md
@@ -0,0 +1,22 @@
++++
+title = "Graphite: a vision for the future of 2D content creation"
+date = 2022-03-12
+
+[extra]
+banner = "https://static.graphite.rs/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.avif"
+banner_png = "https://static.graphite.rs/content/blog/2022-03-12-graphite-a-vision-for-the-future-of-2d-content-creation.png"
+author = "Keavon Chambers"
+summary = "Graphite is an open-source application for 2D graphics editing and digital content creation, offering a nondestructive, node-based workflow. It combines intuitive UI with powerful procedural image generators to revolutionize 2D content creation."
+reddit = "https://www.reddit.com/r/graphite/comments/unw3va/blog_post_graphite_a_vision_for_the_future_of_2d/"
+twitter = "https://twitter.com/GraphiteEditor/status/1524664010091556864"
++++
+
+Graphite is an open source, cross-platform digital content creation desktop and web application for 2D graphics editing, photo processing, vector art, digital painting, illustration, data visualization, compositing, and more. Inspired by the open source success of Blender in the 3D domain, it aims to bring 2D content creation to new heights with efficient workflows influenced by Photoshop/Gimp and Illustrator/Inkscape and backed by a powerful node-based, nondestructive approach proven by Houdini, Nuke, Blender, and others.
+
+The user experience of Graphite is of central importance, offering a meticulously-designed UI catering towards an intuitive and efficient artistic process. Users may draw and edit in the traditional interactive (WYSIWYG) viewport with the Layers panel or jump in or out of the node graph at any time to tweak previous work and construct powerful procedural image generators that seamlessly sync with the interactive viewport. A core principle of the application is its 100% nondestructive workflow that is resolution-independent, meaning that raster-style image editing can be infinitely zoomed and scaled to arbitrary resolutions at a later time because editing is done by recording brush strokes, vector shapes, and other manipulations parametrically.
+
+<!-- more -->
+
+One might use the painting tools on a small laptop display, zoom into specific areas to add detail to finish the artwork, then perhaps try changing the simulated brush style from a blunt pencil to a soft acrylic paintbrush after-the-fact, and finally export the complete drawing at ultra high resolution for printing on a large poster.
+
+On the surface, Graphite is an artistic medium for drawing anything imaginable. Under the hood, Graphite's node graph engine powers procedural graphics processing to produce unique artwork and automated data-driven visualizations. Graphite unlocks your creative potential in a familiar, free, accessible, and lightweight package.
diff --git a/website/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime.md b/website/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime.md
new file mode 100644
index 0000000000000000000000000000000000000000..5a96b2b7b1dc8f12079630120463eaeb134a6281
--- /dev/null
+++ b/website/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime.md
@@ -0,0 +1,84 @@
++++
+title = "Distributed computing in the Graphene runtime"
+date = 2022-05-12
+
+[extra]
+banner = "https://static.graphite.rs/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime__2.avif"
+banner_png = "https://static.graphite.rs/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime__2.png"
+author = "Keavon Chambers"
+summary = "Graphite's 2D editor is built upon Graphene, a node-based editing system for nondestructive design across various data types designed to render artwork faster using multiple machines. The system optimizes execution paths, minimizes latency, and uses a distributed runtime for quick data processing."
+reddit = "https://www.reddit.com/r/graphite/comments/unw45k/blog_post_distributed_computing_in_the_graphene/"
+twitter = "https://twitter.com/GraphiteEditor/status/1524664083554791424"
++++
+
+Graphite is a professional 2D graphics editor for photo editing, image manipulation, graphic design, illustration, data visualization, batch processing, and technical art. It is designed to run on a variety of machines, from mobile hardware like iPads or web browsers on midrange laptops up to beefy workstations with dozens of CPU cores and multiple GPUs.
+
+To provide a responsive user experience, its architecture is made to support the use of distributed computation to make up for deficiencies in local compute power. Resulting productivity benefits will scale for users on hardware ranging from low-end mobile devices up to high-end workstations because documents and use cases can grow to great complexity.
+
+This article explores the current thinking about the problems and potential engineering solutions involved in Graphite and Graphene for building a high-performance distributed computing runtime environment. We are only just embarking on the graph engine implementation, meaning this post describes theoretical approaches to theoretical challenges. The aim is to shed light on what will need to be built and what we currently believe is the trajectory for this work. We hope this post prompts discussions that evolve the concepts and approaches described herein. If this topic sounds interesting and you have feedback, please [get in touch](/contact).
+
+<!-- more -->
+
+## Node-based editing
+
+A core feature is Graphite's reliance on procedural content generation using a node graph engine called Graphene. In traditional editors like Photoshop and Gimp, certain operations like "blur the image" modify the image pixels permanently, destroying the original (unblurred) image information.
+
+Graphite is a *nondestructive* editor. Its approach is to represent the "blur" operation as a step in the creation process. All editing steps made by the user are encoded as operations, such as: import or resize an image, draw with a paintbrush, select an area with a certain color, combine two geometric shapes, etc.
+
+Operations are functions that process information and are called *nodes*. For example, the "Blur" node takes an image and a strength value and outputs a blurred version of the image. On the advanced end, machine learning-powered nodes may do things like image synthesis or style transfer. Many nodes perform a wide variety of image editing operations and these are connected together into a directed acyclic graph where the final output is the pixels drawn to the screen or saved to an image file.
+
+Many nodes process raster image data, but others work on data types like vector shapes, numbers, strings, colors, and large data tables (like imports from a spreadsheet, database, or CSV file). Some nodes perform visual operations like blur while others modify data, like performing regex matching on strings or sorting tables of information. For example, a CSV file might be imported, cleaned up, processed, then fed into the visual nodes which render it in the form of a chart.
+
+Different nodes may take microseconds, milliseconds, seconds, or occasionally even minutes to run. Most should not take more than a few seconds, and those which take appreciable time should run infrequently. During normal operations, hundreds of milliseconds should be the worst case for ordinary nodes that run frequently. Caching is used heavily to minimize the need for recomputation.
+
+### Node authorship
+
+The nodes that process the node graph data can be computationally expensive. The goal is for the editor to ordinarily run and render (mostly) in real-time in order to be interactive. Because operations are arranged in a directed acyclic graph rather than a sequential list, there is opportunity to run many stages of the computation and rendering in parallel.
+
+Nodes are implemented by us as part of a built-in library, and by some users who may choose to write code using a built-in development environment. Nodes can be written in Rust to target the CPU with the Rust compilation toolchain (made conveniently accessible for users). The same CPU Rust code can be reused (with modifications where necessary) for authoring GPU compute shaders via the [rust-gpu](https://github.com/EmbarkStudios/rust-gpu) compiler. This makes it easier to maintain both versions without using separate code files and even languages between targets.
+
+### Sandboxing
+
+For security and portability, user-authored nodes are compiled into WebAssembly (WASM) modules and run in a sandbox. Built-in nodes provided with Graphite run natively to avoid the nominal performance penalty of the sandbox. When the entire editor is running in a web browser, all nodes use the browser's WASM executor. When running in a distributed compute cluster on cloud machines, the infrastructure provider may be able to offer sandboxing to sufficiently address the security concerns of running untrusted code natively.
+
+## The Graphene distributed runtime
+
+In the product architecture, Graphene is a distributed runtime environment for quickly processing data in the node graph by utilizing a pool of CPU and GPU compute resources available on local and networked machines. Jobs are run where latency, speed, and bandwidth availability will be most likely to provide a responsive user experience.
+
+<img src="https://static.graphite.rs/content/blog/2022-05-12-distributed-computing-in-the-graphene-runtime/local-and-cloud.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphene in a local and cloud environment" />
+
+### Scheduler
+
+If users are running offline, their CPU threads and GPU (or multiple GPUs) are assigned jobs by the local Graphene scheduler. If running online, some jobs are performed locally while others are run in the cloud, an on-prem compute cluster, or just a spare computer on the same network. The schedulers generally prioritize keeping quicker, latency-sensitive jobs local to the client machine or LAN while allowing slower, compute-intensive jobs to usually run on the cloud.
+
+Each cluster in a locality—such as the local machine, an on-prem render farm, and the cloud data center—runs a scheduler that commands the available compute resources. The multiple schedulers in different localities must cooperatively plan the high-level allocation of resources in their respective domains while avoiding excessive chatter over the network about the minutiae of each job invocation.
+
+### Cache manager
+
+Working together with the scheduler, the Graphene cache manager stores intermediate node evaluation results and intelligently evicts them when space is limited. If the user changes the node graph, it can reuse the upstream cached data but will need to recompute downstream nodes where the data changed. Memoization can be used to avoid recomputation when an input to a node is the same as received in the past, and that result is available in the cache.
+
+### Progressive enhancement
+
+The scheduler and cache manager work in lockstep to utilize available compute and cache storage resources on the local machine or cluster in order to minimize latency for the user. Immediate feedback is needed when, for example, drawing with a paintbrush tool.
+
+Sometimes, nodes can be run with quality flags. Many nodes (like the paintbrush rasterizer) are implemented using several different algorithms that produce different results trading off speed for quality. This means it runs once with a quick and ugly result, then runs again later to render a higher quality version, and potentially several times subsequently to improve the visual fidelity when the scheduler has spare compute resources and time. Anti-aliasing, for example, will usually pop in to replace aliased renders after a few seconds of waiting.
+
+### Batched execution
+
+It is important to reduce the overhead between executions. Sometimes, Graphene will predict, or observe during runtime, the frequent execution of code paths (or rather, *node paths*) with significant sequential (not parallel) execution steps. These are good candidates for optimization by reducing the overhead between each execution.
+
+In these cases, Graphene will batch multiple sequentially-run nodes by recompiling them such that they are inlined as one execution unit. This can happen for both CPU-based programs and GPU-based compute shaders. This is conceptually similar to how just-in-time (JIT) compilers can predict, or observe at runtime, frequently-run code paths in order to apply compiler optimizations where they are most impactful.
+
+### Data locality
+
+When dealing with sequential chains of nodes, if they haven't already been recompiled as a batched execution unit, the Graphene scheduler may also frequently prioritize grouping together a set of related nodes to be run together on the same machine for memory and cache locality.
+
+Sequential nodes allocated to the same physical hardware can avoid the overhead of copying data over the internet, or between machines in the cluster, or between RAM and VRAM, or from RAM to the CPU cache.
+
+Graphene should recognize when a certain intermediate result already lives in RAM or VRAM and prioritize using that CPU or GPU to compute the tasks which rely on that data. But when that's not possible, we need a fast architecture to transfer data between machines. For GPUs, it might be possible to use a DMA (Direct Memory Access) strategy like Microsoft's new DirectStorage API for DirectX and transfer data into or out of VRAM straight to SSDs or networked file systems. Efficiently transferring the final result, and maybe occasionally intermediate cache results, between networks (like the cloud and client) with latency and bandwidth considerations is also important.
+
+## Conclusion
+
+Presently, we are experimenting with CPU and GPU node composition for the beginnings of the Graphene visual programming language. Most of what was described in this post will likely evolve as we get further into the implementation stage and when we learn more from experts in the fields of computer science that Graphene overlaps with.
+
+If you have a background or interest in programming language design, functional programming, ECS and data-oriented design, scheduling, distributed computing, general-purpose GPU compute (GPGPU), or high-performance computing (HPC), we'd love to have your ideas steer our work. Or better yet, join the team to make this dream a reality. We discuss most of our architecture and designs on our [Discord server](https://discord.graphite.rs) through text and sometimes voice. Please come say hi!
diff --git a/website/content/blog/2024-01-01-looking-back-on-2023-and-what's-next.md b/website/content/blog/2024-01-01-looking-back-on-2023-and-what's-next.md
new file mode 100644
index 0000000000000000000000000000000000000000..3b108e1c18942801c029b2845756edfebf6f7fd3
--- /dev/null
+++ b/website/content/blog/2024-01-01-looking-back-on-2023-and-what's-next.md
@@ -0,0 +1,201 @@
++++
+title = "Looking back on 2023 and what's next"
+date = 2024-01-01
+
+[extra]
+banner = "https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next.avif"
+banner_png = "https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next.png"
+author = "Keavon Chambers"
+summary = "Looking back on 2023, we reflect on our significant achievements and milestones. As we move forward, we're excited to share what's next, promising a year filled with innovation and progress."
+reddit = "https://www.reddit.com/r/graphite/comments/18xmoti/blog_post_looking_back_on_2023_and_whats_next/"
+twitter = "https://twitter.com/GraphiteEditor/status/1742576805532577937"
+
+js = ["/js/youtube-embed.js"]
+css = ["/component/youtube-embed.css"]
++++
+
+The new year is here, and with so many accomplishments to share from the past twelve months, let's revisit the highlights of 2023 for the Graphite project. Now that winter has entered, let's swing back to the spring, summarize the summer, and follow this fall's noteworthy developments that brought another year of fruitful progress to Graphite's mission of re-envisioning artists' 2D creative workflows with the best free software we can build for the open source community. This past year as a team, we all got closer— to one another from continents apart; to visiting and connecting with our industry peers; and to reaching exciting new development milestones.
+
+<!-- more -->
+
+I am grateful to everyone who has placed their faith in my vision for Graphite since I laid forth the design and wrote its first line of code nearly three years ago. Meeting some of the amazing people this summer who helped to make it possible, and inspired the project in the first place, was a pleasure and an honor. From California to Europe and back again, my combined family vacation and Graphite outreach tour was an opportunity to make connections with those helping us reach our goals. This blog post is both a project update and a public thank-you to those who generously lent their time and attention to our small-but-growing project. And for readers eager for an update on the software itself, stick around (or skip ahead) for a development progress report and a look at what's coming down the pipeline in the new year.
+
+<div class="video-background" style="text-align: center">
+	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+		<source src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/christmas-tree-lights.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/christmas-tree-lights.mp4" type="video/mp4" />
+	</video>
+</div>
+
+<center><em>Happy Holidays from the Graphite team!<br />These procedural light strands are powered by the newly completed node graph features.<br /><a href="https://editor.graphite.rs/#demo/procedural-string-lights">Click here to explore this demo</a> — drag the wire layer's points with the Path tool.</em></center>
+
+## The Alpha 2 release series
+
+February marked the start of our second year developing Graphite under the alpha release banner. We took the opportunity to declare the start of a new release series, Alpha 2, for the year's focus on integrating the node graph. That goal was a success, and we anticipate the next release series, Alpha 3, will begin next month in February with a focus on procedural art workflows in line with our [roadmap](/features#roadmap).
+
+## GDC and meetups with the Rust graphics community
+
+In March, I attended the Game Developers Conference (GDC) in nearby San Francisco to network with professionals in the creative industry. I was accompanied by [Oliver Davies](https://github.com/otdavies), a Graphite founding collaborator, fellow 3D artist and graphics engineer, and a life-long friend of mine. We connected with Francesco Siddi and Dalai Felinto from the Blender Foundation and introduced them to the project. The conference was also an opportunity to meet face-to-face with subject-matter experts with whom I'd earlier conversed online. Because we write Graphite in the Rust programming language, we attended an impromptu meetup among game developers using Rust in the nearby park that stretched for several insightful hours of pertinent conversation topics, thusly concluding the last day of the event.
+
+Later, in May, I went to another Rust developers meetup here in the Bay Area together with [Leonard Pauli](https://twitter.com/leonardpauli), a Graphite community member and code contributor who was in town on a visit all the way from Sweden. The event was headlined with a [presentation](https://www.youtube.com/watch?v=XjbVnwBtVEk) by [Raph Levien](https://raphlinus.github.io/) about [Xilem](https://github.com/linebender/xilem), an under-development GUI toolkit that Graphite may adopt someday for its promise of powering native, speedy desktop user interfaces. Raph Levien is a researcher and expert in the fields of 2D vector graphics, GPU-accelerated rendering, and the mathematics of splines and curves— topics considerably overlapping with Graphite's own technical disciplines. The meetup was a nice face-to-face introduction before I'd end up seeing Raph and Leonard each again very soon.
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/bay-area-rust-meetup.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Raph Levien speaking about Xilem" /></p>
+
+<center><em>Raph gives his talk about Xilem and GUIs in Rust</em></center>
+
+The next week I accepted Raph's invitation to visit him at his employer, Google, in Mountain View where we spent several hours talking shop. His other flagship open source library, [Vello](https://github.com/linebender/vello), is the high-performance 2D vector graphics renderer we plan to use as a crucial part of Graphite's render pipeline. Our discussions dove into the history and goals of Graphite, our shared research challenges, and covered some fascinating details surrounding Vello, computational geometry, and GPU rendering. As we round out 2023, Graphite's roadmap is finally nearing the stage of integrating Vello in the coming weeks and I look forward to growing our collaboration with Raph and his [research group](https://linebender.org/).
+
+## Embark Studios visit in Stockholm, Sweden
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/embark.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Leonard and Keavon in front of the Embark office sign" /></p>
+
+<center><em>Leonard (left) and Keavon (right) at Embark Studios</em></center>
+
+In June, as part of a vacation with my family to Europe, I caught up again with Leonard and he led us on a tour of his beautiful city of Stockholm. I also reached out to Johan Andersson, CTO of Embark Studios and an ambassador for the open source Rust developer community. Embark very generously contributes open source libraries for the Rust computer graphics ecosystem that are vital to Graphite, including [rust-gpu](https://github.com/EmbarkStudios/rust-gpu) which powers our node graph engine's compilation to GPU compute shaders. Johan showed Lenoard and me around Embark and we all chatted about what each of us are pursuing with Rust in the creative software industry. (By the way, Embark just released their first game, [The Finals](https://www.reachthefinals.com/)— check it out!)
+
+## Blender visit in Amsterdam, The Netherlands
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/blender-hq.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Graphite and Blender team members in front of the Blender building" /></p>
+
+<center><em>Left to right: Dalai, Dennis, Keavon, Ton, Francesco</em></center>
+
+The next month in July, together with Graphite's lead engineer [Dennis Kobert](/about#dennis-kobert), we spent the afternoon visiting Blender's headquarters in Amsterdam. Blender has been, since the beginning, my inspiration and motivation for taking on the tremendously ambitious goal of building Graphite. As fellow open source software projects building digital content creation tools, this was a wonderful chance to see where the magic happens and meet the people behind the curtain.
+
+At the invitation of Francesco Siddi, COO of the Blender Foundation whom I'd met earlier at GDC, Dennis and I presented a lunchtime talk for the staff to introduce the Graphite project. Ton Roosendaal, Blender's founder, kindly cooked up some scrumptious, lovingly-made meals of fried eggs for us and his team. We spent a couple hours mingling— answering and asking questions and chatting about design and technical topics ranging from our Rust node graph language infrastructure to Blender's experience with color science standards.
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/blender-presentation.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Keavon presents in front of a projector screen at Blender's offices" /></p>
+
+<center><em>Keavon presents to the Blender staff</em></center>
+
+Ton also very generously gave us his time and full attention with an office hour for Dennis and me to ask his advice and learn from the three decades of experience that led to Blender's decisive success. (On January 2, Blender turns 30! They're aiming for a goal of 10,000 supporters to [donate a birthday gift](https://fund.blender.org/). I encourage you to join me in doing so.)
+
+## Graphite developer retreat in Karlsruhe, Germany
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/karlsruhe.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Keavon and Dennis in front of Karlsruhe Palace" /></p>
+
+<center><em>Keavon (left) and Dennis (right) at Karlsruhe Palace</em></center>
+
+The week before the Blender visit, I arrived in Karlsruhe, Germany for a two-week stay with Dennis for our first-ever team retreat. After spending hundreds of hours collaborating online, it was great to finally meet in-person. From diving deep into Graphite design discussions, to exploring the city and his college campus and joining his friends in social activities (and thus meeting another Graphite contributor, Isaac Körner, recruited by Dennis), it was a very welcoming and productive exchange.
+
+## SIGGRAPH in Los Angeles, California
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/siggraph.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Keavon and Oliver standing in front of the SIGGRAPH conference sign" /></p>
+
+<center><em>Keavon (left) and Oliver (right) at SIGGRAPH</em></center>
+
+After returning back home to the States, the following month in August I road tripped down south to Los Angeles for another conference visit with Oliver Davies. SIGGRAPH is the industry's largest computer graphics conference which presented numerous opportunities to network with others in the field. Blender also exhibits each year and I got to meet up again with the crew from Amsterdam and meet some new faces who were absent in our earlier visit. I look forward to returning to LA this coming April for the first full Blender Conference held in the US and connecting with more like-minded open source creative aficionados.
+
+## Incorporating Graphite Labs, LLC
+
+The next big news of August was my formation of [Graphite Labs, LLC](https://www.linkedin.com/company/graphite-labs) as a legal entity, allowing us to open a bank account and sign contracts on behalf of the Graphite project. This is an important step in the professional growth of the project. A tax-exempt nonprotfit foundation may happen in the future, but an LLC is a more accessible starting point. This step has opened up opportunities to form partnerships with industry, collect [sponsorships and donations](/donate), and hire full-time engineers a few years down the road once we have the income to financially support others developing Graphite. A major goal in 2024 is growing the sustainability and financial independence of the organization and allowing myself a modest income stream to offset costs while continuing my full-time Graphite work.
+
+## Website, user manual, and tutorials
+
+I allocated my time at several points throughout the year into growing and evolving this website with a refreshed and more visually-appealing home page, dedicated pages for information [about](/about) the project and its [features](/features), an area providing resources and help for [volunteers](/volunteer) and [code contributors](/volunteer/guide), and just this month— a [user manual](/learn) complete with an introductory tutorial series. The first video went up yesterday:
+
+<div class="youtube-embed aspect-16x9">
+	<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
+</div>
+
+The user manual and tutorial series will continue expanding throughout the coming weeks. Additional website features including user accounts, forums, and other community features are being planned.
+
+## 2023 development progress report
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/commit-rate-graph.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graph visualizing the number of code commits each week of 2023" /></p>
+
+<center><em>Weekly code commit rate in 2023</em></center>
+
+Starting out the year twelve months ago, Graphite's core vector editing tools were in good shape and the node graph engine had just reached its experimental beginnings as a way of applying color filters to bitmap images. Further developing the graph engine (called Graphene) and integrating it throughout every part of the Graphite editor thus became the focus for 2023.
+
+While much of the team's time was spent on refactors to swap short-term placeholder code with Graphene-powered replacements, this one-step-back, two-steps-forward approach has ultimately led to exciting new capabilities for users to design procedurally-generated vector art. I'm aware of no other vector graphics editor with a node-based procedural editing workflow, so this makes me especially thrilled to release the first app of its kind with that unique and useful capability.
+
+But 2023 wasn't only put towards refactoring code. New features were added all throughout the year and here are a few favorites.
+
+- Graphene's node infrastructure has seen steady developments which significantly upgraded the power of the node graph, its performance, and its frontend usability.
+- There are lots of new nodes that do neat things! From complex color adjustments like Vibrance to procedural building blocks like Copy to Points and noise pattern generators, there are plenty to try out (and so many more coming in 2024).
+- The (still rudimentary) Brush tool was added for drawing simple raster-based sketches.
+- Drawing custom vector shapes with the Pen and Path tools saw usability improvements with point selection, nudging/transformation, and entering exact numerical positions.
+- Number input boxes in the UI can now be dragged to update their values and have math expressions evaluated automatically for convenience. Double a value just by typing `*2` at the end, or take the square root by wrapping it within `sqrt(` and `)`.
+- A button to quickly open [pre-made sample art](https://editor.graphite.rs/#demo/valley-of-spires) documents was included at the suggestion of the fine folks at Blender. This helps new users see Graphite in action instead of just opening up an overwhelmingly barren blank canvas.
+
+## Integrating the node graph
+
+With so much to change in the goal of rewriting nearly every system with its Graphene counterpart, we had to take an incremental path so other feature development could continue without a broken editor. As succinctly as possible, this is the story of how we pulled it off— although this section gets rather technical so feel free to skip past if that's not your cup of tea.
+
+The previous, intentionally-temporary layer system supported folders, vector shapes, text, bitmap images, and dynamic AI art (part of the Imaginate image generation feature).
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/migration-block-diagram-1.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Block diagram of a Graphite document before the node graph" /></p>
+
+<center><em>Block diagram before the node graph</em></center>
+
+To begin the incremental integration of nodes, we first added another type of layer, housing an instance of a Graphene node graph, which would supersede the other types. Then began the long process of porting all the other "legacy" layer types—and the viewport tools that operated on them—to become nodes. So the text layer type became a Text node managed by the Text tool, for example. This first phase was completed by April.
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/migration-block-diagram-2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Block diagram of a Graphite document after the first phase of migration" /></p>
+
+<center><em>Block diagram after the first phase</em></center>
+
+Just folders and graph-driven legacy layers remained, but for the second phase, these (as well as artboards which were a separate temporary system) had to be combined into a single graph. Even with graph-based legacy layers, nodes couldn't yet interact between layer graphs to create interesting procedural designs. The Graphite vision calls for a single unified graph per document where all content lives, organized by layers, folders, and artboards collectively living within that graph. So phase two began with adding another node graph instance attached to the document itself instead of any particular layer. Then the old artboard system was replaced by artboard nodes in that graph, providing white backgrounds for the pages of artwork drawn atop by layers. Next, we built a new form of layer that would live in the node graph itself to provide organizational structure, acting as both a container for artwork nodes and a folder for other layers. By August, users could edit the document graph by hand but the viewport tools, folder hierarchy, rendering pipeline, and numerous other systems all still used the legacy layers.
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/migration-block-diagram-3.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Block diagram of a Graphite document after the second phase of migration" /></p>
+
+<center><em>Block diagram after the second phase</em></center>
+
+For the third phase, we had to yet again port each of the viewport tools so they would operate on the unified document graph instead of the legacy layer graphs. But the incremental approach ended here— this last phase had to happen all at once, which posed a challenge for developing the editor while numerous features were fully broken pending rework. We began with a separate development branch, always kept up-to-date with the latest editor code changes, for a couple months until breakages were reduced to an acceptable level, then integrated with the main codebase in October. By tracking and burning down the list of [62 outstanding issues and regressions](https://github.com/GraphiteEditor/Graphite/issues/1394) one-by-one, in mid-December we finally reached our long-sought goal: deploying a new stable release of Graphite featuring the unified node graph! I'd like to extend an extra big thank-you to core team member ["Hypercube"](/about#hypercube) for the dedication and persistence in grinding through most of these.
+
+<p><img src="https://static.graphite.rs/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/migration-block-diagram-4.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Block diagram of a Graphite document now that the migration is complete" /></p>
+
+<center><em>Block diagram of the completed integration</em></center>
+
+I followed this up over my Christmas holiday by hunting down and ripping out over 6000 lines of unused code, satisfyingly bringing Graphite's total lines of Rust down to under 50,000— just about the same number as when we began, despite adding a year's worth of functionality! Fewer lines to understand and maintain makes our jobs easier, and I'm pleasantly surprised at how efficiently the Graphite team has managed to represent the app's considerable functionality in so relatively few lines. This is a sign of good engineering practices and it makes me proud of our capable team and what we have accomplished together.
+
+## Looking ahead to 2024
+
+The hard part is done. The unified document node graph, now that it's complete, paves the pathway towards new feature development for vector and raster editing. The Alpha 2 release series is nearly ready to become Alpha 3 with a focus towards procedural editing as the theme for the year ahead. And hopefully the road to the Beta release series, and then 1.0, is not too much further ahead.
+
+First, I have some high-level goals for 2024:
+
+- Cultivate a larger active community and grow the core team so we can move from a linear to an exponential pace of development
+- Begin sending quarterly email [newsletters](/#newsletter), publish these blog posts more frequently, and find a dedicated volunteer to assist in writing them while also growing Graphite's social media and internet presence
+- Announce Graphite to a wide audience and grow the daily active users by 10x or more, especially among artists
+- Reach 20,000 [stars on GitHub](https://github.com/GraphiteEditor/Graphite/stargazers) (we just passed 5000 this December)
+- Move towards a greater focus on polish, stability, performance, and learning resources for the product
+- Attain sustainable income from donors and sponsors, and maybe even apply for grants in order to hire a full-time developer
+- Build infrastructure for user accounts and prove the viability of getting revenue from hosted AI cloud computation
+
+And then from a development perspective, I am looking forward to accomplishing these overarching objectives in 2024:
+
+- Restoring several previous features that were removed during refactors in the past year to a fully working state including Imaginate, snapping, folder bounding boxes, transform pivots, and vector shape boolean operations
+- Deploying GPU-based rendering by default and moving from an experimental to a production-ready hardware-accelerated compositing system using [Vello](https://github.com/linebender/vello) to unify the currently separate raster and vector pipelines
+- Shipping desktop apps for Windows, Mac, and Linux by integrating [Tauri](https://tauri.app/) and bundling built-in AI models to run Imaginate and other upcoming features directly on user hardware
+- Designing a new vector graphics data format suitable for advanced procedural editing and rendering, plus the associated procedural workflow features
+- Remaking the Brush tool with the GPU-accelerated pipeline and the adaptive resolution system so digital painting in Graphite becomes practical
+- Implementing the Mask Mode feature for Magic Wand tool marquee selections, which will dramatically improve Graphite's utility as a raster graphics editor
+- Supporting animation capabilities (a potential stretch goal for the year)
+
+## A call for community
+
+Achieving everything listed above is ambitious, but it's ambition that has brought us to where we are today. Pulling this off will require a larger team and more resources than we've had in 2023. So if the mission we are striving for is exciting and you agree the world needs a truly great and versatile open source 2D graphics suite, we need your help!
+
+- Technically inclined developers interested in Rust, web dev, computer graphics, backend programming, compilers, machine learning, mathematics, or any of the other varied disciplines that Graphite overlaps with— we likely have a role or project for you.
+- We also have self-contained research projects involving problem-solving outside an existing codebase. One example: there are numerous industry-standard image filter effects we'd like to implement in Graphite where a volunteer could run analysis on the colors of test images to identify a suitable algorithm that gives matching results. We hope to assemble a larger Discord community of motivated people we can tap for help in solving these sorts of problems. These also make great university term projects and we've mentored several groups successfully in the past, so please reach out.
+- Technical artists with experience in procedural editing tools and engineers who enjoy designing solutions for complex problems would also be highly valuable community members when it comes to taking part in the many large, nuanced product and architecture design decisions we'll have to make this year.
+- Graphic designers and artists who put the time into using Graphite on a regular basis and helping us learn its practical strengths and weaknesses would also be valuable contributors. Helping with the creative parts of maintaining the app and assisting new users who have questions in the growing community would relieve the burden from the core team.
+- And spread the word! Create tutorial videos. Show off your creations on social media. Use it in your classroom. 2024 is the year Graphite is ready to come out of the shadows and get discovered.
+
+If your New Year's resolution is joining an open source project, consider Graphite! We work hard to help new community contributors get up to speed with resources and guidance. We frequently hear praise that Graphite is a very inviting and supportive project from volunteers who have not had great prior experiences trying to get involved in open source. Join the Graphite [Discord server](https://discord.graphite.rs) and reach out to me (@Keavon) about how you'd like to get involved.
+
+## Launching our supporter fund
+
+There's one last big way you can help and keep Graphite from needing to turn to investors who would someday come knocking for exponential profits at the expense of you, the user. That doesn't align with my vision so I have been self-funding Graphite for the past three years. But I, alone, can't keep that going for a fourth year and beyond.
+
+With a laser-tight focus on completing our 2023 development objectives, I haven't yet called out for donations until now. You can be the very first person to join at the level of a Supporter (starting at $10 monthly) or Sponsor (starting at $50 monthly for individuals and $100 monthly for companies). Please consider joining at one of the levels [listed here](/donate).
+
+Please help launch Graphite towards the 2024 goal of attaining self-sufficiency so I can maintain my full-time commitment to an independent Graphite for the long haul. Thank you, it really means the world to me. ♥
+
+<a href="/donate" class="button arrow">Become a supporter</a>
+
+## Wrapping up
+
+Thank you to our community for an incredible year. Passing [5000 stars](https://github.com/GraphiteEditor/Graphite/stargazers) on the project GitHub repository was a wonderful gift this holiday season. Everyone who has given advice, written code, and expressed enthusiasm has inspired me every day to stay focused and motivated. It was especially a pleasure and honor to visit the many people and organizations mentioned in this post throughout the past year. The reception by all has been heartwarming and I look forward to staying connected with them and a growing Graphite community in the promising year that now lies ahead. I am most of all excited for the awesome state Graphite will be in when it comes time to write this post again next year.
+
+Now go [make some awesome art](https://editor.graphite.rs)!
diff --git a/website/content/blog/2024-02-22-graphite-internships-announcing-participation-in-gsoc-2024.md b/website/content/blog/2024-02-22-graphite-internships-announcing-participation-in-gsoc-2024.md
new file mode 100644
index 0000000000000000000000000000000000000000..f9fe300a5c78f9e5f12f9b8f400b977cfd4dca98
--- /dev/null
+++ b/website/content/blog/2024-02-22-graphite-internships-announcing-participation-in-gsoc-2024.md
@@ -0,0 +1,25 @@
++++
+title = "Graphite internships: announcing participation in GSoC 2024"
+date = 2024-02-22
+[extra]
+banner = "https://static.graphite.rs/content/blog/2024-02-22-graphite-internships-announcing-participation-in-gsoc-2024.avif"
+banner_png = "https://static.graphite.rs/content/blog/2024-02-22-graphite-internships-announcing-participation-in-gsoc-2024.png"
+author = "Keavon Chambers"
+summary = "Join Graphite in Google Summer of Code 2024 for a unique opportunity to contribute to open-source software development in Rust and computer graphics. Get paid while learning, working on self-contained projects under experienced mentors, and help Graphite grow."
+reddit = "https://www.reddit.com/r/graphite/comments/1ax3l8z/blog_post_graphite_internships_announcing/"
+twitter = "https://twitter.com/GraphiteEditor/status/1760619083396165703"
++++
+
+Calling Rust and computer graphics developers: spend your summer contributing to open source and get paid by the Google Summer of Code program. We are excited to announce our first year participating as a mentoring organization in GSoC 2024. Interested prospective applicants should get involved right away and prepare proposals by the April 2 deadline.
+
+<!-- more -->
+
+[Graphite](/) is a new 2D graphics editor bringing a modern, nondestructive approach to creative tooling by merging both traditional raster and vector workflows with node-based compositing and procedural generation.
+
+[Google Summer of Code](https://summerofcode.withgoogle.com/), now entering its 20th year, is a worldwide program that supports students getting involved in open source software development. Like other forms of summer internships, GSoC pays a [stipend](https://developers.google.com/open-source/gsoc/help/student-stipends) for participants to work on self-contained projects with the direction and guidance of experienced mentors. The program is directed towards university students but is open to anyone 18 and older. The [timeline's](https://developers.google.com/open-source/gsoc/timeline) start date is May 27 and most projects run for 12 weeks, but there is some flexibility towards pacing and end dates.
+
+We are looking for reasonably experienced, self-motivated, fast-learning students who are interested in Rust and/or computer graphics (and for one project, machine learning). Full [project descriptions](/volunteer/guide/student-projects/#project-idea-list) are listed and we encourage prospective applicants to reach out right away to maximize the chance of acceptance.
+
+Additional year-round opportunities are available for student capstone or independent research projects. These are run similarly, but are also available to multi-person groups and provide academic credit instead of a stipend. To date, three were [completed](/volunteer/guide/student-projects/#successful-past-projects) successfully.
+
+It is our hope that GSoC will help Graphite grow and provide valuable learning outcomes for participants. A win-win! If this is an opportunity that's right for you, begin [getting involved](/volunteer/guide/student-projects/).
diff --git a/website/content/blog/2024-05-09-graphite-progress-report-q1-2024.md b/website/content/blog/2024-05-09-graphite-progress-report-q1-2024.md
new file mode 100644
index 0000000000000000000000000000000000000000..bac4e4495971166e8c471c3c9bff9ecc190b75ff
--- /dev/null
+++ b/website/content/blog/2024-05-09-graphite-progress-report-q1-2024.md
@@ -0,0 +1,248 @@
++++
+title = "Graphite progress report (Q1 2024)"
+date = 2024-05-09
+[extra]
+banner = "https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024__2.avif"
+banner_png = "https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024__2.png"
+author = "Keavon Chambers & Hypercube"
+summary = "Graphite's Q1 2024 update introduces a precise snapping system and a customizable grid for enhanced design control. The update also includes improved procedural scattering with the 'Copy to Points' node, demonstrated in new demo artwork."
+reddit = "https://www.reddit.com/r/graphite/comments/1coa0if/blog_post_graphite_progress_report_q1_2024/"
+twitter = "https://twitter.com/GraphiteEditor/status/1788698448348266946"
+css = ["/component/demo-artwork.css"]
++++
+
+[Graphite](/) is a new 2D vector graphics editor bringing a modern, nondestructive approach to creative workflows with node-based procedural generation. The project is currently three years into development, with a focus on streamlining the creative process for procedural vector artwork. See the [roadmap](/features#roadmap) for a more in-depth summary of the goals for 2024 and beyond.
+
+<!-- more -->
+
+Starting in 2024, we are now publishing quarterly reports to summarize the new features and improvements made to Graphite. If you missed the [2023 year in review](../looking-back-on-2023-and-what-s-next), be sure to check it out after this. We anticipate sending our first email newsletter (with more to follow roughly quarterly) in the near future as well, so be sure to [subscribe](/#newsletter) if you haven't already.
+
+Over the first three months of the year, we are delighted to have seen many contributions both from new and recurrent contributors, including substantial interest by students through [Google Summer of Code](/blog/graphite-internships-announcing-participation-in-gsoc-2024/). We would like to send a big thanks to all of the contributors who made this progress happen. If you are interested in getting involved or just following development, see the [contributor guide](/volunteer/guide) and join [our Discord](https://discord.graphite.rs).
+
+All Q1 2024 commits may be [viewed in this list](https://github.com/GraphiteEditor/Graphite/commits/master/?since=2024-01-01&until=2024-03-31) and all noteworthy changes are detailed below. As two of the major new features are the grid and snapping systems, the *Isometric Fountain* artwork shown on this blog post demonstrates what those features can achieve.
+
+<div class="demo-artwork">
+	<a href="https://editor.graphite.rs/#demo/isometric-fountain">
+		<img src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024__2.png" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector art of Isometric Fountain" />
+	</a>
+	<p>
+		<span>
+			<em>Isometric Fountain</em>
+		</span>
+		<br />
+		<span>
+			<a href="https://editor.graphite.rs/#demo/isometric-fountain">Open this artwork</a> to<br />explore it yourself.
+		</span>
+	</p>
+</div>
+
+<!--
+EDITOR'S NOTE: The grammatical structure of each bullet point should follow the form: "Check out our new... [Bullet point description]"
+-->
+
+## Additions
+
+- *Copy to Points* node improvements, including randomization of scale and rotation with biasing <small>([#1540](https://github.com/GraphiteEditor/Graphite/pull/1540), [#1541](https://github.com/GraphiteEditor/Graphite/pull/1541), [commit ed82c5](https://github.com/GraphiteEditor/Graphite/commit/ed82c5f20fccd66a959334dee33351657968cdb6), [#1592](https://github.com/GraphiteEditor/Graphite/pull/1592), [commit 7e5069](https://github.com/GraphiteEditor/Graphite/commit/7e5069f638cfcc3e7af21f32eded67a005490402))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/copy-to-points-node-improvements.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/copy-to-points-node-improvements.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Improvements to the node graph UI <small>([#1564](https://github.com/GraphiteEditor/Graphite/pull/1564), [#1568](https://github.com/GraphiteEditor/Graphite/pull/1568))</small>
+
+- Grid overlay for the canvas with customizable rectangular and isometric grid lines <small>([#1521](https://github.com/GraphiteEditor/Graphite/pull/1521), [commit 5c9d3c](https://github.com/GraphiteEditor/Graphite/commit/5c9d3c5d755e67411c110c0d5fd38d991cb6696c))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/grid-popover.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/grid-popover.mp4" type="video/mp4" />
+  	</video>
+  </div>
+  
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/grid-demo-art.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/grid-demo-art.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- New and improved snapping system for aligning shapes with one another and the grid <small>([#1521](https://github.com/GraphiteEditor/Graphite/pull/1521), [#1567](https://github.com/GraphiteEditor/Graphite/pull/1567), [#1547](https://github.com/GraphiteEditor/Graphite/pull/1547), [#1570](https://github.com/GraphiteEditor/Graphite/pull/1570), [#1574](https://github.com/GraphiteEditor/Graphite/pull/1574))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/snapping.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/snapping.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Morph* node for tweening vector shapes <small>([#1576](https://github.com/GraphiteEditor/Graphite/pull/1576))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/morph-node.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/morph-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Visualize which nodes are the source of a graph type error <small>([#1577](https://github.com/GraphiteEditor/Graphite/pull/1577))</small>
+  
+  <img src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/graph-error-visualization.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graph error visualization screenshot" />
+
+- Improvements to document tilting and resetting tilt <small>([commit 8eef96](https://github.com/GraphiteEditor/Graphite/commit/8eef96511e575d58a36289f3d0e30eb68098b4e7))</small>
+
+- SVG import <small>([#1579](https://github.com/GraphiteEditor/Graphite/pull/1579), [#1656](https://github.com/GraphiteEditor/Graphite/pull/1656))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/svg-import.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/svg-import.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Re-add Select tool functionality that was lost from a code change last year <small>([#1583](https://github.com/GraphiteEditor/Graphite/pull/1583))</small>
+
+- *Poisson-Disk Points* node for sampling randomly distributed points in a shape, with Red Dress demo artwork <small>([#1586](https://github.com/GraphiteEditor/Graphite/pull/1586), [commit 12e16b](https://github.com/GraphiteEditor/Graphite/commit/12e16b9a4efe40fcf779c34f83d3df8b3e3542f3), [#1590](https://github.com/GraphiteEditor/Graphite/pull/1590), [#1596](https://github.com/GraphiteEditor/Graphite/pull/1596))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/poisson-disk-points-node-demo-art.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/poisson-disk-points-node-demo-art.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Pen tool point-by-point undo while drawing without wiping out the full in-progress shape <small>([#1587](https://github.com/GraphiteEditor/Graphite/pull/1587), [#1597](https://github.com/GraphiteEditor/Graphite/pull/1597))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/pen-tool-point-by-point-undo.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/pen-tool-point-by-point-undo.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Freehand tool support for extending the endpoints of open paths <small>([#1594](https://github.com/GraphiteEditor/Graphite/pull/1594), [#1623](https://github.com/GraphiteEditor/Graphite/pull/1623))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/freehand-tool-endpoint-extension.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/freehand-tool-endpoint-extension.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Path tool support for breaking a closed shape into an open path by deleting (not dissolving) a point <small>([#1593](https://github.com/GraphiteEditor/Graphite/pull/1593))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/point-deletion-breaking-closed-shapes.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/point-deletion-breaking-closed-shapes.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Path tool insertion of a point on a path segment by sliding to the desired spot <small>([#1581](https://github.com/GraphiteEditor/Graphite/pull/1581))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/sliding-point-insertion.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/sliding-point-insertion.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Box-based drag selection in the node graph <small>([#1616](https://github.com/GraphiteEditor/Graphite/pull/1616))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/box-selection-in-node-graph.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/box-selection-in-node-graph.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Auto-save the document every 30 seconds <small>([#1580](https://github.com/GraphiteEditor/Graphite/pull/1580))</small>
+
+- Auto-panning when drawing with each interactive tool when the user's pointer extends past the edge of the viewport <small>([#1625](https://github.com/GraphiteEditor/Graphite/pull/1625), [#1652](https://github.com/GraphiteEditor/Graphite/pull/1652), [#1682](https://github.com/GraphiteEditor/Graphite/pull/1682), [#1690](https://github.com/GraphiteEditor/Graphite/pull/1690))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/auto-panning-in-viewport.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/auto-panning-in-viewport.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Launch of the Alpha 3 release series in February <small>([commit f02dd5](https://github.com/GraphiteEditor/Graphite/commit/f02dd5c0f625b25bf3510ba0e9839ca182d930e4))</small>
+  
+  <img src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/alpha-3-about-graphite.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Alpha 3 release series in the 'About Graphite' menu screenshot" />
+
+- Search functionality by typing in menu lists <small>([#1499](https://github.com/GraphiteEditor/Graphite/pull/1499))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/search-in-menu-lists.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/search-in-menu-lists.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Improvements to the dynamic input hints of several tools <small>([commit 9f8466](https://github.com/GraphiteEditor/Graphite/commit/9f84661facd545bfdfeaa5d37038abeacc00ee08), [#1667](https://github.com/GraphiteEditor/Graphite/pull/1667), [#1670](https://github.com/GraphiteEditor/Graphite/pull/1670))</small>
+
+- *Solidify Stroke* node for converting a stroke into a filled shape <small>([#1650](https://github.com/GraphiteEditor/Graphite/pull/1650))</small>
+
+- Path tool point selection checkbox for locking an anchor point's handles as colinear <small>([commit 5bca93](https://github.com/GraphiteEditor/Graphite/commit/5bca931813e456e2f6035844c21e77ee590b7728))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/colinear-handles-checkbox.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024/colinear-handles-checkbox.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+## Fixes
+
+- *Sample Points* node performance issues and bug with open paths <small>([#1542](https://github.com/GraphiteEditor/Graphite/pull/1542), [commit b3e4ca](https://github.com/GraphiteEditor/Graphite/commit/b3e4caec1aa4d7b702ac36638b968cf165780149), [commit 93aa10](https://github.com/GraphiteEditor/Graphite/commit/93aa10a76f96946314d5c5787418522423a76544), [#1546](https://github.com/GraphiteEditor/Graphite/pull/1546))</small>
+
+- Some numerical node data incompatible with others <small>([#1543](https://github.com/GraphiteEditor/Graphite/pull/1543), [commit c14c6f](https://github.com/GraphiteEditor/Graphite/commit/c14c6fbe9345be91d04825fe8364e6639430b5e5), [#1618](https://github.com/GraphiteEditor/Graphite/pull/1618))</small>
+
+- Incorrect placement when pasting an image <small>([commit cd61da](https://github.com/GraphiteEditor/Graphite/commit/cd61daf869780e1302de1a34bca7b79485ca69c3))</small>
+
+- Unable to select upside-down (negative scale) layers <small>([#1560](https://github.com/GraphiteEditor/Graphite/pull/1560))</small>
+
+- Memory leak in a type inference hashmap <small>([#1566](https://github.com/GraphiteEditor/Graphite/pull/1566))</small>
+
+- Non-filled shapes are drawn missing the solid color field from their *Fill* node <small>([#1572](https://github.com/GraphiteEditor/Graphite/pull/1572))</small>
+
+- *Circular Repeat* node crash when it has no input connection <small>([#1571](https://github.com/GraphiteEditor/Graphite/pull/1571))</small>
+
+- Safari rendering bug that occurs with Graphite's floating menus <small>([commit b4dccb](https://github.com/GraphiteEditor/Graphite/commit/b4dccb865540e25a6d859e5284a50a36e361d5ee))</small>
+
+- Performance issue affecting Windows users where every render occurred thrice <small>([commit a7bf6e](https://github.com/GraphiteEditor/Graphite/commit/a7bf6e24599fc3d7dc51699f916ba049758a2081))</small>
+
+- Performance issue with nonfunctional caching of images <small>([#1595](https://github.com/GraphiteEditor/Graphite/pull/1595))</small>
+
+- Numerous history steps created while dragging an input widget every frame <small>([#1584](https://github.com/GraphiteEditor/Graphite/pull/1584), [#1598](https://github.com/GraphiteEditor/Graphite/pull/1598))</small>
+
+- Ugly anti-aliasing in overlays from non-alignment with the pixel grid <small>([#1603](https://github.com/GraphiteEditor/Graphite/pull/1603))</small>
+
+- Dragging nodes in the graph along only one axis causes them to snap back <small>([#1619](https://github.com/GraphiteEditor/Graphite/pull/1619))</small>
+
+- Path tool point coordinates using the wrong coordinate system <small>([#1626](https://github.com/GraphiteEditor/Graphite/pull/1626))</small>
+
+- Layer panel grouping causing unintended reordering and loss of names <small>([#1627](https://github.com/GraphiteEditor/Graphite/pull/1627), [#1645](https://github.com/GraphiteEditor/Graphite/pull/1645), [#1672](https://github.com/GraphiteEditor/Graphite/pull/1672), [#1678](https://github.com/GraphiteEditor/Graphite/pull/1678), [#1637](https://github.com/GraphiteEditor/Graphite/pull/1637))</small>
+
+- Keyboard shortcut modifier keys displayed in the UI with the wrong order <small>([commit 4405e0](https://github.com/GraphiteEditor/Graphite/commit/4405e01f5595c76ff8c1cdb7e6ebf752ab53943c))</small>
+
+- Polygon tool stars and convex polygons drawn with an undesired tilt <small>([#1640](https://github.com/GraphiteEditor/Graphite/pull/1640))</small>
+
+- Dropdown menus not navigable with with keyboard arrow keys <small>([#1630](https://github.com/GraphiteEditor/Graphite/pull/1630), [#1649](https://github.com/GraphiteEditor/Graphite/pull/1649))</small>
+
+- Changes to a tool's options only applying after a subsequent usage <small>([#1646](https://github.com/GraphiteEditor/Graphite/pull/1646))</small>
+
+- Orphaned child layers left behind when a group is ungrouped or deleted <small>([#1655](https://github.com/GraphiteEditor/Graphite/pull/1655))</small>
+
+- Some tools lacking a cancelable interaction by right clicking or hitting the Escape key <small>([#1658](https://github.com/GraphiteEditor/Graphite/pull/1658), [#1664](https://github.com/GraphiteEditor/Graphite/pull/1664), [#1666](https://github.com/GraphiteEditor/Graphite/pull/1666))</small>
+
+- Several related issues related to extraneous undo/redo history steps <small>([#1660](https://github.com/GraphiteEditor/Graphite/pull/1660), [#1668](https://github.com/GraphiteEditor/Graphite/pull/1668), [#1675](https://github.com/GraphiteEditor/Graphite/pull/1675))</small>
+
+- Node graph not updated when switching tabs to a different document <small>([#1691](https://github.com/GraphiteEditor/Graphite/pull/1691))</small>
+
+- Artboard deletion causes its child artwork to also get deleted <small>([#1651](https://github.com/GraphiteEditor/Graphite/pull/1651))</small>
+
+- Path tool's point dragging gets offset when the viewport is panned <small>([#1693](https://github.com/GraphiteEditor/Graphite/pull/1693))</small>
+
+- Incorrect scale-nudging behavior when multiple layers are selected <small>([#1699](https://github.com/GraphiteEditor/Graphite/pull/1699))</small>
+
+- Copy-pasted layers not preserving their hidden/visible state <small>([#1698](https://github.com/GraphiteEditor/Graphite/pull/1698))</small>
+
+- Non-editability of hidden layers that are selected <small>([#1697](https://github.com/GraphiteEditor/Graphite/pull/1697))</small>
+
+## Internal
+
+- Several large refactors and code cleanups <small>([#1565](https://github.com/GraphiteEditor/Graphite/pull/1565), [#1582](https://github.com/GraphiteEditor/Graphite/pull/1582), [#1620](https://github.com/GraphiteEditor/Graphite/pull/1620), [#1695](https://github.com/GraphiteEditor/Graphite/pull/1695), [#1708](https://github.com/GraphiteEditor/Graphite/pull/1708))</small>
+
+- Refactor for the vector format to begin being based around a concept of attributes <small>([#1624](https://github.com/GraphiteEditor/Graphite/pull/1624))</small>
+
+- Preconfigure dev containers for easy containerized development environment setup <small>([commit 99c199](https://github.com/GraphiteEditor/Graphite/commit/99c199a8f64a3557e21f5dc002fbcfb789c40632), [#1636](https://github.com/GraphiteEditor/Graphite/pull/1636))</small>
diff --git a/website/content/blog/2024-07-31-graphite-progress-report-q2-2024.md b/website/content/blog/2024-07-31-graphite-progress-report-q2-2024.md
new file mode 100644
index 0000000000000000000000000000000000000000..72b73f0db33275a2add4245128e508bce9e33d6b
--- /dev/null
+++ b/website/content/blog/2024-07-31-graphite-progress-report-q2-2024.md
@@ -0,0 +1,238 @@
++++
+title = "Graphite progress report (Q2 2024)"
+date = 2024-07-31
+[extra]
+banner = "https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024.avif"
+banner_png = "https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024.png"
+author = "Keavon Chambers & Hypercube"
+summary = "Graphite's Q2 2024 update introduces boolean path operations, a new gradient picker, layer locking, and more improvements."
+reddit = "https://www.reddit.com/r/graphite/comments/1ei9ps2/blog_post_graphite_progress_report_q2_2024/"
+twitter = "https://x.com/GraphiteEditor/status/1819360794028462569"
+css = ["/component/demo-artwork.css"]
++++
+
+[Graphite](/), a new open source 2D procedural graphics editor, has spent April–June introducing **boolean path operations, a new gradient picker, layer locking**, and more improvements.
+
+Overall, editor functionality has been shaping up and becoming an all around useful tool suite, with notable reductions in rough edges for the vector graphics workflow (our initial focus). Raster and raw photo processing workflows are also now in-development by our [Google Summer of Code](/blog/graphite-internships-announcing-participation-in-gsoc-2024/) student interns. Node graph quality-of-life improvements centered around tidy node organization are also the focus of the summer work that's underway. These projects are detailed below.
+
+<!-- more -->
+
+This is the second of our quarterly progress report blog posts. If you missed the [first one](../graphite-progress-report-q1-2024), be sure to check it out as well. If you'd like to help speed up future progress, please consider [getting involved](/volunteer) with code, QA/bug testing, or art/marketing projects. [Donations](/donate) are also valued, as are [stars on GitHub](https://github.com/GraphiteEditor/Graphite). Follow along and partake in our [Discord community](https://discord.graphite.rs), too.
+
+All Q2 2024 commits may be [viewed in this list](https://github.com/GraphiteEditor/Graphite/commits/master/?since=2024-04-01&until=2024-06-30) and all noteworthy changes are detailed below. To showcase the much anticipated introduction of boolean path operations, the new *Painted Dreams* artwork shown here extensively utilizes nondestructive booleans.
+
+<div class="demo-artwork">
+	<a href="https://editor.graphite.rs/#demo/painted-dreams">
+		<img src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector art of Painted Dreams" />
+	</a>
+	<p>
+		<span>
+			<em>Painted Dreams</em>
+		</span>
+		<br />
+		<span>
+			<a href="https://editor.graphite.rs/#demo/painted-dreams">Open this artwork</a> to<br />explore it yourself.
+		</span>
+	</p>
+</div>
+
+## Additions
+
+<!--
+EDITOR'S NOTE: The grammatical structure of each bullet point should follow the form: "Check out our new... [Bullet point description]"
+-->
+
+- Feature for locking layers from being selected in the viewport <small>([#1702](https://github.com/GraphiteEditor/Graphite/pull/1702))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/layer-locking.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/layer-locking.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Fine-grained choices in the Snapping options popover <small>([#1730](https://github.com/GraphiteEditor/Graphite/pull/1730))</small>
+  
+  <img src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/snapping-options.png" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Snapping choices popover menu" />
+
+- Corner rounding added to the *Rectangle* node <small>([#1648](https://github.com/GraphiteEditor/Graphite/pull/1648))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/rectangle-corner-rounding.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/rectangle-corner-rounding.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Rotation added to the *Repeat* node <small>([commit 72ba4dd](https://github.com/GraphiteEditor/Graphite/commit/72ba4ddfe421c0e17930ad1c2be85be2c69e04ea))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/repeat-node-rotation.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/repeat-node-rotation.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Visibility and deletion buttons added to node sections in the Properties panel <small>([commit 07fd2c2](https://github.com/GraphiteEditor/Graphite/commit/07fd2c27827e4a91ad238d790d41396a33ef2389))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/hide-delete-properties-sections.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/hide-delete-properties-sections.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Grid color customization and dotted appearance choices <small>([#1743](https://github.com/GraphiteEditor/Graphite/pull/1743))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/grid-coloration.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/grid-coloration.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Demo artwork, *Isometric Fountain*, featured in the [last blog post](../graphite-progress-report-q1-2024) <small>([commit 6b0822d](https://github.com/GraphiteEditor/Graphite/commit/6b0822d31890b6699c4533c3e828da0e9e8c9490))</small>
+  
+  <div class="demo-artwork" style="justify-content: left">
+  	<a href="https://editor.graphite.rs/#demo/isometric-fountain">
+  		<img src="https://static.graphite.rs/content/blog/2024-05-09-graphite-progress-report-q1-2024__2.png" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector art of Isometric Fountain" />
+  	</a>
+  	<p>
+  		<span>
+  			<em>Isometric Fountain</em>
+  		</span>
+  		<br />
+  		<span>
+  			<a href="https://editor.graphite.rs/#demo/isometric-fountain">Open this artwork</a> to<br />explore it yourself.
+  		</span>
+  	</p>
+  </div>
+
+- *Area* and *Centroid* nodes which calculate a shape's interior size and center of mass, respectively <small>([#1729](https://github.com/GraphiteEditor/Graphite/pull/1729), [#1749](https://github.com/GraphiteEditor/Graphite/pull/1749))</small> 
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/area-centroid-nodes.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/area-centroid-nodes.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Boolean Operation* node for combining two shape paths with a *Union*, *Subtract Front*, *Subtract Back*, *Intersect*, or *Difference* mode of cutting and combining <small>([#1759](https://github.com/GraphiteEditor/Graphite/pull/1759))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/boolean-ops-1.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/boolean-ops-1.mp4" type="video/mp4" />
+  	</video>
+  </div>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/boolean-ops-2.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/boolean-ops-2.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Gradient picker <small>([#1778](https://github.com/GraphiteEditor/Graphite/pull/1778))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/gradient-picker.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/gradient-picker.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Labels for artboard names displayed in the viewport <small>([#1795](https://github.com/GraphiteEditor/Graphite/pull/1795))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/artboard-names.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/artboard-names.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- [Dennis Kobert](https://github.com/truedoctor)'s Google Summer of Code project has begun adding raster editing infrastructure centered around GPU acceleration — to date this has included:
+
+  - *Rasterize* node for converting graphical content (like vector art) into an image within a chosen area and resolution scale <small>([#1755](https://github.com/GraphiteEditor/Graphite/pull/1755))</small>
+    <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/rasterize-node.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/rasterize-node.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+  - [Weekly updates](https://github.com/GraphiteEditor/Graphite/discussions/1773) are being posted while the project is ongoing
+
+- [Elbert Ronnie](https://github.com/elbertronnie)'s Google Summer of Code project has begun building a library for decoding raw image formats, with the goal of supporting photo processing in Graphite once the project is completed — to date this has included:
+
+  - Initial code foundations including a basic custom TIFF decoder <small>([#1757](https://github.com/GraphiteEditor/Graphite/pull/1757))</small>
+
+  - Initial decoder for Sony ARW data encoding formats <small>([#1775](https://github.com/GraphiteEditor/Graphite/pull/1775), [#1776](https://github.com/GraphiteEditor/Graphite/pull/1776))</small>
+
+  - [Weekly updates](https://github.com/GraphiteEditor/Graphite/discussions/1771) are being posted while the project is ongoing
+
+- [Adam Gerhant](https://github.com/adamgerhant)'s Google Summer of Code project has begun upgrading the node graph UI capabilities, quality-of-life features, and automatic layout management — to date this has included:
+
+  - Generalization of layers to support the concept of vertically stackable adjustment layers <small>([#1712](https://github.com/GraphiteEditor/Graphite/pull/1712), [#1738](https://github.com/GraphiteEditor/Graphite/pull/1738), [commit 244c8ad](https://github.com/GraphiteEditor/Graphite/commit/244c8ad10ad79c9ca4fcdb21260c5d5dc60b3a21), [#1763](https://github.com/GraphiteEditor/Graphite/pull/1763), [#1739](https://github.com/GraphiteEditor/Graphite/pull/1739), [#1748](https://github.com/GraphiteEditor/Graphite/pull/1748))</small>
+    <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/stackable-layers.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/stackable-layers.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+  - Support for viewing and editing subgraphs by double-clicking nodes with internal node networks <small>([#1750](https://github.com/GraphiteEditor/Graphite/pull/1750))</small>
+    <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/subgraph-editing.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/subgraph-editing.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+  - Extended support for navigating the graph just like the viewport (with autopanning on dragging near edges, working scrollbars, and zooming shortcuts) by migrating interaction code to the backend <small>([#1768](https://github.com/GraphiteEditor/Graphite/pull/1768), [#1790](https://github.com/GraphiteEditor/Graphite/pull/1790))</small>
+    <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/graph-navigation.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024/graph-navigation.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+- [Weekly updates](https://github.com/GraphiteEditor/Graphite/discussions/1769) are being posted while the project is ongoing
+
+## Fixes
+
+- Polished up design for the Layers panel <small>([commit 938a688](https://github.com/GraphiteEditor/Graphite/commit/938a688fa08511ed4a5f3c3d5bcfa26f4bd1eb47))</small>
+
+- Inclusion of alpha in the *Extract Channel* node and removal of the now-redundant *Extract Alpha* node <small>([#1731](https://github.com/GraphiteEditor/Graphite/pull/1731))</small>
+
+- Fixed interactive outlining of layers within the Select tool's box selection <small>([#1727](https://github.com/GraphiteEditor/Graphite/pull/1727))</small>
+
+- Insertion of duplicated layers directly above their selected source layers <small>([#1726](https://github.com/GraphiteEditor/Graphite/pull/1726))</small>
+
+- Crash fixes <small>([#1701](https://github.com/GraphiteEditor/Graphite/pull/1701), [#1754](https://github.com/GraphiteEditor/Graphite/pull/1754), [#1770](https://github.com/GraphiteEditor/Graphite/pull/1770))</small>
+
+- Small bug fixes and polish for viewport tilt and zoom navigation <small>([commit 597c96a](https://github.com/GraphiteEditor/Graphite/commit/597c96a7db06fe44dbd4dc170511c011c7239073))</small>
+
+- Regression fix for the Select tool's shallow selection mode <small>([#1725](https://github.com/GraphiteEditor/Graphite/pull/1725))</small>
+
+- Previewable dropdown menu states and color button widget undo/redo history improvements <small>([#1598](https://github.com/GraphiteEditor/Graphite/pull/1598))</small>
+
+- Persisting of overlays/snapping/grid state in saved documents and toggling them with hotkeys <small>([commit 7845302](https://github.com/GraphiteEditor/Graphite/commit/7845302c50705332711b6b18b4bdfe28a2f3c306))</small>
+
+- Improved robustness to the backwards compatability of the document format (still offered on a best-effort basis) <small>([commit de84e39](https://github.com/GraphiteEditor/Graphite/commit/de84e39c4ec6c191f73702a51be0a5ec9c662642))</small>
+
+- Visual bug fixes for shape drawing and nondeterministic one-pixel viewport shifting when recentering with <kbd>Ctrl</kbd><kbd>0</kbd> <small>([#1751](https://github.com/GraphiteEditor/Graphite/pull/1751))</small>
+
+- Fixed bug where Path tool point insertion often wasn't working <small>([commit cf01f52](https://github.com/GraphiteEditor/Graphite/commit/cf01f522a8b57bfd625f15a10ae6b2812ed4c0a4))</small>
+
+- Fixed bugs where the *Poisson-Disk Points*, *Repeat*, *Circular Repeat*, and *Bounding Box* node input shapes weren't using their transform <small>([#1784](https://github.com/GraphiteEditor/Graphite/pull/1784), [#1792](https://github.com/GraphiteEditor/Graphite/pull/1792))</small>
+
+- Improvements to the Path tool's point selection behavior so clicking a selected anchor deselects all other selected points <small>([#1782](https://github.com/GraphiteEditor/Graphite/pull/1782))</small>
+
+- Regression fix for being unable to arrange layers with no artboard present <small>([#1786](https://github.com/GraphiteEditor/Graphite/pull/1786))</small>
+
+## Internal
+
+- Removal of the editor "instances" concept, allowing for cleaned up JS interop code <small>([commit 19eb6ce](https://github.com/GraphiteEditor/Graphite/commit/19eb6ce0ab10065ec6acd6e49edd2f072729fc77), [commit 1ce3d59](https://github.com/GraphiteEditor/Graphite/commit/1ce3d59e0f39e6733c7fa170af00ef59fd10ffd9))</small>
+
+- Loosened type system in Graphene to allow contravariant function arguments <small>([#1740](https://github.com/GraphiteEditor/Graphite/pull/1740), [#1746](https://github.com/GraphiteEditor/Graphite/pull/1746))</small>
+
+## Website and documentation
+
+- [Roadmap](/features#roadmap) updates featuring new features and icons <small>([commit 6a1a145](https://github.com/GraphiteEditor/Graphite/commit/6a1a145d190887f65f1f851282bd86c8836f85a7), [commit e4d3faa](https://github.com/GraphiteEditor/Graphite/commit/e4d3faa52af42173eaf67b2dc5c2df5d6e6f23a8))</small>
+
+- Initial [Graphene docs](/volunteer/guide/graphene) included in the contributor guide <small>([#1686](https://github.com/GraphiteEditor/Graphite/pull/1686))</small>
+
+- Website meta tags fixed to provide better SEO and page previews for links posted on social media <small>([commit d0c493c](https://github.com/GraphiteEditor/Graphite/commit/d0c493cdb6867763d507a24f12d92f2617385114))</small>
+
+- Redesigned website layout featuring a narrower max width and better typography <small>([#1753](https://github.com/GraphiteEditor/Graphite/pull/1753))</small>
diff --git a/website/content/blog/2024-10-15-graphite-progress-report-q3-2024.md b/website/content/blog/2024-10-15-graphite-progress-report-q3-2024.md
new file mode 100644
index 0000000000000000000000000000000000000000..149e0c3c6d15748b5d2c91ccc228ea618abd4c3c
--- /dev/null
+++ b/website/content/blog/2024-10-15-graphite-progress-report-q3-2024.md
@@ -0,0 +1,390 @@
++++
+title = "Graphite progress report (Q3 2024)"
+date = 2024-10-15
+[extra]
+banner = "https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024.avif"
+banner_png = "https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024.png"
+author = "Keavon Chambers & Hypercube"
+summary = "Graphite's Q3 2024 update introduces improvements to performance, node graph organization, nondestructive path editing, a new render engine, and more helpful nodes."
+reddit = "https://www.reddit.com/r/graphite/comments/1g4h6ya/blog_post_graphite_progress_report_q3_2024/"
+twitter = "https://x.com/GraphiteEditor/status/1846283664562573344"
+css = ["/component/demo-artwork.css"]
++++
+
+[Graphite](/), a new open source 2D procedural graphics editor, has spent July–September building major improvements to **performance, node graph organization, nondestructive path editing, a new render engine, and more helpful nodes**, amongst over 100 other features and fixes.
+
+This has been the most productive quarter yet in the project's three-year history. Most of our [Google Summer of Code](/blog/graphite-internships-announcing-participation-in-gsoc-2024/) student intern projects have already reached their goals, adding to the goodies included in this progress report. All Q3 2024 commits may be [viewed in this list](https://github.com/GraphiteEditor/Graphite/commits/master/?since=2024-07-01&until=2024-09-30) and all noteworthy changes are detailed below.
+
+<!-- more -->
+
+This is the third in our series of quarterly progress reports. If you missed the [first](../graphite-progress-report-q1-2024) or [second](../graphite-progress-report-q2-2024) ones, be sure to check them out as well. If you'd like to help speed up future progress, please consider [getting involved](/volunteer) with code, QA/bug testing, or art/marketing projects. [Donations](/donate) are also valued, as are [stars on GitHub](https://github.com/GraphiteEditor/Graphite). Follow along and partake in our [Discord community](https://discord.graphite.rs), too.
+
+The new *Changing Seasons* artwork shown here showcases some of the recently introduced nodes in this update. And it animates! Give it a try yourself by opening the artwork and dragging the percentage slider to morph from oak to maple leaves as the colors change.
+
+<div class="demo-artwork">
+	<a href="https://editor.graphite.rs/#demo/changing-seasons">
+		<img src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector art of Changing Seasons" />
+	</a>
+	<p>
+		<span>
+			<em>Changing Seasons</em>
+		</span>
+		<br />
+		<span>
+			<a href="https://editor.graphite.rs/#demo/changing-seasons">Open this artwork</a> to<br />explore it yourself.
+		</span>
+	</p>
+</div>
+
+## Additions
+
+<!--
+EDITOR'S NOTE: The grammatical structure of each bullet point should follow the form: "Check out our new... [Bullet point description]"
+-->
+
+- Simplified *Boolean Operation* node that combines the best parts of the two previous boolean node versions, letting users now convert from a stack of shape layers (of any size!) into a single resulting vector shape that's more versatile to use in both the node graph and Layers panel <small>([#1813](https://github.com/GraphiteEditor/Graphite/pull/1813), [#1933](https://github.com/GraphiteEditor/Graphite/pull/1933))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/stack-based-booleans.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/stack-based-booleans.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Path* node which enables nondestructive vector editing at stages along the geometry calculation pipeline, even after a procedural shape (like a star) defines the parameters that can be tweaked anytime <small>([#1676](https://github.com/GraphiteEditor/Graphite/pull/1676))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/path-node.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/path-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Additional snapping criteria for alignment and distribution between layers <small>([#1793](https://github.com/GraphiteEditor/Graphite/pull/1793))</small>
+  
+  <img src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/new-snapping-modes.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Snapping choices popover menu" />
+
+- Snapping now included with the Artboard tool for precise alignment with other artboards <small>([#1734](https://github.com/GraphiteEditor/Graphite/pull/1734))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/artboard-snapping.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/artboard-snapping.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Persistence of the last-chosen settings each time the Export dialog is opened (so it's not always reset to defaults), plus artboard names are now correctly written in the Bounds dropdown <small>([commit 4d3e459](https://github.com/GraphiteEditor/Graphite/commit/4d3e459f1f52f04be81727fe5946010bcabeb1eb))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/export-settings-persistence.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/export-settings-persistence.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Demo artwork, *Painted Dreams*, featured in the [last blog post](../graphite-progress-report-q2-2024) <small>([commit 80cf486](https://github.com/GraphiteEditor/Graphite/commit/80cf486790d9300510904622924162a9b4017b1e))</small>
+
+  <div class="demo-artwork" style="justify-content: left">
+  	<a href="https://editor.graphite.rs/#demo/painted-dreams">
+  		<img src="https://static.graphite.rs/content/blog/2024-07-31-graphite-progress-report-q2-2024.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector art of Painted Dreams" />
+  	</a>
+  	<p>
+  		<span>
+  			<em>Painted Dreams</em>
+  		</span>
+  		<br />
+  		<span>
+  			<a href="https://editor.graphite.rs/#demo/painted-dreams">Open this artwork</a> to<br />explore it yourself.
+  		</span>
+  	</p>
+  </div>
+
+- Quick measurement feature that is shown by holding <kbd>Alt</kbd> to momentarily see the distance between the selected and hovered shapes <small>([#1894](https://github.com/GraphiteEditor/Graphite/pull/1894))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/quick-measurement.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/quick-measurement.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Support for drag-and-drop and copy-paste of files more widely throughout the editor <small>([#2012](https://github.com/GraphiteEditor/Graphite/pull/2012))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/drag-and-drop-import.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/drag-and-drop-import.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Crash mitigation preventing node faults from taking down the whole editor, working to isolate crashes within the graph so the user can undo the change and save the file (however, reloading the editor is required to stabilize it after this occurs) <small>([#1846](https://github.com/GraphiteEditor/Graphite/pull/1846))</small>
+  
+  <img src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/graph-crash-error.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graph execution crash recovery message" />
+
+- Seed parameters now included in all nodes with random generation <small>([commit c39032a](https://github.com/GraphiteEditor/Graphite/commit/c39032ab548d4f33d18a399c64b77d3d6f4ecd45))</small>
+  
+  <img src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-seed-parameters.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Three nodes and their new seed parameters" />
+
+- *Percentage Value* node for easy sliding between the numbers 0 and 100 <small>([commit d7546fb](https://github.com/GraphiteEditor/Graphite/commit/d7546fb18310490d5ce10d406e7a3faaf1ae98fe))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/percentage-value-node.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/percentage-value-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Gradient Map* node for recoloring grayscale color values to corresponding colors along a chosen gradient <small>([commit 501b562](https://github.com/GraphiteEditor/Graphite/commit/501b562d0f17b91a54a14c83a4a0f90a1e03e369))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/gradient-map-node.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/gradient-map-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Assign Colors* node for replacing the fill or stroke colors of individual paths in a group of vector elements using choices uniquely sampled along a gradient <small>([#1938](https://github.com/GraphiteEditor/Graphite/pull/1938))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/assign-colors-node.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/assign-colors-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Dehaze* node for reducing the appearance of the atmospheric haze or fog in photographs <small>([#1882](https://github.com/GraphiteEditor/Graphite/pull/1882))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/dehaze-node.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/dehaze-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Node catalog reorganized with the naming and categorization of nodes given improved consistency <small>([commit e647ca9](https://github.com/GraphiteEditor/Graphite/commit/e647ca9f91a5e823137122126fe9e980f65d62ea))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/reorganized-node-catalog.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/reorganized-node-catalog.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Noise Pattern* node updated to generate resolution-aware coherent noise, meaning it extends forever in all directions and zoom depths <small>([#1909](https://github.com/GraphiteEditor/Graphite/pull/1909))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/resolution-aware-noise.webm" type="video/webm" />
+  		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/resolution-aware-noise.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- [Dennis Kobert](https://github.com/truedoctor)'s Google Summer of Code project has concluded, adding many improvements to performance and internal improvements listed in the following sections, but also:
+
+  - Alternate render engine using [Vello](https://github.com/linebender/vello) that brings increased code simplicity and performance (especially with raster layers), but currently only works in browsers with [WebGPU support](https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API#browser_compatibility) and must be enabled via *File* > *Preferences* <small>([#1802](https://github.com/GraphiteEditor/Graphite/pull/1802), [#1865](https://github.com/GraphiteEditor/Graphite/pull/1865), [#1844](https://github.com/GraphiteEditor/Graphite/pull/1844), [#1871](https://github.com/GraphiteEditor/Graphite/pull/1871), [#1874](https://github.com/GraphiteEditor/Graphite/pull/1874), [#1875](https://github.com/GraphiteEditor/Graphite/pull/1875), [#1899](https://github.com/GraphiteEditor/Graphite/pull/1899), [#1905](https://github.com/GraphiteEditor/Graphite/pull/1905), [#1900](https://github.com/GraphiteEditor/Graphite/pull/1900), [#1907](https://github.com/GraphiteEditor/Graphite/pull/1907), [#1902](https://github.com/GraphiteEditor/Graphite/pull/1902), [#1897](https://github.com/GraphiteEditor/Graphite/pull/1897), [#1915](https://github.com/GraphiteEditor/Graphite/pull/1915), [#1996](https://github.com/GraphiteEditor/Graphite/pull/1996))</small>
+    
+    <img src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/vello-preference.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Editor preferences menu with Vello setting" />
+
+  - The [final report and weekly updates](https://github.com/GraphiteEditor/Graphite/discussions/1773) are available for more details
+
+- [Adam Gerhant](https://github.com/adamgerhant)'s Google Summer of Code project has concluded, adding several high-impact features and improvements to the node graph editing experience, including:
+
+  - Layer node chains that help keep a linear sequence of nodes organized by encapsulating them within their destination layer <small>([#1794](https://github.com/GraphiteEditor/Graphite/pull/1794), [#1812](https://github.com/GraphiteEditor/Graphite/pull/1812), [commit e28e841](https://github.com/GraphiteEditor/Graphite/commit/e28e841e3bef401c19f5ddcf01c68fedd6b5c9c3))</small>
+    <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-organization-chains.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-organization-chains.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+  - Subgraph data import/export connectors drawn along the top left/right sides of the graph, instead of the previous representation as node-looking boxes <small>([#1794](https://github.com/GraphiteEditor/Graphite/pull/1794), [commit 8e774ef](https://github.com/GraphiteEditor/Graphite/commit/8e774efe9dae51c0c1db2928e22c6de5b93d0584), [#1911](https://github.com/GraphiteEditor/Graphite/pull/1911))</small>
+    <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-organization-imports-exports.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-organization-imports-exports.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+  - Layer selection history feature, letting users go back and forth between prior states of which layers were selected using the back/forward navigation buttons on some mice (Chromium-based browsers only) or the <kbd>Alt</kbd><kbd>[</kbd> and <kbd>Alt</kbd><kbd>]</kbd> hotkeys <small>([#1945](https://github.com/GraphiteEditor/Graphite/pull/1945))</small>
+      <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/selection-history.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/selection-history.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+  - Improved layer positioning for upstream nodes when being reordered so they don't chaotically overlap or leave behind large gaps anymore <small>([#1928](https://github.com/GraphiteEditor/Graphite/pull/1928), [#1945](https://github.com/GraphiteEditor/Graphite/pull/1945))</small>
+    <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-organization-reordering.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-organization-reordering.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+  - Improved shifting of layers in stacks so they act as blocks that collide and bump other layers/nodes instead of getting stuck inside each other <small>([#1940](https://github.com/GraphiteEditor/Graphite/pull/1940))</small>
+    <div class="video-background">
+    	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-organization-block-collision.webm" type="video/webm" />
+    		<source src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/node-organization-block-collision.mp4" type="video/mp4" />
+    	</video>
+    </div>
+
+- [Elbert Ronnie](https://github.com/elbertronnie)'s Google Summer of Code project, building a library for decoding raw image formats, has continued and will wrap up in early November:
+
+  - Implementation of the pre-processing and demosaicing steps in the decoding pipeline <small>([#1796](https://github.com/GraphiteEditor/Graphite/pull/1796))</small>
+
+  - Implementation of the post-processing steps in the decoding pipeline <small>([#1923](https://github.com/GraphiteEditor/Graphite/pull/1923))</small>
+
+  - Factoring in of camera white balance metadata when available <small>([#1941](https://github.com/GraphiteEditor/Graphite/pull/1941))</small>
+
+  - Flipping and rotating of images based on camera orientation metadata <small>([#1954](https://github.com/GraphiteEditor/Graphite/pull/1954))</small>
+
+  - Automated tests now made to run in parallel <small>([#1968](https://github.com/GraphiteEditor/Graphite/pull/1968))</small>
+
+  - [Weekly updates](https://github.com/GraphiteEditor/Graphite/discussions/1771) are being posted while the project is ongoing, following a mid-summer hiatus
+
+## Performance
+
+- Caching of boolean operations enabled by fixing the Select tool's layer click targets robustly despite the boolean node altering the shape data <small>([commit 6ecb173](https://github.com/GraphiteEditor/Graphite/commit/6ecb173c1c06807f13a859ef90b7d7f43af042be), [#1946](https://github.com/GraphiteEditor/Graphite/pull/1946), [#1986](https://github.com/GraphiteEditor/Graphite/pull/1986))</small>
+
+- Rewritten boolean operations algorithm (our new `path-bool` library) that runs purely in Rust instead of making high-overhead calls into a JavaScript library <small>([#1952](https://github.com/GraphiteEditor/Graphite/pull/1952), [#2000](https://github.com/GraphiteEditor/Graphite/pull/2000))</small>
+
+- Internal hash-based data tracking now benefits from caching of hash calculations <small>([#1876](https://github.com/GraphiteEditor/Graphite/pull/1876))</small>
+
+- Refactored document node type lookup process that fixes performance degradation over time <small>([#1878](https://github.com/GraphiteEditor/Graphite/pull/1878))</small>
+
+- Speed-ups to the node graph compilation that must occur after every change before it's rendered <small>([#1924](https://github.com/GraphiteEditor/Graphite/pull/1924))</small>
+
+- Usage of a coarse bounding box when clicking on layers to avoid a detailed check for intersection <small>([#1887](https://github.com/GraphiteEditor/Graphite/pull/1887))</small>
+
+## Fixes
+
+- Fix for rulers showing in the wrong spot when initially opening a document <small>([#1801](https://github.com/GraphiteEditor/Graphite/pull/1801))</small>
+
+- Fix for backwards compatibility broken in a prior change <small>([commit 621f469](https://github.com/GraphiteEditor/Graphite/commit/621f469a150d4a14c86ba9be87df82aae5dded74))</small>
+
+- Fix for boolean operations containing multiple subpaths <small>([#1804](https://github.com/GraphiteEditor/Graphite/pull/1804))</small>
+
+- Fix for a bug causing some node outputs to fail connecting wires to other inputs <small>([commit 84d7262](https://github.com/GraphiteEditor/Graphite/commit/84d72621e545ba7743e38d46ce1607133bb13461))</small>
+
+- Fix for the 'Zoom with Scroll' preference not working after a page refresh <small>([#1807](https://github.com/GraphiteEditor/Graphite/pull/1807))</small>
+
+- Fix for broken extending of paths in the Pen and Freehand tools <small>([#1809](https://github.com/GraphiteEditor/Graphite/pull/1809))</small>
+
+- Fix for a snapping bug where snapped-together shapes couldn't be moved <small>([#1818](https://github.com/GraphiteEditor/Graphite/pull/1818))</small>
+
+- Fix for transforms in groups not being pre-applied in the boolean node <small>([#1825](https://github.com/GraphiteEditor/Graphite/pull/1825))</small>
+
+- Fix for dragging groups so the transform node is inserted as intended <small>([#1829](https://github.com/GraphiteEditor/Graphite/pull/1829))</small>
+
+- Fix for restoring older prototype GPU infrastructure functionality to work again <small>([#1797](https://github.com/GraphiteEditor/Graphite/pull/1797))</small>
+
+- Fix for a breakage to shallow select mode in the Select tool <small>([#1843](https://github.com/GraphiteEditor/Graphite/pull/1843))</small>
+
+- Fix for the graph not being updated in the UI after using <kbd>Ctrl</kbd><kbd>D</kbd> to duplicate a node <small>([#1852](https://github.com/GraphiteEditor/Graphite/pull/1852))</small>
+
+- Fix for the Layers panel UI not updating when the selection changes or a layer is expanded/collapsed <small>([#1847](https://github.com/GraphiteEditor/Graphite/pull/1847))</small>
+
+- Fix for the rendering of non-closed paths and additional improvements to layer bounding box calculation <small>([#1859](https://github.com/GraphiteEditor/Graphite/pull/1859))</small>
+
+- Fix for how documents are saved with images now correctly serialized in linear space instead of sRGB <small>([#1856](https://github.com/GraphiteEditor/Graphite/pull/1856))</small>
+
+- Fix for the grid overlay color choice that was incorrectly appearing as no color <small>([commit a4a5139](https://github.com/GraphiteEditor/Graphite/commit/a4a513911dac29ee5c6546842be194b1513f2cec))</small>
+
+- Fix for viewport bounds getting out of sync at times, like when toggling rulers <small>([commit 0617759](https://github.com/GraphiteEditor/Graphite/commit/06177597ae8ef52f7a273875d6afb63fb09ec3c8))</small>
+
+- Fix for compatibility issues with rendered SVG output syntax <small>([#1880](https://github.com/GraphiteEditor/Graphite/pull/1880))</small>
+
+- Fix for node graph type errors that were not being shown <small>([#1917](https://github.com/GraphiteEditor/Graphite/pull/1917))</small>
+
+- Fix to add colors to all nodes in a graph, even if disconnected, and properly display hidden network imports <small>([#1921](https://github.com/GraphiteEditor/Graphite/pull/1921))</small>
+
+- Fix to respect the "Clip" parameter on Artboards when exporting "All Artworks" <small>([#1916](https://github.com/GraphiteEditor/Graphite/pull/1916))</small>
+
+- Fix to improve the undo/redo history system's robustness <small>([#1945](https://github.com/GraphiteEditor/Graphite/pull/1945))</small>
+
+- Fix for a crash caused by gradients with bounds of zero <small>([#1950](https://github.com/GraphiteEditor/Graphite/pull/1950))</small>
+
+- Fix for SVG importing and exporting which had both broken <small>([#1953](https://github.com/GraphiteEditor/Graphite/pull/1953))</small>
+
+- Fix for a crash in our Bezier-rs library when outlining a small path <small>([#1958](https://github.com/GraphiteEditor/Graphite/pull/1958))</small>
+
+- Fix for a crash due to an invalid segment when dissolving a vector path point loop <small>([#1959](https://github.com/GraphiteEditor/Graphite/pull/1959))</small>
+
+- Fix to improve how integer ruler intervals are set when zoomed in <small>([#1966](https://github.com/GraphiteEditor/Graphite/pull/1966))</small>
+
+- Fix for layer stacks inadvertently producing a 0x0 image because of an incorrect default type for the disconnected bottom layer node input <small>([#1965](https://github.com/GraphiteEditor/Graphite/pull/1965))</small>
+
+- Fix to make the primitive shape tools avoid setting a negative transform scale <small>([#1973](https://github.com/GraphiteEditor/Graphite/pull/1973))</small>
+
+- Fix to nudge only the shallowest selected layers to avoid amplified translation <small>([#1975](https://github.com/GraphiteEditor/Graphite/pull/1975))</small>
+
+- Fix to the Select tool's click targets which had extended too far on narrow layers <small>([#1976](https://github.com/GraphiteEditor/Graphite/pull/1976))</small>
+
+- Fix to correctly apply transforms to vector data and strokes <small>([#1977](https://github.com/GraphiteEditor/Graphite/pull/1977))</small>
+
+- Fix for the types imported into subgraphs <small>([#1978](https://github.com/GraphiteEditor/Graphite/pull/1978))</small>
+
+- Fix to now properly use overlays for drawing artboard names in the viewport <small>([#1981](https://github.com/GraphiteEditor/Graphite/pull/1981))</small>
+
+- Fix for broken Opacity slider in Layers panel <small>([#2004](https://github.com/GraphiteEditor/Graphite/pull/2004))</small>
+
+## Internal
+
+- Refactor for graph editing to go through a new abstraction layer, the node network interface <small>([#1794](https://github.com/GraphiteEditor/Graphite/pull/1794), [#1906](https://github.com/GraphiteEditor/Graphite/pull/1906))</small>
+
+- Addition of a new Scope API for exposing data within graphs and subgraphs <small>([#1814](https://github.com/GraphiteEditor/Graphite/pull/1814))</small>
+
+- Reorganization and upgrading of most Cargo dependencies <small>([#1815](https://github.com/GraphiteEditor/Graphite/pull/1815))</small>
+
+- Removal of artboards as a type of graphical element, which is no longer in use as such <small>([#1824](https://github.com/GraphiteEditor/Graphite/pull/1824), [#1830](https://github.com/GraphiteEditor/Graphite/pull/1830))</small>
+
+- Cleanup of many Clippy warnings <small>([#1808](https://github.com/GraphiteEditor/Graphite/pull/1808), [#1936](https://github.com/GraphiteEditor/Graphite/pull/1936), [#1995](https://github.com/GraphiteEditor/Graphite/pull/1995))</small>
+
+- Build process simplifications by auto-installing npm packages and reducing the contributor guide's project setup complexity <small>([#1799](https://github.com/GraphiteEditor/Graphite/pull/1799))</small>
+
+- Fixes for Rust-Analyzer conflicts with build targets and other compile speed issues <small>([commit 857bc77](https://github.com/GraphiteEditor/Graphite/commit/857bc772de8c5731a2eaf7f442beb573ccf8ca4c))</small>
+
+- Fixes, documentation, and updates for npm dependencies and tooling, as well as fixes for Bezier-rs demos not building <small>([#1857](https://github.com/GraphiteEditor/Graphite/pull/1857))</small>
+
+- Partial restoration of the Imaginate node within the modern node graph architecture, but more work remains <small>([#1908](https://github.com/GraphiteEditor/Graphite/pull/1908))</small>
+
+- Profiling metrics development infrastructure for Graphene graph compilation <small>([#1924](https://github.com/GraphiteEditor/Graphite/pull/1924), [#1974](https://github.com/GraphiteEditor/Graphite/pull/1974))</small>
+
+- CI infrastructure to post Clippy warnings as PR comments <small>([#1926](https://github.com/GraphiteEditor/Graphite/pull/1926), [commit a93dcb2](https://github.com/GraphiteEditor/Graphite/commit/a93dcb2776027bfcb385ae9dfddff249bdfd896b))</small>
+
+- CI infrastructure which profiles the demo artwork test documents and comments on PRs that induce sizable changes in performance <small>([#1925](https://github.com/GraphiteEditor/Graphite/pull/1925), [#1939](https://github.com/GraphiteEditor/Graphite/pull/1939))</small>
+
+- CI infrastructure to post a ZIP of self-hosted build assets for the [latest editor release tag on GitHub](https://github.com/GraphiteEditor/Graphite/releases/tag/latest-stable) <small>([commit f2493d5](https://github.com/GraphiteEditor/Graphite/commit/f2493d5308ace728c3525d51609c3a2efcbdc139))</small>
+
+- Refactor to support node ID path insertion at compile time <small>([#1947](https://github.com/GraphiteEditor/Graphite/pull/1947))</small>
+
+- Switch of attribute-based vector data from referencing point IDs to indexes in the points table <small>([#1949](https://github.com/GraphiteEditor/Graphite/pull/1949))</small>
+
+- Refactor for the navigation metadata that stores the node graph UI view's current pan and zoom <small>([#1956](https://github.com/GraphiteEditor/Graphite/pull/1956))</small>
+
+- Refactor for the node definition syntax to make it easier, shorter, and more consistent to define nodes across the board <small>([#1942](https://github.com/GraphiteEditor/Graphite/pull/1942), [#1999](https://github.com/GraphiteEditor/Graphite/pull/1999), [#2002](https://github.com/GraphiteEditor/Graphite/pull/2002))</small>
+
+- Fix for a crash when using the experimental Graphene CLI tool <small>([#1993](https://github.com/GraphiteEditor/Graphite/pull/1993))</small>
+
+- Upgrades to quality of third-party library license notice generation <small>([commit 14de67c](https://github.com/GraphiteEditor/Graphite/commit/14de67c5a78a1e8369a8b023da441237a44e48cb))</small>
+
+- Cleanup for various TypeScript code errors and additions to CI infrastructure to enforce TS error checking <small>([commit 1ee5ffb](https://github.com/GraphiteEditor/Graphite/commit/1ee5ffbbe8a64da5a83da889dd16d41c3463c332))</small>
+
+- Simplifications to the [Bezier-rs web demos](https://graphite.rs/libraries/bezier-rs/) to reduce the bundle size and streamline its code <small>([commit 0b0169a](https://github.com/GraphiteEditor/Graphite/commit/0b0169a415453b9d9910d765f0538ecd67b618c0))</small>
+
+- Manually-runnable benchmarks for document runtime speed profiling <small>([#2005](https://github.com/GraphiteEditor/Graphite/pull/2005))</small>
+
+## Website
+
+- Revamps to the website <small>([commit 5d74178](https://github.com/GraphiteEditor/Graphite/commit/5d74178f5f417afdd70abec596d38f22d490240a), [commit 40fd447](https://github.com/GraphiteEditor/Graphite/commit/40fd4473a784ba24fc3105f8da56baacccf2dcf5), [commit 98ab069](https://github.com/GraphiteEditor/Graphite/commit/98ab069a1703e89cea031fedffc55c3bf4191b5d))</small>
+
+- Updates to various content on the website <small>([commit fb7d597](https://github.com/GraphiteEditor/Graphite/commit/fb7d5970b38c61fc1a35aeefd7028858c96f5ff2))</small>
+
+## Announcements
+
+### Graphite @ Maker Faire
+
+<img src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/maker-faire-banner.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Poster for the Bay Area Maker Faire" />
+
+Graphite will have a booth at the [Bay Area Maker Faire](https://makerfaire.com/bay-area/) **this weekend, October 18–20**. If you're in northern California, come visit and meet our team. We'll be located in Coal Shed 2 and plan to showcase the latest features, answer questions, teach how to use the app, get to know the maker community, and give away stickers and art postcards. We hope to see you there!
+
+### Nodevember
+
+<img src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/nodevember-logo.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Poster for the Bay Area Maker Faire" />
+
+We're excited to be participating in [Nodevember](https://nodevember.io/) next month! The event celebrates procedural art and design with themed prompts throughout the month. We're looking forward to seeing what the community creates with Graphite's nodes. We'll be sharing some of our favorite submissions on our social media channels. Be sure to tag `@GraphiteEditor` and use the `#MadeWithGraphite` hashtag together with `#Nodevember2024`.
+
+### Community art contest
+
+Congratulations to [VDawg](https://www.instagram.com/vdawg.jpg/), the winner of the community art contest, whose work is featured below.
+
+<img src="https://static.graphite.rs/content/blog/2024-10-15-graphite-progress-report-q3-2024/art-contest-winner.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Winning artwork depicts a dark landscape with an ethereal diamond forming a constellation with the stars above" />
diff --git a/website/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025.md b/website/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025.md
new file mode 100644
index 0000000000000000000000000000000000000000..f34dc883d6153a6e059a781621cc6bb18441479c
--- /dev/null
+++ b/website/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025.md
@@ -0,0 +1,245 @@
++++
+title = "Year in review: 2024 highlights and a peek at 2025"
+date = 2025-01-16
+
+[extra]
+banner = "https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025.avif"
+banner_png = "https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025.png"
+author = "Keavon Chambers"
+summary = "Graphite has come a long way in 2024. Read about the progress made and the plans for the upcoming year."
+reddit = "https://www.reddit.com/r/graphite/comments/1i3umnl/blog_post_year_in_review_2024_highlights_and_a/"
+twitter = "https://x.com/GraphiteEditor/status/1880404337345851612"
+bluesky = "https://bsky.app/profile/graphiteeditor.bsky.social/post/3lfxysayh622g"
+
+js = ["/js/youtube-embed.js"]
+css = ["/component/youtube-embed.css"]
++++
+
+Another year has come and gone which has propelled Graphite—further than any year before—towards the ambitious goal of satiating the open source community's expanding appetite for an awesome 2D content creation suite that surpasses established choices in ease-of-use, powerful features, and affordability (at the unbeatable price of *free*).
+
+<!-- more -->
+
+In a world where the notion of software ownership seems headed towards extinction, the need has never been greater for an independent, community-built alternative to the vector graphics, animation, image manipulation, photo processing, and publishing tools used daily by millions of creators worldwide.
+
+Graphite is and will always remain yours to keep, whether that's by running the lightweight, client-side [web app](https://editor.graphite.rs) (no signup, no cloud), <a href="https://support.google.com/chrome/answer/9658361" target="_blank">installing the PWA</a> on your desktop, self-hosting the <a href="https://github.com/GraphiteEditor/Graphite/releases/tag/latest-stable" target="_blank">builds</a>, or downloading the soon-to-be-ready native app for your OS of choice (more news on that later in the post).
+
+<style class="float-image">
+.float-image + p {
+	text-align: left;
+}
+.float-image + p > a {
+	float: right;
+	margin-left: 1.5em;
+	margin-bottom: 1em;
+}
+</style>
+
+<p>
+<a href="https://github.com/GraphiteEditor/Graphite"><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/10k-stars.avif" style="max-width: unset; margin-top: 0.5em" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Screenshot of 10,000 stars" /></a>
+<span>Join me, founder and designer of Graphite, to see where the past year has brought us on this quest. And let me take this moment to thank our growing community for sharing my vision and showing support, both <a href="/donate">financially</a> and by boosting the GitHub project page over the 10,000 star milestone just in time to celebrate the end of a productive 2024.</span>
+</p>
+
+## 2024 development progress report
+
+<p><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/weekly-commit-rate.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" /></p>
+
+<center><em>Weekly code commit rate in 2024</em></center>
+
+In 2024, Graphite grew from a promising tech demo into a by-and-large useful application for vector artistry and graphic design, equipped with its totally unique secret ingredient: nondestructive, procedural editing via a node graph. This was a year focused on iterating until a prototype became a polished product— at least by the standards of alpha-stage software. If you haven't [tried Graphite](https://editor.graphite.rs) recently, please take another look!
+
+Improvements made throughout Alpha 3 (2024's release series) brought the formerly abysmal performance up to now-adequate levels and solved the vast bulk of instability with the once-numerous crashes and bugs. Advancements to [Graphene](/volunteer/guide/graphene), our bespoke node graph engine technology, has let us begin to support new rendering possibilities, introduce more helpful nodes, and remove restrictive limitations with common node combinations that previously were points of frustration. We also made big strides improving the tools used by artists for vector drawing with features like boolean path operations, snapping, layer selection history, quick measurement, gradient picking, and extensive usability-focused tweaks—both big and small—all throughout the editor.
+
+This was also the first year of publishing quarterly development reports to the blog. We have aimed to keep them all visually interesting by showing the new features with looping video clip demonstrations alongside digestible sentence-long change summaries. Please let us know if you find this format valuable and worth continuing in 2025.
+
+- [Graphite progress report (Q1 2024)](../graphite-progress-report-q1-2024)
+- [Graphite progress report (Q2 2024)](../graphite-progress-report-q2-2024)
+- [Graphite progress report (Q3 2024)](../graphite-progress-report-q3-2024)
+- Graphite progress report (Q4 2024) will be published soon— stay up-to-date with the [newsletter](/#newsletter) or [RSS feed](../rss.xml)
+
+## Alpha roadmap update
+
+Alpha 3 began back in February 2024 and we plan to declare the start of the Alpha 4 release series again in February after wrapping up the holiday development cycle and shifting gears for the big projects we plan to tackle in 2025. I'll expand on those goals for the upcoming year later in this article. If development keeps pace with plans, Alpha 4 may be the last before Beta begins as early as the start of 2026.
+
+## Google Summer of Code results
+
+<p><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/gsoc-logo.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Google Summer of Code program logo" /></p>
+
+<center><em>Read our short <a href="../graphite-internships-announcing-participation-in-gsoc-2024">blog post</a> about participating in Google Summer of Code</em></center>
+
+Our project had the fortune of being selected to participate for its first year as a mentoring organization in <a href="https://summerofcode.withgoogle.com/archive/2024/organizations/graphite" target="_blank">Google Summer of Code</a> (GSoC). We were given the opportunity to welcome three student interns to the team as they developed significant contributions to our open source code base throughout the summer.
+
+I would like to express my gratitude to Google for funding the program and its stipends given to our students. It has ushered in a great deal of talent to our contributor community. And even beginning right now, we are seeing proactive prospective students begin [submitting code in anticipation](../graphite-internships-announcing-participation-in-gsoc-2024) of the 2025 program. We hope our organization is invited to return for the opportunity to mentor another cohort of budding talent, much like our 2024 students—Adam, Elbert, and Dennis—whose accomplishments far surpassed my most optimistic expectations.
+
+<a href="https://github.com/GraphiteEditor/Graphite/discussions/1769" target="_blank">Adam contributed</a> an extensive evolution of Graphite's node editor. He introduced adjustment layers, editable nested graphs, and layer/node organization features that have upgraded the capabilities of the procedural editing environment, bringing it closer to my product vision. I'm delighted to announce that Adam has decided to stick around past the summer and join the [core team](/about#core-team). His continued development of the node editing systems to fully realize my design goals will make the editor magnitudes more powerful, and at the same time, easier to use. More on those plans later in the article.
+
+<a href="https://github.com/GraphiteEditor/Graphite/discussions/1771" target="_blank">Elbert built</a> a new Rust library, <a href="https://crates.io/crates/rawkit" target="_blank">Rawkit</a>, for decoding and processing `.arw` files from Sony digital cameras, one of the most popular camera brands. Nikon, Canon, and someday all other formats are in scope for the future direction of the code. This library gives us the fine-grained control we require and will allow Graphite to begin its focus on digital photo processing in 2025 once several technical limitations are overcome and Rawkit is integrated into Graphite.
+
+<a href="https://github.com/GraphiteEditor/Graphite/discussions/1773" target="_blank">Dennis developed</a> a range of critical improvements around the theme of performance. Before his contributions, working in Graphite was too slow for practical usability. Afterwards, it became fast enough to be useful in most scenarios (except when dealing with excessive complexity in terms of pixel or vector point counts— those known bottlenecks remain as future work). He made rendering and various nodes such as boolean operations faster, built profiling tools to aid in the continued quest for speed, and made changes adding to the robustness of the entire node engine. Lastly, he integrated the <a href="https://github.com/linebender/vello" target="_blank">Vello</a> high-performance vector graphics renderer to replace our SVG-based rendering method. This streamlines the rasterization and compositing that's involved in showing you the artwork in your viewport. Vello can be turned on from the editor preferences menu and will be enabled by default later in 2025 when browser support for the WebGPU API, which Vello relies on, becomes widespread.
+
+Another part of the GSoC program was the Mentor Summit in October where I got to meet and share knowledge with open source maintainers from the other participating organizations. Hosted at Google's Mountain View offices, it was a weekend of talking tech and learning the lessons of open source project management from the seasoned veterans.
+
+<p><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/gsoc-mentor-summit-photo.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>Group photo of the GSoC Mentor Summit attendees</em></center>
+
+<p><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/gsoc-mentor-summit-session-board.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>Schedule board highlighting my session on day 2</em></center>
+
+But I also managed to pass on knowledge in a subject I'm passionate about: design. I led a session titled "Well-Designed User Interfaces in FOSS Apps" in which 30-40 participants came to explore and discuss how the open source community can improve in this notoriously challenging discipline. The Mentor Summit was just one of the community events we took part in over this past year.
+
+## Community events
+
+Outside of my daily routine spent coding, designing, and managing the project, I've also continued working to expand our community engagement and industry outreach. Members of the Graphite team met up at events during the year to represent the project and plant the seeds of future growth for our mission beyond the reach of the little pocket of the internet we call home.
+
+### Game Developers Conference
+
+In March, accompanied by Oliver Davies, a personal friend/tech artist/contributor to Graphite's product design, he and I visited the <a href="https://gdconf.com/" target="_blank">Game Developers Conference</a> (GDC) in San Francisco for opportunities to meet face-to-face with industry colleagues, as we did also the past two years.
+
+We introduced Graphite to open source organizations like <a href="https://godotengine.org/" target="_blank">Godot</a> and <a href="https://o3de.org/" target="_blank">O3DE</a>, caught up with Francesco and Dalai from the Blender Foundation, joined a roundtable panel on open source adoption in the games industry, and came together with the <a href="https://gamedev.rs/" target="_blank">Rust Gamedev</a> community for a physical meetup of game and graphics centric Rust developers. It was a treat seeing several people in-person for the first time whom, before, I'd known only online.
+
+<p class="wide"><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/gdc-collage.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>
+Upper-left: Forest Anderson, host of the Rust Gamedev Meetup <a href="https://www.youtube.com/watch?v=Ea4Wt_FgEEw&list=PLYiOdhpKxxXI9l8V15FciLcsPzkz3Gt4I&index=2" target="_blank">live streams</a> where Graphite demoed many monthly development milestones, with me at the Rust devs hangout;
+Upper-right: roundtable panel on open source adoption in the games industry;
+Lower-left: Godot's presence at GDC;
+Lower-right: Francesco Siddi (1) and Dalai Felinto (2) from the Blender Foundation with me (3) and Oliver (4)
+</em></center>
+
+With March now just around the corner, I am definitely looking forward to the next conference. If you will be in town for GDC 2025 and would like to meet up, please [get in touch](/contact).
+
+### Blender Conference LA
+
+<p class="wide"><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/bcon-la-collage.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>Left-to-right, top-then-bottom: Ton Roosendaal (founder of Blender) and me (founder of Graphite); the venue on Hollywood Boulevard; talks on the main stage; Colin Levy (director of <a href="https://www.youtube.com/watch?v=Mv30ExfoKcc" target="_blank">Skywatch</a> and the Blender Studio's <a href="https://www.youtube.com/watch?v=eRsGyueVLvQ" target="_blank">Sintel</a>) and Andrew Price (<a href="https://www.youtube.com/@blenderguru" target="_blank">Blender Guru</a> and creator of <a href="https://www.poliigon.com/" target="_blank">Poliigon</a>); my talk on the main stage; Alan Melikdjanian (<a href="https://www.youtube.com/user/CaptainDisillusion" target="_blank">Captain Disillusion</a>) and <a href="https://www.youtube.com/@IanHubert2" target="_blank">Ian Hubert</a> (YouTube filmmaker and director of the Blender Studio's <a href="https://www.youtube.com/watch?v=41hv2tW5Lc4" target="_blank">Tears of Steel</a>); attendees chatting</em></center>
+
+The next month in April, Oliver and I went to our second conference of the year: <a href="https://bconla.org/2024/" target="_blank">BCON LA</a>, the first Blender Conference held in Los Angeles. We connected again with the Blender team and met many 3D/VFX industry professionals and prominent members of the Blender community over the two days of the event.
+
+I also took to the main stage to present a lightning talk introducing Graphite to the community:
+
+<div class="youtube-embed aspect-16x9">
+	<img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/bcon-la-talk-video-cover.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" data-youtube-embed="x3P5eYv11EU" data-youtube-timestamp="1603" alt="BCON LA 2024 - Lightning Talks" />
+</div>
+
+### Graphite booth at Open Sauce
+
+The month of June was particularly special because of <a href="https://opensauce.com/" target="_blank">Open Sauce</a>, a convention and expo in San Francisco for makers and creators, and of course, open source projects!
+
+<p><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/open-sauce-booth.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>Adam and Oliver driving a Graphite live demo at our booth</em></center>
+
+This presented the perfect opportunity to host our own exhibitor booth and talk to hundreds of excited attendees with creative tech backgrounds over the two day show. The event was excellent for networking with fellow makers and a chance to meet an array of the guest YouTube creators including several from the digital content creation realm.
+
+<p class="wide"><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/open-sauce-collage.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>Sides: doodles by attendees on our public art wall; Inner-left: <a href="https://www.youtube.com/@IanHubert2" target="_blank">Ian Hubert</a>, Blender filmmaker, visiting again after we met at BCON LA; Inner-right: Daniel Shiffman (<a href="https://www.youtube.com/@TheCodingTrain" target="_blank">The Coding Train</a>), creator of tutorials and explorations into creative coding/generative procedural art</em></center>
+
+I designed the booth with the goal of becoming an inviting artist's space. Visitors could contribute doodles to the pair of LED-backlit dry erase boards, walk inside to talk with us about the project, and sit down to explore the app. This was a valuable chance to "playtest" the user experience with a steady supply of new people from a variety of backgrounds. I also learned how to refine our approach to communicating clearly what the product is and does.
+
+Joining me again was Oliver to assist with the booth, as well as our new GSoC contributor, Adam, who flew up from southern California to help. In between the hustle and bustle, we put the face-to-face time to good use communicating the vision and planning many aspects of his node graph development.
+
+### Graphite booth at the Bay Area Maker Faire
+
+And then when October rolled around, we did it again! Now located at a post-industrial waterfront venue across the Bay from San Francisco, the <a href="https://makerfaire.com/bay-area/" target="_blank">Maker Faire</a> started with a Friday field trip day for local schools followed by a full weekend of general attendance.
+
+<p><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/maker-faire-booth.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>Visitors making art and learning about Graphite at our booth</em></center>
+
+The Maker Faire is ground zero for the Maker Movement. I grew up going each year as a kid. It was an era when consumer 3D printing was completely new and that was the only place one could discover—and obsess over—the technology. The Faire influenced my career path into engineering and the arts, so it's fitting that I would grow up to return and share an open source project, born out of that community spirit, for the next generation of creative young minds.
+
+Attracting a more family-oriented audience than Open Sauce, it presented the chance to learn how approachable Graphite is even for kids. Doodling on the LED-backlit whiteboards flanking our booth was especially popular with that age range and brought in many passers-by. Of those who tried Graphite, I was blown away to see how some of our youngest visitors—down to the age of 6—were also the most capable and engaged using the product, diving in deep with barely any instruction. As the UI and product designer, this assured me that I have been on the right track so far. I believe now more than ever that my ambitious goal is achievable: creating the most intuitive and user-friendly professional graphics editor on the market.
+
+<p><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/maker-faire-demo-stations.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>All four demo computers occupied with Graphite's newest users</em></center>
+
+Another exciting part of the Maker Faire experience was bringing together nearly the full Graphite core team in-person. Oliver and Adam came to help again while we were also joined by Dennis visiting all the way from Germany, conveniently coinciding with a vacation he had planned. We put our commute time towards deeply technical code architecture discussions and knowledge transfer.
+
+<p class="wide"><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/maker-faire-team-collage.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="" /></p>
+
+<center><em>Left: me (1), Adam (2), and Oliver (3) at the venue; Right: Adam (1), Dennis (2), and me (3) (Oliver and Dennis couldn't make it on the same day)</em></center>
+
+Graphite is tentatively anticipating a return for Open Sauce and the Maker Faire again in 2025. Make plans to come and visit!
+
+## Looking ahead to 2025
+
+There are so many plans that I'm eager to carry out to improve the clarity and capability of the experience Graphite offers our users. Some are small, and a few we will be working on for most of the year.
+
+### Desktop app
+
+Starting out with our most in-demand request: a desktop app. This has been on our roadmap from the start but only recently it's begun making sense putting it at the front of the roadmap priorities. We hoped to complete it by the end of 2024, but that wasn't in the cards due to developer availability and the specialized skills needed to complete the task.
+
+Now to get technical, the lazy option exists: chucking the whole web app in an unaltered Electron wrapper, but this is a technological dead end that I believe offers no value compared to a PWA. The value comes from offering an actual native app where the editor Rust code and GPU-accelerated rendering runs on a user's Windows, Mac, or Linux machine without browser overhead. <a href="https://tauri.app/" target="_blank">Tauri</a> provides this capability, but our use case presents some unsupported challenges that our team has to overcome— individually on each platform. The natively rendered viewport content must be composited with the rest of the Tauri window's editor GUI. When investigating this earlier in the year, this isn't properly supported and we will have to develop solutions to fix Tauri's use of the OS platform APIs. If you have experience with native development on Windows, Mac, and/or Linux, please get involved to speed up this effort! With our current resources, I am anticipating this will be ready for release around spring.
+
+### Animation
+
+Next, the feature I am personally most itching to dive into developing is animation. I've been recently iterating on the UI design mockup for the Timeline panel which will support keyframing any desired node parameters. This new panel will seamlessly integrate into the existing graph-based, data-driven workflow and make it easy to create motion graphics paired with procedural generation.
+
+<p class="wide"><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/timeline-panel-ui-mockup.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" /></p>
+
+<center><em>User interface mockup for the latest animation panel plans prior to being implemented</em></center>
+
+### Advanced procedural editing
+
+It is now becoming time to delve into the next phase of making the node graph more powerful by introducing several key features:
+
+- Lambdas: treating a node as a piece of data given to another node, so it can be run in a loop with varying parameters in each iteration.
+- Instances: generalizing graphical data, transforms, and groups so that every layer is one or multiple instances, each with a unique transform. This will finally fix the long-lived limitation of layers lacking a proper pivot point.
+- Tables: representing lists of data like vector points and segments in a spreadsheet. Formalizing the tabular data representation lets the node engine benefit from ECS-like performance gains by optimizing CPU cache utilization.
+- Attributes: encoding properties (of points, of segments, of instances, of appearance styles, etc.) in columns on the tabular data. This will unlock Graphite to become as powerful as Blender geometry nodes which works based on the same design principle.
+
+### Raster graphics editing
+
+Graphite has included a primitive kind of raster support for a while, mostly used for including reference images when creating vector content. Some raster nodes can adjust the colors of images, but there are no tools yet for selecting and drawing over parts of an image to make localized edits. Furthermore, CPU-centric bottlenecks slow down the editor when big images are in use. The GPU is not used by any nodes operating on pixel-based data.
+
+Consequently, raster editing just isn't viable yet until tool and GPU node support arrives. The innumerable complexities would not fit in this section, but if you have a background in compilers or graphics programming, please hop on <a href="https://discord.graphite.rs" target="_blank">our Discord</a> and ask about it if you're curious or potentially interested in helping. After the infrastructure parts are in place, we can begin building nodes that make localized edits (such as a masking node) and start developing tools including a fully rewritten brush engine and a mode for drawing marquee selections. I can't yet predict how far we will get by year's end with these interactive localized editing tools because it will all depend on how quickly the prerequisite technical infrastructure components come together. Part of that will depend on how soon the browser vendors ship universal <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGPU_API#browser_compatibility" target="_blank">WebGPU API support</a> so it can be deployed beyond an experimental state in Graphite.
+
+### Graphite in education
+
+A valuable discovery came out of exhibiting Graphite at the Maker Faire. I had conversations with several school teachers who were interested in using Graphite in their classrooms.
+
+I was told that other web-based graphics editors are commonly blocked by the IT admins of school networks due to policies against visiting sites with ads. (Crazy!) Since Graphite is entirely ad-free and runs on Chromebooks, this presents an opportunity to focus on better supporting the education market. In fact, I have recently been watching Chromebooks account for a small but rapidly growing portion of our site's visitors which means some educators are teaching Graphite in their classrooms:
+
+<p><img src="https://static.graphite.rs/content/blog/2025-01-16-year-in-review-2024-highlights-and-a-peek-at-2025/school-usage-trends.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="" /></p>
+
+<center><em>Graphite visitors on Chromebooks have trended up this school year but dropped down to background levels during summer and winter breaks, hinting at usage in classrooms</em></center>
+
+This was previously a user demographic that I didn't consider. My school experience never offered graphic design instruction. I had to teach it to myself, and when using school computers, I ran portable installations of remote desktop software to access the desktop creative applications on my home computer. That experience led to my selection of a software stack that would support web-based access to the Graphite editor for the sake of students like my past self, but my previous assumption was that teacher-led instruction would be years away.
+
+Learning that there are educators who want to teach these skills directly to students was eye-opening. It could be an excellent fit: each teacher brings along dozens of users. A teacher can learn the app once and disseminate the instruction which saves us from needing pristine learning resources at this early stage. Then a teacher can find the most common sources of confusion and filter that feedback back to us for improvement. Compared to professional artists who can't always justify using alpha software, students are a less demanding type of user. And Graphite benefits from a generation of students growing up to continue using the app. It seems like a surprisingly good fit.
+
+My goal in 2025 is to begin prioritizing specific resources for educators that might include:
+
+- Pushing for development efforts that will improve performance to help the app run better on low-spec hardware. This benefits everyone else just as greatly!
+- Reducing common pitfalls in the software that are especially likely to be encountered by inexperienced users.
+- Putting more time towards creating learning resources and documentation to help instructors learn Graphite well enough to teach it and solve student issues.
+- Collaborating with teachers to devise and develop a curriculum package that can be used in classrooms to teach specific skills.
+- Creating an information page for educators to discover the project, learn how it suits their needs, access curriculum, and get connected with us.
+
+If you are a teacher, or know one, who would be interested in adding this manner of STEM/STEAM instruction to your classroom, please [get in touch](/contact) so we can figure this out together.
+
+## Thank you for helping us help you help us all
+
+By not being backed by investors or built by staff engineers or marketed by an agency, Graphite is an ambition that is constantly treading the line that borders the realm of impossibility. But thanks to your support, I am confident our efforts will prevail. 2025 is the year when all the pieces fall into place with a desktop app, competitive performance, features, and raster image editing. It will be the free software you can own (and love) that holds up against the software you have no choice but to rent (and put up with as it trains AI on your private work).
+
+Ultimately, reaching critical mass might take one year. It might take five. That part is up to you. Momentum and resources are both scarce which means you, personally, have the opportunity to make an outsized impact.
+
+If you choose to [become a member](/donate), you are directly helping fund our expenses like conference travel and ordering T-shirts that keeps the volunteer team happy and motivated to code. Remember that "free software" doesn't mean it's free to produce, it just means someone else is paying for it if you aren't pitching in. We just added an option for [donating directly](/donate#supporter-memberships) without needing a GitHub account, so now it's easier than ever to contribute.
+
+If you choose to [volunteer](/volunteer), you lift our greatest bottleneck—time—and bring your unique skills to the table. There are opportunities from coding to technical writing to art, design, and marketing. It's a team effort, but only if there's a team to delegate the efforts to.
+
+And there are other ways to help out. Sign up as a QA tester in our <a href="https://discord.graphite.rs" target="_blank">Discord</a>. Make it your mission to share Graphite by word-of-mouth on the forums and online communities you frequent. Put it on the radar of the creators you follow. Create and post your own tutorials on the web. Use it regularly and share your creations in our Discord community and by tagging #Made<wbr />With<wbr />Graphite on social media.
+
+## Upcoming: FOSDEM '25
+
+If you'll be in Brussels, Belgium for the FOSDEM conference in several weeks (February 1–2), be sure to [reach out](/contact) and arrange a plan to meet up, chat, and pick up some Graphite stickers.
+
+## Until next year
+
+Thank you for dedicating the time to read about this latest annual collection of project updates. It has been a privilege leading this community and endeavor since 2021. As we wrap up four years of hard work and venture into the beginnings of a fifth, I am more eager than ever for the adventures that lie in wait during the times ahead.
+
+Happy creating!
diff --git a/website/content/blog/2025-03-31-graphite-progress-report-q4-2024.md b/website/content/blog/2025-03-31-graphite-progress-report-q4-2024.md
new file mode 100644
index 0000000000000000000000000000000000000000..732ff42e6ad44676a9704c797727afb3e148ae4a
--- /dev/null
+++ b/website/content/blog/2025-03-31-graphite-progress-report-q4-2024.md
@@ -0,0 +1,327 @@
++++
+title = "Graphite progress report (Q4 2024)"
+date = 2025-03-31
+[extra]
+banner = "https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024.avif"
+banner_png = "https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024.png"
+author = "Keavon Chambers & Hypercube"
+summary = "Graphite's Q4 2024 update introduces quality of life features across drawing tools and procedural editing."
+css = ["/component/demo-artwork.css"]
+reddit = "https://www.reddit.com/r/graphite/comments/1jpjqcs/blog_post_graphite_progress_report_q4_2024/"
+twitter = "https://x.com/GraphiteEditor/status/1907350199414206604"
+bluesky = "https://bsky.app/profile/graphiteeditor.bsky.social/post/3llsxykppjs2c"
++++
+
+[Graphite](/), a new open source 2D procedural graphics editor, has [wrapped up 2024](../year-in-review-2024-highlights-and-a-peek-at-2025) with a fourth quarter (October-December) focused on introducing **quality of life features** for both Graphite's interactive **tools-driven and procedural editing workflows**.
+
+<!-- more -->
+
+All Q4 2024 commits may be [viewed in this list](https://github.com/GraphiteEditor/Graphite/commits/master/?since=2024-10-01&until=2024-12-31) and all noteworthy changes are detailed below.
+
+This is the fourth in our 2024 series of quarterly progress reports. If you missed [the previous post](../graphite-progress-report-q3-2024), be sure to check it out as well. If you'd like to help speed up future progress, please consider [getting involved](/volunteer) with code, QA/bug testing, or art/marketing projects. [Donations](/donate) are also valued, as are [stars on GitHub](https://github.com/GraphiteEditor/Graphite). Follow along and partake in our [Discord community](https://discord.graphite.rs), too.
+
+At the time of publication, there is **one week left to apply for a summer 2025 internship with us through Google Summer of Code.** [Learn more here](../internships-for-a-rust-graphics-engine-gsoc-2025) and apply before [April 8 at 18:00 UTC](https://www.wolframalpha.com/input?i=April+8%2C+18%3A00+UTC).
+
+To showcase the newly introduced feature of converting selected nodes into conveniently reusable subgraphs, the new *Parametric Dunescape* artwork is presented below. Every dune layer is generated just by its custom parameters for color, height, and random seed.
+
+<div class="demo-artwork">
+	<a href="https://editor.graphite.rs/#demo/parametric-dunescape">
+		<img src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector art of Parametric Dunescape" />
+	</a>
+	<p>
+		<span>
+			<em>Parametric Dunescape</em>
+		</span>
+		<br />
+		<span>
+			<a href="https://editor.graphite.rs/#demo/parametric-dunescape">Open this artwork</a> to<br />explore it yourself.
+		</span>
+	</p>
+</div>
+
+## Additions
+
+<!--
+EDITOR'S NOTE: The grammatical structure of each bullet point should follow the form: "Check out our new... [Bullet point description]"
+-->
+- Node graph support for making a custom node by merging the selected nodes into a subgraph with the node context menu's "Merge Selected Nodes" option, or the shortcut <kbd>Ctrl</kbd><kbd>M</kbd> (macOS: <kbd>⌘</kbd><kbd>M</kbd>) <small>([#2097](https://github.com/GraphiteEditor/Graphite/pull/2097))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/merge-selected-nodes.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/merge-selected-nodes.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Text controls for line height, character spacing, and wrappable box areas that can be dragged with the Text tool <small>([#2016](https://github.com/GraphiteEditor/Graphite/pull/2016), [#2118](https://github.com/GraphiteEditor/Graphite/pull/2118))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/text-area-controls.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/text-area-controls.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Pinnable node sections in the Properties panel <small>([commit e6d8c47](https://github.com/GraphiteEditor/Graphite/commit/e6d8c4743d2aff15985c929df2cc7381a61908a0))</small>
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/pinnable-node-sections.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/pinnable-node-sections.mp4" type="video/mp4" />
+  	</video>
+  </div>
+- New demo artwork, [*Changing Seasons*](https://editor.graphite.rs/#demo/changing-seasons), featured in the [previous progress report](../graphite-progress-report-q3-2024) <small>([commit fa6b5f2](https://github.com/GraphiteEditor/Graphite/commit/fa6b5f298adf395362e1aaa2c07be89fa89eaee2))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/changing-seasons-demo.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/changing-seasons-demo.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Offset Path* node that expands or contracts a vector shape <small>([#2030](https://github.com/GraphiteEditor/Graphite/pull/2030))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/offset-path-node.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/offset-path-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Flatten Vector Elements* node that turns multiple layers of vector paths into a single combined path; and changes to the *Copy to Points*, *Repeat*, and *Circular Repeat* nodes so they output group data instead of a single vector path, allowing each separate layer to be modified by nodes which operate on groups (like *Assign Colors*), or flattened with *Flatten Vector Elements* to have the prior behavior <small>([#2011](https://github.com/GraphiteEditor/Graphite/pull/2011), [#2045](https://github.com/GraphiteEditor/Graphite/pull/2045))</small>
+
+  <img src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/flatten-vector-elements-node.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Visual description of the change introduced by the Flatten Vector Elements node and its usage with instancing nodes" />
+
+- Support for *Fill* and *Stroke* nodes with groups, applying to each vector layer within <small>([#2046](https://github.com/GraphiteEditor/Graphite/pull/2046))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/fill-and-stroke-nodes-on-groups.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/fill-and-stroke-nodes-on-groups.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Switch* node that routes one of two data connections based on a true or false value <small>([#2064](https://github.com/GraphiteEditor/Graphite/pull/2064))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/switch-node.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/switch-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Bevel* node that flattens the corners of vector shapes <small>([#2067](https://github.com/GraphiteEditor/Graphite/pull/2067), [#2096](https://github.com/GraphiteEditor/Graphite/pull/2096))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/bevel-node.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/bevel-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Jitter Points* node that randomly offsets each point in a vector path <small>([commit 7d86bf4](https://github.com/GraphiteEditor/Graphite/commit/7d86bf4abf7edfe6a5d021075e050614bee07c13))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/jitter-points-node.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/jitter-points-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Node insertion button, and layer renaming, directly from the Properties panel <small>([#2072](https://github.com/GraphiteEditor/Graphite/pull/2072), [#2081](https://github.com/GraphiteEditor/Graphite/pull/2081))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/node-insertion-button-in-properties-panel.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/node-insertion-button-in-properties-panel.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Path tool feature where pressing <kbd>Space</kbd> while dragging a handle makes the anchor be dragged as well <small>([#2065](https://github.com/GraphiteEditor/Graphite/pull/2065))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/path-tool-space-to-drag-anchor.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/path-tool-space-to-drag-anchor.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Path tool feature where pressing <kbd>Tab</kbd> while dragging a handle makes it swap to the opposite handle <small>([#2058](https://github.com/GraphiteEditor/Graphite/pull/2058))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/path-tool-tab-to-swap-handle.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/path-tool-tab-to-swap-handle.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Pen tool feature allowing the connection of layers by their endpoints so they both get merged into a single layer <small>([#2076](https://github.com/GraphiteEditor/Graphite/pull/2076))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/pen-tool-combining-layers.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/pen-tool-combining-layers.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *Clamp* node that limits an input number between a minimum and maximum range <small>([#2087](https://github.com/GraphiteEditor/Graphite/pull/2087))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/clamp-node.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/clamp-node.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- *To U32* and *To U64* nodes that convert numbers to a positive integer type required by a few nodes, as a workaround for automatic type conversion not being fully supported yet <small>([#2087](https://github.com/GraphiteEditor/Graphite/pull/2087))</small>
+- *Dot Product* node that calculates the mathematical dot product between two numerical vectors <small>([#2126](https://github.com/GraphiteEditor/Graphite/pull/2126))</small>
+- *Math* node that calculates a custom math expression with variables "A" and "B" <small>([#2121](https://github.com/GraphiteEditor/Graphite/pull/2121))</small>
+
+  <img src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/math-node.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Visualization of the Math node properties showing the example expression: 0.33 * A + (1 - 0.33) * B" />
+
+- Degrees/radians option in the trig-related math nodes and "Always Positive" option in the *Modulo* node for more convenient usage of the math nodes <small>([commit d649052](https://github.com/GraphiteEditor/Graphite/commit/d649052255c10c15754c3a3707f2edf996d2468d))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/modulo-and-trig-node-additions.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/modulo-and-trig-node-additions.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Node graph control bar revamp <small>([#2093](https://github.com/GraphiteEditor/Graphite/pull/2093))</small>
+
+  <img src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/node-graph-control-bar-revamp.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="View of the control bar area of the UI in the node graph featuring new buttons" />
+
+- Freehand tool feature for drawing new subpaths on an existing vector layer by holding <kbd>Shift</kbd> <small>([commit ed119ad](https://github.com/GraphiteEditor/Graphite/commit/ed119ad3d799030dbc488ccfc8ca9ad057eeff2c))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/freehand-tool-draw-appended-to-layer.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/freehand-tool-draw-appended-to-layer.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Proper automatic placement of layers into the artboard they're drawn inside of <small>([#2110](https://github.com/GraphiteEditor/Graphite/pull/2110))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/layer-placement-into-artboard-drawn-on.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/layer-placement-into-artboard-drawn-on.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Menu bar additions of *Layer* > *New*, *Layer* > *Group Selected*, and *Layer* > *Delete Selected* <small>([commit feba874](https://github.com/GraphiteEditor/Graphite/commit/feba87449bb490e47df6f267576bec5ab4238dc3))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/layer-menu-bar-additions.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/layer-menu-bar-additions.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Select tool box selection feature for subtracting the targetted layers from the active selection with a modifier key as shown in the contextual input hints at the bottom of the editor <small>([#2162](https://github.com/GraphiteEditor/Graphite/pull/2162))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/box-selection-subtraction.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/box-selection-subtraction.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Path tool feature for snapping to 15° increments and locking the angles of dragged handles when <kbd>Shift</kbd> and <kbd>Ctrl</kbd> modifier keys are pressed <small>([#2160](https://github.com/GraphiteEditor/Graphite/pull/2160))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/path-tool-angle-locking-and-15deg-increments.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/path-tool-angle-locking-and-15deg-increments.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Support for multiple top output wires extending from the same layer stack <small>([#2049](https://github.com/GraphiteEditor/Graphite/pull/2049))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/layer-stack-multi-top-outputs.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/layer-stack-multi-top-outputs.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Style improvements to the Layers panel UI to clarify which layers contain selected children, even if hidden within a collapsed layer which previously obscured where selected layers were within the hierarchy <small>([commit 1264ea8](https://github.com/GraphiteEditor/Graphite/commit/1264ea8246cbb06e0602a93be983762ab17adf30))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/layer-panel-show-selected-within-collapsed.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/layer-panel-show-selected-within-collapsed.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+- Revamped quick measurement overlays now supporting every layer arrangement scenario <small>([#2147](https://github.com/GraphiteEditor/Graphite/pull/2147), [#2155](https://github.com/GraphiteEditor/Graphite/pull/2155))</small>
+
+  <div class="video-background">
+  	<video autoplay loop muted playsinline disablepictureinpicture disableremoteplayback>
+  		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/quick-measurement-improvements.webm" type="video/webm" />
+		<source src="https://static.graphite.rs/content/blog/2025-03-31-graphite-progress-report-q4-2024/quick-measurement-improvements.mp4" type="video/mp4" />
+  	</video>
+  </div>
+
+## Fixes
+- Fix for viewport tools no longer remaining active in the background when the node graph is open <small>([#2093](https://github.com/GraphiteEditor/Graphite/pull/2093))</small>
+- Fix to boolean operations so open subpaths are automatically closed <small>([#2014](https://github.com/GraphiteEditor/Graphite/pull/2014))</small>
+- Fix for a problem with double clicking an anchor for converting it between smooth and sharp <small>([#2023](https://github.com/GraphiteEditor/Graphite/pull/2023))</small>
+- Fix for a *Scatter Points* node breakage <small>([commit 7a56af0](https://github.com/GraphiteEditor/Graphite/commit/7a56af01efc82460e780c78b008a52487972a7eb))</small>
+- Fix for properly considering artboard clipping when calculating click targets <small>([#2028](https://github.com/GraphiteEditor/Graphite/pull/2028), [#2036](https://github.com/GraphiteEditor/Graphite/pull/2036))</small>
+- Fix for <kbd>Ctrl</kbd><kbd>H</kbd> layer hiding and <kbd>Ctrl</kbd><kbd>L</kbd> layer locking only working with the graph open <small>([#2029](https://github.com/GraphiteEditor/Graphite/pull/2029))</small>
+- Fix to artboard label positioning and styling of text overlays <small>([#2032](https://github.com/GraphiteEditor/Graphite/pull/2032))</small>
+- Fix for an assortment of crashes and bugs <small>([#2075](https://github.com/GraphiteEditor/Graphite/pull/2075))</small>
+- Fix for broken gradient transforms with the Vello renderer <small>([#2059](https://github.com/GraphiteEditor/Graphite/pull/2059))</small>
+- Fix for alignment snapping not preserving aspect ratio when <kbd>Shift</kbd> is held <small>([#2062](https://github.com/GraphiteEditor/Graphite/pull/2062))</small>
+- Fix for the Text tool clearing the text when hitting <kbd>Esc</kbd> <small>([#2052](https://github.com/GraphiteEditor/Graphite/pull/2052))</small>
+- Fix for allowing the Path tool to edit an upstream vector path even if there's a type conversion midway <small>([#2055](https://github.com/GraphiteEditor/Graphite/pull/2055))</small>
+- Fix for the number input widget not updating its unit symbol when changing to show another input field <small>([#2080](https://github.com/GraphiteEditor/Graphite/pull/2080))</small>
+- Fix to make the *Sample Points*, *Scatter Points*, and *Splines from Points* nodes generate segments (not just invisible points) and work with subpaths <small>([#2085](https://github.com/GraphiteEditor/Graphite/pull/2085))</small>
+- Fix for sometimes breaking the selected layer upon switching away from the Select tool <small>([commit 8d3da83](https://github.com/GraphiteEditor/Graphite/commit/8d3da83606c23366d2688602afbc0917e7224e68))</small>
+- Fix to remove a visual cutout from the left border of a layer in the node graph when a wire doesn't entering through the cutout <small>([commit 12ca060](https://github.com/GraphiteEditor/Graphite/commit/12ca06035cd7463ed895671ff7eebe53fde655c6))</small>
+- Fix to make point nudging with the Path tool work in document space <small>([#2095](https://github.com/GraphiteEditor/Graphite/pull/2095))</small>
+- Fix to make the *Spline* node algorithm be continuous across start/end points <small>([#2092](https://github.com/GraphiteEditor/Graphite/pull/2092))</small>
+- Fix to properly support layer nudging when the view is tilted and make nudge resizing work in the Artboard tool <small>([#2098](https://github.com/GraphiteEditor/Graphite/pull/2098))</small>
+- Fix to disable menu bar entries when no layer is selected <small>([#2098](https://github.com/GraphiteEditor/Graphite/pull/2098))</small>
+- Fix for clarifying the present state of the Brush tool with a warning message <small>([commit de366f9](https://github.com/GraphiteEditor/Graphite/commit/de366f951424fcdf4463a419db3fa659910fabfd))</small>
+- Fix to load the editor faster by moving font catalog loading to document creation time <small>([commit de366f9](https://github.com/GraphiteEditor/Graphite/commit/de366f951424fcdf4463a419db3fa659910fabfd))</small>
+- Fix to make the Pen tool only append new paths when <kbd>Shift</kbd> is held <small>([#2102](https://github.com/GraphiteEditor/Graphite/pull/2102))</small>
+- Fix to make the Pen tool always snap to endpoint anchors, even when snapping is off <small>([#2107](https://github.com/GraphiteEditor/Graphite/pull/2107))</small>
+- Fix crash when upgrading a document with a *Modulo* node from 3 commits ago <small>([commit 4c4d559](https://github.com/GraphiteEditor/Graphite/commit/4c4d559d97b4d131d2777c0aab19590531ae47a9))</small>
+- Fix to clean up the consistency of the editor preferences dialog <small>([commit 99cf8f0](https://github.com/GraphiteEditor/Graphite/commit/99cf8f0c4f91a051b59fc2c9e5cc6c7417bdd74b))</small>
+- Fix to remove the inconsistently functioning double-click behavior of switching to the Path tool on vector layers, which previously worked only on layers with a Path node <small>([#2116](https://github.com/GraphiteEditor/Graphite/pull/2116))</small>
+- Fix for dragging a pair of colinear handles to break the colinearity so they can move without their anchor <small>([#2120](https://github.com/GraphiteEditor/Graphite/pull/2120))</small>
+- Fix for the broken bounding box of image layers, which also impacted their layer thumbnails <small>([#2122](https://github.com/GraphiteEditor/Graphite/pull/2122))</small>
+- Fix to restore the keyboard shortcut label in the menu bar's *File* > *Close* menu item <small>([#2135](https://github.com/GraphiteEditor/Graphite/pull/2135))</small>
+- Fix to the syntax of exported SVG files that minorly deviated from spec and may have impact some strict SVG viewers <small>([#2131](https://github.com/GraphiteEditor/Graphite/pull/2131))</small>
+- Fix for the UI by removing most "coming soon" elements left over from earlier times when placeholders were necessary <small>([commit 1264ea8](https://github.com/GraphiteEditor/Graphite/commit/1264ea8246cbb06e0602a93be983762ab17adf30))</small>
+- Fix for issues with selection history <small>([#2138](https://github.com/GraphiteEditor/Graphite/pull/2138))</small>
+- Fix for a cancellation of a transform cage rotation causing broken state upon the next transformation <small>([#2149](https://github.com/GraphiteEditor/Graphite/pull/2149))</small>
+- Fix to make the Path tool deselect all of a filled shape's points when single-clicked, and select all when double-clicked <small>([#2148](https://github.com/GraphiteEditor/Graphite/pull/2148))</small>
+- Fix for the Select tool's box selection not being able to extend a selection with <kbd>Shift</kbd> <small>([#2157](https://github.com/GraphiteEditor/Graphite/pull/2157))</small>
+- Fix for several bugs in vector-related nodes <small>([commit b81f483](https://github.com/GraphiteEditor/Graphite/commit/b81f48385afc8c9c27820ffe8d5953529f89b7bd))</small>
+- Fix for the Text tool making it easier to select existing text layers with more forgiving click targets <small>([#2145](https://github.com/GraphiteEditor/Graphite/pull/2145))</small>
+- Fix for text layers getting deselected after clicking out of Text tool's interactive editing mode <small>([#2144](https://github.com/GraphiteEditor/Graphite/pull/2144))</small>
+- Fix to make the Artboard tool shift its contents if resizing from the top/left so artwork remains stationary <small>([#2166](https://github.com/GraphiteEditor/Graphite/pull/2166))</small>
+
+
+## Internal
+- Change to make the *Upload Texture* node resolution-aware <small>([#2018](https://github.com/GraphiteEditor/Graphite/pull/2018))</small>
+- Fix for faulty contravariance checking in the type system <small>([#2025](https://github.com/GraphiteEditor/Graphite/pull/2025))</small>
+- Update of Wasm dependencies to fix a crash in Firefox with Vello due to a WebGPU spec change <small>([#2027](https://github.com/GraphiteEditor/Graphite/pull/2027))</small>
+- Simplification of the Bezier-rs interactive web demo code <small>([#2020](https://github.com/GraphiteEditor/Graphite/pull/2020), [commit 4df7803](https://github.com/GraphiteEditor/Graphite/commit/4df780391c0cbb87b12812d0249ed9b62e2740e4))</small>
+- Fix for Clippy code warnings <small>([commit a395fbf](https://github.com/GraphiteEditor/Graphite/commit/a395fbf0637c23b8b05a7c451ff7b8421587b655), [#2119](https://github.com/GraphiteEditor/Graphite/pull/2119))</small>
+- Refactor of assorted parts of the RawKit crate <small>([#1972](https://github.com/GraphiteEditor/Graphite/pull/1972), [#2071](https://github.com/GraphiteEditor/Graphite/pull/2071), [#2066](https://github.com/GraphiteEditor/Graphite/pull/2066), [#2082](https://github.com/GraphiteEditor/Graphite/pull/2082), [#2088](https://github.com/GraphiteEditor/Graphite/pull/2088))</small>
+- Code tidyness cleanup for node ID generation <small>([#2009](https://github.com/GraphiteEditor/Graphite/pull/2009))</small>
+- Refactor collection of snap targets <small>([#2114](https://github.com/GraphiteEditor/Graphite/pull/2114))</small>
+- System for parsing node and parameter descriptions from doc comments, enabling better node tooltips going forward <small>([#2089](https://github.com/GraphiteEditor/Graphite/pull/2089), [#2163](https://github.com/GraphiteEditor/Graphite/pull/2163), [commit d649052](https://github.com/GraphiteEditor/Graphite/commit/d649052255c10c15754c3a3707f2edf996d2468d))</small>
+- Fix for the rectangle constructor in the Bezier-rs library to produce linear segments <small>([#2109](https://github.com/GraphiteEditor/Graphite/pull/2109))</small>
+- Math-Parser library for reading and evaluating math expressions <small>([#2033](https://github.com/GraphiteEditor/Graphite/pull/2033))</small>
+- Simplifications to the implementation of buffered message passing within the editor architecture <small>([#2123](https://github.com/GraphiteEditor/Graphite/pull/2123))</small>
+- Updates to dependencies <small>([#2134](https://github.com/GraphiteEditor/Graphite/pull/2134))</small>
+
+## Website
+- Publication of the previous blog post, [*Graphite progress report (Q3 2024)*](../graphite-progress-report-q3-2024) <small>([#2013](https://github.com/GraphiteEditor/Graphite/pull/2013))</small>
+- Updates to the screenshots on the home page carousel <small>([commit f892687](https://github.com/GraphiteEditor/Graphite/commit/f89268757614bda5f949144f84ccc79bd33ddec2))</small>
+- Updates to the website roadmap and other details <small>([commit d7a271f](https://github.com/GraphiteEditor/Graphite/commit/d7a271f67595863835e80e58636fead9b1fe0a1d), [commit ce0cd39](https://github.com/GraphiteEditor/Graphite/commit/ce0cd39c9b4291e76d59d5b7c427afd39702aed6), [commit 740fcb7](https://github.com/GraphiteEditor/Graphite/commit/740fcb73cc1202d89107a08f3dfccd88dd17a6a3), [commit 54926d5](https://github.com/GraphiteEditor/Graphite/commit/54926d5474f3bcaffd54d0fd0d2509e989cfa425))</small>
diff --git a/website/content/blog/2025-04-02-internships-for-a-rust-graphics-engine-gsoc-2025.md b/website/content/blog/2025-04-02-internships-for-a-rust-graphics-engine-gsoc-2025.md
new file mode 100644
index 0000000000000000000000000000000000000000..e7b68c4716e13e4869e960ea150e939bd784cd5e
--- /dev/null
+++ b/website/content/blog/2025-04-02-internships-for-a-rust-graphics-engine-gsoc-2025.md
@@ -0,0 +1,48 @@
++++
+title = "Internships for a Rust graphics engine: GSoC 2025"
+date = 2025-04-02
+[extra]
+banner = "https://static.graphite.rs/content/blog/2025-04-02-internships-for-a-rust-graphics-engine-gsoc-2025.avif"
+banner_png = "https://static.graphite.rs/content/blog/2025-04-02-internships-for-a-rust-graphics-engine-gsoc-2025.png"
+author = "Keavon Chambers"
+summary = "Join Graphite in Google Summer of Code 2025 for a unique opportunity to contribute to open-source software development in Rust and computer graphics. Get paid while learning, working on self-contained projects under experienced mentors, and help Graphite grow."
+reddit = "https://www.reddit.com/r/graphite/comments/1jplm6t/internships_for_a_rust_graphics_engine_gsoc_2025/"
+twitter = "https://x.com/GraphiteEditor/status/1907384498389651663"
+bluesky = "https://bsky.app/profile/graphiteeditor.bsky.social/post/3llt7lbmm4s24"
+
+js = ["/js/youtube-embed.js"]
+css = ["/component/youtube-embed.css"]
++++
+
+Do you love Rust and focus on computer graphics, compiler development, or algorithm research? Students (and non-students who are new to open source contribution) interested in a paid summer internship are invited to apply this week to Graphite's Google Summer of Code 2025 program. The deadline is [April 8 at 18:00 UTC](https://www.wolframalpha.com/input?i=April+8%2C+18%3A00+UTC).
+
+<!-- more -->
+
+[Google Summer of Code](https://summerofcode.withgoogle.com/) is a program that supports students and open source projects. It provides opportunities for summer-long internship experiences with [paid stipends](https://developers.google.com/open-source/gsoc/help/student-stipends) for completing projects with mentoring organizations. [Graphite is honored to be returning for a second year.](https://summerofcode.withgoogle.com/programs/2025/organizations/graphite)
+
+[Graphite](/) is a data-driven creative design engine that combines an artist-friendly image editing environment with a procedural graphics renderer built with Graphene, a custom Rust-based compiled functional programming language for portable, scriptable graphics pipelines.
+
+Hear from our mentoring team about Graphite's tech stack and engineering vision by listening to last month's episode of the Developer Voices podcast:
+
+<div class="youtube-embed aspect-16x9">
+	<img data-youtube-embed="ZUbcwUC5lxA" src="https://static.graphite.rs/content/blog/2025-04-02-internships-for-a-rust-graphics-engine-gsoc-2025/developer-voices-podcast-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite: Image Editing as a Syntax Tree (with Keavon Chambers & Dennis Kobert)" />
+</div>
+
+For GSoC 2025, our priority focus is mentoring projects revolving around advanced graphics techniques and compiler development, meeting our goal of extending Graphite into the domain of raster image manipulation. Demonstrated experience in these areas is highly advantageous.
+
+Outstanding applicants tend to be competent, self-directed, productive, and confidence-inspiring. If you're driven to learn and explore cutting-edge engineering challenges, please [get in touch](https://discord.graphite.rs) and we will help you get up to speed and assist in submitting a timely application.
+
+Out of the [full list of project opportunities](/volunteer/guide/student-projects/#project-idea-list), some interesting high-priority projects include:
+
+- Inventing efficient rendering of connected "mesh vector" Bézier geometry
+- Extending the Graphene compiler to run GPU compute shader graphics pipelines
+- Implementing bidirectional type inference into the Graphene type system
+- Developing a graph theory-based system for equivalence rewriting of nodes
+- Creating an efficient brush rendering system for large painted path datasets
+- Managing colors through flexible use of color spaces, color models, and color profiles
+- Researching an assortment of algorithms for image processing operations
+- Engineering solutions for combining Tauri's webview and Graphite's WGPU renderer in the same window across Windows, Mac, and Linux desktop applications
+
+These recently added projects are pending an extended description, but we'll be happy to discuss the details if you pop into our [Discord server](https://discord.graphite.rs) and introduce yourself with links to related experience and projects.
+
+Outside GSoC, additional year-round opportunities are available for student capstone or independent research projects. These are run similarly, but are also available to multi-person groups. They provide academic credit instead of a stipend. Reach out anytime if interested.
diff --git a/website/content/blog/_index.md b/website/content/blog/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..e37bd19287d13719eac9f4f63453b3ac01f173ea
--- /dev/null
+++ b/website/content/blog/_index.md
@@ -0,0 +1,28 @@
++++
+title = "Blog"
+template = "blog.html"
+page_template = "article.html"
+sort_by = "date"
+generate_feeds = true
++++
+
+<section id="intro">
+<div class="block">
+
+# Blog
+
+<div class="left-right-split">
+
+Latest news and articles from the Graphite team.
+
+<p class="feed">
+	<a href="/blog/rss.xml">
+		<img class="icon" src="https://static.graphite.rs/icons/feed.svg" alt="RSS" />
+		<span class="link arrow">RSS Feed</span>
+	</a>
+</p>
+
+</div>
+
+</div>
+</section>
diff --git a/website/content/contact.md b/website/content/contact.md
new file mode 100644
index 0000000000000000000000000000000000000000..ddbe16fa10fdcaa0752d763c84b64b64fa2a1f04
--- /dev/null
+++ b/website/content/contact.md
@@ -0,0 +1,23 @@
++++
+title = "Contact the team"
+
+[extra]
+css = ["/layout/reading-material.css"]
++++
+
+<section class="reading-material">
+<div class="block">
+
+# Contact the team
+
+<article>
+
+- Members of the press, please see the [press resources](/press) page.
+- For general discussions, reach out on [Discord](https://discord.graphite.rs) or [Reddit](https://www.reddit.com/r/graphite/). 
+- To report a bug or request a feature, please [file an issue](https://github.com/GraphiteEditor/Graphite/issues/new) on GitHub.
+- For other inquiries, get in touch by email at [contact<wbr>@graphite<wbr>.rs](mailto:contact@graphite.rs).
+
+</article>
+
+</div>
+</section>
diff --git a/website/content/donate.md b/website/content/donate.md
new file mode 100644
index 0000000000000000000000000000000000000000..c1eef60bec6597c31f2471d8468884bfb1d2f05b
--- /dev/null
+++ b/website/content/donate.md
@@ -0,0 +1,232 @@
++++
+title = "Donate"
+
+[extra]
+css = ["/page/donate.css", "/component/feature-box.css", "/component/feature-icons.css"]
++++
+
+<section>
+<div class="block">
+
+# Funding creativity, not corporations
+
+**Own your tools. Own your art.** Invest in the sustainable, independent future of high-quality creative software that's free, and always will be.
+
+<div class="call-to-action">
+
+<span>
+<a href="https://github.com/sponsors/GraphiteEditor" target="_blank" class="button arrow">Donate: GitHub Sponsors</a>
+<em>Avoids processing fees</em>
+</span>
+
+<span>
+<a href="#supporter-memberships" class="button arrow">Donate: without an account</a>
+<em>Start to finish in several seconds</em>
+</span>
+
+</div>
+
+<div class="feature-icons three-wide statistics" data-statistics>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 34" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+		<span data-statistics-dollars></span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 3" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+		<span data-statistics-members></span>
+	</div>
+	<div class="feature-icon">
+		<img class="atlas" style="--atlas-index: 47" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+		<span data-statistics-donors></span>
+	</div>
+</div>
+
+<script>
+(async () => {
+	const element = document.querySelector("[data-statistics]");
+	const dollarsElement = document.querySelector("[data-statistics-dollars]");
+	const membersElement = document.querySelector("[data-statistics-members]");
+	const donorsElement = document.querySelector("[data-statistics-donors]");
+	if (!dollarsElement || !membersElement || !donorsElement) return;
+	try {
+		const response = await fetch("https://graphite.rs/sponsorship-stats");
+		const json = await response.json();
+		if (!json || !json.recurring || !json.one_time_prior_3_month_sum) throw new Error();
+		const recurringDollars = parseInt(json.recurring.cents) / 100;
+		const oneTimeAverageDollars = parseInt(json.one_time_prior_3_month_sum.cents) / 100 / 3;
+		dollarsElement.innerText = "$" + Math.round(recurringDollars + oneTimeAverageDollars).toLocaleString("en-US") + " / month";
+		membersElement.innerText = json.recurring.count.toLocaleString("en-US") + " members (supporting monthly)";
+		donorsElement.innerText = Math.round(json.one_time_prior_3_month_sum.count / 3).toLocaleString("en-US") + " one-time donors (past month)";
+		// Force repaint to work around Safari bug <https://bugs.webkit.org/show_bug.cgi?id=286403> (remove this and its data attribute when the bug is fixed and widely deployed)
+		element.style.transform = "scale(1)";
+	} catch {
+		element.remove();
+	}
+})();
+</script>
+
+Graphite is 100% built and funded by the community. Your contributions directly help us level up the scope and speed of the project's development. Resources are put towards infrastructure, operational costs, swag to keep contributors happy and motivated, and outreach like exhibiting at conventions and traveling to conferences to foster industry relationships. Hiring full-time developers is the next crucial milestone.
+
+</div>
+</section>
+
+<section id="supporter-memberships" class="feature-box-outer">
+<div class="feature-box-inner">
+
+<div class="block">
+
+<h1 class="feature-box-header">Supporter memberships</h1>
+
+---
+
+Click a membership level below to pay directly by card, no account needed.
+
+A small fee of 3.6% + 30¢ reduces what we receive each month. If convenient, consider instead using <a href="https://github.com/sponsors/GraphiteEditor" target="_blank">GitHub Sponsors</a> for **no fees**.
+
+</div>
+
+<div class="triptych">
+
+<a href="https://buy.stripe.com/6oE2btfCK9863vybII" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">⭕ &ldquo;Quark&rdquo; &raquo;</h1>
+
+**$5 / month**
+
+- Your GitHub profile unlocks a shiny achievement acknowledging your contribution *(through GitHub Sponsors only)*
+
+</a>
+<a href="https://buy.stripe.com/00gdUb62aesq9TW7st" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">➕ &ldquo;Proton&rdquo; &raquo;</h1>
+
+**$10 / month**
+
+- Get a **"Member" role** and accompanying **gold-colored nametag on Discord**
+- *Plus the lower-tier rewards*
+
+</a>
+<a href="https://buy.stripe.com/5kAbM38aiacaeac28a" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">⚛️ &ldquo;Carbon&rdquo; &raquo;</h1>
+
+**$15 / month**
+
+- Your name/handle listed in the end-of-year **retrospective blog post** thank-you section
+- *Plus the lower-tier rewards*
+
+</a>
+
+<a href="https://buy.stripe.com/28o4jB62a0BA5DGbIL" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">🧬 &ldquo;DNA&rdquo; &raquo;</h1>
+
+**$25 / month**
+
+- Your **personal name** (or handle) **on the Graphite website and GitHub readme**
+- Option to be mailed a personal **thank-you card with Graphite stickers** (in the US only)
+- *Plus the lower-tier rewards*
+
+</a>
+<a href="https://buy.stripe.com/28o03laiq0BA8PS6os" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">🌱 &ldquo;Organism&rdquo; &raquo;</h1>
+
+**$50 / month**
+
+- Option to be given a public **shout-out of appreciation** from @GraphiteEditor on your choice of social media sites
+- *Plus the lower-tier rewards*
+
+</a>
+<a href="https://buy.stripe.com/fZedUbduCfwu2ru7sx" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">🌄 &ldquo;Biosphere&rdquo; &raquo;</h1>
+
+**$75 / month**
+
+- Your personal name (or handle) may be a **hyperlink** to your personal site or social media profile
+- *Plus the lower-tier rewards*
+
+</a>
+
+</div>
+
+<div class="block action-buttons">
+
+<a href="https://donate.stripe.com/6oU8wP6m0c2kb2AermbQY0a" target="_blank" class="button arrow">Or make a one-time donation</a>
+
+[Manage your ongoing membership](https://billing.stripe.com/p/login/aEU9EzctSfe3cfK5kk)
+
+</div>
+
+</div>
+</section>
+
+<section id="corporate-sponsorships" class="feature-box-outer">
+<div class="feature-box-inner">
+
+<div class="block">
+
+<h1 class="feature-box-header">Corporate sponsorships</h1>
+
+---
+
+Also available to individuals wanting to make a larger impact. [Reach out](/contact) to pay by invoice or ACH to avoid fees, or for a custom arrangement.
+
+</div>
+
+<div class="triptych">
+
+<a href="https://buy.stripe.com/7sI6rJ1LU5VUaY05kq" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">🪨 &ldquo;Charcoal&rdquo; &raquo;</h1>
+
+**$100 / month**
+
+- Your **company name** may be shown **on the Graphite website and GitHub readme** starting at this tier level
+- *Plus the lower-tier rewards for members*
+
+</a>
+<a href="https://buy.stripe.com/3cs8zR8ai0BA8PSaEL" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">🛡️ &ldquo;Carbide&rdquo; &raquo;</h1>
+
+**$250 / month**
+
+- Your name on the website and readme may be a **hyperlink** to your company/personal site
+- *Plus the lower-tier rewards for members*
+
+</a>
+<a href="https://buy.stripe.com/fZeaHZ76e0BAeaccMU" target="_blank" class="block feature-box-narrow">
+
+<h1 class="feature-box-header">💎 &ldquo;Diamond&rdquo; &raquo;</h1>
+
+**$500 / month**
+
+- Your name and link on the website and readme may instead be a **hyperlinked logo**
+- *Plus the lower-tier rewards for members*
+
+</a>
+
+</div>
+
+<div class="block action-buttons">
+
+<a href="https://donate.stripe.com/6oU8wP6m0c2kb2AermbQY0a" target="_blank" class="button arrow">Or make a one-time donation</a>
+
+[Manage your ongoing membership](https://billing.stripe.com/p/login/aEU9EzctSfe3cfK5kk)
+
+</div>
+
+</div>
+</section>
+
+<!-- <div class="fundraising loading" data-fundraising>
+	<div class="fundraising-bar" data-fundraising-bar style="--fundraising-percent: 0%">
+		<div class="fundraising-bar-progress"></div>
+	</div>
+	<div class="goal-metrics">
+		<span data-fundraising-percent>Progress: <span data-dynamic>0</span>%</span>
+		<span data-fundraising-goal>Goal: $<span data-dynamic>0</span>/month</span>
+	</div>
+</div> -->
diff --git a/website/content/features.md b/website/content/features.md
new file mode 100644
index 0000000000000000000000000000000000000000..ad0e7796c98321c8f20c4707158f3e5fbc2667a7
--- /dev/null
+++ b/website/content/features.md
@@ -0,0 +1,359 @@
++++
+title = "Graphite features"
+
+[extra]
+css = ["/page/features.css", "/component/feature-box.css", "/component/feature-icons.css", "/component/youtube-embed.css"]
+js = ["/js/youtube-embed.js"]
++++
+
+<section>
+<div class="block">
+
+# Graphite features
+
+The current alpha version of Graphite is a tool for vector art and graphic design. It also supports a limited, experimental raster editing toolset. This tooling is built around a procedural graphics engine, letting artists build complex graphics and animations in its visual scripting language.
+
+In 2025, stay tuned for performance improvements, native multiplatform desktop apps, and the beginnings of a full raster editing tool suite.
+
+</div>
+</section>
+
+<section>
+<div class="block">
+
+<div class="block video-container">
+<div>
+<div class="youtube-embed aspect-16x9">
+	<img data-youtube-embed="ZUbcwUC5lxA" loading="lazy" src="https://static.graphite.rs/content/features/podcast-interview-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Rust-Powered Graphics Editor: How Graphite's Syntax Trees Revolutionize Image Editing" />
+</div>
+</div>
+</div>
+
+</div>
+</section>
+
+<section>
+
+<div class="diptych">
+
+<div class="block">
+
+## Layers & nodes: hybrid editing
+
+Graphite combines the best ideas from multiple categories of digital content creation software to redefine the workflows of 2D graphics editing. It is influenced by the core editing experience of traditional layer-based raster and vector apps, the nondestructive approaches of VFX compositing programs used by film studios, and the boundless creative possibilities of procedural production tools daily-driven by the 3D industry.
+
+Classic layer-based image editing is easy to understand, with collapsable folders that help artists stay organized. A variety of interactive viewport tools make it easy to manipulate the layers by drawing directly onto the canvas. On the other hand, node-based editing is like artist-friendly programming. It works by describing manipulations as steps in a flowchart, which is vastly more powerful but comes with added complexity.
+
+The hybrid workflow of Graphite offers a classic tool-centric, layer-based editing experience built around a procedural, node-based compositor. Users can ignore the node graph, use it exclusively, or switch back and forth with the press of a button while creating content. Interacting with the canvas using tools will manipulate the nodes behind the scenes. And the layer panel and node graph provide two equivalent, interchangeable views of the same document structure.
+
+</div>
+<div class="block">
+
+## Raster & vector: sharp at all sizes
+
+Digital 2D art commonly takes two forms. Raster artwork is made out of pixels which means it can look like anything imaginable, but it becomes blurry or pixelated when upscaling to a higher resolution. Vector artwork is made out of curved shapes which is perfect for some art styles but limiting to others. The magic of vector is that its mathematically-described curves can be enlarged to any size and remain crisp.
+
+Other apps usually focus on just raster or vector, forcing artists to buy and learn both products. Mixing art styles requires shuttling content back and forth between programs. And since picking a raster document resolution is a one-time deal, artists often choose to start really big, resulting in sluggish editing performance and multi-gigabyte documents.
+
+Graphite reinvents raster rendering so it stays sharp at any scale. Artwork is treated as data, not pixels, and is always redrawn at the current viewing resolution. Zoom the viewport and export images at any size— the document's paint brushes, masks, filters, and effects will all be rendered at the current native resolution.
+
+Marrying vector and raster under one roof enables both art forms to complement each other in a cohesive content creation workflow. *(Scalable raster compositing is still in-development.)*
+
+</div>
+
+</div>
+
+</section>
+
+<section>
+
+<div class="diptych">
+
+<div class="block">
+
+## Powered by Graphene
+
+**Graphene** is the purpose-built node graph engine that powers Graphite's compositor and procedural graphics pipeline. It's a visual scripting environment built upon the high-performance Rust programming language. Its runtime is [designed](/blog/distributed-computing-in-the-graphene-runtime/) to distribute rendering across CPU cores, GPUs, and network/cloud machines while optimizing for interactive frame rates.
+
+<!-- Rust programmers may find the following technical details to be of interest. Graphene node graphs are programs built out of reusable Rust functions using Graphite as a visual "code" editor. New nodes and data types can be implemented by writing custom Rust code with a built-in text editor. `no_std` code also gets compiled to GPU compute shaders using [`rust-gpu`](https://github.com/EmbarkStudios/rust-gpu). Each node is independently pre-compiled by `rustc` into portable WASM binaries and linked at runtime. Groups of nodes may be compiled into one unit of execution, utilizing Rust's zero-cost abstractions and optimizations to run with less overhead. And whole node graphs can be compiled into standalone executables for use outside Graphite. -->
+
+</div>
+<div class="block">
+
+<!-- ## Proudly written in Rust -->
+## Built with Rust
+
+Always on the bleeding edge and built to last— Graphite is written on a robust foundation with Rust, a modern programming language optimized for creating fast, reliable, future-proof software. Even the GPU compute shaders are written in Rust, enabling reuse of CPU code implementations for nodes.
+
+<!-- The underlying node graph engine that computes and renders Graphite documents is called Graphene. The Graphene engine is an extension of the Rust language, acting as a system for chaining together modular functions into useful pipelines with GPU and parallel computation. Artists can harness these powerful capabilities directly in the Graphite editor without touching code. Technical artists and programmers can write reusable Rust functions to extend the capabilities of Graphite and create new nodes to share with the community. -->
+
+</div>
+
+</div>
+
+</section>
+
+<section>
+<div class="block">
+
+## Roadmap
+
+<div class="roadmap">
+	<div class="feature-icons">
+		<!-- Pre-Alpha -->
+		<div class="feature-icon complete heading" title="Began February 2021" data-year="2021">
+			<h3>— Pre-Alpha —</h3>
+		</div>
+		<div class="feature-icon complete" title="Development Complete">
+			<img class="atlas" style="--atlas-index: 1" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Editor systems; basic vector art tools</span>
+		</div>
+		<!-- Alpha 1 -->
+		<div class="feature-icon complete heading" title="Began February 2022" data-year="2022">
+			<h3>— Alpha 1 —</h3>
+		</div>
+		<div class="feature-icon complete" title="Development Complete">
+			<img class="atlas" style="--atlas-index: 2" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Better tools; node graph prototyping</span>
+		</div>
+		<!-- Alpha 2 -->
+		<div class="feature-icon complete heading" title="Began February 2023" data-year="2023">
+			<h3>— Alpha 2 —</h3>
+		</div>
+		<div class="feature-icon complete" title="Development Complete">
+			<img class="atlas" style="--atlas-index: 6" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Node graph integration in documents</span>
+		</div>
+		<!-- Alpha 3 -->
+		<div class="feature-icon complete heading" title="Began February 2024" data-year="2024">
+			<h3>— Alpha 3 —</h3>
+		</div>
+		<div class="feature-icon complete" title="Development Complete">
+			<img class="atlas" style="--atlas-index: 8" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Procedural vector editing and usability</span>
+		</div>
+		<!-- Alpha 4 -->
+		<div class="feature-icon ongoing heading" title="Began February 2025" data-year="2025">
+			<h3>— Alpha 4 —</h3>
+		</div>
+		<div class="feature-icon complete" title="Development Complete">
+			<img class="atlas" style="--atlas-index: 46" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Parametric animation</span>
+		</div>
+		<div class="feature-icon complete" title="Development Complete">
+			<img class="atlas" style="--atlas-index: 1" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+			<span>Instancer repeat nodes</span>
+		</div>
+		<div class="feature-icon ongoing" title="Development Ongoing">
+			<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Graph data attribute spreadsheets</span>
+		</div>
+		<div class="feature-icon ongoing" title="Development Ongoing">
+			<img class="atlas" style="--atlas-index: 48" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Robust vector mesh editing/rendering</span>
+		</div>
+		<div class="feature-icon ongoing" title="Development Ongoing">
+			<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Desktop app (Windows, Mac, Linux)</span>
+		</div>
+		<div class="feature-icon ongoing" title="Development Ongoing">
+			<img class="atlas" style="--atlas-index: 40" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Simplified main properties panel</span>
+		</div>
+		<div class="feature-icon ongoing" title="Development Ongoing">
+			<img class="atlas" style="--atlas-index: 12" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>GPU-accelerated raster rendering</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 14" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Infinitely zoomable/panable raster</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 21" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Select mode (marquee masking)</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 41" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Timeline panel for animation curves</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 18" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Node version management</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Brush tool rewrite</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 57" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Signed distance field rendering</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 56" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Variable color swatches</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 52" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Command palette and context menus</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 53" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Local fonts access</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 54" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Local file browser for saving/loading</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 19" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Raw photo processing</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 43" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Stylus and touch interaction</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 24" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Dockable workspace panels</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 17" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Stable document format</span>
+		</div>
+		<!-- <div class="feature-icon ongoing" title="Development Ongoing">
+			<img class="atlas" style="--atlas-index: 0" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Imaginate tool</span>
+		</div> -->
+		<!-- Beta -->
+		<div class="feature-icon heading">
+			<h3>— Beta —</h3>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Code editor for custom nodes</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Frozen-in-time graph references</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 49" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>AI nodes and tools (e.g. magic wand)</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 25" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Liquify and non-affine transforms</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 4" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Outliner panel (node graph tree view)</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 50" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Shape builder tool</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 23" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Internationalization and accessibility</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 18" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Document history management</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 27" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Automation and batch processing</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 28" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Construction geometry mode</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 33" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>HDR and WCG color handling</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 55" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>CMYK and other color spaces</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 34" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Asset libraries and marketplace</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 31" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Advanced typography and typesetting</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 35" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Predictive graph rendering/caching</span>
+		</div>
+		<!-- 1.0 Release -->
+		<div class="feature-icon heading">
+			<h3>— 1.0 Release —</h3>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 20" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Procedural styling of paint brushes</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 29" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>CAD-like constraint relationships</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 30" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Responsive design constraint solvers</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 32" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>PDF export</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 11" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Finer-grain control over SVG export</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 45" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Portable, embeddable render engine</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 36" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Distributed graph rendering</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 15" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Cloud rendering accelerator service</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 37" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Cloud document storage</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 38" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Multiplayer collaborative editing</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 39" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Offline edit resolution with CRDTs</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.rs/icons/icon-atlas-features__2.png" alt="" />
+			<span>Animated SVG creation</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 42" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>Live video compositing</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 44" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span>iPad app and keyboard-free controls</span>
+		</div>
+		<div class="feature-icon">
+			<img class="atlas" style="--atlas-index: 47" src="https://static.graphite.rs/icons/icon-atlas-roadmap__3.png" alt="" />
+			<span><em>…and that's all just the beginning…</em></span>
+		</div>
+	</div>
+</div>
+
+</div>
+</section>
diff --git a/website/content/learn/_index.md b/website/content/learn/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..2d7895984f1159bdbe80ad4f74cba19db007f843
--- /dev/null
+++ b/website/content/learn/_index.md
@@ -0,0 +1,32 @@
++++
+title = "User manual"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+book = true
+js = ["/js/youtube-embed.js"]
+css = ["/component/youtube-embed.css"]
++++
+
+Welcome to the Graphite user manual. Keep reading to to learn how the software can help bring your 2D creative ideas to life.
+
+You may choose to read this sequentially and learn from the structured introduction and sample projects. Or you may jump to chapters of interest that also serve as quick reference.
+
+## More chapters on the way
+
+Additional manual chapters are being added over time. Check back every so often.
+
+## Need help?
+
+If you're ever stuck or confused, ask your questions in the `#🧭user-help` channel of the [Graphite Discord server](https://discord.graphite.rs) or post a thread in the [discussion board](https://github.com/GraphiteEditor/Graphite/discussions) on GitHub.
+
+## Jump right in
+
+<!-- If you're eager to skip the reading, head straight to the [hands-on quickstart video](./introduction) in the next chapter for a beginner project walkthrough you can follow along with. -->
+
+The fastest way to get started is to watch and follow along steps-by-step in the hands-on quickstart video:
+
+<div class="youtube-embed aspect-16x9">
+	<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
+</div>
diff --git a/website/content/learn/_unpublished/graph/_index.md b/website/content/learn/_unpublished/graph/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..75a367fe5858b98d3ef104cb18fb13da75603902
--- /dev/null
+++ b/website/content/learn/_unpublished/graph/_index.md
@@ -0,0 +1,34 @@
++++
+title = "Graph"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 4
++++
+
+- Opening the graph
+- Document graph vs. layer graph, limitations
+- Adding nodes
+- Connecting nodes
+
+## Overlaid node graph editing
+
+Opening the overlaid node graph shows the structure of nodes and layers that compose the document artwork. It's a more detailed view of what the [Layers](../layers-panel) and [Properties](../properties-panel) panels show.
+
+**Nodes** are the entities with left-to-right input **connectors**.
+
+**Layers** are the larger entities shown with thumbnails and a bottom-to-top direction of data stacking. Their purpose is to composite sources of graphical data on top of one another in a **layer stack**. Layers take input from other nodes or layers via a connector on their left side. When that connector is fed by another layer stack, the Layers panel considers it a **group** because it combines one stack into another parent stack.
+
+Layers and nodes are wired together using **links** which send data between the outputs of nodes to the inputs of others. You can wire up a node by dragging from the output connector of one node to the input connector of its destination node. But note that forming cyclic graphs, where a loop can be traced along the links of a set of nodes, is not permitted. Graphical data flows into the **Output** node which then becomes rendered to the document viewport.
+
+### Node/layer controls
+
+When a layer or node is selected, these buttons will show up on the left side of the control bar:
+
+<p><img src="https://static.graphite.rs/content/learn/interface/document-panel/node-controls-buttons.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="The node/layer controls" /></p>
+
+| | |
+|-|-|
+| Make<span>&nbsp;</span>Hidden/<br />Make<span>&nbsp;</span>Visible | <p>Toggles the visibility state of the layer or node. This is equivalent to the eye icon button displayed beside each layer. If a node or layer is hidden, it gets bypassed in the data flow. <kbd>Ctrl</kbd><kbd>H</kbd> (macOS: <kbd>⌘</kbd><kbd>H</kbd>) is a shortcut for this toggle that can be used from the graph or viewport.</p> |
+| Preview/<br />End<span>&nbsp;</span>Preview | <p>Temporarily moves the graph output away from the Output node and the graph output is instead provided by the previewed node. While previewing, the node is styled with a dashed, brighter border. Ending the preview returns responsibility back to the Output node. This is a handy feature for viewing part of a graph without needing to disconnect the actual Output node and manually restore it later. Clicking a node or layer in the graph while holding <kbd>Alt</kbd> is a shortcut for toggling its preview.</p> |
diff --git a/website/content/learn/_unpublished/graph/layers.md b/website/content/learn/_unpublished/graph/layers.md
new file mode 100644
index 0000000000000000000000000000000000000000..f6ddf286e26445d3b3a32fce9eaa43253a63fad1
--- /dev/null
+++ b/website/content/learn/_unpublished/graph/layers.md
@@ -0,0 +1,6 @@
++++
+title = "Layers"
+
+[extra]
+order = 2
++++
diff --git a/website/content/learn/_unpublished/graph/nodes.md b/website/content/learn/_unpublished/graph/nodes.md
new file mode 100644
index 0000000000000000000000000000000000000000..e8932d92cc0754a0762459e2c4d98b7b144f20da
--- /dev/null
+++ b/website/content/learn/_unpublished/graph/nodes.md
@@ -0,0 +1,6 @@
++++
+title = "Nodes"
+
+[extra]
+order = 1
++++
diff --git a/website/content/learn/_unpublished/interface/layers-panel.md b/website/content/learn/_unpublished/interface/layers-panel.md
new file mode 100644
index 0000000000000000000000000000000000000000..8865ea877c0b2c796d737ca8b898fe4fad5ab55b
--- /dev/null
+++ b/website/content/learn/_unpublished/interface/layers-panel.md
@@ -0,0 +1,18 @@
++++
+title = "Layers panel"
+
+[extra]
+order = 3
++++
+
+This manual page hasn't been written yet! But here is an outline for what's coming soon:
+
+- About layers and folders
+- Control bar
+	- Blend modes and opacity
+	- Adding folders
+	- Deleting the selected layers
+- The layer list
+	- Editing layers
+	- Selection and multi-selection
+	- Rearranging the hierarchy
diff --git a/website/content/learn/_unpublished/interface/properties-panel.md b/website/content/learn/_unpublished/interface/properties-panel.md
new file mode 100644
index 0000000000000000000000000000000000000000..bbd740b23f3bd4dc3c8f0dbd6ca124481465c186
--- /dev/null
+++ b/website/content/learn/_unpublished/interface/properties-panel.md
@@ -0,0 +1,14 @@
++++
+title = "Properties panel"
+
+[extra]
+order = 4
++++
+
+This manual page hasn't been written yet! But here is an outline for what's coming soon:
+
+- Node properties
+	- Parameters
+		- Expose button
+		- Name
+		- Value inputs
diff --git a/website/content/learn/_unpublished/node-catalog/_index.md b/website/content/learn/_unpublished/node-catalog/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..4d60fefcf855d20d5fd5b8ccda0db90e98bdf764
--- /dev/null
+++ b/website/content/learn/_unpublished/node-catalog/_index.md
@@ -0,0 +1,10 @@
++++
+title = "Node catalog"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 9
++++
+
+## Graphical data types
diff --git a/website/content/learn/_unpublished/node-catalog/raster-nodes.md b/website/content/learn/_unpublished/node-catalog/raster-nodes.md
new file mode 100644
index 0000000000000000000000000000000000000000..56d76607f3d104ff8df2722af33813669f360cdc
--- /dev/null
+++ b/website/content/learn/_unpublished/node-catalog/raster-nodes.md
@@ -0,0 +1,6 @@
++++
+title = "Raster nodes"
+
+[extra]
+order = 2
++++
diff --git a/website/content/learn/_unpublished/node-catalog/vector-nodes.md b/website/content/learn/_unpublished/node-catalog/vector-nodes.md
new file mode 100644
index 0000000000000000000000000000000000000000..43e7a67b6fd63f750f1ec614462ad6367cd5c551
--- /dev/null
+++ b/website/content/learn/_unpublished/node-catalog/vector-nodes.md
@@ -0,0 +1,6 @@
++++
+title = "Vector nodes"
+
+[extra]
+order = 1
++++
diff --git a/website/content/learn/_unpublished/raster-editing/_index.md b/website/content/learn/_unpublished/raster-editing/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..9ee6b4b222cc6285e534ba8b560b6c829ee3b643
--- /dev/null
+++ b/website/content/learn/_unpublished/raster-editing/_index.md
@@ -0,0 +1,13 @@
++++
+title = "Raster editing"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 6
++++
+
+- Opening the graph
+- Document graph vs. layer graph, limitations
+- Adding nodes
+- Connecting nodes
diff --git a/website/content/learn/_unpublished/raster-editing/layers.md b/website/content/learn/_unpublished/raster-editing/layers.md
new file mode 100644
index 0000000000000000000000000000000000000000..f6ddf286e26445d3b3a32fce9eaa43253a63fad1
--- /dev/null
+++ b/website/content/learn/_unpublished/raster-editing/layers.md
@@ -0,0 +1,6 @@
++++
+title = "Layers"
+
+[extra]
+order = 2
++++
diff --git a/website/content/learn/_unpublished/raster-editing/nodes.md b/website/content/learn/_unpublished/raster-editing/nodes.md
new file mode 100644
index 0000000000000000000000000000000000000000..e8932d92cc0754a0762459e2c4d98b7b144f20da
--- /dev/null
+++ b/website/content/learn/_unpublished/raster-editing/nodes.md
@@ -0,0 +1,6 @@
++++
+title = "Nodes"
+
+[extra]
+order = 1
++++
diff --git a/website/content/learn/_unpublished/tools/_index.md b/website/content/learn/_unpublished/tools/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..8626b1f770d8e9ddaf07c7b627abd674be686888
--- /dev/null
+++ b/website/content/learn/_unpublished/tools/_index.md
@@ -0,0 +1,9 @@
++++
+title = "Tools"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 7
++++
+
diff --git a/website/content/learn/_unpublished/tools/general-tools.md b/website/content/learn/_unpublished/tools/general-tools.md
new file mode 100644
index 0000000000000000000000000000000000000000..cd087c49f7a8267c55f2cdf21bb7e01a298de45b
--- /dev/null
+++ b/website/content/learn/_unpublished/tools/general-tools.md
@@ -0,0 +1,6 @@
++++
+title = "General tools"
+
+[extra]
+order = 1
++++
diff --git a/website/content/learn/_unpublished/tools/raster-tools.md b/website/content/learn/_unpublished/tools/raster-tools.md
new file mode 100644
index 0000000000000000000000000000000000000000..ddfe1ed479a9d4bed4855a4853609952033cb7af
--- /dev/null
+++ b/website/content/learn/_unpublished/tools/raster-tools.md
@@ -0,0 +1,6 @@
++++
+title = "Raster tools"
+
+[extra]
+order = 3
++++
diff --git a/website/content/learn/_unpublished/tools/vector-tools.md b/website/content/learn/_unpublished/tools/vector-tools.md
new file mode 100644
index 0000000000000000000000000000000000000000..53ab2caf5b44980265f4394fd2baa71ae9c717e1
--- /dev/null
+++ b/website/content/learn/_unpublished/tools/vector-tools.md
@@ -0,0 +1,6 @@
++++
+title = "Vector tools"
+
+[extra]
+order = 2
++++
diff --git a/website/content/learn/_unpublished/vector-editing/_index.md b/website/content/learn/_unpublished/vector-editing/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..a7afd54142e0df8ae555efbd0f9e1fdb5a2780b7
--- /dev/null
+++ b/website/content/learn/_unpublished/vector-editing/_index.md
@@ -0,0 +1,8 @@
++++
+title = "Vector editing"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 5
++++
diff --git a/website/content/learn/_unpublished/vector-editing/layers.md b/website/content/learn/_unpublished/vector-editing/layers.md
new file mode 100644
index 0000000000000000000000000000000000000000..f6ddf286e26445d3b3a32fce9eaa43253a63fad1
--- /dev/null
+++ b/website/content/learn/_unpublished/vector-editing/layers.md
@@ -0,0 +1,6 @@
++++
+title = "Layers"
+
+[extra]
+order = 2
++++
diff --git a/website/content/learn/_unpublished/vector-editing/nodes.md b/website/content/learn/_unpublished/vector-editing/nodes.md
new file mode 100644
index 0000000000000000000000000000000000000000..e8932d92cc0754a0762459e2c4d98b7b144f20da
--- /dev/null
+++ b/website/content/learn/_unpublished/vector-editing/nodes.md
@@ -0,0 +1,6 @@
++++
+title = "Nodes"
+
+[extra]
+order = 1
++++
diff --git a/website/content/learn/_unpublished/viewport/_index.md b/website/content/learn/_unpublished/viewport/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..f9a362b682586746e950672698469671ea2e037d
--- /dev/null
+++ b/website/content/learn/_unpublished/viewport/_index.md
@@ -0,0 +1,12 @@
++++
+title = "Viewport"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 3
++++
+
+- Canvas
+- Legacy layers
+- Legacy folders
diff --git a/website/content/learn/_unpublished/viewport/artboards.md b/website/content/learn/_unpublished/viewport/artboards.md
new file mode 100644
index 0000000000000000000000000000000000000000..4db3f7f21c3965ed640652024b19816dcb12d012
--- /dev/null
+++ b/website/content/learn/_unpublished/viewport/artboards.md
@@ -0,0 +1,10 @@
++++
+title = "Artboards"
+
+[extra]
+order = 2
++++
+
+- Infinite canvas
+- New document artboard
+- Adjusting existing artboards
diff --git a/website/content/learn/_unpublished/viewport/navigation.md b/website/content/learn/_unpublished/viewport/navigation.md
new file mode 100644
index 0000000000000000000000000000000000000000..3e652a7592b2ef4cef2805ef15f6e1a7155fa57f
--- /dev/null
+++ b/website/content/learn/_unpublished/viewport/navigation.md
@@ -0,0 +1,10 @@
++++
+title = "Navigation"
+
+[extra]
+order = 1
++++
+
+- Pan
+- Tilt
+- Zoom
diff --git a/website/content/learn/_unpublished/workflows/_index.md b/website/content/learn/_unpublished/workflows/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..98ba709a71e67575e12495376151b25e2ed20797
--- /dev/null
+++ b/website/content/learn/_unpublished/workflows/_index.md
@@ -0,0 +1,9 @@
++++
+title = "Workflows"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 8
++++
+
diff --git a/website/content/learn/_unpublished/workflows/imaginate.md b/website/content/learn/_unpublished/workflows/imaginate.md
new file mode 100644
index 0000000000000000000000000000000000000000..7f00520093b060af5200db5e4bd473aa619fb07d
--- /dev/null
+++ b/website/content/learn/_unpublished/workflows/imaginate.md
@@ -0,0 +1,60 @@
++++
+title = "Imaginate"
+
+[extra]
+order = 2
+js = ["/js/carousel.js"]
+css = ["/component/carousel.css"]
++++
+
+Imaginate is a useful tool at every stage in the artistic process. Early on it provides inspiration for styles, color palettes, subjects, and composition. It lets you quickly test ideas and explore artistic directions. It's also a useful way to generate placeholder images and content for kit bashing.
+
+Intermediate stages in the creative process can utilize Imaginate as an iterative back-and-forth dialogue between yourself and the tool. It can be used to improve your creation's artistic fidelity and details, evolve an idea, or inject a little controlled chaos to bring forth happy accidents. And coherency can be given to scenes built from kit bashing collages through interactively transforming its look with iterative Imaginate steps.
+
+Near the end of the art process, Imaginate is useful for adding the finishing touches the beautify your creative work with small additions like textures, subtle lighting and shadow effects, and pleasant gradients to make the whole piece look its best. It can turn a sterile, flat vector drawing into a detailed final work.
+
+<!--
+Illustrate a use case:
+1. Hand draw a sketch of a scene
+2. Generate several scenes to get inspiration for the color palette
+3. Sample from those scenes and use the vector tools to ink sketch
+4. Iteratively improve the fidelity
+5. Inpaint to replace an element in the scene
+6. Outpaint to extend the scene
+-->
+
+<section id="imaginate-creative-concepts-carousel" class="carousel center window-size-2" data-carousel>
+	<div class="carousel-slide">
+		<img src="https://files.keavon.com/-/PerfumedNiceRhinoceros/capture.png" alt="" data-carousel-image />
+		<img src="https://files.keavon.com/-/UnwrittenFrankHeterodontosaurus/capture.png" alt="" data-carousel-image />
+		<img src="https://files.keavon.com/-/BlindBiodegradableAlaskajingle/capture.png" alt="" data-carousel-image />
+		<img src="https://files.keavon.com/-/DigitalElatedVicuna/capture.png" alt="" data-carousel-image />
+		<img src="https://files.keavon.com/-/ThreadbareIncredibleFlycatcher/capture.png" alt="" data-carousel-image />
+		<img src="https://files.keavon.com/-/NaughtyGracefulSquirrel/capture.png" alt="" data-carousel-image />
+		<img src="https://files.keavon.com/-/BrownSuburbanMacaw/capture.png" alt="" data-carousel-image />
+		<img src="https://files.keavon.com/-/AbsoluteAwkwardGrouse/capture.png" alt="" data-carousel-image />
+	</div>
+	<div class="screenshot-details">
+		<div class="carousel-controls">
+			<button class="direction prev" data-carousel-prev>
+				<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+					<path d="M20,0C8.95,0,0,8.95,0,20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20C40,8.95,31.05,0,20,0z M20,38c-9.93,0-18-8.07-18-18S10.07,2,20,2s18,8.07,18,18S29.93,38,20,38z" />
+					<polygon points="24.71,10.71 23.29,9.29 12.59,20 23.29,30.71 24.71,29.29 15.41,20" />
+				</svg>
+			</button>
+			<button class="dot active" data-carousel-dot></button>
+			<button class="dot" data-carousel-dot></button>
+			<button class="dot" data-carousel-dot></button>
+			<button class="dot" data-carousel-dot></button>
+			<button class="dot" data-carousel-dot></button>
+			<button class="dot" data-carousel-dot></button>
+			<button class="dot" data-carousel-dot></button>
+			<button class="direction next" data-carousel-next>
+				<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+					<path d="M20,0C8.95,0,0,8.95,0,20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20C40,8.95,31.05,0,20,0z M20,38c-9.93,0-18-8.07-18-18S10.07,2,20,2s18,8.07,18,18S29.93,38,20,38z" />
+					<polygon points="16.71,9.29 15.29,10.71 24.59,20 15.29,29.29 16.71,30.71 27.41,20" />
+				</svg>
+			</button>
+		</div>
+	</div>
+</section>
diff --git a/website/content/learn/_unpublished/workflows/procedural-editing.md b/website/content/learn/_unpublished/workflows/procedural-editing.md
new file mode 100644
index 0000000000000000000000000000000000000000..c9b1552c72b829fb56c4d1a08382883a4d74fe5c
--- /dev/null
+++ b/website/content/learn/_unpublished/workflows/procedural-editing.md
@@ -0,0 +1,6 @@
++++
+title = "Procedural editing"
+
+[extra]
+order = 1
++++
diff --git a/website/content/learn/interface/_index.md b/website/content/learn/interface/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..0148aae3427f24ff9413f9c338fd7df4210efbcd
--- /dev/null
+++ b/website/content/learn/interface/_index.md
@@ -0,0 +1,85 @@
++++
+title = "Interface"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 2
++++
+
+This chapter formally introduces the concepts and terminology for the user interface (UI) of the Graphite editor. You may skip to the next chapter if you're familiar with the general layout and terms used in industry-standard graphics editors.
+
+## Title bar
+
+The bar running across the top of the editor is called the **title bar**. In the (forthcoming) desktop release of Graphite, this acts as the draggable window frame.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/title-bar.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The title bar" /></p>
+
+### Menu bar
+
+On the left, the [**menu bar**](./menu-bar) provides quick access to many editor, document, and artwork related controls. Its functions are covered in detail on the next page.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The menu bar" /></p>
+
+<!-- In the (forthcoming) macOS desktop release, the menu bar is absent from the editor window; its functions are instead located in macOS menu bar. -->
+
+### Document title
+
+In the center, the **document title** displays the name of the active document. That name is given a `*` suffix if the file has unsaved changes. For example, *Painting.graphite** would be unsaved but *Painting.graphite* would have no changes following its last save.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/document-title.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The document title" /></p>
+
+### Window buttons
+
+On the right, the **window buttons** provide platform-specific controls for the application.
+
+<!-- In the (forthcoming) macOS desktop release, this appears on the left side instead. -->
+
+| | |
+|-|-|
+| **Web** | <p>A button to enter fullscreen mode is displayed.</p><p>The label "*Go fullscreen to access all hotkeys*" indicates that some shortcut keys like <kbd>Ctrl</kbd><kbd>N</kbd> (macOS: <kbd>⌘</kbd><kbd>N</kbd>) are reserved by the web browser and can only be used in fullscreen mode. (An alternative to going fullscreen: include <kbd>Alt</kbd> in the shortcut combinations for browser-reserved hotkeys.)</p><p><img src="https://static.graphite.rs/content/learn/interface/window-buttons-web.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Fullscreen button" /></p> |
+<!-- | **Windows<br />& Linux** | The standard window controls are displayed: minimize, maximize/restore down, and close.<br /><br /><img src="https://static.graphite.rs/content/learn/interface/window-buttons-windows-linux.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Minimize/maximize/close window buttons" /> | -->
+<!-- | **macOS** | The standard window controls are displayed: close, minimize, and fullscreen. These are located on the left of the title bar.<br /><br /><img src="https://static.graphite.rs/content/learn/interface/window-buttons-macos.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Close/minimize/fullscreen window buttons" /> | -->
+
+## Workspace
+
+The **workspace** is the editor's main content area, filled with **panels** arranged next to one another. The **gutter** lines, located between neighboring panels, may be dragged to resize them.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/workspace__3.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The workspace" /></p>
+
+### Panels
+
+Panels are regions of the UI dedicated to a specific purpose. [**Document**](./document-panel), Properties, and Layers are presently the three panel types.
+
+Each panel name is shown in its **panel header**. Panel tabs offer a quick way to swap between multiple panels occupying the same area (currently only documents support this).
+
+Down the road, these tabs will be dockable so the default layout may be customized.
+
+Beneath the panel header, the **panel content** displays the content for its panel type. Each will be described in the following pages.
+
+## Status bar
+
+The bar running across the bottom of the editor is called the **status bar**.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/status-bar__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Status bar" /></p>
+
+### Input hints
+
+The **input hints** are presently the only occupant of the status bar. They indicate what common keyboard and mouse inputs are valid in the current context. Hints change with each active tool as well as with the current interaction state. Keep a frequent eye on the hints to discover more features as you work.
+
+Hints with a **`+`** mean that adding the indicated modifier key will change the base action. For example: in the following action, dragging with left-click held down will zoom the canvas; then additionally holding the <kbd>Ctrl</kbd> key will make the zoom action snap to whole increments.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/input-hints-plus.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Example hint" /></p>
+
+Hints with a **`/`** mean that either indicated input combination can be used to trigger the same action. For example: in the following action, either holding the space bar while dragging with the left mouse button held down, or just dragging with the middle mouse button held down, will both pan around the document in the viewport.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/input-hints-slash.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Example hint" /></p>
+
+The following chart describes each icon representing the mouse inputs you can perform so a hint's prescribed action occurs.
+
+| | Clicks | Drags | Others |
+|-|:-:|:-:|:-:|
+| | | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-drag.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Drag icon" /><br style="line-height: 4" />Drag | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-stationary.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Mouse kept stationary icon" /><br style="line-height: 4" />Stationary |
+| **Left<br />mouse<br />button** | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-left-click.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Left click icon" /><br style="line-height: 4" />Left click | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-left-click-drag.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Left click drag icon" /><br style="line-height: 4" />Left click drag | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-left-double-click.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Left double-click icon" /><br style="line-height: 4" />Left double-click |
+| **Right<br />mouse<br />button** | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-right-click.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Right click icon" /><br style="line-height: 4" />Right click | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-right-click-drag.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Right click drag icon" /><br style="line-height: 4" />Right click drag | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-right-double-click.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Right double-click icon" /><br style="line-height: 4" />Right double-click |
+| **Middle<br />mouse<br />button** | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-middle-click.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Middle click icon" /><br style="line-height: 4" />Middle click | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-middle-click-drag.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Middle click drag icon" /><br style="line-height: 4" />Middle click drag | <img src="https://static.graphite.rs/content/learn/interface/mouse-icon-scroll.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Scroll up/down icons" /><br style="line-height: 4" />Scroll up/down |
diff --git a/website/content/learn/interface/document-panel.md b/website/content/learn/interface/document-panel.md
new file mode 100644
index 0000000000000000000000000000000000000000..ea8bbee5a05ac2f590dcbf4e1a149c771b963cf2
--- /dev/null
+++ b/website/content/learn/interface/document-panel.md
@@ -0,0 +1,98 @@
++++
+title = "Document panel"
+
+[extra]
+order = 2
++++
+
+The **Document panel** is the main content area where the artwork is displayed and edited using **tools** within the **viewport**. It's also where the **node graph** can be overlaid by pressing <kbd>Ctrl</kbd><kbd>Space</kbd>.
+
+The viewport is for interactive, visual editing of the **canvas**. The node graph is where you can inspect the underlying structure of the document and edit it in a more technical manner when the need arises.
+
+There is one instance of the Document panel per open document file. Each has its own tab labeled with its file name. When a document has unsaved changes, an `*` is included at the end of the name.
+
+The Document panel is composed of three main areas:
+
+- The **control bar** runs across the top of the panel and shows tool and viewport controls.
+- The **tool shelf** is the vertical bar that runs down the left of the panel showing the editing tools and working colors.
+- The **viewport** fills most of the panel and contains a view of the canvas which can be interactively edited using the tools.
+
+## Control bar
+
+Here is where you control your interaction with the document via active tool and view options.
+
+<!--
+### Editing modes
+
+Only the default mode is currently implemented. Others will be added in the future and this dropdown is a placeholder for that.
+
+| | |
+|-|-|
+| <img src="https://static.graphite.rs/content/learn/interface/document-panel/editing-modes__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="The editing modes dropdown menu" /> | The default, **Design Mode**, is for directly editing the artwork.<br /><br />Once implemented, **Select Mode** will be where marquee selections are made to constrain the active tool's edits to a masked area of choice.<br /><br />Once implemented, **Guide Mode** will be for creating guides and constraint systems used for alignment and constraint-based layout. |
+-->
+
+### Tool controls
+
+The left side of the control bar has controls pertaining to the active tool. It's empty for some tools.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/document-panel/tool-options__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Example of the tool controls for the Select tool" /></p>
+
+The example above shows the Select tool controls. Because the Select tool deals with selecting and transforming layers, its controls include:
+- The selection mode to determine if the deepest or shallowest layer in a nested hierarchy is selected when clicked.
+- The point about which the **transform cage** is centered.
+- Actions to align and distribute the selected layers amongst themselves.
+- Actions to flip the selected layers horizontally or vertically.
+- Actions to cut or combine selected layers with themselves using boolean operations.
+
+Depending on which tool is active, these will change to reflect the pertinent options.
+
+### Viewport controls
+
+The right side of the control bar has controls related to the active document and viewport.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/document-panel/viewport-options__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The viewport controls" /></p>
+
+| | |
+|-|-|
+| Overlays | <p>When checked (default), overlays are shown. When unchecked, they are hidden. Overlays are the temporary contextual visualizations (like bounding boxes and vector manipulators) that are usually blue and appear atop the viewport when using tools.</p> |
+| Snapping | <p>When checked (default), drawing and dragging shapes and vector points means they will snap to other areas of geometric interest like corners or anchor points. When unchecked, the selection moves freely.<br /><br />Fine-grained options are available by clicking the overflow button to access its options popover menu. Each option has a tooltip explaining what it does by hovering the cursor over it.</p><p><img src="https://static.graphite.rs/content/learn/interface/document-panel/snapping-popover__5.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="Snapping options popover menu" /></p><p>Snapping options relating to **Bounding Boxes**:</p><p><ul><li>**Align with Edges**: Snaps to horizontal/vertical alignment with the edges of any layer's bounding box.</li><li>**Corner Points**: Snaps to the four corners of any layer's bounding box.</li><li>**Center Points**: Snaps to the center point of any layer's bounding box.</li><li>**Edge Midpoints**: Snaps to any of the four points at the middle of the edges of any layer's bounding box.</li><li>**Distribute Evenly**: Snaps to a consistent distance offset established by the bounding boxes of nearby layers (due to a bug, **Corner Points** and **Center Points** must be enabled).</li></ul></p><p>Snapping options relating to **Paths**:</p><p><ul><li>**Align with Anchor Points**: Snaps to horizontal/vertical alignment with the anchor points of any vector path.</li><li>**Anchor Points**: Snaps to the anchor point of any vector path.</li><li>**Line Midpoints**: Snaps to the point at the middle of any straight line segment of a vector path.</li><li>**Path Intersection Points**: Snaps to any points where vector paths intersect.</li><li>**Along Paths**: Snaps along the length of any vector path.</li><li>**Normal to Paths**: Snaps a line to a point perpendicular to a vector path (due to a bug, **Intersections of Paths** must be enabled).</li><li>**Tangent to Paths**: Snaps a line to a point tangent to a vector path (due to a bug, **Intersections of Paths** must be enabled).</li></ul></p> |
+| Grid | <p>When checked (off by default), grid lines are shown and snapping to them becomes active. The initial grid scale is 1 document unit, helping you draw pixel-perfect artwork.</p><ul><li><p>**Type** sets whether the grid pattern is made of squares or triangles.</p><p>**Rectangular** is a pattern of horizontal and vertical lines:</p><p><img src="https://static.graphite.rs/content/learn/interface/document-panel/grid-rectangular-popover__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="Snapping options popover menu" /></p><p>It has one option unique to this mode:</p><ul><li>**Spacing** is the width and height of the rectangle grid cells.</li></ul><p>**Isometric** is a pattern of triangles:</p><p><img src="https://static.graphite.rs/content/learn/interface/document-panel/grid-isometric-popover__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="Snapping options popover menu" /></p><p>It has two options unique to this mode:</p><ul><li>**Y Spacing** is the height between vertical repetitions of the grid.</li><li>**Angles** is the slant of the upward and downward sloped grid lines.</li></ul></li><li>**Display** gives control over the appearance of the grid. The **Display as dotted grid** checkbox (off by default) replaces the solid lines with dots at their intersection points.</li><li>**Origin** is the position in the canvas where the repeating grid pattern begins from. If you need an offset for the grid where an intersection occurs at a specific location, set those coordinates.</li></ul> |
+| View Mode | <p>**Normal** (default): The artwork is rendered normally.</p><p>**Outline**: The artwork is rendered as a wireframe.</p><p>**Pixels**: **Not implemented yet.** The artwork is rendered as it would appear when exported as a bitmap image at 100% scale regardless of the viewport zoom level.</p> |
+| Zoom In | <p>Zooms the viewport in to the next whole increment.</p> |
+| Zoom Out | <p>Zooms the viewport out to the next whole increment.</p> |
+| Reset Tilt and Zoom to 100% | <p>Resets the viewport tilt to 0°. Resets the viewport zoom to 100% which matches the canvas and viewport pixel scale 1:1.</p> |
+| Viewport Zoom | <p>Indicates the current zoom level of the viewport and allows precise values to be chosen.</p> |
+| Viewport Tilt | <p>Hidden except when the viewport is tilted (use the *View* > *Tilt* menu action). Indicates the current tilt angle of the viewport and allows precise values to be chosen.</p> |
+| Node Graph | <p>Toggles the visibility of the overlaid node graph.</p> |
+
+## Tool shelf
+
+This narrow bar runs vertically down the left side of the Document panel beside the viewport.
+
+### Tools
+
+Located at the top of the tool shelf area, the **tool shelf** provides a selection of **tools** for interactively editing the artwork.
+
+| | |
+|-|-|
+| <img src="https://static.graphite.rs/content/learn/interface/document-panel/tool-shelf__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="The tool shelf" /> | <p>The tool shelf is split into three sections: the **general tools** (gray icons), **vector tools** (blue icons), and **raster tools** (orange icons).</p><p><ul><li>**General tools** are used for assorted editing tasks within the viewport.</li><li>**Vector tools** are used for drawing and editing vector shapes, paths, and text.</li><li>**Raster tools** are used for drawing and editing raster image content. The grayed out icons are placeholders for upcoming tools.</li></ul></p> |
+
+### Working colors
+
+The **working colors** are the two colors used by the active tool.
+
+| | |
+|-|-|
+| <img src="https://static.graphite.rs/content/learn/interface/document-panel/working-colors.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The working colors" /> | <p>The upper circle is the **primary color**. The lower circle is the **secondary color**.</p><p>There are two buttons located underneath: **Swap** which reverses the current color choices, and **Reset** which restores the primary color to black and the secondary color to white.</p> |
+
+The tool controls (above the viewport) for some of the tools offer choices for using the primary and secondary colors. For example, the vector drawing tools have **Fill** and **Stroke** options that use the current secondary and primary colors, respectively, as defaults:
+
+<p><img src="https://static.graphite.rs/content/learn/interface/document-panel/tool-options-fill-stroke-colors__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="The Fill and Stroke controls for a vector tool's controls" /></p>
+
+These options each allow choices of being driven by the primary working color, secondary working color, or a custom color set just for that tool.
+
+## Viewport
+
+The **viewport** is the view into the canvas. It lets you interact visually with the artwork content. It also displays temporary contextual **overlays** atop the content to assist with your editing.
+
+The viewport is also surrounded by **scrollbars** and **rulers** around its edges. Scrollbars, located along the bottom/right edges, allow scrolling the artwork to show different parts in the viewport. Rulers, located along the top/left edges, offer dimensional information for the area of the canvas that's within view. They can be hidden with the *View* > *Rulers* toggleable menu option.
diff --git a/website/content/learn/interface/menu-bar.md b/website/content/learn/interface/menu-bar.md
new file mode 100644
index 0000000000000000000000000000000000000000..a48caa55b95ab4cee2f0dfdf796c6cf8340d4977
--- /dev/null
+++ b/website/content/learn/interface/menu-bar.md
@@ -0,0 +1,118 @@
++++
+title = "Menu bar"
+
+[extra]
+order = 1
++++
+
+The **menu bar** is the series of menus running across the top left of the editor's [**title bar**](../#title-bar). It provides organized access to many actions which are described on this page.
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The menu bar" /></p>
+
+Clicking **File**, **Edit**, **Layer**, **Document**, **View**, and **Help** opens a dropdown menu with clickable actions. Pay attention to the keyboard shortcut listed on the right of each row in the dropdown menus. Learning to use them can help speed up your workflow.
+
+The rest of this page is intended as a reference resource. Skip ahead to the next page if this is your first read-through of the manual.
+
+## App button
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/menu-app-button.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The app button" /></p>
+
+The **app button** shows the [Graphite logo](/logo). Clicking it opens the Graphite website [home page](/).
+
+## File
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/menu-file__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The File menu" /></p>
+
+The **File menu** lists actions related to file handling:
+
+| | |
+|-|-|
+| New… | <p>Opens the **New Document** dialog for creating a blank canvas in a new editor tab.</p><p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/dialog-new-document.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The 'New Document' dialog" /></p> |
+| Open… | <p>Opens the operating system file picker dialog for selecting a `.graphite` file from disk to be opened in a new editor tab.</p> |
+| Open Demo Artwork… | <p>Opens the **Demo Artwork** dialog for loading a choice of premade sample artwork files provided for you to explore. Click the button below each image to open it.</p><p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/dialog-demo-artwork__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The 'Demo Artwork' dialog" /></p> |
+| Close | <p>Closes the active document. If it has unsaved changes (denoted by the `*` after the file name), you will be asked to save or discard the changes.</p> |
+| Close All | <p>Closes all open documents. To avoid accidentally losing unsaved work, you will be asked to confirm that you want to proceed which will discard the unsaved changes in all open documents.</p> |
+| Save | <p>Saves the active document by writing the `.graphite` file to disk. An operating system file download dialog may appear asking where to place it. That dialog will provide an opportunity to save over a previous version of the file, if you wish, by picking the identical name instead of saving another instance with a number after it.</p> |
+| Import… | <p>Opens the operating system file picker dialog for selecting an image file from disk to be placed as a new bitmap image layer or SVG content into the active document.</p> |
+| Export… | <p>Opens the **Export** dialog for saving the artwork as a *File Type* of *PNG*, *JPG*, or *SVG*. *Scale Factor* multiplies the content's document scale, so a value of 2 would export 300x400 content as 600x800 pixels. *Bounds* picks what area to render: *All Artwork* uses the bounding box of all layers, *Selection* uses the bounding box of the currently selected layers, and an *Artboard: \[Name\]* uses the bounds of that artboard. *Transparency* exports PNG or SVG files with transparency instead of the artboard background color.<br /><br /><img src="https://static.graphite.rs/content/learn/interface/menu-bar/dialog-export.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The 'Export' dialog" /></p> |
+| Preferences… | <p>Opens the **Editor Preferences** dialog for configuring Graphite's settings.<br /><br /><img src="https://static.graphite.rs/content/learn/interface/menu-bar/dialog-editor-preferences__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The 'Editor Preferences' dialog" /></p> |
+
+## Edit
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/menu-edit__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The Edit menu" /></p>
+
+The **Edit menu** lists actions related to the editing workflow:
+
+| | |
+|-|-|
+| Undo | <p>Steps back in the history of changes in the active document.</p> |
+| Redo | <p>Steps forward in the history of changes in the active document.</p> |
+| Cut | <p>Copies the selected layer(s) to the clipboard, then deletes them.</p> |
+| Copy | <p>Copies the selected layer(s) to the clipboard.</p> |
+| Paste | <p>Pastes the copied layer(s) from the clipboard into the document. It will end up directly above the selected layer, or otherwise at the base of the folder structure.</p><p>In the web version of Graphite, your browser will ask for permission to read from your clipboard which you must grant; alternatively, using the hotkey <kbd>Ctrl</kbd><kbd>V</kbd> (macOS: <kbd>⌘</kbd><kbd>V</kbd>) works without the browser needing this permission.</p> |
+
+## Layer
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/menu-layer__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The Layer menu" /></p>
+
+The **Layer menu** lists actions related to the layers within a document:
+
+| | |
+|-|-|
+| New | <p>Creates a new layer in the active document. It will end up directly above the selected layer, or otherwise at the base of the folder structure.</p> |
+| Select All | <p>Selects all layers and folders in the document.</p> |
+| Deselect All | <p>Deselects everything in the document.</p> |
+| Previous Selection | <p>Goes back to the previously selected set of layers/nodes in the selection history.</p><p>If the side of your mouse has navigation buttons, you can use the back button as a shortcut (not supported in Firefox).</p> |
+| Next Selection | <p>Goes forward to the next selected set of layers/nodes in the selection history.</p><p>If the side of your mouse has navigation buttons, you can use the forward button as a shortcut (not supported in Firefox).</p> |
+| Group Selected | <p>Creates a new folder in place of the selected layer(s), then moves them into that folder.</p> |
+| Delete Selected | <p>Removes all selected layers and folders.</p> |
+| Grab Selected | <p>Begin grabbing the selected layer(s) to translate (move) them around with your cursor's movement. Lock to an axis with <kbd>X</kbd> or <kbd>Y</kbd> then use the number keys to type a pixel distance value. Confirm with a left click or <kbd>Enter</kbd>. Cancel with a right click or <kbd>Esc</kbd>.</p> |
+| Rotate Selected | <p>Begin rotating the selected layer(s) around their pivot point with your cursor's movement. Use the number keys to type an angle value in degrees. Confirm with a left click or <kbd>Enter</kbd>. Cancel with a right click or <kbd>Esc</kbd>.</p> |
+| Scale Selected | <p>Begin scaling the selected layer(s) around their pivot point with your cursor's movement. Lock to an axis with <kbd>X</kbd> or <kbd>Y</kbd>. Use the number keys to type a scale multiplier value. Confirm with a left click or <kbd>Enter</kbd>. Cancel with a right click or <kbd>Esc</kbd>.</p> |
+| Order ><br />Raise to Front | <p>Reorders the selected layer(s) above all others within their same folder(s), so they appear in the layer stack and render above those other layers.</p> |
+| Order ><br />Raise | <p>Reorders the selected layers(s) up by one in the layer stack, so any layer that was immediately above the selected layer(s) ends up immediately below.</p> |
+| Order ><br />Lower | <p>Reorders the selected layers(s) down by one in the layer stack, so any layer that was immediately below the selected layer(s) ends up immediately above.</p> |
+| Order ><br />Lower to Back | <p>Reorders the selected layer(s) below all others within their same folder(s), so they appear in the layer stack and render below those other layers.</p> |
+
+## Document
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/menu-document__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The Document menu" /></p>
+
+The **Document menu** lists actions related to the document and artwork:
+
+| | |
+|-|-|
+| Clear Artboards | <p>Removes all artboards from the document, resulting in an infinite canvas.</p> |
+
+## View
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/menu-view__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The View menu" /></p>
+
+The **View menu** lists actions related to the view of the canvas within the viewport:
+
+| | |
+|-|-|
+| Tilt | <p>Begins tilting the viewport angle based on your mouse movements.</p><p>While tilting, hold <kbd>Shift</kbd> to snap to 15° increments. Confirm with a left click or <kbd>Enter</kbd>. Cancel with a right click or <kbd>Esc</kbd>.</p> |
+| Reset Tilt | <p>Sets the viewport tilt angle back to 0°.</p> |
+| Zoom In | <p>Narrows the view to the next whole zoom increment, such as:</p><p>25%, 33.33%, 40%, 50%, 66.67%, 80%, 100%, 125%, 160%, 200%, 250%, 320%, 400%, 500%</p> |
+| Zoom Out | <p>Widens the view to the next whole zoom increment, such as above.</p> |
+| Zoom to Selection | <p>Zooms and frames the viewport to the bounding box of the selected layer(s).</p> |
+| Zoom to Fit | <p>Zooms and frames the viewport to fit all artboards, or all artwork if using infinite canvas.</p> |
+| Zoom to 100% | <p>Zooms the viewport in or out to 100% scale, making the document and viewport scales match 1:1.</p> |
+| Zoom to 200% | <p>Zooms the viewport in or out to 200% scale, displaying the artwork at twice the actual size.</p> |
+| Flip | <p>Mirrors the viewport horizontally, flipping the view of the artwork until deactivated.</p> |
+| Rulers | <p>Toggles visibility of the rulers along the top/left edges of the viewport.</p> |
+
+## Help
+
+<p><img src="https://static.graphite.rs/content/learn/interface/menu-bar/menu-help__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="The Help menu" /></p>
+
+The **Help menu** lists actions related to information about Graphite:
+
+| | |
+|-|-|
+| About Graphite… | <p>Opens the **About Graphite** dialog for displaying release and license information. You can check it for the release date of the current editor version.</p> |
+| User Manual | <p>Opens this [user manual](./learn).</p> |
+| Report a Bug | <p>Opens a page to file a [new GitHub issue](https://github.com/GraphiteEditor/Graphite/issues/new).</p> |
+| Visit on GitHub | <p>Opens the [Graphite GitHub repository](https://github.com/GraphiteEditor/Graphite).</p> |
+| *Debug section* | <p>Developer-only actions. Users should ignore these.</p> |
diff --git a/website/content/learn/introduction/_index.md b/website/content/learn/introduction/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..a4c8d41b3922e9db09ae70649460dddb79ddfff3
--- /dev/null
+++ b/website/content/learn/introduction/_index.md
@@ -0,0 +1,34 @@
++++
+title = "Introduction"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 1
+js = ["/js/youtube-embed.js"]
+css = ["/component/youtube-embed.css"]
++++
+
+<!-- Before taking the time to read the coming chapters, let's build some context by jumping straight into a small project that you can follow along with. That way you will have a mental framework for the topics explained in the rest of this manual. -->
+
+Begin learning Graphite by watching the introductory tutorial videos below.
+
+One is available now, and more will be released on a regular basis throughout early 2025.
+
+## Tutorial series
+
+### Video 1
+
+<!-- You can follow along with this starter project either by watching the tutorial video or referencing the step-by-step breakdown. -->
+
+<div class="youtube-embed aspect-16x9">
+	<img data-youtube-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
+</div>
+
+### Video 2
+
+*Coming soon.*
+
+<!-- TODO -->
+<!-- - Video tutorial -->
+<!-- - Step-by-step written form -->
diff --git a/website/content/learn/introduction/features-and-limitations.md b/website/content/learn/introduction/features-and-limitations.md
new file mode 100644
index 0000000000000000000000000000000000000000..ee2accdb103ac3441310ae0d88ba7deb44f1bd1f
--- /dev/null
+++ b/website/content/learn/introduction/features-and-limitations.md
@@ -0,0 +1,86 @@
++++
+title = "Features and limitations"
+
+[extra]
+order = 1
++++
+
+Bear in mind that Graphite is alpha software, meaning it is actively changing and improving.
+
+## Current capabilities
+
+A lot is planned on the future [roadmap](/features#roadmap), but here's an overview of the concepts behind the selection of workflows you can currently use in Graphite.
+
+### Vector illustration and graphic design
+
+| | |
+|-|-|
+| <p>Vector editing is the core competency of the Graphite editor at this stage in its development. That means you can create shape-based vector artwork and designs with the available tools.</p><p>Primitive geometry like rectangles and ellipses can be drawn and, as desired, modified into more complex shapes using the Path tool. Fully organic shapes may also be created from scratch with the Pen tool. They can then be given colors and gradients to add visual style. This cactus is an example of the style of artwork you can create with vector graphics.</p> | <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/cactus-vector-art.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Example vector artwork of a potted cactus" style="max-width: unset" /> |
+
+### Procedural design
+
+A procedural content generation workflow lets you describe *how* a creative decision becomes a visual outcome rather than doing it all yourself. For example, copying a shape 25 times around the inside of a circle would be tedious work if done by hand but it's easy for the computer to do it. And if you decide 10 instances may look better than 25, or you want to change the copied shape, or you opt for a different radial separation, it's easy to just update a numerical parameter. That saves you from laboriously placing every shape all over again. You're able to build a *procedure* that the computer carries out on your behalf.
+
+The aforementioned example takes the form of the <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node__3.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" style="vertical-align: middle" alt="Circular Repeat" /> node which is represented as this box-shaped entity with colored *connectors* on either end. *Nodes* encode certain operations (or functions) in the procedure that generates your artwork. Once you've drawn some content, you can see the nodes which generate it by opening the *node graph* with the <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/node-graph-button.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" style="vertical-align: middle" alt="'Node Graph' button" /> button located to the top right of the viewport. This example may have a node setup which looks like this:
+
+<p><img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/path-fill-circular-repeat-layer.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Path node, Fill node, Circular Repeat node in a sequence feeding into the Untitled Layer" /></p>
+
+Starting from the left, the <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/path-node.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" style="vertical-align: middle" alt="Path" /> node generates some geometry (in this case, drawn using the *Pen* tool). Next, the vector path data feeds through the <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/fill-node__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" style="vertical-align: middle" alt="Fill" /> node to apply a blue color. At this point, the path data looks like so:
+
+<p><img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/blue-arch-shape.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /></p>
+
+Next, that is fed into the <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node__3.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" style="vertical-align: middle" alt="Circular Repeat" /> node which has several parameters you can modify and get different output data based on your choices, like in these examples:
+
+<style class="table-1-style">
+.table-1-style + table {
+	width: auto;
+}
+
+.table-1-style + table td {
+	vertical-align: middle;
+	text-align: center;
+}
+</style>
+
+| | |
+|-|-|
+| <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node-parameters-1__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /> | <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node-output-1.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /> |
+| <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node-parameters-2__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /> | <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node-output-2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /> |
+| <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node-parameters-3__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /> | <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node-output-3.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /> |
+| <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node-parameters-4__2.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /> | <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/circular-repeat-node-output-4.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" /> |
+
+The node's properties offer controls over settings like *Angle Offset* (what angle to start at), *Radius* (distance from the center), and *Instances* (how many copies to distribute). These parameters can also be exposed into the graph so they are driven by the calculated numerical outputs of other nodes instead of values you pick by hand.
+
+### Raster compositing
+
+Raster image editing is a growing capability that will develop over time into the central focus of Graphite. Raster imagery is composed of pixels which are grids of color that can represent anything visual, like paintings and photographs. The current feature set lets you import images, manipulate them using the node-based compositor, and apply nondestructive global effects like color adjustment filters.
+
+A prototype <img src="https://static.graphite.rs/content/learn/introduction/features-and-limitations/brush-tool-icon.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="" style="vertical-align: bottom" /> Brush tool exists letting you draw simple doodles and sketches. However it is very limited in its capabilities and there are multiple bugs and performance issues with the feature. It can be used in a basic capacity, but don't expect to paint anything too impressive using raster brushes quite yet. The tool will be fully rewritten in the future.
+
+## Status and limitations
+
+Please make yourself aware of these factors to better understand and work around the rough edges in today's Graphite editor.
+
+### Evolving document format
+
+Saved documents will eventually fail to render in future versions of the Graphite editor because of code changes. Since node implementations and other systems are in flux, file format stability isn't possible yet during this alpha stage of development. If a file opens but there's a rendering error, you may need to open the node graph and replace outdated nodes by creating new ones near the site of an error. Later in the development roadmap, a redesigned file format with a `.gdd` (Graphite Design Document) extension will replace `.graphite` files and it will be built with seamless backwards-compatability in mind.
+
+### Limited raster tooling
+
+While you can import bitmap images, apply image effects in the node graph, and draw brush strokes, there is not much tooling yet to make the overall raster workflow that useful. Marquee selection is an upcoming feature slated for later in 2025 which will significantly improve the utility of raster editing in Graphite.
+
+Hardware accelerated rendering, to offload pixel processing from the CPU to GPU, is also planned for 2025. It will drastically improve the performance of working with millions of pixels.
+
+### Performance bottlenecks
+
+Graphite has several temporary performance bottlenecks that currently yield poor responsiveness when working with raster content, complex vector artwork, and large procedural node graphs. This is especially impactful for raster content. It also currently applies to large volumes of vector data, such as paragraphs worth of text (which is represented as vector paths).
+
+Each of these limitations will be resolved by finishing the implementations of incomplete systems that impose slowdowns in their current forms. For example, certain opportunities for node graph caching are not operational and GPU-accelerated rendering isn't enabled yet.
+
+Performance will be a high-priority focus throughout 2025.
+
+### Best-effort Safari support
+
+Old versions of Safari lack support for the web standards Graphite is built upon. The latest version of the browser still won't run Graphite as well as Chrome and you may encounter extra bugs because we have limited resources to regularly test for Safari issues. Feel free to file issues only if you're using the latest Safari version and find a bug that isn't present in Chrome.
+
+The latest Chrome, Edge, or Opera browser is recommended for the best-supported experience. Firefox works reasonably well, with only some minor loss of quality-of-life features. Brave is likely to encounter issues due to its aggressive degradation of web standards.
diff --git a/website/content/license.md b/website/content/license.md
new file mode 100644
index 0000000000000000000000000000000000000000..98043dd0a901e577d8d2bb7fd7e7abecd47b2fbc
--- /dev/null
+++ b/website/content/license.md
@@ -0,0 +1,203 @@
++++
+title = "Graphite license"
+
+[extra]
+css = ["/layout/reading-material.css"]
++++
+
+<section class="reading-material">
+<div class="block">
+
+# Graphite license
+
+<article>
+
+Graphite is open source software built by the community. The application is free to use by anyone for any purpose, even commercially. The artwork you produce is solely yours.
+
+The source code [available on GitHub](https://github.com/GraphiteEditor/Graphite) (including the Graphite editor application, libraries, and other software materials) is provided under the Apache 2.0 license posted below, unless otherwise noted within the repository.
+
+Visual assets, including but not limited to brand graphics, logos, fonts, icon sets, SVG data, and sample artworks are excluded from this code license and held under copyright by their respective owners. Derivative works must substitute these assets before distributing modified releases of the software. This protects the integrity of the [brand](/logo) and encourages the community to [contribute](/volunteer) back to the official project instead of fragmenting the ecosystem.
+
+---
+
+Apache License  
+Version 2.0, January 2004  
+<http://www.apache.org/licenses/>
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+	"License" shall mean the terms and conditions for use, reproduction,
+	and distribution as defined by Sections 1 through 9 of this document.
+
+	"Licensor" shall mean the copyright owner or entity authorized by
+	the copyright owner that is granting the License.
+
+	"Legal Entity" shall mean the union of the acting entity and all
+	other entities that control, are controlled by, or are under common
+	control with that entity. For the purposes of this definition,
+	"control" means (i) the power, direct or indirect, to cause the
+	direction or management of such entity, whether by contract or
+	otherwise, or (ii) ownership of fifty percent (50%) or more of the
+	outstanding shares, or (iii) beneficial ownership of such entity.
+
+	"You" (or "Your") shall mean an individual or Legal Entity
+	exercising permissions granted by this License.
+
+	"Source" form shall mean the preferred form for making modifications,
+	including but not limited to software source code, documentation
+	source, and configuration files.
+
+	"Object" form shall mean any form resulting from mechanical
+	transformation or translation of a Source form, including but
+	not limited to compiled object code, generated documentation,
+	and conversions to other media types.
+
+	"Work" shall mean the work of authorship, whether in Source or
+	Object form, made available under the License, as indicated by a
+	copyright notice that is included in or attached to the work
+	(an example is provided in the Appendix below).
+
+	"Derivative Works" shall mean any work, whether in Source or Object
+	form, that is based on (or derived from) the Work and for which the
+	editorial revisions, annotations, elaborations, or other modifications
+	represent, as a whole, an original work of authorship. For the purposes
+	of this License, Derivative Works shall not include works that remain
+	separable from, or merely link (or bind by name) to the interfaces of,
+	the Work and Derivative Works thereof.
+
+	"Contribution" shall mean any work of authorship, including
+	the original version of the Work and any modifications or additions
+	to that Work or Derivative Works thereof, that is intentionally
+	submitted to Licensor for inclusion in the Work by the copyright owner
+	or by an individual or Legal Entity authorized to submit on behalf of
+	the copyright owner. For the purposes of this definition, "submitted"
+	means any form of electronic, verbal, or written communication sent
+	to the Licensor or its representatives, including but not limited to
+	communication on electronic mailing lists, source code control systems,
+	and issue tracking systems that are managed by, or on behalf of, the
+	Licensor for the purpose of discussing and improving the Work, but
+	excluding communication that is conspicuously marked or otherwise
+	designated in writing by the copyright owner as "Not a Contribution."
+
+	"Contributor" shall mean Licensor and any individual or Legal Entity
+	on behalf of whom a Contribution has been received by Licensor and
+	subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+	this License, each Contributor hereby grants to You a perpetual,
+	worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+	copyright license to reproduce, prepare Derivative Works of,
+	publicly display, publicly perform, sublicense, and distribute the
+	Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+	this License, each Contributor hereby grants to You a perpetual,
+	worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+	(except as stated in this section) patent license to make, have made,
+	use, offer to sell, sell, import, and otherwise transfer the Work,
+	where such license applies only to those patent claims licensable
+	by such Contributor that are necessarily infringed by their
+	Contribution(s) alone or by combination of their Contribution(s)
+	with the Work to which such Contribution(s) was submitted. If You
+	institute patent litigation against any entity (including a
+	cross-claim or counterclaim in a lawsuit) alleging that the Work
+	or a Contribution incorporated within the Work constitutes direct
+	or contributory patent infringement, then any patent licenses
+	granted to You under this License for that Work shall terminate
+	as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+	Work or Derivative Works thereof in any medium, with or without
+	modifications, and in Source or Object form, provided that You
+	meet the following conditions:
+
+	(a) You must give any other recipients of the Work or
+		Derivative Works a copy of this License; and
+
+	(b) You must cause any modified files to carry prominent notices
+		stating that You changed the files; and
+
+	(c) You must retain, in the Source form of any Derivative Works
+		that You distribute, all copyright, patent, trademark, and
+		attribution notices from the Source form of the Work,
+		excluding those notices that do not pertain to any part of
+		the Derivative Works; and
+
+	(d) If the Work includes a "NOTICE" text file as part of its
+		distribution, then any Derivative Works that You distribute must
+		include a readable copy of the attribution notices contained
+		within such NOTICE file, excluding those notices that do not
+		pertain to any part of the Derivative Works, in at least one
+		of the following places: within a NOTICE text file distributed
+		as part of the Derivative Works; within the Source form or
+		documentation, if provided along with the Derivative Works; or,
+		within a display generated by the Derivative Works, if and
+		wherever such third-party notices normally appear. The contents
+		of the NOTICE file are for informational purposes only and
+		do not modify the License. You may add Your own attribution
+		notices within Derivative Works that You distribute, alongside
+		or as an addendum to the NOTICE text from the Work, provided
+		that such additional attribution notices cannot be construed
+		as modifying the License.
+
+	You may add Your own copyright statement to Your modifications and
+	may provide additional or different license terms and conditions
+	for use, reproduction, or distribution of Your modifications, or
+	for any such Derivative Works as a whole, provided Your use,
+	reproduction, and distribution of the Work otherwise complies with
+	the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+	any Contribution intentionally submitted for inclusion in the Work
+	by You to the Licensor shall be under the terms and conditions of
+	this License, without any additional terms or conditions.
+	Notwithstanding the above, nothing herein shall supersede or modify
+	the terms of any separate license agreement you may have executed
+	with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+	names, trademarks, service marks, or product names of the Licensor,
+	except as required for reasonable and customary use in describing the
+	origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+	agreed to in writing, Licensor provides the Work (and each
+	Contributor provides its Contributions) on an "AS IS" BASIS,
+	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+	implied, including, without limitation, any warranties or conditions
+	of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+	PARTICULAR PURPOSE. You are solely responsible for determining the
+	appropriateness of using or redistributing the Work and assume any
+	risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+	whether in tort (including negligence), contract, or otherwise,
+	unless required by applicable law (such as deliberate and grossly
+	negligent acts) or agreed to in writing, shall any Contributor be
+	liable to You for damages, including any direct, indirect, special,
+	incidental, or consequential damages of any character arising as a
+	result of this License or out of the use or inability to use the
+	Work (including but not limited to damages for loss of goodwill,
+	work stoppage, computer failure or malfunction, or any and all
+	other commercial damages or losses), even if such Contributor
+	has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+	the Work or Derivative Works thereof, You may choose to offer,
+	and charge a fee for, acceptance of support, warranty, indemnity,
+	or other liability obligations and/or rights consistent with this
+	License. However, in accepting such obligations, You may act only
+	on Your own behalf and on Your sole responsibility, not on behalf
+	of any other Contributor, and only if You agree to indemnify,
+	defend, and hold each Contributor harmless for any liability
+	incurred by, or claims asserted against, such Contributor by reason
+	of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+</article>
+
+</div>
+</section>
diff --git a/website/content/logo.md b/website/content/logo.md
new file mode 100644
index 0000000000000000000000000000000000000000..c4ab5698ddc8d80232337c6dfcb234d446b9e6f7
--- /dev/null
+++ b/website/content/logo.md
@@ -0,0 +1,98 @@
++++
+title = "Graphite logo"
+
+[extra]
+css = ["/page/logo.css", "/component/feature-box.css", "/layout/reading-material.css"]
++++
+
+<section class="reading-material">
+<div class="block">
+
+# Graphite logo
+
+<article>
+
+Graphite's logo is represented by the end of a pencil, drawing a sketch mark, that is protruding from a hexagon.
+
+The pencil and its streak, composed of graphite (the substance), signifies the software's name and its role as a drawing tool and versatile art medium.
+
+The hexagon represents one unit in the lattice grid chemical structure of graphene. The angled line is a double bond. This references the Graphene node engine which powers the Graphite editor. The lattice grid also resembles the nodes and edges of a mathematical graph, referencing the node graph that is fundamental to both the Graphene engine and Graphite editor. The first syllable of both names also alludes to that central node graph.
+
+## Usage policy
+
+The Graphite logo is made available for community use, with some limitations. While the software is free and open source, the brand identity is more restrictive. Please be respectful of the Graphite brand by reviewing the usage policy.
+
+Please be advised that the logo is not part of the software's Apache 2.0 [license](/license). Users of the logo must adhere to the usage policy:
+
+1. Do not use the Graphite logo as your own. It should not be used as your primary, or most visually prominent, branding. Your usage should not imply that it's a part of the official Graphite project, nor that it's endorsed or affiliated.
+2. Only use the logo when talking about, describing, referencing, or crediting the official Graphite project or software. If used as a hyperlink, it should point only to <https://graphite.rs>.
+3. Do not modify the logo. The solid-colored version may only be recolored with another substitute solid color if doing so is necessary for visual consistency when presented alongside other logos of the same color. Sufficient blank space should be preserved around the logo so it does not compete with impinging design elements.
+4. Commercial use of the logo (for example, merchandise sales) is not allowed without express written permission.
+
+If in doubt, please <a href="/contact">get in touch</a> by email to request clarification or permission.
+
+## Download
+
+Download the complete [logo kit](https://static.graphite.rs/logos/graphite-logo-kit.zip) or a specific version in PNG or SVG format below.
+
+</article>
+
+</div>
+</section>
+
+<section class="feature-box-outer logo-view color">
+	<div class="feature-box-inner">
+		<div>
+			<img src="https://static.graphite.rs/logos/graphite-logotype-color.svg" height="160" />
+			<span>Graphite Logotype (Color)</span>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-color.svg" download>Download (SVG)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-color-240x937.png" download>Download (PNG 240x937)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-color-480x1874.png" download>Download (PNG 480x1874)</a>
+		</div>
+		<div>
+			<img src="https://static.graphite.rs/logos/graphite-logo-color.svg" width="160" height="160" />
+			<span>Graphite Icon (Color)</span>
+			<a href="https://static.graphite.rs/logos/graphite-logo-color.svg" download>Download (SVG)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logo-color-240x240.png" download>Download (PNG 240x240)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logo-color-480x480.png" download>Download (PNG 480x480)</a>
+		</div>
+	</div>
+</section>
+
+<section class="feature-box-outer logo-view light">
+	<div class="feature-box-inner">
+		<div>
+			<img src="https://static.graphite.rs/logos/graphite-logotype-solid.svg" height="160" />
+			<span>Graphite Logotype (Solid)</span>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-solid.svg" download>Download (SVG)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-solid-240x937.png" download>Download (PNG 240x937)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-solid-480x1874.png" download>Download (PNG 480x1874)</a>
+		</div>
+		<div>
+			<img src="https://static.graphite.rs/logos/graphite-logo-solid.svg" width="160" height="160" />
+			<span>Graphite Icon (Solid)</span>
+			<a href="https://static.graphite.rs/logos/graphite-logo-solid.svg" download>Download (SVG)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logo-solid-240x240.png" download>Download (PNG 240x240)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logo-solid-480x480.png" download>Download (PNG 480x480)</a>
+		</div>
+	</div>
+</section>
+
+<section class="feature-box-outer logo-view dark">
+	<div class="feature-box-inner">
+		<div>
+			<img src="https://static.graphite.rs/logos/graphite-logotype-solid-white.svg" height="160" />
+			<span>Graphite Logotype (Solid, White)</span>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-solid-white.svg" download>Download (SVG)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-solid-white-240x937.png" download>Download (PNG 240x937)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logotype-solid-white-480x1874.png" download>Download (PNG 480x1874)</a>
+		</div>
+		<div>
+			<img src="https://static.graphite.rs/logos/graphite-logo-solid-white.svg" width="160" height="160" />
+			<span>Graphite Icon (Solid, White)</span>
+			<a href="https://static.graphite.rs/logos/graphite-logo-solid-white.svg" download>Download (SVG)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logo-solid-white-240x240.png" download>Download (PNG 240x240)</a>
+			<a href="https://static.graphite.rs/logos/graphite-logo-solid-white-480x480.png" download>Download (PNG 480x480)</a>
+		</div>
+	</div>
+</section>
diff --git a/website/content/press.md b/website/content/press.md
new file mode 100644
index 0000000000000000000000000000000000000000..614c6da592bf2d7e6789ca5921cbd9f81529678a
--- /dev/null
+++ b/website/content/press.md
@@ -0,0 +1,30 @@
++++
+title = "Press resources"
+
+[extra]
+css = ["/layout/reading-material.css"]
++++
+
+<section class="reading-material">
+<div class="block">
+
+# Press resources
+
+<article>
+
+Materials for journalists and creators looking to share Graphite with their audiences.
+
+## Contact
+
+Please get in touch if you'd like to conduct an interview or have questions answered.
+
+Send an email to [contact<wbr>@graphite<wbr>.rs](mailto:contact@graphite.rs) and you can usually expect a quick reply.
+
+## Logo
+
+Logos in PNG and SVG format are available for use in articles talking about Graphite. See the [logo](/logo) page for downloads.
+
+</article>
+
+</div>
+</section>
diff --git a/website/content/volunteer/_index.md b/website/content/volunteer/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..766db78feb6d33908d069345db576b31028fe6ab
--- /dev/null
+++ b/website/content/volunteer/_index.md
@@ -0,0 +1,124 @@
++++
+title = "Volunteer"
+
+[extra]
+css = ["/page/volunteer.css", "/component/feature-box.css"]
++++
+
+<section>
+<div class="block">
+
+# Get involved
+
+**Graphite is 100% built by volunteers.** Get involved in the effort to bring great, free creative software to the world.
+
+</div>
+</section>
+
+<section>
+
+## Code contributions
+
+<div class="feature-box-narrow">
+
+<a href="/volunteer/guide">
+	<img src="https://static.graphite.rs/content/volunteer/code-contributions.avif" class="feature-box-full-image" style="aspect-ratio: 3/1 auto; background: var(--color-seaside)" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Flavor graphic depicting a library of knowledge in a digital realm" />
+</a>
+
+Get started by reading the contributor guide:
+
+<a href="/volunteer/guide" class="button arrow">Contributor guide</a>
+
+</div>
+
+<div class="diptych code-contributions">
+
+<div class="block feature-box-narrow">
+
+<h1 class="feature-box-header">Editor team</h1>
+
+The Graphite editor is built much like a game engine, split across user interface application tooling and a renderer with nodes implementing an assortment of graphics algorithms.
+
+</div>
+<div class="block feature-box-narrow">
+
+<h1 class="feature-box-header">Compiler team</h1>
+
+[Graphene](/volunteer/guide/graphene) is a programming language, interpreter, and runtime environment built upon Rust which enables Graphite artwork to compile to executable programs for fast rendering.
+
+</div>
+
+</div>
+
+</section>
+
+<section>
+
+## Creative contributions
+
+<div class="feature-box-narrow">
+
+<img src="https://static.graphite.rs/content/volunteer/creative-contributions.avif" class="feature-box-full-image" style="aspect-ratio: 3/1 auto; background: var(--color-lemon)" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Flavor graphic depicting a fountain pen, ink pots, and a book" />
+</a>
+
+Assign yourself the *"🙌 Interested in helping with art or marketing"* role in the *#welcome* Discord channel. Then mention your experience and how you'd like to help in the *#introductions* channel.
+
+<a href="https://discord.graphite.rs" class="button arrow">Volunteer on Discord</a>
+
+</div>
+
+<div class="diptych creative-contributions">
+
+<div class="block feature-box-narrow">
+
+<h1 class="feature-box-header">Art team</h1>
+
+Use your artistic talents to conceptualize and produce high-quality open art projects published by the Graphite project to stress-test and showcase the editor's capabilities.
+
+</div>
+<div class="block feature-box-narrow">
+
+<h1 class="feature-box-header">Marketing team</h1>
+
+Help write, edit, and design content for this website, social media, newsletters, blog posts, user manual pages, videos, fundraising campaigns, press releases, and industry outreach.
+
+</div>
+
+</div>
+
+</section>
+
+<section>
+
+## User contributions
+
+<div class="feature-box-narrow">
+
+<img src="https://static.graphite.rs/content/volunteer/user-contributions.avif" class="feature-box-full-image" style="aspect-ratio: 3/1 auto; background: var(--color-lilac)" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Flavor graphic depicting a magnifying glass on the search for a software bug" />
+
+Assign yourself the *"🐒 Volunteer to get pinged regularly for QA testing"* or *"🤖 Interested in contributing code"* roles in the *#welcome* Discord channel. In the latter case, drop by the *#development* channel to get advice writing your first node.
+
+<a href="https://discord.graphite.rs" class="button arrow">Volunteer on Discord</a>
+
+</div>
+
+<div class="diptych user-contributions">
+
+<div class="block feature-box-narrow">
+
+<h1 class="feature-box-header">QA team</h1>
+
+Get familiar with the ins-and-outs of the editor and respond actively to developer requests on a recurring basis to test out new features and find bugs and breakages.
+
+</div>
+<div class="block feature-box-narrow">
+
+<h1 class="feature-box-header">Nodes team</h1>
+
+Explore and push the limits of the node graph with complex procedural designs. Report your findings about limitations, opportunities, and use cases to help in designing new nodes.
+
+</div>
+
+</div>
+
+</section>
diff --git a/website/content/volunteer/guide/_index.md b/website/content/volunteer/guide/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..a3d1518f5b99b718977b610f97ebe852ec79b62d
--- /dev/null
+++ b/website/content/volunteer/guide/_index.md
@@ -0,0 +1,17 @@
++++
+title = "Contributor guide"
+template = "book.html"
+page_template = "book.html"
+aliases = ["/contribute"]
+
+[extra]
+book = true
++++
+
+Welcome, potential contributor! We're excited to have you join the Graphite project and it's our goal to make the process as smooth as possible. This guide will serve as your library of knowledge to help you get started contributing to the project. If you find any information missing or unclear, please let us know through Discord or submit a pull request to help document the process for future contributors.
+
+The next page will cover how to compile the Graphite source code. But first, make sure you've joined our [Discord server](https://discord.graphite.rs) and assigned yourself the *"🤖 Interested in contributing code"* role from the `#🙂welcome` channel. Done that? Alright, proceed!
+
+<p>
+<img src="https://static.graphite.rs/content/volunteer/code-contributions.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.jpg')" alt="Flavor graphic depicting a library of knowledge in a digital realm" />
+</p>
diff --git a/website/content/volunteer/guide/_unpublished/product-design/_index.md b/website/content/volunteer/guide/_unpublished/product-design/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..48efda62feab49d5ca09ef20e17d7d6924b19198
--- /dev/null
+++ b/website/content/volunteer/guide/_unpublished/product-design/_index.md
@@ -0,0 +1,18 @@
++++
+title = "Product design"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 5 # Chapter number
++++
+
+**NOTE: Developers probably don't need to read this chapter.**
+
+A vital part in the success of open source software development is having a clear vision and direction for the product design. Failure to pull that off is a leading factor in the stagnation and mediocrity of many software projects.
+
+The Graphite project's founder and its principal product designer, Keavon, is in charge of maintaining and evolving the product design to ensure cohesion within the development process. This ranges from building the user interface design system and content layout as a mockup before it's replicated in HTML/CSS, to determining user workflows, to translating high-level goals into the constraints and requirements of specific features for the development team.
+
+The hardest part is translating an always-evolving network of ideas and thoughts comprehensively into written form in order to communicate the big (and little) ideas to collaborators. As the product develops, the design grows alongside the code and real usage of the developed features helps bring clarity to what's planned next. Since the design process never stops evolving, any attempt to write it down is inevitably doomed to become out of date. And the multitudes of mental state can't possibly all be written down.
+
+Despite the challenges with documenting design, this chapter aims to provide a living catalog of ideas surrounding some topics in the product design process. It won't be organized, nor complete, nor will it be always current. The best way to seek clarity about a topic is asking Keavon about it on Discord. **This chapter is optional reading** and is likely of minimal relevance to most code contributors.
diff --git a/website/content/volunteer/guide/_unpublished/product-design/glossary-of-terminology.md b/website/content/volunteer/guide/_unpublished/product-design/glossary-of-terminology.md
new file mode 100644
index 0000000000000000000000000000000000000000..0923a6547be50455908d980cd96d0dda6808b75e
--- /dev/null
+++ b/website/content/volunteer/guide/_unpublished/product-design/glossary-of-terminology.md
@@ -0,0 +1,68 @@
++++
+title = "Glossary of terminology"
+
+[extra]
+order = 3 # Page number after chapter intro
++++
+
+**NOTE: This is old. Some parts may not match current usage.**
+
+### Document
+A design source file created and edited in the Graphite editor. Saved to disk as a Graphite Design Document in a _GDD file_. Documents can be included as _layers_ inside other documents, and in doing so they take the form of _groups_. The _layer graph_ contents of a _group_ actually belong to the _embedded_ document's _subgraph_. Because a document is a _group_ which is a _layer_ in the _layer graph_, documents have _properties_ such as the _frames_ in the _canvas_. Documents are composed of a layer graph, a defined set of properties of set _data types_ that are _imported_ and _exported_, and the _properties_ of the _root layer_.
+### Asset
+A portable mechanism for distributing a "compiled" Graphite _document_ in a format that is immediately ready for rendering. Saved to disk as a Graphite Digital Asset in a _GDA file_. Assets are created by "flattening" a _document's_ complex, nested _layer graph_ structure into a single, simple directed acyclic graph (DAG). The Graphite editor internally maintains an asset version of any open _document_ in order to draw the _canvas_ live in the _viewport_. An asset also includes certain exposed _properties_ of specified _data types_ that are _imported_ and _exported_, as defined by the asset's author in the source _document's_ _layer graph_. They can be shared and _embedded_ in another _layer graph_ as a black box (meaning it can't be expanded to reveal or edit its interior graph), as compared to _embedded_ _documents_ from _GDD files_ which are white boxes (they can be expanded to reveal their _subgraph_ which can be edited). Assets are helpful for defining custom _nodes_ that perform some useful functionality. Tangible examples include custom procedural effects, shape generators, and image filters. Many of the Graphite editor's own built-in _nodes_ are actually assets rather than being implemented directly in code. The _Asset Manager_ panel helps maintain these assets from various sources. The _Asset Store_ can be used to share and sell assets for easy inclusion in other projects.
+### GDD file
+Graphite Design Document. A binary serialization of a _document_ source file. The format includes a chain of _operations_ that describe changes to the _layer graph_ and the _properties_ of _layers_ throughout the history of the document since its creation. It also stores certain metadata and the raw data of _embedded_ files. Because GDD files are editable (unlike _GDA files_), the _layers_ of GDD files imported into another _document_ may be expanded in its _layer graph_ to reveal and modify their contents using a copy-on-write scheme stored to the _asset's_ _layer_.
+### GDA file
+Graphite Digital Asset. A binary serialization of an _asset_ file. Because GDA files are read-only and can't be edited (unlike _GDD files_), the _layers_ created from _assets_ do not offer an ability to be expanded in the _layer graph_ of a _document_ that _embeds_ them. GDA files are useful for sharing _assets_ when their authors do not wish to provide the source _documents_ to author them. _DGA files_ are also the input format included in games that utilize the _Graphite Renderer Core Library_ to render graphical content at runtime, as well as similar applications like headless renderers on web servers and image processing pipelines.
+### Window
+### Main window
+### Popout window
+### Title bar
+### Status bar
+### Workspace
+The part of the Graphite editor's UI that houses the _panels_ in a _window_. The workspace occupies the large space below the _title bar_ and above the _status bar_ of the _main window_. It occupies the entirety of _popout windows_ (window buttons are added in the _tab bar_).
+### Workspace layout
+The specific configuration of panels in the _main window_ and any _popout windows_. Workspace layout presets are provided by the Graphite editor and users may customize and save their own.
+### Tab bar
+The bar at the top of a _panel group_ which includes a clickable tab for each panel that is docked there. Each tab bar has at least one tab and one active tab.
+### Active tab
+The one tab in a _tab bar_ that is currently active. The user can click any inactive tab to make it become the active tab. The active tab shows the _panel content_ beneath it unless it is a _folded panel_.
+### Folded panel
+A shrunken _panel_ showing only the _tab bar_. A _panel_ consists of the _tab bar_ and _panel content_ except when the latter is folded away. The user may click the _active tab_ to fold and restore a panel, however a panel cannot be folded if there are no other unfolded panels in its column.
+### Panel
+### Panel content
+### Control bar
+The bar that spans horizontally across the top of a _panel_ (located under the _tab bar_) which displays controls related to the _panel_.
+### Viewport
+The area that takes up the main space in a _panel_ (located beneath the _control bar_) which displays the primary content of the _panel_.
+### Shelf
+The bar that spans vertically along the left side of some _panels_ (located left of the _viewport_) which displays a catalog of available items, such as document editing _tools_ or common _nodes_.
+### Tool
+An instrument for interactively editing _documents_ through a collection of related behavior. Each tool puts the editor into a mode that provides the ability to perform certain _operations_ on the document interactively. Each _operation_ is run based on the current context of mouse and modifier buttons, key presses, tool options, selected layers, editor state, and document state. The _operations_ that get run are appended to the document history and update the underlying _layer graph_ in real time.
+### Canvas
+The infinite coordinate system that shows the visual output of an open _document_ at the current zoom level and pan position. It is drawn in the document panel's _viewport_ within the area inside the scroll bars on the bottom/right edges and the _rulers_ on the top/left edges. The canvas can be panned and zoomed in order to display all or part of the artwork in any _frames_. A canvas has a coordinate system spanning infinitely in all directions with an origin always located at the top left of the primary _artboard_. The purpose of an infinite canvas is to offer a convenient editing experience when there is no logical edge to the artwork, for example a loosely-arranged board of logo design concepts, a mood board, or whiteboard-style notes.
+### Artboard
+An area inside a _canvas_ that provides rectangular bounds to the artwork contained within, as well as default bounds for an exported image. The _Artboard tool_ adjusts the bounds and placement of frames in the _document_ and each artboard is stored in a "artboard list" property of the _root layer_. When there is at least one artboard, the infinite _canvas_ area outside any artboard displays a configurable background color. Artwork can be placed outside of a artboard but it will appear mostly transparent. The purpose of using one artboard is to provide convenient cropping to the edges of the artwork, such as a single digital painting or photograph. The purpose of using multiple frames is to work on related artwork with separate bounds, such as the layout for a book.
+### Layer graph
+A (directed acyclic) graph structure composed of _layers_ with _connections_ between their input and output _ports_. This is commonly referred to as a "node graph" in other software, but Graphite's layer graph is more suited towards layer-based compositing compared to traditional compositor node graphs.
+### Node
+A definition of a _layer_. A node is a graph "operation" or "function" that receives input and generates deterministic output.
+### Layer
+Any instance of a _node_ that lives in the _layer graph_. Layers (usually) take input data, then they transform it or synthesize new data, then they provide it as output. Layers have _properties_ as well as exposed input and output _ports_ for sending and receiving data.
+### Root layer
+### Group
+### Raster
+### Vector
+### Mask
+### Data type
+### Subgraph
+### Port
+### Connection
+### Core Libraries
+### Graphite Editor (Frontend)
+### Graphite Editor (Backend)
+### Graphene (Node Graph Engine)
+### Trace
+### Path
+### Shape
diff --git a/website/content/volunteer/guide/_unpublished/product-design/product-outline.md b/website/content/volunteer/guide/_unpublished/product-design/product-outline.md
new file mode 100644
index 0000000000000000000000000000000000000000..7e1e8365e047630ce40abf482398e7ce36b5bb2e
--- /dev/null
+++ b/website/content/volunteer/guide/_unpublished/product-design/product-outline.md
@@ -0,0 +1,108 @@
++++
+title = "Product outline"
+
+[extra]
+order = 1 # Page number after chapter intro
++++
+
+**NOTE: This is old. Some parts may not match current usage.**
+
+- Interface
+	- Title bar
+		- Menu bar
+		- Document title
+		- Window buttons
+	- Workspace
+		- Panel interface (tab, pin, control bar, left menu)
+		- Arrangement and docking
+	- Status bar
+	- Multiple windows
+- Panels
+	- Document
+		- Canvas and frames
+		- Rulers
+		- Tool menu
+		- Control bar
+	- Properties
+		- Blending
+		- Origin
+		- Transform
+		- Node-specific properties
+	- Layers
+		- Interface
+		- Compositing flow
+		- Groups
+		- Masks
+		- Isolation
+	- Graph
+		- Interface
+		- Layer/node equivalence
+		- Compositing flow
+		- Groups
+		- Masks
+		- Isolation
+	- Connection Matrix
+	- Spreadsheet
+	- Node Catalog
+	- Asset Manager
+		- Embedded assets
+		- Linked assets
+			- Local assets
+			- Remote assets
+		- Store assets
+		- Out-of-the-box assets
+		- Extension-provided assets
+	- Palettes
+		- Each color palette is an asset
+	- Minimap
+	- Histogram
+	- Timeline
+- Documents and assets
+	- Node groups, layer groups, and document tabs are equivalent
+	- Groups/documents are assets
+	- Assets are embedded or linked
+	- The document canvas is a group output
+	- Art boards and dimensions
+	- Reusable assets
+- Tools
+	- Overview
+		- Tools add and update assets
+	- General tool group
+	- Vector tool group
+	- Raster tool group
+- Masking
+	- Mask mode
+- Vector editing
+	- Data types
+	- Data flow
+	- Rasterization
+- Raster editing
+	- Adaptive resolution sampling
+	- Compositing and data flow
+	- Caching
+	- Predictive caching
+	- Progressive enhancement
+	- Generator nodes
+	- Rasterizer nodes
+	- Adjustment nodes
+	- Filter nodes
+	- Sample transformer nodes
+	- Historical sampling
+- Text editing
+- Data types
+- Node types
+- Node library
+- File format interoperability
+	- Import/export: JPG, PNG, APNG, GIF, TIFF, TGA, BMP, JPEG 2000, WebP, HEIF, ICO
+	- Import/export: EXR
+	- Import: digital camera raw formats
+	- Import/export: SVG
+	- Import/export: EPS
+	- Import/export: PDF
+	- Import: PSD/PSB, AI, INDD?
+	- Export: G-code formats for laser and vinyl cutters?
+- Extensions
+- Color management
+- Units, measurement, and scale
+- Headless and integrations
+- Animation
diff --git a/website/content/volunteer/guide/_unpublished/product-design/uses-and-workflows.md b/website/content/volunteer/guide/_unpublished/product-design/uses-and-workflows.md
new file mode 100644
index 0000000000000000000000000000000000000000..c05356a95c54cf2005d508933b42fc28a497de9c
--- /dev/null
+++ b/website/content/volunteer/guide/_unpublished/product-design/uses-and-workflows.md
@@ -0,0 +1,115 @@
++++
+title = "Uses and workflows"
+
+[extra]
+order = 2 # Page number after chapter intro
++++
+
+**NOTE: This is old. Some parts may not match current usage.**
+
+This list describes some long-term aspirational goals and ideas. It represents an incomplete brainstorm idea dump, not a roadmap.
+
+## Use cases
+
+General goals for product capabilities are categorized by discipline below.
+
+### Photography
+- RAW photo editing/processing
+- Batch processing pipeline
+
+### Motion graphics
+- Title sequences/kinetic typography/etc.
+
+### Live broadcast/streaming
+- Live video compositing/overlays
+- Interactive exhibits (rendering live content for museum/art/festival exhibits)
+
+### Web
+- SVG design
+- Animated or interactive SVG design
+
+### Automation
+- Batch multimedia editing/conversion
+
+### Graphic design
+- Print design
+- Web/digital-focused graphics (marketing, branding, infographics, ads, etc.)
+- Templates filled with file/spreadsheet data (e.g. prototyping/iterating components of a board/card game)
+
+### Illustration
+- Digital painting
+- Logo and icon design
+
+### Desktop publishing
+- Templates filled with Markdown/HTML content with export to PDF
+
+### Video compositing
+
+### Data Visualization
+- Data-powered graphs/charts/etc.
+- Automated rendering with live/often-updated data
+
+### 3D/Gamedev
+- PBR procedural material authorship
+- 3D model UV map texturing
+
+### AI-assisted tools
+
+### HDR processing
+
+### 360° and panoramic stitching and spherical editing
+
+## User stories
+
+Example user workflows are categorized by discipline below.
+
+### Photography
+- Using a face detection node to sort photos into the correct folders upon export
+- Using a face detection node to place a watermark near every face to prevent customers from cropping out watermarks placed in less important areas of some photos
+- Shadow removal from part of an image by masking the location of a shadow and using the texture details of the darker area and the lighting and color context of the illuminated area
+- Lightening or contextually infilling all the areas where a camera sensor has dust specks
+- Isolating clipping highlights (that have expanded into neighboring pixels) in one or more color channels from point light sources like city lights and rendering smoother bright gradient point lights in place of them
+- Advanced, intuitive blending with a node that lets you create a "custom blend mode" by specifying something like "Anything that's white: display as is. Anything else further from white by luminosity: fade out the saturation and opacity."
+
+### Image editing
+- Removing translucent watermarks that were applied in the same location to a batch of photos by finding their shared similarities and differences and using that as a subtraction diff
+
+### Game development
+- Design a GUI for the game and use Graphene to render the in-game GUI textures at runtime at the desired resolution without scaling problems, or even render it live as data updates its state
+- Authoring procedural noise-based textures and PBR materials
+
+### Data visualization
+- Creating a chart from a CSV
+- Rendering an always-up-to-date chart powered by real-time updates from a database
+- Data-driven infographics like an org chart that can be updated with text instead of manual design work
+- Rendering a timelapse video of every operation done in the history of a document
+
+### Digital painting
+- Creating a digital acrylic or oil painting using various brushes
+- Preventing mixing/smearing of previous wet paint layers by drying it with a hair dryer tool
+- Smearing wet paint colors together on a simulated paint palette and then sampling paint colors from that palette to paint with
+
+### Graphic design
+- Prototyping cards for board games fed with data in a spreadsheet which generates the cards from a template
+- Creating an image that has been shredded but pieced back together, where the image can be updated then return to the shredded one without having to redo the editing steps to shred it
+
+### Broadcast, interactive exhibits, and digital signage
+- Rendering overlays for live streams or television broadcasts based on live input data, for example somebody donates and leaves a comment on a live stream and this web hook could trigger an animated display containing the user and their comment, or live telemetry for a rocket launch streams in and gets rendered as graphical overlays for a webcast.
+- Rendering a custom live clockface with hour/minute/second hands based on an input of the current time, then showing them fullscreen on a display
+- Request the weather from an API and render live visualizations which gets displayed on a monitor in your house or a museum (export to a Windows screen saver?)
+- Data from sensors can render interactive 2D graphics at a museum art installation
+- A storefront can have a monitor set up showing daily or hourly sales items based on web hooks or polling from the company’s website
+- Polling an API for content like Twitter or an RSS feed and displaying the tweet or headline when it arrives on screen, styled as desired
+
+### Print and publishing
+- Formatting Markdown documents into PDF print layouts
+- Laying out book covers for proper PDF export to a printer
+- Typesetting and formatting all the interior pages of a book with manual control where needed
+
+### Automation
+- Laser cutter artwork processing for automating custom Etsy orders
+- Running on a server to let users upload images for a custom T-shirt printing website, and it renders their graphic on the model’s shirt (or other custom printing online stores)
+- Generating a PDF invoice based on data in a pipeline on a server
+
+### Computer vision and industrial control
+- Factory line is examining its fruit for defects. In order to verify the quality, they need to enhance the contrast, automatically orient the image and correct the lighting. They then pass the results into a machine learning algorithm to classify, and sometimes need to snoop on the stream of data to manually do quality control (ImageMagick or custom Python scripts are often used for this right now)
diff --git a/website/content/volunteer/guide/_unpublished/project-setup/knowing-your-tooling.md b/website/content/volunteer/guide/_unpublished/project-setup/knowing-your-tooling.md
new file mode 100644
index 0000000000000000000000000000000000000000..97869a2cda794d9cd409516672a766b71473e1da
--- /dev/null
+++ b/website/content/volunteer/guide/_unpublished/project-setup/knowing-your-tooling.md
@@ -0,0 +1,20 @@
++++
+title = "Knowing your tooling"
+
+[extra]
+order = 2 # Page number after chapter intro
++++
+
+## First time builds
+
+Slower.
+
+## Troubleshooting
+
+Delete the `target`, `pkg`, `node_modules`, and `dist` directories.
+
+## Slow builds
+
+If you're seeing the terminal spend several seconds installing wasm-opt every recompilation, reinstall the exact version of `wasm-bindgen-cli` that matches the `wasm-bindgen` dependency in [`Cargo.toml`](https://github.com/GraphiteEditor/Graphite/blob/master/Cargo.toml).
+
+## Rust Analyzer speed tips
diff --git a/website/content/volunteer/guide/codebase-overview/_index.md b/website/content/volunteer/guide/codebase-overview/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..c28ac7821c47b35bb55949b13b20314aade3350e
--- /dev/null
+++ b/website/content/volunteer/guide/codebase-overview/_index.md
@@ -0,0 +1,221 @@
++++
+title = "Codebase overview"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 2 # Chapter number
+js = ["/js/youtube-embed.js"]
+css = ["/component/youtube-embed.css"]
++++
+
+The best introduction for getting up-to-speed with Graphite contribution comes from watching this webcast recording. Before asking questions in Discord, please watch the full video because it gives a comprehensive overview of most things you will need to know.
+
+<div class="youtube-embed aspect-16x9">
+	<img data-youtube-embed="vUzIeg8frh4" src="https://static.graphite.rs/content/volunteer/guide/workshop-intro-to-coding-for-graphite-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Workshop: Intro to Coding for Graphite" />
+</div>
+
+<!-- ## Tech stack -->
+<!-- - rustc: Compiler for node graph generics and custom nodes -->
+<!-- - rust-gpu: Compiler backend to generate compute shaders from Rust source code -->
+<!-- - wgpu: Portable graphics API for running compute shaders on desktop and web -->
+<!-- - Tauri: lightweight desktop web UI shell while the backend runs natively (experimental) -->
+<!-- - Vello: GPU-accelerated vector graphics renderer -->
+<!-- - COSMIC Text: Text shaping and typesetting -->
+<!-- - Wasmer or Wasmtime: Portable, sandboxed runtime for custom nodes -->
+<!-- - Tokio: parallelized job execution in the node graph pipeline -->
+<!-- - Xilem: High-performance native UI framework, to replace Tauri when ready -->
+
+## Codebase structure
+
+Graphite is built from several main software components. New developers may choose to specialize in one or more area without having to attain a working knowledge of the full codebase.
+
+### Frontend
+
+*Location: `/frontend/src`*
+
+The frontend is the interface for Graphite which users see and interact with. It is built using web technologies with TypeScript and Svelte (HTML and SCSS). The frontend's philosophy is to be as lightweight and minimal as possible. It acts as the entry point for user input and then quickly hands off its work to the WebAssembly editor backend via its Wasm wrapper API. That API is written in Rust but has TypeScript bindings generated by the [wasm-bindgen](https://github.com/rustwasm/wasm-bindgen) tooling that is part of the Vite-based build chain. The frontend is built of many components that recursively form the window, panels, and widgets that make up the user interface.
+
+### Editor
+
+*Location: `/editor`*
+
+The editor is the core of the Graphite application, and it's where all the business logic occurs for the tooling and user interaction. It is written in Rust and compiled to WebAssembly. At its heart is the message system described below. It is responsible for communicating with Graphene as well as handling the actual logic, state, tooling, and responsibilities of the interactive application.
+
+### Graphene
+
+*Location: `/node-graph`*
+
+[Graphene](../graphene/) is the node graph engine which manages and renders the documents. It is itself a programming language, where Graphene programs are compiled while being edited live by the user, and where executing the program renders the document.
+
+## Frontend/backend communication
+
+Frontend-to-backend communication is achieved through a thin Rust translation layer in `/frontend/wasm/src/editor_api.rs` which wraps the editor backend's Rust-based message system API and provides the TypeScript-compatible API of callable functions. These wrapper functions are compiled by [wasm-bindgen](https://github.com/rustwasm/wasm-bindgen) into autogenerated TS functions that serve as an entry point from TS into the Wasm binary.
+
+Backend-to-frontend communication happens by sending a queue of messages to the frontend message dispatcher. After the TS has called any wrapper API function to get into backend code execution, the editor's business logic runs and queues up `FrontendMessage`s (defined in `/editor/src/messages/frontend/frontend_message.rs`) which get mapped from Rust to TS-friendly data types in `/frontend/src/messages.ts`. Various TS code subscribes to these messages by calling `subscribeJsMessage(MessageName, (messageData) => { /* callback code */ });`.
+
+## The message system
+
+The Graphite editor backend is organized into a hierarchy of subsystems, called *message handlers*, which talk to one another through message passing. Messages are pushed to the front or back of a queue and each one is processed sequentially by the backend's dispatcher.
+
+The dispatcher lives at the root of the application hierarchy and it owns its message handlers. Thus, Rust's restrictions on mutable borrowing are satisfied because only the dispatcher mutably borrows its message handlers, one at a time, while each message is processed.
+
+### Messages
+
+Messages are enum variants that are dispatched to perform some intended activity within their respective message handlers. Here are two `DocumentMessage` definitions:
+```rs
+pub enum DocumentMessage {
+	...
+	// A message that carries one named data field
+	DeleteLayer {
+		id: NodeId,
+	}
+	// A message that carries no data
+	DeleteSelectedLayers,
+	...
+}
+```
+
+As shown above, additional data fields can be included with each message. But as a special case denoted by the `#[child]` attribute, that data can also be a sub-message enum, which enables hierarchical nesting of message handler subsystems.
+
+<details>
+<summary>To view the hierarchical subsystem file structure: click here</summary>
+
+<!--
+Generated with:
+cd editor/src/messages
+tree -P '*_message.rs|*_message_handler.rs|*_tool.rs' --prune
+Then the first line's "." was replaced with "messages"
+-->
+
+```
+messages
+├── broadcast
+│   ├── broadcast_message.rs
+│   └── broadcast_message_handler.rs
+├── debug
+│   ├── debug_message.rs
+│   └── debug_message_handler.rs
+├── dialog
+│   ├── dialog_message.rs
+│   ├── dialog_message_handler.rs
+│   ├── export_dialog
+│   │   ├── export_dialog_message.rs
+│   │   └── export_dialog_message_handler.rs
+│   ├── new_document_dialog
+│   │   ├── new_document_dialog_message.rs
+│   │   └── new_document_dialog_message_handler.rs
+│   └── preferences_dialog
+│       ├── preferences_dialog_message.rs
+│       └── preferences_dialog_message_handler.rs
+├── frontend
+│   └── frontend_message.rs
+├── globals
+│   ├── globals_message.rs
+│   └── globals_message_handler.rs
+├── input_mapper
+│   ├── input_mapper_message.rs
+│   ├── input_mapper_message_handler.rs
+│   └── key_mapping
+│       ├── key_mapping_message.rs
+│       └── key_mapping_message_handler.rs
+├── input_preprocessor
+│   ├── input_preprocessor_message.rs
+│   └── input_preprocessor_message_handler.rs
+├── layout
+│   ├── layout_message.rs
+│   └── layout_message_handler.rs
+├── portfolio
+│   ├── document
+│   │   ├── document_message.rs
+│   │   ├── document_message_handler.rs
+│   │   ├── graph_operation
+│   │   │   ├── graph_operation_message.rs
+│   │   │   └── graph_operation_message_handler.rs
+│   │   ├── navigation
+│   │   │   ├── navigation_message.rs
+│   │   │   └── navigation_message_handler.rs
+│   │   ├── node_graph
+│   │   │   ├── node_graph_message.rs
+│   │   │   └── node_graph_message_handler.rs
+│   │   ├── overlays
+│   │   │   ├── overlays_message.rs
+│   │   │   └── overlays_message_handler.rs
+│   │   └── properties_panel
+│   │       ├── properties_panel_message.rs
+│   │       └── properties_panel_message_handler.rs
+│   ├── menu_bar
+│   │   ├── menu_bar_message.rs
+│   │   └── menu_bar_message_handler.rs
+│   ├── portfolio_message.rs
+│   └── portfolio_message_handler.rs
+├── preferences
+│   ├── preferences_message.rs
+│   └── preferences_message_handler.rs
+├── tool
+│   ├── tool_message.rs
+│   ├── tool_message_handler.rs
+│   ├── tool_messages
+│   │   ├── artboard_tool.rs
+│   │   ├── brush_tool.rs
+│   │   ├── ellipse_tool.rs
+│   │   ├── eyedropper_tool.rs
+│   │   ├── fill_tool.rs
+│   │   ├── freehand_tool.rs
+│   │   ├── gradient_tool.rs
+│   │   ├── line_tool.rs
+│   │   ├── navigate_tool.rs
+│   │   ├── path_tool.rs
+│   │   ├── pen_tool.rs
+│   │   ├── polygon_tool.rs
+│   │   ├── rectangle_tool.rs
+│   │   ├── select_tool.rs
+│   │   ├── spline_tool.rs
+│   │   └── text_tool.rs
+│   └── transform_layer
+│       ├── transform_layer_message.rs
+│       └── transform_layer_message_handler.rs
+└── workspace
+    ├── workspace_message.rs
+    └── workspace_message_handler.rs
+```
+
+</details>
+
+By convention, regular data must be written as struct-style named fields (shown above), while a sub-message enum must be written as a tuple/newtype-style field (shown below). The `DocumentMessage` enum of the previous example is defined as a child of `PortfolioMessage` which wraps it like this:
+
+```rs
+pub enum PortfolioMessage {
+	...
+	// A message that carries the `DocumentMessage` child enum as data
+	#[child]
+	Document(DocumentMessage),
+	...
+}
+```
+
+Likewise, the `PortfolioMessage` enum is wrapped by the top-level `Message` enum. The dispatcher operates on the queue of these base-level `Message` types.
+
+So for example, the `DeleteSelectedLayers` message mentioned previously will look like this as a `Message` data type:
+
+```rs
+Message::Portfolio(
+	PortfolioMessage::Document(
+		DocumentMessage::DeleteSelectedLayers
+	)
+)
+```
+
+Writing out these nested message enum variants would be cumbersome, so that `#[child]` attribute shown earlier invokes a proc macro that automatically implements the `From` trait, letting you write this instead to get a `Message` data type:
+
+```rs
+DocumentMessage::DeleteSelectedLayers.into()
+```
+
+Most often, this is simplified even further because the `.into()` is called for you when pushing a message to the queue with `.add()` or `.add_front()`. So this becomes as simple as:
+
+```rs
+responses.add(DocumentMessage::DeleteSelectedLayers);
+```
+
+The `responses` message queue is composed of `Message` data types, and thanks to this system, child messages like `DocumentMessage::DeleteSelectedLayers` are automatically wrapped in their ancestor enum variants to become a `Message`, saving you from writing the verbose nested form.
diff --git a/website/content/volunteer/guide/codebase-overview/debugging-tips.md b/website/content/volunteer/guide/codebase-overview/debugging-tips.md
new file mode 100644
index 0000000000000000000000000000000000000000..2e79332612ed4e4564ebfac56690bd2fd8bc8a0c
--- /dev/null
+++ b/website/content/volunteer/guide/codebase-overview/debugging-tips.md
@@ -0,0 +1,36 @@
++++
+title = "Debugging tips"
+
+[extra]
+order = 4 # Page number after chapter intro
++++
+
+The Wasm-based editor has some unique limitations about how you are able to debug it. This page offers tips and best practices to get the most out of your problem-solving efforts.
+
+## Comparing with deployed builds
+
+When tracking down a bug, first check if the issue you are noticing also exists in `master` or just your branch. Open up [dev.graphite.rs](https://dev.graphite.rs) which always deploys the lastest commit, compared to [editor.graphite.rs](https://editor.graphite.rs) which is manually deployed from time to time for the sake of stability.
+
+Use *Help* > *About Graphite* in the editor to view any build's Git commit hash.
+
+Beware of one potential pitfall: all deploys and build links are built with release optimizations enabled. This means some bugs (like crashes from bounds checks or debug assertions) may exist in `master` and would appear if run locally, but not in the deployed version.
+
+## Printing to the console
+
+Use the browser console (<kbd>F12</kbd>) to check for warnings and errors. Use the Rust macro `debug!("The number is {}", some_number);` to print to the browser console. These statements should be for temporary debugging. Remove them before your code is reviewed. Print-based debugging is necessary because breakpoints are not supported in WebAssembly.
+
+Additional print statements are available that *should* be committed.
+
+- `error!()` is for descriptive user-facing error messages arising from a bug
+- `warn!()` is for non-critical problems that likely indicate a bug somewhere
+- `trace!()` is for verbose logs of ordinary internal activity, hidden by default
+
+To show `trace!()` logs, activate *Help* > *Debug: Print Trace Logs*.
+
+## Message system logs
+
+To also view logs of the messages dispatched by the message system, activate *Help* > *Debug: Print Messages* > *Only Names*. Or use *Full Contents* for a more verbose view containing the actual data being passed. This is an invaluable window into the activity of the message flow and works well together with `debug!()` printouts for tracking down message-related defects.
+
+## Node/layer and document IDs
+
+In debug mode, hover over a layer's name in the Layers panel, or a layer/node in the node graph, to view a tooltip with its ID. Likewise, document IDs may be read from their tab tooltips.
diff --git a/website/content/volunteer/guide/graphene/_index.md b/website/content/volunteer/guide/graphene/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..76e2c5098ccc7bbecd1adbfce9b96f3066f60086
--- /dev/null
+++ b/website/content/volunteer/guide/graphene/_index.md
@@ -0,0 +1,107 @@
++++
+title = "Graphene"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 5 # Chapter number
++++
+
+Graphene is the node graph engine that powers the Graphite editor.
+
+It's hard to describe in one sentence precisely what Graphene is, because it's a technology that serves several roles when viewed from different angles. But to get a feel for what it encompasses, here is a list of some of its purposes:
+
+- Render engine
+- Runtime environment
+- Procedural data processor
+- Node-based scripting system
+- Compiled programming language
+- Compiler toolchain built around `rustc`
+
+## Background
+
+### Artwork as a program
+
+Artwork created in Graphite is represented as a node graph that generates the graphical content authored by the user. This document is essentially source code for a program in the Graphene language. Modifying the graph (like adding a layer, changing a node's parameter, or updating a node's data every frame while interactively drawing a shape) changes the actual program that generates and renders the artwork. This program must be recompiled and executed every frame a change is made.
+
+Nodes are functions that run algorithms related to graphical operations. Some may read bitmap images from disk, others may generate procedural patterns, and more may be used for compositing and blending. Vector nodes can also produce shapes, alter their geometry, and apply styling and effects. Put together, a full document is built from just its interconnected nodes— producing a complete work of art generated entirely with algorithms and data.
+
+### Graph executors as programming languages
+
+Every node-based application needs to run its node graph to compute the resulting data. Execution occurs in an order that depends on the shape of the graph so that every node has the data it needs to compute its output.
+
+A procedural graph executor, in its basic form, is a simple system that executes functions in the appropriate order. It feeds information between nodes and caches that data for reuse between executions so that only changed branches of the graph have to be computed again. The system, as described, is the approach commonly used by virtually all node-based apps.
+
+Crucially, the execution flow is handled at runtime so there is some overhead during every run. By analogy to programming languages, this traditional execution model acts like an interpreted language. But interpreted languages are famously slow, and we don't want Graphite leaving performance on the table.
+
+In designing Graphene, we decided to take a more advanced approach that could yield many of the benefits of a compiled language— code inlining, compiler optimizations, and a philosophy of offloading invariant enforcement to the type system. Instead of building a simple graph interpreter where functions (nodes) are run as user input changes, we designed a system that dynamically executes the graph with a variable degree of pre-compiled optimizations where bits and pieces are recompiled and patched in while the user modifies the artwork (and graph) every frame. Thereby, Graphene can dynamically range between an interpreted language, a JIT-optimized language, and a fully compiled language.
+
+## Technical overview
+
+### The latency/performance tradeoff
+
+While working in Graphite, multiple needs arise for speed in different contexts. While making interactive changes, the user needs feedback as quickly as possible. While panning and zooming the canvas or playing an animation, the user cares about smoothness and responsiveness. When procedural artwork is exported as a standalone program that processes data at runtime (like as part of an image processing web server or embedded within a game engine), performance is the sole concern.
+
+This sliding scale of latency/performance concerns maps directly to programming language concepts. Interpreted languages run immediately, but with slow runtime performance. JIT-optimized languages also run nearly without delay, but with less overhead than an interpreter since it can dynamically balance its effort towards optimizing and executing code. Compiled languages take upfront time to compile, but run with less overhead. A choice of optimization levels can be applied to further trade initial compilation time for runtime performance.
+
+We designed Graphene to operate in all three regimes:
+
+| Regime      | Usage                                                                 |
+|:------------|:----------------------------------------------------------------------|
+| Interpreted | While editing. Simple and currently the only mode that's implemented. |
+| JIT         | While editing. Dynamically bridges the gap between both other regimes by selectively substituting branches of the graph with interpreted and compiled nodes to keep latency low and work towards higher execution performance. |
+| Compiled    | When exported. The entire graph is compiled as a standalone program.  |
+
+### Building upon the Rust compiler
+
+Nodes are functions written in Rust and every node has precompiled bytecode that ships with Graphite for use in the interpreted regime. The graph `input` → `A` → `B` → `C` → `output` is equivalent to the Rust statement `let output = C(B(A(input)));`. Graphene can either execute `A`, `B`, and `C` sequentially in its interpreted regime, or its JIT and compiled regimes can generate that Rust statement and compile it with the Rust compiler, `rustc`. The inlined and optimized bytecode can then be substituted for those three nodes in the JIT regime.
+
+Graphene figures out which branches of the graph to compile and substitute as part of the JIT process while the user is authoring content in Graphite. While editing the graph, as changes occur to specific nodes, their surrounding graph branches drop back down to using the slower interpreted nodes. Then the JIT system works its way back up to faster execution over time by gradually compiling and swapping in larger optimized parts of the overall graph.
+
+The fully compiled regime is used only when the user exports the procedural artwork as a standalone program. For example, a CLI program may read a string input argument (like a name) and procedurally generate an output image file (like a birthday card).
+
+### Compile server
+
+The three regimes have thus far been only a description of the eventual architecture direction. The interpreted regime is currently the only mode implemented in Graphene. The other two will require access to `rustc` which will necessitate the compile server that we will finish building and then publicly host for Graphite users in the future. Users of the desktop version of Graphite, utilizing [Tauri](https://tauri.app/), will be able to use an embedded `rustc` if the user has opted to download the Rust toolchain while installing Graphite.
+
+Without a compile server, all the nodes are precompiled when Graphite is built. The node registry (in the file `node_registry.rs`) currently exists to allow the interpreted executor to find the Rust functions that correspond to each node with its appropriate type signature. Nodes support generics, so it's currently necessary to list every forseeable concrete type signature in the registry until the compile server can generate bytecode for less common type combinations on-the-fly.
+
+### GPU compute shaders
+
+Further building upon the Rust compiler toolchain, we employ the [`rust-gpu`](https://github.com/EmbarkStudios/rust-gpu) compiler backend for `rustc` which generates compute shaders that get executed on the GPU. This means we can write the same code to implement nodes that run on both CPU and GPU. (Although in practice, some nodes may need GPU-specific versions suited for the architectural limitations of GPU programming.) And we don't have to use a separate shader language!
+
+### A language within a language
+
+While Graphene is a programming language, it is also foundationally built upon the Rust language. We don't just use the Rust compiler, but we also employ its type system, traits, data structures, standard library, and crate ecosystem. The data that flows between nodes are Rust types (like structs, enums, tuples, primitives, and collections). Graphene's generic type system uses Rust's trait definitions in its enforcement of type safety and type inference.
+
+### Graphene language concepts
+
+Since Graphene is fundamentally a programming language, throughout this documentation we will use analogies which correlate Graphene concepts with their counterparts from traditional programming language theory. Here is an at-a-glance overview:
+
+| Graphene concept  | Programming language concept         |
+|:------------------|:-------------------------------------|
+| Node              | Function                             |
+| Graphite editor   | IDE/text editor                      |
+| Document          | Source code                          |
+| Graph/network     | Abstract syntax tree (AST)           |
+| Graph compilation | Linking/JIT optimization/compilation |
+| Graph execution   | Program execution                    |
+
+<!-- Our philosophy of building (bootstrapping) our own higher-level language features from the language itself -->
+<!-- Call arguments, construction arguments, `.eval()`, recompiling when construction argument values are updated but not when call argument data changes -->
+<!-- Compose nodes and automatic/manual composition -->
+<!-- Extract/inject nodes and metaprogramming -->
+<!-- Cache nodes and stable node IDs -->
+<!-- Graph rewriting step (currently used only to remove Identity nodes),
+	 at various points in the compilation process,
+	 based on rules akin to an optimizing compiler -->
+<!-- Borrow tree -->
+<!-- Document nodes, proto nodes, and networks (must be: acyclic) -->
+<!-- Lambdas -->
+<!-- Graph compilation process -->
+<!-- The compilation server -->
+<!-- Code structure overview -->
+<!-- Guide for implementing a node -->
+<!-- The `Node` trait -->
+<!-- Generics, type inference, type erasure, and the node registry -->
+<!-- Monitor nodes -->
diff --git a/website/content/volunteer/guide/graphene/networks-and-nodes.md b/website/content/volunteer/guide/graphene/networks-and-nodes.md
new file mode 100644
index 0000000000000000000000000000000000000000..d3cf16246c8dc0d16b78afa0e365f916c5dd8808
--- /dev/null
+++ b/website/content/volunteer/guide/graphene/networks-and-nodes.md
@@ -0,0 +1,24 @@
++++
+title = "Networks and nodes"
+
+[extra]
+order = 1 # Page number after chapter intro
++++
+
+In Graphite, users build their artwork by connecting nodes together in a graph. When they want to organize and reuse a complex group of nodes, those may be encapsulated together as a subgraph in which one parent node represents the functionality of its children. In fact, many of the nodes provided in Graphite are themselves subgraphs built out of other nodes.
+
+Double-clicking on nodes backed by a subgraph will display the subgraph's interior. Double-clicking nodes that are, instead, backed directly by Rust source code will open a code editor.
+
+Any (sub)graph can import/export data from/to the outside world. For example, a reusable subgraph may receive an imported image then use several nodes to process it and finally export the result. Or the root-level artwork graph may import the animation timestamp and render a frame of the artwork then export it to the canvas.
+
+In the Graphite editor UI, here is an example graph of artwork that imports no data but exports its content to the canvas:
+
+<img src="https://static.graphite.rs/content/index/gui-mockup-nodes__5.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Node graph UI mockup" />
+
+The graph shown above represents the full artwork, meaning it's the root-level graph in its document. But there is nothing special about that graph compared to any subgraph. To avoid the confusion of calling it a graph or subgraph which comes with implications about user-facing concepts in the context of a document, we will use the less-ambiguous term **network** in the context of Graphene's internal concepts and codebase.
+
+## Networks
+
+A node network can be thought of as a box containing a finite set of nodes that are connected together as a directed acyclic graph (DAG). The network is only concerned with its own node-to-node data flow. But to interact with the outside world, data can be imported into the network and exported out of it. From the inside, those imported/exported data sources/destinations are connected to the other nodes in the network. From the outside, a network can be considered a "black box" that is simply fed inputs and can be executed to produce outputs.
+
+***More coming soon...***
diff --git a/website/content/volunteer/guide/project-setup/_index.md b/website/content/volunteer/guide/project-setup/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..bc7bad72ee03bd1588739f3b3fca2baaded1abf0
--- /dev/null
+++ b/website/content/volunteer/guide/project-setup/_index.md
@@ -0,0 +1,89 @@
++++
+title = "Project setup"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 1 # Chapter number
++++
+
+To begin working with the Graphite codebase, you will need to set up the project to build and run on your local machine. Development usually involves running the dev server which watches for changes to frontend (web) and backend (Rust) code and automatically recompiles and reloads the Graphite editor in your browser.
+
+## Dependencies
+
+Graphite is built with Rust and web technologies, which means you will need to install:
+- [Node.js](https://nodejs.org/) (the latest LTS version)
+- [Rust](https://www.rust-lang.org/) (the latest stable release)
+- [Git](https://git-scm.com/) (any recent version)
+
+Next, install the dependencies required for development builds:
+
+```sh
+cargo install cargo-watch
+cargo install wasm-pack
+cargo install -f wasm-bindgen-cli@0.2.100
+```
+
+Regarding the last one: you'll likely get faster build times if you manually install that specific version of `wasm-bindgen-cli`. It is supposed to be installed automatically but a version mismatch causes it to reinstall every single recompilation. It may need to be manually updated periodically to match the version of the `wasm-bindgen` dependency in [`Cargo.toml`](https://github.com/GraphiteEditor/Graphite/blob/master/Cargo.toml).
+
+Lastly, if you intend to develop using the Tauri desktop app build target, obtain [Tauri's dependencies](https://v2.tauri.app/start/prerequisites/). This is not the usual setup for most contributors, so you will know if you need it.
+
+## Repository
+
+Clone the project to a convenient location:
+
+```sh
+git clone https://github.com/GraphiteEditor/Graphite.git
+cd Graphite
+```
+
+## Development builds
+
+From either the `/` (root) or `/frontend` directories, you can run the project by executing:
+
+```sh
+npm start
+```
+
+This spins up the dev server at <http://localhost:8080> with a file watcher that performs hot reloading of the web page. You should be able to start the server, edit and save web and Rust code, and shut it down by double pressing <kbd>Ctrl</kbd><kbd>C</kbd>. You sometimes may need to reload the browser's page if hot reloading didn't behave right— always refresh when Rust recompiles.
+
+This method compiles Graphite code in debug mode which includes debug symbols for viewing function names in stack traces. But be aware, it runs slower and the Wasm binary is much larger. (Having your browser's developer tools open will also significantly impact performance in both debug and release builds, so it's best to close that when not in use.)
+
+To run the dev server in optimized mode, which is faster and produces a smaller Wasm binary:
+
+```sh
+# Includes debug symbols
+npm run profiling
+
+# Excludes (most) debug symbols, used in release builds
+npm run production
+```
+
+<details>
+<summary>Production build instructions: click here</summary>
+
+You'll rarely need to compile your own production builds because our CI/CD system takes care of deployments. However, you can compile a production build with full optimizations by first installing the additional `cargo-about` dev dependency:
+
+```sh
+cargo install cargo-about
+```
+
+And then running:
+
+```sh
+npm run build
+```
+
+This produces the `/frontend/dist` directory containing the static site files that must be served by your own web server.
+
+</details>
+
+## Development tooling
+
+We provide default configurations for VS Code users. When you open the project, watch for a prompt to install the project's [suggested extensions](https://github.com/GraphiteEditor/Graphite/blob/master/.vscode/extensions.json). They will provide helpful web and Rust tooling. If you use a different IDE, you won't get default configurations for the project out of the box, so please remember to format your code and check CI for errors.
+
+### Checking, linting, and formatting
+
+While developing Rust code, `cargo check`, `cargo clippy`, and `cargo fmt` terminal commands may be run from the root directory. For web code, formatting issues can be linted using `npm run lint` (to view) and `npm run lint-fix` (to fix) if run from the `/frontend` directory.
+
+If you don't use VS Code and its format-on-save feature, please remember to format before committing or [set up a `pre-commit` hook](https://githooks.com/) to do that automatically. Disabling VS Code's *Auto Save* files feature is recommended to ensure you actually save (and thus format) file changes.
diff --git a/website/content/volunteer/guide/starting-a-task/_index.md b/website/content/volunteer/guide/starting-a-task/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..85483d031de42346c795fa185175727cb574eb74
--- /dev/null
+++ b/website/content/volunteer/guide/starting-a-task/_index.md
@@ -0,0 +1,16 @@
++++
+title = "Starting a task"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 3 # Chapter number
++++
+
+There are two places to look for beginner-friendly development tasks. Usually, the best option is to select one of the many bite-sized task descriptions marked with a ‼️ reaction in the `#✅code-todo-list` channel of the [Discord server](https://discord.graphite.rs). You may also browse the [task board](https://github.com/orgs/GraphiteEditor/projects/1/views/1), which lists [beginner issues](https://github.com/orgs/GraphiteEditor/projects/1/views/6) to pick from. The Discord option usually has the more approachable tasks compared to the GitHub issues, which tend to have more variability in complexity.
+
+If you're unsure about which task to pick, feel free to ask in the `#📄development` channel.
+
+You may right click a `#✅code-todo-list` task and select "Create Thread" to ask questions and discuss your development progress. If your work doesn't correspond to a specific listed task in that channel, you can also create a thread in `#🧵task-help` with a short, descriptive title ending with your issue or PR number.
+
+If you're tackling a GitHub issue, please remember to comment in the issue with a link to your PR once you submit it. This is necessary because we will assign you to the issue after your PR has merged, but GitHub only allows assignments to those who have commented on the issue.
diff --git a/website/content/volunteer/guide/starting-a-task/code-quality-guidelines.md b/website/content/volunteer/guide/starting-a-task/code-quality-guidelines.md
new file mode 100644
index 0000000000000000000000000000000000000000..1ea8e0885fdaf9ca8e2208cc77e7c03c2d0437f6
--- /dev/null
+++ b/website/content/volunteer/guide/starting-a-task/code-quality-guidelines.md
@@ -0,0 +1,67 @@
++++
+title = "Code quality guidelines"
+
+[extra]
+order = 2 # Page number after chapter intro
++++
+
+The Graphite project prizes code quality and accessibility to new contributors. Therefore, we ask you please make all efforts to contribute readable, well-documented code according to these best practices.
+
+## Linting
+
+Please ensure Clippy is enabled. This should be set up automatically in VS Code. Try to avoid committing code with lint warnings. You may execute `cargo clippy` anytime to confirm.
+
+## Naming
+
+Please use descriptive variable/function/symbol names and keep abbreviations to a minimum. Prefer spelling out full words most of the time, so `gen_doc_fmt` should be written out as `generate_document_format` instead.
+
+This avoids the mental burden of expanding abbreviations into semantic meaning. Monitors are wide enough to display long variable/function names, so descriptive is better than cryptic.
+
+Totally unambiguous, common shortened forms are acceptable such as "max" for "maximum", "eval" for "evaluate", and "info" for "information".
+
+To avoid wasted effort in code review, it's recommended that you set up a spellcheck plugin, like [this extension](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) for VS Code. The project uses American English spelling conventions.
+
+## Whole-number floats
+
+Always use the style `42.` instead of `42.0` for whole-number floats to maintain consistency and brevity. For range syntax, either `0.0..42.` or `(0.)..42.` is acceptable.
+
+## Comments
+
+For consistency, please try to write comments (`//`) in *Sentence case* (with a capital first letter) and don't end with a period unless multiple sentences are used in the same comment. For doc comments (`///`), always end your sentences with a period. There should always be one space after the `//` or `///` comment markers, and `/* */` style comments should be avoided.
+
+Avoid including commented-out code, unless you have a compelling reason to keep it around for future adaption, in your PRs that are open for code review.
+
+Comments should usually be placed on a separate line above the code they are referring to, not at the end of the same code line.
+
+## Blank lines
+
+Please make a habit of grouping together related lines of code in blocks separated by blank lines. These are like your paragraphs if you were writing a novel — they greatly aid readability and your copy editor would have significant concerns with your writing if they were absent.
+
+If you have dozens of lines comprising a single unbroken block of logic, you are likely not splitting it apart enough to aid readability. Find sensible places to partition the logic and insert blank lines between each. Roughly 10% of the code you write should ideally be blank lines, otherwise you are likely underutilizing them at the expense of readability.
+
+## Imports
+
+Our imports used to be a mess before we tamed the chaos with a formatting rule that has to be applied manually, since `rustfmt` doesn't support it.
+
+We always combine imports with common paths, but only at the same depth. For example:
+
+```rs
+use crate::A::B::C;
+use crate::A::B::C::Foo;
+use crate::A::B::C::Bar;
+
+// Should be combined into:
+
+use crate::A::B::C::{self, Foo, Bar};
+```
+
+But we do not combine imports at mixed path depths. In other words, never put `::` inside `{}`. For example:
+
+```rs
+use crate::A::{B::C::Foo, X::Hello};
+
+// Should be separated into:
+
+use crate::A::B::C::Foo;
+use crate::A::X::Hello;
+```
diff --git a/website/content/volunteer/guide/starting-a-task/submitting-a-contribution.md b/website/content/volunteer/guide/starting-a-task/submitting-a-contribution.md
new file mode 100644
index 0000000000000000000000000000000000000000..471f475695a491a39fa2f055ee67466d8d380825
--- /dev/null
+++ b/website/content/volunteer/guide/starting-a-task/submitting-a-contribution.md
@@ -0,0 +1,106 @@
++++
+title = "Submitting a contribution"
+
+[extra]
+order = 3 # Page number after chapter intro
++++
+
+Collaboration is a key part of real-world software engineering. Graphite follows some basic procedures to keep the process smooth and efficient. You will want to familiarize yourself with these guidelines to save yourself and Graphite maintainers time and confusion.
+
+This assumes you understand enough about how Git works to utilize commits, branches, and multiple remotes. If you're new to Git, you will need to learn those topics on your own, but a good starting point is [this portion](https://youtu.be/vUzIeg8frh4?t=237) of the Graphite intro webcast which recommends installing the [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph) extension for VS Code to visualize your Git history and branches.
+
+## Git branch name
+
+Before making your first commit, create a new branch with a name that describes what it's about. Aim for short but sufficiently descriptive. Kebab-case (using hyphens between words) is our usual convention. Don't include a prefix like `feature/` or `fix/` which just adds visual noise. An example like `fix-path-tool-selection-history` is fine, but almost too long.
+
+Rename it if you already made a branch with a different name. Create a new branch if you've been committing to `master` or another existing branch. If your branch is specifically called `master`, it becomes harder to work with during code reviews.
+
+After you push your branch to GitHub then open a PR, you won't be able to change its name. But please don't close a PR and open a new one just because the branch name isn't optimal. Just keep these tips in mind for the next time.
+
+## Pull request
+
+Once you have gotten your code far enough along that you are confident you'll be able to complete it, open a pull request (PR). You might also do this earlier if a maintainer requests to see your code in order to assist you.
+
+Later on when you are building larger features, a PR should be opened once you have meaningful progress. That way, it can be kept safe on GitHub and other maintainers can check in to see your status so your work is less of a mystery.
+
+Here's the important part: when you open a PR, it should be marked as a draft unless it is currently ready for review. The left image shows how to open a new PR as a draft, and the right image shows how to convert an existing PR to a draft.
+
+<p><img src="https://static.graphite.rs/content/volunteer/guide/draft-pr.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Screenhots showing GitHub's &quot;Create pull request (arrow) > Create draft pull request&quot; and &quot;Still in progress? Convert to draft&quot; buttons" /></p>
+
+<center><em>Open a new PR as a draft / convert an existing PR to a draft</em></center>
+
+You should mark it as ready for review and ping a maintainer when you believe your code implements the needed functionality and doesn't introduce any new bugs or broken features.
+
+## Title and description
+
+Your PR title will become the commit message of your feature's commit in the project Git history. It should aim to concisely but descriptively summarize what your PR does. We use sentence case and imperative mood ("Fix X bug", "Add Y feature", "Make Z faster").
+
+If you are working on a task from the `#✅code-todo-list` Discord channel, you should right-click the exact message, select "Copy Message Link", and paste that into your PR description.
+
+If you are working on a task with a GitHub issue, please be certain to include that issue number in the description. GitHub requires the format "Closes #123", "Fixes #123", or "Resolves #123". If there are multiple issues, you have to fully repeat this trigger word for each one. If there is no issue, remove the pre-filled "Closes #" description text.
+
+When the PR gets merged, any issue referenced by the trigger word will be automatically closed. That isn't desirable for [tracking issues](https://github.com/GraphiteEditor/Graphite/issues?q=is%3Aissue+is%3Aopen+in%3Atitle+%22tracking+issue%22), so you should instead use "Part of #123" which isn't a trigger word. After the PR merges, please edit the description to change "Part of" to "Closes" so the tracking issue links to the PR without it having gotten closed.
+
+As a bonus, it can be helpful for maintainers if you take a few minutes to write about what you changed and include relevant screenshots or video clips.
+
+If you have concerns about a certain approach you took or if a certain part of your code is as clean as it could be, you can leave comments on lines of your own code from the "Files changed" tab after opening the PR.
+
+## Comment on the issue
+
+For any issue referenced in your PR (including tracking issues), we need you to leave a comment on issue. It doesn't matter what you write. You can just say "I opened PR #456" or something to that effect. This is only necessary because we will need to assign that issue to you upon merging your PR, but GitHub only allows assignments to those who have commented.
+
+That way you get credit for your work and we can keep our closed issues cleanly organized. For consistency, a closed issue should have an assignee if it was resolved by a PR. Otherwise, only duplicate or invalid issues should be closed without an assignee.
+
+We don't commonly assign issues while a PR is still in progress, only upon landing the PR. That's because PRs often get abandoned and we don't want an assignment blocking someone else from picking up the work.
+
+## Code review etiquette
+
+It is your responsibility to build the editor, thoroughly test your work, and employ common sense to avoid wasting a maintainer's time in needing to point out obvious flaws. It is not uncommon for inexperienced contributors to request review when their code entirely fails to implement the task at hand, or breaks surrounding functionality in a way that should have been immediately apparent. This doesn't leave a good impression and can frustrate maintainers.
+
+If you don't actually understand what is intended with your feature/fix and why this is meaningful to a user of Graphite, spend time becoming that user and understanding the context. [Learning](/learn) at least the basics of using Graphite is important. Then ask questions in Discord if you're still confused about specific edge cases or the wording of the task.
+
+It is also common for larger tasks to enter a round of review to confirm the direction is correct before you go back and polish the remaining details of the implementation. It's good to be in touch with the team to decide on when is the right time for this kind of preliminary review. It can save you effort reworking problems if you misunderstand the goals, or if the exact details of the requirements were never well-defined and you'll need to iterate on the design together with the team. Don't feel that every part of your PR needs to be 100% finished before requesting feedback, but also be clear so you aren't taking a maintainer away from other work to point out that you are obviously nowhere near done.
+
+## Self-review
+
+Before marking your PR as ready for review, you should do a self-review. That means reading over the diff of all your changes to ensure they are correct, complete, and lacking frivolous changes like unintended whitespace alterations, leftover debugging code, or commented-out lines. Read over it with a fine-toothed comb so maintainers don't have to nitpick as much. It is only fair that your first code reviewer should be yourself, so you catch the obvious flaws first.
+
+## Passing CI
+
+Upon pushing a commit to your PR's branch, CI will need to build and test your code. PRs from forks will have to wait until a maintainer approves the CI run. If you're uncertain, run `cargo test --all-features` on your machine or ask a maintainer to trigger CI for you.
+
+You also have to pass `cargo fmt` and `cargo clippy` locally before your PR can be merged.
+
+Your goal is for the check called "Editor: Dev & CI / build (pull_request)" to pass with a ✅. If it fails with a ❌, you will need to investigate. If you need access to the build logs, ask a maintainer to provide them. Occasionally, other checks may fail, but you likely won't be responsible for fixing those and they can be ignored.
+
+## Keeping your work up-to-date
+
+Be sure to start your work from the latest commit on the `master` branch by pulling (`git pull`) with `master` checked out when you begin coding.
+
+As time goes on and `master` accumulates new commits, your branch will become outdated. It has to be synced up with `master` before your PR can be merged. Sometimes there will be conflicts that you need to resolve, which you can find learning resources for online. Enabling Git's three-way diff conflict style with `git config --global merge.conflictstyle diff3` can make this process easier.
+
+When your branch can be updated with `master` without conflicts, you can click the "Update branch" button below the CI status. If you click the dropdown button beside it, you can choose instead to update with a rebase. If this can be done without conflicts, this is preferred because it maintains a clean, linear history for your branch.
+
+<p><img src="https://static.graphite.rs/content/volunteer/guide/update-branch-with-rebase.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="Screenhots showing GitHub's &quot;Update with rebase&quot; button" /></p>
+
+Be sure to pull the rebased, or updated-with-a-merge-commit, branch after you or a maintainer updates it (or pushes other commits to it) to ensure you are working on the latest code.
+
+## Review process
+
+Assuming you have done what's explained above, a maintainer will aim to review your PR within a few days if possible. Feel free to send reminders because PRs can get overlooked.
+
+As a rule of thumb, at this stage you are about 50% done with your work. The other 50% of your time will be spent responding to feedback and making (sometimes significant) changes.
+
+There are two parts to the review process, QA and code review, which occur separately:
+
+- Quality assurance (QA): A build of your code will be opened and tested to ensure it implements the requested functionality and doesn't introduce regressions. This is not a substitute for your own testing, but it is a necessary line of defense against overlooked issues. This is usually performed by Keavon, the founder and product designer, whose eye for detail keeps the app polished and consistent. Maintainers (and only maintainers) have the ability to invoke CI by commenting "!build" on your PR which will produce a build link. That is a unique link hosting a build of your PR's current code.
+- Code review: The code will be checked for flawed approaches, pitfalls, confusing logic, [style guide](../code-quality-guidelines) adherence, sufficient comments and tests, and general quality. A review may be left through GitHub or your PR may have commits added to it. Feel free to read the diffs of those commits to understand what was changed so you can learn from that feedback. Direct commits are often faster than leaving dozens of comments. These can range from nitpicks to larger improvements. Our process is to collaborate on PRs as a team to write the best code possible, meaning your PR won't always be exclusively written by you.
+
+When changes are requested, the maintainer will usually mark the PR as a draft again while awaiting your updates. It is your responsibility to mark it as ready for review again once you've addressed the feedback.
+
+- If a PR is a draft, the ball is in your court to move it forward.
+- If it's marked as ready for review, it means there is nothing more for you to do until the maintainer has time to review it.
+
+After any number of back-and-forth cycles, a maintainer (usually Keavon who often gives the final say) will merge your PR. All your commits will be squashed into a single new commit on the `master` branch. This keeps the Git history linear and easy to follow.
+
+Congratulations on landing your successful contribution! Ping `@Keavon` on Discord to be given the "Code Contributor" role.
diff --git a/website/content/volunteer/guide/student-projects/_index.md b/website/content/volunteer/guide/student-projects/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..58668431a634237853baa58ad5036cc779268fd9
--- /dev/null
+++ b/website/content/volunteer/guide/student-projects/_index.md
@@ -0,0 +1,360 @@
++++
+title = "Student projects"
+template = "book.html"
+page_template = "book.html"
+
+[extra]
+order = 4 # Chapter number
++++
+
+Graphite offers a number of opportunities for students to contribute by building a self-contained project as part of a structured format. These projects are designed to be completed over several months and are ideal for Google Summer of Code or similar internship programs, solo or group university capstone projects, and other arrangements. Each project has a distinct focus and is a great way to make a meaningful contribution to open source over the length of the program while receiving mentorship and guidance from the Graphite team.
+
+Student projects require adherence to a set schedule with regular check-ins, milestones, and evaluations. The structured setting is designed to provide a supportive environment for students to learn and grow as developers while gaining real-world industry experience from collaborating on a sizable software product and remaining accountable to stakeholders. It's our goal to make sure you succeed!
+
+Use this [contributor guide](..) to start out with the code. Then when you're ready, reach out through [Discord](https://discord.graphite.rs) and use the `#🎓student-projects` channel to discuss and work towards proposing a project with the Graphite core team.
+
+## Google Summer of Code
+
+GSoC is a program offering students a [stipend](https://developers.google.com/open-source/gsoc/help/student-stipends) for successful completion of an internship-style experience with an open source organization. Read about [how it works](https://summerofcode.withgoogle.com/how-it-works/).
+
+<!-- Graphite [participated in GSoC 2024](https://summerofcode.withgoogle.com/programs/2024/organizations/graphite) and we anticipate doing so again in 2025 if our organization's application is accepted. Getting involved early is a great way to have a head start and stand out in your application. -->
+Graphite is [participating again in GSoC 2025](https://summerofcode.withgoogle.com/programs/2025/organizations/graphite). Applications closed [April 8](https://developers.google.com/open-source/gsoc/timeline). We accept year-round contributions; getting involved early is a great way to have a head start and stand out in your application in next year's program.
+
+### Writing a proposal
+
+Writing a good proposal is an important step that demonstrates your understanding of the project and your ability to think ahead and execute it. A well-defined plan will set you up for success throughout the rest of the program.
+
+<details>
+<summary>For proposal writing guidelines and requirements: click here</summary>
+
+You are encouraged to reference the project idea list below to find several potential projects suited to your experience, interest, and choice of scope. Then, you must reach out to a [core team member](/about#core-team) through Discord to discuss your plan in detail before writing a proposal. This will help you understand the project's scope and requirements and develop a detailed timeline for your expected summer-long work schedule. Importantly, it will also help us understand your background and capabilities to offer you feedback and suggestions for the best outcome in the competitive applicant selection process.
+
+When it comes to writing the proposal, which you will submit to the GSoC application website, we offer some guidelines below:
+
+- **Proposal structure:** Please consult the [Blender GSoC application template](https://developer.blender.org/docs/programs/gsoc/application_template/) as reference for our desired format. For project ideas already listed below, omit the "Benefits" section. Remember: don't waste your—and our—time restating information that we already know, like background info about Graphite or our tech stack; we just want to hear your thoughts and plans about what you uniquely bring to the table and how you'll execute the project. Proposals should be utilitarian, not formal, while also demonstrating your professional communication skills. Using an LLM to write your proposal won't be to your advantage.
+- **Experience:** We're especially interested in your background and work experience, so attaching a résumé or CV is an optional but recommended way to help us understand your capabilities. If able, please also include links to past open source contributions or personal projects in the bio section. Our goal is to provide an environment for you to learn and grow as a productive software engineer and team collaborator, not to help you learn the basics of coding, so any included work examples will help us understand your potential as a self-motivated contributor to the open source community.
+- **Work timeline:** Your goal is to write a proposal that inspires confidence in your ability to successfully complete the project, which means understanding in detail what's involved at a technical level and how you plan to tackle it. A detailed work timeline is the most important written part of your proposal. It should be broken into weekly or bi-weekly milestones with a couple sentences of technical detail. The summary in the project idea list below doesn't give enough information to develop a timeline, so you'll need to discuss this with the core team on Discord.
+- **Prior PRs:** The largest factor in our selection decision will be the quality and extent of your prior contributions to Graphite made during the proposal formulation period (or before, if applicable). Include a link to `https://github.com/GraphiteEditor/Graphite/commits?author=YOUR_GITHUB_USERNAME` in your proposal and feel free to write up a summary of what you've contributed and learned from the process. You may also keep contributing during the month after applications close, before we've finalized our selections, for those additional PRs to be considered.
+
+</details>
+
+## Project idea list
+
+### Compilers, graphics, and theory
+
+These projects are more advanced but are highest priority for Graphite's development. We will be aiming to find standout candidates for at least one of these projects this year. If your background suits the projects listed in this section, you are likely to have better odds applying to these compared to the more general projects further below.
+
+#### Graphene language/compiler development
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- [See the GitHub issue.](https://github.com/GraphiteEditor/Graphite/issues/2350)
+- Best for someone with an aptitude or focus on programming languages, compilers, and type system theory.
+
+#### GPU-accelerated rendering pipeline within the compiler/runtime/engine
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- Build out infrastructure in the language/compiler/runtime/engine using [rust-gpu](https://github.com/Rust-GPU/rust-gpu) and/or [CubeCL](https://github.com/tracel-ai/cubecl).
+- [See the GitHub issue.](https://github.com/GraphiteEditor/Graphite/issues/2168)
+- Best for someone with both an aptitude for low-level graphics programming (experience in one of WGPU, Vulkan, OpenGL, etc.) and an interest in compilers and programming languages.
+
+#### Node equivalence rewriting
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- [See the GitHub issue.](https://github.com/GraphiteEditor/Graphite/issues/2021)
+- Best for someone with an interest towards graph theory and compiler optimization topics like [E-graphs](https://en.wikipedia.org/wiki/E-graph).
+
+#### Machine learning architecture
+
+*Generative AI and vision ML models will need to run in Graphite's node graph with a Rust-centric, modular, portable, deployable, scalable environment.*
+
+- **Possible Mentors:** [Oliver](https://github.com/otdavies)
+- **Needed Skills:** Machine learning (and potentially: Rust, Python, ONNX, Candle, Burn)
+- **Project Size:** Large *(GSoC: 350 hours)*
+- **Difficulty:** Hard
+- **Expected Outcomes:** Specifics will vary by proposal. In general, a useful end-to-end integration of at least one GenAI or vision model into Graphite's node graph which can run both locally and deployed to a hosting provider server.
+
+AI/ML is filling a rapidly growing role as a tool in the creative process. Graphite's procedural node-based workflow is uniquely suited to leveraging the power and flexibility of AI nodes.
+
+[Segment Anything 2](https://ai.meta.com/sam2/) (object segmentation), [Depth Anything](https://depth-anything.github.io/) (depth estimation), and [Stable Diffusion](https://github.com/CompVis/stable-diffusion) (image generation, generative fill, style transfer, etc.) are currently the three models we are most [interested in integrating](https://github.com/GraphiteEditor/Graphite/issues/1694). The challenge is settling on an architecture and tech stack which is well suited for Graphite's requirements.
+
+<details>
+<summary>For additional technical details: click here</summary>
+
+The approach should be extensible to future models. It needs to run fast and natively on the assorted hardware of local user machines with hardware acceleration. It should be a one-click installation process for users to download and run models without requiring dependencies or environment setup. Ideally, it should allow the more lightweight models to run locally in browsers with WebGPU. It needs to also be deployable to servers in a scalable, cost-viable manner that reuses most of the same code that runs locally. Runtime overhead, cold start times, and memory usage should be minimized for quick, frequent switching between models in a node graph pipeline. The tech stack also needs to be permissively licensed and, as much as possible, Rust-centric so it doesn't add complexity to our Wasm and Tauri build processes. For Stable Diffusion, we need the flexability to track the latest research and extensions to the ecosystem like new base models, checkpoint training, DreamBooth, LoRA, ControlNet, IP-Adapter, etc. and expose these functionalities through modular nodes.
+
+To meet most of these criteria, our current thinking is to distribute and run our models using the [ONNX](https://onnx.ai/) format. This would integrate ONNX runtimes for WebGPU, native (DirectML, CUDA), and GPU cloud providers. The issue with this approach is that these models (particularly Stable Diffusion) aren't available in an ONNX format.
+
+A potential direction for students proposing this project is to reimplement parts of these ML models for ONNX (potentially in [Candle](https://github.com/huggingface/candle) or [Burn](https://burn.dev/) to leverage the Rust ecosystem, if possible).
+
+Another potential direction is to find a portable, modular, lightweight approach for bundling existing Python-based models. It would need to work across simple and complex models with different architectures. License compliance, if GPL code is involved, would be a consideration.
+
+Based on the experience and insight brought to the table by the student, the nature of the project should be defined through preliminary discussions with the mentors and codified in the proposal. Machine learning and MLOps are fields that Graphite's team lack deep expertise in, so we are looking for a knowledgable student who can bring forth a well-researched and well-architected proposal and then execute on it.
+
+</details>
+
+### Native development
+
+#### Graphite desktop app engineering
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+### Rendering and graphics
+
+Several of these require a good understanding of computer graphics rendering techniques and algorithms. Experience in game development and writing your own rendering engines is a plus.
+
+#### Mesh vector rendering
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- See the GitHub issues: [fills](https://github.com/GraphiteEditor/Graphite/issues/2309) and [strokes](https://github.com/GraphiteEditor/Graphite/issues/2310).
+
+#### Support paints for strokes and fills
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- Refactor and upgrade our renderer to cleanly handle paints for fills and strokes.
+- This includes [gradient rendering](https://github.com/GraphiteEditor/Graphite/issues/2304) polyfills
+- May include other rendering features like [stroke alignment](https://github.com/GraphiteEditor/Graphite/issues/2268) polyfills
+
+#### Advanced text layout and typography
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- [See the GitHub issue.](https://github.com/GraphiteEditor/Graphite/issues/1105)
+
+#### PDF and/or DXF import/export
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- Scope and viability depends on the state of available libraries.
+
+#### Traditional brush engine
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- [See the GitHub issue.](https://github.com/GraphiteEditor/Graphite/issues/1297)
+
+#### Procedural brush engine
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- [Read this thesis for background](https://digitalcommons.calpoly.edu/theses/2653/), chapter 3 onwards.
+
+#### Advanced color management
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- Add support for HDR/WCG and/or CMYK and alternate color spaces/models
+- Requires an experienced understanding of color science
+
+#### Image processing algorithms for photography
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+#### New graphics nodes
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- Research and implement image processing (raster) or geometry (vector) nodes that you propose or we suggest in our discussions with you.
+- Example of one such node: [Text on path](https://github.com/GraphiteEditor/Graphite/issues/978).
+
+#### SVG with raster effects
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- The SVG spec supports a number of filters and other raster effects, and we currently only implement a small subset.
+- Add support for the rest of the SVG spec, including filters, masks, and other raster effects.
+- Allow roundtrip import and export of SVG files with these features.
+- Import, render (through SVG and Vello), and export of [filters like these](https://codepen.io/miXTim/pen/ZErggMQ).
+
+### Editor tooling
+
+#### Snapping system overhaul
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- [See the GitHub issue.](https://github.com/GraphiteEditor/Graphite/issues/2352)
+
+#### Advanced vector editing tool modes
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+- Add modes for segment editing, mesh vector, and more. Discuss with us on Discord to decide on the scope of the project.
+
+#### Tooling polishing and gizmo additions
+
+*This is a newly added project pending a full written overview. Come ask on Discord for details.*
+
+#### Marquee selection masking
+
+*Graphite's raster editing features requires the implementation of Select mode, where users can draw a mask which becomes a marquee (marching ants) selection.*
+
+- **Possible Mentors:** [Keavon](/about#keavon), [Hypercube](/about#hypercube)
+- **Needed Skills:** Rust, computer graphics
+- **Project Size:** Large *(GSoC: 350 hours)*
+- **Difficulty:** Medium
+- **Expected Outcomes:** Complete implementation of Mask mode and its marquee selection. Marching ants visualization shader effect. Integration of selection mask with the node graph and raster editing tools. Useful raster editing workflow.
+
+A central part of the workflow in raster image editors is the selection of portions of the image to constrain manipulations just to the masked areas. Tools such as the circular and rectangular marquee, lasso, and magic wand are used to create masks. Instead of using dedicated tools, Graphite's design reuses the existing vector and raster drawing tools (like Rectangle, Ellipse, Pen, and Fill) to create masks in a dedicated Mask mode. Returning from Mask mode reveals the marching ants selection that constrains further editing operations.
+
+This is a key feature in Graphite's evolution to a fully-featured raster editor.
+
+### Refactors and infrastructure
+
+#### Complex widget layout system
+
+*Graphite's UI needs an upgraded layout system to support more complex and dynamic widget arrangements defined from the backend.*
+
+- **Possible Mentors:** [Keavon](/about#keavon)
+- **Needed Skills:** Rust, web (Svelte, CSS, TypeScript)
+- **Project Size:** Small *(GSoC: 90 hours)* or Medium *(GSoC: 175 hours)*
+- **Difficulty:** Medium
+- **Expected Outcomes:** An improved system for defining widget layouts with better control and flexibility over arrangement and dynamic data binding. Reduction in boilerplate and plumbing required to define each new layout. Better control of styling between rows.
+
+The current system for defining the arrangement of widget layouts from the backend, created during a [previous student project](#2022-backend-layout-system), has served us well thus far but has limitations. This project aims to extend the system to better model our evolved requirements.
+
+Students should have a good level of familiarity with Rust design patterns to envision, prototype, propose, and robustly implement a new system that can handle the complexity of Graphite's use cases. The size of this project can vary depending on the proposal's scope and extent of refactoring to these and adjacent systems.
+
+<details>
+<summary>For additional technical details: click here</summary>
+
+The present system is very row-centric, which makes it challenging to create multi-row layouts that distribute their widgets across the space in concert with other rows. It also requires manual updates to the backend data model for each widget, which makes dynamic layouts require extra plumbing and room for mistakes. Defining popover and dialog menus is also cumbersome because each requires several new files in the backend architecture.
+
+</details>
+
+#### Testing and performance instrumentation
+
+*Graphite has many areas that could benefit from better automated testing for bugs and performance regressions.*
+
+- **Possible Mentors:** [Dennis](/about#dennis), [Hypercube](/about#hypercube)
+- **Needed Skills:** Rust, unit testing
+- **Project Size:** Small *(GSoC: 90 hours)* or larger if proposed
+- **Difficulty:** Easy
+- **Expected Outcomes:** Specific focus and scope may vary by the student's interests and proposal. In general, a significant increase in the coverage of tests in useful code areas (such as document loading, tool manipulation, and rendering) and attention towards systems which measure performance metrics and identify bottlenecks and regressions.
+
+Graphite could benefit from better testing coverage in a number of areas, especially end-to-end testing in the tool, document, and node graph systems. This project is about identifying and addressing areas that are lacking and most vulnerable to suffering from regressions. The student will be responsible for identifying areas that could benefit from better testing.
+
+#### Architecture visualization
+
+*Infrastructure to generate visualizations of Graphite's system architecture would be a valuable addition to the project's documentation and debugging tools.*
+
+- **Possible Mentors:** [Keavon](/about#keavon), [Dennis](/about#dennis)
+- **Needed Skills:** Rust (especially proc macros)
+- **Project Size:** Small *(GSoC: 90 hours)* or larger if proposed
+- **Difficulty:** Medium
+- **Expected Outcomes:** A system built from proc macros which can generate useful visualizations of Graphite's system architecture. Depending on proposal scope, this can include static visualizations added to the documentation, dynamic message flow visualizations for debugging, and tools to help identify redundant message traffic.
+
+Graphite's editor architecture, based around a message-passing processing queue, is structured as a hierarchical system of message handlers. Each handler stores its own state, and references to the state data may be passed along to its child handlers that need it.
+
+It is challenging to document the hierarchy of this system as a tree in the documentation because the code is often changing. Generating a visualization would ensure it remains up to date. Additional visualizations could also be generated with greater detail, such as message flow diagrams for each message.
+
+<details>
+<summary>For additional technical details: click here</summary>
+
+If proposed as part of the project's scope, a runtime component could be added as an extension of the aforementioned documentation visualizations. These would help developers understand and trace the flow of message traffic, essentially becoming a visual debugger for the message system. Instrumentation included with this could help identify message traffic that causes particularly high load, or locate redundant message traffic, to keep Graphite's performance under control. Timing could also be measured for each message and visualized in a custom flame graph. Current debugger tools can't provide this information because the message-passing approach "flattens out" the traditional function call stack.
+
+</details>
+
+### Other
+
+#### Your own idea
+
+*If you have an idea for a project that you think would be a good fit, we'd love to hear it!*
+
+- **Possible Mentors:** Varies
+- **Needed Skills:** Varies
+- **Project Size:** Varies
+- **Difficulty:** Varies
+- **Expected Outcomes:** Stated in your proposal.
+
+If none of the projects above suit your interests or experience, we are very open to discussing your own project ideas that could benefit Graphite. You may consult our [task board](https://github.com/orgs/GraphiteEditor/projects/1/views/1) and [roadmap](/features#roadmap) to get a feel for what our current priorities are.
+
+As is the case with all projects, please discuss this with us on Discord to flesh out your idea. Unsolicited proposals that have not been discussed with us will almost certainly be rejected.
+
+## Successful past projects
+
+### 2024: Interactive node graph auto-layout
+
+*Graphite's graph UI needs a system to automatically arrange layers and nodes given incremental changes to the graph contents.*
+
+Affiliation: GSoC 2024  
+Duration: 3 months  
+Student: Adam Gerhant
+
+- [Program project listing](https://summerofcode.withgoogle.com/programs/2024/projects/gvbBoCpT)
+- [Report and weekly updates](https://github.com/GraphiteEditor/Graphite/discussions/1769)
+
+**Outcomes:** A system that manages the placement of nodes based on a set of layout constraint rules and incremental updates to the graph topology. It should run efficiently, even with large graphs. It should be robust enough to handle a variety of graph topologies and user interactions, producing organized, useful, and stable layouts.
+
+**Background:** The Graphite concept is built around a node graph representation of layer stacks, while tools automatically generate and manipulate nodes. When a layer or node is inserted, deleted, moved, or referenced, the graph needs to be reorganized to maintain a clear and useful layout. Users can also interactively expand and collapse groups of nodes which occupies or frees up graph real estate.
+
+Unlike other node editors that are centered around manual graph editing, where users are fully in charge of node placements within one large node network, Graphite's node UI is more oriented towards automatic layout management and viewing just parts of the graph at one time. This means the shown graph topology is constantly changing and the layout system needs to cooperatively organize the graph in concert with user actions.
+
+While general graph layout algorithms are complex and struggle to produce good results in other node editors, Graphite's graph topology is more constrained and predictable, which makes it possible to design a layout system that can produce good results. Nodes tend to be organized into rows, and layers into columns. This turns the problem into more of a constraint-based, axis-aligned packing problem.
+
+### 2024: Rendering performance infrastructure improvements
+
+*Graphite performance is bottlenecked by limitations in the new node graph rendering architecture that needs improvements.*
+
+Affiliation: GSoC 2024  
+Duration: 4 months  
+Student: Dennis Kobert
+
+- [Program project listing](https://summerofcode.withgoogle.com/programs/2024/projects/v5z2Psnc)
+- [Report and weekly updates](https://github.com/GraphiteEditor/Graphite/discussions/1773)
+
+**Outcomes:** A holistic, metrics-driven focus on fixing the many unoptimized areas of Graphite's node graph compilation, execution, and rendering systems. Integration of Vello as an integrated rendering backend. A significant improvement in the performance of the editor, especially in the node graph, and a more stable and predictable performance profile. Benchmarking and profiling tools to measure and visualize performance improvements and regressions.
+
+**Background:** Graphite's node graph system is the backbone of the editor, but it has many performance problems that need to be addressed because the system is relatively immature and performance-impacting shortcuts were taken during its initial development. This project is all about making the node graph system more robust and optimized, which will have a direct impact on the user experience and the editor's overall performance. By the end of the project, the editor should finally feel usable in the majority of user workflows. Vello should be enabled as an alternate render engine that will fully replace the existing SVG-based one in the future, once browser support arrives across major platforms.
+
+### 2024: Raw photograph decoding in Rust
+
+*For Graphite to support editing photos from professional digital cameras, it needs a raw decoding/processing library.*
+
+Affiliation: GSoC 2024  
+Duration: 5 months  
+Student: Elbert Ronnie
+
+- [Program project listing](https://summerofcode.withgoogle.com/programs/2024/projects/2uiwOfz8)
+- [Report and weekly updates](https://github.com/GraphiteEditor/Graphite/discussions/1771)
+- [Rawkit library](https://crates.io/crates/rawkit)
+
+**Outcomes:** A Rust library that implements raw photo decoding functionality to native Rust. A clean, well-structured codebase and API. At a minimum, demonstrate the successful end-to-end decoding, debayering, and color space handling of Sony ARW format photos in Graphite. Publish the library to crates.io.
+
+**Background:** For Graphite to work as a photo editing app, it needs to import raw photos. These contain compressed sensor imagery and metadata in a variety of formats. Sony ARW is the first target and additional camera brands are stretch goals. Graphite needs a library written in pure Rust with a suitable (non-GPL) license, which does not currently exist in the ecosystem, so we need to create one ourselves.
+
+### 2023: Bezier-rs library
+
+*Graphite's vector editing features require the implementation of Bezier curve and path manipulation computational geometry algorithms.*
+
+Affiliation: University of Waterloo, Ontario, Canada  
+Duration: 9 months  
+Students: Hannah Li, Rob Nadal, Thomas Cheng, Linda Zheng, Jackie Chen
+
+- [Bezier-rs library](https://crates.io/crates/bezier-rs)
+- [Interactive web demo](/libraries/bezier-rs/)
+
+**Outcomes:** The student group designed an API for representing and manipulating Bezier curves and paths as a standalone Rust library which was published to crates.io. It now serves as the underlying vector data format used in Graphite, and acts as a testbed for new computational geometry algorithms. The team also built an interactive web demo catalog to showcase many of the algorithms, which are also handily embedded in the library's [documentation](https://docs.rs/bezier-rs/latest/bezier_rs/).
+
+### 2022: Backend layout system
+
+*Graphite's UI needs a system to define and manage layouts for widgets from the backend.*
+
+Affiliation: California Polytechnic State University, San Luis Obispo, USA  
+Duration: 3 months  
+Student: Max Fisher
+
+**Outcomes:** The student designed and implemented a new system across the editor's frontend and backend which made it possible to define and manage layouts for widgets from the backend and receive input data from those widgets. Previously, all layouts were statically defined in the frontend and extensive plumbing was required to pass data back and forth.
+
+### 2022: Path boolean operations
+
+*Graphite's vector editing features require the implementation of boolean operations on paths, such as union, intersection, and difference.*
+
+Affiliation: California Polytechnic State University, San Luis Obispo, USA  
+Duration: 3 months  
+Student: Caleb Dennis
+
+**Outcomes:** The student devised and prototyped algorithms for performing boolean operations on paths, such as union, intersection, and difference. These were used as a stopgap during 2022 and 2023 to provide users with a rudimentary boolean operation feature set.
diff --git a/website/install-fonts.js b/website/install-fonts.js
new file mode 100644
index 0000000000000000000000000000000000000000..e3fbb12d68a34b1282a60436583eed91b6ee875a
--- /dev/null
+++ b/website/install-fonts.js
@@ -0,0 +1,194 @@
+const fs = require("fs");
+const https = require("https");
+const path = require("path");
+
+// Define basePath
+const basePath = path.resolve(__dirname);
+
+// Define files to copy as [source, destination] pairs
+// Files with the same destination will be concatenated
+const FILES_TO_COPY = [
+	["node_modules/@fontsource-variable/inter/opsz.css", "static/fonts/common.css"],
+	["node_modules/@fontsource-variable/inter/opsz-italic.css", "static/fonts/common.css"],
+	["node_modules/@fontsource/bona-nova/700.css", "static/fonts/common.css"],
+];
+
+// Define directories to copy recursively as [source, destination] pairs
+const DIRECTORIES_TO_COPY = [
+	["node_modules/@fontsource-variable/inter/files", "static/fonts/files"],
+	["node_modules/@fontsource/bona-nova/files", "static/fonts/files"],
+];
+
+// Track processed destination files and CSS content
+const processedDestinations = new Set();
+const cssDestinations = new Set();
+const allCopiedFiles = new Set();
+
+// Process each file
+FILES_TO_COPY.forEach(([source, dest]) => {
+	// Convert relative paths to absolute paths
+	const sourcePath = path.join(basePath, source);
+	const destPath = path.join(basePath, dest);
+
+	// Track CSS destinations for later analysis
+	if (dest.endsWith(".css")) {
+		cssDestinations.add(destPath);
+	}
+
+	// Ensure destination directory exists
+	const destDir = path.dirname(destPath);
+	if (!fs.existsSync(destDir)) {
+		fs.mkdirSync(destDir, { recursive: true });
+		console.log(`Created directory: ${destDir}`);
+	}
+
+	try {
+		// Read source file content
+		const content = fs.readFileSync(sourcePath, "utf8");
+
+		// Check if destination has been processed before
+		if (processedDestinations.has(destPath)) {
+			// Append to existing file
+			fs.appendFileSync(destPath, "\n\n" + content);
+			console.log(`Appended: ${sourcePath} → ${destPath}`);
+		} else {
+			// First time writing to this destination - copy the file
+			fs.writeFileSync(destPath, content);
+			processedDestinations.add(destPath);
+			console.log(`Copied: ${sourcePath} → ${destPath}`);
+		}
+
+		// Replace all occurrences of "./files" with "/fonts" in the destination file
+		let destFileContent = fs.readFileSync(destPath, "utf8");
+		destFileContent = destFileContent.replaceAll("./files/", "/fonts/files/");
+		fs.writeFileSync(destPath, destFileContent);
+	} catch (error) {
+		console.error(`Error processing ${sourcePath} to ${destPath}:`, error);
+		process.exit(1);
+	}
+});
+
+// Function to recursively copy a directory
+function copyDirectoryRecursive(source, destination) {
+	// Ensure destination directory exists
+	if (!fs.existsSync(destination)) {
+		fs.mkdirSync(destination, { recursive: true });
+		console.log(`Created directory: ${destination}`);
+	}
+
+	// Get all items in the source directory
+	const items = fs.readdirSync(source);
+
+	// Process each item
+	items.forEach((item) => {
+		const sourcePath = path.join(source, item);
+		const destPath = path.join(destination, item);
+
+		// Check if item is a directory or file
+		const stats = fs.statSync(sourcePath);
+		if (stats.isDirectory()) {
+			// Recursively copy subdirectory
+			copyDirectoryRecursive(sourcePath, destPath);
+		} else {
+			// Copy file and track it
+			fs.copyFileSync(sourcePath, destPath);
+			allCopiedFiles.add(destPath);
+			console.log(`Copied: ${sourcePath} → ${destPath}`);
+		}
+	});
+}
+
+// Process each directory
+DIRECTORIES_TO_COPY.forEach(([source, dest]) => {
+	// Convert relative paths to absolute paths
+	const sourcePath = path.join(basePath, source);
+	const destPath = path.join(basePath, dest);
+
+	try {
+		copyDirectoryRecursive(sourcePath, destPath);
+		console.log(`Copied directory: ${sourcePath} → ${destPath}`);
+	} catch (error) {
+		console.error(`Error copying directory ${sourcePath} to ${destPath}:`, error);
+		process.exit(1);
+	}
+});
+
+console.log("All files and directories copied successfully!");
+
+// Now check which of the copied files are actually referenced in CSS
+console.log("\nChecking for unused font files...");
+
+// Read all CSS content and join it
+let allCssContent = "";
+cssDestinations.forEach((cssPath) => {
+	try {
+		const content = fs.readFileSync(cssPath, "utf8");
+		allCssContent += content;
+	} catch (error) {
+		console.error(`Error reading CSS file ${cssPath}:`, error);
+	}
+});
+
+// Filter files that aren't referenced in CSS
+const unusedFiles = [];
+allCopiedFiles.forEach((filePath) => {
+	const fileName = path.basename(filePath);
+
+	// Check if the file name is mentioned in any CSS
+	if (!allCssContent.includes(fileName)) {
+		unusedFiles.push(filePath);
+	}
+});
+
+// Delete unused files
+if (unusedFiles.length > 0) {
+	console.log(`Found ${unusedFiles.length} unused font files to delete:`);
+	unusedFiles.forEach((filePath) => {
+		try {
+			fs.unlinkSync(filePath);
+			console.log(`Deleted unused file: ${filePath}`);
+		} catch (error) {
+			console.error(`Error deleting file ${filePath}:`, error);
+		}
+	});
+} else {
+	console.log("No unused font files found.");
+}
+
+console.log("\nFont installation complete!");
+
+// Fetch and save text-balancer.js, which we don't commit to the repo so we're not version controlling dependency code
+const textBalancerUrl = "https://static.graphite.rs/text-balancer/text-balancer.js";
+const textBalancerDest = path.join(basePath, "static", "text-balancer.js");
+console.log("\nDownloading text-balancer.js...");
+https
+	.get(textBalancerUrl, (res) => {
+		if (res.statusCode !== 200) {
+			console.error(`Failed to download text-balancer.js. Status code: ${res.statusCode}`);
+			res.resume();
+			return;
+		}
+
+		let data = "";
+		res.on("data", (chunk) => {
+			data += chunk;
+		});
+
+		res.on("end", () => {
+			try {
+				// Ensure destination directory exists
+				const destDir = path.dirname(textBalancerDest);
+				if (!fs.existsSync(destDir)) {
+					fs.mkdirSync(destDir, { recursive: true });
+					console.log(`Created directory: ${destDir}`);
+				}
+				fs.writeFileSync(textBalancerDest, data, "utf8");
+				console.log(`Downloaded and saved: ${textBalancerDest}`);
+			} catch (error) {
+				console.error(`Error saving text-balancer.js:`, error);
+			}
+		});
+	})
+	.on("error", (err) => {
+		console.error(`Error downloading text-balancer.js:`, err);
+	});
diff --git a/website/other/bezier-rs-demos/.eslintrc.cjs b/website/other/bezier-rs-demos/.eslintrc.cjs
new file mode 100644
index 0000000000000000000000000000000000000000..57e0e6691126a89e2ebab8355766b4457af5c1a4
--- /dev/null
+++ b/website/other/bezier-rs-demos/.eslintrc.cjs
@@ -0,0 +1,87 @@
+module.exports = {
+	root: true,
+	env: { browser: true, node: true },
+	extends: ["eslint:recommended", "plugin:import/recommended", "plugin:@typescript-eslint/recommended", "plugin:import/typescript", "prettier"],
+	plugins: ["import", "@typescript-eslint", "prettier"],
+	settings: {
+		"import/parsers": { "@typescript-eslint/parser": [".ts"] },
+		"import/resolver": { typescript: true, node: true },
+	},
+	parser: "@typescript-eslint/parser",
+	parserOptions: {
+		ecmaVersion: "latest",
+		project: "./tsconfig.json",
+	},
+	ignorePatterns: [
+		// Ignore generated directories
+		"node_modules/",
+		"dist/",
+		"pkg/",
+		"wasm/pkg/",
+		// Don't ignore JS and TS dotfiles in this folder
+		"!.*.js",
+		"!.*.ts",
+	],
+	overrides: [
+		{
+			extends: ["plugin:@typescript-eslint/disable-type-checked"],
+			files: ["./*.js", "./*.cjs"],
+		},
+	],
+	rules: {
+		// Standard ESLint config (for ordinary JS syntax linting)
+		indent: "off",
+		quotes: ["error", "double", { allowTemplateLiterals: true }],
+		camelcase: ["error", { properties: "always" }],
+		"linebreak-style": ["error", "unix"],
+		"eol-last": ["error", "always"],
+		"max-len": ["error", { code: 200, tabWidth: 4, ignorePattern: `d="([\\s\\S]*?)"` }],
+		"prefer-destructuring": "off",
+		"no-console": "warn",
+		"no-debugger": "warn",
+		"no-param-reassign": ["error", { props: false }],
+		"no-bitwise": "off",
+		"no-shadow": "off",
+		"no-use-before-define": "off",
+		"no-restricted-imports": ["error", { patterns: [".*", "!@/*"] }],
+
+		// TypeScript plugin config (for TS-specific linting)
+		"@typescript-eslint/indent": "off",
+		"@typescript-eslint/camelcase": "off",
+		"@typescript-eslint/no-use-before-define": "off",
+		"@typescript-eslint/no-unused-vars": [
+			"error",
+			{
+				args: "all",
+				argsIgnorePattern: "^_",
+				caughtErrors: "all",
+				caughtErrorsIgnorePattern: "^_",
+				destructuredArrayIgnorePattern: "^_",
+				varsIgnorePattern: "^_",
+				ignoreRestSiblings: true,
+			},
+		],
+		"@typescript-eslint/consistent-type-imports": "error",
+		"@typescript-eslint/consistent-type-definitions": ["error", "type"],
+		"@typescript-eslint/consistent-type-assertions": ["error", { assertionStyle: "as", objectLiteralTypeAssertions: "never" }],
+		"@typescript-eslint/consistent-indexed-object-style": ["error", "record"],
+		"@typescript-eslint/consistent-generic-constructors": ["error", "constructor"],
+		"@typescript-eslint/no-restricted-types": ["error", { types: { null: "Use `undefined` instead." } }],
+
+		// Prettier plugin config (for validating and fixing formatting)
+		"prettier/prettier": "error",
+
+		// Import plugin config (for intelligently validating module import statements)
+		"import/no-unresolved": "error",
+		"import/prefer-default-export": "off",
+		"import/no-relative-packages": "error",
+		"import/order": [
+			"error",
+			{
+				alphabetize: { order: "asc", caseInsensitive: true },
+				"newlines-between": "always-and-inside-groups",
+				warnOnUnassignedImports: true,
+			},
+		],
+	},
+};
diff --git a/website/other/bezier-rs-demos/.gitignore b/website/other/bezier-rs-demos/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..7b77d66683daa3a5a2d547db5b042653e0d71256
--- /dev/null
+++ b/website/other/bezier-rs-demos/.gitignore
@@ -0,0 +1,5 @@
+/node_modules
+!/public
+/public/build
+/dist
+/wasm/pkg
diff --git a/website/other/bezier-rs-demos/.prettierrc b/website/other/bezier-rs-demos/.prettierrc
new file mode 100644
index 0000000000000000000000000000000000000000..51f101984c8e7e3abe0a195bf5b8967f596ce238
--- /dev/null
+++ b/website/other/bezier-rs-demos/.prettierrc
@@ -0,0 +1,6 @@
+{
+	"singleQuote": false,
+	"useTabs": true,
+	"tabWidth": 4,
+	"printWidth": 200
+}
diff --git a/website/other/bezier-rs-demos/README.md b/website/other/bezier-rs-demos/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..638fc53b9744875ff35d0d56eb5a99c69fe80aa1
--- /dev/null
+++ b/website/other/bezier-rs-demos/README.md
@@ -0,0 +1,18 @@
+# Bezier-rs interactive documentation
+
+Open these interactive docs: <https://graphite.rs/libraries/bezier-rs/>
+
+This page also serves isolated demos for iframes used in the Rustdoc [crate documentation](https://docs.rs/bezier-rs/latest/bezier_rs/).
+
+## Building and running
+
+Make sure [Node.js](https://nodejs.org/) (the latest LTS version) and [Rust](https://www.rust-lang.org/) (the latest stable release) are installed on your system, and [wasm-pack](https://rustwasm.github.io/wasm-pack/) has been installed by running `cargo install wasm-pack`.
+
+- To run the development server with hot reloading:
+  ```
+  npm start
+  ```
+- To compile an optimized production build:
+  ```
+  npm run build
+  ```
diff --git a/website/other/bezier-rs-demos/index.html b/website/other/bezier-rs-demos/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..d422d29fdf2d58ba93c2d6742c93110ea063179b
--- /dev/null
+++ b/website/other/bezier-rs-demos/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Bezier-rs Interactive Documentation</title>
+		<link rel="stylesheet" href="./style.css" />
+		<link href="fonts.css" rel="stylesheet" />
+	</head>
+	<body>
+		<noscript>JavaScript is required</noscript>
+		<script type="module" src="src/main.ts"></script>
+	</body>
+</html>
diff --git a/website/other/bezier-rs-demos/package-installer.js b/website/other/bezier-rs-demos/package-installer.js
new file mode 100644
index 0000000000000000000000000000000000000000..64970e38a697c21839a8d404e3eb66b0be9bebe5
--- /dev/null
+++ b/website/other/bezier-rs-demos/package-installer.js
@@ -0,0 +1,41 @@
+// This script automatically installs the npm packages listed in package-lock.json and runs before `npm start`.
+// It skips the installation if this has already run and neither package.json nor package-lock.json has been modified since.
+
+import { execSync } from "child_process";
+import { existsSync, statSync, writeFileSync } from "fs";
+
+const INSTALL_TIMESTAMP_FILE = "node_modules/.install-timestamp";
+
+// Checks if the install is needed by comparing modification times
+const isInstallNeeded = () => {
+	if (!existsSync(INSTALL_TIMESTAMP_FILE)) return true;
+
+	const timestamp = statSync(INSTALL_TIMESTAMP_FILE).mtime;
+	return ["package.json", "package-lock.json"].some((file) => {
+		return existsSync(file) && statSync(file).mtime > timestamp;
+	});
+};
+
+// Run `npm ci` if needed and update the install timestamp
+if (isInstallNeeded()) {
+	try {
+		// eslint-disable-next-line no-console
+		console.log("Installing npm packages...");
+
+		// Check if packages are up to date, doing so quickly by using `npm ci`, preferring local cached packages, and skipping the package audit and other checks
+		execSync("npm ci --prefer-offline --no-audit --no-fund", { stdio: "inherit" });
+
+		// Touch the install timestamp file
+		writeFileSync(INSTALL_TIMESTAMP_FILE, "");
+
+		// eslint-disable-next-line no-console
+		console.log("Finished installing npm packages.");
+	} catch (_) {
+		// eslint-disable-next-line no-console
+		console.error("Failed to install npm packages. Please run `npm install` from the `/frontend` directory.");
+		process.exit(1);
+	}
+} else {
+	// eslint-disable-next-line no-console
+	console.log("All npm packages are up-to-date.");
+}
diff --git a/website/other/bezier-rs-demos/package-lock.json b/website/other/bezier-rs-demos/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..8aeb4f2b35c09115f82e1f8b0cf9f99f05b736fb
--- /dev/null
+++ b/website/other/bezier-rs-demos/package-lock.json
@@ -0,0 +1,5181 @@
+{
+	"name": "bezier-rs-demos",
+	"version": "0.1.0",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"name": "bezier-rs-demos",
+			"version": "0.1.0",
+			"devDependencies": {
+				"@types/node": "^22.6.1",
+				"@typescript-eslint/eslint-plugin": "^8.7.0",
+				"@typescript-eslint/parser": "^8.7.0",
+				"concurrently": "^9.0.1",
+				"eslint-config-prettier": "^9.1.0",
+				"eslint-import-resolver-typescript": "^3.6.3",
+				"eslint-plugin-import": "^2.30.0",
+				"eslint-plugin-prettier": "^5.2.1",
+				"prettier": "^3.3.3",
+				"ts-node": "^10.9.2",
+				"typescript": "^5.6.2",
+				"vite": "^5.4.7"
+			}
+		},
+		"node_modules/@cspotcode/source-map-support": {
+			"version": "0.8.1",
+			"resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
+			"integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/trace-mapping": "0.3.9"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/aix-ppc64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+			"integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"aix"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-arm": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+			"integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+			"integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+			"integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/darwin-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+			"integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/darwin-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+			"integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+			"integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/freebsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+			"integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-arm": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+			"integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+			"integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-ia32": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+			"integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-loong64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+			"integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-mips64el": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+			"integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+			"cpu": [
+				"mips64el"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-ppc64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+			"integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-riscv64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+			"integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-s390x": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+			"integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+			"integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/netbsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+			"integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/openbsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+			"integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/sunos-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+			"integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+			"integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-ia32": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+			"integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-x64": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+			"integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@eslint-community/eslint-utils": {
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
+			"integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"eslint-visitor-keys": "^3.4.3"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+			}
+		},
+		"node_modules/@eslint-community/regexpp": {
+			"version": "4.12.1",
+			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+			"integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+			}
+		},
+		"node_modules/@eslint/config-array": {
+			"version": "0.19.2",
+			"resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.2.tgz",
+			"integrity": "sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"dependencies": {
+				"@eslint/object-schema": "^2.1.6",
+				"debug": "^4.3.1",
+				"minimatch": "^3.1.2"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/config-array/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/@eslint/config-array/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/@eslint/config-helpers": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.1.0.tgz",
+			"integrity": "sha512-kLrdPDJE1ckPo94kmPPf9Hfd0DU0Jw6oKYrhe+pwSC0iTUInmTa+w6fw8sGgcfkFJGNdWOUeOaDM4quW4a7OkA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/core": {
+			"version": "0.12.0",
+			"resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.12.0.tgz",
+			"integrity": "sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"dependencies": {
+				"@types/json-schema": "^7.0.15"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/eslintrc": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.0.tgz",
+			"integrity": "sha512-yaVPAiNAalnCZedKLdR21GOGILMLKPyqSLWaAjQFvYA2i/ciDi8ArYVr69Anohb6cH2Ukhqti4aFnYyPm8wdwQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"ajv": "^6.12.4",
+				"debug": "^4.3.2",
+				"espree": "^10.0.1",
+				"globals": "^14.0.0",
+				"ignore": "^5.2.0",
+				"import-fresh": "^3.2.1",
+				"js-yaml": "^4.1.0",
+				"minimatch": "^3.1.2",
+				"strip-json-comments": "^3.1.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/@eslint/eslintrc/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/@eslint/js": {
+			"version": "9.22.0",
+			"resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.22.0.tgz",
+			"integrity": "sha512-vLFajx9o8d1/oL2ZkpMYbkLv8nDB6yaIwFNt7nI4+I80U/z03SxmfOMsLbvWr3p7C+Wnoh//aOu2pQW8cS0HCQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/object-schema": {
+			"version": "2.1.6",
+			"resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+			"integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/plugin-kit": {
+			"version": "0.2.7",
+			"resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.7.tgz",
+			"integrity": "sha512-JubJ5B2pJ4k4yGxaNLdbjrnk9d/iDz6/q8wOilpIowd6PJPgaxCuHBnBszq7Ce2TyMrywm5r4PnKm6V3iiZF+g==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"dependencies": {
+				"@eslint/core": "^0.12.0",
+				"levn": "^0.4.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@humanfs/core": {
+			"version": "0.19.1",
+			"resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+			"integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanfs/node": {
+			"version": "0.16.6",
+			"resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+			"integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"dependencies": {
+				"@humanfs/core": "^0.19.1",
+				"@humanwhocodes/retry": "^0.3.0"
+			},
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
+			"version": "0.3.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+			"integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": ">=18.18"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@humanwhocodes/module-importer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": ">=12.22"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@humanwhocodes/retry": {
+			"version": "0.4.2",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.2.tgz",
+			"integrity": "sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": ">=18.18"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@jridgewell/resolve-uri": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+			"integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/@jridgewell/sourcemap-codec": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+			"integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@jridgewell/trace-mapping": {
+			"version": "0.3.9",
+			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
+			"integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@jridgewell/resolve-uri": "^3.0.3",
+				"@jridgewell/sourcemap-codec": "^1.4.10"
+			}
+		},
+		"node_modules/@nodelib/fs.scandir": {
+			"version": "2.1.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "2.0.5",
+				"run-parallel": "^1.1.9"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.stat": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.walk": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.scandir": "2.1.5",
+				"fastq": "^1.6.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nolyfill/is-core-module": {
+			"version": "1.0.39",
+			"resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+			"integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.4.0"
+			}
+		},
+		"node_modules/@pkgr/core": {
+			"version": "0.1.1",
+			"resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+			"integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/unts"
+			}
+		},
+		"node_modules/@rollup/rollup-android-arm-eabi": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.9.tgz",
+			"integrity": "sha512-qZdlImWXur0CFakn2BJ2znJOdqYZKiedEPEVNTBrpfPjc/YuTGcaYZcdmNFTkUj3DU0ZM/AElcM8Ybww3xVLzA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-android-arm64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.34.9.tgz",
+			"integrity": "sha512-4KW7P53h6HtJf5Y608T1ISKvNIYLWRKMvfnG0c44M6In4DQVU58HZFEVhWINDZKp7FZps98G3gxwC1sb0wXUUg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-arm64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.34.9.tgz",
+			"integrity": "sha512-0CY3/K54slrzLDjOA7TOjN1NuLKERBgk9nY5V34mhmuu673YNb+7ghaDUs6N0ujXR7fz5XaS5Aa6d2TNxZd0OQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-x64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.34.9.tgz",
+			"integrity": "sha512-eOojSEAi/acnsJVYRxnMkPFqcxSMFfrw7r2iD9Q32SGkb/Q9FpUY1UlAu1DH9T7j++gZ0lHjnm4OyH2vCI7l7Q==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-arm64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.34.9.tgz",
+			"integrity": "sha512-2lzjQPJbN5UnHm7bHIUKFMulGTQwdvOkouJDpPysJS+QFBGDJqcfh+CxxtG23Ik/9tEvnebQiylYoazFMAgrYw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-x64": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.34.9.tgz",
+			"integrity": "sha512-SLl0hi2Ah2H7xQYd6Qaiu01kFPzQ+hqvdYSoOtHYg/zCIFs6t8sV95kaoqjzjFwuYQLtOI0RZre/Ke0nPaQV+g==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.34.9.tgz",
+			"integrity": "sha512-88I+D3TeKItrw+Y/2ud4Tw0+3CxQ2kLgu3QvrogZ0OfkmX/DEppehus7L3TS2Q4lpB+hYyxhkQiYPJ6Mf5/dPg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.34.9.tgz",
+			"integrity": "sha512-3qyfWljSFHi9zH0KgtEPG4cBXHDFhwD8kwg6xLfHQ0IWuH9crp005GfoUUh/6w9/FWGBwEHg3lxK1iHRN1MFlA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.34.9.tgz",
+			"integrity": "sha512-6TZjPHjKZUQKmVKMUowF3ewHxctrRR09eYyvT5eFv8w/fXarEra83A2mHTVJLA5xU91aCNOUnM+DWFMSbQ0Nxw==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-musl": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.34.9.tgz",
+			"integrity": "sha512-LD2fytxZJZ6xzOKnMbIpgzFOuIKlxVOpiMAXawsAZ2mHBPEYOnLRK5TTEsID6z4eM23DuO88X0Tq1mErHMVq0A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.34.9.tgz",
+			"integrity": "sha512-dRAgTfDsn0TE0HI6cmo13hemKpVHOEyeciGtvlBTkpx/F65kTvShtY/EVyZEIfxFkV5JJTuQ9tP5HGBS0hfxIg==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.34.9.tgz",
+			"integrity": "sha512-PHcNOAEhkoMSQtMf+rJofwisZqaU8iQ8EaSps58f5HYll9EAY5BSErCZ8qBDMVbq88h4UxaNPlbrKqfWP8RfJA==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.34.9.tgz",
+			"integrity": "sha512-Z2i0Uy5G96KBYKjeQFKbbsB54xFOL5/y1P5wNBsbXB8yE+At3oh0DVMjQVzCJRJSfReiB2tX8T6HUFZ2k8iaKg==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-s390x-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.34.9.tgz",
+			"integrity": "sha512-U+5SwTMoeYXoDzJX5dhDTxRltSrIax8KWwfaaYcynuJw8mT33W7oOgz0a+AaXtGuvhzTr2tVKh5UO8GVANTxyQ==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-gnu": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.34.9.tgz",
+			"integrity": "sha512-FwBHNSOjUTQLP4MG7y6rR6qbGw4MFeQnIBrMe161QGaQoBQLqSUEKlHIiVgF3g/mb3lxlxzJOpIBhaP+C+KP2A==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-musl": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.34.9.tgz",
+			"integrity": "sha512-cYRpV4650z2I3/s6+5/LONkjIz8MBeqrk+vPXV10ORBnshpn8S32bPqQ2Utv39jCiDcO2eJTuSlPXpnvmaIgRA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-arm64-msvc": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.34.9.tgz",
+			"integrity": "sha512-z4mQK9dAN6byRA/vsSgQiPeuO63wdiDxZ9yg9iyX2QTzKuQM7T4xlBoeUP/J8uiFkqxkcWndWi+W7bXdPbt27Q==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-ia32-msvc": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.34.9.tgz",
+			"integrity": "sha512-KB48mPtaoHy1AwDNkAJfHXvHp24H0ryZog28spEs0V48l3H1fr4i37tiyHsgKZJnCmvxsbATdZGBpbmxTE3a9w==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-msvc": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.34.9.tgz",
+			"integrity": "sha512-AyleYRPU7+rgkMWbEh71fQlrzRfeP6SyMnRf9XX4fCdDPAJumdSBqYEcWPMzVQ4ScAl7E4oFfK0GUVn77xSwbw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rtsao/scc": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+			"integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@tsconfig/node10": {
+			"version": "1.0.11",
+			"resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
+			"integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@tsconfig/node12": {
+			"version": "1.0.11",
+			"resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
+			"integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@tsconfig/node14": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
+			"integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@tsconfig/node16": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
+			"integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/estree": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+			"integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/json-schema": {
+			"version": "7.0.15",
+			"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+			"integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/@types/json5": {
+			"version": "0.0.29",
+			"resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+			"integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/node": {
+			"version": "22.13.9",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.9.tgz",
+			"integrity": "sha512-acBjXdRJ3A6Pb3tqnw9HZmyR3Fiol3aGxRCK1x3d+6CDAMjl7I649wpSd+yNURCjbOUGu9tqtLKnTGxmK6CyGw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"undici-types": "~6.20.0"
+			}
+		},
+		"node_modules/@typescript-eslint/eslint-plugin": {
+			"version": "8.26.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.26.0.tgz",
+			"integrity": "sha512-cLr1J6pe56zjKYajK6SSSre6nl1Gj6xDp1TY0trpgPzjVbgDwd09v2Ws37LABxzkicmUjhEeg/fAUjPJJB1v5Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/regexpp": "^4.10.0",
+				"@typescript-eslint/scope-manager": "8.26.0",
+				"@typescript-eslint/type-utils": "8.26.0",
+				"@typescript-eslint/utils": "8.26.0",
+				"@typescript-eslint/visitor-keys": "8.26.0",
+				"graphemer": "^1.4.0",
+				"ignore": "^5.3.1",
+				"natural-compare": "^1.4.0",
+				"ts-api-utils": "^2.0.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/parser": {
+			"version": "8.26.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.26.0.tgz",
+			"integrity": "sha512-mNtXP9LTVBy14ZF3o7JG69gRPBK/2QWtQd0j0oH26HcY/foyJJau6pNUez7QrM5UHnSvwlQcJXKsk0I99B9pOA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/scope-manager": "8.26.0",
+				"@typescript-eslint/types": "8.26.0",
+				"@typescript-eslint/typescript-estree": "8.26.0",
+				"@typescript-eslint/visitor-keys": "8.26.0",
+				"debug": "^4.3.4"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/scope-manager": {
+			"version": "8.26.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.26.0.tgz",
+			"integrity": "sha512-E0ntLvsfPqnPwng8b8y4OGuzh/iIOm2z8U3S9zic2TeMLW61u5IH2Q1wu0oSTkfrSzwbDJIB/Lm8O3//8BWMPA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.26.0",
+				"@typescript-eslint/visitor-keys": "8.26.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/type-utils": {
+			"version": "8.26.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.26.0.tgz",
+			"integrity": "sha512-ruk0RNChLKz3zKGn2LwXuVoeBcUMh+jaqzN461uMMdxy5H9epZqIBtYj7UiPXRuOpaALXGbmRuZQhmwHhaS04Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/typescript-estree": "8.26.0",
+				"@typescript-eslint/utils": "8.26.0",
+				"debug": "^4.3.4",
+				"ts-api-utils": "^2.0.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/types": {
+			"version": "8.26.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.26.0.tgz",
+			"integrity": "sha512-89B1eP3tnpr9A8L6PZlSjBvnJhWXtYfZhECqlBl1D9Lme9mHO6iWlsprBtVenQvY1HMhax1mWOjhtL3fh/u+pA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/typescript-estree": {
+			"version": "8.26.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.26.0.tgz",
+			"integrity": "sha512-tiJ1Hvy/V/oMVRTbEOIeemA2XoylimlDQ03CgPPNaHYZbpsc78Hmngnt+WXZfJX1pjQ711V7g0H7cSJThGYfPQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.26.0",
+				"@typescript-eslint/visitor-keys": "8.26.0",
+				"debug": "^4.3.4",
+				"fast-glob": "^3.3.2",
+				"is-glob": "^4.0.3",
+				"minimatch": "^9.0.4",
+				"semver": "^7.6.0",
+				"ts-api-utils": "^2.0.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/utils": {
+			"version": "8.26.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.26.0.tgz",
+			"integrity": "sha512-2L2tU3FVwhvU14LndnQCA2frYC8JnPDVKyQtWFPf8IYFMt/ykEN1bPolNhNbCVgOmdzTlWdusCTKA/9nKrf8Ig==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.4.0",
+				"@typescript-eslint/scope-manager": "8.26.0",
+				"@typescript-eslint/types": "8.26.0",
+				"@typescript-eslint/typescript-estree": "8.26.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/visitor-keys": {
+			"version": "8.26.0",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.26.0.tgz",
+			"integrity": "sha512-2z8JQJWAzPdDd51dRQ/oqIJxe99/hoLIqmf8RMCAJQtYDc535W/Jt2+RTP4bP0aKeBG1F65yjIZuczOXCmbWwg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.26.0",
+				"eslint-visitor-keys": "^4.2.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+			"integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/acorn": {
+			"version": "8.14.1",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+			"integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"acorn": "bin/acorn"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/acorn-jsx": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+			"integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"peerDependencies": {
+				"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+			}
+		},
+		"node_modules/acorn-walk": {
+			"version": "8.3.4",
+			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
+			"integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"acorn": "^8.11.0"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/ajv": {
+			"version": "6.12.6",
+			"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+			"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"fast-deep-equal": "^3.1.1",
+				"fast-json-stable-stringify": "^2.0.0",
+				"json-schema-traverse": "^0.4.1",
+				"uri-js": "^4.2.2"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/epoberezkin"
+			}
+		},
+		"node_modules/ansi-regex": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/ansi-styles": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"color-convert": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/arg": {
+			"version": "4.1.3",
+			"resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+			"integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/argparse": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+			"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+			"dev": true,
+			"license": "Python-2.0",
+			"peer": true
+		},
+		"node_modules/array-buffer-byte-length": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+			"integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"is-array-buffer": "^3.0.5"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array-includes": {
+			"version": "3.1.8",
+			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+			"integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-object-atoms": "^1.0.0",
+				"get-intrinsic": "^1.2.4",
+				"is-string": "^1.0.7"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.findlastindex": {
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
+			"integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.0.0",
+				"es-shim-unscopables": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.flat": {
+			"version": "1.3.3",
+			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+			"integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.5",
+				"es-shim-unscopables": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.flatmap": {
+			"version": "1.3.3",
+			"resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+			"integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.5",
+				"es-shim-unscopables": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/arraybuffer.prototype.slice": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+			"integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"array-buffer-byte-length": "^1.0.1",
+				"call-bind": "^1.0.8",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.5",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.6",
+				"is-array-buffer": "^3.0.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/async-function": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+			"integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/available-typed-arrays": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+			"integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"possible-typed-array-names": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/balanced-match": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/brace-expansion": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+			"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0"
+			}
+		},
+		"node_modules/braces": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+			"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fill-range": "^7.1.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/call-bind": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+			"integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind-apply-helpers": "^1.0.0",
+				"es-define-property": "^1.0.0",
+				"get-intrinsic": "^1.2.4",
+				"set-function-length": "^1.2.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/call-bind-apply-helpers": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+			"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/call-bound": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+			"integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind-apply-helpers": "^1.0.2",
+				"get-intrinsic": "^1.3.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/callsites": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/chalk": {
+			"version": "4.1.2",
+			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+			"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.1.0",
+				"supports-color": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/chalk?sponsor=1"
+			}
+		},
+		"node_modules/chalk/node_modules/supports-color": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/cliui": {
+			"version": "8.0.1",
+			"resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+			"integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"string-width": "^4.2.0",
+				"strip-ansi": "^6.0.1",
+				"wrap-ansi": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/color-convert": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"color-name": "~1.1.4"
+			},
+			"engines": {
+				"node": ">=7.0.0"
+			}
+		},
+		"node_modules/color-name": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/concat-map": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/concurrently": {
+			"version": "9.1.2",
+			"resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.1.2.tgz",
+			"integrity": "sha512-H9MWcoPsYddwbOGM6difjVwVZHl63nwMEwDJG/L7VGtuaJhb12h2caPG2tVPWs7emuYix252iGfqOyrz1GczTQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"chalk": "^4.1.2",
+				"lodash": "^4.17.21",
+				"rxjs": "^7.8.1",
+				"shell-quote": "^1.8.1",
+				"supports-color": "^8.1.1",
+				"tree-kill": "^1.2.2",
+				"yargs": "^17.7.2"
+			},
+			"bin": {
+				"conc": "dist/bin/concurrently.js",
+				"concurrently": "dist/bin/concurrently.js"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+			}
+		},
+		"node_modules/create-require": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+			"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/cross-spawn": {
+			"version": "7.0.6",
+			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+			"integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"path-key": "^3.1.0",
+				"shebang-command": "^2.0.0",
+				"which": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/data-view-buffer": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+			"integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/data-view-byte-length": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+			"integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/inspect-js"
+			}
+		},
+		"node_modules/data-view-byte-offset": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+			"integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/debug": {
+			"version": "4.4.0",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+			"integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.3"
+			},
+			"engines": {
+				"node": ">=6.0"
+			},
+			"peerDependenciesMeta": {
+				"supports-color": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/deep-is": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+			"integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/define-data-property": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+			"integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-define-property": "^1.0.0",
+				"es-errors": "^1.3.0",
+				"gopd": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/define-properties": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+			"integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.0.1",
+				"has-property-descriptors": "^1.0.0",
+				"object-keys": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/diff": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+			"integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.3.1"
+			}
+		},
+		"node_modules/doctrine": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+			"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"esutils": "^2.0.2"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/dunder-proto": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+			"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind-apply-helpers": "^1.0.1",
+				"es-errors": "^1.3.0",
+				"gopd": "^1.2.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/emoji-regex": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/enhanced-resolve": {
+			"version": "5.18.1",
+			"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
+			"integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"graceful-fs": "^4.2.4",
+				"tapable": "^2.2.0"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
+		"node_modules/es-abstract": {
+			"version": "1.23.9",
+			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
+			"integrity": "sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"array-buffer-byte-length": "^1.0.2",
+				"arraybuffer.prototype.slice": "^1.0.4",
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.3",
+				"data-view-buffer": "^1.0.2",
+				"data-view-byte-length": "^1.0.2",
+				"data-view-byte-offset": "^1.0.1",
+				"es-define-property": "^1.0.1",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.0.0",
+				"es-set-tostringtag": "^2.1.0",
+				"es-to-primitive": "^1.3.0",
+				"function.prototype.name": "^1.1.8",
+				"get-intrinsic": "^1.2.7",
+				"get-proto": "^1.0.0",
+				"get-symbol-description": "^1.1.0",
+				"globalthis": "^1.0.4",
+				"gopd": "^1.2.0",
+				"has-property-descriptors": "^1.0.2",
+				"has-proto": "^1.2.0",
+				"has-symbols": "^1.1.0",
+				"hasown": "^2.0.2",
+				"internal-slot": "^1.1.0",
+				"is-array-buffer": "^3.0.5",
+				"is-callable": "^1.2.7",
+				"is-data-view": "^1.0.2",
+				"is-regex": "^1.2.1",
+				"is-shared-array-buffer": "^1.0.4",
+				"is-string": "^1.1.1",
+				"is-typed-array": "^1.1.15",
+				"is-weakref": "^1.1.0",
+				"math-intrinsics": "^1.1.0",
+				"object-inspect": "^1.13.3",
+				"object-keys": "^1.1.1",
+				"object.assign": "^4.1.7",
+				"own-keys": "^1.0.1",
+				"regexp.prototype.flags": "^1.5.3",
+				"safe-array-concat": "^1.1.3",
+				"safe-push-apply": "^1.0.0",
+				"safe-regex-test": "^1.1.0",
+				"set-proto": "^1.0.0",
+				"string.prototype.trim": "^1.2.10",
+				"string.prototype.trimend": "^1.0.9",
+				"string.prototype.trimstart": "^1.0.8",
+				"typed-array-buffer": "^1.0.3",
+				"typed-array-byte-length": "^1.0.3",
+				"typed-array-byte-offset": "^1.0.4",
+				"typed-array-length": "^1.0.7",
+				"unbox-primitive": "^1.1.0",
+				"which-typed-array": "^1.1.18"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/es-define-property": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+			"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-errors": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-object-atoms": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+			"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-set-tostringtag": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+			"integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.6",
+				"has-tostringtag": "^1.0.2",
+				"hasown": "^2.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-shim-unscopables": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+			"integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"hasown": "^2.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-to-primitive": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+			"integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-callable": "^1.2.7",
+				"is-date-object": "^1.0.5",
+				"is-symbol": "^1.0.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/esbuild": {
+			"version": "0.21.5",
+			"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+			"integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "MIT",
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.21.5",
+				"@esbuild/android-arm": "0.21.5",
+				"@esbuild/android-arm64": "0.21.5",
+				"@esbuild/android-x64": "0.21.5",
+				"@esbuild/darwin-arm64": "0.21.5",
+				"@esbuild/darwin-x64": "0.21.5",
+				"@esbuild/freebsd-arm64": "0.21.5",
+				"@esbuild/freebsd-x64": "0.21.5",
+				"@esbuild/linux-arm": "0.21.5",
+				"@esbuild/linux-arm64": "0.21.5",
+				"@esbuild/linux-ia32": "0.21.5",
+				"@esbuild/linux-loong64": "0.21.5",
+				"@esbuild/linux-mips64el": "0.21.5",
+				"@esbuild/linux-ppc64": "0.21.5",
+				"@esbuild/linux-riscv64": "0.21.5",
+				"@esbuild/linux-s390x": "0.21.5",
+				"@esbuild/linux-x64": "0.21.5",
+				"@esbuild/netbsd-x64": "0.21.5",
+				"@esbuild/openbsd-x64": "0.21.5",
+				"@esbuild/sunos-x64": "0.21.5",
+				"@esbuild/win32-arm64": "0.21.5",
+				"@esbuild/win32-ia32": "0.21.5",
+				"@esbuild/win32-x64": "0.21.5"
+			}
+		},
+		"node_modules/escalade": {
+			"version": "3.2.0",
+			"resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+			"integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/escape-string-regexp": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/eslint": {
+			"version": "9.22.0",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-9.22.0.tgz",
+			"integrity": "sha512-9V/QURhsRN40xuHXWjV64yvrzMjcz7ZyNoF2jJFmy9j/SLk0u1OLSZgXi28MrXjymnjEGSR80WCdab3RGMDveQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.2.0",
+				"@eslint-community/regexpp": "^4.12.1",
+				"@eslint/config-array": "^0.19.2",
+				"@eslint/config-helpers": "^0.1.0",
+				"@eslint/core": "^0.12.0",
+				"@eslint/eslintrc": "^3.3.0",
+				"@eslint/js": "9.22.0",
+				"@eslint/plugin-kit": "^0.2.7",
+				"@humanfs/node": "^0.16.6",
+				"@humanwhocodes/module-importer": "^1.0.1",
+				"@humanwhocodes/retry": "^0.4.2",
+				"@types/estree": "^1.0.6",
+				"@types/json-schema": "^7.0.15",
+				"ajv": "^6.12.4",
+				"chalk": "^4.0.0",
+				"cross-spawn": "^7.0.6",
+				"debug": "^4.3.2",
+				"escape-string-regexp": "^4.0.0",
+				"eslint-scope": "^8.3.0",
+				"eslint-visitor-keys": "^4.2.0",
+				"espree": "^10.3.0",
+				"esquery": "^1.5.0",
+				"esutils": "^2.0.2",
+				"fast-deep-equal": "^3.1.3",
+				"file-entry-cache": "^8.0.0",
+				"find-up": "^5.0.0",
+				"glob-parent": "^6.0.2",
+				"ignore": "^5.2.0",
+				"imurmurhash": "^0.1.4",
+				"is-glob": "^4.0.0",
+				"json-stable-stringify-without-jsonify": "^1.0.1",
+				"lodash.merge": "^4.6.2",
+				"minimatch": "^3.1.2",
+				"natural-compare": "^1.4.0",
+				"optionator": "^0.9.3"
+			},
+			"bin": {
+				"eslint": "bin/eslint.js"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://eslint.org/donate"
+			},
+			"peerDependencies": {
+				"jiti": "*"
+			},
+			"peerDependenciesMeta": {
+				"jiti": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-config-prettier": {
+			"version": "9.1.0",
+			"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+			"integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"eslint-config-prettier": "bin/cli.js"
+			},
+			"peerDependencies": {
+				"eslint": ">=7.0.0"
+			}
+		},
+		"node_modules/eslint-import-resolver-node": {
+			"version": "0.3.9",
+			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+			"integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^3.2.7",
+				"is-core-module": "^2.13.0",
+				"resolve": "^1.22.4"
+			}
+		},
+		"node_modules/eslint-import-resolver-node/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-import-resolver-typescript": {
+			"version": "3.8.3",
+			"resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.8.3.tgz",
+			"integrity": "sha512-A0bu4Ks2QqDWNpeEgTQMPTngaMhuDu4yv6xpftBMAf+1ziXnpx+eSR1WRfoPTe2BAiAjHFZ7kSNx1fvr5g5pmQ==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"@nolyfill/is-core-module": "1.0.39",
+				"debug": "^4.3.7",
+				"enhanced-resolve": "^5.15.0",
+				"get-tsconfig": "^4.10.0",
+				"is-bun-module": "^1.0.2",
+				"stable-hash": "^0.0.4",
+				"tinyglobby": "^0.2.12"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+			},
+			"peerDependencies": {
+				"eslint": "*",
+				"eslint-plugin-import": "*",
+				"eslint-plugin-import-x": "*"
+			},
+			"peerDependenciesMeta": {
+				"eslint-plugin-import": {
+					"optional": true
+				},
+				"eslint-plugin-import-x": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-module-utils": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
+			"integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^3.2.7"
+			},
+			"engines": {
+				"node": ">=4"
+			},
+			"peerDependenciesMeta": {
+				"eslint": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-module-utils/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-plugin-import": {
+			"version": "2.31.0",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+			"integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@rtsao/scc": "^1.1.0",
+				"array-includes": "^3.1.8",
+				"array.prototype.findlastindex": "^1.2.5",
+				"array.prototype.flat": "^1.3.2",
+				"array.prototype.flatmap": "^1.3.2",
+				"debug": "^3.2.7",
+				"doctrine": "^2.1.0",
+				"eslint-import-resolver-node": "^0.3.9",
+				"eslint-module-utils": "^2.12.0",
+				"hasown": "^2.0.2",
+				"is-core-module": "^2.15.1",
+				"is-glob": "^4.0.3",
+				"minimatch": "^3.1.2",
+				"object.fromentries": "^2.0.8",
+				"object.groupby": "^1.0.3",
+				"object.values": "^1.2.0",
+				"semver": "^6.3.1",
+				"string.prototype.trimend": "^1.0.8",
+				"tsconfig-paths": "^3.15.0"
+			},
+			"engines": {
+				"node": ">=4"
+			},
+			"peerDependencies": {
+				"eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/semver": {
+			"version": "6.3.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/eslint-plugin-prettier": {
+			"version": "5.2.3",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.3.tgz",
+			"integrity": "sha512-qJ+y0FfCp/mQYQ/vWQ3s7eUlFEL4PyKfAJxsnYTJ4YT73nsJBWqmEpFryxV9OeUiqmsTsYJ5Y+KDNaeP31wrRw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"prettier-linter-helpers": "^1.0.0",
+				"synckit": "^0.9.1"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint-plugin-prettier"
+			},
+			"peerDependencies": {
+				"@types/eslint": ">=8.0.0",
+				"eslint": ">=8.0.0",
+				"eslint-config-prettier": "*",
+				"prettier": ">=3.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@types/eslint": {
+					"optional": true
+				},
+				"eslint-config-prettier": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-scope": {
+			"version": "8.3.0",
+			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.3.0.tgz",
+			"integrity": "sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"peer": true,
+			"dependencies": {
+				"esrecurse": "^4.3.0",
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint-visitor-keys": {
+			"version": "3.4.3",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+			"integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/eslint/node_modules/eslint-visitor-keys": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+			"integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/espree": {
+			"version": "10.3.0",
+			"resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+			"integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"peer": true,
+			"dependencies": {
+				"acorn": "^8.14.0",
+				"acorn-jsx": "^5.3.2",
+				"eslint-visitor-keys": "^4.2.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/espree/node_modules/eslint-visitor-keys": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+			"integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/esquery": {
+			"version": "1.6.0",
+			"resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+			"integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"peer": true,
+			"dependencies": {
+				"estraverse": "^5.1.0"
+			},
+			"engines": {
+				"node": ">=0.10"
+			}
+		},
+		"node_modules/esrecurse": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+			"integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"peer": true,
+			"dependencies": {
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/estraverse": {
+			"version": "5.3.0",
+			"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+			"integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"peer": true,
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/esutils": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+			"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/fast-deep-equal": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+			"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/fast-diff": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+			"integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+			"dev": true,
+			"license": "Apache-2.0"
+		},
+		"node_modules/fast-glob": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+			"integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "^2.0.2",
+				"@nodelib/fs.walk": "^1.2.3",
+				"glob-parent": "^5.1.2",
+				"merge2": "^1.3.0",
+				"micromatch": "^4.0.8"
+			},
+			"engines": {
+				"node": ">=8.6.0"
+			}
+		},
+		"node_modules/fast-glob/node_modules/glob-parent": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/fast-json-stable-stringify": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+			"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/fast-levenshtein": {
+			"version": "2.0.6",
+			"resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+			"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/fastq": {
+			"version": "1.19.1",
+			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+			"integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"reusify": "^1.0.4"
+			}
+		},
+		"node_modules/file-entry-cache": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+			"integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"flat-cache": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/fill-range": {
+			"version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+			"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"to-regex-range": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/find-up": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+			"integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"locate-path": "^6.0.0",
+				"path-exists": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/flat-cache": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+			"integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"flatted": "^3.2.9",
+				"keyv": "^4.5.4"
+			},
+			"engines": {
+				"node": ">=16"
+			}
+		},
+		"node_modules/flatted": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+			"integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true
+		},
+		"node_modules/for-each": {
+			"version": "0.3.5",
+			"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+			"integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-callable": "^1.2.7"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/fsevents": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+			}
+		},
+		"node_modules/function-bind": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/function.prototype.name": {
+			"version": "1.1.8",
+			"resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+			"integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.3",
+				"define-properties": "^1.2.1",
+				"functions-have-names": "^1.2.3",
+				"hasown": "^2.0.2",
+				"is-callable": "^1.2.7"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/functions-have-names": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+			"integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-caller-file": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+			"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": "6.* || 8.* || >= 10.*"
+			}
+		},
+		"node_modules/get-intrinsic": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+			"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind-apply-helpers": "^1.0.2",
+				"es-define-property": "^1.0.1",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.1.1",
+				"function-bind": "^1.1.2",
+				"get-proto": "^1.0.1",
+				"gopd": "^1.2.0",
+				"has-symbols": "^1.1.0",
+				"hasown": "^2.0.2",
+				"math-intrinsics": "^1.1.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-proto": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+			"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"dunder-proto": "^1.0.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/get-symbol-description": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+			"integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.6"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-tsconfig": {
+			"version": "4.10.0",
+			"resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.10.0.tgz",
+			"integrity": "sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"resolve-pkg-maps": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+			}
+		},
+		"node_modules/glob-parent": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"is-glob": "^4.0.3"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
+		"node_modules/globals": {
+			"version": "14.0.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+			"integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/globalthis": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+			"integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-properties": "^1.2.1",
+				"gopd": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/gopd": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+			"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/graceful-fs": {
+			"version": "4.2.11",
+			"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+			"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/graphemer": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+			"integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/has-bigints": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+			"integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-flag": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/has-property-descriptors": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+			"integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-define-property": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-proto": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+			"integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"dunder-proto": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-symbols": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+			"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-tostringtag": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+			"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-symbols": "^1.0.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/hasown": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+			"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"function-bind": "^1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/ignore": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+			"integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/import-fresh": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+			"integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"parent-module": "^1.0.0",
+				"resolve-from": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/imurmurhash": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+			"integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=0.8.19"
+			}
+		},
+		"node_modules/internal-slot": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+			"integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"hasown": "^2.0.2",
+				"side-channel": "^1.1.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/is-array-buffer": {
+			"version": "3.0.5",
+			"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+			"integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.3",
+				"get-intrinsic": "^1.2.6"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-async-function": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+			"integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"async-function": "^1.0.0",
+				"call-bound": "^1.0.3",
+				"get-proto": "^1.0.1",
+				"has-tostringtag": "^1.0.2",
+				"safe-regex-test": "^1.1.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-bigint": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+			"integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-bigints": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-boolean-object": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+			"integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"has-tostringtag": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-bun-module": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.3.0.tgz",
+			"integrity": "sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"semver": "^7.6.3"
+			}
+		},
+		"node_modules/is-callable": {
+			"version": "1.2.7",
+			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+			"integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-core-module": {
+			"version": "2.16.1",
+			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+			"integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"hasown": "^2.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-data-view": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+			"integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"get-intrinsic": "^1.2.6",
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-date-object": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+			"integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"has-tostringtag": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-extglob": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-finalizationregistry": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+			"integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-fullwidth-code-point": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/is-generator-function": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+			"integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"get-proto": "^1.0.0",
+				"has-tostringtag": "^1.0.2",
+				"safe-regex-test": "^1.1.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-glob": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-extglob": "^2.1.1"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-map": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+			"integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-number": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.12.0"
+			}
+		},
+		"node_modules/is-number-object": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+			"integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"has-tostringtag": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-regex": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+			"integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"gopd": "^1.2.0",
+				"has-tostringtag": "^1.0.2",
+				"hasown": "^2.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-set": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+			"integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-shared-array-buffer": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+			"integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-string": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+			"integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"has-tostringtag": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-symbol": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+			"integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"has-symbols": "^1.1.0",
+				"safe-regex-test": "^1.1.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-typed-array": {
+			"version": "1.1.15",
+			"resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+			"integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"which-typed-array": "^1.1.16"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-weakmap": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+			"integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-weakref": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+			"integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-weakset": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+			"integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"get-intrinsic": "^1.2.6"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/isarray": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+			"integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/isexe": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true
+		},
+		"node_modules/js-yaml": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+			"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"argparse": "^2.0.1"
+			},
+			"bin": {
+				"js-yaml": "bin/js-yaml.js"
+			}
+		},
+		"node_modules/json-buffer": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+			"integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/json-schema-traverse": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+			"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/json-stable-stringify-without-jsonify": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+			"integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/json5": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+			"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"minimist": "^1.2.0"
+			},
+			"bin": {
+				"json5": "lib/cli.js"
+			}
+		},
+		"node_modules/keyv": {
+			"version": "4.5.4",
+			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+			"integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"json-buffer": "3.0.1"
+			}
+		},
+		"node_modules/levn": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+			"integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"prelude-ls": "^1.2.1",
+				"type-check": "~0.4.0"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/locate-path": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+			"integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"p-locate": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/lodash": {
+			"version": "4.17.21",
+			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/lodash.merge": {
+			"version": "4.6.2",
+			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/make-error": {
+			"version": "1.3.6",
+			"resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+			"integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/math-intrinsics": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+			"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/merge2": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/micromatch": {
+			"version": "4.0.8",
+			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+			"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"braces": "^3.0.3",
+				"picomatch": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=8.6"
+			}
+		},
+		"node_modules/minimatch": {
+			"version": "9.0.5",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+			"integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16 || 14 >=14.17"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/minimist": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+			"integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/ms": {
+			"version": "2.1.3",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/nanoid": {
+			"version": "3.3.9",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.9.tgz",
+			"integrity": "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"bin": {
+				"nanoid": "bin/nanoid.cjs"
+			},
+			"engines": {
+				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+			}
+		},
+		"node_modules/natural-compare": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+			"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/object-inspect": {
+			"version": "1.13.4",
+			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+			"integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object-keys": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+			"integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/object.assign": {
+			"version": "4.1.7",
+			"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+			"integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.3",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0",
+				"has-symbols": "^1.1.0",
+				"object-keys": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object.fromentries": {
+			"version": "2.0.8",
+			"resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+			"integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object.groupby": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+			"integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/object.values": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+			"integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.3",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/optionator": {
+			"version": "0.9.4",
+			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+			"integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"deep-is": "^0.1.3",
+				"fast-levenshtein": "^2.0.6",
+				"levn": "^0.4.1",
+				"prelude-ls": "^1.2.1",
+				"type-check": "^0.4.0",
+				"word-wrap": "^1.2.5"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/own-keys": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+			"integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-intrinsic": "^1.2.6",
+				"object-keys": "^1.1.1",
+				"safe-push-apply": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/p-limit": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+			"integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"yocto-queue": "^0.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/p-locate": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+			"integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"p-limit": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/parent-module": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+			"integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"callsites": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/path-exists": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+			"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/path-key": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+			"integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/path-parse": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/picocolors": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+			"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/picomatch": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/possible-typed-array-names": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+			"integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/postcss": {
+			"version": "8.5.3",
+			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+			"integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"nanoid": "^3.3.8",
+				"picocolors": "^1.1.1",
+				"source-map-js": "^1.2.1"
+			},
+			"engines": {
+				"node": "^10 || ^12 || >=14"
+			}
+		},
+		"node_modules/prelude-ls": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+			"integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/prettier": {
+			"version": "3.5.3",
+			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+			"integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"prettier": "bin/prettier.cjs"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/prettier/prettier?sponsor=1"
+			}
+		},
+		"node_modules/prettier-linter-helpers": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+			"integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fast-diff": "^1.1.2"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/punycode": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/queue-microtask": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT"
+		},
+		"node_modules/reflect.getprototypeof": {
+			"version": "1.0.10",
+			"resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+			"integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.9",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.0.0",
+				"get-intrinsic": "^1.2.7",
+				"get-proto": "^1.0.1",
+				"which-builtin-type": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/regexp.prototype.flags": {
+			"version": "1.5.4",
+			"resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+			"integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"define-properties": "^1.2.1",
+				"es-errors": "^1.3.0",
+				"get-proto": "^1.0.1",
+				"gopd": "^1.2.0",
+				"set-function-name": "^2.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/require-directory": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+			"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/resolve": {
+			"version": "1.22.10",
+			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+			"integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-core-module": "^2.16.0",
+				"path-parse": "^1.0.7",
+				"supports-preserve-symlinks-flag": "^1.0.0"
+			},
+			"bin": {
+				"resolve": "bin/resolve"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/resolve-from": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+			"integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/resolve-pkg-maps": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+			"integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+			}
+		},
+		"node_modules/reusify": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+			"integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"iojs": ">=1.0.0",
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/rollup": {
+			"version": "4.34.9",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.34.9.tgz",
+			"integrity": "sha512-nF5XYqWWp9hx/LrpC8sZvvvmq0TeTjQgaZHYmAgwysT9nh8sWnZhBnM8ZyVbbJFIQBLwHDNoMqsBZBbUo4U8sQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "1.0.6"
+			},
+			"bin": {
+				"rollup": "dist/bin/rollup"
+			},
+			"engines": {
+				"node": ">=18.0.0",
+				"npm": ">=8.0.0"
+			},
+			"optionalDependencies": {
+				"@rollup/rollup-android-arm-eabi": "4.34.9",
+				"@rollup/rollup-android-arm64": "4.34.9",
+				"@rollup/rollup-darwin-arm64": "4.34.9",
+				"@rollup/rollup-darwin-x64": "4.34.9",
+				"@rollup/rollup-freebsd-arm64": "4.34.9",
+				"@rollup/rollup-freebsd-x64": "4.34.9",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.34.9",
+				"@rollup/rollup-linux-arm-musleabihf": "4.34.9",
+				"@rollup/rollup-linux-arm64-gnu": "4.34.9",
+				"@rollup/rollup-linux-arm64-musl": "4.34.9",
+				"@rollup/rollup-linux-loongarch64-gnu": "4.34.9",
+				"@rollup/rollup-linux-powerpc64le-gnu": "4.34.9",
+				"@rollup/rollup-linux-riscv64-gnu": "4.34.9",
+				"@rollup/rollup-linux-s390x-gnu": "4.34.9",
+				"@rollup/rollup-linux-x64-gnu": "4.34.9",
+				"@rollup/rollup-linux-x64-musl": "4.34.9",
+				"@rollup/rollup-win32-arm64-msvc": "4.34.9",
+				"@rollup/rollup-win32-ia32-msvc": "4.34.9",
+				"@rollup/rollup-win32-x64-msvc": "4.34.9",
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/run-parallel": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"queue-microtask": "^1.2.2"
+			}
+		},
+		"node_modules/rxjs": {
+			"version": "7.8.2",
+			"resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+			"integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"tslib": "^2.1.0"
+			}
+		},
+		"node_modules/safe-array-concat": {
+			"version": "1.1.3",
+			"resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+			"integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.2",
+				"get-intrinsic": "^1.2.6",
+				"has-symbols": "^1.1.0",
+				"isarray": "^2.0.5"
+			},
+			"engines": {
+				"node": ">=0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/safe-push-apply": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+			"integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"isarray": "^2.0.5"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/safe-regex-test": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+			"integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"es-errors": "^1.3.0",
+				"is-regex": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/semver": {
+			"version": "7.7.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+			"integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/set-function-length": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+			"integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.1.4",
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2",
+				"get-intrinsic": "^1.2.4",
+				"gopd": "^1.0.1",
+				"has-property-descriptors": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/set-function-name": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+			"integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.1.4",
+				"es-errors": "^1.3.0",
+				"functions-have-names": "^1.2.3",
+				"has-property-descriptors": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/set-proto": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+			"integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"dunder-proto": "^1.0.1",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/shebang-command": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"shebang-regex": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/shebang-regex": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/shell-quote": {
+			"version": "1.8.2",
+			"resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.2.tgz",
+			"integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+			"integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"object-inspect": "^1.13.3",
+				"side-channel-list": "^1.0.0",
+				"side-channel-map": "^1.0.1",
+				"side-channel-weakmap": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel-list": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+			"integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"object-inspect": "^1.13.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel-map": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+			"integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.5",
+				"object-inspect": "^1.13.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/side-channel-weakmap": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+			"integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.5",
+				"object-inspect": "^1.13.3",
+				"side-channel-map": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/source-map-js": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+			"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/stable-hash": {
+			"version": "0.0.4",
+			"resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.4.tgz",
+			"integrity": "sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/string-width": {
+			"version": "4.2.3",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"emoji-regex": "^8.0.0",
+				"is-fullwidth-code-point": "^3.0.0",
+				"strip-ansi": "^6.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/string.prototype.trim": {
+			"version": "1.2.10",
+			"resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+			"integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.2",
+				"define-data-property": "^1.1.4",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.5",
+				"es-object-atoms": "^1.0.0",
+				"has-property-descriptors": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/string.prototype.trimend": {
+			"version": "1.0.9",
+			"resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+			"integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.2",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/string.prototype.trimstart": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+			"integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/strip-ansi": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/strip-bom": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+			"integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/strip-json-comments": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+			"integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/supports-color": {
+			"version": "8.1.1",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+			"integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/supports-color?sponsor=1"
+			}
+		},
+		"node_modules/supports-preserve-symlinks-flag": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/synckit": {
+			"version": "0.9.2",
+			"resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz",
+			"integrity": "sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@pkgr/core": "^0.1.0",
+				"tslib": "^2.6.2"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/unts"
+			}
+		},
+		"node_modules/tapable": {
+			"version": "2.2.1",
+			"resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+			"integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/tinyglobby": {
+			"version": "0.2.12",
+			"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.12.tgz",
+			"integrity": "sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fdir": "^6.4.3",
+				"picomatch": "^4.0.2"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/SuperchupuDev"
+			}
+		},
+		"node_modules/tinyglobby/node_modules/fdir": {
+			"version": "6.4.3",
+			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.3.tgz",
+			"integrity": "sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/tinyglobby/node_modules/picomatch": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+			"integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/to-regex-range": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-number": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=8.0"
+			}
+		},
+		"node_modules/tree-kill": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+			"integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"tree-kill": "cli.js"
+			}
+		},
+		"node_modules/ts-api-utils": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.1.tgz",
+			"integrity": "sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18.12"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.8.4"
+			}
+		},
+		"node_modules/ts-node": {
+			"version": "10.9.2",
+			"resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+			"integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@cspotcode/source-map-support": "^0.8.0",
+				"@tsconfig/node10": "^1.0.7",
+				"@tsconfig/node12": "^1.0.7",
+				"@tsconfig/node14": "^1.0.0",
+				"@tsconfig/node16": "^1.0.2",
+				"acorn": "^8.4.1",
+				"acorn-walk": "^8.1.1",
+				"arg": "^4.1.0",
+				"create-require": "^1.1.0",
+				"diff": "^4.0.1",
+				"make-error": "^1.1.1",
+				"v8-compile-cache-lib": "^3.0.1",
+				"yn": "3.1.1"
+			},
+			"bin": {
+				"ts-node": "dist/bin.js",
+				"ts-node-cwd": "dist/bin-cwd.js",
+				"ts-node-esm": "dist/bin-esm.js",
+				"ts-node-script": "dist/bin-script.js",
+				"ts-node-transpile-only": "dist/bin-transpile.js",
+				"ts-script": "dist/bin-script-deprecated.js"
+			},
+			"peerDependencies": {
+				"@swc/core": ">=1.2.50",
+				"@swc/wasm": ">=1.2.50",
+				"@types/node": "*",
+				"typescript": ">=2.7"
+			},
+			"peerDependenciesMeta": {
+				"@swc/core": {
+					"optional": true
+				},
+				"@swc/wasm": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/tsconfig-paths": {
+			"version": "3.15.0",
+			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+			"integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/json5": "^0.0.29",
+				"json5": "^1.0.2",
+				"minimist": "^1.2.6",
+				"strip-bom": "^3.0.0"
+			}
+		},
+		"node_modules/tslib": {
+			"version": "2.8.1",
+			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+			"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+			"dev": true,
+			"license": "0BSD"
+		},
+		"node_modules/type-check": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"prelude-ls": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/typed-array-buffer": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+			"integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"es-errors": "^1.3.0",
+				"is-typed-array": "^1.1.14"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/typed-array-byte-length": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+			"integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.8",
+				"for-each": "^0.3.3",
+				"gopd": "^1.2.0",
+				"has-proto": "^1.2.0",
+				"is-typed-array": "^1.1.14"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typed-array-byte-offset": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+			"integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.8",
+				"for-each": "^0.3.3",
+				"gopd": "^1.2.0",
+				"has-proto": "^1.2.0",
+				"is-typed-array": "^1.1.15",
+				"reflect.getprototypeof": "^1.0.9"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typed-array-length": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+			"integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"is-typed-array": "^1.1.13",
+				"possible-typed-array-names": "^1.0.0",
+				"reflect.getprototypeof": "^1.0.6"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typescript": {
+			"version": "5.8.2",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+			"integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/unbox-primitive": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+			"integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.3",
+				"has-bigints": "^1.0.2",
+				"has-symbols": "^1.1.0",
+				"which-boxed-primitive": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/undici-types": {
+			"version": "6.20.0",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+			"integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/uri-js": {
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+			"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"peer": true,
+			"dependencies": {
+				"punycode": "^2.1.0"
+			}
+		},
+		"node_modules/v8-compile-cache-lib": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
+			"integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/vite": {
+			"version": "5.4.14",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-5.4.14.tgz",
+			"integrity": "sha512-EK5cY7Q1D8JNhSaPKVK4pwBFvaTmZxEnoKXLG/U9gmdDcihQGNzFlgIvaxezFR4glP1LsuiedwMBqCXH3wZccA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"esbuild": "^0.21.3",
+				"postcss": "^8.4.43",
+				"rollup": "^4.20.0"
+			},
+			"bin": {
+				"vite": "bin/vite.js"
+			},
+			"engines": {
+				"node": "^18.0.0 || >=20.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/vitejs/vite?sponsor=1"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.3"
+			},
+			"peerDependencies": {
+				"@types/node": "^18.0.0 || >=20.0.0",
+				"less": "*",
+				"lightningcss": "^1.21.0",
+				"sass": "*",
+				"sass-embedded": "*",
+				"stylus": "*",
+				"sugarss": "*",
+				"terser": "^5.4.0"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				},
+				"less": {
+					"optional": true
+				},
+				"lightningcss": {
+					"optional": true
+				},
+				"sass": {
+					"optional": true
+				},
+				"sass-embedded": {
+					"optional": true
+				},
+				"stylus": {
+					"optional": true
+				},
+				"sugarss": {
+					"optional": true
+				},
+				"terser": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/which": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+			"dev": true,
+			"license": "ISC",
+			"peer": true,
+			"dependencies": {
+				"isexe": "^2.0.0"
+			},
+			"bin": {
+				"node-which": "bin/node-which"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/which-boxed-primitive": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+			"integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-bigint": "^1.1.0",
+				"is-boolean-object": "^1.2.1",
+				"is-number-object": "^1.1.1",
+				"is-string": "^1.1.1",
+				"is-symbol": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/which-builtin-type": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+			"integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bound": "^1.0.2",
+				"function.prototype.name": "^1.1.6",
+				"has-tostringtag": "^1.0.2",
+				"is-async-function": "^2.0.0",
+				"is-date-object": "^1.1.0",
+				"is-finalizationregistry": "^1.1.0",
+				"is-generator-function": "^1.0.10",
+				"is-regex": "^1.2.1",
+				"is-weakref": "^1.0.2",
+				"isarray": "^2.0.5",
+				"which-boxed-primitive": "^1.1.0",
+				"which-collection": "^1.0.2",
+				"which-typed-array": "^1.1.16"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/which-collection": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+			"integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-map": "^2.0.3",
+				"is-set": "^2.0.3",
+				"is-weakmap": "^2.0.2",
+				"is-weakset": "^2.0.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/which-typed-array": {
+			"version": "1.1.18",
+			"resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+			"integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.8",
+				"call-bound": "^1.0.3",
+				"for-each": "^0.3.3",
+				"gopd": "^1.2.0",
+				"has-tostringtag": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/word-wrap": {
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+			"integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/wrap-ansi": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+			"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
+		"node_modules/y18n": {
+			"version": "5.0.8",
+			"resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+			"integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/yargs": {
+			"version": "17.7.2",
+			"resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+			"integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"cliui": "^8.0.1",
+				"escalade": "^3.1.1",
+				"get-caller-file": "^2.0.5",
+				"require-directory": "^2.1.1",
+				"string-width": "^4.2.3",
+				"y18n": "^5.0.5",
+				"yargs-parser": "^21.1.1"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/yargs-parser": {
+			"version": "21.1.1",
+			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+			"integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+			"dev": true,
+			"license": "ISC",
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/yn": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+			"integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/yocto-queue": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+			"integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+			"dev": true,
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		}
+	}
+}
diff --git a/website/other/bezier-rs-demos/package.json b/website/other/bezier-rs-demos/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..af2420c66c026d9d69af634b65d5f1a760eb0d52
--- /dev/null
+++ b/website/other/bezier-rs-demos/package.json
@@ -0,0 +1,41 @@
+{
+	"name": "bezier-rs-demos",
+	"version": "0.1.0",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"---------- DEV SERVER ----------": "",
+		"start": "npm run setup && npm run wasm:build-dev && concurrently -k -n \"VITE,RUST\" \"vite\" \"npm run wasm:watch-dev\"",
+		"profiling": "npm run setup && npm run wasm:build-profiling && concurrently -k -n \"VITE,RUST\" \"vite\" \"npm run wasm:watch-profiling\"",
+		"production": "npm run setup && npm run wasm:build-production && concurrently -k -n \"VITE,RUST\" \"vite\" \"npm run wasm:watch-production\"",
+		"---------- BUILDS ----------": "",
+		"build-dev": "npm run wasm:build-dev && vite build",
+		"build-profiling": "npm run wasm:build-profiling && vite build",
+		"build": "npm run wasm:build-production && vite build",
+		"---------- UTILITIES ----------": "",
+		"lint": "ESLINT_USE_FLAT_CONFIG=false eslint . && tsc --noEmit",
+		"lint-fix": "ESLINT_USE_FLAT_CONFIG=false eslint . --fix && tsc --noEmit",
+		"---------- INTERNAL ----------": "",
+		"setup": "node package-installer.js",
+		"wasm:build-dev": "wasm-pack build ./wasm --dev --target=web",
+		"wasm:build-profiling": "wasm-pack build ./wasm --profiling --target=web",
+		"wasm:build-production": "wasm-pack build ./wasm --release --target=web",
+		"wasm:watch-dev": "cargo watch --postpone --watch-when-idle --workdir=wasm --shell \"wasm-pack build . --dev --target=web -- --color=always\"",
+		"wasm:watch-profiling": "cargo watch --postpone --watch-when-idle --workdir=wasm --shell \"wasm-pack build . --profiling --target=web -- --color=always\"",
+		"wasm:watch-production": "cargo watch --postpone --watch-when-idle --workdir=wasm --shell \"wasm-pack build . --release --target=web -- --color=always\""
+	},
+	"devDependencies": {
+		"@types/node": "^22.6.1",
+		"@typescript-eslint/eslint-plugin": "^8.7.0",
+		"@typescript-eslint/parser": "^8.7.0",
+		"concurrently": "^9.0.1",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-import-resolver-typescript": "^3.6.3",
+		"eslint-plugin-import": "^2.30.0",
+		"eslint-plugin-prettier": "^5.2.1",
+		"prettier": "^3.3.3",
+		"ts-node": "^10.9.2",
+		"typescript": "^5.6.2",
+		"vite": "^5.4.7"
+	}
+}
diff --git a/website/other/bezier-rs-demos/public/style.css b/website/other/bezier-rs-demos/public/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..48ee23de26bf5622b7c2ff17e2fad61a5f11a33d
--- /dev/null
+++ b/website/other/bezier-rs-demos/public/style.css
@@ -0,0 +1,206 @@
+:root {
+	--color-navy: #16323f;
+	--color-gray: #cccccc;
+	--range-fill-dark: var(--color-navy);
+	--range-fill-light: var(--color-gray);
+	--range-thumb-height: 16px;
+}
+
+html,
+body {
+	font-family: "Inter Variable", sans-serif;
+	text-align: center;
+	background-color: white;
+}
+
+.website-header {
+	color: var(--color-navy);
+	font-family: "Bona Nova", serif;
+}
+
+.website-description {
+	font-weight: 500;
+	color: var(--color-navy);
+}
+
+.category-header {
+	color: var(--color-navy);
+	font-family: "Bona Nova", serif;
+	margin-bottom: 0
+}
+
+body > h1 {
+	margin: 40px 0;
+}
+
+body > h1 ~ :last-child {
+	margin-bottom: 40px;
+}
+
+body > h1 + p {
+	max-width: 768px;
+	line-height: 1.4;
+	margin: auto;
+	text-align: justify;
+}
+
+body > h2 {
+	margin-top: 40px;
+}
+
+/* Demo group styles */
+.demo-row {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+}
+
+.t-variant-choice {
+	margin-top: 20px;
+}
+
+.demo-group-header {
+	display: inline-block;
+	position: relative;
+	margin-top: 2em;
+	margin-bottom: 0;
+	padding: 0 1em;
+	font-family: "Bona Nova", serif;
+	color: var(--color-navy);
+}
+
+.demo-group-header a {
+	display: none;
+	position: absolute;
+	left: 0;
+	text-decoration: none;
+	color: inherit;
+	opacity: 0.5;
+}
+
+.demo-group-header:hover a {
+	display: inline-block;
+}
+
+.demo-group-container {
+	position: relative;
+	width: fit-content;
+	margin: auto;
+}
+
+/* Demo styles */
+.demo-header {
+	font-family: "Bona Nova", serif;
+	color: var(--color-navy);
+	margin-top: 10px;
+	margin-bottom: 5px;
+}
+
+.demo-figure {
+	width: 250px;
+	height: 200px;
+	margin: 10px;
+	border: solid 1px black;
+}
+
+.parent-input-container {
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	align-items: center;
+}
+
+svg text {
+	pointer-events: none;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+/* Slider Styles */
+.slider-container {
+	/* width: fit-content; */
+	width: 250px;
+	padding-bottom: 5px;
+}
+
+.input-label {
+	font-family: monospace;
+	display: flex;
+	justify-content: left;
+}
+
+input[type="range"] {
+	-webkit-appearance: none;
+	appearance: none;
+	margin-right: 15px;
+	width: 250px;
+	height: 7px;
+	background: rgba(255, 255, 255, 0.6);
+	border-radius: 5px;
+	background: linear-gradient(var(--range-fill-dark), var(--range-fill-dark)) 0 / calc(0.5 * var(--range-thumb-height) + var(--range-ratio) * (100% - var(--range-thumb-height))) var(--range-fill-light);
+	background-repeat: no-repeat;
+}
+
+/* Input Thumb */
+input[type="range"]::-webkit-slider-thumb {
+	-webkit-appearance: none;
+	height: var(--range-thumb-height);
+	width: var(--range-thumb-height);
+	border-radius: 50%;
+	background: var(--range-fill-dark);
+	box-shadow: 0 0 2px 0 #555;
+	transition: background .3s ease-in-out;
+}
+
+input[type="range"]::-moz-range-thumb {
+	-webkit-appearance: none;
+	appearance: none;
+	height: var(--range-thumb-height);
+	width: var(--range-thumb-height);
+	border-radius: 50%;
+	background: var(--range-fill-dark);
+	box-shadow: 0 0 2px 0 #555;
+	transition: background .3s ease-in-out;
+}
+
+input[type="range"]::-webkit-slider-thumb:hover {
+	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--range-fill-dark);
+}
+
+input[type="range"]::-moz-range-thumb:hover {
+	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--range-fill-dark);
+}
+
+/* Input Track */
+input[type=range]::-webkit-slider-runnable-track {
+	-webkit-appearance: none;
+	box-shadow: none;
+	border: none;
+	background: transparent;
+	background: none;
+}
+
+input[type=range]::-moz-range-track {
+	-webkit-appearance: none;
+	appearance: none;
+	box-shadow: none;
+	border: none;
+	background: transparent;
+	background: none;
+	;
+}
+
+/* Select Styles */
+select {
+	font-family: monospace;
+}
+
+.select-container {
+	width: 250px;
+	padding-bottom: 5px;
+	display: flex;
+}
+
+.select-input {
+	margin-left: 8px;
+}
diff --git a/website/other/bezier-rs-demos/src/features-bezier.ts b/website/other/bezier-rs-demos/src/features-bezier.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f9c6f5d83e6c32e54e969d675577fe460d1e3942
--- /dev/null
+++ b/website/other/bezier-rs-demos/src/features-bezier.ts
@@ -0,0 +1,589 @@
+import { WasmBezier } from "@/../wasm/pkg";
+import type { BezierDemoOptions, WasmBezierInstance, BezierCallback, InputOption } from "@/types";
+import { capOptions, tSliderOptions, bezierTValueVariantOptions, errorOptions, minimumSeparationOptions, BEZIER_T_VALUE_VARIANTS } from "@/types";
+
+const bezierFeatures = {
+	constructor: {
+		name: "Constructor",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>): string => bezier.to_svg(),
+	},
+	"bezier-through-points": {
+		name: "Bezier Through Points",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => {
+			const points = bezier.get_points();
+			if (Object.values(options).length === 1) {
+				return WasmBezier.quadratic_through_points(points, options.t);
+			}
+			return WasmBezier.cubic_through_points(points, options.t, options["midpoint separation"]);
+		},
+		demoOptions: {
+			Linear: {
+				disabled: true,
+			},
+			Quadratic: {
+				customPoints: [
+					[30, 50],
+					[120, 70],
+					[160, 170],
+				],
+				inputOptions: [
+					{
+						variable: "t",
+						inputType: "slider",
+						min: 0.01,
+						max: 0.99,
+						step: 0.01,
+						default: 0.5,
+					},
+				],
+			},
+			Cubic: {
+				customPoints: [
+					[30, 50],
+					[120, 70],
+					[160, 170],
+				],
+				inputOptions: [
+					{
+						variable: "t",
+						inputType: "slider",
+						min: 0.01,
+						max: 0.99,
+						step: 0.01,
+						default: 0.5,
+					},
+					{
+						variable: "midpoint separation",
+						inputType: "slider",
+						min: 0,
+						max: 100,
+						step: 2,
+						default: 30,
+					},
+				],
+			},
+		},
+	},
+	length: {
+		name: "Length",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>): string => bezier.length(),
+	},
+	"length-centroid": {
+		name: "Length Centroid",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>): string => bezier.length_centroid(),
+	},
+	evaluate: {
+		name: "Evaluate",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.evaluate(options.t, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [bezierTValueVariantOptions, tSliderOptions],
+			},
+		},
+	},
+	"lookup-table": {
+		name: "Lookup Table",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.compute_lookup_table(options.steps, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [
+					bezierTValueVariantOptions,
+					{
+						variable: "steps",
+						inputType: "slider",
+						min: 2,
+						max: 15,
+						step: 1,
+						default: 5,
+					},
+				],
+			},
+		},
+	},
+	derivative: {
+		name: "Derivative",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>): string => bezier.derivative(),
+		demoOptions: {
+			Linear: {
+				disabled: true,
+			},
+			Quadratic: {
+				customPoints: [
+					[30, 40],
+					[110, 50],
+					[120, 130],
+				],
+			},
+			Cubic: {
+				customPoints: [
+					[50, 50],
+					[60, 100],
+					[100, 140],
+					[140, 150],
+				],
+			},
+		},
+	},
+	tangent: {
+		name: "Tangent",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.tangent(options.t, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [bezierTValueVariantOptions, tSliderOptions],
+			},
+		},
+	},
+	"tangents-to-point": {
+		name: "Tangents To Point",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>, mouseLocation?: [number, number]): string =>
+			mouseLocation ? bezier.tangents_to_point(mouseLocation[0], mouseLocation[1]) : bezier.to_svg(),
+		triggerOnMouseMove: true,
+		demoOptions: { Linear: { disabled: true } },
+	},
+	normal: {
+		name: "Normal",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.normal(options.t, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [bezierTValueVariantOptions, tSliderOptions],
+			},
+		},
+	},
+	"normals-to-point": {
+		name: "Normals To Point",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>, mouseLocation?: [number, number]): string =>
+			mouseLocation ? bezier.normals_to_point(mouseLocation[0], mouseLocation[1]) : bezier.to_svg(),
+		triggerOnMouseMove: true,
+	},
+	curvature: {
+		name: "Curvature",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.curvature(options.t, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
+		demoOptions: {
+			Linear: {
+				disabled: true,
+			},
+			Quadratic: {
+				inputOptions: [bezierTValueVariantOptions, tSliderOptions],
+			},
+			Cubic: {
+				inputOptions: [bezierTValueVariantOptions, { ...tSliderOptions, default: 0.7 }],
+			},
+		},
+	},
+	split: {
+		name: "Split",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.split(options.t, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [bezierTValueVariantOptions, tSliderOptions],
+			},
+		},
+	},
+	trim: {
+		name: "Trim",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.trim(options.t1, options.t2, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [
+					bezierTValueVariantOptions,
+					{
+						variable: "t1",
+						inputType: "slider",
+						min: 0,
+						max: 1,
+						step: 0.01,
+						default: 0.25,
+					},
+					{
+						variable: "t2",
+						inputType: "slider",
+						min: 0,
+						max: 1,
+						step: 0.01,
+						default: 0.75,
+					},
+				],
+			},
+		},
+	},
+	project: {
+		name: "Project",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>, mouseLocation?: [number, number]): string =>
+			mouseLocation ? bezier.project(mouseLocation[0], mouseLocation[1]) : bezier.to_svg(),
+		triggerOnMouseMove: true,
+	},
+	"local-extrema": {
+		name: "Local Extrema",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>): string => bezier.local_extrema(),
+		demoOptions: {
+			Linear: {
+				disabled: true,
+			},
+			Quadratic: {
+				customPoints: [
+					[40, 40],
+					[160, 30],
+					[110, 150],
+				],
+			},
+			Cubic: {
+				customPoints: [
+					[160, 180],
+					[170, 10],
+					[30, 90],
+					[180, 160],
+				],
+			},
+		},
+	},
+	"bounding-box": {
+		name: "Bounding Box",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>): string => bezier.bounding_box(),
+	},
+	inflections: {
+		name: "Inflections",
+		callback: (bezier: WasmBezierInstance, _: Record<string, number>): string => bezier.inflections(),
+		demoOptions: {
+			Linear: {
+				disabled: true,
+			},
+			Quadratic: {
+				disabled: true,
+			},
+		},
+	},
+	reduce: {
+		name: "Reduce",
+		callback: (bezier: WasmBezierInstance): string => bezier.reduce(),
+	},
+	offset: {
+		name: "Offset",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => bezier.offset(options.distance),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [
+					{
+						variable: "distance",
+						inputType: "slider",
+						min: -30,
+						max: 30,
+						step: 1,
+						default: 15,
+					},
+				],
+			},
+		},
+	},
+	outline: {
+		name: "Outline",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => bezier.outline(options.distance, options.cap),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [
+					{
+						variable: "distance",
+						inputType: "slider",
+						min: 0,
+						max: 30,
+						step: 1,
+						default: 15,
+					},
+					capOptions,
+				],
+			},
+		},
+	},
+	"graduated-outline": {
+		name: "Graduated Outline",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => bezier.graduated_outline(options.start_distance, options.end_distance, options.cap),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [
+					{
+						variable: "start_distance",
+						inputType: "slider",
+						min: 0,
+						max: 30,
+						step: 1,
+						default: 5,
+					},
+					{
+						variable: "end_distance",
+						inputType: "slider",
+						min: 0,
+						max: 30,
+						step: 1,
+						default: 15,
+					},
+					capOptions,
+				],
+			},
+		},
+		customPoints: {
+			Cubic: [
+				[31, 94],
+				[40, 40],
+				[107, 107],
+				[106, 106],
+			],
+		},
+	},
+	"skewed-outline": {
+		name: "Skewed Outline",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string =>
+			bezier.skewed_outline(options.distance1, options.distance2, options.distance3, options.distance4, options.cap),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [
+					{
+						variable: "distance1",
+						inputType: "slider",
+						min: 0,
+						max: 30,
+						step: 1,
+						default: 20,
+					},
+					{
+						variable: "distance2",
+						inputType: "slider",
+						min: 0,
+						max: 30,
+						step: 1,
+						default: 10,
+					},
+					{
+						variable: "distance3",
+						inputType: "slider",
+						min: 0,
+						max: 30,
+						step: 1,
+						default: 30,
+					},
+					{
+						variable: "distance4",
+						inputType: "slider",
+						min: 0,
+						max: 30,
+						step: 1,
+						default: 5,
+					},
+					capOptions,
+				],
+			},
+		},
+	},
+	arcs: {
+		name: "Arcs",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => bezier.arcs(options.error, options.max_iterations, options.strategy),
+		demoOptions: ((): BezierDemoOptions => {
+			const inputOptions: InputOption[] = [
+				{
+					variable: "strategy",
+					inputType: "dropdown",
+					default: 0,
+					options: ["Automatic", "FavorLargerArcs", "FavorCorrectness"],
+				},
+				{
+					variable: "error",
+					inputType: "slider",
+					min: 0.05,
+					max: 1,
+					step: 0.05,
+					default: 0.5,
+				},
+				{
+					variable: "max_iterations",
+					inputType: "slider",
+					min: 50,
+					max: 200,
+					step: 1,
+					default: 100,
+				},
+			];
+
+			return {
+				Linear: {
+					disabled: true,
+				},
+				Quadratic: {
+					customPoints: [
+						[70, 40],
+						[180, 50],
+						[160, 150],
+					],
+					inputOptions,
+					disabled: false,
+				},
+				Cubic: {
+					customPoints: [
+						[160, 180],
+						[170, 10],
+						[30, 90],
+						[180, 160],
+					],
+					inputOptions,
+					disabled: false,
+				},
+			};
+		})(),
+	},
+	"intersect-linear": {
+		name: "Intersect (Linear Segment)",
+		callback: (bezier: WasmBezierInstance): string => {
+			const line = [
+				[45, 30],
+				[195, 160],
+			];
+			return bezier.intersect_line_segment(line);
+		},
+	},
+	"intersect-quadratic": {
+		name: "Intersect (Quadratic Segment)",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => {
+			const quadratic = [
+				[45, 80],
+				[205, 10],
+				[115, 120],
+			];
+			return bezier.intersect_quadratic_segment(quadratic, options.error, options.minimum_separation);
+		},
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [errorOptions, minimumSeparationOptions],
+			},
+		},
+	},
+	"intersect-cubic": {
+		name: "Intersect (Cubic Segment)",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => {
+			const cubic = [
+				[65, 20],
+				[125, 40],
+				[65, 120],
+				[200, 140],
+			];
+			return bezier.intersect_cubic_segment(cubic, options.error, options.minimum_separation);
+		},
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [errorOptions, minimumSeparationOptions],
+			},
+		},
+	},
+	"intersect-self": {
+		name: "Intersect (Self)",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => bezier.intersect_self(options.error, options.minimum_separation),
+		demoOptions: {
+			Linear: {
+				disabled: true,
+			},
+			Quadratic: {
+				disabled: true,
+			},
+			Cubic: {
+				inputOptions: [errorOptions, minimumSeparationOptions],
+				customPoints: [
+					[160, 180],
+					[170, 10],
+					[30, 90],
+					[180, 140],
+				],
+			},
+		},
+	},
+	"intersect-rectangle": {
+		name: "Intersect (Rectangle)",
+		callback: (bezier: WasmBezierInstance): string =>
+			bezier.intersect_rectangle([
+				[75, 50],
+				[175, 150],
+			]),
+	},
+	rotate: {
+		name: "Rotate",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>): string => bezier.rotate(options.angle * Math.PI, 125, 100),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [
+					{
+						variable: "angle",
+						inputType: "slider",
+						min: 0,
+						max: 2,
+						step: 1 / 50,
+						default: 0.12,
+						unit: "π",
+					},
+				],
+			},
+		},
+	},
+	"de-casteljau-points": {
+		name: "De Casteljau Points",
+		callback: (bezier: WasmBezierInstance, options: Record<string, number>, _: undefined): string => bezier.de_casteljau_points(options.t, BEZIER_T_VALUE_VARIANTS[options.TVariant]),
+		demoOptions: {
+			Quadratic: {
+				inputOptions: [bezierTValueVariantOptions, tSliderOptions],
+			},
+		},
+	},
+	join: {
+		name: "Join",
+		callback: (bezier: WasmBezierInstance): string => {
+			const points = bezier.get_points();
+			let examplePoints = [];
+			if (points.length === 2) {
+				examplePoints = [
+					[145, 155],
+					[65, 155],
+				];
+			} else if (points.length === 3) {
+				examplePoints = [
+					[65, 150],
+					[120, 195],
+					[190, 145],
+				];
+			} else {
+				examplePoints = [
+					[165, 150],
+					[110, 110],
+					[90, 180],
+					[55, 140],
+				];
+			}
+			return bezier.join(examplePoints);
+		},
+		demoOptions: {
+			Linear: {
+				customPoints: [
+					[70, 40],
+					[155, 90],
+				],
+			},
+			Quadratic: {
+				customPoints: [
+					[185, 40],
+					[65, 20],
+					[100, 85],
+				],
+			},
+			Cubic: {
+				customPoints: [
+					[45, 80],
+					[65, 20],
+					[115, 100],
+					[155, 55],
+				],
+			},
+		},
+	},
+};
+
+export type BezierFeatureKey = keyof typeof bezierFeatures;
+export type BezierFeatureOptions = {
+	name: string;
+	callback: BezierCallback;
+	demoOptions?: Partial<BezierDemoOptions>;
+	triggerOnMouseMove?: boolean;
+};
+export default bezierFeatures as Record<BezierFeatureKey, BezierFeatureOptions>;
diff --git a/website/other/bezier-rs-demos/src/features-subpath.ts b/website/other/bezier-rs-demos/src/features-subpath.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9568275ed070c29d672415ddd6a5f7892ae977fe
--- /dev/null
+++ b/website/other/bezier-rs-demos/src/features-subpath.ts
@@ -0,0 +1,252 @@
+import type { SubpathCallback, SubpathInputOption, WasmSubpathInstance } from "@/types";
+import { capOptions, joinOptions, tSliderOptions, subpathTValueVariantOptions, intersectionErrorOptions, minimumSeparationOptions, separationDiskDiameter, SUBPATH_T_VALUE_VARIANTS } from "@/types";
+
+const subpathFeatures = {
+	constructor: {
+		name: "Constructor",
+		callback: (subpath: WasmSubpathInstance): string => subpath.to_svg(),
+	},
+	insert: {
+		name: "Insert",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.insert(options.t, SUBPATH_T_VALUE_VARIANTS[options.TVariant]),
+		inputOptions: [subpathTValueVariantOptions, tSliderOptions],
+	},
+	length: {
+		name: "Length",
+		callback: (subpath: WasmSubpathInstance): string => subpath.length(),
+	},
+	"length-centroid": {
+		name: "Length Centroid",
+		callback: (subpath: WasmSubpathInstance): string => subpath.length_centroid(),
+	},
+	area: {
+		name: "Area",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.area(options.error, options.minimum_separation),
+		inputOptions: [intersectionErrorOptions, minimumSeparationOptions],
+	},
+	"area-centroid": {
+		name: "Area Centroid",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.area_centroid(options.error, options.minimum_separation),
+		inputOptions: [intersectionErrorOptions, minimumSeparationOptions],
+	},
+	"poisson-disk-points": {
+		name: "Poisson-Disk Points",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.poisson_disk_points(options.separation_disk_diameter),
+		inputOptions: [separationDiskDiameter],
+	},
+	evaluate: {
+		name: "Evaluate",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.evaluate(options.t, SUBPATH_T_VALUE_VARIANTS[options.TVariant]),
+		inputOptions: [subpathTValueVariantOptions, tSliderOptions],
+	},
+	"lookup-table": {
+		name: "Lookup Table",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.compute_lookup_table(options.steps, SUBPATH_T_VALUE_VARIANTS[options.TVariant]),
+		inputOptions: [
+			subpathTValueVariantOptions,
+			{
+				variable: "steps",
+				inputType: "slider",
+				min: 2,
+				max: 30,
+				step: 1,
+				default: 5,
+			},
+		],
+	},
+	project: {
+		name: "Project",
+		callback: (subpath: WasmSubpathInstance, _: Record<string, number>, mouseLocation?: [number, number]): string =>
+			mouseLocation ? subpath.project(mouseLocation[0], mouseLocation[1]) : subpath.to_svg(),
+		triggerOnMouseMove: true,
+	},
+	tangent: {
+		name: "Tangent",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.tangent(options.t, SUBPATH_T_VALUE_VARIANTS[options.TVariant]),
+		inputOptions: [subpathTValueVariantOptions, tSliderOptions],
+	},
+	normal: {
+		name: "Normal",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.normal(options.t, SUBPATH_T_VALUE_VARIANTS[options.TVariant]),
+		inputOptions: [subpathTValueVariantOptions, tSliderOptions],
+	},
+	"local-extrema": {
+		name: "Local Extrema",
+		callback: (subpath: WasmSubpathInstance): string => subpath.local_extrema(),
+	},
+	"bounding-box": {
+		name: "Bounding Box",
+		callback: (subpath: WasmSubpathInstance): string => subpath.bounding_box(),
+	},
+	inflections: {
+		name: "Inflections",
+		callback: (subpath: WasmSubpathInstance): string => subpath.inflections(),
+	},
+	"intersect-linear": {
+		name: "Intersect (Linear Segment)",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string =>
+			subpath.intersect_line_segment(
+				[
+					[80, 30],
+					[210, 150],
+				],
+				options.error,
+				options.minimum_separation,
+			),
+		inputOptions: [intersectionErrorOptions, minimumSeparationOptions],
+	},
+	"intersect-quadratic": {
+		name: "Intersect (Quadratic Segment)",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string =>
+			subpath.intersect_quadratic_segment(
+				[
+					[25, 50],
+					[205, 10],
+					[135, 180],
+				],
+				options.error,
+				options.minimum_separation,
+			),
+		inputOptions: [intersectionErrorOptions, minimumSeparationOptions],
+	},
+	"intersect-cubic": {
+		name: "Intersect (Cubic Segment)",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string =>
+			subpath.intersect_cubic_segment(
+				[
+					[65, 20],
+					[125, 40],
+					[65, 120],
+					[200, 140],
+				],
+				options.error,
+				options.minimum_separation,
+			),
+		inputOptions: [intersectionErrorOptions, minimumSeparationOptions],
+	},
+	"intersect-self": {
+		name: "Intersect (Self)",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string => subpath.self_intersections(options.error, options.minimum_separation),
+		inputOptions: [intersectionErrorOptions, minimumSeparationOptions],
+	},
+	"intersect-rectangle": {
+		name: "Intersect (Rectangle)",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string =>
+			subpath.intersect_rectangle(
+				[
+					[75, 50],
+					[175, 150],
+				],
+				options.error,
+				options.minimum_separation,
+			),
+		inputOptions: [intersectionErrorOptions, minimumSeparationOptions],
+	},
+	"inside-other": {
+		name: "Inside (Other Subpath)",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string =>
+			subpath.inside_subpath(
+				[
+					[40, 40],
+					[160, 40],
+					[160, 80],
+					[200, 100],
+					[160, 120],
+					[160, 160],
+					[40, 160],
+					[40, 120],
+					[80, 100],
+					[40, 80],
+				],
+				options.error,
+				options.minimum_separation,
+			),
+		inputOptions: [intersectionErrorOptions, minimumSeparationOptions],
+	},
+	curvature: {
+		name: "Curvature",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.curvature(options.t, SUBPATH_T_VALUE_VARIANTS[options.TVariant]),
+		inputOptions: [subpathTValueVariantOptions, { ...tSliderOptions, default: 0.2 }],
+	},
+	split: {
+		name: "Split",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.split(options.t, SUBPATH_T_VALUE_VARIANTS[options.TVariant]),
+		inputOptions: [subpathTValueVariantOptions, tSliderOptions],
+	},
+	trim: {
+		name: "Trim",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>, _: undefined): string => subpath.trim(options.t1, options.t2, SUBPATH_T_VALUE_VARIANTS[options.TVariant]),
+		inputOptions: [subpathTValueVariantOptions, { ...tSliderOptions, default: 0.2, variable: "t1" }, { ...tSliderOptions, variable: "t2" }],
+	},
+	offset: {
+		name: "Offset",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string => subpath.offset(options.distance, options.join, options.miter_limit),
+		inputOptions: [
+			{
+				variable: "distance",
+				inputType: "slider",
+				min: -25,
+				max: 25,
+				step: 1,
+				default: 10,
+			},
+			joinOptions,
+			{
+				variable: "join: Miter - limit",
+				inputType: "slider",
+				min: 1,
+				max: 10,
+				step: 0.25,
+				default: 4,
+			},
+		],
+	},
+	outline: {
+		name: "Outline",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string => subpath.outline(options.distance, options.join, options.cap, options.miter_limit),
+		inputOptions: [
+			{
+				variable: "distance",
+				inputType: "slider",
+				min: 0,
+				max: 25,
+				step: 1,
+				default: 10,
+			},
+			joinOptions,
+			{
+				variable: "join: Miter - limit",
+				inputType: "slider",
+				min: 1,
+				max: 10,
+				step: 0.25,
+				default: 4,
+			},
+			{ ...capOptions, isDisabledForClosed: true },
+		],
+	},
+	rotate: {
+		name: "Rotate",
+		callback: (subpath: WasmSubpathInstance, options: Record<string, number>): string => subpath.rotate(options.angle * Math.PI, 125, 100),
+		inputOptions: [
+			{
+				variable: "angle",
+				inputType: "slider",
+				min: 0,
+				max: 2,
+				step: 1 / 50,
+				default: 0.12,
+				unit: "π",
+			},
+		],
+	},
+};
+
+export type SubpathFeatureKey = keyof typeof subpathFeatures;
+export type SubpathFeatureOptions = {
+	name: string;
+	callback: SubpathCallback;
+	inputOptions?: SubpathInputOption[];
+	triggerOnMouseMove?: boolean;
+};
+export default subpathFeatures as Record<SubpathFeatureKey, SubpathFeatureOptions>;
diff --git a/website/other/bezier-rs-demos/src/main.ts b/website/other/bezier-rs-demos/src/main.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d01826a0f492744855c05bc9184d878a56dadff4
--- /dev/null
+++ b/website/other/bezier-rs-demos/src/main.ts
@@ -0,0 +1,345 @@
+import { default as init, WasmSubpath, WasmBezier } from "@/../wasm/pkg";
+import bezierFeatures from "@/features-bezier";
+import type { BezierFeatureKey, BezierFeatureOptions } from "@/features-bezier";
+import subpathFeatures from "@/features-subpath";
+import type { SubpathFeatureKey, SubpathFeatureOptions } from "@/features-subpath";
+import type { DemoArgs, BezierCurveType, BezierDemoArgs, SubpathDemoArgs, DemoData, WasmSubpathInstance, WasmSubpathManipulatorKey, InputOption, DemoDataBezier, DemoDataSubpath } from "@/types";
+import { BEZIER_CURVE_TYPE, getBezierDemoPointDefaults, getSubpathDemoArgs, POINT_INDEX_TO_MANIPULATOR, getConstructorKey, getCurveType, MANIPULATOR_KEYS_FROM_BEZIER_TYPE } from "@/types";
+
+init().then(renderPage);
+
+function renderPage() {
+	// Determine whether the page needs to recompute which examples to show
+	window.addEventListener("hashchange", (e: HashChangeEvent) => {
+		const isUrlSolo = (url: string) => {
+			const splitHash = url.split("#")?.[1]?.split("/");
+			return splitHash?.length === 3 && splitHash?.[2] === "solo";
+		};
+
+		const isOldHashSolo = isUrlSolo(e.oldURL);
+		const isNewHashSolo = isUrlSolo(e.newURL);
+		const target = document.getElementById(window.location.hash.substring(1));
+		if (!target || isOldHashSolo !== isNewHashSolo) renderPage();
+	});
+
+	// Get the hash from the URL
+	const hash = window.location.hash;
+	const splitHash = hash.split("/");
+
+	// Scroll to specified hash if it exists
+	if (hash) document.getElementById(hash.substring(1))?.scrollIntoView();
+
+	// Determine which examples to render based on hash
+	if (splitHash[0] === "#bezier" && splitHash[1] in bezierFeatures && splitHash[2] === "solo") {
+		window.document.body.innerHTML = `<div id="bezier-demos"></div>`;
+		const container = document.getElementById("bezier-demos");
+		if (!container) return;
+
+		const key = splitHash[1];
+		const value = (bezierFeatures as Record<string, BezierFeatureOptions>)[key];
+		if (value) container.append(bezierDemoGroup(key as BezierFeatureKey, value));
+
+		return;
+	}
+
+	if (splitHash[0] === "#subpath" && splitHash[1] in subpathFeatures && splitHash[2] === "solo") {
+		window.document.body.innerHTML = `<div id="subpath-demos"></div>`;
+		const container = document.getElementById("subpath-demos");
+		if (!container) return;
+
+		const key = splitHash[1];
+		const value = (subpathFeatures as Record<string, SubpathFeatureOptions>)[key];
+		if (value) container.append(subpathDemoGroup(key as SubpathFeatureKey, value));
+
+		return;
+	}
+
+	window.document.body.innerHTML = `
+		<h1 class="website-header">Bezier-rs Interactive Documentation</h1>
+		<p class="website-description">
+			This is the interactive documentation for the <a href="https://crates.io/crates/bezier-rs">Bezier-rs</a> library. View the
+			<a href="https://docs.rs/bezier-rs/latest/bezier_rs">crate documentation</a>
+			for detailed function descriptions and API usage. Click and drag on the endpoints of the demo curves to visualize the various Bezier utilities and functions.
+		</p>
+		
+		<h2 class="category-header">Beziers</h2>
+		<div id="bezier-demos"></div>
+		
+		<h2 class="category-header">Subpaths</h2>
+		<div id="subpath-demos"></div>
+		`.trim();
+
+	const bezierDemos = document.getElementById("bezier-demos") || undefined;
+	if (bezierDemos) Object.entries(bezierFeatures).forEach(([key, options]) => bezierDemos.appendChild(bezierDemoGroup(key as BezierFeatureKey, options)));
+
+	const subpathDemos = document.getElementById("subpath-demos") || undefined;
+	if (subpathDemos) Object.entries(subpathFeatures).forEach(([key, options]) => subpathDemos.appendChild(subpathDemoGroup(key as SubpathFeatureKey, options)));
+}
+
+function bezierDemoGroup(key: BezierFeatureKey, options: BezierFeatureOptions): HTMLDivElement {
+	const demoOptions = options.demoOptions || {};
+	const demos: BezierDemoArgs[] = BEZIER_CURVE_TYPE.map((curveType: BezierCurveType) => ({
+		title: curveType,
+		disabled: demoOptions[curveType]?.disabled || false,
+		points: demoOptions[curveType]?.customPoints || getBezierDemoPointDefaults()[curveType],
+		inputOptions: demoOptions[curveType]?.inputOptions || demoOptions.Quadratic?.inputOptions || [],
+	}));
+	return renderDemoGroup(`bezier/${key}`, bezierFeatures[key].name, demos, (demo: BezierDemoArgs) =>
+		demoBezier(demo.title, demo.points, key, demo.inputOptions, options.triggerOnMouseMove || false),
+	);
+}
+
+function subpathDemoGroup(key: SubpathFeatureKey, options: SubpathFeatureOptions): HTMLDivElement {
+	const buildDemo = (demo: SubpathDemoArgs) => {
+		const newInputOptions = (options.inputOptions || []).map((option) => ({
+			...option,
+			disabled: option.isDisabledForClosed && demo.closed,
+		}));
+		return demoSubpath(demo.title, demo.triples, key, demo.closed, newInputOptions, options.triggerOnMouseMove || false);
+	};
+	return renderDemoGroup(`subpath/${key}`, subpathFeatures[key].name, getSubpathDemoArgs(), buildDemo);
+}
+
+function demoBezier(title: string, points: number[][], key: BezierFeatureKey, inputOptions: InputOption[], triggerOnMouseMove: boolean): DemoDataBezier {
+	return {
+		kind: "bezier",
+		title,
+		element: document.createElement("div"),
+		inputOptions,
+		locked: false,
+		triggerOnMouseMove,
+		sliderData: Object.assign({}, ...inputOptions.map((s) => ({ [s.variable]: s.default }))),
+		sliderUnits: Object.assign({}, ...inputOptions.map((s) => ({ [s.variable]: s.unit }))),
+		activePointIndex: undefined as number | undefined,
+		manipulatorKeys: MANIPULATOR_KEYS_FROM_BEZIER_TYPE[getCurveType(points.length)],
+		bezier: WasmBezier[getConstructorKey(getCurveType(points.length))](points),
+		points,
+		callback: bezierFeatures[key].callback,
+	};
+}
+
+function demoSubpath(title: string, triples: (number[] | undefined)[][], key: SubpathFeatureKey, closed: boolean, inputOptions: InputOption[], triggerOnMouseMove: boolean): DemoDataSubpath {
+	return {
+		kind: "subpath",
+		title,
+		element: document.createElement("div"),
+		inputOptions,
+		locked: false,
+		triggerOnMouseMove,
+		sliderData: Object.assign({}, ...inputOptions.map((s) => ({ [s.variable]: s.default }))),
+		sliderUnits: Object.assign({}, ...inputOptions.map((s) => ({ [s.variable]: s.unit }))),
+		activePointIndex: undefined as number | undefined,
+		activeManipulatorIndex: undefined as number | undefined,
+		manipulatorKeys: undefined as undefined | WasmSubpathManipulatorKey[],
+		subpath: WasmSubpath.from_triples(triples, closed) as WasmSubpathInstance,
+		triples,
+		callback: subpathFeatures[key].callback,
+	};
+}
+
+function updateDemoSVG(data: DemoData, figure: HTMLElement, mouseLocation?: [number, number]) {
+	if (data.kind === "subpath") figure.innerHTML = data.callback(data.subpath, data.sliderData, mouseLocation);
+	if (data.kind === "bezier") figure.innerHTML = data.callback(data.bezier, data.sliderData, mouseLocation);
+}
+
+function onMouseDown(data: DemoData, e: MouseEvent) {
+	const SELECTABLE_RANGE = 10;
+
+	let distances;
+	if (data.kind === "bezier") {
+		distances = data.points.flatMap((point, pointIndex) => {
+			if (!point) return [];
+			const distance = Math.sqrt(Math.pow(e.offsetX - point[0], 2) + Math.pow(e.offsetY - point[1], 2));
+			return distance < SELECTABLE_RANGE ? [{ manipulatorIndex: undefined, pointIndex, distance }] : [];
+		});
+	} else if (data.kind === "subpath") {
+		distances = data.triples.flatMap((triple, manipulatorIndex) =>
+			triple.flatMap((point, pointIndex) => {
+				if (!point) return [];
+				const distance = Math.sqrt(Math.pow(e.offsetX - point[0], 2) + Math.pow(e.offsetY - point[1], 2));
+				return distance < SELECTABLE_RANGE ? [{ manipulatorIndex, pointIndex, distance }] : [];
+			}),
+		);
+	} else {
+		return;
+	}
+
+	const closest = distances.sort((a, b) => a.distance - b.distance)[0];
+	if (closest) {
+		if (data.kind === "subpath") data.activeManipulatorIndex = closest.manipulatorIndex;
+		data.activePointIndex = closest.pointIndex;
+	}
+}
+
+function onMouseMove(data: DemoData, e: MouseEvent) {
+	if (data.locked || !(e.currentTarget instanceof HTMLElement)) return;
+	data.locked = true;
+
+	if (data.kind === "bezier" && data.activePointIndex !== undefined) {
+		data.bezier[data.manipulatorKeys[data.activePointIndex]](e.offsetX, e.offsetY);
+		data.points[data.activePointIndex] = [e.offsetX, e.offsetY];
+
+		updateDemoSVG(data, e.currentTarget);
+	} else if (data.kind === "subpath" && data.activePointIndex !== undefined && data.activeManipulatorIndex !== undefined) {
+		data.subpath[POINT_INDEX_TO_MANIPULATOR[data.activePointIndex]](data.activeManipulatorIndex, e.offsetX, e.offsetY);
+		data.triples[data.activeManipulatorIndex][data.activePointIndex] = [e.offsetX, e.offsetY];
+
+		updateDemoSVG(data, e.currentTarget);
+	} else if (data.triggerOnMouseMove) {
+		updateDemoSVG(data, e.currentTarget, [e.offsetX, e.offsetY]);
+	}
+
+	data.locked = false;
+}
+
+function onMouseUp(data: DemoData) {
+	data.activePointIndex = undefined;
+	if (data.kind === "subpath") data.activeManipulatorIndex = undefined;
+}
+
+function renderDemoGroup<T extends DemoArgs>(id: string, name: string, demos: T[], buildDemo: (demo: T) => DemoData): HTMLDivElement {
+	const demoGroup = document.createElement("div");
+	demoGroup.className = "demo-group-container";
+
+	demoGroup.insertAdjacentHTML(
+		"beforeend",
+		`
+		${(() => {
+			// Add header and href anchor if not on a solo example page
+			const currentHash = window.location.hash.split("/");
+			if (currentHash.length === 3 || currentHash[2] === "solo") return "";
+			return `
+				<h3 class="demo-group-header">
+					<a href="#${id}">#</a>
+					${name}
+				</h3>
+				`.trim();
+		})()}
+		<div class="demo-row" data-demo-row></div>
+		`.trim(),
+	);
+
+	const demoRow = demoGroup.querySelector("[data-demo-row]");
+	if (!demoRow) return demoGroup;
+
+	demos.forEach((demo) => {
+		if (demo.disabled) return;
+		const data = buildDemo(demo);
+
+		renderDemo(data);
+
+		const figure = data.element.querySelector("[data-demo-figure]");
+		if (figure instanceof HTMLElement) updateDemoSVG(data, figure);
+
+		demoRow.append(data.element);
+	});
+
+	return demoGroup;
+}
+
+function renderDemo(demo: DemoData) {
+	const getSliderUnit = (data: DemoData, variable: string): string => {
+		return (Array.isArray(data.sliderUnits[variable]) ? "" : data.sliderUnits[variable]) || "";
+	};
+
+	demo.element.insertAdjacentHTML(
+		"beforeend",
+		`
+		<h4 class="demo-header">${demo.title}</h4>
+		<div class="demo-figure" data-demo-figure></div>
+		<div class="parent-input-container" data-parent-input-container>
+			${(() =>
+				demo.inputOptions
+					.map((inputOption) =>
+						`
+						<div
+							class="${(() => {
+								if (inputOption.inputType === "dropdown") return "select-container";
+								if (inputOption.inputType === "slider") return "slider-container";
+								return "";
+							})()}"
+							data-input-container
+						>
+							<div class="input-label" data-input-label>
+								${inputOption.variable}: ${inputOption.inputType === "dropdown" ? "" : demo.sliderData[inputOption.variable]}${getSliderUnit(demo, inputOption.variable)}
+							</div>
+							${(() => {
+								if (inputOption.inputType !== "dropdown") return "";
+								return `
+									<select class="select-input" value="${inputOption.default}" ${inputOption.disabled ? "disabled" : ""} data-select>
+										${inputOption.options?.map((value, idx) => `<option value="${idx}" id="${idx}-${value}">${value}</option>`).join("\n")}
+									</select>
+									`.trim();
+							})()}
+							${(() => {
+								if (inputOption.inputType !== "slider") return "";
+								const ratio = (Number(inputOption.default) - (inputOption.min || 0)) / ((inputOption.max || 100) - (inputOption.min || 0));
+								return `
+									<input
+										class="slider-input"
+										type="range"
+										max="${inputOption.max}"
+										min="${inputOption.min}"
+										step="${inputOption.step}"
+										value="${inputOption.default}"
+										style="--range-ratio: ${ratio}"
+										data-slider-input
+									/>
+									`.trim();
+							})()}
+						</div>
+						`.trim(),
+					)
+					.join("\n"))()}
+		</div>
+		`.trim(),
+	);
+
+	const figure = demo.element.querySelector(`[data-demo-figure]`);
+	if (!(figure instanceof HTMLElement)) return;
+	figure.addEventListener("mousedown", (e) => onMouseDown(demo, e));
+	figure.addEventListener("mouseup", () => onMouseUp(demo));
+	figure.addEventListener("mousemove", (e) => onMouseMove(demo, e));
+
+	demo.inputOptions.forEach((inputOption, index) => {
+		const inputContainer = demo.element.querySelectorAll(`[data-parent-input-container] [data-input-container]`)[index];
+		if (!(inputContainer instanceof HTMLDivElement)) return;
+
+		if (inputOption.inputType === "dropdown") {
+			const selectElement = inputContainer.querySelector("[data-select]");
+			if (!(selectElement instanceof HTMLSelectElement)) return;
+
+			selectElement.addEventListener("change", (e: Event) => {
+				if (!(e.target instanceof HTMLSelectElement)) return;
+
+				demo.sliderData[inputOption.variable] = Number(e.target.value);
+				updateDemoSVG(demo, figure);
+			});
+		}
+
+		if (inputOption.inputType === "slider") {
+			const sliderInput = inputContainer.querySelector("[data-slider-input]");
+			if (!(sliderInput instanceof HTMLInputElement)) return;
+
+			sliderInput.addEventListener("input", (e: Event) => {
+				const target = e.target;
+				if (!(target instanceof HTMLInputElement)) return;
+
+				// Set the slider label text
+				const variable = inputOption.variable;
+				const data = demo.sliderData[variable];
+				const unit = getSliderUnit(demo, variable);
+				const label = inputContainer.querySelector("[data-input-label]");
+				if (!(label instanceof HTMLDivElement)) return;
+				label.innerText = `${variable}: ${data}${unit}`;
+
+				// Set the slider input range percentage
+				sliderInput.style.setProperty("--range-ratio", String((Number(target.value) - (inputOption.min || 0)) / ((inputOption.max || 100) - (inputOption.min || 0))));
+
+				// Update the slider data and redraw the demo
+				demo.sliderData[variable] = Number(target.value);
+				updateDemoSVG(demo, figure);
+			});
+		}
+	});
+}
diff --git a/website/other/bezier-rs-demos/src/types.ts b/website/other/bezier-rs-demos/src/types.ts
new file mode 100644
index 0000000000000000000000000000000000000000..669212f64e40f9852bac322cea09d288b5e4927d
--- /dev/null
+++ b/website/other/bezier-rs-demos/src/types.ts
@@ -0,0 +1,241 @@
+import type * as WasmPkg from "@/../wasm/pkg";
+
+type WasmRawInstance = typeof WasmPkg;
+export type WasmBezierInstance = InstanceType<WasmRawInstance["WasmBezier"]>;
+
+export type WasmSubpathInstance = InstanceType<WasmRawInstance["WasmSubpath"]>;
+export type WasmSubpathManipulatorKey = "set_anchor" | "set_in_handle" | "set_out_handle";
+type WasmBezierConstructorKey = "new_linear" | "new_quadratic" | "new_cubic";
+type WasmBezierManipulatorKey = "set_start" | "set_handle_start" | "set_handle_end" | "set_end";
+
+type DemoDataCommon = {
+	title: string;
+	element: HTMLDivElement;
+	inputOptions: InputOption[];
+	locked: boolean;
+	triggerOnMouseMove: boolean;
+	sliderData: Record<string, number>;
+	sliderUnits: Record<string, string | string[]>;
+	activePointIndex: number | undefined;
+};
+export type DemoDataBezier = DemoDataCommon & {
+	kind: "bezier";
+	manipulatorKeys: WasmBezierManipulatorKey[];
+	bezier: WasmBezierInstance;
+	points: number[][];
+	callback: BezierCallback;
+};
+export type DemoDataSubpath = DemoDataCommon & {
+	kind: "subpath";
+	activeManipulatorIndex: number | undefined;
+	manipulatorKeys: WasmSubpathManipulatorKey[] | undefined;
+	subpath: WasmSubpathInstance;
+	triples: (number[] | undefined)[][];
+	callback: SubpathCallback;
+};
+export type DemoData = DemoDataBezier | DemoDataSubpath;
+
+export const BEZIER_CURVE_TYPE = ["Linear", "Quadratic", "Cubic"] as const;
+export type BezierCurveType = (typeof BEZIER_CURVE_TYPE)[number];
+
+export type BezierCallback = (bezier: WasmBezierInstance, options: Record<string, number>, mouseLocation?: [number, number]) => string;
+export type SubpathCallback = (subpath: WasmSubpathInstance, options: Record<string, number>, mouseLocation?: [number, number]) => string;
+
+export type BezierDemoOptions = {
+	[key in BezierCurveType]: {
+		disabled?: boolean;
+		inputOptions?: InputOption[];
+		customPoints?: number[][];
+	};
+};
+
+export type InputOption = {
+	variable: string;
+	min?: number;
+	max?: number;
+	step?: number;
+	default?: number;
+	unit?: string | string[];
+	inputType?: "slider" | "dropdown";
+	options?: string[];
+	disabled?: boolean;
+};
+export type SubpathInputOption = InputOption & {
+	isDisabledForClosed?: boolean;
+};
+
+export function getCurveType(numPoints: number): BezierCurveType {
+	const mapping: Record<number, BezierCurveType> = {
+		2: "Linear",
+		3: "Quadratic",
+		4: "Cubic",
+	};
+
+	if (!(numPoints in mapping)) throw new Error("Invalid number of points for a bezier");
+
+	return mapping[numPoints];
+}
+
+export function getConstructorKey(bezierCurveType: BezierCurveType): WasmBezierConstructorKey {
+	const mapping: Record<BezierCurveType, WasmBezierConstructorKey> = {
+		Linear: "new_linear",
+		Quadratic: "new_quadratic",
+		Cubic: "new_cubic",
+	};
+	return mapping[bezierCurveType];
+}
+
+export type DemoArgs = {
+	title: string;
+	disabled?: boolean;
+};
+
+export type BezierDemoArgs = {
+	points: number[][];
+	inputOptions: InputOption[];
+} & DemoArgs;
+
+export type SubpathDemoArgs = {
+	triples: (number[] | undefined)[][];
+	closed: boolean;
+} & DemoArgs;
+
+export const BEZIER_T_VALUE_VARIANTS = ["Parametric", "Euclidean"] as const;
+export const SUBPATH_T_VALUE_VARIANTS = ["GlobalParametric", "GlobalEuclidean"] as const;
+
+const CAP_VARIANTS = ["Butt", "Round", "Square"] as const;
+const JOIN_VARIANTS = ["Bevel", "Miter", "Round"] as const;
+
+export const POINT_INDEX_TO_MANIPULATOR: WasmSubpathManipulatorKey[] = ["set_anchor", "set_in_handle", "set_out_handle"];
+
+// Given the number of points in the curve, map the index of a point to the correct manipulator key
+export const MANIPULATOR_KEYS_FROM_BEZIER_TYPE: { [key in BezierCurveType]: WasmBezierManipulatorKey[] } = {
+	Linear: ["set_start", "set_end"],
+	Quadratic: ["set_start", "set_handle_start", "set_end"],
+	Cubic: ["set_start", "set_handle_start", "set_handle_end", "set_end"],
+};
+
+export function getBezierDemoPointDefaults() {
+	// We use a function to generate a new object each time it is called
+	// to prevent one instance from being shared and modified across demos
+	return {
+		Linear: [
+			[55, 60],
+			[165, 120],
+		],
+		Quadratic: [
+			[55, 50],
+			[165, 30],
+			[185, 170],
+		],
+		Cubic: [
+			[55, 30],
+			[85, 140],
+			[175, 30],
+			[185, 160],
+		],
+	};
+}
+
+export function getSubpathDemoArgs(): SubpathDemoArgs[] {
+	// We use a function to generate a new object each time it is called
+	// to prevent one instance from being shared and modified across demos
+	return [
+		{
+			title: "Open Subpath",
+			triples: [
+				[[45, 20], undefined, [35, 90]],
+				[[175, 40], [85, 40], undefined],
+				[[200, 175], undefined, undefined],
+				[[125, 100], [65, 120], undefined],
+			],
+			closed: false,
+		},
+		{
+			title: "Closed Subpath",
+			triples: [
+				[[60, 125], undefined, [65, 40]],
+				[[155, 30], [145, 120], undefined],
+				[
+					[170, 150],
+					[200, 90],
+					[95, 185],
+				],
+			],
+			closed: true,
+		},
+	];
+}
+
+export const tSliderOptions = {
+	variable: "t",
+	inputType: "slider",
+	min: -0.01,
+	max: 1.01,
+	step: 0.01,
+	default: 0.5,
+};
+
+export const errorOptions = {
+	variable: "error",
+	inputType: "slider",
+	min: 0.1,
+	max: 2,
+	step: 0.1,
+	default: 0.5,
+};
+
+export const minimumSeparationOptions = {
+	variable: "minimum_separation",
+	inputType: "slider",
+	min: 0.001,
+	max: 0.25,
+	step: 0.001,
+	default: 0.05,
+};
+
+export const intersectionErrorOptions = {
+	variable: "error",
+	inputType: "slider",
+	min: 0.001,
+	max: 0.525,
+	step: 0.0025,
+	default: 0.02,
+};
+
+export const separationDiskDiameter = {
+	variable: "separation_disk_diameter",
+	inputType: "slider",
+	min: 2.5,
+	max: 25,
+	step: 0.1,
+	default: 5,
+};
+
+export const bezierTValueVariantOptions = {
+	variable: "TVariant",
+	inputType: "dropdown",
+	default: 0,
+	options: BEZIER_T_VALUE_VARIANTS,
+};
+
+export const subpathTValueVariantOptions = {
+	variable: "TVariant",
+	inputType: "dropdown",
+	default: 0,
+	options: SUBPATH_T_VALUE_VARIANTS,
+};
+
+export const joinOptions = {
+	variable: "join",
+	inputType: "dropdown",
+	default: 0,
+	options: JOIN_VARIANTS,
+};
+
+export const capOptions = {
+	variable: "cap",
+	inputType: "dropdown",
+	default: 0,
+	options: CAP_VARIANTS,
+};
diff --git a/website/other/bezier-rs-demos/tsconfig.json b/website/other/bezier-rs-demos/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..4d4d94dd71e22ccb60b7b9d2b2ad07478f58b9ba
--- /dev/null
+++ b/website/other/bezier-rs-demos/tsconfig.json
@@ -0,0 +1,28 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"module": "ESNext",
+		"strict": true,
+		"importHelpers": true,
+		"moduleResolution": "node",
+		"experimentalDecorators": true,
+		"skipLibCheck": true,
+		"esModuleInterop": true,
+		"allowSyntheticDefaultImports": true,
+		"sourceMap": true,
+		"baseUrl": ".",
+		"paths": {
+			"@/*": ["src/*"]
+		},
+		"lib": ["ESNext", "DOM", "DOM.Iterable", "ScriptHost"]
+	},
+	"include": ["src/**/*.ts", "src/**/*.d.ts", "*.ts", "*.js", "*.cjs"],
+	"exclude": ["node_modules"],
+	"ts-node": {
+		"compilerOptions": {
+			"module": "commonjs",
+			"useDefineForClassFields": false,
+			"noImplicitOverride": true
+		}
+	}
+}
diff --git a/website/other/bezier-rs-demos/vite.config.ts b/website/other/bezier-rs-demos/vite.config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a6a7dd45399323518d8b3914692db077fffdc11b
--- /dev/null
+++ b/website/other/bezier-rs-demos/vite.config.ts
@@ -0,0 +1,19 @@
+/* eslint-disable no-console */
+
+import path from "path";
+
+import { defineConfig } from "vite";
+
+const projectRootDir = path.resolve(__dirname);
+
+// https://vitejs.dev/config/
+export default defineConfig({
+	base: "",
+	resolve: {
+		alias: [{ find: "@", replacement: path.resolve(projectRootDir, "src") }],
+	},
+	server: {
+		port: 8000,
+		host: "0.0.0.0",
+	},
+});
diff --git a/website/other/bezier-rs-demos/wasm/Cargo.toml b/website/other/bezier-rs-demos/wasm/Cargo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..72db425a98bb1f4d243f3d3ac7d5957819827678
--- /dev/null
+++ b/website/other/bezier-rs-demos/wasm/Cargo.toml
@@ -0,0 +1,48 @@
+[package]
+name = "bezier-rs-wasm"
+publish = false
+version = "0.0.0"
+rust-version = "1.85"
+authors = ["Graphite Authors <contact@graphite.rs>"]
+edition = "2024"
+readme = "../../README.md"
+homepage = "https://graphite.rs"
+repository = "https://github.com/GraphiteEditor/Graphite"
+license = "Apache-2.0"
+
+[lib]
+crate-type = ["cdylib", "rlib"]
+
+[features]
+default = []
+logging = ["log"]
+
+[dependencies]
+# Workspace dependencies
+bezier-rs = { workspace = true }
+wasm-bindgen = { workspace = true }
+js-sys = { workspace = true }
+glam = { workspace = true }
+log = { workspace = true, optional = true }
+
+[dev-dependencies]
+log = { workspace = true }
+
+[package.metadata.wasm-pack.profile.dev]
+wasm-opt = false
+
+[package.metadata.wasm-pack.profile.dev.wasm-bindgen]
+debug-js-glue = true
+demangle-name-section = true
+dwarf-debug-info = false
+
+[package.metadata.wasm-pack.profile.release]
+wasm-opt = ["-Oz", "--enable-bulk-memory"]
+
+[package.metadata.wasm-pack.profile.release.wasm-bindgen]
+debug-js-glue = false
+demangle-name-section = false
+dwarf-debug-info = false
+
+[lints.rust]
+unexpected_cfgs = { level = "warn", check-cfg = ['cfg(wasm_bindgen_unstable_test_coverage)'] }
diff --git a/website/other/bezier-rs-demos/wasm/src/bezier.rs b/website/other/bezier-rs-demos/wasm/src/bezier.rs
new file mode 100644
index 0000000000000000000000000000000000000000..50275b3c7ae95ec34c6e63506cbd235169d58ca9
--- /dev/null
+++ b/website/other/bezier-rs-demos/wasm/src/bezier.rs
@@ -0,0 +1,723 @@
+use crate::svg_drawing::*;
+use crate::utils::{parse_cap, parse_point};
+use bezier_rs::{ArcStrategy, ArcsOptions, Bezier, Identifier, TValue, TValueType};
+use glam::DVec2;
+use js_sys::Array;
+use wasm_bindgen::prelude::*;
+use wasm_bindgen::{JsCast, JsValue};
+
+#[wasm_bindgen]
+pub enum WasmMaximizeArcs {
+	Automatic, // 0
+	On,        // 1
+	Off,       // 2
+}
+
+const SCALE_UNIT_VECTOR_FACTOR: f64 = 50.;
+
+/// Wrapper of the `Bezier` struct to be used in JS.
+#[wasm_bindgen]
+#[derive(Clone)]
+pub struct WasmBezier(Bezier);
+
+fn convert_wasm_maximize_arcs(wasm_enum_value: WasmMaximizeArcs) -> ArcStrategy {
+	match wasm_enum_value {
+		WasmMaximizeArcs::Automatic => ArcStrategy::Automatic,
+		WasmMaximizeArcs::On => ArcStrategy::FavorLargerArcs,
+		WasmMaximizeArcs::Off => ArcStrategy::FavorCorrectness,
+	}
+}
+
+fn parse_t_variant(t_variant: &String, t: f64) -> TValue {
+	match t_variant.as_str() {
+		"Parametric" => TValue::Parametric(t),
+		"Euclidean" => TValue::Euclidean(t),
+		_ => panic!("Unexpected TValue string: '{t_variant}'"),
+	}
+}
+
+/// An empty id type for use in tests
+#[derive(Clone, Copy, PartialEq, Eq, Hash)]
+pub(crate) struct EmptyId;
+
+impl Identifier for EmptyId {
+	fn new() -> Self {
+		Self
+	}
+}
+
+#[wasm_bindgen]
+impl WasmBezier {
+	pub fn new_linear(js_points: JsValue) -> WasmBezier {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		WasmBezier(Bezier::from_linear_dvec2(point1, point2))
+	}
+
+	/// Expect js_points to be a list of 3 pairs.
+	pub fn new_quadratic(js_points: JsValue) -> WasmBezier {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let point3 = parse_point(&array.get(2));
+		WasmBezier(Bezier::from_quadratic_dvec2(point1, point2, point3))
+	}
+
+	/// Expect js_points to be a list of 4 pairs.
+	pub fn new_cubic(js_points: JsValue) -> WasmBezier {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let point3 = parse_point(&array.get(2));
+		let point4 = parse_point(&array.get(3));
+		WasmBezier(Bezier::from_cubic_dvec2(point1, point2, point3, point4))
+	}
+
+	fn draw_bezier_through_points(bezier: Bezier, through_point: DVec2) -> String {
+		let mut bezier_string = String::new();
+		bezier.to_svg(
+			&mut bezier_string,
+			CURVE_ATTRIBUTES.to_string(),
+			ANCHOR_ATTRIBUTES.to_string(),
+			HANDLE_ATTRIBUTES.to_string().replace(GRAY, RED),
+			HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, RED),
+		);
+		let through_point_circle = format!(r#"<circle cx="{}" cy="{}" {}/>"#, through_point.x, through_point.y, ANCHOR_ATTRIBUTES);
+
+		wrap_svg_tag(format!("{bezier_string}{through_point_circle}"))
+	}
+
+	pub fn quadratic_through_points(js_points: JsValue, t: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let point3 = parse_point(&array.get(2));
+		let bezier = Bezier::quadratic_through_points(point1, point2, point3, Some(t));
+		WasmBezier::draw_bezier_through_points(bezier, point2)
+	}
+
+	pub fn cubic_through_points(js_points: JsValue, t: f64, midpoint_separation: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let point3 = parse_point(&array.get(2));
+		let bezier = Bezier::cubic_through_points(point1, point2, point3, Some(t), Some(midpoint_separation));
+		WasmBezier::draw_bezier_through_points(bezier, point2)
+	}
+
+	pub fn set_start(&mut self, x: f64, y: f64) {
+		self.0.set_start(DVec2::new(x, y));
+	}
+
+	pub fn set_end(&mut self, x: f64, y: f64) {
+		self.0.set_end(DVec2::new(x, y));
+	}
+
+	pub fn set_handle_start(&mut self, x: f64, y: f64) {
+		self.0.set_handle_start(DVec2::new(x, y));
+	}
+
+	pub fn set_handle_end(&mut self, x: f64, y: f64) {
+		self.0.set_handle_end(DVec2::new(x, y));
+	}
+
+	pub fn get_points(&self) -> JsValue {
+		JsValue::from(
+			self.0
+				.get_points()
+				.map(|point| [JsValue::from_f64(point.x), JsValue::from_f64(point.y)].iter().collect::<Array>())
+				.collect::<Array>(),
+		)
+	}
+
+	fn get_bezier_path(&self) -> String {
+		let mut bezier = String::new();
+		self.0.to_svg(
+			&mut bezier,
+			CURVE_ATTRIBUTES.to_string(),
+			ANCHOR_ATTRIBUTES.to_string(),
+			HANDLE_ATTRIBUTES.to_string(),
+			HANDLE_LINE_ATTRIBUTES.to_string(),
+		);
+		bezier
+	}
+
+	pub fn to_svg(&self) -> String {
+		wrap_svg_tag(self.get_bezier_path())
+	}
+
+	pub fn length(&self) -> String {
+		let bezier = self.get_bezier_path();
+		wrap_svg_tag(format!("{bezier}{}", draw_text(format!("Length: {:.2}", self.0.length(None)), TEXT_OFFSET_X, TEXT_OFFSET_Y, BLACK)))
+	}
+
+	pub fn length_centroid(&self) -> String {
+		let bezier = self.get_bezier_path();
+		let centroid = self.0.length_centroid(None);
+		let point_text = draw_circle(centroid, 4., RED, 1.5, WHITE);
+		wrap_svg_tag(format!("{bezier}{}", point_text))
+	}
+
+	pub fn evaluate(&self, raw_t: f64, t_variant: String) -> String {
+		let bezier = self.get_bezier_path();
+		let t = parse_t_variant(&t_variant, raw_t);
+		let point = self.0.evaluate(t);
+		let content = format!("{bezier}{}", draw_circle(point, 4., RED, 1.5, WHITE));
+		wrap_svg_tag(content)
+	}
+
+	pub fn compute_lookup_table(&self, steps: usize, t_variant: String) -> String {
+		let bezier = self.get_bezier_path();
+		let tvalue_type = match t_variant.as_str() {
+			"Parametric" => TValueType::Parametric,
+			"Euclidean" => TValueType::Euclidean,
+			_ => panic!("Unexpected TValue string: '{t_variant}'"),
+		};
+		let table_values: Vec<DVec2> = self.0.compute_lookup_table(Some(steps), Some(tvalue_type)).collect();
+		let circles: String = table_values
+			.iter()
+			.map(|point| draw_circle(*point, 3., RED, 1.5, WHITE))
+			.fold("".to_string(), |acc, circle| acc + &circle);
+		let content = format!("{bezier}{circles}");
+		wrap_svg_tag(content)
+	}
+
+	pub fn derivative(&self) -> String {
+		let bezier = self.get_bezier_path();
+		let derivative = self.0.derivative();
+		if derivative.is_none() {
+			return bezier;
+		}
+
+		let mut derivative_svg_path = String::new();
+		derivative.unwrap().to_svg(
+			&mut derivative_svg_path,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, RED),
+			ANCHOR_ATTRIBUTES.to_string().replace(BLACK, RED),
+			HANDLE_ATTRIBUTES.to_string().replace(GRAY, RED),
+			HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, RED),
+		);
+		let content = format!("{bezier}{derivative_svg_path}");
+		wrap_svg_tag(content)
+	}
+
+	pub fn tangent(&self, raw_t: f64, t_variant: String) -> String {
+		let bezier = self.get_bezier_path();
+		let t = parse_t_variant(&t_variant, raw_t);
+
+		let tangent_point = self.0.tangent(t);
+		let intersection_point = self.0.evaluate(t);
+		let tangent_end = intersection_point + tangent_point * SCALE_UNIT_VECTOR_FACTOR;
+
+		let content = format!(
+			"{bezier}{}{}{}",
+			draw_circle(intersection_point, 3., RED, 1., WHITE),
+			draw_line(intersection_point.x, intersection_point.y, tangent_end.x, tangent_end.y, RED, 1.),
+			draw_circle(tangent_end, 3., RED, 1., WHITE),
+		);
+		wrap_svg_tag(content)
+	}
+
+	pub fn normal(&self, raw_t: f64, t_variant: String) -> String {
+		let bezier = self.get_bezier_path();
+		let t = parse_t_variant(&t_variant, raw_t);
+
+		let normal_point = self.0.normal(t);
+		let intersection_point = self.0.evaluate(t);
+		let normal_end = intersection_point + normal_point * SCALE_UNIT_VECTOR_FACTOR;
+
+		let content = format!(
+			"{bezier}{}{}{}",
+			draw_line(intersection_point.x, intersection_point.y, normal_end.x, normal_end.y, RED, 1.),
+			draw_circle(intersection_point, 3., RED, 1., WHITE),
+			draw_circle(normal_end, 3., RED, 1., WHITE),
+		);
+		wrap_svg_tag(content)
+	}
+
+	pub fn curvature(&self, raw_t: f64, t_variant: String) -> String {
+		let bezier = self.get_bezier_path();
+		let t = parse_t_variant(&t_variant, raw_t);
+
+		let intersection_point = self.0.evaluate(t);
+		let normal_point = self.0.normal(t);
+		let curvature = self.0.curvature(t);
+		let content = if curvature.abs() < 0.000001 {
+			// Linear curve segment: the radius is infinite so we don't draw it
+			format!("{bezier}{}", draw_circle(intersection_point, 3., RED, 1., WHITE))
+		} else {
+			let radius = 1. / curvature;
+			let curvature_center = intersection_point + normal_point * radius;
+
+			format!(
+				"{bezier}{}{}{}{}",
+				draw_circle(curvature_center, radius.abs(), RED, 1., NONE),
+				draw_line(intersection_point.x, intersection_point.y, curvature_center.x, curvature_center.y, RED, 1.),
+				draw_circle(intersection_point, 3., RED, 1., WHITE),
+				draw_circle(curvature_center, 3., RED, 1., WHITE),
+			)
+		};
+		wrap_svg_tag(content)
+	}
+
+	pub fn split(&self, raw_t: f64, t_variant: String) -> String {
+		let t = parse_t_variant(&t_variant, raw_t);
+		let beziers: [Bezier; 2] = self.0.split(t);
+
+		let mut bezier_svg_1 = String::new();
+		beziers[0].to_svg(
+			&mut bezier_svg_1,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, ORANGE).replace("stroke-width=\"2\"", "stroke-width=\"8\"") + " opacity=\"0.5\"",
+			ANCHOR_ATTRIBUTES.to_string().replace(BLACK, ORANGE),
+			HANDLE_ATTRIBUTES.to_string().replace(GRAY, ORANGE),
+			HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, ORANGE),
+		);
+
+		let mut bezier_svg_2 = String::new();
+		beziers[1].to_svg(
+			&mut bezier_svg_2,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, RED).replace("stroke-width=\"2\"", "stroke-width=\"8\"") + " opacity=\"0.5\"",
+			ANCHOR_ATTRIBUTES.to_string().replace(BLACK, RED),
+			HANDLE_ATTRIBUTES.to_string().replace(GRAY, RED),
+			HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, RED),
+		);
+
+		wrap_svg_tag(format!("{}{bezier_svg_1}{bezier_svg_2}", self.get_bezier_path()))
+	}
+
+	pub fn trim(&self, raw_t1: f64, raw_t2: f64, t_variant: String) -> String {
+		let (t1, t2) = (parse_t_variant(&t_variant, raw_t1), parse_t_variant(&t_variant, raw_t2));
+		let trimmed_bezier = self.0.trim(t1, t2);
+
+		let mut trimmed_bezier_svg = String::new();
+		trimmed_bezier.to_svg(
+			&mut trimmed_bezier_svg,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, RED).replace("stroke-width=\"2\"", "stroke-width=\"8\"") + " opacity=\"0.5\"",
+			ANCHOR_ATTRIBUTES.to_string().replace(BLACK, RED),
+			HANDLE_ATTRIBUTES.to_string().replace(GRAY, RED),
+			HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, RED),
+		);
+
+		wrap_svg_tag(format!("{}{trimmed_bezier_svg}", self.get_bezier_path()))
+	}
+
+	pub fn project(&self, x: f64, y: f64) -> String {
+		let projected_t_value = self.0.project(DVec2::new(x, y));
+		let projected_point = self.0.evaluate(TValue::Parametric(projected_t_value));
+
+		let bezier = self.get_bezier_path();
+		let content = format!("{bezier}{}", draw_line(projected_point.x, projected_point.y, x, y, RED, 1.),);
+		wrap_svg_tag(content)
+	}
+	pub fn tangents_to_point(&self, x: f64, y: f64) -> String {
+		let bezier = self.get_bezier_path();
+		let mut content = String::new();
+		for t in self.0.tangents_to_point(DVec2::new(x, y)) {
+			let point = self.0.evaluate(TValue::Parametric(t));
+			content += &draw_line(x, y, point.x, point.y, RED, 1.);
+		}
+		use std::fmt::Write;
+		write!(content, "{bezier}").unwrap();
+
+		wrap_svg_tag(content)
+	}
+
+	pub fn normals_to_point(&self, x: f64, y: f64) -> String {
+		let bezier = self.get_bezier_path();
+		let mut content = String::new();
+		for t in self.0.normals_to_point(DVec2::new(x, y)) {
+			let point = self.0.evaluate(TValue::Parametric(t));
+			content += &draw_line(x, y, point.x, point.y, RED, 1.);
+		}
+		use std::fmt::Write;
+		write!(content, "{bezier}").unwrap();
+
+		wrap_svg_tag(content)
+	}
+
+	pub fn local_extrema(&self) -> String {
+		let local_extrema = self.0.local_extrema();
+
+		let bezier = self.get_bezier_path();
+		let circles: String = local_extrema
+			.into_iter()
+			.zip([RED, GREEN])
+			.flat_map(|(t_value_list, color)| {
+				t_value_list.map(move |t_value| {
+					let point = self.0.evaluate(TValue::Parametric(t_value));
+					draw_circle(point, 3., color, 1.5, WHITE)
+				})
+			})
+			.fold("".to_string(), |acc, circle| acc + &circle);
+
+		let content = format!(
+			"{bezier}{circles}{}{}",
+			draw_text("X extrema".to_string(), TEXT_OFFSET_X, TEXT_OFFSET_Y - 20., RED),
+			draw_text("Y extrema".to_string(), TEXT_OFFSET_X, TEXT_OFFSET_Y, GREEN),
+		);
+		wrap_svg_tag(content)
+	}
+
+	pub fn bounding_box(&self) -> String {
+		let [bbox_min_corner, bbox_max_corner] = self.0.bounding_box();
+
+		let bezier = self.get_bezier_path();
+		let content = format!(
+			"{bezier}<rect x={} y ={} width=\"{}\" height=\"{}\" style=\"fill:{NONE};stroke:{RED};stroke-width:1\" />",
+			bbox_min_corner.x,
+			bbox_min_corner.y,
+			bbox_max_corner.x - bbox_min_corner.x,
+			bbox_max_corner.y - bbox_min_corner.y,
+		);
+		wrap_svg_tag(content)
+	}
+
+	pub fn inflections(&self) -> String {
+		let inflections: Vec<f64> = self.0.inflections();
+
+		let bezier = self.get_bezier_path();
+		let circles: String = inflections
+			.iter()
+			.map(|&t_value| {
+				let point = self.0.evaluate(TValue::Parametric(t_value));
+				draw_circle(point, 3., RED, 1.5, WHITE)
+			})
+			.fold("".to_string(), |acc, circle| acc + &circle);
+		let content = format!("{bezier}{circles}");
+		wrap_svg_tag(content)
+	}
+
+	pub fn de_casteljau_points(&self, raw_t: f64, t_variant: String) -> String {
+		let t = parse_t_variant(&t_variant, raw_t);
+		let points: Vec<Vec<DVec2>> = self.0.de_casteljau_points(t);
+
+		let bezier_svg = self.get_bezier_path();
+
+		let casteljau_svg = points
+			.iter()
+			.enumerate()
+			.map(|(index, points)| {
+				let color_light = format!("hsl({}, 100%, 50%)", 90 * index);
+				let points_and_handle_lines = points
+					.iter()
+					.enumerate()
+					.map(|(index, point)| {
+						let circle = draw_circle(*point, 3., &color_light, 1.5, WHITE);
+						if index != 0 {
+							let prev_point = points[index - 1];
+							let line = draw_line(prev_point.x, prev_point.y, point.x, point.y, &color_light, 1.5);
+
+							circle + line.as_str()
+						} else {
+							circle
+						}
+					})
+					.fold("".to_string(), |acc, point_svg| acc + &point_svg);
+				points_and_handle_lines
+			})
+			.fold("".to_string(), |acc, points_svg| acc + &points_svg);
+		let content = format!("{bezier_svg}{casteljau_svg}");
+		wrap_svg_tag(content)
+	}
+
+	pub fn rotate(&self, angle: f64, pivot_x: f64, pivot_y: f64) -> String {
+		let original_bezier_svg = self.get_bezier_path();
+		let rotated_bezier = self.0.rotate_about_point(angle, DVec2::new(pivot_x, pivot_y));
+		let mut rotated_bezier_svg = String::new();
+		rotated_bezier.to_svg(&mut rotated_bezier_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+		let pivot = draw_circle(DVec2::new(pivot_x, pivot_y), 3., GRAY, 1.5, WHITE);
+
+		// Line between pivot and start point on curve
+		let original_dashed_line = format!(
+			r#"<line x1="{pivot_x}" y1="{pivot_y}" x2="{}" y2="{}" stroke="{ORANGE}" stroke-dasharray="0, 4" stroke-width="2" stroke-linecap="round"/>"#,
+			self.0.start().x,
+			self.0.start().y
+		);
+		let rotated_dashed_line = format!(
+			r#"<line x1="{pivot_x}" y1="{pivot_y}" x2="{}" y2="{}" stroke="{ORANGE}" stroke-dasharray="0, 4" stroke-width="2" stroke-linecap="round"/>"#,
+			rotated_bezier.start().x,
+			rotated_bezier.start().y
+		);
+
+		wrap_svg_tag(format!("{original_bezier_svg}{rotated_bezier_svg}{pivot}{original_dashed_line}{rotated_dashed_line}"))
+	}
+
+	fn intersect(&self, curve: &Bezier, error: Option<f64>, minimum_separation: Option<f64>) -> Vec<f64> {
+		self.0.intersections(curve, error, minimum_separation)
+	}
+
+	pub fn intersect_line_segment(&self, js_points: JsValue) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let line = Bezier::from_linear_dvec2(point1, point2);
+
+		let bezier_curve_svg = self.get_bezier_path();
+
+		let mut line_svg = String::new();
+		line.to_svg(&mut line_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+
+		let intersections_svg = self
+			.intersect(&line, None, None)
+			.iter()
+			.map(|intersection_t| {
+				let point = &self.0.evaluate(TValue::Parametric(*intersection_t));
+				draw_circle(*point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+		wrap_svg_tag(format!("{bezier_curve_svg}{line_svg}{intersections_svg}"))
+	}
+
+	pub fn intersect_quadratic_segment(&self, js_points: JsValue, error: f64, minimum_separation: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let point3 = parse_point(&array.get(2));
+		let quadratic = Bezier::from_quadratic_dvec2(point1, point2, point3);
+
+		let bezier_curve_svg = self.get_bezier_path();
+
+		let mut quadratic_svg = String::new();
+		quadratic.to_svg(&mut quadratic_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+
+		let intersections_svg = self
+			.intersect(&quadratic, Some(error), Some(minimum_separation))
+			.iter()
+			.map(|intersection_t| {
+				let point = &self.0.evaluate(TValue::Parametric(*intersection_t));
+				draw_circle(*point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+		wrap_svg_tag(format!("{bezier_curve_svg}{quadratic_svg}{intersections_svg}"))
+	}
+
+	pub fn intersect_cubic_segment(&self, js_points: JsValue, error: f64, minimum_separation: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let point3 = parse_point(&array.get(2));
+		let point4 = parse_point(&array.get(3));
+		let cubic = Bezier::from_cubic_dvec2(point1, point2, point3, point4);
+
+		let bezier_curve_svg = self.get_bezier_path();
+
+		let mut cubic_svg = String::new();
+		cubic.to_svg(&mut cubic_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+
+		let intersections_svg = self
+			.intersect(&cubic, Some(error), Some(minimum_separation))
+			.iter()
+			.map(|intersection_t| {
+				let point = &self.0.evaluate(TValue::Parametric(*intersection_t));
+				draw_circle(*point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+
+		wrap_svg_tag(format!("{bezier_curve_svg}{cubic_svg}{intersections_svg}"))
+	}
+
+	/// The wrapped return type is `Vec<[f64; 2]>`.
+	pub fn intersect_self(&self, error: f64, minimum_separation: f64) -> String {
+		let bezier_curve_svg = self.get_bezier_path();
+		let intersect_self_svg = self
+			.0
+			.self_intersections(Some(error), Some(minimum_separation))
+			.iter()
+			.map(|intersection_t| {
+				let point = &self.0.evaluate(TValue::Parametric(intersection_t[0]));
+				draw_circle(*point, 4., RED, 1.5, WHITE)
+			})
+			.fold(bezier_curve_svg, |acc, item| format!("{acc}{item}"));
+
+		wrap_svg_tag(intersect_self_svg)
+	}
+
+	pub fn intersect_rectangle(&self, js_points: JsValue) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+
+		let bezier_curve_svg = self.get_bezier_path();
+
+		let mut rectangle_svg = String::new();
+		[
+			Bezier::from_linear_coordinates(point1.x, point1.y, point2.x, point1.y),
+			Bezier::from_linear_coordinates(point2.x, point1.y, point2.x, point2.y),
+			Bezier::from_linear_coordinates(point2.x, point2.y, point1.x, point2.y),
+			Bezier::from_linear_coordinates(point1.x, point2.y, point1.x, point1.y),
+		]
+		.iter()
+		.for_each(|line| line.to_svg(&mut rectangle_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new()));
+
+		let intersections_svg = self
+			.0
+			.rectangle_intersections(point1, point2)
+			.iter()
+			.map(|intersection_t| {
+				let point = &self.0.evaluate(TValue::Parametric(*intersection_t));
+				draw_circle(*point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+		wrap_svg_tag(format!("{bezier_curve_svg}{rectangle_svg}{intersections_svg}"))
+	}
+
+	pub fn reduce(&self) -> String {
+		let original_curve_svg = self.get_bezier_path();
+		let bezier_curves_svg: String = self
+			.0
+			.reduce(None)
+			.iter()
+			.enumerate()
+			.map(|(index, bezier_curve)| {
+				let mut curve_svg = String::new();
+				bezier_curve.to_svg(
+					&mut curve_svg,
+					CURVE_ATTRIBUTES.to_string().replace(BLACK, &format!("hsl({}, 100%, 50%)", (40 * index))),
+					String::new(),
+					String::new(),
+					String::new(),
+				);
+				curve_svg
+			})
+			.fold(original_curve_svg, |acc, item| format!("{acc}{item}"));
+		wrap_svg_tag(bezier_curves_svg)
+	}
+
+	pub fn offset(&self, distance: f64) -> String {
+		let original_curve_svg = self.get_bezier_path();
+		let bezier_curves_svg = self
+			.0
+			.offset::<EmptyId>(distance)
+			.iter()
+			.enumerate()
+			.map(|(index, bezier_curve)| {
+				let mut curve_svg = String::new();
+				bezier_curve.to_svg(
+					&mut curve_svg,
+					CURVE_ATTRIBUTES.to_string().replace(BLACK, &format!("hsl({}, 100%, 50%)", (40 * index))),
+					String::new(),
+					String::new(),
+					String::new(),
+				);
+				curve_svg
+			})
+			.fold(original_curve_svg, |acc, item| format!("{acc}{item}"));
+		wrap_svg_tag(bezier_curves_svg)
+	}
+
+	pub fn outline(&self, distance: f64, cap: i32) -> String {
+		let cap = parse_cap(cap);
+		let outline_subpath = self.0.outline::<EmptyId>(distance, cap);
+		if outline_subpath.is_empty() {
+			return String::new();
+		}
+
+		let mut outline_svg = String::new();
+		outline_subpath.to_svg(&mut outline_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+		let bezier_svg = self.get_bezier_path();
+
+		wrap_svg_tag(format!("{bezier_svg}{outline_svg}"))
+	}
+
+	pub fn graduated_outline(&self, start_distance: f64, end_distance: f64, cap: i32) -> String {
+		let cap = parse_cap(cap);
+		let outline_subpath = self.0.graduated_outline::<EmptyId>(start_distance, end_distance, cap);
+		if outline_subpath.is_empty() {
+			return String::new();
+		}
+
+		let mut outline_svg = String::new();
+		outline_subpath.to_svg(&mut outline_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+		let bezier_svg = self.get_bezier_path();
+
+		wrap_svg_tag(format!("{bezier_svg}{outline_svg}"))
+	}
+
+	pub fn skewed_outline(&self, distance1: f64, distance2: f64, distance3: f64, distance4: f64, cap: i32) -> String {
+		let cap = parse_cap(cap);
+		let outline_subpath = self.0.skewed_outline::<EmptyId>(distance1, distance2, distance3, distance4, cap);
+		if outline_subpath.is_empty() {
+			return String::new();
+		}
+
+		let mut outline_svg = String::new();
+		outline_subpath.to_svg(&mut outline_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+		let bezier_svg = self.get_bezier_path();
+
+		wrap_svg_tag(format!("{bezier_svg}{outline_svg}"))
+	}
+
+	pub fn arcs(&self, error: f64, max_iterations: usize, maximize_arcs: WasmMaximizeArcs) -> String {
+		let original_curve_svg = self.get_bezier_path();
+
+		// Get sectors
+		let strategy = convert_wasm_maximize_arcs(maximize_arcs);
+		let options = ArcsOptions { error, max_iterations, strategy };
+		let arcs_svg = self
+			.0
+			.arcs(options)
+			.iter()
+			.enumerate()
+			.map(|(idx, sector)| {
+				draw_sector(
+					sector.center,
+					sector.radius,
+					-sector.start_angle,
+					-sector.end_angle,
+					format!("hsl({}, 100%, 50%, 75%)", (40 * idx)).as_str(),
+					1.,
+					format!("hsl({}, 100%, 50%, 37.5%)", (40 * idx)).as_str(),
+				)
+			})
+			.fold(original_curve_svg, |acc, item| format!("{acc}{item}"));
+		wrap_svg_tag(arcs_svg)
+	}
+
+	pub fn join(&self, js_points: &JsValue) -> String {
+		let array = js_points.to_owned().dyn_into::<Array>().unwrap();
+		let other_bezier: Bezier = match self.0.get_points().count() {
+			2 => {
+				let point1 = parse_point(&array.get(0));
+				let point2 = parse_point(&array.get(1));
+				Bezier::from_linear_dvec2(point1, point2)
+			}
+			3 => {
+				let point1 = parse_point(&array.get(0));
+				let point2 = parse_point(&array.get(1));
+				let point3 = parse_point(&array.get(2));
+				Bezier::from_quadratic_dvec2(point1, point2, point3)
+			}
+			4 => {
+				let point1 = parse_point(&array.get(0));
+				let point2 = parse_point(&array.get(1));
+				let point3 = parse_point(&array.get(2));
+				let point4 = parse_point(&array.get(3));
+				Bezier::from_cubic_dvec2(point1, point2, point3, point4)
+			}
+			_ => unreachable!(),
+		};
+
+		let mut other_bezier_svg = String::new();
+		other_bezier.to_svg(
+			&mut other_bezier_svg,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, GRAY),
+			ANCHOR_ATTRIBUTES.to_string().replace(BLACK, GRAY),
+			String::new(),
+			String::new(),
+		);
+
+		let joining_bezier: Bezier = self.0.join(&other_bezier);
+		let mut joining_bezier_svg = String::new();
+		joining_bezier.to_svg(
+			&mut joining_bezier_svg,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, RED),
+			ANCHOR_ATTRIBUTES.to_string().replace(BLACK, RED),
+			String::new(),
+			String::new(),
+		);
+
+		let bezier_svg = self.get_bezier_path();
+		wrap_svg_tag(format!("{bezier_svg}{joining_bezier_svg}{other_bezier_svg}"))
+	}
+}
diff --git a/website/other/bezier-rs-demos/wasm/src/lib.rs b/website/other/bezier-rs-demos/wasm/src/lib.rs
new file mode 100644
index 0000000000000000000000000000000000000000..9dff90b260c652938660140571d416a6d360410e
--- /dev/null
+++ b/website/other/bezier-rs-demos/wasm/src/lib.rs
@@ -0,0 +1,71 @@
+pub mod bezier;
+pub mod subpath;
+mod svg_drawing;
+mod utils;
+
+use wasm_bindgen::prelude::*;
+
+#[cfg(feature = "logging")]
+pub static LOGGER: WasmLog = WasmLog;
+#[cfg(feature = "logging")]
+thread_local! { pub static HAS_CRASHED: std::cell::RefCell<bool> = const { std::cell::RefCell::new(false) } }
+
+/// Initialize the backend
+#[wasm_bindgen(start)]
+pub fn init() {
+	#[cfg(feature = "logging")]
+	{
+		// Set up the logger with a default level of debug
+		log::set_logger(&LOGGER).expect("Failed to set logger");
+		log::set_max_level(log::LevelFilter::Trace);
+
+		fn panic_hook(info: &std::panic::PanicHookInfo<'_>) {
+			// Skip if we have already panicked
+			if HAS_CRASHED.with(|cell| cell.replace(true)) {
+				return;
+			}
+			log::error!("{}", info);
+		}
+
+		std::panic::set_hook(Box::new(panic_hook));
+	}
+}
+
+/// Logging to the JS console
+#[cfg(feature = "logging")]
+#[wasm_bindgen]
+extern "C" {
+	#[wasm_bindgen(js_namespace = console)]
+	fn log(msg: &str, format: &str);
+	#[wasm_bindgen(js_namespace = console)]
+	fn info(msg: &str, format: &str);
+	#[wasm_bindgen(js_namespace = console)]
+	fn warn(msg: &str, format: &str);
+	#[wasm_bindgen(js_namespace = console)]
+	fn error(msg: &str, format: &str);
+}
+
+#[cfg(feature = "logging")]
+#[derive(Default)]
+pub struct WasmLog;
+
+#[cfg(feature = "logging")]
+impl log::Log for WasmLog {
+	fn enabled(&self, metadata: &log::Metadata) -> bool {
+		metadata.level() <= log::Level::Info
+	}
+
+	fn log(&self, record: &log::Record) {
+		let (log, name, color): (fn(&str, &str), &str, &str) = match record.level() {
+			log::Level::Trace => (log, "trace", "color:plum"),
+			log::Level::Debug => (log, "debug", "color:cyan"),
+			log::Level::Warn => (warn, "warn", "color:goldenrod"),
+			log::Level::Info => (info, "info", "color:mediumseagreen"),
+			log::Level::Error => (error, "error", "color:red"),
+		};
+		let msg = &format!("%c{}\t{}", name, record.args());
+		log(msg, color)
+	}
+
+	fn flush(&self) {}
+}
diff --git a/website/other/bezier-rs-demos/wasm/src/subpath.rs b/website/other/bezier-rs-demos/wasm/src/subpath.rs
new file mode 100644
index 0000000000000000000000000000000000000000..54f87c6c430841fb017193a9f4380d78ba3d9cdb
--- /dev/null
+++ b/website/other/bezier-rs-demos/wasm/src/subpath.rs
@@ -0,0 +1,585 @@
+use crate::svg_drawing::*;
+use crate::utils::{parse_cap, parse_join, parse_point};
+use bezier_rs::{Bezier, ManipulatorGroup, Subpath, SubpathTValue, TValueType};
+use glam::DVec2;
+use js_sys::Array;
+use js_sys::Math;
+use std::fmt::Write;
+use wasm_bindgen::prelude::*;
+use wasm_bindgen::{JsCast, JsValue};
+
+#[derive(Clone, PartialEq, Hash)]
+pub(crate) struct EmptyId;
+
+impl bezier_rs::Identifier for EmptyId {
+	fn new() -> Self {
+		Self
+	}
+}
+
+/// Wrapper of the `Subpath` struct to be used in JS.
+#[wasm_bindgen]
+pub struct WasmSubpath(Subpath<EmptyId>);
+
+const SCALE_UNIT_VECTOR_FACTOR: f64 = 50.;
+
+fn parse_t_variant(t_variant: &String, t: f64) -> SubpathTValue {
+	match t_variant.as_str() {
+		"GlobalParametric" => SubpathTValue::GlobalParametric(t),
+		"GlobalEuclidean" => SubpathTValue::GlobalEuclidean(t),
+		_ => panic!("Unexpected TValue string: '{t_variant}'"),
+	}
+}
+
+#[wasm_bindgen]
+impl WasmSubpath {
+	/// Expects js_points to be an unbounded list of triples, where each item is a tuple of floats.
+	/// The input TypeScript type is: (number[] | undefined)[][]
+	pub fn from_triples(js_points: JsValue, closed: bool) -> WasmSubpath {
+		let point_triples = js_points
+			.dyn_into::<Array>()
+			.unwrap()
+			.iter()
+			.map(|manipulator_group| {
+				let triple = manipulator_group.dyn_into::<Array>().unwrap();
+				let anchor = parse_point(&triple.get(0));
+				let in_handle = if triple.get(1).is_falsy() { None } else { Some(parse_point(&triple.get(1))) };
+				let out_handle = if triple.get(2).is_falsy() { None } else { Some(parse_point(&triple.get(2))) };
+				[Some(anchor), in_handle, out_handle]
+			})
+			.collect::<Vec<_>>();
+
+		let manipulator_groups = point_triples
+			.into_iter()
+			.map(|point_triple| ManipulatorGroup {
+				anchor: point_triple[0].unwrap(),
+				in_handle: point_triple[1],
+				out_handle: point_triple[2],
+				id: EmptyId,
+			})
+			.collect();
+		WasmSubpath(Subpath::new(manipulator_groups, closed))
+	}
+
+	pub fn set_anchor(&mut self, index: usize, x: f64, y: f64) {
+		self.0[index].anchor = DVec2::new(x, y);
+	}
+
+	pub fn set_in_handle(&mut self, index: usize, x: f64, y: f64) {
+		self.0[index].in_handle = Some(DVec2::new(x, y));
+	}
+
+	pub fn set_out_handle(&mut self, index: usize, x: f64, y: f64) {
+		self.0[index].out_handle = Some(DVec2::new(x, y));
+	}
+
+	pub fn to_svg(&self) -> String {
+		format!("{}{}{}", SVG_OPEN_TAG, self.to_default_svg(), SVG_CLOSE_TAG)
+	}
+
+	fn to_default_svg(&self) -> String {
+		let mut subpath_svg = String::new();
+		self.0.to_svg(
+			&mut subpath_svg,
+			CURVE_ATTRIBUTES.to_string(),
+			ANCHOR_ATTRIBUTES.to_string(),
+			HANDLE_ATTRIBUTES.to_string(),
+			HANDLE_LINE_ATTRIBUTES.to_string(),
+		);
+		subpath_svg
+	}
+
+	fn to_filled_svg(&self) -> String {
+		let mut subpath_svg = String::new();
+		self.0.to_svg(
+			&mut subpath_svg,
+			CURVE_FILLED_ATTRIBUTES.to_string(),
+			ANCHOR_ATTRIBUTES.to_string(),
+			HANDLE_ATTRIBUTES.to_string(),
+			HANDLE_LINE_ATTRIBUTES.to_string(),
+		);
+		subpath_svg
+	}
+
+	pub fn insert(&self, t: f64, t_variant: String) -> String {
+		let mut subpath = self.0.clone();
+		let t = parse_t_variant(&t_variant, t);
+
+		subpath.insert(t);
+		let point = self.0.evaluate(t);
+
+		let point_text = draw_circle(point, 4., RED, 1.5, WHITE);
+		wrap_svg_tag(format!("{}{}", WasmSubpath(subpath).to_default_svg(), point_text))
+	}
+
+	pub fn length(&self) -> String {
+		let length_text = draw_text(format!("Length: {:.2}", self.0.length(None)), 5., 193., BLACK);
+		wrap_svg_tag(format!("{}{}", self.to_default_svg(), length_text))
+	}
+
+	pub fn length_centroid(&self) -> String {
+		let centroid = self.0.length_centroid(None, true).unwrap();
+		let point_text = draw_circle(centroid, 4., RED, 1.5, WHITE);
+		wrap_svg_tag(format!("{}{}", self.to_default_svg(), point_text))
+	}
+
+	pub fn area(&self, error: f64, minimum_separation: f64) -> String {
+		let area_text = draw_text(format!("Area: {}", self.0.area(Some(error), Some(minimum_separation))), 5., 193., BLACK);
+		wrap_svg_tag(format!("{}{}", self.to_filled_svg(), area_text))
+	}
+
+	pub fn area_centroid(&self, error: f64, minimum_separation: f64) -> String {
+		let point_text = draw_circle(self.0.area_centroid(Some(error), Some(minimum_separation), None).unwrap(), 4., RED, 1.5, WHITE);
+		wrap_svg_tag(format!("{}{}", self.to_filled_svg(), point_text))
+	}
+
+	pub fn poisson_disk_points(&self, separation_disk_diameter: f64) -> String {
+		let r = separation_disk_diameter / 2.;
+
+		let subpath_svg = self.to_default_svg();
+		let points = self
+			.0
+			.poisson_disk_points(separation_disk_diameter, Math::random, &[(self.0.clone(), self.0.bounding_box().unwrap())], 0);
+
+		let points_style = format!("<style class=\"poisson\">style.poisson ~ circle {{ fill: {RED}; opacity: 0.25; }}</style>");
+		let content = points
+			.iter()
+			.map(|point| format!("<circle cx=\"{}\" cy=\"{}\" r=\"{r}\" />", point.x, point.y))
+			.collect::<Vec<_>>()
+			.join("");
+		wrap_svg_tag(format!("{subpath_svg}{points_style}{content}"))
+	}
+
+	pub fn evaluate(&self, t: f64, t_variant: String) -> String {
+		let t = parse_t_variant(&t_variant, t);
+		let point = self.0.evaluate(t);
+
+		let point_text = draw_circle(point, 4., RED, 1.5, WHITE);
+		wrap_svg_tag(format!("{}{}", self.to_default_svg(), point_text))
+	}
+
+	pub fn compute_lookup_table(&self, steps: usize, t_variant: String) -> String {
+		let subpath = self.to_default_svg();
+		let tvalue_type = match t_variant.as_str() {
+			"GlobalParametric" => TValueType::Parametric,
+			"GlobalEuclidean" => TValueType::Euclidean,
+			_ => panic!("Unexpected TValue string: '{t_variant}'"),
+		};
+		let table_values: Vec<DVec2> = self.0.compute_lookup_table(Some(steps), Some(tvalue_type));
+		let circles: String = table_values
+			.iter()
+			.map(|point| draw_circle(*point, 3., RED, 1.5, WHITE))
+			.fold("".to_string(), |acc, circle| acc + &circle);
+		let content = format!("{subpath}{circles}");
+		wrap_svg_tag(content)
+	}
+
+	pub fn tangent(&self, t: f64, t_variant: String) -> String {
+		let t = parse_t_variant(&t_variant, t);
+
+		let intersection_point = self.0.evaluate(t);
+		let tangent_point = self.0.tangent(t);
+		let tangent_end = intersection_point + tangent_point * SCALE_UNIT_VECTOR_FACTOR;
+
+		let point_text = draw_circle(intersection_point, 4., RED, 1.5, WHITE);
+		let line_text = draw_line(intersection_point.x, intersection_point.y, tangent_end.x, tangent_end.y, RED, 1.);
+		let tangent_end_point = draw_circle(tangent_end, 3., RED, 1., WHITE);
+		wrap_svg_tag(format!("{}{}{}{}", self.to_default_svg(), point_text, line_text, tangent_end_point))
+	}
+
+	pub fn normal(&self, t: f64, t_variant: String) -> String {
+		let t = parse_t_variant(&t_variant, t);
+
+		let intersection_point = self.0.evaluate(t);
+		let normal_point = self.0.normal(t);
+		let normal_end = intersection_point + normal_point * SCALE_UNIT_VECTOR_FACTOR;
+
+		let point_text = draw_circle(intersection_point, 4., RED, 1.5, WHITE);
+		let line_text = draw_line(intersection_point.x, intersection_point.y, normal_end.x, normal_end.y, RED, 1.);
+		let normal_end_point = draw_circle(normal_end, 3., RED, 1., WHITE);
+		wrap_svg_tag(format!("{}{}{}{}", self.to_default_svg(), point_text, line_text, normal_end_point))
+	}
+
+	pub fn local_extrema(&self) -> String {
+		let local_extrema: [Vec<f64>; 2] = self.0.local_extrema();
+
+		let bezier = self.to_default_svg();
+		let circles: String = local_extrema
+			.iter()
+			.zip([RED, GREEN])
+			.flat_map(|(t_value_list, color)| {
+				t_value_list.iter().map(|&t_value| {
+					let point = self.0.evaluate(SubpathTValue::GlobalParametric(t_value));
+					draw_circle(point, 3., color, 1.5, WHITE)
+				})
+			})
+			.fold("".to_string(), |acc, circle| acc + &circle);
+
+		let content = format!(
+			"{bezier}{circles}{}{}",
+			draw_text("X extrema".to_string(), TEXT_OFFSET_X, TEXT_OFFSET_Y - 20., RED),
+			draw_text("Y extrema".to_string(), TEXT_OFFSET_X, TEXT_OFFSET_Y, GREEN),
+		);
+		wrap_svg_tag(content)
+	}
+
+	pub fn bounding_box(&self) -> String {
+		let subpath_svg = self.to_default_svg();
+		let bounding_box = self.0.bounding_box();
+		match bounding_box {
+			None => wrap_svg_tag(subpath_svg),
+			Some(bounding_box) => {
+				let content = format!(
+					"{subpath_svg}<rect x={} y={} width=\"{}\" height=\"{}\" style=\"fill:{NONE};stroke:{RED};stroke-width:1\" />",
+					bounding_box[0].x,
+					bounding_box[0].y,
+					bounding_box[1].x - bounding_box[0].x,
+					bounding_box[1].y - bounding_box[0].y,
+				);
+				wrap_svg_tag(content)
+			}
+		}
+	}
+
+	pub fn inflections(&self) -> String {
+		let inflections: Vec<f64> = self.0.inflections();
+
+		let bezier = self.to_default_svg();
+		let circles: String = inflections
+			.iter()
+			.map(|&t_value| {
+				let point = self.0.evaluate(SubpathTValue::GlobalParametric(t_value));
+				draw_circle(point, 3., RED, 1.5, WHITE)
+			})
+			.fold("".to_string(), |acc, circle| acc + &circle);
+		let content = format!("{bezier}{circles}");
+		wrap_svg_tag(content)
+	}
+
+	pub fn rotate(&self, angle: f64, pivot_x: f64, pivot_y: f64) -> String {
+		let subpath_svg = self.to_default_svg();
+		let rotated_subpath = self.0.rotate_about_point(angle, DVec2::new(pivot_x, pivot_y));
+		let mut rotated_subpath_svg = String::new();
+		rotated_subpath.to_svg(&mut rotated_subpath_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+		let pivot = draw_circle(DVec2::new(pivot_x, pivot_y), 3., GRAY, 1.5, WHITE);
+
+		// Line between pivot and start point on curve
+		let original_dashed_line = format!(
+			r#"<line x1="{pivot_x}" y1="{pivot_y}" x2="{}" y2="{}" stroke="{ORANGE}" stroke-dasharray="0, 4" stroke-width="2" stroke-linecap="round"/>"#,
+			self.0.iter().next().unwrap().start().x,
+			self.0.iter().next().unwrap().start().y
+		);
+		let rotated_dashed_line = format!(
+			r#"<line x1="{pivot_x}" y1="{pivot_y}" x2="{}" y2="{}" stroke="{ORANGE}" stroke-dasharray="0, 4" stroke-width="2" stroke-linecap="round"/>"#,
+			rotated_subpath.iter().next().unwrap().start().x,
+			rotated_subpath.iter().next().unwrap().start().y
+		);
+
+		wrap_svg_tag(format!("{subpath_svg}{rotated_subpath_svg}{pivot}{original_dashed_line}{rotated_dashed_line}"))
+	}
+
+	pub fn project(&self, x: f64, y: f64) -> String {
+		let (segment_index, projected_t) = self.0.project(DVec2::new(x, y)).unwrap();
+		let projected_point = self.0.evaluate(SubpathTValue::Parametric { segment_index, t: projected_t });
+
+		let subpath_svg = self.to_default_svg();
+		let content = format!("{subpath_svg}{}", draw_line(projected_point.x, projected_point.y, x, y, RED, 1.),);
+		wrap_svg_tag(content)
+	}
+
+	pub fn intersect_line_segment(&self, js_points: JsValue, error: f64, minimum_separation: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let line = Bezier::from_linear_dvec2(point1, point2);
+
+		let subpath_svg = self.to_default_svg();
+
+		let empty_string = String::new();
+		let mut line_svg = String::new();
+		line.to_svg(
+			&mut line_svg,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, RED),
+			empty_string.clone(),
+			empty_string.clone(),
+			empty_string,
+		);
+
+		let intersections_svg = self
+			.0
+			.intersections(&line, Some(error), Some(minimum_separation))
+			.iter()
+			.map(|(segment_index, intersection_t)| {
+				let point = self.0.evaluate(SubpathTValue::Parametric {
+					segment_index: *segment_index,
+					t: *intersection_t,
+				});
+				draw_circle(point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+
+		wrap_svg_tag(format!("{subpath_svg}{line_svg}{intersections_svg}"))
+	}
+
+	pub fn intersect_quadratic_segment(&self, js_points: JsValue, error: f64, minimum_separation: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let point3 = parse_point(&array.get(2));
+		let line = Bezier::from_quadratic_dvec2(point1, point2, point3);
+
+		let subpath_svg = self.to_default_svg();
+
+		let empty_string = String::new();
+		let mut line_svg = String::new();
+		line.to_svg(
+			&mut line_svg,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, RED),
+			empty_string.clone(),
+			empty_string.clone(),
+			empty_string,
+		);
+
+		let intersections_svg = self
+			.0
+			.intersections(&line, Some(error), Some(minimum_separation))
+			.iter()
+			.map(|(segment_index, intersection_t)| {
+				let point = self.0.evaluate(SubpathTValue::Parametric {
+					segment_index: *segment_index,
+					t: *intersection_t,
+				});
+				draw_circle(point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+
+		wrap_svg_tag(format!("{subpath_svg}{line_svg}{intersections_svg}"))
+	}
+
+	pub fn intersect_cubic_segment(&self, js_points: JsValue, error: f64, minimum_separation: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+		let point3 = parse_point(&array.get(2));
+		let point4 = parse_point(&array.get(3));
+		let line = Bezier::from_cubic_dvec2(point1, point2, point3, point4);
+
+		let subpath_svg = self.to_default_svg();
+
+		let empty_string = String::new();
+		let mut line_svg = String::new();
+		line.to_svg(
+			&mut line_svg,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, RED),
+			empty_string.clone(),
+			empty_string.clone(),
+			empty_string,
+		);
+
+		let intersections_svg = self
+			.0
+			.intersections(&line, Some(error), Some(minimum_separation))
+			.iter()
+			.map(|(segment_index, intersection_t)| {
+				let point = self.0.evaluate(SubpathTValue::Parametric {
+					segment_index: *segment_index,
+					t: *intersection_t,
+				});
+				draw_circle(point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+
+		wrap_svg_tag(format!("{subpath_svg}{line_svg}{intersections_svg}"))
+	}
+
+	pub fn self_intersections(&self, error: f64, minimum_separation: f64) -> String {
+		let subpath_svg = self.to_default_svg();
+		let self_intersections_svg = self
+			.0
+			.self_intersections(Some(error), Some(minimum_separation))
+			.iter()
+			.map(|(segment_index, intersection_t)| {
+				let point = self.0.evaluate(SubpathTValue::Parametric {
+					segment_index: *segment_index,
+					t: *intersection_t,
+				});
+				draw_circle(point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+
+		wrap_svg_tag(format!("{subpath_svg}{self_intersections_svg}"))
+	}
+
+	pub fn intersect_rectangle(&self, js_points: JsValue, error: f64, minimum_separation: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let point1 = parse_point(&array.get(0));
+		let point2 = parse_point(&array.get(1));
+
+		let subpath_svg = self.to_default_svg();
+
+		let mut rectangle_svg = String::new();
+		[
+			Bezier::from_linear_coordinates(point1.x, point1.y, point2.x, point1.y),
+			Bezier::from_linear_coordinates(point2.x, point1.y, point2.x, point2.y),
+			Bezier::from_linear_coordinates(point2.x, point2.y, point1.x, point2.y),
+			Bezier::from_linear_coordinates(point1.x, point2.y, point1.x, point1.y),
+		]
+		.iter()
+		.for_each(|line| line.to_svg(&mut rectangle_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new()));
+
+		let intersections_svg = self
+			.0
+			.rectangle_intersections(point1, point2, Some(error), Some(minimum_separation))
+			.iter()
+			.map(|(segment_index, intersection_t)| {
+				let point = self.0.evaluate(SubpathTValue::Parametric {
+					segment_index: *segment_index,
+					t: *intersection_t,
+				});
+				draw_circle(point, 4., RED, 1.5, WHITE)
+			})
+			.fold(String::new(), |acc, item| format!("{acc}{item}"));
+
+		wrap_svg_tag(format!("{subpath_svg}{rectangle_svg}{intersections_svg}"))
+	}
+
+	pub fn inside_subpath(&self, js_points: JsValue, error: f64, minimum_separation: f64) -> String {
+		let array = js_points.dyn_into::<Array>().unwrap();
+		let points = array.iter().map(|p| parse_point(&p));
+		let other = Subpath::<EmptyId>::from_anchors(points, true);
+
+		let is_inside = self.0.is_inside_subpath(&other, Some(error), Some(minimum_separation));
+		let color = if is_inside { RED } else { BLACK };
+
+		let self_svg = self.to_default_svg();
+		let mut other_svg = String::new();
+		other.curve_to_svg(&mut other_svg, CURVE_ATTRIBUTES.replace(BLACK, color));
+
+		wrap_svg_tag(format!("{self_svg}{other_svg}"))
+	}
+
+	pub fn curvature(&self, t: f64, t_variant: String) -> String {
+		let subpath = self.to_default_svg();
+		let t = parse_t_variant(&t_variant, t);
+
+		let intersection_point = self.0.evaluate(t);
+		let normal_point = self.0.normal(t);
+		let curvature = self.0.curvature(t);
+		let content = if curvature.abs() < 0.000001 {
+			// Linear curve segment: the radius is infinite so we don't draw it
+			format!("{subpath}{}", draw_circle(intersection_point, 3., RED, 1., WHITE))
+		} else {
+			let radius = 1. / curvature;
+			let curvature_center = intersection_point + normal_point * radius;
+
+			format!(
+				"{subpath}{}{}{}{}",
+				draw_circle(curvature_center, radius.abs(), RED, 1., NONE),
+				draw_line(intersection_point.x, intersection_point.y, curvature_center.x, curvature_center.y, RED, 1.),
+				draw_circle(intersection_point, 3., RED, 1., WHITE),
+				draw_circle(curvature_center, 3., RED, 1., WHITE),
+			)
+		};
+		wrap_svg_tag(content)
+	}
+
+	pub fn split(&self, t: f64, t_variant: String) -> String {
+		let t = parse_t_variant(&t_variant, t);
+		let (main_subpath, optional_subpath) = self.0.split(t);
+
+		let mut main_subpath_svg = String::new();
+		let mut other_subpath_svg = String::new();
+		if optional_subpath.is_some() {
+			main_subpath.to_svg(
+				&mut main_subpath_svg,
+				CURVE_ATTRIBUTES.to_string().replace(BLACK, ORANGE).replace("stroke-width=\"2\"", "stroke-width=\"8\"") + " opacity=\"0.5\"",
+				ANCHOR_ATTRIBUTES.to_string().replace(BLACK, ORANGE),
+				HANDLE_ATTRIBUTES.to_string().replace(GRAY, ORANGE),
+				HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, ORANGE),
+			);
+		} else {
+			main_subpath.iter().enumerate().for_each(|(index, bezier)| {
+				let hue1 = &format!("hsla({}, 100%, 50%, 0.5)", 40 * index);
+				let hue2 = &format!("hsla({}, 100%, 50%, 0.5)", 40 * (index + 1));
+				let gradient_id = &format!("gradient{index}");
+				let start = bezier.start();
+				let end = bezier.end();
+				let _ = write!(
+					main_subpath_svg,
+					r#"<defs><linearGradient id="{}" x1="{}%" y1="{}%" x2="{}%" y2="{}%"><stop offset="0%" stop-color="{}"/><stop offset="100%" stop-color="{}"/></linearGradient></defs>"#,
+					gradient_id,
+					start.x / 2.,
+					start.y / 2.,
+					end.x / 2.,
+					end.y / 2.,
+					hue1,
+					hue2
+				);
+
+				let stroke = &format!("url(#{gradient_id})");
+				bezier.curve_to_svg(
+					&mut main_subpath_svg,
+					CURVE_ATTRIBUTES.to_string().replace(BLACK, stroke).replace("stroke-width=\"2\"", "stroke-width=\"8\""),
+				);
+				bezier.anchors_to_svg(&mut main_subpath_svg, ANCHOR_ATTRIBUTES.to_string().replace(BLACK, hue1));
+				bezier.handles_to_svg(&mut main_subpath_svg, HANDLE_ATTRIBUTES.to_string().replace(GRAY, hue1));
+				bezier.handle_lines_to_svg(&mut main_subpath_svg, HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, hue1));
+			});
+		}
+
+		if let Some(subpath) = optional_subpath {
+			subpath.to_svg(
+				&mut other_subpath_svg,
+				CURVE_ATTRIBUTES.to_string().replace(BLACK, RED).replace("stroke-width=\"2\"", "stroke-width=\"8\"") + " opacity=\"0.5\"",
+				ANCHOR_ATTRIBUTES.to_string().replace(BLACK, RED),
+				HANDLE_ATTRIBUTES.to_string().replace(GRAY, RED),
+				HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, RED),
+			);
+		}
+
+		wrap_svg_tag(format!("{}{}{}", self.to_default_svg(), main_subpath_svg, other_subpath_svg))
+	}
+
+	pub fn trim(&self, t1: f64, t2: f64, t_variant: String) -> String {
+		let t1 = parse_t_variant(&t_variant, t1);
+		let t2 = parse_t_variant(&t_variant, t2);
+		let trimmed_subpath = self.0.trim(t1, t2);
+
+		let mut trimmed_subpath_svg = String::new();
+		trimmed_subpath.to_svg(
+			&mut trimmed_subpath_svg,
+			CURVE_ATTRIBUTES.to_string().replace(BLACK, RED).replace("stroke-width=\"2\"", "stroke-width=\"8\"") + " opacity=\"0.5\"",
+			ANCHOR_ATTRIBUTES.to_string().replace(BLACK, RED),
+			HANDLE_ATTRIBUTES.to_string().replace(GRAY, RED),
+			HANDLE_LINE_ATTRIBUTES.to_string().replace(GRAY, RED),
+		);
+
+		wrap_svg_tag(format!("{}{}", self.to_default_svg(), trimmed_subpath_svg))
+	}
+
+	pub fn offset(&self, distance: f64, join: i32, miter_limit: f64) -> String {
+		let join = parse_join(join, miter_limit);
+		let offset_subpath = self.0.offset(distance, join);
+
+		let mut offset_svg = String::new();
+		offset_subpath.to_svg(&mut offset_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+
+		wrap_svg_tag(format!("{}{offset_svg}", self.to_default_svg()))
+	}
+
+	pub fn outline(&self, distance: f64, join: i32, cap: i32, miter_limit: f64) -> String {
+		let join = parse_join(join, miter_limit);
+		let cap = parse_cap(cap);
+		let (outline_piece1, outline_piece2) = self.0.outline(distance, join, cap);
+
+		let mut outline_piece1_svg = String::new();
+		outline_piece1.to_svg(&mut outline_piece1_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+
+		let mut outline_piece2_svg = String::new();
+		if let Some(outline) = outline_piece2 {
+			outline.to_svg(&mut outline_piece2_svg, CURVE_ATTRIBUTES.to_string().replace(BLACK, RED), String::new(), String::new(), String::new());
+		}
+
+		wrap_svg_tag(format!("{}{outline_piece1_svg}{outline_piece2_svg}", self.to_default_svg()))
+	}
+}
diff --git a/website/other/bezier-rs-demos/wasm/src/svg_drawing.rs b/website/other/bezier-rs-demos/wasm/src/svg_drawing.rs
new file mode 100644
index 0000000000000000000000000000000000000000..a54c8403b4fd29e3cf1f7c80ecbd4de6a0c5ba42
--- /dev/null
+++ b/website/other/bezier-rs-demos/wasm/src/svg_drawing.rs
@@ -0,0 +1,69 @@
+use glam::DVec2;
+
+// SVG drawing constants
+pub const SVG_OPEN_TAG: &str = r#"<svg xmlns="http://www.w3.org/2000/svg" width="250px" height="200px">"#;
+pub const SVG_CLOSE_TAG: &str = "</svg>";
+
+// Stylistic constants
+pub const BLACK: &str = "black";
+pub const WHITE: &str = "white";
+pub const GRAY: &str = "gray";
+pub const RED: &str = "red";
+pub const ORANGE: &str = "orange";
+// pub const PINK: &str = "pink";
+pub const GREEN: &str = "green";
+pub const NONE: &str = "none";
+
+// Default attributes
+pub const CURVE_ATTRIBUTES: &str = "stroke=\"black\" stroke-width=\"2\" fill=\"none\"";
+pub const CURVE_FILLED_ATTRIBUTES: &str = "stroke=\"black\" stroke-width=\"2\" fill=\"lightgray\"";
+pub const HANDLE_LINE_ATTRIBUTES: &str = "stroke=\"gray\" stroke-width=\"1\" fill=\"none\"";
+pub const ANCHOR_ATTRIBUTES: &str = "r=\"4\" stroke=\"black\" stroke-width=\"2\" fill=\"white\"";
+pub const HANDLE_ATTRIBUTES: &str = "r=\"3\" stroke=\"gray\" stroke-width=\"1.5\" fill=\"white\"";
+
+// Text constants
+pub const TEXT_OFFSET_X: f64 = 5.;
+pub const TEXT_OFFSET_Y: f64 = 193.;
+
+pub fn wrap_svg_tag(contents: String) -> String {
+	format!("{SVG_OPEN_TAG}{contents}{SVG_CLOSE_TAG}")
+}
+
+/// Helper function to create an SVG text entity.
+pub fn draw_text(text: String, x_pos: f64, y_pos: f64, fill: &str) -> String {
+	format!(r#"<text x="{x_pos}" y="{y_pos}" fill="{fill}" font-family="monospace">{text}</text>"#)
+}
+
+/// Helper function to create an SVG circle entity.
+pub fn draw_circle(position: DVec2, radius: f64, stroke: &str, stroke_width: f64, fill: &str) -> String {
+	format!(
+		r#"<circle cx="{}" cy="{}" r="{radius}" stroke="{stroke}" stroke-width="{stroke_width}" fill="{fill}"/>"#,
+		position.x, position.y
+	)
+}
+
+/// Helper function to create an SVG circle entity.
+pub fn draw_line(start_x: f64, start_y: f64, end_x: f64, end_y: f64, stroke: &str, stroke_width: f64) -> String {
+	format!(r#"<line x1="{start_x}" y1="{start_y}" x2="{end_x}" y2="{end_y}" stroke="{stroke}" stroke-width="{stroke_width}"/>"#)
+}
+
+// Helper function to convert polar to cartesian coordinates
+fn polar_to_cartesian(center_x: f64, center_y: f64, radius: f64, angle_in_rad: f64) -> [f64; 2] {
+	let x = center_x + radius * angle_in_rad.cos();
+	let y = center_y + radius * -angle_in_rad.sin();
+	[x, y]
+}
+
+// Helper function to create an SVG drawing of a sector
+pub fn draw_sector(center: DVec2, radius: f64, start_angle: f64, end_angle: f64, stroke: &str, stroke_width: f64, fill: &str) -> String {
+	let [start_x, start_y] = polar_to_cartesian(center.x, center.y, radius, start_angle);
+	let [end_x, end_y] = polar_to_cartesian(center.x, center.y, radius, end_angle);
+	// draw sector with fill color
+	let sector_svg = format!(
+		r#"<path d="M {start_x} {start_y} A {radius} {radius} 0 0 1 {end_x} {end_y} L {} {} L {start_x} {start_y} Z" stroke="none" fill="{fill}" />"#,
+		center.x, center.y
+	);
+	// draw arc with stroke color
+	let arc_svg = format!(r#"<path d="M {start_x} {start_y} A {radius} {radius} 0 0 1 {end_x} {end_y}" stroke="{stroke}" stroke-width="{stroke_width}" fill="none"/>"#);
+	format!("{sector_svg}{arc_svg}")
+}
diff --git a/website/other/bezier-rs-demos/wasm/src/utils.rs b/website/other/bezier-rs-demos/wasm/src/utils.rs
new file mode 100644
index 0000000000000000000000000000000000000000..1a33b14a1d527e7483069f501abfba69f1c28b62
--- /dev/null
+++ b/website/other/bezier-rs-demos/wasm/src/utils.rs
@@ -0,0 +1,29 @@
+use bezier_rs::{Cap, Join};
+use glam::DVec2;
+use js_sys::Array;
+use wasm_bindgen::{JsCast, JsValue};
+
+pub fn parse_join(join: i32, miter_limit: f64) -> Join {
+	match join {
+		0 => Join::Bevel,
+		1 => Join::Miter(Some(miter_limit)),
+		2 => Join::Round,
+		_ => panic!("Unexpected Join value: '{join}'"),
+	}
+}
+
+pub fn parse_cap(cap: i32) -> Cap {
+	match cap {
+		0 => Cap::Butt,
+		1 => Cap::Round,
+		2 => Cap::Square,
+		_ => panic!("Unexpected Cap value: '{cap}'"),
+	}
+}
+
+pub fn parse_point(js_point: &JsValue) -> DVec2 {
+	let point = js_point.to_owned().dyn_into::<Array>().unwrap();
+	let x = point.get(0).as_f64().unwrap();
+	let y = point.get(1).as_f64().unwrap();
+	DVec2::new(x, y)
+}
diff --git a/website/other/build.sh b/website/other/build.sh
new file mode 100644
index 0000000000000000000000000000000000000000..3ee7e7af9325352e42339444f17d559f5502f935
--- /dev/null
+++ b/website/other/build.sh
@@ -0,0 +1,34 @@
+#!/bin/sh
+set -e # Exit with nonzero exit code if any individual command fails throughout the script
+
+echo 📁 Create output directory in 'website/other/dist'
+cd website/other
+mkdir dist
+
+echo 🔧 Install the latest Rust
+curl https://sh.rustup.rs -sSf | sh -s -- -y
+export PATH=$PATH:/opt/buildhome/.cargo/bin
+rustup update stable
+echo rustc version:
+rustc --version
+
+echo 📦 Install wasm-pack
+cargo install wasm-pack
+echo wasm-pack version:
+wasm-pack --version
+
+echo 🚧 Print installed node and npm versions
+echo node version:
+node --version
+echo npm version:
+npm --version
+
+echo 👷 Build Bezier-rs demos to 'website/other/dist/libraries/bezier-rs'
+mkdir dist/libraries
+mkdir dist/libraries/bezier-rs
+cd bezier-rs-demos
+npm ci
+NODE_ENV=production npm run build
+cp ../../static/fonts/common.css dist/fonts.css
+mv dist/* ../dist/libraries/bezier-rs
+cd ..
diff --git a/website/package-lock.json b/website/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..4870c39c6ebc7d0b7cb88c35430001dab34f2c89
--- /dev/null
+++ b/website/package-lock.json
@@ -0,0 +1,3897 @@
+{
+	"name": "graphite-website",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"name": "graphite-website",
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@fontsource-variable/inter": "^5.2.5",
+				"@fontsource/bona-nova": "^5.2.5"
+			},
+			"devDependencies": {
+				"@typescript-eslint/eslint-plugin": "^8.7.0",
+				"@typescript-eslint/parser": "^8.7.0",
+				"eslint": "^9.11.1",
+				"eslint-config-prettier": "^9.1.0",
+				"eslint-import-resolver-typescript": "^3.6.3",
+				"eslint-plugin-import": "^2.30.0",
+				"eslint-plugin-prettier": "^5.2.1",
+				"prettier": "^3.3.3",
+				"sass": "1.78.0"
+			}
+		},
+		"node_modules/@emnapi/core": {
+			"version": "1.4.3",
+			"resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.4.3.tgz",
+			"integrity": "sha512-4m62DuCE07lw01soJwPiBGC0nAww0Q+RY70VZ+n49yDIO13yyinhbWCeNnaob0lakDtWQzSdtNWzJeOJt2ma+g==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"@emnapi/wasi-threads": "1.0.2",
+				"tslib": "^2.4.0"
+			}
+		},
+		"node_modules/@emnapi/runtime": {
+			"version": "1.4.3",
+			"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.3.tgz",
+			"integrity": "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"tslib": "^2.4.0"
+			}
+		},
+		"node_modules/@emnapi/wasi-threads": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.0.2.tgz",
+			"integrity": "sha512-5n3nTJblwRi8LlXkJ9eBzu+kZR8Yxcc7ubakyQTFzPMtIhFpUBRbsnc2Dv88IZDIbCDlBiWrknhB4Lsz7mg6BA==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"tslib": "^2.4.0"
+			}
+		},
+		"node_modules/@eslint-community/eslint-utils": {
+			"version": "4.7.0",
+			"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+			"integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"eslint-visitor-keys": "^3.4.3"
+			},
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+			}
+		},
+		"node_modules/@eslint-community/regexpp": {
+			"version": "4.12.1",
+			"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+			"integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+			}
+		},
+		"node_modules/@eslint/config-array": {
+			"version": "0.20.0",
+			"resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.20.0.tgz",
+			"integrity": "sha512-fxlS1kkIjx8+vy2SjuCB94q3htSNrufYTXubwiBFeaQHbH6Ipi43gFJq2zCMt6PHhImH3Xmr0NksKDvchWlpQQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@eslint/object-schema": "^2.1.6",
+				"debug": "^4.3.1",
+				"minimatch": "^3.1.2"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/config-array/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/@eslint/config-array/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/@eslint/config-helpers": {
+			"version": "0.2.2",
+			"resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.2.2.tgz",
+			"integrity": "sha512-+GPzk8PlG0sPpzdU5ZvIRMPidzAnZDl/s9L+y13iodqvb8leL53bTannOrQ/Im7UkpsmFU5Ily5U60LWixnmLg==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/core": {
+			"version": "0.14.0",
+			"resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.14.0.tgz",
+			"integrity": "sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@types/json-schema": "^7.0.15"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/eslintrc": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
+			"integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ajv": "^6.12.4",
+				"debug": "^4.3.2",
+				"espree": "^10.0.1",
+				"globals": "^14.0.0",
+				"ignore": "^5.2.0",
+				"import-fresh": "^3.2.1",
+				"js-yaml": "^4.1.0",
+				"minimatch": "^3.1.2",
+				"strip-json-comments": "^3.1.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/@eslint/eslintrc/node_modules/ignore": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+			"integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/@eslint/eslintrc/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/@eslint/js": {
+			"version": "9.27.0",
+			"resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.27.0.tgz",
+			"integrity": "sha512-G5JD9Tu5HJEu4z2Uo4aHY2sLV64B7CDMXxFzqzjl3NKd6RVzSXNoE80jk7Y0lJkTTkjiIhBAqmlYwjuBY3tvpA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://eslint.org/donate"
+			}
+		},
+		"node_modules/@eslint/object-schema": {
+			"version": "2.1.6",
+			"resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+			"integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@eslint/plugin-kit": {
+			"version": "0.3.1",
+			"resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.1.tgz",
+			"integrity": "sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@eslint/core": "^0.14.0",
+				"levn": "^0.4.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
+		"node_modules/@fontsource-variable/inter": {
+			"version": "5.2.5",
+			"resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.5.tgz",
+			"integrity": "sha512-TrWffUAFOnT8zroE9YmGybagoOgM/HjRqMQ8k9R0vVgXlnUh/vnpbGPAS/Caz1KIlOPnPGh6fvJbb7DHbFCncA==",
+			"license": "OFL-1.1",
+			"funding": {
+				"url": "https://github.com/sponsors/ayuhito"
+			}
+		},
+		"node_modules/@fontsource/bona-nova": {
+			"version": "5.2.5",
+			"resolved": "https://registry.npmjs.org/@fontsource/bona-nova/-/bona-nova-5.2.5.tgz",
+			"integrity": "sha512-r29IKSFe3ci6NenDJ1fV12OylSfplLpjKqHrJOe25PexVkhdEn+wmn9sLl/XwfVMIn/8b+O906hHvEP9XTHCTw==",
+			"license": "OFL-1.1",
+			"funding": {
+				"url": "https://github.com/sponsors/ayuhito"
+			}
+		},
+		"node_modules/@humanfs/core": {
+			"version": "0.19.1",
+			"resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+			"integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanfs/node": {
+			"version": "0.16.6",
+			"resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+			"integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"@humanfs/core": "^0.19.1",
+				"@humanwhocodes/retry": "^0.3.0"
+			},
+			"engines": {
+				"node": ">=18.18.0"
+			}
+		},
+		"node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
+			"version": "0.3.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+			"integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=18.18"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@humanwhocodes/module-importer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+			"integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=12.22"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@humanwhocodes/retry": {
+			"version": "0.4.3",
+			"resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+			"integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": ">=18.18"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/nzakas"
+			}
+		},
+		"node_modules/@napi-rs/wasm-runtime": {
+			"version": "0.2.10",
+			"resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.10.tgz",
+			"integrity": "sha512-bCsCyeZEwVErsGmyPNSzwfwFn4OdxBj0mmv6hOFucB/k81Ojdu68RbZdxYsRQUPc9l6SU5F/cG+bXgWs3oUgsQ==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"@emnapi/core": "^1.4.3",
+				"@emnapi/runtime": "^1.4.3",
+				"@tybys/wasm-util": "^0.9.0"
+			}
+		},
+		"node_modules/@nodelib/fs.scandir": {
+			"version": "2.1.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "2.0.5",
+				"run-parallel": "^1.1.9"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.stat": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nodelib/fs.walk": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.scandir": "2.1.5",
+				"fastq": "^1.6.0"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/@nolyfill/is-core-module": {
+			"version": "1.0.39",
+			"resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+			"integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.4.0"
+			}
+		},
+		"node_modules/@pkgr/core": {
+			"version": "0.1.1",
+			"resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+			"integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/unts"
+			}
+		},
+		"node_modules/@rtsao/scc": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+			"integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@tybys/wasm-util": {
+			"version": "0.9.0",
+			"resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.9.0.tgz",
+			"integrity": "sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"tslib": "^2.4.0"
+			}
+		},
+		"node_modules/@types/estree": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+			"integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/json-schema": {
+			"version": "7.0.15",
+			"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+			"integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@types/json5": {
+			"version": "0.0.29",
+			"resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+			"integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/@typescript-eslint/eslint-plugin": {
+			"version": "8.32.1",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.32.1.tgz",
+			"integrity": "sha512-6u6Plg9nP/J1GRpe/vcjjabo6Uc5YQPAMxsgQyGC/I0RuukiG1wIe3+Vtg3IrSCVJDmqK3j8adrtzXSENRtFgg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/regexpp": "^4.10.0",
+				"@typescript-eslint/scope-manager": "8.32.1",
+				"@typescript-eslint/type-utils": "8.32.1",
+				"@typescript-eslint/utils": "8.32.1",
+				"@typescript-eslint/visitor-keys": "8.32.1",
+				"graphemer": "^1.4.0",
+				"ignore": "^7.0.0",
+				"natural-compare": "^1.4.0",
+				"ts-api-utils": "^2.1.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/parser": {
+			"version": "8.32.1",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.32.1.tgz",
+			"integrity": "sha512-LKMrmwCPoLhM45Z00O1ulb6jwyVr2kr3XJp+G+tSEZcbauNnScewcQwtJqXDhXeYPDEjZ8C1SjXm015CirEmGg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/scope-manager": "8.32.1",
+				"@typescript-eslint/types": "8.32.1",
+				"@typescript-eslint/typescript-estree": "8.32.1",
+				"@typescript-eslint/visitor-keys": "8.32.1",
+				"debug": "^4.3.4"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/scope-manager": {
+			"version": "8.32.1",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.32.1.tgz",
+			"integrity": "sha512-7IsIaIDeZn7kffk7qXC3o6Z4UblZJKV3UBpkvRNpr5NSyLji7tvTcvmnMNYuYLyh26mN8W723xpo3i4MlD33vA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.32.1",
+				"@typescript-eslint/visitor-keys": "8.32.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/type-utils": {
+			"version": "8.32.1",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.32.1.tgz",
+			"integrity": "sha512-mv9YpQGA8iIsl5KyUPi+FGLm7+bA4fgXaeRcFKRDRwDMu4iwrSHeDPipwueNXhdIIZltwCJv+NkxftECbIZWfA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/typescript-estree": "8.32.1",
+				"@typescript-eslint/utils": "8.32.1",
+				"debug": "^4.3.4",
+				"ts-api-utils": "^2.1.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/types": {
+			"version": "8.32.1",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.32.1.tgz",
+			"integrity": "sha512-YmybwXUJcgGqgAp6bEsgpPXEg6dcCyPyCSr0CAAueacR/CCBi25G3V8gGQ2kRzQRBNol7VQknxMs9HvVa9Rvfg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/typescript-estree": {
+			"version": "8.32.1",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.32.1.tgz",
+			"integrity": "sha512-Y3AP9EIfYwBb4kWGb+simvPaqQoT5oJuzzj9m0i6FCY6SPvlomY2Ei4UEMm7+FXtlNJbor80ximyslzaQF6xhg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.32.1",
+				"@typescript-eslint/visitor-keys": "8.32.1",
+				"debug": "^4.3.4",
+				"fast-glob": "^3.3.2",
+				"is-glob": "^4.0.3",
+				"minimatch": "^9.0.4",
+				"semver": "^7.6.0",
+				"ts-api-utils": "^2.1.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/utils": {
+			"version": "8.32.1",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.32.1.tgz",
+			"integrity": "sha512-DsSFNIgLSrc89gpq1LJB7Hm1YpuhK086DRDJSNrewcGvYloWW1vZLHBTIvarKZDcAORIy/uWNx8Gad+4oMpkSA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.7.0",
+				"@typescript-eslint/scope-manager": "8.32.1",
+				"@typescript-eslint/types": "8.32.1",
+				"@typescript-eslint/typescript-estree": "8.32.1"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			},
+			"peerDependencies": {
+				"eslint": "^8.57.0 || ^9.0.0",
+				"typescript": ">=4.8.4 <5.9.0"
+			}
+		},
+		"node_modules/@typescript-eslint/visitor-keys": {
+			"version": "8.32.1",
+			"resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.32.1.tgz",
+			"integrity": "sha512-ar0tjQfObzhSaW3C3QNmTc5ofj0hDoNQ5XWrCy6zDyabdr0TWhCkClp+rywGNj/odAFBVzzJrK4tEq5M4Hmu4w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@typescript-eslint/types": "8.32.1",
+				"eslint-visitor-keys": "^4.2.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/typescript-eslint"
+			}
+		},
+		"node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+			"integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/@unrs/resolver-binding-darwin-arm64": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.7.2.tgz",
+			"integrity": "sha512-vxtBno4xvowwNmO/ASL0Y45TpHqmNkAaDtz4Jqb+clmcVSSl8XCG/PNFFkGsXXXS6AMjP+ja/TtNCFFa1QwLRg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-darwin-x64": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.7.2.tgz",
+			"integrity": "sha512-qhVa8ozu92C23Hsmv0BF4+5Dyyd5STT1FolV4whNgbY6mj3kA0qsrGPe35zNR3wAN7eFict3s4Rc2dDTPBTuFQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-freebsd-x64": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.7.2.tgz",
+			"integrity": "sha512-zKKdm2uMXqLFX6Ac7K5ElnnG5VIXbDlFWzg4WJ8CGUedJryM5A3cTgHuGMw1+P5ziV8CRhnSEgOnurTI4vpHpg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.7.2.tgz",
+			"integrity": "sha512-8N1z1TbPnHH+iDS/42GJ0bMPLiGK+cUqOhNbMKtWJ4oFGzqSJk/zoXFzcQkgtI63qMcUI7wW1tq2usZQSb2jxw==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.7.2.tgz",
+			"integrity": "sha512-tjYzI9LcAXR9MYd9rO45m1s0B/6bJNuZ6jeOxo1pq1K6OBuRMMmfyvJYval3s9FPPGmrldYA3mi4gWDlWuTFGA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.7.2.tgz",
+			"integrity": "sha512-jon9M7DKRLGZ9VYSkFMflvNqu9hDtOCEnO2QAryFWgT6o6AXU8du56V7YqnaLKr6rAbZBWYsYpikF226v423QA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.7.2.tgz",
+			"integrity": "sha512-c8Cg4/h+kQ63pL43wBNaVMmOjXI/X62wQmru51qjfTvI7kmCy5uHTJvK/9LrF0G8Jdx8r34d019P1DVJmhXQpA==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.7.2.tgz",
+			"integrity": "sha512-A+lcwRFyrjeJmv3JJvhz5NbcCkLQL6Mk16kHTNm6/aGNc4FwPHPE4DR9DwuCvCnVHvF5IAd9U4VIs/VvVir5lg==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.7.2.tgz",
+			"integrity": "sha512-hQQ4TJQrSQW8JlPm7tRpXN8OCNP9ez7PajJNjRD1ZTHQAy685OYqPrKjfaMw/8LiHCt8AZ74rfUVHP9vn0N69Q==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.7.2.tgz",
+			"integrity": "sha512-NoAGbiqrxtY8kVooZ24i70CjLDlUFI7nDj3I9y54U94p+3kPxwd2L692YsdLa+cqQ0VoqMWoehDFp21PKRUoIQ==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.7.2.tgz",
+			"integrity": "sha512-KaZByo8xuQZbUhhreBTW+yUnOIHUsv04P8lKjQ5otiGoSJ17ISGYArc+4vKdLEpGaLbemGzr4ZeUbYQQsLWFjA==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.7.2.tgz",
+			"integrity": "sha512-dEidzJDubxxhUCBJ/SHSMJD/9q7JkyfBMT77Px1npl4xpg9t0POLvnWywSk66BgZS/b2Hy9Y1yFaoMTFJUe9yg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-linux-x64-musl": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.7.2.tgz",
+			"integrity": "sha512-RvP+Ux3wDjmnZDT4XWFfNBRVG0fMsc+yVzNFUqOflnDfZ9OYujv6nkh+GOr+watwrW4wdp6ASfG/e7bkDradsw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-wasm32-wasi": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.7.2.tgz",
+			"integrity": "sha512-y797JBmO9IsvXVRCKDXOxjyAE4+CcZpla2GSoBQ33TVb3ILXuFnMrbR/QQZoauBYeOFuu4w3ifWLw52sdHGz6g==",
+			"cpu": [
+				"wasm32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"@napi-rs/wasm-runtime": "^0.2.9"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.7.2.tgz",
+			"integrity": "sha512-gtYTh4/VREVSLA+gHrfbWxaMO/00y+34htY7XpioBTy56YN2eBjkPrY1ML1Zys89X3RJDKVaogzwxlM1qU7egg==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.7.2.tgz",
+			"integrity": "sha512-Ywv20XHvHTDRQs12jd3MY8X5C8KLjDbg/jyaal/QLKx3fAShhJyD4blEANInsjxW3P7isHx1Blt56iUDDJO3jg==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.7.2.tgz",
+			"integrity": "sha512-friS8NEQfHaDbkThxopGk+LuE5v3iY0StruifjQEt7SLbA46OnfgMO15sOTkbpJkol6RB+1l1TYPXh0sCddpvA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/acorn": {
+			"version": "8.14.1",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+			"integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"acorn": "bin/acorn"
+			},
+			"engines": {
+				"node": ">=0.4.0"
+			}
+		},
+		"node_modules/acorn-jsx": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+			"integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+			}
+		},
+		"node_modules/ajv": {
+			"version": "6.12.6",
+			"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+			"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fast-deep-equal": "^3.1.1",
+				"fast-json-stable-stringify": "^2.0.0",
+				"json-schema-traverse": "^0.4.1",
+				"uri-js": "^4.2.2"
+			},
+			"funding": {
+				"type": "github",
+				"url": "https://github.com/sponsors/epoberezkin"
+			}
+		},
+		"node_modules/ansi-styles": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"color-convert": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/anymatch": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+			"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"normalize-path": "^3.0.0",
+				"picomatch": "^2.0.4"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/argparse": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+			"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+			"dev": true,
+			"license": "Python-2.0"
+		},
+		"node_modules/array-buffer-byte-length": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
+			"integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.5",
+				"is-array-buffer": "^3.0.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array-includes": {
+			"version": "3.1.8",
+			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+			"integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-object-atoms": "^1.0.0",
+				"get-intrinsic": "^1.2.4",
+				"is-string": "^1.0.7"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.findlastindex": {
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
+			"integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.0.0",
+				"es-shim-unscopables": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.flat": {
+			"version": "1.3.2",
+			"resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+			"integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"define-properties": "^1.2.0",
+				"es-abstract": "^1.22.1",
+				"es-shim-unscopables": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/array.prototype.flatmap": {
+			"version": "1.3.2",
+			"resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+			"integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"define-properties": "^1.2.0",
+				"es-abstract": "^1.22.1",
+				"es-shim-unscopables": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/arraybuffer.prototype.slice": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
+			"integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"array-buffer-byte-length": "^1.0.1",
+				"call-bind": "^1.0.5",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.22.3",
+				"es-errors": "^1.2.1",
+				"get-intrinsic": "^1.2.3",
+				"is-array-buffer": "^3.0.4",
+				"is-shared-array-buffer": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/available-typed-arrays": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+			"integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"possible-typed-array-names": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/balanced-match": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/binary-extensions": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+			"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/brace-expansion": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+			"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0"
+			}
+		},
+		"node_modules/braces": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+			"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fill-range": "^7.1.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/call-bind": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+			"integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-define-property": "^1.0.0",
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2",
+				"get-intrinsic": "^1.2.4",
+				"set-function-length": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/callsites": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+			"integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/chalk": {
+			"version": "4.1.2",
+			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+			"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.1.0",
+				"supports-color": "^7.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/chalk?sponsor=1"
+			}
+		},
+		"node_modules/chokidar": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+			"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"anymatch": "~3.1.2",
+				"braces": "~3.0.2",
+				"glob-parent": "~5.1.2",
+				"is-binary-path": "~2.1.0",
+				"is-glob": "~4.0.1",
+				"normalize-path": "~3.0.0",
+				"readdirp": "~3.6.0"
+			},
+			"engines": {
+				"node": ">= 8.10.0"
+			},
+			"funding": {
+				"url": "https://paulmillr.com/funding/"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/chokidar/node_modules/glob-parent": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/color-convert": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"color-name": "~1.1.4"
+			},
+			"engines": {
+				"node": ">=7.0.0"
+			}
+		},
+		"node_modules/color-name": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/concat-map": {
+			"version": "0.0.1",
+			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/cross-spawn": {
+			"version": "7.0.6",
+			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+			"integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"path-key": "^3.1.0",
+				"shebang-command": "^2.0.0",
+				"which": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/data-view-buffer": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+			"integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.6",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/data-view-byte-length": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+			"integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/data-view-byte-offset": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+			"integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.6",
+				"es-errors": "^1.3.0",
+				"is-data-view": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/debug": {
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+			"integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.3"
+			},
+			"engines": {
+				"node": ">=6.0"
+			},
+			"peerDependenciesMeta": {
+				"supports-color": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/deep-is": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+			"integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/define-data-property": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+			"integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-define-property": "^1.0.0",
+				"es-errors": "^1.3.0",
+				"gopd": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/define-properties": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+			"integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.0.1",
+				"has-property-descriptors": "^1.0.0",
+				"object-keys": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/es-abstract": {
+			"version": "1.23.3",
+			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+			"integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"array-buffer-byte-length": "^1.0.1",
+				"arraybuffer.prototype.slice": "^1.0.3",
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.7",
+				"data-view-buffer": "^1.0.1",
+				"data-view-byte-length": "^1.0.1",
+				"data-view-byte-offset": "^1.0.0",
+				"es-define-property": "^1.0.0",
+				"es-errors": "^1.3.0",
+				"es-object-atoms": "^1.0.0",
+				"es-set-tostringtag": "^2.0.3",
+				"es-to-primitive": "^1.2.1",
+				"function.prototype.name": "^1.1.6",
+				"get-intrinsic": "^1.2.4",
+				"get-symbol-description": "^1.0.2",
+				"globalthis": "^1.0.3",
+				"gopd": "^1.0.1",
+				"has-property-descriptors": "^1.0.2",
+				"has-proto": "^1.0.3",
+				"has-symbols": "^1.0.3",
+				"hasown": "^2.0.2",
+				"internal-slot": "^1.0.7",
+				"is-array-buffer": "^3.0.4",
+				"is-callable": "^1.2.7",
+				"is-data-view": "^1.0.1",
+				"is-negative-zero": "^2.0.3",
+				"is-regex": "^1.1.4",
+				"is-shared-array-buffer": "^1.0.3",
+				"is-string": "^1.0.7",
+				"is-typed-array": "^1.1.13",
+				"is-weakref": "^1.0.2",
+				"object-inspect": "^1.13.1",
+				"object-keys": "^1.1.1",
+				"object.assign": "^4.1.5",
+				"regexp.prototype.flags": "^1.5.2",
+				"safe-array-concat": "^1.1.2",
+				"safe-regex-test": "^1.0.3",
+				"string.prototype.trim": "^1.2.9",
+				"string.prototype.trimend": "^1.0.8",
+				"string.prototype.trimstart": "^1.0.8",
+				"typed-array-buffer": "^1.0.2",
+				"typed-array-byte-length": "^1.0.1",
+				"typed-array-byte-offset": "^1.0.2",
+				"typed-array-length": "^1.0.6",
+				"unbox-primitive": "^1.0.2",
+				"which-typed-array": "^1.1.15"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/es-define-property": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+			"integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-intrinsic": "^1.2.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-errors": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-object-atoms": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+			"integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-set-tostringtag": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+			"integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-intrinsic": "^1.2.4",
+				"has-tostringtag": "^1.0.2",
+				"hasown": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/es-shim-unscopables": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+			"integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"hasown": "^2.0.0"
+			}
+		},
+		"node_modules/es-to-primitive": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+			"integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-callable": "^1.1.4",
+				"is-date-object": "^1.0.1",
+				"is-symbol": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/escape-string-regexp": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+			"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/eslint": {
+			"version": "9.27.0",
+			"resolved": "https://registry.npmjs.org/eslint/-/eslint-9.27.0.tgz",
+			"integrity": "sha512-ixRawFQuMB9DZ7fjU3iGGganFDp3+45bPOdaRurcFHSXO1e/sYwUX/FtQZpLZJR6SjMoJH8hR2pPEAfDyCoU2Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@eslint-community/eslint-utils": "^4.2.0",
+				"@eslint-community/regexpp": "^4.12.1",
+				"@eslint/config-array": "^0.20.0",
+				"@eslint/config-helpers": "^0.2.1",
+				"@eslint/core": "^0.14.0",
+				"@eslint/eslintrc": "^3.3.1",
+				"@eslint/js": "9.27.0",
+				"@eslint/plugin-kit": "^0.3.1",
+				"@humanfs/node": "^0.16.6",
+				"@humanwhocodes/module-importer": "^1.0.1",
+				"@humanwhocodes/retry": "^0.4.2",
+				"@types/estree": "^1.0.6",
+				"@types/json-schema": "^7.0.15",
+				"ajv": "^6.12.4",
+				"chalk": "^4.0.0",
+				"cross-spawn": "^7.0.6",
+				"debug": "^4.3.2",
+				"escape-string-regexp": "^4.0.0",
+				"eslint-scope": "^8.3.0",
+				"eslint-visitor-keys": "^4.2.0",
+				"espree": "^10.3.0",
+				"esquery": "^1.5.0",
+				"esutils": "^2.0.2",
+				"fast-deep-equal": "^3.1.3",
+				"file-entry-cache": "^8.0.0",
+				"find-up": "^5.0.0",
+				"glob-parent": "^6.0.2",
+				"ignore": "^5.2.0",
+				"imurmurhash": "^0.1.4",
+				"is-glob": "^4.0.0",
+				"json-stable-stringify-without-jsonify": "^1.0.1",
+				"lodash.merge": "^4.6.2",
+				"minimatch": "^3.1.2",
+				"natural-compare": "^1.4.0",
+				"optionator": "^0.9.3"
+			},
+			"bin": {
+				"eslint": "bin/eslint.js"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://eslint.org/donate"
+			},
+			"peerDependencies": {
+				"jiti": "*"
+			},
+			"peerDependenciesMeta": {
+				"jiti": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-config-prettier": {
+			"version": "9.1.0",
+			"resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+			"integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"eslint-config-prettier": "bin/cli.js"
+			},
+			"peerDependencies": {
+				"eslint": ">=7.0.0"
+			}
+		},
+		"node_modules/eslint-import-resolver-node": {
+			"version": "0.3.9",
+			"resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+			"integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^3.2.7",
+				"is-core-module": "^2.13.0",
+				"resolve": "^1.22.4"
+			}
+		},
+		"node_modules/eslint-import-resolver-node/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-import-resolver-typescript": {
+			"version": "3.10.1",
+			"resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+			"integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"@nolyfill/is-core-module": "1.0.39",
+				"debug": "^4.4.0",
+				"get-tsconfig": "^4.10.0",
+				"is-bun-module": "^2.0.0",
+				"stable-hash": "^0.0.5",
+				"tinyglobby": "^0.2.13",
+				"unrs-resolver": "^1.6.2"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint-import-resolver-typescript"
+			},
+			"peerDependencies": {
+				"eslint": "*",
+				"eslint-plugin-import": "*",
+				"eslint-plugin-import-x": "*"
+			},
+			"peerDependenciesMeta": {
+				"eslint-plugin-import": {
+					"optional": true
+				},
+				"eslint-plugin-import-x": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-module-utils": {
+			"version": "2.12.0",
+			"resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
+			"integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"debug": "^3.2.7"
+			},
+			"engines": {
+				"node": ">=4"
+			},
+			"peerDependenciesMeta": {
+				"eslint": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-module-utils/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-plugin-import": {
+			"version": "2.31.0",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+			"integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@rtsao/scc": "^1.1.0",
+				"array-includes": "^3.1.8",
+				"array.prototype.findlastindex": "^1.2.5",
+				"array.prototype.flat": "^1.3.2",
+				"array.prototype.flatmap": "^1.3.2",
+				"debug": "^3.2.7",
+				"doctrine": "^2.1.0",
+				"eslint-import-resolver-node": "^0.3.9",
+				"eslint-module-utils": "^2.12.0",
+				"hasown": "^2.0.2",
+				"is-core-module": "^2.15.1",
+				"is-glob": "^4.0.3",
+				"minimatch": "^3.1.2",
+				"object.fromentries": "^2.0.8",
+				"object.groupby": "^1.0.3",
+				"object.values": "^1.2.0",
+				"semver": "^6.3.1",
+				"string.prototype.trimend": "^1.0.8",
+				"tsconfig-paths": "^3.15.0"
+			},
+			"engines": {
+				"node": ">=4"
+			},
+			"peerDependencies": {
+				"eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/debug": {
+			"version": "3.2.7",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+			"integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"ms": "^2.1.1"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/doctrine": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+			"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"esutils": "^2.0.2"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/eslint-plugin-import/node_modules/semver": {
+			"version": "6.3.1",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+			"integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			}
+		},
+		"node_modules/eslint-plugin-prettier": {
+			"version": "5.2.1",
+			"resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
+			"integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"prettier-linter-helpers": "^1.0.0",
+				"synckit": "^0.9.1"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint-plugin-prettier"
+			},
+			"peerDependencies": {
+				"@types/eslint": ">=8.0.0",
+				"eslint": ">=8.0.0",
+				"eslint-config-prettier": "*",
+				"prettier": ">=3.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@types/eslint": {
+					"optional": true
+				},
+				"eslint-config-prettier": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/eslint-scope": {
+			"version": "8.3.0",
+			"resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.3.0.tgz",
+			"integrity": "sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"esrecurse": "^4.3.0",
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint-visitor-keys": {
+			"version": "3.4.3",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+			"integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint/node_modules/brace-expansion": {
+			"version": "1.1.11",
+			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"balanced-match": "^1.0.0",
+				"concat-map": "0.0.1"
+			}
+		},
+		"node_modules/eslint/node_modules/eslint-visitor-keys": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+			"integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/eslint/node_modules/ignore": {
+			"version": "5.3.2",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+			"integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/eslint/node_modules/minimatch": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^1.1.7"
+			},
+			"engines": {
+				"node": "*"
+			}
+		},
+		"node_modules/espree": {
+			"version": "10.3.0",
+			"resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+			"integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"acorn": "^8.14.0",
+				"acorn-jsx": "^5.3.2",
+				"eslint-visitor-keys": "^4.2.0"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/espree/node_modules/eslint-visitor-keys": {
+			"version": "4.2.0",
+			"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+			"integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/eslint"
+			}
+		},
+		"node_modules/esquery": {
+			"version": "1.6.0",
+			"resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+			"integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"dependencies": {
+				"estraverse": "^5.1.0"
+			},
+			"engines": {
+				"node": ">=0.10"
+			}
+		},
+		"node_modules/esrecurse": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+			"integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"estraverse": "^5.2.0"
+			},
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/estraverse": {
+			"version": "5.3.0",
+			"resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+			"integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=4.0"
+			}
+		},
+		"node_modules/esutils": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+			"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/fast-deep-equal": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+			"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/fast-diff": {
+			"version": "1.3.0",
+			"resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+			"integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+			"dev": true,
+			"license": "Apache-2.0"
+		},
+		"node_modules/fast-glob": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+			"integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@nodelib/fs.stat": "^2.0.2",
+				"@nodelib/fs.walk": "^1.2.3",
+				"glob-parent": "^5.1.2",
+				"merge2": "^1.3.0",
+				"micromatch": "^4.0.8"
+			},
+			"engines": {
+				"node": ">=8.6.0"
+			}
+		},
+		"node_modules/fast-glob/node_modules/glob-parent": {
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.1"
+			},
+			"engines": {
+				"node": ">= 6"
+			}
+		},
+		"node_modules/fast-json-stable-stringify": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+			"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/fast-levenshtein": {
+			"version": "2.0.6",
+			"resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+			"integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/fastq": {
+			"version": "1.19.1",
+			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+			"integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"reusify": "^1.0.4"
+			}
+		},
+		"node_modules/file-entry-cache": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+			"integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"flat-cache": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=16.0.0"
+			}
+		},
+		"node_modules/fill-range": {
+			"version": "7.1.1",
+			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+			"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"to-regex-range": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/find-up": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+			"integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"locate-path": "^6.0.0",
+				"path-exists": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/flat-cache": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+			"integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"flatted": "^3.2.9",
+				"keyv": "^4.5.4"
+			},
+			"engines": {
+				"node": ">=16"
+			}
+		},
+		"node_modules/flatted": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+			"integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/for-each": {
+			"version": "0.3.3",
+			"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+			"integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-callable": "^1.1.3"
+			}
+		},
+		"node_modules/fsevents": {
+			"version": "2.3.3",
+			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+			}
+		},
+		"node_modules/function-bind": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/function.prototype.name": {
+			"version": "1.1.6",
+			"resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+			"integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"define-properties": "^1.2.0",
+				"es-abstract": "^1.22.1",
+				"functions-have-names": "^1.2.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/functions-have-names": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+			"integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-intrinsic": {
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+			"integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2",
+				"has-proto": "^1.0.1",
+				"has-symbols": "^1.0.3",
+				"hasown": "^2.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-symbol-description": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
+			"integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.5",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/get-tsconfig": {
+			"version": "4.10.0",
+			"resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.10.0.tgz",
+			"integrity": "sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"resolve-pkg-maps": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+			}
+		},
+		"node_modules/glob-parent": {
+			"version": "6.0.2",
+			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"is-glob": "^4.0.3"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
+		"node_modules/globals": {
+			"version": "14.0.0",
+			"resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+			"integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/globalthis": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+			"integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-properties": "^1.2.1",
+				"gopd": "^1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/gopd": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+			"integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"get-intrinsic": "^1.1.3"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/graphemer": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+			"integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/has-bigints": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+			"integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-flag": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/has-property-descriptors": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+			"integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-define-property": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-proto": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+			"integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-symbols": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/has-tostringtag": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+			"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-symbols": "^1.0.3"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/hasown": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+			"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"function-bind": "^1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/ignore": {
+			"version": "7.0.4",
+			"resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.4.tgz",
+			"integrity": "sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 4"
+			}
+		},
+		"node_modules/immutable": {
+			"version": "4.3.7",
+			"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+			"integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/import-fresh": {
+			"version": "3.3.1",
+			"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+			"integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"parent-module": "^1.0.0",
+				"resolve-from": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/imurmurhash": {
+			"version": "0.1.4",
+			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+			"integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.8.19"
+			}
+		},
+		"node_modules/internal-slot": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
+			"integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"es-errors": "^1.3.0",
+				"hasown": "^2.0.0",
+				"side-channel": "^1.0.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/is-array-buffer": {
+			"version": "3.0.4",
+			"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
+			"integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"get-intrinsic": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-bigint": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+			"integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-bigints": "^1.0.1"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-binary-path": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"binary-extensions": "^2.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/is-boolean-object": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+			"integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-bun-module": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+			"integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"semver": "^7.7.1"
+			}
+		},
+		"node_modules/is-callable": {
+			"version": "1.2.7",
+			"resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+			"integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-core-module": {
+			"version": "2.16.1",
+			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+			"integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"hasown": "^2.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-data-view": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
+			"integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-date-object": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+			"integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-extglob": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-glob": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-extglob": "^2.1.1"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/is-negative-zero": {
+			"version": "2.0.3",
+			"resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+			"integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-number": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.12.0"
+			}
+		},
+		"node_modules/is-number-object": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+			"integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-regex": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+			"integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-shared-array-buffer": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
+			"integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-string": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+			"integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-tostringtag": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-symbol": {
+			"version": "1.0.4",
+			"resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+			"integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-symbols": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-typed-array": {
+			"version": "1.1.13",
+			"resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
+			"integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"which-typed-array": "^1.1.14"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/is-weakref": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+			"integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/isarray": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+			"integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/isexe": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+			"dev": true,
+			"license": "ISC"
+		},
+		"node_modules/js-yaml": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+			"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"argparse": "^2.0.1"
+			},
+			"bin": {
+				"js-yaml": "bin/js-yaml.js"
+			}
+		},
+		"node_modules/json-buffer": {
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+			"integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/json-schema-traverse": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+			"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/json-stable-stringify-without-jsonify": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+			"integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/json5": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+			"integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"minimist": "^1.2.0"
+			},
+			"bin": {
+				"json5": "lib/cli.js"
+			}
+		},
+		"node_modules/keyv": {
+			"version": "4.5.4",
+			"resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+			"integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"json-buffer": "3.0.1"
+			}
+		},
+		"node_modules/levn": {
+			"version": "0.4.1",
+			"resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+			"integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"prelude-ls": "^1.2.1",
+				"type-check": "~0.4.0"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/locate-path": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+			"integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"p-locate": "^5.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/lodash.merge": {
+			"version": "4.6.2",
+			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/merge2": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/micromatch": {
+			"version": "4.0.8",
+			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+			"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"braces": "^3.0.3",
+				"picomatch": "^2.3.1"
+			},
+			"engines": {
+				"node": ">=8.6"
+			}
+		},
+		"node_modules/minimatch": {
+			"version": "9.0.5",
+			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+			"integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"brace-expansion": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=16 || 14 >=14.17"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/minimist": {
+			"version": "1.2.8",
+			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+			"integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/ms": {
+			"version": "2.1.3",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/napi-postinstall": {
+			"version": "0.2.4",
+			"resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.2.4.tgz",
+			"integrity": "sha512-ZEzHJwBhZ8qQSbknHqYcdtQVr8zUgGyM/q6h6qAyhtyVMNrSgDhrC4disf03dYW0e+czXyLnZINnCTEkWy0eJg==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"napi-postinstall": "lib/cli.js"
+			},
+			"engines": {
+				"node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/napi-postinstall"
+			}
+		},
+		"node_modules/natural-compare": {
+			"version": "1.4.0",
+			"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+			"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/normalize-path": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/object-inspect": {
+			"version": "1.13.2",
+			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
+			"integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object-keys": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+			"integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/object.assign": {
+			"version": "4.1.5",
+			"resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+			"integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.5",
+				"define-properties": "^1.2.1",
+				"has-symbols": "^1.0.3",
+				"object-keys": "^1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object.fromentries": {
+			"version": "2.0.8",
+			"resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+			"integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/object.groupby": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+			"integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/object.values": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
+			"integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/optionator": {
+			"version": "0.9.4",
+			"resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+			"integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"deep-is": "^0.1.3",
+				"fast-levenshtein": "^2.0.6",
+				"levn": "^0.4.1",
+				"prelude-ls": "^1.2.1",
+				"type-check": "^0.4.0",
+				"word-wrap": "^1.2.5"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/p-limit": {
+			"version": "3.1.0",
+			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+			"integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"yocto-queue": "^0.1.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/p-locate": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+			"integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"p-limit": "^3.0.2"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/parent-module": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+			"integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"callsites": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/path-exists": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+			"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/path-key": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+			"integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/path-parse": {
+			"version": "1.0.7",
+			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/picomatch": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/possible-typed-array-names": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+			"integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/prelude-ls": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+			"integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/prettier": {
+			"version": "3.3.3",
+			"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+			"integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+			"dev": true,
+			"license": "MIT",
+			"bin": {
+				"prettier": "bin/prettier.cjs"
+			},
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/prettier/prettier?sponsor=1"
+			}
+		},
+		"node_modules/prettier-linter-helpers": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+			"integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fast-diff": "^1.1.2"
+			},
+			"engines": {
+				"node": ">=6.0.0"
+			}
+		},
+		"node_modules/punycode": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+			"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/queue-microtask": {
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT"
+		},
+		"node_modules/readdirp": {
+			"version": "3.6.0",
+			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+			"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"picomatch": "^2.2.1"
+			},
+			"engines": {
+				"node": ">=8.10.0"
+			}
+		},
+		"node_modules/regexp.prototype.flags": {
+			"version": "1.5.2",
+			"resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
+			"integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.6",
+				"define-properties": "^1.2.1",
+				"es-errors": "^1.3.0",
+				"set-function-name": "^2.0.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/resolve": {
+			"version": "1.22.8",
+			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+			"integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-core-module": "^2.13.0",
+				"path-parse": "^1.0.7",
+				"supports-preserve-symlinks-flag": "^1.0.0"
+			},
+			"bin": {
+				"resolve": "bin/resolve"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/resolve-from": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+			"integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/resolve-pkg-maps": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+			"integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+			"dev": true,
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+			}
+		},
+		"node_modules/reusify": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+			"integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"iojs": ">=1.0.0",
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/run-parallel": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+			"dev": true,
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"queue-microtask": "^1.2.2"
+			}
+		},
+		"node_modules/safe-array-concat": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
+			"integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"get-intrinsic": "^1.2.4",
+				"has-symbols": "^1.0.3",
+				"isarray": "^2.0.5"
+			},
+			"engines": {
+				"node": ">=0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/safe-regex-test": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
+			"integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.6",
+				"es-errors": "^1.3.0",
+				"is-regex": "^1.1.4"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/sass": {
+			"version": "1.78.0",
+			"resolved": "https://registry.npmjs.org/sass/-/sass-1.78.0.tgz",
+			"integrity": "sha512-AaIqGSrjo5lA2Yg7RvFZrlXDBCp3nV4XP73GrLGvdRWWwk+8H3l0SDvq/5bA4eF+0RFPLuWUk3E+P1U/YqnpsQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"chokidar": ">=3.0.0 <4.0.0",
+				"immutable": "^4.0.0",
+				"source-map-js": ">=0.6.2 <2.0.0"
+			},
+			"bin": {
+				"sass": "sass.js"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			}
+		},
+		"node_modules/semver": {
+			"version": "7.7.2",
+			"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+			"integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+			"dev": true,
+			"license": "ISC",
+			"bin": {
+				"semver": "bin/semver.js"
+			},
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/set-function-length": {
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+			"integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.1.4",
+				"es-errors": "^1.3.0",
+				"function-bind": "^1.1.2",
+				"get-intrinsic": "^1.2.4",
+				"gopd": "^1.0.1",
+				"has-property-descriptors": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/set-function-name": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+			"integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"define-data-property": "^1.1.4",
+				"es-errors": "^1.3.0",
+				"functions-have-names": "^1.2.3",
+				"has-property-descriptors": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/shebang-command": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+			"integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"shebang-regex": "^3.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/shebang-regex": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+			"integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/side-channel": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+			"integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"es-errors": "^1.3.0",
+				"get-intrinsic": "^1.2.4",
+				"object-inspect": "^1.13.1"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/source-map-js": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+			"integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+			"dev": true,
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/stable-hash": {
+			"version": "0.0.5",
+			"resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+			"integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+			"dev": true,
+			"license": "MIT"
+		},
+		"node_modules/string.prototype.trim": {
+			"version": "1.2.9",
+			"resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+			"integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-abstract": "^1.23.0",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/string.prototype.trimend": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+			"integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/string.prototype.trimstart": {
+			"version": "1.0.8",
+			"resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+			"integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"define-properties": "^1.2.1",
+				"es-object-atoms": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/strip-bom": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+			"integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/strip-json-comments": {
+			"version": "3.1.1",
+			"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+			"integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/supports-color": {
+			"version": "7.2.0",
+			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"has-flag": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/supports-preserve-symlinks-flag": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/synckit": {
+			"version": "0.9.1",
+			"resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.1.tgz",
+			"integrity": "sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@pkgr/core": "^0.1.0",
+				"tslib": "^2.6.2"
+			},
+			"engines": {
+				"node": "^14.18.0 || >=16.0.0"
+			},
+			"funding": {
+				"url": "https://opencollective.com/unts"
+			}
+		},
+		"node_modules/tinyglobby": {
+			"version": "0.2.13",
+			"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz",
+			"integrity": "sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"fdir": "^6.4.4",
+				"picomatch": "^4.0.2"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/SuperchupuDev"
+			}
+		},
+		"node_modules/tinyglobby/node_modules/fdir": {
+			"version": "6.4.4",
+			"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz",
+			"integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
+			"dev": true,
+			"license": "MIT",
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/tinyglobby/node_modules/picomatch": {
+			"version": "4.0.2",
+			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+			"integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/to-regex-range": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-number": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=8.0"
+			}
+		},
+		"node_modules/ts-api-utils": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
+			"integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=18.12"
+			},
+			"peerDependencies": {
+				"typescript": ">=4.8.4"
+			}
+		},
+		"node_modules/tsconfig-paths": {
+			"version": "3.15.0",
+			"resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+			"integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/json5": "^0.0.29",
+				"json5": "^1.0.2",
+				"minimist": "^1.2.6",
+				"strip-bom": "^3.0.0"
+			}
+		},
+		"node_modules/tslib": {
+			"version": "2.6.3",
+			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+			"integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
+			"dev": true,
+			"license": "0BSD"
+		},
+		"node_modules/type-check": {
+			"version": "0.4.0",
+			"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+			"integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"prelude-ls": "^1.2.1"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/typed-array-buffer": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+			"integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"es-errors": "^1.3.0",
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			}
+		},
+		"node_modules/typed-array-byte-length": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+			"integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"has-proto": "^1.0.3",
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typed-array-byte-offset": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
+			"integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"has-proto": "^1.0.3",
+				"is-typed-array": "^1.1.13"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typed-array-length": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
+			"integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"has-proto": "^1.0.3",
+				"is-typed-array": "^1.1.13",
+				"possible-typed-array-names": "^1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/typescript": {
+			"version": "5.8.3",
+			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+			"integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+			"dev": true,
+			"license": "Apache-2.0",
+			"peer": true,
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/unbox-primitive": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+			"integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"call-bind": "^1.0.2",
+				"has-bigints": "^1.0.2",
+				"has-symbols": "^1.0.3",
+				"which-boxed-primitive": "^1.0.2"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/unrs-resolver": {
+			"version": "1.7.2",
+			"resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.7.2.tgz",
+			"integrity": "sha512-BBKpaylOW8KbHsu378Zky/dGh4ckT/4NW/0SHRABdqRLcQJ2dAOjDo9g97p04sWflm0kqPqpUatxReNV/dqI5A==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "MIT",
+			"dependencies": {
+				"napi-postinstall": "^0.2.2"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/JounQin"
+			},
+			"optionalDependencies": {
+				"@unrs/resolver-binding-darwin-arm64": "1.7.2",
+				"@unrs/resolver-binding-darwin-x64": "1.7.2",
+				"@unrs/resolver-binding-freebsd-x64": "1.7.2",
+				"@unrs/resolver-binding-linux-arm-gnueabihf": "1.7.2",
+				"@unrs/resolver-binding-linux-arm-musleabihf": "1.7.2",
+				"@unrs/resolver-binding-linux-arm64-gnu": "1.7.2",
+				"@unrs/resolver-binding-linux-arm64-musl": "1.7.2",
+				"@unrs/resolver-binding-linux-ppc64-gnu": "1.7.2",
+				"@unrs/resolver-binding-linux-riscv64-gnu": "1.7.2",
+				"@unrs/resolver-binding-linux-riscv64-musl": "1.7.2",
+				"@unrs/resolver-binding-linux-s390x-gnu": "1.7.2",
+				"@unrs/resolver-binding-linux-x64-gnu": "1.7.2",
+				"@unrs/resolver-binding-linux-x64-musl": "1.7.2",
+				"@unrs/resolver-binding-wasm32-wasi": "1.7.2",
+				"@unrs/resolver-binding-win32-arm64-msvc": "1.7.2",
+				"@unrs/resolver-binding-win32-ia32-msvc": "1.7.2",
+				"@unrs/resolver-binding-win32-x64-msvc": "1.7.2"
+			}
+		},
+		"node_modules/uri-js": {
+			"version": "4.4.1",
+			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+			"integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+			"dev": true,
+			"license": "BSD-2-Clause",
+			"dependencies": {
+				"punycode": "^2.1.0"
+			}
+		},
+		"node_modules/which": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+			"integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+			"dev": true,
+			"license": "ISC",
+			"dependencies": {
+				"isexe": "^2.0.0"
+			},
+			"bin": {
+				"node-which": "bin/node-which"
+			},
+			"engines": {
+				"node": ">= 8"
+			}
+		},
+		"node_modules/which-boxed-primitive": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+			"integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"is-bigint": "^1.0.1",
+				"is-boolean-object": "^1.1.0",
+				"is-number-object": "^1.0.4",
+				"is-string": "^1.0.5",
+				"is-symbol": "^1.0.3"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/which-typed-array": {
+			"version": "1.1.15",
+			"resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
+			"integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"available-typed-arrays": "^1.0.7",
+				"call-bind": "^1.0.7",
+				"for-each": "^0.3.3",
+				"gopd": "^1.0.1",
+				"has-tostringtag": "^1.0.2"
+			},
+			"engines": {
+				"node": ">= 0.4"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
+		"node_modules/word-wrap": {
+			"version": "1.2.5",
+			"resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+			"integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/yocto-queue": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+			"integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+			"dev": true,
+			"license": "MIT",
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		}
+	}
+}
diff --git a/website/package.json b/website/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..429df6552fb276866017891dfacdb1e32ff85a54
--- /dev/null
+++ b/website/package.json
@@ -0,0 +1,30 @@
+{
+	"name": "graphite-website",
+	"description": "Graphite's website. This npm package is for dev tooling only, such as eslint.",
+	"private": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/GraphiteEditor/Graphite.git"
+	},
+	"author": "Graphite Authors <contact@graphite.rs>",
+	"license": "Apache-2.0",
+	"homepage": "https://graphite.rs",
+	"scripts": {
+		"install-fonts": "npm ci && node install-fonts.js"
+	},
+	"devDependencies": {
+		"@typescript-eslint/eslint-plugin": "^8.7.0",
+		"@typescript-eslint/parser": "^8.7.0",
+		"eslint": "^9.11.1",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-import-resolver-typescript": "^3.6.3",
+		"eslint-plugin-import": "^2.30.0",
+		"eslint-plugin-prettier": "^5.2.1",
+		"prettier": "^3.3.3",
+		"sass": "1.78.0"
+	},
+	"dependencies": {
+		"@fontsource-variable/inter": "^5.2.5",
+		"@fontsource/bona-nova": "^5.2.5"
+	}
+}
diff --git a/website/sass/base.scss b/website/sass/base.scss
new file mode 100644
index 0000000000000000000000000000000000000000..d938d26a9abc2e06edb1a51716e6cd10c953b41f
--- /dev/null
+++ b/website/sass/base.scss
@@ -0,0 +1,713 @@
+// ================================
+// GLOBAL PAGE STYLES AND VARIABLES
+// ================================
+
+:root {
+	--color-fog: #eeeeee;
+	--color-parchment: #faefe2;
+	--color-cloud: #d9e1e4;
+	--color-mustard: #e5c299;
+	--color-navy: #16323f;
+	--color-walnut: #473a3a;
+	--color-slate: #3a4047;
+	--color-crimson: #803847;
+	--color-lilac: #cabdc8;
+	// --color-lime: #c5e0af;
+	--color-lemon: #efe2b2;
+	--color-peach: #ebb29f;
+	--color-ale: #cd8f7a;
+	// --color-flamingo: #d2697c;
+	--color-seaside: #b0d6cb;
+	--color-seaside-rgb: 176, 214, 203;
+	// --color-cove: #83c0b9;
+	// --color-sage: #91b99a;
+	// --color-storm: #627088;
+
+	--max-width: 1200px;
+	--max-width-plus-padding: calc(var(--max-width) + 40px * 2);
+	--max-extended-width: 1600px;
+	--max-width-reading-material: 800px;
+
+	--variable-px: Min(1px, 0.15vw);
+	--page-edge-padding: 40px;
+	--border-thickness: 2px;
+	--feature-box-padding: 80;
+	--font-size-link: calc(1rem * 4 / 3);
+}
+
+html,
+body {
+	color: var(--color-navy);
+	background: white;
+	font-family: "Inter Variable", sans-serif;
+	line-height: 1.5;
+	font-weight: 500;
+	font-size: 18px;
+	tab-size: 4;
+	width: 100%;
+	height: 100%;
+	margin: 0;
+}
+
+@media screen and (max-width: 780px) {
+	:root {
+		--font-size-link: calc(1rem * 4 / 3);
+		--page-edge-padding: 28px;
+		--border-thickness: 1px;
+		--feature-box-padding: 40;
+	}
+
+	html,
+	body {
+		font-size: 16px;
+	}
+}
+
+@media print, screen and (max-width: 500px) {
+	:root {
+		--page-edge-padding: 20px;
+	}
+}
+
+// ==================
+// GLOBAL PAGE LAYOUT
+// ==================
+
+body > .page {
+	box-sizing: border-box;
+	min-width: 320px;
+
+	header {
+		padding: 0 var(--page-edge-padding);
+		color: var(--color-walnut);
+		position: relative;
+		z-index: 1000;
+
+		nav {
+			margin: auto;
+			max-width: var(--max-width);
+
+			.row {
+				display: flex;
+				justify-content: space-between;
+				--nav-padding-above-below: 30px;
+				padding-top: var(--nav-padding-above-below);
+				padding-bottom: calc(var(--nav-padding-above-below) - 16px);
+				margin-bottom: calc(var(--nav-padding-above-below) - 16px);
+				// Covers up content that extends up underneath the header
+				background: white;
+
+				@media screen and (max-width: 780px) {
+					--nav-padding-above-below: 24px;
+				}
+
+				.left,
+				.right {
+					z-index: 1;
+					display: flex;
+					align-items: center;
+					gap: 40px;
+					--height: 60px;
+					--button-padding: 24px;
+					--nav-font-size: 28px; // Keep up to date with `NAV_BUTTON_INITIAL_FONT_SIZE` in navbar.js
+
+					a {
+						font-family: "Bona Nova", Palatino, serif;
+						font-feature-settings: "lnum";
+						line-height: 1.25;
+						font-weight: 700;
+						text-decoration: none;
+						font-size: var(--nav-font-size);
+
+						&.button {
+							min-height: 0;
+							height: var(--height);
+							padding-left: var(--button-padding);
+							padding-right: var(--button-padding);
+							line-height: calc(var(--height) - 2 * var(--border-thickness));
+							font-size: var(--nav-font-size);
+
+							&::before {
+								content: none;
+							}
+						}
+
+						&:not(.button) {
+							color: inherit;
+						}
+
+						img {
+							display: block;
+							width: var(--height);
+							height: var(--height);
+						}
+					}
+
+					&.left img {
+						// Don't show the alt text if the image doesn't load
+						font-size: 0;
+					}
+
+					.heart.heart {
+						// The same color is also used below in the SVG after the `%23` (URL-encoded `#`)
+						color: #cc304f;
+					}
+
+					@media screen and (max-width: 1200px) {
+						gap: 30px;
+						--height: 50px;
+						--button-padding: 16px;
+						--nav-font-size: 24px;
+					}
+
+					@media screen and (max-width: 1000px) {
+						gap: 30px;
+						--button-padding: 14px;
+						--nav-font-size: 20px;
+					}
+
+					@media print, screen and (max-width: 900px) {
+						gap: 20px;
+						--height: 40px;
+						--button-padding: 13px;
+						--nav-font-size: 18px;
+					}
+
+					@media print, screen and (max-width: 780px) {
+						gap: 20px;
+						--button-padding: 12px;
+						--nav-font-size: 16px;
+					}
+
+					@media screen and (max-width: 680px) {
+						gap: 16px;
+						--height: 30px;
+						--button-padding: 8px;
+						--nav-font-size: 14px;
+					}
+
+					@media screen and (max-width: 580px) {
+						gap: 12px;
+						--height: 24px;
+						--nav-font-size: 13px;
+					}
+
+					@media screen and (max-width: 520px) {
+						gap: 10px;
+						--height: 22px;
+						--button-padding: 6px;
+						--nav-font-size: 12px;
+					}
+
+					@media screen and (max-width: 460px) {
+						gap: 8px;
+						--height: 20px;
+						--button-padding: 4px;
+						--nav-font-size: 11px;
+					}
+
+					@media screen and (max-width: 420px) {
+						gap: 6px;
+						--nav-font-size: 10px;
+					}
+
+					@media screen and (max-width: 380px) {
+						gap: 6px;
+						--nav-font-size: 9px;
+					}
+
+					@media screen and (max-width: 350px) {
+						gap: 6px;
+						--nav-font-size: 8px;
+					}
+				}
+			}
+		}
+
+		.ripple {
+			display: block;
+			background: none;
+			// Covers up content that extends up underneath the header
+			fill: white;
+			stroke: currentColor;
+			--ripple-height: 16px;
+			height: var(--ripple-height);
+			margin-top: calc(-1 * var(--ripple-height) + var(--border-thickness));
+			margin-bottom: calc(-1 * var(--border-thickness));
+			stroke-width: var(--border-thickness);
+
+			&::before,
+			&::after {
+				content: none;
+			}
+		}
+
+		hr {
+			background: none;
+		}
+
+		@media screen and (max-width: 1400px) {
+			.ripple {
+				width: calc(100% + (var(--page-edge-padding) * 2));
+				margin-left: calc(-1 * var(--page-edge-padding));
+				margin-right: calc(-1 * var(--page-edge-padding));
+			}
+
+			hr {
+				display: none;
+			}
+		}
+	}
+
+	main {
+		padding: calc(120 * var(--variable-px)) var(--page-edge-padding);
+
+		> section {
+			max-width: var(--max-width);
+			margin-left: auto;
+			margin-right: auto;
+			// Puts the content in front of the hexagon decoration
+			position: relative;
+			z-index: 1;
+
+			~ section {
+				margin-top: calc(120 * var(--variable-px));
+			}
+
+			p img {
+				max-width: 100%;
+			}
+
+			pre {
+				box-sizing: border-box;
+				overflow: auto;
+			}
+
+			details {
+				width: 100%;
+
+				summary {
+					display: inline-block;
+					position: relative;
+					padding-left: calc(10px + 8px);
+					font-weight: 800;
+
+					&::before {
+						content: "";
+						background: url('data:image/svg+xml;utf8,\
+							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><polygon fill="%2316323f" points="4,0 1,0 6,5 1,10 4,10 9,5 4,0" /></svg>\
+							');
+						position: absolute;
+						margin: auto;
+						top: 0;
+						bottom: 0;
+						left: 0;
+						width: 10px;
+						height: 10px;
+					}
+
+					+ * {
+						margin-top: 20px;
+					}
+				}
+			}
+
+			details[open] summary::before {
+				// content: "▼";
+				transform: rotate(90deg);
+			}
+		}
+	}
+
+	footer {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 40px;
+		padding-top: 0;
+		color: var(--color-walnut);
+
+		@media screen and (max-width: 1400px) {
+			hr {
+				width: 100%;
+
+				&::before,
+				&::after {
+					border: none;
+					background: currentColor;
+					width: calc(var(--page-edge-padding) + 40px);
+					height: var(--border-thickness);
+				}
+			}
+		}
+
+		nav {
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: center;
+			gap: 8px 40px;
+			margin-top: 40px;
+
+			a {
+				color: var(--color-walnut);
+			}
+
+			@media screen and (max-width: 900px) {
+				max-width: 500px;
+			}
+
+			@media screen and (max-width: 780px) {
+				max-width: 440px;
+			}
+
+			@media screen and (max-width: 400px) {
+				gap: 6px 20px;
+			}
+		}
+
+		span {
+			text-align: center;
+			margin-top: 40px;
+		}
+	}
+}
+
+// =====================
+// ELEMENT SPACING RULES
+// =====================
+
+:is(h1, h2, h3, h4, article > :first-child, details > summary) ~ :is(p, ul, ol, ol li p, img, a:has(> img:only-child)),
+:is(h1, h2, h3, h4, article > :first-child) ~ :is(ul, ol) li p + img,
+:is(h1, h2, h3, h4, p) ~ .feature-icons,
+p ~ :is(h1, h2, h3, h4, details summary, blockquote, .image-comparison, .video-background, .youtube-embed),
+.youtube-embed + :is(p, .link, .button),
+p + p > .button,
+p + :is(.link, section, details),
+table td p ~ p,
+img + .link,
+article {
+	margin-top: 20px;
+}
+
+* {
+	min-width: 0;
+	min-height: 0;
+}
+
+// ==================================
+// HEADER AND TEXT ELEMENT TAG STYLES
+// ==================================
+
+h1 {
+	font-size: calc(1rem * 8 / 3);
+	font-family: "Bona Nova", Palatino, serif;
+	font-feature-settings: "lnum";
+	line-height: 1.25;
+	font-weight: 700;
+	display: inline-block;
+	margin: 0;
+
+	~ h2 {
+		margin-top: 40px;
+	}
+
+	~ hr {
+		margin-top: 40px;
+		margin-bottom: 20px;
+	}
+}
+
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-family: "Inter Variable", sans-serif;
+	line-height: 1.5;
+	font-weight: 800;
+	display: inline-block;
+	margin: 0;
+}
+
+h2 {
+	font-size: calc(1rem * 16 / 9);
+	font-weight: 700;
+}
+
+h3 {
+	font-size: calc(1rem * 4 / 3);
+}
+
+h4,
+h5,
+h6 {
+	font-size: 1rem;
+}
+
+p {
+	margin: 0;
+	text-align: justify;
+	text-justify: inter-character; // Only supported in Firefox
+	-webkit-hyphens: auto;
+	hyphens: auto;
+
+	code {
+		text-justify: auto;
+	}
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+	~ img,
+	~ iframe,
+	~ a > img:only-child {
+		width: 100%;
+		height: auto;
+	}
+}
+
+a {
+	color: var(--color-crimson);
+}
+
+// ========================
+// OTHER ELEMENT TAG STYLES
+// ========================
+
+img {
+	vertical-align: top;
+}
+
+table {
+	margin: 20px -20px;
+	width: calc(100% + 40px);
+
+	th,
+	td {
+		border: 20px solid transparent;
+		vertical-align: top;
+		margin: 0;
+		padding: 0;
+	}
+
+	th:not(:first-child) img,
+	td:not(:first-child) img {
+		max-width: 100%;
+	}
+
+	th:empty {
+		border: none;
+	}
+
+	:is(h1, h2, h3, h4, h5, h6) + & {
+		margin-top: 0;
+	}
+}
+
+ul,
+ol {
+	margin: 0;
+
+	+ p {
+		margin-top: 0;
+	}
+
+	li {
+		margin-top: 0.5em;
+	}
+}
+
+hr {
+	// Reset Firefox user agent style that is overriding `currentColor` that we set
+	color: unset;
+}
+
+code {
+	color: black;
+	background: var(--color-fog);
+	padding: 0 4px;
+	overflow-wrap: anywhere;
+	-webkit-hyphens: none;
+	hyphens: none;
+
+	a & {
+		color: var(--color-crimson);
+	}
+}
+
+kbd {
+	outline: calc(var(--border-thickness) / 2) solid var(--color-navy);
+	padding: 0 8px;
+	margin: 0 4px;
+	color: inherit;
+	font-family: inherit;
+}
+
+summary {
+	cursor: pointer;
+}
+
+hr {
+	overflow: visible;
+}
+
+hr,
+.ripple {
+	width: calc(100% - 32px * 2);
+	height: var(--border-thickness);
+	margin: 0 32px;
+	background: currentColor;
+	position: relative;
+	border: none;
+
+	&::before {
+		left: -40px;
+		border-width: 0 0 var(--border-thickness) 40px;
+	}
+
+	&::after {
+		right: -40px;
+		border-width: 0 40px var(--border-thickness) 0;
+	}
+
+	&::before,
+	&::after {
+		content: "";
+		display: block;
+		width: 0;
+		height: 0;
+		position: absolute;
+		border-color: transparent transparent currentColor transparent;
+		border-style: solid;
+	}
+}
+
+// ========================
+// COMMON SIMPLE COMPONENTS
+// ========================
+
+.block {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	width: 100%;
+
+	&.centered {
+		align-items: center;
+	}
+
+	:not(.diptych, .triptych) > .block + & {
+		margin-top: calc(120 * var(--variable-px));
+	}
+}
+
+.link {
+	display: inline-block;
+	font-size: var(--font-size-link);
+	font-weight: 800;
+	text-decoration: none;
+	color: var(--color-crimson);
+	white-space: nowrap;
+
+	&:not(.not-uppercase) {
+		text-transform: uppercase;
+	}
+}
+
+.button {
+	display: inline-block;
+	border: var(--border-thickness) solid currentColor;
+	min-height: calc(var(--font-size-link) * 2);
+	font-size: var(--font-size-link);
+	padding: 0 var(--font-size-link);
+	box-sizing: border-box;
+	text-align: left;
+	text-decoration: none;
+	font-weight: 800;
+	color: var(--color-crimson);
+
+	&::before {
+		content: "";
+		line-height: calc(var(--font-size-link) * 2 - 2 * var(--border-thickness));
+	}
+
+	img {
+		height: calc(var(--font-size-link) * 1.5);
+		margin-right: calc(var(--font-size-link) / 2);
+	}
+
+	img,
+	span {
+		vertical-align: middle;
+	}
+}
+
+.arrow::after {
+	content: " »";
+	font-family: "Inter Variable", sans-serif;
+}
+
+.video-background {
+	position: relative;
+	font-size: 0;
+
+	video {
+		max-width: Min(100%, 1280px);
+	}
+
+	// Uses a white border over the video to cover up the edges of the video which, due to a Chrome rendering bug, displays black edges sometimes when scrolling
+	&::after {
+		content: "";
+		position: absolute;
+		inset: 0;
+		border: 2px solid white;
+		pointer-events: none;
+	}
+}
+
+.heart::after {
+	content: "";
+	background-image: url('data:image/svg+xml;utf8,\
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8,15C5.12471,9.753694 0.5,8.795225 0.5,4.736524 C0.5,-0.507473 7.468734,0 8,4.967381 C8.531266,0 15.5,-0.507473 15.5,4.736524 C15.5,8.795225 10.87529,9.753694 8,15z" fill="%23cc304f" /></svg>\
+		');
+	display: inline-block;
+	width: 0.75em;
+	height: 0.75em;
+	margin-left: 0.25em;
+	margin-bottom: -0.1em;
+	vertical-align: baseline;
+}
+
+// blockquote {
+// 	padding: 32px 80px;
+// 	background: rgba(0, 0, 0, 0.0625);
+// 	position: relative;
+// 	border-left: 4px solid var(--color-navy);
+
+// 	&::before,
+// 	&::after {
+// 		content: "";
+// 		position: absolute;
+// 		width: 52px;
+// 		height: 40px;
+// 		background-image: url('data:image/svg+xml;utf8,\
+// 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 40"><path fill="rgba(22, 50, 63, 0.25)" d="M51.8,2.4c0,.5-.2.9-.6,1.2s-1,.5-1.8.7c-2.2.5-4.3,1.3-6.4,2.5-2.1,1.2-3.7,2.8-5,4.8-1.3,2-1.9,4.4-1.9,7.4s.6,2.7,1.7,4,2.5,2.1,4,2.4c2,.3,3.6,1,4.8,2.2,1.2,1.2,1.8,2.7,1.8,4.5s-.9,3.9-2.7,5.3c-1.8,1.4-3.8,2.2-6,2.2-3.8,0-7-1.3-9.4-4-2.4-2.7-3.6-6.1-3.6-10.4s.7-7,2.2-10c1.4-3,3.3-5.6,5.5-7.8,2.3-2.2,4.7-3.9,7.2-5,2.5-1.2,4.9-1.7,7.1-1.7s3,.6,3,1.9ZM22.2.5c-2.2,0-4.6.6-7.1,1.7-2.5,1.2-4.9,2.8-7.2,5-2.3,2.2-4.2,4.8-5.6,7.8C.9,18.1.2,21.5.2,25.1s1.2,7.7,3.7,10.4c2.4,2.7,5.5,4,9.3,4s4.3-.7,6-2.2c1.7-1.4,2.6-3.2,2.6-5.3s-.6-3.3-1.8-4.5c-1.2-1.2-2.8-1.9-4.7-2.2-1.5-.3-2.9-1.1-4-2.4s-1.7-2.6-1.7-4c0-3,.6-5.4,1.9-7.4,1.2-2,2.9-3.6,5-4.8,2.1-1.2,4.2-2,6.4-2.5.8-.2,1.4-.4,1.8-.7.4-.3.6-.7.6-1.2,0-1.2-1-1.9-3-1.9Z" /></svg>\
+// 			');
+// 	}
+
+// 	&::before {
+// 		top: 16px;
+// 		left: 16px;
+// 	}
+
+// 	&::after {
+// 		transform: rotate(180deg);
+// 		bottom: 16px;
+// 		right: 16px;
+// 	}
+// }
diff --git a/website/sass/component/carousel.scss b/website/sass/component/carousel.scss
new file mode 100644
index 0000000000000000000000000000000000000000..78f18cba0049b800987fa1a23cff41464073d3de
--- /dev/null
+++ b/website/sass/component/carousel.scss
@@ -0,0 +1,189 @@
+.carousel.carousel {
+	margin-top: calc(80 * var(--variable-px));
+	transform: translate(0);
+
+	.carousel-slide {
+		display: flex;
+		white-space: nowrap;
+		touch-action: pan-y pinch-zoom;
+		cursor: grab;
+
+		img {
+			position: relative;
+			display: inline-block;
+			user-select: none;
+			flex: 0 0 auto;
+			height: auto;
+			padding: 0 20px;
+
+			&:first-child,
+			&:last-child {
+				--fade-factor: Min(calc(var(--over-slide-factor, 0) / 1.5 + 0.5), 1);
+				// Fade to white (combining invert and brightness, see <https://stackoverflow.com/a/78478074/775283>) and desaturate
+				filter: Invert(calc(var(--fade-factor) / 2)) Brightness(calc(1 + var(--fade-factor))) Grayscale(var(--fade-factor));
+			}
+
+			&:first-child {
+				margin-left: -20px;
+			}
+
+			&:last-child {
+				margin-right: -20px;
+			}
+		}
+	}
+
+	&:not(.dragging, .jostling) .carousel-slide img {
+		transition: transform 500ms;
+	}
+
+	.carousel-slide:not(.torn) {
+		overflow: hidden;
+	}
+
+	.carousel-slide.torn {
+		position: fixed;
+		top: 0;
+		z-index: -1;
+		// Torn edge mask
+		-webkit-mask-repeat: no-repeat;
+		mask-repeat: no-repeat;
+		-webkit-mask-size: contain;
+		mask-size: contain;
+
+		&.left {
+			padding-left: 160px;
+			margin-left: -160px;
+			-webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-left__2.png");
+			mask-image: url("https://static.graphite.rs/textures/torn-edge-left__2.png");
+			-webkit-mask-position: top left;
+			mask-position: top left;
+		}
+
+		&.right {
+			padding-right: 160px;
+			margin-right: -160px;
+			-webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-right__2.png");
+			mask-image: url("https://static.graphite.rs/textures/torn-edge-right__2.png");
+			-webkit-mask-position: top right;
+			mask-position: top right;
+		}
+	}
+
+	.screenshot-details {
+		display: flex;
+		margin: 20px 0;
+		gap: 20px 40px;
+
+		@media screen and (max-width: 800px) {
+			flex-wrap: wrap;
+			justify-content: center;
+		}
+
+		.carousel-controls {
+			display: flex;
+			align-items: center;
+			flex: 0 0 auto;
+
+			button {
+				outline: none;
+				background: none;
+				border: none;
+				padding: 0;
+				color: inherit;
+				cursor: pointer;
+
+				svg {
+					display: block;
+				}
+
+				+ button {
+					margin-left: 20px;
+				}
+			}
+
+			.direction {
+				fill: currentColor;
+			}
+
+			.dot {
+				width: 16px;
+				height: 16px;
+				box-sizing: border-box;
+				border-radius: 50%;
+				border: 2px solid currentColor;
+
+				&.active {
+					border: none;
+					background: var(--color-crimson);
+				}
+			}
+		}
+
+		.screenshot-description {
+			display: flex;
+			align-items: center;
+			min-height: calc(2em * 1.5);
+
+			p + p {
+				margin: 0;
+			}
+
+			p:not(.active) {
+				display: none;
+			}
+		}
+	}
+
+	&.center {
+		.screenshot-details {
+			justify-content: center;
+		}
+	}
+
+	&.window-size-1 .carousel-slide img {
+		width: 100%;
+	}
+
+	&.window-size-2 .carousel-slide img {
+		width: calc((100% / 2) - 10px);
+		padding: 0 10px;
+
+		&:first-child {
+			margin-left: -10px;
+		}
+
+		&:last-child {
+			margin-right: -10px;
+		}
+	}
+
+	&.window-size-3 .carousel-slide img {
+		width: calc((100% / 3) - 10px * (4 / 3));
+		padding: 0 10px;
+
+		&:first-child {
+			margin-left: -10px;
+		}
+
+		&:last-child {
+			margin-right: -10px;
+		}
+	}
+
+	@media screen and (max-width: 1000px) {
+		margin-left: calc(-1 * var(--page-edge-padding));
+		margin-right: calc(-1 * var(--page-edge-padding));
+
+		.screenshot-details {
+			margin-left: var(--page-edge-padding);
+			margin-right: var(--page-edge-padding);
+		}
+	}
+
+	@media screen and (max-width: /* The value of --max-width-plus-padding: */ 1280px) {
+		.carousel-slide.torn {
+			display: none;
+		}
+	}
+}
diff --git a/website/sass/component/code-snippet.scss b/website/sass/component/code-snippet.scss
new file mode 100644
index 0000000000000000000000000000000000000000..66650d9168ec30329b76e710f59b8530caba959a
--- /dev/null
+++ b/website/sass/component/code-snippet.scss
@@ -0,0 +1,106 @@
+pre {
+	display: flex;
+	max-width: 100%;
+	color: var(--color-fog);
+	// This zero transform sets this element as the root for `position: fixed`
+	transform: translate(0);
+
+	// Color overrides
+	&,
+	&.z-code {
+		background: var(--color-navy);
+
+		.z-path {
+			color: #679f70;
+
+			span {
+				color: #e6e1dc;
+			}
+		}
+	}
+
+	// Container for the element (span or table) containing the lines of code
+	code {
+		background: initial;
+		color: inherit;
+		display: block;
+		overflow-x: auto;
+		padding: 20px;
+		width: 0;
+		flex: 1 1 auto;
+	}
+
+	// Language name in top right corner
+	&[data-lang] {
+		padding-top: 28px;
+
+		&::before {
+			content: attr(data-lang);
+			color: rgba(var(--color-seaside-rgb), 0.5);
+			text-transform: lowercase;
+			font-family: "Inter Variable", sans-serif;
+			font-size: 0.75em;
+			font-weight: 700;
+			font-style: italic;
+			-webkit-user-select: none;
+			user-select: none;
+			pointer-events: none;
+			position: fixed;
+			top: 0;
+			line-height: 28px;
+			display: block;
+			width: 100%;
+			text-indent: 20px;
+			background: rgba(0, 0, 0, 0.25);
+
+			&[data-lang="sh"] {
+				content: "Shell";
+			}
+
+			&[data-lang="rs"] {
+				content: "Rust";
+			}
+
+			&[data-lang="js"] {
+				content: "JavaScript";
+			}
+
+			&[data-lang="ts"] {
+				content: "TypeScript";
+			}
+		}
+	}
+
+	// Code blocks with line numbers
+	&[data-linenos] table {
+		border-spacing: 0;
+		margin: -20px;
+
+		tr {
+			&:first-child td {
+				padding-top: 20px;
+			}
+
+			&:last-child td {
+				padding-bottom: 20px;
+			}
+
+			td {
+				&:first-child {
+					padding-left: 20px;
+					padding-right: 10px;
+					-webkit-user-select: none;
+					user-select: none;
+					vertical-align: top;
+					text-align: right;
+					background: rgba(0, 0, 0, 0.25);
+				}
+
+				&:last-child {
+					padding-left: 10px;
+					padding-right: 20px;
+				}
+			}
+		}
+	}
+}
diff --git a/website/sass/component/demo-artwork.scss b/website/sass/component/demo-artwork.scss
new file mode 100644
index 0000000000000000000000000000000000000000..61f340557638ebb1c904a5ae494d1a91bfee4079
--- /dev/null
+++ b/website/sass/component/demo-artwork.scss
@@ -0,0 +1,25 @@
+.demo-artwork {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-top: 20px;
+
+	> a {
+		flex: 0 0 auto;
+
+		img {
+			height: 128px;
+			border: 12px solid var(--color-walnut);
+			vertical-align: top;
+			flex: 0 0 auto;
+		}
+	}
+
+	p {
+		display: flex;
+		flex-direction: column;
+		max-width: 300px;
+		margin-left: 40px;
+		text-align: left;
+	}
+}
diff --git a/website/sass/component/feature-box.scss b/website/sass/component/feature-box.scss
new file mode 100644
index 0000000000000000000000000000000000000000..3f161273cda1f5fd85d2845d3c29070ed9f8a909
--- /dev/null
+++ b/website/sass/component/feature-box.scss
@@ -0,0 +1,109 @@
+:not(.diptych, .triptych) > :is(.block, .diptych, .triptych) + :is(.block, .diptych, .triptych) {
+	margin-top: calc(120 * var(--variable-px));
+}
+
+.feature-box-narrow,
+.feature-box-outer {
+	padding: calc(var(--feature-box-padding) * var(--variable-px));
+	background-image: url("https://static.graphite.rs/textures/noise.png");
+	background-blend-mode: overlay;
+	background-position: center;
+}
+
+:where(h1, h2, h3, h4, p) + .feature-box-narrow {
+	margin-top: calc(40 * var(--variable-px));
+}
+
+.feature-box-full-image {
+	width: calc(100% + 2 * var(--feature-box-padding) * var(--variable-px));
+	height: auto;
+	margin-left: calc(-1 * var(--feature-box-padding) * var(--variable-px));
+	margin-top: calc(-1 * var(--feature-box-padding) * var(--variable-px));
+	margin-bottom: calc(var(--feature-box-padding) / 2 * var(--variable-px));
+	display: block;
+}
+
+.feature-box-outer {
+	@media screen and (max-width: 1000px) {
+		&.feature-box-outer {
+			margin-left: calc(-1 * var(--page-edge-padding));
+			margin-right: calc(-1 * var(--page-edge-padding));
+			padding-left: var(--page-edge-padding);
+			padding-right: var(--page-edge-padding);
+		}
+	}
+
+	&.feature-box-outer {
+		max-width: unset;
+	}
+
+	.feature-box-inner {
+		max-width: var(--max-width);
+		margin: 0 auto;
+	}
+}
+
+h1.feature-box-header.feature-box-header {
+	&,
+	& a {
+		font-family: "Inter Variable", sans-serif;
+		line-height: 1.5;
+		font-weight: 800;
+		text-transform: uppercase;
+		font-size: calc(1rem * 14 / 9);
+	}
+
+	span {
+		white-space: pre;
+	}
+
+	~ hr {
+		margin-top: 20px;
+		margin-bottom: 40px;
+
+		+ p {
+			margin-top: 0;
+		}
+	}
+}
+
+.diptych,
+.triptych {
+	display: flex;
+	flex-wrap: wrap;
+	gap: calc(var(--feature-box-padding) * var(--variable-px));
+
+	.block {
+		flex: 1 1 0;
+	}
+
+	img[alt=""] {
+		display: block;
+
+		&::after {
+			content: "";
+			display: block;
+			width: 100%;
+			height: 240px;
+			background: var(--color-crimson);
+		}
+	}
+}
+
+.diptych .block {
+	min-width: 320px;
+}
+
+.triptych .block {
+	min-width: 280px;
+}
+
+@media screen and (max-width: 520px) {
+	.diptych .block {
+		min-width: 200px;
+	}
+
+	.triptych .block {
+		min-width: 280px;
+	}
+}
diff --git a/website/sass/component/feature-icons.scss b/website/sass/component/feature-icons.scss
new file mode 100644
index 0000000000000000000000000000000000000000..5b99271d9415bd788f8030dfc4df773fb389259c
--- /dev/null
+++ b/website/sass/component/feature-icons.scss
@@ -0,0 +1,98 @@
+.feature-icons {
+	display: flex;
+	flex-wrap: wrap;
+	margin-bottom: 20px;
+	width: 100%;
+	gap: 16px;
+
+	.atlas {
+		object-fit: cover;
+		object-position: calc(-48px * var(--atlas-index)) 0;
+		width: 48px;
+		height: 48px;
+	}
+
+	.feature-icon {
+		display: flex;
+		align-items: center;
+
+		img {
+			flex: 0 0 auto;
+		}
+
+		p + &.feature-icon {
+			margin-top: calc(40 * var(--variable-px));
+		}
+	}
+
+	&:not(.stacked) .feature-icon {
+		padding: 16px;
+		gap: 16px;
+		// Half width, minus own padding on both sides, minus half a gap
+		flex: 1 0 calc(50% - (16px * 2) - (16px / 2));
+
+		@media screen and (max-width: 1100px) {
+			// Quarter width, minus own padding on both sides
+			flex: 1 0 calc(100% - (16px * 2));
+		}
+	}
+
+	&:not(.no-background) .feature-icon {
+		background: rgba(0, 0, 0, 0.0625);
+	}
+
+	&.four-wide .feature-icon {
+		flex: 1 0 calc(25% - (16px * 4) - (16px / 4));
+
+		@media screen and (max-width: 1200px) {
+			// Half width, minus own padding on both sides, minus half a gap
+			flex: 1 0 calc(50% - (16px * 2) - (16px / 2));
+		}
+
+		@media screen and (max-width: 840px) {
+			// Quarter width, minus own padding on both sides
+			flex: 1 0 calc(100% - (16px * 2));
+		}
+	}
+
+	&.three-wide .feature-icon {
+		flex: 1 0 calc((100% / 3) - (16px * 4) - (16px / 4));
+
+		@media screen and (max-width: 800px) {
+			// Quarter width, minus own padding on both sides
+			flex: 1 0 calc(100% - (16px * 2));
+		}
+	}
+
+	&.stacked {
+		justify-content: space-between;
+		margin: 0 -10px;
+		width: calc(100% + 20px);
+		gap: 0;
+
+		.feature-icon {
+			flex-direction: column;
+			flex: 0 1 auto;
+			margin: 0 10px;
+
+			@media screen and (max-width: 1100px) {
+				width: calc(100% / 3 - 40px);
+			}
+
+			@media screen and (max-width: 400px) {
+				width: calc(100% / 2 - 20px);
+			}
+
+			img {
+				width: 72px;
+				height: 72px;
+				object-position: calc(-72px * var(--atlas-index)) 0;
+				margin-bottom: 8px;
+			}
+
+			span {
+				text-align: center;
+			}
+		}
+	}
+}
diff --git a/website/sass/component/image-comparison.scss b/website/sass/component/image-comparison.scss
new file mode 100644
index 0000000000000000000000000000000000000000..7bd90baf58ff9056e485bfb67faa041fd5ee6b0f
--- /dev/null
+++ b/website/sass/component/image-comparison.scss
@@ -0,0 +1,116 @@
+.image-comparison {
+	position: relative;
+	touch-action: pan-y pinch-zoom;
+	max-width: Min(100%, 512px);
+
+	.crop-container {
+		height: 100%;
+
+		&:nth-child(2) {
+			overflow: hidden;
+			width: calc(100% - var(--comparison-percent));
+
+			&,
+			img {
+				position: absolute;
+				top: 0;
+				right: 0;
+			}
+		}
+
+		&.crop-container.crop-container {
+			img {
+				display: block;
+				width: auto;
+				height: 100%;
+			}
+
+			&:first-child img {
+				width: 100%;
+			}
+		}
+	}
+
+	.slide-bar {
+		position: absolute;
+		background: var(--color-navy);
+		margin-left: -2px;
+		width: 4px;
+		height: 100%;
+		top: 0;
+		left: var(--comparison-percent);
+		box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
+
+		.arrows {
+			position: absolute;
+			top: calc(50% - (40px / 2));
+			left: calc(4px / 2);
+			width: 0;
+			height: 0;
+			opacity: 1;
+			transition: opacity 0.25s;
+
+			svg {
+				position: absolute;
+				width: 6.5px;
+				height: 11px;
+				top: calc(-11px / 2);
+				fill: white;
+
+				@keyframes pulse-left {
+					from { transform: translateX(3px); }
+					to { transform: translateX(-3px); }
+				}
+
+				@keyframes pulse-right {
+					from { transform: scaleX(-1) translateX(3px); }
+					to { transform: scaleX(-1) translateX(-3px); }
+				}
+
+				@keyframes pulse-opacity {
+					0% { opacity: 0; }
+					40% { opacity: 1; }
+					90% { opacity: 1; }
+					100% { opacity: 0; }
+				}
+
+				&:nth-of-type(1) {
+					right: 6px;
+					animation: 3s infinite ease-out pulse-left, 3s infinite ease-out pulse-opacity;
+				}
+
+				&:nth-of-type(2) {
+					left: 6px;
+					animation: 3s infinite ease-out pulse-right, 3s infinite ease-out pulse-opacity;
+				}
+			}
+
+			div {
+				content: "";
+				position: absolute;
+				background: var(--color-navy);
+				top: 0;
+				left: 0;
+				width: 32px;
+				height: 32px;
+				transform: translate(-50%, -50%) rotate(45deg);
+				box-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
+			}
+
+			// Cover up the box-shadow at the top and bottom of the circle so it connects to the vertical line
+			&::after {
+				content: "";
+				position: absolute;
+				background: var(--color-navy);
+				left: -2px;
+				top: -24px;
+				width: 4px;
+				height: 48px;
+			}
+		}
+	}
+
+	&:hover .slide-bar .arrows {
+		opacity: 0;
+	}
+}
diff --git a/website/sass/component/youtube-embed.scss b/website/sass/component/youtube-embed.scss
new file mode 100644
index 0000000000000000000000000000000000000000..63e962e6d911d225bc02bd0e37f282a370313332
--- /dev/null
+++ b/website/sass/component/youtube-embed.scss
@@ -0,0 +1,21 @@
+.youtube-embed {
+	position: relative;
+	width: 100%;
+
+	&.aspect-16x9 {
+		padding-top: calc(100% / (16 / 9));
+	}
+
+	img,
+	iframe {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		top: 0;
+		left: 0;
+	}
+
+	img {
+		cursor: pointer;
+	}
+}
diff --git a/website/sass/layout/reading-material.scss b/website/sass/layout/reading-material.scss
new file mode 100644
index 0000000000000000000000000000000000000000..316112aedaf6ab71add2a031e92a3e8a6327d242
--- /dev/null
+++ b/website/sass/layout/reading-material.scss
@@ -0,0 +1,59 @@
+.reading-material.reading-material {
+	max-width: var(--max-width-reading-material);
+
+	article {
+		width: 100%;
+
+		h2 {
+			margin-top: 80px;
+		}
+
+		h3 {
+			margin-top: 40px;
+		}
+
+		h4 {
+			margin-top: 20px;
+		}
+
+		h1,
+		h2,
+		h3,
+		h4,
+		h5,
+		h6 {
+			display: block;
+
+			&:first-child {
+				margin-top: 0;
+			}
+		}
+
+		// Captions below images in blog posts
+		p:has(> img) + center:has(> em) {
+			margin-top: 10px;
+		}
+
+		@media (min-width: 1200px) {
+			.wide {
+				margin-left: -140px;
+				margin-right: -140px;
+			}
+		}
+
+		p ~ img {
+			width: auto;
+			max-width: 100%;
+		}
+
+		hr {
+			margin-top: 40px;
+			margin-bottom: 40px;
+		}
+
+		+ hr {
+			margin-top: calc(80 * var(--variable-px));
+			margin-bottom: calc(40 * var(--variable-px));
+		}
+	}
+}
diff --git a/website/sass/page/about.scss b/website/sass/page/about.scss
new file mode 100644
index 0000000000000000000000000000000000000000..463d577918eadbbc2381366b7c9090648fc14b6f
--- /dev/null
+++ b/website/sass/page/about.scss
@@ -0,0 +1,47 @@
+.loading-data:empty::after {
+	content: "(loading...)";
+	font-style: italic;
+	opacity: 0;
+	animation: fadeInAfterWait 2s ease-in 2s forwards;
+
+	@keyframes fadeInAfterWait {
+		0% {
+			opacity: 0;
+		}
+		100% {
+			opacity: 1;
+		}
+	}
+}
+
+#core-team {
+	background-color: var(--color-parchment);
+
+	.block {
+		align-items: center;
+
+		img {
+			max-width: Min(100%, 320px);
+		}
+
+		h2 {
+			font-weight: 700;
+			text-align: center;
+			width: 100%;
+
+			.handle {
+				margin: 0 0.4em;
+				font-size: 0.5em;
+				font-style: italic;
+				vertical-align: middle;
+				color: var(--color-slate);
+			}
+
+			.flag {
+				width: 1em;
+				height: 1em;
+				vertical-align: middle;
+			}
+		}
+	}
+}
diff --git a/website/sass/page/blog.scss b/website/sass/page/blog.scss
new file mode 100644
index 0000000000000000000000000000000000000000..82f784ec6b7fa2ef0ee69bc4d1f42fc73c67a0fe
--- /dev/null
+++ b/website/sass/page/blog.scss
@@ -0,0 +1,126 @@
+#intro .block {
+	flex: 1 1 100%;
+	width: 100%;
+
+	.left-right-split {
+		width: 100%;
+		margin-top: 20px;
+		display: flex;
+		gap: 20px;
+		justify-content: space-between;
+		flex-wrap: wrap;
+	}
+
+	.feed {
+		margin-top: -4px;
+
+		a {
+			text-decoration: none;
+			display: flex;
+			gap: 8px;
+
+			.icon {
+				vertical-align: top;
+				width: calc(var(--font-size-link) * 1.5);
+				height: calc(var(--font-size-link) * 1.5);
+			}
+
+			.link {
+				vertical-align: top;
+				margin-top: 0;
+			}
+		}
+	}
+}
+
+#articles {
+	display: flex;
+	flex-direction: column;
+
+	section {
+		display: flex;
+		gap: 20px 80px;
+		width: 100%;
+
+		@media screen and (max-width: 960px) {
+			flex-wrap: wrap;
+			justify-content: center;
+			flex-direction: column;
+
+			.banner.banner {
+				width: 100%;
+				background: var(--color-fog);
+
+				img {
+					margin: auto;
+					max-width: 480px;
+				}
+			}
+		}
+
+		~ section {
+			margin-top: calc(120 * var(--variable-px));
+		}
+
+		.banner {
+			width: 400px;
+			flex: 0 0 auto;
+
+			img {
+				display: block;
+				width: 100%;
+				height: auto;
+			}
+		}
+
+		.details {
+			display: flex;
+			flex-direction: column;
+			gap: 20px;
+			flex: 1 1 auto;
+
+			.headline {
+				margin-top: -0.5em;
+
+				a {
+					font-weight: 700;
+					text-decoration: none;
+					color: var(--color-navy);
+				}
+			}
+
+			.publication {
+				font-weight: 800;
+			}
+
+			.summary {
+				flex-direction: column;
+				gap: 20px;
+				text-align: justify;
+				text-justify: inter-character; // Only supported in Firefox
+				-webkit-hyphens: auto;
+				hyphens: auto;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 3;
+
+				code {
+					text-justify: auto;
+				}
+
+				// Safari workaround: https://stackoverflow.com/a/72170897/775283
+				// But there remains an issue where the ellipsis is rendered inside the text. There doesn't appear to be a fix, or even a way to disable the ellipsis in Safari.
+				p {
+					display: inline;
+
+					&::after {
+						content: "\A\A"; // Double new line
+						white-space: pre;
+					}
+				}
+			}
+		}
+	}
+}
diff --git a/website/sass/page/donate.scss b/website/sass/page/donate.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e4f0e788639d841c24beeb59c7d5664e02463d58
--- /dev/null
+++ b/website/sass/page/donate.scss
@@ -0,0 +1,152 @@
+.call-to-action.call-to-action.call-to-action {
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction: row;
+	gap: calc(var(--font-size-link) * 0.8);
+	margin: calc(40 * var(--variable-px)) 0;
+
+	span {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+
+		em {
+			text-align: center;
+			margin-top: 0.5em;
+		}
+	}
+
+	.button {
+		margin: 0;
+	}
+}
+
+.statistics:has(span:empty) {
+	visibility: hidden;
+}
+
+#supporter-memberships,
+#corporate-sponsorships {
+	.triptych {
+		gap: 10px;
+		margin-top: 10px;
+
+		a {
+			flex-basis: calc(100% / 3 - 10px - (var(--feature-box-padding) * var(--variable-px)));
+		}
+	}
+
+	.triptych + .block,
+	.feature-box-inner > .block + :is(.block, .triptych) {
+		margin-top: calc(var(--feature-box-padding) / 2 * var(--variable-px));
+	}
+
+	.triptych + .block {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.action-buttons {
+		gap: calc(var(--feature-box-padding) / 4 * var(--variable-px)) calc(var(--feature-box-padding) * var(--variable-px));
+		flex-wrap: wrap;
+
+		p {
+			text-align: left;
+			text-justify: auto;
+			white-space: nowrap;
+		}
+	}
+
+	@media screen and (max-width: 1280px) {
+		.triptych a {
+			// Half width, minus own padding on both sides, minus the gap
+			flex-basis: calc(50% - (var(--feature-box-padding) * var(--variable-px)) - 10px);
+		}
+	}
+
+	@media screen and (max-width: 640px) {
+		.triptych a {
+			flex-basis: 100%;
+		}
+	}
+
+	.feature-box-narrow {
+		min-width: 0;
+		background-color: var(--color-fog);
+		padding: calc(var(--feature-box-padding) / 2 * var(--variable-px));
+		text-decoration: none;
+		color: var(--color-navy);
+
+		&:hover {
+			background-color: var(--color-lemon);
+		}
+
+		h1 {
+			// Compensates for emoji starting with some left spacing
+			text-indent: -0.2em;
+		}
+
+		ul {
+			padding-left: 1em;
+			font-size: calc(7 / 9 * 1em);
+		}
+	}
+
+	.button {
+		background-color: var(--color-fog);
+	}
+}
+
+#supporter-memberships {
+	background-color: var(--color-mustard);
+}
+
+#corporate-sponsorships {
+	background-color: var(--color-ale);
+	margin-top: 0;
+}
+
+// .fundraising {
+// 	margin-top: 20px;
+// 	width: 100%;
+//
+// 	.fundraising-bar {
+// 		width: 100%;
+// 		height: 32px;
+// 		border-radius: 10000px;
+// 		background: var(--color-fog);
+// 		overflow: hidden;
+//
+// 		.fundraising-bar-progress {
+// 			width: calc(var(--fundraising-percent) - (4px * 2) - (32px - 4px * 2));
+// 			padding-left: calc(32px - 4px * 2);
+// 			height: calc(100% - 4px * 2);
+// 			margin: 4px;
+// 			border-radius: 10000px;
+// 			background: linear-gradient(to right, var(--color-navy), var(--color-crimson));
+// 			transition: opacity 1s, width 2s;
+// 		}
+// 	}
+//
+// 	.goal-metrics {
+// 		display: flex;
+// 		justify-content: space-between;
+// 		font-weight: 800;
+// 		margin-top: 8px;
+// 		margin-left: 20px;
+// 		width: calc(100% - 40px);
+
+// 		> span {
+// 			transition: opacity 1s;
+// 		}
+// 	}
+//
+// 	&.fundraising.loading {
+// 		.goal-metrics > span,
+// 		.fundraising-bar .fundraising-bar-progress {
+// 			opacity: 0;
+// 		}
+// 	}
+// }
diff --git a/website/sass/page/features.scss b/website/sass/page/features.scss
new file mode 100644
index 0000000000000000000000000000000000000000..41590b908adc294c38b7ecf9dd3002cf0ff838c1
--- /dev/null
+++ b/website/sass/page/features.scss
@@ -0,0 +1,98 @@
+.video-container {
+	background: var(--color-fog);
+
+	> div {
+		margin: calc(20 * var(--variable-px)) auto;
+		width: 100%;
+		max-width: 800px;
+	}
+}
+
+#roadmap {
+	width: 100%;
+	text-align: center;
+}
+
+.roadmap {
+	margin: auto;
+	margin-top: 20px;
+	padding: 0 16px;
+
+	.feature-icons {
+		flex-direction: column;
+		gap: 0;
+		width: 100%;
+		margin-bottom: 0;
+
+		.feature-icon {
+			position: relative;
+			padding-left: calc(16px + 8px);
+
+			&::before {
+				content: "";
+				position: absolute;
+				left: 0;
+				width: 4px;
+				height: 100%;
+				background: #ddd;
+			}
+
+			&:first-of-type::before {
+				bottom: 0;
+				height: 50%;
+			}
+
+			&:last-of-type::before {
+				top: 0;
+				height: 50%;
+			}
+
+			&::after {
+				content: "";
+				position: absolute;
+				left: calc((24px - 4px) / -2);
+				width: 24px;
+				height: 24px;
+				border-radius: 24px;
+			}
+
+			&[data-year]::after {
+				content: attr(data-year);
+				width: auto;
+				line-height: 1.4;
+				text-indent: 28px;
+				padding-right: 12px;
+			}
+
+			&.complete::after {
+				background: var(--color-seaside);
+				background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="%2316323f"><polygon points="6.69 14.57 0 9 1.8 6.84 6.32 10.61 13.83 1.43 16 3.2 6.69 14.57" /></svg>');
+				background-repeat: no-repeat;
+				background-position: 4px center;
+			}
+
+			&.ongoing::after {
+				background: var(--color-lemon);
+				background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="%2316323f"><path d="m8,2c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6m0-2C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0h0Zm2.83,9.41l-1.83-1.83v-2.59c0-.55-.45-1-1-1s-1,.45-1,1v3c0,.13.03.26.08.38.05.12.12.23.22.33l2.12,2.12c.2.2.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.02,0-1.41Z" /></svg>');
+				background-repeat: no-repeat;
+				background-position: 4px center;
+			}
+
+			&:not(.complete, .ongoing)::after {
+				background: #ddd;
+				background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="%23fff"><circle cx="8" cy="8" r="8" /></svg>');
+				background-repeat: no-repeat;
+				background-position: 4px center;
+			}
+
+			&.heading {
+				background: none;
+
+				h3 {
+					width: 100%;
+					text-align: center;
+				}
+			}
+		}
+	}
+}
diff --git a/website/sass/page/index.scss b/website/sass/page/index.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9c82d1f0f8fb3cf39b1574ca5fe3badf84c892c7
--- /dev/null
+++ b/website/sass/page/index.scss
@@ -0,0 +1,542 @@
+.page {
+	// Prevents horizontal scrollbars from appearing on the page.
+	// This happens because of the masked (but not overflow: hidden) carousel images.
+	overflow: hidden;
+}
+
+// ▛ LOGO ▜
+#logo {
+	img {
+		width: auto;
+		max-width: 75%;
+		max-height: 160px;
+	}
+}
+// ▙ LOGO ▟
+
+// ▛ TAGLINE ▜
+#tagline {
+	h1 {
+		span {
+			position: relative;
+
+			&::after {
+				content: "";
+				pointer-events: none;
+				position: absolute;
+				left: 0;
+				right: 0;
+				top: 100%;
+				// Dimensions: 480x40
+				height: 100%;
+				margin-top: -0.2em;
+				background: url("https://static.graphite.rs/textures/text-sketch-underline.png");
+				background-repeat: no-repeat;
+				background-size: contain;
+			}
+		}
+	}
+
+	p {
+		font-size: 1.2rem;
+
+		@media screen and (max-width: 1400px) {
+			max-width: unset;
+		}
+	}
+}
+// ▙ TAGLINE ▟
+
+// ▛ QUICK LINKS ▜
+#quick-links {
+	margin-top: calc(40 * var(--variable-px));
+	gap: calc(var(--font-size-link) * 0.8) calc(var(--font-size-link) * 0.8 * 2);
+
+	&,
+	.social-media-buttons,
+	.call-to-action-buttons {
+		display: flex;
+		flex-wrap: wrap;
+		flex-direction: row;
+	}
+
+	.social-media-buttons,
+	.call-to-action-buttons {
+		gap: calc(var(--font-size-link) * 0.8);
+	}
+
+	.social-media-buttons img {
+		width: calc(var(--font-size-link) * 2);
+		display: block;
+	}
+
+	.call-to-action-buttons .github-stars {
+		display: inline-flex;
+		padding-left: calc(var(--font-size-link) / 2);
+		padding-right: 0;
+
+		img {
+			margin: auto;
+			width: calc(var(--font-size-link) * 4 / 3);
+			height: calc(var(--font-size-link) * 4 / 3);
+		}
+
+		span {
+			margin: auto calc(var(--font-size-link) / 2);
+		}
+
+		div {
+			display: inline-flex;
+			background: var(--color-fog);
+			padding: 0 calc(var(--font-size-link) / 2);
+			border-left: var(--border-thickness) solid var(--color-crimson);
+			align-items: center;
+
+			&:empty {
+				display: none;
+			}
+		}
+	}
+
+	// Hide all these buttons while waiting for the number of stars to be fetched.
+	// Otherwise the width of the star count will cause a jump upon loading with the layout of all subsequent buttons changing.
+	// If it fails to load, the div will be removed, allowing the buttons to be displayed (with the star count omitted).
+	&:has(.github-stars div:empty) {
+		visibility: hidden;
+	}
+}
+// ▙ QUICK LINKS ▟
+
+// ▛ SCREENSHOTS ▜
+// ▙ SCREENSHOTS ▟
+
+// ▛ OVERVIEW ▜
+#overview {
+	background-color: var(--color-cloud);
+
+	.sizzle-video {
+		display: flex;
+		flex-wrap: nowrap;
+		max-width: 100%;
+
+		.block {
+			min-width: 0;
+			flex-direction: row;
+
+			&.text {
+				flex: 1 4 100%;
+				flex-direction: column;
+
+				p:has(.button) {
+					margin-top: 20px;
+				}
+			}
+
+			&.video {
+				flex: 0 1 fit-content;
+			}
+		}
+
+		@media screen and (max-width: 900px) {
+			flex-wrap: wrap;
+
+			.block.video {
+				flex: 1 1 100%;
+				justify-content: center;
+			}
+		}
+
+		@media screen and (max-width: 1100px) {
+			p:has(.button) {
+				display: none;
+			}
+		}
+	}
+}
+// ▙ OVERVIEW ▟
+
+// ▛ DONATE ▜
+#donate {
+	h2 {
+		color: #cc304f;
+	}
+}
+// ▙ DONATE ▟
+
+// ▛ PROCEDURALISM ▜
+#proceduralism {
+	background-color: var(--color-slate);
+	color: white;
+
+	.diptych {
+		background: black;
+		color: var(--color-fog);
+		overflow: hidden; // Clip off a 1px overflow beneath the video which appears at some screen widths
+		align-items: stretch;
+		justify-content: center;
+		gap: 0;
+		--video-width: calc(460 * var(--variable-px));
+
+		@media screen and (max-width: 1360px) {
+			--video-width: calc(400 * var(--variable-px));
+		}
+
+		@media screen and (max-width: 1280px) {
+			--video-width: calc(300 * var(--variable-px));
+		}
+
+		@media screen and (max-width: 1080px) {
+			--video-width: calc(500 * var(--variable-px));
+		}
+
+		@media screen and (max-width: 640px) {
+			--video-width: 100%;
+		}
+
+		a {
+			color: var(--color-mustard);
+		}
+
+		.video-background {
+			flex: 1 0 var(--video-width);
+			justify-content: center;
+
+			&,
+			video {
+				max-width: var(--video-width);
+			}
+
+			&::after {
+				content: none;
+			}
+		}
+
+		.description {
+			margin: calc(var(--feature-box-padding) * var(--variable-px));
+		}
+
+		+ .diptych {
+			margin-top: calc(40 * var(--variable-px));
+		}
+	}
+
+	.pipelines .feature-icon {
+		background: rgba(255, 255, 255, 0.0625);
+
+		img {
+			filter: brightness(100);
+		}
+	}
+}
+// ▙ PROCEDURALISM ▟
+
+// ▛ NEWSLETTER ▜
+#newsletter {
+	background-color: var(--color-peach);
+	position: relative;
+
+	#newsletter-success {
+		position: absolute;
+		top: 0;
+
+		&:not(:target) ~ .diptych .newsletter-success,
+		&:target ~ .diptych form {
+			display: none;
+		}
+	}
+
+	.diptych {
+		justify-content: center;
+
+		.newsletter-signup {
+			.newsletter-success {
+				margin-top: 40px;
+				padding: 40px;
+				width: 100%;
+				box-sizing: border-box;
+				background: var(--color-ale);
+				border: 2px solid var(--color-navy);
+			}
+
+			form {
+				width: 100%;
+				margin-top: 40px;
+				display: flex;
+				gap: 20px;
+				flex-wrap: wrap;
+
+				.same-line {
+					display: flex;
+					gap: 20px;
+					flex: 100000 1 0;
+					flex-wrap: wrap;
+					min-width: Min(100%, 700px);
+
+					div {
+						min-height: auto;
+					}
+				}
+
+				.input-column {
+					display: flex;
+					flex-direction: column;
+					justify-content: flex-end;
+					--input-focus-color: var(--color-ale);
+
+					&.name {
+						flex: 1 0 0;
+						min-width: 240px;
+					}
+
+					&.phone {
+						display: none;
+					}
+
+					&.email {
+						flex: 1 0 0;
+						min-width: 240px;
+					}
+
+					@media screen and (max-width: 400px) {
+						&.name,
+						&.email {
+							min-width: 100%;
+						}
+					}
+
+					&.submit {
+						flex: 1 0 auto;
+						min-width: 100%;
+
+						.button {
+							text-align: center;
+						}
+					}
+
+					label,
+					input {
+						flex: 0 0 auto;
+					}
+
+					label {
+						font-size: var(--font-size-link);
+						font-weight: 800;
+						margin-bottom: 10px;
+						line-height: 1;
+					}
+
+					input:not([type="submit"]) {
+						flex: 0 0 auto;
+						width: 100%;
+						height: calc(var(--font-size-link) * 2);
+						font-size: calc(var(--font-size-link) * 0.9);
+						color: inherit;
+						border: var(--border-thickness) solid currentColor;
+						border-radius: 0; // Required for iOS Safari
+						outline: none;
+						margin: 0;
+						padding: 0 var(--font-size-link);
+						font-family: inherit;
+						font-weight: inherit;
+						box-sizing: border-box;
+
+						&:focus {
+							border-color: var(--input-focus-color);
+						}
+					}
+
+					input[type="submit"] {
+						background: none;
+						outline: none;
+						cursor: pointer;
+						border-radius: 0; // Required for iOS Safari
+
+						&:focus {
+							border-color: var(--input-focus-color);
+							color: var(--input-focus-color);
+						}
+					}
+				}
+			}
+		}
+
+		.social-media-links {
+			display: flex;
+			flex: 0 1 fit-content;
+			flex-direction: column;
+			flex-wrap: wrap;
+			justify-content: flex-end;
+			gap: 20px 80px;
+			min-width: 0;
+
+			a {
+				text-decoration: none;
+				display: flex;
+
+				img {
+					width: 48px;
+					height: 48px;
+				}
+
+				span {
+					line-height: 48px;
+					margin: 0;
+					margin-left: 20px;
+				}
+			}
+		}
+	}
+}
+// ▙ NEWSLETTER ▟
+
+// ▛ DIVE IN ▜
+#dive-in {
+	.video-container {
+		background: var(--color-fog);
+		margin-top: calc(40 * var(--variable-px));
+
+		> div {
+			margin: calc(20 * var(--variable-px)) auto;
+			width: 100%;
+			max-width: 800px;
+
+			+ p {
+				margin-top: 0;
+			}
+		}
+	}
+
+	.buttons {
+		display: flex;
+		gap: calc(var(--font-size-link) * 0.8);
+		margin-top: calc(40 * var(--variable-px));
+
+		@media screen and (max-width: 600px) {
+			flex-direction: column;
+		}
+	}
+}
+// ▙ DIVE IN ▟
+
+// ▛ RECENT NEWS ▜
+#recent-news {
+	background-color: var(--color-parchment);
+
+	.banner img {
+		width: 100%;
+		height: auto;
+		margin-bottom: 20px;
+	}
+
+	.headline a {
+		text-decoration: none;
+		font-weight: 700;
+	}
+
+	.summary {
+		margin: 20px 0;
+		flex-direction: column;
+		gap: 20px;
+		text-align: justify;
+		text-justify: inter-character; // Only supported in Firefox
+		-webkit-hyphens: auto;
+		hyphens: auto;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 6;
+
+		code {
+			text-justify: auto;
+		}
+
+		// Safari workaround: https://stackoverflow.com/a/72170897/775283
+		// But there remains an issue where the ellipsis is rendered inside the text. There doesn't appear to be a fix, or even a way to disable the ellipsis in Safari.
+		p {
+			display: inline;
+
+			&::after {
+				content: "\A\A"; // Double new line
+				white-space: pre;
+			}
+		}
+	}
+}
+// ▙ RECENT NEWS ▟
+
+// ▛ DEMO VIDEO ▜
+// #demo-video {
+// 	max-width: 1000px;
+// }
+// ▙ DEMO VIDEO ▟
+
+// ▛ IMAGINATE ▜
+// #imaginate {
+// 	> .block {
+// 		align-items: center;
+
+// 		h1 {
+// 			text-align: center;
+
+// 			.alternating-text {
+// 				position: relative;
+
+// 				span {
+// 					// Move left by half (since it's centered) the average (half the 74px difference) of the variance in word lengths
+// 					margin-left: calc(-1.54em / 2 / 2);
+// 					opacity: 0;
+// 					$alternate-duration: 15s;
+// 					$alternate-words: 5;
+// 					animation: $alternate-duration infinite linear 0s fade-word;
+
+// 					// The 1st child is the widest
+// 					&:not(:nth-child(1)) {
+// 						position: absolute;
+// 						right: 0;
+// 					}
+
+// 					@for $i from 1 through $alternate-words {
+// 						&:nth-child(#{$i}) {
+// 							animation-delay: ($alternate-duration / $alternate-words * ($i - 1));
+// 						}
+// 					}
+
+// 					@keyframes fade-word {
+// 						// Fade in at the start (which begins staggered on each item by `animation-delay`)
+// 						#{0.0%} { opacity: 0; }
+// 						#{2.5%} { opacity: 1; }
+// 						// Remain visible for this item's slice of time, then fade out
+// 						#{0.0% + 100% / ($alternate-words + 1)} { opacity: 1; }
+// 						#{2.5% + 100% / ($alternate-words + 1)} { opacity: 0; }
+// 					}
+// 				}
+// 			}
+// 		}
+// 	}
+
+// 	> .diptych {
+// 		margin-top: calc(80 * var(--variable-px));
+
+// 		.block {
+// 			align-items: center;
+
+// 			h2 {
+// 				text-align: center;
+// 			}
+// 		}
+// 	}
+
+// 	// #imaginate-creative-concepts-carousel {
+// 	// 	margin-top: 20px;
+
+// 	// 	.screenshot-details {
+// 	// 		justify-content: center;
+// 	// 	}
+
+// 	// 	+ blockquote {
+// 	// 		margin-top: 0;
+// 	// 	}
+// 	// }
+// }
+// ▙ IMAGINATE ▟
diff --git a/website/sass/page/logo.scss b/website/sass/page/logo.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9412d5a15ea2197a9eeb9f92a59803a63e0ed88d
--- /dev/null
+++ b/website/sass/page/logo.scss
@@ -0,0 +1,53 @@
+.logo-view {
+	display: flex;
+	margin: 0 auto;
+
+	+ .logo-view.logo-view {
+		margin-top: 0;
+	}
+
+	&.color {
+		background-color: white;
+		background-blend-mode: hard-light;
+	}
+	
+	&.light {
+		background-color: var(--color-fog);
+		background-blend-mode: color-burn;
+	}
+
+	&.dark {
+		color: var(--color-fog);
+		background-color: var(--color-navy);
+		background-blend-mode: soft-light;
+
+		a {
+			color: var(--color-mustard);
+		}
+	}
+
+	.feature-box-inner {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 80px 160px;
+
+		div {
+			display: flex;
+			flex-direction: column;
+
+			img {
+				max-width: calc(100vw - 2 * var(--feature-box-padding) * var(--variable-px));
+			}
+
+			span {
+				font-weight: 800;
+				margin-top: 20px;
+				white-space: nowrap;
+			}
+
+			a {
+				white-space: nowrap;
+			}
+		}
+	}
+}
diff --git a/website/sass/page/volunteer.scss b/website/sass/page/volunteer.scss
new file mode 100644
index 0000000000000000000000000000000000000000..1bb628a45434a804471762516c12e9421bacac3f
--- /dev/null
+++ b/website/sass/page/volunteer.scss
@@ -0,0 +1,21 @@
+.diptych.diptych {
+	gap: 0 calc(var(--feature-box-padding) * var(--variable-px));
+
+	.feature-box-narrow {
+		margin-top: calc(40 * var(--variable-px));
+	}
+}
+
+.feature-box-narrow {
+	.code-contributions & {
+		background-color: var(--color-seaside);
+	}
+	
+	.creative-contributions & {
+		background-color: var(--color-lemon);
+	}
+	
+	.user-contributions & {
+		background-color: var(--color-lilac);
+	}
+}
diff --git a/website/sass/template/article.scss b/website/sass/template/article.scss
new file mode 100644
index 0000000000000000000000000000000000000000..7cedb9340213d576a23f0d8e0ba95da3b6c3ac50
--- /dev/null
+++ b/website/sass/template/article.scss
@@ -0,0 +1,33 @@
+.reading-material {
+	width: 100%;
+	flex: 0 1 auto;
+
+	.details {
+		display: flex;
+		flex-direction: column;
+		gap: 20px;
+
+		.publication {
+			font-weight: 800;
+		}
+
+		.banner {
+			margin-top: 0;
+			display: block;
+			width: 100%;
+			height: auto;
+		}
+	}
+
+	article {
+		margin-top: calc(80 * var(--variable-px));
+	}
+
+	.social {
+		width: 100%;
+		display: flex;
+		gap: calc(var(--font-size-link) * 0.8);
+		flex-wrap: wrap;
+		justify-content: center;
+	}
+}
diff --git a/website/sass/template/book.scss b/website/sass/template/book.scss
new file mode 100644
index 0000000000000000000000000000000000000000..c0dd7adc37e37440735255b0394bae0396d34935
--- /dev/null
+++ b/website/sass/template/book.scss
@@ -0,0 +1,275 @@
+.three-column-layout {
+	--aside-gap: 40px;
+	--aside-width: 300px;
+	--align-with-article-title-letter-cap-heights: 0.4em;
+	position: relative;
+	display: flex;
+	justify-content: space-between;
+	gap: var(--aside-gap);
+	// Creates a stacking context for the left popout sidebar's sticky positioning
+	transform: translate(0);
+
+	&.three-column-layout {
+		max-width: var(--max-extended-width);
+	}
+
+	.close-chapter-selection,
+	.open-chapter-selection {
+		display: none;
+		flex: 0 0 auto;
+		fill: var(--color-navy);
+		background: none;
+		border: none;
+		box-sizing: content-box;
+		padding: 6px;
+		font-size: 0;
+		cursor: pointer;
+
+		svg {
+			width: 36px;
+			height: 36px;
+		}
+	}
+
+	.reading-material {
+		flex: 1 2 100%;
+
+		article {
+			width: 100%;
+		}
+
+		.prev-next {
+			display: flex;
+			justify-content: space-between;
+			width: 100%;
+			gap: 20px;
+			
+			a {
+				display: flex;
+				align-items: center;
+				gap: 20px;
+				
+				svg {
+					fill: var(--color-navy);
+					flex: 0 0 auto;
+				}
+
+				&:last-of-type {
+					text-align: right;
+				}
+			}
+		}
+	}
+
+	@media print {
+		aside {
+			display: none;
+		}
+	}
+
+	// Page contents right sidebar is removed on smaller screens
+	@media screen and (max-width: 1200px) {
+		.contents {
+			display: none;
+		}
+	}
+
+	// Overlaid fold-out menu for chapter selection
+	@media screen and (max-width: 1000px) {
+		gap: 0;
+		
+		.chapters {
+			position: sticky;
+			width: 0;
+			margin-top: calc(-120 * var(--variable-px));
+			overflow: visible;
+			z-index: 10;
+			height: 0;
+			transition: height 0.25s ease-in-out 0.25s;
+
+			&.open {
+				height: 100vh;
+				transition: height 0s;
+
+				.wrapper-outer {
+					left: 0;
+				}
+			}
+			
+			.wrapper-outer {
+				position: absolute;
+				background: white;
+				top: 0;
+				bottom: 0;
+				padding-left: var(--page-edge-padding);
+				margin-left: calc(-1 * var(--page-edge-padding));
+				padding-bottom: calc(120 * var(--variable-px));
+				margin-bottom: calc(-120 * var(--variable-px));
+				padding-top: 16px;
+				margin-top: -16px;
+				border-right: var(--border-thickness) solid var(--color-walnut);
+				box-sizing: border-box;
+				transition: left 0.25s ease-in-out;
+				left: calc(-1 * (var(--aside-width) + 10px));
+				width: var(--aside-width);
+
+				&::after {
+					content: "";
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					right: -10px;
+					width: 10px;
+					background: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent);
+				}
+
+				.wrapper-inner {
+					position: relative;
+					overflow-y: auto;
+					height: 100%;
+					padding-right: var(--page-edge-padding);
+
+					ul:first-of-type {
+						margin-top: calc(120 * var(--variable-px) + var(--align-with-article-title-letter-cap-heights));
+					}
+
+					.close-chapter-selection {
+						display: block;
+						position: absolute;
+						top: calc(20px - 6px);
+						right: calc(20px - 6px);
+					}
+				}
+			}
+		}
+
+		.reading-material {
+			margin-left: auto;
+			margin-right: auto;
+			width: 100%;
+
+			.article-title {
+				display: flex;
+				white-space: nowrap;
+
+				h1 {
+					white-space: normal;
+					display: flex;
+
+					.open-chapter-selection {
+						display: inline-block;
+						padding-top: 0;
+						padding-bottom: 0;
+						margin-left: -6px;
+						margin-right: calc(20px - 6px);
+					}
+				}
+			}
+		}
+	}
+
+	aside {
+		position: sticky;
+		align-self: flex-start;
+		overflow-y: auto;
+		top: 0;
+		width: var(--aside-width);
+		max-height: 100vh;
+		margin-top: -40px;
+		flex: 0 1 auto;
+
+		&.contents > ul,
+		.wrapper-inner > ul {
+			&:first-of-type {
+				margin-top: calc(40px + var(--align-with-article-title-letter-cap-heights));
+			}
+
+			&:last-of-type {
+				margin-bottom: calc(40 * var(--variable-px));
+			}
+		}
+
+		ul {
+			list-style: none;
+			padding: 0;
+			margin: 0;
+			margin-top: 40px;
+
+			ul {
+				margin-top: 0;
+				margin-left: 1em;
+
+				ul {
+					margin-left: 2em;
+
+					ul {
+						margin-left: 3em;
+
+						ul {
+							margin-left: 4em;
+	
+							ul {
+								margin-left: 5em;
+							}
+						}
+					}
+				}
+			}
+
+			li {
+				margin-top: 0.5em;
+				
+				a {
+					color: var(--color-walnut);
+	
+					&:hover {
+						color: var(--color-crimson);
+					}
+				}
+		
+				&:not(.title) a {
+					text-decoration: none;
+				}
+	
+				&.title,
+				&.chapter {
+					font-weight: 700;
+				}
+			}
+		}
+
+		&.chapters {
+			li.active,
+			li.active a {
+				color: var(--color-ale);
+			}
+
+			ul a {
+				display: block;
+				padding-left: 1em;
+				text-indent: -1em;
+			}
+		}
+
+		&.contents {
+			li {
+				position: relative;
+				padding-left: 12px;
+
+				&.active::before {
+					content: "";
+					position: absolute;
+					top: 0;
+					bottom: 0;
+					left: 0;
+					width: 4px;
+					background: var(--color-ale);
+				}
+
+				a:not(:hover) span {
+					display: none;
+				}
+			}
+		}
+	}
+}
diff --git a/website/static/android-chrome-192x192.png b/website/static/android-chrome-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e3f315c80d628dedf53073ea7d0032a292e0ea3
Binary files /dev/null and b/website/static/android-chrome-192x192.png differ
diff --git a/website/static/android-chrome-512x512.png b/website/static/android-chrome-512x512.png
new file mode 100644
index 0000000000000000000000000000000000000000..c02e22a2e1107b45a40eb3c0e451bcdd198b7c4f
Binary files /dev/null and b/website/static/android-chrome-512x512.png differ
diff --git a/website/static/apple-touch-icon.png b/website/static/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2c512dd209349daddc92a8aa6ba36769e61fae5
Binary files /dev/null and b/website/static/apple-touch-icon.png differ
diff --git a/website/static/browserconfig.xml b/website/static/browserconfig.xml
new file mode 100644
index 0000000000000000000000000000000000000000..d416bc536fbc9391e90070bdffacdc962fcfb346
--- /dev/null
+++ b/website/static/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/website/static/favicon-16x16.png b/website/static/favicon-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe415500842870e71b0ba2f34024a3c8321794bc
Binary files /dev/null and b/website/static/favicon-16x16.png differ
diff --git a/website/static/favicon-32x32.png b/website/static/favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..e94d3fba4019e3238642265aff7396067072c935
Binary files /dev/null and b/website/static/favicon-32x32.png differ
diff --git a/website/static/favicon.ico b/website/static/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..484a28f36f5c76ca24a36dc1b1af0636e90d2585
Binary files /dev/null and b/website/static/favicon.ico differ
diff --git a/website/static/js/book.js b/website/static/js/book.js
new file mode 100644
index 0000000000000000000000000000000000000000..8425eb810db9580da63593863493eadef463984f
--- /dev/null
+++ b/website/static/js/book.js
@@ -0,0 +1,76 @@
+addEventListener("DOMContentLoaded", trackScrollHeadingInTOC);
+addEventListener("DOMContentLoaded", listenForClickToOpenOrCloseTOC);
+
+// Listen for scroll events and update the active section in the table of contents to match the visible content's heading
+function trackScrollHeadingInTOC() {
+	const updateVisibleHeading = () => {
+		const content = Array.from(document.querySelectorAll("article > *"));
+
+		// Find the first element in `content` that is visible in the top of the viewport
+		let firstVisible = content.find((element) => element.getBoundingClientRect().bottom >= 0);
+
+		// Find the next heading
+		let heading = firstVisible;
+		while (heading && !heading.tagName.match(/^H[1-6]$/)) {
+			if (!heading.nextElementSibling) break;
+			heading = heading.nextElementSibling;
+		}
+
+		// If the next heading isn't fully visible, use the previous heading
+		if (heading && heading.getBoundingClientRect().bottom > window.innerHeight) {
+			prevHeading = firstVisible;
+			while (prevHeading && !prevHeading.tagName.match(/^H[1-6]$/)) {
+				if (!prevHeading.previousElementSibling) break;
+				prevHeading = prevHeading.previousElementSibling;
+			}
+
+			if (prevHeading && prevHeading.tagName.match(/^H[1-6]$/)) heading = prevHeading;
+		}
+
+		// If the headding isn't an h1-h6, use the last heading
+		if (!heading || !heading.tagName.match(/^H[1-6]$/)) {
+			const filtered = content.filter((element) => element.tagName.match(/^H[1-6]$/));
+			heading = filtered[filtered.length - 1];
+		}
+
+		// If there is no heading, use the first heading
+		if (!heading) heading = document.querySelector("article > h1");
+
+		// Remove the existing active heading
+		const existingActive = document.querySelector("aside.contents li.active");
+		existingActive?.classList.remove("active");
+
+		// Exit if there are no headings
+		if (!heading) return;
+
+		// Set the new active heading
+		const tocHeading = document.querySelector(`aside.contents a[href="#${heading.id}"]`)?.parentElement;
+		if (tocHeading instanceof HTMLElement) tocHeading.classList.add("active");
+	};
+
+	addEventListener("scroll", updateVisibleHeading);
+	updateVisibleHeading();
+}
+
+function listenForClickToOpenOrCloseTOC() {
+	// Open the chapter selection if the user clicks the open button
+	document.querySelector("[data-open-chapter-selection]")?.addEventListener("click", () => {
+		// Wait until after the click-outside-the-panel event has been handled before opening the panel so it doesn't immediately get closed in the same call stack
+		setTimeout(() => {
+			document.querySelector("[data-chapters]")?.classList.add("open");
+		});
+	});
+
+	// Close the chapter selection if the user clicks the close button
+	document.querySelector("[data-close-chapter-selection]")?.addEventListener("click", () => {
+		document.querySelector("[data-chapters]")?.classList.remove("open");
+	});
+
+	// Close the chapter selection if the user clicks outside of it
+	document.querySelector("main")?.addEventListener("click", (e) => {
+		const chapters = document.querySelector("[data-chapters]");
+		if (chapters?.classList.contains("open") && !e.target.closest("[data-chapters]")) {
+			chapters.classList.remove("open");
+		}
+	});
+}
diff --git a/website/static/js/carousel.js b/website/static/js/carousel.js
new file mode 100644
index 0000000000000000000000000000000000000000..5eba157f3d26308bc25cf4e0000cc598fac14497
--- /dev/null
+++ b/website/static/js/carousel.js
@@ -0,0 +1,298 @@
+const FLING_VELOCITY_THRESHOLD = 10;
+const FLING_VELOCITY_WINDOW_SIZE = 20;
+
+window.addEventListener("DOMContentLoaded", initializeCarousel);
+window.addEventListener("pointerup", () => dragEnd(false));
+window.addEventListener("scroll", () => dragEnd(true));
+window.addEventListener("pointermove", dragMove);
+
+const carousels = [];
+
+function initializeCarousel() {
+	const carouselContainers = document.querySelectorAll("[data-carousel]");
+
+	carouselContainers.forEach((carouselContainer) => {
+		const slideImages = carouselContainer.querySelectorAll("[data-carousel-slide] [data-carousel-image]");
+		const tornLeft = carouselContainer.querySelector("[data-carousel-slide-torn-left]");
+		const tornRight = carouselContainer.querySelector("[data-carousel-slide-torn-right]");
+		[tornLeft, tornRight].forEach((insertInsideElement) => {
+			slideImages.forEach((image) => {
+				const clonedImage = image.cloneNode(true);
+				if (clonedImage instanceof HTMLImageElement) clonedImage.alt = "";
+				insertInsideElement.insertAdjacentElement("beforeend", clonedImage);
+			});
+		});
+
+		const images = carouselContainer.querySelectorAll("[data-carousel-image]");
+		const directionPrev = carouselContainer.querySelector("[data-carousel-prev]");
+		const directionNext = carouselContainer.querySelector("[data-carousel-next]");
+		const dots = carouselContainer.querySelectorAll("[data-carousel-dot]");
+		const descriptions = carouselContainer.querySelectorAll("[data-carousel-description]");
+		const performJostleHint = carouselContainer.hasAttribute("data-carousel-jostle-hint");
+		const dragLastClientX = undefined;
+		const velocityDeltaWindow = Array.from({ length: FLING_VELOCITY_WINDOW_SIZE }, () => ({ time: 0, delta: 0 }));
+		const jostleNoLongerNeeded = false;
+
+		const carousel = {
+			carouselContainer,
+			images,
+			directionPrev,
+			directionNext,
+			dots,
+			descriptions,
+			dragLastClientX,
+			velocityDeltaWindow,
+			jostleNoLongerNeeded,
+			requestAnimationFrameActive: false,
+		};
+		carousels.push(carousel);
+
+		images.forEach((image) => {
+			image.addEventListener("pointerdown", dragBegin);
+		});
+		directionPrev.addEventListener("click", () => slideDirection(carousel, "prev", true, false));
+		directionNext.addEventListener("click", () => slideDirection(carousel, "next", true, false));
+		Array.from(dots).forEach((dot) =>
+			dot.addEventListener("click", (event) => {
+				const index = Array.from(dots).indexOf(event.target);
+				slideTo(carousel, index, true);
+			})
+		);
+
+		// Jostle hint is a feature to briefly shift the carousel by a bit as a hint to users that it can be interacted with
+		if (performJostleHint) {
+			window.addEventListener("load", () => {
+				new IntersectionObserver((entries) => {
+					entries.forEach((entry) => {
+						if (entry.intersectionRatio === 1 && currentTransform(carousel) === 0 && !carousel.jostleNoLongerNeeded) {
+							const JOSTLE_TIME = 1000;
+							const MAX_JOSTLE_DISTANCE = -10;
+
+							let startTime;
+							const buildUp = (timeStep) => {
+								if (carousel.jostleNoLongerNeeded) {
+									carousel.carouselContainer.classList.remove("jostling");
+									return;
+								}
+
+								if (!startTime) startTime = timeStep;
+								const elapsedTime = timeStep - startTime;
+
+								const easeOutCirc = (x) => Math.sqrt(1 - Math.pow(x - 1, 2));
+								const movementFactor = easeOutCirc(Math.min(1, elapsedTime / JOSTLE_TIME));
+
+								setCurrentTransform(carousel, movementFactor * MAX_JOSTLE_DISTANCE, "%", false, true);
+
+								if (elapsedTime < JOSTLE_TIME) {
+									requestAnimationFrame(buildUp);
+								} else {
+									carousel.carouselContainer.classList.remove("jostling");
+									carousel.jostleNoLongerNeeded = true;
+									slideTo(carousel, 0, true);
+								}
+							};
+							carousel.carouselContainer.classList.add("jostling")
+							requestAnimationFrame(buildUp);
+						};
+					});
+				}, { threshold: 1 })
+					.observe(directionPrev);
+			});
+		}
+	});
+}
+
+function slideDirection(carousel, direction, smooth, clamped = false) {
+	const directionIndexOffset = { prev: -1, next: 1 }[direction];
+	const offsetDotIndex = currentClosestImageIndex(carousel) + directionIndexOffset;
+
+	const nextDotIndex = (offsetDotIndex + carousel.dots.length) % carousel.dots.length;
+	const unwrappedNextDotIndex = clamp(offsetDotIndex, 0, carousel.dots.length - 1);
+
+	if (clamped) slideTo(carousel, unwrappedNextDotIndex, smooth);
+	else slideTo(carousel, nextDotIndex, smooth);
+}
+
+function slideTo(carousel, index, smooth) {
+	const activeDot = carousel.carouselContainer.querySelector("[data-carousel-dot].active");
+	activeDot.classList.remove("active");
+	carousel.dots[index].classList.add("active");
+
+	const activeDescription = carousel.carouselContainer.querySelector("[data-carousel-description].active");
+	if (activeDescription) {
+		activeDescription.classList.remove("active");
+		carousel.descriptions[index].classList.add("active");
+	}
+
+	// Account for the first image being the faded out last image
+	const offsetIndex = index + 1;
+	const slideImages = Array.from(carousel.carouselContainer.querySelectorAll("[data-carousel-slide] [data-carousel-image]"));
+	// Remove lazy loading from the adjacent images
+	slideImages[clamp(offsetIndex - 2, 0, slideImages.length - 1)].removeAttribute("loading");
+	slideImages[clamp(offsetIndex - 1, 0, slideImages.length - 1)].removeAttribute("loading");
+	slideImages[clamp(offsetIndex, 0, slideImages.length - 1)].removeAttribute("loading");
+	slideImages[clamp(offsetIndex + 1, 0, slideImages.length - 1)].removeAttribute("loading");
+	slideImages[clamp(offsetIndex + 2, 0, slideImages.length - 1)].removeAttribute("loading");
+
+	setCurrentTransform(carousel, index * -100, "%", smooth);
+}
+
+function currentTransform(carousel) {
+	const currentTransformMatrix = window.getComputedStyle(carousel.images[1]).transform;
+	// Grab the X value from the format that looks like either of: `matrix(1, 0, 0, 1, -1332.13, 0)` or `none`
+	const xValue = Number(currentTransformMatrix.split(",")[4] || "0");
+
+	return xValue + carousel.images[1].getBoundingClientRect().width;
+}
+
+function setCurrentTransform(carousel, x, unit, smooth, doNotTerminateJostle = false) {
+	const xInitial = currentTransform(carousel);
+	let xValue = x;
+	if (unit === "%") xValue = x - 100;
+	if (unit === "px") xValue = x - carousel.images[1].getBoundingClientRect().width;
+
+	Array.from(carousel.images).forEach((image) => {
+		image.style.transitionTimingFunction = smooth ? "ease-in-out" : "cubic-bezier(0, 0, 0.2, 1)";
+		image.style.transform = `translateX(${xValue}${unit})`;
+	});
+
+	// If the user caused the carousel to move, we can assume they know how to use it and don't need the jostle hint anymore
+	if (!doNotTerminateJostle && x - xInitial < 0.0001) carousel.jostleNoLongerNeeded = true;
+
+	const distance = unit === "%" ? x : x / carousel.images[1].getBoundingClientRect().width * 100;
+	const overSlidingLeft = distance > 0;
+	const overSlidingRight = distance < (carousel.dots.length - 1) * -100;
+
+	if ((overSlidingLeft || overSlidingRight) && !carousel.requestAnimationFrameActive) updateOverSlide(carousel);
+}
+
+function updateOverSlide(carousel) {
+	const paddingLeft = parseInt(getComputedStyle(carousel.images[1]).paddingLeft);
+	const paddingRight = parseInt(getComputedStyle(carousel.images[carousel.images.length - 2]).paddingRight);
+	const slidLeftDistance = carousel.images[1].getBoundingClientRect().left + paddingLeft - carousel.images[1].parentElement.getBoundingClientRect().left;
+	const slidRightDistance = -(carousel.images[carousel.images.length - 2].getBoundingClientRect().right - paddingRight - carousel.images[1].parentElement.getBoundingClientRect().right);
+	const imageWidth = carousel.images[1].getBoundingClientRect().width;
+	const overSlideFactor = Math.min(1, Math.max(0, (Math.max(slidLeftDistance, slidRightDistance) / imageWidth)));
+
+	const images = carousel.images[0].closest("[data-carousel]").querySelectorAll("[data-carousel-image]:first-child, [data-carousel-image]:last-child");
+
+	// Call again the next frame if we're still sliding past the edge
+	if (overSlideFactor > 0) {
+		images.forEach((image) => {
+			image.style.setProperty("--over-slide-factor", overSlideFactor);
+		});
+
+		carousel.requestAnimationFrameActive = true;
+		requestAnimationFrame(() => updateOverSlide(carousel));
+	} else {
+		images.forEach((image) => {
+			image.style.removeProperty("--over-slide-factor");
+		});
+
+		carousel.requestAnimationFrameActive = false;
+	}
+}
+
+function currentClosestImageIndex(carousel) {
+	const currentTransformX = -currentTransform(carousel);
+
+	const imageWidth = carousel.images[1].getBoundingClientRect().width;
+	return Math.round(currentTransformX / imageWidth);
+}
+
+function currentActiveDotIndex(carousel) {
+	const activeDot = carousel.carouselContainer.querySelector("[data-carousel-dot].active");
+	return Array.from(carousel.dots).indexOf(activeDot);
+}
+
+function dragBegin(event) {
+	const carouselContainer = event.target.closest("[data-carousel]");
+	const carousel = carousels.find((carousel) => carousel.carouselContainer === carouselContainer);
+	if (!carousel) return;
+
+	event.preventDefault();
+
+	carousel.dragLastClientX = event.clientX;
+
+	setCurrentTransform(carousel, currentTransform(carousel), "px", false);
+	carouselContainer.classList.add("dragging");
+}
+
+function dragEnd(dropWithoutVelocity) {
+	const carousel = carousels.find((carousel) => carousel.dragLastClientX !== undefined);
+	if (!carousel) return;
+
+	if (!carousel.images) return;
+
+	carousel.dragLastClientX = undefined;
+
+	carousel.carouselContainer.classList.remove("dragging");
+
+	const onlyRecentVelocityDeltaWindow = carousel.velocityDeltaWindow.filter((delta) => delta.time > Date.now() - 1000);
+	const timeRange = Date.now() - (onlyRecentVelocityDeltaWindow[0]?.time ?? NaN);
+	// Weighted (higher by recency) sum of velocity deltas from previous window of frames
+	const recentVelocity = onlyRecentVelocityDeltaWindow.reduce((acc, entry) => {
+		const timeSinceNow = Date.now() - entry.time;
+		const recencyFactorScore = 1 - timeSinceNow / timeRange;
+
+		return acc + entry.delta * recencyFactorScore;
+	}, 0);
+
+	const closestImageIndex = currentClosestImageIndex(carousel);
+	const activeDotIndex = currentActiveDotIndex(carousel);
+
+	// If the speed is fast enough, slide to the next or previous image in that direction
+	if (Math.abs(recentVelocity) > FLING_VELOCITY_THRESHOLD && !dropWithoutVelocity) {
+		// Positive velocity should go to the previous image
+		if (recentVelocity > 0) {
+			// Don't apply the velocity-based fling if we're already snapping to the next image
+			if (closestImageIndex >= activeDotIndex) {
+				slideDirection(carousel, "prev", false, true);
+				return;
+			}
+		}
+		// Negative velocity should go to the next image
+		else {
+			// Don't apply the velocity-based fling if we're already snapping to the next image
+			// eslint-disable-next-line no-lonely-if
+			if (closestImageIndex <= activeDotIndex) {
+				slideDirection(carousel, "next", false, true);
+				return;
+			}
+		}
+	}
+
+	// If we didn't slide in a direction due to clear velocity, just snap to the closest image
+	// This can be reached either by not entering the if statement above, or by its inner if statements not returning early and exiting back to this scope
+	slideTo(carousel, clamp(closestImageIndex, 0, carousel.dots.length - 1), true);
+}
+
+function dragMove(event) {
+	const carouselContainer = event.target.closest("[data-carousel]");
+	const carousel = carousels.find((carousel) => carousel.carouselContainer === carouselContainer);
+	if (!carousel) return;
+
+	if (carousel.dragLastClientX === undefined) return;
+
+	event.preventDefault();
+
+	const LEFT_MOUSE_BUTTON = 1;
+	if (!(event.buttons & LEFT_MOUSE_BUTTON)) {
+		dragEnd(false);
+		return;
+	}
+
+	const deltaX = event.clientX - carousel.dragLastClientX;
+	carousel.velocityDeltaWindow.shift();
+	carousel.velocityDeltaWindow.push({ time: Date.now(), delta: deltaX });
+
+	const newTransformX = currentTransform(carousel) + deltaX;
+	setCurrentTransform(carousel, newTransformX, "px", false);
+
+	carousel.dragLastClientX = event.clientX;
+}
+
+function clamp(value, min, max) {
+	const m = Math; // This is a workaround for a bug in Zola's minifier
+	return m.min(m.max(value, min), max);
+}
diff --git a/website/static/js/fundraising.js b/website/static/js/fundraising.js
new file mode 100644
index 0000000000000000000000000000000000000000..fdbf822455cebf0f32eff8fbe978a50c2cab9717
--- /dev/null
+++ b/website/static/js/fundraising.js
@@ -0,0 +1,32 @@
+window.addEventListener("DOMContentLoaded", initializeFundraisingBar);
+
+function initializeFundraisingBar() {
+	const VISIBILITY_COVERAGE_FRACTION = 0.5;
+
+	let loaded = false;
+
+	const fundraising = document.querySelector("[data-fundraising]");
+	const bar = fundraising.querySelector("[data-fundraising-bar]");
+	const dynamicPercent = fundraising.querySelector("[data-fundraising-percent] [data-dynamic]")
+	const dynamicGoal = fundraising.querySelector("[data-fundraising-goal] [data-dynamic]")
+	if (!(fundraising instanceof HTMLElement && bar instanceof HTMLElement && dynamicPercent instanceof HTMLElement && dynamicGoal instanceof HTMLElement)) return;
+
+	const setFundraisingGoal = async () => {
+		const request = await fetch("https://graphite.rs/fundraising-goal");
+		/** @type {{ percentComplete: number, targetValue: number }} */
+		const data = await request.json();
+
+		fundraising.classList.remove("loading");
+		bar.style.setProperty("--fundraising-percent", `${data.percentComplete}%`);
+		dynamicPercent.textContent = data.percentComplete;
+		dynamicGoal.textContent = data.targetValue;
+
+		loaded = true;
+	};
+	new IntersectionObserver((entries) => {
+		entries.forEach((entry) => {
+			if (!loaded && entry.intersectionRatio > VISIBILITY_COVERAGE_FRACTION) setFundraisingGoal();
+		});
+	}, { threshold: VISIBILITY_COVERAGE_FRACTION })
+		.observe(fundraising);
+}
diff --git a/website/static/js/image-comparison.js b/website/static/js/image-comparison.js
new file mode 100644
index 0000000000000000000000000000000000000000..4586ee208b21429d04fe4c648acee7bb19d0be87
--- /dev/null
+++ b/website/static/js/image-comparison.js
@@ -0,0 +1,57 @@
+const RECENTER_DELAY = 1;
+const RECENTER_ANIMATION_DURATION = 0.25;
+
+window.addEventListener("DOMContentLoaded", initializeImageComparison);
+
+function initializeImageComparison() {
+	Array.from(document.querySelectorAll("[data-image-comparison]")).forEach((element) => {
+		const moveHandler = (event) => {
+			const factor = (event.clientX - element.getBoundingClientRect().left) / element.getBoundingClientRect().width;
+			const capped = Math.max(0, Math.min(1, factor));
+
+			if (!(element instanceof HTMLElement)) return;
+			element.style.setProperty("--comparison-percent", `${capped * 100}%`);
+			element.dataset.lastInteraction = "";
+		};
+
+		const leaveHandler = (event) => {
+			moveHandler(event);
+
+			const randomCode = Math.random().toString().substring(2);
+			element.dataset.lastInteraction = randomCode;
+
+			setTimeout(() => {
+				if (element.dataset.lastInteraction === randomCode) {
+					element.dataset.recenterStartTime = Date.now();
+					element.dataset.recenterStartValue = parseFloat(element.style.getPropertyValue("--comparison-percent"));
+
+					recenterAnimationStep();
+				}
+			}, RECENTER_DELAY * 1000);
+		};
+
+		const recenterAnimationStep = () => {
+			if (element.dataset.lastInteraction === "") return;
+
+			const completionFactor = (Date.now() - element.dataset.recenterStartTime) / (RECENTER_ANIMATION_DURATION * 1000);
+			if (completionFactor > 1) {
+				element.dataset.lastInteraction = "";
+				return;
+			}
+
+			const factor = smootherstep(completionFactor);
+			const newLocation = lerp(element.dataset.recenterStartValue, 50, factor);
+			element.style.setProperty("--comparison-percent", `${newLocation}%`);
+
+			requestAnimationFrame(recenterAnimationStep);
+		};
+
+		const lerp = (a, b, t) => (1 - t) * a + t * b;
+		const smootherstep = (x) => x * x * x * (x * (x * 6 - 15) + 10);
+
+		element.addEventListener("pointermove", moveHandler);
+		element.addEventListener("pointerenter", moveHandler);
+		element.addEventListener("pointerleave", leaveHandler);
+		element.addEventListener("dragstart", (event) => event.preventDefault());
+	});
+}
diff --git a/website/static/js/navbar.js b/website/static/js/navbar.js
new file mode 100644
index 0000000000000000000000000000000000000000..198d5a19435535b03def4e4deaa19dd05c85d76c
--- /dev/null
+++ b/website/static/js/navbar.js
@@ -0,0 +1,128 @@
+const NAV_BUTTON_INITIAL_FONT_SIZE = 28; // Keep up to date with the initial `--nav-font-size` in base.scss
+const RIPPLE_ANIMATION_MILLISECONDS = 100;
+const RIPPLE_WIDTH = 100;
+const HANDLE_STRETCH = 0.4;
+
+let navButtons;
+let rippleSvg;
+let ripplePath;
+let fullRippleHeight;
+let ripples;
+let activeRippleIndex;
+
+window.addEventListener("DOMContentLoaded", initializeRipples);
+
+function initializeRipples() {
+	window.addEventListener("resize", () => animate(true));
+
+	navButtons = document.querySelectorAll("header nav a");
+	rippleSvg = document.querySelector("header .ripple");
+	ripplePath = rippleSvg.querySelector("path");
+	fullRippleHeight = Number.parseInt(window.getComputedStyle(rippleSvg).height, 10);
+
+	ripples = Array.from(navButtons).map((button) => ({
+		element: button,
+		goingUp: false,
+		animationStartTime: 0,
+		animationEndTime: 0,
+	}));
+
+	activeRippleIndex = ripples.findIndex((ripple) => {
+		let link = ripple.element.getAttribute("href");
+		if (!link.endsWith("/")) link += "/";
+		let location = window.location.pathname;
+		if (!location.endsWith("/")) location += "/";
+
+		// Special case for the root, which will otherwise match as the starting prefix of all pages
+		if (link === "/" && location === "/") return true;
+		if (link === "/") return false;
+
+		return location.startsWith(link);
+	});
+
+	ripples.forEach((ripple) => {
+		const updateTimings = (goingUp) => {
+			const start = ripple.animationStartTime;
+			const now = Date.now();
+			const stop = ripple.animationStartTime + RIPPLE_ANIMATION_MILLISECONDS;
+
+			const elapsed = now - start;
+			const remaining = stop - now;
+
+			ripple.goingUp = goingUp;
+			// Encode the potential reversing of direction via the animation start and end times
+			ripple.animationStartTime = now < stop ? now - remaining : now;
+			ripple.animationEndTime = now < stop ? now + elapsed : now + RIPPLE_ANIMATION_MILLISECONDS;
+
+			animate();
+		};
+
+		ripple.element.addEventListener("pointerenter", () => updateTimings(true));
+		ripple.element.addEventListener("pointerleave", () => updateTimings(false));
+	});
+
+	if (activeRippleIndex >= 0) ripples[activeRippleIndex] = {
+		...ripples[activeRippleIndex],
+		goingUp: true,
+		// Set to non-zero, but very old times (1ms after epoch), so the math works out as if the animation has already completed
+		animationStartTime: 1,
+		animationEndTime: 1 + RIPPLE_ANIMATION_MILLISECONDS,
+	};
+
+	setRipples();
+}
+
+function animate(forceRefresh = false) {
+	const FUZZ_MILLISECONDS = 100;
+	const animateThisFrame = ripples.some((ripple) => ripple.animationStartTime > 0 && ripple.animationEndTime > 0 && Date.now() <= ripple.animationEndTime + FUZZ_MILLISECONDS);
+
+	if (animateThisFrame || forceRefresh) {
+		setRipples();
+		window.requestAnimationFrame(() => animate());
+	}
+}
+
+function setRipples() {
+	const lerp = (a, b, t) => a + (b - a) * t;
+	const ease = (x) => 1 - (1 - x) * (1 - x);
+	const clamp01 = (x) => Math.min(Math.max(x, 0), 1);
+	
+	const rippleSvgRect = rippleSvg.getBoundingClientRect();
+
+	const rippleStrokeWidth = Number.parseInt(window.getComputedStyle(ripplePath).getPropertyValue("--border-thickness"), 10);
+	const navButtonFontSize = Number.parseInt(window.getComputedStyle(navButtons[0]).fontSize, 10) || NAV_BUTTON_INITIAL_FONT_SIZE;
+	const mediaQueryScaleFactor = navButtonFontSize / NAV_BUTTON_INITIAL_FONT_SIZE;
+
+	// Position of bottom centerline to top centerline
+	const rippleBaselineCenterline = fullRippleHeight - rippleStrokeWidth / 2;
+	const rippleToplineCenterline = rippleStrokeWidth / 2;
+
+	let path = `M -16,${rippleBaselineCenterline - 16} L 0,${rippleBaselineCenterline} `;
+
+	ripples.forEach((ripple) => {
+		if (ripple.animationStartTime === 0 || ripple.animationEndTime === 0) return;
+
+		const elapsed = Date.now() - ripple.animationStartTime;
+		const duration = ripple.animationEndTime - ripple.animationStartTime;
+		const t = ease(clamp01(elapsed / duration));
+
+		const bumpCrestRaiseFactor = (ripple.goingUp ? t : 1 - t) * mediaQueryScaleFactor;
+		const bumpCrest = lerp(rippleToplineCenterline, rippleBaselineCenterline, bumpCrestRaiseFactor);
+		const bumpCrestDelta = bumpCrest - rippleStrokeWidth / 2;
+
+		const buttonRect = ripple.element.getBoundingClientRect();
+		const buttonCenter = buttonRect.width / 2;
+		const rippleCenter = RIPPLE_WIDTH / 2 * mediaQueryScaleFactor;
+		const rippleOffset = rippleCenter - buttonCenter;
+		const rippleStartX = buttonRect.left - rippleSvgRect.left - rippleOffset;
+		const handleRadius = rippleCenter * HANDLE_STRETCH;
+
+		path += `L ${rippleStartX},${rippleBaselineCenterline} `;
+		path += `c ${handleRadius},0 ${rippleCenter - handleRadius},${-bumpCrestDelta} ${rippleCenter},${-bumpCrestDelta} `;
+		path += `s ${rippleCenter - handleRadius},${bumpCrestDelta} ${rippleCenter},${bumpCrestDelta} `;
+	});
+
+	path += `L ${rippleSvgRect.width + 16},${rippleBaselineCenterline} L${rippleSvgRect.width + 16},${rippleBaselineCenterline - 16}`;
+
+	ripplePath.setAttribute("d", path);
+}
diff --git a/website/static/js/text-justification.js b/website/static/js/text-justification.js
new file mode 100644
index 0000000000000000000000000000000000000000..589f180a2f1660f46494da24a4eb54da70e57ea8
--- /dev/null
+++ b/website/static/js/text-justification.js
@@ -0,0 +1,28 @@
+window.addEventListener("DOMContentLoaded", () => {
+	document.querySelectorAll("section p").forEach((paragraph) => {
+		// Recursively traverse the DOM tree and modify the text nodes
+		const recursivelyAddWbr = (node) => {
+			if (node.nodeType === Node.TEXT_NODE) {
+				const newNodes = node.textContent.split("/");
+				for (let i = 0; i < newNodes.length - 1; i++) {
+					newNodes[i] += "/";
+				}
+
+				const tempSpan = document.createElement("span");
+				tempSpan.innerHTML = newNodes.join("<wbr>");
+				const replacementNodes = tempSpan.childNodes;
+
+				mutationQueue.push([node, replacementNodes]);
+			} else {
+				node.childNodes.forEach(recursivelyAddWbr);
+			}
+		};
+		
+		// Perform the recursive traversal and replace the text nodes
+		const mutationQueue = [];
+		recursivelyAddWbr(paragraph);
+		mutationQueue.forEach(([node, newNodes]) => {
+			node.replaceWith(...newNodes);
+		});
+	});
+});
diff --git a/website/static/js/video-autoplay.js b/website/static/js/video-autoplay.js
new file mode 100644
index 0000000000000000000000000000000000000000..bef2650814d3445563ad267c16fc6c7f74748820
--- /dev/null
+++ b/website/static/js/video-autoplay.js
@@ -0,0 +1,22 @@
+const VISIBILITY_COVERAGE_FRACTION = 0.25;
+
+window.addEventListener("DOMContentLoaded", () => {
+	const players = document.querySelectorAll("[data-auto-play]");
+	players.forEach((player) => {
+		if (!(player instanceof HTMLVideoElement)) return;
+
+		let loaded = false;
+
+		new IntersectionObserver((entries) => {
+			entries.forEach((entry) => {
+				if (!loaded && entry.intersectionRatio > VISIBILITY_COVERAGE_FRACTION) {
+					player.removeAttribute("preload");
+					player.setAttribute("autoplay", "");
+
+					loaded = true;
+				};
+			});
+		}, { threshold: VISIBILITY_COVERAGE_FRACTION })
+		.observe(player);
+	});
+});
diff --git a/website/static/js/youtube-embed.js b/website/static/js/youtube-embed.js
new file mode 100644
index 0000000000000000000000000000000000000000..964bf43685b63618f16ceb59b6e2fc91a746a3b4
--- /dev/null
+++ b/website/static/js/youtube-embed.js
@@ -0,0 +1,9 @@
+window.addEventListener("DOMContentLoaded", () => {
+	document.querySelectorAll("[data-youtube-embed]").forEach((placeholder) => {
+		placeholder.addEventListener("click", () => {
+			const videoId = placeholder.attributes["data-youtube-embed"].value;
+			const timestamp = placeholder.attributes["data-youtube-timestamp"]?.value
+			placeholder.outerHTML = `<iframe width="1280" height="720" src="https://www.youtube.com/embed/${videoId}?${timestamp ? `start=${timestamp}&` : ""}autoplay=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`;
+		});
+	});
+});
diff --git a/website/static/mstile-144x144.png b/website/static/mstile-144x144.png
new file mode 100644
index 0000000000000000000000000000000000000000..44f54fd110823d3cb2809ac26a6f6d95cd4b34e9
Binary files /dev/null and b/website/static/mstile-144x144.png differ
diff --git a/website/static/mstile-150x150.png b/website/static/mstile-150x150.png
new file mode 100644
index 0000000000000000000000000000000000000000..30bebbdc81986f9f8c672e67aaa043461eae56da
Binary files /dev/null and b/website/static/mstile-150x150.png differ
diff --git a/website/static/mstile-310x150.png b/website/static/mstile-310x150.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b08b270efc07cb530e2f221ab5d8855a43c6a4e
Binary files /dev/null and b/website/static/mstile-310x150.png differ
diff --git a/website/static/mstile-310x310.png b/website/static/mstile-310x310.png
new file mode 100644
index 0000000000000000000000000000000000000000..5df1a3b78fab65c669e7437c211640ef3079b3c1
Binary files /dev/null and b/website/static/mstile-310x310.png differ
diff --git a/website/static/mstile-70x70.png b/website/static/mstile-70x70.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6c2562807339004ddb930cb31bd39a85dff1c03
Binary files /dev/null and b/website/static/mstile-70x70.png differ
diff --git a/website/static/safari-pinned-tab.svg b/website/static/safari-pinned-tab.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1aa9c242a00dcd55cee4d872ca7dff8b3468415a
--- /dev/null
+++ b/website/static/safari-pinned-tab.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1935 6994 c-186 -39 -328 -137 -415 -287 -24 -39 -51 -84 -61 -99
+-11 -15 -19 -29 -19 -31 0 -3 -39 -71 -86 -153 -47 -82 -160 -277 -251 -434
+-90 -157 -169 -292 -174 -300 -5 -8 -55 -96 -112 -195 -113 -196 -393 -681
+-408 -705 -5 -8 -41 -71 -80 -140 -40 -69 -85 -147 -101 -175 -73 -126 -100
+-226 -97 -349 3 -109 33 -203 106 -329 69 -117 281 -485 310 -537 11 -19 111
+-192 223 -385 111 -192 212 -366 222 -385 11 -19 37 -64 58 -100 21 -36 47
+-81 58 -100 11 -19 59 -102 107 -185 48 -82 95 -163 104 -180 9 -16 49 -86 89
+-155 40 -69 78 -134 85 -145 77 -134 155 -215 259 -268 145 -74 44 -69 1583
+-69 1525 0 1434 -4 1570 63 l62 31 304 -217 c167 -120 360 -259 429 -308 69
+-50 148 -106 175 -125 48 -34 130 -93 150 -110 6 -4 21 -16 35 -26 17 -12 19
+-16 6 -12 -31 11 -209 55 -246 61 -19 3 -42 8 -50 10 -28 8 -184 26 -285 33
+-203 13 -1356 5 -1760 -13 -44 -2 -161 -6 -260 -10 -99 -4 -209 -8 -245 -10
+-36 -2 -121 -6 -190 -10 -191 -9 -276 -14 -380 -20 -90 -5 -125 -8 -315 -20
+-44 -3 -114 -8 -155 -11 -198 -13 -326 -22 -405 -29 -27 -2 -81 -7 -120 -10
+-38 -3 -88 -8 -110 -10 -22 -3 -62 -7 -90 -10 -27 -3 -66 -7 -85 -10 -19 -3
+-55 -7 -80 -10 -25 -4 -64 -11 -88 -16 -23 -5 -59 -12 -80 -15 -74 -11 -307
+-76 -381 -106 -42 -17 -91 -42 -109 -55 l-33 -25 38 -28 c47 -35 138 -66 218
+-75 33 -4 71 -9 85 -11 27 -5 291 -11 860 -19 462 -7 617 -12 1355 -40 66 -3
+181 -7 255 -10 74 -3 178 -7 230 -10 52 -3 142 -7 200 -10 232 -12 407 -28
+575 -50 17 -2 56 -7 88 -10 32 -4 111 -12 175 -19 104 -12 493 -13 602 -2 19
+1 78 6 130 11 52 4 102 9 112 10 9 2 48 7 85 10 37 4 75 8 83 10 8 2 35 7 60
+10 84 11 172 25 205 31 11 2 34 7 50 10 141 25 376 82 477 115 204 67 307 135
+359 237 20 40 24 61 24 142 0 83 -7 178 -20 301 -3 20 -7 65 -10 100 -3 35 -7
+84 -10 109 -2 25 -7 73 -9 108 -12 137 -17 188 -21 212 -2 14 -6 61 -10 105
+-5 74 -8 102 -20 225 -7 68 -15 158 -21 225 -3 33 -7 80 -10 105 -2 25 -6 71
+-9 102 -2 31 -6 82 -9 112 -3 31 -8 81 -11 111 -3 30 -7 79 -10 108 -3 28 -7
+79 -10 112 -3 33 -7 84 -10 113 -3 28 -7 76 -10 105 -2 28 -7 75 -9 102 -3 28
+-8 82 -11 120 -3 39 -8 86 -10 105 -2 19 -7 67 -10 105 -3 39 -8 90 -10 115
+-3 25 -7 74 -10 110 -3 36 -7 85 -10 110 -5 48 -11 105 -20 210 -3 36 -8 85
+-10 110 -3 25 -7 74 -10 110 -5 69 -13 141 -21 202 -7 53 -46 144 -110 255
+-32 54 -66 114 -77 133 -10 19 -61 107 -112 195 -51 88 -102 177 -114 199 -12
+21 -78 135 -147 255 -68 119 -130 225 -136 236 -6 11 -74 127 -151 259 -76
+131 -148 255 -159 275 -33 60 -288 501 -335 579 -23 40 -43 75 -43 78 0 10
+-63 88 -100 122 -78 74 -174 125 -275 147 -48 11 -341 13 -1440 13 -759 0
+-1389 -2 -1400 -4z m2666 -602 c87 -43 85 -39 309 -427 51 -88 104 -180 118
+-205 14 -25 33 -58 43 -75 10 -16 32 -55 49 -85 17 -30 40 -71 51 -90 12 -19
+134 -229 271 -467 l249 -432 -33 -37 c-18 -20 -42 -47 -53 -58 -58 -60 -211
+-273 -280 -390 -10 -17 -56 -26 -205 -41 -36 -4 -78 -8 -95 -10 -113 -12 -153
+-17 -175 -20 -14 -2 -56 -7 -95 -11 -38 -4 -81 -8 -95 -9 -14 -2 -34 -3 -45
+-4 -15 -1 -47 -37 -105 -117 -47 -64 -90 -122 -95 -128 -6 -6 -22 -27 -35 -46
+-13 -19 -68 -94 -121 -166 l-97 -131 -69 -2 c-145 -3 -301 -21 -457 -52 -94
+-19 -99 -19 -112 -2 -7 10 -14 21 -14 25 0 3 -21 42 -46 85 -26 43 -57 96 -70
+119 -13 23 -105 182 -205 355 -100 173 -192 332 -204 354 -13 22 -105 182
+-205 355 -101 173 -194 335 -208 359 -47 84 -82 146 -92 161 -8 13 -160 278
+-185 322 -5 10 -80 138 -165 285 -85 147 -167 288 -181 315 -14 26 -31 54 -38
+62 -24 29 65 158 133 193 76 40 73 40 1310 39 l1201 -1 46 -23z m-2956 -912
+c43 -74 86 -151 97 -170 11 -19 93 -161 182 -315 239 -412 431 -745 453 -785
+11 -19 76 -132 145 -250 69 -118 137 -236 151 -262 15 -26 82 -143 150 -260
+68 -117 195 -337 282 -488 87 -151 176 -303 198 -338 42 -66 56 -77 487 -385
+74 -53 215 -154 313 -224 l179 -128 -1071 -3 c-1052 -2 -1071 -2 -1123 18 -59
+23 -113 68 -144 120 -115 194 -164 279 -164 284 0 3 -15 29 -33 58 -19 29 -47
+78 -64 108 -17 30 -54 96 -83 145 -29 50 -61 106 -72 125 -45 78 -322 559
+-353 610 -18 30 -103 179 -190 330 -87 151 -170 295 -185 320 -48 81 -58 177
+-26 253 13 32 221 398 353 622 7 11 38 65 70 120 32 55 64 112 73 126 8 14 47
+81 85 148 39 67 75 130 80 139 6 9 37 63 69 120 32 56 60 101 61 100 1 -2 37
+-64 80 -138z m4304 -1486 c1 -32 4 -61 6 -64 2 -3 7 -48 10 -100 3 -52 8 -97
+10 -100 2 -3 6 -45 10 -95 4 -49 8 -101 10 -115 4 -26 8 -67 25 -240 17 -173
+21 -214 25 -240 2 -14 6 -65 10 -115 3 -49 8 -97 10 -105 2 -8 7 -51 10 -94 4
+-43 8 -86 10 -95 1 -9 6 -54 10 -101 4 -47 8 -98 10 -115 2 -16 7 -64 11 -105
+3 -41 7 -82 9 -90 2 -8 6 -53 10 -100 4 -47 9 -88 11 -92 2 -3 2 -12 -1 -20
+-4 -10 -20 -13 -53 -12 -71 4 -179 -22 -259 -61 -79 -39 -189 -139 -223 -203
+-37 -71 -28 -72 -155 19 -64 46 -126 91 -138 99 -12 8 -83 59 -157 112 -74 53
+-174 125 -223 160 -190 137 -212 153 -215 160 -2 5 -7 8 -12 8 -7 0 -188 126
+-300 210 -14 10 -106 76 -205 147 -290 208 -315 226 -312 229 7 7 227 42 312
+49 39 4 110 8 159 9 80 3 91 6 107 27 10 13 65 87 121 164 56 77 106 145 110
+150 5 6 49 64 97 131 49 66 95 121 102 121 24 0 167 14 186 17 10 2 50 7 88
+11 39 3 84 8 100 10 17 3 50 7 75 9 25 2 93 10 151 17 l106 12 38 64 c65 110
+281 394 296 387 3 -2 7 -29 8 -60z"/>
+<path d="M1314 4324 c-43 -14 -93 -67 -96 -99 -5 -66 5 -92 78 -218 78 -134
+88 -152 153 -265 20 -35 41 -71 46 -80 13 -21 67 -116 93 -162 11 -19 83 -145
+161 -278 77 -134 141 -248 141 -253 0 -5 5 -9 10 -9 6 0 10 -4 10 -10 0 -5 27
+-55 60 -111 33 -55 60 -102 60 -104 0 -2 27 -49 60 -104 33 -56 60 -104 60
+-107 0 -2 8 -17 18 -32 11 -15 40 -63 67 -108 50 -85 77 -108 136 -118 49 -7
+116 28 141 74 37 68 11 140 -142 390 -28 47 -807 1395 -842 1460 -43 78 -66
+108 -91 122 -40 21 -84 26 -123 12z"/>
+</g>
+</svg>
diff --git a/website/static/site.webmanifest b/website/static/site.webmanifest
new file mode 100644
index 0000000000000000000000000000000000000000..e5995609023ac75dd3b8d6ff4df22dafdf68b80a
--- /dev/null
+++ b/website/static/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Graphite",
+    "short_name": "Graphite",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/website/templates/404.html b/website/templates/404.html
new file mode 100644
index 0000000000000000000000000000000000000000..10cf0fbeb400adfbfe5380b90bbce2b5cdeb015d
--- /dev/null
+++ b/website/templates/404.html
@@ -0,0 +1,17 @@
+{% extends "base.html" %}
+
+{%- block head -%}
+{%- set title = "Page not found" -%}
+{%- endblock head -%}
+
+{%- block content -%}
+<section id="404">
+	<div class="block">
+		<h1>Page not found</h1>
+		<p>Or "<code>404</code>", as the machines like to say it.</p>
+		<p>
+			<a href="/" class="button arrow">Return home</a>
+		</p>
+	</div>
+</section>
+{%- endblock content -%}
diff --git a/website/templates/article.html b/website/templates/article.html
new file mode 100644
index 0000000000000000000000000000000000000000..3e1f202c66265d155be6c9946a526bdafae22006
--- /dev/null
+++ b/website/templates/article.html
@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+
+{%- block head -%}{%- set page = page | default(value = section) -%}
+{%- set title = "Blog | " ~ page.title -%}
+{%- set meta_title = page.title -%}
+{%- set meta_image = page.extra.banner_png | safe -%}
+{%- set meta_article_type = true -%}
+{%- set meta_description = page.extra.summary | default(value = page.content | striptags | safe | linebreaksbr | replace(from = "<br>", to = " ") | replace(from = "  ", to = " ") | trim | truncate(length = 200)) -%}
+{%- set css = ["/template/article.css", "/layout/reading-material.css"] -%}
+{%- endblock head -%}
+
+{%- block content -%}{%- set page = page | default(value = section) -%}
+<section class="reading-material">
+	<div class="block">
+		<div class="details">
+			<h1 class="headline">{{ page.title }}</h1>
+			<span class="publication">By {{ page.extra.author }}. {{ page.date | date(format = "%B %d, %Y", timezone="America/Los_Angeles") }}.</span>
+			<img class="banner" src="{{ page.extra.banner | safe }}" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" />
+		</div>
+		<article>
+			{{ page.content | safe }}
+		</article>
+		{% if page.extra.reddit or page.extra.twitter %}
+		<hr />
+		<div class="social">
+			{% if page.extra.reddit %}
+			<a href="{{ page.extra.reddit | safe }}" target="_blank" class="button arrow">
+				<img src="https://static.graphite.rs/icons/reddit__2.svg" /><span>Discuss on Reddit</span>
+			</a>
+			{% endif %}
+			{% if page.extra.twitter %}
+			<a href="{{ page.extra.twitter | safe }}" target="_blank" class="button arrow">
+				<img src="https://static.graphite.rs/icons/twitter.svg" /><span>Twitter</span>
+			</a>
+			{% endif %}
+			{% if page.extra.bluesky %}
+			<a href="{{ page.extra.bluesky | safe }}" target="_blank" class="button arrow">
+				<img src="https://static.graphite.rs/icons/bluesky.svg" /><span>Bluesky</span>
+			</a>
+			{% endif %}
+		</div>
+		{% endif %}
+	</div>
+</section>
+{%- if not page.summary -%}
+{{ throw(message = "------------------------------------------------------------> ARTICLE HAS NO SUMMARY! After the first paragraph (or two short ones), a `<!-- more -->` comment must be inserted in the markdown. Otherwise the blog page would be missing its preview text." | safe) }}
+{%- endif -%}
+{%- endblock content -%}
+
diff --git a/website/templates/base.html b/website/templates/base.html
new file mode 100644
index 0000000000000000000000000000000000000000..d3ed68c49053f19a9b77392749fd0fa4ca868864
--- /dev/null
+++ b/website/templates/base.html
@@ -0,0 +1,145 @@
+{% import "macros/replacements.html" as replacements %}
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+	{%- block head -%}{%- endblock head -%}
+	{%- set page = page | default(value = section | default(value = false)) -%}
+	<meta charset="utf-8" />
+	<title>Graphite | {{ title | safe }}</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1" />
+	{% if current_path -%}
+	<meta property="og:url" content="https://graphite.rs{{ current_path | safe }}" />
+	{%- endif %}
+	{%- set meta_description = page.extra.meta_description | default(value = meta_description | default(value = false)) -%}
+	{% if meta_description %}
+	<meta name="description" content="{{ meta_description | safe }}" />
+	<meta property="og:description" content="{{ meta_description | safe }}" />
+	<meta name="twitter:description" content="{{ meta_description | safe }}" />
+	{%- endif %}
+	<meta property="og:image" content="{{ meta_image | default(value = 'https://static.graphite.rs/logos/splash.png' | safe) | safe }}" />
+	<meta name="twitter:image" content="{{ meta_image | default(value = 'https://static.graphite.rs/logos/splash.png' | safe) | safe }}" />
+	<meta property="og:title" content="{{ meta_title | default(value = title | safe) | safe }}" />
+	<meta name="twitter:title" content="{{ meta_title | default(value = title | safe) | safe }}" />
+	<meta property="og:type" content="{% if meta_article_type %}article{% else %}website{% endif %}" />
+	<meta property="og:site_name" content="Graphite" />
+	<meta name="twitter:site" content="@GraphiteEditor" />
+	<meta name="twitter:card" content="summary_large_image" />
+	{% block rss -%}
+	<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path = 'blog/rss.xml', trailing_slash = false) | safe }}" />
+	{%- endblock %}
+
+	{#- ======================================================================== -#}
+	
+	{#- ON EVERY PAGE OF THE SITE: CSS AND JS TO LOAD EITHER AS A LINK OR INLINE -#}
+	{#- ======================================================================== -#}
+	{%- set global_linked_js = [] -%}
+	{%- set global_linked_css = [] -%}
+	{%- set global_js = ["/js/text-justification.js", "/js/navbar.js"] -%}
+	{%- set global_css = ["/base.css", "/fonts/common.css"] -%}
+	{%- set fonts_loaded = load_data(path="static/fonts/common.css", format="plain", required=false) -%}
+	{%- if not fonts_loaded -%}
+	{{ throw(message="------------------------------------------------------------> FONTS ARE NOT INSTALLED! Before running Zola, execute `npm run install-fonts` from the `/website` directory.") }}
+	{%- endif -%}
+
+	{#- RETRIEVE FROM TEMPLATES AND PAGES: CSS AND JS TO LOAD EITHER AS A LINK OR INLINE -#}
+	{#- ================================================================================ -#}
+	{%- set linked_css = page.extra.linked_css | default(value = []) | concat(with = linked_css | default(value = [])) -%}
+	{%- set linked_js = page.extra.linked_js | default(value = []) | concat(with = linked_js | default(value = [])) -%}
+	{%- set css = page.extra.css | default(value = []) | concat(with = css | default(value = [])) -%}
+	{%- set js = page.extra.js | default(value = []) | concat(with = js | default(value = [])) -%}
+
+	{#- COMBINE THE GLOBAL AND TEMPLATE/PAGE RESOURCE LISTS -#}
+	{#- =================================================== -#}
+	{%- set linked_css_list = linked_css | concat(with = global_linked_css) -%}
+	{%- set linked_js_list = linked_js | concat(with = global_linked_js) -%}
+	{%- set css_list = css | concat(with = global_css) -%}
+	{%- set js_list = js | concat(with = global_js) -%}
+
+	{#- CONDITIONALLY MAKE ONLY PROD BUILDS ACTUALLY INLINE THE CSS AND JS FOR CLEANLINESS -#}
+	{#- ================================================================================== -#}
+	{%- if get_env(name = "MODE", default = "dev") != "prod" -%}
+	{%- set linked_css_list = linked_css_list | concat(with = css_list) -%}
+	{%- set linked_js_list = linked_js_list | concat(with = js_list) -%}
+	{%- set css_list = [] -%}
+	{%- set js_list = [] -%}
+	{%- endif -%}
+	
+	{#- INSERT CSS LINKS -#}
+	{#- ================ -#}
+	{%- for path in linked_css_list %}
+	<link rel="stylesheet" href="{{ path | safe }}" />
+	{%- endfor %}
+
+	{#- INSERT JS LINKS -#}
+	{#- =============== -#}
+	{%- for path in linked_js_list %}
+	<script src="{{ path | safe }}"></script>
+	{%- endfor %}
+
+	{#- INSERT INLINE CSS CODE -#}
+	{#- ====================== -#}
+	{%- if css_list | length > 0 %}
+	{{ "<" ~ "style>" | safe }}
+	{% for path in css_list -%}
+	{{ load_data(path = path) | safe }}
+	{% endfor -%}
+	{{ "</" ~ "style>" | safe }}
+	{%- endif %}
+
+	{#- INSERT INLINE JS CODE -#}
+	{#- ===================== -#}
+	{%- for path in js_list %}
+	{{ "<" ~ "script>" | safe }}
+	{{ load_data(path = path) | safe }}
+	{{ "</" ~ "script>" | safe }}
+	{%- endfor %}
+
+	{{- get_env(name = "INDEX_HTML_HEAD_INCLUSION", default = "") | safe }}
+</head>
+<body>
+	<div class="page">
+		<header>
+			<nav>
+				<div class="row">
+					<div class="left">
+						<a href="/">
+							<img src="https://static.graphite.rs/logos/graphite-logo-solid.svg" alt="Graphite Logo" />
+						</a>
+					</div>
+					<div class="right">
+						<a href="/learn">Learn</a>
+						<a href="/features">Features</a>
+						<a href="/about">About</a>
+						<a href="/blog">Blog</a>
+						<a href="/volunteer">Volunteer</a>
+						<a href="/donate" class="heart">Donate</a>
+						<a href="https://editor.graphite.rs" class="button arrow">Launch</a>
+					</div>
+				</div>
+			</nav>
+			<svg class="ripple" xmlns="http://www.w3.org/2000/svg">
+				<path d="M 0,15 l 10000,0" />
+			</svg>
+			<hr />
+		</header>
+		<main>
+			{%- filter replace(from = "<!-- replacements::blog_posts(count = 2) -->", to = replacements::blog_posts(count = 2)) -%}
+			{%- filter replace(from = "<!-- replacements::text_balancer() -->", to = replacements::text_balancer()) -%}
+			{%- block content -%}{%- endblock -%}
+			{%- endfilter -%}
+			{%- endfilter -%}
+		</main>
+		<footer>
+			<hr />
+			<nav>
+				<a href="https://github.com/GraphiteEditor/Graphite" class="link not-uppercase">GitHub</a>
+				<a href="/license" class="link not-uppercase">License</a>
+				<a href="/logo" class="link not-uppercase">Logo</a>
+				<a href="/press" class="link not-uppercase">Press</a>
+				<a href="/contact" class="link not-uppercase">Contact</a>
+			</nav>
+			<span>Copyright &copy; {{ now() | date(format = "%Y") }} Graphite Labs, LLC (an open source organization)</span>
+		</footer>
+	</div>
+</body>
+</html>
diff --git a/website/templates/blog.html b/website/templates/blog.html
new file mode 100644
index 0000000000000000000000000000000000000000..4581be356e58d6d3e6303921677a309d702823bd
--- /dev/null
+++ b/website/templates/blog.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+
+{%- block head -%}{%- set page = page | default(value = section) -%}
+{%- set title = page.title -%}
+{%- set meta_title = "Graphite Blog" -%}
+{%- set css = ["/page/blog.css"] -%}
+{%- endblock head -%}
+
+{%- block content -%}{%- set page = page | default(value = section) -%}
+{{ page.content | safe }}
+
+<section id="articles" class="block">
+	{% for page in page.pages %}
+	<section>
+		<div class="banner">
+			<a href="{{ page.path | safe }}"><img src="{{ page.extra.banner | safe }}" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" /></a>
+		</div>
+		<div class="details">
+			<div class="headline">
+				<h2><a href="{{ page.path | safe }}">{{ page.title }}</a></h2>
+			</div>
+			<span class="publication">By {{ page.extra.author }}. {{ page.date | date(format = "%B %d, %Y", timezone = "America/Los_Angeles") }}.</span>
+			<div class="summary">
+				<p>{{ page.summary | striptags | safe }}</p>
+			</div>
+			<div class="keep-reading">
+				<a href="{{ page.path | safe }}" class="link arrow">Keep Reading</a>
+			</div>
+		</div>
+	</section>
+	{% endfor %}
+</section>
+{%- endblock content -%}
diff --git a/website/templates/book.html b/website/templates/book.html
new file mode 100644
index 0000000000000000000000000000000000000000..12c54c7ec3b6551145e48263d9285f458f3fcd7d
--- /dev/null
+++ b/website/templates/book.html
@@ -0,0 +1,167 @@
+{% extends "base.html" %}
+
+{%- block head -%}{%- set page = page | default(value = section) -%}
+{%- set title = page.title -%}
+{%- set meta_article_type = true -%}
+{%- set meta_description = page.extra.summary | default(value = page.content | striptags | safe | linebreaksbr | replace(from = "<br>", to = " ") | replace(from = "  ", to = " ") | trim | truncate(length = 200)) -%}
+{%- set linked_css = ["/syntax-highlighting.css"] -%}
+{%- set css = ["/template/book.css", "/layout/reading-material.css", "/component/code-snippet.css"] -%}
+{%- set js = ["/js/book.js"] -%}
+{%- endblock head -%}
+
+{%- block content -%}{%- set page = page | default(value = section) -%}
+
+{# Search this page-or-section's ancestor tree for a section that identifies itself as a book, and save it to a `book` variable #}
+{% for ancestor_path in page.ancestors | concat(with = page.relative_path) %}
+	{# Get the ancestor section from this ancestor path string #}
+	{% if ancestor_path is ending_with("/_index.md") %}
+	{% set potential_book = get_section(path = ancestor_path) %}
+	{% endif %}
+
+	{# Check if the ancestor section is the root of a book, and if so, set it to a variable accessible outside the loop #}
+	{% if potential_book.extra.book %}
+	{% set_global book = get_section(path = potential_book.path ~ "_index.md" | trim_start_matches(pat="/")) %}
+	{% endif %}
+{% endfor %}
+
+{# Map this book's chapter path strings to an array of sections #}
+{% set chapters = [] %}
+{% for chapter_path in book.subsections %}
+	{% set_global chapters = chapters | concat(with = get_section(path = chapter_path)) %}
+{% endfor %}
+{% set chapters = chapters | sort(attribute = "extra.order") %}
+
+{# A flat list of all pages in the ToC, initialized to just the book root section but updated when we generate the ToC #}
+{% set flat_pages = [book] %}
+{% set flat_index_of_this = 0 %}
+
+<section class="three-column-layout">
+	<aside class="chapters" data-chapters>
+		<div class="wrapper-outer">
+			<div class="wrapper-inner">
+				<button class="close-chapter-selection" data-close-chapter-selection>
+					<svg viewBox="0 0 24 24">
+						<polygon points="20.7,4.7 19.3,3.3 12,10.6 4.7,3.3 3.3,4.7 10.6,12 3.3,19.3 4.7,20.7 12,13.4 19.3,20.7 20.7,19.3 13.4,12" />
+					</svg>
+				</button>
+				<ul>
+					<li class="title{% if current_path == book.path %} active{% endif %}"><a href="{{ book.path | safe }}" title="{{ book.title | safe }}">{{ book.title }}</a></li>
+				</ul>
+				{% for chapter in chapters %}
+				<ul>
+					<li class="chapter{% if current_path == chapter.path %} active{% endif %}"><a href="{{ chapter.path | safe }}" title="{{ chapter.title | safe }}">&raquo; {{ chapter.title }}</a></li>
+
+					{% set_global flat_pages = flat_pages | concat(with = chapter) %}
+					{% if chapter == page %}{% set_global flat_index_of_this = flat_pages | length - 1 %}{% endif %}
+
+					{% if chapter.pages %}
+
+					{% for chapter_page in chapter.pages | sort(attribute = "extra.order") %}
+
+					{% set_global flat_pages = flat_pages | concat(with = chapter_page) %}
+					{% if chapter_page == page %}{% set_global flat_index_of_this = flat_pages | length - 1 %}{% endif %}
+
+					<li {% if current_path == chapter_page.path %}class="active"{% endif %}><a href="{{ chapter_page.path | safe }}" title="{{ page.title | safe }}">&raquo; {{ chapter_page.title }}</a></li>
+
+					{% endfor %}
+
+					{% endif %}
+				</ul>
+				{% endfor %}
+			</div>
+		</div>
+	</aside>
+
+	<section class="reading-material">
+		<div class="block">
+			<div class="article-title">
+				<h1>
+					<button title="Open chapter selection" class="open-chapter-selection" data-open-chapter-selection>
+						<svg viewBox="0 0 24 24">
+							<rect x="2" y="4" width="20" height="2"/>
+							<rect x="2" y="18" width="20" height="2"/>
+							<rect x="2" y="11" width="20" height="2"/>
+						</svg>
+					</button>
+					<span>{{ page.title }}</span>
+				</h1>
+			</div>
+			<article>
+			{{ page.content | safe }}
+			</article>
+
+			<hr />
+
+			<div class="prev-next">
+				{% if flat_index_of_this >= 1 %}
+				{% set prev = flat_pages | nth(n = flat_index_of_this - 1) %}
+				{% endif %}
+				{% if prev %}
+				<a href="{{ prev.path | safe }}" title="{{ prev.title | safe }}">
+					<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+						<path d="M20,0C8.95,0,0,8.95,0,20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20C40,8.95,31.05,0,20,0z M20,38c-9.93,0-18-8.07-18-18S10.07,2,20,2s18,8.07,18,18S29.93,38,20,38z" />
+						<polygon points="24.71,10.71 23.29,9.29 12.59,20 23.29,30.71 24.71,29.29 15.41,20" />
+					</svg>
+					{{ prev.title }}
+				</a>
+				{% else %}
+				<a><!-- Spacer --></a>
+				{% endif %}
+
+				{% if flat_index_of_this < flat_pages | length - 1 %}
+				{% set next = flat_pages | nth(n = flat_index_of_this + 1) %}
+				{% endif %}
+				{% if next %}
+				<a href="{{ next.path | safe }}" title="{{ next.title | safe }}">
+					{{ next.title }}
+					<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+						<path d="M20,0C8.95,0,0,8.95,0,20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20C40,8.95,31.05,0,20,0z M20,38c-9.93,0-18-8.07-18-18S10.07,2,20,2s18,8.07,18,18S29.93,38,20,38z" />
+						<polygon points="16.71,9.29 15.29,10.71 24.59,20 15.29,29.29 16.71,30.71 27.41,20" />
+					</svg>
+				</a>
+				{% endif %}
+			</div>
+		</div>
+	</section>
+
+	<aside class="contents">
+		<ul>
+			<li class="title">
+				<a href="#" title="{% if page.toc | length > 0 %}Contents (top ↑){% else %}Back to top ↑{% endif %}">
+					{% if page.toc | length > 0 %}Contents<span> (top ↑)</span>{% else %}Back to top ↑{% endif %}
+				</a>
+			</li>
+		</ul>
+		<ul>
+			{% for depth_1 in page.toc %}
+			<li><a href="#{{ depth_1.id }}" title="{{ depth_1.title | safe }}">{{ depth_1.title }}</a></li>
+			{% for depth_2 in depth_1.children %}
+			<ul>
+				<li><a href="#{{ depth_2.id }}" title="{{ depth_2.title | safe }}">{{ depth_2.title }}</a></li>
+				{% for depth_3 in depth_2.children %}
+				<ul>
+					<li><a href="#{{ depth_3.id }}" title="{{ depth_3.title | safe }}">{{ depth_3.title }}</a></li>
+					{% for depth_4 in depth_3.children %}
+					<ul>
+						<li><a href="#{{ depth_4.id }}" title="{{ depth_4.title | safe }}">{{ depth_4.title }}</a></li>
+						{% for depth_5 in depth_4.children %}
+						<ul>
+							<li><a href="#{{ depth_5.id }}" title="{{ depth_5.title | safe }}">{{ depth_5.title }}</a></li>
+							{% for depth_6 in depth_5.children %}
+							<ul>
+								<li><a href="#{{ depth_6.id }}" title="{{ depth_6.title | safe }}">{{ depth_6.title }}</a></li>
+							</ul>
+							{% endfor %}
+						</ul>
+						{% endfor %}
+					</ul>
+					{% endfor %}
+				</ul>
+				{% endfor %}
+			</ul>
+			{% endfor %}
+			{% endfor %}
+		</ul>
+	</aside>
+</section>
+{%- endblock content -%}
diff --git a/website/templates/macros/replacements.html b/website/templates/macros/replacements.html
new file mode 100644
index 0000000000000000000000000000000000000000..d948f238bd0ad6fbbf105c901ca765d97fa47253
--- /dev/null
+++ b/website/templates/macros/replacements.html
@@ -0,0 +1,40 @@
+{% macro blog_posts(count) %}
+{% set articles = get_section(path="blog/_index.md") %}
+{% set latest = articles.pages | slice(end = count) %}
+{% for article in latest %}
+<div class="block">
+	<a class="banner" href="{{ article.permalink | safe }}"><img loading="lazy" src="{{ article.extra.banner | safe }}" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Article cover image" /></a>
+	<h2 class="headline"><a href="{{ article.permalink | safe }}">{{ article.title }}</a></h2>
+	<div class="summary">
+	<p>{{ article.summary | striptags | safe }}</p>
+	</div>
+	<a href="{{ article.permalink | safe }}" class="link arrow">Keep reading</a>
+</div>
+{% endfor %}
+{% endmacro blog_posts %}
+
+{% macro text_balancer() %}
+<style>
+.balance-text {
+	visibility: hidden;
+}
+
+@media (scripting: none) {
+	.balance-text {
+		visibility: visible !important;
+	}
+}
+
+@supports (text-wrap: balance) {
+	.balance-text,
+	.balanced-text {
+		text-align: left;
+		text-wrap: balance;
+		visibility: visible;
+	}
+}
+</style>
+<script>
+{{ load_data(path="static/text-balancer.js", format="plain") | safe }}
+</script>
+{% endmacro text_balancer %}
diff --git a/website/templates/page.html b/website/templates/page.html
new file mode 100644
index 0000000000000000000000000000000000000000..3ce4bae6c3e9bfd237b69f00faaa5dcc3cbdaab3
--- /dev/null
+++ b/website/templates/page.html
@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{%- block head -%}{%- set page = page | default(value = section) -%}
+{%- set title = page.title -%}
+{%- endblock head -%}
+
+{%- block content -%}{%- set page = page | default(value = section) -%}
+{{ page.content | safe }}
+{%- endblock content -%}
diff --git a/website/templates/section.html b/website/templates/section.html
new file mode 100644
index 0000000000000000000000000000000000000000..3ce4bae6c3e9bfd237b69f00faaa5dcc3cbdaab3
--- /dev/null
+++ b/website/templates/section.html
@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{%- block head -%}{%- set page = page | default(value = section) -%}
+{%- set title = page.title -%}
+{%- endblock head -%}
+
+{%- block content -%}{%- set page = page | default(value = section) -%}
+{{ page.content | safe }}
+{%- endblock content -%}